@sanity/ui 3.3.2 → 3.3.3
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/package.json +6 -11
- package/exports/_visual-editing.ts +0 -32
- package/exports/index.ts +0 -1
- package/exports/theme.ts +0 -1
- package/src/core/_compat.ts +0 -294
- package/src/core/components/autocomplete/autocomplete.styles.tsx +0 -39
- package/src/core/components/autocomplete/autocomplete.tsx +0 -775
- package/src/core/components/autocomplete/autocompleteOption.tsx +0 -46
- package/src/core/components/autocomplete/autocompleteReducer.ts +0 -47
- package/src/core/components/autocomplete/constants.ts +0 -28
- package/src/core/components/autocomplete/index.ts +0 -2
- package/src/core/components/autocomplete/types.ts +0 -108
- package/src/core/components/breadcrumbs/breadcrumbs.styles.ts +0 -18
- package/src/core/components/breadcrumbs/breadcrumbs.test.tsx +0 -54
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +0 -136
- package/src/core/components/breadcrumbs/index.ts +0 -1
- package/src/core/components/dialog/dialog.tsx +0 -433
- package/src/core/components/dialog/dialogContext.ts +0 -20
- package/src/core/components/dialog/dialogProvider.tsx +0 -35
- package/src/core/components/dialog/index.ts +0 -4
- package/src/core/components/dialog/styles.ts +0 -77
- package/src/core/components/dialog/useDialog.ts +0 -11
- package/src/core/components/hotkeys/hotkeys.test.tsx +0 -47
- package/src/core/components/hotkeys/hotkeys.tsx +0 -68
- package/src/core/components/hotkeys/index.ts +0 -1
- package/src/core/components/index.ts +0 -9
- package/src/core/components/menu/helpers.ts +0 -82
- package/src/core/components/menu/index.ts +0 -5
- package/src/core/components/menu/menu.spacing.test.tsx +0 -68
- package/src/core/components/menu/menu.test.tsx +0 -128
- package/src/core/components/menu/menu.tsx +0 -180
- package/src/core/components/menu/menuButton.tsx +0 -276
- package/src/core/components/menu/menuContext.ts +0 -18
- package/src/core/components/menu/menuDivider.ts +0 -24
- package/src/core/components/menu/menuGroup.spacing.test.tsx +0 -66
- package/src/core/components/menu/menuGroup.tsx +0 -237
- package/src/core/components/menu/menuItem.spacing.test.tsx +0 -62
- package/src/core/components/menu/menuItem.tsx +0 -201
- package/src/core/components/menu/useMenu.ts +0 -21
- package/src/core/components/menu/useMenuController.ts +0 -233
- package/src/core/components/skeleton/index.ts +0 -2
- package/src/core/components/skeleton/skeleton.tsx +0 -58
- package/src/core/components/skeleton/styles.ts +0 -50
- package/src/core/components/skeleton/textSkeleton.tsx +0 -122
- package/src/core/components/tab/index.ts +0 -3
- package/src/core/components/tab/tab.tsx +0 -102
- package/src/core/components/tab/tabList.test.tsx +0 -50
- package/src/core/components/tab/tabList.tsx +0 -71
- package/src/core/components/tab/tabPanel.tsx +0 -39
- package/src/core/components/toast/index.ts +0 -4
- package/src/core/components/toast/styles.ts +0 -77
- package/src/core/components/toast/toast.test.tsx +0 -106
- package/src/core/components/toast/toast.tsx +0 -199
- package/src/core/components/toast/toastContext.ts +0 -7
- package/src/core/components/toast/toastLayer.tsx +0 -52
- package/src/core/components/toast/toastProvider.tsx +0 -113
- package/src/core/components/toast/toastState.ts +0 -6
- package/src/core/components/toast/types.ts +0 -26
- package/src/core/components/toast/useToast.ts +0 -25
- package/src/core/components/tree/helpers.ts +0 -105
- package/src/core/components/tree/index.ts +0 -4
- package/src/core/components/tree/style.ts +0 -105
- package/src/core/components/tree/tree.test.tsx +0 -60
- package/src/core/components/tree/tree.tsx +0 -242
- package/src/core/components/tree/treeContext.ts +0 -10
- package/src/core/components/tree/treeGroup.tsx +0 -29
- package/src/core/components/tree/treeItem.test.tsx +0 -70
- package/src/core/components/tree/treeItem.tsx +0 -225
- package/src/core/components/tree/types.ts +0 -25
- package/src/core/components/tree/useTree.ts +0 -17
- package/src/core/constants.ts +0 -79
- package/src/core/helpers/animation.ts +0 -27
- package/src/core/helpers/element.ts +0 -55
- package/src/core/helpers/focus.ts +0 -100
- package/src/core/helpers/index.ts +0 -4
- package/src/core/helpers/scroll.ts +0 -15
- package/src/core/hooks/index.ts +0 -13
- package/src/core/hooks/useArrayProp.ts +0 -17
- package/src/core/hooks/useClickOutside.test.tsx +0 -510
- package/src/core/hooks/useClickOutside.ts +0 -118
- package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -119
- package/src/core/hooks/useClickOutsideEvent.ts +0 -73
- package/src/core/hooks/useCustomValidity.ts +0 -13
- package/src/core/hooks/useDelayed.test.ts +0 -89
- package/src/core/hooks/useDelayedState.ts +0 -36
- package/src/core/hooks/useElementRect/index.ts +0 -1
- package/src/core/hooks/useElementRect/useElementRect.ts +0 -14
- package/src/core/hooks/useElementSize.ts +0 -19
- package/src/core/hooks/useForwardedRef.ts +0 -20
- package/src/core/hooks/useGlobalKeyDown.ts +0 -24
- package/src/core/hooks/useIsomorphicEffect.ts +0 -7
- package/src/core/hooks/useMatchMedia.ts +0 -28
- package/src/core/hooks/useMediaIndex/index.ts +0 -1
- package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +0 -37
- package/src/core/hooks/useMediaIndex/useMediaIndex.ts +0 -102
- package/src/core/hooks/useMounted.ts +0 -15
- package/src/core/hooks/usePrefersDark.hydration.test.tsx +0 -58
- package/src/core/hooks/usePrefersDark.test.tsx +0 -21
- package/src/core/hooks/usePrefersDark.ts +0 -16
- package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +0 -58
- package/src/core/hooks/usePrefersReducedMotion.test.tsx +0 -21
- package/src/core/hooks/usePrefersReducedMotion.ts +0 -16
- package/src/core/index.ts +0 -10
- package/src/core/lib/createGlobalScopedContext.ts +0 -37
- package/src/core/lib/globalScope.ts +0 -20
- package/src/core/lib/isRecord.ts +0 -3
- package/src/core/middleware/origin.ts +0 -47
- package/src/core/observers/elementSizeObserver.ts +0 -117
- package/src/core/observers/index.ts +0 -2
- package/src/core/observers/resizeObserver.ts +0 -9
- package/src/core/primitives/_selectable/index.ts +0 -1
- package/src/core/primitives/_selectable/selectable.tsx +0 -15
- package/src/core/primitives/_selectable/style.ts +0 -115
- package/src/core/primitives/avatar/avatar.tsx +0 -200
- package/src/core/primitives/avatar/avatarCounter.tsx +0 -91
- package/src/core/primitives/avatar/avatarStack.tsx +0 -101
- package/src/core/primitives/avatar/index.ts +0 -4
- package/src/core/primitives/avatar/styles.ts +0 -167
- package/src/core/primitives/avatar/types.ts +0 -17
- package/src/core/primitives/badge/badge.test.tsx +0 -17
- package/src/core/primitives/badge/badge.tsx +0 -72
- package/src/core/primitives/badge/index.ts +0 -1
- package/src/core/primitives/badge/styles.ts +0 -20
- package/src/core/primitives/badge/types.ts +0 -8
- package/src/core/primitives/box/box.test.tsx +0 -155
- package/src/core/primitives/box/box.tsx +0 -162
- package/src/core/primitives/box/index.ts +0 -1
- package/src/core/primitives/button/button.test.tsx +0 -86
- package/src/core/primitives/button/button.tsx +0 -214
- package/src/core/primitives/button/index.ts +0 -1
- package/src/core/primitives/button/styles.ts +0 -118
- package/src/core/primitives/card/card.tsx +0 -125
- package/src/core/primitives/card/index.ts +0 -2
- package/src/core/primitives/card/styles.ts +0 -147
- package/src/core/primitives/card/types.ts +0 -12
- package/src/core/primitives/checkbox/checkbox.tsx +0 -73
- package/src/core/primitives/checkbox/index.ts +0 -1
- package/src/core/primitives/checkbox/styles.ts +0 -128
- package/src/core/primitives/code/code.tsx +0 -56
- package/src/core/primitives/code/index.ts +0 -1
- package/src/core/primitives/code/refractor.tsx +0 -22
- package/src/core/primitives/code/styles.ts +0 -77
- package/src/core/primitives/container/container.tsx +0 -55
- package/src/core/primitives/container/index.ts +0 -2
- package/src/core/primitives/container/styles.ts +0 -23
- package/src/core/primitives/container/types.ts +0 -6
- package/src/core/primitives/flex/flex.tsx +0 -63
- package/src/core/primitives/flex/index.ts +0 -1
- package/src/core/primitives/grid/grid.test.tsx +0 -86
- package/src/core/primitives/grid/grid.tsx +0 -77
- package/src/core/primitives/grid/index.ts +0 -1
- package/src/core/primitives/heading/heading.tsx +0 -89
- package/src/core/primitives/heading/index.ts +0 -1
- package/src/core/primitives/heading/styles.ts +0 -64
- package/src/core/primitives/heading/types.ts +0 -7
- package/src/core/primitives/index.ts +0 -27
- package/src/core/primitives/inline/index.ts +0 -1
- package/src/core/primitives/inline/inline.test.tsx +0 -55
- package/src/core/primitives/inline/inline.tsx +0 -66
- package/src/core/primitives/inline/styles.ts +0 -32
- package/src/core/primitives/inline/types.ts +0 -6
- package/src/core/primitives/kbd/index.ts +0 -1
- package/src/core/primitives/kbd/kbd.tsx +0 -73
- package/src/core/primitives/label/index.ts +0 -1
- package/src/core/primitives/label/label.tsx +0 -88
- package/src/core/primitives/label/styles.ts +0 -45
- package/src/core/primitives/popover/constants.ts +0 -22
- package/src/core/primitives/popover/floating-ui/size.ts +0 -99
- package/src/core/primitives/popover/helpers.ts +0 -31
- package/src/core/primitives/popover/index.ts +0 -2
- package/src/core/primitives/popover/popover.tsx +0 -512
- package/src/core/primitives/popover/popoverCard.tsx +0 -167
- package/src/core/primitives/popover/types.ts +0 -6
- package/src/core/primitives/radio/index.ts +0 -1
- package/src/core/primitives/radio/radio.tsx +0 -51
- package/src/core/primitives/radio/styles.ts +0 -117
- package/src/core/primitives/select/index.ts +0 -1
- package/src/core/primitives/select/select.test.tsx +0 -56
- package/src/core/primitives/select/select.tsx +0 -95
- package/src/core/primitives/select/styles.ts +0 -166
- package/src/core/primitives/spinner/index.ts +0 -1
- package/src/core/primitives/spinner/spinner.tsx +0 -46
- package/src/core/primitives/stack/index.ts +0 -1
- package/src/core/primitives/stack/stack.test.tsx +0 -61
- package/src/core/primitives/stack/stack.tsx +0 -59
- package/src/core/primitives/stack/styles.ts +0 -33
- package/src/core/primitives/switch/index.ts +0 -1
- package/src/core/primitives/switch/styles.ts +0 -173
- package/src/core/primitives/switch/switch.tsx +0 -68
- package/src/core/primitives/text/index.ts +0 -1
- package/src/core/primitives/text/styles.ts +0 -74
- package/src/core/primitives/text/text.tsx +0 -90
- package/src/core/primitives/textArea/index.ts +0 -1
- package/src/core/primitives/textArea/textArea.tsx +0 -120
- package/src/core/primitives/textInput/index.ts +0 -1
- package/src/core/primitives/textInput/textInput.test.tsx +0 -52
- package/src/core/primitives/textInput/textInput.tsx +0 -398
- package/src/core/primitives/tooltip/constants.ts +0 -23
- package/src/core/primitives/tooltip/index.ts +0 -2
- package/src/core/primitives/tooltip/tooltip.test.tsx +0 -485
- package/src/core/primitives/tooltip/tooltip.tsx +0 -497
- package/src/core/primitives/tooltip/tooltipCard.tsx +0 -110
- package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts +0 -4
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +0 -11
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +0 -57
- package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +0 -12
- package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +0 -13
- package/src/core/primitives/types.ts +0 -179
- package/src/core/styles/border/borderStyle.ts +0 -56
- package/src/core/styles/border/index.ts +0 -2
- package/src/core/styles/border/types.ts +0 -10
- package/src/core/styles/box/boxStyle.ts +0 -69
- package/src/core/styles/box/index.ts +0 -2
- package/src/core/styles/box/types.ts +0 -11
- package/src/core/styles/card/_cardColorStyle.ts +0 -108
- package/src/core/styles/card/index.ts +0 -1
- package/src/core/styles/flex/flexItemStyle.ts +0 -27
- package/src/core/styles/flex/flexStyle.ts +0 -70
- package/src/core/styles/flex/index.ts +0 -3
- package/src/core/styles/flex/types.ts +0 -24
- package/src/core/styles/focusRing/index.ts +0 -25
- package/src/core/styles/font/codeFontStyle.ts +0 -13
- package/src/core/styles/font/headingFontStyle.ts +0 -13
- package/src/core/styles/font/index.ts +0 -6
- package/src/core/styles/font/labelFontStyle.ts +0 -13
- package/src/core/styles/font/responsiveFont.ts +0 -100
- package/src/core/styles/font/textAlignStyle.ts +0 -19
- package/src/core/styles/font/textFontStyle.ts +0 -13
- package/src/core/styles/font/types.ts +0 -33
- package/src/core/styles/grid/gridItemStyle.ts +0 -82
- package/src/core/styles/grid/gridStyle.ts +0 -109
- package/src/core/styles/grid/index.ts +0 -3
- package/src/core/styles/grid/types.ts +0 -37
- package/src/core/styles/helpers.ts +0 -72
- package/src/core/styles/index.ts +0 -5
- package/src/core/styles/input/index.ts +0 -2
- package/src/core/styles/input/responsiveInputPaddingStyle.ts +0 -78
- package/src/core/styles/input/textInputStyle.ts +0 -263
- package/src/core/styles/internal.ts +0 -12
- package/src/core/styles/margin/index.ts +0 -2
- package/src/core/styles/margin/marginStyle.ts +0 -22
- package/src/core/styles/margin/marginsStyle.test.ts +0 -34
- package/src/core/styles/margin/types.ts +0 -9
- package/src/core/styles/padding/index.ts +0 -2
- package/src/core/styles/padding/paddingStyle.test.ts +0 -34
- package/src/core/styles/padding/paddingStyle.ts +0 -22
- package/src/core/styles/padding/types.ts +0 -12
- package/src/core/styles/radius/index.ts +0 -2
- package/src/core/styles/radius/radiusStyle.ts +0 -23
- package/src/core/styles/radius/types.ts +0 -8
- package/src/core/styles/shadow/index.ts +0 -2
- package/src/core/styles/shadow/shadowStyle.ts +0 -29
- package/src/core/styles/shadow/types.ts +0 -6
- package/src/core/styles/types.ts +0 -8
- package/src/core/theme/index.ts +0 -5
- package/src/core/theme/theme.test.tsx +0 -77
- package/src/core/theme/themeColorProvider.tsx +0 -29
- package/src/core/theme/themeContext.ts +0 -10
- package/src/core/theme/themeProvider.tsx +0 -62
- package/src/core/theme/types.ts +0 -12
- package/src/core/theme/useRootTheme.ts +0 -18
- package/src/core/theme/useTheme.ts +0 -18
- package/src/core/types/avatar.ts +0 -14
- package/src/core/types/badge.ts +0 -12
- package/src/core/types/box.ts +0 -19
- package/src/core/types/button.ts +0 -21
- package/src/core/types/card.ts +0 -6
- package/src/core/types/component.ts +0 -32
- package/src/core/types/dialog.ts +0 -4
- package/src/core/types/flex.ts +0 -30
- package/src/core/types/grid.ts +0 -14
- package/src/core/types/gridItem.ts +0 -29
- package/src/core/types/index.ts +0 -15
- package/src/core/types/placement.ts +0 -18
- package/src/core/types/popover.ts +0 -4
- package/src/core/types/radius.ts +0 -4
- package/src/core/types/selectable.ts +0 -6
- package/src/core/types/text.ts +0 -4
- package/src/core/utils/arrow/arrow.tsx +0 -124
- package/src/core/utils/arrow/cmds.ts +0 -91
- package/src/core/utils/arrow/index.ts +0 -1
- package/src/core/utils/boundaryElement/boundaryElement.test.tsx +0 -105
- package/src/core/utils/boundaryElement/boundaryElementContext.ts +0 -7
- package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +0 -24
- package/src/core/utils/boundaryElement/index.ts +0 -3
- package/src/core/utils/boundaryElement/types.ts +0 -7
- package/src/core/utils/boundaryElement/useBoundaryElement.ts +0 -26
- package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +0 -22
- package/src/core/utils/conditionalWrapper/index.ts +0 -1
- package/src/core/utils/elementQuery/elementQuery.tsx +0 -53
- package/src/core/utils/elementQuery/helpers.ts +0 -27
- package/src/core/utils/elementQuery/index.ts +0 -1
- package/src/core/utils/errorBoundary.tsx +0 -48
- package/src/core/utils/getElementRef.ts +0 -31
- package/src/core/utils/index.ts +0 -9
- package/src/core/utils/layer/getLayerContext.test.ts +0 -32
- package/src/core/utils/layer/getLayerContext.ts +0 -21
- package/src/core/utils/layer/index.ts +0 -4
- package/src/core/utils/layer/layer.test.tsx +0 -113
- package/src/core/utils/layer/layer.tsx +0 -99
- package/src/core/utils/layer/layerContext.ts +0 -7
- package/src/core/utils/layer/layerProvider.tsx +0 -111
- package/src/core/utils/layer/types.ts +0 -9
- package/src/core/utils/layer/useLayer.ts +0 -28
- package/src/core/utils/portal/index.ts +0 -4
- package/src/core/utils/portal/portal.test.tsx +0 -108
- package/src/core/utils/portal/portal.ts +0 -32
- package/src/core/utils/portal/portalContext.ts +0 -31
- package/src/core/utils/portal/portalProvider.tsx +0 -48
- package/src/core/utils/portal/types.ts +0 -9
- package/src/core/utils/portal/usePortal.ts +0 -25
- package/src/core/utils/spanWithTextOverflow.tsx +0 -10
- package/src/core/utils/srOnly/index.ts +0 -1
- package/src/core/utils/srOnly/srOnly.tsx +0 -36
- package/src/core/utils/virtualList/index.ts +0 -1
- package/src/core/utils/virtualList/virtualList.tsx +0 -201
- package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts +0 -86
- package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +0 -58
- package/src/theme/build/_deprecated/color/button/createButtonModes.ts +0 -27
- package/src/theme/build/_deprecated/color/button/createButtonTones.ts +0 -60
- package/src/theme/build/_deprecated/color/card/createCardStates.ts +0 -66
- package/src/theme/build/_deprecated/color/color.test.ts +0 -67
- package/src/theme/build/_deprecated/color/defaults.ts +0 -391
- package/src/theme/build/_deprecated/color/factory.ts +0 -178
- package/src/theme/build/_deprecated/color/index.ts +0 -1
- package/src/theme/build/_deprecated/color/input/createInputModes.ts +0 -86
- package/src/theme/build/_deprecated/color/muted/createMuted.ts +0 -58
- package/src/theme/build/_deprecated/color/spot/createSpot.ts +0 -23
- package/src/theme/build/buildColorTheme.test.ts +0 -185
- package/src/theme/build/buildColorTheme.ts +0 -507
- package/src/theme/build/buildTheme.test.ts +0 -89
- package/src/theme/build/buildTheme.ts +0 -36
- package/src/theme/build/colorToken/colorToken.ts +0 -19
- package/src/theme/build/colorToken/compileColorToken.ts +0 -21
- package/src/theme/build/colorToken/index.ts +0 -2
- package/src/theme/build/colorToken/types.ts +0 -6
- package/src/theme/build/index.ts +0 -3
- package/src/theme/build/lib/color-fns/blend/index.ts +0 -3
- package/src/theme/build/lib/color-fns/blend/mix.ts +0 -21
- package/src/theme/build/lib/color-fns/blend/multiply.ts +0 -18
- package/src/theme/build/lib/color-fns/blend/screen.ts +0 -18
- package/src/theme/build/lib/color-fns/color-fns.test.ts +0 -70
- package/src/theme/build/lib/color-fns/contrastRatio.ts +0 -31
- package/src/theme/build/lib/color-fns/convert.ts +0 -150
- package/src/theme/build/lib/color-fns/index.ts +0 -6
- package/src/theme/build/lib/color-fns/parse.ts +0 -60
- package/src/theme/build/lib/color-fns/rgba.ts +0 -10
- package/src/theme/build/lib/color-fns/types.ts +0 -28
- package/src/theme/build/lib/isRecord.ts +0 -3
- package/src/theme/build/lib/lazy.ts +0 -30
- package/src/theme/build/lib/utils.ts +0 -19
- package/src/theme/build/merge.ts +0 -31
- package/src/theme/build/mixThemeColor.test.ts +0 -23
- package/src/theme/build/mixThemeColor.ts +0 -53
- package/src/theme/build/renderColorTheme.ts +0 -538
- package/src/theme/build/renderColorValue.ts +0 -83
- package/src/theme/build/resolveColorTokens.ts +0 -274
- package/src/theme/build/theme.test.ts +0 -29
- package/src/theme/config/helpers.ts +0 -60
- package/src/theme/config/index.ts +0 -4
- package/src/theme/config/system.ts +0 -117
- package/src/theme/config/tokens/color/index.ts +0 -1
- package/src/theme/config/tokens/color/types.ts +0 -135
- package/src/theme/config/tokens/index.ts +0 -4
- package/src/theme/config/tokens/parseTokenKey.test.ts +0 -66
- package/src/theme/config/tokens/parseTokenKey.ts +0 -67
- package/src/theme/config/tokens/parseTokenValue.test.ts +0 -44
- package/src/theme/config/tokens/parseTokenValue.ts +0 -134
- package/src/theme/config/tokens/types.ts +0 -53
- package/src/theme/config/types.ts +0 -46
- package/src/theme/defaults/colorPalette.ts +0 -5
- package/src/theme/defaults/colorTokens.ts +0 -648
- package/src/theme/defaults/config.ts +0 -84
- package/src/theme/defaults/fonts.ts +0 -227
- package/src/theme/getScopedTheme.ts +0 -103
- package/src/theme/index.ts +0 -5
- package/src/theme/system/avatar.ts +0 -14
- package/src/theme/system/color/_constants.ts +0 -45
- package/src/theme/system/color/_helpers.ts +0 -28
- package/src/theme/system/color/_system.ts +0 -40
- package/src/theme/system/color/avatar.ts +0 -15
- package/src/theme/system/color/badge.ts +0 -16
- package/src/theme/system/color/button.ts +0 -17
- package/src/theme/system/color/color.ts +0 -34
- package/src/theme/system/color/index.ts +0 -13
- package/src/theme/system/color/input.ts +0 -25
- package/src/theme/system/color/kbd.ts +0 -8
- package/src/theme/system/color/selectable.ts +0 -12
- package/src/theme/system/color/shadow.ts +0 -7
- package/src/theme/system/color/state.ts +0 -43
- package/src/theme/system/color/syntax.ts +0 -41
- package/src/theme/system/css.ts +0 -14
- package/src/theme/system/focusRing.ts +0 -7
- package/src/theme/system/font.ts +0 -52
- package/src/theme/system/index.ts +0 -11
- package/src/theme/system/input.ts +0 -33
- package/src/theme/system/layer.ts +0 -8
- package/src/theme/system/shadow.ts +0 -19
- package/src/theme/system/styles.ts +0 -13
- package/src/theme/system/theme.ts +0 -142
- package/src/theme/system/v0/avatar.ts +0 -10
- package/src/theme/system/v0/color/_generic.ts +0 -35
- package/src/theme/system/v0/color/_system.ts +0 -18
- package/src/theme/system/v0/color/base.ts +0 -21
- package/src/theme/system/v0/color/button.ts +0 -56
- package/src/theme/system/v0/color/card.ts +0 -25
- package/src/theme/system/v0/color/color.ts +0 -51
- package/src/theme/system/v0/color/index.ts +0 -11
- package/src/theme/system/v0/color/input.ts +0 -40
- package/src/theme/system/v0/color/muted.ts +0 -37
- package/src/theme/system/v0/color/selectable.ts +0 -42
- package/src/theme/system/v0/color/solid.ts +0 -37
- package/src/theme/system/v0/color/spot.ts +0 -14
- package/src/theme/system/v0/index.ts +0 -3
- package/src/theme/system/v0/input.ts +0 -23
- package/src/theme/versioning/getTheme_v2.ts +0 -72
- package/src/theme/versioning/index.ts +0 -5
- package/src/theme/versioning/is_v0.ts +0 -6
- package/src/theme/versioning/is_v2.ts +0 -6
- package/src/theme/versioning/themeColor_v0_v2.ts +0 -250
- package/src/theme/versioning/themeColor_v2_v2_9.ts +0 -50
- package/src/theme/versioning/v0_v2.ts +0 -106
- package/src/theme/versioning/v2_v0.ts +0 -153
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sanity/ui",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.3",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"components",
|
|
6
6
|
"design-system",
|
|
@@ -21,9 +21,7 @@
|
|
|
21
21
|
"directory": "packages/ui"
|
|
22
22
|
},
|
|
23
23
|
"files": [
|
|
24
|
-
"dist"
|
|
25
|
-
"exports",
|
|
26
|
-
"src"
|
|
24
|
+
"dist"
|
|
27
25
|
],
|
|
28
26
|
"type": "commonjs",
|
|
29
27
|
"sideEffects": false,
|
|
@@ -55,16 +53,13 @@
|
|
|
55
53
|
},
|
|
56
54
|
"./package.json": "./package.json"
|
|
57
55
|
},
|
|
58
|
-
"publishConfig": {
|
|
59
|
-
"access": "public"
|
|
60
|
-
},
|
|
61
56
|
"dependencies": {
|
|
62
|
-
"@floating-ui/react-dom": "^2.1.
|
|
57
|
+
"@floating-ui/react-dom": "^2.1.8",
|
|
63
58
|
"@juggle/resize-observer": "^3.4.0",
|
|
64
59
|
"@sanity/color": "^3.0.6",
|
|
65
|
-
"@sanity/icons": "^3.
|
|
60
|
+
"@sanity/icons": "^3.8.0",
|
|
66
61
|
"csstype": "^3.1.3",
|
|
67
|
-
"motion": "^12.
|
|
62
|
+
"motion": "^12.42.2",
|
|
68
63
|
"react-compiler-runtime": "1.0.0",
|
|
69
64
|
"react-refractor": "^4.0.0",
|
|
70
65
|
"use-effect-event": "^2.0.3"
|
|
@@ -91,7 +86,7 @@
|
|
|
91
86
|
"tsdown": "^0.22.3",
|
|
92
87
|
"typescript": "6.0.3",
|
|
93
88
|
"unrun": "^0.3.1",
|
|
94
|
-
"vite": "^7.
|
|
89
|
+
"vite": "^7.3.6",
|
|
95
90
|
"vitest": "^4.1.9",
|
|
96
91
|
"vitest-axe": "^1.0.0-pre.5"
|
|
97
92
|
},
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* These are internal exports for usage in `@sanity/visual-editing` and `@sanity/insert-menu`,
|
|
3
|
-
* which are used in environments where the regular `@sanity/ui` export is far too heavy due to imports from refractor and more.
|
|
4
|
-
*/
|
|
5
|
-
// oxlint-disable-next-line no-deprecated
|
|
6
|
-
export {studioTheme} from '../src/core/_compat'
|
|
7
|
-
export {Hotkeys} from '../src/core/components/hotkeys/hotkeys'
|
|
8
|
-
export {Menu} from '../src/core/components/menu/menu'
|
|
9
|
-
export {MenuDivider} from '../src/core/components/menu/menuDivider'
|
|
10
|
-
export {MenuGroup} from '../src/core/components/menu/menuGroup'
|
|
11
|
-
export {MenuItem, type MenuItemProps} from '../src/core/components/menu/menuItem'
|
|
12
|
-
export {Tab} from '../src/core/components/tab/tab'
|
|
13
|
-
export {TabList} from '../src/core/components/tab/tabList'
|
|
14
|
-
export {isHTMLAnchorElement, isHTMLElement} from '../src/core/helpers/element'
|
|
15
|
-
export {usePrefersDark} from '../src/core/hooks/usePrefersDark'
|
|
16
|
-
export {Box} from '../src/core/primitives/box/box'
|
|
17
|
-
export {Button} from '../src/core/primitives/button/button'
|
|
18
|
-
export {Card} from '../src/core/primitives/card/card'
|
|
19
|
-
export {Flex} from '../src/core/primitives/flex/flex'
|
|
20
|
-
export {Grid} from '../src/core/primitives/grid/grid'
|
|
21
|
-
export {Popover} from '../src/core/primitives/popover/popover'
|
|
22
|
-
export {Spinner} from '../src/core/primitives/spinner/spinner'
|
|
23
|
-
export {Stack} from '../src/core/primitives/stack/stack'
|
|
24
|
-
export {Text} from '../src/core/primitives/text/text'
|
|
25
|
-
export {TextInput} from '../src/core/primitives/textInput/textInput'
|
|
26
|
-
export {Tooltip} from '../src/core/primitives/tooltip/tooltip'
|
|
27
|
-
export {ThemeProvider} from '../src/core/theme/themeProvider'
|
|
28
|
-
export {useTheme_v2} from '../src/core/theme/useTheme'
|
|
29
|
-
export type {PopoverMargins} from '../src/core/types/popover'
|
|
30
|
-
export {LayerProvider} from '../src/core/utils/layer/layerProvider'
|
|
31
|
-
export {Portal} from '../src/core/utils/portal/portal'
|
|
32
|
-
export {PortalProvider} from '../src/core/utils/portal/portalProvider'
|
package/exports/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from '../src/core'
|
package/exports/theme.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from '../src/theme'
|
package/src/core/_compat.ts
DELETED
|
@@ -1,294 +0,0 @@
|
|
|
1
|
-
// This file re-exports API members which existed in the `@sanity/ui` export in v1.
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
type BaseTheme as _BaseTheme,
|
|
5
|
-
buildTheme,
|
|
6
|
-
type HSL as _HSL,
|
|
7
|
-
type PartialThemeColorBuilderOpts,
|
|
8
|
-
type RGB as _RGB,
|
|
9
|
-
type RootTheme as _RootTheme,
|
|
10
|
-
type Theme as _Theme,
|
|
11
|
-
type ThemeAvatar,
|
|
12
|
-
type ThemeBoxShadow,
|
|
13
|
-
type ThemeColor,
|
|
14
|
-
type ThemeColorBase,
|
|
15
|
-
type ThemeColorBuilderOpts,
|
|
16
|
-
type ThemeColorButton,
|
|
17
|
-
type ThemeColorButtonModeKey as _ThemeColorButtonModeKey,
|
|
18
|
-
type ThemeColorButtonState,
|
|
19
|
-
type ThemeColorButtonStates,
|
|
20
|
-
type ThemeColorButtonTones,
|
|
21
|
-
type ThemeColorCard,
|
|
22
|
-
type ThemeColorCardState,
|
|
23
|
-
type ThemeColorGenericState,
|
|
24
|
-
type ThemeColorInput,
|
|
25
|
-
type ThemeColorInputState,
|
|
26
|
-
type ThemeColorInputStates,
|
|
27
|
-
type ThemeColorMuted,
|
|
28
|
-
type ThemeColorMutedTone,
|
|
29
|
-
type ThemeColorName,
|
|
30
|
-
type ThemeColorScheme,
|
|
31
|
-
type ThemeColorSchemeKey as _ThemeColorSchemeKey,
|
|
32
|
-
type ThemeColorSchemes,
|
|
33
|
-
type ThemeColorSelectable,
|
|
34
|
-
type ThemeColorSelectableState,
|
|
35
|
-
type ThemeColorSelectableStates,
|
|
36
|
-
type ThemeColorSolid,
|
|
37
|
-
type ThemeColorSolidTone,
|
|
38
|
-
type ThemeColorSpot,
|
|
39
|
-
type ThemeColorSpotKey,
|
|
40
|
-
type ThemeColorSyntax as _ThemeColorSyntax,
|
|
41
|
-
type ThemeColorToneKey,
|
|
42
|
-
type ThemeFont as _ThemeFont,
|
|
43
|
-
type ThemeFontKey as _ThemeFontKey,
|
|
44
|
-
type ThemeFonts as _ThemeFonts,
|
|
45
|
-
type ThemeFontSize as _ThemeFontSize,
|
|
46
|
-
type ThemeFontWeight as _ThemeFontWeight,
|
|
47
|
-
type ThemeFontWeightKey as _ThemeFontWeightKey,
|
|
48
|
-
type ThemeInput,
|
|
49
|
-
type ThemeLayer as _ThemeLayer,
|
|
50
|
-
type ThemeShadow as _ThemeShadow,
|
|
51
|
-
type ThemeStyles,
|
|
52
|
-
} from '@sanity/ui/theme'
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* @public
|
|
56
|
-
* @deprecated Use `BaseTheme` from `@sanity/ui/theme` instead.
|
|
57
|
-
*/
|
|
58
|
-
export type BaseTheme = _BaseTheme
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* @public
|
|
62
|
-
* @deprecated Use `ThemeBoxShadow` from `@sanity/ui/theme` instead.
|
|
63
|
-
*/
|
|
64
|
-
export type BoxShadow = ThemeBoxShadow
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* @public
|
|
68
|
-
* @deprecated Use `HSL` from `@sanity/ui/theme` instead.
|
|
69
|
-
*/
|
|
70
|
-
export type HSL = _HSL
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* @public
|
|
74
|
-
* @deprecated Use `RGB` from `@sanity/ui/theme` instead.
|
|
75
|
-
*/
|
|
76
|
-
export type RGB = _RGB
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* @public
|
|
80
|
-
* @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.
|
|
81
|
-
*/
|
|
82
|
-
export type RootTheme = _RootTheme
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* @public
|
|
86
|
-
* @deprecated Use `ThemeStyles` from `@sanity/ui/theme` instead.
|
|
87
|
-
*/
|
|
88
|
-
export type Styles = ThemeStyles
|
|
89
|
-
|
|
90
|
-
/**
|
|
91
|
-
* @public
|
|
92
|
-
* @deprecated Use `Theme` from `@sanity/ui/theme` instead.
|
|
93
|
-
*/
|
|
94
|
-
export type Theme = _Theme
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* @public
|
|
98
|
-
* @deprecated Use `ThemeColorButtonModeKey` from `@sanity/ui/theme` instead.
|
|
99
|
-
*/
|
|
100
|
-
export type ThemeColorButtonModeKey = _ThemeColorButtonModeKey
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* @public
|
|
104
|
-
* @deprecated Use `ThemeColorSchemeKey` from `@sanity/ui/theme` instead.
|
|
105
|
-
*/
|
|
106
|
-
export type ThemeColorSchemeKey = _ThemeColorSchemeKey
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* @public
|
|
110
|
-
* @deprecated Use `ThemeColorSyntax` from `@sanity/ui/theme` instead.
|
|
111
|
-
*/
|
|
112
|
-
export type ThemeColorSyntax = _ThemeColorSyntax
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* @public
|
|
116
|
-
* @deprecated Use `ThemeFont` from `@sanity/ui/theme` instead.
|
|
117
|
-
*/
|
|
118
|
-
export type ThemeFont = _ThemeFont
|
|
119
|
-
|
|
120
|
-
/**
|
|
121
|
-
* @public
|
|
122
|
-
* @deprecated Use `ThemeFontKey` from `@sanity/ui/theme` instead.
|
|
123
|
-
*/
|
|
124
|
-
export type ThemeFontKey = _ThemeFontKey
|
|
125
|
-
|
|
126
|
-
/**
|
|
127
|
-
* @public
|
|
128
|
-
* @deprecated Use `ThemeFontSize` from `@sanity/ui/theme` instead.
|
|
129
|
-
*/
|
|
130
|
-
export type ThemeFontSize = _ThemeFontSize
|
|
131
|
-
|
|
132
|
-
/**
|
|
133
|
-
* @public
|
|
134
|
-
* @deprecated Use `ThemeFontWeight` from `@sanity/ui/theme` instead.
|
|
135
|
-
*/
|
|
136
|
-
export type ThemeFontWeight = _ThemeFontWeight
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* @public
|
|
140
|
-
* @deprecated Use `ThemeFontWeightKey` from `@sanity/ui/theme` instead.
|
|
141
|
-
*/
|
|
142
|
-
export type ThemeFontWeightKey = _ThemeFontWeightKey
|
|
143
|
-
|
|
144
|
-
/**
|
|
145
|
-
* @public
|
|
146
|
-
* @deprecated Use `ThemeFonts` from `@sanity/ui/theme` instead.
|
|
147
|
-
*/
|
|
148
|
-
export type ThemeFonts = _ThemeFonts
|
|
149
|
-
|
|
150
|
-
/**
|
|
151
|
-
* @public
|
|
152
|
-
* @deprecated Use `ThemeLayer` from `@sanity/ui/theme` instead.
|
|
153
|
-
*/
|
|
154
|
-
export type ThemeLayer = _ThemeLayer
|
|
155
|
-
|
|
156
|
-
/**
|
|
157
|
-
* @public
|
|
158
|
-
* @deprecated Use `ThemeShadow` from `@sanity/ui/theme` instead.
|
|
159
|
-
*/
|
|
160
|
-
export type ThemeShadow = _ThemeShadow
|
|
161
|
-
|
|
162
|
-
export {
|
|
163
|
-
// oxlint-disable-next-line no-deprecated
|
|
164
|
-
type PartialThemeColorBuilderOpts,
|
|
165
|
-
// oxlint-disable-next-line no-deprecated
|
|
166
|
-
type ThemeAvatar,
|
|
167
|
-
// oxlint-disable-next-line no-deprecated
|
|
168
|
-
type ThemeColor,
|
|
169
|
-
// oxlint-disable-next-line no-deprecated
|
|
170
|
-
type ThemeColorBase,
|
|
171
|
-
// oxlint-disable-next-line no-deprecated
|
|
172
|
-
type ThemeColorBuilderOpts,
|
|
173
|
-
// oxlint-disable-next-line no-deprecated
|
|
174
|
-
type ThemeColorButton,
|
|
175
|
-
// oxlint-disable-next-line no-deprecated
|
|
176
|
-
type ThemeColorButtonState,
|
|
177
|
-
// oxlint-disable-next-line no-deprecated
|
|
178
|
-
type ThemeColorButtonStates,
|
|
179
|
-
// oxlint-disable-next-line no-deprecated
|
|
180
|
-
type ThemeColorButtonTones,
|
|
181
|
-
// oxlint-disable-next-line no-deprecated
|
|
182
|
-
type ThemeColorCard,
|
|
183
|
-
// oxlint-disable-next-line no-deprecated
|
|
184
|
-
type ThemeColorCardState,
|
|
185
|
-
// oxlint-disable-next-line no-deprecated
|
|
186
|
-
type ThemeColorGenericState,
|
|
187
|
-
// oxlint-disable-next-line no-deprecated
|
|
188
|
-
type ThemeColorInput,
|
|
189
|
-
// oxlint-disable-next-line no-deprecated
|
|
190
|
-
type ThemeColorInputState,
|
|
191
|
-
// oxlint-disable-next-line no-deprecated
|
|
192
|
-
type ThemeColorInputStates,
|
|
193
|
-
// oxlint-disable-next-line no-deprecated
|
|
194
|
-
type ThemeColorMuted,
|
|
195
|
-
// oxlint-disable-next-line no-deprecated
|
|
196
|
-
type ThemeColorMutedTone,
|
|
197
|
-
// oxlint-disable-next-line no-deprecated
|
|
198
|
-
type ThemeColorName,
|
|
199
|
-
// oxlint-disable-next-line no-deprecated
|
|
200
|
-
type ThemeColorScheme,
|
|
201
|
-
// oxlint-disable-next-line no-deprecated
|
|
202
|
-
type ThemeColorSchemes,
|
|
203
|
-
// oxlint-disable-next-line no-deprecated
|
|
204
|
-
type ThemeColorSelectable,
|
|
205
|
-
// oxlint-disable-next-line no-deprecated
|
|
206
|
-
type ThemeColorSelectableState,
|
|
207
|
-
// oxlint-disable-next-line no-deprecated
|
|
208
|
-
type ThemeColorSelectableStates,
|
|
209
|
-
// oxlint-disable-next-line no-deprecated
|
|
210
|
-
type ThemeColorSolid,
|
|
211
|
-
// oxlint-disable-next-line no-deprecated
|
|
212
|
-
type ThemeColorSolidTone,
|
|
213
|
-
// oxlint-disable-next-line no-deprecated
|
|
214
|
-
type ThemeColorSpot,
|
|
215
|
-
// oxlint-disable-next-line no-deprecated
|
|
216
|
-
type ThemeColorSpotKey,
|
|
217
|
-
// oxlint-disable-next-line no-deprecated
|
|
218
|
-
type ThemeColorToneKey,
|
|
219
|
-
// oxlint-disable-next-line no-deprecated
|
|
220
|
-
type ThemeInput,
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
import {
|
|
224
|
-
createColorTheme as _createColorTheme,
|
|
225
|
-
hexToRgb as _hexToRgb,
|
|
226
|
-
hslToRgb as _hslToRgb,
|
|
227
|
-
multiply as _multiply,
|
|
228
|
-
parseColor as _parseColor,
|
|
229
|
-
rgba as _rgba,
|
|
230
|
-
rgbToHex as _rgbToHex,
|
|
231
|
-
rgbToHsl as _rgbToHsl,
|
|
232
|
-
screen as _screen,
|
|
233
|
-
} from '@sanity/ui/theme'
|
|
234
|
-
|
|
235
|
-
/**
|
|
236
|
-
* @public
|
|
237
|
-
* @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
|
|
238
|
-
*/
|
|
239
|
-
// oxlint-disable-next-line no-deprecated
|
|
240
|
-
export const createColorTheme = _createColorTheme
|
|
241
|
-
|
|
242
|
-
/**
|
|
243
|
-
* @public
|
|
244
|
-
* @deprecated Use `hexToRgb` from `@sanity/ui/theme` instead.
|
|
245
|
-
*/
|
|
246
|
-
export const hexToRgb = _hexToRgb
|
|
247
|
-
|
|
248
|
-
/**
|
|
249
|
-
* @public
|
|
250
|
-
* @deprecated Use `hslToRgb` from `@sanity/ui/theme` instead.
|
|
251
|
-
*/
|
|
252
|
-
export const hslToRgb = _hslToRgb
|
|
253
|
-
|
|
254
|
-
/**
|
|
255
|
-
* @public
|
|
256
|
-
* @deprecated Use `multiply` from `@sanity/ui/theme` instead.
|
|
257
|
-
*/
|
|
258
|
-
export const multiply = _multiply
|
|
259
|
-
|
|
260
|
-
/**
|
|
261
|
-
* @public
|
|
262
|
-
* @deprecated Use `parseColor` from `@sanity/ui/theme` instead.
|
|
263
|
-
*/
|
|
264
|
-
export const parseColor = _parseColor
|
|
265
|
-
|
|
266
|
-
/**
|
|
267
|
-
* @public
|
|
268
|
-
* @deprecated Use `rgbToHex` from `@sanity/ui/theme` instead.
|
|
269
|
-
*/
|
|
270
|
-
export const rgbToHex = _rgbToHex
|
|
271
|
-
|
|
272
|
-
/**
|
|
273
|
-
* @public
|
|
274
|
-
* @deprecated Use `rgbToHsl` from `@sanity/ui/theme` instead.
|
|
275
|
-
*/
|
|
276
|
-
export const rgbToHsl = _rgbToHsl
|
|
277
|
-
|
|
278
|
-
/**
|
|
279
|
-
* @public
|
|
280
|
-
* @deprecated Use `rgba` from `@sanity/ui/theme` instead.
|
|
281
|
-
*/
|
|
282
|
-
export const rgba = _rgba
|
|
283
|
-
|
|
284
|
-
/**
|
|
285
|
-
* @public
|
|
286
|
-
* @deprecated Use `screen` from `@sanity/ui/theme` instead.
|
|
287
|
-
*/
|
|
288
|
-
export const screen = _screen
|
|
289
|
-
|
|
290
|
-
/**
|
|
291
|
-
* @public
|
|
292
|
-
* @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
|
|
293
|
-
*/
|
|
294
|
-
export const studioTheme = buildTheme()
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import {SpinnerIcon} from '@sanity/icons'
|
|
2
|
-
import {keyframes, styled} from 'styled-components'
|
|
3
|
-
|
|
4
|
-
import {Box} from '../../primitives'
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export const StyledAutocomplete = styled.div`
|
|
10
|
-
line-height: 0;
|
|
11
|
-
`
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* @internal
|
|
15
|
-
*/
|
|
16
|
-
export const ListBox = styled(Box)`
|
|
17
|
-
& > ul {
|
|
18
|
-
list-style: none;
|
|
19
|
-
padding: 0;
|
|
20
|
-
margin: 0;
|
|
21
|
-
}
|
|
22
|
-
`
|
|
23
|
-
|
|
24
|
-
const rotate = keyframes`
|
|
25
|
-
from {
|
|
26
|
-
transform: rotate(0deg);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
to {
|
|
30
|
-
transform: rotate(360deg);
|
|
31
|
-
}
|
|
32
|
-
`
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
* @internal
|
|
36
|
-
*/
|
|
37
|
-
export const AnimatedSpinnerIcon = styled(SpinnerIcon)`
|
|
38
|
-
animation: ${rotate} 500ms linear infinite;
|
|
39
|
-
`
|