@yamada-ui/react 2.1.4-dev-20260323160112 → 2.1.4-dev-20260323173341
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/menu/menu.style.cjs +1 -1
- package/dist/cjs/components/menu/menu.style.cjs.map +1 -1
- package/dist/cjs/core/css/conditions.cjs +4 -0
- package/dist/cjs/core/css/conditions.cjs.map +1 -1
- package/dist/cjs/theme/semantic-tokens/colors.cjs +1 -1
- package/dist/cjs/theme/semantic-tokens/colors.cjs.map +1 -1
- package/dist/esm/components/menu/menu.style.js +1 -1
- package/dist/esm/components/menu/menu.style.js.map +1 -1
- package/dist/esm/core/css/conditions.js +4 -0
- package/dist/esm/core/css/conditions.js.map +1 -1
- package/dist/esm/theme/semantic-tokens/colors.js +1 -1
- package/dist/esm/theme/semantic-tokens/colors.js.map +1 -1
- package/dist/types/components/accordion/accordion.d.ts +4 -2
- package/dist/types/components/accordion/use-accordion.d.ts +11 -11
- package/dist/types/components/airy/airy.d.ts +3 -2
- package/dist/types/components/alert/alert.d.ts +5 -2
- package/dist/types/components/alpha-slider/alpha-slider.d.ts +3 -2
- package/dist/types/components/aspect-ratio/aspect-ratio.d.ts +2 -2
- package/dist/types/components/autocomplete/autocomplete.d.ts +4 -2
- package/dist/types/components/autocomplete/autocomplete.style.d.ts +1 -1
- package/dist/types/components/autocomplete/use-autocomplete.d.ts +7 -5
- package/dist/types/components/avatar/avatar.d.ts +5 -5
- package/dist/types/components/avatar/use-avatar-group.d.ts +2 -2
- package/dist/types/components/badge/badge.d.ts +2 -2
- package/dist/types/components/bleed/bleed.d.ts +2 -2
- package/dist/types/components/blockquote/blockquote.d.ts +2 -2
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +2 -2
- package/dist/types/components/breadcrumb/use-breadcrumb.d.ts +2 -2
- package/dist/types/components/button/button-group.d.ts +1 -0
- package/dist/types/components/button/button.d.ts +3 -2
- package/dist/types/components/button/icon-button.d.ts +2 -2
- package/dist/types/components/calendar/calendar.d.ts +3 -2
- package/dist/types/components/calendar/calendar.style.d.ts +2 -2
- package/dist/types/components/calendar/use-calendar.d.ts +9 -8
- package/dist/types/components/card/card.d.ts +2 -2
- package/dist/types/components/carousel/carousel.d.ts +3 -2
- package/dist/types/components/carousel/carousel.style.d.ts +2 -2
- package/dist/types/components/carousel/use-carousel.d.ts +3 -3
- package/dist/types/components/center/center.d.ts +2 -2
- package/dist/types/components/chart/area-chart.d.ts +2 -2
- package/dist/types/components/chart/bar-chart.d.ts +2 -2
- package/dist/types/components/chart/chart.d.ts +5 -5
- package/dist/types/components/chart/composed-chart.d.ts +2 -2
- package/dist/types/components/chart/donut-chart.d.ts +2 -2
- package/dist/types/components/chart/line-chart.d.ts +2 -2
- package/dist/types/components/chart/pie-chart.d.ts +2 -2
- package/dist/types/components/chart/use-chart.d.ts +2 -2
- package/dist/types/components/checkbox/checkbox-group.d.ts +2 -0
- package/dist/types/components/checkbox/checkbox.d.ts +5 -4
- package/dist/types/components/checkbox/use-checkbox-group.d.ts +3 -2
- package/dist/types/components/checkbox/use-checkbox.d.ts +1 -0
- package/dist/types/components/checkbox-card/checkbox-card-group.d.ts +3 -0
- package/dist/types/components/checkbox-card/checkbox-card.d.ts +7 -5
- package/dist/types/components/checkbox-card/checkbox-card.style.d.ts +1 -1
- package/dist/types/components/circle-progress/circle-progress.d.ts +3 -2
- package/dist/types/components/close-button/close-button.d.ts +3 -2
- package/dist/types/components/code/code.d.ts +2 -2
- package/dist/types/components/collapse/collapse.d.ts +3 -2
- package/dist/types/components/color-picker/color-picker.d.ts +6 -2
- package/dist/types/components/color-picker/use-color-picker.d.ts +5 -2
- package/dist/types/components/color-selector/color-selector.d.ts +6 -2
- package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
- package/dist/types/components/color-selector/use-color-selector.d.ts +5 -3
- package/dist/types/components/color-swatch/color-swatch.d.ts +2 -2
- package/dist/types/components/container/container.d.ts +2 -2
- package/dist/types/components/data-list/data-list.d.ts +2 -2
- package/dist/types/components/date-picker/date-picker.d.ts +5 -2
- package/dist/types/components/date-picker/use-date-picker.d.ts +7 -4
- package/dist/types/components/drawer/drawer.d.ts +5 -2
- package/dist/types/components/drawer/drawer.style.d.ts +2 -2
- package/dist/types/components/drawer/use-drawer.d.ts +2 -0
- package/dist/types/components/dropzone/dropzone.d.ts +7 -4
- package/dist/types/components/dropzone/use-dropzone.d.ts +1 -0
- package/dist/types/components/editable/editable.d.ts +5 -4
- package/dist/types/components/editable/use-editable.d.ts +3 -2
- package/dist/types/components/em/em.d.ts +2 -2
- package/dist/types/components/empty-state/empty-state.d.ts +2 -2
- package/dist/types/components/empty-state/empty-state.style.d.ts +2 -2
- package/dist/types/components/fade/fade.d.ts +3 -2
- package/dist/types/components/fade-scale/fade-scale.d.ts +1 -0
- package/dist/types/components/field/field.d.ts +3 -3
- package/dist/types/components/field/field.style.d.ts +2 -2
- package/dist/types/components/field/use-field-props.d.ts +3 -3
- package/dist/types/components/fieldset/fieldset.d.ts +4 -3
- package/dist/types/components/fieldset/fieldset.style.d.ts +1 -1
- package/dist/types/components/file-button/file-button.d.ts +4 -2
- package/dist/types/components/file-button/use-file-button.d.ts +20 -18
- package/dist/types/components/file-input/file-input.d.ts +4 -2
- package/dist/types/components/file-input/use-file-input.d.ts +16 -15
- package/dist/types/components/flex/flex.d.ts +2 -2
- package/dist/types/components/flip/flip.d.ts +5 -4
- package/dist/types/components/float/float.d.ts +2 -2
- package/dist/types/components/form/form.d.ts +4 -3
- package/dist/types/components/format/format-byte.d.ts +4 -4
- package/dist/types/components/format/format-date-time.d.ts +4 -4
- package/dist/types/components/format/format-number.d.ts +2 -2
- package/dist/types/components/format/use-format-byte.d.ts +1 -0
- package/dist/types/components/format/use-format-date-time.d.ts +1 -0
- package/dist/types/components/format/use-format-number.d.ts +1 -0
- package/dist/types/components/grid/grid-item.d.ts +2 -2
- package/dist/types/components/grid/grid.d.ts +2 -2
- package/dist/types/components/group/group.d.ts +3 -2
- package/dist/types/components/group/use-group.d.ts +2 -2
- package/dist/types/components/heading/heading.d.ts +2 -2
- package/dist/types/components/highlight/highlight.d.ts +2 -0
- package/dist/types/components/hue-slider/hue-slider.d.ts +4 -3
- package/dist/types/components/icon/icon.d.ts +5 -5
- package/dist/types/components/image/image.d.ts +2 -2
- package/dist/types/components/indicator/indicator.d.ts +5 -4
- package/dist/types/components/infinite-scroll-area/infinite-scroll-area.d.ts +2 -2
- package/dist/types/components/input/input-addon.d.ts +2 -2
- package/dist/types/components/input/input-element.d.ts +2 -2
- package/dist/types/components/input/input-group.d.ts +2 -0
- package/dist/types/components/input/input.d.ts +3 -2
- package/dist/types/components/kbd/kbd.d.ts +2 -2
- package/dist/types/components/link/link.d.ts +2 -2
- package/dist/types/components/link-box/link-box.d.ts +2 -2
- package/dist/types/components/list/list.d.ts +2 -2
- package/dist/types/components/loading/loading-provider.d.ts +2 -2
- package/dist/types/components/loading/loading.d.ts +4 -3
- package/dist/types/components/loading/use-loading-component.d.ts +1 -0
- package/dist/types/components/mark/mark.d.ts +2 -2
- package/dist/types/components/menu/menu.d.ts +3 -2
- package/dist/types/components/menu/menu.style.d.ts +2 -2
- package/dist/types/components/menu/use-menu.d.ts +11 -11
- package/dist/types/components/modal/modal.d.ts +6 -2
- package/dist/types/components/modal/modal.style.d.ts +2 -2
- package/dist/types/components/native-accordion/native-accordion.d.ts +2 -2
- package/dist/types/components/native-accordion/use-native-accordion.d.ts +2 -2
- package/dist/types/components/native-popover/native-popover.d.ts +2 -2
- package/dist/types/components/native-select/native-select.d.ts +4 -2
- package/dist/types/components/native-select/use-native-select.d.ts +1 -0
- package/dist/types/components/native-table/native-table.d.ts +4 -4
- package/dist/types/components/notice/notice.style.d.ts +1 -1
- package/dist/types/components/notice/use-notice.d.ts +3 -0
- package/dist/types/components/number-input/number-input.d.ts +3 -2
- package/dist/types/components/number-input/use-number-input.d.ts +1 -0
- package/dist/types/components/pagination/pagination.d.ts +3 -2
- package/dist/types/components/pagination/use-pagination.d.ts +2 -2
- package/dist/types/components/password-input/password-input.d.ts +3 -2
- package/dist/types/components/password-input/strength-meter.d.ts +2 -2
- package/dist/types/components/password-input/use-password-input.d.ts +3 -2
- package/dist/types/components/picture/picture.d.ts +1 -0
- package/dist/types/components/pin-input/pin-input.d.ts +4 -2
- package/dist/types/components/pin-input/use-pin-input.d.ts +8 -7
- package/dist/types/components/popover/popover.d.ts +3 -2
- package/dist/types/components/progress/progress.d.ts +4 -4
- package/dist/types/components/progress/use-progress.d.ts +706 -706
- package/dist/types/components/qr-code/qr-code.d.ts +2 -2
- package/dist/types/components/radio/radio-group.d.ts +2 -0
- package/dist/types/components/radio/radio.d.ts +5 -4
- package/dist/types/components/radio/use-radio-group.d.ts +3 -2
- package/dist/types/components/radio/use-radio.d.ts +1 -0
- package/dist/types/components/radio-card/radio-card-group.d.ts +3 -0
- package/dist/types/components/radio-card/radio-card.d.ts +7 -5
- package/dist/types/components/radio-card/radio-card.style.d.ts +1 -1
- package/dist/types/components/rating/use-rating.d.ts +8 -7
- package/dist/types/components/reorder/reorder.d.ts +3 -2
- package/dist/types/components/reorder/use-reorder.d.ts +3 -3
- package/dist/types/components/resizable/resizable.d.ts +2 -2
- package/dist/types/components/resizable/use-resizable.d.ts +2 -2
- package/dist/types/components/ripple/ripple.d.ts +3 -2
- package/dist/types/components/ripple/use-ripple.d.ts +2 -2
- package/dist/types/components/rotate/rotate.d.ts +3 -2
- package/dist/types/components/saturation-slider/saturation-slider.d.ts +2 -2
- package/dist/types/components/saturation-slider/use-saturation-slider.d.ts +3 -2
- package/dist/types/components/scroll-area/scroll-area.d.ts +2 -2
- package/dist/types/components/segmented-control/segmented-control.d.ts +3 -2
- package/dist/types/components/segmented-control/use-segmented-control.d.ts +10 -9
- package/dist/types/components/select/select.d.ts +4 -2
- package/dist/types/components/select/use-select.d.ts +6 -4
- package/dist/types/components/separator/separator.d.ts +2 -2
- package/dist/types/components/simple-grid/simple-grid.d.ts +3 -2
- package/dist/types/components/skeleton/skeleton.d.ts +2 -2
- package/dist/types/components/slide/slide.d.ts +3 -2
- package/dist/types/components/slide-fade/slide-fade.d.ts +3 -2
- package/dist/types/components/slider/slider.d.ts +2 -2
- package/dist/types/components/slider/use-slider.d.ts +3 -2
- package/dist/types/components/snacks/snacks.d.ts +2 -0
- package/dist/types/components/snacks/use-snacks.d.ts +1 -0
- package/dist/types/components/stack/h-stack.d.ts +2 -2
- package/dist/types/components/stack/stack.d.ts +2 -2
- package/dist/types/components/stack/v-stack.d.ts +2 -2
- package/dist/types/components/stack/z-stack.d.ts +2 -2
- package/dist/types/components/stat/stat.d.ts +2 -2
- package/dist/types/components/status/status.d.ts +2 -2
- package/dist/types/components/steps/steps.d.ts +2 -2
- package/dist/types/components/steps/steps.style.d.ts +1 -1
- package/dist/types/components/steps/use-steps.d.ts +10 -10
- package/dist/types/components/switch/switch.d.ts +2 -2
- package/dist/types/components/switch/use-switch.d.ts +1 -0
- package/dist/types/components/table/table.d.ts +4 -2
- package/dist/types/components/tabs/tabs.d.ts +2 -2
- package/dist/types/components/tabs/use-tabs.d.ts +16 -16
- package/dist/types/components/tag/tag.d.ts +2 -2
- package/dist/types/components/tag/tag.style.d.ts +1 -1
- package/dist/types/components/text/text.d.ts +2 -2
- package/dist/types/components/textarea/textarea.d.ts +4 -2
- package/dist/types/components/textarea/use-autosize.d.ts +2 -2
- package/dist/types/components/timeline/timeline.d.ts +5 -5
- package/dist/types/components/timeline/timeline.style.d.ts +2 -2
- package/dist/types/components/tip/tip.d.ts +2 -0
- package/dist/types/components/toggle/toggle-group.d.ts +1 -1
- package/dist/types/components/toggle/toggle.d.ts +7 -5
- package/dist/types/components/toggle/use-toggle-group.d.ts +2 -2
- package/dist/types/components/toggle/use-toggle.d.ts +3 -2
- package/dist/types/components/tooltip/tooltip.d.ts +4 -2
- package/dist/types/components/visually-hidden/visually-hidden.d.ts +2 -2
- package/dist/types/components/wrap/wrap.d.ts +3 -2
- package/dist/types/core/components/create-component.d.ts +7 -9
- package/dist/types/core/components/index.types.d.ts +0 -1
- package/dist/types/core/components/use-component-style.d.ts +0 -2
- package/dist/types/core/components/utils.d.ts +0 -1
- package/dist/types/core/constant.d.ts +0 -1
- package/dist/types/core/css/calc.d.ts +0 -1
- package/dist/types/core/css/conditions.d.ts +35 -3
- package/dist/types/core/css/config.d.ts +0 -1
- package/dist/types/core/css/css.d.ts +0 -1
- package/dist/types/core/css/index.types.d.ts +0 -1
- package/dist/types/core/css/styles.d.ts +0 -1
- package/dist/types/core/css/token.d.ts +0 -1
- package/dist/types/core/css/use-css.d.ts +0 -1
- package/dist/types/core/css/utils.d.ts +0 -2
- package/dist/types/core/generated-theme-tokens.types.d.ts +0 -1
- package/dist/types/core/index.d.ts +0 -2
- package/dist/types/core/system/color-mode-provider.d.ts +2 -2
- package/dist/types/core/system/config.d.ts +0 -1
- package/dist/types/core/system/create-system.d.ts +0 -1
- package/dist/types/core/system/factory.d.ts +0 -1
- package/dist/types/core/system/index.types.d.ts +0 -1
- package/dist/types/core/system/storage-script.d.ts +3 -3
- package/dist/types/core/system/styled.d.ts +2 -3
- package/dist/types/core/system/system-provider.d.ts +2 -2
- package/dist/types/core/system/var.d.ts +0 -2
- package/dist/types/hooks/use-async-callback/index.d.ts +1 -0
- package/dist/types/hooks/use-breakpoint/use-breakpoint-state.d.ts +2 -2
- package/dist/types/hooks/use-clipboard/index.d.ts +2 -2
- package/dist/types/hooks/use-combobox/index.d.ts +13 -12
- package/dist/types/hooks/use-counter/index.d.ts +2 -2
- package/dist/types/hooks/use-descendants/index.d.ts +2 -2
- package/dist/types/hooks/use-field-sizing/index.d.ts +2 -2
- package/dist/types/hooks/use-hover/index.d.ts +2 -2
- package/dist/types/hooks/use-popper/index.d.ts +2 -2
- package/dist/types/hooks/use-resize-observer/index.d.ts +3 -3
- package/dist/types/index.d.ts +103 -0
- package/dist/types/providers/i18n-provider/i18n-provider.d.ts +3 -3
- package/dist/types/providers/ui-provider/ui-provider.d.ts +5 -4
- package/dist/types/theme/index.d.ts +1 -1
- package/dist/types/theme/semantic-tokens/index.d.ts +1 -1
- package/dist/types/utils/children.d.ts +2 -2
- package/package.json +2 -2
|
@@ -66,7 +66,7 @@ const menuStyle = require_config.defineComponentSlotStyle({
|
|
|
66
66
|
focusVisibleRing: "none",
|
|
67
67
|
minH: "{item-height}",
|
|
68
68
|
userSelect: "none",
|
|
69
|
-
_activedescendant: { bg:
|
|
69
|
+
_activedescendant: { bg: "bg.subtle" },
|
|
70
70
|
_disabled: { layerStyle: "disabled" }
|
|
71
71
|
},
|
|
72
72
|
label: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.style.cjs","names":["defineComponentSlotStyle","popoverStyle"],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n base: {\n command: {\n textStyle: \"mono\",\n color: \"fg.muted\",\n ms: \"auto\",\n },\n content: {\n \"&:has([data-footer])\": {\n scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n },\n \"&:has([data-header])\": {\n scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n },\n \"--border-width\": \"1px\",\n \"--footer-height\": \"{item-height}\",\n \"--header-height\": \"{item-height}\",\n gap: \"0\",\n overflow: \"auto\",\n p: \"{space}\",\n scrollPaddingBottom: \"{space}\",\n scrollPaddingTop: \"{space}\",\n },\n footer: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderTopWidth: \"{border-width}\",\n bottom: \"calc({space} * -1)\",\n display: \"flex\",\n left: \"0\",\n mb: \"calc({space} * -1)\",\n minH: \"{footer-height}\",\n mt: \"{space}\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n },\n group: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n header: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderBottomWidth: \"{border-width}\",\n display: \"flex\",\n left: \"0\",\n mb: \"{space}\",\n minH: \"{header-height}\",\n mt: \"calc({space} * -1)\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n top: \"calc({space} * -1)\",\n },\n indicator: {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n item: {\n alignItems: \"center\",\n display: \"flex\",\n focusVisibleRing: \"none\",\n minH: \"{item-height}\",\n userSelect: \"none\",\n _activedescendant: { bg:
|
|
1
|
+
{"version":3,"file":"menu.style.cjs","names":["defineComponentSlotStyle","popoverStyle"],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n base: {\n command: {\n textStyle: \"mono\",\n color: \"fg.muted\",\n ms: \"auto\",\n },\n content: {\n \"&:has([data-footer])\": {\n scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n },\n \"&:has([data-header])\": {\n scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n },\n \"--border-width\": \"1px\",\n \"--footer-height\": \"{item-height}\",\n \"--header-height\": \"{item-height}\",\n gap: \"0\",\n overflow: \"auto\",\n p: \"{space}\",\n scrollPaddingBottom: \"{space}\",\n scrollPaddingTop: \"{space}\",\n },\n footer: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderTopWidth: \"{border-width}\",\n bottom: \"calc({space} * -1)\",\n display: \"flex\",\n left: \"0\",\n mb: \"calc({space} * -1)\",\n minH: \"{footer-height}\",\n mt: \"{space}\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n },\n group: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n header: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderBottomWidth: \"{border-width}\",\n display: \"flex\",\n left: \"0\",\n mb: \"{space}\",\n minH: \"{header-height}\",\n mt: \"calc({space} * -1)\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n top: \"calc({space} * -1)\",\n },\n indicator: {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n item: {\n alignItems: \"center\",\n display: \"flex\",\n focusVisibleRing: \"none\",\n minH: \"{item-height}\",\n userSelect: \"none\",\n _activedescendant: { bg: \"bg.subtle\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n label: {\n alignItems: \"center\",\n display: \"flex\",\n fontWeight: \"medium\",\n minH: \"{item-height}\",\n },\n separator: {\n \"& + hr\": { display: \"none\" },\n \"&:last-child, &:first-child\": { display: \"none\" },\n borderBottomWidth: \"{border-width}\",\n mx: \"calc({space} * -1)\",\n my: \"{space}\",\n },\n },\n\n sizes: {\n sm: {\n command: { fontSize: \"2xs\" },\n content: {\n \"--item-height\": \"spaces.7\",\n \"--space\": \"spaces.1\",\n fontSize: \"xs\",\n minW: \"3xs\",\n },\n footer: { px: \"1.5\" },\n header: { px: \"1.5\" },\n indicator: { fontSize: \"sm\" },\n item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n label: { px: \"1.5\" },\n },\n md: {\n command: { fontSize: \"xs\" },\n content: {\n \"--item-height\": \"spaces.8\",\n \"--space\": \"spaces.1\",\n fontSize: \"sm\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"md\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n lg: {\n command: { fontSize: \"sm\" },\n content: {\n \"--item-height\": \"spaces.9\",\n \"--space\": \"spaces.1\",\n fontSize: \"md\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"lg\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;;;;AAGA,MAAa,YAAYA,wCAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;GACL;EACD,SAAS;GACP,wBAAwB,EACtB,qBAAqB,oDACtB;GACD,wBAAwB,EACtB,kBAAkB,oDACnB;GACD,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;GACnB;EACD,QAAQ;GACN,YAAY;GACZ,IAAIC,mCAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,eAAe;GAChB;EACD,QAAQ;GACN,YAAY;GACZ,IAAIA,mCAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;GACN;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,aAAa;GACtC,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;GACP;EACD,WAAW;GACT,UAAU,EAAE,SAAS,QAAQ;GAC7B,+BAA+B,EAAE,SAAS,QAAQ;GAClD,mBAAmB;GACnB,IAAI;GACJ,IAAI;GACL;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,OAAO;GAC5B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,OAAO;GACrB,QAAQ,EAAE,IAAI,OAAO;GACrB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;IAAM;GAC9C,OAAO,EAAE,IAAI,OAAO;GACrB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}
|
|
@@ -9,6 +9,7 @@ const toPeer = (selector) => [...["[data-peer]", ".peer"].flatMap((prefix) => [`
|
|
|
9
9
|
const attributes = {
|
|
10
10
|
_inactive: "&[data-inactive]",
|
|
11
11
|
_accept: "&[data-accept]",
|
|
12
|
+
_animated: "&[data-animated]",
|
|
12
13
|
_between: "&[data-between]",
|
|
13
14
|
_center: "&:is([data-center], [data-group-center])",
|
|
14
15
|
_complete: "&[data-complete]",
|
|
@@ -20,6 +21,7 @@ const attributes = {
|
|
|
20
21
|
_filled: "&[data-filled]",
|
|
21
22
|
_grabbed: "&:is([data-grabbed], [aria-grabbed=true])",
|
|
22
23
|
_grid: "&:is([role=grid], [data-grid])",
|
|
24
|
+
_hasGroup: "&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))",
|
|
23
25
|
_hasIcon: "&:has(> [data-icon])",
|
|
24
26
|
_idle: "&[data-idle]",
|
|
25
27
|
_incomplete: "&[data-incomplete]",
|
|
@@ -31,6 +33,7 @@ const attributes = {
|
|
|
31
33
|
_notAllowed: "&[data-not-allowed]",
|
|
32
34
|
_notCurrent: "&:not([aria-current], [data-current]), &[aria-current='false']",
|
|
33
35
|
_notFallback: "&:not([data-fallback])",
|
|
36
|
+
_notHasGroup: "&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))",
|
|
34
37
|
_notSelected: "&:not([data-selected]):not([aria-selected=true])",
|
|
35
38
|
_numeric: "&[data-numeric]",
|
|
36
39
|
_open: "&:is([open], [data-open])",
|
|
@@ -86,6 +89,7 @@ const pseudoClasses = {
|
|
|
86
89
|
_horizontal: "&:is([data-orientation=horizontal], [aria-orientation=horizontal])",
|
|
87
90
|
_icon: "&:where(svg:not([data-loading])), & > [data-icon]",
|
|
88
91
|
_indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
|
|
92
|
+
_indicator: "& > [data-indicator]",
|
|
89
93
|
_inRange: "&:is(:in-range, [data-in-range])",
|
|
90
94
|
_last: "&:last-of-type",
|
|
91
95
|
_lastChild: "& > *:last-child",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conditions.cjs","names":[],"sources":["../../../../src/core/css/conditions.ts"],"sourcesContent":["import type { Length } from \"../../utils\"\nimport type { DOMElement } from \"../components\"\nimport type { CSSObject } from \"./index.types\"\n\ntype ReplaceSelector<\n Y extends string[],\n M extends string,\n D extends string,\n> = Y extends [infer H extends string, ...infer R extends string[]]\n ? `${H}${M extends `&${infer T}` ? `${T} ${D}` : `${M} ${D}`}${Length<R> extends 0 ? \"\" : `, `}${ReplaceSelector<R, M, D>}`\n : \"\"\n\nconst toGroup = <Y extends string>(selector: Y) =>\n [\"[role=group]\", \"[data-group]\", \".group\"]\n .map((prefix) => `${prefix}${selector.slice(1)} &`)\n .join(\", \") as ReplaceSelector<\n [\"[role=group]\", \"[data-group]\", \".group\"],\n Y,\n \"&\"\n >\n\nconst toPeer = <Y extends string>(selector: Y) =>\n [\n ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n `&:has(~ ${prefix}${selector.slice(1)})`,\n `${prefix}${selector.slice(1)} ~ &`,\n ]),\n ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n `&:has(~ ${prefix} *${selector.slice(1)})`,\n `${prefix}:has(*${selector.slice(1)}) ~ &`,\n ]),\n ].join(\", \") as ReplaceSelector<[\"[data-peer]\", \".peer\"], Y, \"~ &\">\n\nexport type AnySelector =\n | `${string}${\" \" | \"#\" | \"*\" | \"+\" | \",\" | \".\" | \":\" | \">\" | \"@\" | \"[\" | \"]\" | \"~\"}${string}`\n | DOMElement\n\nexport const attributes = {\n /**\n * The CSS `&[data-inactive]` attribute selector.\n */\n _inactive: \"&[data-inactive]\",\n /**\n * The CSS `&[data-accept]` attribute selector.\n */\n _accept: \"&[data-accept]\",\n /**\n * The CSS `&[data-between]` attribute selector.\n */\n _between: \"&[data-between]\",\n /**\n * The CSS `&:is([data-center], [data-group-center])` attribute selector.\n */\n _center: \"&:is([data-center], [data-group-center])\",\n /**\n * The CSS `&[data-complete]` attribute selector.\n */\n _complete: \"&[data-complete]\",\n /**\n * The CSS `&:is([aria-current], [data-current]):not([aria-current='false'])` attribute selector.\n */\n _current: \"&:is([aria-current], [data-current]):not([aria-current='false'])\",\n /**\n * Styles for when `data-mode` is applied to any parent of this component or element.\n */\n _dark:\n \".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]\",\n /**\n * The CSS `&:is([data-end], [data-group-end])` attribute selector.\n */\n _end: \"&:is([data-end], [data-group-end])\",\n /**\n * The CSS `&:is([data-expanded], [aria-expanded=true])` attribute selector.\n */\n _expanded: \"&:is([data-expanded], [aria-expanded=true])\",\n /**\n * The CSS `&[data-fallback]` attribute selector.\n */\n _fallback: \"&[data-fallback]\",\n /**\n * The CSS `&[data-filled]` attribute selector.\n */\n _filled: \"&[data-filled]\",\n /**\n * The CSS `&:is([data-grabbed], [aria-grabbed=true])` attribute selector.\n */\n _grabbed: \"&:is([data-grabbed], [aria-grabbed=true])\",\n /**\n * The CSS `&:is([role=grid], [data-grid])` attribute selector.\n */\n _grid: \"&:is([role=grid], [data-grid])\",\n /**\n * The CSS `&:has(> [data-icon])` attribute selector.\n */\n _hasIcon: \"&:has(> [data-icon])\",\n /**\n * The CSS `&[data-idle]` attribute selector.\n */\n _idle: \"&[data-idle]\",\n /**\n * The CSS `&[data-incomplete]` attribute selector.\n */\n _incomplete: \"&[data-incomplete]\",\n /**\n * Styles for when `data-mode` is applied to any parent of this component or element.\n */\n _light:\n \".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]\",\n /**\n * The CSS `&[data-loaded]` attribute selector.\n */\n _loaded: \"&[data-loaded]\",\n /**\n * The CSS `&:is([data-loading], [aria-busy=true])` attribute selector.\n */\n _loading: \"&:is([data-loading], [aria-busy=true])\",\n /**\n * The CSS `&[dir=ltr]` attribute selector.\n */\n _ltr: \"[dir=ltr] &\",\n /**\n * The CSS `&[hidden]` attribute selector.\n */\n _nativeHidden: \"&[hidden]\",\n /**\n * The CSS `&[data-not-allowed]` attribute selector.\n */\n _notAllowed: \"&[data-not-allowed]\",\n /**\n * The CSS `&[aria-current='false']` attribute selector.\n */\n _notCurrent: \"&:not([aria-current], [data-current]), &[aria-current='false']\",\n /**\n * The CSS `&:not([data-fallback])` attribute selector.\n */\n _notFallback: \"&:not([data-fallback])\",\n /**\n * The CSS `&:not([data-selected]):not([aria-selected=true])` attribute selector.\n */\n _notSelected: \"&:not([data-selected]):not([aria-selected=true])\",\n /**\n * The CSS `&[data-numeric]` attribute selector.\n */\n _numeric: \"&[data-numeric]\",\n /**\n * The CSS `&:is([open], [data-open])` attribute selector.\n */\n _open: \"&:is([open], [data-open])\",\n /**\n * The CSS `&:is([data-pressed], [aria-pressed=true])` attribute selector.\n */\n _pressed: \"&:is([data-pressed], [aria-pressed=true])\",\n /**\n * The CSS `&:is([data-range])` attribute selector.\n */\n _range: \"&:is([data-range])\",\n /**\n * The CSS `&[data-reject]` attribute selector.\n */\n _reject: \"&[data-reject]\",\n /**\n * The CSS `& .ui-ripple` attribute selector.\n */\n _ripple: \"& .ui-ripple\",\n /**\n * The CSS `&[dir=rtl]` attribute selector.\n */\n _rtl: \"[dir=rtl] &\",\n /**\n * The CSS `&:is([data-start], [data-group-start])` attribute selector.\n */\n _start: \"&:is([data-start], [data-group-start])\",\n /**\n * The CSS `&:is([data-selected], [aria-selected=true])` attribute selector.\n */\n _selected: \"&:is([data-selected], [aria-selected=true])\",\n /**\n * The CSS `&:is([hidden], [data-hidden])` attribute selector.\n */\n _hidden: \"&:is([hidden], [data-hidden])\",\n /**\n * The CSS `&[data-never]` attribute selector.\n */\n _never: \"&[data-never]\",\n} as const\n\nexport type Attributes = typeof attributes\nexport type AttributeProperty = keyof Attributes\nexport type AttributeProps = {\n [K in AttributeProperty]?: CSSObject\n}\n\nexport const attributeProperties = Object.keys(\n attributes,\n) as AttributeProperty[]\nexport const attributeSelectors = Object.values(attributes)\n\nexport const pseudoElements = {\n /**\n * The CSS `&::after` pseudo-element.\n */\n _after: \"&::after\",\n /**\n * The CSS `&::backdrop` pseudo-element.\n */\n _backdrop: \"&::backdrop\",\n /**\n * The CSS `&::before` pseudo-element.\n */\n _before: \"&::before\",\n /**\n * The CSS `&::cue` pseudo-element.\n */\n _cue: \"&::cue\",\n /**\n * The CSS `&::cue-region` pseudo-element.\n */\n _cueRegion: \"&::cue-region\",\n /**\n * The CSS `&::details-content` pseudo-element.\n */\n _detailsContent: \"&::details-content\",\n /**\n * The CSS `&::file-selector-button` pseudo-element.\n */\n _fileSelector: \"&::file-selector-button\",\n /**\n * The CSS `&::first-letter` pseudo-element.\n */\n _firstLetter: \"&::first-letter\",\n /**\n * The CSS `&::first-line` pseudo-element.\n */\n _firstLine: \"&::first-line\",\n /**\n * The CSS `&::marker` pseudo-element.\n */\n _marker: \"&::marker\",\n /**\n * The CSS `&::placeholder, &[data-placeholder]` pseudo-element.\n */\n _placeholder: \"&::placeholder, &[data-placeholder]\",\n /**\n * The CSS `&::-webkit-scrollbar, &[data-scrollbar]` pseudo-element.\n */\n _scrollbar: \"&::-webkit-scrollbar, &[data-scrollbar]\",\n /**\n * The CSS `&::-webkit-scrollbar-button` pseudo-element.\n */\n _scrollbarButton: \"&::-webkit-scrollbar-button\",\n /**\n * The CSS `&::-webkit-scrollbar-corner` pseudo-element.\n */\n _scrollbarCorner: \"&::-webkit-scrollbar-corner\",\n /**\n * The CSS `&::-webkit-scrollbar-thumb` pseudo-element.\n */\n _scrollbarThumb: \"&::-webkit-scrollbar-thumb\",\n /**\n * The CSS `&::-webkit-scrollbar-track` pseudo-element.\n */\n _scrollbarTrack: \"&::-webkit-scrollbar-track\",\n /**\n * The CSS `&::-webkit-scrollbar-track-piece` pseudo-element.\n */\n _scrollbarTrackPiece: \"&::-webkit-scrollbar-track-piece\",\n /**\n * The CSS `&::selection` pseudo-element.\n */\n _selection: \"&::selection\",\n} as const\n\nexport type PseudoElements = typeof pseudoElements\nexport type PseudoElementProperty = keyof PseudoElements\nexport type PseudoElementProps = {\n [K in PseudoElementProperty]?: CSSObject\n}\n\nexport const pseudoElementProperties = Object.keys(\n pseudoElements,\n) as PseudoElementProperty[]\nexport const pseudoElementSelectors = Object.values(pseudoElements)\n\nexport const pseudoClasses = {\n /**\n * The CSS `&:is([data-activedescendant])` pseudo-class.\n */\n _activedescendant: \"&:is([data-activedescendant])\",\n /**\n * The CSS `:any-link` pseudo-class.\n */\n _anyLink: \"&:is(:any-link, [data-any-link])\",\n /**\n * The CSS `&:autofill` pseudo-class.\n */\n _autofill: \"&:autofill\",\n /**\n * The CSS `&:is(:blank, [data-blank])` pseudo-class.\n */\n _blank: \"&:is(:blank, [data-blank])\",\n /**\n * The CSS `&:is(:checked, [data-checked], [aria-checked=true])` pseudo-class.\n */\n _checked: \"&:is(:checked, [data-checked], [aria-checked=true])\",\n /**\n * The CSS `& > *` child combinator selector.\n */\n _child: \"& > *\",\n /**\n * The CSS `&:default` pseudo-class.\n */\n _default: \"&:default\",\n /**\n * The CSS `&:empty` pseudo-class.\n */\n _empty: \"&:empty\",\n /**\n * The CSS `&:is(:enabled, [data-enabled])` pseudo-class.\n */\n _enabled: \"&:is(:enabled, [data-enabled])\",\n /**\n * The CSS `&:nth-of-type(even)` pseudo-class.\n */\n _even: \"&:nth-of-type(even)\",\n /**\n * The CSS `&:first-of-type` pseudo-class.\n */\n _first: \"&:first-of-type\",\n /**\n * The CSS `& > *:first-child` pseudo-class.\n */\n _firstChild: \"& > *:first-child\",\n /**\n * The CSS `&:not(:focus-within, [data-focus-within])` pseudo-class.\n */\n _focusWithin: \"&:not(:focus-within, [data-focus-within])\",\n /**\n * The CSS `&:fullscreen` pseudo-class.\n */\n _fullScreen: \"&:fullscreen\",\n /**\n * The CSS `&:is([data-orientation=horizontal], [aria-orientation=horizontal])` pseudo-class.\n */\n _horizontal:\n \"&:is([data-orientation=horizontal], [aria-orientation=horizontal])\",\n /**\n * The CSS `&:where(svg:not([data-loading])), & > [data-icon]` pseudo-class.\n */\n _icon: \"&:where(svg:not([data-loading])), & > [data-icon]\",\n /**\n * The CSS `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])` pseudo-class.\n */\n _indeterminate:\n \"&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])\",\n /**\n * The CSS `&:is(:in-range, [data-in-range])` pseudo-class.\n */\n _inRange: \"&:is(:in-range, [data-in-range])\",\n /**\n * The CSS `&:last-of-type` pseudo-class.\n */\n _last: \"&:last-of-type\",\n /**\n * The CSS `& > *:last-child` pseudo-class.\n */\n _lastChild: \"& > *:last-child\",\n /**\n * The CSS `&:is(:link, [data-link])` pseudo-class.\n */\n _link: \"&:is(:link, [data-link])\",\n /**\n * The CSS `&:modal` pseudo-class.\n */\n _modal: \"&:modal\",\n /**\n * The CSS `&:active` pseudo-class.\n */\n _nativeActive: \"&:active\",\n /**\n * The CSS `&:checked` pseudo-class.\n */\n _nativeChecked: \"&:checked\",\n /**\n * The CSS `&:is(disabled, [disabled])` pseudo-class.\n */\n _nativeDisabled: \"&:is(disabled, [disabled])\",\n /**\n * The CSS `&:focus` pseudo-class.\n */\n _nativeFocus: \"&:focus\",\n /**\n * The CSS `&:focus-visible` pseudo-class.\n */\n _nativeFocusVisible: \"&:focus-visible\",\n /**\n * The CSS `&:focus-within` pseudo-class.\n */\n _nativeFocusWithin: \"&:focus-within\",\n /**\n * The CSS `&:hover` pseudo-class.\n */\n _nativeHover: \"&:hover\",\n /**\n * The CSS `&:is([readonly], [aria-readonly=true])` pseudo-class.\n */\n _nativeReadOnly: \"&:is([readonly], [aria-readonly=true])\",\n /**\n * The CSS `&:target` pseudo-class.\n */\n _nativeTarget: \"&:target\",\n /**\n * The CSS `&:valid` pseudo-class.\n */\n _nativeValid: \"&:valid\",\n /**\n * The CSS `&:not(:checked):not([data-checked]):not([aria-checked=true])` pseudo-class.\n */\n _notChecked: \"&:not(:checked):not([data-checked]):not([aria-checked=true])\",\n /**\n * The CSS `&:not(:empty)` pseudo-class.\n */\n _notEmpty: \"&:not(:empty)\",\n /**\n * The CSS `&:not(:first-of-type)` pseudo-class.\n */\n _notFirst: \"&:not(:first-of-type)\",\n /**\n * The CSS `& > *:not(:first-child)` pseudo-class.\n */\n _notFirstChild: \"& > *:not(:first-child)\",\n /**\n * The CSS `&:not(:last-of-type)` pseudo-class.\n */\n _notLast: \"&:not(:last-of-type)\",\n /**\n * The CSS `& > *:not(:last-child)` pseudo-class.\n */\n _notLastChild: \"& > *:not(:last-child)\",\n /**\n * The CSS `&:not(:target)` pseudo-class.\n */\n _notTarget: \"&:not(:target)\",\n /**\n * The CSS `&:nth-of-type(odd)` pseudo-class.\n */\n _odd: \"&:nth-of-type(odd)\",\n /**\n * The CSS `&:only-of-type` pseudo-class.\n */\n _only: \"&:only-of-type\",\n /**\n * The CSS `&:only-child` pseudo-class.\n */\n _onlyChild: \"&:only-child\",\n /**\n * The CSS `&:is(:optional, [data-optional])` pseudo-class.\n */\n _optional: \"&:is(:optional, [data-optional])\",\n /**\n * The CSS `&:is(:out-of-range, [data-out-of-range])` pseudo-class.\n */\n _outRange: \"&:is(:out-of-range, [data-out-of-range])\",\n /**\n * The CSS `&:is(:paused, [data-paused])` pseudo-class.\n */\n _paused: \"&:is(:paused, [data-paused])\",\n /**\n * The CSS `&:picture-in-picture` pseudo-class.\n */\n _picture: \"&:picture-in-picture\",\n /**\n * The CSS `&:placeholder-shown` pseudo-class.\n */\n _placeholderShown: \"&:placeholder-shown\",\n /**\n * The CSS `&:is(:playing, [data-playing])` pseudo-class.\n */\n _playing: \"&:is(:playing, [data-playing])\",\n /**\n * The CSS `&:popover-open` pseudo-class.\n */\n _popoverOpen: \"&:popover-open\",\n /**\n * The CSS `&:is(:read-write, [data-read-write])` pseudo-class.\n */\n _readWrite: \"&:is(:read-write, [data-read-write])\",\n /**\n * The CSS `&:is(:required, [required])` pseudo-class.\n */\n _required: \"&:is(:required, [required])\",\n /**\n * The CSS `&:is(:target, [data-target])` pseudo-class.\n */\n _target: \"&:is(:target, [data-target])\",\n /**\n * The CSS `&:is(:user-invalid, [data-user-invalid])` pseudo-class.\n */\n _userInvalid: \"&:is(:user-invalid, [data-user-invalid])\",\n /**\n * The CSS `&:is(:valid, [data-valid])` pseudo-class.\n */\n _valid: \"&:is(:valid, [data-valid])\",\n /**\n * The CSS `&:is([data-orientation=vertical], [aria-orientation=vertical])` pseudo-class.\n */\n _vertical: \"&:is([data-orientation=vertical], [aria-orientation=vertical])\",\n /**\n * The CSS `&:visited` pseudo-class.\n */\n _visited: \"&:visited\",\n /**\n * The CSS `&:is(:hover, [data-hover])` pseudo-class.\n */\n _hover:\n \"&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n /**\n * The CSS `&:is(:active, [data-active])` pseudo-class.\n */\n _active:\n \"&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n /**\n * The CSS `&:is(:focus, [data-focus])` pseudo-class.\n */\n _focus: \"&:is(:focus, [data-focus])\",\n /**\n * The CSS `&:is(:focus-visible, [data-focus-visible])` pseudo-class.\n */\n _focusVisible: \"&:is(:focus-visible, [data-focus-visible])\",\n /**\n * The CSS `&:is([data-invalid], [aria-invalid=true])` attribute selector.\n */\n _invalid: \"&:is([data-invalid], [aria-invalid=true])\",\n /**\n * The CSS `&:is([readonly], [data-readonly], [aria-readonly=true])` pseudo-class.\n */\n _readOnly: \"&:is([readonly], [data-readonly], [aria-readonly=true])\",\n /**\n * The CSS `&:is(:disabled, [disabled], [data-disabled])` pseudo-class.\n */\n _disabled: \"&:is(:disabled, [disabled], [data-disabled])\",\n} as const\n\nexport type PseudoClasses = typeof pseudoClasses\nexport type PseudoClassProperty = keyof PseudoClasses\nexport type PseudoClassProps = {\n [K in PseudoClassProperty]?: CSSObject\n}\n\nexport const pseudoClassProperties = Object.keys(\n pseudoClasses,\n) as PseudoClassProperty[]\nexport const pseudoClassSelectors = Object.values(pseudoClasses)\n\nexport const groupAttributes = {\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is accepted.\n */\n _groupAccept: toGroup(attributes._accept),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is activedescendant.\n */\n _groupActivedescendant: toGroup(pseudoClasses._activedescendant),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is blank.\n */\n _groupBlank: toGroup(pseudoClasses._blank),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.\n */\n _groupChecked: toGroup(pseudoClasses._checked),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.\n */\n _groupComplete: toGroup(attributes._complete),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is current.\n */\n _groupCurrent: toGroup(attributes._current),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is enabled.\n */\n _groupEnabled: toGroup(pseudoClasses._enabled),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is expanded.\n */\n _groupExpanded: toGroup(attributes._expanded),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focus-within.\n */\n _groupFocusWithin: toGroup(pseudoClasses._focusWithin),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is grabbed.\n */\n _groupGrabbed: toGroup(attributes._grabbed),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is horizontal.\n */\n _groupHorizontal: toGroup(pseudoClasses._horizontal),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is idle.\n */\n _groupIdle: toGroup(attributes._idle),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is incomplete.\n */\n _groupIncomplete: toGroup(attributes._incomplete),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loaded.\n */\n _groupLoaded: toGroup(attributes._loaded),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loading.\n */\n _groupLoading: toGroup(attributes._loading),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is open.\n */\n _groupOpen: toGroup(attributes._open),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is optional.\n */\n _groupOptional: toGroup(pseudoClasses._optional),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` has a placeholder shown.\n */\n _groupPlaceholderShown: toGroup(pseudoClasses._placeholderShown),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is pressed.\n */\n _groupPressed: toGroup(attributes._pressed),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is range.\n */\n _groupRange: toGroup(attributes._range),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-write.\n */\n _groupReadWrite: toGroup(pseudoClasses._readWrite),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is rejected.\n */\n _groupReject: toGroup(attributes._reject),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is required.\n */\n _groupRequired: toGroup(pseudoClasses._required),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is user-invalid.\n */\n _groupUserInvalid: toGroup(pseudoClasses._userInvalid),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is valid.\n */\n _groupValid: toGroup(pseudoClasses._valid),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is vertical.\n */\n _groupVertical: toGroup(pseudoClasses._vertical),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is hovered.\n */\n _groupHover: toGroup(pseudoClasses._hover),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is active.\n */\n _groupActive: toGroup(pseudoClasses._active),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused.\n */\n _groupFocus: toGroup(pseudoClasses._focus),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused-visible.\n */\n _groupFocusVisible: toGroup(pseudoClasses._focusVisible),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is selected.\n */\n _groupSelected: toGroup(attributes._selected),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is invalid.\n */\n _groupInvalid: toGroup(pseudoClasses._invalid),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-only.\n */\n _groupReadOnly: toGroup(pseudoClasses._readOnly),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is disabled.\n */\n _groupDisabled: toGroup(pseudoClasses._disabled),\n} as const\n\nexport type GroupAttributes = typeof groupAttributes\nexport type GroupAttributeProperty = keyof GroupAttributes\nexport type GroupAttributeProps = {\n [K in GroupAttributeProperty]?: CSSObject\n}\n\nexport const groupAttributeProperties = Object.keys(\n groupAttributes,\n) as GroupAttributeProperty[]\nexport const groupAttributeSelectors = Object.values(groupAttributes)\n\nexport const peerAttributes = {\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is accepted.\n */\n _peerAccept: toPeer(attributes._accept),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is blank.\n */\n _peerBlank: toPeer(pseudoClasses._blank),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is checked.\n */\n _peerChecked: toPeer(pseudoClasses._checked),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is complete.\n */\n _peerComplete: toPeer(attributes._complete),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is current.\n */\n _peerCurrent: toPeer(attributes._current),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is enabled.\n */\n _peerEnabled: toPeer(pseudoClasses._enabled),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is expanded.\n */\n _peerExpanded: toPeer(attributes._expanded),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is focus-within.\n */\n _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is grabbed.\n */\n _peerGrabbed: toPeer(attributes._grabbed),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is horizontal.\n */\n _peerHorizontal: toPeer(pseudoClasses._horizontal),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is idle.\n */\n _peerIdle: toPeer(attributes._idle),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is incomplete.\n */\n _peerIncomplete: toPeer(attributes._incomplete),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is loaded.\n */\n _peerLoaded: toPeer(attributes._loaded),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is loading.\n */\n _peerLoading: toPeer(attributes._loading),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is optional.\n */\n _peerOptional: toPeer(pseudoClasses._optional),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` has a placeholder shown.\n */\n _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is pressed.\n */\n _peerPressed: toPeer(attributes._pressed),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is range.\n */\n _peerRange: toPeer(attributes._range),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is read-write.\n */\n _peerReadWrite: toPeer(pseudoClasses._readWrite),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is rejected.\n */\n _peerReject: toPeer(attributes._reject),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is required.\n */\n _peerRequired: toPeer(pseudoClasses._required),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is user-invalid.\n */\n _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is valid.\n */\n _peerValid: toPeer(pseudoClasses._valid),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is vertical.\n */\n _peerVertical: toPeer(pseudoClasses._vertical),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is hovered.\n */\n _peerHover: toPeer(pseudoClasses._hover),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is active.\n */\n _peerActive: toPeer(pseudoClasses._active),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is focused.\n */\n _peerFocus: toPeer(pseudoClasses._focus),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is focused-visible.\n */\n _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is selected.\n */\n _peerSelected: toPeer(attributes._selected),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is invalid.\n */\n _peerInvalid: toPeer(pseudoClasses._invalid),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is read-only.\n */\n _peerReadOnly: toPeer(pseudoClasses._readOnly),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is disabled.\n */\n _peerDisabled: toPeer(pseudoClasses._disabled),\n} as const\n\nexport type PeerAttributes = typeof peerAttributes\nexport type PeerAttributeProperty = keyof PeerAttributes\nexport type PeerAttributeProps = {\n [K in PeerAttributeProperty]?: CSSObject\n}\n\nexport const peerAttributeProperties = Object.keys(\n peerAttributes,\n) as PeerAttributeProperty[]\nexport const peerAttributeSelectors = Object.values(peerAttributes)\n\nexport const conditions = {\n ...pseudoElements,\n ...attributes,\n ...pseudoClasses,\n ...groupAttributes,\n ...peerAttributes,\n} as const\n\nexport type Conditions = typeof conditions\nexport type ConditionProperty = keyof Conditions\nexport type ConditionSelector = Conditions[ConditionProperty]\nexport type ConditionProps = {\n [K in keyof Conditions]?: CSSObject\n}\n\nexport const conditionProperties = Object.keys(\n conditions,\n) as ConditionProperty[]\nexport const conditionSelectors = Object.values(conditions)\n\nexport function getCondition(key: string) {\n return key in conditions ? conditions[key as ConditionProperty] : key\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"conditions.cjs","names":[],"sources":["../../../../src/core/css/conditions.ts"],"sourcesContent":["import type { Length } from \"../../utils\"\nimport type { DOMElement } from \"../components\"\nimport type { CSSObject } from \"./index.types\"\n\ntype ReplaceSelector<\n Y extends string[],\n M extends string,\n D extends string,\n> = Y extends [infer H extends string, ...infer R extends string[]]\n ? `${H}${M extends `&${infer T}` ? `${T} ${D}` : `${M} ${D}`}${Length<R> extends 0 ? \"\" : `, `}${ReplaceSelector<R, M, D>}`\n : \"\"\n\nconst toGroup = <Y extends string>(selector: Y) =>\n [\"[role=group]\", \"[data-group]\", \".group\"]\n .map((prefix) => `${prefix}${selector.slice(1)} &`)\n .join(\", \") as ReplaceSelector<\n [\"[role=group]\", \"[data-group]\", \".group\"],\n Y,\n \"&\"\n >\n\nconst toPeer = <Y extends string>(selector: Y) =>\n [\n ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n `&:has(~ ${prefix}${selector.slice(1)})`,\n `${prefix}${selector.slice(1)} ~ &`,\n ]),\n ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n `&:has(~ ${prefix} *${selector.slice(1)})`,\n `${prefix}:has(*${selector.slice(1)}) ~ &`,\n ]),\n ].join(\", \") as ReplaceSelector<[\"[data-peer]\", \".peer\"], Y, \"~ &\">\n\nexport type AnySelector =\n | `${string}${\" \" | \"#\" | \"*\" | \"+\" | \",\" | \".\" | \":\" | \">\" | \"@\" | \"[\" | \"]\" | \"~\"}${string}`\n | DOMElement\n\nexport const attributes = {\n /**\n * The CSS `&[data-inactive]` attribute selector.\n */\n _inactive: \"&[data-inactive]\",\n /**\n * The CSS `&[data-accept]` attribute selector.\n */\n _accept: \"&[data-accept]\",\n /**\n * The CSS `&[data-animated]` attribute selector.\n */\n _animated: \"&[data-animated]\",\n /**\n * The CSS `&[data-between]` attribute selector.\n */\n _between: \"&[data-between]\",\n /**\n * The CSS `&:is([data-center], [data-group-center])` attribute selector.\n */\n _center: \"&:is([data-center], [data-group-center])\",\n /**\n * The CSS `&[data-complete]` attribute selector.\n */\n _complete: \"&[data-complete]\",\n /**\n * The CSS `&:is([aria-current], [data-current]):not([aria-current='false'])` attribute selector.\n */\n _current: \"&:is([aria-current], [data-current]):not([aria-current='false'])\",\n /**\n * Styles for when `data-mode` is applied to any parent of this component or element.\n */\n _dark:\n \".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]\",\n /**\n * The CSS `&:is([data-end], [data-group-end])` attribute selector.\n */\n _end: \"&:is([data-end], [data-group-end])\",\n /**\n * The CSS `&:is([data-expanded], [aria-expanded=true])` attribute selector.\n */\n _expanded: \"&:is([data-expanded], [aria-expanded=true])\",\n /**\n * The CSS `&[data-fallback]` attribute selector.\n */\n _fallback: \"&[data-fallback]\",\n /**\n * The CSS `&[data-filled]` attribute selector.\n */\n _filled: \"&[data-filled]\",\n /**\n * The CSS `&:is([data-grabbed], [aria-grabbed=true])` attribute selector.\n */\n _grabbed: \"&:is([data-grabbed], [aria-grabbed=true])\",\n /**\n * The CSS `&:is([role=grid], [data-grid])` attribute selector.\n */\n _grid: \"&:is([role=grid], [data-grid])\",\n /**\n * The CSS `&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n */\n _hasGroup: \"&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\n /**\n * The CSS `&:has(> [data-icon])` attribute selector.\n */\n _hasIcon: \"&:has(> [data-icon])\",\n /**\n * The CSS `&[data-idle]` attribute selector.\n */\n _idle: \"&[data-idle]\",\n /**\n * The CSS `&[data-incomplete]` attribute selector.\n */\n _incomplete: \"&[data-incomplete]\",\n /**\n * Styles for when `data-mode` is applied to any parent of this component or element.\n */\n _light:\n \".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]\",\n /**\n * The CSS `&[data-loaded]` attribute selector.\n */\n _loaded: \"&[data-loaded]\",\n /**\n * The CSS `&:is([data-loading], [aria-busy=true])` attribute selector.\n */\n _loading: \"&:is([data-loading], [aria-busy=true])\",\n /**\n * The CSS `&[dir=ltr]` attribute selector.\n */\n _ltr: \"[dir=ltr] &\",\n /**\n * The CSS `&[hidden]` attribute selector.\n */\n _nativeHidden: \"&[hidden]\",\n /**\n * The CSS `&[data-not-allowed]` attribute selector.\n */\n _notAllowed: \"&[data-not-allowed]\",\n /**\n * The CSS `&[aria-current='false']` attribute selector.\n */\n _notCurrent: \"&:not([aria-current], [data-current]), &[aria-current='false']\",\n /**\n * The CSS `&:not([data-fallback])` attribute selector.\n */\n _notFallback: \"&:not([data-fallback])\",\n /**\n * The CSS `&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n */\n _notHasGroup:\n \"&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\n /**\n * The CSS `&:not([data-selected]):not([aria-selected=true])` attribute selector.\n */\n _notSelected: \"&:not([data-selected]):not([aria-selected=true])\",\n /**\n * The CSS `&[data-numeric]` attribute selector.\n */\n _numeric: \"&[data-numeric]\",\n /**\n * The CSS `&:is([open], [data-open])` attribute selector.\n */\n _open: \"&:is([open], [data-open])\",\n /**\n * The CSS `&:is([data-pressed], [aria-pressed=true])` attribute selector.\n */\n _pressed: \"&:is([data-pressed], [aria-pressed=true])\",\n /**\n * The CSS `&:is([data-range])` attribute selector.\n */\n _range: \"&:is([data-range])\",\n /**\n * The CSS `&[data-reject]` attribute selector.\n */\n _reject: \"&[data-reject]\",\n /**\n * The CSS `& .ui-ripple` attribute selector.\n */\n _ripple: \"& .ui-ripple\",\n /**\n * The CSS `&[dir=rtl]` attribute selector.\n */\n _rtl: \"[dir=rtl] &\",\n /**\n * The CSS `&:is([data-start], [data-group-start])` attribute selector.\n */\n _start: \"&:is([data-start], [data-group-start])\",\n /**\n * The CSS `&:is([data-selected], [aria-selected=true])` attribute selector.\n */\n _selected: \"&:is([data-selected], [aria-selected=true])\",\n /**\n * The CSS `&:is([hidden], [data-hidden])` attribute selector.\n */\n _hidden: \"&:is([hidden], [data-hidden])\",\n /**\n * The CSS `&[data-never]` attribute selector.\n */\n _never: \"&[data-never]\",\n} as const\n\nexport type Attributes = typeof attributes\nexport type AttributeProperty = keyof Attributes\nexport type AttributeProps = {\n [K in AttributeProperty]?: CSSObject\n}\n\nexport const attributeProperties = Object.keys(\n attributes,\n) as AttributeProperty[]\nexport const attributeSelectors = Object.values(attributes)\n\nexport const pseudoElements = {\n /**\n * The CSS `&::after` pseudo-element.\n */\n _after: \"&::after\",\n /**\n * The CSS `&::backdrop` pseudo-element.\n */\n _backdrop: \"&::backdrop\",\n /**\n * The CSS `&::before` pseudo-element.\n */\n _before: \"&::before\",\n /**\n * The CSS `&::cue` pseudo-element.\n */\n _cue: \"&::cue\",\n /**\n * The CSS `&::cue-region` pseudo-element.\n */\n _cueRegion: \"&::cue-region\",\n /**\n * The CSS `&::details-content` pseudo-element.\n */\n _detailsContent: \"&::details-content\",\n /**\n * The CSS `&::file-selector-button` pseudo-element.\n */\n _fileSelector: \"&::file-selector-button\",\n /**\n * The CSS `&::first-letter` pseudo-element.\n */\n _firstLetter: \"&::first-letter\",\n /**\n * The CSS `&::first-line` pseudo-element.\n */\n _firstLine: \"&::first-line\",\n /**\n * The CSS `&::marker` pseudo-element.\n */\n _marker: \"&::marker\",\n /**\n * The CSS `&::placeholder, &[data-placeholder]` pseudo-element.\n */\n _placeholder: \"&::placeholder, &[data-placeholder]\",\n /**\n * The CSS `&::-webkit-scrollbar, &[data-scrollbar]` pseudo-element.\n */\n _scrollbar: \"&::-webkit-scrollbar, &[data-scrollbar]\",\n /**\n * The CSS `&::-webkit-scrollbar-button` pseudo-element.\n */\n _scrollbarButton: \"&::-webkit-scrollbar-button\",\n /**\n * The CSS `&::-webkit-scrollbar-corner` pseudo-element.\n */\n _scrollbarCorner: \"&::-webkit-scrollbar-corner\",\n /**\n * The CSS `&::-webkit-scrollbar-thumb` pseudo-element.\n */\n _scrollbarThumb: \"&::-webkit-scrollbar-thumb\",\n /**\n * The CSS `&::-webkit-scrollbar-track` pseudo-element.\n */\n _scrollbarTrack: \"&::-webkit-scrollbar-track\",\n /**\n * The CSS `&::-webkit-scrollbar-track-piece` pseudo-element.\n */\n _scrollbarTrackPiece: \"&::-webkit-scrollbar-track-piece\",\n /**\n * The CSS `&::selection` pseudo-element.\n */\n _selection: \"&::selection\",\n} as const\n\nexport type PseudoElements = typeof pseudoElements\nexport type PseudoElementProperty = keyof PseudoElements\nexport type PseudoElementProps = {\n [K in PseudoElementProperty]?: CSSObject\n}\n\nexport const pseudoElementProperties = Object.keys(\n pseudoElements,\n) as PseudoElementProperty[]\nexport const pseudoElementSelectors = Object.values(pseudoElements)\n\nexport const pseudoClasses = {\n /**\n * The CSS `&:is([data-activedescendant])` pseudo-class.\n */\n _activedescendant: \"&:is([data-activedescendant])\",\n /**\n * The CSS `:any-link` pseudo-class.\n */\n _anyLink: \"&:is(:any-link, [data-any-link])\",\n /**\n * The CSS `&:autofill` pseudo-class.\n */\n _autofill: \"&:autofill\",\n /**\n * The CSS `&:is(:blank, [data-blank])` pseudo-class.\n */\n _blank: \"&:is(:blank, [data-blank])\",\n /**\n * The CSS `&:is(:checked, [data-checked], [aria-checked=true])` pseudo-class.\n */\n _checked: \"&:is(:checked, [data-checked], [aria-checked=true])\",\n /**\n * The CSS `& > *` child combinator selector.\n */\n _child: \"& > *\",\n /**\n * The CSS `&:default` pseudo-class.\n */\n _default: \"&:default\",\n /**\n * The CSS `&:empty` pseudo-class.\n */\n _empty: \"&:empty\",\n /**\n * The CSS `&:is(:enabled, [data-enabled])` pseudo-class.\n */\n _enabled: \"&:is(:enabled, [data-enabled])\",\n /**\n * The CSS `&:nth-of-type(even)` pseudo-class.\n */\n _even: \"&:nth-of-type(even)\",\n /**\n * The CSS `&:first-of-type` pseudo-class.\n */\n _first: \"&:first-of-type\",\n /**\n * The CSS `& > *:first-child` pseudo-class.\n */\n _firstChild: \"& > *:first-child\",\n /**\n * The CSS `&:not(:focus-within, [data-focus-within])` pseudo-class.\n */\n _focusWithin: \"&:not(:focus-within, [data-focus-within])\",\n /**\n * The CSS `&:fullscreen` pseudo-class.\n */\n _fullScreen: \"&:fullscreen\",\n /**\n * The CSS `&:is([data-orientation=horizontal], [aria-orientation=horizontal])` pseudo-class.\n */\n _horizontal:\n \"&:is([data-orientation=horizontal], [aria-orientation=horizontal])\",\n /**\n * The CSS `&:where(svg:not([data-loading])), & > [data-icon]` pseudo-class.\n */\n _icon: \"&:where(svg:not([data-loading])), & > [data-icon]\",\n /**\n * The CSS `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])` pseudo-class.\n */\n _indeterminate:\n \"&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])\",\n /**\n * The CSS `& > [data-indicator]` pseudo-class.\n */\n _indicator: \"& > [data-indicator]\",\n /**\n * The CSS `&:is(:in-range, [data-in-range])` pseudo-class.\n */\n _inRange: \"&:is(:in-range, [data-in-range])\",\n /**\n * The CSS `&:last-of-type` pseudo-class.\n */\n _last: \"&:last-of-type\",\n /**\n * The CSS `& > *:last-child` pseudo-class.\n */\n _lastChild: \"& > *:last-child\",\n /**\n * The CSS `&:is(:link, [data-link])` pseudo-class.\n */\n _link: \"&:is(:link, [data-link])\",\n /**\n * The CSS `&:modal` pseudo-class.\n */\n _modal: \"&:modal\",\n /**\n * The CSS `&:active` pseudo-class.\n */\n _nativeActive: \"&:active\",\n /**\n * The CSS `&:checked` pseudo-class.\n */\n _nativeChecked: \"&:checked\",\n /**\n * The CSS `&:is(disabled, [disabled])` pseudo-class.\n */\n _nativeDisabled: \"&:is(disabled, [disabled])\",\n /**\n * The CSS `&:focus` pseudo-class.\n */\n _nativeFocus: \"&:focus\",\n /**\n * The CSS `&:focus-visible` pseudo-class.\n */\n _nativeFocusVisible: \"&:focus-visible\",\n /**\n * The CSS `&:focus-within` pseudo-class.\n */\n _nativeFocusWithin: \"&:focus-within\",\n /**\n * The CSS `&:hover` pseudo-class.\n */\n _nativeHover: \"&:hover\",\n /**\n * The CSS `&:is([readonly], [aria-readonly=true])` pseudo-class.\n */\n _nativeReadOnly: \"&:is([readonly], [aria-readonly=true])\",\n /**\n * The CSS `&:target` pseudo-class.\n */\n _nativeTarget: \"&:target\",\n /**\n * The CSS `&:valid` pseudo-class.\n */\n _nativeValid: \"&:valid\",\n /**\n * The CSS `&:not(:checked):not([data-checked]):not([aria-checked=true])` pseudo-class.\n */\n _notChecked: \"&:not(:checked):not([data-checked]):not([aria-checked=true])\",\n /**\n * The CSS `&:not(:empty)` pseudo-class.\n */\n _notEmpty: \"&:not(:empty)\",\n /**\n * The CSS `&:not(:first-of-type)` pseudo-class.\n */\n _notFirst: \"&:not(:first-of-type)\",\n /**\n * The CSS `& > *:not(:first-child)` pseudo-class.\n */\n _notFirstChild: \"& > *:not(:first-child)\",\n /**\n * The CSS `&:not(:last-of-type)` pseudo-class.\n */\n _notLast: \"&:not(:last-of-type)\",\n /**\n * The CSS `& > *:not(:last-child)` pseudo-class.\n */\n _notLastChild: \"& > *:not(:last-child)\",\n /**\n * The CSS `&:not(:target)` pseudo-class.\n */\n _notTarget: \"&:not(:target)\",\n /**\n * The CSS `&:nth-of-type(odd)` pseudo-class.\n */\n _odd: \"&:nth-of-type(odd)\",\n /**\n * The CSS `&:only-of-type` pseudo-class.\n */\n _only: \"&:only-of-type\",\n /**\n * The CSS `&:only-child` pseudo-class.\n */\n _onlyChild: \"&:only-child\",\n /**\n * The CSS `&:is(:optional, [data-optional])` pseudo-class.\n */\n _optional: \"&:is(:optional, [data-optional])\",\n /**\n * The CSS `&:is(:out-of-range, [data-out-of-range])` pseudo-class.\n */\n _outRange: \"&:is(:out-of-range, [data-out-of-range])\",\n /**\n * The CSS `&:is(:paused, [data-paused])` pseudo-class.\n */\n _paused: \"&:is(:paused, [data-paused])\",\n /**\n * The CSS `&:picture-in-picture` pseudo-class.\n */\n _picture: \"&:picture-in-picture\",\n /**\n * The CSS `&:placeholder-shown` pseudo-class.\n */\n _placeholderShown: \"&:placeholder-shown\",\n /**\n * The CSS `&:is(:playing, [data-playing])` pseudo-class.\n */\n _playing: \"&:is(:playing, [data-playing])\",\n /**\n * The CSS `&:popover-open` pseudo-class.\n */\n _popoverOpen: \"&:popover-open\",\n /**\n * The CSS `&:is(:read-write, [data-read-write])` pseudo-class.\n */\n _readWrite: \"&:is(:read-write, [data-read-write])\",\n /**\n * The CSS `&:is(:required, [required])` pseudo-class.\n */\n _required: \"&:is(:required, [required])\",\n /**\n * The CSS `&:is(:target, [data-target])` pseudo-class.\n */\n _target: \"&:is(:target, [data-target])\",\n /**\n * The CSS `&:is(:user-invalid, [data-user-invalid])` pseudo-class.\n */\n _userInvalid: \"&:is(:user-invalid, [data-user-invalid])\",\n /**\n * The CSS `&:is(:valid, [data-valid])` pseudo-class.\n */\n _valid: \"&:is(:valid, [data-valid])\",\n /**\n * The CSS `&:is([data-orientation=vertical], [aria-orientation=vertical])` pseudo-class.\n */\n _vertical: \"&:is([data-orientation=vertical], [aria-orientation=vertical])\",\n /**\n * The CSS `&:visited` pseudo-class.\n */\n _visited: \"&:visited\",\n /**\n * The CSS `&:is(:hover, [data-hover])` pseudo-class.\n */\n _hover:\n \"&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n /**\n * The CSS `&:is(:active, [data-active])` pseudo-class.\n */\n _active:\n \"&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n /**\n * The CSS `&:is(:focus, [data-focus])` pseudo-class.\n */\n _focus: \"&:is(:focus, [data-focus])\",\n /**\n * The CSS `&:is(:focus-visible, [data-focus-visible])` pseudo-class.\n */\n _focusVisible: \"&:is(:focus-visible, [data-focus-visible])\",\n /**\n * The CSS `&:is([data-invalid], [aria-invalid=true])` attribute selector.\n */\n _invalid: \"&:is([data-invalid], [aria-invalid=true])\",\n /**\n * The CSS `&:is([readonly], [data-readonly], [aria-readonly=true])` pseudo-class.\n */\n _readOnly: \"&:is([readonly], [data-readonly], [aria-readonly=true])\",\n /**\n * The CSS `&:is(:disabled, [disabled], [data-disabled])` pseudo-class.\n */\n _disabled: \"&:is(:disabled, [disabled], [data-disabled])\",\n} as const\n\nexport type PseudoClasses = typeof pseudoClasses\nexport type PseudoClassProperty = keyof PseudoClasses\nexport type PseudoClassProps = {\n [K in PseudoClassProperty]?: CSSObject\n}\n\nexport const pseudoClassProperties = Object.keys(\n pseudoClasses,\n) as PseudoClassProperty[]\nexport const pseudoClassSelectors = Object.values(pseudoClasses)\n\nexport const groupAttributes = {\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is accepted.\n */\n _groupAccept: toGroup(attributes._accept),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is activedescendant.\n */\n _groupActivedescendant: toGroup(pseudoClasses._activedescendant),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is blank.\n */\n _groupBlank: toGroup(pseudoClasses._blank),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.\n */\n _groupChecked: toGroup(pseudoClasses._checked),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.\n */\n _groupComplete: toGroup(attributes._complete),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is current.\n */\n _groupCurrent: toGroup(attributes._current),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is enabled.\n */\n _groupEnabled: toGroup(pseudoClasses._enabled),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is expanded.\n */\n _groupExpanded: toGroup(attributes._expanded),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focus-within.\n */\n _groupFocusWithin: toGroup(pseudoClasses._focusWithin),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is grabbed.\n */\n _groupGrabbed: toGroup(attributes._grabbed),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is horizontal.\n */\n _groupHorizontal: toGroup(pseudoClasses._horizontal),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is idle.\n */\n _groupIdle: toGroup(attributes._idle),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is incomplete.\n */\n _groupIncomplete: toGroup(attributes._incomplete),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loaded.\n */\n _groupLoaded: toGroup(attributes._loaded),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loading.\n */\n _groupLoading: toGroup(attributes._loading),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is open.\n */\n _groupOpen: toGroup(attributes._open),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is optional.\n */\n _groupOptional: toGroup(pseudoClasses._optional),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` has a placeholder shown.\n */\n _groupPlaceholderShown: toGroup(pseudoClasses._placeholderShown),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is pressed.\n */\n _groupPressed: toGroup(attributes._pressed),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is range.\n */\n _groupRange: toGroup(attributes._range),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-write.\n */\n _groupReadWrite: toGroup(pseudoClasses._readWrite),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is rejected.\n */\n _groupReject: toGroup(attributes._reject),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is required.\n */\n _groupRequired: toGroup(pseudoClasses._required),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is user-invalid.\n */\n _groupUserInvalid: toGroup(pseudoClasses._userInvalid),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is valid.\n */\n _groupValid: toGroup(pseudoClasses._valid),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is vertical.\n */\n _groupVertical: toGroup(pseudoClasses._vertical),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is hovered.\n */\n _groupHover: toGroup(pseudoClasses._hover),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is active.\n */\n _groupActive: toGroup(pseudoClasses._active),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused.\n */\n _groupFocus: toGroup(pseudoClasses._focus),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused-visible.\n */\n _groupFocusVisible: toGroup(pseudoClasses._focusVisible),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is selected.\n */\n _groupSelected: toGroup(attributes._selected),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is invalid.\n */\n _groupInvalid: toGroup(pseudoClasses._invalid),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-only.\n */\n _groupReadOnly: toGroup(pseudoClasses._readOnly),\n /**\n * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is disabled.\n */\n _groupDisabled: toGroup(pseudoClasses._disabled),\n} as const\n\nexport type GroupAttributes = typeof groupAttributes\nexport type GroupAttributeProperty = keyof GroupAttributes\nexport type GroupAttributeProps = {\n [K in GroupAttributeProperty]?: CSSObject\n}\n\nexport const groupAttributeProperties = Object.keys(\n groupAttributes,\n) as GroupAttributeProperty[]\nexport const groupAttributeSelectors = Object.values(groupAttributes)\n\nexport const peerAttributes = {\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is accepted.\n */\n _peerAccept: toPeer(attributes._accept),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is blank.\n */\n _peerBlank: toPeer(pseudoClasses._blank),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is checked.\n */\n _peerChecked: toPeer(pseudoClasses._checked),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is complete.\n */\n _peerComplete: toPeer(attributes._complete),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is current.\n */\n _peerCurrent: toPeer(attributes._current),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is enabled.\n */\n _peerEnabled: toPeer(pseudoClasses._enabled),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is expanded.\n */\n _peerExpanded: toPeer(attributes._expanded),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is focus-within.\n */\n _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is grabbed.\n */\n _peerGrabbed: toPeer(attributes._grabbed),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is horizontal.\n */\n _peerHorizontal: toPeer(pseudoClasses._horizontal),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is idle.\n */\n _peerIdle: toPeer(attributes._idle),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is incomplete.\n */\n _peerIncomplete: toPeer(attributes._incomplete),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is loaded.\n */\n _peerLoaded: toPeer(attributes._loaded),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is loading.\n */\n _peerLoading: toPeer(attributes._loading),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is optional.\n */\n _peerOptional: toPeer(pseudoClasses._optional),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` has a placeholder shown.\n */\n _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is pressed.\n */\n _peerPressed: toPeer(attributes._pressed),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is range.\n */\n _peerRange: toPeer(attributes._range),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is read-write.\n */\n _peerReadWrite: toPeer(pseudoClasses._readWrite),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is rejected.\n */\n _peerReject: toPeer(attributes._reject),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is required.\n */\n _peerRequired: toPeer(pseudoClasses._required),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is user-invalid.\n */\n _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is valid.\n */\n _peerValid: toPeer(pseudoClasses._valid),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is vertical.\n */\n _peerVertical: toPeer(pseudoClasses._vertical),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is hovered.\n */\n _peerHover: toPeer(pseudoClasses._hover),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is active.\n */\n _peerActive: toPeer(pseudoClasses._active),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is focused.\n */\n _peerFocus: toPeer(pseudoClasses._focus),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is focused-visible.\n */\n _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is selected.\n */\n _peerSelected: toPeer(attributes._selected),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is invalid.\n */\n _peerInvalid: toPeer(pseudoClasses._invalid),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is read-only.\n */\n _peerReadOnly: toPeer(pseudoClasses._readOnly),\n /**\n * Styles to apply when a parent element with `data-peer` or `.peer` is disabled.\n */\n _peerDisabled: toPeer(pseudoClasses._disabled),\n} as const\n\nexport type PeerAttributes = typeof peerAttributes\nexport type PeerAttributeProperty = keyof PeerAttributes\nexport type PeerAttributeProps = {\n [K in PeerAttributeProperty]?: CSSObject\n}\n\nexport const peerAttributeProperties = Object.keys(\n peerAttributes,\n) as PeerAttributeProperty[]\nexport const peerAttributeSelectors = Object.values(peerAttributes)\n\nexport const conditions = {\n ...pseudoElements,\n ...attributes,\n ...pseudoClasses,\n ...groupAttributes,\n ...peerAttributes,\n} as const\n\nexport type Conditions = typeof conditions\nexport type ConditionProperty = keyof Conditions\nexport type ConditionSelector = Conditions[ConditionProperty]\nexport type ConditionProps = {\n [K in keyof Conditions]?: CSSObject\n}\n\nexport const conditionProperties = Object.keys(\n conditions,\n) as ConditionProperty[]\nexport const conditionSelectors = Object.values(conditions)\n\nexport function getCondition(key: string) {\n return key in conditions ? conditions[key as ConditionProperty] : key\n}\n"],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ const colors = require_config.defineSemanticTokens.colors({
|
|
|
16
16
|
muted: ["black.100", "white.200"],
|
|
17
17
|
overlay: "blackAlpha.600",
|
|
18
18
|
panel: ["black.bg", "white.bg"],
|
|
19
|
-
subtle: ["black.50", "white.
|
|
19
|
+
subtle: ["black.50", "white.200/50"],
|
|
20
20
|
success: ["success.50", "success.950"],
|
|
21
21
|
warning: ["warning.50", "warning.950"]
|
|
22
22
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.cjs","names":["defineSemanticTokens"],"sources":["../../../../src/theme/semantic-tokens/colors.ts"],"sourcesContent":["import { defineSemanticTokens } from \"../../core\"\n\nexport const colors = defineSemanticTokens.colors({\n current: \"currentColor\",\n transparent: \"transparent\",\n\n bg: {\n base: [\"white\", \"black\"],\n contrast: [\"black\", \"white\"],\n emphasized: [\"black.200\", \"white.300\"],\n error: [\"error.50\", \"error.950\"],\n float: [\"white\", \"white.bg\"],\n ghost: [\"black.50\", \"white.50\"],\n info: [\"info.50\", \"info.950\"],\n muted: [\"black.100\", \"white.200\"],\n overlay: \"blackAlpha.600\",\n panel: [\"black.bg\", \"white.bg\"],\n subtle: [\"black.50\", \"white.100\"],\n success: [\"success.50\", \"success.950\"],\n warning: [\"warning.50\", \"warning.950\"],\n },\n border: {\n base: [\"black.100\", \"white.200/70\"],\n contrast: [\"black\", \"white\"],\n emphasized: [\"black.200\", \"white.300/70\"],\n error: [\"error.500\", \"error.400\"],\n info: [\"info.500\", \"info.400\"],\n muted: [\"black.100\", \"white.200/70\"],\n subtle: [\"black.50\", \"white.100/70\"],\n success: [\"success.500\", \"success.400\"],\n warning: [\"warning.500\", \"warning.400\"],\n },\n fg: {\n base: [\"#171717\", \"#ededed\"],\n contrast: [\"#fafafa\", \"#000000\"],\n emphasized: [\"gray.600\", \"gray.300\"],\n error: [\"error.500\", \"error.500\"],\n info: [\"info.500\", \"info.500\"],\n muted: [\"gray.500\", \"gray.400\"],\n subtle: [\"gray.400\", \"gray.500\"],\n success: [\"success.500\", \"success.500\"],\n warning: [\"warning.500\", \"warning.500\"],\n },\n\n black: {\n base: \"#0a0b0b\",\n bg: \"#f8f8f8\",\n contrast: \"white\",\n emphasized: \"black.200\",\n fg: \"black.800\",\n ghost: \"black.100/50\",\n muted: \"black.100\",\n outline: \"black.900\",\n solid: \"black\",\n subtle: \"black.50\",\n },\n white: {\n base: \"#ffffff\",\n bg: \"#161616\",\n contrast: \"black\",\n emphasized: \"white.400/50\",\n fg: \"white.900\",\n ghost: \"white.200/50\",\n muted: \"white.300/50\",\n outline: \"white.800\",\n solid: \"white\",\n subtle: \"white.200/50\",\n },\n\n gray: {\n base: \"gray.500\",\n bg: [\"black.bg\", \"white.bg\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"black.200\", \"white.400/50\"],\n fg: [\"black.800\", \"white.900\"],\n ghost: [\"black.100/50\", \"white.200/50\"],\n muted: [\"black.100\", \"white.300/50\"],\n outline: [\"black.900\", \"white.800\"],\n solid: [\"gray.500\", \"gray.800\"],\n subtle: [\"black.50\", \"white.200/50\"],\n },\n\n cyan: {\n base: \"cyan.500\",\n bg: [\"cyan.50/40\", \"cyan.400/10\"],\n contrast: [\"black\", \"black\"],\n emphasized: [\"cyan.200\", \"cyan.700\"],\n fg: [\"cyan.800\", \"cyan.100\"],\n ghost: [\"cyan.50\", \"cyan.800/50\"],\n muted: [\"cyan.100\", \"cyan.800\"],\n outline: [\"cyan.600\", \"cyan.500\"],\n solid: [\"cyan.400\", \"cyan.500\"],\n subtle: [\"cyan.50\", \"cyan.800/50\"],\n },\n emerald: {\n base: \"emerald.500\",\n bg: [\"emerald.50/40\", \"emerald.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"emerald.200\", \"emerald.700\"],\n fg: [\"emerald.700\", \"emerald.100\"],\n ghost: [\"emerald.50\", \"emerald.800/50\"],\n muted: [\"emerald.100\", \"emerald.800\"],\n outline: [\"emerald.600\", \"emerald.500\"],\n solid: [\"emerald.500\", \"emerald.600\"],\n subtle: [\"emerald.50\", \"emerald.800/50\"],\n },\n teal: {\n base: \"teal.500\",\n bg: [\"teal.50/40\", \"teal.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"teal.200\", \"teal.700\"],\n fg: [\"teal.700\", \"teal.100\"],\n ghost: [\"teal.50\", \"teal.800/50\"],\n muted: [\"teal.100\", \"teal.800\"],\n outline: [\"teal.600\", \"teal.500\"],\n solid: [\"teal.500\", \"teal.600\"],\n subtle: [\"teal.50\", \"teal.800/50\"],\n },\n\n green: {\n base: \"green.500\",\n bg: [\"green.50/40\", \"green.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"green.200\", \"green.700\"],\n fg: [\"green.700\", \"green.100\"],\n ghost: [\"green.50\", \"green.900\"],\n muted: [\"green.100\", \"green.800\"],\n outline: [\"green.600\", \"green.500\"],\n solid: [\"green.500\", \"green.600\"],\n subtle: [\"green.50\", \"green.900\"],\n },\n lime: {\n base: \"lime.500\",\n bg: [\"lime.50/40\", \"lime.400/10\"],\n contrast: [\"black\", \"black\"],\n emphasized: [\"lime.200\", \"lime.700\"],\n fg: [\"lime.800\", \"lime.100\"],\n ghost: [\"lime.50\", \"lime.900\"],\n muted: [\"lime.100\", \"lime.800\"],\n outline: [\"lime.600\", \"lime.500\"],\n solid: [\"lime.400\", \"lime.500\"],\n subtle: [\"lime.50\", \"lime.900\"],\n },\n sky: {\n base: \"sky.500\",\n bg: [\"sky.50/40\", \"sky.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"sky.200\", \"sky.700\"],\n fg: [\"sky.700\", \"sky.100\"],\n ghost: [\"sky.50\", \"sky.900\"],\n muted: [\"sky.100\", \"sky.800\"],\n outline: [\"sky.600\", \"sky.500\"],\n solid: [\"sky.500\", \"sky.600\"],\n subtle: [\"sky.50\", \"sky.900\"],\n },\n\n amber: {\n base: \"amber.500\",\n bg: [\"amber.50/40\", \"amber.400/10\"],\n contrast: [\"black\", \"black\"],\n emphasized: [\"amber.200\", \"amber.700\"],\n fg: [\"amber.800\", \"amber.100\"],\n ghost: [\"amber.50\", \"amber.950/50\"],\n muted: [\"amber.100\", \"amber.800\"],\n outline: [\"amber.600\", \"amber.500\"],\n solid: [\"amber.400\", \"amber.500\"],\n subtle: [\"amber.50\", \"amber.950\"],\n },\n blue: {\n base: \"blue.500\",\n bg: [\"blue.50/40\", \"blue.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"blue.200\", \"blue.700\"],\n fg: [\"blue.700\", \"blue.100\"],\n ghost: [\"blue.50\", \"blue.950/50\"],\n muted: [\"blue.100\", \"blue.800\"],\n outline: [\"blue.600\", \"blue.500\"],\n solid: [\"blue.500\", \"blue.600\"],\n subtle: [\"blue.50\", \"blue.950\"],\n },\n flashy: {\n base: \"flashy.500\",\n bg: [\"flashy.50/40\", \"flashy.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"flashy.200\", \"flashy.700\"],\n fg: [\"flashy.700\", \"flashy.100\"],\n ghost: [\"flashy.50\", \"flashy.950/50\"],\n muted: [\"flashy.100\", \"flashy.800\"],\n outline: [\"flashy.600\", \"flashy.500\"],\n solid: [\"flashy.500\", \"flashy.600\"],\n subtle: [\"flashy.50\", \"flashy.950\"],\n },\n fuchsia: {\n base: \"fuchsia.500\",\n bg: [\"fuchsia.50/40\", \"fuchsia.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"fuchsia.200\", \"fuchsia.700\"],\n fg: [\"fuchsia.700\", \"fuchsia.100\"],\n ghost: [\"fuchsia.50\", \"fuchsia.950/50\"],\n muted: [\"fuchsia.100\", \"fuchsia.800\"],\n outline: [\"fuchsia.600\", \"fuchsia.500\"],\n solid: [\"fuchsia.500\", \"fuchsia.600\"],\n subtle: [\"fuchsia.50\", \"fuchsia.950\"],\n },\n indigo: {\n base: \"indigo.500\",\n bg: [\"indigo.50/40\", \"indigo.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"indigo.200\", \"indigo.700\"],\n fg: [\"indigo.700\", \"indigo.100\"],\n ghost: [\"indigo.50\", \"indigo.950/50\"],\n muted: [\"indigo.100\", \"indigo.800\"],\n outline: [\"indigo.600\", \"indigo.500\"],\n solid: [\"indigo.500\", \"indigo.600\"],\n subtle: [\"indigo.50\", \"indigo.950\"],\n },\n orange: {\n base: \"orange.500\",\n bg: [\"orange.50/40\", \"orange.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"orange.200\", \"orange.700\"],\n fg: [\"orange.700\", \"orange.100\"],\n ghost: [\"orange.50\", \"orange.950/50\"],\n muted: [\"orange.100\", \"orange.800\"],\n outline: [\"orange.600\", \"orange.500\"],\n solid: [\"orange.500\", \"orange.600\"],\n subtle: [\"orange.50\", \"orange.950\"],\n },\n pink: {\n base: \"pink.500\",\n bg: [\"pink.50/40\", \"pink.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"pink.200\", \"pink.700\"],\n fg: [\"pink.700\", \"pink.100\"],\n ghost: [\"pink.50\", \"pink.950/50\"],\n muted: [\"pink.100\", \"pink.800\"],\n outline: [\"pink.600\", \"pink.500\"],\n solid: [\"pink.500\", \"pink.600\"],\n subtle: [\"pink.50\", \"pink.950\"],\n },\n purple: {\n base: \"purple.500\",\n bg: [\"purple.50/40\", \"purple.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"purple.200\", \"purple.700\"],\n fg: [\"purple.700\", \"purple.100\"],\n ghost: [\"purple.50\", \"purple.950/50\"],\n muted: [\"purple.100\", \"purple.800\"],\n outline: [\"purple.600\", \"purple.500\"],\n solid: [\"purple.500\", \"purple.600\"],\n subtle: [\"purple.50\", \"purple.950\"],\n },\n red: {\n base: \"red.500\",\n bg: [\"red.50/40\", \"red.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"red.200\", \"red.700\"],\n fg: [\"red.700\", \"red.100\"],\n ghost: [\"red.50\", \"red.950/50\"],\n muted: [\"red.100\", \"red.800\"],\n outline: [\"red.600\", \"red.500\"],\n solid: [\"red.500\", \"red.600\"],\n subtle: [\"red.50\", \"red.950\"],\n },\n rose: {\n base: \"rose.500\",\n bg: [\"rose.50/40\", \"rose.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"rose.200\", \"rose.700\"],\n fg: [\"rose.700\", \"rose.100\"],\n ghost: [\"rose.50\", \"rose.950/50\"],\n muted: [\"rose.100\", \"rose.800\"],\n outline: [\"rose.600\", \"rose.500\"],\n solid: [\"rose.500\", \"rose.600\"],\n subtle: [\"rose.50\", \"rose.950\"],\n },\n violet: {\n base: \"violet.500\",\n bg: [\"violet.50/40\", \"violet.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"violet.200\", \"violet.700\"],\n fg: [\"violet.700\", \"violet.100\"],\n ghost: [\"violet.50\", \"violet.950/50\"],\n muted: [\"violet.100\", \"violet.800\"],\n outline: [\"violet.600\", \"violet.500\"],\n solid: [\"violet.500\", \"violet.600\"],\n subtle: [\"violet.50\", \"violet.950\"],\n },\n yellow: {\n base: \"yellow.500\",\n bg: [\"yellow.50/40\", \"yellow.400/10\"],\n contrast: [\"black\", \"black\"],\n emphasized: [\"yellow.200\", \"yellow.700\"],\n fg: [\"yellow.800\", \"yellow.100\"],\n ghost: [\"yellow.50\", \"yellow.950/50\"],\n muted: [\"yellow.100\", \"yellow.800\"],\n outline: [\"yellow.600\", \"yellow.500\"],\n solid: [\"yellow.400\", \"yellow.500\"],\n subtle: [\"yellow.50\", \"yellow.950\"],\n },\n})\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"colors.cjs","names":["defineSemanticTokens"],"sources":["../../../../src/theme/semantic-tokens/colors.ts"],"sourcesContent":["import { defineSemanticTokens } from \"../../core\"\n\nexport const colors = defineSemanticTokens.colors({\n current: \"currentColor\",\n transparent: \"transparent\",\n\n bg: {\n base: [\"white\", \"black\"],\n contrast: [\"black\", \"white\"],\n emphasized: [\"black.200\", \"white.300\"],\n error: [\"error.50\", \"error.950\"],\n float: [\"white\", \"white.bg\"],\n ghost: [\"black.50\", \"white.50\"],\n info: [\"info.50\", \"info.950\"],\n muted: [\"black.100\", \"white.200\"],\n overlay: \"blackAlpha.600\",\n panel: [\"black.bg\", \"white.bg\"],\n subtle: [\"black.50\", \"white.200/50\"],\n success: [\"success.50\", \"success.950\"],\n warning: [\"warning.50\", \"warning.950\"],\n },\n border: {\n base: [\"black.100\", \"white.200/70\"],\n contrast: [\"black\", \"white\"],\n emphasized: [\"black.200\", \"white.300/70\"],\n error: [\"error.500\", \"error.400\"],\n info: [\"info.500\", \"info.400\"],\n muted: [\"black.100\", \"white.200/70\"],\n subtle: [\"black.50\", \"white.100/70\"],\n success: [\"success.500\", \"success.400\"],\n warning: [\"warning.500\", \"warning.400\"],\n },\n fg: {\n base: [\"#171717\", \"#ededed\"],\n contrast: [\"#fafafa\", \"#000000\"],\n emphasized: [\"gray.600\", \"gray.300\"],\n error: [\"error.500\", \"error.500\"],\n info: [\"info.500\", \"info.500\"],\n muted: [\"gray.500\", \"gray.400\"],\n subtle: [\"gray.400\", \"gray.500\"],\n success: [\"success.500\", \"success.500\"],\n warning: [\"warning.500\", \"warning.500\"],\n },\n\n black: {\n base: \"#0a0b0b\",\n bg: \"#f8f8f8\",\n contrast: \"white\",\n emphasized: \"black.200\",\n fg: \"black.800\",\n ghost: \"black.100/50\",\n muted: \"black.100\",\n outline: \"black.900\",\n solid: \"black\",\n subtle: \"black.50\",\n },\n white: {\n base: \"#ffffff\",\n bg: \"#161616\",\n contrast: \"black\",\n emphasized: \"white.400/50\",\n fg: \"white.900\",\n ghost: \"white.200/50\",\n muted: \"white.300/50\",\n outline: \"white.800\",\n solid: \"white\",\n subtle: \"white.200/50\",\n },\n\n gray: {\n base: \"gray.500\",\n bg: [\"black.bg\", \"white.bg\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"black.200\", \"white.400/50\"],\n fg: [\"black.800\", \"white.900\"],\n ghost: [\"black.100/50\", \"white.200/50\"],\n muted: [\"black.100\", \"white.300/50\"],\n outline: [\"black.900\", \"white.800\"],\n solid: [\"gray.500\", \"gray.800\"],\n subtle: [\"black.50\", \"white.200/50\"],\n },\n\n cyan: {\n base: \"cyan.500\",\n bg: [\"cyan.50/40\", \"cyan.400/10\"],\n contrast: [\"black\", \"black\"],\n emphasized: [\"cyan.200\", \"cyan.700\"],\n fg: [\"cyan.800\", \"cyan.100\"],\n ghost: [\"cyan.50\", \"cyan.800/50\"],\n muted: [\"cyan.100\", \"cyan.800\"],\n outline: [\"cyan.600\", \"cyan.500\"],\n solid: [\"cyan.400\", \"cyan.500\"],\n subtle: [\"cyan.50\", \"cyan.800/50\"],\n },\n emerald: {\n base: \"emerald.500\",\n bg: [\"emerald.50/40\", \"emerald.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"emerald.200\", \"emerald.700\"],\n fg: [\"emerald.700\", \"emerald.100\"],\n ghost: [\"emerald.50\", \"emerald.800/50\"],\n muted: [\"emerald.100\", \"emerald.800\"],\n outline: [\"emerald.600\", \"emerald.500\"],\n solid: [\"emerald.500\", \"emerald.600\"],\n subtle: [\"emerald.50\", \"emerald.800/50\"],\n },\n teal: {\n base: \"teal.500\",\n bg: [\"teal.50/40\", \"teal.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"teal.200\", \"teal.700\"],\n fg: [\"teal.700\", \"teal.100\"],\n ghost: [\"teal.50\", \"teal.800/50\"],\n muted: [\"teal.100\", \"teal.800\"],\n outline: [\"teal.600\", \"teal.500\"],\n solid: [\"teal.500\", \"teal.600\"],\n subtle: [\"teal.50\", \"teal.800/50\"],\n },\n\n green: {\n base: \"green.500\",\n bg: [\"green.50/40\", \"green.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"green.200\", \"green.700\"],\n fg: [\"green.700\", \"green.100\"],\n ghost: [\"green.50\", \"green.900\"],\n muted: [\"green.100\", \"green.800\"],\n outline: [\"green.600\", \"green.500\"],\n solid: [\"green.500\", \"green.600\"],\n subtle: [\"green.50\", \"green.900\"],\n },\n lime: {\n base: \"lime.500\",\n bg: [\"lime.50/40\", \"lime.400/10\"],\n contrast: [\"black\", \"black\"],\n emphasized: [\"lime.200\", \"lime.700\"],\n fg: [\"lime.800\", \"lime.100\"],\n ghost: [\"lime.50\", \"lime.900\"],\n muted: [\"lime.100\", \"lime.800\"],\n outline: [\"lime.600\", \"lime.500\"],\n solid: [\"lime.400\", \"lime.500\"],\n subtle: [\"lime.50\", \"lime.900\"],\n },\n sky: {\n base: \"sky.500\",\n bg: [\"sky.50/40\", \"sky.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"sky.200\", \"sky.700\"],\n fg: [\"sky.700\", \"sky.100\"],\n ghost: [\"sky.50\", \"sky.900\"],\n muted: [\"sky.100\", \"sky.800\"],\n outline: [\"sky.600\", \"sky.500\"],\n solid: [\"sky.500\", \"sky.600\"],\n subtle: [\"sky.50\", \"sky.900\"],\n },\n\n amber: {\n base: \"amber.500\",\n bg: [\"amber.50/40\", \"amber.400/10\"],\n contrast: [\"black\", \"black\"],\n emphasized: [\"amber.200\", \"amber.700\"],\n fg: [\"amber.800\", \"amber.100\"],\n ghost: [\"amber.50\", \"amber.950/50\"],\n muted: [\"amber.100\", \"amber.800\"],\n outline: [\"amber.600\", \"amber.500\"],\n solid: [\"amber.400\", \"amber.500\"],\n subtle: [\"amber.50\", \"amber.950\"],\n },\n blue: {\n base: \"blue.500\",\n bg: [\"blue.50/40\", \"blue.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"blue.200\", \"blue.700\"],\n fg: [\"blue.700\", \"blue.100\"],\n ghost: [\"blue.50\", \"blue.950/50\"],\n muted: [\"blue.100\", \"blue.800\"],\n outline: [\"blue.600\", \"blue.500\"],\n solid: [\"blue.500\", \"blue.600\"],\n subtle: [\"blue.50\", \"blue.950\"],\n },\n flashy: {\n base: \"flashy.500\",\n bg: [\"flashy.50/40\", \"flashy.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"flashy.200\", \"flashy.700\"],\n fg: [\"flashy.700\", \"flashy.100\"],\n ghost: [\"flashy.50\", \"flashy.950/50\"],\n muted: [\"flashy.100\", \"flashy.800\"],\n outline: [\"flashy.600\", \"flashy.500\"],\n solid: [\"flashy.500\", \"flashy.600\"],\n subtle: [\"flashy.50\", \"flashy.950\"],\n },\n fuchsia: {\n base: \"fuchsia.500\",\n bg: [\"fuchsia.50/40\", \"fuchsia.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"fuchsia.200\", \"fuchsia.700\"],\n fg: [\"fuchsia.700\", \"fuchsia.100\"],\n ghost: [\"fuchsia.50\", \"fuchsia.950/50\"],\n muted: [\"fuchsia.100\", \"fuchsia.800\"],\n outline: [\"fuchsia.600\", \"fuchsia.500\"],\n solid: [\"fuchsia.500\", \"fuchsia.600\"],\n subtle: [\"fuchsia.50\", \"fuchsia.950\"],\n },\n indigo: {\n base: \"indigo.500\",\n bg: [\"indigo.50/40\", \"indigo.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"indigo.200\", \"indigo.700\"],\n fg: [\"indigo.700\", \"indigo.100\"],\n ghost: [\"indigo.50\", \"indigo.950/50\"],\n muted: [\"indigo.100\", \"indigo.800\"],\n outline: [\"indigo.600\", \"indigo.500\"],\n solid: [\"indigo.500\", \"indigo.600\"],\n subtle: [\"indigo.50\", \"indigo.950\"],\n },\n orange: {\n base: \"orange.500\",\n bg: [\"orange.50/40\", \"orange.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"orange.200\", \"orange.700\"],\n fg: [\"orange.700\", \"orange.100\"],\n ghost: [\"orange.50\", \"orange.950/50\"],\n muted: [\"orange.100\", \"orange.800\"],\n outline: [\"orange.600\", \"orange.500\"],\n solid: [\"orange.500\", \"orange.600\"],\n subtle: [\"orange.50\", \"orange.950\"],\n },\n pink: {\n base: \"pink.500\",\n bg: [\"pink.50/40\", \"pink.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"pink.200\", \"pink.700\"],\n fg: [\"pink.700\", \"pink.100\"],\n ghost: [\"pink.50\", \"pink.950/50\"],\n muted: [\"pink.100\", \"pink.800\"],\n outline: [\"pink.600\", \"pink.500\"],\n solid: [\"pink.500\", \"pink.600\"],\n subtle: [\"pink.50\", \"pink.950\"],\n },\n purple: {\n base: \"purple.500\",\n bg: [\"purple.50/40\", \"purple.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"purple.200\", \"purple.700\"],\n fg: [\"purple.700\", \"purple.100\"],\n ghost: [\"purple.50\", \"purple.950/50\"],\n muted: [\"purple.100\", \"purple.800\"],\n outline: [\"purple.600\", \"purple.500\"],\n solid: [\"purple.500\", \"purple.600\"],\n subtle: [\"purple.50\", \"purple.950\"],\n },\n red: {\n base: \"red.500\",\n bg: [\"red.50/40\", \"red.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"red.200\", \"red.700\"],\n fg: [\"red.700\", \"red.100\"],\n ghost: [\"red.50\", \"red.950/50\"],\n muted: [\"red.100\", \"red.800\"],\n outline: [\"red.600\", \"red.500\"],\n solid: [\"red.500\", \"red.600\"],\n subtle: [\"red.50\", \"red.950\"],\n },\n rose: {\n base: \"rose.500\",\n bg: [\"rose.50/40\", \"rose.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"rose.200\", \"rose.700\"],\n fg: [\"rose.700\", \"rose.100\"],\n ghost: [\"rose.50\", \"rose.950/50\"],\n muted: [\"rose.100\", \"rose.800\"],\n outline: [\"rose.600\", \"rose.500\"],\n solid: [\"rose.500\", \"rose.600\"],\n subtle: [\"rose.50\", \"rose.950\"],\n },\n violet: {\n base: \"violet.500\",\n bg: [\"violet.50/40\", \"violet.400/10\"],\n contrast: [\"white\", \"white\"],\n emphasized: [\"violet.200\", \"violet.700\"],\n fg: [\"violet.700\", \"violet.100\"],\n ghost: [\"violet.50\", \"violet.950/50\"],\n muted: [\"violet.100\", \"violet.800\"],\n outline: [\"violet.600\", \"violet.500\"],\n solid: [\"violet.500\", \"violet.600\"],\n subtle: [\"violet.50\", \"violet.950\"],\n },\n yellow: {\n base: \"yellow.500\",\n bg: [\"yellow.50/40\", \"yellow.400/10\"],\n contrast: [\"black\", \"black\"],\n emphasized: [\"yellow.200\", \"yellow.700\"],\n fg: [\"yellow.800\", \"yellow.100\"],\n ghost: [\"yellow.50\", \"yellow.950/50\"],\n muted: [\"yellow.100\", \"yellow.800\"],\n outline: [\"yellow.600\", \"yellow.500\"],\n solid: [\"yellow.400\", \"yellow.500\"],\n subtle: [\"yellow.50\", \"yellow.950\"],\n },\n})\n"],"mappings":"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"}
|
|
@@ -66,7 +66,7 @@ const menuStyle = defineComponentSlotStyle({
|
|
|
66
66
|
focusVisibleRing: "none",
|
|
67
67
|
minH: "{item-height}",
|
|
68
68
|
userSelect: "none",
|
|
69
|
-
_activedescendant: { bg:
|
|
69
|
+
_activedescendant: { bg: "bg.subtle" },
|
|
70
70
|
_disabled: { layerStyle: "disabled" }
|
|
71
71
|
},
|
|
72
72
|
label: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.style.js","names":[],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n base: {\n command: {\n textStyle: \"mono\",\n color: \"fg.muted\",\n ms: \"auto\",\n },\n content: {\n \"&:has([data-footer])\": {\n scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n },\n \"&:has([data-header])\": {\n scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n },\n \"--border-width\": \"1px\",\n \"--footer-height\": \"{item-height}\",\n \"--header-height\": \"{item-height}\",\n gap: \"0\",\n overflow: \"auto\",\n p: \"{space}\",\n scrollPaddingBottom: \"{space}\",\n scrollPaddingTop: \"{space}\",\n },\n footer: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderTopWidth: \"{border-width}\",\n bottom: \"calc({space} * -1)\",\n display: \"flex\",\n left: \"0\",\n mb: \"calc({space} * -1)\",\n minH: \"{footer-height}\",\n mt: \"{space}\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n },\n group: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n header: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderBottomWidth: \"{border-width}\",\n display: \"flex\",\n left: \"0\",\n mb: \"{space}\",\n minH: \"{header-height}\",\n mt: \"calc({space} * -1)\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n top: \"calc({space} * -1)\",\n },\n indicator: {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n item: {\n alignItems: \"center\",\n display: \"flex\",\n focusVisibleRing: \"none\",\n minH: \"{item-height}\",\n userSelect: \"none\",\n _activedescendant: { bg:
|
|
1
|
+
{"version":3,"file":"menu.style.js","names":[],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n base: {\n command: {\n textStyle: \"mono\",\n color: \"fg.muted\",\n ms: \"auto\",\n },\n content: {\n \"&:has([data-footer])\": {\n scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n },\n \"&:has([data-header])\": {\n scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n },\n \"--border-width\": \"1px\",\n \"--footer-height\": \"{item-height}\",\n \"--header-height\": \"{item-height}\",\n gap: \"0\",\n overflow: \"auto\",\n p: \"{space}\",\n scrollPaddingBottom: \"{space}\",\n scrollPaddingTop: \"{space}\",\n },\n footer: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderTopWidth: \"{border-width}\",\n bottom: \"calc({space} * -1)\",\n display: \"flex\",\n left: \"0\",\n mb: \"calc({space} * -1)\",\n minH: \"{footer-height}\",\n mt: \"{space}\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n },\n group: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n header: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderBottomWidth: \"{border-width}\",\n display: \"flex\",\n left: \"0\",\n mb: \"{space}\",\n minH: \"{header-height}\",\n mt: \"calc({space} * -1)\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n top: \"calc({space} * -1)\",\n },\n indicator: {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n item: {\n alignItems: \"center\",\n display: \"flex\",\n focusVisibleRing: \"none\",\n minH: \"{item-height}\",\n userSelect: \"none\",\n _activedescendant: { bg: \"bg.subtle\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n label: {\n alignItems: \"center\",\n display: \"flex\",\n fontWeight: \"medium\",\n minH: \"{item-height}\",\n },\n separator: {\n \"& + hr\": { display: \"none\" },\n \"&:last-child, &:first-child\": { display: \"none\" },\n borderBottomWidth: \"{border-width}\",\n mx: \"calc({space} * -1)\",\n my: \"{space}\",\n },\n },\n\n sizes: {\n sm: {\n command: { fontSize: \"2xs\" },\n content: {\n \"--item-height\": \"spaces.7\",\n \"--space\": \"spaces.1\",\n fontSize: \"xs\",\n minW: \"3xs\",\n },\n footer: { px: \"1.5\" },\n header: { px: \"1.5\" },\n indicator: { fontSize: \"sm\" },\n item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n label: { px: \"1.5\" },\n },\n md: {\n command: { fontSize: \"xs\" },\n content: {\n \"--item-height\": \"spaces.8\",\n \"--space\": \"spaces.1\",\n fontSize: \"sm\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"md\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n lg: {\n command: { fontSize: \"sm\" },\n content: {\n \"--item-height\": \"spaces.9\",\n \"--space\": \"spaces.1\",\n fontSize: \"md\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"lg\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;;;;AAGA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;GACL;EACD,SAAS;GACP,wBAAwB,EACtB,qBAAqB,oDACtB;GACD,wBAAwB,EACtB,kBAAkB,oDACnB;GACD,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;GACnB;EACD,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,eAAe;GAChB;EACD,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;GACN;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,aAAa;GACtC,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;GACP;EACD,WAAW;GACT,UAAU,EAAE,SAAS,QAAQ;GAC7B,+BAA+B,EAAE,SAAS,QAAQ;GAClD,mBAAmB;GACnB,IAAI;GACJ,IAAI;GACL;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,OAAO;GAC5B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,OAAO;GACrB,QAAQ,EAAE,IAAI,OAAO;GACrB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;IAAM;GAC9C,OAAO,EAAE,IAAI,OAAO;GACrB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}
|
|
@@ -8,6 +8,7 @@ const toPeer = (selector) => [...["[data-peer]", ".peer"].flatMap((prefix) => [`
|
|
|
8
8
|
const attributes = {
|
|
9
9
|
_inactive: "&[data-inactive]",
|
|
10
10
|
_accept: "&[data-accept]",
|
|
11
|
+
_animated: "&[data-animated]",
|
|
11
12
|
_between: "&[data-between]",
|
|
12
13
|
_center: "&:is([data-center], [data-group-center])",
|
|
13
14
|
_complete: "&[data-complete]",
|
|
@@ -19,6 +20,7 @@ const attributes = {
|
|
|
19
20
|
_filled: "&[data-filled]",
|
|
20
21
|
_grabbed: "&:is([data-grabbed], [aria-grabbed=true])",
|
|
21
22
|
_grid: "&:is([role=grid], [data-grid])",
|
|
23
|
+
_hasGroup: "&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))",
|
|
22
24
|
_hasIcon: "&:has(> [data-icon])",
|
|
23
25
|
_idle: "&[data-idle]",
|
|
24
26
|
_incomplete: "&[data-incomplete]",
|
|
@@ -30,6 +32,7 @@ const attributes = {
|
|
|
30
32
|
_notAllowed: "&[data-not-allowed]",
|
|
31
33
|
_notCurrent: "&:not([aria-current], [data-current]), &[aria-current='false']",
|
|
32
34
|
_notFallback: "&:not([data-fallback])",
|
|
35
|
+
_notHasGroup: "&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))",
|
|
33
36
|
_notSelected: "&:not([data-selected]):not([aria-selected=true])",
|
|
34
37
|
_numeric: "&[data-numeric]",
|
|
35
38
|
_open: "&:is([open], [data-open])",
|
|
@@ -85,6 +88,7 @@ const pseudoClasses = {
|
|
|
85
88
|
_horizontal: "&:is([data-orientation=horizontal], [aria-orientation=horizontal])",
|
|
86
89
|
_icon: "&:where(svg:not([data-loading])), & > [data-icon]",
|
|
87
90
|
_indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
|
|
91
|
+
_indicator: "& > [data-indicator]",
|
|
88
92
|
_inRange: "&:is(:in-range, [data-in-range])",
|
|
89
93
|
_last: "&:last-of-type",
|
|
90
94
|
_lastChild: "& > *:last-child",
|