1 line
9.4 KiB
Plaintext
1 line
9.4 KiB
Plaintext
|
{"version":3,"sources":["../../../src/presets/material/autocomplete/index.ts"],"sourcesContent":["import type { AutoCompleteDesignTokens, AutoCompleteTokenSections } from '@primeuix/themes/types/autocomplete';\n\nexport const root: AutoCompleteTokenSections.Root = {\n background: '{form.field.background}',\n disabledBackground: '{form.field.disabled.background}',\n filledBackground: '{form.field.filled.background}',\n filledHoverBackground: '{form.field.filled.hover.background}',\n filledFocusBackground: '{form.field.filled.focus.background}',\n borderColor: '{form.field.border.color}',\n hoverBorderColor: '{form.field.hover.border.color}',\n focusBorderColor: '{form.field.focus.border.color}',\n invalidBorderColor: '{form.field.invalid.border.color}',\n color: '{form.field.color}',\n disabledColor: '{form.field.disabled.color}',\n placeholderColor: '{form.field.placeholder.color}',\n shadow: '{form.field.shadow}',\n paddingX: '{form.field.padding.x}',\n paddingY: '{form.field.padding.y}',\n borderRadius: '{form.field.border.radius}',\n focusRing: {\n width: '{form.field.focus.ring.width}',\n style: '{form.field.focus.ring.style}',\n color: '{form.field.focus.ring.color}',\n offset: '{form.field.focus.ring.offset}',\n shadow: '{form.field.focus.ring.shadow}'\n },\n transitionDuration: '{form.field.transition.duration}'\n};\n\nexport const overlay: AutoCompleteTokenSections.Overlay = {\n background: '{overlay.select.background}',\n borderColor: '{overlay.select.border.color}',\n borderRadius: '{overlay.select.border.radius}',\n color: '{overlay.select.color}',\n shadow: '{overlay.select.shadow}'\n};\n\nexport const list: AutoCompleteTokenSections.List = {\n padding: '{list.padding}',\n gap: '{list.gap}'\n};\n\nexport const option: AutoCompleteTokenSections.Option = {\n focusBackground: '{list.option.focus.background}',\n selectedBackground: '{list.option.selected.background}',\n selectedFocusBackground: '{list.option.selected.focus.background}',\n color: '{list.option.color}',\n focusColor: '{list.option.focus.color}',\n selectedColor: '{list.option.selected.color}',\n selectedFocusColor: '{list.option.selected.focus.color}',\n padding: '{list.option.padding}',\n borderRadius: '{list.option.border.radius}'\n};\n\nexport const optionGroup: AutoCompleteTokenSections.OptionGroup = {\n background: '{list.option.group.background}',\n color: '{list.option.group.color}',\n fontWeight: '{list.option.group.font.weight}',\n padding: '{list.option.group.padding}'\n};\n\nexport const dropdown: AutoCompleteTokenSections.Dropdown = {\n width: '3rem',\n sm: {\n width: '2.5rem'\n },\n lg: {\n width: '3.5rem'\n },\n borderColor: '{form.field.border.color}',\n hoverBorderColor: '{form.field.border.color}',\n activeBorderColor: '{form.field.border.color}',\n borderRadius: '{form.field.border.radius}',\n focusRing: {\n width: '0',\n style: 'none',\n color: 'unset',\n offset: '0',\n shadow: 'none'\n }\n};\n\nexport const chip: AutoCompleteTokenSections.Chip = {\n borderRadius: '{border.radius.sm}'\n};\n\nexport const emptyMessage: AutoCompleteTokenSections.EmptyMessage = {\n padding: '{list.option.padding}'\n};\n\nexport const colorScheme: AutoCompleteTokenSections.ColorScheme = {\n light: {\n chip: {\n focusBackground: '{surface.300}',\n focusColor: '{surface.950}'\n },\n dropdown: {\n background: '{surface.100}',\n hoverBackground: '{surface.200}',\n activeBackground: '{surface.300}',\n color: '{surface.600}',\n hoverColor: '{surface.700}',\n activeColor: '{surface.800}'\n }\n },\n dark: {\n chip: {\n focusBackground: '{surface.600}',\n focusColor: '{surface.0}'\n },\n dropdown: {\n background: '{surface.800}',\n hove
|