@vygruppen/spor-react 12.24.5 → 12.24.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) 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 +200 -191
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.cts +9 -11
  7. package/dist/index.d.ts +9 -11
  8. package/dist/index.mjs +200 -191
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +3 -3
  11. package/src/datepicker/CalendarTriggerButton.tsx +1 -1
  12. package/src/datepicker/DateTimeSegment.tsx +1 -1
  13. package/src/input/Autocomplete.tsx +3 -1
  14. package/src/input/Select.tsx +18 -6
  15. 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;
@@ -2312,7 +2312,7 @@ var CalendarTriggerButton = React20.forwardRef(({ variant, disabled, onPress: _,
2312
2312
  key: "datePicker"
2313
2313
  });
2314
2314
  const styles = recipe({ variant });
2315
- return /* @__PURE__ */ jsxRuntime.jsx(react.PopoverAnchor, { ...buttonProps, ref, children: /* @__PURE__ */ jsxRuntime.jsx(
2315
+ return /* @__PURE__ */ jsxRuntime.jsx(react.PopoverAnchor, { ...buttonProps, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
2316
2316
  IconButton,
2317
2317
  {
2318
2318
  icon: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.CalendarOutline24Icon, {}),
@@ -2361,7 +2361,7 @@ var DateTimeSegment = React20.forwardRef(
2361
2361
  borderRadius: "xs",
2362
2362
  fontSize: ["mobile.sm", "desktop.sm"],
2363
2363
  css: styles.dateTimeSegment,
2364
- "aria-description": ariaDescription,
2364
+ "aria-label": ariaDescription,
2365
2365
  "aria-labelledby": ariaLabel,
2366
2366
  children: isPaddable(segment.type) ? segment.text.padStart(2, "0") : segment.text
2367
2367
  }
@@ -3326,6 +3326,7 @@ var Autocomplete = ({
3326
3326
  loading,
3327
3327
  disabled,
3328
3328
  emptyLabel,
3329
+ onFocus,
3329
3330
  openOnClick = true,
3330
3331
  openOnFocus = true,
3331
3332
  ...rest
@@ -3381,7 +3382,8 @@ var Autocomplete = ({
3381
3382
  helperText,
3382
3383
  errorText,
3383
3384
  required,
3384
- onFocus: () => {
3385
+ onFocus: (event) => {
3386
+ onFocus == null ? void 0 : onFocus(event);
3385
3387
  if (openOnFocus)
3386
3388
  combobox.setOpen(true);
3387
3389
  }
@@ -4503,7 +4505,7 @@ var Select = React20__namespace.forwardRef(
4503
4505
  children: [
4504
4506
  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { "data-attachable": true, children: /* @__PURE__ */ jsxRuntime.jsx(SelectValueText, { withPlaceholder: label ? true : false }) }),
4505
4507
  label && /* @__PURE__ */ jsxRuntime.jsx(SelectLabel, { css: styles.label, children: label }),
4506
- /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { css: styles.selectContent, children })
4508
+ /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { css: styles.selectContent, baseStyle: css, children })
4507
4509
  ]
4508
4510
  }
4509
4511
  )
@@ -4530,7 +4532,7 @@ var SelectItem = React20__namespace.forwardRef(
4530
4532
  return /* @__PURE__ */ jsxRuntime.jsxs(react.Select.Item, { item, ...rest, ref, css: styles.item, children: [
4531
4533
  /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { width: "100%", children: [
4532
4534
  /* @__PURE__ */ jsxRuntime.jsx(react.Select.ItemText, { display: "flex", children }),
4533
- description && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { css: styles.itemDescription, children: description })
4535
+ description && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { "data-part": "item-description", css: styles.itemDescription, children: description })
4534
4536
  ] }),
4535
4537
  /* @__PURE__ */ jsxRuntime.jsx(react.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.CheckmarkFill18Icon, {}) })
4536
4538
  ] });
@@ -4550,10 +4552,17 @@ var SelectTrigger = React20__namespace.forwardRef(function SelectTrigger2(props,
4550
4552
  const styles = recipe();
4551
4553
  return /* @__PURE__ */ jsxRuntime.jsxs(react.Select.Control, { ...rest, css: styles.control, children: [
4552
4554
  /* @__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
- ] })
4555
+ /* @__PURE__ */ jsxRuntime.jsxs(
4556
+ react.Select.IndicatorGroup,
4557
+ {
4558
+ css: styles.indicatorGroup,
4559
+ "data-part": "indicator-group",
4560
+ children: [
4561
+ clearable && /* @__PURE__ */ jsxRuntime.jsx(SelectClearTrigger, {}),
4562
+ /* @__PURE__ */ jsxRuntime.jsx(react.Box, { css: styles.indicator, "data-part": "indicator", children: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.DropdownDownFill24Icon, {}) })
4563
+ ]
4564
+ }
4565
+ )
4557
4566
  ] });
4558
4567
  });
4559
4568
  var SelectClearTrigger = React20__namespace.forwardRef(function SelectClearTrigger2(props, ref) {
@@ -4568,8 +4577,8 @@ var SelectClearTrigger = React20__namespace.forwardRef(function SelectClearTrigg
4568
4577
  ) });
4569
4578
  });
4570
4579
  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 }) }) });
4580
+ const { portalled = true, portalRef, baseStyle, ...rest } = props;
4581
+ 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
4582
  });
4574
4583
  var SelectValueText = React20__namespace.forwardRef(function SelectValueText2(props, ref) {
4575
4584
  const { children, withPlaceholder, placeholder, ...rest } = props;
@@ -5992,7 +6001,7 @@ var texts26 = createTexts({
5992
6001
  });
5993
6002
  var fontFaces = `
5994
6003
  @font-face {
5995
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["light"].name};
6004
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light"].name};
5996
6005
  src: url("https://www.vy.no/styles/font/VySans-Light.woff2") format("woff2"),
5997
6006
  url("https://www.vy.no/styles/font/VySans-Light.woff") format("woff");
5998
6007
  font-style: normal;
@@ -6000,7 +6009,7 @@ var fontFaces = `
6000
6009
  font-display: swap
6001
6010
  }
6002
6011
  @font-face {
6003
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["light-italic"].name};
6012
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light-italic"].name};
6004
6013
  src: url("https://www.vy.no/styles/font/VySans-LightItalic.woff2")
6005
6014
  format("woff2"),
6006
6015
  url("https://www.vy.no/styles/font/VySans-LightItalic.woff") format("woff");
@@ -6009,7 +6018,7 @@ var fontFaces = `
6009
6018
  font-display: swap
6010
6019
  }
6011
6020
  @font-face {
6012
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["medium"].name};
6021
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium"].name};
6013
6022
  src: url("https://www.vy.no/styles/font/VySans-Regular.woff2") format("woff2"),
6014
6023
  url("https://www.vy.no/styles/font/VySans-Regular.woff") format("woff");
6015
6024
  font-style: normal;
@@ -6017,7 +6026,7 @@ var fontFaces = `
6017
6026
  font-display: swap
6018
6027
  }
6019
6028
  @font-face {
6020
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
6029
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
6021
6030
  src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
6022
6031
  format("woff2"),
6023
6032
  url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")
@@ -6027,7 +6036,7 @@ var fontFaces = `
6027
6036
  font-display: swap
6028
6037
  }
6029
6038
  @font-face {
6030
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["bold"].name};
6039
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold"].name};
6031
6040
  src: url("https://www.vy.no/styles/font/VySans-Bold.woff2") format("woff2"),
6032
6041
  url("https://www.vy.no/styles/font/VySans-Bold.woff") format("woff");
6033
6042
  font-style: normal;
@@ -6035,7 +6044,7 @@ var fontFaces = `
6035
6044
  font-display: swap
6036
6045
  }
6037
6046
  @font-face {
6038
- font-family: ${tokens23__namespace.default.asset.font["vy-sans"]["bold-italic"].name};
6047
+ font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold-italic"].name};
6039
6048
  src: url("https://www.vy.no/styles/font/VySans-BoldItalic.woff2")
6040
6049
  format("woff2"),
6041
6050
  url("https://www.vy.no/styles/font/VySans-BoldItalic.woff") format("woff");
@@ -6044,7 +6053,7 @@ var fontFaces = `
6044
6053
  font-display: swap
6045
6054
  }
6046
6055
  @font-face {
6047
- font-family: ${tokens23__namespace.default.asset.font["vy-display"].name};
6056
+ font-family: ${tokens22__namespace.default.asset.font["vy-display"].name};
6048
6057
  src: url("https://www.vy.no/styles/font/VyDisplay-Medium.woff2")
6049
6058
  format("woff2"),
6050
6059
  url("https://www.vy.no/styles/font/VyDisplay-Medium.woff") format("woff");
@@ -6520,7 +6529,7 @@ var buttonRecipe = react.defineRecipe({
6520
6529
  background: "surface.disabled"
6521
6530
  },
6522
6531
  _focus: {
6523
- outlineOffset: tokens23__namespace.default.size.stroke.md
6532
+ outlineOffset: tokens22__namespace.default.size.stroke.md
6524
6533
  }
6525
6534
  },
6526
6535
  variants: {
@@ -6551,19 +6560,19 @@ var buttonRecipe = react.defineRecipe({
6551
6560
  color: "core.text",
6552
6561
  outline: "solid",
6553
6562
  fontWeight: "normal",
6554
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6563
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6555
6564
  outlineColor: "core.outline",
6556
6565
  _hover: {
6557
- outlineWidth: tokens23__namespace.default.size.stroke.md,
6566
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
6558
6567
  outlineColor: "core.outline.hover",
6559
6568
  _active: {
6560
6569
  background: "core.surface.active",
6561
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6570
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6562
6571
  outlineColor: "core.outline"
6563
6572
  }
6564
6573
  },
6565
6574
  _focus: {
6566
- outlineWidth: tokens23__namespace.default.size.stroke.sm
6575
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
6567
6576
  }
6568
6577
  },
6569
6578
  ghost: {
@@ -6879,15 +6888,15 @@ var pressableCardRecipe = react.defineRecipe({
6879
6888
  },
6880
6889
  core: {
6881
6890
  outlineColor: "core.outline",
6882
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
6891
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
6883
6892
  outlineStyle: "solid",
6884
6893
  _hover: {
6885
6894
  outlineColor: "core.outline.hover",
6886
- outlineWidth: tokens23__namespace.default.size.stroke.md,
6895
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
6887
6896
  outlineStyle: "solid",
6888
6897
  _active: {
6889
6898
  backgroundColor: "core.surface.active",
6890
- outlineWidth: tokens23__namespace.default.size.stroke.sm
6899
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
6891
6900
  }
6892
6901
  }
6893
6902
  },
@@ -7113,34 +7122,34 @@ var cargonetColors = react.defineSemanticTokens.colors({
7113
7122
  ...tokens4__default.default.color.cargonet.color.cargonet
7114
7123
  });
7115
7124
  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"] },
7125
+ none: { value: tokens22__namespace.default.size["border-radius"].none },
7126
+ xxs: { value: tokens22__namespace.default.size["border-radius"].xxs },
7127
+ xs: { value: tokens22__namespace.default.size["border-radius"].xs },
7128
+ sm: { value: tokens22__namespace.default.size["border-radius"].sm },
7129
+ md: { value: tokens22__namespace.default.size["border-radius"].md },
7130
+ lg: { value: tokens22__namespace.default.size["border-radius"].lg },
7131
+ xl: { value: tokens22__namespace.default.size["border-radius"].xl },
7132
+ "2xl": { value: tokens22__namespace.default.size["border-radius"]["2xl"] },
7124
7133
  round: { value: "50%" }
7125
7134
  });
7126
7135
  var shadows = react.defineSemanticTokens.shadows({
7127
7136
  none: { value: "none" },
7128
7137
  sm: {
7129
7138
  value: {
7130
- _light: tokens23__namespace.default.depth.shadow.sm.value._light,
7131
- _dark: tokens23__namespace.default.depth.shadow.sm.value._dark
7139
+ _light: tokens22__namespace.default.depth.shadow.sm.value._light,
7140
+ _dark: tokens22__namespace.default.depth.shadow.sm.value._dark
7132
7141
  }
7133
7142
  },
7134
7143
  md: {
7135
7144
  value: {
7136
- _light: tokens23__namespace.default.depth.shadow.md.value._light,
7137
- _dark: tokens23__namespace.default.depth.shadow.md.value._dark
7145
+ _light: tokens22__namespace.default.depth.shadow.md.value._light,
7146
+ _dark: tokens22__namespace.default.depth.shadow.md.value._dark
7138
7147
  }
7139
7148
  },
7140
7149
  lg: {
7141
7150
  value: {
7142
- _light: tokens23__namespace.default.depth.shadow.lg.value._light,
7143
- _dark: tokens23__namespace.default.depth.shadow.lg.value._dark
7151
+ _light: tokens22__namespace.default.depth.shadow.lg.value._light,
7152
+ _dark: tokens22__namespace.default.depth.shadow.lg.value._dark
7144
7153
  }
7145
7154
  }
7146
7155
  });
@@ -7500,7 +7509,7 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7500
7509
  core: {
7501
7510
  item: {
7502
7511
  outline: "solid",
7503
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7512
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7504
7513
  outlineColor: "core.outline"
7505
7514
  },
7506
7515
  itemTrigger: {
@@ -7508,14 +7517,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7508
7517
  borderBottomRadius: "none"
7509
7518
  },
7510
7519
  "&:hover": {
7511
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7520
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7512
7521
  outlineColor: "core.outline",
7513
7522
  outline: "2px solid",
7514
7523
  outlineOffset: 0
7515
7524
  },
7516
7525
  "&:active": {
7517
7526
  backgroundColor: "core.surface.active",
7518
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7527
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7519
7528
  outline: "none"
7520
7529
  }
7521
7530
  }
@@ -7533,7 +7542,7 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7533
7542
  floating: {
7534
7543
  item: {
7535
7544
  outline: "1px solid",
7536
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7545
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7537
7546
  boxShadow: "sm",
7538
7547
  outlineColor: "floating.outline"
7539
7548
  },
@@ -7542,14 +7551,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
7542
7551
  borderBottomRadius: "none"
7543
7552
  },
7544
7553
  "&:hover": {
7545
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7554
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7546
7555
  outline: "1px solid",
7547
7556
  outlineColor: "floating.outline.hover",
7548
7557
  outlineOffset: 1
7549
7558
  },
7550
7559
  "&:active": {
7551
7560
  backgroundColor: "floating.surface.active",
7552
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
7561
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
7553
7562
  outline: "none"
7554
7563
  }
7555
7564
  }
@@ -7973,7 +7982,7 @@ var breadcrumbSlotRecipe = react.defineSlotRecipe({
7973
7982
  link: {
7974
7983
  _hover: {
7975
7984
  outlineColor: "core.outline.hover",
7976
- outlineWidth: tokens23__namespace.default.size.stroke.md,
7985
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
7977
7986
  outlineStyle: "solid",
7978
7987
  _active: {
7979
7988
  backgroundColor: "core.surface.active",
@@ -8063,10 +8072,10 @@ var checkboxSlotRecipe = react.defineSlotRecipe({
8063
8072
  _focus: {
8064
8073
  outlineStyle: "solid",
8065
8074
  outlineColor: "outline.focus",
8066
- outlineOffset: tokens23__namespace.default.size.stroke.md,
8067
- outlineWidth: tokens23__namespace.default.size.stroke.md,
8075
+ outlineOffset: tokens22__namespace.default.size.stroke.md,
8076
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
8068
8077
  borderColor: "core.outline",
8069
- borderWidth: tokens23__namespace.default.size.stroke.md
8078
+ borderWidth: tokens22__namespace.default.size.stroke.md
8070
8079
  }
8071
8080
  },
8072
8081
  label: {
@@ -8995,7 +9004,7 @@ var floatingActionButtonSlotRecipe = react.defineSlotRecipe({
8995
9004
  position: "fixed",
8996
9005
  zIndex: "dropdown",
8997
9006
  _focus: {
8998
- outlineOffset: tokens23__namespace.default.size.stroke.lg,
9007
+ outlineOffset: tokens22__namespace.default.size.stroke.lg,
8999
9008
  outlineColor: "outline.focus"
9000
9009
  },
9001
9010
  _disabled: {
@@ -10104,25 +10113,25 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
10104
10113
  core: {
10105
10114
  item: {
10106
10115
  outlineColor: "core.outline",
10107
- outlineWidth: tokens23__namespace.default.size.stroke.sm,
10116
+ outlineWidth: tokens22__namespace.default.size.stroke.sm,
10108
10117
  outlineStyle: "solid",
10109
10118
  _hover: {
10110
10119
  outlineColor: "core.outline.hover",
10111
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10120
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10112
10121
  outlineStyle: "solid",
10113
10122
  _active: {
10114
10123
  backgroundColor: "core.surface.active",
10115
- outlineWidth: tokens23__namespace.default.size.stroke.sm
10124
+ outlineWidth: tokens22__namespace.default.size.stroke.sm
10116
10125
  }
10117
10126
  },
10118
10127
  _checked: {
10119
10128
  outlineColor: "outline.focus",
10120
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10129
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10121
10130
  outlineStyle: "solid",
10122
10131
  backgroundColor: "core.surface.active",
10123
10132
  _focusVisible: {
10124
10133
  outlineStyle: "double",
10125
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10134
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
10126
10135
  // space for double outline
10127
10136
  }
10128
10137
  }
@@ -10147,12 +10156,12 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
10147
10156
  },
10148
10157
  _checked: {
10149
10158
  outlineColor: "outline.focus",
10150
- outlineWidth: tokens23__namespace.default.size.stroke.md,
10159
+ outlineWidth: tokens22__namespace.default.size.stroke.md,
10151
10160
  outlineStyle: "solid",
10152
10161
  backgroundColor: "core.surface.active",
10153
10162
  _focusVisible: {
10154
10163
  outlineStyle: "double",
10155
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10164
+ outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
10156
10165
  // space for double outline
10157
10166
  }
10158
10167
  }
@@ -10549,7 +10558,8 @@ var switchSlotRecipe = react.defineSlotRecipe({
10549
10558
  height: "var(--switch-height)",
10550
10559
  transitionProperty: "common",
10551
10560
  transitionDuration: "fast",
10552
- outline: "2px solid",
10561
+ outline: "1px solid",
10562
+ outlineOffset: "-1px",
10553
10563
  outlineColor: "core.outline",
10554
10564
  _hover: {
10555
10565
  outline: "2px solid",
@@ -10562,14 +10572,16 @@ var switchSlotRecipe = react.defineSlotRecipe({
10562
10572
  _focusVisible: {
10563
10573
  outlineWidth: "2px",
10564
10574
  outlineColor: "outline.focus",
10565
- outlineStyle: "solid"
10575
+ outlineStyle: "double"
10566
10576
  },
10567
10577
  _checked: {
10568
10578
  backgroundColor: "brand.surface",
10579
+ outline: "none",
10569
10580
  _focusVisible: {
10570
- outlineStyle: "double",
10571
- outlineWidth: `calc(3 * ${tokens23__namespace.default.size.stroke.md})`
10572
- // space for double outline
10581
+ outlineOffset: "1px",
10582
+ outlineStyle: "solid",
10583
+ outlineColor: "outline.focus",
10584
+ outlineWidth: "2px"
10573
10585
  }
10574
10586
  },
10575
10587
  _disabled: {
@@ -10591,32 +10603,29 @@ var switchSlotRecipe = react.defineSlotRecipe({
10591
10603
  size: {
10592
10604
  sm: {
10593
10605
  root: {
10594
- "--switch-width": "3.3rem",
10595
- "--switch-height": "1.5rem"
10606
+ "--switch-width": "3rem",
10607
+ "--switch-height": "1.125rem"
10596
10608
  },
10597
10609
  control: {
10598
- borderRadius: "lg",
10599
- padding: "0.12rem"
10610
+ borderRadius: "lg"
10600
10611
  }
10601
10612
  },
10602
10613
  md: {
10603
10614
  root: {
10604
- "--switch-width": "4.1rem",
10605
- "--switch-height": "1.8rem"
10615
+ "--switch-width": "3.75rem",
10616
+ "--switch-height": "1.5rem"
10606
10617
  },
10607
10618
  control: {
10608
- borderRadius: "xl",
10609
- padding: 0.5
10619
+ borderRadius: "xl"
10610
10620
  }
10611
10621
  },
10612
10622
  lg: {
10613
10623
  root: {
10614
- "--switch-width": "4.8rem",
10615
- "--switch-height": "2.25rem"
10624
+ "--switch-width": "4.5rem",
10625
+ "--switch-height": "1.875rem"
10616
10626
  },
10617
10627
  control: {
10618
- borderRadius: "2xl",
10619
- padding: 0.5
10628
+ borderRadius: "2xl"
10620
10629
  }
10621
10630
  }
10622
10631
  }
@@ -11134,22 +11143,22 @@ var borders = react.defineTokens.borders({
11134
11143
  value: "0"
11135
11144
  },
11136
11145
  sm: {
11137
- value: `${tokens23__namespace.default.size.stroke.sm} solid`
11146
+ value: `${tokens22__namespace.default.size.stroke.sm} solid`
11138
11147
  },
11139
11148
  "sm-dashed": {
11140
- value: `${tokens23__namespace.default.size.stroke.sm} dashed`
11149
+ value: `${tokens22__namespace.default.size.stroke.sm} dashed`
11141
11150
  },
11142
11151
  md: {
11143
- value: `${tokens23__namespace.default.size.stroke.md} solid`
11152
+ value: `${tokens22__namespace.default.size.stroke.md} solid`
11144
11153
  },
11145
11154
  "md-dashed": {
11146
- value: `${tokens23__namespace.default.size.stroke.md} dashed`
11155
+ value: `${tokens22__namespace.default.size.stroke.md} dashed`
11147
11156
  },
11148
11157
  lg: {
11149
- value: `${tokens23__namespace.default.size.stroke.lg} solid`
11158
+ value: `${tokens22__namespace.default.size.stroke.lg} solid`
11150
11159
  },
11151
11160
  "lg-dashed": {
11152
- value: `${tokens23__namespace.default.size.stroke.lg} dashed`
11161
+ value: `${tokens22__namespace.default.size.stroke.lg} dashed`
11153
11162
  }
11154
11163
  });
11155
11164
  var colors = react.defineTokens.colors({
@@ -11221,33 +11230,33 @@ var easings = react.defineTokens.easings({
11221
11230
  }
11222
11231
  });
11223
11232
  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 },
11233
+ "2xs": { value: tokens22__namespace.default.size.font.xs.mobile },
11234
+ xs: { value: tokens22__namespace.default.size.font.sm.mobile },
11235
+ sm: { value: tokens22__namespace.default.size.font.md.mobile },
11236
+ md: { value: tokens22__namespace.default.size.font.lg.mobile },
11237
+ lg: { value: tokens22__namespace.default.size.font.xl.mobile },
11238
+ xl: { value: tokens22__namespace.default.size.font.xxl.mobile },
11239
+ "2xl": { value: tokens22__namespace.default.size.font.xl.desktop },
11240
+ "3xl": { value: tokens22__namespace.default.size.font.xxl.desktop },
11232
11241
  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 }
11242
+ "2xs": { value: tokens22__namespace.default.size.font["2xs"].mobile },
11243
+ xs: { value: tokens22__namespace.default.size.font.xs.mobile },
11244
+ sm: { value: tokens22__namespace.default.size.font.sm.mobile },
11245
+ md: { value: tokens22__namespace.default.size.font.md.mobile },
11246
+ "md-lg": { value: tokens22__namespace.default.size.font["md-lg"].mobile },
11247
+ lg: { value: tokens22__namespace.default.size.font.lg.mobile },
11248
+ xl: { value: tokens22__namespace.default.size.font.xl.mobile },
11249
+ xxl: { value: tokens22__namespace.default.size.font.xxl.mobile }
11241
11250
  },
11242
11251
  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 }
11252
+ "2xs": { value: tokens22__namespace.default.size.font["2xs"].desktop },
11253
+ xs: { value: tokens22__namespace.default.size.font.xs.desktop },
11254
+ sm: { value: tokens22__namespace.default.size.font.sm.desktop },
11255
+ md: { value: tokens22__namespace.default.size.font.md.desktop },
11256
+ "md-lg": { value: tokens22__namespace.default.size.font["md-lg"].desktop },
11257
+ lg: { value: tokens22__namespace.default.size.font.lg.desktop },
11258
+ xl: { value: tokens22__namespace.default.size.font.xl.desktop },
11259
+ xxl: { value: tokens22__namespace.default.size.font.xxl.desktop }
11251
11260
  }
11252
11261
  });
11253
11262
  var fontWeights = react.defineTokens.fontWeights({
@@ -11280,9 +11289,9 @@ var fontWeights = react.defineTokens.fontWeights({
11280
11289
  }
11281
11290
  });
11282
11291
  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` }
11292
+ body: { value: `${tokens22__namespace.default.font.family.body}, arial, sans-serif` },
11293
+ heading: { value: `${tokens22__namespace.default.font.family.heading}, arial, sans-serif` },
11294
+ mono: { value: `${tokens22__namespace.default.font.family.monospace}, monospace` }
11286
11295
  });
11287
11296
  var letterSpacings = react.defineTokens.letterSpacings({
11288
11297
  tighter: {
@@ -11319,32 +11328,32 @@ var lineHeights = react.defineTokens.lineHeights({
11319
11328
  }
11320
11329
  });
11321
11330
  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"] },
11331
+ none: { value: tokens22__namespace.default.size["border-radius"].none },
11332
+ xs: { value: tokens22__namespace.default.size["border-radius"].xs },
11333
+ sm: { value: tokens22__namespace.default.size["border-radius"].sm },
11334
+ md: { value: tokens22__namespace.default.size["border-radius"].md },
11335
+ lg: { value: tokens22__namespace.default.size["border-radius"].lg },
11336
+ xl: { value: tokens22__namespace.default.size["border-radius"].xl },
11337
+ "2xl": { value: tokens22__namespace.default.size["border-radius"]["2xl"] },
11329
11338
  round: { value: "50%" }
11330
11339
  });
11331
11340
  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"] }
11341
+ 0: { value: tokens22__namespace.default.size.spacing["0"] },
11342
+ 0.5: { value: tokens22__namespace.default.size.spacing["0.5"] },
11343
+ 1: { value: tokens22__namespace.default.size.spacing["1"] },
11344
+ 1.5: { value: tokens22__namespace.default.size.spacing["1.5"] },
11345
+ 2: { value: tokens22__namespace.default.size.spacing["2"] },
11346
+ 3: { value: tokens22__namespace.default.size.spacing["3"] },
11347
+ 4: { value: tokens22__namespace.default.size.spacing["4"] },
11348
+ 5: { value: tokens22__namespace.default.size.spacing["5"] },
11349
+ 6: { value: tokens22__namespace.default.size.spacing["6"] },
11350
+ 7: { value: tokens22__namespace.default.size.spacing["7"] },
11351
+ 8: { value: tokens22__namespace.default.size.spacing["8"] },
11352
+ 9: { value: tokens22__namespace.default.size.spacing["9"] },
11353
+ 10: { value: tokens22__namespace.default.size.spacing["10"] },
11354
+ 11: { value: tokens22__namespace.default.size.spacing["11"] },
11355
+ 12: { value: tokens22__namespace.default.size.spacing["12"] },
11356
+ 13: { value: tokens22__namespace.default.size.spacing["13"] }
11348
11357
  });
11349
11358
 
11350
11359
  // src/theme/tokens/sizes.ts
@@ -11381,10 +11390,10 @@ var namedSizes = react.defineTokens.sizes({
11381
11390
  });
11382
11391
  var container = react.defineTokens.sizes({
11383
11392
  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 }
11393
+ sm: { value: tokens22__namespace.default.size.breakpoint.sm },
11394
+ md: { value: tokens22__namespace.default.size.breakpoint.md },
11395
+ lg: { value: tokens22__namespace.default.size.breakpoint.lg },
11396
+ xl: { value: tokens22__namespace.default.size.breakpoint.xl }
11388
11397
  });
11389
11398
  var sizes = {
11390
11399
  ...largeSizes,
@@ -11393,22 +11402,22 @@ var sizes = {
11393
11402
  container
11394
11403
  };
11395
11404
  var zIndex = react.defineTokens.zIndex({
11396
- hide: { value: tokens23__namespace.default.depth["z-index"].hide },
11405
+ hide: { value: tokens22__namespace.default.depth["z-index"].hide },
11397
11406
  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 }
11407
+ base: { value: tokens22__namespace.default.depth["z-index"].base },
11408
+ docked: { value: tokens22__namespace.default.depth["z-index"].docked },
11409
+ dropdown: { value: tokens22__namespace.default.depth["z-index"].dropdown },
11410
+ sticky: { value: tokens22__namespace.default.depth["z-index"].sticky },
11411
+ banner: { value: tokens22__namespace.default.depth["z-index"].banner },
11412
+ overlay: { value: tokens22__namespace.default.depth["z-index"].overlay },
11413
+ modal: { value: tokens22__namespace.default.depth["z-index"].modal },
11414
+ popover: { value: tokens22__namespace.default.depth["z-index"].popover },
11415
+ skipLink: { value: tokens22__namespace.default.depth["z-index"].skipLink },
11416
+ toast: { value: tokens22__namespace.default.depth["z-index"].toast }
11408
11417
  });
11409
11418
 
11410
11419
  // src/theme/tokens/index.ts
11411
- var tokens21 = {
11420
+ var tokens20 = {
11412
11421
  aspectRatios,
11413
11422
  animations,
11414
11423
  blurs,
@@ -11476,10 +11485,10 @@ var animationStyles = react.defineAnimationStyles({
11476
11485
  }
11477
11486
  });
11478
11487
  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
11488
+ sm: tokens22__namespace.default.size.breakpoint.sm,
11489
+ md: tokens22__namespace.default.size.breakpoint.md,
11490
+ lg: tokens22__namespace.default.size.breakpoint.lg,
11491
+ xl: tokens22__namespace.default.size.breakpoint.xl
11483
11492
  };
11484
11493
 
11485
11494
  // src/theme/tokens/config.ts
@@ -11769,91 +11778,91 @@ var textStyles = react.defineTextStyles({
11769
11778
  xxl: {
11770
11779
  value: {
11771
11780
  fontSize: [
11772
- tokens23__namespace.default.font.style.xxl["font-size"].mobile,
11773
- tokens23__namespace.default.font.style.xxl["font-size"].desktop
11781
+ tokens22__namespace.default.font.style.xxl["font-size"].mobile,
11782
+ tokens22__namespace.default.font.style.xxl["font-size"].desktop
11774
11783
  ],
11775
- fontFamily: tokens23__namespace.default.font.style.xxl["font-family"],
11776
- lineHeight: tokens23__namespace.default.font.style.xxl["line-height"]
11784
+ fontFamily: tokens22__namespace.default.font.style.xxl["font-family"],
11785
+ lineHeight: tokens22__namespace.default.font.style.xxl["line-height"]
11777
11786
  }
11778
11787
  },
11779
11788
  "xl-display": {
11780
11789
  value: {
11781
11790
  fontSize: [
11782
- tokens23__namespace.default.font.style["xl-display"]["font-size"].mobile,
11783
- tokens23__namespace.default.font.style["xl-display"]["font-size"].desktop
11791
+ tokens22__namespace.default.font.style["xl-display"]["font-size"].mobile,
11792
+ tokens22__namespace.default.font.style["xl-display"]["font-size"].desktop
11784
11793
  ],
11785
- fontFamily: tokens23__namespace.default.font.style["xl-display"]["font-family"],
11786
- lineHeight: tokens23__namespace.default.font.style["xl-display"]["line-height"]
11794
+ fontFamily: tokens22__namespace.default.font.style["xl-display"]["font-family"],
11795
+ lineHeight: tokens22__namespace.default.font.style["xl-display"]["line-height"]
11787
11796
  }
11788
11797
  },
11789
11798
  "xl-sans": {
11790
11799
  value: {
11791
11800
  fontSize: [
11792
- tokens23__namespace.default.font.style["xl-sans"]["font-size"].mobile,
11793
- tokens23__namespace.default.font.style["xl-sans"]["font-size"].desktop
11801
+ tokens22__namespace.default.font.style["xl-sans"]["font-size"].mobile,
11802
+ tokens22__namespace.default.font.style["xl-sans"]["font-size"].desktop
11794
11803
  ],
11795
- fontFamily: tokens23__namespace.default.font.style["xl-sans"]["font-family"],
11796
- lineHeight: tokens23__namespace.default.font.style["xl-sans"]["line-height"]
11804
+ fontFamily: tokens22__namespace.default.font.style["xl-sans"]["font-family"],
11805
+ lineHeight: tokens22__namespace.default.font.style["xl-sans"]["line-height"]
11797
11806
  }
11798
11807
  },
11799
11808
  lg: {
11800
11809
  value: {
11801
11810
  fontSize: [
11802
- tokens23__namespace.default.font.style.lg["font-size"].mobile,
11803
- tokens23__namespace.default.font.style.lg["font-size"].desktop
11811
+ tokens22__namespace.default.font.style.lg["font-size"].mobile,
11812
+ tokens22__namespace.default.font.style.lg["font-size"].desktop
11804
11813
  ],
11805
- fontFamily: tokens23__namespace.default.font.style.lg["font-family"],
11806
- lineHeight: tokens23__namespace.default.font.style.lg["line-height"]
11814
+ fontFamily: tokens22__namespace.default.font.style.lg["font-family"],
11815
+ lineHeight: tokens22__namespace.default.font.style.lg["line-height"]
11807
11816
  }
11808
11817
  },
11809
11818
  "md-lg": {
11810
11819
  value: {
11811
11820
  fontSize: [
11812
- tokens23__namespace.default.font.style["md-lg"]["font-size"].mobile,
11813
- tokens23__namespace.default.font.style["md-lg"]["font-size"].desktop
11821
+ tokens22__namespace.default.font.style["md-lg"]["font-size"].mobile,
11822
+ tokens22__namespace.default.font.style["md-lg"]["font-size"].desktop
11814
11823
  ],
11815
- fontFamily: tokens23__namespace.default.font.style["md-lg"]["font-family"],
11816
- lineHeight: tokens23__namespace.default.font.style["md-lg"]["line-height"]
11824
+ fontFamily: tokens22__namespace.default.font.style["md-lg"]["font-family"],
11825
+ lineHeight: tokens22__namespace.default.font.style["md-lg"]["line-height"]
11817
11826
  }
11818
11827
  },
11819
11828
  md: {
11820
11829
  value: {
11821
11830
  fontSize: [
11822
- tokens23__namespace.default.font.style.md["font-size"].mobile,
11823
- tokens23__namespace.default.font.style.md["font-size"].desktop
11831
+ tokens22__namespace.default.font.style.md["font-size"].mobile,
11832
+ tokens22__namespace.default.font.style.md["font-size"].desktop
11824
11833
  ],
11825
- fontFamily: tokens23__namespace.default.font.style.md["font-family"],
11826
- lineHeight: tokens23__namespace.default.font.style.md["line-height"]
11834
+ fontFamily: tokens22__namespace.default.font.style.md["font-family"],
11835
+ lineHeight: tokens22__namespace.default.font.style.md["line-height"]
11827
11836
  }
11828
11837
  },
11829
11838
  sm: {
11830
11839
  value: {
11831
11840
  fontSize: [
11832
- tokens23__namespace.default.font.style.sm["font-size"].mobile,
11833
- tokens23__namespace.default.font.style.sm["font-size"].desktop
11841
+ tokens22__namespace.default.font.style.sm["font-size"].mobile,
11842
+ tokens22__namespace.default.font.style.sm["font-size"].desktop
11834
11843
  ],
11835
- fontFamily: tokens23__namespace.default.font.style.sm["font-family"],
11836
- lineHeight: tokens23__namespace.default.font.style.sm["line-height"]
11844
+ fontFamily: tokens22__namespace.default.font.style.sm["font-family"],
11845
+ lineHeight: tokens22__namespace.default.font.style.sm["line-height"]
11837
11846
  }
11838
11847
  },
11839
11848
  xs: {
11840
11849
  value: {
11841
11850
  fontSize: [
11842
- tokens23__namespace.default.font.style.xs["font-size"].mobile,
11843
- tokens23__namespace.default.font.style.xs["font-size"].desktop
11851
+ tokens22__namespace.default.font.style.xs["font-size"].mobile,
11852
+ tokens22__namespace.default.font.style.xs["font-size"].desktop
11844
11853
  ],
11845
- fontFamily: tokens23__namespace.default.font.style.xs["font-family"],
11846
- lineHeight: tokens23__namespace.default.font.style.xs["line-height"]
11854
+ fontFamily: tokens22__namespace.default.font.style.xs["font-family"],
11855
+ lineHeight: tokens22__namespace.default.font.style.xs["line-height"]
11847
11856
  }
11848
11857
  },
11849
11858
  "2xs": {
11850
11859
  value: {
11851
11860
  fontSize: [
11852
- tokens23__namespace.default.font.style["2xs"]["font-size"].mobile,
11853
- tokens23__namespace.default.font.style["2xs"]["font-size"].desktop
11861
+ tokens22__namespace.default.font.style["2xs"]["font-size"].mobile,
11862
+ tokens22__namespace.default.font.style["2xs"]["font-size"].desktop
11854
11863
  ],
11855
- fontFamily: tokens23__namespace.default.font.style["2xs"]["font-family"],
11856
- lineHeight: tokens23__namespace.default.font.style["2xs"]["line-height"]
11864
+ fontFamily: tokens22__namespace.default.font.style["2xs"]["font-family"],
11865
+ lineHeight: tokens22__namespace.default.font.style["2xs"]["line-height"]
11857
11866
  }
11858
11867
  }
11859
11868
  });
@@ -11864,7 +11873,7 @@ var generateTheme = (brand) => {
11864
11873
  theme: {
11865
11874
  breakpoints,
11866
11875
  keyframes,
11867
- tokens: tokens21,
11876
+ tokens: tokens20,
11868
11877
  semanticTokens: semanticTokens[brand],
11869
11878
  recipes,
11870
11879
  slotRecipes,
@@ -12152,7 +12161,7 @@ Object.defineProperty(exports, "Section", {
12152
12161
  enumerable: true,
12153
12162
  get: function () { return reactStately.Section; }
12154
12163
  });
12155
- exports.tokens = tokens23__namespace;
12164
+ exports.tokens = tokens22__namespace;
12156
12165
  exports.Accordion = Accordion;
12157
12166
  exports.AccordionItem = AccordionItem;
12158
12167
  exports.AccordionItemContent = AccordionItemContent;