1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
|
{"version":3,"sources":["../../../src/presets/material/toast/index.ts"],"sourcesContent":["import type { ToastDesignTokens, ToastTokenSections } from '@primeuix/themes/types/toast';\n\nexport const root: ToastTokenSections.Root = {\n width: '25rem',\n borderRadius: '{content.border.radius}',\n borderWidth: '0',\n transitionDuration: '{transition.duration}'\n};\n\nexport const icon: ToastTokenSections.Icon = {\n size: '1.25rem'\n};\n\nexport const content: ToastTokenSections.Content = {\n padding: '{overlay.popover.padding}',\n gap: '0.5rem'\n};\n\nexport const text: ToastTokenSections.Text = {\n gap: '0.5rem'\n};\n\nexport const summary: ToastTokenSections.Summary = {\n fontWeight: '500',\n fontSize: '1rem'\n};\n\nexport const detail: ToastTokenSections.Detail = {\n fontWeight: '500',\n fontSize: '0.875rem'\n};\n\nexport const closeButton: ToastTokenSections.CloseButton = {\n width: '2rem',\n height: '2rem',\n borderRadius: '50%',\n focusRing: {\n width: '{focus.ring.width}',\n style: '{focus.ring.style}',\n offset: '{focus.ring.offset}'\n }\n};\n\nexport const closeIcon: ToastTokenSections.CloseIcon = {\n size: '1rem'\n};\n\nexport const colorScheme: ToastTokenSections.ColorScheme = {\n light: {\n root: {\n blur: '0'\n },\n info: {\n background: '{blue.50}',\n borderColor: '{blue.200}',\n color: '{blue.600}',\n detailColor: '{surface.700}',\n shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n closeButton: {\n hoverBackground: '{blue.100}',\n focusRing: {\n color: '{blue.600}',\n shadow: 'none'\n }\n }\n },\n success: {\n background: '{green.50}',\n borderColor: '{green.200}',\n color: '{green.600}',\n detailColor: '{surface.700}',\n shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n closeButton: {\n hoverBackground: '{green.100}',\n focusRing: {\n color: '{green.600}',\n shadow: 'none'\n }\n }\n },\n warn: {\n background: '{yellow.50}',\n borderColor: '{yellow.200}',\n color: '{yellow.900}',\n detailColor: '{surface.700}',\n shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n closeButton: {\n hoverBackground: '{yellow.100}',\n focusRing: {\n color: '{yellow.600}',\n shadow: 'none'\n }\n }\n },\n error: {\n background: '{red.50}',\n borderColor: '{red.200}',\n color: '{red.600}',\n detailColor: '{surface.700}',\n shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n closeButton: {\n hoverBackground: '{red.100}',\n focusRing: {\n color: '{red.600}',\n shadow: 'none'\n }\n }\n },\n secondary: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{surface.600}',\n detailColor: '{surface.700}',\n shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n closeButton: {\n hoverBackground: '{surface.200}',\n focusRing: {\n color: '{surface.600}',\n shadow: 'none'\n }\n }\n },\n contrast: {\n
|