@sanity/ui 3.0.0-static.2 → 3.0.0-static.20
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/README.md +6 -6
- package/bin/{ui.js → sanity-ui.cjs} +1 -1
- package/dist/_chunks-cjs/_visual-editing.cjs +3152 -0
- package/dist/_chunks-cjs/_visual-editing.cjs.map +1 -0
- package/dist/_chunks-cjs/buildCommand.cjs +71 -0
- package/dist/_chunks-cjs/buildCommand.cjs.map +1 -0
- package/dist/_chunks-cjs/{refractor.js → refractor.cjs} +1 -1
- package/dist/_chunks-cjs/refractor.cjs.map +1 -0
- package/dist/_chunks-es/_visual-editing.js +3163 -0
- package/dist/_chunks-es/_visual-editing.js.map +1 -0
- package/dist/_chunks-es/{refractor.mjs → refractor.js} +1 -1
- package/dist/_chunks-es/refractor.js.map +1 -0
- package/dist/_visual-editing.cjs +30 -0
- package/dist/_visual-editing.cjs.map +1 -0
- package/dist/_visual-editing.d.cts +959 -0
- package/dist/_visual-editing.d.ts +545 -392
- package/dist/_visual-editing.js +29 -30
- package/dist/_visual-editing.js.map +1 -1
- package/dist/{cli.js → cli.cjs} +4 -4
- package/dist/cli.cjs.map +1 -0
- package/dist/css.cjs +4353 -0
- package/dist/css.cjs.map +1 -0
- package/dist/css.d.cts +10251 -0
- package/dist/css.d.ts +9714 -1598
- package/dist/css.js +3460 -3818
- package/dist/css.js.map +1 -1
- package/dist/index.cjs +1594 -0
- package/dist/index.cjs.map +1 -0
- package/dist/{index.d.mts → index.d.cts} +1435 -918
- package/dist/index.d.ts +1435 -918
- package/dist/index.js +622 -572
- package/dist/index.js.map +1 -1
- package/dist/{theme.mjs → theme.cjs} +2821 -2570
- package/dist/theme.cjs.map +1 -0
- package/dist/{theme.d.mts → theme.d.cts} +330 -310
- package/dist/theme.d.ts +330 -310
- package/dist/theme.js +2822 -2569
- package/dist/theme.js.map +1 -1
- package/dist/ui-system.css +24528 -0
- package/dist/ui-system.min.css +1 -0
- package/dist/ui-theme.css +1184 -0
- package/dist/ui-theme.min.css +1 -0
- package/dist/ui.css +25715 -0
- package/dist/ui.min.css +1 -0
- package/exports/_visual-editing.ts +0 -1
- package/package.json +78 -78
- package/src/cli/buildCommand.ts +77 -25
- package/src/cli/index.ts +2 -14
- package/src/core/StyleTags.tsx +8 -14
- package/src/core/_compat/helpers.ts +72 -0
- package/src/core/_compat/index.ts +1 -6
- package/src/core/_compat/styles/_responsive.ts +1 -1
- package/src/core/_compat/theme/theme.test.tsx +4 -5
- package/src/core/_compat/theme/themeColorProvider.tsx +4 -8
- package/src/core/_compat/theme/themeContext.ts +5 -5
- package/src/core/_compat/theme/themeProvider.tsx +19 -11
- package/src/core/_compat/theme/types.ts +2 -4
- package/src/core/_compat/theme/useRootTheme.ts +2 -4
- package/src/core/_compat/theme/useTheme.ts +3 -7
- package/src/core/_compat/types.ts +0 -73
- package/src/core/components/autocomplete/__workshop__/async.tsx +6 -6
- package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +11 -18
- package/src/core/components/autocomplete/__workshop__/custom.tsx +21 -20
- package/src/core/components/autocomplete/__workshop__/example.tsx +17 -17
- package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +5 -5
- package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +57 -59
- package/src/core/components/autocomplete/autocomplete.tsx +92 -126
- package/src/core/components/autocomplete/autocompleteOption.tsx +3 -1
- package/src/core/components/autocomplete/autocompleteReducer.ts +1 -1
- package/src/core/components/autocomplete/constants.ts +1 -1
- package/src/core/components/autocomplete/types.ts +4 -9
- package/src/core/components/breadcrumbs/__workshop__/example.tsx +2 -3
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +34 -28
- package/src/core/components/dialog/__workshop__/activate.tsx +4 -4
- package/src/core/components/dialog/__workshop__/autoFocus.tsx +2 -2
- package/src/core/components/dialog/__workshop__/onScroll.tsx +16 -4
- package/src/core/components/dialog/__workshop__/position.tsx +4 -4
- package/src/core/components/dialog/__workshop__/props.tsx +7 -7
- package/src/core/components/dialog/__workshop__/wrapped.tsx +2 -2
- package/src/core/components/dialog/dialog.tsx +104 -300
- package/src/core/components/dialog/dialogCard.tsx +198 -0
- package/src/core/components/dialog/dialogContext.ts +1 -1
- package/src/core/components/dialog/dialogProvider.tsx +3 -3
- package/src/core/components/dialog/isTargetWithinScope.ts +14 -0
- package/src/core/components/dialog/useDialog.ts +1 -1
- package/src/core/components/hotkeys/hotkeys.tsx +42 -26
- package/src/core/components/menu/__workshop__/asComponent.tsx +6 -6
- package/src/core/components/menu/__workshop__/closableMenuButton.tsx +5 -4
- package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +2 -2
- package/src/core/components/menu/__workshop__/customMenuItem.tsx +3 -3
- package/src/core/components/menu/__workshop__/disableFocusOnClose.tsx +1 -1
- package/src/core/components/menu/__workshop__/groups.tsx +2 -2
- package/src/core/components/menu/__workshop__/menuButton.tsx +4 -4
- package/src/core/components/menu/__workshop__/menuGroupRight.tsx +1 -1
- package/src/core/components/menu/__workshop__/nestedMenu.tsx +1 -1
- package/src/core/components/menu/__workshop__/onCloseMenuButton.tsx +13 -4
- package/src/core/components/menu/__workshop__/selectedItem.tsx +2 -2
- package/src/core/components/menu/__workshop__/tones.tsx +3 -3
- package/src/core/components/menu/__workshop__/withoutArrow.tsx +1 -1
- package/src/core/components/menu/menu.test.tsx +6 -7
- package/src/core/components/menu/menu.tsx +28 -34
- package/src/core/components/menu/menuButton.tsx +19 -23
- package/src/core/components/menu/menuContext.ts +1 -1
- package/src/core/components/menu/menuDivider.tsx +26 -14
- package/src/core/components/menu/menuGroup.tsx +39 -31
- package/src/core/components/menu/menuItem.tsx +59 -45
- package/src/core/components/menu/useMenu.ts +1 -1
- package/src/core/components/menu/useMenuController.ts +4 -4
- package/src/core/components/skeleton/__workshop__/delay.tsx +3 -3
- package/src/core/components/skeleton/__workshop__/skeleton.tsx +4 -4
- package/src/core/components/skeleton/codeSkeleton.tsx +53 -0
- package/src/core/components/skeleton/headingSkeleton.tsx +52 -0
- package/src/core/components/skeleton/index.ts +3 -0
- package/src/core/components/skeleton/labelSkeleton.tsx +51 -0
- package/src/core/components/skeleton/skeleton.tsx +40 -17
- package/src/core/components/skeleton/textSkeleton.tsx +32 -111
- package/src/core/components/tab/__workshop__/example.tsx +2 -2
- package/src/core/components/tab/tab.tsx +29 -25
- package/src/core/components/tab/tabList.tsx +51 -28
- package/src/core/components/tab/tabPanel.tsx +30 -21
- package/src/core/components/toast/__workshop__/hook.tsx +1 -1
- package/src/core/components/toast/__workshop__/toast.tsx +5 -5
- package/src/core/components/toast/toast.test.tsx +5 -5
- package/src/core/components/toast/toast.tsx +25 -22
- package/src/core/components/toast/toastContext.ts +1 -1
- package/src/core/components/toast/toastLayer.tsx +29 -11
- package/src/core/components/toast/toastProvider.tsx +3 -7
- package/src/core/components/toast/types.ts +3 -7
- package/src/core/components/toast/useToast.ts +2 -4
- package/src/core/components/tree/__workshop__/basic.perf.ts +1 -1
- package/src/core/components/tree/__workshop__/basic.tsx +1 -1
- package/src/core/components/tree/__workshop__/tabFromElement.tsx +1 -1
- package/src/core/components/tree/helpers.ts +1 -1
- package/src/core/components/tree/tree.tsx +198 -191
- package/src/core/components/tree/treeContext.ts +1 -1
- package/src/core/components/tree/treeGroup.tsx +26 -6
- package/src/core/components/tree/treeItem.tsx +45 -33
- package/src/core/components/tree/types.ts +2 -2
- package/src/core/components/tree/useTree.ts +1 -1
- package/src/core/constants.ts +6 -0
- package/src/core/hooks/useClickOutside.test.tsx +15 -16
- package/src/core/hooks/useClickOutside.ts +2 -6
- package/src/core/hooks/useClickOutsideEvent.test.tsx +4 -5
- package/src/core/hooks/useClickOutsideEvent.ts +3 -9
- package/src/core/hooks/useDelayed.test.ts +6 -7
- package/src/core/hooks/useDelayedState.ts +1 -1
- package/src/core/hooks/useElementRect/__workshop__/example.tsx +1 -1
- package/src/core/hooks/useElementSize.ts +1 -1
- package/src/core/hooks/useForwardedRef.ts +1 -1
- package/src/core/hooks/useMatchMedia.ts +13 -31
- package/src/core/hooks/useMediaIndex/__workshop__/test.tsx +1 -1
- package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +3 -18
- package/src/core/hooks/useMediaIndex/useMediaIndex.ts +12 -12
- package/src/core/hooks/usePrefersDark.hydration.test.tsx +4 -4
- package/src/core/hooks/usePrefersDark.test.tsx +1 -0
- package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +4 -4
- package/src/core/hooks/usePrefersReducedMotion.test.tsx +1 -0
- package/src/core/middleware/origin.ts +1 -1
- package/src/core/primitives/_selectable/selectable.tsx +34 -21
- package/src/core/primitives/avatar/__workshop__/asButton.tsx +2 -2
- package/src/core/primitives/avatar/__workshop__/stack.tsx +2 -2
- package/src/core/primitives/avatar/__workshop__/withinButton.tsx +2 -2
- package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +1 -1
- package/src/core/primitives/avatar/avatar.tsx +33 -36
- package/src/core/primitives/avatar/avatarCounter.tsx +35 -27
- package/src/core/primitives/avatar/avatarStack.tsx +35 -28
- package/src/core/primitives/avatar/types.ts +3 -3
- package/src/core/primitives/badge/__workshop__/props.tsx +6 -17
- package/src/core/primitives/badge/__workshop__/tones.tsx +1 -6
- package/src/core/primitives/badge/badge.test.tsx +2 -3
- package/src/core/primitives/badge/badge.tsx +34 -33
- package/src/core/primitives/badge/types.ts +2 -1
- package/src/core/primitives/box/__workshop__/props.tsx +2 -2
- package/src/core/primitives/box/__workshop__/responsive.tsx +2 -1
- package/src/core/primitives/box/box.tsx +76 -31
- package/src/core/primitives/button/__workshop__/custom.tsx +19 -42
- package/src/core/primitives/button/__workshop__/customIcons.tsx +3 -3
- package/src/core/primitives/button/__workshop__/disabled.tsx +9 -9
- package/src/core/primitives/button/__workshop__/props.tsx +19 -22
- package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +3 -3
- package/src/core/primitives/button/__workshop__/stacked.tsx +15 -16
- package/src/core/primitives/button/__workshop__/uploadButton.tsx +2 -1
- package/src/core/primitives/button/button.test.tsx +3 -18
- package/src/core/primitives/button/button.tsx +75 -73
- package/src/core/primitives/card/__workshop__/asButton.tsx +14 -14
- package/src/core/primitives/card/__workshop__/asComponent.tsx +3 -3
- package/src/core/primitives/card/__workshop__/checkered.tsx +1 -1
- package/src/core/primitives/card/__workshop__/index.ts +1 -1
- package/src/core/primitives/card/__workshop__/interactive.tsx +3 -4
- package/src/core/primitives/card/__workshop__/listNavigation.tsx +3 -3
- package/src/core/primitives/card/__workshop__/props.tsx +14 -17
- package/src/core/primitives/card/__workshop__/selected.tsx +10 -41
- package/src/core/primitives/card/__workshop__/{allTones.tsx → tones.tsx} +3 -3
- package/src/core/primitives/card/card.tsx +53 -43
- package/src/core/primitives/card/cardContext.ts +10 -0
- package/src/core/primitives/card/cardProvider.tsx +27 -0
- package/src/core/primitives/card/index.ts +2 -0
- package/src/core/primitives/card/types.ts +19 -3
- package/src/core/primitives/card/useCard.ts +8 -0
- package/src/core/primitives/checkbox/__workshop__/props.tsx +6 -4
- package/src/core/primitives/checkbox/__workshop__/tones.tsx +11 -20
- package/src/core/primitives/checkbox/checkbox.tsx +30 -21
- package/src/core/primitives/code/__workshop__/opticalAlignment.tsx +1 -1
- package/src/core/primitives/code/__workshop__/props.tsx +4 -7
- package/src/core/primitives/code/code.tsx +28 -26
- package/src/core/primitives/container/__workshop__/example.tsx +2 -2
- package/src/core/primitives/container/container.tsx +29 -18
- package/src/core/primitives/flex/__workshop__/example.tsx +2 -2
- package/src/core/primitives/flex/flex.tsx +21 -19
- package/src/core/primitives/grid/grid.tsx +21 -16
- package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +2 -2
- package/src/core/primitives/heading/__workshop__/plain.tsx +12 -15
- package/src/core/primitives/heading/heading.tsx +46 -23
- package/src/core/primitives/inline/__workshop__/plain.tsx +2 -5
- package/src/core/primitives/inline/inline.tsx +27 -24
- package/src/core/primitives/inline/types.ts +1 -0
- package/src/core/primitives/kbd/kbd.tsx +29 -27
- package/src/core/primitives/label/__workshop__/plain.tsx +8 -17
- package/src/core/primitives/label/label.tsx +45 -30
- package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +6 -6
- package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +3 -3
- package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +1 -1
- package/src/core/primitives/popover/__workshop__/PlainStory.tsx +3 -3
- package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +3 -4
- package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +10 -6
- package/src/core/primitives/popover/__workshop__/TestStory.tsx +5 -4
- package/src/core/primitives/popover/constants.ts +1 -1
- package/src/core/primitives/popover/floating-ui/size.ts +2 -2
- package/src/core/primitives/popover/helpers.ts +1 -1
- package/src/core/primitives/popover/popover.tsx +296 -334
- package/src/core/primitives/popover/popoverLayer.tsx +149 -0
- package/src/core/primitives/popover/types.ts +3 -2
- package/src/core/primitives/radio/__workshop__/example.tsx +3 -3
- package/src/core/primitives/radio/__workshop__/plain.tsx +3 -3
- package/src/core/primitives/radio/radio.tsx +33 -17
- package/src/core/primitives/select/__workshop__/plain.tsx +15 -6
- package/src/core/primitives/select/__workshop__/readOnly.tsx +1 -1
- package/src/core/primitives/select/select.tsx +29 -27
- package/src/core/primitives/spinner/__workshop__/Props.tsx +4 -5
- package/src/core/primitives/spinner/animatedSpinnerIcon.tsx +7 -5
- package/src/core/primitives/spinner/spinner.tsx +26 -14
- package/src/core/primitives/stack/__workshop__/plain.tsx +2 -2
- package/src/core/primitives/stack/stack.tsx +33 -19
- package/src/core/primitives/switch/switch.tsx +33 -16
- package/src/core/primitives/text/__workshop__/colored.tsx +6 -6
- package/src/core/primitives/text/__workshop__/example.tsx +9 -20
- package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +1 -1
- package/src/core/primitives/text/text.tsx +48 -30
- package/src/core/primitives/textArea/__workshop__/plain.tsx +44 -33
- package/src/core/primitives/textArea/textArea.tsx +48 -21
- package/src/core/primitives/textInput/__workshop__/customValidity.tsx +2 -2
- package/src/core/primitives/textInput/__workshop__/plain.tsx +36 -30
- package/src/core/primitives/textInput/__workshop__/states.tsx +5 -5
- package/src/core/primitives/textInput/__workshop__/tones.tsx +2 -2
- package/src/core/primitives/textInput/__workshop__/typed.tsx +2 -2
- package/src/core/primitives/textInput/textInput.tsx +52 -71
- package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +5 -5
- package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +2 -2
- package/src/core/primitives/tooltip/__workshop__/props.tsx +9 -8
- package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +1 -1
- package/src/core/primitives/tooltip/constants.ts +1 -1
- package/src/core/primitives/tooltip/tooltip.test.tsx +61 -60
- package/src/core/primitives/tooltip/tooltip.tsx +112 -87
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +1 -1
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +3 -3
- package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +1 -1
- package/src/core/primitives/tooltip/tooltipLayer.tsx +107 -0
- package/src/core/primitives/types.ts +16 -27
- package/src/core/types/avatar.ts +3 -6
- package/src/core/types/badge.ts +2 -4
- package/src/core/types/button.ts +2 -4
- package/src/core/types/card.ts +2 -4
- package/src/core/types/dialog.ts +1 -3
- package/src/core/types/props.ts +20 -10
- package/src/core/types/selectable.ts +1 -1
- package/src/core/utils/arrow/arrow.tsx +37 -28
- package/src/core/utils/boundaryElement/boundaryElement.test.tsx +5 -5
- package/src/core/utils/boundaryElement/boundaryElementContext.ts +1 -1
- package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +4 -8
- package/src/core/utils/boundaryElement/types.ts +1 -3
- package/src/core/utils/boundaryElement/useBoundaryElement.ts +2 -4
- package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +15 -8
- package/src/core/utils/elementQuery/elementQuery.tsx +43 -19
- package/src/core/utils/errorBoundary.tsx +6 -4
- package/src/core/utils/index.ts +0 -1
- package/src/core/utils/layer/__workshop__/multipleRoots.tsx +5 -5
- package/src/core/utils/layer/__workshop__/nested.tsx +3 -3
- package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +9 -5
- package/src/core/utils/layer/getLayerContext.test.ts +3 -1
- package/src/core/utils/layer/getLayerContext.ts +1 -1
- package/src/core/utils/layer/layer.test.tsx +5 -5
- package/src/core/utils/layer/layer.tsx +24 -94
- package/src/core/utils/layer/layerCard.tsx +92 -0
- package/src/core/utils/layer/layerContext.ts +1 -1
- package/src/core/utils/layer/layerProvider.tsx +13 -9
- package/src/core/utils/layer/useLayer.ts +2 -4
- package/src/core/utils/portal/__workshop__/named.tsx +3 -3
- package/src/core/utils/portal/portal.test.tsx +5 -5
- package/src/core/utils/portal/{portal.ts → portal.tsx} +17 -9
- package/src/core/utils/portal/portalContext.ts +1 -1
- package/src/core/utils/portal/portalProvider.tsx +4 -8
- package/src/core/utils/portal/types.ts +1 -3
- package/src/core/utils/portal/usePortal.ts +2 -4
- package/src/core/utils/srOnly/srOnly.tsx +27 -22
- package/src/core/utils/virtualList/__workshop__/infiniteList.tsx +1 -1
- package/src/core/utils/virtualList/virtualList.tsx +72 -54
- package/src/css/_assign.ts +3 -0
- package/src/css/_compileStyle.ts +156 -0
- package/src/css/_compileSystem.ts +7 -0
- package/src/css/_compileTheme.ts +13 -0
- package/src/css/_composeClassNames.ts +12 -0
- package/src/css/_fromEntries.ts +3 -0
- package/src/css/_getClassNames.ts +9 -0
- package/src/css/_hash.ts +9 -0
- package/src/css/_mergeStyles.ts +24 -0
- package/src/css/_resp.ts +2 -2
- package/src/css/_responsiveRule.ts +38 -0
- package/src/css/_scopeClassName.ts +9 -0
- package/src/css/_scopeClassNames.ts +12 -0
- package/src/css/_system.style.ts +166 -0
- package/src/css/aspects/border/border.style.ts +13 -0
- package/src/css/aspects/border/border.ts +14 -0
- package/src/css/{styles → aspects}/border/types.ts +1 -1
- package/src/css/aspects/boxSizing/boxSizing.style.ts +10 -0
- package/src/css/aspects/boxSizing/boxSizing.ts +8 -0
- package/src/css/aspects/boxSizing/index.ts +2 -0
- package/src/css/aspects/boxSizing/types.ts +9 -0
- package/src/css/aspects/display/display.style.ts +34 -0
- package/src/css/aspects/display/display.ts +8 -0
- package/src/css/{styles → aspects}/display/types.ts +3 -4
- package/src/css/aspects/flex/flex.ts +13 -0
- package/src/css/aspects/flex/flexAlign.style.ts +12 -0
- package/src/css/aspects/flex/flexDirection.style.ts +11 -0
- package/src/css/aspects/flex/flexJustify.style.ts +13 -0
- package/src/css/aspects/flex/flexWrap.style.ts +10 -0
- package/src/css/{styles → aspects}/flex/types.ts +5 -13
- package/src/css/aspects/flexItem/flex.style.ts +22 -0
- package/src/css/aspects/flexItem/flexItem.ts +8 -0
- package/src/css/aspects/flexItem/types.ts +25 -0
- package/src/css/aspects/font/font.style.ts +83 -0
- package/src/css/aspects/font/font.ts +7 -0
- package/src/css/aspects/font/types.ts +6 -0
- package/src/css/aspects/gap/gap.style.ts +21 -0
- package/src/css/aspects/gap/gap.ts +8 -0
- package/src/css/{styles → aspects}/gap/types.ts +2 -2
- package/src/css/{styles → aspects}/grid/grid.ts +6 -5
- package/src/css/aspects/grid/gridAutoColumns.style.ts +11 -0
- package/src/css/aspects/grid/gridAutoFlow.style.ts +11 -0
- package/src/css/aspects/grid/gridAutoRows.style.ts +11 -0
- package/src/css/aspects/grid/gridColumns.style.ts +18 -0
- package/src/css/aspects/grid/gridRows.style.ts +18 -0
- package/src/css/{styles → aspects}/grid/types.ts +8 -12
- package/src/css/aspects/gridItem/gridColumn.style.ts +20 -0
- package/src/css/aspects/gridItem/gridColumnEnd.style.ts +20 -0
- package/src/css/aspects/gridItem/gridColumnStart.style.ts +20 -0
- package/src/css/{styles → aspects}/gridItem/gridItem.ts +4 -4
- package/src/css/aspects/gridItem/gridRow.style.ts +20 -0
- package/src/css/aspects/gridItem/gridRowEnd.style.ts +20 -0
- package/src/css/aspects/gridItem/gridRowStart.style.ts +20 -0
- package/src/css/{styles → aspects}/gridItem/types.ts +8 -19
- package/src/css/aspects/height/height.style.ts +9 -0
- package/src/css/aspects/height/height.ts +16 -0
- package/src/css/aspects/height/index.ts +1 -0
- package/src/css/{styles → aspects}/index.ts +5 -0
- package/src/css/aspects/inset/inset.style.ts +12 -0
- package/src/css/{styles → aspects}/inset/inset.ts +4 -3
- package/src/css/{styles → aspects}/inset/types.ts +1 -1
- package/src/css/aspects/margin/margin.style.ts +56 -0
- package/src/css/{styles → aspects}/margin/margin.ts +4 -3
- package/src/css/aspects/margin/types.ts +17 -0
- package/src/css/aspects/maxWidth/maxWidth.style.ts +16 -0
- package/src/css/aspects/maxWidth/maxWidth.ts +8 -0
- package/src/css/aspects/maxWidth/types.ts +8 -0
- package/src/css/aspects/minHeight/index.ts +2 -0
- package/src/css/aspects/minHeight/minHeight.style.ts +9 -0
- package/src/css/aspects/minHeight/minHeight.ts +8 -0
- package/src/css/aspects/minHeight/types.ts +9 -0
- package/src/css/aspects/minWidth/index.ts +2 -0
- package/src/css/aspects/minWidth/minWidth.style.ts +13 -0
- package/src/css/aspects/minWidth/minWidth.ts +8 -0
- package/src/css/aspects/minWidth/types.ts +9 -0
- package/src/css/aspects/outline/outline.style.ts +9 -0
- package/src/css/aspects/overflow/overflow.style.ts +11 -0
- package/src/css/{styles → aspects}/overflow/overflow.ts +4 -3
- package/src/css/{styles → aspects}/overflow/types.ts +1 -1
- package/src/css/aspects/padding/padding.style.ts +43 -0
- package/src/css/{styles → aspects}/padding/padding.ts +4 -3
- package/src/css/{styles → aspects}/padding/types.ts +2 -2
- package/src/css/aspects/pointerEvents/pointerEvents.style.ts +13 -0
- package/src/css/aspects/pointerEvents/pointerEvents.ts +7 -0
- package/src/css/aspects/position/position.style.ts +12 -0
- package/src/css/aspects/position/position.ts +8 -0
- package/src/css/{styles → aspects}/position/types.ts +1 -1
- package/src/css/aspects/radius/radius.style.ts +16 -0
- package/src/css/aspects/radius/radius.ts +8 -0
- package/src/css/aspects/radius/types.ts +8 -0
- package/src/css/aspects/shadow/shadow.style.ts +24 -0
- package/src/css/aspects/shadow/shadow.ts +8 -0
- package/src/css/aspects/shadow/types.ts +8 -0
- package/src/css/aspects/textAlign/index.ts +2 -0
- package/src/css/aspects/textAlign/textAlign.style.ts +26 -0
- package/src/css/aspects/textAlign/textAlign.ts +8 -0
- package/src/css/aspects/textAlign/types.ts +7 -0
- package/src/css/aspects/textOverflow/textOverflow.style.ts +21 -0
- package/src/css/aspects/textOverflow/textOverflow.ts +7 -0
- package/src/css/{styles → aspects}/textOverflow/types.ts +1 -0
- package/src/css/aspects/width/types.ts +11 -0
- package/src/css/aspects/width/width.style.ts +11 -0
- package/src/css/aspects/width/width.ts +8 -0
- package/src/css/components/breadcrumbs/breadcrumbs.style.ts +9 -0
- package/src/css/components/breadcrumbs/breadcrumbs.ts +3 -2
- package/src/css/components/dialog/dialog.style.ts +77 -0
- package/src/css/components/dialog/dialog.ts +17 -8
- package/src/css/components/menu/menu.style.ts +17 -0
- package/src/css/components/menu/menu.ts +5 -3
- package/src/css/components/skeleton/skeleton.style.ts +104 -0
- package/src/css/components/skeleton/skeleton.ts +13 -8
- package/src/css/components/skeleton/types.ts +8 -6
- package/src/css/components/toast/toast.style.ts +20 -0
- package/src/css/components/toast/toast.ts +11 -6
- package/src/css/components/tree/tree.style.ts +39 -0
- package/src/css/components/tree/tree.ts +3 -2
- package/src/css/constants.ts +10 -0
- package/src/css/index.ts +8 -8
- package/src/css/prefix/constants.ts +6 -0
- package/src/css/prefix/types.ts +1 -0
- package/src/css/primitives/_arrow/{rules.ts → _arrow.style.ts} +23 -25
- package/src/css/primitives/_arrow/_arrow.ts +13 -6
- package/src/css/primitives/_input/_input.style.ts +235 -0
- package/src/css/primitives/_input/input.ts +18 -13
- package/src/css/primitives/_input/types.ts +3 -3
- package/src/css/primitives/_selectable/{rules.ts → _selectable.style.ts} +36 -36
- package/src/css/primitives/_selectable/selectable.ts +5 -5
- package/src/css/primitives/_selectable/types.ts +2 -2
- package/src/css/primitives/avatar/{rules.ts → avatar.style.ts} +62 -67
- package/src/css/primitives/avatar/avatar.ts +14 -8
- package/src/css/primitives/avatar/types.ts +4 -3
- package/src/css/primitives/badge/badge.style.ts +21 -0
- package/src/css/primitives/badge/badge.ts +8 -4
- package/src/css/primitives/badge/types.ts +2 -2
- package/src/css/primitives/box/box.style.ts +22 -0
- package/src/css/primitives/box/box.ts +16 -10
- package/src/css/primitives/box/types.ts +12 -15
- package/src/css/primitives/button/button.style.ts +275 -0
- package/src/css/primitives/button/button.ts +9 -30
- package/src/css/primitives/button/index.ts +1 -0
- package/src/css/primitives/button/types.ts +13 -0
- package/src/css/primitives/card/card.style.ts +295 -0
- package/src/css/primitives/card/card.ts +7 -11
- package/src/css/primitives/card/types.ts +4 -5
- package/src/css/primitives/checkbox/checkbox.style.ts +178 -0
- package/src/css/primitives/checkbox/checkbox.ts +5 -3
- package/src/css/primitives/code/code.style.ts +61 -0
- package/src/css/primitives/code/code.ts +8 -4
- package/src/css/primitives/code/types.ts +2 -2
- package/src/css/primitives/container/container.style.ts +10 -0
- package/src/css/primitives/container/container.ts +6 -4
- package/src/css/primitives/container/types.ts +3 -2
- package/src/css/primitives/heading/heading.style.ts +56 -0
- package/src/css/primitives/heading/heading.ts +13 -10
- package/src/css/primitives/heading/types.ts +4 -2
- package/src/css/primitives/kbd/kbd.style.ts +19 -0
- package/src/css/primitives/kbd/kbd.ts +6 -4
- package/src/css/primitives/kbd/types.ts +1 -1
- package/src/css/primitives/label/label.style.ts +52 -0
- package/src/css/primitives/label/label.ts +7 -9
- package/src/css/primitives/label/types.ts +11 -4
- package/src/css/primitives/popover/popover.style.ts +9 -0
- package/src/css/primitives/popover/popover.ts +8 -2
- package/src/css/primitives/radio/radio.style.ts +84 -0
- package/src/css/primitives/radio/radio.ts +3 -2
- package/src/css/primitives/select/{rules.ts → select.style.ts} +8 -6
- package/src/css/primitives/select/select.ts +7 -4
- package/src/css/primitives/select/types.ts +1 -1
- package/src/css/primitives/spinner/spinner.style.ts +22 -0
- package/src/css/primitives/spinner/spinner.ts +5 -3
- package/src/css/primitives/stack/index.ts +1 -0
- package/src/css/primitives/stack/stack.style.ts +13 -0
- package/src/css/primitives/stack/stack.ts +6 -0
- package/src/css/primitives/switch/switch.style.ts +102 -0
- package/src/css/primitives/switch/switch.ts +11 -6
- package/src/css/primitives/text/text.style.ts +65 -0
- package/src/css/primitives/text/text.ts +7 -9
- package/src/css/primitives/text/types.ts +7 -2
- package/src/css/primitives/textArea/textArea.style.ts +11 -0
- package/src/css/primitives/textArea/textArea.ts +5 -3
- package/src/css/primitives/textArea/types.ts +1 -1
- package/src/css/primitives/textInput/textInput.style.ts +46 -0
- package/src/css/primitives/textInput/textInput.ts +20 -4
- package/src/css/primitives/textInput/types.ts +2 -8
- package/src/css/primitives/token/token.style.ts +50 -0
- package/src/css/primitives/tooltip/tooltip.style.ts +9 -0
- package/src/css/primitives/tooltip/tooltip.ts +3 -6
- package/src/css/renderColor.ts +31 -0
- package/src/css/responsiveRules.ts +12 -19
- package/src/css/theme/index.ts +14 -0
- package/src/css/theme/lib/contract/buildVarContract.ts +76 -0
- package/src/css/theme/lib/contract/index.ts +2 -0
- package/src/css/theme/lib/contract/types.ts +15 -0
- package/src/css/theme/resolveTheme.ts +863 -0
- package/src/css/types.ts +29 -755
- package/src/css/util.ts +5 -0
- package/src/css/utils/srOnly/srOnly.style.ts +14 -0
- package/src/css/utils/srOnly/srOnly.ts +4 -2
- package/src/theme/getScopedTheme.ts +4 -4
- package/src/theme/index.ts +0 -5
- package/src/theme/types.ts +6 -10
- package/src/theme/v0/color/_generic.ts +1 -1
- package/src/theme/v0/color/button.ts +1 -1
- package/src/theme/v0/color/card.ts +1 -1
- package/src/theme/v0/color/color.ts +11 -11
- package/src/theme/v0/color/input.ts +1 -1
- package/src/theme/v0/color/muted.ts +1 -1
- package/src/theme/v0/color/selectable.ts +1 -1
- package/src/theme/v0/color/solid.ts +1 -1
- package/src/theme/v0/color/spot.ts +1 -1
- package/src/theme/v0/focusRing.ts +1 -3
- package/src/theme/v0/font.ts +6 -19
- package/src/theme/v0/layer.ts +1 -3
- package/src/theme/v0/shadow.ts +2 -6
- package/src/theme/v0/styles.ts +1 -1
- package/src/theme/v0/theme.ts +7 -7
- package/src/theme/v2/avatar.ts +2 -4
- package/src/theme/{build → v2/build}/_deprecated/color/_selectable/createSelectableTones.ts +3 -3
- package/src/theme/{build → v2/build}/_deprecated/color/_solid/createSolidTones.ts +2 -2
- package/src/theme/{build → v2/build}/_deprecated/color/button/createButtonModes.ts +7 -2
- package/src/theme/{build → v2/build}/_deprecated/color/button/createButtonTones.ts +4 -4
- package/src/theme/{build → v2/build}/_deprecated/color/card/createCardStates.ts +3 -3
- package/src/theme/{build → v2/build}/_deprecated/color/color.test.ts +1 -1
- package/src/theme/{build → v2/build}/_deprecated/color/defaults.ts +1 -1
- package/src/theme/{build → v2/build}/_deprecated/color/factory.ts +3 -3
- package/src/theme/{build → v2/build}/_deprecated/color/input/createInputModes.ts +7 -2
- package/src/theme/{build → v2/build}/_deprecated/color/muted/createMuted.ts +2 -2
- package/src/theme/{build → v2/build}/_deprecated/color/spot/createSpot.ts +2 -2
- package/src/theme/{build → v2/build}/buildColorTheme.test.ts +3 -1
- package/src/theme/{build → v2/build}/buildColorTheme.ts +24 -24
- package/src/theme/{build → v2/build}/buildTheme.test.ts +10 -8
- package/src/theme/v2/build/buildTheme.ts +12 -0
- package/src/theme/{build → v2/build}/colorToken/colorToken.ts +2 -2
- package/src/theme/{build → v2/build}/colorToken/compileColorToken.ts +1 -1
- package/src/theme/{build → v2/build}/colorToken/types.ts +2 -2
- package/src/theme/{build → v2/build}/lib/color-fns/blend/mix.ts +1 -1
- package/src/theme/{build → v2/build}/lib/color-fns/blend/multiply.ts +1 -1
- package/src/theme/{build → v2/build}/lib/color-fns/blend/screen.ts +1 -1
- package/src/theme/{build → v2/build}/lib/color-fns/color-fns.test.ts +1 -1
- package/src/theme/{build → v2/build}/lib/color-fns/contrastRatio.ts +5 -2
- package/src/theme/{build → v2/build}/lib/color-fns/convert.ts +1 -1
- package/src/theme/{build → v2/build}/lib/color-fns/parse.ts +1 -1
- package/src/theme/{build → v2/build}/mixThemeColor.test.ts +2 -0
- package/src/theme/{build → v2/build}/mixThemeColor.ts +1 -1
- package/src/theme/{build → v2/build}/renderColorTheme.ts +27 -27
- package/src/theme/{build → v2/build}/renderColorValue.ts +3 -3
- package/src/theme/{build → v2/build}/resolveColorTokens.ts +13 -13
- package/src/theme/v2/color/_helpers.ts +2 -2
- package/src/theme/v2/color/_system.ts +2 -4
- package/src/theme/v2/color/avatar.ts +3 -7
- package/src/theme/v2/color/badge.ts +3 -7
- package/src/theme/v2/color/button.ts +5 -11
- package/src/theme/v2/color/color.ts +10 -16
- package/src/theme/v2/color/input.ts +8 -10
- package/src/theme/v2/color/kbd.ts +1 -3
- package/src/theme/v2/color/selectable.ts +4 -8
- package/src/theme/v2/color/state.ts +5 -7
- package/src/theme/v2/color/syntax.ts +1 -3
- package/src/theme/{config → v2/config}/helpers.ts +6 -13
- package/src/theme/{config → v2/config}/system.ts +11 -12
- package/src/theme/{config → v2/config}/tokens/color/types.ts +14 -10
- package/src/theme/{config → v2/config}/tokens/index.ts +0 -1
- package/src/theme/{config → v2/config}/tokens/parseTokenValue.test.ts +2 -0
- package/src/theme/{config → v2/config}/tokens/parseTokenValue.ts +2 -2
- package/src/theme/{config → v2/config}/tokens/types.ts +3 -3
- package/src/theme/{config → v2/config}/types.ts +8 -6
- package/src/theme/{defaults → v2/defaults}/colorPalette.ts +1 -1
- package/src/theme/{defaults → v2/defaults}/colorTokens.ts +3 -3
- package/src/theme/{defaults → v2/defaults}/config.ts +2 -2
- package/src/theme/{defaults → v2/defaults}/fonts.ts +5 -6
- package/src/theme/v2/index.ts +2 -0
- package/src/theme/v2/input.ts +2 -4
- package/src/theme/v2/theme.ts +10 -14
- package/src/theme/{_constants.ts → v3/_constants.ts} +6 -3
- package/src/theme/v3/{color/parseColor.ts → _parseColorToken.ts} +59 -46
- package/src/theme/v3/buildTheme_v3.ts +14 -10
- package/src/theme/v3/color/_constants.ts +15 -0
- package/src/theme/v3/color/avatar.ts +14 -0
- package/src/theme/v3/color/card.ts +58 -95
- package/src/theme/v3/color/color.ts +75 -71
- package/src/theme/v3/color/element.ts +8 -8
- package/src/theme/v3/color/index.ts +2 -2
- package/src/theme/v3/color/token.ts +19 -4
- package/src/theme/v3/color/tokens.ts +2 -2
- package/src/theme/v3/defaultFonts.ts +250 -0
- package/src/theme/v3/defaultTokens.ts +199 -0
- package/src/theme/v3/index.ts +4 -1
- package/src/theme/{palette → v3/palette}/constants.ts +3 -3
- package/src/theme/v3/palette/index.ts +2 -0
- package/src/theme/v3/palette/types.ts +7 -0
- package/src/theme/v3/resolveTokens.ts +70 -65
- package/src/theme/v3/tokens.ts +2 -2
- package/src/theme/v3/types.ts +95 -11
- package/src/theme/versioning/getTheme_v2.ts +3 -3
- package/src/theme/versioning/is_v0.ts +2 -2
- package/src/theme/versioning/is_v2.ts +2 -2
- package/src/theme/versioning/themeColor_v0_v2.ts +2 -2
- package/src/theme/versioning/themeColor_v2_v2_9.ts +1 -1
- package/src/theme/versioning/themeColor_v3_v2.ts +229 -52
- package/src/theme/versioning/v0_v2.ts +3 -3
- package/src/theme/versioning/v2_v0.ts +4 -4
- package/src/theme/versioning/v3_v2.ts +39 -38
- package/dist/_chunks-cjs/_visual-editing.js +0 -3059
- package/dist/_chunks-cjs/_visual-editing.js.map +0 -1
- package/dist/_chunks-cjs/buildCommand.js +0 -32
- package/dist/_chunks-cjs/buildCommand.js.map +0 -1
- package/dist/_chunks-cjs/refractor.js.map +0 -1
- package/dist/_chunks-cjs/v3_v2.js +0 -251
- package/dist/_chunks-cjs/v3_v2.js.map +0 -1
- package/dist/_chunks-es/_visual-editing.mjs +0 -3066
- package/dist/_chunks-es/_visual-editing.mjs.map +0 -1
- package/dist/_chunks-es/refractor.mjs.map +0 -1
- package/dist/_chunks-es/v3_v2.mjs +0 -252
- package/dist/_chunks-es/v3_v2.mjs.map +0 -1
- package/dist/_visual-editing.d.mts +0 -806
- package/dist/_visual-editing.mjs +0 -31
- package/dist/_visual-editing.mjs.map +0 -1
- package/dist/cli.js.map +0 -1
- package/dist/css.d.mts +0 -2135
- package/dist/css.mjs +0 -4713
- package/dist/css.mjs.map +0 -1
- package/dist/index.mjs +0 -1542
- package/dist/index.mjs.map +0 -1
- package/dist/sanity-palette.css +0 -9
- package/dist/sanity-theme.css +0 -1
- package/dist/system.css +0 -3577
- package/dist/theme.mjs.map +0 -1
- package/src/core/primitives/popover/popoverCard.tsx +0 -148
- package/src/core/primitives/tooltip/tooltipCard.tsx +0 -115
- package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +0 -23
- package/src/core/utils/conditionalWrapper/index.ts +0 -1
- package/src/css/compile/compilePalette.ts +0 -60
- package/src/css/compile/compileRule.ts +0 -90
- package/src/css/compile/compileRules.test.ts +0 -35
- package/src/css/compile/compileRules.ts +0 -40
- package/src/css/compile/compileSystem.ts +0 -7
- package/src/css/compile/compileTheme.ts +0 -15
- package/src/css/compile/compileTheme_v3.ts +0 -410
- package/src/css/compile/types.ts +0 -6
- package/src/css/components/breadcrumbs/rules.ts +0 -25
- package/src/css/components/dialog/rules.ts +0 -76
- package/src/css/components/menu/rules.ts +0 -15
- package/src/css/components/skeleton/rules.ts +0 -112
- package/src/css/components/toast/rules.ts +0 -17
- package/src/css/components/tree/rules.ts +0 -168
- package/src/css/composeClassNames.ts +0 -13
- package/src/css/primitives/_input/rules.ts +0 -163
- package/src/css/primitives/_selectable/__style.ts +0 -117
- package/src/css/primitives/_selectable/_contants.ts +0 -11
- package/src/css/primitives/badge/rules.ts +0 -22
- package/src/css/primitives/box/rules.ts +0 -28
- package/src/css/primitives/button/_constants.ts +0 -17
- package/src/css/primitives/button/rules.ts +0 -293
- package/src/css/primitives/card/_constants.ts +0 -13
- package/src/css/primitives/card/rules.ts +0 -471
- package/src/css/primitives/checkbox/__styles.ts +0 -129
- package/src/css/primitives/checkbox/rules.ts +0 -152
- package/src/css/primitives/code/rules.ts +0 -96
- package/src/css/primitives/container/rules.ts +0 -8
- package/src/css/primitives/heading/rules.ts +0 -155
- package/src/css/primitives/kbd/rules.ts +0 -20
- package/src/css/primitives/label/rules.ts +0 -137
- package/src/css/primitives/popover/rules.ts +0 -5
- package/src/css/primitives/radio/rules.ts +0 -121
- package/src/css/primitives/spinner/rules.ts +0 -20
- package/src/css/primitives/switch/rules.ts +0 -340
- package/src/css/primitives/text/rules.ts +0 -164
- package/src/css/primitives/textArea/rules.ts +0 -7
- package/src/css/primitives/textInput/rules.ts +0 -224
- package/src/css/primitives/token/rules.ts +0 -45
- package/src/css/primitives/tooltip/rules.ts +0 -19
- package/src/css/rules.ts +0 -113
- package/src/css/styles/border/border.ts +0 -22
- package/src/css/styles/border/rules.ts +0 -24
- package/src/css/styles/display/display.ts +0 -7
- package/src/css/styles/display/rules.ts +0 -62
- package/src/css/styles/flex/flex.ts +0 -20
- package/src/css/styles/flex/rules.ts +0 -28
- package/src/css/styles/flexItem/flexItem.ts +0 -8
- package/src/css/styles/flexItem/rules.ts +0 -12
- package/src/css/styles/flexItem/types.ts +0 -11
- package/src/css/styles/font/font.ts +0 -17
- package/src/css/styles/font/rules.ts +0 -148
- package/src/css/styles/font/types.ts +0 -12
- package/src/css/styles/gap/gap.ts +0 -8
- package/src/css/styles/gap/rules.ts +0 -34
- package/src/css/styles/grid/rules.ts +0 -146
- package/src/css/styles/gridItem/rules.ts +0 -96
- package/src/css/styles/height/rules.ts +0 -7
- package/src/css/styles/inset/rules.ts +0 -16
- package/src/css/styles/margin/rules.ts +0 -64
- package/src/css/styles/margin/types.ts +0 -11
- package/src/css/styles/maxWidth/maxWidth.ts +0 -6
- package/src/css/styles/maxWidth/rules.ts +0 -13
- package/src/css/styles/maxWidth/types.ts +0 -7
- package/src/css/styles/outline/rules.ts +0 -7
- package/src/css/styles/overflow/rules.ts +0 -9
- package/src/css/styles/padding/rules.ts +0 -62
- package/src/css/styles/pointerEvents/pointerEvents.ts +0 -6
- package/src/css/styles/pointerEvents/rules.ts +0 -11
- package/src/css/styles/position/position.ts +0 -7
- package/src/css/styles/position/rules.ts +0 -24
- package/src/css/styles/radius/radius.ts +0 -8
- package/src/css/styles/radius/rules.ts +0 -13
- package/src/css/styles/radius/types.ts +0 -8
- package/src/css/styles/shadow/rules.ts +0 -53
- package/src/css/styles/shadow/shadow.ts +0 -7
- package/src/css/styles/shadow/types.ts +0 -8
- package/src/css/styles/textOverflow/rules.ts +0 -17
- package/src/css/styles/textOverflow/textOverflow.ts +0 -6
- package/src/css/styles/width/rules.ts +0 -7
- package/src/css/styles/width/types.ts +0 -9
- package/src/css/styles/width/width.ts +0 -6
- package/src/css/utils/srOnly/rules.ts +0 -11
- package/src/css/varNames.ts +0 -473
- package/src/css/vars.ts +0 -443
- package/src/theme/_types.ts +0 -41
- package/src/theme/build/buildTheme.ts +0 -12
- package/src/theme/build/theme.test.ts +0 -27
- package/src/theme/config/tokens/parseTokenKey.test.ts +0 -64
- package/src/theme/config/tokens/parseTokenKey.ts +0 -67
- package/src/theme/palette/types.ts +0 -16
- package/src/theme/v3/buildTheme_v3.test.ts +0 -40
- package/src/theme/v3/color/buildColor_v3.ts +0 -193
- package/src/theme/v3/color/parseColor.test.ts +0 -79
- package/src/theme/v3/color/renderColor.test.ts +0 -19
- package/src/theme/v3/color/renderColor.ts +0 -33
- package/src/theme/v3/defaults.ts +0 -205
- /package/dist/{cli.d.ts → cli.d.cts} +0 -0
- /package/src/core/components/autocomplete/{__mocks__ → __workshop__/mock}/apiStore.ts +0 -0
- /package/src/core/components/autocomplete/{__mocks__ → __workshop__/mock}/countries.ts +0 -0
- /package/src/css/{styles → aspects}/border/index.ts +0 -0
- /package/src/css/{styles → aspects}/display/index.ts +0 -0
- /package/src/css/{styles → aspects}/flex/index.ts +0 -0
- /package/src/css/{styles → aspects}/flexItem/index.ts +0 -0
- /package/src/css/{styles → aspects}/font/index.ts +0 -0
- /package/src/css/{styles → aspects}/gap/index.ts +0 -0
- /package/src/css/{styles → aspects}/grid/index.ts +0 -0
- /package/src/css/{styles → aspects}/gridItem/index.ts +0 -0
- /package/src/css/{styles → aspects}/inset/index.ts +0 -0
- /package/src/css/{styles → aspects}/margin/index.ts +0 -0
- /package/src/css/{styles → aspects}/maxWidth/index.ts +0 -0
- /package/src/css/{styles → aspects}/overflow/index.ts +0 -0
- /package/src/css/{styles → aspects}/padding/index.ts +0 -0
- /package/src/css/{styles → aspects}/pointerEvents/index.ts +0 -0
- /package/src/css/{styles → aspects}/pointerEvents/types.ts +0 -0
- /package/src/css/{styles → aspects}/position/index.ts +0 -0
- /package/src/css/{styles → aspects}/radius/index.ts +0 -0
- /package/src/css/{styles → aspects}/shadow/index.ts +0 -0
- /package/src/css/{styles → aspects}/textOverflow/index.ts +0 -0
- /package/src/css/{styles → aspects}/width/index.ts +0 -0
- /package/src/{theme/palette → css/prefix}/index.ts +0 -0
- /package/src/theme/{build → v2/build}/_deprecated/color/index.ts +0 -0
- /package/src/theme/{build → v2/build}/colorToken/index.ts +0 -0
- /package/src/theme/{build → v2/build}/index.ts +0 -0
- /package/src/theme/{build → v2/build}/lib/color-fns/blend/index.ts +0 -0
- /package/src/theme/{build → v2/build}/lib/color-fns/index.ts +0 -0
- /package/src/theme/{build → v2/build}/lib/color-fns/rgba.ts +0 -0
- /package/src/theme/{build → v2/build}/lib/color-fns/types.ts +0 -0
- /package/src/theme/{build → v2/build}/lib/isRecord.ts +0 -0
- /package/src/theme/{build → v2/build}/lib/utils.ts +0 -0
- /package/src/theme/{build → v2/build}/merge.ts +0 -0
- /package/src/theme/{config → v2/config}/index.ts +0 -0
- /package/src/theme/{config → v2/config}/tokens/color/index.ts +0 -0
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var css = require("@sanity/ui/css"), cssnano = require("cssnano"), fs = require("fs/promises"), gzipSize = require("gzip-size"), path = require("path"), postcss = require("postcss"), prettier = require("prettier"), prettyBytes = require("pretty-bytes");
|
|
3
|
+
function _interopDefaultCompat(e) {
|
|
4
|
+
return e && typeof e == "object" && "default" in e ? e : { default: e };
|
|
5
|
+
}
|
|
6
|
+
var cssnano__default = /* @__PURE__ */ _interopDefaultCompat(cssnano), fs__default = /* @__PURE__ */ _interopDefaultCompat(fs), path__default = /* @__PURE__ */ _interopDefaultCompat(path), postcss__default = /* @__PURE__ */ _interopDefaultCompat(postcss), prettyBytes__default = /* @__PURE__ */ _interopDefaultCompat(prettyBytes);
|
|
7
|
+
async function buildCommand(options) {
|
|
8
|
+
const cwd = options.cwd ?? process.cwd(), outDir = options.outDir ?? path__default.default.resolve(cwd, "dist");
|
|
9
|
+
await buildTheme({
|
|
10
|
+
cwd,
|
|
11
|
+
outDir
|
|
12
|
+
}), await buildSystem({
|
|
13
|
+
cwd,
|
|
14
|
+
outDir
|
|
15
|
+
}), await buildAll({
|
|
16
|
+
cwd,
|
|
17
|
+
outDir
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
async function buildTheme(options) {
|
|
21
|
+
const {
|
|
22
|
+
cwd,
|
|
23
|
+
outDir
|
|
24
|
+
} = options, css$1 = await prettify(css._compileTheme()), minified = await minify(css$1), prettified = await prettify(css$1), cssFile = path__default.default.resolve(outDir, "ui-theme.css"), minCssFile = path__default.default.resolve(outDir, "ui-theme.min.css");
|
|
25
|
+
await fs__default.default.mkdir(outDir, {
|
|
26
|
+
recursive: !0
|
|
27
|
+
}), await fs__default.default.writeFile(cssFile, prettified, "utf-8"), await fs__default.default.writeFile(minCssFile, minified.css, "utf-8"), console.log(`- built ${path__default.default.relative(cwd, cssFile)} (${prettySize(prettified)})`), console.log(`- built ${path__default.default.relative(cwd, minCssFile)} (${prettySize(minified.css)})`);
|
|
28
|
+
}
|
|
29
|
+
async function buildSystem(options) {
|
|
30
|
+
const {
|
|
31
|
+
cwd,
|
|
32
|
+
outDir
|
|
33
|
+
} = options, css$1 = await prettify(css._compileSystem()), minified = await minify(css$1), prettified = await prettify(css$1), cssFile = path__default.default.resolve(outDir, "ui-system.css"), minCssFile = path__default.default.resolve(outDir, "ui-system.min.css");
|
|
34
|
+
await fs__default.default.mkdir(outDir, {
|
|
35
|
+
recursive: !0
|
|
36
|
+
}), await fs__default.default.writeFile(cssFile, prettified, "utf-8"), await fs__default.default.writeFile(minCssFile, minified.css, "utf-8"), console.log(`- built ${path__default.default.relative(cwd, cssFile)} (${prettySize(prettified)})`), console.log(`- built ${path__default.default.relative(cwd, minCssFile)} (${prettySize(minified.css)})`);
|
|
37
|
+
}
|
|
38
|
+
async function buildAll(options) {
|
|
39
|
+
const {
|
|
40
|
+
cwd,
|
|
41
|
+
outDir
|
|
42
|
+
} = options, css$1 = await prettify([`/* @sanity/ui/ui-theme.css */
|
|
43
|
+
`, css._compileTheme(), `
|
|
44
|
+
|
|
45
|
+
/* @sanity/ui/ui-system.css */
|
|
46
|
+
`, css._compileSystem(), `
|
|
47
|
+
`].join("")), minified = await minify(css$1), prettified = await prettify(css$1), cssFile = path__default.default.resolve(outDir, "ui.css"), minCssFile = path__default.default.resolve(outDir, "ui.min.css");
|
|
48
|
+
await fs__default.default.mkdir(outDir, {
|
|
49
|
+
recursive: !0
|
|
50
|
+
}), await fs__default.default.writeFile(cssFile, prettified, "utf-8"), await fs__default.default.writeFile(minCssFile, minified.css, "utf-8"), console.log(`- built ${path__default.default.relative(cwd, cssFile)} (${prettySize(prettified)})`), console.log(`- built ${path__default.default.relative(cwd, minCssFile)} (${prettySize(minified.css)})`);
|
|
51
|
+
}
|
|
52
|
+
async function minify(css2) {
|
|
53
|
+
return postcss__default.default([cssnano__default.default()]).process(css2, {
|
|
54
|
+
from: void 0
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
async function prettify(css2) {
|
|
58
|
+
const options = await prettier.resolveConfig(__dirname);
|
|
59
|
+
if (!options)
|
|
60
|
+
throw new Error("Prettier config not found");
|
|
61
|
+
return prettier.format(css2, {
|
|
62
|
+
...options,
|
|
63
|
+
filepath: "index.css",
|
|
64
|
+
printWidth: 9999
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
function prettySize(str) {
|
|
68
|
+
return `${prettyBytes__default.default(str.length)} / ${prettyBytes__default.default(gzipSize.gzipSizeSync(str))}`;
|
|
69
|
+
}
|
|
70
|
+
exports.buildCommand = buildCommand;
|
|
71
|
+
//# sourceMappingURL=buildCommand.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buildCommand.cjs","sources":["../../src/cli/buildCommand.ts"],"sourcesContent":["/* eslint-disable no-console */\n\nimport {_compileSystem, _compileTheme} from '@sanity/ui/css'\nimport cssnano from 'cssnano'\nimport fs from 'fs/promises'\nimport {gzipSizeSync} from 'gzip-size'\nimport path from 'path'\nimport postcss from 'postcss'\nimport {format, resolveConfig} from 'prettier'\nimport prettyBytes from 'pretty-bytes'\n\nexport async function buildCommand(options: {cwd?: string; outDir?: string}): Promise<void> {\n const cwd = options.cwd ?? process.cwd()\n const outDir = options.outDir ?? path.resolve(cwd, 'dist')\n\n await buildTheme({cwd, outDir})\n await buildSystem({cwd, outDir})\n await buildAll({cwd, outDir})\n}\n\n// @sanity/ui/ui-theme.css\nasync function buildTheme(options: {cwd: string; outDir: string}) {\n const {cwd, outDir} = options\n const css = await prettify(_compileTheme())\n const minified = await minify(css)\n const prettified = await prettify(css)\n\n const cssFile = path.resolve(outDir, 'ui-theme.css')\n const minCssFile = path.resolve(outDir, 'ui-theme.min.css')\n\n await fs.mkdir(outDir, {recursive: true})\n await fs.writeFile(cssFile, prettified, 'utf-8')\n await fs.writeFile(minCssFile, minified.css, 'utf-8')\n\n console.log(`- built ${path.relative(cwd, cssFile)} (${prettySize(prettified)})`)\n console.log(`- built ${path.relative(cwd, minCssFile)} (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui-system.css\nasync function buildSystem(options: {cwd: string; outDir: string}) {\n const {cwd, outDir} = options\n const css = await prettify(_compileSystem())\n const minified = await minify(css)\n const prettified = await prettify(css)\n\n const cssFile = path.resolve(outDir, 'ui-system.css')\n const minCssFile = path.resolve(outDir, 'ui-system.min.css')\n\n await fs.mkdir(outDir, {recursive: true})\n await fs.writeFile(cssFile, prettified, 'utf-8')\n await fs.writeFile(minCssFile, minified.css, 'utf-8')\n\n console.log(`- built ${path.relative(cwd, cssFile)} (${prettySize(prettified)})`)\n console.log(`- built ${path.relative(cwd, minCssFile)} (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui.css\nasync function buildAll(options: {cwd: string; outDir: string}) {\n const {cwd, outDir} = options\n const css = await prettify(\n [\n `/* @sanity/ui/ui-theme.css */\\n`,\n _compileTheme(),\n `\\n\\n/* @sanity/ui/ui-system.css */\\n`,\n _compileSystem(),\n `\\n`,\n ].join(''),\n )\n\n const minified = await minify(css)\n const prettified = await prettify(css)\n\n const cssFile = path.resolve(outDir, 'ui.css')\n const minCssFile = path.resolve(outDir, 'ui.min.css')\n\n await fs.mkdir(outDir, {recursive: true})\n await fs.writeFile(cssFile, prettified, 'utf-8')\n await fs.writeFile(minCssFile, minified.css, 'utf-8')\n\n console.log(`- built ${path.relative(cwd, cssFile)} (${prettySize(prettified)})`)\n console.log(`- built ${path.relative(cwd, minCssFile)} (${prettySize(minified.css)})`)\n}\n\nasync function minify(css: string) {\n return postcss([cssnano()]).process(css, {from: undefined})\n}\n\nasync function prettify(css: string) {\n const options = await resolveConfig(__dirname)\n\n if (!options) {\n throw new Error('Prettier config not found')\n }\n\n return format(css, {...options, filepath: 'index.css', printWidth: 9999})\n}\n\nfunction prettySize(str: string) {\n return `${prettyBytes(str.length)} / ${prettyBytes(gzipSizeSync(str))}`\n}\n"],"names":["buildCommand","options","cwd","process","outDir","path","resolve","buildTheme","buildSystem","buildAll","css","prettify","_compileTheme","minified","minify","prettified","cssFile","minCssFile","fs","mkdir","recursive","writeFile","console","log","relative","prettySize","_compileSystem","join","postcss","cssnano","from","undefined","resolveConfig","__dirname","Error","format","filepath","printWidth","str","prettyBytes","length","gzipSizeSync"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"refractor.cjs","sources":["../../src/core/primitives/code/refractor.tsx"],"sourcesContent":["import Refractor from 'react-refractor'\n\nexport default function LazyRefractor(\n props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {\n value: React.ReactNode\n },\n) {\n const {language: languageProp, value} = props\n const language = typeof languageProp === 'string' ? languageProp : undefined\n const registered = language ? Refractor.hasLanguage(language as any) : false\n\n return (\n <>\n {!(language && registered) && <code>{value}</code>}\n {language && registered && <Refractor inline language={language} value={String(value)} />}\n </>\n )\n}\n\nLazyRefractor.displayName = 'LazyRefractor'\n"],"names":["LazyRefractor","props","$","_c","language","languageProp","value","undefined","t0","Refractor","hasLanguage","registered","t1","t2","String","t3","displayName"],"mappings":";;;;;;AAEA,SAAeA,cAAAC,OAAA;AAAAC,QAAAA,IAAAC,uBAAA,EAAA,GAKb;AAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAwCL,OACxCG,WAAiB,OAAOC,gBAAiB,WAAWA,eAAYE;AAAYC,MAAAA;AAAAN,WAAAE,YACzDI,KAAAJ,WAAWK,mBAAAA,QAAAC,YAAsBN,QAAe,IAAS,IAAAF,OAAAE,UAAAF,OAAAM,MAAAA,KAAAN,EAAA,CAAA;AAA5E,QAAAS,aAAmBH;AAAyDI,MAAAA;AAAAV,IAAAE,CAAAA,MAAAA,YAAAF,SAAAS,cAAAT,EAAA,CAAA,MAAAI,SAIvEM,KAAA,EAAER,YAAYO,sDAAsBL,EAAAA,UAAAA,MAAAA,CAAM,GAAOJ,OAAAE,UAAAF,OAAAS,YAAAT,OAAAI,OAAAJ,OAAAU,MAAAA,KAAAV,EAAA,CAAA;AAAAW,MAAAA;AAAAX,IAAAE,CAAAA,MAAAA,YAAAF,SAAAS,cAAAT,EAAA,CAAA,MAAAI,SACjDO,KAAAT,YAAYO,6CAAeF,mBAAU,SAAA,EAAA,QAAK,IAAYL,UAAiB,OAAAU,OAAOR,KAAK,EAAA,CAAK,GAAAJ,OAAAE,UAAAF,OAAAS,YAAAT,OAAAI,OAAAJ,OAAAW,MAAAA,KAAAX,EAAA,CAAA;AAAAa,MAAAA;AAAAb,SAAAA,EAAAU,EAAAA,MAAAA,MAAAV,UAAAW,MAF3FE,KACGH,2BAAAA,KAAAA,WAAAA,UAAAA,EAAAA,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,EAAwF,CAAA,GACxFX,QAAAU,IAAAV,QAAAW,IAAAX,QAAAa,MAAAA,KAAAb,EAAA,EAAA,GAHHa;AAGG;AAIPf,cAAcgB,cAAc;;"}
|