@bitrise/bitkit-v2 0.3.516-beta.3304 → 0.3.517

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.
@@ -19,11 +19,6 @@ export interface BitkitPopoverProps {
19
19
  autoFocus?: PopoverRootProps['autoFocus'];
20
20
  open?: PopoverRootProps['open'];
21
21
  defaultOpen?: PopoverRootProps['defaultOpen'];
22
- /**
23
- * Render the panel inline instead of in a portal. Only needed when it must stay inside its
24
- * parent's DOM subtree.
25
- */
26
- disablePortal?: boolean;
27
22
  onOpenChange?: (open: boolean) => void;
28
23
  positioning?: PopoverRootProps['positioning'];
29
24
  persistentElements?: PopoverRootProps['persistentElements'];
@@ -33,13 +28,9 @@ export interface BitkitPopoverProps {
33
28
  * a header (title + close button), a scrollable body, and an optional footer. Anchor it with a
34
29
  * `trigger`, or — when the trigger can't be wrapped — control `open` and pass
35
30
  * `positioning.getAnchorElement`.
36
- *
37
- * The panel is mounted only while open, and renders in a portal so it escapes any ancestor that
38
- * traps stacking or clips overflow. Unlike the smaller floating components, it stays in the portal
39
- * inside a dialog too, like `BitkitCalendar`: a dialog's body would clip a panel this size.
40
31
  */
41
32
  declare const BitkitPopover: {
42
- ({ children, title, footer, trigger, autoFocus, open, defaultOpen, disablePortal, onOpenChange, positioning, persistentElements, }: BitkitPopoverProps): import('react').JSX.Element;
33
+ ({ children, title, footer, trigger, autoFocus, open, defaultOpen, onOpenChange, positioning, persistentElements, }: BitkitPopoverProps): import('react').JSX.Element;
43
34
  displayName: string;
44
35
  };
45
36
  export default BitkitPopover;
@@ -1,7 +1,7 @@
1
1
  import IconArrowDown from "../../icons/IconArrowDown.js";
2
2
  import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
3
3
  import { chakra } from "@chakra-ui/react/styled-system";
4
- import { useCallback, useEffect, useId, useRef, useState } from "react";
4
+ import { useCallback, useEffect, useRef, useState } from "react";
5
5
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
6
6
  import { Box } from "@chakra-ui/react/box";
7
7
  import { Portal } from "@chakra-ui/react/portal";
@@ -63,46 +63,30 @@ var ScrollablePopoverBody = ({ children }) => {
63
63
  * a header (title + close button), a scrollable body, and an optional footer. Anchor it with a
64
64
  * `trigger`, or — when the trigger can't be wrapped — control `open` and pass
65
65
  * `positioning.getAnchorElement`.
66
- *
67
- * The panel is mounted only while open, and renders in a portal so it escapes any ancestor that
68
- * traps stacking or clips overflow. Unlike the smaller floating components, it stays in the portal
69
- * inside a dialog too, like `BitkitCalendar`: a dialog's body would clip a panel this size.
70
66
  */
71
- var BitkitPopover = ({ children, title, footer, trigger, autoFocus, open, defaultOpen, disablePortal, onOpenChange, positioning, persistentElements }) => {
72
- const titleId = useId();
73
- return /* @__PURE__ */ jsxs(Popover.Root, {
74
- autoFocus,
75
- ids: { title: titleId },
76
- open,
77
- defaultOpen,
78
- lazyMount: true,
79
- onOpenChange: onOpenChange ? ({ open: isOpen }) => onOpenChange(isOpen) : void 0,
80
- positioning: {
81
- placement: "bottom-start",
82
- gutter: 4,
83
- ...positioning
84
- },
85
- persistentElements,
86
- unmountOnExit: true,
87
- children: [trigger ? /* @__PURE__ */ jsx(Popover.Trigger, {
67
+ var BitkitPopover = ({ children, title, footer, trigger, autoFocus, open, defaultOpen, onOpenChange, positioning, persistentElements }) => /* @__PURE__ */ jsxs(Popover.Root, {
68
+ autoFocus,
69
+ open,
70
+ defaultOpen,
71
+ onOpenChange: onOpenChange ? ({ open: isOpen }) => onOpenChange(isOpen) : void 0,
72
+ positioning: {
73
+ placement: "bottom-start",
74
+ gutter: 4,
75
+ ...positioning
76
+ },
77
+ persistentElements,
78
+ children: [trigger ? /* @__PURE__ */ jsx(Popover.Trigger, {
79
+ asChild: true,
80
+ children: trigger
81
+ }) : null, /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, { children: [
82
+ /* @__PURE__ */ jsxs(Popover.Header, { children: [/* @__PURE__ */ jsx(Popover.Title, { children: title }), /* @__PURE__ */ jsx(Popover.CloseTrigger, {
88
83
  asChild: true,
89
- children: trigger
90
- }) : null, /* @__PURE__ */ jsx(Portal, {
91
- disabled: disablePortal,
92
- children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, {
93
- "aria-labelledby": titleId,
94
- children: [
95
- /* @__PURE__ */ jsxs(Popover.Header, { children: [/* @__PURE__ */ jsx(Popover.Title, { children: title }), /* @__PURE__ */ jsx(Popover.CloseTrigger, {
96
- asChild: true,
97
- children: /* @__PURE__ */ jsx(BitkitCloseButton, { "aria-label": "Close" })
98
- })] }),
99
- /* @__PURE__ */ jsx(ScrollablePopoverBody, { children }),
100
- footer ? /* @__PURE__ */ jsx(Popover.Footer, { children: footer }) : null
101
- ]
102
- }) })
103
- })]
104
- });
105
- };
84
+ children: /* @__PURE__ */ jsx(BitkitCloseButton, { "aria-label": "Close" })
85
+ })] }),
86
+ /* @__PURE__ */ jsx(ScrollablePopoverBody, { children }),
87
+ footer ? /* @__PURE__ */ jsx(Popover.Footer, { children: footer }) : null
88
+ ] }) }) })]
89
+ });
106
90
  BitkitPopover.displayName = "BitkitPopover";
107
91
  //#endregion
108
92
  export { BitkitPopover as default };
@@ -1 +1 @@
1
- {"version":3,"file":"BitkitPopover.js","names":["_Fragment"],"sources":["../../../lib/components/BitkitPopover/BitkitPopover.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Popover, type PopoverRootProps, usePopoverContext, usePopoverStyles } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { IconArrowDown } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitPopoverProps {\n /** Body content of the panel. Scrolls within the panel when it overflows. */\n children: ReactNode;\n /** Header title, shown next to the close button. */\n title: ReactNode;\n /** Optional footer content (e.g. actions). Laid out with space between for a secondary/primary pair. */\n footer?: ReactNode;\n /**\n * Element that toggles and anchors the popover. Omit when anchoring via\n * `positioning.getAnchorElement` (e.g. a trigger that can't be wrapped) and controlling `open`.\n */\n trigger?: ReactNode;\n /**\n * Move focus into the panel when it opens (default `true`). Turn it off for a panel that opens\n * while the user is typing elsewhere, such as hints beside a focused input.\n */\n autoFocus?: PopoverRootProps['autoFocus'];\n open?: PopoverRootProps['open'];\n defaultOpen?: PopoverRootProps['defaultOpen'];\n /**\n * Render the panel inline instead of in a portal. Only needed when it must stay inside its\n * parent's DOM subtree.\n */\n disablePortal?: boolean;\n onOpenChange?: (open: boolean) => void;\n positioning?: PopoverRootProps['positioning'];\n persistentElements?: PopoverRootProps['persistentElements'];\n}\n\n/**\n * Scrolls the body and shows a scroll-to-bottom button with a fade gradient while the content\n * isn't scrolled to the bottom — mirrors the BitkitDialog scrollable-body behaviour.\n */\nconst ScrollablePopoverBody = ({ children }: { children: ReactNode }) => {\n const styles = usePopoverStyles();\n const { open } = usePopoverContext();\n const contentRef = useRef<HTMLDivElement>(null);\n const [isScrollButtonVisible, setIsScrollButtonVisible] = useState(false);\n\n const updateScrollButtonVisibility = useCallback(() => {\n const content = contentRef.current;\n if (!content) {\n setIsScrollButtonVisible(false);\n return;\n }\n const didScrollToBottom = content.scrollTop >= content.scrollHeight - content.offsetHeight - 1;\n setIsScrollButtonVisible(!didScrollToBottom);\n }, []);\n\n useEffect(() => {\n const content = contentRef.current;\n if (!open || !content) return undefined;\n\n content.addEventListener('scroll', updateScrollButtonVisibility);\n const resizeObserver = new ResizeObserver(updateScrollButtonVisibility);\n resizeObserver.observe(content);\n\n return () => {\n content.removeEventListener('scroll', updateScrollButtonVisibility);\n resizeObserver.disconnect();\n };\n }, [open, updateScrollButtonVisibility]);\n\n return (\n <Box css={styles.scrollBody}>\n <Popover.Body ref={contentRef}>{children}</Popover.Body>\n {isScrollButtonVisible && (\n <>\n <Box css={styles.scrollGradient} />\n <chakra.button\n aria-label=\"Scroll to bottom\"\n css={styles.scrollButton}\n type=\"button\"\n onClick={() => {\n contentRef.current?.scrollTo({ top: contentRef.current.scrollHeight, behavior: 'smooth' });\n }}\n >\n <IconArrowDown color=\"icon/tertiary\" size=\"16\" />\n </chakra.button>\n </>\n )}\n </Box>\n );\n};\n\n/**\n * An anchored, non-modal floating panel built on Chakra Popover, styled as a compact dialog:\n * a header (title + close button), a scrollable body, and an optional footer. Anchor it with a\n * `trigger`, or — when the trigger can't be wrapped — control `open` and pass\n * `positioning.getAnchorElement`.\n *\n * The panel is mounted only while open, and renders in a portal so it escapes any ancestor that\n * traps stacking or clips overflow. Unlike the smaller floating components, it stays in the portal\n * inside a dialog too, like `BitkitCalendar`: a dialog's body would clip a panel this size.\n */\nconst BitkitPopover = ({\n children,\n title,\n footer,\n trigger,\n autoFocus,\n open,\n defaultOpen,\n disablePortal,\n onOpenChange,\n positioning,\n persistentElements,\n}: BitkitPopoverProps) => {\n const titleId = useId();\n\n return (\n <Popover.Root\n autoFocus={autoFocus}\n ids={{ title: titleId }}\n open={open}\n defaultOpen={defaultOpen}\n lazyMount\n onOpenChange={onOpenChange ? ({ open: isOpen }) => onOpenChange(isOpen) : undefined}\n positioning={{ placement: 'bottom-start', gutter: 4, ...positioning }}\n persistentElements={persistentElements}\n unmountOnExit\n >\n {trigger ? <Popover.Trigger asChild>{trigger}</Popover.Trigger> : null}\n <Portal disabled={disablePortal}>\n {/* z-index belongs on Content, not Positioner: Zag derives the positioner's inline z-index\n from Content's computed z-index, so a value set on Positioner is ignored. */}\n <Popover.Positioner>\n <Popover.Content aria-labelledby={titleId}>\n <Popover.Header>\n <Popover.Title>{title}</Popover.Title>\n <Popover.CloseTrigger asChild>\n <BitkitCloseButton aria-label=\"Close\" />\n </Popover.CloseTrigger>\n </Popover.Header>\n <ScrollablePopoverBody>{children}</ScrollablePopoverBody>\n {footer ? <Popover.Footer>{footer}</Popover.Footer> : null}\n </Popover.Content>\n </Popover.Positioner>\n </Portal>\n </Popover.Root>\n );\n};\n\nBitkitPopover.displayName = 'BitkitPopover';\n\nexport default BitkitPopover;\n"],"mappings":";;;;;;;;;;;;;AA0CA,IAAM,yBAAyB,EAAE,eAAwC;CACvE,MAAM,SAAS,iBAAiB;CAChC,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,KAAK;CAExE,MAAM,+BAA+B,kBAAkB;EACrD,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS;GACZ,yBAAyB,KAAK;GAC9B;EACF;EACA,MAAM,oBAAoB,QAAQ,aAAa,QAAQ,eAAe,QAAQ,eAAe;EAC7F,yBAAyB,CAAC,iBAAiB;CAC7C,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,QAAQ,CAAC,SAAS,OAAO,KAAA;EAE9B,QAAQ,iBAAiB,UAAU,4BAA4B;EAC/D,MAAM,iBAAiB,IAAI,eAAe,4BAA4B;EACtE,eAAe,QAAQ,OAAO;EAE9B,aAAa;GACX,QAAQ,oBAAoB,UAAU,4BAA4B;GAClE,eAAe,WAAW;EAC5B;CACF,GAAG,CAAC,MAAM,4BAA4B,CAAC;CAEvC,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAjB,UAAA,CACE,oBAAC,QAAQ,MAAT;GAAc,KAAK;GAAa;EAAuB,CAAA,GACtD,yBACC,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,KAAD,EAAK,KAAK,OAAO,eAAiB,CAAA,GAClC,oBAAC,OAAO,QAAR;GACE,cAAW;GACX,KAAK,OAAO;GACZ,MAAK;GACL,eAAe;IACb,WAAW,SAAS,SAAS;KAAE,KAAK,WAAW,QAAQ;KAAc,UAAU;IAAS,CAAC;GAC3F;GAEA,UAAA,oBAAC,eAAD;IAAe,OAAM;IAAgB,MAAK;GAAM,CAAA;EACnC,CAAA,CACf,EAAA,CAAA,CAED;;AAET;;;;;;;;;;;AAYA,IAAM,iBAAiB,EACrB,UACA,OACA,QACA,SACA,WACA,MACA,aACA,eACA,cACA,aACA,yBACwB;CACxB,MAAM,UAAU,MAAM;CAEtB,OACE,qBAAC,QAAQ,MAAT;EACa;EACX,KAAK,EAAE,OAAO,QAAQ;EAChB;EACO;EACb,WAAA;EACA,cAAc,gBAAgB,EAAE,MAAM,aAAa,aAAa,MAAM,IAAI,KAAA;EAC1E,aAAa;GAAE,WAAW;GAAgB,QAAQ;GAAG,GAAG;EAAY;EAChD;EACpB,eAAA;EATF,UAAA,CAWG,UAAU,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS,UAAA;EAAyB,CAAA,IAAI,MAClE,oBAAC,QAAD;GAAQ,UAAU;GAGhB,UAAA,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;IAAiB,mBAAiB;IAAlC,UAAA;KACE,qBAAC,QAAQ,QAAT,EAAA,UAAA,CACE,oBAAC,QAAQ,OAAT,EAAA,UAAgB,MAAqB,CAAA,GACrC,oBAAC,QAAQ,cAAT;MAAsB,SAAA;MACpB,UAAA,oBAAC,mBAAD,EAAmB,cAAW,QAAS,CAAA;KACnB,CAAA,CACR,EAAA,CAAA;KAChB,oBAAC,uBAAD,EAAwB,SAAgC,CAAA;KACvD,SAAS,oBAAC,QAAQ,QAAT,EAAA,UAAiB,OAAuB,CAAA,IAAI;IACvC;GACC,CAAA,EAAA,CAAA;EACd,CAAA,CACI;;AAElB;AAEA,cAAc,cAAc"}
1
+ {"version":3,"file":"BitkitPopover.js","names":["_Fragment"],"sources":["../../../lib/components/BitkitPopover/BitkitPopover.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Popover, type PopoverRootProps, usePopoverContext, usePopoverStyles } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { IconArrowDown } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitPopoverProps {\n /** Body content of the panel. Scrolls within the panel when it overflows. */\n children: ReactNode;\n /** Header title, shown next to the close button. */\n title: ReactNode;\n /** Optional footer content (e.g. actions). Laid out with space between for a secondary/primary pair. */\n footer?: ReactNode;\n /**\n * Element that toggles and anchors the popover. Omit when anchoring via\n * `positioning.getAnchorElement` (e.g. a trigger that can't be wrapped) and controlling `open`.\n */\n trigger?: ReactNode;\n /**\n * Move focus into the panel when it opens (default `true`). Turn it off for a panel that opens\n * while the user is typing elsewhere, such as hints beside a focused input.\n */\n autoFocus?: PopoverRootProps['autoFocus'];\n open?: PopoverRootProps['open'];\n defaultOpen?: PopoverRootProps['defaultOpen'];\n onOpenChange?: (open: boolean) => void;\n positioning?: PopoverRootProps['positioning'];\n persistentElements?: PopoverRootProps['persistentElements'];\n}\n\n/**\n * Scrolls the body and shows a scroll-to-bottom button with a fade gradient while the content\n * isn't scrolled to the bottom — mirrors the BitkitDialog scrollable-body behaviour.\n */\nconst ScrollablePopoverBody = ({ children }: { children: ReactNode }) => {\n const styles = usePopoverStyles();\n const { open } = usePopoverContext();\n const contentRef = useRef<HTMLDivElement>(null);\n const [isScrollButtonVisible, setIsScrollButtonVisible] = useState(false);\n\n const updateScrollButtonVisibility = useCallback(() => {\n const content = contentRef.current;\n if (!content) {\n setIsScrollButtonVisible(false);\n return;\n }\n const didScrollToBottom = content.scrollTop >= content.scrollHeight - content.offsetHeight - 1;\n setIsScrollButtonVisible(!didScrollToBottom);\n }, []);\n\n useEffect(() => {\n const content = contentRef.current;\n if (!open || !content) return undefined;\n\n content.addEventListener('scroll', updateScrollButtonVisibility);\n const resizeObserver = new ResizeObserver(updateScrollButtonVisibility);\n resizeObserver.observe(content);\n\n return () => {\n content.removeEventListener('scroll', updateScrollButtonVisibility);\n resizeObserver.disconnect();\n };\n }, [open, updateScrollButtonVisibility]);\n\n return (\n <Box css={styles.scrollBody}>\n <Popover.Body ref={contentRef}>{children}</Popover.Body>\n {isScrollButtonVisible && (\n <>\n <Box css={styles.scrollGradient} />\n <chakra.button\n aria-label=\"Scroll to bottom\"\n css={styles.scrollButton}\n type=\"button\"\n onClick={() => {\n contentRef.current?.scrollTo({ top: contentRef.current.scrollHeight, behavior: 'smooth' });\n }}\n >\n <IconArrowDown color=\"icon/tertiary\" size=\"16\" />\n </chakra.button>\n </>\n )}\n </Box>\n );\n};\n\n/**\n * An anchored, non-modal floating panel built on Chakra Popover, styled as a compact dialog:\n * a header (title + close button), a scrollable body, and an optional footer. Anchor it with a\n * `trigger`, or — when the trigger can't be wrapped — control `open` and pass\n * `positioning.getAnchorElement`.\n */\nconst BitkitPopover = ({\n children,\n title,\n footer,\n trigger,\n autoFocus,\n open,\n defaultOpen,\n onOpenChange,\n positioning,\n persistentElements,\n}: BitkitPopoverProps) => (\n <Popover.Root\n autoFocus={autoFocus}\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange ? ({ open: isOpen }) => onOpenChange(isOpen) : undefined}\n positioning={{ placement: 'bottom-start', gutter: 4, ...positioning }}\n persistentElements={persistentElements}\n >\n {trigger ? <Popover.Trigger asChild>{trigger}</Popover.Trigger> : null}\n <Portal>\n {/* z-index belongs on Content, not Positioner: Zag derives the positioner's inline z-index\n from Content's computed z-index, so a value set on Positioner is ignored. */}\n <Popover.Positioner>\n <Popover.Content>\n <Popover.Header>\n <Popover.Title>{title}</Popover.Title>\n <Popover.CloseTrigger asChild>\n <BitkitCloseButton aria-label=\"Close\" />\n </Popover.CloseTrigger>\n </Popover.Header>\n <ScrollablePopoverBody>{children}</ScrollablePopoverBody>\n {footer ? <Popover.Footer>{footer}</Popover.Footer> : null}\n </Popover.Content>\n </Popover.Positioner>\n </Portal>\n </Popover.Root>\n);\n\nBitkitPopover.displayName = 'BitkitPopover';\n\nexport default BitkitPopover;\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAM,yBAAyB,EAAE,eAAwC;CACvE,MAAM,SAAS,iBAAiB;CAChC,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,KAAK;CAExE,MAAM,+BAA+B,kBAAkB;EACrD,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS;GACZ,yBAAyB,KAAK;GAC9B;EACF;EACA,MAAM,oBAAoB,QAAQ,aAAa,QAAQ,eAAe,QAAQ,eAAe;EAC7F,yBAAyB,CAAC,iBAAiB;CAC7C,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,QAAQ,CAAC,SAAS,OAAO,KAAA;EAE9B,QAAQ,iBAAiB,UAAU,4BAA4B;EAC/D,MAAM,iBAAiB,IAAI,eAAe,4BAA4B;EACtE,eAAe,QAAQ,OAAO;EAE9B,aAAa;GACX,QAAQ,oBAAoB,UAAU,4BAA4B;GAClE,eAAe,WAAW;EAC5B;CACF,GAAG,CAAC,MAAM,4BAA4B,CAAC;CAEvC,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAjB,UAAA,CACE,oBAAC,QAAQ,MAAT;GAAc,KAAK;GAAa;EAAuB,CAAA,GACtD,yBACC,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,KAAD,EAAK,KAAK,OAAO,eAAiB,CAAA,GAClC,oBAAC,OAAO,QAAR;GACE,cAAW;GACX,KAAK,OAAO;GACZ,MAAK;GACL,eAAe;IACb,WAAW,SAAS,SAAS;KAAE,KAAK,WAAW,QAAQ;KAAc,UAAU;IAAS,CAAC;GAC3F;GAEA,UAAA,oBAAC,eAAD;IAAe,OAAM;IAAgB,MAAK;GAAM,CAAA;EACnC,CAAA,CACf,EAAA,CAAA,CAED;;AAET;;;;;;;AAQA,IAAM,iBAAiB,EACrB,UACA,OACA,QACA,SACA,WACA,MACA,aACA,cACA,aACA,yBAEA,qBAAC,QAAQ,MAAT;CACa;CACL;CACO;CACb,cAAc,gBAAgB,EAAE,MAAM,aAAa,aAAa,MAAM,IAAI,KAAA;CAC1E,aAAa;EAAE,WAAW;EAAgB,QAAQ;EAAG,GAAG;CAAY;CAChD;CANtB,UAAA,CAQG,UAAU,oBAAC,QAAQ,SAAT;EAAiB,SAAA;EAAS,UAAA;CAAyB,CAAA,IAAI,MAClE,oBAAC,QAAD,EAAA,UAGE,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT,EAAA,UAAA;EACE,qBAAC,QAAQ,QAAT,EAAA,UAAA,CACE,oBAAC,QAAQ,OAAT,EAAA,UAAgB,MAAqB,CAAA,GACrC,oBAAC,QAAQ,cAAT;GAAsB,SAAA;GACpB,UAAA,oBAAC,mBAAD,EAAmB,cAAW,QAAS,CAAA;EACnB,CAAA,CACR,EAAA,CAAA;EAChB,oBAAC,uBAAD,EAAwB,SAAgC,CAAA;EACvD,SAAS,oBAAC,QAAQ,QAAT,EAAA,UAAiB,OAAuB,CAAA,IAAI;CACvC,EAAA,CAAA,EACC,CAAA,EACd,CAAA,CACI;;AAGhB,cAAc,cAAc"}
@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
3
3
  import { BitkitIconComponent } from '../../icons';
4
4
  import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
5
5
  export type BitkitToggletipProps = {
6
- /** Action button at the end of the toggletip. Defaults to the `white` colour variant, the one that reads on its dark background. */
6
+ /** Action button at the end of the toggletip. Defaults to the `contrast` colour variant, which follows the toggletip's background in both color modes. */
7
7
  button?: BitkitColorButtonProps;
8
8
  /**
9
9
  * The trigger the toggletip opens from. Rendered via `asChild`, so it must be a focusable control
@@ -93,7 +93,7 @@ var BitkitToggletip = ({ button, children, defaultOpen, disablePortal, disabled,
93
93
  target: learnMoreTarget,
94
94
  children: "Learn more"
95
95
  }), button && /* @__PURE__ */ jsx(BitkitColorButton, {
96
- colorVariant: "white",
96
+ colorVariant: "contrast",
97
97
  marginInlineStart: "auto",
98
98
  ...button
99
99
  })]
@@ -1 +1 @@
1
- {"version":3,"file":"BitkitToggletip.js","names":["ArkPopover","_Fragment"],"sources":["../../../lib/components/BitkitToggletip/BitkitToggletip.tsx"],"sourcesContent":["import { Popover as ArkPopover, type PopoverRootProps } from '@ark-ui/react/popover';\nimport { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport {\n type PopoverArrowProps,\n type PopoverArrowTipProps,\n type PopoverContentProps,\n type PopoverPositionerProps,\n type PopoverTitleProps,\n type PopoverTriggerProps,\n} from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { createSlotRecipeContext } from '@chakra-ui/react/styled-system';\nimport { isValidElement, type ReactNode, useContext } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\n// Chakra's own Popover is Ark's popover under the `popover` recipe; this is the same composition\n// under `toggletip`, so the bubble can share the tooltip's surface instead of the popover's card.\nconst { withRootProvider, withContext } = createSlotRecipeContext({ key: 'toggletip' });\nconst Root = withRootProvider<PopoverRootProps>(ArkPopover.Root);\nconst Trigger = withContext<HTMLButtonElement, PopoverTriggerProps>(ArkPopover.Trigger, 'trigger', {\n forwardAsChild: true,\n});\nconst Positioner = withContext<HTMLDivElement, PopoverPositionerProps>(ArkPopover.Positioner, 'positioner', {\n forwardAsChild: true,\n});\nconst Content = withContext<HTMLDivElement, PopoverContentProps>(ArkPopover.Content, 'content', {\n forwardAsChild: true,\n});\n// The text is the popover's title, which is what names its dialog for assistive technology.\nconst Title = withContext<HTMLDivElement, PopoverTitleProps>(ArkPopover.Title, 'title', { forwardAsChild: true });\nconst Arrow = withContext<HTMLDivElement, PopoverArrowProps>(ArkPopover.Arrow, 'arrow', { forwardAsChild: true });\nconst ArrowTip = withContext<HTMLDivElement, PopoverArrowTipProps>(ArkPopover.ArrowTip, 'arrowTip', {\n forwardAsChild: true,\n});\n\nexport type BitkitToggletipProps = {\n /** Action button at the end of the toggletip. Defaults to the `white` colour variant, the one that reads on its dark background. */\n button?: BitkitColorButtonProps;\n /**\n * The trigger the toggletip opens from. Rendered via `asChild`, so it must be a focusable control\n * that accepts a ref — unless `wrapTrigger` puts a button in between.\n */\n children: ReactNode;\n /** Open on first render, for an uncontrolled toggletip. */\n defaultOpen?: PopoverRootProps['defaultOpen'];\n /**\n * Render the toggletip inline instead of in a portal. Only needed when it must stay inside its\n * parent's DOM subtree — a dialog already sets this for you.\n */\n disablePortal?: boolean;\n /** Render the trigger without a toggletip — for hints that only apply in some states. */\n disabled?: boolean;\n /** Icon after the text — `IconArrowNortheast` when the trigger opens something in a new tab, for instance. */\n icon?: BitkitIconComponent;\n /** Target for the \"Learn more\" link. `_blank` also sets `rel=\"noopener noreferrer\"`. */\n learnMoreTarget?: HTMLAnchorElement['target'];\n /** Adds a \"Learn more\" link pointing here, for the fuller explanation. */\n learnMoreUrl?: string;\n /** Called when the toggletip opens or closes. */\n onOpenChange?: PopoverRootProps['onOpenChange'];\n /** Controls the open state. */\n open?: PopoverRootProps['open'];\n /** Where the toggletip sits relative to the trigger (default `top`). It flips if space is short. */\n placement?: NonNullable<PopoverRootProps['positioning']>['placement'];\n /** The toggletip's text. */\n text: string;\n /** Accessible name of the `wrapTrigger` button, for a trigger with no text of its own, like an icon. */\n triggerAriaLabel?: string;\n /**\n * Put the trigger inside a button instead of rendering on it — for a trigger that is not a control\n * itself, like a badge or an icon. The button takes the click, the tap and the keyboard.\n */\n wrapTrigger?: boolean;\n};\n\n/**\n * A tooltip's bubble that opens on click, tap or Enter and stays open, so what it carries — a \"Learn\n * more\" link, an action button — can be reached by pointer, touch and keyboard alike. It is a\n * popover, not a tooltip: a tooltip closes as soon as focus leaves its trigger and ignores touch, so\n * anything clickable inside one can't be reached.\n *\n * Reach for `BitkitTooltip` when the hint is text only; this component when it links or acts.\n *\n * The content renders in a portal, so it escapes any ancestor that traps stacking or clips overflow.\n * Dialogs turn that off through `BitkitPortalContext`; `disablePortal` is the manual override.\n */\nconst BitkitToggletip = ({\n button,\n children,\n defaultOpen,\n disablePortal,\n disabled,\n icon: Icon,\n learnMoreTarget,\n learnMoreUrl,\n onOpenChange,\n open,\n placement = 'top',\n text,\n triggerAriaLabel,\n wrapTrigger,\n}: BitkitToggletipProps) => {\n const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n const hasActions = !!learnMoreUrl || !!button;\n\n if (disabled) {\n return <>{children}</>;\n }\n\n return (\n // Mounted only while open, like Chakra's tooltip: a list of closed toggletips keeps no content in the DOM.\n <Root\n defaultOpen={defaultOpen}\n lazyMount\n onOpenChange={onOpenChange}\n open={open}\n positioning={{ placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n unmountOnExit\n >\n {wrapTrigger || !isValidElement(children) ? (\n <Trigger\n aria-label={triggerAriaLabel}\n css={{\n alignItems: 'center',\n appearance: 'none',\n background: 'none',\n border: 0,\n color: 'inherit',\n display: 'inline-flex',\n font: 'inherit',\n padding: 0,\n // The button owns the tab stop, but the focus ring belongs on the trigger inside it: an\n // outline follows the border-radius of the element it is drawn on, and the button has\n // none — so leaving it here squares off a pill or a round trigger.\n _focusVisible: {\n outline: 'none',\n '& > *': {\n outlineColor: 'var(--focus-ring-color)',\n outlineOffset: 'var(--focus-ring-offset, 2px)',\n outlineStyle: 'var(--focus-ring-style, solid)',\n outlineWidth: 'var(--focus-ring-width, 2px)',\n },\n },\n }}\n >\n {children}\n </Trigger>\n ) : (\n <Trigger asChild>{children}</Trigger>\n )}\n <Portal disabled={disablePortal || disablePortalFromContext}>\n <Positioner>\n <Content>\n <Arrow>\n <ArrowTip />\n </Arrow>\n <Box display=\"flex\" gap=\"8\">\n <Title>{text}</Title>\n {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n </Box>\n {hasActions && (\n <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n {learnMoreUrl && (\n <Link\n color=\"color/purple/highlight\"\n href={learnMoreUrl}\n rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n target={learnMoreTarget}\n >\n Learn more\n </Link>\n )}\n {button && <BitkitColorButton colorVariant=\"white\" marginInlineStart=\"auto\" {...button} />}\n </Box>\n )}\n </Content>\n </Positioner>\n </Portal>\n </Root>\n );\n};\n\nBitkitToggletip.displayName = 'BitkitToggletip';\n\nexport default BitkitToggletip;\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,EAAE,kBAAkB,gBAAgB,wBAAwB,EAAE,KAAK,YAAY,CAAC;AACtF,IAAM,OAAO,iBAAmCA,QAAW,IAAI;AAC/D,IAAM,UAAU,YAAoDA,QAAW,SAAS,WAAW,EACjG,gBAAgB,KAClB,CAAC;AACD,IAAM,aAAa,YAAoDA,QAAW,YAAY,cAAc,EAC1G,gBAAgB,KAClB,CAAC;AACD,IAAM,UAAU,YAAiDA,QAAW,SAAS,WAAW,EAC9F,gBAAgB,KAClB,CAAC;AAED,IAAM,QAAQ,YAA+CA,QAAW,OAAO,SAAS,EAAE,gBAAgB,KAAK,CAAC;AAChH,IAAM,QAAQ,YAA+CA,QAAW,OAAO,SAAS,EAAE,gBAAgB,KAAK,CAAC;AAChH,IAAM,WAAW,YAAkDA,QAAW,UAAU,YAAY,EAClG,gBAAgB,KAClB,CAAC;;;;;;;;;;;;AAqDD,IAAM,mBAAmB,EACvB,QACA,UACA,aACA,eACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,YAAY,OACZ,MACA,kBACA,kBAC0B;CAC1B,MAAM,EAAE,eAAe,6BAA6B,WAAW,mBAAmB;CAClF,MAAM,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAEvC,IAAI,UACF,OAAO,oBAAAC,YAAA,EAAG,SAAW,CAAA;CAGvB,OAEE,qBAAC,MAAD;EACe;EACb,WAAA;EACc;EACR;EACN,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;EAChE,eAAA;EANF,UAAA,CAQG,eAAe,CAAC,eAAe,QAAQ,IACtC,oBAAC,SAAD;GACE,cAAY;GACZ,KAAK;IACH,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,QAAQ;IACR,OAAO;IACP,SAAS;IACT,MAAM;IACN,SAAS;IAIT,eAAe;KACb,SAAS;KACT,SAAS;MACP,cAAc;MACd,eAAe;MACf,cAAc;MACd,cAAc;KAChB;IACF;GACF;GAEC;EACM,CAAA,IAET,oBAAC,SAAD;GAAS,SAAA;GAAS;EAAkB,CAAA,GAEtC,oBAAC,QAAD;GAAQ,UAAU,iBAAiB;GACjC,UAAA,oBAAC,YAAD,EAAA,UACE,qBAAC,SAAD,EAAA,UAAA;IACE,oBAAC,OAAD,EAAA,UACE,oBAAC,UAAD,CAAW,CAAA,EACN,CAAA;IACP,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;KAAxB,UAAA,CACE,oBAAC,OAAD,EAAA,UAAQ,KAAY,CAAA,GACnB,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;KAAM,CAAA,CACtC;;IACJ,cACC,qBAAC,KAAD;KAAK,YAAW;KAAS,SAAQ;KAAO,KAAI;KAAK,kBAAiB;KAAlE,UAAA,CACG,gBACC,oBAAC,MAAD;MACE,OAAM;MACN,MAAM;MACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;MAC5D,QAAQ;MACT,UAAA;KAEK,CAAA,GAEP,UAAU,oBAAC,mBAAD;MAAmB,cAAa;MAAQ,mBAAkB;MAAO,GAAI;KAAS,CAAA,CACtF;;GAEA,EAAA,CAAA,EACC,CAAA;EACN,CAAA,CACJ;;AAEV;AAEA,gBAAgB,cAAc"}
1
+ {"version":3,"file":"BitkitToggletip.js","names":["ArkPopover","_Fragment"],"sources":["../../../lib/components/BitkitToggletip/BitkitToggletip.tsx"],"sourcesContent":["import { Popover as ArkPopover, type PopoverRootProps } from '@ark-ui/react/popover';\nimport { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport {\n type PopoverArrowProps,\n type PopoverArrowTipProps,\n type PopoverContentProps,\n type PopoverPositionerProps,\n type PopoverTitleProps,\n type PopoverTriggerProps,\n} from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { createSlotRecipeContext } from '@chakra-ui/react/styled-system';\nimport { isValidElement, type ReactNode, useContext } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\n// Chakra's own Popover is Ark's popover under the `popover` recipe; this is the same composition\n// under `toggletip`, so the bubble can share the tooltip's surface instead of the popover's card.\nconst { withRootProvider, withContext } = createSlotRecipeContext({ key: 'toggletip' });\nconst Root = withRootProvider<PopoverRootProps>(ArkPopover.Root);\nconst Trigger = withContext<HTMLButtonElement, PopoverTriggerProps>(ArkPopover.Trigger, 'trigger', {\n forwardAsChild: true,\n});\nconst Positioner = withContext<HTMLDivElement, PopoverPositionerProps>(ArkPopover.Positioner, 'positioner', {\n forwardAsChild: true,\n});\nconst Content = withContext<HTMLDivElement, PopoverContentProps>(ArkPopover.Content, 'content', {\n forwardAsChild: true,\n});\n// The text is the popover's title, which is what names its dialog for assistive technology.\nconst Title = withContext<HTMLDivElement, PopoverTitleProps>(ArkPopover.Title, 'title', { forwardAsChild: true });\nconst Arrow = withContext<HTMLDivElement, PopoverArrowProps>(ArkPopover.Arrow, 'arrow', { forwardAsChild: true });\nconst ArrowTip = withContext<HTMLDivElement, PopoverArrowTipProps>(ArkPopover.ArrowTip, 'arrowTip', {\n forwardAsChild: true,\n});\n\nexport type BitkitToggletipProps = {\n /** Action button at the end of the toggletip. Defaults to the `contrast` colour variant, which follows the toggletip's background in both color modes. */\n button?: BitkitColorButtonProps;\n /**\n * The trigger the toggletip opens from. Rendered via `asChild`, so it must be a focusable control\n * that accepts a ref — unless `wrapTrigger` puts a button in between.\n */\n children: ReactNode;\n /** Open on first render, for an uncontrolled toggletip. */\n defaultOpen?: PopoverRootProps['defaultOpen'];\n /**\n * Render the toggletip inline instead of in a portal. Only needed when it must stay inside its\n * parent's DOM subtree — a dialog already sets this for you.\n */\n disablePortal?: boolean;\n /** Render the trigger without a toggletip — for hints that only apply in some states. */\n disabled?: boolean;\n /** Icon after the text — `IconArrowNortheast` when the trigger opens something in a new tab, for instance. */\n icon?: BitkitIconComponent;\n /** Target for the \"Learn more\" link. `_blank` also sets `rel=\"noopener noreferrer\"`. */\n learnMoreTarget?: HTMLAnchorElement['target'];\n /** Adds a \"Learn more\" link pointing here, for the fuller explanation. */\n learnMoreUrl?: string;\n /** Called when the toggletip opens or closes. */\n onOpenChange?: PopoverRootProps['onOpenChange'];\n /** Controls the open state. */\n open?: PopoverRootProps['open'];\n /** Where the toggletip sits relative to the trigger (default `top`). It flips if space is short. */\n placement?: NonNullable<PopoverRootProps['positioning']>['placement'];\n /** The toggletip's text. */\n text: string;\n /** Accessible name of the `wrapTrigger` button, for a trigger with no text of its own, like an icon. */\n triggerAriaLabel?: string;\n /**\n * Put the trigger inside a button instead of rendering on it — for a trigger that is not a control\n * itself, like a badge or an icon. The button takes the click, the tap and the keyboard.\n */\n wrapTrigger?: boolean;\n};\n\n/**\n * A tooltip's bubble that opens on click, tap or Enter and stays open, so what it carries — a \"Learn\n * more\" link, an action button — can be reached by pointer, touch and keyboard alike. It is a\n * popover, not a tooltip: a tooltip closes as soon as focus leaves its trigger and ignores touch, so\n * anything clickable inside one can't be reached.\n *\n * Reach for `BitkitTooltip` when the hint is text only; this component when it links or acts.\n *\n * The content renders in a portal, so it escapes any ancestor that traps stacking or clips overflow.\n * Dialogs turn that off through `BitkitPortalContext`; `disablePortal` is the manual override.\n */\nconst BitkitToggletip = ({\n button,\n children,\n defaultOpen,\n disablePortal,\n disabled,\n icon: Icon,\n learnMoreTarget,\n learnMoreUrl,\n onOpenChange,\n open,\n placement = 'top',\n text,\n triggerAriaLabel,\n wrapTrigger,\n}: BitkitToggletipProps) => {\n const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n const hasActions = !!learnMoreUrl || !!button;\n\n if (disabled) {\n return <>{children}</>;\n }\n\n return (\n // Mounted only while open, like Chakra's tooltip: a list of closed toggletips keeps no content in the DOM.\n <Root\n defaultOpen={defaultOpen}\n lazyMount\n onOpenChange={onOpenChange}\n open={open}\n positioning={{ placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n unmountOnExit\n >\n {wrapTrigger || !isValidElement(children) ? (\n <Trigger\n aria-label={triggerAriaLabel}\n css={{\n alignItems: 'center',\n appearance: 'none',\n background: 'none',\n border: 0,\n color: 'inherit',\n display: 'inline-flex',\n font: 'inherit',\n padding: 0,\n // The button owns the tab stop, but the focus ring belongs on the trigger inside it: an\n // outline follows the border-radius of the element it is drawn on, and the button has\n // none — so leaving it here squares off a pill or a round trigger.\n _focusVisible: {\n outline: 'none',\n '& > *': {\n outlineColor: 'var(--focus-ring-color)',\n outlineOffset: 'var(--focus-ring-offset, 2px)',\n outlineStyle: 'var(--focus-ring-style, solid)',\n outlineWidth: 'var(--focus-ring-width, 2px)',\n },\n },\n }}\n >\n {children}\n </Trigger>\n ) : (\n <Trigger asChild>{children}</Trigger>\n )}\n <Portal disabled={disablePortal || disablePortalFromContext}>\n <Positioner>\n <Content>\n <Arrow>\n <ArrowTip />\n </Arrow>\n <Box display=\"flex\" gap=\"8\">\n <Title>{text}</Title>\n {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n </Box>\n {hasActions && (\n <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n {learnMoreUrl && (\n <Link\n color=\"color/purple/highlight\"\n href={learnMoreUrl}\n rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n target={learnMoreTarget}\n >\n Learn more\n </Link>\n )}\n {button && <BitkitColorButton colorVariant=\"contrast\" marginInlineStart=\"auto\" {...button} />}\n </Box>\n )}\n </Content>\n </Positioner>\n </Portal>\n </Root>\n );\n};\n\nBitkitToggletip.displayName = 'BitkitToggletip';\n\nexport default BitkitToggletip;\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,EAAE,kBAAkB,gBAAgB,wBAAwB,EAAE,KAAK,YAAY,CAAC;AACtF,IAAM,OAAO,iBAAmCA,QAAW,IAAI;AAC/D,IAAM,UAAU,YAAoDA,QAAW,SAAS,WAAW,EACjG,gBAAgB,KAClB,CAAC;AACD,IAAM,aAAa,YAAoDA,QAAW,YAAY,cAAc,EAC1G,gBAAgB,KAClB,CAAC;AACD,IAAM,UAAU,YAAiDA,QAAW,SAAS,WAAW,EAC9F,gBAAgB,KAClB,CAAC;AAED,IAAM,QAAQ,YAA+CA,QAAW,OAAO,SAAS,EAAE,gBAAgB,KAAK,CAAC;AAChH,IAAM,QAAQ,YAA+CA,QAAW,OAAO,SAAS,EAAE,gBAAgB,KAAK,CAAC;AAChH,IAAM,WAAW,YAAkDA,QAAW,UAAU,YAAY,EAClG,gBAAgB,KAClB,CAAC;;;;;;;;;;;;AAqDD,IAAM,mBAAmB,EACvB,QACA,UACA,aACA,eACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,YAAY,OACZ,MACA,kBACA,kBAC0B;CAC1B,MAAM,EAAE,eAAe,6BAA6B,WAAW,mBAAmB;CAClF,MAAM,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAEvC,IAAI,UACF,OAAO,oBAAAC,YAAA,EAAG,SAAW,CAAA;CAGvB,OAEE,qBAAC,MAAD;EACe;EACb,WAAA;EACc;EACR;EACN,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;EAChE,eAAA;EANF,UAAA,CAQG,eAAe,CAAC,eAAe,QAAQ,IACtC,oBAAC,SAAD;GACE,cAAY;GACZ,KAAK;IACH,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,QAAQ;IACR,OAAO;IACP,SAAS;IACT,MAAM;IACN,SAAS;IAIT,eAAe;KACb,SAAS;KACT,SAAS;MACP,cAAc;MACd,eAAe;MACf,cAAc;MACd,cAAc;KAChB;IACF;GACF;GAEC;EACM,CAAA,IAET,oBAAC,SAAD;GAAS,SAAA;GAAS;EAAkB,CAAA,GAEtC,oBAAC,QAAD;GAAQ,UAAU,iBAAiB;GACjC,UAAA,oBAAC,YAAD,EAAA,UACE,qBAAC,SAAD,EAAA,UAAA;IACE,oBAAC,OAAD,EAAA,UACE,oBAAC,UAAD,CAAW,CAAA,EACN,CAAA;IACP,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;KAAxB,UAAA,CACE,oBAAC,OAAD,EAAA,UAAQ,KAAY,CAAA,GACnB,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;KAAM,CAAA,CACtC;;IACJ,cACC,qBAAC,KAAD;KAAK,YAAW;KAAS,SAAQ;KAAO,KAAI;KAAK,kBAAiB;KAAlE,UAAA,CACG,gBACC,oBAAC,MAAD;MACE,OAAM;MACN,MAAM;MACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;MAC5D,QAAQ;MACT,UAAA;KAEK,CAAA,GAEP,UAAU,oBAAC,mBAAD;MAAmB,cAAa;MAAW,mBAAkB;MAAO,GAAI;KAAS,CAAA,CACzF;;GAEA,EAAA,CAAA,EACC,CAAA;EACN,CAAA,CACJ;;AAEV;AAEA,gBAAgB,cAAc"}
@@ -108,6 +108,16 @@ declare const colorButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
108
108
  backgroundColor: "color/white/30";
109
109
  };
110
110
  };
111
+ contrast: {
112
+ color: "text/on-contrast";
113
+ borderColor: "border/on-contrast";
114
+ '&:hover': {
115
+ backgroundColor: "button/contrast/bg-hover";
116
+ };
117
+ '&:active': {
118
+ backgroundColor: "button/contrast/bg-active";
119
+ };
120
+ };
111
121
  };
112
122
  }>;
113
123
  export default colorButtonRecipe;
@@ -85,6 +85,12 @@ var colorButtonRecipe = defineRecipe({
85
85
  borderColor: "border/inverse",
86
86
  "&:hover": { backgroundColor: "color/white/15" },
87
87
  "&:active": { backgroundColor: "color/white/30" }
88
+ },
89
+ contrast: {
90
+ color: "text/on-contrast",
91
+ borderColor: "border/on-contrast",
92
+ "&:hover": { backgroundColor: "button/contrast/bg-hover" },
93
+ "&:active": { backgroundColor: "button/contrast/bg-active" }
88
94
  }
89
95
  }
90
96
  },
@@ -1 +1 @@
1
- {"version":3,"file":"ColorButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ColorButton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst colorButtonRecipe = defineRecipe({\n className: 'color-button',\n base: {\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: '1px solid',\n borderRadius: '4',\n cursor: 'pointer',\n _disabled: {\n opacity: 0.4,\n pointerEvents: 'none',\n },\n // Loading keeps the control focusable and undimmed — only pointer activation is blocked.\n _loading: {\n pointerEvents: 'none',\n },\n },\n variants: {\n size: {\n sm: { height: '32', paddingInline: '12', textStyle: 'comp/button/sm' },\n md: { height: '40', paddingInline: '12', textStyle: 'comp/button/md' },\n lg: { height: '48', paddingInline: '16', textStyle: 'comp/button/lg' },\n },\n colorVariant: {\n neutral: {\n color: 'color/neutral/strong',\n '&:hover': { backgroundColor: 'color/neutral/subtle' },\n '&:active': { backgroundColor: 'color/neutral/moderate' },\n },\n blue: {\n color: 'color/blue/strong',\n '&:hover': { backgroundColor: 'color/blue/subtle' },\n '&:active': { backgroundColor: 'color/blue/moderate' },\n },\n green: {\n color: 'color/green/strong',\n '&:hover': { backgroundColor: 'color/green/subtle' },\n '&:active': { backgroundColor: 'color/green/moderate' },\n },\n red: {\n color: 'color/red/strong',\n '&:hover': { backgroundColor: 'color/red/subtle' },\n '&:active': { backgroundColor: 'color/red/moderate' },\n },\n yellow: {\n color: 'color/yellow/strong',\n '&:hover': { backgroundColor: 'color/yellow/subtle' },\n '&:active': { backgroundColor: 'color/yellow/moderate' },\n },\n purple: {\n color: 'color/purple/strong',\n '&:hover': { backgroundColor: 'color/purple/subtle' },\n '&:active': { backgroundColor: 'color/purple/moderate' },\n },\n orange: {\n color: 'color/orange/strong',\n '&:hover': { backgroundColor: 'color/orange/subtle' },\n '&:active': { backgroundColor: 'color/orange/moderate' },\n },\n turquoise: {\n color: 'color/turquoise/strong',\n '&:hover': { backgroundColor: 'color/turquoise/subtle' },\n '&:active': { backgroundColor: 'color/turquoise/moderate' },\n },\n indigo: {\n color: 'color/indigo/strong',\n '&:hover': { backgroundColor: 'color/indigo/subtle' },\n '&:active': { backgroundColor: 'color/indigo/moderate' },\n },\n white: {\n color: 'text/on-color',\n borderColor: 'border/inverse',\n '&:hover': { backgroundColor: 'color/white/15' },\n '&:active': { backgroundColor: 'color/white/30' },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'neutral',\n size: 'sm',\n },\n});\n\nexport default colorButtonRecipe;\n"],"mappings":";;AAEA,IAAM,oBAAoB,aAAa;CACrC,WAAW;CACX,MAAM;EACJ,UAAU;EACV,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,cAAc;EACd,QAAQ;EACR,WAAW;GACT,SAAS;GACT,eAAe;EACjB;EAEA,UAAU,EACR,eAAe,OACjB;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;GACrE,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;GACrE,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;EACvE;EACA,cAAc;GACZ,SAAS;IACP,OAAO;IACP,WAAW,EAAE,iBAAiB,uBAAuB;IACrD,YAAY,EAAE,iBAAiB,yBAAyB;GAC1D;GACA,MAAM;IACJ,OAAO;IACP,WAAW,EAAE,iBAAiB,oBAAoB;IAClD,YAAY,EAAE,iBAAiB,sBAAsB;GACvD;GACA,OAAO;IACL,OAAO;IACP,WAAW,EAAE,iBAAiB,qBAAqB;IACnD,YAAY,EAAE,iBAAiB,uBAAuB;GACxD;GACA,KAAK;IACH,OAAO;IACP,WAAW,EAAE,iBAAiB,mBAAmB;IACjD,YAAY,EAAE,iBAAiB,qBAAqB;GACtD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,WAAW;IACT,OAAO;IACP,WAAW,EAAE,iBAAiB,yBAAyB;IACvD,YAAY,EAAE,iBAAiB,2BAA2B;GAC5D;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,OAAO;IACL,OAAO;IACP,aAAa;IACb,WAAW,EAAE,iBAAiB,iBAAiB;IAC/C,YAAY,EAAE,iBAAiB,iBAAiB;GAClD;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;CACR;AACF,CAAC"}
1
+ {"version":3,"file":"ColorButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ColorButton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst colorButtonRecipe = defineRecipe({\n className: 'color-button',\n base: {\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: '1px solid',\n borderRadius: '4',\n cursor: 'pointer',\n _disabled: {\n opacity: 0.4,\n pointerEvents: 'none',\n },\n // Loading keeps the control focusable and undimmed — only pointer activation is blocked.\n _loading: {\n pointerEvents: 'none',\n },\n },\n variants: {\n size: {\n sm: { height: '32', paddingInline: '12', textStyle: 'comp/button/sm' },\n md: { height: '40', paddingInline: '12', textStyle: 'comp/button/md' },\n lg: { height: '48', paddingInline: '16', textStyle: 'comp/button/lg' },\n },\n colorVariant: {\n neutral: {\n color: 'color/neutral/strong',\n '&:hover': { backgroundColor: 'color/neutral/subtle' },\n '&:active': { backgroundColor: 'color/neutral/moderate' },\n },\n blue: {\n color: 'color/blue/strong',\n '&:hover': { backgroundColor: 'color/blue/subtle' },\n '&:active': { backgroundColor: 'color/blue/moderate' },\n },\n green: {\n color: 'color/green/strong',\n '&:hover': { backgroundColor: 'color/green/subtle' },\n '&:active': { backgroundColor: 'color/green/moderate' },\n },\n red: {\n color: 'color/red/strong',\n '&:hover': { backgroundColor: 'color/red/subtle' },\n '&:active': { backgroundColor: 'color/red/moderate' },\n },\n yellow: {\n color: 'color/yellow/strong',\n '&:hover': { backgroundColor: 'color/yellow/subtle' },\n '&:active': { backgroundColor: 'color/yellow/moderate' },\n },\n purple: {\n color: 'color/purple/strong',\n '&:hover': { backgroundColor: 'color/purple/subtle' },\n '&:active': { backgroundColor: 'color/purple/moderate' },\n },\n orange: {\n color: 'color/orange/strong',\n '&:hover': { backgroundColor: 'color/orange/subtle' },\n '&:active': { backgroundColor: 'color/orange/moderate' },\n },\n turquoise: {\n color: 'color/turquoise/strong',\n '&:hover': { backgroundColor: 'color/turquoise/subtle' },\n '&:active': { backgroundColor: 'color/turquoise/moderate' },\n },\n indigo: {\n color: 'color/indigo/strong',\n '&:hover': { backgroundColor: 'color/indigo/subtle' },\n '&:active': { backgroundColor: 'color/indigo/moderate' },\n },\n white: {\n color: 'text/on-color',\n borderColor: 'border/inverse',\n '&:hover': { backgroundColor: 'color/white/15' },\n '&:active': { backgroundColor: 'color/white/30' },\n },\n contrast: {\n color: 'text/on-contrast',\n borderColor: 'border/on-contrast',\n '&:hover': { backgroundColor: 'button/contrast/bg-hover' },\n '&:active': { backgroundColor: 'button/contrast/bg-active' },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'neutral',\n size: 'sm',\n },\n});\n\nexport default colorButtonRecipe;\n"],"mappings":";;AAEA,IAAM,oBAAoB,aAAa;CACrC,WAAW;CACX,MAAM;EACJ,UAAU;EACV,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,cAAc;EACd,QAAQ;EACR,WAAW;GACT,SAAS;GACT,eAAe;EACjB;EAEA,UAAU,EACR,eAAe,OACjB;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;GACrE,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;GACrE,IAAI;IAAE,QAAQ;IAAM,eAAe;IAAM,WAAW;GAAiB;EACvE;EACA,cAAc;GACZ,SAAS;IACP,OAAO;IACP,WAAW,EAAE,iBAAiB,uBAAuB;IACrD,YAAY,EAAE,iBAAiB,yBAAyB;GAC1D;GACA,MAAM;IACJ,OAAO;IACP,WAAW,EAAE,iBAAiB,oBAAoB;IAClD,YAAY,EAAE,iBAAiB,sBAAsB;GACvD;GACA,OAAO;IACL,OAAO;IACP,WAAW,EAAE,iBAAiB,qBAAqB;IACnD,YAAY,EAAE,iBAAiB,uBAAuB;GACxD;GACA,KAAK;IACH,OAAO;IACP,WAAW,EAAE,iBAAiB,mBAAmB;IACjD,YAAY,EAAE,iBAAiB,qBAAqB;GACtD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,WAAW;IACT,OAAO;IACP,WAAW,EAAE,iBAAiB,yBAAyB;IACvD,YAAY,EAAE,iBAAiB,2BAA2B;GAC5D;GACA,QAAQ;IACN,OAAO;IACP,WAAW,EAAE,iBAAiB,sBAAsB;IACpD,YAAY,EAAE,iBAAiB,wBAAwB;GACzD;GACA,OAAO;IACL,OAAO;IACP,aAAa;IACb,WAAW,EAAE,iBAAiB,iBAAiB;IAC/C,YAAY,EAAE,iBAAiB,iBAAiB;GAClD;GACA,UAAU;IACR,OAAO;IACP,aAAa;IACb,WAAW,EAAE,iBAAiB,2BAA2B;IACzD,YAAY,EAAE,iBAAiB,4BAA4B;GAC7D;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;CACR;AACF,CAAC"}
@@ -1557,6 +1557,16 @@ declare const semanticTokens: {
1557
1557
  base: string;
1558
1558
  };
1559
1559
  };
1560
+ 'button/contrast/bg-hover': {
1561
+ value: {
1562
+ base: string;
1563
+ };
1564
+ };
1565
+ 'button/contrast/bg-active': {
1566
+ value: {
1567
+ base: string;
1568
+ };
1569
+ };
1560
1570
  'sys/ui/header/bg': {
1561
1571
  value: {
1562
1572
  base: string;
@@ -1556,6 +1556,16 @@ declare const semanticColors: {
1556
1556
  base: string;
1557
1557
  };
1558
1558
  };
1559
+ 'button/contrast/bg-hover': {
1560
+ value: {
1561
+ base: string;
1562
+ };
1563
+ };
1564
+ 'button/contrast/bg-active': {
1565
+ value: {
1566
+ base: string;
1567
+ };
1568
+ };
1559
1569
  'sys/ui/header/bg': {
1560
1570
  value: {
1561
1571
  base: string;
@@ -570,6 +570,8 @@ var semanticColors = defineSemanticTokens.colors({
570
570
  "button/control-danger/fg-hover": { value: { base: "{colors.color/red/base}" } },
571
571
  "button/control-danger/fg-active": { value: { base: "{colors.color/red/strong}" } },
572
572
  "button/control-danger/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
573
+ "button/contrast/bg-hover": { value: { base: "color-mix(in srgb, {colors.sys/fg/on-contrast} 15%, transparent)" } },
574
+ "button/contrast/bg-active": { value: { base: "color-mix(in srgb, {colors.sys/fg/on-contrast} 30%, transparent)" } },
573
575
  "sys/ui/header/bg": { value: { base: "{colors.purple.30}" } },
574
576
  "sys/ui/header/control/bg": { value: { base: "{colors.color/transparent}" } },
575
577
  "sys/ui/header/control/bg-hover": { value: { base: "{colors.color/white/10}" } },
@@ -1 +1 @@
1
- {"version":3,"file":"semanticColors.js","names":[],"sources":["../../../lib/theme/semantic-tokens/semanticColors.ts"],"sourcesContent":["import { defineSemanticTokens } from '@chakra-ui/react/styled-system';\n\nconst semanticColors = defineSemanticTokens.colors({\n // sys\n 'sys/fg/base': { value: { _light: '{colors.neutral.10}', _dark: '{colors.neutral-dark.10}' } },\n 'sys/fg/primary': { value: { _light: '{colors.purple.10}', _dark: '{colors.neutral-dark.10}' } },\n 'sys/fg/secondary': { value: { _light: '{colors.neutral.40}', _dark: '{colors.neutral-dark.40}' } },\n 'sys/fg/tertiary': { value: { _light: '{colors.neutral.60}', _dark: '{colors.neutral-dark.60}' } },\n 'sys/fg/subtle': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.70}' } },\n 'sys/fg/minimal': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n 'sys/fg/positive': { value: { _light: '{colors.green.50}', _dark: '{colors.green.60}' } },\n 'sys/fg/negative': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n 'sys/fg/on-color': { value: { _light: '{colors.neutral.100}' } },\n 'sys/fg/on-contrast': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n 'sys/fg/on-disabled': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.70}' } },\n 'sys/fg/disabled': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n 'sys/fg/warning': { value: { _light: '{colors.yellow.60}', _dark: '{colors.yellow.80}' } },\n 'sys/bg/surface': { value: { _light: '{colors.neutral.100}', _dark: '{colors.neutral-dark.100}' } },\n 'sys/bg/contrast': { value: { _light: '{colors.neutral.10}', _dark: '{colors.neutral-dark.10}' } },\n 'sys/bg/moderate': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n 'sys/bg/subtle': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.93}' } },\n 'sys/bg/minimal': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n 'sys/bg/disabled': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n 'sys/bg/transparent': { value: { _light: 'rgba(255, 255, 255, 0)' } },\n 'sys/border/minimal': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.90}' } },\n 'sys/border/subtle': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.80}' } },\n 'sys/border/strong': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.70}' } },\n 'sys/border/emphasized': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.60}' } },\n 'sys/border/critical': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n 'sys/border/inverse': { value: { _light: '{colors.neutral.100}', _dark: '{colors.neutral-dark.100}' } },\n 'sys/border/on-contrast': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.93}' } },\n 'sys/border/disabled': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.80}' } },\n 'sys/primary/base': { value: { _light: '{colors.purple.40}', _dark: '{colors.purple.30}' } },\n 'sys/primary/dark': { value: { _light: '{colors.purple.20}' } },\n 'sys/primary/emphasized': { value: { _light: '{colors.purple.30}', _dark: '{colors.purple.40}' } },\n 'sys/primary/contrast': { value: { _light: '{colors.purple.10}' } },\n 'sys/primary/muted': { value: { _light: '{colors.purple.80}' } },\n 'sys/primary/subtle': { value: { _light: '{colors.purple.93}' } },\n 'sys/primary/disabled': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n 'sys/primary-danger/base': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n 'sys/primary-danger/dark': { value: { _light: '{colors.red.20}' } },\n 'sys/primary-danger/strong': { value: { _light: '{colors.red.40}', _dark: '{colors.red.50}' } },\n 'sys/primary-danger/bold': { value: { _light: '{colors.red.60}' } },\n 'sys/primary-danger/muted': { value: { _light: '{colors.red.80}' } },\n 'sys/primary-danger/moderate': { value: { _light: '{colors.red.90}' } },\n 'sys/primary-danger/subtle': { value: { _light: '{colors.red.93}' } },\n 'sys/primary-danger/minimal': { value: { _light: '{colors.red.95}' } },\n 'sys/fixed/bg/contrast': { value: { _light: '{colors.neutral.10}' } },\n 'sys/fixed/icon/primary': { value: { _light: '{colors.purple.10}' } },\n 'sys/fixed/icon/warning': { value: { _light: '{colors.yellow.80}' } },\n\n // color\n 'color/purple/base': { value: { _light: '{colors.purple.50}', _dark: '{colors.purple.70}' } },\n 'color/purple/strong': { value: { _light: '{colors.purple.40}', _dark: '{colors.purple.80}' } },\n 'color/purple/bold': { value: { _light: '{colors.purple.60}' } },\n 'color/purple/highlight': { value: { _light: '{colors.purple.70}', _dark: '{colors.purple.50}' } },\n 'color/purple/muted': { value: { _light: '{colors.purple.80}', _dark: '{colors.purple.40}' } },\n 'color/purple/moderate': { value: { _light: '{colors.purple.90}', _dark: '{colors.purple.30}' } },\n 'color/purple/subtle': { value: { _light: '{colors.purple.93}', _dark: '{colors.purple.20}' } },\n 'color/purple/minimal': { value: { _light: '{colors.purple.95}', _dark: '{colors.purple.10}' } },\n 'color/indigo/base': { value: { _light: '{colors.indigo.50}', _dark: '{colors.indigo.70}' } },\n 'color/indigo/dark': { value: { _light: '{colors.indigo.20}', _dark: '{colors.indigo.93}' } },\n 'color/indigo/emphasized': { value: { _light: '{colors.indigo.30}', _dark: '{colors.indigo.90}' } },\n 'color/indigo/strong': { value: { _light: '{colors.indigo.40}', _dark: '{colors.indigo.80}' } },\n 'color/indigo/bold': { value: { _light: '{colors.indigo.60}' } },\n 'color/indigo/muted': { value: { _light: '{colors.indigo.80}', _dark: '{colors.indigo.40}' } },\n 'color/indigo/moderate': { value: { _light: '{colors.indigo.90}', _dark: '{colors.indigo.30}' } },\n 'color/indigo/subtle': { value: { _light: '{colors.indigo.93}', _dark: '{colors.indigo.20}' } },\n 'color/indigo/minimal': { value: { _light: '{colors.indigo.95}', _dark: '{colors.indigo.10}' } },\n 'color/blue/base': { value: { _light: '{colors.blue.50}', _dark: '{colors.blue.70}' } },\n 'color/blue/strong': { value: { _light: '{colors.blue.40}', _dark: '{colors.blue.80}' } },\n 'color/blue/bold': { value: { _light: '{colors.blue.60}' } },\n 'color/blue/muted': { value: { _light: '{colors.blue.80}', _dark: '{colors.blue.40}' } },\n 'color/blue/moderate': { value: { _light: '{colors.blue.90}', _dark: '{colors.blue.30}' } },\n 'color/blue/subtle': { value: { _light: '{colors.blue.93}', _dark: '{colors.blue.20}' } },\n 'color/blue/minimal': { value: { _light: '{colors.blue.95}', _dark: '{colors.blue.10}' } },\n 'color/green/base': { value: { _light: '{colors.green.50}', _dark: '{colors.green.70}' } },\n 'color/green/strong': { value: { _light: '{colors.green.40}', _dark: '{colors.green.80}' } },\n 'color/green/bold': { value: { _light: '{colors.green.60}' } },\n 'color/green/muted': { value: { _light: '{colors.green.80}', _dark: '{colors.green.40}' } },\n 'color/green/moderate': { value: { _light: '{colors.green.90}', _dark: '{colors.green.30}' } },\n 'color/green/subtle': { value: { _light: '{colors.green.93}', _dark: '{colors.green.20}' } },\n 'color/green/minimal': { value: { _light: '{colors.green.95}', _dark: '{colors.green.10}' } },\n 'color/yellow/base': { value: { _light: '{colors.yellow.50}', _dark: '{colors.yellow.70}' } },\n 'color/yellow/strong': { value: { _light: '{colors.yellow.40}', _dark: '{colors.yellow.80}' } },\n 'color/yellow/bold': { value: { _light: '{colors.yellow.60}' } },\n 'color/yellow/muted': { value: { _light: '{colors.yellow.80}', _dark: '{colors.yellow.40}' } },\n 'color/yellow/moderate': { value: { _light: '{colors.yellow.90}', _dark: '{colors.yellow.30}' } },\n 'color/yellow/subtle': { value: { _light: '{colors.yellow.93}', _dark: '{colors.yellow.20}' } },\n 'color/yellow/minimal': { value: { _light: '{colors.yellow.95}', _dark: '{colors.yellow.10}' } },\n 'color/red/base': { value: { _light: '{colors.red.50}', _dark: '{colors.red.70}' } },\n 'color/red/dark': { value: { _light: '{colors.red.20}', _dark: '{colors.red.93}' } },\n 'color/red/strong': { value: { _light: '{colors.red.40}', _dark: '{colors.red.80}' } },\n 'color/red/bold': { value: { _light: '{colors.red.60}' } },\n 'color/red/muted': { value: { _light: '{colors.red.80}', _dark: '{colors.red.40}' } },\n 'color/red/moderate': { value: { _light: '{colors.red.90}', _dark: '{colors.red.30}' } },\n 'color/red/subtle': { value: { _light: '{colors.red.93}', _dark: '{colors.red.20}' } },\n 'color/red/minimal': { value: { _light: '{colors.red.95}', _dark: '{colors.red.10}' } },\n 'color/neutral/base': { value: { _light: '{colors.neutral.50}', _dark: '{colors.neutral-dark.50}' } },\n 'color/neutral/strong': { value: { _light: '{colors.neutral.40}', _dark: '{colors.neutral-dark.40}' } },\n 'color/neutral/bold': { value: { _light: '{colors.neutral.60}', _dark: '{colors.neutral-dark.60}' } },\n 'color/neutral/muted': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n 'color/neutral/moderate': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n 'color/neutral/subtle': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.93}' } },\n 'color/neutral/minimal': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n 'color/orange/base': { value: { _light: '{colors.orange.50}', _dark: '{colors.orange.70}' } },\n 'color/orange/strong': { value: { _light: '{colors.orange.40}', _dark: '{colors.orange.80}' } },\n 'color/orange/bold': { value: { _light: '{colors.orange.60}' } },\n 'color/orange/muted': { value: { _light: '{colors.orange.80}', _dark: '{colors.orange.40}' } },\n 'color/orange/moderate': { value: { _light: '{colors.orange.90}', _dark: '{colors.orange.30}' } },\n 'color/orange/subtle': { value: { _light: '{colors.orange.93}', _dark: '{colors.orange.20}' } },\n 'color/orange/minimal': { value: { _light: '{colors.orange.95}', _dark: '{colors.orange.10}' } },\n 'color/turquoise/base': { value: { _light: '{colors.turquoise.50}', _dark: '{colors.turquoise.70}' } },\n 'color/turquoise/dark': { value: { _light: '{colors.turquoise.20}', _dark: '{colors.turquoise.93}' } },\n 'color/turquoise/emphasized': { value: { _light: '{colors.turquoise.30}', _dark: '{colors.turquoise.90}' } },\n 'color/turquoise/strong': { value: { _light: '{colors.turquoise.40}', _dark: '{colors.turquoise.80}' } },\n 'color/turquoise/bold': { value: { _light: '{colors.turquoise.60}' } },\n 'color/turquoise/muted': { value: { _light: '{colors.turquoise.80}', _dark: '{colors.turquoise.40}' } },\n 'color/turquoise/moderate': { value: { _light: '{colors.turquoise.90}', _dark: '{colors.turquoise.30}' } },\n 'color/turquoise/subtle': { value: { _light: '{colors.turquoise.93}', _dark: '{colors.turquoise.20}' } },\n 'color/turquoise/minimal': { value: { _light: '{colors.turquoise.95}', _dark: '{colors.turquoise.10}' } },\n 'color/transparent': { value: { _light: '{colors.sys/bg/transparent}' } },\n 'color/white/10': { value: { _light: '{colors.white.10}' } },\n 'color/white/15': { value: { _light: '{colors.white.15}' } },\n 'color/white/20': { value: { _light: '{colors.white.20}' } },\n 'color/white/30': { value: { _light: '{colors.white.30}' } },\n 'color/white/40': { value: { _light: '{colors.white.40}' } },\n 'color/white/50': { value: { _light: '{colors.white.50}' } },\n 'color/white/60': { value: { _light: '{colors.white.60}' } },\n 'color/white/70': { value: { _light: '{colors.white.70}' } },\n 'color/white/80': { value: { _light: '{colors.white.80}' } },\n 'color/white/85': { value: { _light: '{colors.white.85}' } },\n 'color/white/90': { value: { _light: '{colors.white.90}' } },\n 'color/white/100': { value: { _light: '{colors.white.100}' } },\n\n // gradient/ai\n 'gradient/ai/background/base': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/base} 0%, {colors.color/indigo/base} 50%, {colors.color/blue/base} 100%)',\n },\n },\n 'gradient/ai/background/bold': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/bold} 0%, {colors.color/indigo/bold} 50%, {colors.color/blue/bold} 100%)',\n },\n },\n 'gradient/ai/background/muted': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/muted} 0%, {colors.color/indigo/muted} 50%, {colors.color/blue/muted} 100%)',\n },\n },\n 'gradient/ai/background/minimal': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n },\n },\n 'gradient/ai/background/subtle': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/subtle} 0%, {colors.color/indigo/subtle} 50%, {colors.color/blue/subtle} 100%)',\n },\n },\n 'gradient/ai/background/moderate': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/moderate} 0%, {colors.color/indigo/moderate} 50%, {colors.color/blue/moderate} 100%)',\n },\n },\n 'gradient/ai/background/minimal-vertical': {\n value: {\n base: 'linear-gradient(180deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n },\n },\n 'gradient/ai/background/surface': {\n value: { base: 'linear-gradient(180deg, {colors.sys/bg/surface} 0%, {colors.color/indigo/minimal} 100%)' },\n },\n 'gradient/ai/border/minimal': {\n value: {\n base: 'linear-gradient(135deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n },\n },\n 'gradient/ai/border/subtle': {\n value: {\n base: 'linear-gradient(135deg, {colors.color/purple/subtle} 0%, {colors.color/indigo/subtle} 50%, {colors.color/blue/subtle} 100%)',\n },\n },\n 'gradient/ai/border/strong': {\n value: {\n base: 'linear-gradient(135deg, {colors.color/purple/muted} 0%, {colors.color/indigo/muted} 50%, {colors.color/blue/muted} 100%)',\n },\n },\n 'gradient/overflow/bottom': {\n value: {\n base: 'linear-gradient(180deg, color-mix(in srgb, {colors.sys/bg/surface} 0%, transparent) 0%, {colors.sys/bg/surface} 100%)',\n },\n },\n 'gradient/overflow/right': {\n value: {\n base: 'linear-gradient(90deg, color-mix(in srgb, {colors.sys/bg/surface} 0%, transparent) 0%, {colors.sys/bg/surface} 100%)',\n },\n },\n 'gradient/video/bg': {\n value: { base: 'linear-gradient(90deg, {colors.sys/primary/dark} 0%, {colors.sys/primary/base} 100%)' },\n },\n\n // background\n 'background/primary': { value: { base: '{colors.sys/bg/surface}' } },\n 'background/secondary': { value: { base: '{colors.sys/bg/minimal}' } },\n 'background/tertiary': { value: { base: '{colors.sys/bg/subtle}' } },\n 'background/hover': { value: { base: '{colors.sys/bg/subtle}' } },\n 'background/active': { value: { base: '{colors.sys/bg/moderate}' } },\n 'background/selected': { value: { base: '{colors.color/purple/minimal}' } },\n 'background/selected-active': { value: { base: '{colors.color/purple/moderate}' } },\n 'background/selected-hover': { value: { base: '{colors.color/purple/subtle}' } },\n 'background/contrast': { value: { base: '{colors.sys/bg/contrast}' } },\n 'background/fixed-contrast': { value: { base: '{colors.sys/fixed/bg/contrast}' } },\n 'background/disabled': { value: { base: '{colors.sys/bg/disabled}' } },\n\n // border\n 'border/regular': { value: { base: '{colors.sys/border/subtle}' } },\n 'border/minimal': { value: { base: '{colors.sys/border/minimal}' } },\n 'border/strong': { value: { base: '{colors.sys/border/strong}' } },\n 'border/hover': { value: { base: '{colors.sys/border/emphasized}' } },\n 'border/focus': { value: { base: '{colors.color/purple/highlight}' } },\n 'border/selected': { value: { base: '{colors.color/purple/base}' } },\n 'border/error': { value: { base: '{colors.sys/border/critical}' } },\n 'border/inverse': { value: { base: '{colors.sys/border/inverse}' } },\n 'border/on-contrast': { value: { base: '{colors.sys/border/on-contrast}' } },\n 'border/disabled': { value: { base: '{colors.sys/border/disabled}' } },\n\n // text\n 'text/primary': { value: { base: '{colors.sys/fg/primary}' } },\n 'text/secondary': { value: { base: '{colors.sys/fg/secondary}' } },\n 'text/tertiary': { value: { base: '{colors.sys/fg/tertiary}' } },\n 'text/body': { value: { base: '{colors.sys/fg/base}' } },\n 'text/helper': { value: { base: '{colors.sys/fg/secondary}' } },\n 'text/link': { value: { base: '{colors.color/purple/base}' } },\n 'text/link-hover': { value: { base: '{colors.color/purple/strong}' } },\n 'text/selected': { value: { base: '{colors.color/purple/base}' } },\n 'text/positive': { value: { base: '{colors.sys/fg/positive}' } },\n 'text/negative': { value: { base: '{colors.sys/fg/negative}' } },\n 'text/on-color': { value: { base: '{colors.sys/fg/on-color}' } },\n 'text/on-contrast': { value: { base: '{colors.sys/fg/on-contrast}' } },\n 'text/on-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'text/disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n\n // icon\n 'icon/primary': { value: { base: '{colors.sys/fg/primary}' } },\n 'icon/secondary': { value: { base: '{colors.sys/fg/secondary}' } },\n 'icon/tertiary': { value: { base: '{colors.sys/fg/tertiary}' } },\n 'icon/interactive': { value: { base: '{colors.color/purple/base}' } },\n 'icon/interactive-hover': { value: { base: '{colors.color/purple/strong}' } },\n 'icon/positive': { value: { base: '{colors.sys/fg/positive}' } },\n 'icon/negative': { value: { base: '{colors.sys/fg/negative}' } },\n 'icon/on-color': { value: { base: '{colors.sys/fg/on-color}' } },\n 'icon/on-contrast': { value: { base: '{colors.sys/fg/on-contrast}' } },\n 'icon/on-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'icon/disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'icon/warning': { value: { base: '{colors.sys/fg/warning}' } },\n\n // button\n 'button/primary/bg': { value: { base: '{colors.sys/primary/base}' } },\n 'button/primary/bg-hover': { value: { base: '{colors.sys/primary/emphasized}' } },\n 'button/primary/bg-active': { value: { base: '{colors.sys/primary/contrast}' } },\n 'button/primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n 'button/primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'button/secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n 'button/secondary/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n 'button/secondary/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n 'button/secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/secondary/text': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/text-hover': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/text-active': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/text-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/secondary/icon': { value: { base: '{colors.sys/fg/secondary}' } },\n 'button/secondary/icon-hover': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/icon-active': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/icon-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/secondary/border': { value: { base: '{colors.sys/border/strong}' } },\n 'button/secondary/border-hover': { value: { base: '{colors.sys/border/emphasized}' } },\n 'button/secondary/border-active': { value: { base: '{colors.sys/border/emphasized}' } },\n 'button/secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n 'button/tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/tertiary/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n 'button/tertiary/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n 'button/tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/tertiary/fg': { value: { base: '{colors.color/purple/base}' } },\n 'button/tertiary/fg-hover': { value: { base: '{colors.color/purple/strong}' } },\n 'button/tertiary/fg-active': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/danger-primary/bg': { value: { base: '{colors.sys/primary-danger/base}' } },\n 'button/danger-primary/bg-hover': { value: { base: '{colors.sys/primary-danger/strong}' } },\n 'button/danger-primary/bg-active': { value: { base: '{colors.sys/primary-danger/dark}' } },\n 'button/danger-primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n 'button/danger-primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/danger-primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/danger-primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/danger-primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'button/danger-secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n 'button/danger-secondary/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n 'button/danger-secondary/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n 'button/danger-secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/danger-secondary/fg': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-secondary/fg-hover': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-secondary/fg-active': { value: { base: '{colors.color/red/strong}' } },\n 'button/danger-secondary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/danger-secondary/border': { value: { base: '{colors.color/red/muted}' } },\n 'button/danger-secondary/border-hover': { value: { base: '{colors.color/red/muted}' } },\n 'button/danger-secondary/border-active': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n 'button/danger-tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/danger-tertiary/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n 'button/danger-tertiary/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n 'button/danger-tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/danger-tertiary/fg': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-tertiary/fg-hover': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-tertiary/fg-active': { value: { base: '{colors.color/red/strong}' } },\n 'button/danger-tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/ai-primary/bg': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-primary/bg-hover': { value: { base: '{colors.color/indigo/emphasized}' } },\n 'button/ai-primary/bg-active': { value: { base: '{colors.color/indigo/dark}' } },\n 'button/ai-primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n 'button/ai-primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/ai-primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/ai-primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/ai-primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'button/ai-secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n 'button/ai-secondary/bg-hover': { value: { base: '{colors.color/indigo/minimal}' } },\n 'button/ai-secondary/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n 'button/ai-secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/ai-secondary/fg': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-secondary/fg-hover': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-secondary/fg-active': { value: { base: '{colors.color/indigo/strong}' } },\n 'button/ai-secondary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/ai-secondary/border': { value: { base: '{colors.color/indigo/muted}' } },\n 'button/ai-secondary/border-hover': { value: { base: '{colors.color/indigo/muted}' } },\n 'button/ai-secondary/border-active': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n 'button/ai-tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/ai-tertiary/bg-hover': { value: { base: '{colors.color/indigo/minimal}' } },\n 'button/ai-tertiary/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n 'button/ai-tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/ai-tertiary/fg': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-tertiary/fg-hover': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-tertiary/fg-active': { value: { base: '{colors.color/indigo/strong}' } },\n 'button/ai-tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/control/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/control/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n 'button/control/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n 'button/control/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/control/fg': { value: { base: '{colors.sys/fg/secondary}' } },\n 'button/control/fg-hover': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/control/fg-active': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/control/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/control-danger/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/control-danger/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n 'button/control-danger/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n 'button/control-danger/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/control-danger/fg': { value: { base: '{colors.color/red/base}' } },\n 'button/control-danger/fg-hover': { value: { base: '{colors.color/red/base}' } },\n 'button/control-danger/fg-active': { value: { base: '{colors.color/red/strong}' } },\n 'button/control-danger/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n\n // sys/ui/header\n 'sys/ui/header/bg': { value: { base: '{colors.purple.30}' } },\n 'sys/ui/header/control/bg': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/header/control/bg-hover': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/header/control/bg-active': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/header/control/bg-selected': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/header/control/bg-selected-hover': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/header/control/indicator': { value: { base: '{colors.color/white/80}' } },\n 'sys/ui/header/button/primary/bg': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/header/button/primary/bg-hover': { value: { base: '{colors.purple.95}' } },\n 'sys/ui/header/button/primary/bg-active': { value: { base: '{colors.purple.95}' } },\n 'sys/ui/header/button/primary/bg-disabled': { value: { base: '{colors.color/white/50}' } },\n 'sys/ui/header/button/primary/fg': { value: { base: '{colors.purple.30}' } },\n 'sys/ui/header/button/primary/fg-disabled': { value: { base: '{colors.neutral.90}' } },\n 'sys/ui/header/button/secondary/bg': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/header/button/secondary/bg-hover': { value: { base: '{colors.purple.20}' } },\n 'sys/ui/header/button/secondary/bg-active': { value: { base: '{colors.purple.20}' } },\n 'sys/ui/header/button/secondary/bg-disabled': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/header/button/secondary/fg': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/header/button/secondary/fg-disabled': { value: { base: '{colors.color/white/50}' } },\n 'sys/ui/header/button/secondary/border': { value: { base: '{colors.color/white/50}' } },\n 'sys/ui/header/button/secondary/border-disabled': { value: { base: '{colors.color/white/30}' } },\n 'sys/ui/header/button/tertiary/bg': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/header/button/tertiary/bg-hover': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/header/button/tertiary/bg-active': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/header/button/tertiary/bg-disabled': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/header/button/tertiary/fg': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/header/button/tertiary/fg-disabled': { value: { base: '{colors.color/white/50}' } },\n 'sys/ui/header/badge/red': { value: { base: '{colors.red.60}' } },\n 'sys/ui/header/badge/indigo': { value: { base: '{colors.indigo.90}' } },\n 'sys/ui/header/separator': { value: { base: '{colors.color/white/30}' } },\n\n // sys/ui/sidenav\n 'sys/ui/sidenav/bg': { value: { base: '{colors.purple.10}' } },\n 'sys/ui/sidenav/separator': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/sidenav/item/bg': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/sidenav/item/bg-hover': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/sidenav/item/bg-active': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/sidenav/item/bg-selected': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/sidenav/item/fg': { value: { base: '{colors.color/white/80}' } },\n 'sys/ui/sidenav/item/fg-hover': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/sidenav/item/fg-active': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/sidenav/item/indicator': { value: { base: '{colors.color/white/80}' } },\n 'sys/ui/sidenav/badge/green': { value: { base: '{colors.green.60}' } },\n 'sys/ui/sidenav/badge/red': { value: { base: '{colors.red.60}' } },\n 'sys/ui/sidenav/badge/neutral': { value: { base: '{colors.neutral.40}' } },\n\n // input\n 'input/text/label': { value: { base: '{colors.sys/fg/primary}' } },\n 'input/text/inputValue': { value: { base: '{colors.sys/fg/base}' } },\n 'input/text/placeholder': { value: { base: '{colors.sys/fg/subtle}' } },\n 'input/text/error': { value: { base: '{colors.sys/fg/negative}' } },\n 'input/checkbox/selection': { value: { base: '{colors.interactive/base}' } },\n 'input/checkbox/selection-disabled': { value: { base: '{colors.interactive/disabled}' } },\n 'input/switch/on/track': { value: { base: '{colors.color/green/bold}' } },\n 'input/switch/on/track-disabled': {\n value: { base: 'color-mix(in srgb, {colors.color/green/bold} 50%, transparent)' },\n },\n 'input/switch/on/thumb': { value: { base: '{colors.sys/fg/on-color}' } },\n 'input/switch/on/thumb-disabled': { value: { base: '{colors.sys/fg/on-color}' } },\n 'input/switch/off/track': { value: { base: '{colors.color/neutral/bold}' } },\n 'input/switch/off/track-disabled': {\n value: { base: 'color-mix(in srgb, {colors.color/neutral/bold} 50%, transparent)' },\n },\n 'input/switch/off/thumb': { value: { base: '{colors.sys/fg/on-color}' } },\n 'input/switch/off/thumb-disabled': { value: { base: '{colors.sys/fg/on-color}' } },\n\n // interactive\n 'interactive/base': { value: { base: '{colors.color/purple/base}' } },\n 'interactive/bold': { value: { base: '{colors.color/purple/bold}' } },\n 'interactive/highlight': { value: { base: '{colors.color/purple/highlight}' } },\n 'interactive/muted': { value: { base: '{colors.color/purple/muted}' } },\n 'interactive/moderate': { value: { base: '{colors.color/purple/moderate}' } },\n 'interactive/subtle': { value: { base: '{colors.color/purple/subtle}' } },\n 'interactive/minimal': { value: { base: '{colors.color/purple/minimal}' } },\n 'interactive/disabled': { value: { base: '{colors.color/neutral/moderate}' } },\n\n // status\n 'status/info/bg': { value: { base: '{colors.color/blue/minimal}' } },\n 'status/info/bg-hover': { value: { base: '{colors.color/blue/subtle}' } },\n 'status/info/bg-active': { value: { base: '{colors.color/blue/moderate}' } },\n 'status/info/border': { value: { base: '{colors.color/blue/muted}' } },\n 'status/info/icon': { value: { base: '{colors.color/blue/strong}' } },\n 'status/info/text': { value: { base: '{colors.color/blue/strong}' } },\n 'status/success/bg': { value: { base: '{colors.color/green/minimal}' } },\n 'status/success/bg-hover': { value: { base: '{colors.color/green/subtle}' } },\n 'status/success/bg-active': { value: { base: '{colors.color/green/moderate}' } },\n 'status/success/border': { value: { base: '{colors.color/green/muted}' } },\n 'status/success/icon': { value: { base: '{colors.color/green/strong}' } },\n 'status/success/text': { value: { base: '{colors.color/green/strong}' } },\n 'status/warning/bg': { value: { base: '{colors.color/yellow/minimal}' } },\n 'status/warning/bg-hover': { value: { base: '{colors.color/yellow/subtle}' } },\n 'status/warning/bg-active': { value: { base: '{colors.color/yellow/moderate}' } },\n 'status/warning/border': { value: { base: '{colors.color/yellow/muted}' } },\n 'status/warning/icon': { value: { base: '{colors.color/yellow/strong}' } },\n 'status/warning/text': { value: { base: '{colors.color/yellow/strong}' } },\n 'status/critical/bg': { value: { base: '{colors.color/red/minimal}' } },\n 'status/critical/bg-hover': { value: { base: '{colors.color/red/subtle}' } },\n 'status/critical/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n 'status/critical/border': { value: { base: '{colors.color/red/muted}' } },\n 'status/critical/icon': { value: { base: '{colors.color/red/strong}' } },\n 'status/critical/text': { value: { base: '{colors.color/red/strong}' } },\n 'status/progress/bg': { value: { base: '{colors.color/purple/minimal}' } },\n 'status/progress/bg-hover': { value: { base: '{colors.color/purple/subtle}' } },\n 'status/progress/bg-active': { value: { base: '{colors.color/purple/moderate}' } },\n 'status/progress/border': { value: { base: '{colors.color/purple/muted}' } },\n 'status/progress/icon': { value: { base: '{colors.color/purple/strong}' } },\n 'status/progress/text': { value: { base: '{colors.color/purple/strong}' } },\n 'status/neutral/bg': { value: { base: '{colors.color/neutral/minimal}' } },\n 'status/neutral/bg-hover': { value: { base: '{colors.color/neutral/subtle}' } },\n 'status/neutral/bg-active': { value: { base: '{colors.color/neutral/moderate}' } },\n 'status/neutral/border': { value: { base: '{colors.color/neutral/muted}' } },\n 'status/neutral/icon': { value: { base: '{colors.color/neutral/strong}' } },\n 'status/neutral/text': { value: { base: '{colors.color/neutral/strong}' } },\n 'status/ai/bg': { value: { base: '{colors.gradient/ai/background/minimal}' } },\n 'status/ai/bg-hover': { value: { base: '{colors.color/indigo/subtle}' } },\n 'status/ai/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n 'status/ai/border': {\n value: { base: '{colors.gradient/ai/border/strong}' },\n },\n 'status/ai/surface': {\n value: { base: '{colors.status/ai/bg} padding-box, {colors.status/ai/border} border-box' },\n },\n 'status/ai/surface-primary': {\n value: {\n base: 'linear-gradient({colors.background/primary}, {colors.background/primary}) padding-box, {colors.status/ai/border} border-box',\n },\n },\n 'status/ai/icon': { value: { base: '{colors.color/indigo/strong}' } },\n 'status/ai/text': { value: { base: '{colors.color/indigo/strong}' } },\n\n // utilities\n 'utilities/overlay': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 50%, transparent)' } },\n 'utilities/overlay-side': {\n value: {\n base: 'linear-gradient(90deg, color-mix(in srgb, {colors.neutral.10} 0%, transparent) 0%, color-mix(in srgb, {colors.neutral.10} 32%, transparent) 100%)',\n },\n },\n 'utilities/overlay-light': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 16%, transparent)' } },\n 'utilities/overlay-dark': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 80%, transparent)' } },\n 'utilities/skeleton': { value: { base: '{colors.sys/bg/subtle}' } },\n 'utilities/skeleton-highlight': { value: { base: '{colors.background/primary}' } },\n});\n\nexport default semanticColors;\n"],"mappings":"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"}
1
+ {"version":3,"file":"semanticColors.js","names":[],"sources":["../../../lib/theme/semantic-tokens/semanticColors.ts"],"sourcesContent":["import { defineSemanticTokens } from '@chakra-ui/react/styled-system';\n\nconst semanticColors = defineSemanticTokens.colors({\n // sys\n 'sys/fg/base': { value: { _light: '{colors.neutral.10}', _dark: '{colors.neutral-dark.10}' } },\n 'sys/fg/primary': { value: { _light: '{colors.purple.10}', _dark: '{colors.neutral-dark.10}' } },\n 'sys/fg/secondary': { value: { _light: '{colors.neutral.40}', _dark: '{colors.neutral-dark.40}' } },\n 'sys/fg/tertiary': { value: { _light: '{colors.neutral.60}', _dark: '{colors.neutral-dark.60}' } },\n 'sys/fg/subtle': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.70}' } },\n 'sys/fg/minimal': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n 'sys/fg/positive': { value: { _light: '{colors.green.50}', _dark: '{colors.green.60}' } },\n 'sys/fg/negative': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n 'sys/fg/on-color': { value: { _light: '{colors.neutral.100}' } },\n 'sys/fg/on-contrast': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n 'sys/fg/on-disabled': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.70}' } },\n 'sys/fg/disabled': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n 'sys/fg/warning': { value: { _light: '{colors.yellow.60}', _dark: '{colors.yellow.80}' } },\n 'sys/bg/surface': { value: { _light: '{colors.neutral.100}', _dark: '{colors.neutral-dark.100}' } },\n 'sys/bg/contrast': { value: { _light: '{colors.neutral.10}', _dark: '{colors.neutral-dark.10}' } },\n 'sys/bg/moderate': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n 'sys/bg/subtle': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.93}' } },\n 'sys/bg/minimal': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n 'sys/bg/disabled': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n 'sys/bg/transparent': { value: { _light: 'rgba(255, 255, 255, 0)' } },\n 'sys/border/minimal': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.90}' } },\n 'sys/border/subtle': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.80}' } },\n 'sys/border/strong': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.70}' } },\n 'sys/border/emphasized': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.60}' } },\n 'sys/border/critical': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n 'sys/border/inverse': { value: { _light: '{colors.neutral.100}', _dark: '{colors.neutral-dark.100}' } },\n 'sys/border/on-contrast': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.93}' } },\n 'sys/border/disabled': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.80}' } },\n 'sys/primary/base': { value: { _light: '{colors.purple.40}', _dark: '{colors.purple.30}' } },\n 'sys/primary/dark': { value: { _light: '{colors.purple.20}' } },\n 'sys/primary/emphasized': { value: { _light: '{colors.purple.30}', _dark: '{colors.purple.40}' } },\n 'sys/primary/contrast': { value: { _light: '{colors.purple.10}' } },\n 'sys/primary/muted': { value: { _light: '{colors.purple.80}' } },\n 'sys/primary/subtle': { value: { _light: '{colors.purple.93}' } },\n 'sys/primary/disabled': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n 'sys/primary-danger/base': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n 'sys/primary-danger/dark': { value: { _light: '{colors.red.20}' } },\n 'sys/primary-danger/strong': { value: { _light: '{colors.red.40}', _dark: '{colors.red.50}' } },\n 'sys/primary-danger/bold': { value: { _light: '{colors.red.60}' } },\n 'sys/primary-danger/muted': { value: { _light: '{colors.red.80}' } },\n 'sys/primary-danger/moderate': { value: { _light: '{colors.red.90}' } },\n 'sys/primary-danger/subtle': { value: { _light: '{colors.red.93}' } },\n 'sys/primary-danger/minimal': { value: { _light: '{colors.red.95}' } },\n 'sys/fixed/bg/contrast': { value: { _light: '{colors.neutral.10}' } },\n 'sys/fixed/icon/primary': { value: { _light: '{colors.purple.10}' } },\n 'sys/fixed/icon/warning': { value: { _light: '{colors.yellow.80}' } },\n\n // color\n 'color/purple/base': { value: { _light: '{colors.purple.50}', _dark: '{colors.purple.70}' } },\n 'color/purple/strong': { value: { _light: '{colors.purple.40}', _dark: '{colors.purple.80}' } },\n 'color/purple/bold': { value: { _light: '{colors.purple.60}' } },\n 'color/purple/highlight': { value: { _light: '{colors.purple.70}', _dark: '{colors.purple.50}' } },\n 'color/purple/muted': { value: { _light: '{colors.purple.80}', _dark: '{colors.purple.40}' } },\n 'color/purple/moderate': { value: { _light: '{colors.purple.90}', _dark: '{colors.purple.30}' } },\n 'color/purple/subtle': { value: { _light: '{colors.purple.93}', _dark: '{colors.purple.20}' } },\n 'color/purple/minimal': { value: { _light: '{colors.purple.95}', _dark: '{colors.purple.10}' } },\n 'color/indigo/base': { value: { _light: '{colors.indigo.50}', _dark: '{colors.indigo.70}' } },\n 'color/indigo/dark': { value: { _light: '{colors.indigo.20}', _dark: '{colors.indigo.93}' } },\n 'color/indigo/emphasized': { value: { _light: '{colors.indigo.30}', _dark: '{colors.indigo.90}' } },\n 'color/indigo/strong': { value: { _light: '{colors.indigo.40}', _dark: '{colors.indigo.80}' } },\n 'color/indigo/bold': { value: { _light: '{colors.indigo.60}' } },\n 'color/indigo/muted': { value: { _light: '{colors.indigo.80}', _dark: '{colors.indigo.40}' } },\n 'color/indigo/moderate': { value: { _light: '{colors.indigo.90}', _dark: '{colors.indigo.30}' } },\n 'color/indigo/subtle': { value: { _light: '{colors.indigo.93}', _dark: '{colors.indigo.20}' } },\n 'color/indigo/minimal': { value: { _light: '{colors.indigo.95}', _dark: '{colors.indigo.10}' } },\n 'color/blue/base': { value: { _light: '{colors.blue.50}', _dark: '{colors.blue.70}' } },\n 'color/blue/strong': { value: { _light: '{colors.blue.40}', _dark: '{colors.blue.80}' } },\n 'color/blue/bold': { value: { _light: '{colors.blue.60}' } },\n 'color/blue/muted': { value: { _light: '{colors.blue.80}', _dark: '{colors.blue.40}' } },\n 'color/blue/moderate': { value: { _light: '{colors.blue.90}', _dark: '{colors.blue.30}' } },\n 'color/blue/subtle': { value: { _light: '{colors.blue.93}', _dark: '{colors.blue.20}' } },\n 'color/blue/minimal': { value: { _light: '{colors.blue.95}', _dark: '{colors.blue.10}' } },\n 'color/green/base': { value: { _light: '{colors.green.50}', _dark: '{colors.green.70}' } },\n 'color/green/strong': { value: { _light: '{colors.green.40}', _dark: '{colors.green.80}' } },\n 'color/green/bold': { value: { _light: '{colors.green.60}' } },\n 'color/green/muted': { value: { _light: '{colors.green.80}', _dark: '{colors.green.40}' } },\n 'color/green/moderate': { value: { _light: '{colors.green.90}', _dark: '{colors.green.30}' } },\n 'color/green/subtle': { value: { _light: '{colors.green.93}', _dark: '{colors.green.20}' } },\n 'color/green/minimal': { value: { _light: '{colors.green.95}', _dark: '{colors.green.10}' } },\n 'color/yellow/base': { value: { _light: '{colors.yellow.50}', _dark: '{colors.yellow.70}' } },\n 'color/yellow/strong': { value: { _light: '{colors.yellow.40}', _dark: '{colors.yellow.80}' } },\n 'color/yellow/bold': { value: { _light: '{colors.yellow.60}' } },\n 'color/yellow/muted': { value: { _light: '{colors.yellow.80}', _dark: '{colors.yellow.40}' } },\n 'color/yellow/moderate': { value: { _light: '{colors.yellow.90}', _dark: '{colors.yellow.30}' } },\n 'color/yellow/subtle': { value: { _light: '{colors.yellow.93}', _dark: '{colors.yellow.20}' } },\n 'color/yellow/minimal': { value: { _light: '{colors.yellow.95}', _dark: '{colors.yellow.10}' } },\n 'color/red/base': { value: { _light: '{colors.red.50}', _dark: '{colors.red.70}' } },\n 'color/red/dark': { value: { _light: '{colors.red.20}', _dark: '{colors.red.93}' } },\n 'color/red/strong': { value: { _light: '{colors.red.40}', _dark: '{colors.red.80}' } },\n 'color/red/bold': { value: { _light: '{colors.red.60}' } },\n 'color/red/muted': { value: { _light: '{colors.red.80}', _dark: '{colors.red.40}' } },\n 'color/red/moderate': { value: { _light: '{colors.red.90}', _dark: '{colors.red.30}' } },\n 'color/red/subtle': { value: { _light: '{colors.red.93}', _dark: '{colors.red.20}' } },\n 'color/red/minimal': { value: { _light: '{colors.red.95}', _dark: '{colors.red.10}' } },\n 'color/neutral/base': { value: { _light: '{colors.neutral.50}', _dark: '{colors.neutral-dark.50}' } },\n 'color/neutral/strong': { value: { _light: '{colors.neutral.40}', _dark: '{colors.neutral-dark.40}' } },\n 'color/neutral/bold': { value: { _light: '{colors.neutral.60}', _dark: '{colors.neutral-dark.60}' } },\n 'color/neutral/muted': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n 'color/neutral/moderate': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n 'color/neutral/subtle': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.93}' } },\n 'color/neutral/minimal': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n 'color/orange/base': { value: { _light: '{colors.orange.50}', _dark: '{colors.orange.70}' } },\n 'color/orange/strong': { value: { _light: '{colors.orange.40}', _dark: '{colors.orange.80}' } },\n 'color/orange/bold': { value: { _light: '{colors.orange.60}' } },\n 'color/orange/muted': { value: { _light: '{colors.orange.80}', _dark: '{colors.orange.40}' } },\n 'color/orange/moderate': { value: { _light: '{colors.orange.90}', _dark: '{colors.orange.30}' } },\n 'color/orange/subtle': { value: { _light: '{colors.orange.93}', _dark: '{colors.orange.20}' } },\n 'color/orange/minimal': { value: { _light: '{colors.orange.95}', _dark: '{colors.orange.10}' } },\n 'color/turquoise/base': { value: { _light: '{colors.turquoise.50}', _dark: '{colors.turquoise.70}' } },\n 'color/turquoise/dark': { value: { _light: '{colors.turquoise.20}', _dark: '{colors.turquoise.93}' } },\n 'color/turquoise/emphasized': { value: { _light: '{colors.turquoise.30}', _dark: '{colors.turquoise.90}' } },\n 'color/turquoise/strong': { value: { _light: '{colors.turquoise.40}', _dark: '{colors.turquoise.80}' } },\n 'color/turquoise/bold': { value: { _light: '{colors.turquoise.60}' } },\n 'color/turquoise/muted': { value: { _light: '{colors.turquoise.80}', _dark: '{colors.turquoise.40}' } },\n 'color/turquoise/moderate': { value: { _light: '{colors.turquoise.90}', _dark: '{colors.turquoise.30}' } },\n 'color/turquoise/subtle': { value: { _light: '{colors.turquoise.93}', _dark: '{colors.turquoise.20}' } },\n 'color/turquoise/minimal': { value: { _light: '{colors.turquoise.95}', _dark: '{colors.turquoise.10}' } },\n 'color/transparent': { value: { _light: '{colors.sys/bg/transparent}' } },\n 'color/white/10': { value: { _light: '{colors.white.10}' } },\n 'color/white/15': { value: { _light: '{colors.white.15}' } },\n 'color/white/20': { value: { _light: '{colors.white.20}' } },\n 'color/white/30': { value: { _light: '{colors.white.30}' } },\n 'color/white/40': { value: { _light: '{colors.white.40}' } },\n 'color/white/50': { value: { _light: '{colors.white.50}' } },\n 'color/white/60': { value: { _light: '{colors.white.60}' } },\n 'color/white/70': { value: { _light: '{colors.white.70}' } },\n 'color/white/80': { value: { _light: '{colors.white.80}' } },\n 'color/white/85': { value: { _light: '{colors.white.85}' } },\n 'color/white/90': { value: { _light: '{colors.white.90}' } },\n 'color/white/100': { value: { _light: '{colors.white.100}' } },\n\n // gradient/ai\n 'gradient/ai/background/base': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/base} 0%, {colors.color/indigo/base} 50%, {colors.color/blue/base} 100%)',\n },\n },\n 'gradient/ai/background/bold': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/bold} 0%, {colors.color/indigo/bold} 50%, {colors.color/blue/bold} 100%)',\n },\n },\n 'gradient/ai/background/muted': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/muted} 0%, {colors.color/indigo/muted} 50%, {colors.color/blue/muted} 100%)',\n },\n },\n 'gradient/ai/background/minimal': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n },\n },\n 'gradient/ai/background/subtle': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/subtle} 0%, {colors.color/indigo/subtle} 50%, {colors.color/blue/subtle} 100%)',\n },\n },\n 'gradient/ai/background/moderate': {\n value: {\n base: 'linear-gradient(90deg, {colors.color/purple/moderate} 0%, {colors.color/indigo/moderate} 50%, {colors.color/blue/moderate} 100%)',\n },\n },\n 'gradient/ai/background/minimal-vertical': {\n value: {\n base: 'linear-gradient(180deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n },\n },\n 'gradient/ai/background/surface': {\n value: { base: 'linear-gradient(180deg, {colors.sys/bg/surface} 0%, {colors.color/indigo/minimal} 100%)' },\n },\n 'gradient/ai/border/minimal': {\n value: {\n base: 'linear-gradient(135deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n },\n },\n 'gradient/ai/border/subtle': {\n value: {\n base: 'linear-gradient(135deg, {colors.color/purple/subtle} 0%, {colors.color/indigo/subtle} 50%, {colors.color/blue/subtle} 100%)',\n },\n },\n 'gradient/ai/border/strong': {\n value: {\n base: 'linear-gradient(135deg, {colors.color/purple/muted} 0%, {colors.color/indigo/muted} 50%, {colors.color/blue/muted} 100%)',\n },\n },\n 'gradient/overflow/bottom': {\n value: {\n base: 'linear-gradient(180deg, color-mix(in srgb, {colors.sys/bg/surface} 0%, transparent) 0%, {colors.sys/bg/surface} 100%)',\n },\n },\n 'gradient/overflow/right': {\n value: {\n base: 'linear-gradient(90deg, color-mix(in srgb, {colors.sys/bg/surface} 0%, transparent) 0%, {colors.sys/bg/surface} 100%)',\n },\n },\n 'gradient/video/bg': {\n value: { base: 'linear-gradient(90deg, {colors.sys/primary/dark} 0%, {colors.sys/primary/base} 100%)' },\n },\n\n // background\n 'background/primary': { value: { base: '{colors.sys/bg/surface}' } },\n 'background/secondary': { value: { base: '{colors.sys/bg/minimal}' } },\n 'background/tertiary': { value: { base: '{colors.sys/bg/subtle}' } },\n 'background/hover': { value: { base: '{colors.sys/bg/subtle}' } },\n 'background/active': { value: { base: '{colors.sys/bg/moderate}' } },\n 'background/selected': { value: { base: '{colors.color/purple/minimal}' } },\n 'background/selected-active': { value: { base: '{colors.color/purple/moderate}' } },\n 'background/selected-hover': { value: { base: '{colors.color/purple/subtle}' } },\n 'background/contrast': { value: { base: '{colors.sys/bg/contrast}' } },\n 'background/fixed-contrast': { value: { base: '{colors.sys/fixed/bg/contrast}' } },\n 'background/disabled': { value: { base: '{colors.sys/bg/disabled}' } },\n\n // border\n 'border/regular': { value: { base: '{colors.sys/border/subtle}' } },\n 'border/minimal': { value: { base: '{colors.sys/border/minimal}' } },\n 'border/strong': { value: { base: '{colors.sys/border/strong}' } },\n 'border/hover': { value: { base: '{colors.sys/border/emphasized}' } },\n 'border/focus': { value: { base: '{colors.color/purple/highlight}' } },\n 'border/selected': { value: { base: '{colors.color/purple/base}' } },\n 'border/error': { value: { base: '{colors.sys/border/critical}' } },\n 'border/inverse': { value: { base: '{colors.sys/border/inverse}' } },\n 'border/on-contrast': { value: { base: '{colors.sys/border/on-contrast}' } },\n 'border/disabled': { value: { base: '{colors.sys/border/disabled}' } },\n\n // text\n 'text/primary': { value: { base: '{colors.sys/fg/primary}' } },\n 'text/secondary': { value: { base: '{colors.sys/fg/secondary}' } },\n 'text/tertiary': { value: { base: '{colors.sys/fg/tertiary}' } },\n 'text/body': { value: { base: '{colors.sys/fg/base}' } },\n 'text/helper': { value: { base: '{colors.sys/fg/secondary}' } },\n 'text/link': { value: { base: '{colors.color/purple/base}' } },\n 'text/link-hover': { value: { base: '{colors.color/purple/strong}' } },\n 'text/selected': { value: { base: '{colors.color/purple/base}' } },\n 'text/positive': { value: { base: '{colors.sys/fg/positive}' } },\n 'text/negative': { value: { base: '{colors.sys/fg/negative}' } },\n 'text/on-color': { value: { base: '{colors.sys/fg/on-color}' } },\n 'text/on-contrast': { value: { base: '{colors.sys/fg/on-contrast}' } },\n 'text/on-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'text/disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n\n // icon\n 'icon/primary': { value: { base: '{colors.sys/fg/primary}' } },\n 'icon/secondary': { value: { base: '{colors.sys/fg/secondary}' } },\n 'icon/tertiary': { value: { base: '{colors.sys/fg/tertiary}' } },\n 'icon/interactive': { value: { base: '{colors.color/purple/base}' } },\n 'icon/interactive-hover': { value: { base: '{colors.color/purple/strong}' } },\n 'icon/positive': { value: { base: '{colors.sys/fg/positive}' } },\n 'icon/negative': { value: { base: '{colors.sys/fg/negative}' } },\n 'icon/on-color': { value: { base: '{colors.sys/fg/on-color}' } },\n 'icon/on-contrast': { value: { base: '{colors.sys/fg/on-contrast}' } },\n 'icon/on-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'icon/disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'icon/warning': { value: { base: '{colors.sys/fg/warning}' } },\n\n // button\n 'button/primary/bg': { value: { base: '{colors.sys/primary/base}' } },\n 'button/primary/bg-hover': { value: { base: '{colors.sys/primary/emphasized}' } },\n 'button/primary/bg-active': { value: { base: '{colors.sys/primary/contrast}' } },\n 'button/primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n 'button/primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'button/secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n 'button/secondary/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n 'button/secondary/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n 'button/secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/secondary/text': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/text-hover': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/text-active': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/text-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/secondary/icon': { value: { base: '{colors.sys/fg/secondary}' } },\n 'button/secondary/icon-hover': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/icon-active': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/secondary/icon-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/secondary/border': { value: { base: '{colors.sys/border/strong}' } },\n 'button/secondary/border-hover': { value: { base: '{colors.sys/border/emphasized}' } },\n 'button/secondary/border-active': { value: { base: '{colors.sys/border/emphasized}' } },\n 'button/secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n 'button/tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/tertiary/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n 'button/tertiary/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n 'button/tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/tertiary/fg': { value: { base: '{colors.color/purple/base}' } },\n 'button/tertiary/fg-hover': { value: { base: '{colors.color/purple/strong}' } },\n 'button/tertiary/fg-active': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/danger-primary/bg': { value: { base: '{colors.sys/primary-danger/base}' } },\n 'button/danger-primary/bg-hover': { value: { base: '{colors.sys/primary-danger/strong}' } },\n 'button/danger-primary/bg-active': { value: { base: '{colors.sys/primary-danger/dark}' } },\n 'button/danger-primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n 'button/danger-primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/danger-primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/danger-primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/danger-primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'button/danger-secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n 'button/danger-secondary/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n 'button/danger-secondary/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n 'button/danger-secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/danger-secondary/fg': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-secondary/fg-hover': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-secondary/fg-active': { value: { base: '{colors.color/red/strong}' } },\n 'button/danger-secondary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/danger-secondary/border': { value: { base: '{colors.color/red/muted}' } },\n 'button/danger-secondary/border-hover': { value: { base: '{colors.color/red/muted}' } },\n 'button/danger-secondary/border-active': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n 'button/danger-tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/danger-tertiary/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n 'button/danger-tertiary/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n 'button/danger-tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/danger-tertiary/fg': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-tertiary/fg-hover': { value: { base: '{colors.color/red/base}' } },\n 'button/danger-tertiary/fg-active': { value: { base: '{colors.color/red/strong}' } },\n 'button/danger-tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/ai-primary/bg': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-primary/bg-hover': { value: { base: '{colors.color/indigo/emphasized}' } },\n 'button/ai-primary/bg-active': { value: { base: '{colors.color/indigo/dark}' } },\n 'button/ai-primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n 'button/ai-primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/ai-primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/ai-primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n 'button/ai-primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n 'button/ai-secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n 'button/ai-secondary/bg-hover': { value: { base: '{colors.color/indigo/minimal}' } },\n 'button/ai-secondary/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n 'button/ai-secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/ai-secondary/fg': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-secondary/fg-hover': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-secondary/fg-active': { value: { base: '{colors.color/indigo/strong}' } },\n 'button/ai-secondary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/ai-secondary/border': { value: { base: '{colors.color/indigo/muted}' } },\n 'button/ai-secondary/border-hover': { value: { base: '{colors.color/indigo/muted}' } },\n 'button/ai-secondary/border-active': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n 'button/ai-tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/ai-tertiary/bg-hover': { value: { base: '{colors.color/indigo/minimal}' } },\n 'button/ai-tertiary/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n 'button/ai-tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/ai-tertiary/fg': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-tertiary/fg-hover': { value: { base: '{colors.color/indigo/base}' } },\n 'button/ai-tertiary/fg-active': { value: { base: '{colors.color/indigo/strong}' } },\n 'button/ai-tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/control/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/control/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n 'button/control/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n 'button/control/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/control/fg': { value: { base: '{colors.sys/fg/secondary}' } },\n 'button/control/fg-hover': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/control/fg-active': { value: { base: '{colors.sys/fg/primary}' } },\n 'button/control/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/control-danger/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n 'button/control-danger/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n 'button/control-danger/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n 'button/control-danger/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n 'button/control-danger/fg': { value: { base: '{colors.color/red/base}' } },\n 'button/control-danger/fg-hover': { value: { base: '{colors.color/red/base}' } },\n 'button/control-danger/fg-active': { value: { base: '{colors.color/red/strong}' } },\n 'button/control-danger/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n 'button/contrast/bg-hover': { value: { base: 'color-mix(in srgb, {colors.sys/fg/on-contrast} 15%, transparent)' } },\n 'button/contrast/bg-active': { value: { base: 'color-mix(in srgb, {colors.sys/fg/on-contrast} 30%, transparent)' } },\n\n // sys/ui/header\n 'sys/ui/header/bg': { value: { base: '{colors.purple.30}' } },\n 'sys/ui/header/control/bg': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/header/control/bg-hover': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/header/control/bg-active': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/header/control/bg-selected': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/header/control/bg-selected-hover': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/header/control/indicator': { value: { base: '{colors.color/white/80}' } },\n 'sys/ui/header/button/primary/bg': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/header/button/primary/bg-hover': { value: { base: '{colors.purple.95}' } },\n 'sys/ui/header/button/primary/bg-active': { value: { base: '{colors.purple.95}' } },\n 'sys/ui/header/button/primary/bg-disabled': { value: { base: '{colors.color/white/50}' } },\n 'sys/ui/header/button/primary/fg': { value: { base: '{colors.purple.30}' } },\n 'sys/ui/header/button/primary/fg-disabled': { value: { base: '{colors.neutral.90}' } },\n 'sys/ui/header/button/secondary/bg': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/header/button/secondary/bg-hover': { value: { base: '{colors.purple.20}' } },\n 'sys/ui/header/button/secondary/bg-active': { value: { base: '{colors.purple.20}' } },\n 'sys/ui/header/button/secondary/bg-disabled': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/header/button/secondary/fg': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/header/button/secondary/fg-disabled': { value: { base: '{colors.color/white/50}' } },\n 'sys/ui/header/button/secondary/border': { value: { base: '{colors.color/white/50}' } },\n 'sys/ui/header/button/secondary/border-disabled': { value: { base: '{colors.color/white/30}' } },\n 'sys/ui/header/button/tertiary/bg': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/header/button/tertiary/bg-hover': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/header/button/tertiary/bg-active': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/header/button/tertiary/bg-disabled': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/header/button/tertiary/fg': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/header/button/tertiary/fg-disabled': { value: { base: '{colors.color/white/50}' } },\n 'sys/ui/header/badge/red': { value: { base: '{colors.red.60}' } },\n 'sys/ui/header/badge/indigo': { value: { base: '{colors.indigo.90}' } },\n 'sys/ui/header/separator': { value: { base: '{colors.color/white/30}' } },\n\n // sys/ui/sidenav\n 'sys/ui/sidenav/bg': { value: { base: '{colors.purple.10}' } },\n 'sys/ui/sidenav/separator': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/sidenav/item/bg': { value: { base: '{colors.color/transparent}' } },\n 'sys/ui/sidenav/item/bg-hover': { value: { base: '{colors.color/white/10}' } },\n 'sys/ui/sidenav/item/bg-active': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/sidenav/item/bg-selected': { value: { base: '{colors.color/white/20}' } },\n 'sys/ui/sidenav/item/fg': { value: { base: '{colors.color/white/80}' } },\n 'sys/ui/sidenav/item/fg-hover': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/sidenav/item/fg-active': { value: { base: '{colors.color/white/100}' } },\n 'sys/ui/sidenav/item/indicator': { value: { base: '{colors.color/white/80}' } },\n 'sys/ui/sidenav/badge/green': { value: { base: '{colors.green.60}' } },\n 'sys/ui/sidenav/badge/red': { value: { base: '{colors.red.60}' } },\n 'sys/ui/sidenav/badge/neutral': { value: { base: '{colors.neutral.40}' } },\n\n // input\n 'input/text/label': { value: { base: '{colors.sys/fg/primary}' } },\n 'input/text/inputValue': { value: { base: '{colors.sys/fg/base}' } },\n 'input/text/placeholder': { value: { base: '{colors.sys/fg/subtle}' } },\n 'input/text/error': { value: { base: '{colors.sys/fg/negative}' } },\n 'input/checkbox/selection': { value: { base: '{colors.interactive/base}' } },\n 'input/checkbox/selection-disabled': { value: { base: '{colors.interactive/disabled}' } },\n 'input/switch/on/track': { value: { base: '{colors.color/green/bold}' } },\n 'input/switch/on/track-disabled': {\n value: { base: 'color-mix(in srgb, {colors.color/green/bold} 50%, transparent)' },\n },\n 'input/switch/on/thumb': { value: { base: '{colors.sys/fg/on-color}' } },\n 'input/switch/on/thumb-disabled': { value: { base: '{colors.sys/fg/on-color}' } },\n 'input/switch/off/track': { value: { base: '{colors.color/neutral/bold}' } },\n 'input/switch/off/track-disabled': {\n value: { base: 'color-mix(in srgb, {colors.color/neutral/bold} 50%, transparent)' },\n },\n 'input/switch/off/thumb': { value: { base: '{colors.sys/fg/on-color}' } },\n 'input/switch/off/thumb-disabled': { value: { base: '{colors.sys/fg/on-color}' } },\n\n // interactive\n 'interactive/base': { value: { base: '{colors.color/purple/base}' } },\n 'interactive/bold': { value: { base: '{colors.color/purple/bold}' } },\n 'interactive/highlight': { value: { base: '{colors.color/purple/highlight}' } },\n 'interactive/muted': { value: { base: '{colors.color/purple/muted}' } },\n 'interactive/moderate': { value: { base: '{colors.color/purple/moderate}' } },\n 'interactive/subtle': { value: { base: '{colors.color/purple/subtle}' } },\n 'interactive/minimal': { value: { base: '{colors.color/purple/minimal}' } },\n 'interactive/disabled': { value: { base: '{colors.color/neutral/moderate}' } },\n\n // status\n 'status/info/bg': { value: { base: '{colors.color/blue/minimal}' } },\n 'status/info/bg-hover': { value: { base: '{colors.color/blue/subtle}' } },\n 'status/info/bg-active': { value: { base: '{colors.color/blue/moderate}' } },\n 'status/info/border': { value: { base: '{colors.color/blue/muted}' } },\n 'status/info/icon': { value: { base: '{colors.color/blue/strong}' } },\n 'status/info/text': { value: { base: '{colors.color/blue/strong}' } },\n 'status/success/bg': { value: { base: '{colors.color/green/minimal}' } },\n 'status/success/bg-hover': { value: { base: '{colors.color/green/subtle}' } },\n 'status/success/bg-active': { value: { base: '{colors.color/green/moderate}' } },\n 'status/success/border': { value: { base: '{colors.color/green/muted}' } },\n 'status/success/icon': { value: { base: '{colors.color/green/strong}' } },\n 'status/success/text': { value: { base: '{colors.color/green/strong}' } },\n 'status/warning/bg': { value: { base: '{colors.color/yellow/minimal}' } },\n 'status/warning/bg-hover': { value: { base: '{colors.color/yellow/subtle}' } },\n 'status/warning/bg-active': { value: { base: '{colors.color/yellow/moderate}' } },\n 'status/warning/border': { value: { base: '{colors.color/yellow/muted}' } },\n 'status/warning/icon': { value: { base: '{colors.color/yellow/strong}' } },\n 'status/warning/text': { value: { base: '{colors.color/yellow/strong}' } },\n 'status/critical/bg': { value: { base: '{colors.color/red/minimal}' } },\n 'status/critical/bg-hover': { value: { base: '{colors.color/red/subtle}' } },\n 'status/critical/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n 'status/critical/border': { value: { base: '{colors.color/red/muted}' } },\n 'status/critical/icon': { value: { base: '{colors.color/red/strong}' } },\n 'status/critical/text': { value: { base: '{colors.color/red/strong}' } },\n 'status/progress/bg': { value: { base: '{colors.color/purple/minimal}' } },\n 'status/progress/bg-hover': { value: { base: '{colors.color/purple/subtle}' } },\n 'status/progress/bg-active': { value: { base: '{colors.color/purple/moderate}' } },\n 'status/progress/border': { value: { base: '{colors.color/purple/muted}' } },\n 'status/progress/icon': { value: { base: '{colors.color/purple/strong}' } },\n 'status/progress/text': { value: { base: '{colors.color/purple/strong}' } },\n 'status/neutral/bg': { value: { base: '{colors.color/neutral/minimal}' } },\n 'status/neutral/bg-hover': { value: { base: '{colors.color/neutral/subtle}' } },\n 'status/neutral/bg-active': { value: { base: '{colors.color/neutral/moderate}' } },\n 'status/neutral/border': { value: { base: '{colors.color/neutral/muted}' } },\n 'status/neutral/icon': { value: { base: '{colors.color/neutral/strong}' } },\n 'status/neutral/text': { value: { base: '{colors.color/neutral/strong}' } },\n 'status/ai/bg': { value: { base: '{colors.gradient/ai/background/minimal}' } },\n 'status/ai/bg-hover': { value: { base: '{colors.color/indigo/subtle}' } },\n 'status/ai/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n 'status/ai/border': {\n value: { base: '{colors.gradient/ai/border/strong}' },\n },\n 'status/ai/surface': {\n value: { base: '{colors.status/ai/bg} padding-box, {colors.status/ai/border} border-box' },\n },\n 'status/ai/surface-primary': {\n value: {\n base: 'linear-gradient({colors.background/primary}, {colors.background/primary}) padding-box, {colors.status/ai/border} border-box',\n },\n },\n 'status/ai/icon': { value: { base: '{colors.color/indigo/strong}' } },\n 'status/ai/text': { value: { base: '{colors.color/indigo/strong}' } },\n\n // utilities\n 'utilities/overlay': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 50%, transparent)' } },\n 'utilities/overlay-side': {\n value: {\n base: 'linear-gradient(90deg, color-mix(in srgb, {colors.neutral.10} 0%, transparent) 0%, color-mix(in srgb, {colors.neutral.10} 32%, transparent) 100%)',\n },\n },\n 'utilities/overlay-light': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 16%, transparent)' } },\n 'utilities/overlay-dark': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 80%, transparent)' } },\n 'utilities/skeleton': { value: { base: '{colors.sys/bg/subtle}' } },\n 'utilities/skeleton-highlight': { value: { base: '{colors.background/primary}' } },\n});\n\nexport default semanticColors;\n"],"mappings":"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"}
@@ -17,7 +17,7 @@ var popoverSlotRecipe = defineSlotRecipe({
17
17
  boxShadow: "elevation/lg",
18
18
  display: "flex",
19
19
  flexDirection: "column",
20
- maxHeight: "min(60vh, var(--available-height, 60vh))",
20
+ maxHeight: "60vh",
21
21
  outline: "none",
22
22
  overflow: "hidden",
23
23
  position: "relative",
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Popover.recipe.ts"],"sourcesContent":["import { popoverAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst popoverSlotRecipe = defineSlotRecipe({\n className: 'popover',\n slots: [...popoverAnatomy.keys(), 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n base: {\n content: {\n background: 'background/primary',\n borderRadius: '8',\n boxShadow: 'elevation/lg',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: 'min(60vh, var(--available-height, 60vh))',\n outline: 'none',\n overflow: 'hidden',\n position: 'relative',\n transformOrigin: 'var(--transform-origin)',\n width: rem(360),\n zIndex: 'popover',\n _open: {\n animationStyle: 'scale-fade-in',\n animationDuration: 'fast',\n },\n _closed: {\n animationStyle: 'scale-fade-out',\n animationDuration: 'faster',\n },\n },\n header: {\n alignItems: 'flex-start',\n display: 'flex',\n flexShrink: 0,\n gap: '8',\n paddingBlockEnd: '8',\n paddingBlockStart: '16',\n paddingInline: '16',\n },\n title: {\n color: 'text/primary',\n flex: '1',\n minWidth: 0,\n textStyle: 'heading/h4',\n wordBreak: 'break-word',\n },\n closeTrigger: {\n flexShrink: 0,\n },\n scrollBody: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n minHeight: 0,\n position: 'relative',\n },\n body: {\n flex: '1',\n minHeight: 0,\n overflowY: 'auto',\n paddingBlockEnd: '16',\n paddingBlockStart: '8',\n paddingInline: '16',\n },\n footer: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n gap: '8',\n justifyContent: 'space-between',\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '16',\n },\n scrollGradient: {\n background: 'gradient/overflow/bottom',\n bottom: 0,\n height: '32',\n pointerEvents: 'none',\n position: 'absolute',\n width: '100%',\n },\n scrollButton: {\n alignItems: 'center',\n alignSelf: 'center',\n background: 'background/primary',\n borderColor: 'border/minimal',\n borderRadius: 'full',\n borderWidth: '1',\n bottom: '8',\n boxShadow: 'elevation/lg',\n cursor: 'pointer',\n display: 'flex',\n height: '32',\n justifyContent: 'center',\n position: 'absolute',\n width: '32',\n },\n },\n});\n\nexport default popoverSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO;EAAC,GAAG,eAAe,KAAK;EAAG;EAAc;EAAgB;CAAgB;CAChF,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,UAAU;GACV,iBAAiB;GACjB,OAAO,IAAI,GAAG;GACd,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,UAAU;GACV,WAAW;GACX,WAAW;EACb;EACA,cAAc,EACZ,YAAY,EACd;EACA,YAAY;GACV,SAAS;GACT,MAAM;GACN,eAAe;GACf,WAAW;GACX,UAAU;EACZ;EACA,MAAM;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACX,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;EACT;EACA,cAAc;GACZ,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;CACF;AACF,CAAC"}
1
+ {"version":3,"file":"Popover.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Popover.recipe.ts"],"sourcesContent":["import { popoverAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst popoverSlotRecipe = defineSlotRecipe({\n className: 'popover',\n slots: [...popoverAnatomy.keys(), 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n base: {\n content: {\n background: 'background/primary',\n borderRadius: '8',\n boxShadow: 'elevation/lg',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: '60vh',\n outline: 'none',\n overflow: 'hidden',\n position: 'relative',\n transformOrigin: 'var(--transform-origin)',\n width: rem(360),\n zIndex: 'popover',\n _open: {\n animationStyle: 'scale-fade-in',\n animationDuration: 'fast',\n },\n _closed: {\n animationStyle: 'scale-fade-out',\n animationDuration: 'faster',\n },\n },\n header: {\n alignItems: 'flex-start',\n display: 'flex',\n flexShrink: 0,\n gap: '8',\n paddingBlockEnd: '8',\n paddingBlockStart: '16',\n paddingInline: '16',\n },\n title: {\n color: 'text/primary',\n flex: '1',\n minWidth: 0,\n textStyle: 'heading/h4',\n wordBreak: 'break-word',\n },\n closeTrigger: {\n flexShrink: 0,\n },\n scrollBody: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n minHeight: 0,\n position: 'relative',\n },\n body: {\n flex: '1',\n minHeight: 0,\n overflowY: 'auto',\n paddingBlockEnd: '16',\n paddingBlockStart: '8',\n paddingInline: '16',\n },\n footer: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n gap: '8',\n justifyContent: 'space-between',\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '16',\n },\n scrollGradient: {\n background: 'gradient/overflow/bottom',\n bottom: 0,\n height: '32',\n pointerEvents: 'none',\n position: 'absolute',\n width: '100%',\n },\n scrollButton: {\n alignItems: 'center',\n alignSelf: 'center',\n background: 'background/primary',\n borderColor: 'border/minimal',\n borderRadius: 'full',\n borderWidth: '1',\n bottom: '8',\n boxShadow: 'elevation/lg',\n cursor: 'pointer',\n display: 'flex',\n height: '32',\n justifyContent: 'center',\n position: 'absolute',\n width: '32',\n },\n },\n});\n\nexport default popoverSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO;EAAC,GAAG,eAAe,KAAK;EAAG;EAAc;EAAgB;CAAgB;CAChF,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,UAAU;GACV,iBAAiB;GACjB,OAAO,IAAI,GAAG;GACd,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,UAAU;GACV,WAAW;GACX,WAAW;EACb;EACA,cAAc,EACZ,YAAY,EACd;EACA,YAAY;GACV,SAAS;GACT,MAAM;GACN,eAAe;GACf,WAAW;GACX,UAAU;EACZ;EACA,MAAM;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACX,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;EACT;EACA,cAAc;GACZ,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;CACF;AACF,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.516-beta.3304",
4
+ "version": "0.3.517",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",