1 line
26 KiB
Plaintext
1 line
26 KiB
Plaintext
|
{"version":3,"sources":["../../../src/presets/nora/button/index.ts"],"sourcesContent":["import type { ButtonDesignTokens, ButtonTokenSections } from '@primeuix/themes/types/button';\n\nexport const root: ButtonTokenSections.Root = {\n borderRadius: '{form.field.border.radius}',\n roundedBorderRadius: '2rem',\n gap: '0.5rem',\n paddingX: '{form.field.padding.x}',\n paddingY: '{form.field.padding.y}',\n iconOnlyWidth: '2.5rem',\n sm: {\n fontSize: '{form.field.sm.font.size}',\n paddingX: '{form.field.sm.padding.x}',\n paddingY: '{form.field.sm.padding.y}',\n iconOnlyWidth: '2rem'\n },\n lg: {\n fontSize: '{form.field.lg.font.size}',\n paddingX: '{form.field.lg.padding.x}',\n paddingY: '{form.field.lg.padding.y}',\n iconOnlyWidth: '3rem'\n },\n label: {\n fontWeight: '700'\n },\n raisedShadow: '0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)',\n focusRing: {\n width: '{focus.ring.width}',\n style: '{focus.ring.style}',\n offset: '{focus.ring.offset}'\n },\n badgeSize: '1rem',\n transitionDuration: '{form.field.transition.duration}'\n};\n\nexport const colorScheme: ButtonTokenSections.ColorScheme = {\n light: {\n root: {\n primary: {\n background: '{primary.color}',\n hoverBackground: '{primary.hover.color}',\n activeBackground: '{primary.active.color}',\n borderColor: '{primary.color}',\n hoverBorderColor: '{primary.hover.color}',\n activeBorderColor: '{primary.active.color}',\n color: '{primary.contrast.color}',\n hoverColor: '{primary.contrast.color}',\n activeColor: '{primary.contrast.color}',\n focusRing: {\n color: '{primary.color}',\n shadow: 'none'\n }\n },\n secondary: {\n background: '{surface.200}',\n hoverBackground: '{surface.300}',\n activeBackground: '{surface.400}',\n borderColor: '{surface.200}',\n hoverBorderColor: '{surface.300}',\n activeBorderColor: '{surface.400}',\n color: '{surface.700}',\n hoverColor: '{surface.800}',\n activeColor: '{surface.900}',\n focusRing: {\n color: '{surface.700}',\n shadow: 'none'\n }\n },\n info: {\n background: '{sky.600}',\n hoverBackground: '{sky.700}',\n activeBackground: '{sky.800}',\n borderColor: '{sky.600}',\n hoverBorderColor: '{sky.700}',\n activeBorderColor: '{sky.800}',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: {\n color: '{sky.600}',\n shadow: 'none'\n }\n },\n success: {\n background: '{green.600}',\n hoverBackground: '{green.700}',\n activeBackground: '{green.800}',\n borderColor: '{green.600}',\n hoverBorderColor: '{green.700}',\n activeBorderColor: '{green.800}',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: {\n color: '{green.600}',\n shadow: 'none'\n }\n },\n warn: {\n background: '{orange.600}',\n hoverBackground: '{orange.700}',\n activeBackground: '{orange.800}',\n borderColor: '{orange.600}',\n hoverBorderColor: '{orange.700}',\n activeBorderColor: '{orange.800}',\n color: '#ffffff'
|