@apple-pie/slice 0.0.1 → 0.0.2

package/dist/esm/hooks/useWindow.js

@@ -0,0 +1,62 @@
+import { useState, useEffect } from 'react';
+
+var _a;
+var FormFactor;
+(function (FormFactor) {
+    FormFactor["Mobile"] = "mobile";
+    FormFactor["Tablet"] = "tablet";
+    FormFactor["Desktop"] = "desktop";
+})(FormFactor || (FormFactor = {}));
+function checkElectron() {
+    const userAgent = navigator.userAgent.toLowerCase();
+    return userAgent.includes('electron/');
+}
+const isElectron = checkElectron();
+const isAppleDevice = navigator.platform.startsWith('Mac') || navigator.platform === 'iPhone';
+const dpr = (_a = Math.min(Math.ceil(window.devicePixelRatio), 3)) !== null && _a !== void 0 ? _a : 1;
+const isTouchDevice = 'ontouchstart' in globalThis || navigator.maxTouchPoints > 0;
+function useWindow(top = true) {
+    const [viewportWidth, setViewportWidth] = useState(null);
+    const [viewportHeight, setViewportHeight] = useState(null);
+    const [height, setHeight] = useState('100vh');
+    const [formFactor, setFormFactor] = useState(FormFactor.Desktop);
+    useEffect(() => {
+        handleResize();
+        window.addEventListener('resize', handleResize, false);
+        return () => window.removeEventListener('resize', handleResize, false);
+    }, []);
+    function handleResize() {
+        var _a, _b, _c, _d;
+        const windowWidth = top
+            ? ((_b = (_a = window.top) === null || _a === void 0 ? void 0 : _a.innerWidth) !== null && _b !== void 0 ? _b : window.innerWidth)
+            : window.innerWidth;
+        const windowHeight = top
+            ? ((_d = (_c = window.top) === null || _c === void 0 ? void 0 : _c.innerHeight) !== null && _d !== void 0 ? _d : window.innerHeight)
+            : window.innerHeight;
+        if (windowWidth <= 480)
+            setFormFactor(FormFactor.Mobile);
+        else if (windowWidth < 860)
+            setFormFactor(FormFactor.Tablet);
+        else
+            setFormFactor(FormFactor.Desktop);
+        setViewportHeight(windowHeight);
+        setViewportWidth(windowWidth);
+        // note: mobile devices can have task bars that are included inside the viewport.
+        // for mobile devices, set root containers to the inner height pixel which removes
+        // the height of any toolbars and provides the "true" view port height
+        if (!isElectron)
+            setHeight(isTouchDevice ? `${windowHeight}px` : '100vh');
+    }
+    return {
+        viewportWidth,
+        viewportHeight,
+        height,
+        isTouchDevice,
+        isElectron,
+        isAppleDevice,
+        formFactor,
+        dpr,
+    };
+}
+
+export { FormFactor, useWindow };

package/dist/esm/hooks.js

@@ -0,0 +1,14 @@
+export { useTheme } from './hooks/useTheme.js';
+export { useObserveTheme } from './hooks/useObserveTheme.js';
+export { useDoubleClick } from './hooks/useDoubleClick.js';
+export { useToolTip } from './hooks/useToolTip.js';
+export { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts.js';
+export { useLastUpdated } from './hooks/useLastUpdated.js';
+export { useLocalStore } from './hooks/useLocalStore.js';
+export { FormFactor, useWindow } from './hooks/useWindow.js';
+export { useObserveResize } from './hooks/useObserveResize.js';
+import 'react';
+import './theme/themes.js';
+import './theme/colors.js';
+import './theme/corners.js';
+import './theme/type.js';

package/dist/esm/index.js

@@ -0,0 +1,57 @@
+export { T as ToolTipType } from './chunks/sharedTypes-BfZzG1KX.js';
+export { darkTheme, lightTheme } from './theme/themes.js';
+export { dark, light } from './theme/colors.js';
+export { useTheme } from './hooks/useTheme.js';
+export { useObserveTheme } from './hooks/useObserveTheme.js';
+export { useDoubleClick } from './hooks/useDoubleClick.js';
+export { useToolTip } from './hooks/useToolTip.js';
+export { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts.js';
+export { useLastUpdated } from './hooks/useLastUpdated.js';
+export { useLocalStore } from './hooks/useLocalStore.js';
+export { useWindow } from './hooks/useWindow.js';
+export { useObserveResize } from './hooks/useObserveResize.js';
+export { A as Avatar } from './chunks/Avatar-D_muqPrW.js';
+export { A as AvatarGroup } from './chunks/AvatarGroup-D8Xmrn52.js';
+export { B as Badge } from './chunks/Badge-PPf5Uvw3.js';
+export { E as EditorButtonBar } from './chunks/EditorButtonBar-FnMa8Zv2.js';
+export { I as IconButton } from './chunks/IconButton-CguHGkBM.js';
+export { C as CheckBox } from './chunks/CheckBox-CswFI0Xc.js';
+export { D as DivInput } from './chunks/DivInput-iKFkeU2F.js';
+export { D as DocIcons } from './chunks/DocIcons-CbOX4n8Y.js';
+export { D as Dot } from './chunks/Dot-B84UVs2e.js';
+export { D as DraggablePanel } from './chunks/DrggablePanel-CYYwTmFd.js';
+export { D as DropDown } from './chunks/DropDown-D4t6EhKL.js';
+export { E as ErrorSummary } from './chunks/ErrorSummary-DhU5SKPt.js';
+export { G as Grouper } from './chunks/Grouper-BbreOXI9.js';
+export { L as Logos } from './chunks/Logos-DwZP-TR2.js';
+export { O as Overlay } from './chunks/Overlay-CCBy7n7H.js';
+export { F as FlexDiv } from './chunks/FlexDiv-CmMpORgn.js';
+export { M as MessageInput } from './chunks/MessageInput-DMHzCwjO.js';
+export { P as Pager } from './chunks/Pager-BsSti93V.js';
+export { D as DoneCheck, P as ProgressIndicator } from './chunks/ProgressIndicator-BVukxMU6.js';
+export { R as RadioButton } from './chunks/RadioButton-B5BxQI0R.js';
+export { R as RadioButtonList } from './chunks/RadioButtonList-C2z8McAD.js';
+export { S as Slider } from './chunks/Slider-C-PcWqTz.js';
+export { S as Spacer } from './chunks/Spacer-DbZSG5x3.js';
+export { S as Switch } from './chunks/Switch-DjfrSiQz.js';
+export { T as TabBar } from './chunks/TabBar-BSBcgTbd.js';
+export { T as TextArea } from './chunks/TextArea-COM0UPo2.js';
+export { T as TextField } from './chunks/TextField-Bh24bRWs.js';
+export { ThemeProvider } from './providers/ThemeProvider.js';
+export { T as Tip } from './chunks/Tip-Ct19Ljul.js';
+export { T as Toast, a as ToastType } from './chunks/Toast-BR0oMX6z.js';
+export { U as UIButton } from './chunks/UIButton-DKx-_O8h.js';
+export { U as UIChip } from './chunks/UIChip-DqnGeVyR.js';
+export { I as Icon } from './chunks/_types-BaYeLEWK.js';
+export { U as UIButtonBar } from './chunks/UIButtonBar-BNdA5eVq.js';
+export { U as UICard } from './chunks/UICard-Dn5f3wg8.js';
+export { U as UIFileIcon } from './chunks/UIFileIcon-qGxIPsJJ.js';
+export { U as UILabel } from './chunks/UILabel-RnbodPCS.js';
+import './theme/corners.js';
+import './theme/type.js';
+import 'react';
+import './chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import './chunks/style-inject.es-tgCJW-Cu.js';
+import 'motion/react';
+import './chunks/utils-BRZK2Drn.js';

package/dist/esm/providers/ThemeProvider.js

@@ -0,0 +1,49 @@
+import { useEffect } from 'react';
+import { s as styleInject } from '../chunks/style-inject.es-tgCJW-Cu.js';
+import { darkTheme, lightTheme } from '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+
+var css_248z$1 = "/* Core brand colors (un-themed) */\n:root {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Light theme tokens */\n[data-theme=\"lightMode\"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-700);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Dark theme tokens */\n[data-theme=\"darkMode\"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-900);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n.array-land {\n\tbackground: var(--array-land);\n}\n.array-land-label {\n\tcolor: var(--array-land-label);\n}\n.array-magenta {\n\tbackground: var(--array-magenta);\n}\n.array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n.array-orange {\n\tbackground: var(--array-orange);\n}\n.array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n.array-purple {\n\tbackground: var(--array-purple);\n}\n.array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n.array-sea {\n\tbackground: var(--array-sea);\n}\n.array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n.array-sky {\n\tbackground: var(--array-sky);\n}\n.array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n.array-yellow {\n\tbackground: var(--array-yellow);\n}\n.array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n.core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n.core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n.core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n.core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n.core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n.core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n.core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n.core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n.core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n.core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n.core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n.core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n.core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n.core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n.core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n.core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n.core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n.core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n.core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n.core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n.core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n.core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n.core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n.core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n.core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n.core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n.core-text-error {\n\tcolor: var(--core-text-error);\n}\n.core-text-light {\n\tcolor: var(--core-text-light);\n}\n.core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n.core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n.core-text-special {\n\tcolor: var(--core-text-special);\n}\n.core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n.eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n.eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n.eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n.eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n.eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n.feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n.feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n.feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n.feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n.feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n.gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n.gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n.gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n.gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n.gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n.scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n.scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n.surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n.surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\nbody {\n\tbackground: var(--core-surface-primary);\n}\n";
+styleInject(css_248z$1);
+
+var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap\");\n\n:root {\n\t--font-family: \"Funnel Sans\";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n}\n\n.body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n.body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\nbody {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n";
+styleInject(css_248z);
+
+// set up media query for system theme
+const darkModeMediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
+function ThemeProvider(props) {
+    const { children, theme, system } = props;
+    // update active theme based on theme prop
+    useEffect(() => {
+        if (theme) {
+            const newTheme = theme.includes('dark') ? darkTheme : lightTheme;
+            document.documentElement.dataset.theme = newTheme.name;
+        }
+    }, [theme]);
+    // update then active theme based on system changes
+    useEffect(() => {
+        // handler for the media query change
+        const handleSystemThemeChange = (e) => {
+            if (system) {
+                const autoTheme = e.matches ? darkTheme : lightTheme;
+                document.documentElement.dataset.theme = autoTheme.name;
+            }
+        };
+        // set the current system theme
+        if (system) {
+            const autoTheme = darkModeMediaQuery.matches ? darkTheme : lightTheme;
+            document.documentElement.dataset.theme = autoTheme.name;
+        }
+        // set listener on media query
+        darkModeMediaQuery.addEventListener('change', handleSystemThemeChange);
+        // clean up
+        return () => {
+            darkModeMediaQuery.removeEventListener('change', handleSystemThemeChange);
+        };
+    }, [system]);
+    return children;
+}
+
+export { ThemeProvider };

package/dist/esm/providers.js

@@ -0,0 +1,7 @@
+export { ThemeProvider } from './providers/ThemeProvider.js';
+import 'react';
+import './chunks/style-inject.es-tgCJW-Cu.js';
+import './theme/themes.js';
+import './theme/colors.js';
+import './theme/corners.js';
+import './theme/type.js';

package/dist/esm/stores/tip.js

@@ -0,0 +1,2 @@
+export { g as getTip, t as tipActions, u as useTip, a as useTipActions, b as useTipStore } from '../chunks/tipStore-nBYJ6tmE.js';
+import 'zustand';

package/dist/esm/stores/toast.js

@@ -0,0 +1,2 @@
+export { g as getToast, t as toastActions, u as useToast, a as useToastActions, b as useToastStore } from '../chunks/toastStore-r3pvNa28.js';
+import 'zustand';

package/dist/esm/stores.js

@@ -0,0 +1,3 @@
+export { g as getTip, t as tipActions, u as useTip, a as useTipActions, b as useTipStore } from './chunks/tipStore-nBYJ6tmE.js';
+export { g as getToast, t as toastActions, u as useToast, a as useToastActions, b as useToastStore } from './chunks/toastStore-r3pvNa28.js';
+import 'zustand';

package/dist/esm/theme/colors.js

@@ -0,0 +1,377 @@
+const coreColors = {
+    'brand-grey-50': '#f4f7fa',
+    'brand-grey-100': '#e5ecf3',
+    'brand-grey-200': '#d5e0ea',
+    'brand-grey-300': '#98acbf',
+    'brand-grey-400': '#7f96a9',
+    'brand-grey-500': '#657d91',
+    'brand-grey-600': '#4c6273',
+    'brand-grey-700': '#405261',
+    'brand-grey-800': '#37434e',
+    'brand-grey-900': '#2d353d',
+    'brand-grey-950': '#1f262d',
+    'brand-sea-50': '#e8f1ff',
+    'brand-sea-100': '#c7defe',
+    'brand-sea-200': '#a5c9ff',
+    'brand-sea-300': '#7ab3ff',
+    'brand-sea-400': '#4084ff',
+    'brand-sea-500': '#2f45ff',
+    'brand-sea-600': '#2d2fff',
+    'brand-sea-700': '#0000ff',
+    'brand-sea-800': '#0609cd',
+    'brand-sea-900': '#001699',
+    'brand-sea-950': '#0a0b5c',
+    'brand-sky-50': '#eafffe',
+    'brand-sky-100': '#cdfffb',
+    'brand-sky-200': '#a3f8ff',
+    'brand-sky-300': '#6af5ff',
+    'brand-sky-400': '#00edff',
+    'brand-sky-500': '#00c8e0',
+    'brand-sky-600': '#00a6c0',
+    'brand-sky-700': '#03839b',
+    'brand-sky-800': '#0d697d',
+    'brand-sky-900': '#105669',
+    'brand-sky-950': '#033949',
+    'brand-land-50': '#f4ffe5',
+    'brand-land-100': '#e0ffb7',
+    'brand-land-200': '#caff95',
+    'brand-land-300': '#b7fe59',
+    'brand-land-400': '#9cf820',
+    'brand-land-500': '#71e618',
+    'brand-land-600': '#56c900',
+    'brand-land-700': '#2d8c00',
+    'brand-land-800': '#31690b',
+    'brand-land-900': '#2a580f',
+    'brand-land-950': '#123201',
+    'brand-orange-50': '#fff8ec',
+    'brand-orange-100': '#ffebd7',
+    'brand-orange-200': '#ffe3c6',
+    'brand-orange-300': '#ffc182',
+    'brand-orange-400': '#ff972e',
+    'brand-orange-500': '#ff800a',
+    'brand-orange-600': '#ff6700',
+    'brand-orange-700': '#ff3700',
+    'brand-orange-800': '#a02b0b',
+    'brand-orange-900': '#80250b',
+    'brand-orange-950': '#461604',
+    'brand-yellow-50': '#ffffea',
+    'brand-yellow-100': '#fffdca',
+    'brand-yellow-200': '#fff2a0',
+    'brand-yellow-300': '#ffeb72',
+    'brand-yellow-400': '#ffd333',
+    'brand-yellow-500': '#ffc200',
+    'brand-yellow-600': '#ffad00',
+    'brand-yellow-700': '#c68601',
+    'brand-yellow-800': '#8f6307',
+    'brand-yellow-900': '#5f430a',
+    'brand-yellow-950': '#442e00',
+    'brand-purple-50': '#faf0ff',
+    'brand-purple-100': '#f4ddff',
+    'brand-purple-200': '#e5cdff',
+    'brand-purple-300': '#ccafff',
+    'brand-purple-400': '#b891ff',
+    'brand-purple-500': '#7d48ff',
+    'brand-purple-600': '#6a14ff',
+    'brand-purple-700': '#5600f1',
+    'brand-purple-800': '#4d01d6',
+    'brand-purple-900': '#4003af',
+    'brand-purple-950': '#1e007c',
+    'brand-magenta-50': '#fef1fc',
+    'brand-magenta-100': '#ffdcef',
+    'brand-magenta-200': '#ffcae6',
+    'brand-magenta-300': '#ff90cb',
+    'brand-magenta-400': '#ff61ca',
+    'brand-magenta-500': '#ff3ac2',
+    'brand-magenta-600': '#f012aa',
+    'brand-magenta-700': '#df059b',
+    'brand-magenta-800': '#9b0069',
+    'brand-magenta-900': '#790a55',
+    'brand-magenta-950': '#58003a',
+    'brand-white-0': '#ffffff',
+    'product-red-400': '#ff474a',
+    'product-red-500': '#df0529',
+    'core-drop-shadow-light': '#0339491a',
+    'core-drop-shadow-dark': '#0000007a',
+    'core-surface-coverup-translucent-light': '#1f262d52',
+    'core-surface-coverup-translucent-dark': '#0000007a',
+    'core-surface-overlay-translucent-light': '#ffffffcc',
+    'core-surface-overlay-translucent-dark': '#1f262dcc',
+    'scroll-bar-light': '#e3e8ef',
+    'scroll-bar-dark': 'rgba(255, 255, 255, 0.1)',
+    'scroll-bar-hover-light': '#cdd5df',
+    'scroll-bar-hover-dark': 'rgba(255, 255, 255, 0.15)',
+    'surface-shadow-soft-light': '0px 4px 24px #0339491a',
+    'surface-shadow-soft-dark': '0px 4px 24px #0000007a',
+    'surface-shadow-strong-light': '0px 4px 64px #0339491a',
+    'surface-shadow-strong-dark': '0px 4px 64px #0000007a',
+};
+const light = {
+    'array-land': coreColors['brand-land-100'],
+    'array-land-label': coreColors['brand-land-600'],
+    'array-magenta': coreColors['brand-magenta-100'],
+    'array-magenta-label': coreColors['brand-magenta-600'],
+    'array-orange': coreColors['brand-orange-100'],
+    'array-orange-label': coreColors['brand-orange-600'],
+    'array-purple': coreColors['brand-purple-100'],
+    'array-purple-label': coreColors['brand-purple-600'],
+    'array-sea': coreColors['brand-sea-100'],
+    'array-sea-label': coreColors['brand-sea-600'],
+    'array-sky': coreColors['brand-sky-100'],
+    'array-sky-label': coreColors['brand-sky-600'],
+    'array-yellow': coreColors['brand-yellow-100'],
+    'array-yellow-label': coreColors['brand-yellow-600'],
+    'core-badge-primary': coreColors['brand-sea-500'],
+    'core-badge-secondary': coreColors['brand-grey-100'],
+    'core-button-disabled': coreColors['brand-grey-50'],
+    'core-button-primary': coreColors['brand-sea-500'],
+    'core-drop-shadow': coreColors['core-drop-shadow-light'],
+    'core-gp-logo-primary': coreColors['brand-sea-700'],
+    'core-gp-logo-secondary': coreColors['brand-grey-950'],
+    'core-icon-dark': coreColors['brand-grey-950'],
+    'core-icon-disabled': coreColors['brand-grey-300'],
+    'core-icon-error': coreColors['product-red-500'],
+    'core-icon-light': coreColors['brand-white-0'],
+    'core-icon-primary': coreColors['brand-grey-950'],
+    'core-icon-secondary': coreColors['brand-grey-700'],
+    'core-icon-tertiary': coreColors['brand-sea-500'],
+    'core-outline-secondary': coreColors['brand-grey-700'],
+    'core-outline-primary': coreColors['brand-grey-100'],
+    'core-outline-special': coreColors['brand-sea-100'],
+    'core-outline-tertiary': coreColors['brand-sea-500'],
+    'core-surface-coverup-translucent': coreColors['core-surface-coverup-translucent-light'],
+    'core-surface-overlay-translucent': coreColors['core-surface-overlay-translucent-light'],
+    'core-surface-primary': coreColors['brand-white-0'],
+    'core-surface-secondary': coreColors['brand-grey-50'],
+    'core-surface-special': coreColors['brand-sea-50'],
+    'core-text-dark': coreColors['brand-grey-950'],
+    'core-text-disabled': coreColors['brand-grey-300'],
+    'core-text-error': coreColors['product-red-500'],
+    'core-text-light': coreColors['brand-white-0'],
+    'core-text-primary': coreColors['brand-grey-950'],
+    'core-text-secondary': coreColors['brand-grey-700'],
+    'core-text-tertiary': coreColors['brand-grey-600'],
+    'core-text-special': coreColors['brand-sea-500'],
+    'core-link-primary': coreColors['brand-sea-700'],
+    'eor-tag-employee': coreColors['brand-sky-700'],
+    'eor-tag-overdue': coreColors['product-red-500'],
+    'eor-tag-paid': coreColors['brand-land-700'],
+    'eor-tag-pending': coreColors['brand-orange-500'],
+    'eor-tag-professional': coreColors['brand-sea-500'],
+    'feedback-attention': coreColors['brand-yellow-500'],
+    'feedback-informative': coreColors['brand-sky-700'],
+    'feedback-positive': coreColors['brand-land-700'],
+    'feedback-urgency': coreColors['brand-orange-500'],
+    'feedback-warning': coreColors['product-red-500'],
+    'gia-tag-risk-high': coreColors['product-red-500'],
+    'gia-tag-risk-low': coreColors['brand-sky-700'],
+    'gia-tag-risk-moderate': coreColors['brand-orange-500'],
+    'gia-text-excerpt-highlight': coreColors['brand-orange-100'],
+    'gia-text-selection': coreColors['brand-sea-100'],
+    'scroll-bar': coreColors['scroll-bar-light'],
+    'scroll-bar-hover': coreColors['scroll-bar-hover-light'],
+    'surface-shadow-soft': coreColors['surface-shadow-soft-light'],
+    'surface-shadow-strong': coreColors['surface-shadow-strong-light'],
+};
+const dark = {
+    'array-land': coreColors['brand-land-100'],
+    'array-land-label': coreColors['brand-land-600'],
+    'array-magenta': coreColors['brand-magenta-100'],
+    'array-magenta-label': coreColors['brand-magenta-600'],
+    'array-orange': coreColors['brand-orange-100'],
+    'array-orange-label': coreColors['brand-orange-600'],
+    'array-purple': coreColors['brand-purple-100'],
+    'array-purple-label': coreColors['brand-purple-600'],
+    'array-sea': coreColors['brand-sea-100'],
+    'array-sea-label': coreColors['brand-sea-600'],
+    'array-sky': coreColors['brand-sky-100'],
+    'array-sky-label': coreColors['brand-sky-600'],
+    'array-yellow': coreColors['brand-yellow-100'],
+    'array-yellow-label': coreColors['brand-yellow-600'],
+    'core-badge-primary': coreColors['brand-sea-500'],
+    'core-badge-secondary': coreColors['brand-grey-700'],
+    'core-button-disabled': coreColors['brand-grey-900'],
+    'core-button-primary': coreColors['brand-sea-500'],
+    'core-drop-shadow': coreColors['core-drop-shadow-dark'],
+    'core-gp-logo-primary': coreColors['brand-sea-500'],
+    'core-gp-logo-secondary': coreColors['brand-white-0'],
+    'core-icon-dark': coreColors['brand-grey-950'],
+    'core-icon-disabled': coreColors['brand-grey-500'],
+    'core-icon-error': coreColors['product-red-400'],
+    'core-icon-light': coreColors['brand-white-0'],
+    'core-icon-primary': coreColors['brand-white-0'],
+    'core-icon-secondary': coreColors['brand-grey-200'],
+    'core-icon-tertiary': coreColors['brand-sky-300'],
+    'core-outline-secondary': coreColors['brand-grey-100'],
+    'core-outline-primary': coreColors['brand-grey-700'],
+    'core-outline-special': coreColors['brand-sky-900'],
+    'core-outline-tertiary': coreColors['brand-sky-300'],
+    'core-surface-coverup-translucent': coreColors['core-surface-coverup-translucent-dark'],
+    'core-surface-overlay-translucent': coreColors['core-surface-overlay-translucent-dark'],
+    'core-surface-primary': coreColors['brand-grey-950'],
+    'core-surface-secondary': coreColors['brand-grey-900'],
+    'core-surface-special': coreColors['brand-sky-950'],
+    'core-text-dark': coreColors['brand-grey-950'],
+    'core-text-disabled': coreColors['brand-grey-500'],
+    'core-text-error': coreColors['product-red-400'],
+    'core-text-light': coreColors['brand-white-0'],
+    'core-text-primary': coreColors['brand-white-0'],
+    'core-text-secondary': coreColors['brand-grey-200'],
+    'core-text-tertiary': coreColors['brand-grey-400'],
+    'core-text-special': coreColors['brand-sky-300'],
+    'core-link-primary': coreColors['brand-sky-300'],
+    'eor-tag-employee': coreColors['brand-sky-700'],
+    'eor-tag-overdue': coreColors['product-red-400'],
+    'eor-tag-paid': coreColors['brand-land-700'],
+    'eor-tag-pending': coreColors['brand-orange-500'],
+    'eor-tag-professional': coreColors['brand-sea-500'],
+    'feedback-attention': coreColors['brand-yellow-400'],
+    'feedback-informative': coreColors['brand-sky-600'],
+    'feedback-positive': coreColors['brand-land-700'],
+    'feedback-urgency': coreColors['brand-orange-500'],
+    'feedback-warning': coreColors['product-red-400'],
+    'gia-tag-risk-high': coreColors['product-red-400'],
+    'gia-tag-risk-low': coreColors['brand-sky-600'],
+    'gia-tag-risk-moderate': coreColors['brand-orange-500'],
+    'gia-text-excerpt-highlight': coreColors['brand-orange-100'],
+    'gia-text-selection': coreColors['brand-sea-900'],
+    'scroll-bar': coreColors['scroll-bar-dark'],
+    'scroll-bar-hover': coreColors['scroll-bar-hover-dark'],
+    'surface-shadow-soft': coreColors['surface-shadow-soft-dark'],
+    'surface-shadow-strong': coreColors['surface-shadow-strong-dark'],
+};
+const colorCssVars = {
+    'array-land': 'var(--array-land)',
+    'array-land-label': 'var(--array-land-label)',
+    'array-magenta': 'var(--array-magenta)',
+    'array-magenta-label': 'var(--array-magenta-label)',
+    'array-orange': 'var(--array-orange)',
+    'array-orange-label': 'var(--array-orange-label)',
+    'array-purple': 'var(--array-purple)',
+    'array-purple-label': 'var(--array-purple-label)',
+    'array-sea': 'var(--array-sea)',
+    'array-sea-label': 'var(--array-sea-label)',
+    'array-sky': 'var(--array-sky)',
+    'array-sky-label': 'var(--array-sky-label)',
+    'array-yellow': 'var(--array-yellow)',
+    'array-yellow-label': 'var(--array-yellow-label)',
+    'core-badge-primary': 'var(--core-badge-primary)',
+    'core-badge-secondary': 'var(--core-badge-secondary)',
+    'core-button-disabled': 'var(--core-button-disabled)',
+    'core-button-primary': 'var(--core-button-primary)',
+    'core-drop-shadow': 'var(--core-drop-shadow)',
+    'core-gp-logo-primary': 'var(--core-gp-logo-primary)',
+    'core-gp-logo-secondary': 'var(--core-gp-logo-secondary)',
+    'core-icon-dark': 'var(--core-icon-dark)',
+    'core-icon-disabled': 'var(--core-icon-disabled)',
+    'core-icon-error': 'var(--core-icon-error)',
+    'core-icon-light': 'var(--core-icon-light)',
+    'core-icon-primary': 'var(--core-icon-primary)',
+    'core-icon-secondary': 'var(--core-icon-secondary)',
+    'core-icon-tertiary': 'var(--core-icon-tertiary)',
+    'core-outline-secondary': 'var(--core-outline-secondary)',
+    'core-outline-primary': 'var(--core-outline-primary)',
+    'core-outline-special': 'var(--core-outline-special)',
+    'core-outline-tertiary': 'var(--core-outline-tertiary)',
+    'core-surface-coverup-translucent': 'var(--core-surface-coverup-translucent)',
+    'core-surface-overlay-translucent': 'var(--core-surface-overlay-translucent)',
+    'core-surface-primary': 'var(--core-surface-primary)',
+    'core-surface-secondary': 'var(--core-surface-secondary)',
+    'core-surface-special': 'var(--core-surface-special)',
+    'core-text-dark': 'var(--core-text-dark)',
+    'core-text-disabled': 'var(--core-text-disabled)',
+    'core-text-error': 'var(--core-text-error)',
+    'core-text-light': 'var(--core-text-light)',
+    'core-text-primary': 'var(--core-text-primary)',
+    'core-text-secondary': 'var(--core-text-secondary)',
+    'core-text-special': 'var(--core-text-special)',
+    'core-text-tertiary': 'var(--core-text-tertiary)',
+    'core-link-primary': 'var(--core-link-primary)',
+    'eor-tag-employee': 'var(--eor-tag-employee)',
+    'eor-tag-overdue': 'var(--eor-tag-overdue)',
+    'eor-tag-paid': 'var(--eor-tag-paid)',
+    'eor-tag-pending': 'var(--eor-tag-pending)',
+    'eor-tag-professional': 'var(--eor-tag-professional)',
+    'feedback-attention': 'var(--feedback-attention)',
+    'feedback-informative': 'var(--feedback-informative)',
+    'feedback-positive': 'var(--feedback-positive)',
+    'feedback-urgency': 'var(--feedback-urgency)',
+    'feedback-warning': 'var(--feedback-warning)',
+    'gia-tag-risk-high': 'var(--gia-tag-risk-high)',
+    'gia-tag-risk-low': 'var(--gia-tag-risk-low)',
+    'gia-tag-risk-moderate': 'var(--gia-tag-risk-moderate)',
+    'gia-text-excerpt-highlight': 'var(--gia-text-excerpt-highlight)',
+    'gia-text-selection': 'var(--gia-text-selection)',
+    'scroll-bar': 'var(--scroll-bar)',
+    'scroll-bar-hover': 'var(--scroll-bar-hover)',
+    'surface-shadow-soft': 'var(--surface-shadow-soft)',
+    'surface-shadow-strong': 'var(--surface-shadow-strong)',
+};
+const colorClass = {
+    'array-land': 'array-land',
+    'array-land-label': 'array-land-label',
+    'array-magenta': 'array-magenta',
+    'array-magenta-label': 'array-magenta-label',
+    'array-orange': 'array-orange',
+    'array-orange-label': 'array-orange-label',
+    'array-purple': 'array-purple',
+    'array-purple-label': 'array-purple-label',
+    'array-sea': 'array-sea',
+    'array-sea-label': 'array-sea-label',
+    'array-sky': 'array-sky',
+    'array-sky-label': 'array-sky-label',
+    'array-yellow': 'array-yellow',
+    'array-yellow-label': 'array-yellow-label',
+    'core-badge-primary': 'core-badge-primary',
+    'core-badge-secondary': 'core-badge-secondary',
+    'core-button-disabled': 'core-button-disabled',
+    'core-button-primary': 'core-button-primary',
+    'core-drop-shadow': 'core-drop-shadow',
+    'core-gp-logo-primary': 'core-gp-logo-primary',
+    'core-gp-logo-secondary': 'core-gp-logo-secondary',
+    'core-icon-dark': 'core-icon-dark',
+    'core-icon-disabled': 'core-icon-disabled',
+    'core-icon-error': 'core-icon-error',
+    'core-icon-light': 'core-icon-light',
+    'core-icon-primary': 'core-icon-primary',
+    'core-icon-secondary': 'core-icon-secondary',
+    'core-icon-tertiary': 'core-icon-tertiary',
+    'core-outline-secondary': 'core-outline-secondary',
+    'core-outline-primary': 'core-outline-primary',
+    'core-outline-special': 'core-outline-special',
+    'core-outline-tertiary': 'core-outline-tertiary',
+    'core-surface-coverup-translucent': 'core-surface-coverup-translucent',
+    'core-surface-overlay-translucent': 'core-surface-overlay-translucent',
+    'core-surface-primary': 'core-surface-primary',
+    'core-surface-secondary': 'core-surface-secondary',
+    'core-surface-special': 'core-surface-special',
+    'core-text-dark': 'core-text-dark',
+    'core-text-disabled': 'core-text-disabled',
+    'core-text-error': 'core-text-error',
+    'core-text-light': 'core-text-light',
+    'core-text-primary': 'core-text-primary',
+    'core-text-secondary': 'core-text-secondary',
+    'core-text-special': 'core-text-special',
+    'core-text-tertiary': 'core-text-tertiary',
+    'core-link-primary': 'core-link-primary',
+    'eor-tag-employee': 'eor-tag-employee',
+    'eor-tag-overdue': 'eor-tag-overdue',
+    'eor-tag-paid': 'eor-tag-paid',
+    'eor-tag-pending': 'eor-tag-pending',
+    'eor-tag-professional': 'eor-tag-professional',
+    'feedback-attention': 'feedback-attention',
+    'feedback-informative': 'feedback-informative',
+    'feedback-positive': 'feedback-positive',
+    'feedback-urgency': 'feedback-urgency',
+    'feedback-warning': 'feedback-warning',
+    'gia-tag-risk-high': 'gia-tag-risk-high',
+    'gia-tag-risk-low': 'gia-tag-risk-low',
+    'gia-tag-risk-moderate': 'gia-tag-risk-moderate',
+    'gia-text-excerpt-highlight': 'gia-text-excerpt-highlight',
+    'gia-text-selection': 'gia-text-selection',
+    'scroll-bar': 'scroll-bar',
+    'scroll-bar-hover': 'scroll-bar-hover',
+    'surface-shadow-soft': 'surface-shadow-soft',
+    'surface-shadow-strong': 'surface-shadow-strong',
+};
+
+export { colorClass, colorCssVars, coreColors, dark, light };

package/dist/esm/theme/corners.js

@@ -0,0 +1,12 @@
+const corners = {
+    'corner-0': 0,
+    'corner-4': 4,
+    'corner-6': 6,
+    'corner-8': 8,
+    'corner-12': 12,
+    'corner-16': 16,
+    'corner-24': 24,
+    'corner-full': 1000,
+};
+
+export { corners };