@bettercms-ai/kit 0.1.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 +21 -0
- package/README.md +27 -0
- package/dist/_chunks-cjs/_visual-editing.js +5898 -0
- package/dist/_chunks-cjs/refractor.js +22 -0
- package/dist/_chunks-es/_visual-editing.mjs +5904 -0
- package/dist/_chunks-es/refractor.mjs +25 -0
- package/dist/_color.d.mts +119 -0
- package/dist/_color.d.ts +119 -0
- package/dist/_color.js +1412 -0
- package/dist/_color.mjs +1411 -0
- package/dist/_visual-editing.d.mts +1126 -0
- package/dist/_visual-editing.d.ts +1126 -0
- package/dist/_visual-editing.js +30 -0
- package/dist/_visual-editing.mjs +30 -0
- package/dist/index.d.mts +3140 -0
- package/dist/index.d.ts +3140 -0
- package/dist/index.js +2036 -0
- package/dist/index.mjs +2044 -0
- package/dist/theme.d.mts +1506 -0
- package/dist/theme.d.ts +1506 -0
- package/dist/theme.js +4126 -0
- package/dist/theme.mjs +4126 -0
- package/exports/_visual-editing.ts +31 -0
- package/exports/index.ts +1 -0
- package/exports/theme.ts +1 -0
- package/package.json +78 -0
- package/src/color/index.d.mts +119 -0
- package/src/color/index.mjs +1411 -0
- package/src/core/__workshop__/constants.ts +293 -0
- package/src/core/_compat.ts +264 -0
- package/src/core/components/autocomplete/__mocks__/apiStore.ts +49 -0
- package/src/core/components/autocomplete/__mocks__/countries.ts +245 -0
- package/src/core/components/autocomplete/__workshop__/async.tsx +156 -0
- package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +137 -0
- package/src/core/components/autocomplete/__workshop__/custom.tsx +89 -0
- package/src/core/components/autocomplete/__workshop__/example.tsx +79 -0
- package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +36 -0
- package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +294 -0
- package/src/core/components/autocomplete/__workshop__/index.ts +39 -0
- package/src/core/components/autocomplete/__workshop__/types.ts +4 -0
- package/src/core/components/autocomplete/autocomplete.styles.tsx +39 -0
- package/src/core/components/autocomplete/autocomplete.tsx +767 -0
- package/src/core/components/autocomplete/autocompleteOption.tsx +45 -0
- package/src/core/components/autocomplete/autocompleteReducer.ts +47 -0
- package/src/core/components/autocomplete/constants.ts +28 -0
- package/src/core/components/autocomplete/index.ts +2 -0
- package/src/core/components/autocomplete/types.ts +108 -0
- package/src/core/components/breadcrumbs/__workshop__/example.tsx +62 -0
- package/src/core/components/breadcrumbs/__workshop__/index.ts +14 -0
- package/src/core/components/breadcrumbs/breadcrumbs.styles.ts +18 -0
- package/src/core/components/breadcrumbs/breadcrumbs.test.tsx +51 -0
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +133 -0
- package/src/core/components/breadcrumbs/index.ts +1 -0
- package/src/core/components/dialog/__workshop__/activate.tsx +134 -0
- package/src/core/components/dialog/__workshop__/autoFocus.tsx +29 -0
- package/src/core/components/dialog/__workshop__/index.ts +19 -0
- package/src/core/components/dialog/__workshop__/layering.tsx +41 -0
- package/src/core/components/dialog/__workshop__/nested.tsx +72 -0
- package/src/core/components/dialog/__workshop__/onScroll.tsx +39 -0
- package/src/core/components/dialog/__workshop__/panes.tsx +82 -0
- package/src/core/components/dialog/__workshop__/position.tsx +30 -0
- package/src/core/components/dialog/__workshop__/props.tsx +75 -0
- package/src/core/components/dialog/__workshop__/provider.tsx +11 -0
- package/src/core/components/dialog/__workshop__/wrapped.tsx +76 -0
- package/src/core/components/dialog/dialog.tsx +430 -0
- package/src/core/components/dialog/dialogContext.ts +20 -0
- package/src/core/components/dialog/dialogProvider.tsx +35 -0
- package/src/core/components/dialog/index.ts +4 -0
- package/src/core/components/dialog/styles.ts +77 -0
- package/src/core/components/dialog/useDialog.ts +11 -0
- package/src/core/components/hotkeys/__workshop__/index.ts +14 -0
- package/src/core/components/hotkeys/__workshop__/plain.tsx +9 -0
- package/src/core/components/hotkeys/hotkeys.test.tsx +42 -0
- package/src/core/components/hotkeys/hotkeys.tsx +66 -0
- package/src/core/components/hotkeys/index.ts +1 -0
- package/src/core/components/index.ts +9 -0
- package/src/core/components/menu/__workshop__/asComponent.tsx +45 -0
- package/src/core/components/menu/__workshop__/avatarMenu.tsx +51 -0
- package/src/core/components/menu/__workshop__/closableMenuButton.tsx +46 -0
- package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +134 -0
- package/src/core/components/menu/__workshop__/customMenuItem.tsx +45 -0
- package/src/core/components/menu/__workshop__/customSelectedState.tsx +39 -0
- package/src/core/components/menu/__workshop__/disableFocusOnClose.tsx +40 -0
- package/src/core/components/menu/__workshop__/groups.tsx +156 -0
- package/src/core/components/menu/__workshop__/index.ts +89 -0
- package/src/core/components/menu/__workshop__/menuButton.tsx +80 -0
- package/src/core/components/menu/__workshop__/menuGroupRight.tsx +58 -0
- package/src/core/components/menu/__workshop__/nestedMenu.tsx +22 -0
- package/src/core/components/menu/__workshop__/onCloseMenuButton.tsx +41 -0
- package/src/core/components/menu/__workshop__/selectedItem.tsx +69 -0
- package/src/core/components/menu/__workshop__/shouldFocus.tsx +47 -0
- package/src/core/components/menu/__workshop__/tones.tsx +25 -0
- package/src/core/components/menu/__workshop__/withoutArrow.tsx +32 -0
- package/src/core/components/menu/helpers.ts +82 -0
- package/src/core/components/menu/index.ts +5 -0
- package/src/core/components/menu/menu.spacing.test.tsx +63 -0
- package/src/core/components/menu/menu.test.tsx +125 -0
- package/src/core/components/menu/menu.tsx +178 -0
- package/src/core/components/menu/menuButton.tsx +268 -0
- package/src/core/components/menu/menuContext.ts +18 -0
- package/src/core/components/menu/menuDivider.ts +23 -0
- package/src/core/components/menu/menuGroup.spacing.test.tsx +63 -0
- package/src/core/components/menu/menuGroup.tsx +233 -0
- package/src/core/components/menu/menuItem.spacing.test.tsx +59 -0
- package/src/core/components/menu/menuItem.tsx +197 -0
- package/src/core/components/menu/useMenu.ts +21 -0
- package/src/core/components/menu/useMenuController.ts +231 -0
- package/src/core/components/skeleton/__workshop__/delay.tsx +70 -0
- package/src/core/components/skeleton/__workshop__/index.ts +11 -0
- package/src/core/components/skeleton/__workshop__/skeleton.tsx +64 -0
- package/src/core/components/skeleton/index.ts +2 -0
- package/src/core/components/skeleton/skeleton.tsx +57 -0
- package/src/core/components/skeleton/styles.ts +50 -0
- package/src/core/components/skeleton/textSkeleton.tsx +122 -0
- package/src/core/components/tab/__workshop__/example.tsx +79 -0
- package/src/core/components/tab/__workshop__/index.ts +14 -0
- package/src/core/components/tab/index.ts +3 -0
- package/src/core/components/tab/tab.tsx +101 -0
- package/src/core/components/tab/tabList.test.tsx +48 -0
- package/src/core/components/tab/tabList.tsx +70 -0
- package/src/core/components/tab/tabPanel.tsx +39 -0
- package/src/core/components/toast/__workshop__/hook.tsx +71 -0
- package/src/core/components/toast/__workshop__/index.ts +19 -0
- package/src/core/components/toast/__workshop__/toast.tsx +26 -0
- package/src/core/components/toast/index.ts +4 -0
- package/src/core/components/toast/styles.ts +77 -0
- package/src/core/components/toast/toast.test.tsx +101 -0
- package/src/core/components/toast/toast.tsx +198 -0
- package/src/core/components/toast/toastContext.ts +7 -0
- package/src/core/components/toast/toastLayer.tsx +51 -0
- package/src/core/components/toast/toastProvider.tsx +113 -0
- package/src/core/components/toast/toastState.ts +6 -0
- package/src/core/components/toast/types.ts +26 -0
- package/src/core/components/toast/useToast.ts +25 -0
- package/src/core/components/tree/__workshop__/basic.perf.ts +19 -0
- package/src/core/components/tree/__workshop__/basic.tsx +105 -0
- package/src/core/components/tree/__workshop__/index.ts +21 -0
- package/src/core/components/tree/__workshop__/tabFromElement.tsx +84 -0
- package/src/core/components/tree/helpers.ts +105 -0
- package/src/core/components/tree/index.ts +4 -0
- package/src/core/components/tree/style.ts +105 -0
- package/src/core/components/tree/tree.test.tsx +55 -0
- package/src/core/components/tree/tree.tsx +240 -0
- package/src/core/components/tree/treeContext.ts +10 -0
- package/src/core/components/tree/treeGroup.tsx +28 -0
- package/src/core/components/tree/treeItem.test.tsx +65 -0
- package/src/core/components/tree/treeItem.tsx +224 -0
- package/src/core/components/tree/types.ts +25 -0
- package/src/core/components/tree/useTree.ts +17 -0
- package/src/core/constants.ts +79 -0
- package/src/core/helpers/animation.ts +27 -0
- package/src/core/helpers/element.ts +55 -0
- package/src/core/helpers/focus.ts +100 -0
- package/src/core/helpers/index.ts +4 -0
- package/src/core/helpers/scroll.ts +15 -0
- package/src/core/hooks/index.ts +12 -0
- package/src/core/hooks/useArrayProp.ts +17 -0
- package/src/core/hooks/useClickOutside.test.tsx +482 -0
- package/src/core/hooks/useClickOutside.ts +118 -0
- package/src/core/hooks/useClickOutsideEvent.test.tsx +115 -0
- package/src/core/hooks/useClickOutsideEvent.ts +73 -0
- package/src/core/hooks/useCustomValidity.ts +13 -0
- package/src/core/hooks/useDelayed.test.ts +88 -0
- package/src/core/hooks/useDelayedState.ts +36 -0
- package/src/core/hooks/useElementRect/__workshop__/example.tsx +32 -0
- package/src/core/hooks/useElementRect/__workshop__/index.ts +14 -0
- package/src/core/hooks/useElementRect/index.ts +1 -0
- package/src/core/hooks/useElementRect/useElementRect.ts +13 -0
- package/src/core/hooks/useElementSize.ts +19 -0
- package/src/core/hooks/useForwardedRef.ts +19 -0
- package/src/core/hooks/useGlobalKeyDown.ts +24 -0
- package/src/core/hooks/useIsomorphicEffect.ts +7 -0
- package/src/core/hooks/useMatchMedia.ts +28 -0
- package/src/core/hooks/useMediaIndex/__workshop__/index.ts +14 -0
- package/src/core/hooks/useMediaIndex/__workshop__/test.tsx +14 -0
- package/src/core/hooks/useMediaIndex/index.ts +1 -0
- package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +36 -0
- package/src/core/hooks/useMediaIndex/useMediaIndex.ts +102 -0
- package/src/core/hooks/useMounted.ts +15 -0
- package/src/core/hooks/usePrefersDark.hydration.test.tsx +56 -0
- package/src/core/hooks/usePrefersDark.test.tsx +19 -0
- package/src/core/hooks/usePrefersDark.ts +16 -0
- package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +56 -0
- package/src/core/hooks/usePrefersReducedMotion.test.tsx +19 -0
- package/src/core/hooks/usePrefersReducedMotion.ts +16 -0
- package/src/core/index.ts +10 -0
- package/src/core/lib/createGlobalScopedContext.ts +36 -0
- package/src/core/lib/globalScope.ts +19 -0
- package/src/core/lib/isRecord.ts +3 -0
- package/src/core/middleware/origin.ts +47 -0
- package/src/core/observers/elementSizeObserver.ts +116 -0
- package/src/core/observers/index.ts +2 -0
- package/src/core/observers/resizeObserver.ts +9 -0
- package/src/core/primitives/_selectable/index.ts +1 -0
- package/src/core/primitives/_selectable/selectable.tsx +15 -0
- package/src/core/primitives/_selectable/style.ts +115 -0
- package/src/core/primitives/avatar/__workshop__/asButton.tsx +14 -0
- package/src/core/primitives/avatar/__workshop__/index.ts +29 -0
- package/src/core/primitives/avatar/__workshop__/stack.tsx +25 -0
- package/src/core/primitives/avatar/__workshop__/withinButton.tsx +63 -0
- package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +70 -0
- package/src/core/primitives/avatar/avatar.tsx +200 -0
- package/src/core/primitives/avatar/avatarCounter.tsx +91 -0
- package/src/core/primitives/avatar/avatarStack.tsx +100 -0
- package/src/core/primitives/avatar/index.ts +4 -0
- package/src/core/primitives/avatar/styles.ts +167 -0
- package/src/core/primitives/avatar/types.ts +17 -0
- package/src/core/primitives/badge/__workshop__/index.ts +19 -0
- package/src/core/primitives/badge/__workshop__/props.tsx +30 -0
- package/src/core/primitives/badge/__workshop__/tones.tsx +21 -0
- package/src/core/primitives/badge/badge.test.tsx +16 -0
- package/src/core/primitives/badge/badge.tsx +70 -0
- package/src/core/primitives/badge/index.ts +1 -0
- package/src/core/primitives/badge/styles.ts +20 -0
- package/src/core/primitives/badge/types.ts +8 -0
- package/src/core/primitives/box/__workshop__/asComponent.tsx +31 -0
- package/src/core/primitives/box/__workshop__/index.ts +24 -0
- package/src/core/primitives/box/__workshop__/props.tsx +20 -0
- package/src/core/primitives/box/__workshop__/responsive.tsx +20 -0
- package/src/core/primitives/box/box.test.tsx +142 -0
- package/src/core/primitives/box/box.tsx +154 -0
- package/src/core/primitives/box/index.ts +1 -0
- package/src/core/primitives/button/__workshop__/custom.tsx +51 -0
- package/src/core/primitives/button/__workshop__/customIcons.tsx +30 -0
- package/src/core/primitives/button/__workshop__/disabled.tsx +74 -0
- package/src/core/primitives/button/__workshop__/index.ts +59 -0
- package/src/core/primitives/button/__workshop__/labelUploadButton.tsx +36 -0
- package/src/core/primitives/button/__workshop__/mixedChildren.tsx +12 -0
- package/src/core/primitives/button/__workshop__/props.tsx +55 -0
- package/src/core/primitives/button/__workshop__/stacked.tsx +58 -0
- package/src/core/primitives/button/__workshop__/styled1.tsx +17 -0
- package/src/core/primitives/button/__workshop__/styled2.tsx +19 -0
- package/src/core/primitives/button/__workshop__/uploadButton.tsx +28 -0
- package/src/core/primitives/button/button.test.tsx +82 -0
- package/src/core/primitives/button/button.tsx +210 -0
- package/src/core/primitives/button/index.ts +1 -0
- package/src/core/primitives/button/styles.ts +117 -0
- package/src/core/primitives/card/__workshop__/allTones.tsx +25 -0
- package/src/core/primitives/card/__workshop__/asButton.tsx +107 -0
- package/src/core/primitives/card/__workshop__/asComponent.tsx +27 -0
- package/src/core/primitives/card/__workshop__/checkered.tsx +26 -0
- package/src/core/primitives/card/__workshop__/index.ts +18 -0
- package/src/core/primitives/card/__workshop__/interactive.tsx +30 -0
- package/src/core/primitives/card/__workshop__/listNavigation.tsx +80 -0
- package/src/core/primitives/card/__workshop__/props.tsx +53 -0
- package/src/core/primitives/card/__workshop__/selected.tsx +94 -0
- package/src/core/primitives/card/__workshop__/styled.tsx +14 -0
- package/src/core/primitives/card/card.tsx +128 -0
- package/src/core/primitives/card/index.ts +2 -0
- package/src/core/primitives/card/styles.ts +147 -0
- package/src/core/primitives/card/types.ts +11 -0
- package/src/core/primitives/checkbox/__workshop__/example.tsx +25 -0
- package/src/core/primitives/checkbox/__workshop__/index.ts +13 -0
- package/src/core/primitives/checkbox/__workshop__/props.tsx +33 -0
- package/src/core/primitives/checkbox/__workshop__/readOnly.tsx +16 -0
- package/src/core/primitives/checkbox/__workshop__/tones.tsx +28 -0
- package/src/core/primitives/checkbox/checkbox.tsx +73 -0
- package/src/core/primitives/checkbox/index.ts +1 -0
- package/src/core/primitives/checkbox/styles.ts +128 -0
- package/src/core/primitives/code/__workshop__/index.ts +19 -0
- package/src/core/primitives/code/__workshop__/opticalAlignment.tsx +48 -0
- package/src/core/primitives/code/__workshop__/props.tsx +21 -0
- package/src/core/primitives/code/code.tsx +55 -0
- package/src/core/primitives/code/index.ts +1 -0
- package/src/core/primitives/code/refractor.tsx +20 -0
- package/src/core/primitives/code/styles.ts +77 -0
- package/src/core/primitives/container/__workshop__/example.tsx +20 -0
- package/src/core/primitives/container/__workshop__/index.ts +8 -0
- package/src/core/primitives/container/container.tsx +54 -0
- package/src/core/primitives/container/index.ts +2 -0
- package/src/core/primitives/container/styles.ts +23 -0
- package/src/core/primitives/container/types.ts +6 -0
- package/src/core/primitives/flex/__workshop__/example.tsx +34 -0
- package/src/core/primitives/flex/__workshop__/gap.tsx +25 -0
- package/src/core/primitives/flex/__workshop__/index.ts +11 -0
- package/src/core/primitives/flex/flex.tsx +64 -0
- package/src/core/primitives/flex/index.ts +1 -0
- package/src/core/primitives/grid/__workshop__/index.ts +10 -0
- package/src/core/primitives/grid/__workshop__/responsive.tsx +54 -0
- package/src/core/primitives/grid/grid.test.tsx +80 -0
- package/src/core/primitives/grid/grid.tsx +74 -0
- package/src/core/primitives/grid/index.ts +1 -0
- package/src/core/primitives/heading/__workshop__/index.ts +19 -0
- package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +54 -0
- package/src/core/primitives/heading/__workshop__/plain.tsx +32 -0
- package/src/core/primitives/heading/heading.tsx +88 -0
- package/src/core/primitives/heading/index.ts +1 -0
- package/src/core/primitives/heading/styles.ts +64 -0
- package/src/core/primitives/heading/types.ts +7 -0
- package/src/core/primitives/index.ts +27 -0
- package/src/core/primitives/inline/__workshop__/index.ts +8 -0
- package/src/core/primitives/inline/__workshop__/plain.tsx +27 -0
- package/src/core/primitives/inline/index.ts +1 -0
- package/src/core/primitives/inline/inline.test.tsx +51 -0
- package/src/core/primitives/inline/inline.tsx +63 -0
- package/src/core/primitives/inline/styles.ts +32 -0
- package/src/core/primitives/inline/types.ts +6 -0
- package/src/core/primitives/kbd/__workshop__/index.ts +8 -0
- package/src/core/primitives/kbd/__workshop__/plain.tsx +9 -0
- package/src/core/primitives/kbd/index.ts +1 -0
- package/src/core/primitives/kbd/kbd.tsx +69 -0
- package/src/core/primitives/label/__workshop__/index.ts +19 -0
- package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +48 -0
- package/src/core/primitives/label/__workshop__/plain.tsx +24 -0
- package/src/core/primitives/label/index.ts +1 -0
- package/src/core/primitives/label/label.tsx +87 -0
- package/src/core/primitives/label/styles.ts +45 -0
- package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +77 -0
- package/src/core/primitives/popover/__workshop__/MarginsStory.tsx +31 -0
- package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +32 -0
- package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +11 -0
- package/src/core/primitives/popover/__workshop__/PlainStory.tsx +71 -0
- package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +71 -0
- package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +89 -0
- package/src/core/primitives/popover/__workshop__/TestStory.tsx +97 -0
- package/src/core/primitives/popover/__workshop__/index.ts +49 -0
- package/src/core/primitives/popover/constants.ts +22 -0
- package/src/core/primitives/popover/floating-ui/size.ts +99 -0
- package/src/core/primitives/popover/helpers.ts +31 -0
- package/src/core/primitives/popover/index.ts +2 -0
- package/src/core/primitives/popover/popover.tsx +511 -0
- package/src/core/primitives/popover/popoverCard.tsx +166 -0
- package/src/core/primitives/popover/types.ts +7 -0
- package/src/core/primitives/radio/__workshop__/example.tsx +63 -0
- package/src/core/primitives/radio/__workshop__/index.ts +11 -0
- package/src/core/primitives/radio/__workshop__/plain.tsx +28 -0
- package/src/core/primitives/radio/index.ts +1 -0
- package/src/core/primitives/radio/radio.tsx +51 -0
- package/src/core/primitives/radio/styles.ts +117 -0
- package/src/core/primitives/select/__workshop__/index.ts +11 -0
- package/src/core/primitives/select/__workshop__/plain.tsx +27 -0
- package/src/core/primitives/select/__workshop__/readOnly.tsx +23 -0
- package/src/core/primitives/select/index.ts +1 -0
- package/src/core/primitives/select/select.test.tsx +52 -0
- package/src/core/primitives/select/select.tsx +94 -0
- package/src/core/primitives/select/styles.ts +166 -0
- package/src/core/primitives/spinner/__workshop__/Props.tsx +15 -0
- package/src/core/primitives/spinner/__workshop__/index.ts +14 -0
- package/src/core/primitives/spinner/index.ts +1 -0
- package/src/core/primitives/spinner/spinner.tsx +46 -0
- package/src/core/primitives/stack/__workshop__/index.ts +14 -0
- package/src/core/primitives/stack/__workshop__/plain.tsx +32 -0
- package/src/core/primitives/stack/index.ts +1 -0
- package/src/core/primitives/stack/stack.test.tsx +57 -0
- package/src/core/primitives/stack/stack.tsx +57 -0
- package/src/core/primitives/stack/styles.ts +32 -0
- package/src/core/primitives/switch/__workshop__/example.tsx +23 -0
- package/src/core/primitives/switch/__workshop__/index.ts +11 -0
- package/src/core/primitives/switch/__workshop__/props.tsx +21 -0
- package/src/core/primitives/switch/index.ts +1 -0
- package/src/core/primitives/switch/styles.ts +173 -0
- package/src/core/primitives/switch/switch.tsx +68 -0
- package/src/core/primitives/text/__workshop__/colored.tsx +30 -0
- package/src/core/primitives/text/__workshop__/example.tsx +39 -0
- package/src/core/primitives/text/__workshop__/index.ts +24 -0
- package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +48 -0
- package/src/core/primitives/text/index.ts +1 -0
- package/src/core/primitives/text/styles.ts +74 -0
- package/src/core/primitives/text/text.tsx +89 -0
- package/src/core/primitives/textArea/__workshop__/index.ts +14 -0
- package/src/core/primitives/textArea/__workshop__/plain.tsx +50 -0
- package/src/core/primitives/textArea/index.ts +1 -0
- package/src/core/primitives/textArea/textArea.tsx +120 -0
- package/src/core/primitives/textInput/__workshop__/clearButton.tsx +30 -0
- package/src/core/primitives/textInput/__workshop__/customValidity.tsx +17 -0
- package/src/core/primitives/textInput/__workshop__/index.ts +44 -0
- package/src/core/primitives/textInput/__workshop__/plain.tsx +98 -0
- package/src/core/primitives/textInput/__workshop__/readOnly.tsx +9 -0
- package/src/core/primitives/textInput/__workshop__/states.tsx +53 -0
- package/src/core/primitives/textInput/__workshop__/tones.tsx +277 -0
- package/src/core/primitives/textInput/__workshop__/typed.tsx +23 -0
- package/src/core/primitives/textInput/index.ts +1 -0
- package/src/core/primitives/textInput/textInput.test.tsx +48 -0
- package/src/core/primitives/textInput/textInput.tsx +395 -0
- package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +102 -0
- package/src/core/primitives/tooltip/__workshop__/index.ts +29 -0
- package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +74 -0
- package/src/core/primitives/tooltip/__workshop__/props.tsx +107 -0
- package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +86 -0
- package/src/core/primitives/tooltip/constants.ts +23 -0
- package/src/core/primitives/tooltip/index.ts +2 -0
- package/src/core/primitives/tooltip/tooltip.test.tsx +452 -0
- package/src/core/primitives/tooltip/tooltip.tsx +495 -0
- package/src/core/primitives/tooltip/tooltipCard.tsx +109 -0
- package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts +4 -0
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +11 -0
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +57 -0
- package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +10 -0
- package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +13 -0
- package/src/core/primitives/types.ts +179 -0
- package/src/core/styles/border/borderStyle.ts +56 -0
- package/src/core/styles/border/index.ts +2 -0
- package/src/core/styles/border/types.ts +10 -0
- package/src/core/styles/box/boxStyle.ts +69 -0
- package/src/core/styles/box/index.ts +2 -0
- package/src/core/styles/box/types.ts +11 -0
- package/src/core/styles/card/_cardColorStyle.ts +108 -0
- package/src/core/styles/card/index.ts +1 -0
- package/src/core/styles/flex/flexItemStyle.ts +27 -0
- package/src/core/styles/flex/flexStyle.ts +70 -0
- package/src/core/styles/flex/index.ts +3 -0
- package/src/core/styles/flex/types.ts +25 -0
- package/src/core/styles/focusRing/index.ts +25 -0
- package/src/core/styles/font/codeFontStyle.ts +13 -0
- package/src/core/styles/font/headingFontStyle.ts +13 -0
- package/src/core/styles/font/index.ts +6 -0
- package/src/core/styles/font/labelFontStyle.ts +13 -0
- package/src/core/styles/font/responsiveFont.ts +103 -0
- package/src/core/styles/font/textAlignStyle.ts +19 -0
- package/src/core/styles/font/textFontStyle.ts +13 -0
- package/src/core/styles/font/types.ts +35 -0
- package/src/core/styles/grid/gridItemStyle.ts +82 -0
- package/src/core/styles/grid/gridStyle.ts +108 -0
- package/src/core/styles/grid/index.ts +3 -0
- package/src/core/styles/grid/types.ts +37 -0
- package/src/core/styles/helpers.ts +72 -0
- package/src/core/styles/index.ts +5 -0
- package/src/core/styles/input/index.ts +2 -0
- package/src/core/styles/input/responsiveInputPaddingStyle.ts +78 -0
- package/src/core/styles/input/textInputStyle.ts +263 -0
- package/src/core/styles/internal.ts +12 -0
- package/src/core/styles/margin/index.ts +2 -0
- package/src/core/styles/margin/marginStyle.ts +21 -0
- package/src/core/styles/margin/marginsStyle.test.ts +33 -0
- package/src/core/styles/margin/types.ts +9 -0
- package/src/core/styles/padding/index.ts +2 -0
- package/src/core/styles/padding/paddingStyle.test.ts +33 -0
- package/src/core/styles/padding/paddingStyle.ts +21 -0
- package/src/core/styles/padding/types.ts +12 -0
- package/src/core/styles/radius/index.ts +2 -0
- package/src/core/styles/radius/radiusStyle.ts +23 -0
- package/src/core/styles/radius/types.ts +8 -0
- package/src/core/styles/shadow/index.ts +2 -0
- package/src/core/styles/shadow/shadowStyle.ts +29 -0
- package/src/core/styles/shadow/types.ts +6 -0
- package/src/core/styles/types.ts +8 -0
- package/src/core/theme/__workshop__/build/Root.tsx +367 -0
- package/src/core/theme/__workshop__/build/helpers.ts +46 -0
- package/src/core/theme/__workshop__/build/story.tsx +465 -0
- package/src/core/theme/__workshop__/canvas.tsx +352 -0
- package/src/core/theme/__workshop__/color.tsx +62 -0
- package/src/core/theme/__workshop__/debug/story.tsx +408 -0
- package/src/core/theme/__workshop__/index.ts +39 -0
- package/src/core/theme/__workshop__/layer.tsx +78 -0
- package/src/core/theme/__workshop__/nestedProvider.tsx +15 -0
- package/src/core/theme/index.ts +5 -0
- package/src/core/theme/theme.test.tsx +73 -0
- package/src/core/theme/themeColorProvider.tsx +29 -0
- package/src/core/theme/themeContext.ts +10 -0
- package/src/core/theme/themeProvider.tsx +62 -0
- package/src/core/theme/types.ts +12 -0
- package/src/core/theme/useRootTheme.ts +17 -0
- package/src/core/theme/useTheme.ts +16 -0
- package/src/core/types/avatar.ts +14 -0
- package/src/core/types/badge.ts +12 -0
- package/src/core/types/box.ts +19 -0
- package/src/core/types/button.ts +21 -0
- package/src/core/types/card.ts +6 -0
- package/src/core/types/component.ts +32 -0
- package/src/core/types/dialog.ts +4 -0
- package/src/core/types/flex.ts +30 -0
- package/src/core/types/grid.ts +14 -0
- package/src/core/types/gridItem.ts +29 -0
- package/src/core/types/index.ts +15 -0
- package/src/core/types/placement.ts +18 -0
- package/src/core/types/popover.ts +4 -0
- package/src/core/types/radius.ts +4 -0
- package/src/core/types/selectable.ts +6 -0
- package/src/core/types/text.ts +4 -0
- package/src/core/utils/arrow/arrow.tsx +123 -0
- package/src/core/utils/arrow/cmds.ts +91 -0
- package/src/core/utils/arrow/index.ts +1 -0
- package/src/core/utils/boundaryElement/__workshop__/index.ts +14 -0
- package/src/core/utils/boundaryElement/__workshop__/plain.tsx +19 -0
- package/src/core/utils/boundaryElement/boundaryElement.test.tsx +100 -0
- package/src/core/utils/boundaryElement/boundaryElementContext.ts +7 -0
- package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +24 -0
- package/src/core/utils/boundaryElement/index.ts +3 -0
- package/src/core/utils/boundaryElement/types.ts +7 -0
- package/src/core/utils/boundaryElement/useBoundaryElement.ts +26 -0
- package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +21 -0
- package/src/core/utils/conditionalWrapper/index.ts +1 -0
- package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +30 -0
- package/src/core/utils/elementQuery/__workshop__/index.ts +14 -0
- package/src/core/utils/elementQuery/elementQuery.tsx +53 -0
- package/src/core/utils/elementQuery/helpers.ts +27 -0
- package/src/core/utils/elementQuery/index.ts +1 -0
- package/src/core/utils/errorBoundary.tsx +48 -0
- package/src/core/utils/getElementRef.ts +26 -0
- package/src/core/utils/index.ts +9 -0
- package/src/core/utils/layer/__workshop__/_debug.tsx +17 -0
- package/src/core/utils/layer/__workshop__/index.ts +24 -0
- package/src/core/utils/layer/__workshop__/multipleRoots.tsx +49 -0
- package/src/core/utils/layer/__workshop__/nested.tsx +98 -0
- package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +13 -0
- package/src/core/utils/layer/getLayerContext.test.ts +30 -0
- package/src/core/utils/layer/getLayerContext.ts +21 -0
- package/src/core/utils/layer/index.ts +4 -0
- package/src/core/utils/layer/layer.test.tsx +108 -0
- package/src/core/utils/layer/layer.tsx +98 -0
- package/src/core/utils/layer/layerContext.ts +7 -0
- package/src/core/utils/layer/layerProvider.tsx +111 -0
- package/src/core/utils/layer/types.ts +9 -0
- package/src/core/utils/layer/useLayer.ts +26 -0
- package/src/core/utils/portal/__workshop__/index.ts +14 -0
- package/src/core/utils/portal/__workshop__/named.tsx +63 -0
- package/src/core/utils/portal/index.ts +4 -0
- package/src/core/utils/portal/portal.test.tsx +103 -0
- package/src/core/utils/portal/portal.ts +32 -0
- package/src/core/utils/portal/portalContext.ts +31 -0
- package/src/core/utils/portal/portalProvider.tsx +47 -0
- package/src/core/utils/portal/types.ts +9 -0
- package/src/core/utils/portal/usePortal.ts +25 -0
- package/src/core/utils/spanWithTextOverflow.tsx +10 -0
- package/src/core/utils/srOnly/index.ts +1 -0
- package/src/core/utils/srOnly/srOnly.tsx +36 -0
- package/src/core/utils/virtualList/__workshop__/changingProps.tsx +36 -0
- package/src/core/utils/virtualList/__workshop__/elementScroll.tsx +24 -0
- package/src/core/utils/virtualList/__workshop__/index.ts +29 -0
- package/src/core/utils/virtualList/__workshop__/infiniteList.tsx +48 -0
- package/src/core/utils/virtualList/__workshop__/windowScrolll.tsx +22 -0
- package/src/core/utils/virtualList/index.ts +1 -0
- package/src/core/utils/virtualList/virtualList.tsx +200 -0
- package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts +76 -0
- package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +54 -0
- package/src/theme/build/_deprecated/color/button/createButtonModes.ts +22 -0
- package/src/theme/build/_deprecated/color/button/createButtonTones.ts +55 -0
- package/src/theme/build/_deprecated/color/card/createCardStates.ts +60 -0
- package/src/theme/build/_deprecated/color/color.test.ts +63 -0
- package/src/theme/build/_deprecated/color/defaults.ts +390 -0
- package/src/theme/build/_deprecated/color/factory.ts +142 -0
- package/src/theme/build/_deprecated/color/index.ts +1 -0
- package/src/theme/build/_deprecated/color/input/createInputModes.ts +81 -0
- package/src/theme/build/_deprecated/color/muted/createMuted.ts +54 -0
- package/src/theme/build/_deprecated/color/spot/createSpot.ts +20 -0
- package/src/theme/build/buildColorTheme.test.ts +183 -0
- package/src/theme/build/buildColorTheme.ts +499 -0
- package/src/theme/build/buildTheme.test.ts +87 -0
- package/src/theme/build/buildTheme.ts +36 -0
- package/src/theme/build/colorToken/colorToken.ts +19 -0
- package/src/theme/build/colorToken/compileColorToken.ts +21 -0
- package/src/theme/build/colorToken/index.ts +2 -0
- package/src/theme/build/colorToken/types.ts +6 -0
- package/src/theme/build/index.ts +3 -0
- package/src/theme/build/lib/color-fns/blend/index.ts +3 -0
- package/src/theme/build/lib/color-fns/blend/mix.ts +21 -0
- package/src/theme/build/lib/color-fns/blend/multiply.ts +18 -0
- package/src/theme/build/lib/color-fns/blend/screen.ts +18 -0
- package/src/theme/build/lib/color-fns/color-fns.test.ts +68 -0
- package/src/theme/build/lib/color-fns/contrastRatio.ts +31 -0
- package/src/theme/build/lib/color-fns/convert.ts +150 -0
- package/src/theme/build/lib/color-fns/index.ts +6 -0
- package/src/theme/build/lib/color-fns/parse.ts +60 -0
- package/src/theme/build/lib/color-fns/rgba.ts +10 -0
- package/src/theme/build/lib/color-fns/types.ts +28 -0
- package/src/theme/build/lib/isRecord.ts +3 -0
- package/src/theme/build/lib/lazy.ts +30 -0
- package/src/theme/build/lib/utils.ts +19 -0
- package/src/theme/build/merge.ts +26 -0
- package/src/theme/build/mixThemeColor.test.ts +21 -0
- package/src/theme/build/mixThemeColor.ts +53 -0
- package/src/theme/build/renderColorTheme.ts +532 -0
- package/src/theme/build/renderColorValue.ts +85 -0
- package/src/theme/build/resolveColorTokens.ts +268 -0
- package/src/theme/build/theme.test.ts +27 -0
- package/src/theme/config/helpers.ts +55 -0
- package/src/theme/config/index.ts +4 -0
- package/src/theme/config/system.ts +115 -0
- package/src/theme/config/tokens/color/index.ts +1 -0
- package/src/theme/config/tokens/color/types.ts +133 -0
- package/src/theme/config/tokens/index.ts +4 -0
- package/src/theme/config/tokens/parseTokenKey.test.ts +64 -0
- package/src/theme/config/tokens/parseTokenKey.ts +67 -0
- package/src/theme/config/tokens/parseTokenValue.test.ts +42 -0
- package/src/theme/config/tokens/parseTokenValue.ts +133 -0
- package/src/theme/config/tokens/types.ts +53 -0
- package/src/theme/config/types.ts +46 -0
- package/src/theme/defaults/colorPalette.ts +5 -0
- package/src/theme/defaults/colorTokens.ts +648 -0
- package/src/theme/defaults/config.ts +84 -0
- package/src/theme/defaults/fonts.ts +227 -0
- package/src/theme/getScopedTheme.ts +98 -0
- package/src/theme/index.ts +5 -0
- package/src/theme/system/avatar.ts +14 -0
- package/src/theme/system/color/_constants.ts +45 -0
- package/src/theme/system/color/_helpers.ts +24 -0
- package/src/theme/system/color/_system.ts +40 -0
- package/src/theme/system/color/avatar.ts +15 -0
- package/src/theme/system/color/badge.ts +16 -0
- package/src/theme/system/color/button.ts +17 -0
- package/src/theme/system/color/color.ts +34 -0
- package/src/theme/system/color/index.ts +13 -0
- package/src/theme/system/color/input.ts +25 -0
- package/src/theme/system/color/kbd.ts +8 -0
- package/src/theme/system/color/selectable.ts +12 -0
- package/src/theme/system/color/shadow.ts +7 -0
- package/src/theme/system/color/state.ts +43 -0
- package/src/theme/system/color/syntax.ts +41 -0
- package/src/theme/system/css.ts +14 -0
- package/src/theme/system/focusRing.ts +7 -0
- package/src/theme/system/font.ts +52 -0
- package/src/theme/system/index.ts +11 -0
- package/src/theme/system/input.ts +33 -0
- package/src/theme/system/layer.ts +8 -0
- package/src/theme/system/shadow.ts +19 -0
- package/src/theme/system/styles.ts +13 -0
- package/src/theme/system/theme.ts +138 -0
- package/src/theme/system/v0/avatar.ts +10 -0
- package/src/theme/system/v0/color/_generic.ts +35 -0
- package/src/theme/system/v0/color/_system.ts +17 -0
- package/src/theme/system/v0/color/base.ts +21 -0
- package/src/theme/system/v0/color/button.ts +42 -0
- package/src/theme/system/v0/color/card.ts +19 -0
- package/src/theme/system/v0/color/color.ts +40 -0
- package/src/theme/system/v0/color/index.ts +11 -0
- package/src/theme/system/v0/color/input.ts +34 -0
- package/src/theme/system/v0/color/muted.ts +26 -0
- package/src/theme/system/v0/color/selectable.ts +31 -0
- package/src/theme/system/v0/color/solid.ts +26 -0
- package/src/theme/system/v0/color/spot.ts +13 -0
- package/src/theme/system/v0/index.ts +3 -0
- package/src/theme/system/v0/input.ts +23 -0
- package/src/theme/versioning/getTheme_v2.ts +57 -0
- package/src/theme/versioning/index.ts +5 -0
- package/src/theme/versioning/is_v0.ts +6 -0
- package/src/theme/versioning/is_v2.ts +6 -0
- package/src/theme/versioning/themeColor_v0_v2.ts +243 -0
- package/src/theme/versioning/themeColor_v2_v2_9.ts +49 -0
- package/src/theme/versioning/v0_v2.ts +94 -0
- package/src/theme/versioning/v2_v0.ts +135 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "react-compiler-runtime";
|
|
3
|
+
import { hasLanguage, Refractor } from "react-refractor";
|
|
4
|
+
function LazyRefractor(props) {
|
|
5
|
+
const $ = c(13), {
|
|
6
|
+
language: languageProp,
|
|
7
|
+
value
|
|
8
|
+
} = props, language = typeof languageProp == "string" ? languageProp : void 0;
|
|
9
|
+
let t0;
|
|
10
|
+
$[0] !== language ? (t0 = language ? hasLanguage(language) : !1, $[0] = language, $[1] = t0) : t0 = $[1];
|
|
11
|
+
const registered = t0;
|
|
12
|
+
let t1;
|
|
13
|
+
$[2] !== language || $[3] !== registered || $[4] !== value ? (t1 = !(language && registered) && /* @__PURE__ */ jsx("code", { children: value }), $[2] = language, $[3] = registered, $[4] = value, $[5] = t1) : t1 = $[5];
|
|
14
|
+
let t2;
|
|
15
|
+
$[6] !== language || $[7] !== registered || $[8] !== value ? (t2 = language && registered && /* @__PURE__ */ jsx(Refractor, { inline: !0, language, value: String(value) }), $[6] = language, $[7] = registered, $[8] = value, $[9] = t2) : t2 = $[9];
|
|
16
|
+
let t3;
|
|
17
|
+
return $[10] !== t1 || $[11] !== t2 ? (t3 = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
18
|
+
t1,
|
|
19
|
+
t2
|
|
20
|
+
] }), $[10] = t1, $[11] = t2, $[12] = t3) : t3 = $[12], t3;
|
|
21
|
+
}
|
|
22
|
+
LazyRefractor.displayName = "LazyRefractor";
|
|
23
|
+
export {
|
|
24
|
+
LazyRefractor as default
|
|
25
|
+
};
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
/** @internal */
|
|
2
|
+
type RGB = [number, number, number];
|
|
3
|
+
/** @internal */
|
|
4
|
+
type HSL = [number, number, number];
|
|
5
|
+
/** @internal */
|
|
6
|
+
interface ColorTintConfig {
|
|
7
|
+
title: string;
|
|
8
|
+
hsl: HSL;
|
|
9
|
+
}
|
|
10
|
+
/** @internal */
|
|
11
|
+
interface ColorHueConfig {
|
|
12
|
+
title: string;
|
|
13
|
+
tints: { [key in ColorTintKey]: ColorTintConfig; };
|
|
14
|
+
}
|
|
15
|
+
/** @internal */
|
|
16
|
+
interface ColorConfig {
|
|
17
|
+
black: ColorTintConfig;
|
|
18
|
+
white: ColorTintConfig;
|
|
19
|
+
gray: ColorHueConfig;
|
|
20
|
+
blue: ColorHueConfig;
|
|
21
|
+
purple: ColorHueConfig;
|
|
22
|
+
magenta: ColorHueConfig;
|
|
23
|
+
red: ColorHueConfig;
|
|
24
|
+
orange: ColorHueConfig;
|
|
25
|
+
yellow: ColorHueConfig;
|
|
26
|
+
green: ColorHueConfig;
|
|
27
|
+
cyan: ColorHueConfig;
|
|
28
|
+
}
|
|
29
|
+
/** @public */
|
|
30
|
+
interface ColorTint {
|
|
31
|
+
hex: string;
|
|
32
|
+
title: string;
|
|
33
|
+
}
|
|
34
|
+
/** @public */
|
|
35
|
+
type ColorTintKey = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
|
|
36
|
+
/** @public */
|
|
37
|
+
type ColorTints = { [key in ColorTintKey]: ColorTint; };
|
|
38
|
+
/** @public */
|
|
39
|
+
type ColorHueKey = 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'cyan' | 'blue' | 'purple' | 'magenta';
|
|
40
|
+
/** @public */
|
|
41
|
+
type ColorHues = { [key in ColorHueKey]: ColorTints; };
|
|
42
|
+
/** @public */
|
|
43
|
+
interface Color extends ColorHues {
|
|
44
|
+
black: ColorTint;
|
|
45
|
+
white: ColorTint;
|
|
46
|
+
}
|
|
47
|
+
/** @internal */
|
|
48
|
+
declare function buildTints(options: {
|
|
49
|
+
hueKey: ColorHueKey;
|
|
50
|
+
black: ColorTintConfig;
|
|
51
|
+
color: ColorHueConfig;
|
|
52
|
+
}): ColorTints;
|
|
53
|
+
/** @public */
|
|
54
|
+
declare const black: ColorTint;
|
|
55
|
+
/** @public */
|
|
56
|
+
declare const white: ColorTint;
|
|
57
|
+
/** @public */
|
|
58
|
+
declare const gray: ColorTints;
|
|
59
|
+
/** @public */
|
|
60
|
+
declare const blue: ColorTints;
|
|
61
|
+
/** @public */
|
|
62
|
+
declare const purple: ColorTints;
|
|
63
|
+
/** @public */
|
|
64
|
+
declare const magenta: ColorTints;
|
|
65
|
+
/** @public */
|
|
66
|
+
declare const red: ColorTints;
|
|
67
|
+
/** @public */
|
|
68
|
+
declare const orange: ColorTints;
|
|
69
|
+
/** @public */
|
|
70
|
+
declare const yellow: ColorTints;
|
|
71
|
+
/** @public */
|
|
72
|
+
declare const green: ColorTints;
|
|
73
|
+
/** @public */
|
|
74
|
+
declare const cyan: ColorTints;
|
|
75
|
+
/** @public */
|
|
76
|
+
declare const hues: ColorHues;
|
|
77
|
+
/** @public */
|
|
78
|
+
declare const color: Color;
|
|
79
|
+
/** @internal */
|
|
80
|
+
declare const config: ColorConfig;
|
|
81
|
+
/**
|
|
82
|
+
* Color hue keys.
|
|
83
|
+
* @public
|
|
84
|
+
*/
|
|
85
|
+
declare const COLOR_HUES: ColorHueKey[];
|
|
86
|
+
/**
|
|
87
|
+
* Color tint keys.
|
|
88
|
+
* @public
|
|
89
|
+
*/
|
|
90
|
+
declare const COLOR_TINTS: ColorTintKey[];
|
|
91
|
+
/** @internal */
|
|
92
|
+
declare function hexToRgb(hex: string): RGB;
|
|
93
|
+
/** @internal */
|
|
94
|
+
declare function hslToRgb(hsl: HSL): RGB;
|
|
95
|
+
/** @internal */
|
|
96
|
+
declare function rgbToHex([r, g, b]: RGB): string;
|
|
97
|
+
/**
|
|
98
|
+
* @see https://css-tricks.com/converting-color-spaces-in-javascript/
|
|
99
|
+
*
|
|
100
|
+
* @internal
|
|
101
|
+
*/
|
|
102
|
+
declare function rgbToHsl([r, g, b]: RGB): HSL;
|
|
103
|
+
/**
|
|
104
|
+
* Apply the `darken` blend mode
|
|
105
|
+
* Source: https://www.w3.org/TR/compositing-1/#blendingdarken
|
|
106
|
+
*
|
|
107
|
+
* @internal
|
|
108
|
+
*/
|
|
109
|
+
declare function darken(b: RGB, s: RGB): RGB;
|
|
110
|
+
/** @internal */
|
|
111
|
+
declare function limit(darkest: RGB, lightest: RGB, source: RGB): RGB;
|
|
112
|
+
/**
|
|
113
|
+
* Apply the `screen` blend mode
|
|
114
|
+
* Source: https://www.w3.org/TR/compositing-1/#blendingscreen
|
|
115
|
+
*
|
|
116
|
+
* @internal
|
|
117
|
+
*/
|
|
118
|
+
declare function screen(b: RGB, s: RGB): RGB;
|
|
119
|
+
export { COLOR_HUES, COLOR_TINTS, Color, ColorConfig, ColorHueConfig, ColorHueKey, ColorHues, ColorTint, ColorTintConfig, ColorTintKey, ColorTints, HSL, RGB, black, blue, buildTints, color, config, cyan, darken, gray, green, hexToRgb, hslToRgb, hues, limit, magenta, orange, purple, red, rgbToHex, rgbToHsl, screen, white, yellow };
|
package/dist/_color.d.ts
ADDED
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
/** @internal */
|
|
2
|
+
type RGB = [number, number, number];
|
|
3
|
+
/** @internal */
|
|
4
|
+
type HSL = [number, number, number];
|
|
5
|
+
/** @internal */
|
|
6
|
+
interface ColorTintConfig {
|
|
7
|
+
title: string;
|
|
8
|
+
hsl: HSL;
|
|
9
|
+
}
|
|
10
|
+
/** @internal */
|
|
11
|
+
interface ColorHueConfig {
|
|
12
|
+
title: string;
|
|
13
|
+
tints: { [key in ColorTintKey]: ColorTintConfig; };
|
|
14
|
+
}
|
|
15
|
+
/** @internal */
|
|
16
|
+
interface ColorConfig {
|
|
17
|
+
black: ColorTintConfig;
|
|
18
|
+
white: ColorTintConfig;
|
|
19
|
+
gray: ColorHueConfig;
|
|
20
|
+
blue: ColorHueConfig;
|
|
21
|
+
purple: ColorHueConfig;
|
|
22
|
+
magenta: ColorHueConfig;
|
|
23
|
+
red: ColorHueConfig;
|
|
24
|
+
orange: ColorHueConfig;
|
|
25
|
+
yellow: ColorHueConfig;
|
|
26
|
+
green: ColorHueConfig;
|
|
27
|
+
cyan: ColorHueConfig;
|
|
28
|
+
}
|
|
29
|
+
/** @public */
|
|
30
|
+
interface ColorTint {
|
|
31
|
+
hex: string;
|
|
32
|
+
title: string;
|
|
33
|
+
}
|
|
34
|
+
/** @public */
|
|
35
|
+
type ColorTintKey = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
|
|
36
|
+
/** @public */
|
|
37
|
+
type ColorTints = { [key in ColorTintKey]: ColorTint; };
|
|
38
|
+
/** @public */
|
|
39
|
+
type ColorHueKey = 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'cyan' | 'blue' | 'purple' | 'magenta';
|
|
40
|
+
/** @public */
|
|
41
|
+
type ColorHues = { [key in ColorHueKey]: ColorTints; };
|
|
42
|
+
/** @public */
|
|
43
|
+
interface Color extends ColorHues {
|
|
44
|
+
black: ColorTint;
|
|
45
|
+
white: ColorTint;
|
|
46
|
+
}
|
|
47
|
+
/** @internal */
|
|
48
|
+
declare function buildTints(options: {
|
|
49
|
+
hueKey: ColorHueKey;
|
|
50
|
+
black: ColorTintConfig;
|
|
51
|
+
color: ColorHueConfig;
|
|
52
|
+
}): ColorTints;
|
|
53
|
+
/** @public */
|
|
54
|
+
declare const black: ColorTint;
|
|
55
|
+
/** @public */
|
|
56
|
+
declare const white: ColorTint;
|
|
57
|
+
/** @public */
|
|
58
|
+
declare const gray: ColorTints;
|
|
59
|
+
/** @public */
|
|
60
|
+
declare const blue: ColorTints;
|
|
61
|
+
/** @public */
|
|
62
|
+
declare const purple: ColorTints;
|
|
63
|
+
/** @public */
|
|
64
|
+
declare const magenta: ColorTints;
|
|
65
|
+
/** @public */
|
|
66
|
+
declare const red: ColorTints;
|
|
67
|
+
/** @public */
|
|
68
|
+
declare const orange: ColorTints;
|
|
69
|
+
/** @public */
|
|
70
|
+
declare const yellow: ColorTints;
|
|
71
|
+
/** @public */
|
|
72
|
+
declare const green: ColorTints;
|
|
73
|
+
/** @public */
|
|
74
|
+
declare const cyan: ColorTints;
|
|
75
|
+
/** @public */
|
|
76
|
+
declare const hues: ColorHues;
|
|
77
|
+
/** @public */
|
|
78
|
+
declare const color: Color;
|
|
79
|
+
/** @internal */
|
|
80
|
+
declare const config: ColorConfig;
|
|
81
|
+
/**
|
|
82
|
+
* Color hue keys.
|
|
83
|
+
* @public
|
|
84
|
+
*/
|
|
85
|
+
declare const COLOR_HUES: ColorHueKey[];
|
|
86
|
+
/**
|
|
87
|
+
* Color tint keys.
|
|
88
|
+
* @public
|
|
89
|
+
*/
|
|
90
|
+
declare const COLOR_TINTS: ColorTintKey[];
|
|
91
|
+
/** @internal */
|
|
92
|
+
declare function hexToRgb(hex: string): RGB;
|
|
93
|
+
/** @internal */
|
|
94
|
+
declare function hslToRgb(hsl: HSL): RGB;
|
|
95
|
+
/** @internal */
|
|
96
|
+
declare function rgbToHex([r, g, b]: RGB): string;
|
|
97
|
+
/**
|
|
98
|
+
* @see https://css-tricks.com/converting-color-spaces-in-javascript/
|
|
99
|
+
*
|
|
100
|
+
* @internal
|
|
101
|
+
*/
|
|
102
|
+
declare function rgbToHsl([r, g, b]: RGB): HSL;
|
|
103
|
+
/**
|
|
104
|
+
* Apply the `darken` blend mode
|
|
105
|
+
* Source: https://www.w3.org/TR/compositing-1/#blendingdarken
|
|
106
|
+
*
|
|
107
|
+
* @internal
|
|
108
|
+
*/
|
|
109
|
+
declare function darken(b: RGB, s: RGB): RGB;
|
|
110
|
+
/** @internal */
|
|
111
|
+
declare function limit(darkest: RGB, lightest: RGB, source: RGB): RGB;
|
|
112
|
+
/**
|
|
113
|
+
* Apply the `screen` blend mode
|
|
114
|
+
* Source: https://www.w3.org/TR/compositing-1/#blendingscreen
|
|
115
|
+
*
|
|
116
|
+
* @internal
|
|
117
|
+
*/
|
|
118
|
+
declare function screen(b: RGB, s: RGB): RGB;
|
|
119
|
+
export { COLOR_HUES, COLOR_TINTS, Color, ColorConfig, ColorHueConfig, ColorHueKey, ColorHues, ColorTint, ColorTintConfig, ColorTintKey, ColorTints, HSL, RGB, black, blue, buildTints, color, config, cyan, darken, gray, green, hexToRgb, hslToRgb, hues, limit, magenta, orange, purple, red, rgbToHex, rgbToHsl, screen, white, yellow };
|