@vygruppen/spor-react 12.4.2 → 12.4.4

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 (20) hide show
  1. package/.turbo/turbo-build.log +17 -11
  2. package/.turbo/turbo-postinstall.log +1 -19
  3. package/CHANGELOG.md +20 -0
  4. package/dist/icons/index.d.mts +1 -0
  5. package/dist/icons/index.d.ts +1 -0
  6. package/dist/icons/index.js +14 -0
  7. package/dist/icons/index.js.map +1 -0
  8. package/dist/icons/index.mjs +3 -0
  9. package/dist/icons/index.mjs.map +1 -0
  10. package/dist/index.js +155 -166
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.mjs +152 -158
  13. package/dist/index.mjs.map +1 -1
  14. package/package.json +14 -5
  15. package/src/icons/index.tsx +1 -0
  16. package/src/nudge/Nudge.tsx +2 -1
  17. package/src/theme/semantic-tokens/colors.ts +4 -6
  18. package/src/theme/tokens/colors.ts +4 -6
  19. package/src/toast/toast.tsx +1 -1
  20. package/tsup.config.ts +1 -1
package/dist/index.js CHANGED
@@ -15,15 +15,9 @@ var anatomy = require('@ark-ui/react/anatomy');
15
15
  var popover = require('@ark-ui/react/popover');
16
16
  var date = require('@internationalized/date');
17
17
  var awesomePhonenumber = require('awesome-phonenumber');
18
- var tokens20 = require('@vygruppen/spor-design-tokens');
19
- var react$1 = require('@ark-ui/react');
20
- var react$2 = require('@emotion/react');
21
- var cargonetJson = require('@vygruppen/spor-design-tokens/tokens/color/cargonet.json');
22
- var vyDigitalJson = require('@vygruppen/spor-design-tokens/tokens/color/vy-digital.json');
23
- var VyUtviklingJson = require('@vygruppen/spor-design-tokens/tokens/color/vy-utvikling.json');
24
- var aliasJson = require('@vygruppen/spor-design-tokens/tokens/color/alias.json');
25
- var linjetagJson = require('@vygruppen/spor-design-tokens/tokens/color/linjetag.json');
26
- var paletteJson = require('@vygruppen/spor-design-tokens/tokens/color/palette.json');
18
+ var tokens22 = require('@vygruppen/spor-design-tokens');
19
+ var react$1 = require('@emotion/react');
20
+ var tokens4 = require('@vygruppen/spor-design-tokens/raw-tokens');
27
21
 
28
22
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
29
23
 
@@ -47,13 +41,8 @@ function _interopNamespace(e) {
47
41
 
48
42
  var React28__namespace = /*#__PURE__*/_interopNamespace(React28);
49
43
  var ReactLottie__default = /*#__PURE__*/_interopDefault(ReactLottie);
50
- var tokens20__namespace = /*#__PURE__*/_interopNamespace(tokens20);
51
- var cargonetJson__default = /*#__PURE__*/_interopDefault(cargonetJson);
52
- var vyDigitalJson__default = /*#__PURE__*/_interopDefault(vyDigitalJson);
53
- var VyUtviklingJson__default = /*#__PURE__*/_interopDefault(VyUtviklingJson);
54
- var aliasJson__default = /*#__PURE__*/_interopDefault(aliasJson);
55
- var linjetagJson__default = /*#__PURE__*/_interopDefault(linjetagJson);
56
- var paletteJson__default = /*#__PURE__*/_interopDefault(paletteJson);
44
+ var tokens22__namespace = /*#__PURE__*/_interopNamespace(tokens22);
45
+ var tokens4__default = /*#__PURE__*/_interopDefault(tokens4);
57
46
 
58
47
  // src/accordion/Accordion.tsx
59
48
 
@@ -4607,16 +4596,16 @@ var pressableCardRecipe = react.defineRecipe({
4607
4596
  },
4608
4597
  core: {
4609
4598
  outlineColor: "core.outline",
4610
- outlineWidth: tokens20__namespace.default.size.stroke.sm,
4599
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
4611
4600
  outlineStyle: "solid",
4612
4601
  backgroundColor: "core.surface",
4613
4602
  _hover: {
4614
4603
  outlineColor: "core.outline.hover",
4615
- outlineWidth: tokens20__namespace.default.size.stroke.md,
4604
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
4616
4605
  outlineStyle: "solid",
4617
4606
  _active: {
4618
4607
  backgroundColor: "core.surface.active",
4619
- outlineWidth: tokens20__namespace.default.size.stroke.sm
4608
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
4620
4609
  }
4621
4610
  }
4622
4611
  },
@@ -5686,7 +5675,7 @@ var NudgeContent = React28.forwardRef(
5686
5675
  ({ showCloseButton = true, children, ...props }, ref) => {
5687
5676
  const [currentStep, setCurrentStep] = React28.useState(1);
5688
5677
  const childrenArray = React28__namespace.default.Children.toArray(children);
5689
- const { open } = react$1.usePopoverContext();
5678
+ const { open } = react.usePopoverContext();
5690
5679
  React28.useEffect(() => {
5691
5680
  setCurrentStep(1);
5692
5681
  }, [children, open]);
@@ -5745,7 +5734,7 @@ var NudgeActions = ({ ...props }) => {
5745
5734
  var NextButton = ({ isLastStep, onNext }) => {
5746
5735
  const { t } = useTranslation();
5747
5736
  if (isLastStep)
5748
- return /* @__PURE__ */ jsxRuntime.jsx(react$1.PopoverCloseTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "tertiary", size: "xs", children: t(texts22.close) }) });
5737
+ return /* @__PURE__ */ jsxRuntime.jsx(react.PopoverCloseTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "tertiary", size: "xs", children: t(texts22.close) }) });
5749
5738
  return /* @__PURE__ */ jsxRuntime.jsx(
5750
5739
  Button,
5751
5740
  {
@@ -6047,7 +6036,7 @@ var texts24 = createTexts({
6047
6036
  });
6048
6037
  var fontFaces = `
6049
6038
  @font-face {
6050
- font-family: ${tokens20__namespace.default.asset.font["vy-sans"]["light"].name};
6039
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light"].name};
6051
6040
  src: url("https://www.vy.no/styles/font/VySans-Light.woff2") format("woff2"),
6052
6041
  url("https://www.vy.no/styles/font/VySans-Light.woff") format("woff");
6053
6042
  font-style: normal;
@@ -6055,7 +6044,7 @@ var fontFaces = `
6055
6044
  font-display: swap
6056
6045
  }
6057
6046
  @font-face {
6058
- font-family: ${tokens20__namespace.default.asset.font["vy-sans"]["light-italic"].name};
6047
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light-italic"].name};
6059
6048
  src: url("https://www.vy.no/styles/font/VySans-LightItalic.woff2")
6060
6049
  format("woff2"),
6061
6050
  url("https://www.vy.no/styles/font/VySans-LightItalic.woff") format("woff");
@@ -6064,7 +6053,7 @@ var fontFaces = `
6064
6053
  font-display: swap
6065
6054
  }
6066
6055
  @font-face {
6067
- font-family: ${tokens20__namespace.default.asset.font["vy-sans"]["medium"].name};
6056
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium"].name};
6068
6057
  src: url("https://www.vy.no/styles/font/VySans-Regular.woff2") format("woff2"),
6069
6058
  url("https://www.vy.no/styles/font/VySans-Regular.woff") format("woff");
6070
6059
  font-style: normal;
@@ -6072,7 +6061,7 @@ var fontFaces = `
6072
6061
  font-display: swap
6073
6062
  }
6074
6063
  @font-face {
6075
- font-family: ${tokens20__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
6064
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
6076
6065
  src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
6077
6066
  format("woff2"),
6078
6067
  url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")
@@ -6082,7 +6071,7 @@ var fontFaces = `
6082
6071
  font-display: swap
6083
6072
  }
6084
6073
  @font-face {
6085
- font-family: ${tokens20__namespace.default.asset.font["vy-sans"]["bold"].name};
6074
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold"].name};
6086
6075
  src: url("https://www.vy.no/styles/font/VySans-Bold.woff2") format("woff2"),
6087
6076
  url("https://www.vy.no/styles/font/VySans-Bold.woff") format("woff");
6088
6077
  font-style: normal;
@@ -6090,7 +6079,7 @@ var fontFaces = `
6090
6079
  font-display: swap
6091
6080
  }
6092
6081
  @font-face {
6093
- font-family: ${tokens20__namespace.default.asset.font["vy-sans"]["bold-italic"].name};
6082
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold-italic"].name};
6094
6083
  src: url("https://www.vy.no/styles/font/VySans-BoldItalic.woff2")
6095
6084
  format("woff2"),
6096
6085
  url("https://www.vy.no/styles/font/VySans-BoldItalic.woff") format("woff");
@@ -6099,7 +6088,7 @@ var fontFaces = `
6099
6088
  font-display: swap
6100
6089
  }
6101
6090
  @font-face {
6102
- font-family: ${tokens20__namespace.default.asset.font["vy-display"].name};
6091
+ font-family: ${tokens22__namespace.default.asset.font["vy-display"].name};
6103
6092
  src: url("https://www.vy.no/styles/font/VyDisplay-Medium.woff2")
6104
6093
  format("woff2"),
6105
6094
  url("https://www.vy.no/styles/font/VyDisplay-Medium.woff") format("woff");
@@ -6131,7 +6120,7 @@ var createToast = ({
6131
6120
  }) => toaster.create({
6132
6121
  description: text,
6133
6122
  type: variant,
6134
- id,
6123
+ id: id ?? crypto.randomUUID(),
6135
6124
  duration
6136
6125
  });
6137
6126
  var Toaster = () => {
@@ -6180,7 +6169,7 @@ var SporProvider = ({
6180
6169
  }) => {
6181
6170
  return /* @__PURE__ */ jsxRuntime.jsx(LanguageProvider, { language, children: /* @__PURE__ */ jsxRuntime.jsx(react.ChakraProvider, { value: theme, children: /* @__PURE__ */ jsxRuntime.jsxs(ColorModeProvider, { children: [
6182
6171
  /* @__PURE__ */ jsxRuntime.jsx(Toaster, {}),
6183
- /* @__PURE__ */ jsxRuntime.jsx(react$2.Global, { styles: fontFaces }),
6172
+ /* @__PURE__ */ jsxRuntime.jsx(react$1.Global, { styles: fontFaces }),
6184
6173
  children
6185
6174
  ] }) }) });
6186
6175
  };
@@ -6608,7 +6597,7 @@ var buttonRecipe = react.defineRecipe({
6608
6597
  background: "surface.disabled"
6609
6598
  },
6610
6599
  _focus: {
6611
- outlineOffset: tokens20__namespace.default.size.stroke.md
6600
+ outlineOffset: tokens22__namespace.default.size.stroke.md
6612
6601
  }
6613
6602
  },
6614
6603
  variants: {
@@ -6636,19 +6625,19 @@ var buttonRecipe = react.defineRecipe({
6636
6625
  tertiary: {
6637
6626
  color: "core.text",
6638
6627
  outline: "solid",
6639
- outlineWidth: tokens20__namespace.default.size.stroke.sm,
6628
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6640
6629
  outlineColor: "core.outline",
6641
6630
  _hover: {
6642
- outlineWidth: tokens20__namespace.default.size.stroke.md,
6631
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
6643
6632
  outlineColor: "core.outline.hover",
6644
6633
  _active: {
6645
6634
  background: "core.surface.active",
6646
- outlineWidth: tokens20__namespace.default.size.stroke.sm,
6635
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6647
6636
  outlineColor: "core.outline"
6648
6637
  }
6649
6638
  },
6650
6639
  _focus: {
6651
- outlineWidth: tokens20__namespace.default.size.stroke.sm
6640
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
6652
6641
  }
6653
6642
  },
6654
6643
  ghost: {
@@ -6876,23 +6865,23 @@ var recipes = {
6876
6865
  textarea: textareaRecipe
6877
6866
  };
6878
6867
  var vyDigitalColors = react.defineSemanticTokens.colors({
6879
- ...vyDigitalJson__default.default.color.vyDigital
6868
+ ...tokens4__default.default.color["vy-digital"].color.vyDigital
6880
6869
  });
6881
6870
  var vyUtviklingColors = react.defineSemanticTokens.colors({
6882
- ...VyUtviklingJson__default.default.color.vyUtvikling
6871
+ ...tokens4__default.default.color["vy-utvikling"].color.vyUtvikling
6883
6872
  });
6884
6873
  var cargonetColors = react.defineSemanticTokens.colors({
6885
- ...cargonetJson__default.default.color.cargonet
6874
+ ...tokens4__default.default.color.cargonet.color.cargonet
6886
6875
  });
6887
6876
  var radii = react.defineSemanticTokens.radii({
6888
- none: { value: tokens20__namespace.default.size["border-radius"].none },
6889
- xxs: { value: tokens20__namespace.default.size["border-radius"].xxs },
6890
- xs: { value: tokens20__namespace.default.size["border-radius"].xs },
6891
- sm: { value: tokens20__namespace.default.size["border-radius"].sm },
6892
- md: { value: tokens20__namespace.default.size["border-radius"].md },
6893
- lg: { value: tokens20__namespace.default.size["border-radius"].lg },
6894
- xl: { value: tokens20__namespace.default.size["border-radius"].xl },
6895
- "2xl": { value: tokens20__namespace.default.size["border-radius"]["2xl"] },
6877
+ none: { value: tokens22__namespace.default.size["border-radius"].none },
6878
+ xxs: { value: tokens22__namespace.default.size["border-radius"].xxs },
6879
+ xs: { value: tokens22__namespace.default.size["border-radius"].xs },
6880
+ sm: { value: tokens22__namespace.default.size["border-radius"].sm },
6881
+ md: { value: tokens22__namespace.default.size["border-radius"].md },
6882
+ lg: { value: tokens22__namespace.default.size["border-radius"].lg },
6883
+ xl: { value: tokens22__namespace.default.size["border-radius"].xl },
6884
+ "2xl": { value: tokens22__namespace.default.size["border-radius"]["2xl"] },
6896
6885
  round: { value: "50%" }
6897
6886
  });
6898
6887
  var shadows = react.defineSemanticTokens.shadows({
@@ -6900,13 +6889,13 @@ var shadows = react.defineSemanticTokens.shadows({
6900
6889
  value: "none"
6901
6890
  },
6902
6891
  sm: {
6903
- value: tokens20__namespace.default.depth.shadow.sm.value
6892
+ value: tokens22__namespace.default.depth.shadow.sm.value
6904
6893
  },
6905
6894
  md: {
6906
- value: tokens20__namespace.default.depth.shadow.md.value
6895
+ value: tokens22__namespace.default.depth.shadow.md.value
6907
6896
  },
6908
6897
  lg: {
6909
- value: tokens20__namespace.default.depth.shadow.lg.value
6898
+ value: tokens22__namespace.default.depth.shadow.lg.value
6910
6899
  }
6911
6900
  });
6912
6901
 
@@ -7409,7 +7398,7 @@ var breadcrumbSlotRecipe = react.defineSlotRecipe({
7409
7398
  link: {
7410
7399
  _hover: {
7411
7400
  outlineColor: "core.outline.hover",
7412
- outlineWidth: tokens20__namespace.default.size.stroke.md,
7401
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7413
7402
  outlineStyle: "solid",
7414
7403
  _active: {
7415
7404
  backgroundColor: "core.surface.active",
@@ -7501,10 +7490,10 @@ var checkboxSlotRecipe = react.defineSlotRecipe({
7501
7490
  _focus: {
7502
7491
  outlineStyle: "solid",
7503
7492
  outlineColor: "outline.focus",
7504
- outlineOffset: tokens20__namespace.default.size.stroke.md,
7505
- outlineWidth: tokens20__namespace.default.size.stroke.md,
7493
+ outlineOffset: tokens22__namespace.default.size.stroke.md,
7494
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7506
7495
  borderColor: "core.outline",
7507
- borderWidth: tokens20__namespace.default.size.stroke.md
7496
+ borderWidth: tokens22__namespace.default.size.stroke.md
7508
7497
  }
7509
7498
  },
7510
7499
  label: {
@@ -8158,7 +8147,7 @@ var floatingActionButtonSlotRecipe = react.defineSlotRecipe({
8158
8147
  position: "fixed",
8159
8148
  zIndex: "dropdown",
8160
8149
  _focus: {
8161
- outlineOffset: tokens20__namespace.default.size.stroke.lg,
8150
+ outlineOffset: tokens22__namespace.default.size.stroke.lg,
8162
8151
  outlineColor: "outline.focus"
8163
8152
  },
8164
8153
  _disabled: {
@@ -9163,26 +9152,26 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
9163
9152
  core: {
9164
9153
  item: {
9165
9154
  outlineColor: "core.outline",
9166
- outlineWidth: tokens20__namespace.default.size.stroke.sm,
9155
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
9167
9156
  outlineStyle: "solid",
9168
9157
  backgroundColor: "core.surface",
9169
9158
  _hover: {
9170
9159
  outlineColor: "core.outline.hover",
9171
- outlineWidth: tokens20__namespace.default.size.stroke.md,
9160
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
9172
9161
  outlineStyle: "solid",
9173
9162
  _active: {
9174
9163
  backgroundColor: "core.surface.active",
9175
- outlineWidth: tokens20__namespace.default.size.stroke.sm
9164
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
9176
9165
  }
9177
9166
  },
9178
9167
  _checked: {
9179
9168
  outlineColor: "outline.focus",
9180
- outlineWidth: tokens20__namespace.default.size.stroke.md,
9169
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
9181
9170
  outlineStyle: "solid",
9182
9171
  backgroundColor: "core.surface.active",
9183
9172
  _focusVisible: {
9184
9173
  outlineStyle: "double",
9185
- outlineWidth: `calc(3 * ${tokens20__namespace.default.size.stroke.md})`
9174
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
9186
9175
  // space for double outline
9187
9176
  }
9188
9177
  }
@@ -9207,12 +9196,12 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
9207
9196
  },
9208
9197
  _checked: {
9209
9198
  outlineColor: "outline.focus",
9210
- outlineWidth: tokens20__namespace.default.size.stroke.md,
9199
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
9211
9200
  outlineStyle: "solid",
9212
9201
  backgroundColor: "core.surface.active",
9213
9202
  _focusVisible: {
9214
9203
  outlineStyle: "double",
9215
- outlineWidth: `calc(3 * ${tokens20__namespace.default.size.stroke.md})`
9204
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
9216
9205
  // space for double outline
9217
9206
  }
9218
9207
  }
@@ -9677,7 +9666,7 @@ var switchSlotRecipe = react.defineSlotRecipe({
9677
9666
  backgroundColor: "brand.surface",
9678
9667
  _focusVisible: {
9679
9668
  outlineStyle: "double",
9680
- outlineWidth: `calc(3 * ${tokens20__namespace.default.size.stroke.md})`
9669
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
9681
9670
  // space for double outline
9682
9671
  }
9683
9672
  },
@@ -10053,28 +10042,28 @@ var borders = react.defineTokens.borders({
10053
10042
  value: "0"
10054
10043
  },
10055
10044
  sm: {
10056
- value: `${tokens20__namespace.default.size.stroke.sm} solid`
10045
+ value: `${tokens22__namespace.default.size.stroke.sm} solid`
10057
10046
  },
10058
10047
  "sm-dashed": {
10059
- value: `${tokens20__namespace.default.size.stroke.sm} dashed`
10048
+ value: `${tokens22__namespace.default.size.stroke.sm} dashed`
10060
10049
  },
10061
10050
  md: {
10062
- value: `${tokens20__namespace.default.size.stroke.md} solid`
10051
+ value: `${tokens22__namespace.default.size.stroke.md} solid`
10063
10052
  },
10064
10053
  "md-dashed": {
10065
- value: `${tokens20__namespace.default.size.stroke.md} dashed`
10054
+ value: `${tokens22__namespace.default.size.stroke.md} dashed`
10066
10055
  },
10067
10056
  lg: {
10068
- value: `${tokens20__namespace.default.size.stroke.lg} solid`
10057
+ value: `${tokens22__namespace.default.size.stroke.lg} solid`
10069
10058
  },
10070
10059
  "lg-dashed": {
10071
- value: `${tokens20__namespace.default.size.stroke.lg} dashed`
10060
+ value: `${tokens22__namespace.default.size.stroke.lg} dashed`
10072
10061
  }
10073
10062
  });
10074
10063
  var colors = react.defineTokens.colors({
10075
- ...aliasJson__default.default.color.alias,
10076
- ...paletteJson__default.default.color.palette,
10077
- linjetag: linjetagJson__default.default.color.linjetag
10064
+ ...tokens4__default.default.color.alias.color.alias,
10065
+ ...tokens4__default.default.color.palette.color.palette,
10066
+ linjetag: tokens4__default.default.color.linjetag.color.linjetag
10078
10067
  });
10079
10068
  var cursor = react.defineTokens.cursor({
10080
10069
  button: {
@@ -10140,29 +10129,29 @@ var easings = react.defineTokens.easings({
10140
10129
  }
10141
10130
  });
10142
10131
  var fontSizes = react.defineTokens.fontSizes({
10143
- "2xs": { value: tokens20__namespace.default.size.font.xs.mobile },
10144
- xs: { value: tokens20__namespace.default.size.font.sm.mobile },
10145
- sm: { value: tokens20__namespace.default.size.font.md.mobile },
10146
- md: { value: tokens20__namespace.default.size.font.lg.mobile },
10147
- lg: { value: tokens20__namespace.default.size.font.xl.mobile },
10148
- xl: { value: tokens20__namespace.default.size.font.xxl.mobile },
10149
- "2xl": { value: tokens20__namespace.default.size.font.xl.desktop },
10150
- "3xl": { value: tokens20__namespace.default.size.font.xxl.desktop },
10132
+ "2xs": { value: tokens22__namespace.default.size.font.xs.mobile },
10133
+ xs: { value: tokens22__namespace.default.size.font.sm.mobile },
10134
+ sm: { value: tokens22__namespace.default.size.font.md.mobile },
10135
+ md: { value: tokens22__namespace.default.size.font.lg.mobile },
10136
+ lg: { value: tokens22__namespace.default.size.font.xl.mobile },
10137
+ xl: { value: tokens22__namespace.default.size.font.xxl.mobile },
10138
+ "2xl": { value: tokens22__namespace.default.size.font.xl.desktop },
10139
+ "3xl": { value: tokens22__namespace.default.size.font.xxl.desktop },
10151
10140
  mobile: {
10152
- xs: { value: tokens20__namespace.default.size.font.xs.mobile },
10153
- sm: { value: tokens20__namespace.default.size.font.sm.mobile },
10154
- md: { value: tokens20__namespace.default.size.font.md.mobile },
10155
- lg: { value: tokens20__namespace.default.size.font.lg.mobile },
10156
- xl: { value: tokens20__namespace.default.size.font.xl.mobile },
10157
- xxl: { value: tokens20__namespace.default.size.font.xxl.mobile }
10141
+ xs: { value: tokens22__namespace.default.size.font.xs.mobile },
10142
+ sm: { value: tokens22__namespace.default.size.font.sm.mobile },
10143
+ md: { value: tokens22__namespace.default.size.font.md.mobile },
10144
+ lg: { value: tokens22__namespace.default.size.font.lg.mobile },
10145
+ xl: { value: tokens22__namespace.default.size.font.xl.mobile },
10146
+ xxl: { value: tokens22__namespace.default.size.font.xxl.mobile }
10158
10147
  },
10159
10148
  desktop: {
10160
- xs: { value: tokens20__namespace.default.size.font.xs.desktop },
10161
- sm: { value: tokens20__namespace.default.size.font.sm.desktop },
10162
- md: { value: tokens20__namespace.default.size.font.md.desktop },
10163
- lg: { value: tokens20__namespace.default.size.font.lg.desktop },
10164
- xl: { value: tokens20__namespace.default.size.font.xl.desktop },
10165
- xxl: { value: tokens20__namespace.default.size.font.xxl.desktop }
10149
+ xs: { value: tokens22__namespace.default.size.font.xs.desktop },
10150
+ sm: { value: tokens22__namespace.default.size.font.sm.desktop },
10151
+ md: { value: tokens22__namespace.default.size.font.md.desktop },
10152
+ lg: { value: tokens22__namespace.default.size.font.lg.desktop },
10153
+ xl: { value: tokens22__namespace.default.size.font.xl.desktop },
10154
+ xxl: { value: tokens22__namespace.default.size.font.xxl.desktop }
10166
10155
  }
10167
10156
  });
10168
10157
  var fontWeights = react.defineTokens.fontWeights({
@@ -10195,9 +10184,9 @@ var fontWeights = react.defineTokens.fontWeights({
10195
10184
  }
10196
10185
  });
10197
10186
  var fonts = react.defineTokens.fonts({
10198
- body: { value: `${tokens20__namespace.default.font.family.body}, arial, sans-serif` },
10199
- heading: { value: `${tokens20__namespace.default.font.family.heading}, arial, sans-serif` },
10200
- mono: { value: `${tokens20__namespace.default.font.family.monospace}, monospace` }
10187
+ body: { value: `${tokens22__namespace.default.font.family.body}, arial, sans-serif` },
10188
+ heading: { value: `${tokens22__namespace.default.font.family.heading}, arial, sans-serif` },
10189
+ mono: { value: `${tokens22__namespace.default.font.family.monospace}, monospace` }
10201
10190
  });
10202
10191
  var letterSpacings = react.defineTokens.letterSpacings({
10203
10192
  tighter: {
@@ -10234,31 +10223,31 @@ var lineHeights = react.defineTokens.lineHeights({
10234
10223
  }
10235
10224
  });
10236
10225
  var radii2 = react.defineTokens.radii({
10237
- none: { value: tokens20__namespace.default.size["border-radius"].none },
10238
- xs: { value: tokens20__namespace.default.size["border-radius"].xs },
10239
- sm: { value: tokens20__namespace.default.size["border-radius"].sm },
10240
- md: { value: tokens20__namespace.default.size["border-radius"].md },
10241
- lg: { value: tokens20__namespace.default.size["border-radius"].lg },
10242
- xl: { value: tokens20__namespace.default.size["border-radius"].xl },
10243
- "2xl": { value: tokens20__namespace.default.size["border-radius"]["2xl"] },
10226
+ none: { value: tokens22__namespace.default.size["border-radius"].none },
10227
+ xs: { value: tokens22__namespace.default.size["border-radius"].xs },
10228
+ sm: { value: tokens22__namespace.default.size["border-radius"].sm },
10229
+ md: { value: tokens22__namespace.default.size["border-radius"].md },
10230
+ lg: { value: tokens22__namespace.default.size["border-radius"].lg },
10231
+ xl: { value: tokens22__namespace.default.size["border-radius"].xl },
10232
+ "2xl": { value: tokens22__namespace.default.size["border-radius"]["2xl"] },
10244
10233
  round: { value: "50%" }
10245
10234
  });
10246
10235
  var spacing = react.defineTokens.spacing({
10247
- 0: { value: tokens20__namespace.default.size.spacing["0"] },
10248
- 0.5: { value: tokens20__namespace.default.size.spacing["0.5"] },
10249
- 1: { value: tokens20__namespace.default.size.spacing["1"] },
10250
- 1.5: { value: tokens20__namespace.default.size.spacing["1.5"] },
10251
- 2: { value: tokens20__namespace.default.size.spacing["2"] },
10252
- 3: { value: tokens20__namespace.default.size.spacing["3"] },
10253
- 4: { value: tokens20__namespace.default.size.spacing["4"] },
10254
- 5: { value: tokens20__namespace.default.size.spacing["5"] },
10255
- 6: { value: tokens20__namespace.default.size.spacing["6"] },
10256
- 7: { value: tokens20__namespace.default.size.spacing["7"] },
10257
- 8: { value: tokens20__namespace.default.size.spacing["8"] },
10258
- 9: { value: tokens20__namespace.default.size.spacing["9"] },
10259
- 10: { value: tokens20__namespace.default.size.spacing["10"] },
10260
- 11: { value: tokens20__namespace.default.size.spacing["11"] },
10261
- 12: { value: tokens20__namespace.default.size.spacing["12"] }
10236
+ 0: { value: tokens22__namespace.default.size.spacing["0"] },
10237
+ 0.5: { value: tokens22__namespace.default.size.spacing["0.5"] },
10238
+ 1: { value: tokens22__namespace.default.size.spacing["1"] },
10239
+ 1.5: { value: tokens22__namespace.default.size.spacing["1.5"] },
10240
+ 2: { value: tokens22__namespace.default.size.spacing["2"] },
10241
+ 3: { value: tokens22__namespace.default.size.spacing["3"] },
10242
+ 4: { value: tokens22__namespace.default.size.spacing["4"] },
10243
+ 5: { value: tokens22__namespace.default.size.spacing["5"] },
10244
+ 6: { value: tokens22__namespace.default.size.spacing["6"] },
10245
+ 7: { value: tokens22__namespace.default.size.spacing["7"] },
10246
+ 8: { value: tokens22__namespace.default.size.spacing["8"] },
10247
+ 9: { value: tokens22__namespace.default.size.spacing["9"] },
10248
+ 10: { value: tokens22__namespace.default.size.spacing["10"] },
10249
+ 11: { value: tokens22__namespace.default.size.spacing["11"] },
10250
+ 12: { value: tokens22__namespace.default.size.spacing["12"] }
10262
10251
  });
10263
10252
 
10264
10253
  // src/theme/tokens/sizes.ts
@@ -10295,10 +10284,10 @@ var namedSizes = react.defineTokens.sizes({
10295
10284
  });
10296
10285
  var container = react.defineTokens.sizes({
10297
10286
  base: { value: 0 },
10298
- sm: { value: tokens20__namespace.default.size.breakpoint.sm },
10299
- md: { value: tokens20__namespace.default.size.breakpoint.md },
10300
- lg: { value: tokens20__namespace.default.size.breakpoint.lg },
10301
- xl: { value: tokens20__namespace.default.size.breakpoint.xl }
10287
+ sm: { value: tokens22__namespace.default.size.breakpoint.sm },
10288
+ md: { value: tokens22__namespace.default.size.breakpoint.md },
10289
+ lg: { value: tokens22__namespace.default.size.breakpoint.lg },
10290
+ xl: { value: tokens22__namespace.default.size.breakpoint.xl }
10302
10291
  });
10303
10292
  var sizes = {
10304
10293
  ...largeSizes,
@@ -10307,22 +10296,22 @@ var sizes = {
10307
10296
  container
10308
10297
  };
10309
10298
  var zIndex = react.defineTokens.zIndex({
10310
- hide: { value: tokens20__namespace.default.depth["z-index"].hide },
10299
+ hide: { value: tokens22__namespace.default.depth["z-index"].hide },
10311
10300
  auto: { value: "auto" },
10312
- base: { value: tokens20__namespace.default.depth["z-index"].base },
10313
- docked: { value: tokens20__namespace.default.depth["z-index"].docked },
10314
- dropdown: { value: tokens20__namespace.default.depth["z-index"].dropdown },
10315
- sticky: { value: tokens20__namespace.default.depth["z-index"].sticky },
10316
- banner: { value: tokens20__namespace.default.depth["z-index"].banner },
10317
- overlay: { value: tokens20__namespace.default.depth["z-index"].overlay },
10318
- modal: { value: tokens20__namespace.default.depth["z-index"].modal },
10319
- popover: { value: tokens20__namespace.default.depth["z-index"].popover },
10320
- skipLink: { value: tokens20__namespace.default.depth["z-index"].skipLink },
10321
- toast: { value: tokens20__namespace.default.depth["z-index"].toast }
10301
+ base: { value: tokens22__namespace.default.depth["z-index"].base },
10302
+ docked: { value: tokens22__namespace.default.depth["z-index"].docked },
10303
+ dropdown: { value: tokens22__namespace.default.depth["z-index"].dropdown },
10304
+ sticky: { value: tokens22__namespace.default.depth["z-index"].sticky },
10305
+ banner: { value: tokens22__namespace.default.depth["z-index"].banner },
10306
+ overlay: { value: tokens22__namespace.default.depth["z-index"].overlay },
10307
+ modal: { value: tokens22__namespace.default.depth["z-index"].modal },
10308
+ popover: { value: tokens22__namespace.default.depth["z-index"].popover },
10309
+ skipLink: { value: tokens22__namespace.default.depth["z-index"].skipLink },
10310
+ toast: { value: tokens22__namespace.default.depth["z-index"].toast }
10322
10311
  });
10323
10312
 
10324
10313
  // src/theme/tokens/index.ts
10325
- var tokens18 = {
10314
+ var tokens20 = {
10326
10315
  aspectRatios,
10327
10316
  animations,
10328
10317
  blurs,
@@ -10391,10 +10380,10 @@ var animationStyles = react.defineAnimationStyles({
10391
10380
  });
10392
10381
  var breakpoints = {
10393
10382
  base: "0px",
10394
- sm: tokens20__namespace.default.size.breakpoint.sm,
10395
- md: tokens20__namespace.default.size.breakpoint.md,
10396
- lg: tokens20__namespace.default.size.breakpoint.lg,
10397
- xl: tokens20__namespace.default.size.breakpoint.xl
10383
+ sm: tokens22__namespace.default.size.breakpoint.sm,
10384
+ md: tokens22__namespace.default.size.breakpoint.md,
10385
+ lg: tokens22__namespace.default.size.breakpoint.lg,
10386
+ xl: tokens22__namespace.default.size.breakpoint.xl
10398
10387
  };
10399
10388
 
10400
10389
  // src/theme/tokens/config.ts
@@ -10684,85 +10673,85 @@ var textStyles = react.defineTextStyles({
10684
10673
  xxl: {
10685
10674
  value: {
10686
10675
  fontSize: [
10687
- tokens20__namespace.default.font.style.xxl["font-size"].mobile,
10676
+ tokens22__namespace.default.font.style.xxl["font-size"].mobile,
10688
10677
  null,
10689
10678
  null,
10690
- tokens20__namespace.default.font.style.xxl["font-size"].desktop
10679
+ tokens22__namespace.default.font.style.xxl["font-size"].desktop
10691
10680
  ],
10692
- fontFamily: tokens20__namespace.default.font.style.xxl["font-family"],
10693
- lineHeight: tokens20__namespace.default.font.style.xxl["line-height"]
10681
+ fontFamily: tokens22__namespace.default.font.style.xxl["font-family"],
10682
+ lineHeight: tokens22__namespace.default.font.style.xxl["line-height"]
10694
10683
  }
10695
10684
  },
10696
10685
  "xl-display": {
10697
10686
  value: {
10698
10687
  fontSize: [
10699
- tokens20__namespace.default.font.style["xl-display"]["font-size"].mobile,
10688
+ tokens22__namespace.default.font.style["xl-display"]["font-size"].mobile,
10700
10689
  null,
10701
10690
  null,
10702
- tokens20__namespace.default.font.style["xl-display"]["font-size"].desktop
10691
+ tokens22__namespace.default.font.style["xl-display"]["font-size"].desktop
10703
10692
  ],
10704
- fontFamily: tokens20__namespace.default.font.style["xl-display"]["font-family"],
10705
- lineHeight: tokens20__namespace.default.font.style["xl-display"]["line-height"]
10693
+ fontFamily: tokens22__namespace.default.font.style["xl-display"]["font-family"],
10694
+ lineHeight: tokens22__namespace.default.font.style["xl-display"]["line-height"]
10706
10695
  }
10707
10696
  },
10708
10697
  "xl-sans": {
10709
10698
  value: {
10710
10699
  fontSize: [
10711
- tokens20__namespace.default.font.style["xl-sans"]["font-size"].mobile,
10700
+ tokens22__namespace.default.font.style["xl-sans"]["font-size"].mobile,
10712
10701
  null,
10713
10702
  null,
10714
- tokens20__namespace.default.font.style["xl-sans"]["font-size"].desktop
10703
+ tokens22__namespace.default.font.style["xl-sans"]["font-size"].desktop
10715
10704
  ],
10716
- fontFamily: tokens20__namespace.default.font.style["xl-sans"]["font-family"],
10717
- lineHeight: tokens20__namespace.default.font.style["xl-sans"]["line-height"]
10705
+ fontFamily: tokens22__namespace.default.font.style["xl-sans"]["font-family"],
10706
+ lineHeight: tokens22__namespace.default.font.style["xl-sans"]["line-height"]
10718
10707
  }
10719
10708
  },
10720
10709
  lg: {
10721
10710
  value: {
10722
10711
  fontSize: [
10723
- tokens20__namespace.default.font.style.lg["font-size"].mobile,
10712
+ tokens22__namespace.default.font.style.lg["font-size"].mobile,
10724
10713
  null,
10725
10714
  null,
10726
- tokens20__namespace.default.font.style.lg["font-size"].desktop
10715
+ tokens22__namespace.default.font.style.lg["font-size"].desktop
10727
10716
  ],
10728
- fontFamily: tokens20__namespace.default.font.style.lg["font-family"],
10729
- lineHeight: tokens20__namespace.default.font.style.lg["line-height"]
10717
+ fontFamily: tokens22__namespace.default.font.style.lg["font-family"],
10718
+ lineHeight: tokens22__namespace.default.font.style.lg["line-height"]
10730
10719
  }
10731
10720
  },
10732
10721
  md: {
10733
10722
  value: {
10734
10723
  fontSize: [
10735
- tokens20__namespace.default.font.style.md["font-size"].mobile,
10724
+ tokens22__namespace.default.font.style.md["font-size"].mobile,
10736
10725
  null,
10737
10726
  null,
10738
- tokens20__namespace.default.font.style.md["font-size"].desktop
10727
+ tokens22__namespace.default.font.style.md["font-size"].desktop
10739
10728
  ],
10740
- fontFamily: tokens20__namespace.default.font.style.md["font-family"],
10741
- lineHeight: tokens20__namespace.default.font.style.md["line-height"]
10729
+ fontFamily: tokens22__namespace.default.font.style.md["font-family"],
10730
+ lineHeight: tokens22__namespace.default.font.style.md["line-height"]
10742
10731
  }
10743
10732
  },
10744
10733
  sm: {
10745
10734
  value: {
10746
10735
  fontSize: [
10747
- tokens20__namespace.default.font.style.sm["font-size"].mobile,
10736
+ tokens22__namespace.default.font.style.sm["font-size"].mobile,
10748
10737
  null,
10749
10738
  null,
10750
- tokens20__namespace.default.font.style.sm["font-size"].desktop
10739
+ tokens22__namespace.default.font.style.sm["font-size"].desktop
10751
10740
  ],
10752
- fontFamily: tokens20__namespace.default.font.style.sm["font-family"],
10753
- lineHeight: tokens20__namespace.default.font.style.sm["line-height"]
10741
+ fontFamily: tokens22__namespace.default.font.style.sm["font-family"],
10742
+ lineHeight: tokens22__namespace.default.font.style.sm["line-height"]
10754
10743
  }
10755
10744
  },
10756
10745
  xs: {
10757
10746
  value: {
10758
10747
  fontSize: [
10759
- tokens20__namespace.default.font.style.xs["font-size"].mobile,
10748
+ tokens22__namespace.default.font.style.xs["font-size"].mobile,
10760
10749
  null,
10761
10750
  null,
10762
- tokens20__namespace.default.font.style.xs["font-size"].desktop
10751
+ tokens22__namespace.default.font.style.xs["font-size"].desktop
10763
10752
  ],
10764
- fontFamily: tokens20__namespace.default.font.style.xs["font-family"],
10765
- lineHeight: tokens20__namespace.default.font.style.xs["line-height"]
10753
+ fontFamily: tokens22__namespace.default.font.style.xs["font-family"],
10754
+ lineHeight: tokens22__namespace.default.font.style.xs["line-height"]
10766
10755
  }
10767
10756
  }
10768
10757
  });
@@ -10773,7 +10762,7 @@ var generateTheme = (brand) => {
10773
10762
  theme: {
10774
10763
  breakpoints,
10775
10764
  keyframes,
10776
- tokens: tokens18,
10765
+ tokens: tokens20,
10777
10766
  semanticTokens: semanticTokens[brand],
10778
10767
  recipes,
10779
10768
  slotRecipes,
@@ -11010,7 +10999,7 @@ Object.defineProperty(exports, "Time", {
11010
10999
  enumerable: true,
11011
11000
  get: function () { return date.Time; }
11012
11001
  });
11013
- exports.tokens = tokens20__namespace;
11002
+ exports.tokens = tokens22__namespace;
11014
11003
  exports.Accordion = Accordion;
11015
11004
  exports.AccordionItem = AccordionItem;
11016
11005
  exports.AccordionItemContent = AccordionItemContent;