@vygruppen/spor-react 12.24.5 → 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 +8 -0
  4. package/dist/index.cjs +209 -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 +209 -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 +18 -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;
@@ -4503,7 +4513,7 @@ var Select = React20__namespace.forwardRef(
4503
4513
  children: [
4504
4514
  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { "data-attachable": true, children: /* @__PURE__ */ jsxRuntime.jsx(SelectValueText, { withPlaceholder: label ? true : false }) }),
4505
4515
  label && /* @__PURE__ */ jsxRuntime.jsx(SelectLabel, { css: styles.label, children: label }),
4506
- /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { css: styles.selectContent, children })
4516
+ /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { css: styles.selectContent, baseStyle: css, children })
4507
4517
  ]
4508
4518
  }
4509
4519
  )
@@ -4530,7 +4540,7 @@ var SelectItem = React20__namespace.forwardRef(
4530
4540
  return /* @__PURE__ */ jsxRuntime.jsxs(react.Select.Item, { item, ...rest, ref, css: styles.item, children: [
4531
4541
  /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { width: "100%", children: [
4532
4542
  /* @__PURE__ */ jsxRuntime.jsx(react.Select.ItemText, { display: "flex", children }),
4533
- 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 })
4534
4544
  ] }),
4535
4545
  /* @__PURE__ */ jsxRuntime.jsx(react.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.CheckmarkFill18Icon, {}) })
4536
4546
  ] });
@@ -4550,10 +4560,17 @@ var SelectTrigger = React20__namespace.forwardRef(function SelectTrigger2(props,
4550
4560
  const styles = recipe();
4551
4561
  return /* @__PURE__ */ jsxRuntime.jsxs(react.Select.Control, { ...rest, css: styles.control, children: [
4552
4562
  /* @__PURE__ */ jsxRuntime.jsx(react.Select.Trigger, { ref, css: styles.trigger, children }),
4553
- /* @__PURE__ */ jsxRuntime.jsxs(react.Select.IndicatorGroup, { css: styles.indicatorGroup, children: [
4554
- clearable && /* @__PURE__ */ jsxRuntime.jsx(SelectClearTrigger, {}),
4555
- /* @__PURE__ */ jsxRuntime.jsx(react.Box, { css: styles.indicator, children: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.DropdownDownFill24Icon, {}) })
4556
- ] })
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
+ )
4557
4574
  ] });
4558
4575
  });
4559
4576
  var SelectClearTrigger = React20__namespace.forwardRef(function SelectClearTrigger2(props, ref) {
@@ -4568,8 +4585,8 @@ var SelectClearTrigger = React20__namespace.forwardRef(function SelectClearTrigg
4568
4585
  ) });
4569
4586
  });
4570
4587
  var SelectContent = React20__namespace.forwardRef(function SelectContent2(props, ref) {
4571
- const { portalled = true, portalRef, ...rest } = props;
4572
- 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 }) }) });
4573
4590
  });
4574
4591
  var SelectValueText = React20__namespace.forwardRef(function SelectValueText2(props, ref) {
4575
4592
  const { children, withPlaceholder, placeholder, ...rest } = props;
@@ -5992,7 +6009,7 @@ var texts26 = createTexts({
5992
6009
  });
5993
6010
  var fontFaces = `
5994
6011
  @font-face {
5995
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["light"].name};
6012
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light"].name};
5996
6013
  src: url("https://www.vy.no/styles/font/VySans-Light.woff2") format("woff2"),
5997
6014
  url("https://www.vy.no/styles/font/VySans-Light.woff") format("woff");
5998
6015
  font-style: normal;
@@ -6000,7 +6017,7 @@ var fontFaces = `
6000
6017
  font-display: swap
6001
6018
  }
6002
6019
  @font-face {
6003
- 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};
6004
6021
  src: url("https://www.vy.no/styles/font/VySans-LightItalic.woff2")
6005
6022
  format("woff2"),
6006
6023
  url("https://www.vy.no/styles/font/VySans-LightItalic.woff") format("woff");
@@ -6009,7 +6026,7 @@ var fontFaces = `
6009
6026
  font-display: swap
6010
6027
  }
6011
6028
  @font-face {
6012
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["medium"].name};
6029
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium"].name};
6013
6030
  src: url("https://www.vy.no/styles/font/VySans-Regular.woff2") format("woff2"),
6014
6031
  url("https://www.vy.no/styles/font/VySans-Regular.woff") format("woff");
6015
6032
  font-style: normal;
@@ -6017,7 +6034,7 @@ var fontFaces = `
6017
6034
  font-display: swap
6018
6035
  }
6019
6036
  @font-face {
6020
- 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};
6021
6038
  src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
6022
6039
  format("woff2"),
6023
6040
  url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")
@@ -6027,7 +6044,7 @@ var fontFaces = `
6027
6044
  font-display: swap
6028
6045
  }
6029
6046
  @font-face {
6030
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["bold"].name};
6047
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold"].name};
6031
6048
  src: url("https://www.vy.no/styles/font/VySans-Bold.woff2") format("woff2"),
6032
6049
  url("https://www.vy.no/styles/font/VySans-Bold.woff") format("woff");
6033
6050
  font-style: normal;
@@ -6035,7 +6052,7 @@ var fontFaces = `
6035
6052
  font-display: swap
6036
6053
  }
6037
6054
  @font-face {
6038
- 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};
6039
6056
  src: url("https://www.vy.no/styles/font/VySans-BoldItalic.woff2")
6040
6057
  format("woff2"),
6041
6058
  url("https://www.vy.no/styles/font/VySans-BoldItalic.woff") format("woff");
@@ -6044,7 +6061,7 @@ var fontFaces = `
6044
6061
  font-display: swap
6045
6062
  }
6046
6063
  @font-face {
6047
- font-family: ${tokens23__namespace.default.asset.font["vy-display"].name};
6064
+ font-family: ${tokens22__namespace.default.asset.font["vy-display"].name};
6048
6065
  src: url("https://www.vy.no/styles/font/VyDisplay-Medium.woff2")
6049
6066
  format("woff2"),
6050
6067
  url("https://www.vy.no/styles/font/VyDisplay-Medium.woff") format("woff");
@@ -6520,7 +6537,7 @@ var buttonRecipe = react.defineRecipe({
6520
6537
  background: "surface.disabled"
6521
6538
  },
6522
6539
  _focus: {
6523
- outlineOffset: tokens23__namespace.default.size.stroke.md
6540
+ outlineOffset: tokens22__namespace.default.size.stroke.md
6524
6541
  }
6525
6542
  },
6526
6543
  variants: {
@@ -6551,19 +6568,19 @@ var buttonRecipe = react.defineRecipe({
6551
6568
  color: "core.text",
6552
6569
  outline: "solid",
6553
6570
  fontWeight: "normal",
6554
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6571
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6555
6572
  outlineColor: "core.outline",
6556
6573
  _hover: {
6557
- outlineWidth: tokens23__namespace.default.size.stroke.md,
6574
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
6558
6575
  outlineColor: "core.outline.hover",
6559
6576
  _active: {
6560
6577
  background: "core.surface.active",
6561
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6578
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6562
6579
  outlineColor: "core.outline"
6563
6580
  }
6564
6581
  },
6565
6582
  _focus: {
6566
- outlineWidth: tokens23__namespace.default.size.stroke.sm
6583
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
6567
6584
  }
6568
6585
  },
6569
6586
  ghost: {
@@ -6879,15 +6896,15 @@ var pressableCardRecipe = react.defineRecipe({
6879
6896
  },
6880
6897
  core: {
6881
6898
  outlineColor: "core.outline",
6882
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6899
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6883
6900
  outlineStyle: "solid",
6884
6901
  _hover: {
6885
6902
  outlineColor: "core.outline.hover",
6886
- outlineWidth: tokens23__namespace.default.size.stroke.md,
6903
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
6887
6904
  outlineStyle: "solid",
6888
6905
  _active: {
6889
6906
  backgroundColor: "core.surface.active",
6890
- outlineWidth: tokens23__namespace.default.size.stroke.sm
6907
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
6891
6908
  }
6892
6909
  }
6893
6910
  },
@@ -7113,34 +7130,34 @@ var cargonetColors = react.defineSemanticTokens.colors({
7113
7130
  ...tokens4__default.default.color.cargonet.color.cargonet
7114
7131
  });
7115
7132
  var radii = react.defineSemanticTokens.radii({
7116
- none: { value: tokens23__namespace.default.size["border-radius"].none },
7117
- xxs: { value: tokens23__namespace.default.size["border-radius"].xxs },
7118
- xs: { value: tokens23__namespace.default.size["border-radius"].xs },
7119
- sm: { value: tokens23__namespace.default.size["border-radius"].sm },
7120
- md: { value: tokens23__namespace.default.size["border-radius"].md },
7121
- lg: { value: tokens23__namespace.default.size["border-radius"].lg },
7122
- xl: { value: tokens23__namespace.default.size["border-radius"].xl },
7123
- "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"] },
7124
7141
  round: { value: "50%" }
7125
7142
  });
7126
7143
  var shadows = react.defineSemanticTokens.shadows({
7127
7144
  none: { value: "none" },
7128
7145
  sm: {
7129
7146
  value: {
7130
- _light: tokens23__namespace.default.depth.shadow.sm.value._light,
7131
- _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
7132
7149
  }
7133
7150
  },
7134
7151
  md: {
7135
7152
  value: {
7136
- _light: tokens23__namespace.default.depth.shadow.md.value._light,
7137
- _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
7138
7155
  }
7139
7156
  },
7140
7157
  lg: {
7141
7158
  value: {
7142
- _light: tokens23__namespace.default.depth.shadow.lg.value._light,
7143
- _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
7144
7161
  }
7145
7162
  }
7146
7163
  });
@@ -7500,7 +7517,7 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7500
7517
  core: {
7501
7518
  item: {
7502
7519
  outline: "solid",
7503
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7520
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7504
7521
  outlineColor: "core.outline"
7505
7522
  },
7506
7523
  itemTrigger: {
@@ -7508,14 +7525,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7508
7525
  borderBottomRadius: "none"
7509
7526
  },
7510
7527
  "&:hover": {
7511
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7528
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7512
7529
  outlineColor: "core.outline",
7513
7530
  outline: "2px solid",
7514
7531
  outlineOffset: 0
7515
7532
  },
7516
7533
  "&:active": {
7517
7534
  backgroundColor: "core.surface.active",
7518
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7535
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7519
7536
  outline: "none"
7520
7537
  }
7521
7538
  }
@@ -7533,7 +7550,7 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7533
7550
  floating: {
7534
7551
  item: {
7535
7552
  outline: "1px solid",
7536
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7553
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7537
7554
  boxShadow: "sm",
7538
7555
  outlineColor: "floating.outline"
7539
7556
  },
@@ -7542,14 +7559,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7542
7559
  borderBottomRadius: "none"
7543
7560
  },
7544
7561
  "&:hover": {
7545
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7562
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7546
7563
  outline: "1px solid",
7547
7564
  outlineColor: "floating.outline.hover",
7548
7565
  outlineOffset: 1
7549
7566
  },
7550
7567
  "&:active": {
7551
7568
  backgroundColor: "floating.surface.active",
7552
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7569
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7553
7570
  outline: "none"
7554
7571
  }
7555
7572
  }
@@ -7973,7 +7990,7 @@ var breadcrumbSlotRecipe = react.defineSlotRecipe({
7973
7990
  link: {
7974
7991
  _hover: {
7975
7992
  outlineColor: "core.outline.hover",
7976
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7993
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7977
7994
  outlineStyle: "solid",
7978
7995
  _active: {
7979
7996
  backgroundColor: "core.surface.active",
@@ -8063,10 +8080,10 @@ var checkboxSlotRecipe = react.defineSlotRecipe({
8063
8080
  _focus: {
8064
8081
  outlineStyle: "solid",
8065
8082
  outlineColor: "outline.focus",
8066
- outlineOffset: tokens23__namespace.default.size.stroke.md,
8067
- outlineWidth: tokens23__namespace.default.size.stroke.md,
8083
+ outlineOffset: tokens22__namespace.default.size.stroke.md,
8084
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
8068
8085
  borderColor: "core.outline",
8069
- borderWidth: tokens23__namespace.default.size.stroke.md
8086
+ borderWidth: tokens22__namespace.default.size.stroke.md
8070
8087
  }
8071
8088
  },
8072
8089
  label: {
@@ -8995,7 +9012,7 @@ var floatingActionButtonSlotRecipe = react.defineSlotRecipe({
8995
9012
  position: "fixed",
8996
9013
  zIndex: "dropdown",
8997
9014
  _focus: {
8998
- outlineOffset: tokens23__namespace.default.size.stroke.lg,
9015
+ outlineOffset: tokens22__namespace.default.size.stroke.lg,
8999
9016
  outlineColor: "outline.focus"
9000
9017
  },
9001
9018
  _disabled: {
@@ -10104,25 +10121,25 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
10104
10121
  core: {
10105
10122
  item: {
10106
10123
  outlineColor: "core.outline",
10107
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
10124
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
10108
10125
  outlineStyle: "solid",
10109
10126
  _hover: {
10110
10127
  outlineColor: "core.outline.hover",
10111
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10128
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10112
10129
  outlineStyle: "solid",
10113
10130
  _active: {
10114
10131
  backgroundColor: "core.surface.active",
10115
- outlineWidth: tokens23__namespace.default.size.stroke.sm
10132
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
10116
10133
  }
10117
10134
  },
10118
10135
  _checked: {
10119
10136
  outlineColor: "outline.focus",
10120
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10137
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10121
10138
  outlineStyle: "solid",
10122
10139
  backgroundColor: "core.surface.active",
10123
10140
  _focusVisible: {
10124
10141
  outlineStyle: "double",
10125
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10142
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
10126
10143
  // space for double outline
10127
10144
  }
10128
10145
  }
@@ -10147,12 +10164,12 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
10147
10164
  },
10148
10165
  _checked: {
10149
10166
  outlineColor: "outline.focus",
10150
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10167
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10151
10168
  outlineStyle: "solid",
10152
10169
  backgroundColor: "core.surface.active",
10153
10170
  _focusVisible: {
10154
10171
  outlineStyle: "double",
10155
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10172
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
10156
10173
  // space for double outline
10157
10174
  }
10158
10175
  }
@@ -10549,7 +10566,8 @@ var switchSlotRecipe = react.defineSlotRecipe({
10549
10566
  height: "var(--switch-height)",
10550
10567
  transitionProperty: "common",
10551
10568
  transitionDuration: "fast",
10552
- outline: "2px solid",
10569
+ outline: "1px solid",
10570
+ outlineOffset: "-1px",
10553
10571
  outlineColor: "core.outline",
10554
10572
  _hover: {
10555
10573
  outline: "2px solid",
@@ -10562,14 +10580,16 @@ var switchSlotRecipe = react.defineSlotRecipe({
10562
10580
  _focusVisible: {
10563
10581
  outlineWidth: "2px",
10564
10582
  outlineColor: "outline.focus",
10565
- outlineStyle: "solid"
10583
+ outlineStyle: "double"
10566
10584
  },
10567
10585
  _checked: {
10568
10586
  backgroundColor: "brand.surface",
10587
+ outline: "none",
10569
10588
  _focusVisible: {
10570
- outlineStyle: "double",
10571
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10572
- // space for double outline
10589
+ outlineOffset: "1px",
10590
+ outlineStyle: "solid",
10591
+ outlineColor: "outline.focus",
10592
+ outlineWidth: "2px"
10573
10593
  }
10574
10594
  },
10575
10595
  _disabled: {
@@ -10591,32 +10611,29 @@ var switchSlotRecipe = react.defineSlotRecipe({
10591
10611
  size: {
10592
10612
  sm: {
10593
10613
  root: {
10594
- "--switch-width": "3.3rem",
10595
- "--switch-height": "1.5rem"
10614
+ "--switch-width": "3rem",
10615
+ "--switch-height": "1.125rem"
10596
10616
  },
10597
10617
  control: {
10598
- borderRadius: "lg",
10599
- padding: "0.12rem"
10618
+ borderRadius: "lg"
10600
10619
  }
10601
10620
  },
10602
10621
  md: {
10603
10622
  root: {
10604
- "--switch-width": "4.1rem",
10605
- "--switch-height": "1.8rem"
10623
+ "--switch-width": "3.75rem",
10624
+ "--switch-height": "1.5rem"
10606
10625
  },
10607
10626
  control: {
10608
- borderRadius: "xl",
10609
- padding: 0.5
10627
+ borderRadius: "xl"
10610
10628
  }
10611
10629
  },
10612
10630
  lg: {
10613
10631
  root: {
10614
- "--switch-width": "4.8rem",
10615
- "--switch-height": "2.25rem"
10632
+ "--switch-width": "4.5rem",
10633
+ "--switch-height": "1.875rem"
10616
10634
  },
10617
10635
  control: {
10618
- borderRadius: "2xl",
10619
- padding: 0.5
10636
+ borderRadius: "2xl"
10620
10637
  }
10621
10638
  }
10622
10639
  }
@@ -11134,22 +11151,22 @@ var borders = react.defineTokens.borders({
11134
11151
  value: "0"
11135
11152
  },
11136
11153
  sm: {
11137
- value: `${tokens23__namespace.default.size.stroke.sm} solid`
11154
+ value: `${tokens22__namespace.default.size.stroke.sm} solid`
11138
11155
  },
11139
11156
  "sm-dashed": {
11140
- value: `${tokens23__namespace.default.size.stroke.sm} dashed`
11157
+ value: `${tokens22__namespace.default.size.stroke.sm} dashed`
11141
11158
  },
11142
11159
  md: {
11143
- value: `${tokens23__namespace.default.size.stroke.md} solid`
11160
+ value: `${tokens22__namespace.default.size.stroke.md} solid`
11144
11161
  },
11145
11162
  "md-dashed": {
11146
- value: `${tokens23__namespace.default.size.stroke.md} dashed`
11163
+ value: `${tokens22__namespace.default.size.stroke.md} dashed`
11147
11164
  },
11148
11165
  lg: {
11149
- value: `${tokens23__namespace.default.size.stroke.lg} solid`
11166
+ value: `${tokens22__namespace.default.size.stroke.lg} solid`
11150
11167
  },
11151
11168
  "lg-dashed": {
11152
- value: `${tokens23__namespace.default.size.stroke.lg} dashed`
11169
+ value: `${tokens22__namespace.default.size.stroke.lg} dashed`
11153
11170
  }
11154
11171
  });
11155
11172
  var colors = react.defineTokens.colors({
@@ -11221,33 +11238,33 @@ var easings = react.defineTokens.easings({
11221
11238
  }
11222
11239
  });
11223
11240
  var fontSizes = react.defineTokens.fontSizes({
11224
- "2xs": { value: tokens23__namespace.default.size.font.xs.mobile },
11225
- xs: { value: tokens23__namespace.default.size.font.sm.mobile },
11226
- sm: { value: tokens23__namespace.default.size.font.md.mobile },
11227
- md: { value: tokens23__namespace.default.size.font.lg.mobile },
11228
- lg: { value: tokens23__namespace.default.size.font.xl.mobile },
11229
- xl: { value: tokens23__namespace.default.size.font.xxl.mobile },
11230
- "2xl": { value: tokens23__namespace.default.size.font.xl.desktop },
11231
- "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 },
11232
11249
  mobile: {
11233
- "2xs": { value: tokens23__namespace.default.size.font["2xs"].mobile },
11234
- xs: { value: tokens23__namespace.default.size.font.xs.mobile },
11235
- sm: { value: tokens23__namespace.default.size.font.sm.mobile },
11236
- md: { value: tokens23__namespace.default.size.font.md.mobile },
11237
- "md-lg": { value: tokens23__namespace.default.size.font["md-lg"].mobile },
11238
- lg: { value: tokens23__namespace.default.size.font.lg.mobile },
11239
- xl: { value: tokens23__namespace.default.size.font.xl.mobile },
11240
- 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 }
11241
11258
  },
11242
11259
  desktop: {
11243
- "2xs": { value: tokens23__namespace.default.size.font["2xs"].desktop },
11244
- xs: { value: tokens23__namespace.default.size.font.xs.desktop },
11245
- sm: { value: tokens23__namespace.default.size.font.sm.desktop },
11246
- md: { value: tokens23__namespace.default.size.font.md.desktop },
11247
- "md-lg": { value: tokens23__namespace.default.size.font["md-lg"].desktop },
11248
- lg: { value: tokens23__namespace.default.size.font.lg.desktop },
11249
- xl: { value: tokens23__namespace.default.size.font.xl.desktop },
11250
- 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 }
11251
11268
  }
11252
11269
  });
11253
11270
  var fontWeights = react.defineTokens.fontWeights({
@@ -11280,9 +11297,9 @@ var fontWeights = react.defineTokens.fontWeights({
11280
11297
  }
11281
11298
  });
11282
11299
  var fonts = react.defineTokens.fonts({
11283
- body: { value: `${tokens23__namespace.default.font.family.body}, arial, sans-serif` },
11284
- heading: { value: `${tokens23__namespace.default.font.family.heading}, arial, sans-serif` },
11285
- 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` }
11286
11303
  });
11287
11304
  var letterSpacings = react.defineTokens.letterSpacings({
11288
11305
  tighter: {
@@ -11319,32 +11336,32 @@ var lineHeights = react.defineTokens.lineHeights({
11319
11336
  }
11320
11337
  });
11321
11338
  var radii2 = react.defineTokens.radii({
11322
- none: { value: tokens23__namespace.default.size["border-radius"].none },
11323
- xs: { value: tokens23__namespace.default.size["border-radius"].xs },
11324
- sm: { value: tokens23__namespace.default.size["border-radius"].sm },
11325
- md: { value: tokens23__namespace.default.size["border-radius"].md },
11326
- lg: { value: tokens23__namespace.default.size["border-radius"].lg },
11327
- xl: { value: tokens23__namespace.default.size["border-radius"].xl },
11328
- "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"] },
11329
11346
  round: { value: "50%" }
11330
11347
  });
11331
11348
  var spacing = react.defineTokens.spacing({
11332
- 0: { value: tokens23__namespace.default.size.spacing["0"] },
11333
- 0.5: { value: tokens23__namespace.default.size.spacing["0.5"] },
11334
- 1: { value: tokens23__namespace.default.size.spacing["1"] },
11335
- 1.5: { value: tokens23__namespace.default.size.spacing["1.5"] },
11336
- 2: { value: tokens23__namespace.default.size.spacing["2"] },
11337
- 3: { value: tokens23__namespace.default.size.spacing["3"] },
11338
- 4: { value: tokens23__namespace.default.size.spacing["4"] },
11339
- 5: { value: tokens23__namespace.default.size.spacing["5"] },
11340
- 6: { value: tokens23__namespace.default.size.spacing["6"] },
11341
- 7: { value: tokens23__namespace.default.size.spacing["7"] },
11342
- 8: { value: tokens23__namespace.default.size.spacing["8"] },
11343
- 9: { value: tokens23__namespace.default.size.spacing["9"] },
11344
- 10: { value: tokens23__namespace.default.size.spacing["10"] },
11345
- 11: { value: tokens23__namespace.default.size.spacing["11"] },
11346
- 12: { value: tokens23__namespace.default.size.spacing["12"] },
11347
- 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"] }
11348
11365
  });
11349
11366
 
11350
11367
  // src/theme/tokens/sizes.ts
@@ -11381,10 +11398,10 @@ var namedSizes = react.defineTokens.sizes({
11381
11398
  });
11382
11399
  var container = react.defineTokens.sizes({
11383
11400
  base: { value: 0 },
11384
- sm: { value: tokens23__namespace.default.size.breakpoint.sm },
11385
- md: { value: tokens23__namespace.default.size.breakpoint.md },
11386
- lg: { value: tokens23__namespace.default.size.breakpoint.lg },
11387
- 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 }
11388
11405
  });
11389
11406
  var sizes = {
11390
11407
  ...largeSizes,
@@ -11393,22 +11410,22 @@ var sizes = {
11393
11410
  container
11394
11411
  };
11395
11412
  var zIndex = react.defineTokens.zIndex({
11396
- hide: { value: tokens23__namespace.default.depth["z-index"].hide },
11413
+ hide: { value: tokens22__namespace.default.depth["z-index"].hide },
11397
11414
  auto: { value: "auto" },
11398
- base: { value: tokens23__namespace.default.depth["z-index"].base },
11399
- docked: { value: tokens23__namespace.default.depth["z-index"].docked },
11400
- dropdown: { value: tokens23__namespace.default.depth["z-index"].dropdown },
11401
- sticky: { value: tokens23__namespace.default.depth["z-index"].sticky },
11402
- banner: { value: tokens23__namespace.default.depth["z-index"].banner },
11403
- overlay: { value: tokens23__namespace.default.depth["z-index"].overlay },
11404
- modal: { value: tokens23__namespace.default.depth["z-index"].modal },
11405
- popover: { value: tokens23__namespace.default.depth["z-index"].popover },
11406
- skipLink: { value: tokens23__namespace.default.depth["z-index"].skipLink },
11407
- 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 }
11408
11425
  });
11409
11426
 
11410
11427
  // src/theme/tokens/index.ts
11411
- var tokens21 = {
11428
+ var tokens20 = {
11412
11429
  aspectRatios,
11413
11430
  animations,
11414
11431
  blurs,
@@ -11476,10 +11493,10 @@ var animationStyles = react.defineAnimationStyles({
11476
11493
  }
11477
11494
  });
11478
11495
  var breakpoints = {
11479
- sm: tokens23__namespace.default.size.breakpoint.sm,
11480
- md: tokens23__namespace.default.size.breakpoint.md,
11481
- lg: tokens23__namespace.default.size.breakpoint.lg,
11482
- 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
11483
11500
  };
11484
11501
 
11485
11502
  // src/theme/tokens/config.ts
@@ -11769,91 +11786,91 @@ var textStyles = react.defineTextStyles({
11769
11786
  xxl: {
11770
11787
  value: {
11771
11788
  fontSize: [
11772
- tokens23__namespace.default.font.style.xxl["font-size"].mobile,
11773
- 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
11774
11791
  ],
11775
- fontFamily: tokens23__namespace.default.font.style.xxl["font-family"],
11776
- 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"]
11777
11794
  }
11778
11795
  },
11779
11796
  "xl-display": {
11780
11797
  value: {
11781
11798
  fontSize: [
11782
- tokens23__namespace.default.font.style["xl-display"]["font-size"].mobile,
11783
- 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
11784
11801
  ],
11785
- fontFamily: tokens23__namespace.default.font.style["xl-display"]["font-family"],
11786
- 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"]
11787
11804
  }
11788
11805
  },
11789
11806
  "xl-sans": {
11790
11807
  value: {
11791
11808
  fontSize: [
11792
- tokens23__namespace.default.font.style["xl-sans"]["font-size"].mobile,
11793
- 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
11794
11811
  ],
11795
- fontFamily: tokens23__namespace.default.font.style["xl-sans"]["font-family"],
11796
- 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"]
11797
11814
  }
11798
11815
  },
11799
11816
  lg: {
11800
11817
  value: {
11801
11818
  fontSize: [
11802
- tokens23__namespace.default.font.style.lg["font-size"].mobile,
11803
- 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
11804
11821
  ],
11805
- fontFamily: tokens23__namespace.default.font.style.lg["font-family"],
11806
- 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"]
11807
11824
  }
11808
11825
  },
11809
11826
  "md-lg": {
11810
11827
  value: {
11811
11828
  fontSize: [
11812
- tokens23__namespace.default.font.style["md-lg"]["font-size"].mobile,
11813
- 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
11814
11831
  ],
11815
- fontFamily: tokens23__namespace.default.font.style["md-lg"]["font-family"],
11816
- 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"]
11817
11834
  }
11818
11835
  },
11819
11836
  md: {
11820
11837
  value: {
11821
11838
  fontSize: [
11822
- tokens23__namespace.default.font.style.md["font-size"].mobile,
11823
- 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
11824
11841
  ],
11825
- fontFamily: tokens23__namespace.default.font.style.md["font-family"],
11826
- 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"]
11827
11844
  }
11828
11845
  },
11829
11846
  sm: {
11830
11847
  value: {
11831
11848
  fontSize: [
11832
- tokens23__namespace.default.font.style.sm["font-size"].mobile,
11833
- 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
11834
11851
  ],
11835
- fontFamily: tokens23__namespace.default.font.style.sm["font-family"],
11836
- 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"]
11837
11854
  }
11838
11855
  },
11839
11856
  xs: {
11840
11857
  value: {
11841
11858
  fontSize: [
11842
- tokens23__namespace.default.font.style.xs["font-size"].mobile,
11843
- 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
11844
11861
  ],
11845
- fontFamily: tokens23__namespace.default.font.style.xs["font-family"],
11846
- 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"]
11847
11864
  }
11848
11865
  },
11849
11866
  "2xs": {
11850
11867
  value: {
11851
11868
  fontSize: [
11852
- tokens23__namespace.default.font.style["2xs"]["font-size"].mobile,
11853
- 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
11854
11871
  ],
11855
- fontFamily: tokens23__namespace.default.font.style["2xs"]["font-family"],
11856
- 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"]
11857
11874
  }
11858
11875
  }
11859
11876
  });
@@ -11864,7 +11881,7 @@ var generateTheme = (brand) => {
11864
11881
  theme: {
11865
11882
  breakpoints,
11866
11883
  keyframes,
11867
- tokens: tokens21,
11884
+ tokens: tokens20,
11868
11885
  semanticTokens: semanticTokens[brand],
11869
11886
  recipes,
11870
11887
  slotRecipes,
@@ -12152,7 +12169,7 @@ Object.defineProperty(exports, "Section", {
12152
12169
  enumerable: true,
12153
12170
  get: function () { return reactStately.Section; }
12154
12171
  });
12155
- exports.tokens = tokens23__namespace;
12172
+ exports.tokens = tokens22__namespace;
12156
12173
  exports.Accordion = Accordion;
12157
12174
  exports.AccordionItem = AccordionItem;
12158
12175
  exports.AccordionItemContent = AccordionItemContent;