1 line
14 KiB
Plaintext
1 line
14 KiB
Plaintext
|
{"version":3,"sources":["../../../src/presets/lara/message/index.ts"],"sourcesContent":["import type { MessageDesignTokens, MessageTokenSections } from '@primeuix/themes/types/message';\n\nexport const root: MessageTokenSections.Root = {\n borderRadius: '{content.border.radius}',\n borderWidth: '1px',\n transitionDuration: '{transition.duration}'\n};\n\nexport const content: MessageTokenSections.Content = {\n padding: '0.75rem 1rem',\n gap: '0.5rem',\n sm: {\n padding: '0.5rem 0.625rem'\n },\n lg: {\n padding: '0.75rem 0.875rem'\n }\n};\n\nexport const text: MessageTokenSections.Text = {\n fontSize: '1rem',\n fontWeight: '500',\n sm: {\n fontSize: '0.875rem'\n },\n lg: {\n fontSize: '1.125rem'\n }\n};\n\nexport const icon: MessageTokenSections.Icon = {\n size: '1.25rem',\n sm: {\n size: '1rem'\n },\n lg: {\n size: '1.5rem'\n }\n};\n\nexport const closeButton: MessageTokenSections.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: MessageTokenSections.CloseIcon = {\n size: '1rem',\n sm: {\n size: '0.875rem'\n },\n lg: {\n size: '1.125rem'\n }\n};\n\nexport const outlined: MessageTokenSections.Outlined = {\n root: {\n borderWidth: '1px'\n }\n};\n\nexport const simple: MessageTokenSections.Simple = {\n content: {\n padding: '0'\n }\n};\n\nexport const colorScheme: MessageTokenSections.ColorScheme = {\n light: {\n info: {\n background: 'color-mix(in srgb, {blue.50}, transparent 5%)',\n borderColor: 'transparent',\n color: '{blue.600}',\n shadow: 'none',\n closeButton: {\n hoverBackground: '{blue.100}',\n focusRing: {\n color: '{focus.ring.color}',\n shadow: '0 0 0 0.2rem {blue.200}'\n }\n },\n outlined: {\n color: '{blue.600}',\n borderColor: '{blue.600}'\n },\n simple: {\n color: '{blue.600}'\n }\n },\n success: {\n background: 'color-mix(in srgb, {green.50}, transparent 5%)',\n borderColor: 'transparent',\n color: '{green.600}',\n shadow: 'none',\n closeButton: {\n hoverBackground: '{green.100}',\n focusRing: {\n color: '{focus.ring.color}',\n shadow: '0 0 0 0.2rem {green.200}'\n }\n },\n outlined: {\n color: '{green.600}',\n borderColor: '{green.600}'\n },\n simple: {\n color: '{green.600}'\n }\n },\n warn: {\n background: 'color-mix(in srgb,{yellow.50}, transparent 5%)',\n borderColor: 'transparent',\n color: '{yellow.600}',\n shadow: 'none',\n closeButton: {\n hoverBackground: '{yellow.100}',\n focusRing: {\n color: '{focus.ring.color}',\n shadow: '0 0 0 0.2rem {yellow.200}'\n }\n },\n outlined: {\n color: '{yellow.600}',\n borderColor: '{yellow.600}'\n },\n simple: {\n color: '{yellow.600}'\n }\n },\n error: {\n background: 'color-mix(in srgb, {red.50}, transparent 5%)',\n borderColor: 'transparent',\n color: '{red.600}',\n shadow: 'none',\n closeButton: {\n hoverBackground: '{red.100}',\n focusRing: {\n color: '{focus.ring.color}',\n shadow: '0 0 0 0.2rem {red.200}'\n }\n
|