@vygruppen/spor-react 12.24.4 → 12.24.6

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 (13) hide show
  1. package/.turbo/turbo-build.log +12 -12
  2. package/.turbo/turbo-postinstall.log +2 -2
  3. package/CHANGELOG.md +14 -0
  4. package/dist/index.cjs +211 -192
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.cts +8 -10
  7. package/dist/index.d.ts +8 -10
  8. package/dist/index.mjs +211 -192
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +3 -3
  11. package/src/input/Autocomplete.tsx +8 -1
  12. package/src/input/Select.tsx +20 -6
  13. package/src/theme/slot-recipes/switch.ts +14 -15
package/dist/index.cjs CHANGED
@@ -15,7 +15,7 @@ var lu = require('react-icons/lu');
15
15
  var reactSwipeable = require('react-swipeable');
16
16
  var awesomePhonenumber = require('awesome-phonenumber');
17
17
  var react$2 = require('@emotion/react');
18
- var tokens23 = require('@vygruppen/spor-design-tokens');
18
+ var tokens22 = require('@vygruppen/spor-design-tokens');
19
19
  var tokens4 = require('@vygruppen/spor-design-tokens/raw-tokens');
20
20
  var react$1 = require('@ark-ui/react');
21
21
  var anatomy = require('@ark-ui/react/anatomy');
@@ -45,7 +45,7 @@ function _interopNamespace(e) {
45
45
  var spor_icon_react_star__namespace = /*#__PURE__*/_interopNamespace(spor_icon_react_star);
46
46
  var React20__namespace = /*#__PURE__*/_interopNamespace(React20);
47
47
  var ReactLottie__default = /*#__PURE__*/_interopDefault(ReactLottie);
48
- var tokens23__namespace = /*#__PURE__*/_interopNamespace(tokens23);
48
+ var tokens22__namespace = /*#__PURE__*/_interopNamespace(tokens22);
49
49
  var tokens4__default = /*#__PURE__*/_interopDefault(tokens4);
50
50
 
51
51
  var __defProp = Object.defineProperty;
@@ -3389,10 +3389,20 @@ var Autocomplete = ({
3389
3389
  ) }),
3390
3390
  /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "xs" }) }) })
3391
3391
  ] }),
3392
- /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Combobox.Content, { children: [
3393
- /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
3394
- loading ? /* @__PURE__ */ jsxRuntime.jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: filteredChildren })
3395
- ] }) })
3392
+ /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(
3393
+ react.Combobox.Content,
3394
+ {
3395
+ onBlur: (event) => {
3396
+ if (!event.currentTarget.contains(event.relatedTarget)) {
3397
+ combobox.setOpen(false);
3398
+ }
3399
+ },
3400
+ children: [
3401
+ /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
3402
+ loading ? /* @__PURE__ */ jsxRuntime.jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: filteredChildren })
3403
+ ]
3404
+ }
3405
+ ) })
3396
3406
  ] });
3397
3407
  };
3398
3408
  var AutocompleteItemGroup = react.Combobox.ItemGroup;
@@ -4477,6 +4487,7 @@ var Select = React20__namespace.forwardRef(
4477
4487
  errorText,
4478
4488
  invalid,
4479
4489
  helperText,
4490
+ css,
4480
4491
  ...rest
4481
4492
  } = props;
4482
4493
  const recipe = react.useSlotRecipe({ key: "select" });
@@ -4489,6 +4500,7 @@ var Select = React20__namespace.forwardRef(
4489
4500
  helperText,
4490
4501
  required: props.required,
4491
4502
  id: rest.id,
4503
+ css,
4492
4504
  children: /* @__PURE__ */ jsxRuntime.jsxs(
4493
4505
  react.Select.Root,
4494
4506
  {
@@ -4501,7 +4513,7 @@ var Select = React20__namespace.forwardRef(
4501
4513
  children: [
4502
4514
  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { "data-attachable": true, children: /* @__PURE__ */ jsxRuntime.jsx(SelectValueText, { withPlaceholder: label ? true : false }) }),
4503
4515
  label && /* @__PURE__ */ jsxRuntime.jsx(SelectLabel, { css: styles.label, children: label }),
4504
- /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { css: styles.selectContent, children })
4516
+ /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { css: styles.selectContent, baseStyle: css, children })
4505
4517
  ]
4506
4518
  }
4507
4519
  )
@@ -4528,7 +4540,7 @@ var SelectItem = React20__namespace.forwardRef(
4528
4540
  return /* @__PURE__ */ jsxRuntime.jsxs(react.Select.Item, { item, ...rest, ref, css: styles.item, children: [
4529
4541
  /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { width: "100%", children: [
4530
4542
  /* @__PURE__ */ jsxRuntime.jsx(react.Select.ItemText, { display: "flex", children }),
4531
- description && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { css: styles.itemDescription, children: description })
4543
+ description && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { "data-part": "item-description", css: styles.itemDescription, children: description })
4532
4544
  ] }),
4533
4545
  /* @__PURE__ */ jsxRuntime.jsx(react.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.CheckmarkFill18Icon, {}) })
4534
4546
  ] });
@@ -4548,10 +4560,17 @@ var SelectTrigger = React20__namespace.forwardRef(function SelectTrigger2(props,
4548
4560
  const styles = recipe();
4549
4561
  return /* @__PURE__ */ jsxRuntime.jsxs(react.Select.Control, { ...rest, css: styles.control, children: [
4550
4562
  /* @__PURE__ */ jsxRuntime.jsx(react.Select.Trigger, { ref, css: styles.trigger, children }),
4551
- /* @__PURE__ */ jsxRuntime.jsxs(react.Select.IndicatorGroup, { css: styles.indicatorGroup, children: [
4552
- clearable && /* @__PURE__ */ jsxRuntime.jsx(SelectClearTrigger, {}),
4553
- /* @__PURE__ */ jsxRuntime.jsx(react.Box, { css: styles.indicator, children: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.DropdownDownFill24Icon, {}) })
4554
- ] })
4563
+ /* @__PURE__ */ jsxRuntime.jsxs(
4564
+ react.Select.IndicatorGroup,
4565
+ {
4566
+ css: styles.indicatorGroup,
4567
+ "data-part": "indicator-group",
4568
+ children: [
4569
+ clearable && /* @__PURE__ */ jsxRuntime.jsx(SelectClearTrigger, {}),
4570
+ /* @__PURE__ */ jsxRuntime.jsx(react.Box, { css: styles.indicator, "data-part": "indicator", children: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.DropdownDownFill24Icon, {}) })
4571
+ ]
4572
+ }
4573
+ )
4555
4574
  ] });
4556
4575
  });
4557
4576
  var SelectClearTrigger = React20__namespace.forwardRef(function SelectClearTrigger2(props, ref) {
@@ -4566,8 +4585,8 @@ var SelectClearTrigger = React20__namespace.forwardRef(function SelectClearTrigg
4566
4585
  ) });
4567
4586
  });
4568
4587
  var SelectContent = React20__namespace.forwardRef(function SelectContent2(props, ref) {
4569
- const { portalled = true, portalRef, ...rest } = props;
4570
- return /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsxRuntime.jsx(react.Select.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Select.Content, { ...rest, ref }) }) });
4588
+ const { portalled = true, portalRef, baseStyle, ...rest } = props;
4589
+ return /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsxRuntime.jsx(react.Select.Positioner, { css: baseStyle, children: /* @__PURE__ */ jsxRuntime.jsx(react.Select.Content, { ...rest, ref }) }) });
4571
4590
  });
4572
4591
  var SelectValueText = React20__namespace.forwardRef(function SelectValueText2(props, ref) {
4573
4592
  const { children, withPlaceholder, placeholder, ...rest } = props;
@@ -5990,7 +6009,7 @@ var texts26 = createTexts({
5990
6009
  });
5991
6010
  var fontFaces = `
5992
6011
  @font-face {
5993
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["light"].name};
6012
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light"].name};
5994
6013
  src: url("https://www.vy.no/styles/font/VySans-Light.woff2") format("woff2"),
5995
6014
  url("https://www.vy.no/styles/font/VySans-Light.woff") format("woff");
5996
6015
  font-style: normal;
@@ -5998,7 +6017,7 @@ var fontFaces = `
5998
6017
  font-display: swap
5999
6018
  }
6000
6019
  @font-face {
6001
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["light-italic"].name};
6020
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light-italic"].name};
6002
6021
  src: url("https://www.vy.no/styles/font/VySans-LightItalic.woff2")
6003
6022
  format("woff2"),
6004
6023
  url("https://www.vy.no/styles/font/VySans-LightItalic.woff") format("woff");
@@ -6007,7 +6026,7 @@ var fontFaces = `
6007
6026
  font-display: swap
6008
6027
  }
6009
6028
  @font-face {
6010
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["medium"].name};
6029
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium"].name};
6011
6030
  src: url("https://www.vy.no/styles/font/VySans-Regular.woff2") format("woff2"),
6012
6031
  url("https://www.vy.no/styles/font/VySans-Regular.woff") format("woff");
6013
6032
  font-style: normal;
@@ -6015,7 +6034,7 @@ var fontFaces = `
6015
6034
  font-display: swap
6016
6035
  }
6017
6036
  @font-face {
6018
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
6037
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
6019
6038
  src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
6020
6039
  format("woff2"),
6021
6040
  url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")
@@ -6025,7 +6044,7 @@ var fontFaces = `
6025
6044
  font-display: swap
6026
6045
  }
6027
6046
  @font-face {
6028
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["bold"].name};
6047
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold"].name};
6029
6048
  src: url("https://www.vy.no/styles/font/VySans-Bold.woff2") format("woff2"),
6030
6049
  url("https://www.vy.no/styles/font/VySans-Bold.woff") format("woff");
6031
6050
  font-style: normal;
@@ -6033,7 +6052,7 @@ var fontFaces = `
6033
6052
  font-display: swap
6034
6053
  }
6035
6054
  @font-face {
6036
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["bold-italic"].name};
6055
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold-italic"].name};
6037
6056
  src: url("https://www.vy.no/styles/font/VySans-BoldItalic.woff2")
6038
6057
  format("woff2"),
6039
6058
  url("https://www.vy.no/styles/font/VySans-BoldItalic.woff") format("woff");
@@ -6042,7 +6061,7 @@ var fontFaces = `
6042
6061
  font-display: swap
6043
6062
  }
6044
6063
  @font-face {
6045
- font-family: ${tokens23__namespace.default.asset.font["vy-display"].name};
6064
+ font-family: ${tokens22__namespace.default.asset.font["vy-display"].name};
6046
6065
  src: url("https://www.vy.no/styles/font/VyDisplay-Medium.woff2")
6047
6066
  format("woff2"),
6048
6067
  url("https://www.vy.no/styles/font/VyDisplay-Medium.woff") format("woff");
@@ -6518,7 +6537,7 @@ var buttonRecipe = react.defineRecipe({
6518
6537
  background: "surface.disabled"
6519
6538
  },
6520
6539
  _focus: {
6521
- outlineOffset: tokens23__namespace.default.size.stroke.md
6540
+ outlineOffset: tokens22__namespace.default.size.stroke.md
6522
6541
  }
6523
6542
  },
6524
6543
  variants: {
@@ -6549,19 +6568,19 @@ var buttonRecipe = react.defineRecipe({
6549
6568
  color: "core.text",
6550
6569
  outline: "solid",
6551
6570
  fontWeight: "normal",
6552
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6571
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6553
6572
  outlineColor: "core.outline",
6554
6573
  _hover: {
6555
- outlineWidth: tokens23__namespace.default.size.stroke.md,
6574
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
6556
6575
  outlineColor: "core.outline.hover",
6557
6576
  _active: {
6558
6577
  background: "core.surface.active",
6559
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6578
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6560
6579
  outlineColor: "core.outline"
6561
6580
  }
6562
6581
  },
6563
6582
  _focus: {
6564
- outlineWidth: tokens23__namespace.default.size.stroke.sm
6583
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
6565
6584
  }
6566
6585
  },
6567
6586
  ghost: {
@@ -6877,15 +6896,15 @@ var pressableCardRecipe = react.defineRecipe({
6877
6896
  },
6878
6897
  core: {
6879
6898
  outlineColor: "core.outline",
6880
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6899
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6881
6900
  outlineStyle: "solid",
6882
6901
  _hover: {
6883
6902
  outlineColor: "core.outline.hover",
6884
- outlineWidth: tokens23__namespace.default.size.stroke.md,
6903
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
6885
6904
  outlineStyle: "solid",
6886
6905
  _active: {
6887
6906
  backgroundColor: "core.surface.active",
6888
- outlineWidth: tokens23__namespace.default.size.stroke.sm
6907
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
6889
6908
  }
6890
6909
  }
6891
6910
  },
@@ -7111,34 +7130,34 @@ var cargonetColors = react.defineSemanticTokens.colors({
7111
7130
  ...tokens4__default.default.color.cargonet.color.cargonet
7112
7131
  });
7113
7132
  var radii = react.defineSemanticTokens.radii({
7114
- none: { value: tokens23__namespace.default.size["border-radius"].none },
7115
- xxs: { value: tokens23__namespace.default.size["border-radius"].xxs },
7116
- xs: { value: tokens23__namespace.default.size["border-radius"].xs },
7117
- sm: { value: tokens23__namespace.default.size["border-radius"].sm },
7118
- md: { value: tokens23__namespace.default.size["border-radius"].md },
7119
- lg: { value: tokens23__namespace.default.size["border-radius"].lg },
7120
- xl: { value: tokens23__namespace.default.size["border-radius"].xl },
7121
- "2xl": { value: tokens23__namespace.default.size["border-radius"]["2xl"] },
7133
+ none: { value: tokens22__namespace.default.size["border-radius"].none },
7134
+ xxs: { value: tokens22__namespace.default.size["border-radius"].xxs },
7135
+ xs: { value: tokens22__namespace.default.size["border-radius"].xs },
7136
+ sm: { value: tokens22__namespace.default.size["border-radius"].sm },
7137
+ md: { value: tokens22__namespace.default.size["border-radius"].md },
7138
+ lg: { value: tokens22__namespace.default.size["border-radius"].lg },
7139
+ xl: { value: tokens22__namespace.default.size["border-radius"].xl },
7140
+ "2xl": { value: tokens22__namespace.default.size["border-radius"]["2xl"] },
7122
7141
  round: { value: "50%" }
7123
7142
  });
7124
7143
  var shadows = react.defineSemanticTokens.shadows({
7125
7144
  none: { value: "none" },
7126
7145
  sm: {
7127
7146
  value: {
7128
- _light: tokens23__namespace.default.depth.shadow.sm.value._light,
7129
- _dark: tokens23__namespace.default.depth.shadow.sm.value._dark
7147
+ _light: tokens22__namespace.default.depth.shadow.sm.value._light,
7148
+ _dark: tokens22__namespace.default.depth.shadow.sm.value._dark
7130
7149
  }
7131
7150
  },
7132
7151
  md: {
7133
7152
  value: {
7134
- _light: tokens23__namespace.default.depth.shadow.md.value._light,
7135
- _dark: tokens23__namespace.default.depth.shadow.md.value._dark
7153
+ _light: tokens22__namespace.default.depth.shadow.md.value._light,
7154
+ _dark: tokens22__namespace.default.depth.shadow.md.value._dark
7136
7155
  }
7137
7156
  },
7138
7157
  lg: {
7139
7158
  value: {
7140
- _light: tokens23__namespace.default.depth.shadow.lg.value._light,
7141
- _dark: tokens23__namespace.default.depth.shadow.lg.value._dark
7159
+ _light: tokens22__namespace.default.depth.shadow.lg.value._light,
7160
+ _dark: tokens22__namespace.default.depth.shadow.lg.value._dark
7142
7161
  }
7143
7162
  }
7144
7163
  });
@@ -7498,7 +7517,7 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7498
7517
  core: {
7499
7518
  item: {
7500
7519
  outline: "solid",
7501
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7520
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7502
7521
  outlineColor: "core.outline"
7503
7522
  },
7504
7523
  itemTrigger: {
@@ -7506,14 +7525,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7506
7525
  borderBottomRadius: "none"
7507
7526
  },
7508
7527
  "&:hover": {
7509
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7528
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7510
7529
  outlineColor: "core.outline",
7511
7530
  outline: "2px solid",
7512
7531
  outlineOffset: 0
7513
7532
  },
7514
7533
  "&:active": {
7515
7534
  backgroundColor: "core.surface.active",
7516
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7535
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7517
7536
  outline: "none"
7518
7537
  }
7519
7538
  }
@@ -7531,7 +7550,7 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7531
7550
  floating: {
7532
7551
  item: {
7533
7552
  outline: "1px solid",
7534
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7553
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7535
7554
  boxShadow: "sm",
7536
7555
  outlineColor: "floating.outline"
7537
7556
  },
@@ -7540,14 +7559,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7540
7559
  borderBottomRadius: "none"
7541
7560
  },
7542
7561
  "&:hover": {
7543
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7562
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7544
7563
  outline: "1px solid",
7545
7564
  outlineColor: "floating.outline.hover",
7546
7565
  outlineOffset: 1
7547
7566
  },
7548
7567
  "&:active": {
7549
7568
  backgroundColor: "floating.surface.active",
7550
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7569
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7551
7570
  outline: "none"
7552
7571
  }
7553
7572
  }
@@ -7971,7 +7990,7 @@ var breadcrumbSlotRecipe = react.defineSlotRecipe({
7971
7990
  link: {
7972
7991
  _hover: {
7973
7992
  outlineColor: "core.outline.hover",
7974
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7993
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7975
7994
  outlineStyle: "solid",
7976
7995
  _active: {
7977
7996
  backgroundColor: "core.surface.active",
@@ -8061,10 +8080,10 @@ var checkboxSlotRecipe = react.defineSlotRecipe({
8061
8080
  _focus: {
8062
8081
  outlineStyle: "solid",
8063
8082
  outlineColor: "outline.focus",
8064
- outlineOffset: tokens23__namespace.default.size.stroke.md,
8065
- outlineWidth: tokens23__namespace.default.size.stroke.md,
8083
+ outlineOffset: tokens22__namespace.default.size.stroke.md,
8084
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
8066
8085
  borderColor: "core.outline",
8067
- borderWidth: tokens23__namespace.default.size.stroke.md
8086
+ borderWidth: tokens22__namespace.default.size.stroke.md
8068
8087
  }
8069
8088
  },
8070
8089
  label: {
@@ -8993,7 +9012,7 @@ var floatingActionButtonSlotRecipe = react.defineSlotRecipe({
8993
9012
  position: "fixed",
8994
9013
  zIndex: "dropdown",
8995
9014
  _focus: {
8996
- outlineOffset: tokens23__namespace.default.size.stroke.lg,
9015
+ outlineOffset: tokens22__namespace.default.size.stroke.lg,
8997
9016
  outlineColor: "outline.focus"
8998
9017
  },
8999
9018
  _disabled: {
@@ -10102,25 +10121,25 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
10102
10121
  core: {
10103
10122
  item: {
10104
10123
  outlineColor: "core.outline",
10105
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
10124
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
10106
10125
  outlineStyle: "solid",
10107
10126
  _hover: {
10108
10127
  outlineColor: "core.outline.hover",
10109
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10128
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10110
10129
  outlineStyle: "solid",
10111
10130
  _active: {
10112
10131
  backgroundColor: "core.surface.active",
10113
- outlineWidth: tokens23__namespace.default.size.stroke.sm
10132
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
10114
10133
  }
10115
10134
  },
10116
10135
  _checked: {
10117
10136
  outlineColor: "outline.focus",
10118
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10137
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10119
10138
  outlineStyle: "solid",
10120
10139
  backgroundColor: "core.surface.active",
10121
10140
  _focusVisible: {
10122
10141
  outlineStyle: "double",
10123
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10142
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
10124
10143
  // space for double outline
10125
10144
  }
10126
10145
  }
@@ -10145,12 +10164,12 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
10145
10164
  },
10146
10165
  _checked: {
10147
10166
  outlineColor: "outline.focus",
10148
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10167
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10149
10168
  outlineStyle: "solid",
10150
10169
  backgroundColor: "core.surface.active",
10151
10170
  _focusVisible: {
10152
10171
  outlineStyle: "double",
10153
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10172
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
10154
10173
  // space for double outline
10155
10174
  }
10156
10175
  }
@@ -10547,7 +10566,8 @@ var switchSlotRecipe = react.defineSlotRecipe({
10547
10566
  height: "var(--switch-height)",
10548
10567
  transitionProperty: "common",
10549
10568
  transitionDuration: "fast",
10550
- outline: "2px solid",
10569
+ outline: "1px solid",
10570
+ outlineOffset: "-1px",
10551
10571
  outlineColor: "core.outline",
10552
10572
  _hover: {
10553
10573
  outline: "2px solid",
@@ -10560,14 +10580,16 @@ var switchSlotRecipe = react.defineSlotRecipe({
10560
10580
  _focusVisible: {
10561
10581
  outlineWidth: "2px",
10562
10582
  outlineColor: "outline.focus",
10563
- outlineStyle: "solid"
10583
+ outlineStyle: "double"
10564
10584
  },
10565
10585
  _checked: {
10566
10586
  backgroundColor: "brand.surface",
10587
+ outline: "none",
10567
10588
  _focusVisible: {
10568
- outlineStyle: "double",
10569
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10570
- // space for double outline
10589
+ outlineOffset: "1px",
10590
+ outlineStyle: "solid",
10591
+ outlineColor: "outline.focus",
10592
+ outlineWidth: "2px"
10571
10593
  }
10572
10594
  },
10573
10595
  _disabled: {
@@ -10589,32 +10611,29 @@ var switchSlotRecipe = react.defineSlotRecipe({
10589
10611
  size: {
10590
10612
  sm: {
10591
10613
  root: {
10592
- "--switch-width": "3.3rem",
10593
- "--switch-height": "1.5rem"
10614
+ "--switch-width": "3rem",
10615
+ "--switch-height": "1.125rem"
10594
10616
  },
10595
10617
  control: {
10596
- borderRadius: "lg",
10597
- padding: "0.12rem"
10618
+ borderRadius: "lg"
10598
10619
  }
10599
10620
  },
10600
10621
  md: {
10601
10622
  root: {
10602
- "--switch-width": "4.1rem",
10603
- "--switch-height": "1.8rem"
10623
+ "--switch-width": "3.75rem",
10624
+ "--switch-height": "1.5rem"
10604
10625
  },
10605
10626
  control: {
10606
- borderRadius: "xl",
10607
- padding: 0.5
10627
+ borderRadius: "xl"
10608
10628
  }
10609
10629
  },
10610
10630
  lg: {
10611
10631
  root: {
10612
- "--switch-width": "4.8rem",
10613
- "--switch-height": "2.25rem"
10632
+ "--switch-width": "4.5rem",
10633
+ "--switch-height": "1.875rem"
10614
10634
  },
10615
10635
  control: {
10616
- borderRadius: "2xl",
10617
- padding: 0.5
10636
+ borderRadius: "2xl"
10618
10637
  }
10619
10638
  }
10620
10639
  }
@@ -11132,22 +11151,22 @@ var borders = react.defineTokens.borders({
11132
11151
  value: "0"
11133
11152
  },
11134
11153
  sm: {
11135
- value: `${tokens23__namespace.default.size.stroke.sm} solid`
11154
+ value: `${tokens22__namespace.default.size.stroke.sm} solid`
11136
11155
  },
11137
11156
  "sm-dashed": {
11138
- value: `${tokens23__namespace.default.size.stroke.sm} dashed`
11157
+ value: `${tokens22__namespace.default.size.stroke.sm} dashed`
11139
11158
  },
11140
11159
  md: {
11141
- value: `${tokens23__namespace.default.size.stroke.md} solid`
11160
+ value: `${tokens22__namespace.default.size.stroke.md} solid`
11142
11161
  },
11143
11162
  "md-dashed": {
11144
- value: `${tokens23__namespace.default.size.stroke.md} dashed`
11163
+ value: `${tokens22__namespace.default.size.stroke.md} dashed`
11145
11164
  },
11146
11165
  lg: {
11147
- value: `${tokens23__namespace.default.size.stroke.lg} solid`
11166
+ value: `${tokens22__namespace.default.size.stroke.lg} solid`
11148
11167
  },
11149
11168
  "lg-dashed": {
11150
- value: `${tokens23__namespace.default.size.stroke.lg} dashed`
11169
+ value: `${tokens22__namespace.default.size.stroke.lg} dashed`
11151
11170
  }
11152
11171
  });
11153
11172
  var colors = react.defineTokens.colors({
@@ -11219,33 +11238,33 @@ var easings = react.defineTokens.easings({
11219
11238
  }
11220
11239
  });
11221
11240
  var fontSizes = react.defineTokens.fontSizes({
11222
- "2xs": { value: tokens23__namespace.default.size.font.xs.mobile },
11223
- xs: { value: tokens23__namespace.default.size.font.sm.mobile },
11224
- sm: { value: tokens23__namespace.default.size.font.md.mobile },
11225
- md: { value: tokens23__namespace.default.size.font.lg.mobile },
11226
- lg: { value: tokens23__namespace.default.size.font.xl.mobile },
11227
- xl: { value: tokens23__namespace.default.size.font.xxl.mobile },
11228
- "2xl": { value: tokens23__namespace.default.size.font.xl.desktop },
11229
- "3xl": { value: tokens23__namespace.default.size.font.xxl.desktop },
11241
+ "2xs": { value: tokens22__namespace.default.size.font.xs.mobile },
11242
+ xs: { value: tokens22__namespace.default.size.font.sm.mobile },
11243
+ sm: { value: tokens22__namespace.default.size.font.md.mobile },
11244
+ md: { value: tokens22__namespace.default.size.font.lg.mobile },
11245
+ lg: { value: tokens22__namespace.default.size.font.xl.mobile },
11246
+ xl: { value: tokens22__namespace.default.size.font.xxl.mobile },
11247
+ "2xl": { value: tokens22__namespace.default.size.font.xl.desktop },
11248
+ "3xl": { value: tokens22__namespace.default.size.font.xxl.desktop },
11230
11249
  mobile: {
11231
- "2xs": { value: tokens23__namespace.default.size.font["2xs"].mobile },
11232
- xs: { value: tokens23__namespace.default.size.font.xs.mobile },
11233
- sm: { value: tokens23__namespace.default.size.font.sm.mobile },
11234
- md: { value: tokens23__namespace.default.size.font.md.mobile },
11235
- "md-lg": { value: tokens23__namespace.default.size.font["md-lg"].mobile },
11236
- lg: { value: tokens23__namespace.default.size.font.lg.mobile },
11237
- xl: { value: tokens23__namespace.default.size.font.xl.mobile },
11238
- xxl: { value: tokens23__namespace.default.size.font.xxl.mobile }
11250
+ "2xs": { value: tokens22__namespace.default.size.font["2xs"].mobile },
11251
+ xs: { value: tokens22__namespace.default.size.font.xs.mobile },
11252
+ sm: { value: tokens22__namespace.default.size.font.sm.mobile },
11253
+ md: { value: tokens22__namespace.default.size.font.md.mobile },
11254
+ "md-lg": { value: tokens22__namespace.default.size.font["md-lg"].mobile },
11255
+ lg: { value: tokens22__namespace.default.size.font.lg.mobile },
11256
+ xl: { value: tokens22__namespace.default.size.font.xl.mobile },
11257
+ xxl: { value: tokens22__namespace.default.size.font.xxl.mobile }
11239
11258
  },
11240
11259
  desktop: {
11241
- "2xs": { value: tokens23__namespace.default.size.font["2xs"].desktop },
11242
- xs: { value: tokens23__namespace.default.size.font.xs.desktop },
11243
- sm: { value: tokens23__namespace.default.size.font.sm.desktop },
11244
- md: { value: tokens23__namespace.default.size.font.md.desktop },
11245
- "md-lg": { value: tokens23__namespace.default.size.font["md-lg"].desktop },
11246
- lg: { value: tokens23__namespace.default.size.font.lg.desktop },
11247
- xl: { value: tokens23__namespace.default.size.font.xl.desktop },
11248
- xxl: { value: tokens23__namespace.default.size.font.xxl.desktop }
11260
+ "2xs": { value: tokens22__namespace.default.size.font["2xs"].desktop },
11261
+ xs: { value: tokens22__namespace.default.size.font.xs.desktop },
11262
+ sm: { value: tokens22__namespace.default.size.font.sm.desktop },
11263
+ md: { value: tokens22__namespace.default.size.font.md.desktop },
11264
+ "md-lg": { value: tokens22__namespace.default.size.font["md-lg"].desktop },
11265
+ lg: { value: tokens22__namespace.default.size.font.lg.desktop },
11266
+ xl: { value: tokens22__namespace.default.size.font.xl.desktop },
11267
+ xxl: { value: tokens22__namespace.default.size.font.xxl.desktop }
11249
11268
  }
11250
11269
  });
11251
11270
  var fontWeights = react.defineTokens.fontWeights({
@@ -11278,9 +11297,9 @@ var fontWeights = react.defineTokens.fontWeights({
11278
11297
  }
11279
11298
  });
11280
11299
  var fonts = react.defineTokens.fonts({
11281
- body: { value: `${tokens23__namespace.default.font.family.body}, arial, sans-serif` },
11282
- heading: { value: `${tokens23__namespace.default.font.family.heading}, arial, sans-serif` },
11283
- mono: { value: `${tokens23__namespace.default.font.family.monospace}, monospace` }
11300
+ body: { value: `${tokens22__namespace.default.font.family.body}, arial, sans-serif` },
11301
+ heading: { value: `${tokens22__namespace.default.font.family.heading}, arial, sans-serif` },
11302
+ mono: { value: `${tokens22__namespace.default.font.family.monospace}, monospace` }
11284
11303
  });
11285
11304
  var letterSpacings = react.defineTokens.letterSpacings({
11286
11305
  tighter: {
@@ -11317,32 +11336,32 @@ var lineHeights = react.defineTokens.lineHeights({
11317
11336
  }
11318
11337
  });
11319
11338
  var radii2 = react.defineTokens.radii({
11320
- none: { value: tokens23__namespace.default.size["border-radius"].none },
11321
- xs: { value: tokens23__namespace.default.size["border-radius"].xs },
11322
- sm: { value: tokens23__namespace.default.size["border-radius"].sm },
11323
- md: { value: tokens23__namespace.default.size["border-radius"].md },
11324
- lg: { value: tokens23__namespace.default.size["border-radius"].lg },
11325
- xl: { value: tokens23__namespace.default.size["border-radius"].xl },
11326
- "2xl": { value: tokens23__namespace.default.size["border-radius"]["2xl"] },
11339
+ none: { value: tokens22__namespace.default.size["border-radius"].none },
11340
+ xs: { value: tokens22__namespace.default.size["border-radius"].xs },
11341
+ sm: { value: tokens22__namespace.default.size["border-radius"].sm },
11342
+ md: { value: tokens22__namespace.default.size["border-radius"].md },
11343
+ lg: { value: tokens22__namespace.default.size["border-radius"].lg },
11344
+ xl: { value: tokens22__namespace.default.size["border-radius"].xl },
11345
+ "2xl": { value: tokens22__namespace.default.size["border-radius"]["2xl"] },
11327
11346
  round: { value: "50%" }
11328
11347
  });
11329
11348
  var spacing = react.defineTokens.spacing({
11330
- 0: { value: tokens23__namespace.default.size.spacing["0"] },
11331
- 0.5: { value: tokens23__namespace.default.size.spacing["0.5"] },
11332
- 1: { value: tokens23__namespace.default.size.spacing["1"] },
11333
- 1.5: { value: tokens23__namespace.default.size.spacing["1.5"] },
11334
- 2: { value: tokens23__namespace.default.size.spacing["2"] },
11335
- 3: { value: tokens23__namespace.default.size.spacing["3"] },
11336
- 4: { value: tokens23__namespace.default.size.spacing["4"] },
11337
- 5: { value: tokens23__namespace.default.size.spacing["5"] },
11338
- 6: { value: tokens23__namespace.default.size.spacing["6"] },
11339
- 7: { value: tokens23__namespace.default.size.spacing["7"] },
11340
- 8: { value: tokens23__namespace.default.size.spacing["8"] },
11341
- 9: { value: tokens23__namespace.default.size.spacing["9"] },
11342
- 10: { value: tokens23__namespace.default.size.spacing["10"] },
11343
- 11: { value: tokens23__namespace.default.size.spacing["11"] },
11344
- 12: { value: tokens23__namespace.default.size.spacing["12"] },
11345
- 13: { value: tokens23__namespace.default.size.spacing["13"] }
11349
+ 0: { value: tokens22__namespace.default.size.spacing["0"] },
11350
+ 0.5: { value: tokens22__namespace.default.size.spacing["0.5"] },
11351
+ 1: { value: tokens22__namespace.default.size.spacing["1"] },
11352
+ 1.5: { value: tokens22__namespace.default.size.spacing["1.5"] },
11353
+ 2: { value: tokens22__namespace.default.size.spacing["2"] },
11354
+ 3: { value: tokens22__namespace.default.size.spacing["3"] },
11355
+ 4: { value: tokens22__namespace.default.size.spacing["4"] },
11356
+ 5: { value: tokens22__namespace.default.size.spacing["5"] },
11357
+ 6: { value: tokens22__namespace.default.size.spacing["6"] },
11358
+ 7: { value: tokens22__namespace.default.size.spacing["7"] },
11359
+ 8: { value: tokens22__namespace.default.size.spacing["8"] },
11360
+ 9: { value: tokens22__namespace.default.size.spacing["9"] },
11361
+ 10: { value: tokens22__namespace.default.size.spacing["10"] },
11362
+ 11: { value: tokens22__namespace.default.size.spacing["11"] },
11363
+ 12: { value: tokens22__namespace.default.size.spacing["12"] },
11364
+ 13: { value: tokens22__namespace.default.size.spacing["13"] }
11346
11365
  });
11347
11366
 
11348
11367
  // src/theme/tokens/sizes.ts
@@ -11379,10 +11398,10 @@ var namedSizes = react.defineTokens.sizes({
11379
11398
  });
11380
11399
  var container = react.defineTokens.sizes({
11381
11400
  base: { value: 0 },
11382
- sm: { value: tokens23__namespace.default.size.breakpoint.sm },
11383
- md: { value: tokens23__namespace.default.size.breakpoint.md },
11384
- lg: { value: tokens23__namespace.default.size.breakpoint.lg },
11385
- xl: { value: tokens23__namespace.default.size.breakpoint.xl }
11401
+ sm: { value: tokens22__namespace.default.size.breakpoint.sm },
11402
+ md: { value: tokens22__namespace.default.size.breakpoint.md },
11403
+ lg: { value: tokens22__namespace.default.size.breakpoint.lg },
11404
+ xl: { value: tokens22__namespace.default.size.breakpoint.xl }
11386
11405
  });
11387
11406
  var sizes = {
11388
11407
  ...largeSizes,
@@ -11391,22 +11410,22 @@ var sizes = {
11391
11410
  container
11392
11411
  };
11393
11412
  var zIndex = react.defineTokens.zIndex({
11394
- hide: { value: tokens23__namespace.default.depth["z-index"].hide },
11413
+ hide: { value: tokens22__namespace.default.depth["z-index"].hide },
11395
11414
  auto: { value: "auto" },
11396
- base: { value: tokens23__namespace.default.depth["z-index"].base },
11397
- docked: { value: tokens23__namespace.default.depth["z-index"].docked },
11398
- dropdown: { value: tokens23__namespace.default.depth["z-index"].dropdown },
11399
- sticky: { value: tokens23__namespace.default.depth["z-index"].sticky },
11400
- banner: { value: tokens23__namespace.default.depth["z-index"].banner },
11401
- overlay: { value: tokens23__namespace.default.depth["z-index"].overlay },
11402
- modal: { value: tokens23__namespace.default.depth["z-index"].modal },
11403
- popover: { value: tokens23__namespace.default.depth["z-index"].popover },
11404
- skipLink: { value: tokens23__namespace.default.depth["z-index"].skipLink },
11405
- toast: { value: tokens23__namespace.default.depth["z-index"].toast }
11415
+ base: { value: tokens22__namespace.default.depth["z-index"].base },
11416
+ docked: { value: tokens22__namespace.default.depth["z-index"].docked },
11417
+ dropdown: { value: tokens22__namespace.default.depth["z-index"].dropdown },
11418
+ sticky: { value: tokens22__namespace.default.depth["z-index"].sticky },
11419
+ banner: { value: tokens22__namespace.default.depth["z-index"].banner },
11420
+ overlay: { value: tokens22__namespace.default.depth["z-index"].overlay },
11421
+ modal: { value: tokens22__namespace.default.depth["z-index"].modal },
11422
+ popover: { value: tokens22__namespace.default.depth["z-index"].popover },
11423
+ skipLink: { value: tokens22__namespace.default.depth["z-index"].skipLink },
11424
+ toast: { value: tokens22__namespace.default.depth["z-index"].toast }
11406
11425
  });
11407
11426
 
11408
11427
  // src/theme/tokens/index.ts
11409
- var tokens21 = {
11428
+ var tokens20 = {
11410
11429
  aspectRatios,
11411
11430
  animations,
11412
11431
  blurs,
@@ -11474,10 +11493,10 @@ var animationStyles = react.defineAnimationStyles({
11474
11493
  }
11475
11494
  });
11476
11495
  var breakpoints = {
11477
- sm: tokens23__namespace.default.size.breakpoint.sm,
11478
- md: tokens23__namespace.default.size.breakpoint.md,
11479
- lg: tokens23__namespace.default.size.breakpoint.lg,
11480
- xl: tokens23__namespace.default.size.breakpoint.xl
11496
+ sm: tokens22__namespace.default.size.breakpoint.sm,
11497
+ md: tokens22__namespace.default.size.breakpoint.md,
11498
+ lg: tokens22__namespace.default.size.breakpoint.lg,
11499
+ xl: tokens22__namespace.default.size.breakpoint.xl
11481
11500
  };
11482
11501
 
11483
11502
  // src/theme/tokens/config.ts
@@ -11767,91 +11786,91 @@ var textStyles = react.defineTextStyles({
11767
11786
  xxl: {
11768
11787
  value: {
11769
11788
  fontSize: [
11770
- tokens23__namespace.default.font.style.xxl["font-size"].mobile,
11771
- tokens23__namespace.default.font.style.xxl["font-size"].desktop
11789
+ tokens22__namespace.default.font.style.xxl["font-size"].mobile,
11790
+ tokens22__namespace.default.font.style.xxl["font-size"].desktop
11772
11791
  ],
11773
- fontFamily: tokens23__namespace.default.font.style.xxl["font-family"],
11774
- lineHeight: tokens23__namespace.default.font.style.xxl["line-height"]
11792
+ fontFamily: tokens22__namespace.default.font.style.xxl["font-family"],
11793
+ lineHeight: tokens22__namespace.default.font.style.xxl["line-height"]
11775
11794
  }
11776
11795
  },
11777
11796
  "xl-display": {
11778
11797
  value: {
11779
11798
  fontSize: [
11780
- tokens23__namespace.default.font.style["xl-display"]["font-size"].mobile,
11781
- tokens23__namespace.default.font.style["xl-display"]["font-size"].desktop
11799
+ tokens22__namespace.default.font.style["xl-display"]["font-size"].mobile,
11800
+ tokens22__namespace.default.font.style["xl-display"]["font-size"].desktop
11782
11801
  ],
11783
- fontFamily: tokens23__namespace.default.font.style["xl-display"]["font-family"],
11784
- lineHeight: tokens23__namespace.default.font.style["xl-display"]["line-height"]
11802
+ fontFamily: tokens22__namespace.default.font.style["xl-display"]["font-family"],
11803
+ lineHeight: tokens22__namespace.default.font.style["xl-display"]["line-height"]
11785
11804
  }
11786
11805
  },
11787
11806
  "xl-sans": {
11788
11807
  value: {
11789
11808
  fontSize: [
11790
- tokens23__namespace.default.font.style["xl-sans"]["font-size"].mobile,
11791
- tokens23__namespace.default.font.style["xl-sans"]["font-size"].desktop
11809
+ tokens22__namespace.default.font.style["xl-sans"]["font-size"].mobile,
11810
+ tokens22__namespace.default.font.style["xl-sans"]["font-size"].desktop
11792
11811
  ],
11793
- fontFamily: tokens23__namespace.default.font.style["xl-sans"]["font-family"],
11794
- lineHeight: tokens23__namespace.default.font.style["xl-sans"]["line-height"]
11812
+ fontFamily: tokens22__namespace.default.font.style["xl-sans"]["font-family"],
11813
+ lineHeight: tokens22__namespace.default.font.style["xl-sans"]["line-height"]
11795
11814
  }
11796
11815
  },
11797
11816
  lg: {
11798
11817
  value: {
11799
11818
  fontSize: [
11800
- tokens23__namespace.default.font.style.lg["font-size"].mobile,
11801
- tokens23__namespace.default.font.style.lg["font-size"].desktop
11819
+ tokens22__namespace.default.font.style.lg["font-size"].mobile,
11820
+ tokens22__namespace.default.font.style.lg["font-size"].desktop
11802
11821
  ],
11803
- fontFamily: tokens23__namespace.default.font.style.lg["font-family"],
11804
- lineHeight: tokens23__namespace.default.font.style.lg["line-height"]
11822
+ fontFamily: tokens22__namespace.default.font.style.lg["font-family"],
11823
+ lineHeight: tokens22__namespace.default.font.style.lg["line-height"]
11805
11824
  }
11806
11825
  },
11807
11826
  "md-lg": {
11808
11827
  value: {
11809
11828
  fontSize: [
11810
- tokens23__namespace.default.font.style["md-lg"]["font-size"].mobile,
11811
- tokens23__namespace.default.font.style["md-lg"]["font-size"].desktop
11829
+ tokens22__namespace.default.font.style["md-lg"]["font-size"].mobile,
11830
+ tokens22__namespace.default.font.style["md-lg"]["font-size"].desktop
11812
11831
  ],
11813
- fontFamily: tokens23__namespace.default.font.style["md-lg"]["font-family"],
11814
- lineHeight: tokens23__namespace.default.font.style["md-lg"]["line-height"]
11832
+ fontFamily: tokens22__namespace.default.font.style["md-lg"]["font-family"],
11833
+ lineHeight: tokens22__namespace.default.font.style["md-lg"]["line-height"]
11815
11834
  }
11816
11835
  },
11817
11836
  md: {
11818
11837
  value: {
11819
11838
  fontSize: [
11820
- tokens23__namespace.default.font.style.md["font-size"].mobile,
11821
- tokens23__namespace.default.font.style.md["font-size"].desktop
11839
+ tokens22__namespace.default.font.style.md["font-size"].mobile,
11840
+ tokens22__namespace.default.font.style.md["font-size"].desktop
11822
11841
  ],
11823
- fontFamily: tokens23__namespace.default.font.style.md["font-family"],
11824
- lineHeight: tokens23__namespace.default.font.style.md["line-height"]
11842
+ fontFamily: tokens22__namespace.default.font.style.md["font-family"],
11843
+ lineHeight: tokens22__namespace.default.font.style.md["line-height"]
11825
11844
  }
11826
11845
  },
11827
11846
  sm: {
11828
11847
  value: {
11829
11848
  fontSize: [
11830
- tokens23__namespace.default.font.style.sm["font-size"].mobile,
11831
- tokens23__namespace.default.font.style.sm["font-size"].desktop
11849
+ tokens22__namespace.default.font.style.sm["font-size"].mobile,
11850
+ tokens22__namespace.default.font.style.sm["font-size"].desktop
11832
11851
  ],
11833
- fontFamily: tokens23__namespace.default.font.style.sm["font-family"],
11834
- lineHeight: tokens23__namespace.default.font.style.sm["line-height"]
11852
+ fontFamily: tokens22__namespace.default.font.style.sm["font-family"],
11853
+ lineHeight: tokens22__namespace.default.font.style.sm["line-height"]
11835
11854
  }
11836
11855
  },
11837
11856
  xs: {
11838
11857
  value: {
11839
11858
  fontSize: [
11840
- tokens23__namespace.default.font.style.xs["font-size"].mobile,
11841
- tokens23__namespace.default.font.style.xs["font-size"].desktop
11859
+ tokens22__namespace.default.font.style.xs["font-size"].mobile,
11860
+ tokens22__namespace.default.font.style.xs["font-size"].desktop
11842
11861
  ],
11843
- fontFamily: tokens23__namespace.default.font.style.xs["font-family"],
11844
- lineHeight: tokens23__namespace.default.font.style.xs["line-height"]
11862
+ fontFamily: tokens22__namespace.default.font.style.xs["font-family"],
11863
+ lineHeight: tokens22__namespace.default.font.style.xs["line-height"]
11845
11864
  }
11846
11865
  },
11847
11866
  "2xs": {
11848
11867
  value: {
11849
11868
  fontSize: [
11850
- tokens23__namespace.default.font.style["2xs"]["font-size"].mobile,
11851
- tokens23__namespace.default.font.style["2xs"]["font-size"].desktop
11869
+ tokens22__namespace.default.font.style["2xs"]["font-size"].mobile,
11870
+ tokens22__namespace.default.font.style["2xs"]["font-size"].desktop
11852
11871
  ],
11853
- fontFamily: tokens23__namespace.default.font.style["2xs"]["font-family"],
11854
- lineHeight: tokens23__namespace.default.font.style["2xs"]["line-height"]
11872
+ fontFamily: tokens22__namespace.default.font.style["2xs"]["font-family"],
11873
+ lineHeight: tokens22__namespace.default.font.style["2xs"]["line-height"]
11855
11874
  }
11856
11875
  }
11857
11876
  });
@@ -11862,7 +11881,7 @@ var generateTheme = (brand) => {
11862
11881
  theme: {
11863
11882
  breakpoints,
11864
11883
  keyframes,
11865
- tokens: tokens21,
11884
+ tokens: tokens20,
11866
11885
  semanticTokens: semanticTokens[brand],
11867
11886
  recipes,
11868
11887
  slotRecipes,
@@ -12150,7 +12169,7 @@ Object.defineProperty(exports, "Section", {
12150
12169
  enumerable: true,
12151
12170
  get: function () { return reactStately.Section; }
12152
12171
  });
12153
- exports.tokens = tokens23__namespace;
12172
+ exports.tokens = tokens22__namespace;
12154
12173
  exports.Accordion = Accordion;
12155
12174
  exports.AccordionItem = AccordionItem;
12156
12175
  exports.AccordionItemContent = AccordionItemContent;