1 line
7.4 KiB
Plaintext
1 line
7.4 KiB
Plaintext
|
{"version":3,"sources":["../../../src/presets/material/cascadeselect/index.ts"],"sourcesContent":["import type { CascadeSelectDesignTokens, CascadeSelectTokenSections } from '@primeuix/themes/types/cascadeselect';\n\nexport const root: CascadeSelectTokenSections.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 invalidPlaceholderColor: '{form.field.invalid.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 sm: {\n fontSize: '{form.field.sm.font.size}',\n paddingX: '{form.field.sm.padding.x}',\n paddingY: '{form.field.sm.padding.y}'\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 }\n};\n\nexport const dropdown: CascadeSelectTokenSections.Dropdown = {\n width: '2.5rem',\n color: '{form.field.icon.color}'\n};\n\nexport const overlay: CascadeSelectTokenSections.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: CascadeSelectTokenSections.List = {\n padding: '{list.padding}',\n gap: '{list.gap}',\n mobileIndent: '1rem'\n};\n\nexport const option: CascadeSelectTokenSections.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 icon: {\n color: '{list.option.icon.color}',\n focusColor: '{list.option.icon.focus.color}',\n size: '0.875rem'\n }\n};\n\nexport const clearIcon: CascadeSelectTokenSections.ClearIcon = {\n color: '{form.field.icon.color}'\n};\n\nexport const css: CascadeSelectTokenSections.CSS = /*css*/ `\n.p-cascadeselect.p-variant-filled {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border: 1px solid transparent;\n background: dt('cascadeselect.filled.background') no-repeat;\n background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.border.color'), dt('cascadeselect.border.color'));\n background-size: 0 2px, 100% 1px;\n background-position: 50% 100%, 50% 100%;\n background-origin: border-box;\n transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);\n}\n\n.p-cascadeselect.p-variant-filled:not(.p-disabled):hover {\n background: dt('cascadeselect.filled.hover.background') no-repeat;\n background-image: linear-gradient(to bottom, dt('cas
|