1 line
9.9 KiB
Plaintext
1 line
9.9 KiB
Plaintext
|
{"version":3,"sources":["../../../src/presets/nora/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 0 0 6px',\n transitionDuration: '{transition.duration}',\n blur: '0'\n};\n\nexport const icon: ToastTokenSections.Icon = {\n size: '1.125rem'\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: '700',\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: '1.75rem',\n height: '1.75rem',\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 info: {\n background: '{blue.800}',\n borderColor: '{blue.800}',\n color: '{blue.50}',\n detailColor: '{blue.50}',\n shadow: '{overlay.popover.shadow}',\n closeButton: {\n hoverBackground: '{blue.600}',\n focusRing: {\n color: '{blue.50}',\n shadow: 'none'\n }\n }\n },\n success: {\n background: '{green.800}',\n borderColor: '{green.800}',\n color: '{green.50}',\n detailColor: '{green.50}',\n shadow: '{overlay.popover.shadow}',\n closeButton: {\n hoverBackground: '{green.600}',\n focusRing: {\n color: '{green.50}',\n shadow: 'none'\n }\n }\n },\n warn: {\n background: '{yellow.600}',\n borderColor: '{yellow.600}',\n color: '{yellow.50}',\n detailColor: '{yellow.50}',\n shadow: '{overlay.popover.shadow}',\n closeButton: {\n hoverBackground: '{yellow.400}',\n focusRing: {\n color: '{yellow.50}',\n shadow: 'none'\n }\n }\n },\n error: {\n background: '{red.800}',\n borderColor: '{red.800}',\n color: '{red.50}',\n detailColor: '{red.50}',\n shadow: '{overlay.popover.shadow}',\n closeButton: {\n hoverBackground: '{red.600}',\n focusRing: {\n color: '{red.50}',\n shadow: 'none'\n }\n }\n },\n secondary: {\n background: '{surface.200}',\n borderColor: '{surface.200}',\n color: '{surface.700}',\n detailColor: '{surface.700}',\n shadow: '{overlay.popover.shadow}',\n closeButton: {\n hoverBackground: '{surface.50}',\n focusRing: {\n color: '{surface.700}',\n shadow: 'none'\n }\n }\n },\n contrast: {\n background: '{surface.900}',\n borderColor: '{surface.900}',\n color: '{surface.50}',\n detailColor: '{surface.0}',\n shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)',\n closeButton: {\n hoverBackground: '{surface.700}',\n focusRing: {\n color: '{surface.50}',\n shadow: 'none'\n }\n }\n
|