@channel.io/bezier-react 1.7.2 → 1.9.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/dist/cjs/components/ListItem/ListItem.styled.js +1 -1
- package/dist/cjs/components/Modals/Modal/Modal.types.js.map +1 -1
- package/dist/cjs/components/Modals/Modal/ModalAnimation.styled.js +1 -1
- package/dist/cjs/components/Modals/Modal/ModalContent.js +14 -7
- package/dist/cjs/components/Modals/Modal/ModalContent.js.map +1 -1
- package/dist/cjs/components/Modals/Modal/ModalContext.js +14 -0
- package/dist/cjs/components/Modals/Modal/ModalContext.js.map +1 -0
- package/dist/cjs/components/Modals/Modal/ModalHeader.js +2 -2
- package/dist/cjs/components/Modals/Modal/ModalHeader.js.map +1 -1
- package/dist/cjs/components/Overlay/Overlay.js +13 -11
- package/dist/cjs/components/Overlay/Overlay.js.map +1 -1
- package/dist/cjs/components/Overlay/Overlay.types.js.map +1 -1
- package/dist/cjs/components/Tabs/TabAction.js.map +1 -1
- package/dist/cjs/components/Text/Text.styled.js +1 -1
- package/dist/cjs/components/Toast/ToastProvider.js +3 -1
- package/dist/cjs/components/Toast/ToastProvider.js.map +1 -1
- package/dist/cjs/components/Toast/ToastService.js +57 -59
- package/dist/cjs/components/Toast/ToastService.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +5 -1
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.types.js.map +1 -1
- package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js +7 -9
- package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js.map +1 -1
- package/dist/cjs/foundation/Colors/Palette/index.js +1 -0
- package/dist/cjs/foundation/Colors/Palette/index.js.map +1 -1
- package/dist/cjs/foundation/Colors/Theme/presets/DarkTheme.js +2 -1
- package/dist/cjs/foundation/Colors/Theme/presets/DarkTheme.js.map +1 -1
- package/dist/cjs/foundation/Colors/Theme/presets/LightTheme.js +1 -0
- package/dist/cjs/foundation/Colors/Theme/presets/LightTheme.js.map +1 -1
- package/dist/cjs/hooks/useIsMounted.js +16 -0
- package/dist/cjs/hooks/useIsMounted.js.map +1 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/ListItem/ListItem.styled.mjs +1 -1
- package/dist/esm/components/Modals/Modal/Modal.types.mjs.map +1 -1
- package/dist/esm/components/Modals/Modal/ModalAnimation.styled.mjs +1 -1
- package/dist/esm/components/Modals/Modal/ModalContent.mjs +16 -9
- package/dist/esm/components/Modals/Modal/ModalContent.mjs.map +1 -1
- package/dist/esm/components/Modals/Modal/ModalContext.mjs +9 -0
- package/dist/esm/components/Modals/Modal/ModalContext.mjs.map +1 -0
- package/dist/esm/components/Modals/Modal/ModalHeader.mjs +2 -2
- package/dist/esm/components/Modals/Modal/ModalHeader.mjs.map +1 -1
- package/dist/esm/components/Overlay/Overlay.mjs +13 -11
- package/dist/esm/components/Overlay/Overlay.mjs.map +1 -1
- package/dist/esm/components/Overlay/Overlay.types.mjs.map +1 -1
- package/dist/esm/components/Tabs/TabAction.mjs.map +1 -1
- package/dist/esm/components/Text/Text.styled.mjs +1 -1
- package/dist/esm/components/Toast/ToastProvider.mjs +3 -1
- package/dist/esm/components/Toast/ToastProvider.mjs.map +1 -1
- package/dist/esm/components/Toast/ToastService.mjs +57 -59
- package/dist/esm/components/Toast/ToastService.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.mjs +6 -2
- package/dist/esm/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.types.mjs.map +1 -1
- package/dist/esm/features/SmoothCornersFeature/SmoothCornersFeature.mjs +7 -9
- package/dist/esm/features/SmoothCornersFeature/SmoothCornersFeature.mjs.map +1 -1
- package/dist/esm/foundation/Colors/Palette/index.mjs +1 -0
- package/dist/esm/foundation/Colors/Palette/index.mjs.map +1 -1
- package/dist/esm/foundation/Colors/Theme/presets/DarkTheme.mjs +2 -1
- package/dist/esm/foundation/Colors/Theme/presets/DarkTheme.mjs.map +1 -1
- package/dist/esm/foundation/Colors/Theme/presets/LightTheme.mjs +1 -0
- package/dist/esm/foundation/Colors/Theme/presets/LightTheme.mjs.map +1 -1
- package/dist/esm/hooks/useIsMounted.mjs +12 -0
- package/dist/esm/hooks/useIsMounted.mjs.map +1 -0
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/types/components/Modals/Modal/Modal.types.d.ts +1 -1
- package/dist/types/components/Modals/Modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/Modals/Modal/ModalContent.d.ts.map +1 -1
- package/dist/types/components/Modals/Modal/ModalContext.d.ts +5 -0
- package/dist/types/components/Modals/Modal/ModalContext.d.ts.map +1 -0
- package/dist/types/components/Modals/Modal/index.d.ts +1 -0
- package/dist/types/components/Modals/Modal/index.d.ts.map +1 -1
- package/dist/types/components/Overlay/Overlay.d.ts.map +1 -1
- package/dist/types/components/Overlay/Overlay.types.d.ts +5 -0
- package/dist/types/components/Overlay/Overlay.types.d.ts.map +1 -1
- package/dist/types/components/Tabs/TabAction.d.ts +4 -2
- package/dist/types/components/Tabs/TabAction.d.ts.map +1 -1
- package/dist/types/components/Toast/ToastProvider.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.types.d.ts +1 -0
- package/dist/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/types/foundation/Colors/Palette/index.d.ts +1 -1
- package/dist/types/foundation/Colors/Palette/index.d.ts.map +1 -1
- package/dist/types/foundation/Colors/Theme/presets/DarkTheme.d.ts.map +1 -1
- package/dist/types/foundation/Colors/Theme/presets/LightTheme.d.ts.map +1 -1
- package/dist/types/foundation/Colors/Theme/types/SemanticNames.d.ts +1 -1
- package/dist/types/foundation/Colors/Theme/types/SemanticNames.d.ts.map +1 -1
- package/dist/types/hooks/useIsMounted.d.ts +2 -0
- package/dist/types/hooks/useIsMounted.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/components/Button/__snapshots__/Button.test.tsx.snap +15 -15
- package/src/components/Forms/FormControl/__snapshots__/FormControl.test.tsx.snap +57 -57
- package/src/components/Modals/Modal/Modal.types.ts +1 -1
- package/src/components/Modals/Modal/ModalContent.tsx +26 -9
- package/src/components/Modals/Modal/ModalContext.ts +15 -0
- package/src/components/Modals/Modal/ModalHeader.tsx +2 -2
- package/src/components/Modals/Modal/index.ts +2 -0
- package/src/components/Overlay/Overlay.tsx +20 -12
- package/src/components/Overlay/Overlay.types.ts +5 -0
- package/src/components/Tabs/TabAction.tsx +7 -3
- package/src/components/Toast/ToastProvider.tsx +4 -1
- package/src/components/Tooltip/Tooltip.tsx +9 -3
- package/src/components/Tooltip/Tooltip.types.ts +1 -0
- package/src/foundation/Colors/Palette/index.ts +2 -0
- package/src/foundation/Colors/Theme/presets/DarkTheme.ts +2 -1
- package/src/foundation/Colors/Theme/presets/LightTheme.ts +1 -0
- package/src/foundation/Colors/Theme/types/SemanticNames.ts +1 -0
- package/src/hooks/useIsMounted.ts +14 -0
- package/dist/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -35
- package/dist/cjs/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
- package/dist/cjs/components/Modals/Modal/ModalContentContext.js +0 -11
- package/dist/cjs/components/Modals/Modal/ModalContentContext.js.map +0 -1
- package/dist/esm/_virtual/_rollupPluginBabelHelpers.mjs +0 -31
- package/dist/esm/_virtual/_rollupPluginBabelHelpers.mjs.map +0 -1
- package/dist/esm/components/Modals/Modal/ModalContentContext.mjs +0 -8
- package/dist/esm/components/Modals/Modal/ModalContentContext.mjs.map +0 -1
- package/dist/types/components/Modals/Modal/ModalContentContext.d.ts +0 -4
- package/dist/types/components/Modals/Modal/ModalContentContext.d.ts.map +0 -1
- package/src/components/Modals/Modal/ModalContentContext.ts +0 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n type ToastContent,\n type ToastId,\n type ToastOptions,\n type ToastType,\n defaultOptions,\n} from './Toast.types'\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n toasts: ToastType[] = []\n\n getToasts = () => this.toasts\n\n setToasts = (newToasts: ToastType[]) => {\n this.toasts = newToasts\n }\n\n has = (toastId: ToastId) => {\n if (!this.toasts.length) {\n return false\n }\n return this.toasts.reduce((flag, toast) => (toast.id === toastId ? true : flag), false)\n }\n\n add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n const newId: ToastId = uuid()\n\n if (this.has(newId)) {\n return ''\n }\n\n const newToast: ToastType = {\n id: newId,\n content,\n version: 0,\n ...options,\n }\n const newToasts: ToastType[] = [...this.toasts, newToast]\n this.setToasts(newToasts)\n return newId\n }\n\n update = (toastId: ToastId, content: ToastContent, options: ToastOptions = {}) => {\n if (!this.has(toastId)) {\n return ''\n }\n\n const newToasts: ToastType[] = this.toasts.map((toast) => {\n if (toast.id === toastId) {\n return {\n ...toast,\n ...options,\n version: toast?.version != null ? toast.version + 1 : 0,\n content,\n }\n }\n return toast\n })\n this.setToasts(newToasts)\n return toastId\n }\n\n remove = (id: ToastId): boolean => {\n if (!this.has(id)) {\n return false\n }\n const newToasts: ToastType[] = this.toasts.filter((toast) => toast.id !== id)\n this.setToasts(newToasts)\n return true // remove success\n }\n\n removeAll = () => {\n if (!this.toasts.length) {\n return\n }\n\n this.setToasts([])\n }\n}\n\nexport default ToastService\n"],"names":["ToastService","
|
|
1
|
+
{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n type ToastContent,\n type ToastId,\n type ToastOptions,\n type ToastType,\n defaultOptions,\n} from './Toast.types'\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n toasts: ToastType[] = []\n\n getToasts = () => this.toasts\n\n setToasts = (newToasts: ToastType[]) => {\n this.toasts = newToasts\n }\n\n has = (toastId: ToastId) => {\n if (!this.toasts.length) {\n return false\n }\n return this.toasts.reduce((flag, toast) => (toast.id === toastId ? true : flag), false)\n }\n\n add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n const newId: ToastId = uuid()\n\n if (this.has(newId)) {\n return ''\n }\n\n const newToast: ToastType = {\n id: newId,\n content,\n version: 0,\n ...options,\n }\n const newToasts: ToastType[] = [...this.toasts, newToast]\n this.setToasts(newToasts)\n return newId\n }\n\n update = (toastId: ToastId, content: ToastContent, options: ToastOptions = {}) => {\n if (!this.has(toastId)) {\n return ''\n }\n\n const newToasts: ToastType[] = this.toasts.map((toast) => {\n if (toast.id === toastId) {\n return {\n ...toast,\n ...options,\n version: toast?.version != null ? toast.version + 1 : 0,\n content,\n }\n }\n return toast\n })\n this.setToasts(newToasts)\n return toastId\n }\n\n remove = (id: ToastId): boolean => {\n if (!this.has(id)) {\n return false\n }\n const newToasts: ToastType[] = this.toasts.filter((toast) => toast.id !== id)\n this.setToasts(newToasts)\n return true // remove success\n }\n\n removeAll = () => {\n if (!this.toasts.length) {\n return\n }\n\n this.setToasts([])\n }\n}\n\nexport default ToastService\n"],"names":["ToastService","toasts","getToasts","setToasts","newToasts","has","toastId","length","reduce","flag","toast","id","add","content","options","defaultOptions","newId","uuid","newToast","version","update","map","remove","filter","removeAll"],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ var reactUtils = require('../../utils/reactUtils.js');
|
|
|
7
7
|
var typeUtils = require('../../utils/typeUtils.js');
|
|
8
8
|
var Tooltip_types = require('./Tooltip.types.js');
|
|
9
9
|
var Tooltip_styled = require('./Tooltip.styled.js');
|
|
10
|
+
var ModalContext = require('../Modals/Modal/ModalContext.js');
|
|
10
11
|
|
|
11
12
|
function getSideAndAlign(placement) {
|
|
12
13
|
switch (placement) {
|
|
@@ -143,7 +144,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
|
|
|
143
144
|
icon,
|
|
144
145
|
placement = Tooltip_types.TooltipPosition.BottomCenter,
|
|
145
146
|
offset = 4,
|
|
146
|
-
container
|
|
147
|
+
container: givenContainer,
|
|
147
148
|
keepInContainer = true,
|
|
148
149
|
allowHover,
|
|
149
150
|
delayShow,
|
|
@@ -156,6 +157,9 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
|
|
|
156
157
|
delayHide: globalDelayHide
|
|
157
158
|
} = useTooltipGlobalContext('Tooltip');
|
|
158
159
|
const delayHide = delayHideProp ?? globalDelayHide;
|
|
160
|
+
const defaultContainer = domUtils.getRootElement();
|
|
161
|
+
const modalContainer = ModalContext.useModalContainerContext();
|
|
162
|
+
const container = givenContainer ?? modalContainer ?? defaultContainer;
|
|
159
163
|
React.useEffect(function cleanUpTimeout() {
|
|
160
164
|
return function cleanUp() {
|
|
161
165
|
if (timeoutRef.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { document } from '~/src/utils/domUtils'\nimport { createContext } from '~/src/utils/reactUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport {\n TooltipPosition,\n type TooltipProps,\n type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\nfunction getSideAndAlign(\n placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n switch (placement) {\n case TooltipPosition.TopCenter:\n return {\n side: 'top',\n align: 'center',\n }\n case TooltipPosition.TopLeft:\n return {\n side: 'top',\n align: 'start',\n }\n case TooltipPosition.TopRight:\n return {\n side: 'top',\n align: 'end',\n }\n case TooltipPosition.RightCenter:\n return {\n side: 'right',\n align: 'center',\n }\n case TooltipPosition.RightTop:\n return {\n side: 'right',\n align: 'start',\n }\n case TooltipPosition.RightBottom:\n return {\n side: 'right',\n align: 'end',\n }\n case TooltipPosition.BottomCenter:\n return {\n side: 'bottom',\n align: 'center',\n }\n case TooltipPosition.BottomLeft:\n return {\n side: 'bottom',\n align: 'start',\n }\n case TooltipPosition.BottomRight:\n return {\n side: 'bottom',\n align: 'end',\n }\n case TooltipPosition.LeftCenter:\n return {\n side: 'left',\n align: 'center',\n }\n case TooltipPosition.LeftTop:\n return {\n side: 'left',\n align: 'start',\n }\n case TooltipPosition.LeftBottom:\n return {\n side: 'left',\n align: 'end',\n }\n default:\n // NOTE: should not reach here\n return {\n side: undefined,\n align: undefined,\n }\n }\n}\n\nconst [\n /**\n * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n */\n TooltipGlobalContextProvider,\n useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>(null, 'TooltipProvider')\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n * <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n children,\n allowHover = false,\n delayShow = 300,\n delayHide = 0,\n skipDelayShow = 500,\n}: TooltipProviderProps) {\n const contextValue = useMemo(() => ({\n delayHide,\n }), [delayHide])\n\n return (\n <TooltipPrimitive.Provider\n delayDuration={delayShow}\n skipDelayDuration={skipDelayShow}\n disableHoverableContent={!allowHover}\n >\n <TooltipGlobalContextProvider value={contextValue}>\n { children }\n </TooltipGlobalContextProvider>\n </TooltipPrimitive.Provider>\n )\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n * <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n * <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n as,\n children,\n defaultShow,\n onShow: onShowProp,\n onHide: onHideProp,\n disabled,\n content,\n description,\n icon,\n placement = TooltipPosition.BottomCenter,\n offset = 4,\n container = document.body,\n keepInContainer = true,\n allowHover,\n delayShow,\n delayHide: delayHideProp,\n ...rest\n}, forwardedRef) {\n const [show, setShow] = useState<boolean>(defaultShow ?? false)\n const timeoutRef = useRef<NodeJS.Timeout>()\n const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n\n const delayHide = delayHideProp ?? globalDelayHide\n\n useEffect(function cleanUpTimeout() {\n return function cleanUp() {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n }\n }, [])\n\n const onShow = useCallback(() => {\n setShow(true)\n onShowProp?.()\n }, [onShowProp])\n\n const onHide = useCallback(() => {\n setShow(false)\n onHideProp?.()\n }, [onHideProp])\n\n const onOpenChange = useCallback((open: boolean) => {\n if (disabled) { return }\n\n if (open) {\n onShow()\n return\n }\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }\n\n if (delayHide > 0) {\n timeoutRef.current = setTimeout(() => {\n onHide()\n }, delayHide)\n return\n }\n\n onHide()\n }, [\n disabled,\n delayHide,\n onShow,\n onHide,\n ])\n\n return (\n <TooltipPrimitive.Root\n open={show}\n defaultOpen={defaultShow}\n delayDuration={delayShow}\n disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n onOpenChange={onOpenChange}\n >\n <TooltipPrimitive.Trigger asChild>\n { children }\n </TooltipPrimitive.Trigger>\n\n <TooltipPrimitive.Portal container={container}>\n <TooltipPrimitive.Content\n {...rest}\n {...getSideAndAlign(placement)}\n asChild\n ref={forwardedRef}\n sideOffset={offset}\n avoidCollisions={keepInContainer}\n collisionPadding={8}\n hideWhenDetached\n >\n <Styled.TooltipContent forwardedAs={as}>\n <Styled.TextContainer>\n <Styled.Content>\n { content }\n </Styled.Content>\n\n { description && (\n <Styled.Description>\n { description }\n </Styled.Description>\n ) }\n </Styled.TextContainer>\n\n { icon && (\n <Styled.Icon source={icon} />\n ) }\n </Styled.TooltipContent>\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n )\n})\n"],"names":["getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","createContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","contextValue","useMemo","React","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","document","body","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { getRootElement } from '~/src/utils/domUtils'\nimport { createContext } from '~/src/utils/reactUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport { useModalContainerContext } from '~/src/components/Modals'\n\nimport {\n TooltipPosition,\n type TooltipProps,\n type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\nfunction getSideAndAlign(\n placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n switch (placement) {\n case TooltipPosition.TopCenter:\n return {\n side: 'top',\n align: 'center',\n }\n case TooltipPosition.TopLeft:\n return {\n side: 'top',\n align: 'start',\n }\n case TooltipPosition.TopRight:\n return {\n side: 'top',\n align: 'end',\n }\n case TooltipPosition.RightCenter:\n return {\n side: 'right',\n align: 'center',\n }\n case TooltipPosition.RightTop:\n return {\n side: 'right',\n align: 'start',\n }\n case TooltipPosition.RightBottom:\n return {\n side: 'right',\n align: 'end',\n }\n case TooltipPosition.BottomCenter:\n return {\n side: 'bottom',\n align: 'center',\n }\n case TooltipPosition.BottomLeft:\n return {\n side: 'bottom',\n align: 'start',\n }\n case TooltipPosition.BottomRight:\n return {\n side: 'bottom',\n align: 'end',\n }\n case TooltipPosition.LeftCenter:\n return {\n side: 'left',\n align: 'center',\n }\n case TooltipPosition.LeftTop:\n return {\n side: 'left',\n align: 'start',\n }\n case TooltipPosition.LeftBottom:\n return {\n side: 'left',\n align: 'end',\n }\n default:\n // NOTE: should not reach here\n return {\n side: undefined,\n align: undefined,\n }\n }\n}\n\nconst [\n /**\n * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n */\n TooltipGlobalContextProvider,\n useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>(null, 'TooltipProvider')\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n * <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n children,\n allowHover = false,\n delayShow = 300,\n delayHide = 0,\n skipDelayShow = 500,\n}: TooltipProviderProps) {\n const contextValue = useMemo(() => ({\n delayHide,\n }), [delayHide])\n\n return (\n <TooltipPrimitive.Provider\n delayDuration={delayShow}\n skipDelayDuration={skipDelayShow}\n disableHoverableContent={!allowHover}\n >\n <TooltipGlobalContextProvider value={contextValue}>\n { children }\n </TooltipGlobalContextProvider>\n </TooltipPrimitive.Provider>\n )\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n * <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n * <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n as,\n children,\n defaultShow,\n onShow: onShowProp,\n onHide: onHideProp,\n disabled,\n content,\n description,\n icon,\n placement = TooltipPosition.BottomCenter,\n offset = 4,\n container: givenContainer,\n keepInContainer = true,\n allowHover,\n delayShow,\n delayHide: delayHideProp,\n ...rest\n}, forwardedRef) {\n const [show, setShow] = useState<boolean>(defaultShow ?? false)\n const timeoutRef = useRef<NodeJS.Timeout>()\n\n const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n const delayHide = delayHideProp ?? globalDelayHide\n\n const defaultContainer = getRootElement()\n const modalContainer = useModalContainerContext()\n const container = givenContainer ?? modalContainer ?? defaultContainer\n\n useEffect(function cleanUpTimeout() {\n return function cleanUp() {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n }\n }, [])\n\n const onShow = useCallback(() => {\n setShow(true)\n onShowProp?.()\n }, [onShowProp])\n\n const onHide = useCallback(() => {\n setShow(false)\n onHideProp?.()\n }, [onHideProp])\n\n const onOpenChange = useCallback((open: boolean) => {\n if (disabled) { return }\n\n if (open) {\n onShow()\n return\n }\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }\n\n if (delayHide > 0) {\n timeoutRef.current = setTimeout(() => {\n onHide()\n }, delayHide)\n return\n }\n\n onHide()\n }, [\n disabled,\n delayHide,\n onShow,\n onHide,\n ])\n\n return (\n <TooltipPrimitive.Root\n open={show}\n defaultOpen={defaultShow}\n delayDuration={delayShow}\n disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n onOpenChange={onOpenChange}\n >\n <TooltipPrimitive.Trigger asChild>\n { children }\n </TooltipPrimitive.Trigger>\n\n <TooltipPrimitive.Portal container={container}>\n <TooltipPrimitive.Content\n {...rest}\n {...getSideAndAlign(placement)}\n asChild\n ref={forwardedRef}\n sideOffset={offset}\n avoidCollisions={keepInContainer}\n collisionPadding={8}\n hideWhenDetached\n >\n <Styled.TooltipContent forwardedAs={as}>\n <Styled.TextContainer>\n <Styled.Content>\n { content }\n </Styled.Content>\n\n { description && (\n <Styled.Description>\n { description }\n </Styled.Description>\n ) }\n </Styled.TextContainer>\n\n { icon && (\n <Styled.Icon source={icon} />\n ) }\n </Styled.TooltipContent>\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n )\n})\n"],"names":["getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","createContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","contextValue","useMemo","React","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","givenContainer","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","defaultContainer","getRootElement","modalContainer","useModalContainerContext","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.types.js","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n type BezierComponentProps,\n type ChildrenProps,\n type ContentProps,\n type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/**\n * An enumeration that determines the position of `Tooltip`.\n */\nexport enum TooltipPosition {\n TopCenter = 'topCenter',\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n RightCenter = 'rightCenter',\n RightTop = 'rightTop',\n RightBottom = 'rightBottom',\n BottomCenter = 'bottomCenter',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n LeftCenter = 'leftCenter',\n LeftTop = 'leftTop',\n LeftBottom = 'leftBottom',\n}\n\ninterface TooltipProviderOptions {\n /**\n * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n * @default false\n */\n allowHover?: boolean\n /**\n * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n * @default 300\n */\n delayShow?: number\n /**\n * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n * @default 0\n */\n delayHide?: number\n /**\n * How much time a user has to enter another trigger without incurring a delay again.\n * @default 500\n */\n skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n /**\n * The open state of the tooltip when it is initially rendered.\n */\n defaultShow?: boolean\n /**\n * An element that sits below the tooltip content.\n */\n description?: React.ReactNode\n /**\n * A decorative icon that sits right of the tooltip content.\n */\n icon?: BezierIcon\n /**\n * Options to determine the location from the trigger.\n * @default TooltipPosition.BottomCenter\n */\n placement?: TooltipPosition\n /**\n * The distance in pixels from the trigger.\n * @default 4\n */\n offset?: number\n /**\n * Specify a container element to portal the content into.\n * @default document.body\n */\n container?: HTMLElement | null\n /**\n * When `true`, overrides the `position` of the tooltip\n * to prevent collisions with boundary edges.\n * @default true\n */\n keepInContainer?: boolean\n /**\n * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n * Inherits from the nearest `TooltipProvider`.\n * @default false\n */\n allowHover?: boolean\n /**\n * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n * Inherits from the nearest `TooltipProvider`.\n * @default 300\n */\n delayShow?: number\n /**\n * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n * Inherits from the nearest `TooltipProvider`.\n * @default 0\n */\n delayHide?: number\n /**\n * Callback function to be called when the tooltip is opened.\n */\n onShow?: () => void\n /**\n * Callback function to be called when the tooltip is closed.\n */\n onHide?: () => void\n /**\n * Event handler called when the escape key is down.\n * It can be prevented by calling `event.preventDefault`.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n /**\n * Event handler called when a pointer event occurs outside the bounds of the component.\n * It can be prevented by calling `event.preventDefault`.\n */\n onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n ChildrenProps,\n TooltipProviderOptions {}\n\nexport interface TooltipProps extends\n BezierComponentProps,\n ChildrenProps<React.ReactElement>,\n ContentProps,\n DisableProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,\n TooltipOptions {}\n"],"names":["TooltipPosition"],"mappings":";;AASA;AACA;AACA;AACYA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"Tooltip.types.js","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n type BezierComponentProps,\n type ChildrenProps,\n type ContentProps,\n type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/**\n * An enumeration that determines the position of `Tooltip`.\n */\nexport enum TooltipPosition {\n TopCenter = 'topCenter',\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n RightCenter = 'rightCenter',\n RightTop = 'rightTop',\n RightBottom = 'rightBottom',\n BottomCenter = 'bottomCenter',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n LeftCenter = 'leftCenter',\n LeftTop = 'leftTop',\n LeftBottom = 'leftBottom',\n}\n\ninterface TooltipProviderOptions {\n /**\n * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n * @default false\n */\n allowHover?: boolean\n /**\n * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n * @default 300\n */\n delayShow?: number\n /**\n * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n * @default 0\n */\n delayHide?: number\n /**\n * How much time a user has to enter another trigger without incurring a delay again.\n * @default 500\n */\n skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n /**\n * The open state of the tooltip when it is initially rendered.\n */\n defaultShow?: boolean\n /**\n * An element that sits below the tooltip content.\n */\n description?: React.ReactNode\n /**\n * A decorative icon that sits right of the tooltip content.\n */\n icon?: BezierIcon\n /**\n * Options to determine the location from the trigger.\n * @default TooltipPosition.BottomCenter\n */\n placement?: TooltipPosition\n /**\n * The distance in pixels from the trigger.\n * @default 4\n */\n offset?: number\n /**\n * Specify a container element to portal the content into.\n * @note When placed inside a `Modal`, default value is the container element of `Modal`.\n * @default document.body\n */\n container?: HTMLElement | null\n /**\n * When `true`, overrides the `position` of the tooltip\n * to prevent collisions with boundary edges.\n * @default true\n */\n keepInContainer?: boolean\n /**\n * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n * Inherits from the nearest `TooltipProvider`.\n * @default false\n */\n allowHover?: boolean\n /**\n * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n * Inherits from the nearest `TooltipProvider`.\n * @default 300\n */\n delayShow?: number\n /**\n * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n * Inherits from the nearest `TooltipProvider`.\n * @default 0\n */\n delayHide?: number\n /**\n * Callback function to be called when the tooltip is opened.\n */\n onShow?: () => void\n /**\n * Callback function to be called when the tooltip is closed.\n */\n onHide?: () => void\n /**\n * Event handler called when the escape key is down.\n * It can be prevented by calling `event.preventDefault`.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n /**\n * Event handler called when a pointer event occurs outside the bounds of the component.\n * It can be prevented by calling `event.preventDefault`.\n */\n onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n ChildrenProps,\n TooltipProviderOptions {}\n\nexport interface TooltipProps extends\n BezierComponentProps,\n ChildrenProps<React.ReactElement>,\n ContentProps,\n DisableProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,\n TooltipOptions {}\n"],"names":["TooltipPosition"],"mappings":";;AASA;AACA;AACA;AACYA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
5
|
var Feature = require('../Feature.js');
|
|
7
6
|
var smoothCornersScript = require('./smoothCornersScript.js');
|
|
8
7
|
|
|
8
|
+
// eslint-disable-next-line no-restricted-imports
|
|
9
|
+
|
|
9
10
|
/**
|
|
10
11
|
* 🚨 This is an experimental feature! It may not be suitable for use in production.
|
|
11
12
|
*
|
|
@@ -13,14 +14,11 @@ var smoothCornersScript = require('./smoothCornersScript.js');
|
|
|
13
14
|
* When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.
|
|
14
15
|
*/
|
|
15
16
|
class SmoothCornersFeature extends Feature.Feature {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
*/
|
|
22
|
-
_rollupPluginBabelHelpers.defineProperty(this, "activated", false);
|
|
23
|
-
}
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated (@ed) Upcoming improvements
|
|
19
|
+
* Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
|
|
20
|
+
*/
|
|
21
|
+
activated = false;
|
|
24
22
|
async activate() {
|
|
25
23
|
if (!this.activated && typeof CSS !== 'undefined' && 'paintWorklet' in CSS) {
|
|
26
24
|
const workletURL = URL.createObjectURL(new Blob([smoothCornersScript.smoothCornersScript], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SmoothCornersFeature.js","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport {\n Feature,\n FeatureType,\n} from '../Feature'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * 🚨 This is an experimental feature! It may not be suitable for use in production.\n *\n * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.\n * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.\n */\nclass SmoothCornersFeature extends Feature {\n /**\n * @deprecated (@ed) Upcoming improvements\n * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.\n */\n activated = false\n\n async activate() {\n if (\n !this.activated\n && typeof CSS !== 'undefined'\n && 'paintWorklet' in CSS\n ) {\n const workletURL = URL.createObjectURL(\n new Blob([smoothCornersScript], { type: 'application/javascript' }),\n )\n\n // @ts-ignore\n const promise = CSS.paintWorklet.addModule(workletURL) as Promise<void>\n\n return promise\n .then(() => {\n this.activated = true\n return this.activated\n }).catch(() => {\n this.activated = false\n return this.activated\n })\n }\n\n return this.activated\n }\n}\n\nexport default new SmoothCornersFeature(FeatureType.SmoothCorners)\n"],"names":["SmoothCornersFeature","Feature","
|
|
1
|
+
{"version":3,"file":"SmoothCornersFeature.js","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport {\n Feature,\n FeatureType,\n} from '../Feature'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * 🚨 This is an experimental feature! It may not be suitable for use in production.\n *\n * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.\n * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.\n */\nclass SmoothCornersFeature extends Feature {\n /**\n * @deprecated (@ed) Upcoming improvements\n * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.\n */\n activated = false\n\n async activate() {\n if (\n !this.activated\n && typeof CSS !== 'undefined'\n && 'paintWorklet' in CSS\n ) {\n const workletURL = URL.createObjectURL(\n new Blob([smoothCornersScript], { type: 'application/javascript' }),\n )\n\n // @ts-ignore\n const promise = CSS.paintWorklet.addModule(workletURL) as Promise<void>\n\n return promise\n .then(() => {\n this.activated = true\n return this.activated\n }).catch(() => {\n this.activated = false\n return this.activated\n })\n }\n\n return this.activated\n }\n}\n\nexport default new SmoothCornersFeature(FeatureType.SmoothCorners)\n"],"names":["SmoothCornersFeature","Feature","activated","activate","CSS","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","promise","paintWorklet","addModule","then","catch","FeatureType","SmoothCorners"],"mappings":";;;;;;;AAAA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,SAASC,eAAO,CAAC;AACzC;AACF;AACA;AACA;AACEC,EAAAA,SAAS,GAAG,KAAK,CAAA;EAEjB,MAAMC,QAAQA,GAAG;AACf,IAAA,IACE,CAAC,IAAI,CAACD,SAAS,IACZ,OAAOE,GAAG,KAAK,WAAW,IAC1B,cAAc,IAAIA,GAAG,EACxB;AACA,MAAA,MAAMC,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,uCAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,wBAAA;AAAyB,OAAC,CACpE,CAAC,CAAA;;AAED;MACA,MAAMC,OAAO,GAAGP,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACR,UAAU,CAAkB,CAAA;AAEvE,MAAA,OAAOM,OAAO,CACXG,IAAI,CAAC,MAAM;QACV,IAAI,CAACZ,SAAS,GAAG,IAAI,CAAA;QACrB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAACa,KAAK,CAAC,MAAM;QACb,IAAI,CAACb,SAAS,GAAG,KAAK,CAAA;QACtB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAAA;AACN,KAAA;IAEA,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,GAAA;AACF,CAAA;AAEA,6BAAe,IAAIF,oBAAoB,CAACgB,mBAAW,CAACC,aAAa,CAAC;;;;"}
|
|
@@ -153,6 +153,7 @@ const Palette = {
|
|
|
153
153
|
// Alpha Grey
|
|
154
154
|
grey900_90: alphaUtils.getAlphaHex(PaletteWithoutAlpha.grey900, 90),
|
|
155
155
|
grey850_80: alphaUtils.getAlphaHex(PaletteWithoutAlpha.grey850, 80),
|
|
156
|
+
grey800_90: alphaUtils.getAlphaHex(PaletteWithoutAlpha.grey800, 90),
|
|
156
157
|
grey800_80: alphaUtils.getAlphaHex(PaletteWithoutAlpha.grey800, 80),
|
|
157
158
|
grey700_80: alphaUtils.getAlphaHex(PaletteWithoutAlpha.grey700, 80),
|
|
158
159
|
grey200_80: alphaUtils.getAlphaHex(PaletteWithoutAlpha.grey200, 80),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/foundation/Colors/Palette/index.ts"],"sourcesContent":["/**\n * date: 2021.04.22\n * version: 1\n */\n\nimport {\n type BaseColorfulPaletteKey,\n type BaseMonoPaletteKey,\n} from './BasePaletteKey'\nimport type BasePaletteKey from './BasePaletteKey'\nimport { getAlphaHex } from './alphaUtils'\n\ntype BaseColorfulPaletteKey300 = `${BaseColorfulPaletteKey}300`\ntype BaseColorfulPaletteKey400 = `${BaseColorfulPaletteKey}400`\ntype BaseColorfulPaletteKey500 = `${BaseColorfulPaletteKey}500`\n\ntype GreyKeyWithoutAlpha =\n | `${BasePaletteKey.Grey}50`\n | `${BasePaletteKey.Grey}100`\n | `${BasePaletteKey.Grey}200`\n | `${BasePaletteKey.Grey}500`\n | `${BasePaletteKey.Grey}700`\n | `${BasePaletteKey.Grey}800`\n | `${BasePaletteKey.Grey}850`\n | `${BasePaletteKey.Grey}900`\n\ntype PaletteKeyWithoutAlpha =\n | BaseColorfulPaletteKey300\n | BaseColorfulPaletteKey400\n | BaseColorfulPaletteKey500\n | GreyKeyWithoutAlpha\n | Exclude<BaseMonoPaletteKey, BasePaletteKey.Grey>\n\ntype PaletteWithoutAlphaType = Record<PaletteKeyWithoutAlpha, string>\n\nconst PaletteWithoutAlpha: PaletteWithoutAlphaType = {\n // Blue\n blue300: '#6687FF',\n blue400: '#5E56F0',\n blue500: '#4E40C9',\n\n // Cobalt\n cobalt300: '#47C8FF',\n cobalt400: '#329BE7',\n cobalt500: '#327AB8',\n\n // Teal\n teal300: '#3CDDCD',\n teal400: '#0FB3A3',\n teal500: '#449C8A',\n\n // Green\n green300: '#3ACF5A',\n green400: '#31A552',\n green500: '#41904F',\n\n // Olive\n olive300: '#CAD548',\n olive400: '#A0A540',\n olive500: '#818628',\n\n // Yellow\n yellow300: '#FDD353',\n yellow400: '#EDBC40',\n yellow500: '#C39E37',\n\n // Orange\n orange300: '#FFAB5C',\n orange400: '#F4800B',\n orange500: '#C57417',\n\n // Red\n red300: '#FF5C5C',\n red400: '#E94E58',\n red500: '#AC3E46',\n\n // Pink\n pink300: '#EC6FD3',\n pink400: '#CB48AD',\n pink500: '#A32E92',\n\n // Purple\n purple300: '#B570FF',\n purple400: '#915CE0',\n purple500: '#6B23B3',\n\n // Navy\n navy300: '#647CC9',\n navy400: '#3A4F8D',\n navy500: '#333D5B',\n\n // Grey\n grey50: '#FCFCFC',\n grey100: '#F7F7F8',\n grey200: '#EFEFF0',\n grey500: '#A7A7AA',\n grey700: '#464748',\n grey800: '#313234',\n grey850: '#2A2B2D',\n grey900: '#242428',\n\n // White\n white: '#FFFFFF',\n\n // Black\n black: '#000000',\n}\n\n/* eslint-disable @typescript-eslint/naming-convention */\ntype BaseColorfulPaletteKey400_30 = `${BaseColorfulPaletteKey400}_30`\ntype BaseColorfulPaletteKey400_20 = `${BaseColorfulPaletteKey400}_20`\ntype BaseColorfulPaletteKey400_10 = `${BaseColorfulPaletteKey400}_10`\n\ntype BaseColorfulPaletteKey300_40 = `${BaseColorfulPaletteKey300}_40`\ntype BaseColorfulPaletteKey300_30 = `${BaseColorfulPaletteKey300}_30`\ntype BaseColorfulPaletteKey300_20 = `${BaseColorfulPaletteKey300}_20`\n/* eslint-enable @typescript-eslint/naming-convention */\n\ntype AlphaGreyKey =\n | `${BasePaletteKey.Grey}900_90`\n | `${BasePaletteKey.Grey}850_80`\n | `${BasePaletteKey.Grey}800_80`\n | `${BasePaletteKey.Grey}700_80`\n | `${BasePaletteKey.Grey}200_80`\n | `${BasePaletteKey.Grey}100_90`\n | `${BasePaletteKey.Grey}100_80`\n | `${BasePaletteKey.Grey}50_80`\n\ntype AlphaWhiteKey =\n | `${BasePaletteKey.White}_90`\n | `${BasePaletteKey.White}_80`\n | `${BasePaletteKey.White}_60`\n | `${BasePaletteKey.White}_40`\n | `${BasePaletteKey.White}_20`\n | `${BasePaletteKey.White}_12`\n | `${BasePaletteKey.White}_8`\n | `${BasePaletteKey.White}_5`\n\ntype AlphaBlackKey =\n | `${BasePaletteKey.Black}_85`\n | `${BasePaletteKey.Black}_60`\n | `${BasePaletteKey.Black}_40`\n | `${BasePaletteKey.Black}_30`\n | `${BasePaletteKey.Black}_22`\n | `${BasePaletteKey.Black}_20`\n | `${BasePaletteKey.Black}_15`\n | `${BasePaletteKey.Black}_8`\n | `${BasePaletteKey.Black}_5`\n | `${BasePaletteKey.Black}_3`\n\ntype PaletteKey =\n | PaletteKeyWithoutAlpha\n | BaseColorfulPaletteKey400_30\n | BaseColorfulPaletteKey400_20\n | BaseColorfulPaletteKey400_10\n | BaseColorfulPaletteKey300_40\n | BaseColorfulPaletteKey300_30\n | BaseColorfulPaletteKey300_20\n | AlphaGreyKey\n | AlphaWhiteKey\n | AlphaBlackKey\n\ntype PaletteType = Record<PaletteKey, string>\n\nexport const Palette: PaletteType = {\n ...PaletteWithoutAlpha,\n\n // Alpha Blue\n blue400_30: getAlphaHex(PaletteWithoutAlpha.blue400, 30),\n blue400_20: getAlphaHex(PaletteWithoutAlpha.blue400, 20),\n blue400_10: getAlphaHex(PaletteWithoutAlpha.blue400, 10),\n blue300_40: getAlphaHex(PaletteWithoutAlpha.blue300, 40),\n blue300_30: getAlphaHex(PaletteWithoutAlpha.blue300, 30),\n blue300_20: getAlphaHex(PaletteWithoutAlpha.blue300, 20),\n\n // Alpha Cobalt\n cobalt400_30: getAlphaHex(PaletteWithoutAlpha.cobalt400, 30),\n cobalt400_20: getAlphaHex(PaletteWithoutAlpha.cobalt400, 20),\n cobalt400_10: getAlphaHex(PaletteWithoutAlpha.cobalt400, 10),\n cobalt300_40: getAlphaHex(PaletteWithoutAlpha.cobalt300, 40),\n cobalt300_30: getAlphaHex(PaletteWithoutAlpha.cobalt300, 30),\n cobalt300_20: getAlphaHex(PaletteWithoutAlpha.cobalt300, 20),\n\n // Alpha Teal\n teal400_30: getAlphaHex(PaletteWithoutAlpha.teal400, 30),\n teal400_20: getAlphaHex(PaletteWithoutAlpha.teal400, 20),\n teal400_10: getAlphaHex(PaletteWithoutAlpha.teal400, 10),\n teal300_40: getAlphaHex(PaletteWithoutAlpha.teal300, 40),\n teal300_30: getAlphaHex(PaletteWithoutAlpha.teal300, 30),\n teal300_20: getAlphaHex(PaletteWithoutAlpha.teal300, 20),\n\n // Alpha Green\n green400_30: getAlphaHex(PaletteWithoutAlpha.green400, 30),\n green400_20: getAlphaHex(PaletteWithoutAlpha.green400, 20),\n green400_10: getAlphaHex(PaletteWithoutAlpha.green400, 10),\n green300_40: getAlphaHex(PaletteWithoutAlpha.green300, 40),\n green300_30: getAlphaHex(PaletteWithoutAlpha.green300, 30),\n green300_20: getAlphaHex(PaletteWithoutAlpha.green300, 20),\n\n // Alpha Olive\n olive400_30: getAlphaHex(PaletteWithoutAlpha.olive400, 30),\n olive400_20: getAlphaHex(PaletteWithoutAlpha.olive400, 20),\n olive400_10: getAlphaHex(PaletteWithoutAlpha.olive400, 10),\n olive300_40: getAlphaHex(PaletteWithoutAlpha.olive300, 40),\n olive300_30: getAlphaHex(PaletteWithoutAlpha.olive300, 30),\n olive300_20: getAlphaHex(PaletteWithoutAlpha.olive300, 20),\n\n // Alpha Yellow\n yellow400_30: getAlphaHex(PaletteWithoutAlpha.yellow400, 30),\n yellow400_20: getAlphaHex(PaletteWithoutAlpha.yellow400, 20),\n yellow400_10: getAlphaHex(PaletteWithoutAlpha.yellow400, 10),\n yellow300_40: getAlphaHex(PaletteWithoutAlpha.yellow300, 40),\n yellow300_30: getAlphaHex(PaletteWithoutAlpha.yellow300, 30),\n yellow300_20: getAlphaHex(PaletteWithoutAlpha.yellow300, 20),\n\n // Alpha Orange\n orange400_30: getAlphaHex(PaletteWithoutAlpha.orange400, 30),\n orange400_20: getAlphaHex(PaletteWithoutAlpha.orange400, 20),\n orange400_10: getAlphaHex(PaletteWithoutAlpha.orange400, 10),\n orange300_40: getAlphaHex(PaletteWithoutAlpha.orange300, 40),\n orange300_30: getAlphaHex(PaletteWithoutAlpha.orange300, 30),\n orange300_20: getAlphaHex(PaletteWithoutAlpha.orange300, 20),\n\n // Alpha Red\n red400_30: getAlphaHex(PaletteWithoutAlpha.red400, 30),\n red400_20: getAlphaHex(PaletteWithoutAlpha.red400, 20),\n red400_10: getAlphaHex(PaletteWithoutAlpha.red400, 10),\n red300_40: getAlphaHex(PaletteWithoutAlpha.red300, 40),\n red300_30: getAlphaHex(PaletteWithoutAlpha.red300, 30),\n red300_20: getAlphaHex(PaletteWithoutAlpha.red300, 20),\n\n // Alpha Pink\n pink400_30: getAlphaHex(PaletteWithoutAlpha.pink400, 30),\n pink400_20: getAlphaHex(PaletteWithoutAlpha.pink400, 20),\n pink400_10: getAlphaHex(PaletteWithoutAlpha.pink400, 10),\n pink300_40: getAlphaHex(PaletteWithoutAlpha.pink300, 40),\n pink300_30: getAlphaHex(PaletteWithoutAlpha.pink300, 30),\n pink300_20: getAlphaHex(PaletteWithoutAlpha.pink300, 20),\n\n // Alpha Purple\n purple400_30: getAlphaHex(PaletteWithoutAlpha.purple400, 30),\n purple400_20: getAlphaHex(PaletteWithoutAlpha.purple400, 20),\n purple400_10: getAlphaHex(PaletteWithoutAlpha.purple400, 10),\n purple300_40: getAlphaHex(PaletteWithoutAlpha.purple300, 40),\n purple300_30: getAlphaHex(PaletteWithoutAlpha.purple300, 30),\n purple300_20: getAlphaHex(PaletteWithoutAlpha.purple300, 20),\n\n // Alpha Navy\n navy400_30: getAlphaHex(PaletteWithoutAlpha.navy400, 30),\n navy400_20: getAlphaHex(PaletteWithoutAlpha.navy400, 20),\n navy400_10: getAlphaHex(PaletteWithoutAlpha.navy400, 10),\n navy300_40: getAlphaHex(PaletteWithoutAlpha.navy300, 40),\n navy300_30: getAlphaHex(PaletteWithoutAlpha.navy300, 30),\n navy300_20: getAlphaHex(PaletteWithoutAlpha.navy300, 20),\n\n // Alpha Grey\n grey900_90: getAlphaHex(PaletteWithoutAlpha.grey900, 90),\n grey850_80: getAlphaHex(PaletteWithoutAlpha.grey850, 80),\n grey800_80: getAlphaHex(PaletteWithoutAlpha.grey800, 80),\n grey700_80: getAlphaHex(PaletteWithoutAlpha.grey700, 80),\n grey200_80: getAlphaHex(PaletteWithoutAlpha.grey200, 80),\n grey100_90: getAlphaHex(PaletteWithoutAlpha.grey100, 90),\n grey100_80: getAlphaHex(PaletteWithoutAlpha.grey100, 80),\n grey50_80: getAlphaHex(PaletteWithoutAlpha.grey50, 80),\n\n // Alpha White\n white_90: getAlphaHex(PaletteWithoutAlpha.white, 90),\n white_80: getAlphaHex(PaletteWithoutAlpha.white, 80),\n white_60: getAlphaHex(PaletteWithoutAlpha.white, 60),\n white_40: getAlphaHex(PaletteWithoutAlpha.white, 40),\n white_20: getAlphaHex(PaletteWithoutAlpha.white, 20),\n white_12: getAlphaHex(PaletteWithoutAlpha.white, 12),\n white_8: getAlphaHex(PaletteWithoutAlpha.white, 8),\n white_5: getAlphaHex(PaletteWithoutAlpha.white, 5),\n\n // Alpha Black\n black_85: getAlphaHex(PaletteWithoutAlpha.black, 85),\n black_60: getAlphaHex(PaletteWithoutAlpha.black, 60),\n black_40: getAlphaHex(PaletteWithoutAlpha.black, 40),\n black_30: getAlphaHex(PaletteWithoutAlpha.black, 30),\n black_22: getAlphaHex(PaletteWithoutAlpha.black, 22),\n black_20: getAlphaHex(PaletteWithoutAlpha.black, 20),\n black_15: getAlphaHex(PaletteWithoutAlpha.black, 15),\n black_8: getAlphaHex(PaletteWithoutAlpha.black, 8),\n black_5: getAlphaHex(PaletteWithoutAlpha.black, 5),\n black_3: getAlphaHex(PaletteWithoutAlpha.black, 3),\n}\n"],"names":["PaletteWithoutAlpha","blue300","blue400","blue500","cobalt300","cobalt400","cobalt500","teal300","teal400","teal500","green300","green400","green500","olive300","olive400","olive500","yellow300","yellow400","yellow500","orange300","orange400","orange500","red300","red400","red500","pink300","pink400","pink500","purple300","purple400","purple500","navy300","navy400","navy500","grey50","grey100","grey200","grey500","grey700","grey800","grey850","grey900","white","black","Palette","blue400_30","getAlphaHex","blue400_20","blue400_10","blue300_40","blue300_30","blue300_20","cobalt400_30","cobalt400_20","cobalt400_10","cobalt300_40","cobalt300_30","cobalt300_20","teal400_30","teal400_20","teal400_10","teal300_40","teal300_30","teal300_20","green400_30","green400_20","green400_10","green300_40","green300_30","green300_20","olive400_30","olive400_20","olive400_10","olive300_40","olive300_30","olive300_20","yellow400_30","yellow400_20","yellow400_10","yellow300_40","yellow300_30","yellow300_20","orange400_30","orange400_20","orange400_10","orange300_40","orange300_30","orange300_20","red400_30","red400_20","red400_10","red300_40","red300_30","red300_20","pink400_30","pink400_20","pink400_10","pink300_40","pink300_30","pink300_20","purple400_30","purple400_20","purple400_10","purple300_40","purple300_30","purple300_20","navy400_30","navy400_20","navy400_10","navy300_40","navy300_30","navy300_20","grey900_90","grey850_80","grey800_80","grey700_80","grey200_80","grey100_90","grey100_80","grey50_80","white_90","white_80","white_60","white_40","white_20","white_12","white_8","white_5","black_85","black_60","black_40","black_30","black_22","black_20","black_15","black_8","black_5","black_3"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/foundation/Colors/Palette/index.ts"],"sourcesContent":["/**\n * date: 2021.04.22\n * version: 1\n */\n\nimport {\n type BaseColorfulPaletteKey,\n type BaseMonoPaletteKey,\n} from './BasePaletteKey'\nimport type BasePaletteKey from './BasePaletteKey'\nimport { getAlphaHex } from './alphaUtils'\n\ntype BaseColorfulPaletteKey300 = `${BaseColorfulPaletteKey}300`\ntype BaseColorfulPaletteKey400 = `${BaseColorfulPaletteKey}400`\ntype BaseColorfulPaletteKey500 = `${BaseColorfulPaletteKey}500`\n\ntype GreyKeyWithoutAlpha =\n | `${BasePaletteKey.Grey}50`\n | `${BasePaletteKey.Grey}100`\n | `${BasePaletteKey.Grey}200`\n | `${BasePaletteKey.Grey}500`\n | `${BasePaletteKey.Grey}700`\n | `${BasePaletteKey.Grey}800`\n | `${BasePaletteKey.Grey}850`\n | `${BasePaletteKey.Grey}900`\n\ntype PaletteKeyWithoutAlpha =\n | BaseColorfulPaletteKey300\n | BaseColorfulPaletteKey400\n | BaseColorfulPaletteKey500\n | GreyKeyWithoutAlpha\n | Exclude<BaseMonoPaletteKey, BasePaletteKey.Grey>\n\ntype PaletteWithoutAlphaType = Record<PaletteKeyWithoutAlpha, string>\n\nconst PaletteWithoutAlpha: PaletteWithoutAlphaType = {\n // Blue\n blue300: '#6687FF',\n blue400: '#5E56F0',\n blue500: '#4E40C9',\n\n // Cobalt\n cobalt300: '#47C8FF',\n cobalt400: '#329BE7',\n cobalt500: '#327AB8',\n\n // Teal\n teal300: '#3CDDCD',\n teal400: '#0FB3A3',\n teal500: '#449C8A',\n\n // Green\n green300: '#3ACF5A',\n green400: '#31A552',\n green500: '#41904F',\n\n // Olive\n olive300: '#CAD548',\n olive400: '#A0A540',\n olive500: '#818628',\n\n // Yellow\n yellow300: '#FDD353',\n yellow400: '#EDBC40',\n yellow500: '#C39E37',\n\n // Orange\n orange300: '#FFAB5C',\n orange400: '#F4800B',\n orange500: '#C57417',\n\n // Red\n red300: '#FF5C5C',\n red400: '#E94E58',\n red500: '#AC3E46',\n\n // Pink\n pink300: '#EC6FD3',\n pink400: '#CB48AD',\n pink500: '#A32E92',\n\n // Purple\n purple300: '#B570FF',\n purple400: '#915CE0',\n purple500: '#6B23B3',\n\n // Navy\n navy300: '#647CC9',\n navy400: '#3A4F8D',\n navy500: '#333D5B',\n\n // Grey\n grey50: '#FCFCFC',\n grey100: '#F7F7F8',\n grey200: '#EFEFF0',\n grey500: '#A7A7AA',\n grey700: '#464748',\n grey800: '#313234',\n grey850: '#2A2B2D',\n grey900: '#242428',\n\n // White\n white: '#FFFFFF',\n\n // Black\n black: '#000000',\n}\n\n/* eslint-disable @typescript-eslint/naming-convention */\ntype BaseColorfulPaletteKey400_30 = `${BaseColorfulPaletteKey400}_30`\ntype BaseColorfulPaletteKey400_20 = `${BaseColorfulPaletteKey400}_20`\ntype BaseColorfulPaletteKey400_10 = `${BaseColorfulPaletteKey400}_10`\n\ntype BaseColorfulPaletteKey300_40 = `${BaseColorfulPaletteKey300}_40`\ntype BaseColorfulPaletteKey300_30 = `${BaseColorfulPaletteKey300}_30`\ntype BaseColorfulPaletteKey300_20 = `${BaseColorfulPaletteKey300}_20`\n/* eslint-enable @typescript-eslint/naming-convention */\n\ntype AlphaGreyKey =\n | `${BasePaletteKey.Grey}900_90`\n | `${BasePaletteKey.Grey}850_80`\n | `${BasePaletteKey.Grey}800_90`\n | `${BasePaletteKey.Grey}800_80`\n | `${BasePaletteKey.Grey}700_80`\n | `${BasePaletteKey.Grey}200_80`\n | `${BasePaletteKey.Grey}100_90`\n | `${BasePaletteKey.Grey}100_80`\n | `${BasePaletteKey.Grey}50_80`\n\ntype AlphaWhiteKey =\n | `${BasePaletteKey.White}_90`\n | `${BasePaletteKey.White}_80`\n | `${BasePaletteKey.White}_60`\n | `${BasePaletteKey.White}_40`\n | `${BasePaletteKey.White}_20`\n | `${BasePaletteKey.White}_12`\n | `${BasePaletteKey.White}_8`\n | `${BasePaletteKey.White}_5`\n\ntype AlphaBlackKey =\n | `${BasePaletteKey.Black}_85`\n | `${BasePaletteKey.Black}_60`\n | `${BasePaletteKey.Black}_40`\n | `${BasePaletteKey.Black}_30`\n | `${BasePaletteKey.Black}_22`\n | `${BasePaletteKey.Black}_20`\n | `${BasePaletteKey.Black}_15`\n | `${BasePaletteKey.Black}_8`\n | `${BasePaletteKey.Black}_5`\n | `${BasePaletteKey.Black}_3`\n\ntype PaletteKey =\n | PaletteKeyWithoutAlpha\n | BaseColorfulPaletteKey400_30\n | BaseColorfulPaletteKey400_20\n | BaseColorfulPaletteKey400_10\n | BaseColorfulPaletteKey300_40\n | BaseColorfulPaletteKey300_30\n | BaseColorfulPaletteKey300_20\n | AlphaGreyKey\n | AlphaWhiteKey\n | AlphaBlackKey\n\ntype PaletteType = Record<PaletteKey, string>\n\nexport const Palette: PaletteType = {\n ...PaletteWithoutAlpha,\n\n // Alpha Blue\n blue400_30: getAlphaHex(PaletteWithoutAlpha.blue400, 30),\n blue400_20: getAlphaHex(PaletteWithoutAlpha.blue400, 20),\n blue400_10: getAlphaHex(PaletteWithoutAlpha.blue400, 10),\n blue300_40: getAlphaHex(PaletteWithoutAlpha.blue300, 40),\n blue300_30: getAlphaHex(PaletteWithoutAlpha.blue300, 30),\n blue300_20: getAlphaHex(PaletteWithoutAlpha.blue300, 20),\n\n // Alpha Cobalt\n cobalt400_30: getAlphaHex(PaletteWithoutAlpha.cobalt400, 30),\n cobalt400_20: getAlphaHex(PaletteWithoutAlpha.cobalt400, 20),\n cobalt400_10: getAlphaHex(PaletteWithoutAlpha.cobalt400, 10),\n cobalt300_40: getAlphaHex(PaletteWithoutAlpha.cobalt300, 40),\n cobalt300_30: getAlphaHex(PaletteWithoutAlpha.cobalt300, 30),\n cobalt300_20: getAlphaHex(PaletteWithoutAlpha.cobalt300, 20),\n\n // Alpha Teal\n teal400_30: getAlphaHex(PaletteWithoutAlpha.teal400, 30),\n teal400_20: getAlphaHex(PaletteWithoutAlpha.teal400, 20),\n teal400_10: getAlphaHex(PaletteWithoutAlpha.teal400, 10),\n teal300_40: getAlphaHex(PaletteWithoutAlpha.teal300, 40),\n teal300_30: getAlphaHex(PaletteWithoutAlpha.teal300, 30),\n teal300_20: getAlphaHex(PaletteWithoutAlpha.teal300, 20),\n\n // Alpha Green\n green400_30: getAlphaHex(PaletteWithoutAlpha.green400, 30),\n green400_20: getAlphaHex(PaletteWithoutAlpha.green400, 20),\n green400_10: getAlphaHex(PaletteWithoutAlpha.green400, 10),\n green300_40: getAlphaHex(PaletteWithoutAlpha.green300, 40),\n green300_30: getAlphaHex(PaletteWithoutAlpha.green300, 30),\n green300_20: getAlphaHex(PaletteWithoutAlpha.green300, 20),\n\n // Alpha Olive\n olive400_30: getAlphaHex(PaletteWithoutAlpha.olive400, 30),\n olive400_20: getAlphaHex(PaletteWithoutAlpha.olive400, 20),\n olive400_10: getAlphaHex(PaletteWithoutAlpha.olive400, 10),\n olive300_40: getAlphaHex(PaletteWithoutAlpha.olive300, 40),\n olive300_30: getAlphaHex(PaletteWithoutAlpha.olive300, 30),\n olive300_20: getAlphaHex(PaletteWithoutAlpha.olive300, 20),\n\n // Alpha Yellow\n yellow400_30: getAlphaHex(PaletteWithoutAlpha.yellow400, 30),\n yellow400_20: getAlphaHex(PaletteWithoutAlpha.yellow400, 20),\n yellow400_10: getAlphaHex(PaletteWithoutAlpha.yellow400, 10),\n yellow300_40: getAlphaHex(PaletteWithoutAlpha.yellow300, 40),\n yellow300_30: getAlphaHex(PaletteWithoutAlpha.yellow300, 30),\n yellow300_20: getAlphaHex(PaletteWithoutAlpha.yellow300, 20),\n\n // Alpha Orange\n orange400_30: getAlphaHex(PaletteWithoutAlpha.orange400, 30),\n orange400_20: getAlphaHex(PaletteWithoutAlpha.orange400, 20),\n orange400_10: getAlphaHex(PaletteWithoutAlpha.orange400, 10),\n orange300_40: getAlphaHex(PaletteWithoutAlpha.orange300, 40),\n orange300_30: getAlphaHex(PaletteWithoutAlpha.orange300, 30),\n orange300_20: getAlphaHex(PaletteWithoutAlpha.orange300, 20),\n\n // Alpha Red\n red400_30: getAlphaHex(PaletteWithoutAlpha.red400, 30),\n red400_20: getAlphaHex(PaletteWithoutAlpha.red400, 20),\n red400_10: getAlphaHex(PaletteWithoutAlpha.red400, 10),\n red300_40: getAlphaHex(PaletteWithoutAlpha.red300, 40),\n red300_30: getAlphaHex(PaletteWithoutAlpha.red300, 30),\n red300_20: getAlphaHex(PaletteWithoutAlpha.red300, 20),\n\n // Alpha Pink\n pink400_30: getAlphaHex(PaletteWithoutAlpha.pink400, 30),\n pink400_20: getAlphaHex(PaletteWithoutAlpha.pink400, 20),\n pink400_10: getAlphaHex(PaletteWithoutAlpha.pink400, 10),\n pink300_40: getAlphaHex(PaletteWithoutAlpha.pink300, 40),\n pink300_30: getAlphaHex(PaletteWithoutAlpha.pink300, 30),\n pink300_20: getAlphaHex(PaletteWithoutAlpha.pink300, 20),\n\n // Alpha Purple\n purple400_30: getAlphaHex(PaletteWithoutAlpha.purple400, 30),\n purple400_20: getAlphaHex(PaletteWithoutAlpha.purple400, 20),\n purple400_10: getAlphaHex(PaletteWithoutAlpha.purple400, 10),\n purple300_40: getAlphaHex(PaletteWithoutAlpha.purple300, 40),\n purple300_30: getAlphaHex(PaletteWithoutAlpha.purple300, 30),\n purple300_20: getAlphaHex(PaletteWithoutAlpha.purple300, 20),\n\n // Alpha Navy\n navy400_30: getAlphaHex(PaletteWithoutAlpha.navy400, 30),\n navy400_20: getAlphaHex(PaletteWithoutAlpha.navy400, 20),\n navy400_10: getAlphaHex(PaletteWithoutAlpha.navy400, 10),\n navy300_40: getAlphaHex(PaletteWithoutAlpha.navy300, 40),\n navy300_30: getAlphaHex(PaletteWithoutAlpha.navy300, 30),\n navy300_20: getAlphaHex(PaletteWithoutAlpha.navy300, 20),\n\n // Alpha Grey\n grey900_90: getAlphaHex(PaletteWithoutAlpha.grey900, 90),\n grey850_80: getAlphaHex(PaletteWithoutAlpha.grey850, 80),\n grey800_90: getAlphaHex(PaletteWithoutAlpha.grey800, 90),\n grey800_80: getAlphaHex(PaletteWithoutAlpha.grey800, 80),\n grey700_80: getAlphaHex(PaletteWithoutAlpha.grey700, 80),\n grey200_80: getAlphaHex(PaletteWithoutAlpha.grey200, 80),\n grey100_90: getAlphaHex(PaletteWithoutAlpha.grey100, 90),\n grey100_80: getAlphaHex(PaletteWithoutAlpha.grey100, 80),\n grey50_80: getAlphaHex(PaletteWithoutAlpha.grey50, 80),\n\n // Alpha White\n white_90: getAlphaHex(PaletteWithoutAlpha.white, 90),\n white_80: getAlphaHex(PaletteWithoutAlpha.white, 80),\n white_60: getAlphaHex(PaletteWithoutAlpha.white, 60),\n white_40: getAlphaHex(PaletteWithoutAlpha.white, 40),\n white_20: getAlphaHex(PaletteWithoutAlpha.white, 20),\n white_12: getAlphaHex(PaletteWithoutAlpha.white, 12),\n white_8: getAlphaHex(PaletteWithoutAlpha.white, 8),\n white_5: getAlphaHex(PaletteWithoutAlpha.white, 5),\n\n // Alpha Black\n black_85: getAlphaHex(PaletteWithoutAlpha.black, 85),\n black_60: getAlphaHex(PaletteWithoutAlpha.black, 60),\n black_40: getAlphaHex(PaletteWithoutAlpha.black, 40),\n black_30: getAlphaHex(PaletteWithoutAlpha.black, 30),\n black_22: getAlphaHex(PaletteWithoutAlpha.black, 22),\n black_20: getAlphaHex(PaletteWithoutAlpha.black, 20),\n black_15: getAlphaHex(PaletteWithoutAlpha.black, 15),\n black_8: getAlphaHex(PaletteWithoutAlpha.black, 8),\n black_5: getAlphaHex(PaletteWithoutAlpha.black, 5),\n black_3: getAlphaHex(PaletteWithoutAlpha.black, 3),\n}\n"],"names":["PaletteWithoutAlpha","blue300","blue400","blue500","cobalt300","cobalt400","cobalt500","teal300","teal400","teal500","green300","green400","green500","olive300","olive400","olive500","yellow300","yellow400","yellow500","orange300","orange400","orange500","red300","red400","red500","pink300","pink400","pink500","purple300","purple400","purple500","navy300","navy400","navy500","grey50","grey100","grey200","grey500","grey700","grey800","grey850","grey900","white","black","Palette","blue400_30","getAlphaHex","blue400_20","blue400_10","blue300_40","blue300_30","blue300_20","cobalt400_30","cobalt400_20","cobalt400_10","cobalt300_40","cobalt300_30","cobalt300_20","teal400_30","teal400_20","teal400_10","teal300_40","teal300_30","teal300_20","green400_30","green400_20","green400_10","green300_40","green300_30","green300_20","olive400_30","olive400_20","olive400_10","olive300_40","olive300_30","olive300_20","yellow400_30","yellow400_20","yellow400_10","yellow300_40","yellow300_30","yellow300_20","orange400_30","orange400_20","orange400_10","orange300_40","orange300_30","orange300_20","red400_30","red400_20","red400_10","red300_40","red300_30","red300_20","pink400_30","pink400_20","pink400_10","pink300_40","pink300_30","pink300_20","purple400_30","purple400_20","purple400_10","purple300_40","purple300_30","purple300_20","navy400_30","navy400_20","navy400_10","navy300_40","navy300_30","navy300_20","grey900_90","grey850_80","grey800_90","grey800_80","grey700_80","grey200_80","grey100_90","grey100_80","grey50_80","white_90","white_80","white_60","white_40","white_20","white_12","white_8","white_5","black_85","black_60","black_40","black_30","black_22","black_20","black_15","black_8","black_5","black_3"],"mappings":";;;;AAAA;AACA;AACA;AACA;;AAgCA,MAAMA,mBAA4C,GAAG;AACnD;AACAC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAElB;AACAC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,SAAS,EAAE,SAAS;AAEpB;AACAC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAElB;AACAC,EAAAA,QAAQ,EAAE,SAAS;AACnBC,EAAAA,QAAQ,EAAE,SAAS;AACnBC,EAAAA,QAAQ,EAAE,SAAS;AAEnB;AACAC,EAAAA,QAAQ,EAAE,SAAS;AACnBC,EAAAA,QAAQ,EAAE,SAAS;AACnBC,EAAAA,QAAQ,EAAE,SAAS;AAEnB;AACAC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,SAAS,EAAE,SAAS;AAEpB;AACAC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,SAAS,EAAE,SAAS;AAEpB;AACAC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AAEjB;AACAC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAElB;AACAC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,SAAS,EAAE,SAAS;AAEpB;AACAC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAElB;AACAC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAElB;AACAC,EAAAA,KAAK,EAAE,SAAS;AAEhB;AACAC,EAAAA,KAAK,EAAE,SAAA;AACT,CAAC,CAAA;;AAED;;AAQA;;AAiDO,MAAMC,OAAoB,GAAG;AAClC,EAAA,GAAG5C,mBAAmB;AAEtB;EACA6C,UAAU,EAAEC,sBAAW,CAAC9C,mBAAmB,CAACE,OAAO,EAAE,EAAE,CAAC;EACxD6C,UAAU,EAAED,sBAAW,CAAC9C,mBAAmB,CAACE,OAAO,EAAE,EAAE,CAAC;EACxD8C,UAAU,EAAEF,sBAAW,CAAC9C,mBAAmB,CAACE,OAAO,EAAE,EAAE,CAAC;EACxD+C,UAAU,EAAEH,sBAAW,CAAC9C,mBAAmB,CAACC,OAAO,EAAE,EAAE,CAAC;EACxDiD,UAAU,EAAEJ,sBAAW,CAAC9C,mBAAmB,CAACC,OAAO,EAAE,EAAE,CAAC;EACxDkD,UAAU,EAAEL,sBAAW,CAAC9C,mBAAmB,CAACC,OAAO,EAAE,EAAE,CAAC;AAExD;EACAmD,YAAY,EAAEN,sBAAW,CAAC9C,mBAAmB,CAACK,SAAS,EAAE,EAAE,CAAC;EAC5DgD,YAAY,EAAEP,sBAAW,CAAC9C,mBAAmB,CAACK,SAAS,EAAE,EAAE,CAAC;EAC5DiD,YAAY,EAAER,sBAAW,CAAC9C,mBAAmB,CAACK,SAAS,EAAE,EAAE,CAAC;EAC5DkD,YAAY,EAAET,sBAAW,CAAC9C,mBAAmB,CAACI,SAAS,EAAE,EAAE,CAAC;EAC5DoD,YAAY,EAAEV,sBAAW,CAAC9C,mBAAmB,CAACI,SAAS,EAAE,EAAE,CAAC;EAC5DqD,YAAY,EAAEX,sBAAW,CAAC9C,mBAAmB,CAACI,SAAS,EAAE,EAAE,CAAC;AAE5D;EACAsD,UAAU,EAAEZ,sBAAW,CAAC9C,mBAAmB,CAACQ,OAAO,EAAE,EAAE,CAAC;EACxDmD,UAAU,EAAEb,sBAAW,CAAC9C,mBAAmB,CAACQ,OAAO,EAAE,EAAE,CAAC;EACxDoD,UAAU,EAAEd,sBAAW,CAAC9C,mBAAmB,CAACQ,OAAO,EAAE,EAAE,CAAC;EACxDqD,UAAU,EAAEf,sBAAW,CAAC9C,mBAAmB,CAACO,OAAO,EAAE,EAAE,CAAC;EACxDuD,UAAU,EAAEhB,sBAAW,CAAC9C,mBAAmB,CAACO,OAAO,EAAE,EAAE,CAAC;EACxDwD,UAAU,EAAEjB,sBAAW,CAAC9C,mBAAmB,CAACO,OAAO,EAAE,EAAE,CAAC;AAExD;EACAyD,WAAW,EAAElB,sBAAW,CAAC9C,mBAAmB,CAACW,QAAQ,EAAE,EAAE,CAAC;EAC1DsD,WAAW,EAAEnB,sBAAW,CAAC9C,mBAAmB,CAACW,QAAQ,EAAE,EAAE,CAAC;EAC1DuD,WAAW,EAAEpB,sBAAW,CAAC9C,mBAAmB,CAACW,QAAQ,EAAE,EAAE,CAAC;EAC1DwD,WAAW,EAAErB,sBAAW,CAAC9C,mBAAmB,CAACU,QAAQ,EAAE,EAAE,CAAC;EAC1D0D,WAAW,EAAEtB,sBAAW,CAAC9C,mBAAmB,CAACU,QAAQ,EAAE,EAAE,CAAC;EAC1D2D,WAAW,EAAEvB,sBAAW,CAAC9C,mBAAmB,CAACU,QAAQ,EAAE,EAAE,CAAC;AAE1D;EACA4D,WAAW,EAAExB,sBAAW,CAAC9C,mBAAmB,CAACc,QAAQ,EAAE,EAAE,CAAC;EAC1DyD,WAAW,EAAEzB,sBAAW,CAAC9C,mBAAmB,CAACc,QAAQ,EAAE,EAAE,CAAC;EAC1D0D,WAAW,EAAE1B,sBAAW,CAAC9C,mBAAmB,CAACc,QAAQ,EAAE,EAAE,CAAC;EAC1D2D,WAAW,EAAE3B,sBAAW,CAAC9C,mBAAmB,CAACa,QAAQ,EAAE,EAAE,CAAC;EAC1D6D,WAAW,EAAE5B,sBAAW,CAAC9C,mBAAmB,CAACa,QAAQ,EAAE,EAAE,CAAC;EAC1D8D,WAAW,EAAE7B,sBAAW,CAAC9C,mBAAmB,CAACa,QAAQ,EAAE,EAAE,CAAC;AAE1D;EACA+D,YAAY,EAAE9B,sBAAW,CAAC9C,mBAAmB,CAACiB,SAAS,EAAE,EAAE,CAAC;EAC5D4D,YAAY,EAAE/B,sBAAW,CAAC9C,mBAAmB,CAACiB,SAAS,EAAE,EAAE,CAAC;EAC5D6D,YAAY,EAAEhC,sBAAW,CAAC9C,mBAAmB,CAACiB,SAAS,EAAE,EAAE,CAAC;EAC5D8D,YAAY,EAAEjC,sBAAW,CAAC9C,mBAAmB,CAACgB,SAAS,EAAE,EAAE,CAAC;EAC5DgE,YAAY,EAAElC,sBAAW,CAAC9C,mBAAmB,CAACgB,SAAS,EAAE,EAAE,CAAC;EAC5DiE,YAAY,EAAEnC,sBAAW,CAAC9C,mBAAmB,CAACgB,SAAS,EAAE,EAAE,CAAC;AAE5D;EACAkE,YAAY,EAAEpC,sBAAW,CAAC9C,mBAAmB,CAACoB,SAAS,EAAE,EAAE,CAAC;EAC5D+D,YAAY,EAAErC,sBAAW,CAAC9C,mBAAmB,CAACoB,SAAS,EAAE,EAAE,CAAC;EAC5DgE,YAAY,EAAEtC,sBAAW,CAAC9C,mBAAmB,CAACoB,SAAS,EAAE,EAAE,CAAC;EAC5DiE,YAAY,EAAEvC,sBAAW,CAAC9C,mBAAmB,CAACmB,SAAS,EAAE,EAAE,CAAC;EAC5DmE,YAAY,EAAExC,sBAAW,CAAC9C,mBAAmB,CAACmB,SAAS,EAAE,EAAE,CAAC;EAC5DoE,YAAY,EAAEzC,sBAAW,CAAC9C,mBAAmB,CAACmB,SAAS,EAAE,EAAE,CAAC;AAE5D;EACAqE,SAAS,EAAE1C,sBAAW,CAAC9C,mBAAmB,CAACuB,MAAM,EAAE,EAAE,CAAC;EACtDkE,SAAS,EAAE3C,sBAAW,CAAC9C,mBAAmB,CAACuB,MAAM,EAAE,EAAE,CAAC;EACtDmE,SAAS,EAAE5C,sBAAW,CAAC9C,mBAAmB,CAACuB,MAAM,EAAE,EAAE,CAAC;EACtDoE,SAAS,EAAE7C,sBAAW,CAAC9C,mBAAmB,CAACsB,MAAM,EAAE,EAAE,CAAC;EACtDsE,SAAS,EAAE9C,sBAAW,CAAC9C,mBAAmB,CAACsB,MAAM,EAAE,EAAE,CAAC;EACtDuE,SAAS,EAAE/C,sBAAW,CAAC9C,mBAAmB,CAACsB,MAAM,EAAE,EAAE,CAAC;AAEtD;EACAwE,UAAU,EAAEhD,sBAAW,CAAC9C,mBAAmB,CAAC0B,OAAO,EAAE,EAAE,CAAC;EACxDqE,UAAU,EAAEjD,sBAAW,CAAC9C,mBAAmB,CAAC0B,OAAO,EAAE,EAAE,CAAC;EACxDsE,UAAU,EAAElD,sBAAW,CAAC9C,mBAAmB,CAAC0B,OAAO,EAAE,EAAE,CAAC;EACxDuE,UAAU,EAAEnD,sBAAW,CAAC9C,mBAAmB,CAACyB,OAAO,EAAE,EAAE,CAAC;EACxDyE,UAAU,EAAEpD,sBAAW,CAAC9C,mBAAmB,CAACyB,OAAO,EAAE,EAAE,CAAC;EACxD0E,UAAU,EAAErD,sBAAW,CAAC9C,mBAAmB,CAACyB,OAAO,EAAE,EAAE,CAAC;AAExD;EACA2E,YAAY,EAAEtD,sBAAW,CAAC9C,mBAAmB,CAAC6B,SAAS,EAAE,EAAE,CAAC;EAC5DwE,YAAY,EAAEvD,sBAAW,CAAC9C,mBAAmB,CAAC6B,SAAS,EAAE,EAAE,CAAC;EAC5DyE,YAAY,EAAExD,sBAAW,CAAC9C,mBAAmB,CAAC6B,SAAS,EAAE,EAAE,CAAC;EAC5D0E,YAAY,EAAEzD,sBAAW,CAAC9C,mBAAmB,CAAC4B,SAAS,EAAE,EAAE,CAAC;EAC5D4E,YAAY,EAAE1D,sBAAW,CAAC9C,mBAAmB,CAAC4B,SAAS,EAAE,EAAE,CAAC;EAC5D6E,YAAY,EAAE3D,sBAAW,CAAC9C,mBAAmB,CAAC4B,SAAS,EAAE,EAAE,CAAC;AAE5D;EACA8E,UAAU,EAAE5D,sBAAW,CAAC9C,mBAAmB,CAACgC,OAAO,EAAE,EAAE,CAAC;EACxD2E,UAAU,EAAE7D,sBAAW,CAAC9C,mBAAmB,CAACgC,OAAO,EAAE,EAAE,CAAC;EACxD4E,UAAU,EAAE9D,sBAAW,CAAC9C,mBAAmB,CAACgC,OAAO,EAAE,EAAE,CAAC;EACxD6E,UAAU,EAAE/D,sBAAW,CAAC9C,mBAAmB,CAAC+B,OAAO,EAAE,EAAE,CAAC;EACxD+E,UAAU,EAAEhE,sBAAW,CAAC9C,mBAAmB,CAAC+B,OAAO,EAAE,EAAE,CAAC;EACxDgF,UAAU,EAAEjE,sBAAW,CAAC9C,mBAAmB,CAAC+B,OAAO,EAAE,EAAE,CAAC;AAExD;EACAiF,UAAU,EAAElE,sBAAW,CAAC9C,mBAAmB,CAACyC,OAAO,EAAE,EAAE,CAAC;EACxDwE,UAAU,EAAEnE,sBAAW,CAAC9C,mBAAmB,CAACwC,OAAO,EAAE,EAAE,CAAC;EACxD0E,UAAU,EAAEpE,sBAAW,CAAC9C,mBAAmB,CAACuC,OAAO,EAAE,EAAE,CAAC;EACxD4E,UAAU,EAAErE,sBAAW,CAAC9C,mBAAmB,CAACuC,OAAO,EAAE,EAAE,CAAC;EACxD6E,UAAU,EAAEtE,sBAAW,CAAC9C,mBAAmB,CAACsC,OAAO,EAAE,EAAE,CAAC;EACxD+E,UAAU,EAAEvE,sBAAW,CAAC9C,mBAAmB,CAACoC,OAAO,EAAE,EAAE,CAAC;EACxDkF,UAAU,EAAExE,sBAAW,CAAC9C,mBAAmB,CAACmC,OAAO,EAAE,EAAE,CAAC;EACxDoF,UAAU,EAAEzE,sBAAW,CAAC9C,mBAAmB,CAACmC,OAAO,EAAE,EAAE,CAAC;EACxDqF,SAAS,EAAE1E,sBAAW,CAAC9C,mBAAmB,CAACkC,MAAM,EAAE,EAAE,CAAC;AAEtD;EACAuF,QAAQ,EAAE3E,sBAAW,CAAC9C,mBAAmB,CAAC0C,KAAK,EAAE,EAAE,CAAC;EACpDgF,QAAQ,EAAE5E,sBAAW,CAAC9C,mBAAmB,CAAC0C,KAAK,EAAE,EAAE,CAAC;EACpDiF,QAAQ,EAAE7E,sBAAW,CAAC9C,mBAAmB,CAAC0C,KAAK,EAAE,EAAE,CAAC;EACpDkF,QAAQ,EAAE9E,sBAAW,CAAC9C,mBAAmB,CAAC0C,KAAK,EAAE,EAAE,CAAC;EACpDmF,QAAQ,EAAE/E,sBAAW,CAAC9C,mBAAmB,CAAC0C,KAAK,EAAE,EAAE,CAAC;EACpDoF,QAAQ,EAAEhF,sBAAW,CAAC9C,mBAAmB,CAAC0C,KAAK,EAAE,EAAE,CAAC;EACpDqF,OAAO,EAAEjF,sBAAW,CAAC9C,mBAAmB,CAAC0C,KAAK,EAAE,CAAC,CAAC;EAClDsF,OAAO,EAAElF,sBAAW,CAAC9C,mBAAmB,CAAC0C,KAAK,EAAE,CAAC,CAAC;AAElD;EACAuF,QAAQ,EAAEnF,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,EAAE,CAAC;EACpDuF,QAAQ,EAAEpF,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,EAAE,CAAC;EACpDwF,QAAQ,EAAErF,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,EAAE,CAAC;EACpDyF,QAAQ,EAAEtF,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,EAAE,CAAC;EACpD0F,QAAQ,EAAEvF,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,EAAE,CAAC;EACpD2F,QAAQ,EAAExF,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,EAAE,CAAC;EACpD4F,QAAQ,EAAEzF,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,EAAE,CAAC;EACpD6F,OAAO,EAAE1F,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,CAAC,CAAC;EAClD8F,OAAO,EAAE3F,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,CAAC,CAAC;AAClD+F,EAAAA,OAAO,EAAE5F,sBAAW,CAAC9C,mBAAmB,CAAC2C,KAAK,EAAE,CAAC,CAAA;AACnD;;;;"}
|
|
@@ -14,7 +14,7 @@ const DarkTheme = {
|
|
|
14
14
|
'bg-navi': index.Palette.grey800_80,
|
|
15
15
|
'bg-header': index.Palette.grey800,
|
|
16
16
|
'bg-header-float': index.Palette.grey800_80,
|
|
17
|
-
'bg-lounge': index.Palette.
|
|
17
|
+
'bg-lounge': index.Palette.grey800_90,
|
|
18
18
|
// Mono Background
|
|
19
19
|
'bg-black-darkest': index.Palette.white_60,
|
|
20
20
|
'bg-black-darker': index.Palette.white_40,
|
|
@@ -86,6 +86,7 @@ const DarkTheme = {
|
|
|
86
86
|
'bgtxt-navy-lighter': index.Palette.navy300_30,
|
|
87
87
|
'bgtxt-navy-lightest': index.Palette.navy300_20,
|
|
88
88
|
// Text
|
|
89
|
+
'txt-black-pure': index.Palette.white,
|
|
89
90
|
'txt-black-darkest': index.Palette.white_80,
|
|
90
91
|
'txt-black-darker': index.Palette.white_60,
|
|
91
92
|
'txt-black-dark': index.Palette.white_40,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DarkTheme.js","sources":["../../../../../../src/foundation/Colors/Theme/presets/DarkTheme.ts"],"sourcesContent":["import { Palette } from '~/src/foundation/Colors/Palette'\nimport { type ThemeType } from '~/src/foundation/Colors/Theme'\n\nconst DarkTheme: ThemeType = {\n // Elevation Background\n 'bg-white-high': Palette.grey700,\n 'bg-white-normal': Palette.grey900,\n 'bg-white-low': Palette.grey800,\n\n // Layout Background\n 'bg-gnb': Palette.grey700_80,\n 'bg-navi': Palette.grey800_80,\n 'bg-header': Palette.grey800,\n 'bg-header-float': Palette.grey800_80,\n 'bg-lounge': Palette.
|
|
1
|
+
{"version":3,"file":"DarkTheme.js","sources":["../../../../../../src/foundation/Colors/Theme/presets/DarkTheme.ts"],"sourcesContent":["import { Palette } from '~/src/foundation/Colors/Palette'\nimport { type ThemeType } from '~/src/foundation/Colors/Theme'\n\nconst DarkTheme: ThemeType = {\n // Elevation Background\n 'bg-white-high': Palette.grey700,\n 'bg-white-normal': Palette.grey900,\n 'bg-white-low': Palette.grey800,\n\n // Layout Background\n 'bg-gnb': Palette.grey700_80,\n 'bg-navi': Palette.grey800_80,\n 'bg-header': Palette.grey800,\n 'bg-header-float': Palette.grey800_80,\n 'bg-lounge': Palette.grey800_90,\n\n // Mono Background\n 'bg-black-darkest': Palette.white_60,\n 'bg-black-darker': Palette.white_40,\n 'bg-black-dark': Palette.white_20,\n 'bg-black-light': Palette.white_12,\n 'bg-black-lighter': Palette.white_8,\n 'bg-black-lightest': Palette.white_5,\n\n 'bg-grey-dark': Palette.grey500,\n 'bg-grey-dim-lightest': Palette.grey850_80,\n 'bg-grey-light': Palette.grey700,\n 'bg-grey-lighter': Palette.grey800,\n 'bg-grey-lightest': Palette.grey850,\n\n 'bg-white-dim-dark': Palette.black_60,\n 'bg-white-dim-light': Palette.black_20,\n\n // Colorful text and background\n 'bgtxt-blue-dark': Palette.blue400,\n 'bgtxt-blue-normal': Palette.blue300,\n 'bgtxt-blue-light': Palette.blue300_40,\n 'bgtxt-blue-lighter': Palette.blue300_30,\n 'bgtxt-blue-lightest': Palette.blue300_20,\n\n 'bgtxt-cobalt-dark': Palette.cobalt400,\n 'bgtxt-cobalt-normal': Palette.cobalt300,\n 'bgtxt-cobalt-light': Palette.cobalt300_40,\n 'bgtxt-cobalt-lighter': Palette.cobalt300_30,\n 'bgtxt-cobalt-lightest': Palette.cobalt300_20,\n\n 'bgtxt-teal-dark': Palette.teal400,\n 'bgtxt-teal-normal': Palette.teal300,\n 'bgtxt-teal-light': Palette.teal300_40,\n 'bgtxt-teal-lighter': Palette.teal300_30,\n 'bgtxt-teal-lightest': Palette.teal300_20,\n\n 'bgtxt-green-dark': Palette.green400,\n 'bgtxt-green-normal': Palette.green300,\n 'bgtxt-green-light': Palette.green300_40,\n 'bgtxt-green-lighter': Palette.green300_30,\n 'bgtxt-green-lightest': Palette.green300_20,\n\n 'bgtxt-olive-dark': Palette.olive400,\n 'bgtxt-olive-normal': Palette.olive300,\n 'bgtxt-olive-light': Palette.olive300_40,\n 'bgtxt-olive-lighter': Palette.olive300_30,\n 'bgtxt-olive-lightest': Palette.olive300_20,\n\n 'bgtxt-yellow-dark': Palette.yellow400,\n 'bgtxt-yellow-normal': Palette.yellow300,\n 'bgtxt-yellow-light': Palette.yellow300_40,\n 'bgtxt-yellow-lighter': Palette.yellow300_30,\n 'bgtxt-yellow-lightest': Palette.yellow300_20,\n\n 'bgtxt-orange-dark': Palette.orange400,\n 'bgtxt-orange-normal': Palette.orange300,\n 'bgtxt-orange-light': Palette.orange300_40,\n 'bgtxt-orange-lighter': Palette.orange300_30,\n 'bgtxt-orange-lightest': Palette.orange300_20,\n\n 'bgtxt-red-dark': Palette.red400,\n 'bgtxt-red-normal': Palette.red300,\n 'bgtxt-red-light': Palette.red300_40,\n 'bgtxt-red-lighter': Palette.red300_30,\n 'bgtxt-red-lightest': Palette.red300_20,\n\n 'bgtxt-pink-dark': Palette.pink400,\n 'bgtxt-pink-normal': Palette.pink300,\n 'bgtxt-pink-light': Palette.pink300_40,\n 'bgtxt-pink-lighter': Palette.pink300_30,\n 'bgtxt-pink-lightest': Palette.pink300_20,\n\n 'bgtxt-purple-dark': Palette.purple400,\n 'bgtxt-purple-normal': Palette.purple300,\n 'bgtxt-purple-light': Palette.purple300_40,\n 'bgtxt-purple-lighter': Palette.purple300_30,\n 'bgtxt-purple-lightest': Palette.purple300_20,\n\n 'bgtxt-navy-dark': Palette.navy400,\n 'bgtxt-navy-normal': Palette.navy300,\n 'bgtxt-navy-light': Palette.navy300_40,\n 'bgtxt-navy-lighter': Palette.navy300_30,\n 'bgtxt-navy-lightest': Palette.navy300_20,\n\n // Text\n 'txt-black-pure': Palette.white,\n 'txt-black-darkest': Palette.white_80,\n 'txt-black-darker': Palette.white_60,\n 'txt-black-dark': Palette.white_40,\n 'txt-white-normal': Palette.grey900,\n\n // Mono-absolute text and background\n 'bgtxt-absolute-black-dark': Palette.black,\n 'bgtxt-absolute-black-normal': Palette.black_85,\n 'bgtxt-absolute-black-light': Palette.black_60,\n 'bgtxt-absolute-black-lighter': Palette.black_40,\n 'bgtxt-absolute-black-lightest': Palette.black_20,\n\n 'bgtxt-absolute-white-dark': Palette.white,\n 'bgtxt-absolute-white-normal': Palette.white_90,\n 'bgtxt-absolute-white-light': Palette.white_60,\n 'bgtxt-absolute-white-lighter': Palette.white_40,\n 'bgtxt-absolute-white-lightest': Palette.white_20,\n\n // Border\n 'bdr-black-dark': Palette.white_20,\n 'bdr-black-light': Palette.white_12,\n 'bdr-grey-light': Palette.grey700,\n 'bdr-white': Palette.grey700,\n\n // Shadow\n 'shdw-xlarge': Palette.black_60,\n 'shdw-large': Palette.black_40,\n 'shdw-medium': Palette.black_20,\n 'shdw-small': Palette.black_15,\n 'shdw-base': Palette.black_8,\n 'shdw-inner-base': Palette.white_8,\n}\n\nexport default DarkTheme\n"],"names":["DarkTheme","Palette","grey700","grey900","grey800","grey700_80","grey800_80","grey800_90","white_60","white_40","white_20","white_12","white_8","white_5","grey500","grey850_80","grey850","black_60","black_20","blue400","blue300","blue300_40","blue300_30","blue300_20","cobalt400","cobalt300","cobalt300_40","cobalt300_30","cobalt300_20","teal400","teal300","teal300_40","teal300_30","teal300_20","green400","green300","green300_40","green300_30","green300_20","olive400","olive300","olive300_40","olive300_30","olive300_20","yellow400","yellow300","yellow300_40","yellow300_30","yellow300_20","orange400","orange300","orange300_40","orange300_30","orange300_20","red400","red300","red300_40","red300_30","red300_20","pink400","pink300","pink300_40","pink300_30","pink300_20","purple400","purple300","purple300_40","purple300_30","purple300_20","navy400","navy300","navy300_40","navy300_30","navy300_20","white","white_80","black","black_85","black_40","white_90","black_15","black_8"],"mappings":"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"}
|
|
@@ -87,6 +87,7 @@ const LightTheme = {
|
|
|
87
87
|
'bgtxt-navy-lighter': index.Palette.navy400_20,
|
|
88
88
|
'bgtxt-navy-lightest': index.Palette.navy400_10,
|
|
89
89
|
// Text
|
|
90
|
+
'txt-black-pure': index.Palette.black,
|
|
90
91
|
'txt-black-darkest': index.Palette.black_85,
|
|
91
92
|
'txt-black-darker': index.Palette.black_60,
|
|
92
93
|
'txt-black-dark': index.Palette.black_40,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LightTheme.js","sources":["../../../../../../src/foundation/Colors/Theme/presets/LightTheme.ts"],"sourcesContent":["import { Palette } from '~/src/foundation/Colors/Palette'\nimport { type ThemeType } from '~/src/foundation/Colors/Theme'\n\nconst LightTheme: ThemeType = {\n // Elevation Background\n 'bg-white-high': Palette.white,\n 'bg-white-normal': Palette.white,\n 'bg-white-low': Palette.white,\n\n // Layout Background\n 'bg-gnb': Palette.grey200_80,\n 'bg-navi': Palette.grey100_80,\n 'bg-header': Palette.white,\n 'bg-header-float': Palette.white_90,\n 'bg-lounge': Palette.grey100_90,\n\n // Mono Background\n 'bg-black-darkest': Palette.black_60,\n 'bg-black-darker': Palette.black_40,\n 'bg-black-dark': Palette.black_15,\n 'bg-black-light': Palette.black_8,\n 'bg-black-lighter': Palette.black_5,\n 'bg-black-lightest': Palette.black_3,\n\n 'bg-grey-darkest': Palette.grey900,\n 'bg-grey-dark': Palette.grey500,\n 'bg-grey-dim-lightest': Palette.grey50_80,\n 'bg-grey-light': Palette.grey200,\n 'bg-grey-lighter': Palette.grey100,\n 'bg-grey-lightest': Palette.grey50,\n\n 'bg-white-dim-dark': Palette.white_60,\n 'bg-white-dim-light': Palette.white_20,\n\n // Colorful text and background\n 'bgtxt-blue-dark': Palette.blue500,\n 'bgtxt-blue-normal': Palette.blue400,\n 'bgtxt-blue-light': Palette.blue400_30,\n 'bgtxt-blue-lighter': Palette.blue400_20,\n 'bgtxt-blue-lightest': Palette.blue400_10,\n\n 'bgtxt-cobalt-dark': Palette.cobalt500,\n 'bgtxt-cobalt-normal': Palette.cobalt400,\n 'bgtxt-cobalt-light': Palette.cobalt400_30,\n 'bgtxt-cobalt-lighter': Palette.cobalt400_20,\n 'bgtxt-cobalt-lightest': Palette.cobalt400_10,\n\n 'bgtxt-teal-dark': Palette.teal500,\n 'bgtxt-teal-normal': Palette.teal400,\n 'bgtxt-teal-light': Palette.teal400_30,\n 'bgtxt-teal-lighter': Palette.teal400_20,\n 'bgtxt-teal-lightest': Palette.teal400_10,\n\n 'bgtxt-green-dark': Palette.green500,\n 'bgtxt-green-normal': Palette.green400,\n 'bgtxt-green-light': Palette.green400_30,\n 'bgtxt-green-lighter': Palette.green400_20,\n 'bgtxt-green-lightest': Palette.green400_10,\n\n 'bgtxt-olive-dark': Palette.olive500,\n 'bgtxt-olive-normal': Palette.olive400,\n 'bgtxt-olive-light': Palette.olive400_30,\n 'bgtxt-olive-lighter': Palette.olive400_20,\n 'bgtxt-olive-lightest': Palette.olive400_10,\n\n 'bgtxt-yellow-dark': Palette.yellow500,\n 'bgtxt-yellow-normal': Palette.yellow400,\n 'bgtxt-yellow-light': Palette.yellow400_30,\n 'bgtxt-yellow-lighter': Palette.yellow400_20,\n 'bgtxt-yellow-lightest': Palette.yellow400_10,\n\n 'bgtxt-orange-dark': Palette.orange500,\n 'bgtxt-orange-normal': Palette.orange400,\n 'bgtxt-orange-light': Palette.orange400_30,\n 'bgtxt-orange-lighter': Palette.orange400_20,\n 'bgtxt-orange-lightest': Palette.orange400_10,\n\n 'bgtxt-red-dark': Palette.red500,\n 'bgtxt-red-normal': Palette.red400,\n 'bgtxt-red-light': Palette.red400_30,\n 'bgtxt-red-lighter': Palette.red400_20,\n 'bgtxt-red-lightest': Palette.red400_10,\n\n 'bgtxt-pink-dark': Palette.pink500,\n 'bgtxt-pink-normal': Palette.pink400,\n 'bgtxt-pink-light': Palette.pink400_30,\n 'bgtxt-pink-lighter': Palette.pink400_20,\n 'bgtxt-pink-lightest': Palette.pink400_10,\n\n 'bgtxt-purple-dark': Palette.purple500,\n 'bgtxt-purple-normal': Palette.purple400,\n 'bgtxt-purple-light': Palette.purple400_30,\n 'bgtxt-purple-lighter': Palette.purple400_20,\n 'bgtxt-purple-lightest': Palette.purple400_10,\n\n 'bgtxt-navy-dark': Palette.navy500,\n 'bgtxt-navy-normal': Palette.navy400,\n 'bgtxt-navy-light': Palette.navy400_30,\n 'bgtxt-navy-lighter': Palette.navy400_20,\n 'bgtxt-navy-lightest': Palette.navy400_10,\n\n // Text\n 'txt-black-darkest': Palette.black_85,\n 'txt-black-darker': Palette.black_60,\n 'txt-black-dark': Palette.black_40,\n 'txt-white-normal': Palette.white,\n\n // Mono-absolute text and background\n 'bgtxt-absolute-black-dark': Palette.black,\n 'bgtxt-absolute-black-normal': Palette.black_85,\n 'bgtxt-absolute-black-light': Palette.black_60,\n 'bgtxt-absolute-black-lighter': Palette.black_40,\n 'bgtxt-absolute-black-lightest': Palette.black_20,\n\n 'bgtxt-absolute-white-dark': Palette.white,\n 'bgtxt-absolute-white-normal': Palette.white_90,\n 'bgtxt-absolute-white-light': Palette.white_60,\n 'bgtxt-absolute-white-lighter': Palette.white_40,\n 'bgtxt-absolute-white-lightest': Palette.white_20,\n\n // Border\n 'bdr-black-dark': Palette.black_15,\n 'bdr-black-light': Palette.black_8,\n 'bdr-grey-light': Palette.grey200,\n 'bdr-white': Palette.white,\n\n // Shadow\n 'shdw-xlarge': Palette.black_30,\n 'shdw-large': Palette.black_22,\n 'shdw-medium': Palette.black_15,\n 'shdw-small': Palette.black_8,\n 'shdw-base': Palette.black_5,\n 'shdw-inner-base': Palette.white_12,\n}\n\nexport default LightTheme\n"],"names":["LightTheme","Palette","white","grey200_80","grey100_80","white_90","grey100_90","black_60","black_40","black_15","black_8","black_5","black_3","grey900","grey500","grey50_80","grey200","grey100","grey50","white_60","white_20","blue500","blue400","blue400_30","blue400_20","blue400_10","cobalt500","cobalt400","cobalt400_30","cobalt400_20","cobalt400_10","teal500","teal400","teal400_30","teal400_20","teal400_10","green500","green400","green400_30","green400_20","green400_10","olive500","olive400","olive400_30","olive400_20","olive400_10","yellow500","yellow400","yellow400_30","yellow400_20","yellow400_10","orange500","orange400","orange400_30","orange400_20","orange400_10","red500","red400","red400_30","red400_20","red400_10","pink500","pink400","pink400_30","pink400_20","pink400_10","purple500","purple400","purple400_30","purple400_20","purple400_10","navy500","navy400","navy400_30","navy400_20","navy400_10","
|
|
1
|
+
{"version":3,"file":"LightTheme.js","sources":["../../../../../../src/foundation/Colors/Theme/presets/LightTheme.ts"],"sourcesContent":["import { Palette } from '~/src/foundation/Colors/Palette'\nimport { type ThemeType } from '~/src/foundation/Colors/Theme'\n\nconst LightTheme: ThemeType = {\n // Elevation Background\n 'bg-white-high': Palette.white,\n 'bg-white-normal': Palette.white,\n 'bg-white-low': Palette.white,\n\n // Layout Background\n 'bg-gnb': Palette.grey200_80,\n 'bg-navi': Palette.grey100_80,\n 'bg-header': Palette.white,\n 'bg-header-float': Palette.white_90,\n 'bg-lounge': Palette.grey100_90,\n\n // Mono Background\n 'bg-black-darkest': Palette.black_60,\n 'bg-black-darker': Palette.black_40,\n 'bg-black-dark': Palette.black_15,\n 'bg-black-light': Palette.black_8,\n 'bg-black-lighter': Palette.black_5,\n 'bg-black-lightest': Palette.black_3,\n\n 'bg-grey-darkest': Palette.grey900,\n 'bg-grey-dark': Palette.grey500,\n 'bg-grey-dim-lightest': Palette.grey50_80,\n 'bg-grey-light': Palette.grey200,\n 'bg-grey-lighter': Palette.grey100,\n 'bg-grey-lightest': Palette.grey50,\n\n 'bg-white-dim-dark': Palette.white_60,\n 'bg-white-dim-light': Palette.white_20,\n\n // Colorful text and background\n 'bgtxt-blue-dark': Palette.blue500,\n 'bgtxt-blue-normal': Palette.blue400,\n 'bgtxt-blue-light': Palette.blue400_30,\n 'bgtxt-blue-lighter': Palette.blue400_20,\n 'bgtxt-blue-lightest': Palette.blue400_10,\n\n 'bgtxt-cobalt-dark': Palette.cobalt500,\n 'bgtxt-cobalt-normal': Palette.cobalt400,\n 'bgtxt-cobalt-light': Palette.cobalt400_30,\n 'bgtxt-cobalt-lighter': Palette.cobalt400_20,\n 'bgtxt-cobalt-lightest': Palette.cobalt400_10,\n\n 'bgtxt-teal-dark': Palette.teal500,\n 'bgtxt-teal-normal': Palette.teal400,\n 'bgtxt-teal-light': Palette.teal400_30,\n 'bgtxt-teal-lighter': Palette.teal400_20,\n 'bgtxt-teal-lightest': Palette.teal400_10,\n\n 'bgtxt-green-dark': Palette.green500,\n 'bgtxt-green-normal': Palette.green400,\n 'bgtxt-green-light': Palette.green400_30,\n 'bgtxt-green-lighter': Palette.green400_20,\n 'bgtxt-green-lightest': Palette.green400_10,\n\n 'bgtxt-olive-dark': Palette.olive500,\n 'bgtxt-olive-normal': Palette.olive400,\n 'bgtxt-olive-light': Palette.olive400_30,\n 'bgtxt-olive-lighter': Palette.olive400_20,\n 'bgtxt-olive-lightest': Palette.olive400_10,\n\n 'bgtxt-yellow-dark': Palette.yellow500,\n 'bgtxt-yellow-normal': Palette.yellow400,\n 'bgtxt-yellow-light': Palette.yellow400_30,\n 'bgtxt-yellow-lighter': Palette.yellow400_20,\n 'bgtxt-yellow-lightest': Palette.yellow400_10,\n\n 'bgtxt-orange-dark': Palette.orange500,\n 'bgtxt-orange-normal': Palette.orange400,\n 'bgtxt-orange-light': Palette.orange400_30,\n 'bgtxt-orange-lighter': Palette.orange400_20,\n 'bgtxt-orange-lightest': Palette.orange400_10,\n\n 'bgtxt-red-dark': Palette.red500,\n 'bgtxt-red-normal': Palette.red400,\n 'bgtxt-red-light': Palette.red400_30,\n 'bgtxt-red-lighter': Palette.red400_20,\n 'bgtxt-red-lightest': Palette.red400_10,\n\n 'bgtxt-pink-dark': Palette.pink500,\n 'bgtxt-pink-normal': Palette.pink400,\n 'bgtxt-pink-light': Palette.pink400_30,\n 'bgtxt-pink-lighter': Palette.pink400_20,\n 'bgtxt-pink-lightest': Palette.pink400_10,\n\n 'bgtxt-purple-dark': Palette.purple500,\n 'bgtxt-purple-normal': Palette.purple400,\n 'bgtxt-purple-light': Palette.purple400_30,\n 'bgtxt-purple-lighter': Palette.purple400_20,\n 'bgtxt-purple-lightest': Palette.purple400_10,\n\n 'bgtxt-navy-dark': Palette.navy500,\n 'bgtxt-navy-normal': Palette.navy400,\n 'bgtxt-navy-light': Palette.navy400_30,\n 'bgtxt-navy-lighter': Palette.navy400_20,\n 'bgtxt-navy-lightest': Palette.navy400_10,\n\n // Text\n 'txt-black-pure': Palette.black,\n 'txt-black-darkest': Palette.black_85,\n 'txt-black-darker': Palette.black_60,\n 'txt-black-dark': Palette.black_40,\n 'txt-white-normal': Palette.white,\n\n // Mono-absolute text and background\n 'bgtxt-absolute-black-dark': Palette.black,\n 'bgtxt-absolute-black-normal': Palette.black_85,\n 'bgtxt-absolute-black-light': Palette.black_60,\n 'bgtxt-absolute-black-lighter': Palette.black_40,\n 'bgtxt-absolute-black-lightest': Palette.black_20,\n\n 'bgtxt-absolute-white-dark': Palette.white,\n 'bgtxt-absolute-white-normal': Palette.white_90,\n 'bgtxt-absolute-white-light': Palette.white_60,\n 'bgtxt-absolute-white-lighter': Palette.white_40,\n 'bgtxt-absolute-white-lightest': Palette.white_20,\n\n // Border\n 'bdr-black-dark': Palette.black_15,\n 'bdr-black-light': Palette.black_8,\n 'bdr-grey-light': Palette.grey200,\n 'bdr-white': Palette.white,\n\n // Shadow\n 'shdw-xlarge': Palette.black_30,\n 'shdw-large': Palette.black_22,\n 'shdw-medium': Palette.black_15,\n 'shdw-small': Palette.black_8,\n 'shdw-base': Palette.black_5,\n 'shdw-inner-base': Palette.white_12,\n}\n\nexport default LightTheme\n"],"names":["LightTheme","Palette","white","grey200_80","grey100_80","white_90","grey100_90","black_60","black_40","black_15","black_8","black_5","black_3","grey900","grey500","grey50_80","grey200","grey100","grey50","white_60","white_20","blue500","blue400","blue400_30","blue400_20","blue400_10","cobalt500","cobalt400","cobalt400_30","cobalt400_20","cobalt400_10","teal500","teal400","teal400_30","teal400_20","teal400_10","green500","green400","green400_30","green400_20","green400_10","olive500","olive400","olive400_30","olive400_20","olive400_10","yellow500","yellow400","yellow400_30","yellow400_20","yellow400_10","orange500","orange400","orange400_30","orange400_20","orange400_10","red500","red400","red400_30","red400_20","red400_10","pink500","pink400","pink400_30","pink400_20","pink400_10","purple500","purple400","purple400_30","purple400_20","purple400_10","navy500","navy400","navy400_30","navy400_20","navy400_10","black","black_85","black_20","white_40","black_30","black_22","white_12"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
function useIsMounted() {
|
|
8
|
+
const [isMounted, setIsMounted] = React.useState(false);
|
|
9
|
+
React.useEffect(() => {
|
|
10
|
+
setIsMounted(true);
|
|
11
|
+
}, []);
|
|
12
|
+
return isMounted;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
exports.default = useIsMounted;
|
|
16
|
+
//# sourceMappingURL=useIsMounted.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useIsMounted.js","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import {\n useEffect,\n useState,\n} from 'react'\n\nexport default function useIsMounted() {\n const [isMounted, setIsMounted] = useState(false)\n\n useEffect(() => {\n setIsMounted(true)\n }, [])\n\n return isMounted\n}\n"],"names":["useIsMounted","isMounted","setIsMounted","useState","useEffect"],"mappings":";;;;;;AAKe,SAASA,YAAYA,GAAG;EACrC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAEjDC,EAAAA,eAAS,CAAC,MAAM;IACdF,YAAY,CAAC,IAAI,CAAC,CAAA;GACnB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAOD,SAAS,CAAA;AAClB;;;;"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -76,6 +76,7 @@ var ModalHeader = require('./components/Modals/Modal/ModalHeader.js');
|
|
|
76
76
|
var ModalBody = require('./components/Modals/Modal/ModalBody.js');
|
|
77
77
|
var ModalFooter = require('./components/Modals/Modal/ModalFooter.js');
|
|
78
78
|
var ModalHelpers = require('./components/Modals/Modal/ModalHelpers.js');
|
|
79
|
+
var ModalContext = require('./components/Modals/Modal/ModalContext.js');
|
|
79
80
|
var Modal_types = require('./components/Modals/Modal/Modal.types.js');
|
|
80
81
|
var ConfirmModal = require('./components/Modals/ConfirmModal/ConfirmModal.js');
|
|
81
82
|
var ConfirmModalContent = require('./components/Modals/ConfirmModal/ConfirmModalContent.js');
|
|
@@ -247,6 +248,7 @@ exports.ModalBody = ModalBody.ModalBody;
|
|
|
247
248
|
exports.ModalFooter = ModalFooter.ModalFooter;
|
|
248
249
|
exports.ModalClose = ModalHelpers.ModalClose;
|
|
249
250
|
exports.ModalTrigger = ModalHelpers.ModalTrigger;
|
|
251
|
+
exports.useModalContainerContext = ModalContext.useModalContainerContext;
|
|
250
252
|
exports.ModalTitleSize = Modal_types.ModalTitleSize;
|
|
251
253
|
exports.ConfirmModal = ConfirmModal.ConfirmModal;
|
|
252
254
|
exports.ConfirmModalContent = ConfirmModalContent.ConfirmModalContent;
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,10 +2,10 @@ import disabledOpacity from '../../constants/DisabledOpacity.mjs';
|
|
|
2
2
|
import { ListItemVariant } from './ListItem.types.mjs';
|
|
3
3
|
import { getStyleOfSize } from './utils.mjs';
|
|
4
4
|
import { Icon } from '../Icon/Icon.mjs';
|
|
5
|
-
import { TransitionDuration } from '../../foundation/Transition/index.mjs';
|
|
6
5
|
import { css as FoundationCSS, styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
|
|
7
6
|
import { ellipsis } from '../../foundation/Mixins.mjs';
|
|
8
7
|
import { LineHeightAbsoluteNumber } from '../../foundation/Typography.mjs';
|
|
8
|
+
import { TransitionDuration } from '../../foundation/Transition/index.mjs';
|
|
9
9
|
|
|
10
10
|
const getColorFromColorVariantWithDefaultValue = (variant, defaultValue) => {
|
|
11
11
|
switch (variant) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.types.mjs","sources":["../../../../../src/components/Modals/Modal/Modal.types.ts"],"sourcesContent":["import {\n type BezierComponentProps,\n type ChildrenProps,\n type SideContentProps,\n} from '~/src/types/ComponentProps'\n\nexport enum ModalTitleSize {\n L = 'L',\n M = 'M',\n}\n\ninterface ModalOptions {\n /**\n * The controlled open state of the modal.\n * Must be used in conjunction with `onShow` and `onHide`.\n */\n show?: boolean\n\n /**\n * The open state of the modal when it is initially rendered.\n * Use when you **do not need to control** its open state.\n */\n defaultShow?: boolean\n\n /**\n * Callback function to be called when the modal is opened.\n * @default noop\n */\n onShow?: () => void\n\n /**\n * Callback function to be called when the modal is closed.\n * @default noop\n */\n onHide?: () => void\n}\n\ninterface ModalContentOptions {\n /**\n * Specify a container element to portal the content into.\n * @default document.body\n */\n container?: HTMLElement | null\n\n /**\n * Show close icon button that closes the modal when clicked.\n * @default false\n */\n showCloseIcon?: boolean\n\n /**\n * Width of the modal.\n * @default 'max-content'\n */\n width?: React.CSSProperties['width']\n\n /**\n * Height of the modal.\n * @default 'fit-content'\n */\n height?: React.CSSProperties['height']\n\n /**\n * z-index of the modal content.\n * Rather than using this option, Please check modal is positioned in the proper stacking context.\n * @default ZIndex.Modal\n */\n zIndex?: React.CSSProperties['zIndex']\n}\n\ninterface ModalHeaderOptions {\n /**\n * An accessible title to be announced when the modal is opened.\n */\n title: React.ReactNode\n\n /**\n * An accessible subtitle to be announced when the modal is opened.\n */\n subtitle?: React.ReactNode\n\n /**\n * An accessible description to be announced when the modal is opened.\n */\n description?: React.ReactNode\n\n /**\n * Size of the title\n * @default ModalTitleSize.L\n */\n titleSize?: ModalTitleSize\n\n /**\n * Hides content from the screen in an accessible way.\n * @default false\n */\n hidden?: boolean\n}\n\ntype ModalFooterSideContent = React.ReactNode\n\ninterface ModalFooterOptions extends\n SideContentProps<ModalFooterSideContent, ModalFooterSideContent> {}\n\nexport interface ModalProps extends\n ChildrenProps,\n ModalOptions {}\n\nexport interface ModalContentProps extends\n BezierComponentProps,\n ChildrenProps,\n React.HTMLAttributes<HTMLDivElement>,\n ModalContentOptions {}\n\nexport interface ModalHeaderProps extends\n BezierComponentProps,\n Omit<React.HTMLAttributes<HTMLElement>, keyof ModalHeaderOptions>,\n ModalHeaderOptions {}\n\nexport interface ModalBodyProps extends\n BezierComponentProps,\n ChildrenProps,\n React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface ModalFooterProps extends\n BezierComponentProps,\n React.HTMLAttributes<HTMLElement>,\n ModalFooterOptions {}\n\nexport interface ModalTriggerProps extends\n ChildrenProps<React.ReactElement> {}\n\nexport interface ModalCloseProps extends\n ChildrenProps<React.ReactElement> {}\n\nexport interface
|
|
1
|
+
{"version":3,"file":"Modal.types.mjs","sources":["../../../../../src/components/Modals/Modal/Modal.types.ts"],"sourcesContent":["import {\n type BezierComponentProps,\n type ChildrenProps,\n type SideContentProps,\n} from '~/src/types/ComponentProps'\n\nexport enum ModalTitleSize {\n L = 'L',\n M = 'M',\n}\n\ninterface ModalOptions {\n /**\n * The controlled open state of the modal.\n * Must be used in conjunction with `onShow` and `onHide`.\n */\n show?: boolean\n\n /**\n * The open state of the modal when it is initially rendered.\n * Use when you **do not need to control** its open state.\n */\n defaultShow?: boolean\n\n /**\n * Callback function to be called when the modal is opened.\n * @default noop\n */\n onShow?: () => void\n\n /**\n * Callback function to be called when the modal is closed.\n * @default noop\n */\n onHide?: () => void\n}\n\ninterface ModalContentOptions {\n /**\n * Specify a container element to portal the content into.\n * @default document.body\n */\n container?: HTMLElement | null\n\n /**\n * Show close icon button that closes the modal when clicked.\n * @default false\n */\n showCloseIcon?: boolean\n\n /**\n * Width of the modal.\n * @default 'max-content'\n */\n width?: React.CSSProperties['width']\n\n /**\n * Height of the modal.\n * @default 'fit-content'\n */\n height?: React.CSSProperties['height']\n\n /**\n * z-index of the modal content.\n * Rather than using this option, Please check modal is positioned in the proper stacking context.\n * @default ZIndex.Modal\n */\n zIndex?: React.CSSProperties['zIndex']\n}\n\ninterface ModalHeaderOptions {\n /**\n * An accessible title to be announced when the modal is opened.\n */\n title: React.ReactNode\n\n /**\n * An accessible subtitle to be announced when the modal is opened.\n */\n subtitle?: React.ReactNode\n\n /**\n * An accessible description to be announced when the modal is opened.\n */\n description?: React.ReactNode\n\n /**\n * Size of the title\n * @default ModalTitleSize.L\n */\n titleSize?: ModalTitleSize\n\n /**\n * Hides content from the screen in an accessible way.\n * @default false\n */\n hidden?: boolean\n}\n\ntype ModalFooterSideContent = React.ReactNode\n\ninterface ModalFooterOptions extends\n SideContentProps<ModalFooterSideContent, ModalFooterSideContent> {}\n\nexport interface ModalProps extends\n ChildrenProps,\n ModalOptions {}\n\nexport interface ModalContentProps extends\n BezierComponentProps,\n ChildrenProps,\n React.HTMLAttributes<HTMLDivElement>,\n ModalContentOptions {}\n\nexport interface ModalHeaderProps extends\n BezierComponentProps,\n Omit<React.HTMLAttributes<HTMLElement>, keyof ModalHeaderOptions>,\n ModalHeaderOptions {}\n\nexport interface ModalBodyProps extends\n BezierComponentProps,\n ChildrenProps,\n React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface ModalFooterProps extends\n BezierComponentProps,\n React.HTMLAttributes<HTMLElement>,\n ModalFooterOptions {}\n\nexport interface ModalTriggerProps extends\n ChildrenProps<React.ReactElement> {}\n\nexport interface ModalCloseProps extends\n ChildrenProps<React.ReactElement> {}\n\nexport interface ModalContentPropsContextValue extends\n Required<Pick<ModalContentOptions, 'showCloseIcon'>> {}\n"],"names":["ModalTitleSize"],"mappings":"AAMYA,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAdA,cAAc,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { TransitionDuration } from '../../../foundation/Transition/index.mjs';
|
|
1
2
|
import { css as FoundationCSS } from '../../../foundation/FoundationStyledComponent.mjs';
|
|
2
3
|
import { keyframes } from 'styled-components';
|
|
3
|
-
import { TransitionDuration } from '../../../foundation/Transition/index.mjs';
|
|
4
4
|
|
|
5
5
|
const overlayStyles = {
|
|
6
6
|
open: FoundationCSS`
|