@gobolt/genesis 0.2.5 → 0.2.7

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.
Files changed (49) hide show
  1. package/dist/_virtual/index5.cjs +1 -1
  2. package/dist/_virtual/index5.js +4 -4
  3. package/dist/_virtual/index6.cjs +1 -1
  4. package/dist/_virtual/index6.js +4 -4
  5. package/dist/components/Button/Button.d.ts +2 -1
  6. package/dist/components/Button/__stories__/Button.stories.d.ts +1 -0
  7. package/dist/components/Button/icon-button-styles.d.ts +1 -1
  8. package/dist/components/Button/styles.cjs +12 -12
  9. package/dist/components/Button/styles.d.ts +1 -1
  10. package/dist/components/Button/styles.js +9 -9
  11. package/dist/components/Card/__stories__/Card.stories.d.ts +2 -0
  12. package/dist/components/Input/Input.cjs +1 -1
  13. package/dist/components/Input/Input.js +20 -14
  14. package/dist/components/Notification/NotificationBadge/styles.cjs +19 -5
  15. package/dist/components/Notification/NotificationBadge/styles.js +16 -2
  16. package/dist/components/SegmentedControls/styles.cjs +21 -7
  17. package/dist/components/SegmentedControls/styles.d.ts +1 -1
  18. package/dist/components/SegmentedControls/styles.js +24 -10
  19. package/dist/components/Select/Select.cjs +2 -2
  20. package/dist/components/Select/Select.js +16 -15
  21. package/dist/components/Select/__stories__/Select.stories.d.ts +1 -0
  22. package/dist/components/Select/styles.cjs +37 -10
  23. package/dist/components/Select/styles.js +39 -12
  24. package/dist/components/Table/TableControls/PrimaryTableControlsRow.cjs +1 -1
  25. package/dist/components/Table/TableControls/PrimaryTableControlsRow.js +1 -1
  26. package/dist/components/shared/DropdownChevron.cjs +1 -0
  27. package/dist/components/shared/DropdownChevron.js +27 -0
  28. package/dist/constants/index.cjs +1 -1
  29. package/dist/constants/index.d.ts +2 -0
  30. package/dist/constants/index.js +13 -12
  31. package/dist/index.cjs +1 -1
  32. package/dist/index.d.ts +1 -0
  33. package/dist/index.js +57 -50
  34. package/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs +1 -1
  35. package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js +1 -1
  36. package/dist/node_modules/react-icons/pi/index.cjs +1 -0
  37. package/dist/node_modules/react-icons/pi/index.js +12 -0
  38. package/dist/node_modules/react-icons/tb/index.cjs +1 -1
  39. package/dist/node_modules/react-icons/tb/index.js +4 -8
  40. package/dist/styles/theme/genesis-theme.cjs +1 -1
  41. package/dist/styles/theme/genesis-theme.js +292 -223
  42. package/dist/styles/theme/genesis-theme.types.d.ts +1 -0
  43. package/dist/styles/theme/index.d.ts +1 -0
  44. package/dist/utils/icon-util.cjs +1 -1
  45. package/dist/utils/icon-util.js +24 -24
  46. package/package.json +1 -1
  47. package/dist/components/Select/DropdownChevron.cjs +0 -1
  48. package/dist/components/Select/DropdownChevron.js +0 -23
  49. /package/dist/components/{Select → shared}/DropdownChevron.d.ts +0 -0
@@ -8,8 +8,8 @@ const b = a.div`
8
8
  padding: 1px;
9
9
  width: auto;
10
10
 
11
- ${({ $isFocused: e, theme: o, type: t = "primary" }) => e && `
12
- border: 2px solid ${o.colors[t].focussed.ringColor};
11
+ ${({ $isFocused: e, theme: o, type: r = "primary" }) => e && `
12
+ border: 2px solid ${o.colors[r].focussed.ringColor};
13
13
  background-color: transparent;
14
14
  border-radius: 8px;
15
15
  padding: 1px;
@@ -18,7 +18,7 @@ const b = a.div`
18
18
  .ant-select-dropdown {
19
19
  animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
20
20
  }
21
- `, c = (e) => `all ${e.motion.veryfast}s ease-in-out`, l = (e, o, t, r) => `
21
+ `, c = (e) => `all ${e.motion.veryfast}s ease-in-out`, l = (e, o, r, t) => `
22
22
  &.ant-select {
23
23
  background-color: ${e.surface.secondary};
24
24
  border-color: ${e.surface.secondary};
@@ -27,11 +27,11 @@ const b = a.div`
27
27
  .ant-select-selector {
28
28
  background-color: ${e.surface.secondary};
29
29
  border-color: ${e.surface.secondary};
30
- border-radius: ${r.BorderRadiusSm}px;
30
+ border-radius: ${t.BorderRadiusSm}px;
31
31
  margin: 0px;
32
32
  }
33
33
  }
34
- `, p = ({ colors: e, sizing: o, typography: t, borderRadius: r }, n, i, s) => s === "simple" ? l(e, n, i, r) : `
34
+ `, p = ({ colors: e, sizing: o, typography: r, borderRadius: t }, n, i, s) => s === "simple" ? l(e, n, i, t) : `
35
35
  &.ant-select {
36
36
  color: ${e.input};
37
37
  font-size: ${o.Size4}px;
@@ -42,13 +42,40 @@ const b = a.div`
42
42
 
43
43
  width: 100%;
44
44
  min-width: 250px;
45
- height: 32px;
45
+ height: auto;
46
+ min-height: 32px;
46
47
 
47
48
  background-color: ${e[n][i].backgroundColor}
48
49
 
49
- border-radius: ${r.BorderRadiusMd}px;
50
+ border-radius: ${t.BorderRadiusMd}px;
50
51
  gap: ${o.Size2}px;
51
52
 
53
+ .ant-select-selector {
54
+ border-color: ${e.inputs.surface.border};
55
+ padding-left: 4px;
56
+ height: auto !important;
57
+ min-height: 32px !important;
58
+
59
+ .ant-select-selection-overflow {
60
+ flex-wrap: wrap;
61
+ gap: 4px;
62
+ padding: 4px 0;
63
+ }
64
+
65
+ .ant-select-selection-item {
66
+ margin-top: 0;
67
+ margin-bottom: 0;
68
+ }
69
+ }
70
+
71
+ .ant-select-selection-item {
72
+ padding-left: 4px;
73
+ }
74
+
75
+ .ant-segmented-item-label span + span {
76
+ margin-inline-start: 4px !important;
77
+ }
78
+
52
79
  &:active {
53
80
  background-color: ${e[n].pressed.backgroundColor};
54
81
  border-color: ${e[n].pressed.borderColor};
@@ -84,7 +111,7 @@ const b = a.div`
84
111
  }
85
112
  }
86
113
  }
87
- `, $ = a.div`
114
+ `, g = a.div`
88
115
  .ant-select-item-option {
89
116
  transition: ${({ theme: e, type: o }) => c(e)};
90
117
  border-radius: 0px;
@@ -107,7 +134,7 @@ const b = a.div`
107
134
  }
108
135
  }
109
136
  }
110
- `, g = a.div`
137
+ `, $ = a.div`
111
138
  .ant-select-dropdown {
112
139
  animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
113
140
  transition: all ${({ theme: e }) => `${e.motion.veryfast}s`}
@@ -127,11 +154,11 @@ const b = a.div`
127
154
  animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
128
155
  }
129
156
  `, h = a(d)`
130
- ${({ theme: e, type: o = "primary", state: t = "active", $variant: r = "none" }) => p(e, o, t, r)}
157
+ ${({ theme: e, type: o = "primary", state: r = "active", $variant: t = "none" }) => p(e, o, r, t)}
131
158
  `;
132
159
  export {
133
160
  h as Select,
134
- g as SelectDropdown,
161
+ $ as SelectDropdown,
135
162
  b as SelectWrapper,
136
- $ as StyledMenuItem
163
+ g as StyledMenuItem
137
164
  };
@@ -1 +1 @@
1
- "use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/index6.cjs"),I=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),f=require("../../Typography/Typography.cjs"),k=require("../../Select/Select.cjs"),S=require("../../Button/IconButton.cjs"),b=({sortOptions:s,searchByPlaceholder:p="",searchField:x="address",isSortedAscending:n=!0,onChange:t})=>{const a=i=>{const v={event:"inputChange",payload:{value:i.target.value,field:x}};q(()=>{t==null||t(v)},200)()},r=i=>{const u={event:"primaryChange",payload:{value:i}};t==null||t(u)},l=()=>{const i={event:"filterClick",payload:{}};t==null||t(i)},o=()=>{const i={event:"settingsClick",payload:{}};t==null||t(i)},y=()=>{const i={event:"orderClick",payload:{value:n?"desc":"asc"}};t==null||t(i)};return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(I,{size:"normal",placeholder:p,prefix:e.jsx(c.HiSearch,{}),style:{padding:"5px 8px"},onChange:a}),l&&e.jsx(d,{isIconButton:!0,icon:e.jsx(j.HiMiniAdjustmentsVertical,{}),onClick:l}),o&&e.jsx(d,{isIconButton:!0,icon:e.jsx(m.FiSettings,{}),onClick:o})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(f,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),s&&r?e.jsx(k,{options:s,defaultValue:s[0].value,variant:"simple",onChange:r}):null,e.jsx(S,{icon:n?e.jsx(c.HiOutlineSortDescending,{}):e.jsx(c.HiOutlineSortAscending,{}),onClick:y})]})]})};module.exports=b;
1
+ "use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/index5.cjs"),I=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),f=require("../../Typography/Typography.cjs"),k=require("../../Select/Select.cjs"),S=require("../../Button/IconButton.cjs"),b=({sortOptions:s,searchByPlaceholder:p="",searchField:x="address",isSortedAscending:n=!0,onChange:t})=>{const a=i=>{const v={event:"inputChange",payload:{value:i.target.value,field:x}};q(()=>{t==null||t(v)},200)()},r=i=>{const u={event:"primaryChange",payload:{value:i}};t==null||t(u)},l=()=>{const i={event:"filterClick",payload:{}};t==null||t(i)},o=()=>{const i={event:"settingsClick",payload:{}};t==null||t(i)},y=()=>{const i={event:"orderClick",payload:{value:n?"desc":"asc"}};t==null||t(i)};return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(I,{size:"normal",placeholder:p,prefix:e.jsx(c.HiSearch,{}),style:{padding:"5px 8px"},onChange:a}),l&&e.jsx(d,{isIconButton:!0,icon:e.jsx(j.HiMiniAdjustmentsVertical,{}),onClick:l}),o&&e.jsx(d,{isIconButton:!0,icon:e.jsx(m.FiSettings,{}),onClick:o})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(f,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),s&&r?e.jsx(k,{options:s,defaultValue:s[0].value,variant:"simple",onChange:r}):null,e.jsx(S,{icon:n?e.jsx(c.HiOutlineSortDescending,{}):e.jsx(c.HiOutlineSortAscending,{}),onClick:y})]})]})};module.exports=b;
@@ -2,7 +2,7 @@ import { jsxs as r, jsx as i } from "react/jsx-runtime";
2
2
  import { HiMiniAdjustmentsVertical as v } from "../../../node_modules/react-icons/hi2/index.js";
3
3
  import { HiSearch as I, HiOutlineSortDescending as k, HiOutlineSortAscending as x } from "../../../node_modules/react-icons/hi/index.js";
4
4
  import { FiSettings as b } from "../../../node_modules/react-icons/fi/index.js";
5
- import S from "../../../_virtual/index6.js";
5
+ import S from "../../../_virtual/index5.js";
6
6
  import A from "../../Input/Input.js";
7
7
  import d from "../../Button/UtilityButton.js";
8
8
  import E from "../../Typography/Typography.js";
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),l=require("../../providers/useGenesis.cjs"),o=s=>{const{theme:n}=l.useGenesis();return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...s,children:e.jsx("path",{fill:n.colors.inputs.onsurface.placeholder,fillRule:"evenodd",d:"M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})})};module.exports=o;
@@ -0,0 +1,27 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { useGenesis as n } from "../../providers/useGenesis.js";
3
+ const s = (l) => {
4
+ const { theme: o } = n();
5
+ return /* @__PURE__ */ e(
6
+ "svg",
7
+ {
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ width: 20,
10
+ height: 20,
11
+ fill: "none",
12
+ ...l,
13
+ children: /* @__PURE__ */ e(
14
+ "path",
15
+ {
16
+ fill: o.colors.inputs.onsurface.placeholder,
17
+ fillRule: "evenodd",
18
+ d: "M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z",
19
+ clipRule: "evenodd"
20
+ }
21
+ )
22
+ }
23
+ );
24
+ };
25
+ export {
26
+ s as default
27
+ };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={primary:"primary",secondary:"secondary",tertiary:"tertiary",utility:"utility",icon:"icon"},i={wide:"wide",medium:"medium",narrow:"narrow"},s={active:"active",hover:"hover",pressed:"pressed",focussed:"focus",disabled:"disabled",error:"error",success:"success",warning:"warning",progress:"progress",info:"info",filled:"filled",generic:"generic",removed:"removed",hollow:"hollow"},r={display1:"display1",display2:"display2",display3:"display3",heading1:"heading1",heading2:"heading2",heading3:"heading3",subHeading1:"subHeading1",subHeading2:"subHeading2",subHeading3:"subHeading3",body1:"body1",body2:"body2",body3:"body3",body4:"body4",body5:"body5",message:"message",overline1:"overline1",overline2:"overline2",overline3:"overline3",label1:"label1",label2:"label2",label3:"label3",link1:"link1",link2:"link2",link3:"link3",digits1:"digits1",digits2:"digits2",digits3:"digits3"},n={primary:"primary",secondary:"secondary",tertiary:"tertiary"},a={small:"small",medium:"medium",large:"large",standard:"standard"},d={appointment:"appointment",asn:"asn",inventory:"inventory",parcel:"parcel",product:"product",route:"route",shipment:"shipment",shoppingCart:"shopping cart",system:"system"},o={TYPE:e,BREAKPOINTS:i,STATE:s,TYPOGRAPHY_VARIANT:r,BUTTON_VARIANT:n,SIZE:a,BADGE:d};exports.BADGE=d;exports.BREAKPOINTS=i;exports.BUTTON_VARIANT=n;exports.SIZE=a;exports.STATE=s;exports.TYPE=e;exports.TYPOGRAPHY_VARIANT=r;exports.default=o;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={primary:"primary",secondary:"secondary",tertiary:"tertiary",destructive:"destructive",utility:"utility",icon:"icon"},i={wide:"wide",medium:"medium",narrow:"narrow"},s={active:"active",hover:"hover",pressed:"pressed",focussed:"focus",disabled:"disabled",error:"error",success:"success",warning:"warning",progress:"progress",info:"info",filled:"filled",generic:"generic",removed:"removed",hollow:"hollow"},r={display1:"display1",display2:"display2",display3:"display3",heading1:"heading1",heading2:"heading2",heading3:"heading3",subHeading1:"subHeading1",subHeading2:"subHeading2",subHeading3:"subHeading3",body1:"body1",body2:"body2",body3:"body3",body4:"body4",body5:"body5",message:"message",overline1:"overline1",overline2:"overline2",overline3:"overline3",label1:"label1",label2:"label2",label3:"label3",link1:"link1",link2:"link2",link3:"link3",digits1:"digits1",digits2:"digits2",digits3:"digits3"},d={primary:"primary",secondary:"secondary",tertiary:"tertiary"},n={small:"small",medium:"medium",large:"large",standard:"standard"},a={appointment:"appointment",asn:"asn",inventory:"inventory",parcel:"parcel",product:"product",route:"route",shipment:"shipment",shoppingCart:"shopping cart",system:"system"},o={TYPE:e,BREAKPOINTS:i,STATE:s,TYPOGRAPHY_VARIANT:r,BUTTON_VARIANT:d,SIZE:n,BADGE:a};exports.BADGE=a;exports.BREAKPOINTS=i;exports.BUTTON_VARIANT=d;exports.SIZE=n;exports.STATE=s;exports.TYPE=e;exports.TYPOGRAPHY_VARIANT=r;exports.default=o;
@@ -2,6 +2,7 @@ export declare const TYPE: {
2
2
  primary: string;
3
3
  secondary: string;
4
4
  tertiary: string;
5
+ destructive: string;
5
6
  utility: string;
6
7
  icon: string;
7
8
  };
@@ -82,6 +83,7 @@ declare const _default: {
82
83
  primary: string;
83
84
  secondary: string;
84
85
  tertiary: string;
86
+ destructive: string;
85
87
  utility: string;
86
88
  icon: string;
87
89
  };
@@ -2,6 +2,7 @@ const e = {
2
2
  primary: "primary",
3
3
  secondary: "secondary",
4
4
  tertiary: "tertiary",
5
+ destructive: "destructive",
5
6
  utility: "utility",
6
7
  icon: "icon"
7
8
  }, i = {
@@ -23,7 +24,7 @@ const e = {
23
24
  generic: "generic",
24
25
  removed: "removed",
25
26
  hollow: "hollow"
26
- }, n = {
27
+ }, r = {
27
28
  display1: "display1",
28
29
  display2: "display2",
29
30
  display3: "display3",
@@ -51,16 +52,16 @@ const e = {
51
52
  digits1: "digits1",
52
53
  digits2: "digits2",
53
54
  digits3: "digits3"
54
- }, r = {
55
+ }, d = {
55
56
  primary: "primary",
56
57
  secondary: "secondary",
57
58
  tertiary: "tertiary"
58
- }, a = {
59
+ }, n = {
59
60
  small: "small",
60
61
  medium: "medium",
61
62
  large: "large",
62
63
  standard: "standard"
63
- }, d = {
64
+ }, a = {
64
65
  appointment: "appointment",
65
66
  asn: "asn",
66
67
  inventory: "inventory",
@@ -74,18 +75,18 @@ const e = {
74
75
  TYPE: e,
75
76
  BREAKPOINTS: i,
76
77
  STATE: s,
77
- TYPOGRAPHY_VARIANT: n,
78
- BUTTON_VARIANT: r,
79
- SIZE: a,
80
- BADGE: d
78
+ TYPOGRAPHY_VARIANT: r,
79
+ BUTTON_VARIANT: d,
80
+ SIZE: n,
81
+ BADGE: a
81
82
  };
82
83
  export {
83
- d as BADGE,
84
+ a as BADGE,
84
85
  i as BREAKPOINTS,
85
- r as BUTTON_VARIANT,
86
- a as SIZE,
86
+ d as BUTTON_VARIANT,
87
+ n as SIZE,
87
88
  s as STATE,
88
89
  e as TYPE,
89
- n as TYPOGRAPHY_VARIANT,
90
+ r as TYPOGRAPHY_VARIANT,
90
91
  o as default
91
92
  };
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants/index.cjs"),r=require("./styles/global-styles.cjs"),o=require("./components/Avatar/Avatar.cjs"),t=require("./components/Badge/Badge.cjs"),s=require("./components/Breadcrumb/Breadcrumb.cjs"),i=require("./components/Button/Button.cjs"),n=require("./components/Button/UtilityButton.cjs"),u=require("./components/Button/IconButton.cjs"),c=require("./components/Card/Card.cjs"),a=require("./components/Checkbox/Checkbox.cjs"),l=require("./components/DatePicker/DatePicker.cjs"),q=require("./components/DateRangePicker/DateRangePicker.cjs"),b=require("./components/ErrorBoundary/ErrorBoundary.cjs"),d=require("./components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs"),T=require("./components/Form/Form.cjs"),y=require("./components/Input/Input.cjs"),g=require("./components/Layout/Layout.cjs"),p=require("./components/Message/Message.cjs"),S=require("./components/Notification/Notification.cjs"),B=require("./components/Popover/Popover.cjs"),h=require("./components/Progress/Progress.cjs"),P=require("./components/Radio/RadioGroup.cjs"),C=require("./components/Row/Row.cjs"),G=require("./components/SegmentedControls/SegmentedControls.cjs"),k=require("./components/Select/Select.cjs"),v=require("./components/Shapes/Shapes.cjs"),m=require("./components/Switch/Switch.cjs"),E=require("./components/Table/Table.cjs"),R=require("./components/Table/TableWithControls/TableWithControls.cjs"),f=require("./components/Tabs/Tabs.cjs"),I=require("./components/Tile/Tile.cjs"),W=require("./components/Toast/Toast.cjs"),w=require("./components/Tooltip/Tooltip.cjs"),D=require("./components/Typography/Typography.cjs"),F=require("./providers/GenesisProvider.cjs"),x=require("./components/Table/useTable.cjs"),M=require("./components/Table/TableWithControls/useTableWithControls.cjs"),N=require("./providers/useGenesis.cjs");exports.GENESIS=e.default;exports.GlobalStyles=r.GlobalStyles;exports.Avatar=o;exports.Badge=t;exports.Breadcrumb=s;exports.Button=i;exports.UtilityButton=n;exports.IconButton=u;exports.Card=c;exports.Checkbox=a;exports.DatePicker=l;exports.DateRangePicker=q;exports.ErrorBoundary=b;exports.ErrorBoundaryFallback=d;exports.Form=T.default;exports.Input=y;exports.Layout=g;exports.Message=p;exports.Notification=S;exports.Popover=B;exports.Progress=h;exports.RadioGroup=P;exports.Row=C;exports.SegmentedControls=G;exports.Select=k;exports.Shapes=v;exports.Switch=m;exports.Table=E;exports.TableWithControls=R;exports.Tabs=f;exports.Tile=I;exports.Toast=W;exports.Tooltip=w;exports.Typography=D;exports.GenesisProvider=F.GenesisProvider;exports.useTable=x.useTable;exports.useTableWithControls=M.useTableWithControls;exports.useGenesis=N.useGenesis;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./constants/index.cjs"),o=require("./styles/global-styles.cjs"),t=require("./components/Avatar/Avatar.cjs"),s=require("./components/Badge/Badge.cjs"),i=require("./components/Breadcrumb/Breadcrumb.cjs"),n=require("./components/Button/Button.cjs"),u=require("./components/Button/UtilityButton.cjs"),a=require("./components/Button/IconButton.cjs"),c=require("./components/Card/Card.cjs"),l=require("./components/Checkbox/Checkbox.cjs"),q=require("./components/DatePicker/DatePicker.cjs"),T=require("./components/DateRangePicker/DateRangePicker.cjs"),b=require("./components/ErrorBoundary/ErrorBoundary.cjs"),d=require("./components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs"),y=require("./components/Form/Form.cjs"),g=require("./components/Input/Input.cjs"),h=require("./components/Layout/Layout.cjs"),p=require("./components/Message/Message.cjs"),S=require("./components/Notification/Notification.cjs"),k=require("./components/Popover/Popover.cjs"),B=require("./components/Progress/Progress.cjs"),m=require("./components/Radio/RadioGroup.cjs"),P=require("./components/Row/Row.cjs"),C=require("./components/SegmentedControls/SegmentedControls.cjs"),G=require("./components/Select/Select.cjs"),v=require("./components/Shapes/Shapes.cjs"),E=require("./components/Switch/Switch.cjs"),R=require("./components/Table/Table.cjs"),f=require("./components/Table/TableWithControls/TableWithControls.cjs"),I=require("./components/Tabs/Tabs.cjs"),W=require("./components/Tile/Tile.cjs"),w=require("./components/Toast/Toast.cjs"),z=require("./components/Tooltip/Tooltip.cjs"),D=require("./components/Typography/Typography.cjs"),F=require("./providers/GenesisProvider.cjs"),x=require("./components/Table/useTable.cjs"),M=require("./components/Table/TableWithControls/useTableWithControls.cjs"),N=require("./providers/useGenesis.cjs"),e=require("./styles/theme/genesis-theme.cjs");exports.GENESIS=r.default;exports.GlobalStyles=o.GlobalStyles;exports.Avatar=t;exports.Badge=s;exports.Breadcrumb=i;exports.Button=n;exports.UtilityButton=u;exports.IconButton=a;exports.Card=c;exports.Checkbox=l;exports.DatePicker=q;exports.DateRangePicker=T;exports.ErrorBoundary=b;exports.ErrorBoundaryFallback=d;exports.Form=y.default;exports.Input=g;exports.Layout=h;exports.Message=p;exports.Notification=S;exports.Popover=k;exports.Progress=B;exports.RadioGroup=m;exports.Row=P;exports.SegmentedControls=C;exports.Select=G;exports.Shapes=v;exports.Switch=E;exports.Table=R;exports.TableWithControls=f;exports.Tabs=I;exports.Tile=W;exports.Toast=w;exports.Tooltip=z;exports.Typography=D;exports.GenesisProvider=F.GenesisProvider;exports.useTable=x.useTable;exports.useTableWithControls=M.useTableWithControls;exports.useGenesis=N.useGenesis;exports.TypographySizeKey=e.TypographySizeKey;exports.baseTokens=e.baseTokens;exports.breakpoints=e.breakpoints;exports.darkTheme=e.darkTheme;exports.lightTheme=e.lightTheme;exports.sizing=e.sizing;
package/dist/index.d.ts CHANGED
@@ -2,3 +2,4 @@ export * from './components';
2
2
  export * from './providers';
3
3
  export { default as GENESIS } from './constants';
4
4
  export { GlobalStyles } from './styles/global-styles';
5
+ export * from './styles/theme';
package/dist/index.js CHANGED
@@ -2,77 +2,84 @@ import { default as r } from "./constants/index.js";
2
2
  import { GlobalStyles as a } from "./styles/global-styles.js";
3
3
  import { default as s } from "./components/Avatar/Avatar.js";
4
4
  import { default as p } from "./components/Badge/Badge.js";
5
- import { default as d } from "./components/Breadcrumb/Breadcrumb.js";
5
+ import { default as m } from "./components/Breadcrumb/Breadcrumb.js";
6
6
  import { default as x } from "./components/Button/Button.js";
7
7
  import { default as n } from "./components/Button/UtilityButton.js";
8
- import { default as c } from "./components/Button/IconButton.js";
8
+ import { default as b } from "./components/Button/IconButton.js";
9
9
  import { default as y } from "./components/Card/Card.js";
10
- import { default as S } from "./components/Checkbox/Checkbox.js";
11
- import { default as h } from "./components/DatePicker/DatePicker.js";
12
- import { default as G } from "./components/DateRangePicker/DateRangePicker.js";
13
- import { default as k } from "./components/ErrorBoundary/ErrorBoundary.js";
10
+ import { default as g } from "./components/Checkbox/Checkbox.js";
11
+ import { default as k } from "./components/DatePicker/DatePicker.js";
12
+ import { default as C } from "./components/DateRangePicker/DateRangePicker.js";
13
+ import { default as P } from "./components/ErrorBoundary/ErrorBoundary.js";
14
14
  import { default as v } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
15
15
  import { default as R } from "./components/Form/Form.js";
16
- import { default as D } from "./components/Input/Input.js";
17
- import { default as N } from "./components/Layout/Layout.js";
18
- import { default as A } from "./components/Message/Message.js";
19
- import { default as M } from "./components/Notification/Notification.js";
20
- import { default as j } from "./components/Popover/Popover.js";
21
- import { default as z } from "./components/Progress/Progress.js";
22
- import { default as J } from "./components/Radio/RadioGroup.js";
16
+ import { default as z } from "./components/Input/Input.js";
17
+ import { default as F } from "./components/Layout/Layout.js";
18
+ import { default as W } from "./components/Message/Message.js";
19
+ import { default as K } from "./components/Notification/Notification.js";
20
+ import { default as M } from "./components/Popover/Popover.js";
21
+ import { default as j } from "./components/Progress/Progress.js";
22
+ import { default as H } from "./components/Radio/RadioGroup.js";
23
23
  import { default as O } from "./components/Row/Row.js";
24
24
  import { default as V } from "./components/SegmentedControls/SegmentedControls.js";
25
25
  import { default as Y } from "./components/Select/Select.js";
26
26
  import { default as _ } from "./components/Shapes/Shapes.js";
27
- import { default as oo } from "./components/Switch/Switch.js";
28
- import { default as ro } from "./components/Table/Table.js";
29
- import { default as ao } from "./components/Table/TableWithControls/TableWithControls.js";
30
- import { default as so } from "./components/Tabs/Tabs.js";
31
- import { default as po } from "./components/Tile/Tile.js";
32
- import { default as mo } from "./components/Toast/Toast.js";
33
- import { default as io } from "./components/Tooltip/Tooltip.js";
34
- import { default as bo } from "./components/Typography/Typography.js";
35
- import { GenesisProvider as To } from "./providers/GenesisProvider.js";
36
- import { useTable as Bo } from "./components/Table/useTable.js";
37
- import { useTableWithControls as go } from "./components/Table/TableWithControls/useTableWithControls.js";
38
- import { useGenesis as Co } from "./providers/useGenesis.js";
27
+ import { default as ee } from "./components/Switch/Switch.js";
28
+ import { default as re } from "./components/Table/Table.js";
29
+ import { default as ae } from "./components/Table/TableWithControls/TableWithControls.js";
30
+ import { default as se } from "./components/Tabs/Tabs.js";
31
+ import { default as pe } from "./components/Tile/Tile.js";
32
+ import { default as me } from "./components/Toast/Toast.js";
33
+ import { default as xe } from "./components/Tooltip/Tooltip.js";
34
+ import { default as ne } from "./components/Typography/Typography.js";
35
+ import { GenesisProvider as be } from "./providers/GenesisProvider.js";
36
+ import { useTable as ye } from "./components/Table/useTable.js";
37
+ import { useTableWithControls as ge } from "./components/Table/TableWithControls/useTableWithControls.js";
38
+ import { useGenesis as ke } from "./providers/useGenesis.js";
39
+ import { TypographySizeKey as Ce, baseTokens as Ge, breakpoints as Pe, darkTheme as Ee, lightTheme as ve, sizing as Ie } from "./styles/theme/genesis-theme.js";
39
40
  export {
40
41
  s as Avatar,
41
42
  p as Badge,
42
- d as Breadcrumb,
43
+ m as Breadcrumb,
43
44
  x as Button,
44
45
  y as Card,
45
- S as Checkbox,
46
- h as DatePicker,
47
- G as DateRangePicker,
48
- k as ErrorBoundary,
46
+ g as Checkbox,
47
+ k as DatePicker,
48
+ C as DateRangePicker,
49
+ P as ErrorBoundary,
49
50
  v as ErrorBoundaryFallback,
50
51
  R as Form,
51
52
  r as GENESIS,
52
- To as GenesisProvider,
53
+ be as GenesisProvider,
53
54
  a as GlobalStyles,
54
- c as IconButton,
55
- D as Input,
56
- N as Layout,
57
- A as Message,
58
- M as Notification,
59
- j as Popover,
60
- z as Progress,
61
- J as RadioGroup,
55
+ b as IconButton,
56
+ z as Input,
57
+ F as Layout,
58
+ W as Message,
59
+ K as Notification,
60
+ M as Popover,
61
+ j as Progress,
62
+ H as RadioGroup,
62
63
  O as Row,
63
64
  V as SegmentedControls,
64
65
  Y as Select,
65
66
  _ as Shapes,
66
- oo as Switch,
67
- ro as Table,
68
- ao as TableWithControls,
69
- so as Tabs,
70
- po as Tile,
71
- mo as Toast,
72
- io as Tooltip,
73
- bo as Typography,
67
+ ee as Switch,
68
+ re as Table,
69
+ ae as TableWithControls,
70
+ se as Tabs,
71
+ pe as Tile,
72
+ me as Toast,
73
+ xe as Tooltip,
74
+ ne as Typography,
75
+ Ce as TypographySizeKey,
74
76
  n as UtilityButton,
75
- Co as useGenesis,
76
- Bo as useTable,
77
- go as useTableWithControls
77
+ Ge as baseTokens,
78
+ Pe as breakpoints,
79
+ Ee as darkTheme,
80
+ ve as lightTheme,
81
+ Ie as sizing,
82
+ ke as useGenesis,
83
+ ye as useTable,
84
+ ge as useTableWithControls
78
85
  };
@@ -1 +1 @@
1
- "use strict";const v=require("react"),m=require("../../../../../_virtual/index5.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;
1
+ "use strict";const v=require("react"),m=require("../../../../../_virtual/index6.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;
@@ -1,5 +1,5 @@
1
1
  import * as d from "react";
2
- import m from "../../../../../_virtual/index5.js";
2
+ import m from "../../../../../_virtual/index6.js";
3
3
  import v from "../../../../rc-util/es/hooks/useEvent.js";
4
4
  import C from "../../_util/toList.js";
5
5
  var h = function(l, o, c, f) {
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../lib/iconBase.cjs");require("../lib/iconContext.cjs");function r(t){return i.GenIcon({attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z"},child:[]}]})(t)}function e(t){return i.GenIcon({attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"},child:[]}]})(t)}exports.PiInfo=e;exports.PiInfoFill=r;
@@ -0,0 +1,12 @@
1
+ import { GenIcon as r } from "../lib/iconBase.js";
2
+ import "../lib/iconContext.js";
3
+ function o(t) {
4
+ return r({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z" }, child: [] }] })(t);
5
+ }
6
+ function l(t) {
7
+ return r({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z" }, child: [] }] })(t);
8
+ }
9
+ export {
10
+ l as PiInfo,
11
+ o as PiInfoFill
12
+ };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../lib/iconBase.cjs");require("../lib/iconContext.cjs");function a(l){return t.GenIcon({attr:{viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z"},child:[]}]})(l)}function e(l){return t.GenIcon({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M15 3v4a1 1 0 0 0 1 1h4"},child:[]},{tag:"path",attr:{d:"M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z"},child:[]},{tag:"path",attr:{d:"M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"},child:[]}]})(l)}exports.TbFiles=e;exports.TbInfoCircleFilled=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../lib/iconBase.cjs");require("../lib/iconContext.cjs");function r(t){return e.GenIcon({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M15 3v4a1 1 0 0 0 1 1h4"},child:[]},{tag:"path",attr:{d:"M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z"},child:[]},{tag:"path",attr:{d:"M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"},child:[]}]})(t)}exports.TbFiles=r;
@@ -1,12 +1,8 @@
1
- import { GenIcon as t } from "../lib/iconBase.js";
1
+ import { GenIcon as r } from "../lib/iconBase.js";
2
2
  import "../lib/iconContext.js";
3
- function o(l) {
4
- return t({ attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" }, child: [] }] })(l);
5
- }
6
- function i(l) {
7
- return t({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M15 3v4a1 1 0 0 0 1 1h4" }, child: [] }, { tag: "path", attr: { d: "M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z" }, child: [] }, { tag: "path", attr: { d: "M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" }, child: [] }] })(l);
3
+ function i(t) {
4
+ return r({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M15 3v4a1 1 0 0 0 1 1h4" }, child: [] }, { tag: "path", attr: { d: "M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z" }, child: [] }, { tag: "path", attr: { d: "M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" }, child: [] }] })(t);
8
5
  }
9
6
  export {
10
- i as TbFiles,
11
- o as TbInfoCircleFilled
7
+ i as TbFiles
12
8
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../design-tokens/variables.cjs"),c={wide:1280,medium:1024,narrow:480},l={BorderRadiusNone:e.BorderRadiusNone,BorderRadiusXs:e.BorderRadiusXs,BorderRadiusSm:e.BorderRadiusSm,BorderRadiusMd:e.BorderRadiusMd,BorderRadiusLg:e.BorderRadiusLg,BorderRadiusXl:e.BorderRadiusXl,BorderRadiusXxl:e.BorderRadiusXxl,BorderRadiusXxxl:e.BorderRadiusXxxl,BorderRadiusRounded:e.BorderRadiusRounded},t={Size1:e.Size1,Size1_5:e.Size1_5,Size2:e.Size2,Size2_5:e.Size2_5,Size3:e.Size3,Size4:e.Size4,Size5:e.Size5,Size6:e.Size6,Size7:e.Size7,Size8:e.Size8,Size10:e.Size10,Size12:e.Size12,Size13:e.Size13,Size14:e.Size14,Size16:e.Size16,Size18:e.Size18,Size20:e.Size20,Size24:e.Size24,Size27:e.Size27,Size28:e.Size28,Size30:e.Size30,Size32:e.Size32,Size34:e.Size34,Size35:e.Size35,Size39:e.Size39,Size43:e.Size43,Size50:e.Size50,Size64:e.Size64,Size05:e.Size05,Size15:e.Size15,Size025:e.Size025,Size25:e.Size25,xs:e.Size1,sm:e.Size2,md:e.Size3,lg:e.Size4,typography1:12,typography2:14,typography3:16},y={display1:{fontSize:e.TypographyWideFontSizeDisplay1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},display2:{fontSize:e.TypographyWideFontSizeDisplay2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},display3:{fontSize:e.TypographyWideFontSizeDisplay3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"},heading1:{fontSize:e.TypographyWideFontSizeHeading1,lineHeight:"2rem",fontWeight:700,letterSpacing:"0"},heading2:{fontSize:e.TypographyWideFontSizeHeading2,lineHeight:"1.75rem",fontWeight:700,letterSpacing:"0"},heading3:{fontSize:e.TypographyWideFontSizeHeading3,lineHeight:"1.5rem",fontWeight:700,letterSpacing:"0"},subHeading1:{fontSize:e.TypographyWideFontSizeSubHeading1,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading2:{fontSize:e.TypographyWideFontSizeSubHeading2,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading3:{fontSize:e.TypographyWideFontSizeSubHeading3,lineHeight:"1rem",fontWeight:600,letterSpacing:"0"},body1:{fontSize:e.TypographyWideFontSizeBody1,lineHeight:"1.5rem",fontWeight:400,letterSpacing:"0"},body2:{fontSize:e.TypographyWideFontSizeBody2,lineHeight:"1.25rem",fontWeight:400,letterSpacing:"0"},body3:{fontSize:e.TypographyWideFontSizeBody3,lineHeight:"1rem",fontWeight:400,letterSpacing:"0"},body4:{fontSize:e.TypographyWideFontSizeBody4,lineHeight:"0.875rem",fontWeight:400,letterSpacing:"0"},body5:{fontSize:e.TypographyWideFontSizeBody5,lineHeight:"0.75rem",fontWeight:400,letterSpacing:"0"},message:{fontSize:e.TypographyWideFontSizeMessage,lineHeight:"23px",fontWeight:400,letterSpacing:"0"},overline1:{fontSize:e.TypographyWideFontSizeOverline1,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline2:{fontSize:e.TypographyWideFontSizeOverline2,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline3:{fontSize:e.TypographyWideFontSizeOverline3,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},label1:{fontSize:e.TypographyWideFontSizeLabel1,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label2:{fontSize:e.TypographyWideFontSizeLabel2,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label3:{fontSize:e.TypographyWideFontSizeLabel3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},link1:{fontSize:e.TypographyWideFontSizeLink1,lineHeight:"1.5rem",fontWeight:500,letterSpacing:"0"},link2:{fontSize:e.TypographyWideFontSizeLink2,lineHeight:"1.25rem",fontWeight:500,letterSpacing:"0"},link3:{fontSize:e.TypographyWideFontSizeLink3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},digits1:{fontSize:e.TypographyWideFontSizeDigits1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},digits2:{fontSize:e.TypographyWideFontSizeDigits2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},digits3:{fontSize:e.TypographyWideFontSizeDigits3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"}},S={display1:{fontSize:e.TypographyMediumFontSizeDisplay1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},display2:{fontSize:e.TypographyMediumFontSizeDisplay2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},display3:{fontSize:e.TypographyMediumFontSizeDisplay3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"},heading1:{fontSize:e.TypographyMediumFontSizeHeading1,lineHeight:"2rem",fontWeight:700,letterSpacing:"0"},heading2:{fontSize:e.TypographyMediumFontSizeHeading2,lineHeight:"1.75rem",fontWeight:700,letterSpacing:"0"},heading3:{fontSize:e.TypographyMediumFontSizeHeading3,lineHeight:"1.5rem",fontWeight:700,letterSpacing:"0"},subHeading1:{fontSize:e.TypographyMediumFontSizeSubHeading1,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading2:{fontSize:e.TypographyMediumFontSizeSubHeading2,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading3:{fontSize:e.TypographyMediumFontSizeSubHeading3,lineHeight:"1rem",fontWeight:600,letterSpacing:"0"},body1:{fontSize:e.TypographyMediumFontSizeBody1,lineHeight:"1.5rem",fontWeight:400,letterSpacing:"0"},body2:{fontSize:e.TypographyMediumFontSizeBody2,lineHeight:"1.25rem",fontWeight:400,letterSpacing:"0"},body3:{fontSize:e.TypographyMediumFontSizeBody3,lineHeight:"1rem",fontWeight:400,letterSpacing:"0"},body4:{fontSize:e.TypographyMediumFontSizeBody4,lineHeight:"0.875rem",fontWeight:400,letterSpacing:"0"},body5:{fontSize:e.TypographyMediumFontSizeBody5,lineHeight:"0.75rem",fontWeight:400,letterSpacing:"0"},message:{fontSize:e.TypographyMediumFontSizeMessage,lineHeight:"23px",fontWeight:400,letterSpacing:"0"},overline1:{fontSize:e.TypographyMediumFontSizeOverline1,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline2:{fontSize:e.TypographyMediumFontSizeOverline2,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline3:{fontSize:e.TypographyMediumFontSizeOverline3,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},label1:{fontSize:e.TypographyMediumFontSizeLabel1,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label2:{fontSize:e.TypographyMediumFontSizeLabel2,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label3:{fontSize:e.TypographyMediumFontSizeLabel3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},link1:{fontSize:e.TypographyMediumFontSizeLink1,lineHeight:"1.5rem",fontWeight:500,letterSpacing:"0"},link2:{fontSize:e.TypographyMediumFontSizeLink2,lineHeight:"1.25rem",fontWeight:500,letterSpacing:"0"},link3:{fontSize:e.TypographyMediumFontSizeLink3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},digits1:{fontSize:e.TypographyMediumFontSizeDigits1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},digits2:{fontSize:e.TypographyMediumFontSizeDigits2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},digits3:{fontSize:e.TypographyMediumFontSizeDigits3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"}},h={display1:{fontSize:e.TypographyNarrowFontSizeDisplay1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},display2:{fontSize:e.TypographyNarrowFontSizeDisplay2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},display3:{fontSize:e.TypographyNarrowFontSizeDisplay3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"},heading1:{fontSize:e.TypographyNarrowFontSizeHeading1,lineHeight:"2rem",fontWeight:700,letterSpacing:"0"},heading2:{fontSize:e.TypographyNarrowFontSizeHeading2,lineHeight:"1.75rem",fontWeight:700,letterSpacing:"0"},heading3:{fontSize:e.TypographyNarrowFontSizeHeading3,lineHeight:"1.5rem",fontWeight:700,letterSpacing:"0"},subHeading1:{fontSize:e.TypographyNarrowFontSizeSubHeading1,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading2:{fontSize:e.TypographyNarrowFontSizeSubHeading2,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading3:{fontSize:e.TypographyNarrowFontSizeSubHeading3,lineHeight:"1rem",fontWeight:600,letterSpacing:"0"},body1:{fontSize:e.TypographyNarrowFontSizeBody1,lineHeight:"1.5rem",fontWeight:400,letterSpacing:"0"},body2:{fontSize:e.TypographyNarrowFontSizeBody2,lineHeight:"1.25rem",fontWeight:400,letterSpacing:"0"},body3:{fontSize:e.TypographyNarrowFontSizeBody3,lineHeight:"1rem",fontWeight:400,letterSpacing:"0"},body4:{fontSize:e.TypographyNarrowFontSizeBody4,lineHeight:"0.875rem",fontWeight:400,letterSpacing:"0"},body5:{fontSize:e.TypographyNarrowFontSizeBody5,lineHeight:"0.75rem",fontWeight:400,letterSpacing:"0"},message:{fontSize:e.TypographyNarrowFontSizeMessage,lineHeight:"23px",fontWeight:400,letterSpacing:"0"},overline1:{fontSize:e.TypographyNarrowFontSizeOverline1,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline2:{fontSize:e.TypographyNarrowFontSizeOverline2,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline3:{fontSize:e.TypographyNarrowFontSizeOverline3,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},label1:{fontSize:e.TypographyNarrowFontSizeLabel1,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label2:{fontSize:e.TypographyNarrowFontSizeLabel2,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label3:{fontSize:e.TypographyNarrowFontSizeLabel3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},link1:{fontSize:e.TypographyNarrowFontSizeLink1,lineHeight:"1.5rem",fontWeight:500,letterSpacing:"0"},link2:{fontSize:e.TypographyNarrowFontSizeLink2,lineHeight:"1.25rem",fontWeight:500,letterSpacing:"0"},link3:{fontSize:e.TypographyNarrowFontSizeLink3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},digits1:{fontSize:e.TypographyNarrowFontSizeDigits1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},digits2:{fontSize:e.TypographyNarrowFontSizeDigits2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},digits3:{fontSize:e.TypographyNarrowFontSizeDigits3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"}},u={fontFamily:e.TypographyPrimaryFontFamily,wide:y,medium:S,narrow:h},i={red:{100:e.ColorRed100,200:e.ColorRed200,300:e.ColorRed300,400:e.ColorRed400,500:e.ColorRed500,600:e.ColorRed600,700:e.ColorRed700,800:e.ColorRed800,900:e.ColorRed900},orange:{100:e.ColorOrange100,200:e.ColorOrange200,300:e.ColorOrange300,400:e.ColorOrange400,500:e.ColorOrange500,600:e.ColorOrange600,700:e.ColorOrange700,800:e.ColorOrange800,900:e.ColorOrange900},yellow:{100:e.ColorYellow100,200:e.ColorYellow200,300:e.ColorYellow300,400:e.ColorYellow400,500:e.ColorYellow500,600:e.ColorYellow600,700:e.ColorYellow700,800:e.ColorYellow800,900:e.ColorYellow900},green:{100:e.ColorGreen100,200:e.ColorGreen200,300:e.ColorGreen300,400:e.ColorGreen400,500:e.ColorGreen500,600:e.ColorGreen600,700:e.ColorGreen700,800:e.ColorGreen800,900:e.ColorGreen900},sky:{100:e.ColorSky100,200:e.ColorSky200,300:e.ColorSky300,400:e.ColorSky400,500:e.ColorSky500,600:e.ColorSky600,700:e.ColorSky700,800:e.ColorSky800,900:e.ColorSky900},blue:{100:e.ColorBlue100,200:e.ColorBlue200,300:e.ColorBlue300,400:e.ColorBlue400,500:e.ColorBlue500,600:e.ColorBlue600,700:e.ColorBlue700,800:e.ColorBlue800,900:e.ColorBlue900},purple:{100:e.ColorPurple100,200:e.ColorPurple200,300:e.ColorPurple300,400:e.ColorPurple400,500:e.ColorPurple500,600:e.ColorPurple600,700:e.ColorPurple700,800:e.ColorPurple800,900:e.ColorPurple900},gray:{100:e.ColorGray100,200:e.ColorGray200,300:e.ColorGray300,400:e.ColorGray400,500:e.ColorGray500,600:e.ColorGray600,700:e.ColorGray700,800:e.ColorGray800,900:e.ColorGray900,black:e.ColorGrayBlack,white:e.ColorGrayWhite}},f={padding:{verPadding:t.Size25,horPadding:t.Size6},gap:t.Size2,radius:l.BorderRadiusMd},z={padding:{verPadding:10,horPadding:12},gap:t.Size2,radius:l.BorderRadiusSm},C={padding:{verPadding:10,horPadding:12},gap:t.Size2,radius:l.BorderRadiusSm},v={suffixPrefixVerPadding:11,suffixPrefixHorPadding:t.Size2},n={color:"#6C6C6C",backgroundColor:"#EEEEEE",borderColor:"#CBCBCB"},a={color:"#CF3237",backgroundColor:"#FFEBEE",borderColor:"#FFEBEE"},r={interactive:{primary:{active:"#30606B",hover:"#00282B",pressed:"#214148",onsurface:"#FFFFFF"},secondary:{active:"#9A9A9A",hover:"#222222",pressed:"#101010",onsurface:"#3E3E3E"},tertiary:{active:"#FFCA7D",hover:"#E7A13C",pressed:"#B27330",onsurface:"#222222"},link:{active:"#30606B"},utility:{active:"#FFF",onsurface:"#222222",border:"#CBCBCB",hover:"#DEEFF3",pressed:"#CBCBCB"}},inputs:{onsurface:{focus:"#384DF6"}},transparent:"transparent"},o={interactive:{tertiary:{active:"#FFCA7D",hover:"#E7A13C",pressed:"#B27330",onsurface:"#222222"}}},d={primary:{active:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.active,borderColor:r.interactive.primary.active},hover:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.hover,borderColor:r.interactive.primary.hover},pressed:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.pressed,borderColor:r.interactive.primary.pressed},focussed:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.active,borderColor:r.interactive.primary.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.active,borderColor:r.interactive.primary.active,ringColor:r.inputs.onsurface.focus},disabled:n},secondary:{active:{color:r.interactive.secondary.onsurface,backgroundColor:r.transparent,borderColor:r.interactive.secondary.active},hover:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.secondary.hover,borderColor:r.interactive.secondary.hover},pressed:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.secondary.pressed,borderColor:r.interactive.secondary.active},focussed:{color:r.interactive.secondary.onsurface,backgroundColor:r.transparent,borderColor:r.interactive.secondary.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.secondary.onsurface,backgroundColor:r.transparent,borderColor:r.interactive.secondary.active,ringColor:r.inputs.onsurface.focus},disabled:n},tertiary:{active:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.active,borderColor:r.interactive.tertiary.active},hover:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.hover,borderColor:r.interactive.tertiary.hover},pressed:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.pressed,borderColor:r.interactive.tertiary.pressed},focussed:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.active,borderColor:r.interactive.tertiary.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.active,borderColor:r.interactive.tertiary.active,ringColor:r.inputs.onsurface.focus},disabled:n},utility:{active:{color:r.interactive.secondary.onsurface,backgroundColor:"#FFF",borderColor:r.interactive.secondary.active},hover:{color:r.interactive.utility.onsurface,backgroundColor:r.interactive.utility.hover,borderColor:r.interactive.utility.border},pressed:{color:r.interactive.secondary.onsurface,backgroundColor:r.interactive.utility.pressed,borderColor:r.interactive.utility.pressed},focussed:{color:r.interactive.secondary.onsurface,backgroundColor:"#FFF",borderColor:r.interactive.secondary.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.secondary.onsurface,backgroundColor:r.transparent,borderColor:r.interactive.secondary.active,ringColor:r.inputs.onsurface.focus},disabled:n},icon:{active:{color:r.interactive.tertiary.onsurface,backgroundColor:"transparent",borderColor:"transparent"},hover:{color:r.interactive.tertiary.onsurface,backgroundColor:"#DEEFF3",borderColor:"transparent"},pressed:{color:r.interactive.tertiary.onsurface,backgroundColor:"#DEEFF3",borderColor:"transparent"},selected:{color:r.interactive.tertiary.onsurface,backgroundColor:"#DEEFF3",borderColor:"transparent"},focussed:{color:r.interactive.tertiary.onsurface,backgroundColor:"transparent",borderColor:"transparent",ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.active,borderColor:r.interactive.tertiary.active,ringColor:r.inputs.onsurface.focus},disabled:n},status:{error:{default:"#CF3237",ringColor:r.inputs.onsurface.focus,onsurface:"#AA292D",surface:"#F9D4D5","surface-hover":"#F3A9AB"},success:{default:"#32863E",ringColor:r.inputs.onsurface.focus,onsurface:"#296E33",surface:"#D3EFD7","surface-hover":"#A7DFAF"},warning:{default:e.ColorYellow500,ringColor:r.inputs.onsurface.focus,onsurface:"#704819",surface:"#FFF2DF","surface-hover":"#FFE5BE"},info:{default:"#384DF6",ringColor:r.inputs.onsurface.focus,onsurface:"#2E3FCA",surface:"#D7DBFD"},generic:{default:"#9A9A9A",ringColor:r.inputs.onsurface.focus,onsurface:"#3E3E3E",surface:"#F4F4F4","surface-hover":"#F4F4F4"},hollow:{default:"#9A9A9A",ringColor:r.inputs.onsurface.focus,onsurface:"#3E3E3E",surface:"#F4F4F4","surface-hover":"#FFFFFF"},disabled:{default:"#6C6C6C",ringColor:r.inputs.onsurface.focus,onsurface:"#EEEEEE",surface:"#EEEEEE"}},timebox:{evening:{default:"#9F539F"}},interactive:{primary:{active:"#30606B",hover:"#00282B",pressed:"#214148",onsurface:"#FFFFFF"},secondary:{active:"#9A9A9A",hover:"#222222",pressed:"#101010",onsurface:"#3E3E3E"},tertiary:{active:"#FFCA7D",hover:"#E7A13C",pressed:"#B27330",onsurface:"#222222"},link:{active:e.ColorSky700,hover:e.ColorSky900,disabled:e.ColorGray100,current:"#384DF6"},...r.interactive},inputs:{surface:{active:e.ColorGrayWhite,border:e.ColorGray500,disabled:e.ColorGray100,checked:"#384DF6","checked-hover":"#24319D"},onsurface:{active:"#222222",focus:"#384DF6",placeholder:"#6C6C6C","icon-disabled":"#6C6C6C"},progress:{empty:e.ColorGray300,success:e.ColorGreen400,error:e.ColorRed500,info:e.ColorBlue400}},surface:{border:"#CBCBCB",secondary:"#F4F4F4",tertiary:"#EEEEEE","border-light":"#DFDFDF"},transparent:"transparent",onsurface:{copy:"#3E3E3E","copy-light":e.ColorGray700,"copy-dark":"#222222","copy-disabled":"#6C6C6C"}},F=d;i.gray.white,i.gray.white,i.gray.white,i.gray.white,i.gray[600],i.gray.white,i.gray.white,i.gray.white,i.gray.white,i.gray[600],i.gray.white,i.gray.white,i.gray.white,i.gray.white,i.gray[600],o.interactive.tertiary.onsurface,o.interactive.tertiary.active,o.interactive.tertiary.active,o.interactive.tertiary.onsurface,o.interactive.tertiary.hover,o.interactive.tertiary.hover,o.interactive.tertiary.onsurface,o.interactive.tertiary.pressed,o.interactive.tertiary.pressed,o.interactive.tertiary.onsurface,o.interactive.tertiary.active,o.interactive.tertiary.active,o.interactive.tertiary.onsurface,o.interactive.tertiary.active,o.interactive.tertiary.active,o.interactive.tertiary.onsurface,o.interactive.tertiary.onsurface,o.interactive.tertiary.onsurface,o.interactive.tertiary.pressed,o.interactive.tertiary.pressed,o.interactive.tertiary.onsurface,o.interactive.tertiary.active,o.interactive.tertiary.active,o.interactive.tertiary.onsurface,o.interactive.tertiary.active,o.interactive.tertiary.active;const b={general:{1:"box-shadow: 0px 4px 16px 0px #00000026",2:"box-shadow: 0px 8px 24px -4px #00000026",3:"box-shadow: 0px 2px 3px -1px #00000026",4:"box-shadow: 4px 0px 7px -3px #0000001F"},actions:{1:"box-shadow: 0px 2px 2px -1px #00000033",2:"box-shadow: 0px 1px 2px 0px #00000026"},inputs:{1:"box-shadow: 0px 1px 2px 0px #0000001F"}},m={instant:0,veryfast:.15,fast:.33,medium:.5,slow:1,veryslow:2},W={"ver-padding":4,"right-padding":8,"left-padding":8,radius:50},H={"ver-padding":t.Size1,"hor-padding":t.Size2,radius:l.BorderRadiusMd,gap:t.Size1},T={"ver-padding":t.Size5,"hor-padding":t.Size6,gap:t.Size2},k={button:f,utilityButton:z,iconButton:C,input:v,row:T,badge:W,popover:H},B=(p,s)=>p.status[s].default,g={breakpoints:c,sizing:t,borderRadius:l,typography:u,allColors:i,components:k,motion:m,shadows:b,getStatusColor:B},w={...g,colors:d,mode:"light"},E={...g,colors:F,mode:"dark"};exports.baseTokens=g;exports.breakpoints=c;exports.darkTheme=E;exports.lightTheme=w;exports.sizing=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../design-tokens/variables.cjs"),g={wide:1280,medium:1024,narrow:480},l={BorderRadiusNone:e.BorderRadiusNone,BorderRadiusXs:e.BorderRadiusXs,BorderRadiusSm:e.BorderRadiusSm,BorderRadiusMd:e.BorderRadiusMd,BorderRadiusLg:e.BorderRadiusLg,BorderRadiusXl:e.BorderRadiusXl,BorderRadiusXxl:e.BorderRadiusXxl,BorderRadiusXxxl:e.BorderRadiusXxxl,BorderRadiusRounded:e.BorderRadiusRounded},t={Size1:e.Size1,Size1_5:e.Size1_5,Size2:e.Size2,Size2_5:e.Size2_5,Size3:e.Size3,Size4:e.Size4,Size5:e.Size5,Size6:e.Size6,Size7:e.Size7,Size8:e.Size8,Size10:e.Size10,Size12:e.Size12,Size13:e.Size13,Size14:e.Size14,Size16:e.Size16,Size18:e.Size18,Size20:e.Size20,Size24:e.Size24,Size27:e.Size27,Size28:e.Size28,Size30:e.Size30,Size32:e.Size32,Size34:e.Size34,Size35:e.Size35,Size39:e.Size39,Size43:e.Size43,Size50:e.Size50,Size64:e.Size64,Size05:e.Size05,Size15:e.Size15,Size025:e.Size025,Size25:e.Size25,xs:e.Size1,sm:e.Size2,md:e.Size3,lg:e.Size4,typography1:12,typography2:14,typography3:16},y={display1:"display1",display2:"display2",display3:"display3",heading1:"heading1",heading2:"heading2",heading3:"heading3",subHeading1:"subHeading1",subHeading2:"subHeading2",subHeading3:"subHeading3",body1:"body1",body2:"body2",body3:"body3",body4:"body4",body5:"body5",message:"message",overline1:"overline1",overline2:"overline2",overline3:"overline3",label1:"label1",label2:"label2",label3:"label3",link1:"link1",link2:"link2",link3:"link3",digits1:"digits1",digits2:"digits2",digits3:"digits3"},u={display1:{fontSize:e.TypographyWideFontSizeDisplay1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},display2:{fontSize:e.TypographyWideFontSizeDisplay2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},display3:{fontSize:e.TypographyWideFontSizeDisplay3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"},heading1:{fontSize:e.TypographyWideFontSizeHeading1,lineHeight:"2rem",fontWeight:700,letterSpacing:"0"},heading2:{fontSize:e.TypographyWideFontSizeHeading2,lineHeight:"1.75rem",fontWeight:700,letterSpacing:"0"},heading3:{fontSize:e.TypographyWideFontSizeHeading3,lineHeight:"1.5rem",fontWeight:700,letterSpacing:"0"},subHeading1:{fontSize:e.TypographyWideFontSizeSubHeading1,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading2:{fontSize:e.TypographyWideFontSizeSubHeading2,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading3:{fontSize:e.TypographyWideFontSizeSubHeading3,lineHeight:"1rem",fontWeight:600,letterSpacing:"0"},body1:{fontSize:e.TypographyWideFontSizeBody1,lineHeight:"1.5rem",fontWeight:400,letterSpacing:"0"},body2:{fontSize:e.TypographyWideFontSizeBody2,lineHeight:"1.25rem",fontWeight:400,letterSpacing:"0"},body3:{fontSize:e.TypographyWideFontSizeBody3,lineHeight:"1rem",fontWeight:400,letterSpacing:"0"},body4:{fontSize:e.TypographyWideFontSizeBody4,lineHeight:"0.875rem",fontWeight:400,letterSpacing:"0"},body5:{fontSize:e.TypographyWideFontSizeBody5,lineHeight:"0.75rem",fontWeight:400,letterSpacing:"0"},message:{fontSize:e.TypographyWideFontSizeMessage,lineHeight:"23px",fontWeight:400,letterSpacing:"0"},overline1:{fontSize:e.TypographyWideFontSizeOverline1,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline2:{fontSize:e.TypographyWideFontSizeOverline2,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline3:{fontSize:e.TypographyWideFontSizeOverline3,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},label1:{fontSize:e.TypographyWideFontSizeLabel1,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label2:{fontSize:e.TypographyWideFontSizeLabel2,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label3:{fontSize:e.TypographyWideFontSizeLabel3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},link1:{fontSize:e.TypographyWideFontSizeLink1,lineHeight:"1.5rem",fontWeight:500,letterSpacing:"0"},link2:{fontSize:e.TypographyWideFontSizeLink2,lineHeight:"1.25rem",fontWeight:500,letterSpacing:"0"},link3:{fontSize:e.TypographyWideFontSizeLink3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},digits1:{fontSize:e.TypographyWideFontSizeDigits1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},digits2:{fontSize:e.TypographyWideFontSizeDigits2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},digits3:{fontSize:e.TypographyWideFontSizeDigits3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"}},S={display1:{fontSize:e.TypographyMediumFontSizeDisplay1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},display2:{fontSize:e.TypographyMediumFontSizeDisplay2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},display3:{fontSize:e.TypographyMediumFontSizeDisplay3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"},heading1:{fontSize:e.TypographyMediumFontSizeHeading1,lineHeight:"2rem",fontWeight:700,letterSpacing:"0"},heading2:{fontSize:e.TypographyMediumFontSizeHeading2,lineHeight:"1.75rem",fontWeight:700,letterSpacing:"0"},heading3:{fontSize:e.TypographyMediumFontSizeHeading3,lineHeight:"1.5rem",fontWeight:700,letterSpacing:"0"},subHeading1:{fontSize:e.TypographyMediumFontSizeSubHeading1,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading2:{fontSize:e.TypographyMediumFontSizeSubHeading2,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading3:{fontSize:e.TypographyMediumFontSizeSubHeading3,lineHeight:"1rem",fontWeight:600,letterSpacing:"0"},body1:{fontSize:e.TypographyMediumFontSizeBody1,lineHeight:"1.5rem",fontWeight:400,letterSpacing:"0"},body2:{fontSize:e.TypographyMediumFontSizeBody2,lineHeight:"1.25rem",fontWeight:400,letterSpacing:"0"},body3:{fontSize:e.TypographyMediumFontSizeBody3,lineHeight:"1rem",fontWeight:400,letterSpacing:"0"},body4:{fontSize:e.TypographyMediumFontSizeBody4,lineHeight:"0.875rem",fontWeight:400,letterSpacing:"0"},body5:{fontSize:e.TypographyMediumFontSizeBody5,lineHeight:"0.75rem",fontWeight:400,letterSpacing:"0"},message:{fontSize:e.TypographyMediumFontSizeMessage,lineHeight:"23px",fontWeight:400,letterSpacing:"0"},overline1:{fontSize:e.TypographyMediumFontSizeOverline1,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline2:{fontSize:e.TypographyMediumFontSizeOverline2,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline3:{fontSize:e.TypographyMediumFontSizeOverline3,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},label1:{fontSize:e.TypographyMediumFontSizeLabel1,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label2:{fontSize:e.TypographyMediumFontSizeLabel2,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label3:{fontSize:e.TypographyMediumFontSizeLabel3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},link1:{fontSize:e.TypographyMediumFontSizeLink1,lineHeight:"1.5rem",fontWeight:500,letterSpacing:"0"},link2:{fontSize:e.TypographyMediumFontSizeLink2,lineHeight:"1.25rem",fontWeight:500,letterSpacing:"0"},link3:{fontSize:e.TypographyMediumFontSizeLink3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},digits1:{fontSize:e.TypographyMediumFontSizeDigits1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},digits2:{fontSize:e.TypographyMediumFontSizeDigits2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},digits3:{fontSize:e.TypographyMediumFontSizeDigits3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"}},h={display1:{fontSize:e.TypographyNarrowFontSizeDisplay1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},display2:{fontSize:e.TypographyNarrowFontSizeDisplay2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},display3:{fontSize:e.TypographyNarrowFontSizeDisplay3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"},heading1:{fontSize:e.TypographyNarrowFontSizeHeading1,lineHeight:"2rem",fontWeight:700,letterSpacing:"0"},heading2:{fontSize:e.TypographyNarrowFontSizeHeading2,lineHeight:"1.75rem",fontWeight:700,letterSpacing:"0"},heading3:{fontSize:e.TypographyNarrowFontSizeHeading3,lineHeight:"1.5rem",fontWeight:700,letterSpacing:"0"},subHeading1:{fontSize:e.TypographyNarrowFontSizeSubHeading1,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading2:{fontSize:e.TypographyNarrowFontSizeSubHeading2,lineHeight:"1.25rem",fontWeight:600,letterSpacing:"0"},subHeading3:{fontSize:e.TypographyNarrowFontSizeSubHeading3,lineHeight:"1rem",fontWeight:600,letterSpacing:"0"},body1:{fontSize:e.TypographyNarrowFontSizeBody1,lineHeight:"1.5rem",fontWeight:400,letterSpacing:"0"},body2:{fontSize:e.TypographyNarrowFontSizeBody2,lineHeight:"1.25rem",fontWeight:400,letterSpacing:"0"},body3:{fontSize:e.TypographyNarrowFontSizeBody3,lineHeight:"1rem",fontWeight:400,letterSpacing:"0"},body4:{fontSize:e.TypographyNarrowFontSizeBody4,lineHeight:"0.875rem",fontWeight:400,letterSpacing:"0"},body5:{fontSize:e.TypographyNarrowFontSizeBody5,lineHeight:"0.75rem",fontWeight:400,letterSpacing:"0"},message:{fontSize:e.TypographyNarrowFontSizeMessage,lineHeight:"23px",fontWeight:400,letterSpacing:"0"},overline1:{fontSize:e.TypographyNarrowFontSizeOverline1,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline2:{fontSize:e.TypographyNarrowFontSizeOverline2,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},overline3:{fontSize:e.TypographyNarrowFontSizeOverline3,lineHeight:"0.75rem",fontWeight:500,letterSpacing:"0"},label1:{fontSize:e.TypographyNarrowFontSizeLabel1,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label2:{fontSize:e.TypographyNarrowFontSizeLabel2,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},label3:{fontSize:e.TypographyNarrowFontSizeLabel3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},link1:{fontSize:e.TypographyNarrowFontSizeLink1,lineHeight:"1.5rem",fontWeight:500,letterSpacing:"0"},link2:{fontSize:e.TypographyNarrowFontSizeLink2,lineHeight:"1.25rem",fontWeight:500,letterSpacing:"0"},link3:{fontSize:e.TypographyNarrowFontSizeLink3,lineHeight:"1rem",fontWeight:500,letterSpacing:"0"},digits1:{fontSize:e.TypographyNarrowFontSizeDigits1,lineHeight:"3.5rem",fontWeight:700,letterSpacing:"0"},digits2:{fontSize:e.TypographyNarrowFontSizeDigits2,lineHeight:"3rem",fontWeight:700,letterSpacing:"0"},digits3:{fontSize:e.TypographyNarrowFontSizeDigits3,lineHeight:"2.5rem",fontWeight:700,letterSpacing:"0"}},f={fontFamily:e.TypographyPrimaryFontFamily,wide:u,medium:S,narrow:h},o={red:{100:e.ColorRed100,200:e.ColorRed200,300:e.ColorRed300,400:e.ColorRed400,500:e.ColorRed500,600:e.ColorRed600,700:e.ColorRed700,800:e.ColorRed800,900:e.ColorRed900},orange:{100:e.ColorOrange100,200:e.ColorOrange200,300:e.ColorOrange300,400:e.ColorOrange400,500:e.ColorOrange500,600:e.ColorOrange600,700:e.ColorOrange700,800:e.ColorOrange800,900:e.ColorOrange900},yellow:{100:e.ColorYellow100,200:e.ColorYellow200,300:e.ColorYellow300,400:e.ColorYellow400,500:e.ColorYellow500,600:e.ColorYellow600,700:e.ColorYellow700,800:e.ColorYellow800,900:e.ColorYellow900},green:{100:e.ColorGreen100,200:e.ColorGreen200,300:e.ColorGreen300,400:e.ColorGreen400,500:e.ColorGreen500,600:e.ColorGreen600,700:e.ColorGreen700,800:e.ColorGreen800,900:e.ColorGreen900},sky:{100:e.ColorSky100,200:e.ColorSky200,300:e.ColorSky300,400:e.ColorSky400,500:e.ColorSky500,600:e.ColorSky600,700:e.ColorSky700,800:e.ColorSky800,900:e.ColorSky900},blue:{100:e.ColorBlue100,200:e.ColorBlue200,300:e.ColorBlue300,400:e.ColorBlue400,500:e.ColorBlue500,600:e.ColorBlue600,700:e.ColorBlue700,800:e.ColorBlue800,900:e.ColorBlue900},purple:{100:e.ColorPurple100,200:e.ColorPurple200,300:e.ColorPurple300,400:e.ColorPurple400,500:e.ColorPurple500,600:e.ColorPurple600,700:e.ColorPurple700,800:e.ColorPurple800,900:e.ColorPurple900},gray:{100:e.ColorGray100,200:e.ColorGray200,300:e.ColorGray300,400:e.ColorGray400,500:e.ColorGray500,600:e.ColorGray600,700:e.ColorGray700,800:e.ColorGray800,900:e.ColorGray900,black:e.ColorGrayBlack,white:e.ColorGrayWhite}},v={padding:{verPadding:t.Size25,horPadding:t.Size6},gap:t.Size2,radius:l.BorderRadiusMd},z={padding:{verPadding:10,horPadding:12},gap:t.Size2,radius:l.BorderRadiusSm},C={padding:{verPadding:10,horPadding:12},gap:t.Size2,radius:l.BorderRadiusSm},b={suffixPrefixVerPadding:11,suffixPrefixHorPadding:t.Size2},n={color:"#6C6C6C",backgroundColor:"#EEEEEE",borderColor:"#CBCBCB"},a={color:"#CF3237",backgroundColor:"#FFEBEE",borderColor:"#FFEBEE"},r={interactive:{primary:{active:"#30606B",hover:"#00282B",pressed:"#214148",onsurface:"#FFFFFF"},secondary:{active:"#9A9A9A",hover:"#222222",pressed:"#101010",onsurface:"#3E3E3E"},tertiary:{active:"#FFCA7D",hover:"#E7A13C",pressed:"#B27330",onsurface:"#222222"},destructive:{active:"#CF3237",hover:"#AA292D",pressed:"#842023",onsurface:"#FFFFFF"},link:{active:"#30606B"},utility:{active:"#FFF",onsurface:"#222222",border:"#CBCBCB",hover:"#DEEFF3",pressed:"#CBCBCB"}},inputs:{onsurface:{focus:"#384DF6"}},transparent:"transparent"},i={interactive:{tertiary:{active:"#FFCA7D",hover:"#E7A13C",pressed:"#B27330",onsurface:"#222222"}}},d={primary:{active:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.active,borderColor:r.interactive.primary.active},hover:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.hover,borderColor:r.interactive.primary.hover},pressed:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.pressed,borderColor:r.interactive.primary.pressed},focussed:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.active,borderColor:r.interactive.primary.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.primary.active,borderColor:r.interactive.primary.active,ringColor:r.inputs.onsurface.focus},disabled:n},secondary:{active:{color:r.interactive.secondary.onsurface,backgroundColor:r.transparent,borderColor:r.interactive.secondary.active},hover:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.secondary.hover,borderColor:r.interactive.secondary.hover},pressed:{color:r.interactive.primary.onsurface,backgroundColor:r.interactive.secondary.pressed,borderColor:r.interactive.secondary.active},focussed:{color:r.interactive.secondary.onsurface,backgroundColor:r.transparent,borderColor:r.interactive.secondary.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.secondary.onsurface,backgroundColor:r.transparent,borderColor:r.interactive.secondary.active,ringColor:r.inputs.onsurface.focus},disabled:n},tertiary:{active:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.active,borderColor:r.interactive.tertiary.active},hover:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.hover,borderColor:r.interactive.tertiary.hover},pressed:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.pressed,borderColor:r.interactive.tertiary.pressed},focussed:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.active,borderColor:r.interactive.tertiary.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.active,borderColor:r.interactive.tertiary.active,ringColor:r.inputs.onsurface.focus},disabled:n},destructive:{active:{color:r.interactive.destructive.onsurface,backgroundColor:r.interactive.destructive.active,borderColor:r.interactive.destructive.active},hover:{color:r.interactive.destructive.onsurface,backgroundColor:r.interactive.destructive.hover,borderColor:r.interactive.destructive.hover},pressed:{color:r.interactive.destructive.onsurface,backgroundColor:r.interactive.destructive.pressed,borderColor:r.interactive.destructive.pressed},focussed:{color:r.interactive.destructive.onsurface,backgroundColor:r.interactive.destructive.active,borderColor:r.interactive.destructive.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.destructive.onsurface,backgroundColor:r.interactive.destructive.active,borderColor:r.interactive.destructive.active,ringColor:r.inputs.onsurface.focus},disabled:n},utility:{active:{color:r.interactive.secondary.onsurface,backgroundColor:"#FFF",borderColor:r.interactive.secondary.active},hover:{color:r.interactive.utility.onsurface,backgroundColor:r.interactive.utility.hover,borderColor:r.interactive.utility.border},pressed:{color:r.interactive.secondary.onsurface,backgroundColor:r.interactive.utility.pressed,borderColor:r.interactive.utility.pressed},focussed:{color:r.interactive.secondary.onsurface,backgroundColor:"#FFF",borderColor:r.interactive.secondary.active,ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.secondary.onsurface,backgroundColor:r.transparent,borderColor:r.interactive.secondary.active,ringColor:r.inputs.onsurface.focus},disabled:n},icon:{active:{color:r.interactive.tertiary.onsurface,backgroundColor:"transparent",borderColor:"transparent"},hover:{color:r.interactive.tertiary.onsurface,backgroundColor:"#DEEFF3",borderColor:"transparent"},pressed:{color:r.interactive.tertiary.onsurface,backgroundColor:"#DEEFF3",borderColor:"transparent"},selected:{color:r.interactive.tertiary.onsurface,backgroundColor:"#DEEFF3",borderColor:"transparent"},focussed:{color:r.interactive.tertiary.onsurface,backgroundColor:"transparent",borderColor:"transparent",ringColor:r.inputs.onsurface.focus},error:{...a,ringColor:r.inputs.onsurface.focus},default:{color:r.interactive.tertiary.onsurface,backgroundColor:r.interactive.tertiary.active,borderColor:r.interactive.tertiary.active,ringColor:r.inputs.onsurface.focus},disabled:n},status:{error:{default:"#CF3237",ringColor:r.inputs.onsurface.focus,onsurface:"#AA292D",surface:"#F9D4D5","surface-hover":"#F3A9AB"},success:{default:"#32863E",ringColor:r.inputs.onsurface.focus,onsurface:"#296E33",surface:"#D3EFD7","surface-hover":"#A7DFAF"},warning:{default:e.ColorYellow500,ringColor:r.inputs.onsurface.focus,onsurface:"#704819",surface:"#FFF2DF","surface-hover":"#FFE5BE"},info:{default:"#384DF6",ringColor:r.inputs.onsurface.focus,onsurface:"#2E3FCA",surface:"#D7DBFD"},generic:{default:"#9A9A9A",ringColor:r.inputs.onsurface.focus,onsurface:"#3E3E3E",surface:"#F4F4F4","surface-hover":"#F4F4F4"},hollow:{default:"#9A9A9A",ringColor:r.inputs.onsurface.focus,onsurface:"#3E3E3E",surface:"#F4F4F4","surface-hover":"#FFFFFF"},disabled:{default:"#6C6C6C",ringColor:r.inputs.onsurface.focus,onsurface:"#EEEEEE",surface:"#EEEEEE"}},timebox:{evening:{default:"#9F539F"}},interactive:{primary:{active:"#30606B",hover:"#00282B",pressed:"#214148",onsurface:"#FFFFFF"},secondary:{active:"#9A9A9A",hover:"#222222",pressed:"#101010",onsurface:"#3E3E3E"},tertiary:{active:"#FFCA7D",hover:"#E7A13C",pressed:"#B27330",onsurface:"#222222"},link:{active:e.ColorSky700,hover:e.ColorSky900,disabled:e.ColorGray100,current:"#384DF6"},...r.interactive},inputs:{surface:{active:e.ColorGrayWhite,border:e.ColorGray500,disabled:e.ColorGray100,checked:"#384DF6","checked-hover":"#24319D"},onsurface:{active:"#222222",focus:"#384DF6",placeholder:"#6C6C6C","icon-disabled":"#6C6C6C"},progress:{empty:e.ColorGray300,success:e.ColorGreen400,error:e.ColorRed500,info:e.ColorBlue400}},surface:{border:"#CBCBCB",secondary:"#F4F4F4",tertiary:"#EEEEEE","border-light":"#DFDFDF"},transparent:"transparent",onsurface:{copy:"#3E3E3E","copy-light":e.ColorGray700,"copy-dark":"#222222","copy-disabled":"#6C6C6C"}},F=d;o.gray.white,o.gray.white,o.gray.white,o.gray.white,o.gray[600],o.gray.white,o.gray.white,o.gray.white,o.gray.white,o.gray[600],o.gray.white,o.gray.white,o.gray.white,o.gray.white,o.gray[600],i.interactive.tertiary.onsurface,i.interactive.tertiary.active,i.interactive.tertiary.active,i.interactive.tertiary.onsurface,i.interactive.tertiary.hover,i.interactive.tertiary.hover,i.interactive.tertiary.onsurface,i.interactive.tertiary.pressed,i.interactive.tertiary.pressed,i.interactive.tertiary.onsurface,i.interactive.tertiary.active,i.interactive.tertiary.active,i.interactive.tertiary.onsurface,i.interactive.tertiary.active,i.interactive.tertiary.active,i.interactive.tertiary.onsurface,i.interactive.tertiary.onsurface,i.interactive.tertiary.onsurface,i.interactive.tertiary.pressed,i.interactive.tertiary.pressed,i.interactive.tertiary.onsurface,i.interactive.tertiary.active,i.interactive.tertiary.active,i.interactive.tertiary.onsurface,i.interactive.tertiary.active,i.interactive.tertiary.active;const m={general:{1:"box-shadow: 0px 4px 16px 0px #00000026",2:"box-shadow: 0px 8px 24px -4px #00000026",3:"box-shadow: 0px 2px 3px -1px #00000026",4:"box-shadow: 4px 0px 7px -3px #0000001F"},actions:{1:"box-shadow: 0px 2px 2px -1px #00000033",2:"box-shadow: 0px 1px 2px 0px #00000026"},inputs:{1:"box-shadow: 0px 1px 2px 0px #0000001F"}},H={instant:0,veryfast:.15,fast:.33,medium:.5,slow:1,veryslow:2},W={"ver-padding":4,"right-padding":8,"left-padding":8,radius:50},T={"ver-padding":t.Size1,"hor-padding":t.Size2,radius:l.BorderRadiusMd,gap:t.Size1},k={"ver-padding":t.Size5,"hor-padding":t.Size6,gap:t.Size2},B={button:v,utilityButton:z,iconButton:C,input:b,row:k,badge:W,popover:T},w=(s,p)=>s.status[p].default,c={breakpoints:g,sizing:t,borderRadius:l,typography:f,allColors:o,components:B,motion:H,shadows:m,getStatusColor:w},E={...c,colors:d,mode:"light"},x={...c,colors:F,mode:"dark"};exports.TypographySizeKey=y;exports.baseTokens=c;exports.breakpoints=g;exports.darkTheme=x;exports.lightTheme=E;exports.sizing=t;