@sanity/ui 4.0.0-static.9 → 4.0.0
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/LICENSE +1 -1
- package/README.md +25 -7
- package/dist/_system-CTe2lb5l.d.ts +40 -0
- package/dist/_system-CTe2lb5l.d.ts.map +1 -0
- package/dist/arrow-CHE8-_G7.js +161 -0
- package/dist/arrow-CHE8-_G7.js.map +1 -0
- package/dist/autocomplete.d.ts +140 -0
- package/dist/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete.js +475 -0
- package/dist/autocomplete.js.map +1 -0
- package/dist/breadcrumbs.d.ts +18 -0
- package/dist/breadcrumbs.d.ts.map +1 -0
- package/dist/breadcrumbs.js +116 -0
- package/dist/breadcrumbs.js.map +1 -0
- package/dist/button-dnqMFkWg.d.ts +76 -0
- package/dist/button-dnqMFkWg.d.ts.map +1 -0
- package/dist/button-mxfSqr0n.js +179 -0
- package/dist/button-mxfSqr0n.js.map +1 -0
- package/dist/card-C0a0wQTc.d.ts +7 -0
- package/dist/card-C0a0wQTc.d.ts.map +1 -0
- package/dist/code.d.ts +20 -0
- package/dist/code.d.ts.map +1 -0
- package/dist/code.js +90 -0
- package/dist/code.js.map +1 -0
- package/dist/codeFontStyle-DYUujk7K.js +11 -0
- package/dist/codeFontStyle-DYUujk7K.js.map +1 -0
- package/dist/component-DVlwaWB-.d.ts +25 -0
- package/dist/component-DVlwaWB-.d.ts.map +1 -0
- package/dist/element-BYgCE_iK.js +51 -0
- package/dist/element-BYgCE_iK.js.map +1 -0
- package/dist/factory-BA3gEfyI.js +3056 -0
- package/dist/factory-BA3gEfyI.js.map +1 -0
- package/dist/flex-C-5JHi1C.js +76 -0
- package/dist/flex-C-5JHi1C.js.map +1 -0
- package/dist/font-EtfxKPUz.d.ts +49 -0
- package/dist/font-EtfxKPUz.d.ts.map +1 -0
- package/dist/getElementRef-5HZQ-Owu.js +91 -0
- package/dist/getElementRef-5HZQ-Owu.js.map +1 -0
- package/dist/getScopedTheme-C-sZsyAz.js +267 -0
- package/dist/getScopedTheme-C-sZsyAz.js.map +1 -0
- package/dist/getTheme_v2-y09KqtEb.js +487 -0
- package/dist/getTheme_v2-y09KqtEb.js.map +1 -0
- package/dist/grid-BXHFJhf_.js +115 -0
- package/dist/grid-BXHFJhf_.js.map +1 -0
- package/dist/helpers-bwfx1e-Y.js +67 -0
- package/dist/helpers-bwfx1e-Y.js.map +1 -0
- package/dist/hotkeys-CmmTQZpn.js +165 -0
- package/dist/hotkeys-CmmTQZpn.js.map +1 -0
- package/dist/index.d.ts +1192 -2168
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2069 -4483
- package/dist/index.js.map +1 -1
- package/dist/layer-B98ynOf2.js +61 -0
- package/dist/layer-B98ynOf2.js.map +1 -0
- package/dist/layer-ChlP9Ik6.d.ts +242 -0
- package/dist/layer-ChlP9Ik6.d.ts.map +1 -0
- package/dist/menu.d.ts +146 -0
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +614 -0
- package/dist/menu.js.map +1 -0
- package/dist/popover-CMlQeKn0.d.ts +96 -0
- package/dist/popover-CMlQeKn0.d.ts.map +1 -0
- package/dist/popover-PorX5Jv9.js +419 -0
- package/dist/popover-PorX5Jv9.js.map +1 -0
- package/dist/popover.d.ts +2 -0
- package/dist/popover.js +3 -0
- package/dist/refractor-CC48DwHi.js +20 -0
- package/dist/refractor-CC48DwHi.js.map +1 -0
- package/dist/responsiveFont-hN1mZFjm.js +55 -0
- package/dist/responsiveFont-hN1mZFjm.js.map +1 -0
- package/dist/rgba-BSYaEUW6.d.ts +846 -0
- package/dist/rgba-BSYaEUW6.d.ts.map +1 -0
- package/dist/selectable-B0GUIL74.d.ts +7 -0
- package/dist/selectable-B0GUIL74.d.ts.map +1 -0
- package/dist/stack-iW9HuGLg.js +112 -0
- package/dist/stack-iW9HuGLg.js.map +1 -0
- package/dist/styles-css.d.ts +2 -0
- package/dist/styles-css.js +4 -0
- package/dist/styles.css +28 -0
- package/dist/textInput-udxyGbm1.js +321 -0
- package/dist/textInput-udxyGbm1.js.map +1 -0
- package/dist/theme.d.ts +240 -459
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +55 -870
- package/dist/theme.js.map +1 -1
- package/dist/toast.d.ts +73 -0
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +297 -0
- package/dist/toast.js.map +1 -0
- package/dist/tooltip.d.ts +88 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +447 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/useClickOutsideEvent-lEVhDFCQ.js +36 -0
- package/dist/useClickOutsideEvent-lEVhDFCQ.js.map +1 -0
- package/dist/useElementSize-BJvbGHq8.js +51 -0
- package/dist/useElementSize-BJvbGHq8.js.map +1 -0
- package/dist/useLayer-BAVfmbNN.js +712 -0
- package/dist/useLayer-BAVfmbNN.js.map +1 -0
- package/package.json +73 -208
- package/dist/_chunks-cjs/refractor.cjs +0 -22
- package/dist/_chunks-cjs/refractor.cjs.map +0 -1
- package/dist/_chunks-es/refractor.js +0 -25
- package/dist/_chunks-es/refractor.js.map +0 -1
- package/dist/css/index.cjs +0 -966
- package/dist/css/index.cjs.map +0 -1
- package/dist/css/index.css +0 -23387
- package/dist/css/index.css.map +0 -1
- package/dist/css/index.d.cts +0 -1394
- package/dist/css/index.d.ts +0 -1394
- package/dist/css/index.js +0 -967
- package/dist/css/index.js.map +0 -1
- package/dist/index.cjs +0 -4515
- package/dist/index.cjs.map +0 -1
- package/dist/index.d.cts +0 -2521
- package/dist/theme.cjs +0 -870
- package/dist/theme.cjs.map +0 -1
- package/dist/theme.d.cts +0 -499
- package/exports/css.ts +0 -1
- package/exports/index.ts +0 -1
- package/exports/theme.ts +0 -1
- package/src/core/Root.tsx +0 -88
- package/src/core/RootProvider.tsx +0 -40
- package/src/core/__workshop__/boundary.tsx +0 -28
- package/src/core/__workshop__/index.ts +0 -16
- package/src/core/components/autocomplete/__workshop__/async.tsx +0 -156
- package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +0 -131
- package/src/core/components/autocomplete/__workshop__/custom.tsx +0 -91
- package/src/core/components/autocomplete/__workshop__/example.tsx +0 -80
- package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +0 -36
- package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +0 -292
- package/src/core/components/autocomplete/__workshop__/index.ts +0 -41
- package/src/core/components/autocomplete/__workshop__/mock/apiStore.ts +0 -49
- package/src/core/components/autocomplete/__workshop__/mock/countries.ts +0 -245
- package/src/core/components/autocomplete/__workshop__/types.ts +0 -4
- package/src/core/components/autocomplete/autocomplete.tsx +0 -690
- package/src/core/components/autocomplete/autocompleteOption.tsx +0 -45
- package/src/core/components/autocomplete/autocompleteReducer.ts +0 -47
- package/src/core/components/autocomplete/constants.ts +0 -28
- package/src/core/components/autocomplete/types.ts +0 -103
- package/src/core/components/breadcrumbs/__workshop__/example.tsx +0 -61
- package/src/core/components/breadcrumbs/__workshop__/index.ts +0 -16
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +0 -131
- package/src/core/components/dialog/__workshop__/activate.tsx +0 -141
- package/src/core/components/dialog/__workshop__/autoFocus.tsx +0 -29
- package/src/core/components/dialog/__workshop__/index.ts +0 -21
- package/src/core/components/dialog/__workshop__/layering.tsx +0 -41
- package/src/core/components/dialog/__workshop__/nested.tsx +0 -71
- package/src/core/components/dialog/__workshop__/onScroll.tsx +0 -51
- package/src/core/components/dialog/__workshop__/panes.tsx +0 -89
- package/src/core/components/dialog/__workshop__/position.tsx +0 -30
- package/src/core/components/dialog/__workshop__/props.tsx +0 -77
- package/src/core/components/dialog/__workshop__/provider.tsx +0 -11
- package/src/core/components/dialog/__workshop__/wrapped.tsx +0 -76
- package/src/core/components/dialog/dialog.tsx +0 -232
- package/src/core/components/dialog/dialogCard.tsx +0 -233
- package/src/core/components/dialog/dialogContext.ts +0 -21
- package/src/core/components/dialog/dialogProvider.tsx +0 -34
- package/src/core/components/dialog/isTargetWithinScope.ts +0 -14
- package/src/core/components/dialog/types.ts +0 -2
- package/src/core/components/dialog/useDialog.ts +0 -11
- package/src/core/components/hotkeys/__workshop__/index.ts +0 -16
- package/src/core/components/hotkeys/__workshop__/plain.tsx +0 -9
- package/src/core/components/hotkeys/hotkeys.tsx +0 -60
- package/src/core/components/menu/__workshop__/asComponent.tsx +0 -45
- package/src/core/components/menu/__workshop__/avatarMenu.tsx +0 -57
- package/src/core/components/menu/__workshop__/closableMenuButton.tsx +0 -47
- package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +0 -133
- package/src/core/components/menu/__workshop__/customMenuItem.tsx +0 -45
- package/src/core/components/menu/__workshop__/customSelectedState.tsx +0 -35
- package/src/core/components/menu/__workshop__/disableFocusOnClose.tsx +0 -40
- package/src/core/components/menu/__workshop__/groups.tsx +0 -156
- package/src/core/components/menu/__workshop__/index.ts +0 -91
- package/src/core/components/menu/__workshop__/menuButton.tsx +0 -80
- package/src/core/components/menu/__workshop__/menuGroupRight.tsx +0 -65
- package/src/core/components/menu/__workshop__/nestedMenu.tsx +0 -22
- package/src/core/components/menu/__workshop__/onCloseMenuButton.tsx +0 -50
- package/src/core/components/menu/__workshop__/selectedItem.tsx +0 -69
- package/src/core/components/menu/__workshop__/shouldFocus.tsx +0 -42
- package/src/core/components/menu/__workshop__/tones.tsx +0 -25
- package/src/core/components/menu/__workshop__/withoutArrow.tsx +0 -32
- package/src/core/components/menu/helpers.ts +0 -82
- package/src/core/components/menu/menu.test.tsx +0 -129
- package/src/core/components/menu/menu.tsx +0 -179
- package/src/core/components/menu/menuButton.tsx +0 -225
- package/src/core/components/menu/menuContext.ts +0 -19
- package/src/core/components/menu/menuDivider.tsx +0 -32
- package/src/core/components/menu/menuGroup.tsx +0 -233
- package/src/core/components/menu/menuItem.tsx +0 -184
- package/src/core/components/menu/useMenu.ts +0 -21
- package/src/core/components/menu/useMenuController.ts +0 -241
- package/src/core/components/tab/__workshop__/example.tsx +0 -79
- package/src/core/components/tab/__workshop__/index.ts +0 -16
- package/src/core/components/tab/tab.tsx +0 -109
- package/src/core/components/tab/tabList.tsx +0 -90
- package/src/core/components/tab/tabPanel.tsx +0 -47
- package/src/core/components/toast/__workshop__/hook.tsx +0 -71
- package/src/core/components/toast/__workshop__/index.ts +0 -21
- package/src/core/components/toast/__workshop__/toast.tsx +0 -26
- package/src/core/components/toast/toast.test.tsx +0 -103
- package/src/core/components/toast/toast.tsx +0 -191
- package/src/core/components/toast/toastContext.ts +0 -7
- package/src/core/components/toast/toastLayer.tsx +0 -54
- package/src/core/components/toast/toastProvider.tsx +0 -112
- package/src/core/components/toast/toastState.ts +0 -6
- package/src/core/components/toast/types.ts +0 -24
- package/src/core/components/toast/useToast.ts +0 -23
- package/src/core/components/tree/__workshop__/basic.perf.ts +0 -19
- package/src/core/components/tree/__workshop__/basic.tsx +0 -105
- package/src/core/components/tree/__workshop__/index.ts +0 -23
- package/src/core/components/tree/__workshop__/tabFromElement.tsx +0 -84
- package/src/core/components/tree/helpers.ts +0 -105
- package/src/core/components/tree/tree.tsx +0 -248
- package/src/core/components/tree/treeContext.ts +0 -10
- package/src/core/components/tree/treeGroup.tsx +0 -46
- package/src/core/components/tree/treeItem.tsx +0 -237
- package/src/core/components/tree/types.ts +0 -24
- package/src/core/components/tree/useTree.ts +0 -17
- package/src/core/components/virtualList/__workshop__/changingProps.tsx +0 -36
- package/src/core/components/virtualList/__workshop__/elementScroll.tsx +0 -24
- package/src/core/components/virtualList/__workshop__/index.ts +0 -31
- package/src/core/components/virtualList/__workshop__/infiniteList.tsx +0 -48
- package/src/core/components/virtualList/__workshop__/windowScrolll.tsx +0 -22
- package/src/core/components/virtualList/virtualList.tsx +0 -209
- package/src/core/constants.ts +0 -67
- package/src/core/helpers/animation.ts +0 -27
- package/src/core/helpers/element.ts +0 -55
- package/src/core/helpers/focus.ts +0 -92
- package/src/core/helpers/props.ts +0 -28
- package/src/core/helpers/scroll.ts +0 -15
- package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -114
- package/src/core/hooks/useClickOutsideEvent.ts +0 -67
- package/src/core/hooks/useCustomValidity.ts +0 -13
- package/src/core/hooks/useDelayed.test.ts +0 -67
- package/src/core/hooks/useDelayedState.ts +0 -28
- package/src/core/hooks/useElementSize.ts +0 -19
- package/src/core/hooks/useGlobalKeyDown.ts +0 -17
- package/src/core/hooks/useMatchMedia.ts +0 -28
- package/src/core/hooks/useMediaIndex/__workshop__/index.ts +0 -16
- package/src/core/hooks/useMediaIndex/__workshop__/test.tsx +0 -14
- package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +0 -21
- package/src/core/hooks/useMediaIndex/useMediaIndex.ts +0 -107
- package/src/core/hooks/useMounted.ts +0 -15
- package/src/core/hooks/usePrefersDark.hydration.test.tsx +0 -56
- package/src/core/hooks/usePrefersDark.test.tsx +0 -20
- package/src/core/hooks/usePrefersDark.ts +0 -16
- package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +0 -56
- package/src/core/hooks/usePrefersReducedMotion.test.tsx +0 -20
- package/src/core/hooks/usePrefersReducedMotion.ts +0 -16
- package/src/core/hooks/useResponsiveProp.ts +0 -28
- package/src/core/index.ts +0 -115
- package/src/core/lib/createGlobalScopedContext.ts +0 -37
- package/src/core/lib/globalScope.ts +0 -19
- package/src/core/lib/isArray.ts +0 -3
- package/src/core/lib/isRecord.ts +0 -3
- package/src/core/middleware/origin.ts +0 -47
- package/src/core/observers/elementSize.ts +0 -116
- package/src/core/observers/resize.ts +0 -9
- package/src/core/primitives/arrow/arrow.tsx +0 -74
- package/src/core/primitives/arrow/cmds.ts +0 -91
- package/src/core/primitives/avatar/__workshop__/asButton.tsx +0 -14
- package/src/core/primitives/avatar/__workshop__/index.ts +0 -31
- package/src/core/primitives/avatar/__workshop__/stack.tsx +0 -25
- package/src/core/primitives/avatar/__workshop__/withinButton.tsx +0 -55
- package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +0 -72
- package/src/core/primitives/avatar/avatar.tsx +0 -147
- package/src/core/primitives/avatar/avatarCounter.tsx +0 -69
- package/src/core/primitives/avatar/avatarStack.tsx +0 -79
- package/src/core/primitives/avatar/types.ts +0 -2
- package/src/core/primitives/badge/__workshop__/index.ts +0 -21
- package/src/core/primitives/badge/__workshop__/props.tsx +0 -19
- package/src/core/primitives/badge/__workshop__/tones.tsx +0 -16
- package/src/core/primitives/badge/badge.test.tsx +0 -16
- package/src/core/primitives/badge/badge.tsx +0 -61
- package/src/core/primitives/box/__workshop__/index.ts +0 -21
- package/src/core/primitives/box/__workshop__/props.tsx +0 -20
- package/src/core/primitives/box/__workshop__/responsive.tsx +0 -20
- package/src/core/primitives/box/box.tsx +0 -222
- package/src/core/primitives/button/__workshop__/custom.tsx +0 -27
- package/src/core/primitives/button/__workshop__/customIcons.tsx +0 -30
- package/src/core/primitives/button/__workshop__/disabled.tsx +0 -54
- package/src/core/primitives/button/__workshop__/index.ts +0 -66
- package/src/core/primitives/button/__workshop__/mixedChildren.tsx +0 -12
- package/src/core/primitives/button/__workshop__/props.tsx +0 -55
- package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +0 -36
- package/src/core/primitives/button/__workshop__/stacked.tsx +0 -58
- package/src/core/primitives/button/__workshop__/styled1.tsx +0 -17
- package/src/core/primitives/button/__workshop__/styled2.tsx +0 -19
- package/src/core/primitives/button/__workshop__/textOverflow.tsx +0 -13
- package/src/core/primitives/button/__workshop__/uploadButton.tsx +0 -29
- package/src/core/primitives/button/button.test.tsx +0 -30
- package/src/core/primitives/button/button.tsx +0 -193
- package/src/core/primitives/button/types.ts +0 -2
- package/src/core/primitives/card/__workshop__/asButton.tsx +0 -107
- package/src/core/primitives/card/__workshop__/asComponent.tsx +0 -27
- package/src/core/primitives/card/__workshop__/checkered.tsx +0 -26
- package/src/core/primitives/card/__workshop__/index.ts +0 -20
- package/src/core/primitives/card/__workshop__/interactive.tsx +0 -29
- package/src/core/primitives/card/__workshop__/listNavigation.tsx +0 -78
- package/src/core/primitives/card/__workshop__/props.tsx +0 -52
- package/src/core/primitives/card/__workshop__/selected.tsx +0 -62
- package/src/core/primitives/card/__workshop__/styled.tsx +0 -14
- package/src/core/primitives/card/__workshop__/tones.tsx +0 -27
- package/src/core/primitives/card/card.tsx +0 -109
- package/src/core/primitives/card/cardContext.ts +0 -10
- package/src/core/primitives/card/cardProvider.tsx +0 -27
- package/src/core/primitives/card/types.ts +0 -17
- package/src/core/primitives/card/useCard.ts +0 -15
- package/src/core/primitives/checkbox/__workshop__/example.tsx +0 -25
- package/src/core/primitives/checkbox/__workshop__/index.ts +0 -15
- package/src/core/primitives/checkbox/__workshop__/props.tsx +0 -35
- package/src/core/primitives/checkbox/__workshop__/readOnly.tsx +0 -16
- package/src/core/primitives/checkbox/__workshop__/tones.tsx +0 -27
- package/src/core/primitives/checkbox/checkbox.tsx +0 -80
- package/src/core/primitives/code/__workshop__/index.ts +0 -21
- package/src/core/primitives/code/__workshop__/opticalAlignment.tsx +0 -23
- package/src/core/primitives/code/__workshop__/props.tsx +0 -18
- package/src/core/primitives/code/code.tsx +0 -48
- package/src/core/primitives/code/refractor.tsx +0 -18
- package/src/core/primitives/container/__workshop__/example.tsx +0 -20
- package/src/core/primitives/container/__workshop__/index.ts +0 -10
- package/src/core/primitives/container/container.tsx +0 -37
- package/src/core/primitives/container/types.ts +0 -6
- package/src/core/primitives/flex/__workshop__/example.tsx +0 -34
- package/src/core/primitives/flex/__workshop__/gap.tsx +0 -25
- package/src/core/primitives/flex/__workshop__/index.ts +0 -13
- package/src/core/primitives/flex/flex.tsx +0 -58
- package/src/core/primitives/grid/__workshop__/index.ts +0 -12
- package/src/core/primitives/grid/__workshop__/responsive.tsx +0 -54
- package/src/core/primitives/grid/grid.tsx +0 -35
- package/src/core/primitives/heading/__workshop__/index.ts +0 -21
- package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +0 -54
- package/src/core/primitives/heading/__workshop__/plain.tsx +0 -29
- package/src/core/primitives/heading/heading.tsx +0 -78
- package/src/core/primitives/inline/__workshop__/index.ts +0 -10
- package/src/core/primitives/inline/__workshop__/plain.tsx +0 -24
- package/src/core/primitives/inline/inline.tsx +0 -62
- package/src/core/primitives/kbd/__workshop__/index.ts +0 -10
- package/src/core/primitives/kbd/__workshop__/plain.tsx +0 -9
- package/src/core/primitives/kbd/kbd.tsx +0 -57
- package/src/core/primitives/label/__workshop__/index.ts +0 -21
- package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +0 -54
- package/src/core/primitives/label/__workshop__/plain.tsx +0 -28
- package/src/core/primitives/label/label.tsx +0 -75
- package/src/core/primitives/layer/__workshop__/_debug.tsx +0 -17
- package/src/core/primitives/layer/__workshop__/index.ts +0 -26
- package/src/core/primitives/layer/__workshop__/multipleRoots.tsx +0 -49
- package/src/core/primitives/layer/__workshop__/nested.tsx +0 -98
- package/src/core/primitives/layer/__workshop__/responsiveZOffset.tsx +0 -17
- package/src/core/primitives/layer/getLayerContext.test.ts +0 -32
- package/src/core/primitives/layer/getLayerContext.ts +0 -21
- package/src/core/primitives/layer/layer.test.tsx +0 -110
- package/src/core/primitives/layer/layer.tsx +0 -42
- package/src/core/primitives/layer/layerCard.tsx +0 -90
- package/src/core/primitives/layer/layerContext.ts +0 -7
- package/src/core/primitives/layer/layerProvider.tsx +0 -106
- package/src/core/primitives/layer/types.ts +0 -9
- package/src/core/primitives/layer/useLayer.ts +0 -24
- package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +0 -77
- package/src/core/primitives/popover/__workshop__/MarginsStory.tsx +0 -31
- package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -32
- package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +0 -11
- package/src/core/primitives/popover/__workshop__/PlainStory.tsx +0 -71
- package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +0 -69
- package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +0 -96
- package/src/core/primitives/popover/__workshop__/TestStory.tsx +0 -100
- package/src/core/primitives/popover/__workshop__/index.ts +0 -51
- package/src/core/primitives/popover/constants.ts +0 -22
- package/src/core/primitives/popover/floating-ui/size.ts +0 -83
- package/src/core/primitives/popover/helpers.ts +0 -32
- package/src/core/primitives/popover/popover.tsx +0 -443
- package/src/core/primitives/popover/popoverLayer.tsx +0 -149
- package/src/core/primitives/popover/types.ts +0 -12
- package/src/core/primitives/radio/__workshop__/example.tsx +0 -63
- package/src/core/primitives/radio/__workshop__/index.ts +0 -13
- package/src/core/primitives/radio/__workshop__/plain.tsx +0 -28
- package/src/core/primitives/radio/radio.tsx +0 -64
- package/src/core/primitives/select/__workshop__/index.ts +0 -13
- package/src/core/primitives/select/__workshop__/plain.tsx +0 -39
- package/src/core/primitives/select/__workshop__/readOnly.tsx +0 -23
- package/src/core/primitives/select/select.tsx +0 -75
- package/src/core/primitives/selectable/selectable.tsx +0 -50
- package/src/core/primitives/skeleton/__workshop__/delay.tsx +0 -70
- package/src/core/primitives/skeleton/__workshop__/index.ts +0 -13
- package/src/core/primitives/skeleton/__workshop__/skeleton.tsx +0 -64
- package/src/core/primitives/skeleton/codeSkeleton.tsx +0 -49
- package/src/core/primitives/skeleton/headingSkeleton.tsx +0 -48
- package/src/core/primitives/skeleton/labelSkeleton.tsx +0 -47
- package/src/core/primitives/skeleton/skeleton.tsx +0 -70
- package/src/core/primitives/skeleton/textSkeleton.tsx +0 -49
- package/src/core/primitives/spinner/__workshop__/Props.tsx +0 -15
- package/src/core/primitives/spinner/__workshop__/index.ts +0 -16
- package/src/core/primitives/spinner/animatedSpinnerIcon.tsx +0 -14
- package/src/core/primitives/spinner/spinner.tsx +0 -45
- package/src/core/primitives/srOnly/srOnly.tsx +0 -33
- package/src/core/primitives/stack/__workshop__/index.ts +0 -16
- package/src/core/primitives/stack/__workshop__/plain.tsx +0 -32
- package/src/core/primitives/stack/stack.tsx +0 -60
- package/src/core/primitives/switch/__workshop__/example.tsx +0 -23
- package/src/core/primitives/switch/__workshop__/index.ts +0 -13
- package/src/core/primitives/switch/__workshop__/props.tsx +0 -21
- package/src/core/primitives/switch/switch.tsx +0 -84
- package/src/core/primitives/text/__workshop__/colored.tsx +0 -23
- package/src/core/primitives/text/__workshop__/example.tsx +0 -28
- package/src/core/primitives/text/__workshop__/index.ts +0 -26
- package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +0 -23
- package/src/core/primitives/text/text.tsx +0 -76
- package/src/core/primitives/textArea/__workshop__/index.ts +0 -16
- package/src/core/primitives/textArea/__workshop__/plain.tsx +0 -61
- package/src/core/primitives/textArea/textArea.tsx +0 -84
- package/src/core/primitives/textInput/__workshop__/clearButton.tsx +0 -30
- package/src/core/primitives/textInput/__workshop__/customValidity.tsx +0 -17
- package/src/core/primitives/textInput/__workshop__/index.ts +0 -46
- package/src/core/primitives/textInput/__workshop__/plain.tsx +0 -110
- package/src/core/primitives/textInput/__workshop__/readOnly.tsx +0 -9
- package/src/core/primitives/textInput/__workshop__/states.tsx +0 -53
- package/src/core/primitives/textInput/__workshop__/tones.tsx +0 -277
- package/src/core/primitives/textInput/__workshop__/typed.tsx +0 -23
- package/src/core/primitives/textInput/textInput.tsx +0 -258
- package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +0 -102
- package/src/core/primitives/tooltip/__workshop__/index.ts +0 -31
- package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +0 -74
- package/src/core/primitives/tooltip/__workshop__/props.tsx +0 -112
- package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +0 -86
- package/src/core/primitives/tooltip/constants.ts +0 -23
- package/src/core/primitives/tooltip/tooltip.test.tsx +0 -452
- package/src/core/primitives/tooltip/tooltip.tsx +0 -482
- package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts +0 -4
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +0 -13
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +0 -55
- package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +0 -10
- package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +0 -13
- package/src/core/primitives/tooltip/tooltipLayer.tsx +0 -106
- package/src/core/types.ts +0 -56
- package/src/core/utils/boundaryElement/__workshop__/index.ts +0 -16
- package/src/core/utils/boundaryElement/__workshop__/plain.tsx +0 -19
- package/src/core/utils/boundaryElement/boundaryElement.test.tsx +0 -102
- package/src/core/utils/boundaryElement/boundaryElementContext.ts +0 -10
- package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +0 -18
- package/src/core/utils/boundaryElement/types.ts +0 -5
- package/src/core/utils/boundaryElement/useBoundaryElement.ts +0 -24
- package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +0 -41
- package/src/core/utils/elementQuery/__workshop__/index.ts +0 -16
- package/src/core/utils/elementQuery/elementQuery.tsx +0 -75
- package/src/core/utils/elementQuery/helpers.ts +0 -27
- package/src/core/utils/errorBoundary.tsx +0 -50
- package/src/core/utils/getElementRef.ts +0 -29
- package/src/core/utils/portal/__workshop__/index.ts +0 -16
- package/src/core/utils/portal/__workshop__/named.tsx +0 -63
- package/src/core/utils/portal/portal.test.tsx +0 -105
- package/src/core/utils/portal/portal.tsx +0 -36
- package/src/core/utils/portal/portalContext.ts +0 -37
- package/src/core/utils/portal/portalProvider.tsx +0 -70
- package/src/core/utils/portal/types.ts +0 -7
- package/src/core/utils/portal/usePortal.ts +0 -23
- package/src/css/_assign.ts +0 -3
- package/src/css/_composeClassNames.ts +0 -12
- package/src/css/_fromEntries.ts +0 -3
- package/src/css/_getClassNames.ts +0 -9
- package/src/css/_responsiveClassName.ts +0 -45
- package/src/css/_responsiveStyle.css.ts +0 -34
- package/src/css/_style.css.ts +0 -9
- package/src/css/components/breadcrumbs/breadcrumbs.css.ts +0 -6
- package/src/css/components/breadcrumbs/breadcrumbs.ts +0 -7
- package/src/css/components/dialog/dialog.css.ts +0 -98
- package/src/css/components/dialog/dialog.ts +0 -58
- package/src/css/components/menu/menu.css.ts +0 -14
- package/src/css/components/menu/menu.ts +0 -12
- package/src/css/components/skeleton/skeleton.css.ts +0 -128
- package/src/css/components/skeleton/skeleton.ts +0 -38
- package/src/css/components/skeleton/types.ts +0 -36
- package/src/css/components/toast/toast.css.ts +0 -17
- package/src/css/components/toast/toast.ts +0 -11
- package/src/css/components/tree/tree.css.ts +0 -65
- package/src/css/components/tree/tree.ts +0 -7
- package/src/css/constants.ts +0 -10
- package/src/css/getVarName.ts +0 -27
- package/src/css/index.ts +0 -146
- package/src/css/layers.css.ts +0 -12
- package/src/css/primitives/_arrow/_arrow.css.ts +0 -68
- package/src/css/primitives/_arrow/_arrow.ts +0 -26
- package/src/css/primitives/_input/_input.css.ts +0 -261
- package/src/css/primitives/_input/input.ts +0 -29
- package/src/css/primitives/_input/types.ts +0 -13
- package/src/css/primitives/avatar/avatar.css.ts +0 -201
- package/src/css/primitives/avatar/avatar.ts +0 -68
- package/src/css/primitives/avatar/types.ts +0 -10
- package/src/css/primitives/badge/badge.css.ts +0 -27
- package/src/css/primitives/badge/badge.ts +0 -8
- package/src/css/primitives/badge/types.ts +0 -13
- package/src/css/primitives/box/box.css.ts +0 -19
- package/src/css/primitives/box/box.ts +0 -82
- package/src/css/primitives/box/types.ts +0 -75
- package/src/css/primitives/button/button.css.ts +0 -287
- package/src/css/primitives/button/button.ts +0 -26
- package/src/css/primitives/button/types.ts +0 -12
- package/src/css/primitives/card/__workshop__/color.tsx +0 -75
- package/src/css/primitives/card/__workshop__/index.ts +0 -16
- package/src/css/primitives/card/card.css.ts +0 -387
- package/src/css/primitives/card/card.ts +0 -13
- package/src/css/primitives/card/types.ts +0 -9
- package/src/css/primitives/checkbox/checkbox.css.ts +0 -193
- package/src/css/primitives/checkbox/checkbox.ts +0 -17
- package/src/css/primitives/code/code.css.ts +0 -272
- package/src/css/primitives/code/code.ts +0 -19
- package/src/css/primitives/code/types.ts +0 -11
- package/src/css/primitives/container/container.css.ts +0 -4
- package/src/css/primitives/container/container.ts +0 -17
- package/src/css/primitives/container/types.ts +0 -9
- package/src/css/primitives/heading/heading.css.ts +0 -86
- package/src/css/primitives/heading/heading.ts +0 -22
- package/src/css/primitives/heading/types.ts +0 -14
- package/src/css/primitives/kbd/kbd.css.ts +0 -16
- package/src/css/primitives/kbd/kbd.ts +0 -9
- package/src/css/primitives/kbd/types.ts +0 -6
- package/src/css/primitives/label/label.css.ts +0 -87
- package/src/css/primitives/label/label.ts +0 -22
- package/src/css/primitives/label/types.ts +0 -14
- package/src/css/primitives/popover/popover.css.ts +0 -6
- package/src/css/primitives/popover/popover.ts +0 -12
- package/src/css/primitives/radio/radio.css.ts +0 -78
- package/src/css/primitives/radio/radio.ts +0 -17
- package/src/css/primitives/root/root.css.ts +0 -19
- package/src/css/primitives/root/root.ts +0 -17
- package/src/css/primitives/root/types.ts +0 -10
- package/src/css/primitives/select/select.css.ts +0 -24
- package/src/css/primitives/select/select.ts +0 -14
- package/src/css/primitives/select/types.ts +0 -5
- package/src/css/primitives/selectable/selectable.css.ts +0 -131
- package/src/css/primitives/selectable/selectable.ts +0 -9
- package/src/css/primitives/selectable/types.ts +0 -9
- package/src/css/primitives/spinner/spinner.css.ts +0 -19
- package/src/css/primitives/spinner/spinner.ts +0 -13
- package/src/css/primitives/spinner/types.ts +0 -4
- package/src/css/primitives/srOnly/srOnly.css.ts +0 -10
- package/src/css/primitives/srOnly/srOnly.ts +0 -7
- package/src/css/primitives/stack/stack.css.ts +0 -6
- package/src/css/primitives/stack/stack.ts +0 -7
- package/src/css/primitives/switch/switch.css.ts +0 -98
- package/src/css/primitives/switch/switch.ts +0 -27
- package/src/css/primitives/text/text.css.ts +0 -86
- package/src/css/primitives/text/text.ts +0 -24
- package/src/css/primitives/text/types.ts +0 -18
- package/src/css/primitives/textArea/textArea.css.ts +0 -4
- package/src/css/primitives/textArea/textArea.ts +0 -9
- package/src/css/primitives/textArea/types.ts +0 -7
- package/src/css/primitives/textInput/textInput.css.ts +0 -43
- package/src/css/primitives/textInput/textInput.ts +0 -24
- package/src/css/primitives/textInput/types.ts +0 -7
- package/src/css/primitives/tooltip/tooltip.css.ts +0 -4
- package/src/css/primitives/tooltip/tooltip.ts +0 -8
- package/src/css/primitives/tooltip/types.ts +0 -4
- package/src/css/props/alignItems/alignItems.css.ts +0 -22
- package/src/css/props/alignItems/alignItems.ts +0 -8
- package/src/css/props/alignItems/types.ts +0 -9
- package/src/css/props/border/border.css.ts +0 -65
- package/src/css/props/border/border.ts +0 -21
- package/src/css/props/border/types.ts +0 -13
- package/src/css/props/boxSizing/boxSizing.css.ts +0 -12
- package/src/css/props/boxSizing/boxSizing.ts +0 -7
- package/src/css/props/boxSizing/types.ts +0 -7
- package/src/css/props/display/display.css.ts +0 -56
- package/src/css/props/display/display.ts +0 -8
- package/src/css/props/display/types.ts +0 -16
- package/src/css/props/flex/flex.css.ts +0 -52
- package/src/css/props/flex/flex.ts +0 -8
- package/src/css/props/flex/types.ts +0 -9
- package/src/css/props/flexDirection/flexDirection.css.ts +0 -19
- package/src/css/props/flexDirection/flexDirection.ts +0 -8
- package/src/css/props/flexDirection/types.ts +0 -9
- package/src/css/props/flexWrap/flexWrap.css.ts +0 -16
- package/src/css/props/flexWrap/flexWrap.ts +0 -8
- package/src/css/props/flexWrap/types.ts +0 -9
- package/src/css/props/font/font.css.ts +0 -94
- package/src/css/props/font/font.ts +0 -8
- package/src/css/props/font/types.ts +0 -6
- package/src/css/props/gap/gap.css.ts +0 -40
- package/src/css/props/gap/gap.ts +0 -13
- package/src/css/props/gap/types.ts +0 -10
- package/src/css/props/gridAutoColumns/gridAutoColumns.css.ts +0 -19
- package/src/css/props/gridAutoColumns/gridAutoColumns.ts +0 -8
- package/src/css/props/gridAutoColumns/types.ts +0 -9
- package/src/css/props/gridAutoFlow/gridAutoFlow.css.ts +0 -19
- package/src/css/props/gridAutoFlow/gridAutoFlow.ts +0 -8
- package/src/css/props/gridAutoFlow/types.ts +0 -9
- package/src/css/props/gridAutoRows/gridAutoRows.css.ts +0 -19
- package/src/css/props/gridAutoRows/gridAutoRows.ts +0 -8
- package/src/css/props/gridAutoRows/types.ts +0 -9
- package/src/css/props/gridColumn/gridColumn.css.ts +0 -49
- package/src/css/props/gridColumn/gridColumn.ts +0 -8
- package/src/css/props/gridColumn/types.ts +0 -9
- package/src/css/props/gridColumnEnd/gridColumnEnd.css.ts +0 -46
- package/src/css/props/gridColumnEnd/gridColumnEnd.ts +0 -8
- package/src/css/props/gridColumnEnd/types.ts +0 -9
- package/src/css/props/gridColumnStart/gridColumnStart.css.ts +0 -46
- package/src/css/props/gridColumnStart/gridColumnStart.ts +0 -8
- package/src/css/props/gridColumnStart/types.ts +0 -9
- package/src/css/props/gridRow/gridRow.css.ts +0 -49
- package/src/css/props/gridRow/gridRow.ts +0 -8
- package/src/css/props/gridRow/types.ts +0 -9
- package/src/css/props/gridRowEnd/gridRowEnd.css.ts +0 -46
- package/src/css/props/gridRowEnd/gridRowEnd.ts +0 -8
- package/src/css/props/gridRowEnd/types.ts +0 -9
- package/src/css/props/gridRowStart/gridRowStart.css.ts +0 -46
- package/src/css/props/gridRowStart/gridRowStart.ts +0 -8
- package/src/css/props/gridRowStart/types.ts +0 -9
- package/src/css/props/gridTemplateColumns/gridTemplateColumns.css.ts +0 -43
- package/src/css/props/gridTemplateColumns/gridTemplateColumns.ts +0 -8
- package/src/css/props/gridTemplateColumns/types.ts +0 -9
- package/src/css/props/gridTemplateRows/gridTemplateRows.css.ts +0 -43
- package/src/css/props/gridTemplateRows/gridTemplateRows.ts +0 -8
- package/src/css/props/gridTemplateRows/types.ts +0 -9
- package/src/css/props/height/height.css.ts +0 -25
- package/src/css/props/height/height.ts +0 -8
- package/src/css/props/height/types.ts +0 -9
- package/src/css/props/inset/inset.css.ts +0 -37
- package/src/css/props/inset/inset.ts +0 -21
- package/src/css/props/inset/types.ts +0 -13
- package/src/css/props/justifyContent/justifyContent.css.ts +0 -25
- package/src/css/props/justifyContent/justifyContent.ts +0 -8
- package/src/css/props/justifyContent/types.ts +0 -15
- package/src/css/props/margin/margin.css.ts +0 -117
- package/src/css/props/margin/margin.ts +0 -25
- package/src/css/props/margin/types.ts +0 -17
- package/src/css/props/maxWidth/maxWidth.css.ts +0 -32
- package/src/css/props/maxWidth/maxWidth.ts +0 -8
- package/src/css/props/maxWidth/types.ts +0 -11
- package/src/css/props/minHeight/minHeight.css.ts +0 -13
- package/src/css/props/minHeight/minHeight.ts +0 -8
- package/src/css/props/minHeight/types.ts +0 -9
- package/src/css/props/minWidth/minWidth.css.ts +0 -25
- package/src/css/props/minWidth/minWidth.ts +0 -8
- package/src/css/props/minWidth/types.ts +0 -9
- package/src/css/props/outline/outline.css.ts +0 -10
- package/src/css/props/outline/outline.ts +0 -8
- package/src/css/props/outline/types.ts +0 -7
- package/src/css/props/overflow/overflow.css.ts +0 -16
- package/src/css/props/overflow/overflow.ts +0 -8
- package/src/css/props/overflow/types.ts +0 -11
- package/src/css/props/padding/padding.css.ts +0 -87
- package/src/css/props/padding/padding.ts +0 -25
- package/src/css/props/padding/types.ts +0 -17
- package/src/css/props/pointerEvents/pointerEvents.css.ts +0 -13
- package/src/css/props/pointerEvents/pointerEvents.ts +0 -8
- package/src/css/props/pointerEvents/types.ts +0 -7
- package/src/css/props/position/position.css.ts +0 -22
- package/src/css/props/position/position.ts +0 -8
- package/src/css/props/position/types.ts +0 -9
- package/src/css/props/radius/radius.css.ts +0 -21
- package/src/css/props/radius/radius.ts +0 -8
- package/src/css/props/radius/types.ts +0 -8
- package/src/css/props/shadow/shadow.css.ts +0 -23
- package/src/css/props/shadow/shadow.ts +0 -8
- package/src/css/props/shadow/types.ts +0 -8
- package/src/css/props/textAlign/textAlign.css.ts +0 -22
- package/src/css/props/textAlign/textAlign.ts +0 -8
- package/src/css/props/textAlign/types.ts +0 -7
- package/src/css/props/textOverflow/textOverflow.css.ts +0 -19
- package/src/css/props/textOverflow/textOverflow.ts +0 -8
- package/src/css/props/textOverflow/types.ts +0 -12
- package/src/css/props/width/types.ts +0 -11
- package/src/css/props/width/width.css.ts +0 -31
- package/src/css/props/width/width.ts +0 -8
- package/src/css/theme/buildCSSTheme.ts +0 -488
- package/src/css/theme/defaultTheme.css.ts +0 -64
- package/src/css/types.ts +0 -427
- package/src/css/vars.css.ts +0 -676
- package/src/theme/_parseColorToken.ts +0 -180
- package/src/theme/buildTheme.ts +0 -32
- package/src/theme/constants.ts +0 -90
- package/src/theme/defaults/color.ts +0 -197
- package/src/theme/defaults/common.ts +0 -71
- package/src/theme/defaults/fonts.ts +0 -250
- package/src/theme/index.ts +0 -5
- package/src/theme/merge.ts +0 -24
- package/src/theme/resolveTokens.ts +0 -204
- package/src/theme/types.ts +0 -366
|
@@ -0,0 +1,846 @@
|
|
|
1
|
+
import { a as ThemeColorInputModeKey, c as ThemeColorStateKey, i as ThemeColorCardToneKey, l as ThemeColorStateToneKey, n as ThemeColorBlendModeKey, o as ThemeColorInputStateKey, r as ThemeColorButtonModeKey, s as ThemeColorSchemeKey, t as ThemeColorAvatarColorKey } from "./_system-CTe2lb5l.js";
|
|
2
|
+
import { a as ThemeFontWeightKey, o as ThemeFonts } from "./font-EtfxKPUz.js";
|
|
3
|
+
import * as CSS from "csstype";
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
interface RGB {
|
|
8
|
+
r: number;
|
|
9
|
+
g: number;
|
|
10
|
+
b: number;
|
|
11
|
+
a?: undefined;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* @internal
|
|
15
|
+
*/
|
|
16
|
+
interface RGBA {
|
|
17
|
+
r: number;
|
|
18
|
+
g: number;
|
|
19
|
+
b: number;
|
|
20
|
+
a: number;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* @internal
|
|
24
|
+
*/
|
|
25
|
+
interface HSL {
|
|
26
|
+
h: number;
|
|
27
|
+
s: number;
|
|
28
|
+
l: number;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* @public
|
|
32
|
+
*/
|
|
33
|
+
interface ThemeColorSyntax {
|
|
34
|
+
atrule: string;
|
|
35
|
+
attrName: string;
|
|
36
|
+
attrValue: string;
|
|
37
|
+
attribute: string;
|
|
38
|
+
boolean: string;
|
|
39
|
+
builtin: string;
|
|
40
|
+
cdata: string;
|
|
41
|
+
char: string;
|
|
42
|
+
class: string;
|
|
43
|
+
className: string;
|
|
44
|
+
comment: string;
|
|
45
|
+
constant: string;
|
|
46
|
+
deleted: string;
|
|
47
|
+
doctype: string;
|
|
48
|
+
entity: string;
|
|
49
|
+
function: string;
|
|
50
|
+
hexcode: string;
|
|
51
|
+
id: string;
|
|
52
|
+
important: string;
|
|
53
|
+
inserted: string;
|
|
54
|
+
keyword: string;
|
|
55
|
+
number: string;
|
|
56
|
+
operator: string;
|
|
57
|
+
prolog: string;
|
|
58
|
+
property: string;
|
|
59
|
+
pseudoClass: string;
|
|
60
|
+
pseudoElement: string;
|
|
61
|
+
punctuation: string;
|
|
62
|
+
regex: string;
|
|
63
|
+
selector: string;
|
|
64
|
+
string: string;
|
|
65
|
+
symbol: string;
|
|
66
|
+
tag: string;
|
|
67
|
+
unit: string;
|
|
68
|
+
url: string;
|
|
69
|
+
variable: string;
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* @public
|
|
73
|
+
*/
|
|
74
|
+
interface ThemeLayer {
|
|
75
|
+
dialog: {
|
|
76
|
+
zOffset: number;
|
|
77
|
+
};
|
|
78
|
+
popover: {
|
|
79
|
+
zOffset: number;
|
|
80
|
+
};
|
|
81
|
+
tooltip: {
|
|
82
|
+
zOffset: number;
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
/**
|
|
86
|
+
* @public
|
|
87
|
+
*/
|
|
88
|
+
type ThemeBoxShadow = [number, number, number, number];
|
|
89
|
+
/**
|
|
90
|
+
* @public
|
|
91
|
+
*/
|
|
92
|
+
interface ThemeShadow {
|
|
93
|
+
umbra: ThemeBoxShadow;
|
|
94
|
+
penumbra: ThemeBoxShadow;
|
|
95
|
+
ambient: ThemeBoxShadow;
|
|
96
|
+
}
|
|
97
|
+
/**
|
|
98
|
+
* A CSS-in-JS style object: standard CSS properties plus an index signature that allows nested
|
|
99
|
+
* selectors, at-rules and custom properties.
|
|
100
|
+
*
|
|
101
|
+
* This is a self-owned definition (based on `csstype`) so the published `.d.ts` types stay fully
|
|
102
|
+
* controlled by us and do not reference any external CSS-in-JS library types.
|
|
103
|
+
*
|
|
104
|
+
* @internal
|
|
105
|
+
*/
|
|
106
|
+
interface CSSObject extends CSS.Properties<number | (string & {})> {
|
|
107
|
+
[key: string]: CSSObject | string | number | undefined;
|
|
108
|
+
}
|
|
109
|
+
/**
|
|
110
|
+
* @internal
|
|
111
|
+
*/
|
|
112
|
+
interface ThemeStyles {
|
|
113
|
+
button?: {
|
|
114
|
+
root?: CSSObject;
|
|
115
|
+
};
|
|
116
|
+
card?: {
|
|
117
|
+
root?: CSSObject;
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
/**
|
|
121
|
+
* @public
|
|
122
|
+
*/
|
|
123
|
+
interface ThemeFocusRing {
|
|
124
|
+
offset: number;
|
|
125
|
+
width: number;
|
|
126
|
+
}
|
|
127
|
+
/**
|
|
128
|
+
* @public
|
|
129
|
+
*/
|
|
130
|
+
interface ThemeAvatar_v2 {
|
|
131
|
+
sizes: {
|
|
132
|
+
/** Spacing between avatars in an <AvatarStack> component (px) */
|
|
133
|
+
distance: number;
|
|
134
|
+
/** Diameter of the avatar (px) */
|
|
135
|
+
size: number;
|
|
136
|
+
}[];
|
|
137
|
+
focusRing: ThemeFocusRing;
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* @public
|
|
141
|
+
*/
|
|
142
|
+
interface ThemeColorAvatarHue_v2 {
|
|
143
|
+
_blend?: ThemeColorBlendModeKey;
|
|
144
|
+
bg: string;
|
|
145
|
+
fg: string;
|
|
146
|
+
}
|
|
147
|
+
/**
|
|
148
|
+
* @public
|
|
149
|
+
*/
|
|
150
|
+
type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>;
|
|
151
|
+
/**
|
|
152
|
+
* @public
|
|
153
|
+
*/
|
|
154
|
+
interface ThemeColorBadgeTone_v2 {
|
|
155
|
+
bg: string;
|
|
156
|
+
fg: string;
|
|
157
|
+
dot: string;
|
|
158
|
+
icon: string;
|
|
159
|
+
}
|
|
160
|
+
/**
|
|
161
|
+
* @public
|
|
162
|
+
*/
|
|
163
|
+
type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>;
|
|
164
|
+
/**
|
|
165
|
+
* @public
|
|
166
|
+
*/
|
|
167
|
+
interface ThemeColorKBD {
|
|
168
|
+
bg: string;
|
|
169
|
+
fg: string;
|
|
170
|
+
border: string;
|
|
171
|
+
}
|
|
172
|
+
/**
|
|
173
|
+
* @public
|
|
174
|
+
*/
|
|
175
|
+
interface ThemeColorState_v2 {
|
|
176
|
+
/** @internal */
|
|
177
|
+
_blend?: ThemeColorBlendModeKey;
|
|
178
|
+
accent: {
|
|
179
|
+
fg: string;
|
|
180
|
+
};
|
|
181
|
+
/**
|
|
182
|
+
* @internal This may be removed in a future release
|
|
183
|
+
* */
|
|
184
|
+
avatar: ThemeColorAvatar_v2;
|
|
185
|
+
/**
|
|
186
|
+
* @internal This may be removed in a future release
|
|
187
|
+
* */
|
|
188
|
+
badge: ThemeColorBadge_v2;
|
|
189
|
+
bg: string;
|
|
190
|
+
border: string;
|
|
191
|
+
code: {
|
|
192
|
+
bg: string;
|
|
193
|
+
fg: string;
|
|
194
|
+
};
|
|
195
|
+
fg: string;
|
|
196
|
+
icon: string;
|
|
197
|
+
kbd: ThemeColorKBD;
|
|
198
|
+
link: {
|
|
199
|
+
fg: string;
|
|
200
|
+
};
|
|
201
|
+
muted: {
|
|
202
|
+
bg: string;
|
|
203
|
+
fg: string;
|
|
204
|
+
};
|
|
205
|
+
skeleton: {
|
|
206
|
+
from: string;
|
|
207
|
+
to: string;
|
|
208
|
+
};
|
|
209
|
+
}
|
|
210
|
+
/**
|
|
211
|
+
* @public
|
|
212
|
+
*/
|
|
213
|
+
type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>;
|
|
214
|
+
/**
|
|
215
|
+
* @public
|
|
216
|
+
*/
|
|
217
|
+
type ThemeColorButtonMode_v2 = Record<ThemeColorStateToneKey, ThemeColorButtonTone_v2>;
|
|
218
|
+
/**
|
|
219
|
+
* @public
|
|
220
|
+
*/
|
|
221
|
+
type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>;
|
|
222
|
+
/**
|
|
223
|
+
* @public
|
|
224
|
+
*/
|
|
225
|
+
interface ThemeColorInputState_v2 {
|
|
226
|
+
_blend?: ThemeColorBlendModeKey;
|
|
227
|
+
bg: string;
|
|
228
|
+
border: string;
|
|
229
|
+
fg: string;
|
|
230
|
+
muted: {
|
|
231
|
+
bg: string;
|
|
232
|
+
};
|
|
233
|
+
placeholder: string;
|
|
234
|
+
}
|
|
235
|
+
/**
|
|
236
|
+
* @public
|
|
237
|
+
*/
|
|
238
|
+
type ThemeColorInputMode_v2 = Record<ThemeColorInputStateKey, ThemeColorInputState_v2>;
|
|
239
|
+
/**
|
|
240
|
+
* @public
|
|
241
|
+
*/
|
|
242
|
+
type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>;
|
|
243
|
+
/**
|
|
244
|
+
* @public
|
|
245
|
+
*/
|
|
246
|
+
type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>;
|
|
247
|
+
/**
|
|
248
|
+
* @public
|
|
249
|
+
*/
|
|
250
|
+
type ThemeColorSelectable_v2 = Record<ThemeColorStateToneKey, ThemeColorSelectableTone_v2>;
|
|
251
|
+
/** @public */
|
|
252
|
+
interface ThemeColorShadow {
|
|
253
|
+
outline: string;
|
|
254
|
+
umbra: string;
|
|
255
|
+
penumbra: string;
|
|
256
|
+
ambient: string;
|
|
257
|
+
}
|
|
258
|
+
/**
|
|
259
|
+
* @public
|
|
260
|
+
*/
|
|
261
|
+
interface ThemeColorCard_v2 extends ThemeColorState_v2 {
|
|
262
|
+
/** @internal */
|
|
263
|
+
_blend: ThemeColorBlendModeKey;
|
|
264
|
+
_dark: boolean;
|
|
265
|
+
backdrop: string;
|
|
266
|
+
button: ThemeColorButton_v2;
|
|
267
|
+
focusRing: string;
|
|
268
|
+
input: ThemeColorInput_v2;
|
|
269
|
+
selectable: ThemeColorSelectable_v2;
|
|
270
|
+
shadow: ThemeColorShadow;
|
|
271
|
+
syntax: ThemeColorSyntax;
|
|
272
|
+
}
|
|
273
|
+
/**
|
|
274
|
+
* @public
|
|
275
|
+
*/
|
|
276
|
+
type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>;
|
|
277
|
+
/**
|
|
278
|
+
* @public
|
|
279
|
+
*/
|
|
280
|
+
type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>;
|
|
281
|
+
/**
|
|
282
|
+
* @public
|
|
283
|
+
*/
|
|
284
|
+
interface ThemeInput_v2 {
|
|
285
|
+
checkbox: {
|
|
286
|
+
size: number;
|
|
287
|
+
focusRing: ThemeFocusRing;
|
|
288
|
+
};
|
|
289
|
+
radio: {
|
|
290
|
+
size: number;
|
|
291
|
+
markSize: number;
|
|
292
|
+
focusRing: ThemeFocusRing;
|
|
293
|
+
};
|
|
294
|
+
switch: {
|
|
295
|
+
width: number;
|
|
296
|
+
height: number;
|
|
297
|
+
padding: number;
|
|
298
|
+
transitionDurationMs: number;
|
|
299
|
+
transitionTimingFunction: string;
|
|
300
|
+
focusRing: ThemeFocusRing;
|
|
301
|
+
};
|
|
302
|
+
border: {
|
|
303
|
+
width: number;
|
|
304
|
+
};
|
|
305
|
+
select: {
|
|
306
|
+
focusRing: ThemeFocusRing;
|
|
307
|
+
};
|
|
308
|
+
text: {
|
|
309
|
+
focusRing: ThemeFocusRing;
|
|
310
|
+
};
|
|
311
|
+
}
|
|
312
|
+
/**
|
|
313
|
+
* @public
|
|
314
|
+
* @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
|
|
315
|
+
*/
|
|
316
|
+
interface ThemeAvatar {
|
|
317
|
+
sizes: {
|
|
318
|
+
distance: number;
|
|
319
|
+
size: number;
|
|
320
|
+
}[];
|
|
321
|
+
}
|
|
322
|
+
/**
|
|
323
|
+
* @public
|
|
324
|
+
* @deprecated Use `ThemeColorState_v2` instead.
|
|
325
|
+
*/
|
|
326
|
+
interface ThemeColorGenericState {
|
|
327
|
+
/** @internal */
|
|
328
|
+
_blend?: ThemeColorBlendModeKey;
|
|
329
|
+
bg: string;
|
|
330
|
+
/**
|
|
331
|
+
* @beta
|
|
332
|
+
*/
|
|
333
|
+
bg2?: string;
|
|
334
|
+
border: string;
|
|
335
|
+
fg: string;
|
|
336
|
+
icon: string;
|
|
337
|
+
muted: {
|
|
338
|
+
fg: string;
|
|
339
|
+
};
|
|
340
|
+
accent: {
|
|
341
|
+
fg: string;
|
|
342
|
+
};
|
|
343
|
+
link: {
|
|
344
|
+
fg: string;
|
|
345
|
+
};
|
|
346
|
+
code: {
|
|
347
|
+
bg: string;
|
|
348
|
+
fg: string;
|
|
349
|
+
};
|
|
350
|
+
skeleton?: {
|
|
351
|
+
from: string;
|
|
352
|
+
to: string;
|
|
353
|
+
};
|
|
354
|
+
}
|
|
355
|
+
/**
|
|
356
|
+
* @public
|
|
357
|
+
* @deprecated Use `ThemeColorCardToneKey` instead.
|
|
358
|
+
*/
|
|
359
|
+
type ThemeColorName = 'transparent' | 'default' | 'primary' | 'positive' | 'caution' | 'critical';
|
|
360
|
+
/**
|
|
361
|
+
* @public
|
|
362
|
+
* @deprecated Use `ThemeColorCardToneKey` instead.
|
|
363
|
+
*/
|
|
364
|
+
type ThemeColorToneKey = ThemeColorName;
|
|
365
|
+
/**
|
|
366
|
+
* @public
|
|
367
|
+
* @deprecated Use `ThemeColorCard_v2` instead.
|
|
368
|
+
*/
|
|
369
|
+
interface ThemeColorBase {
|
|
370
|
+
bg: string;
|
|
371
|
+
fg: string;
|
|
372
|
+
border: string;
|
|
373
|
+
focusRing: string;
|
|
374
|
+
backdrop?: string;
|
|
375
|
+
shadow: {
|
|
376
|
+
outline: string;
|
|
377
|
+
umbra: string;
|
|
378
|
+
penumbra: string;
|
|
379
|
+
ambient: string;
|
|
380
|
+
};
|
|
381
|
+
skeleton?: {
|
|
382
|
+
from: string;
|
|
383
|
+
to: string;
|
|
384
|
+
};
|
|
385
|
+
}
|
|
386
|
+
/**
|
|
387
|
+
* @public
|
|
388
|
+
* @deprecated Use `ThemeColorState_v2` instead.
|
|
389
|
+
*/
|
|
390
|
+
type ThemeColorButtonState = ThemeColorGenericState;
|
|
391
|
+
/**
|
|
392
|
+
* @public
|
|
393
|
+
* @deprecated Use `ThemeColorButtonStates_v2` instead.
|
|
394
|
+
*/
|
|
395
|
+
interface ThemeColorButtonStates {
|
|
396
|
+
enabled: ThemeColorGenericState;
|
|
397
|
+
hovered: ThemeColorGenericState;
|
|
398
|
+
pressed: ThemeColorGenericState;
|
|
399
|
+
selected: ThemeColorGenericState;
|
|
400
|
+
disabled: ThemeColorGenericState;
|
|
401
|
+
}
|
|
402
|
+
/**
|
|
403
|
+
* TODO: Rename to `ThemeColorButtonMode`.
|
|
404
|
+
* @public
|
|
405
|
+
* @deprecated Use `ThemeColorButtonTones_v2` instead.
|
|
406
|
+
*/
|
|
407
|
+
interface ThemeColorButtonTones {
|
|
408
|
+
default: ThemeColorButtonStates;
|
|
409
|
+
primary: ThemeColorButtonStates;
|
|
410
|
+
positive: ThemeColorButtonStates;
|
|
411
|
+
caution: ThemeColorButtonStates;
|
|
412
|
+
critical: ThemeColorButtonStates;
|
|
413
|
+
}
|
|
414
|
+
/**
|
|
415
|
+
* @public
|
|
416
|
+
* @deprecated Use `ThemeColorButton_v2` instead.
|
|
417
|
+
*/
|
|
418
|
+
interface ThemeColorButton {
|
|
419
|
+
default: ThemeColorButtonTones;
|
|
420
|
+
ghost: ThemeColorButtonTones;
|
|
421
|
+
bleed: ThemeColorButtonTones;
|
|
422
|
+
}
|
|
423
|
+
/**
|
|
424
|
+
* @public
|
|
425
|
+
* @deprecated Use `ThemeColorState_v2` instead.
|
|
426
|
+
*/
|
|
427
|
+
type ThemeColorCardState = ThemeColorGenericState;
|
|
428
|
+
/**
|
|
429
|
+
* @public
|
|
430
|
+
* @deprecated Use `ThemeColorSelectable_v2` instead.
|
|
431
|
+
*/
|
|
432
|
+
interface ThemeColorCard {
|
|
433
|
+
enabled: ThemeColorGenericState;
|
|
434
|
+
hovered: ThemeColorGenericState;
|
|
435
|
+
pressed: ThemeColorGenericState;
|
|
436
|
+
selected: ThemeColorGenericState;
|
|
437
|
+
disabled: ThemeColorGenericState;
|
|
438
|
+
}
|
|
439
|
+
/**
|
|
440
|
+
* @public
|
|
441
|
+
* @deprecated Use `ThemeColorInputState_v2` instead.
|
|
442
|
+
*/
|
|
443
|
+
interface ThemeColorInputState {
|
|
444
|
+
_blend?: ThemeColorBlendModeKey;
|
|
445
|
+
bg: string;
|
|
446
|
+
bg2: string;
|
|
447
|
+
border: string;
|
|
448
|
+
fg: string;
|
|
449
|
+
placeholder: string;
|
|
450
|
+
}
|
|
451
|
+
/**
|
|
452
|
+
* @public
|
|
453
|
+
* @deprecated Use `ThemeColorInputMode_v2` instead.
|
|
454
|
+
*/
|
|
455
|
+
interface ThemeColorInputStates {
|
|
456
|
+
enabled: ThemeColorInputState;
|
|
457
|
+
disabled: ThemeColorInputState;
|
|
458
|
+
hovered: ThemeColorInputState;
|
|
459
|
+
readOnly: ThemeColorInputState;
|
|
460
|
+
}
|
|
461
|
+
/**
|
|
462
|
+
* @public
|
|
463
|
+
* @deprecated Use `ThemeColorInput_v2` instead.
|
|
464
|
+
*/
|
|
465
|
+
interface ThemeColorInput {
|
|
466
|
+
default: ThemeColorInputStates;
|
|
467
|
+
invalid: ThemeColorInputStates;
|
|
468
|
+
}
|
|
469
|
+
/**
|
|
470
|
+
* @public
|
|
471
|
+
* @deprecated Use `ThemeColorSelectableTone_v2` instead.
|
|
472
|
+
*/
|
|
473
|
+
interface ThemeColorMutedTone {
|
|
474
|
+
enabled: ThemeColorGenericState;
|
|
475
|
+
disabled: ThemeColorGenericState;
|
|
476
|
+
hovered: ThemeColorGenericState;
|
|
477
|
+
pressed: ThemeColorGenericState;
|
|
478
|
+
selected: ThemeColorGenericState;
|
|
479
|
+
}
|
|
480
|
+
/**
|
|
481
|
+
* @public
|
|
482
|
+
* @deprecated Use `ThemeColorSelectable_v2` instead.
|
|
483
|
+
*/
|
|
484
|
+
interface ThemeColorMuted {
|
|
485
|
+
default: ThemeColorMutedTone;
|
|
486
|
+
transparent: ThemeColorMutedTone;
|
|
487
|
+
primary: ThemeColorMutedTone;
|
|
488
|
+
positive: ThemeColorMutedTone;
|
|
489
|
+
caution: ThemeColorMutedTone;
|
|
490
|
+
critical: ThemeColorMutedTone;
|
|
491
|
+
}
|
|
492
|
+
/**
|
|
493
|
+
* @public
|
|
494
|
+
* @deprecated Use `ThemeColorState_v2` instead.
|
|
495
|
+
*/
|
|
496
|
+
type ThemeColorSelectableState = ThemeColorGenericState;
|
|
497
|
+
/**
|
|
498
|
+
* @public
|
|
499
|
+
* @deprecated Use `ThemeColorSelectableStates_v2` instead.
|
|
500
|
+
*/
|
|
501
|
+
interface ThemeColorSelectableStates {
|
|
502
|
+
enabled: ThemeColorSelectableState;
|
|
503
|
+
hovered: ThemeColorSelectableState;
|
|
504
|
+
pressed: ThemeColorSelectableState;
|
|
505
|
+
selected: ThemeColorSelectableState;
|
|
506
|
+
disabled: ThemeColorSelectableState;
|
|
507
|
+
}
|
|
508
|
+
/**
|
|
509
|
+
* @public
|
|
510
|
+
* @deprecated Use `ThemeColorSelectable_v2` instead.
|
|
511
|
+
*/
|
|
512
|
+
interface ThemeColorSelectable {
|
|
513
|
+
default: ThemeColorSelectableStates;
|
|
514
|
+
primary: ThemeColorSelectableStates;
|
|
515
|
+
positive: ThemeColorSelectableStates;
|
|
516
|
+
caution: ThemeColorSelectableStates;
|
|
517
|
+
critical: ThemeColorSelectableStates;
|
|
518
|
+
}
|
|
519
|
+
/**
|
|
520
|
+
* @public
|
|
521
|
+
* @deprecated Use `ThemeColorSelectableTone_v2` instead.
|
|
522
|
+
*/
|
|
523
|
+
interface ThemeColorSolidTone {
|
|
524
|
+
enabled: ThemeColorGenericState;
|
|
525
|
+
disabled: ThemeColorGenericState;
|
|
526
|
+
hovered: ThemeColorGenericState;
|
|
527
|
+
pressed: ThemeColorGenericState;
|
|
528
|
+
selected: ThemeColorGenericState;
|
|
529
|
+
}
|
|
530
|
+
/**
|
|
531
|
+
* @public
|
|
532
|
+
* @deprecated Use `ThemeColorSelectable_v2` instead.
|
|
533
|
+
*/
|
|
534
|
+
interface ThemeColorSolid {
|
|
535
|
+
default: ThemeColorSolidTone;
|
|
536
|
+
transparent: ThemeColorSolidTone;
|
|
537
|
+
primary: ThemeColorSolidTone;
|
|
538
|
+
positive: ThemeColorSolidTone;
|
|
539
|
+
caution: ThemeColorSolidTone;
|
|
540
|
+
critical: ThemeColorSolidTone;
|
|
541
|
+
}
|
|
542
|
+
/**
|
|
543
|
+
* @public
|
|
544
|
+
* @deprecated Use `ThemeColorAvatarColorKey` instead
|
|
545
|
+
*/
|
|
546
|
+
type ThemeColorSpotKey = ThemeColorAvatarColorKey;
|
|
547
|
+
/**
|
|
548
|
+
* @public
|
|
549
|
+
* @deprecated Use `ThemeColorAvatar_v2` instead
|
|
550
|
+
*/
|
|
551
|
+
type ThemeColorSpot = Record<ThemeColorSpotKey, string>;
|
|
552
|
+
/**
|
|
553
|
+
* @public
|
|
554
|
+
* @deprecated Use `ThemeColor_v2` instead.
|
|
555
|
+
*/
|
|
556
|
+
interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'>> {
|
|
557
|
+
base: ThemeColorBase;
|
|
558
|
+
button: ThemeColorButton;
|
|
559
|
+
card: ThemeColorCard;
|
|
560
|
+
dark: boolean;
|
|
561
|
+
input: ThemeColorInput;
|
|
562
|
+
muted: ThemeColorMuted;
|
|
563
|
+
selectable?: ThemeColorSelectable;
|
|
564
|
+
solid: ThemeColorSolid;
|
|
565
|
+
spot: ThemeColorSpot;
|
|
566
|
+
syntax: ThemeColorSyntax;
|
|
567
|
+
}
|
|
568
|
+
/**
|
|
569
|
+
* @public
|
|
570
|
+
* @deprecated Use `ThemeColorScheme_v2` instead.
|
|
571
|
+
*/
|
|
572
|
+
type ThemeColorScheme = Record<ThemeColorName, ThemeColor>;
|
|
573
|
+
/**
|
|
574
|
+
* @public
|
|
575
|
+
* @deprecated Use `ThemeColorSchemes_v2` instead.
|
|
576
|
+
*/
|
|
577
|
+
type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>;
|
|
578
|
+
/**
|
|
579
|
+
* @public
|
|
580
|
+
* @deprecated Use `ThemeInput_v2` instead
|
|
581
|
+
*/
|
|
582
|
+
interface ThemeInput {
|
|
583
|
+
checkbox: {
|
|
584
|
+
size: number;
|
|
585
|
+
};
|
|
586
|
+
radio: {
|
|
587
|
+
size: number;
|
|
588
|
+
markSize: number;
|
|
589
|
+
};
|
|
590
|
+
switch: {
|
|
591
|
+
width: number;
|
|
592
|
+
height: number;
|
|
593
|
+
padding: number;
|
|
594
|
+
transitionDurationMs: number;
|
|
595
|
+
transitionTimingFunction: string;
|
|
596
|
+
};
|
|
597
|
+
border: {
|
|
598
|
+
width: number;
|
|
599
|
+
};
|
|
600
|
+
}
|
|
601
|
+
/**
|
|
602
|
+
* @public
|
|
603
|
+
*/
|
|
604
|
+
interface RootTheme_v2 {
|
|
605
|
+
_version: 2;
|
|
606
|
+
avatar: ThemeAvatar_v2;
|
|
607
|
+
button: {
|
|
608
|
+
border: {
|
|
609
|
+
width: number;
|
|
610
|
+
};
|
|
611
|
+
focusRing: ThemeFocusRing;
|
|
612
|
+
textWeight: ThemeFontWeightKey;
|
|
613
|
+
};
|
|
614
|
+
card: {
|
|
615
|
+
border: {
|
|
616
|
+
width: number;
|
|
617
|
+
};
|
|
618
|
+
focusRing: ThemeFocusRing;
|
|
619
|
+
shadow: {
|
|
620
|
+
outline: number;
|
|
621
|
+
};
|
|
622
|
+
};
|
|
623
|
+
color: ThemeColorSchemes_v2;
|
|
624
|
+
container: number[];
|
|
625
|
+
font: ThemeFonts;
|
|
626
|
+
input: ThemeInput_v2;
|
|
627
|
+
layer: ThemeLayer;
|
|
628
|
+
media: number[];
|
|
629
|
+
radius: number[];
|
|
630
|
+
shadow: Array<ThemeShadow | null>;
|
|
631
|
+
space: number[];
|
|
632
|
+
/** @internal */
|
|
633
|
+
style?: ThemeStyles;
|
|
634
|
+
}
|
|
635
|
+
/**
|
|
636
|
+
* @public
|
|
637
|
+
*/
|
|
638
|
+
interface BaseTheme {
|
|
639
|
+
_version?: 0;
|
|
640
|
+
/**
|
|
641
|
+
* @deprecated Use `v2.avatar` instead
|
|
642
|
+
*/
|
|
643
|
+
avatar: ThemeAvatar;
|
|
644
|
+
/**
|
|
645
|
+
* @deprecated Use `v2.button` instead
|
|
646
|
+
*/
|
|
647
|
+
button: {
|
|
648
|
+
textWeight: ThemeFontWeightKey;
|
|
649
|
+
};
|
|
650
|
+
/**
|
|
651
|
+
* @deprecated Use `v2.color` instead
|
|
652
|
+
*/
|
|
653
|
+
color: ThemeColorSchemes;
|
|
654
|
+
/**
|
|
655
|
+
* @deprecated Use `v2.container` instead
|
|
656
|
+
*/
|
|
657
|
+
container: number[];
|
|
658
|
+
/**
|
|
659
|
+
* @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
|
|
660
|
+
*/
|
|
661
|
+
focusRing: {
|
|
662
|
+
offset: number;
|
|
663
|
+
width: number;
|
|
664
|
+
};
|
|
665
|
+
/**
|
|
666
|
+
* @deprecated Use `v2.font` instead
|
|
667
|
+
*/
|
|
668
|
+
fonts: ThemeFonts;
|
|
669
|
+
/**
|
|
670
|
+
* @deprecated Use `v2.input` instead
|
|
671
|
+
*/
|
|
672
|
+
input: ThemeInput;
|
|
673
|
+
/**
|
|
674
|
+
* THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
|
|
675
|
+
* @beta
|
|
676
|
+
* @deprecated Use `v2.layer` instead
|
|
677
|
+
*/
|
|
678
|
+
layer?: ThemeLayer;
|
|
679
|
+
/**
|
|
680
|
+
* @deprecated Use `v2.media` instead
|
|
681
|
+
*/
|
|
682
|
+
media: number[];
|
|
683
|
+
/**
|
|
684
|
+
* @deprecated Use `v2.radius` instead
|
|
685
|
+
*/
|
|
686
|
+
radius: number[];
|
|
687
|
+
/**
|
|
688
|
+
* @deprecated Use `v2.shadow` instead
|
|
689
|
+
*/
|
|
690
|
+
shadows: Array<ThemeShadow | null>;
|
|
691
|
+
/**
|
|
692
|
+
* @deprecated Use `v2.space` instead
|
|
693
|
+
*/
|
|
694
|
+
space: number[];
|
|
695
|
+
/**
|
|
696
|
+
* @internal
|
|
697
|
+
* @deprecated Use `v2.style` instead
|
|
698
|
+
*/
|
|
699
|
+
styles?: ThemeStyles;
|
|
700
|
+
v2?: RootTheme_v2;
|
|
701
|
+
}
|
|
702
|
+
/**
|
|
703
|
+
* @public
|
|
704
|
+
*/
|
|
705
|
+
type RootTheme = BaseTheme;
|
|
706
|
+
/**
|
|
707
|
+
* @public
|
|
708
|
+
*/
|
|
709
|
+
type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
|
|
710
|
+
color: ThemeColorCard_v2;
|
|
711
|
+
/**
|
|
712
|
+
* Indicates whether the theme is resolved or raw, it's necessary to avoid issues
|
|
713
|
+
* with sanity V2 components accessing a v1 <ThemeProvider>.
|
|
714
|
+
* See https://github.com/sanity-io/ui/pull/1203 for more info.
|
|
715
|
+
*/
|
|
716
|
+
_resolved: boolean;
|
|
717
|
+
};
|
|
718
|
+
/**
|
|
719
|
+
* @public
|
|
720
|
+
*/
|
|
721
|
+
interface Theme {
|
|
722
|
+
sanity: Omit<RootTheme, 'color' | 'v2'> & {
|
|
723
|
+
/**
|
|
724
|
+
* @deprecated Use `v2.color` instead
|
|
725
|
+
*/
|
|
726
|
+
color: ThemeColor;
|
|
727
|
+
v2?: Theme_v2;
|
|
728
|
+
};
|
|
729
|
+
}
|
|
730
|
+
/**
|
|
731
|
+
* @public
|
|
732
|
+
* @deprecated Use `buildColorTheme` instead.
|
|
733
|
+
*/
|
|
734
|
+
interface ThemeColorBuilderOpts {
|
|
735
|
+
base: (opts: {
|
|
736
|
+
dark: boolean;
|
|
737
|
+
name: ThemeColorName;
|
|
738
|
+
}) => ThemeColorBase;
|
|
739
|
+
solid: (opts: {
|
|
740
|
+
base: ThemeColorBase;
|
|
741
|
+
dark: boolean;
|
|
742
|
+
tone: ThemeColorName;
|
|
743
|
+
name: ThemeColorName;
|
|
744
|
+
state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
|
|
745
|
+
}) => ThemeColorGenericState;
|
|
746
|
+
muted: (opts: {
|
|
747
|
+
base: ThemeColorBase;
|
|
748
|
+
dark: boolean;
|
|
749
|
+
tone: ThemeColorToneKey;
|
|
750
|
+
name: ThemeColorName;
|
|
751
|
+
state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
|
|
752
|
+
}) => ThemeColorGenericState;
|
|
753
|
+
card: (opts: {
|
|
754
|
+
base: ThemeColorBase;
|
|
755
|
+
dark: boolean;
|
|
756
|
+
muted: ThemeColorMuted;
|
|
757
|
+
name: ThemeColorName;
|
|
758
|
+
solid: ThemeColorSolid;
|
|
759
|
+
state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
|
|
760
|
+
}) => ThemeColorGenericState;
|
|
761
|
+
button: (opts: {
|
|
762
|
+
dark: boolean;
|
|
763
|
+
mode: ThemeColorButtonModeKey;
|
|
764
|
+
base: ThemeColorBase;
|
|
765
|
+
solid: ThemeColorSolidTone;
|
|
766
|
+
muted: ThemeColorMutedTone;
|
|
767
|
+
}) => ThemeColorButtonStates;
|
|
768
|
+
input: (opts: {
|
|
769
|
+
base: ThemeColorBase;
|
|
770
|
+
solid: ThemeColorSolidTone;
|
|
771
|
+
muted: ThemeColorMutedTone;
|
|
772
|
+
dark: boolean;
|
|
773
|
+
mode: 'default' | 'invalid';
|
|
774
|
+
state: 'enabled' | 'disabled' | 'hovered' | 'readOnly';
|
|
775
|
+
}) => ThemeColorInputState;
|
|
776
|
+
selectable: (opts: {
|
|
777
|
+
dark: boolean;
|
|
778
|
+
base: ThemeColorBase;
|
|
779
|
+
solid: ThemeColorSolid;
|
|
780
|
+
muted: ThemeColorMuted;
|
|
781
|
+
state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
|
|
782
|
+
tone: 'default' | 'primary' | 'positive' | 'caution' | 'critical';
|
|
783
|
+
}) => ThemeColorGenericState;
|
|
784
|
+
syntax: (opts: {
|
|
785
|
+
base: ThemeColorBase;
|
|
786
|
+
dark: boolean;
|
|
787
|
+
}) => ThemeColorSyntax;
|
|
788
|
+
spot: (opts: {
|
|
789
|
+
base: ThemeColorBase;
|
|
790
|
+
dark: boolean;
|
|
791
|
+
key: ThemeColorSpotKey;
|
|
792
|
+
}) => string;
|
|
793
|
+
}
|
|
794
|
+
/**
|
|
795
|
+
* @public
|
|
796
|
+
* @deprecated Use `ThemeConfig` instead.
|
|
797
|
+
*/
|
|
798
|
+
type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>;
|
|
799
|
+
/**
|
|
800
|
+
* @public
|
|
801
|
+
* @deprecated Use `buildColorTheme` instead.
|
|
802
|
+
*/
|
|
803
|
+
declare function createColorTheme(partialOpts?: PartialThemeColorBuilderOpts): ThemeColorSchemes;
|
|
804
|
+
/**
|
|
805
|
+
* Apply the \`multiply\` blend mode
|
|
806
|
+
* Source: https://www.w3.org/TR/compositing-1/#blendingmultiply
|
|
807
|
+
* @internal
|
|
808
|
+
*/
|
|
809
|
+
declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB;
|
|
810
|
+
/**
|
|
811
|
+
* Apply the \`screen\` blend mode
|
|
812
|
+
* Source: https://www.w3.org/TR/compositing-1/#blendingscreen
|
|
813
|
+
* @internal
|
|
814
|
+
*/
|
|
815
|
+
declare function screen(b: RGB | RGBA, s: RGB | RGBA): RGB;
|
|
816
|
+
/**
|
|
817
|
+
* @internal
|
|
818
|
+
*/
|
|
819
|
+
declare function hexToRgb(hex: string): RGB;
|
|
820
|
+
/**
|
|
821
|
+
* @internal
|
|
822
|
+
*/
|
|
823
|
+
declare function rgbaToRGBA(rgba: string): RGBA;
|
|
824
|
+
/**
|
|
825
|
+
* @internal
|
|
826
|
+
*/
|
|
827
|
+
declare function rgbToHex(color: RGB | RGBA): string;
|
|
828
|
+
/**
|
|
829
|
+
* @internal
|
|
830
|
+
* @see https://css-tricks.com/converting-color-spaces-in-javascript/
|
|
831
|
+
*/
|
|
832
|
+
declare function rgbToHsl({ r, g, b }: RGB): HSL;
|
|
833
|
+
/**
|
|
834
|
+
* @internal
|
|
835
|
+
*/
|
|
836
|
+
declare function hslToRgb(hsl: HSL): RGB;
|
|
837
|
+
/**
|
|
838
|
+
* @internal
|
|
839
|
+
*/
|
|
840
|
+
declare function parseColor(color: unknown): RGB | RGBA;
|
|
841
|
+
/**
|
|
842
|
+
* @internal
|
|
843
|
+
*/
|
|
844
|
+
declare function rgba(color: unknown, a: number): string;
|
|
845
|
+
export { ThemeColorInputState_v2 as $, ThemeColorMutedTone as A, ThemeColorBase as B, ThemeColorSpotKey as C, ThemeColorSelectableState as D, ThemeColorSelectable as E, ThemeColorCardState as F, ThemeInput_v2 as G, ThemeColorToneKey as H, ThemeColorButton as I, ThemeColorSchemes_v2 as J, ThemeColorCard_v2 as K, ThemeColorButtonState as L, ThemeColorInputState as M, ThemeColorInputStates as N, ThemeColorSelectableStates as O, ThemeColorCard as P, ThemeColorInputMode_v2 as Q, ThemeColorButtonStates as R, ThemeColorSpot as S, ThemeColorSolidTone as T, ThemeColorGenericState as U, ThemeColorName as V, ThemeAvatar as W, ThemeColorSelectableTone_v2 as X, ThemeColorShadow as Y, ThemeColorSelectable_v2 as Z, Theme_v2 as _, ThemeColorSyntax as _t, rgbToHex as a, ThemeColorKBD as at, ThemeColorScheme as b, RGBA as bt, screen as c, ThemeColorAvatarHue_v2 as ct, ThemeColorBuilderOpts as d, ThemeFocusRing as dt, ThemeColorInput_v2 as et, createColorTheme as f, ThemeStyles as ft, Theme as g, ThemeLayer as gt, RootTheme_v2 as h, ThemeShadow as ht, hslToRgb as i, ThemeColorState_v2 as it, ThemeColorInput as j, ThemeColorMuted as k, multiply as l, ThemeColorAvatar_v2 as lt, RootTheme as m, ThemeBoxShadow as mt, parseColor as n, ThemeColorButtonTone_v2 as nt, rgbToHsl as o, ThemeColorBadgeTone_v2 as ot, BaseTheme as p, CSSObject as pt, ThemeColorScheme_v2 as q, hexToRgb as r, ThemeColorButton_v2 as rt, rgbaToRGBA as s, ThemeColorBadge_v2 as st, rgba as t, ThemeColorButtonMode_v2 as tt, PartialThemeColorBuilderOpts as u, ThemeAvatar_v2 as ut, ThemeInput as v, HSL as vt, ThemeColorSolid as w, ThemeColorSchemes as x, ThemeColor as y, RGB as yt, ThemeColorButtonTones as z };
|
|
846
|
+
//# sourceMappingURL=rgba-BSYaEUW6.d.ts.map
|