@vygruppen/spor-react 13.4.1 → 13.4.2

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 +3 -4
  3. package/CHANGELOG.md +9 -0
  4. package/__tests__/accordion.test.tsx +110 -0
  5. package/dist/index.cjs +180 -180
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +122 -2
  8. package/dist/index.d.ts +122 -2
  9. package/dist/index.mjs +180 -180
  10. package/dist/index.mjs.map +1 -1
  11. package/package.json +1 -1
  12. package/src/dialog/Dialog.tsx +3 -1
  13. package/src/input/AttachedInputs.tsx +24 -11
  14. package/src/theme/slot-recipes/breadcrumb.ts +3 -6
  15. package/src/typography/Badge.tsx +9 -1
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 tokens22 = require('@vygruppen/spor-design-tokens');
18
+ var tokens21 = 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');
@@ -44,7 +44,7 @@ function _interopNamespace(e) {
44
44
 
45
45
  var spor_icon_react_star__namespace = /*#__PURE__*/_interopNamespace(spor_icon_react_star);
46
46
  var React14__namespace = /*#__PURE__*/_interopNamespace(React14);
47
- var tokens22__namespace = /*#__PURE__*/_interopNamespace(tokens22);
47
+ var tokens21__namespace = /*#__PURE__*/_interopNamespace(tokens21);
48
48
  var tokens4__default = /*#__PURE__*/_interopDefault(tokens4);
49
49
 
50
50
  var __defProp = Object.defineProperty;
@@ -3083,11 +3083,12 @@ var DialogContent = ({
3083
3083
  portalled = true,
3084
3084
  portalRef,
3085
3085
  backdrop = true,
3086
+ positionerProps,
3086
3087
  ...rest
3087
3088
  } = props;
3088
3089
  return /* @__PURE__ */ jsxRuntime.jsxs(react.Portal, { disabled: !portalled, container: portalRef, children: [
3089
3090
  backdrop && /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Backdrop, {}),
3090
- /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Content, { ref, ...rest, asChild: false, children }) })
3091
+ /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Positioner, { ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Content, { ref, ...rest, asChild: false, children }) })
3091
3092
  ] });
3092
3093
  };
3093
3094
  var DialogCloseTrigger = function DialogCloseTrigger2({
@@ -3363,6 +3364,7 @@ var ErrorSummaryItem = ({
3363
3364
  };
3364
3365
  var AttachedInputs = ({
3365
3366
  ref,
3367
+ flipButtonProps,
3366
3368
  ...props
3367
3369
  }) => {
3368
3370
  const recipe = react.useRecipe({ key: "attachedInputs" });
@@ -3391,7 +3393,11 @@ var AttachedInputs = ({
3391
3393
  variant: "tertiary",
3392
3394
  size: ["xs", null, "sm"],
3393
3395
  "aria-label": flipAriaLabel,
3394
- onClick: onFlip
3396
+ onClick: onFlip,
3397
+ position: "absolute",
3398
+ bg: "bg",
3399
+ outlineWidth: "1px",
3400
+ ...flipButtonProps
3395
3401
  }
3396
3402
  )
3397
3403
  ] });
@@ -3400,23 +3406,20 @@ var SwitchButton = react.chakra(
3400
3406
  IconButton,
3401
3407
  react.defineRecipe({
3402
3408
  base: {
3403
- position: "absolute !important",
3404
- zIndex: "101 !important",
3405
- // eslint-disable-next-line spor/use-semantic-tokens
3406
- bg: "bg !important",
3407
- outlineWidth: "1px !important",
3409
+ zIndex: "101",
3408
3410
  _focus: {
3409
- outlineOffset: "0px !important"
3411
+ outlineOffset: "0px",
3412
+ alignItems: "center"
3410
3413
  }
3411
3414
  },
3412
3415
  variants: {
3413
3416
  orientation: {
3414
3417
  horizontal: {
3415
- top: "calc(50% - 18px)",
3416
- right: "calc(50% - 18px)"
3418
+ top: "calc(50% - 1.1rem)",
3419
+ right: "calc(50% - 1.1rem)"
3417
3420
  },
3418
3421
  vertical: {
3419
- top: "calc(50% - 15px)",
3422
+ top: "calc(50% - 1.1rem)",
3420
3423
  right: "3rem",
3421
3424
  transform: "rotate(90deg)"
3422
3425
  }
@@ -6568,7 +6571,7 @@ var texts26 = createTexts({
6568
6571
  });
6569
6572
  var fontFaces = `
6570
6573
  @font-face {
6571
- font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light"].name};
6574
+ font-family: ${tokens21__namespace.default.asset.font["vy-sans"]["light"].name};
6572
6575
  src: url("https://www.vy.no/styles/font/VySans-Light.woff2") format("woff2"),
6573
6576
  url("https://www.vy.no/styles/font/VySans-Light.woff") format("woff");
6574
6577
  font-style: normal;
@@ -6576,7 +6579,7 @@ var fontFaces = `
6576
6579
  font-display: swap
6577
6580
  }
6578
6581
  @font-face {
6579
- font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["light-italic"].name};
6582
+ font-family: ${tokens21__namespace.default.asset.font["vy-sans"]["light-italic"].name};
6580
6583
  src: url("https://www.vy.no/styles/font/VySans-LightItalic.woff2")
6581
6584
  format("woff2"),
6582
6585
  url("https://www.vy.no/styles/font/VySans-LightItalic.woff") format("woff");
@@ -6585,7 +6588,7 @@ var fontFaces = `
6585
6588
  font-display: swap
6586
6589
  }
6587
6590
  @font-face {
6588
- font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium"].name};
6591
+ font-family: ${tokens21__namespace.default.asset.font["vy-sans"]["medium"].name};
6589
6592
  src: url("https://www.vy.no/styles/font/VySans-Regular.woff2") format("woff2"),
6590
6593
  url("https://www.vy.no/styles/font/VySans-Regular.woff") format("woff");
6591
6594
  font-style: normal;
@@ -6593,7 +6596,7 @@ var fontFaces = `
6593
6596
  font-display: swap
6594
6597
  }
6595
6598
  @font-face {
6596
- font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
6599
+ font-family: ${tokens21__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
6597
6600
  src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
6598
6601
  format("woff2"),
6599
6602
  url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")
@@ -6603,7 +6606,7 @@ var fontFaces = `
6603
6606
  font-display: swap
6604
6607
  }
6605
6608
  @font-face {
6606
- font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold"].name};
6609
+ font-family: ${tokens21__namespace.default.asset.font["vy-sans"]["bold"].name};
6607
6610
  src: url("https://www.vy.no/styles/font/VySans-Bold.woff2") format("woff2"),
6608
6611
  url("https://www.vy.no/styles/font/VySans-Bold.woff") format("woff");
6609
6612
  font-style: normal;
@@ -6611,7 +6614,7 @@ var fontFaces = `
6611
6614
  font-display: swap
6612
6615
  }
6613
6616
  @font-face {
6614
- font-family: ${tokens22__namespace.default.asset.font["vy-sans"]["bold-italic"].name};
6617
+ font-family: ${tokens21__namespace.default.asset.font["vy-sans"]["bold-italic"].name};
6615
6618
  src: url("https://www.vy.no/styles/font/VySans-BoldItalic.woff2")
6616
6619
  format("woff2"),
6617
6620
  url("https://www.vy.no/styles/font/VySans-BoldItalic.woff") format("woff");
@@ -6620,7 +6623,7 @@ var fontFaces = `
6620
6623
  font-display: swap
6621
6624
  }
6622
6625
  @font-face {
6623
- font-family: ${tokens22__namespace.default.asset.font["vy-display"].name};
6626
+ font-family: ${tokens21__namespace.default.asset.font["vy-display"].name};
6624
6627
  src: url("https://www.vy.no/styles/font/VyDisplay-Medium.woff2")
6625
6628
  format("woff2"),
6626
6629
  url("https://www.vy.no/styles/font/VyDisplay-Medium.woff") format("woff");
@@ -7120,7 +7123,7 @@ var buttonRecipe = react.defineRecipe({
7120
7123
  background: "surface.disabled"
7121
7124
  },
7122
7125
  _focus: {
7123
- outlineOffset: tokens22__namespace.default.size.stroke.md
7126
+ outlineOffset: tokens21__namespace.default.size.stroke.md
7124
7127
  }
7125
7128
  },
7126
7129
  variants: {
@@ -7151,19 +7154,19 @@ var buttonRecipe = react.defineRecipe({
7151
7154
  color: "text.core",
7152
7155
  outline: "solid",
7153
7156
  fontWeight: "normal",
7154
- outlineWidth: tokens22__namespace.default.size.stroke.sm,
7157
+ outlineWidth: tokens21__namespace.default.size.stroke.sm,
7155
7158
  outlineColor: "outline.core",
7156
7159
  _hover: {
7157
- outlineWidth: tokens22__namespace.default.size.stroke.md,
7160
+ outlineWidth: tokens21__namespace.default.size.stroke.md,
7158
7161
  outlineColor: "outline.core.hover",
7159
7162
  _active: {
7160
7163
  background: "surface.core.active",
7161
- outlineWidth: tokens22__namespace.default.size.stroke.sm,
7164
+ outlineWidth: tokens21__namespace.default.size.stroke.sm,
7162
7165
  outlineColor: "outline.core"
7163
7166
  }
7164
7167
  },
7165
7168
  _focus: {
7166
- outlineWidth: tokens22__namespace.default.size.stroke.sm
7169
+ outlineWidth: tokens21__namespace.default.size.stroke.sm
7167
7170
  }
7168
7171
  },
7169
7172
  ghost: {
@@ -7491,15 +7494,15 @@ var pressableCardRecipe = react.defineRecipe({
7491
7494
  },
7492
7495
  core: {
7493
7496
  outlineColor: "outline.core",
7494
- outlineWidth: tokens22__namespace.default.size.stroke.sm,
7497
+ outlineWidth: tokens21__namespace.default.size.stroke.sm,
7495
7498
  outlineStyle: "solid",
7496
7499
  _hover: {
7497
7500
  outlineColor: "outline.core.hover",
7498
- outlineWidth: tokens22__namespace.default.size.stroke.md,
7501
+ outlineWidth: tokens21__namespace.default.size.stroke.md,
7499
7502
  outlineStyle: "solid",
7500
7503
  _active: {
7501
7504
  backgroundColor: "surface.core.active",
7502
- outlineWidth: tokens22__namespace.default.size.stroke.sm
7505
+ outlineWidth: tokens21__namespace.default.size.stroke.sm
7503
7506
  }
7504
7507
  }
7505
7508
  },
@@ -7725,34 +7728,34 @@ var cargonetColors = react.defineSemanticTokens.colors({
7725
7728
  ...tokens4__default.default.color["cargonet"].color.cargonet
7726
7729
  });
7727
7730
  var radii = react.defineSemanticTokens.radii({
7728
- none: { value: tokens22__namespace.default.size["border-radius"].none },
7729
- xxs: { value: tokens22__namespace.default.size["border-radius"].xxs },
7730
- xs: { value: tokens22__namespace.default.size["border-radius"].xs },
7731
- sm: { value: tokens22__namespace.default.size["border-radius"].sm },
7732
- md: { value: tokens22__namespace.default.size["border-radius"].md },
7733
- lg: { value: tokens22__namespace.default.size["border-radius"].lg },
7734
- xl: { value: tokens22__namespace.default.size["border-radius"].xl },
7735
- "2xl": { value: tokens22__namespace.default.size["border-radius"]["2xl"] },
7731
+ none: { value: tokens21__namespace.default.size["border-radius"].none },
7732
+ xxs: { value: tokens21__namespace.default.size["border-radius"].xxs },
7733
+ xs: { value: tokens21__namespace.default.size["border-radius"].xs },
7734
+ sm: { value: tokens21__namespace.default.size["border-radius"].sm },
7735
+ md: { value: tokens21__namespace.default.size["border-radius"].md },
7736
+ lg: { value: tokens21__namespace.default.size["border-radius"].lg },
7737
+ xl: { value: tokens21__namespace.default.size["border-radius"].xl },
7738
+ "2xl": { value: tokens21__namespace.default.size["border-radius"]["2xl"] },
7736
7739
  round: { value: "50%" }
7737
7740
  });
7738
7741
  var shadows = react.defineSemanticTokens.shadows({
7739
7742
  none: { value: "none" },
7740
7743
  sm: {
7741
7744
  value: {
7742
- _light: tokens22__namespace.default.depth.shadow.sm.value._light,
7743
- _dark: tokens22__namespace.default.depth.shadow.sm.value._dark
7745
+ _light: tokens21__namespace.default.depth.shadow.sm.value._light,
7746
+ _dark: tokens21__namespace.default.depth.shadow.sm.value._dark
7744
7747
  }
7745
7748
  },
7746
7749
  md: {
7747
7750
  value: {
7748
- _light: tokens22__namespace.default.depth.shadow.md.value._light,
7749
- _dark: tokens22__namespace.default.depth.shadow.md.value._dark
7751
+ _light: tokens21__namespace.default.depth.shadow.md.value._light,
7752
+ _dark: tokens21__namespace.default.depth.shadow.md.value._dark
7750
7753
  }
7751
7754
  },
7752
7755
  lg: {
7753
7756
  value: {
7754
- _light: tokens22__namespace.default.depth.shadow.lg.value._light,
7755
- _dark: tokens22__namespace.default.depth.shadow.lg.value._dark
7757
+ _light: tokens21__namespace.default.depth.shadow.lg.value._light,
7758
+ _dark: tokens21__namespace.default.depth.shadow.lg.value._dark
7756
7759
  }
7757
7760
  }
7758
7761
  });
@@ -8131,7 +8134,7 @@ var accordionSlotRecipe = react.defineSlotRecipe({
8131
8134
  core: {
8132
8135
  item: {
8133
8136
  outline: "solid",
8134
- outlineWidth: tokens22__namespace.default.size.stroke.sm,
8137
+ outlineWidth: tokens21__namespace.default.size.stroke.sm,
8135
8138
  outlineColor: "outline.core"
8136
8139
  },
8137
8140
  itemTrigger: {
@@ -8139,14 +8142,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
8139
8142
  borderBottomRadius: "none"
8140
8143
  },
8141
8144
  "&:hover": {
8142
- outlineWidth: tokens22__namespace.default.size.stroke.md,
8145
+ outlineWidth: tokens21__namespace.default.size.stroke.md,
8143
8146
  outlineColor: "outline.core",
8144
8147
  outline: "2px solid",
8145
8148
  outlineOffset: 0
8146
8149
  },
8147
8150
  "&:active": {
8148
8151
  backgroundColor: "surface.core.active",
8149
- outlineWidth: tokens22__namespace.default.size.stroke.sm,
8152
+ outlineWidth: tokens21__namespace.default.size.stroke.sm,
8150
8153
  outline: "none"
8151
8154
  }
8152
8155
  }
@@ -8164,7 +8167,7 @@ var accordionSlotRecipe = react.defineSlotRecipe({
8164
8167
  floating: {
8165
8168
  item: {
8166
8169
  outline: "1px solid",
8167
- outlineWidth: tokens22__namespace.default.size.stroke.sm,
8170
+ outlineWidth: tokens21__namespace.default.size.stroke.sm,
8168
8171
  boxShadow: "sm",
8169
8172
  outlineColor: "outline.floating"
8170
8173
  },
@@ -8173,14 +8176,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
8173
8176
  borderBottomRadius: "none"
8174
8177
  },
8175
8178
  "&:hover": {
8176
- outlineWidth: tokens22__namespace.default.size.stroke.md,
8179
+ outlineWidth: tokens21__namespace.default.size.stroke.md,
8177
8180
  outline: "1px solid",
8178
8181
  outlineColor: "outline.floating.hover",
8179
8182
  outlineOffset: 1
8180
8183
  },
8181
8184
  "&:active": {
8182
8185
  backgroundColor: "surface.floating.active",
8183
- outlineWidth: tokens22__namespace.default.size.stroke.sm,
8186
+ outlineWidth: tokens21__namespace.default.size.stroke.sm,
8184
8187
  outline: "none"
8185
8188
  }
8186
8189
  }
@@ -8585,10 +8588,10 @@ var breadcrumbSlotRecipe = react.defineSlotRecipe({
8585
8588
  },
8586
8589
  link: {
8587
8590
  cursor: "pointer",
8588
- borderRadius: "xs"
8591
+ borderRadius: "xs",
8592
+ textDecoration: "underline"
8589
8593
  },
8590
8594
  currentLink: {
8591
- borderRadius: "xs",
8592
8595
  cursor: "default"
8593
8596
  },
8594
8597
  separator: {
@@ -8602,12 +8605,9 @@ var breadcrumbSlotRecipe = react.defineSlotRecipe({
8602
8605
  core: {
8603
8606
  link: {
8604
8607
  _hover: {
8605
- outlineColor: "outline.core.hover",
8606
- outlineWidth: tokens22__namespace.default.size.stroke.md,
8607
- outlineStyle: "solid",
8608
+ textDecoration: "none",
8608
8609
  _active: {
8609
- backgroundColor: "surface.core.active",
8610
- outline: "none"
8610
+ backgroundColor: "surface.core.active"
8611
8611
  }
8612
8612
  }
8613
8613
  }
@@ -8689,10 +8689,10 @@ var checkboxSlotRecipe = react.defineSlotRecipe({
8689
8689
  _focus: {
8690
8690
  outlineStyle: "solid",
8691
8691
  outlineColor: "outline.focus",
8692
- outlineOffset: tokens22__namespace.default.size.stroke.md,
8693
- outlineWidth: tokens22__namespace.default.size.stroke.md,
8692
+ outlineOffset: tokens21__namespace.default.size.stroke.md,
8693
+ outlineWidth: tokens21__namespace.default.size.stroke.md,
8694
8694
  borderColor: "outline.core",
8695
- borderWidth: tokens22__namespace.default.size.stroke.md
8695
+ borderWidth: tokens21__namespace.default.size.stroke.md
8696
8696
  }
8697
8697
  },
8698
8698
  label: {
@@ -9895,7 +9895,7 @@ var floatingActionButtonSlotRecipe = react.defineSlotRecipe({
9895
9895
  position: "fixed",
9896
9896
  zIndex: "dropdown",
9897
9897
  _focus: {
9898
- outlineOffset: tokens22__namespace.default.size.stroke.lg,
9898
+ outlineOffset: tokens21__namespace.default.size.stroke.lg,
9899
9899
  outlineColor: "outline.focus"
9900
9900
  },
9901
9901
  _disabled: {
@@ -11207,25 +11207,25 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
11207
11207
  core: {
11208
11208
  item: {
11209
11209
  outlineColor: "outline.core",
11210
- outlineWidth: tokens22__namespace.default.size.stroke.sm,
11210
+ outlineWidth: tokens21__namespace.default.size.stroke.sm,
11211
11211
  outlineStyle: "solid",
11212
11212
  _hover: {
11213
11213
  outlineColor: "outline.core.hover",
11214
- outlineWidth: tokens22__namespace.default.size.stroke.md,
11214
+ outlineWidth: tokens21__namespace.default.size.stroke.md,
11215
11215
  outlineStyle: "solid",
11216
11216
  _active: {
11217
11217
  backgroundColor: "surface.core.active",
11218
- outlineWidth: tokens22__namespace.default.size.stroke.sm
11218
+ outlineWidth: tokens21__namespace.default.size.stroke.sm
11219
11219
  }
11220
11220
  },
11221
11221
  _checked: {
11222
11222
  outlineColor: "outline.focus",
11223
- outlineWidth: tokens22__namespace.default.size.stroke.md,
11223
+ outlineWidth: tokens21__namespace.default.size.stroke.md,
11224
11224
  outlineStyle: "solid",
11225
11225
  backgroundColor: "surface.core.active",
11226
11226
  _focusVisible: {
11227
11227
  outlineStyle: "double",
11228
- outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
11228
+ outlineWidth: `calc(3 * ${tokens21__namespace.default.size.stroke.md})`
11229
11229
  // space for double outline
11230
11230
  }
11231
11231
  }
@@ -11250,12 +11250,12 @@ var radioCardSlotRecipe = react.defineSlotRecipe({
11250
11250
  },
11251
11251
  _checked: {
11252
11252
  outlineColor: "outline.focus",
11253
- outlineWidth: tokens22__namespace.default.size.stroke.md,
11253
+ outlineWidth: tokens21__namespace.default.size.stroke.md,
11254
11254
  outlineStyle: "solid",
11255
11255
  backgroundColor: "surface.core.active",
11256
11256
  _focusVisible: {
11257
11257
  outlineStyle: "double",
11258
- outlineWidth: `calc(3 * ${tokens22__namespace.default.size.stroke.md})`
11258
+ outlineWidth: `calc(3 * ${tokens21__namespace.default.size.stroke.md})`
11259
11259
  // space for double outline
11260
11260
  }
11261
11261
  }
@@ -12294,22 +12294,22 @@ var borders = react.defineTokens.borders({
12294
12294
  value: "0"
12295
12295
  },
12296
12296
  sm: {
12297
- value: `${tokens22__namespace.default.size.stroke.sm} solid`
12297
+ value: `${tokens21__namespace.default.size.stroke.sm} solid`
12298
12298
  },
12299
12299
  "sm-dashed": {
12300
- value: `${tokens22__namespace.default.size.stroke.sm} dashed`
12300
+ value: `${tokens21__namespace.default.size.stroke.sm} dashed`
12301
12301
  },
12302
12302
  md: {
12303
- value: `${tokens22__namespace.default.size.stroke.md} solid`
12303
+ value: `${tokens21__namespace.default.size.stroke.md} solid`
12304
12304
  },
12305
12305
  "md-dashed": {
12306
- value: `${tokens22__namespace.default.size.stroke.md} dashed`
12306
+ value: `${tokens21__namespace.default.size.stroke.md} dashed`
12307
12307
  },
12308
12308
  lg: {
12309
- value: `${tokens22__namespace.default.size.stroke.lg} solid`
12309
+ value: `${tokens21__namespace.default.size.stroke.lg} solid`
12310
12310
  },
12311
12311
  "lg-dashed": {
12312
- value: `${tokens22__namespace.default.size.stroke.lg} dashed`
12312
+ value: `${tokens21__namespace.default.size.stroke.lg} dashed`
12313
12313
  }
12314
12314
  });
12315
12315
  var colors = react.defineTokens.colors({
@@ -12381,33 +12381,33 @@ var easings = react.defineTokens.easings({
12381
12381
  }
12382
12382
  });
12383
12383
  var fontSizes = react.defineTokens.fontSizes({
12384
- "2xs": { value: tokens22__namespace.default.size.font.xs.mobile },
12385
- xs: { value: tokens22__namespace.default.size.font.sm.mobile },
12386
- sm: { value: tokens22__namespace.default.size.font.md.mobile },
12387
- md: { value: tokens22__namespace.default.size.font.lg.mobile },
12388
- lg: { value: tokens22__namespace.default.size.font.xl.mobile },
12389
- xl: { value: tokens22__namespace.default.size.font.xxl.mobile },
12390
- "2xl": { value: tokens22__namespace.default.size.font.xl.desktop },
12391
- "3xl": { value: tokens22__namespace.default.size.font.xxl.desktop },
12384
+ "2xs": { value: tokens21__namespace.default.size.font.xs.mobile },
12385
+ xs: { value: tokens21__namespace.default.size.font.sm.mobile },
12386
+ sm: { value: tokens21__namespace.default.size.font.md.mobile },
12387
+ md: { value: tokens21__namespace.default.size.font.lg.mobile },
12388
+ lg: { value: tokens21__namespace.default.size.font.xl.mobile },
12389
+ xl: { value: tokens21__namespace.default.size.font.xxl.mobile },
12390
+ "2xl": { value: tokens21__namespace.default.size.font.xl.desktop },
12391
+ "3xl": { value: tokens21__namespace.default.size.font.xxl.desktop },
12392
12392
  mobile: {
12393
- "2xs": { value: tokens22__namespace.default.size.font["2xs"].mobile },
12394
- xs: { value: tokens22__namespace.default.size.font.xs.mobile },
12395
- sm: { value: tokens22__namespace.default.size.font.sm.mobile },
12396
- md: { value: tokens22__namespace.default.size.font.md.mobile },
12397
- "md-lg": { value: tokens22__namespace.default.size.font["md-lg"].mobile },
12398
- lg: { value: tokens22__namespace.default.size.font.lg.mobile },
12399
- xl: { value: tokens22__namespace.default.size.font.xl.mobile },
12400
- xxl: { value: tokens22__namespace.default.size.font.xxl.mobile }
12393
+ "2xs": { value: tokens21__namespace.default.size.font["2xs"].mobile },
12394
+ xs: { value: tokens21__namespace.default.size.font.xs.mobile },
12395
+ sm: { value: tokens21__namespace.default.size.font.sm.mobile },
12396
+ md: { value: tokens21__namespace.default.size.font.md.mobile },
12397
+ "md-lg": { value: tokens21__namespace.default.size.font["md-lg"].mobile },
12398
+ lg: { value: tokens21__namespace.default.size.font.lg.mobile },
12399
+ xl: { value: tokens21__namespace.default.size.font.xl.mobile },
12400
+ xxl: { value: tokens21__namespace.default.size.font.xxl.mobile }
12401
12401
  },
12402
12402
  desktop: {
12403
- "2xs": { value: tokens22__namespace.default.size.font["2xs"].desktop },
12404
- xs: { value: tokens22__namespace.default.size.font.xs.desktop },
12405
- sm: { value: tokens22__namespace.default.size.font.sm.desktop },
12406
- md: { value: tokens22__namespace.default.size.font.md.desktop },
12407
- "md-lg": { value: tokens22__namespace.default.size.font["md-lg"].desktop },
12408
- lg: { value: tokens22__namespace.default.size.font.lg.desktop },
12409
- xl: { value: tokens22__namespace.default.size.font.xl.desktop },
12410
- xxl: { value: tokens22__namespace.default.size.font.xxl.desktop }
12403
+ "2xs": { value: tokens21__namespace.default.size.font["2xs"].desktop },
12404
+ xs: { value: tokens21__namespace.default.size.font.xs.desktop },
12405
+ sm: { value: tokens21__namespace.default.size.font.sm.desktop },
12406
+ md: { value: tokens21__namespace.default.size.font.md.desktop },
12407
+ "md-lg": { value: tokens21__namespace.default.size.font["md-lg"].desktop },
12408
+ lg: { value: tokens21__namespace.default.size.font.lg.desktop },
12409
+ xl: { value: tokens21__namespace.default.size.font.xl.desktop },
12410
+ xxl: { value: tokens21__namespace.default.size.font.xxl.desktop }
12411
12411
  }
12412
12412
  });
12413
12413
  var fontWeights = react.defineTokens.fontWeights({
@@ -12440,9 +12440,9 @@ var fontWeights = react.defineTokens.fontWeights({
12440
12440
  }
12441
12441
  });
12442
12442
  var fonts = react.defineTokens.fonts({
12443
- body: { value: `${tokens22__namespace.default.font.family.body}, arial, sans-serif` },
12444
- heading: { value: `${tokens22__namespace.default.font.family.heading}, arial, sans-serif` },
12445
- mono: { value: `${tokens22__namespace.default.font.family.monospace}, monospace` }
12443
+ body: { value: `${tokens21__namespace.default.font.family.body}, arial, sans-serif` },
12444
+ heading: { value: `${tokens21__namespace.default.font.family.heading}, arial, sans-serif` },
12445
+ mono: { value: `${tokens21__namespace.default.font.family.monospace}, monospace` }
12446
12446
  });
12447
12447
  var letterSpacings = react.defineTokens.letterSpacings({
12448
12448
  tighter: {
@@ -12479,32 +12479,32 @@ var lineHeights = react.defineTokens.lineHeights({
12479
12479
  }
12480
12480
  });
12481
12481
  var radii2 = react.defineTokens.radii({
12482
- none: { value: tokens22__namespace.default.size["border-radius"].none },
12483
- xs: { value: tokens22__namespace.default.size["border-radius"].xs },
12484
- sm: { value: tokens22__namespace.default.size["border-radius"].sm },
12485
- md: { value: tokens22__namespace.default.size["border-radius"].md },
12486
- lg: { value: tokens22__namespace.default.size["border-radius"].lg },
12487
- xl: { value: tokens22__namespace.default.size["border-radius"].xl },
12488
- "2xl": { value: tokens22__namespace.default.size["border-radius"]["2xl"] },
12482
+ none: { value: tokens21__namespace.default.size["border-radius"].none },
12483
+ xs: { value: tokens21__namespace.default.size["border-radius"].xs },
12484
+ sm: { value: tokens21__namespace.default.size["border-radius"].sm },
12485
+ md: { value: tokens21__namespace.default.size["border-radius"].md },
12486
+ lg: { value: tokens21__namespace.default.size["border-radius"].lg },
12487
+ xl: { value: tokens21__namespace.default.size["border-radius"].xl },
12488
+ "2xl": { value: tokens21__namespace.default.size["border-radius"]["2xl"] },
12489
12489
  round: { value: "50%" }
12490
12490
  });
12491
12491
  var spacing = react.defineTokens.spacing({
12492
- 0: { value: tokens22__namespace.default.size.spacing["0"] },
12493
- 0.5: { value: tokens22__namespace.default.size.spacing["0.5"] },
12494
- 1: { value: tokens22__namespace.default.size.spacing["1"] },
12495
- 1.5: { value: tokens22__namespace.default.size.spacing["1.5"] },
12496
- 2: { value: tokens22__namespace.default.size.spacing["2"] },
12497
- 3: { value: tokens22__namespace.default.size.spacing["3"] },
12498
- 4: { value: tokens22__namespace.default.size.spacing["4"] },
12499
- 5: { value: tokens22__namespace.default.size.spacing["5"] },
12500
- 6: { value: tokens22__namespace.default.size.spacing["6"] },
12501
- 7: { value: tokens22__namespace.default.size.spacing["7"] },
12502
- 8: { value: tokens22__namespace.default.size.spacing["8"] },
12503
- 9: { value: tokens22__namespace.default.size.spacing["9"] },
12504
- 10: { value: tokens22__namespace.default.size.spacing["10"] },
12505
- 11: { value: tokens22__namespace.default.size.spacing["11"] },
12506
- 12: { value: tokens22__namespace.default.size.spacing["12"] },
12507
- 13: { value: tokens22__namespace.default.size.spacing["13"] }
12492
+ 0: { value: tokens21__namespace.default.size.spacing["0"] },
12493
+ 0.5: { value: tokens21__namespace.default.size.spacing["0.5"] },
12494
+ 1: { value: tokens21__namespace.default.size.spacing["1"] },
12495
+ 1.5: { value: tokens21__namespace.default.size.spacing["1.5"] },
12496
+ 2: { value: tokens21__namespace.default.size.spacing["2"] },
12497
+ 3: { value: tokens21__namespace.default.size.spacing["3"] },
12498
+ 4: { value: tokens21__namespace.default.size.spacing["4"] },
12499
+ 5: { value: tokens21__namespace.default.size.spacing["5"] },
12500
+ 6: { value: tokens21__namespace.default.size.spacing["6"] },
12501
+ 7: { value: tokens21__namespace.default.size.spacing["7"] },
12502
+ 8: { value: tokens21__namespace.default.size.spacing["8"] },
12503
+ 9: { value: tokens21__namespace.default.size.spacing["9"] },
12504
+ 10: { value: tokens21__namespace.default.size.spacing["10"] },
12505
+ 11: { value: tokens21__namespace.default.size.spacing["11"] },
12506
+ 12: { value: tokens21__namespace.default.size.spacing["12"] },
12507
+ 13: { value: tokens21__namespace.default.size.spacing["13"] }
12508
12508
  });
12509
12509
 
12510
12510
  // src/theme/tokens/sizes.ts
@@ -12541,10 +12541,10 @@ var namedSizes = react.defineTokens.sizes({
12541
12541
  });
12542
12542
  var container = react.defineTokens.sizes({
12543
12543
  base: { value: 0 },
12544
- sm: { value: tokens22__namespace.default.size.breakpoint.sm },
12545
- md: { value: tokens22__namespace.default.size.breakpoint.md },
12546
- lg: { value: tokens22__namespace.default.size.breakpoint.lg },
12547
- xl: { value: tokens22__namespace.default.size.breakpoint.xl }
12544
+ sm: { value: tokens21__namespace.default.size.breakpoint.sm },
12545
+ md: { value: tokens21__namespace.default.size.breakpoint.md },
12546
+ lg: { value: tokens21__namespace.default.size.breakpoint.lg },
12547
+ xl: { value: tokens21__namespace.default.size.breakpoint.xl }
12548
12548
  });
12549
12549
  var sizes = {
12550
12550
  ...largeSizes,
@@ -12553,22 +12553,22 @@ var sizes = {
12553
12553
  container
12554
12554
  };
12555
12555
  var zIndex = react.defineTokens.zIndex({
12556
- hide: { value: tokens22__namespace.default.depth["z-index"].hide },
12556
+ hide: { value: tokens21__namespace.default.depth["z-index"].hide },
12557
12557
  auto: { value: "auto" },
12558
- base: { value: tokens22__namespace.default.depth["z-index"].base },
12559
- docked: { value: tokens22__namespace.default.depth["z-index"].docked },
12560
- dropdown: { value: tokens22__namespace.default.depth["z-index"].dropdown },
12561
- sticky: { value: tokens22__namespace.default.depth["z-index"].sticky },
12562
- banner: { value: tokens22__namespace.default.depth["z-index"].banner },
12563
- overlay: { value: tokens22__namespace.default.depth["z-index"].overlay },
12564
- modal: { value: tokens22__namespace.default.depth["z-index"].modal },
12565
- popover: { value: tokens22__namespace.default.depth["z-index"].popover },
12566
- skipLink: { value: tokens22__namespace.default.depth["z-index"].skipLink },
12567
- toast: { value: tokens22__namespace.default.depth["z-index"].toast }
12558
+ base: { value: tokens21__namespace.default.depth["z-index"].base },
12559
+ docked: { value: tokens21__namespace.default.depth["z-index"].docked },
12560
+ dropdown: { value: tokens21__namespace.default.depth["z-index"].dropdown },
12561
+ sticky: { value: tokens21__namespace.default.depth["z-index"].sticky },
12562
+ banner: { value: tokens21__namespace.default.depth["z-index"].banner },
12563
+ overlay: { value: tokens21__namespace.default.depth["z-index"].overlay },
12564
+ modal: { value: tokens21__namespace.default.depth["z-index"].modal },
12565
+ popover: { value: tokens21__namespace.default.depth["z-index"].popover },
12566
+ skipLink: { value: tokens21__namespace.default.depth["z-index"].skipLink },
12567
+ toast: { value: tokens21__namespace.default.depth["z-index"].toast }
12568
12568
  });
12569
12569
 
12570
12570
  // src/theme/tokens/index.ts
12571
- var tokens20 = {
12571
+ var tokens19 = {
12572
12572
  aspectRatios,
12573
12573
  animations,
12574
12574
  blurs,
@@ -12636,10 +12636,10 @@ var animationStyles = react.defineAnimationStyles({
12636
12636
  }
12637
12637
  });
12638
12638
  var breakpoints = {
12639
- sm: tokens22__namespace.default.size.breakpoint.sm,
12640
- md: tokens22__namespace.default.size.breakpoint.md,
12641
- lg: tokens22__namespace.default.size.breakpoint.lg,
12642
- xl: tokens22__namespace.default.size.breakpoint.xl
12639
+ sm: tokens21__namespace.default.size.breakpoint.sm,
12640
+ md: tokens21__namespace.default.size.breakpoint.md,
12641
+ lg: tokens21__namespace.default.size.breakpoint.lg,
12642
+ xl: tokens21__namespace.default.size.breakpoint.xl
12643
12643
  };
12644
12644
 
12645
12645
  // src/theme/tokens/config.ts
@@ -12929,91 +12929,91 @@ var textStyles = react.defineTextStyles({
12929
12929
  xxl: {
12930
12930
  value: {
12931
12931
  fontSize: [
12932
- tokens22__namespace.default.font.style.xxl["font-size"].mobile,
12933
- tokens22__namespace.default.font.style.xxl["font-size"].desktop
12932
+ tokens21__namespace.default.font.style.xxl["font-size"].mobile,
12933
+ tokens21__namespace.default.font.style.xxl["font-size"].desktop
12934
12934
  ],
12935
- fontFamily: tokens22__namespace.default.font.style.xxl["font-family"],
12936
- lineHeight: tokens22__namespace.default.font.style.xxl["line-height"]
12935
+ fontFamily: tokens21__namespace.default.font.style.xxl["font-family"],
12936
+ lineHeight: tokens21__namespace.default.font.style.xxl["line-height"]
12937
12937
  }
12938
12938
  },
12939
12939
  "xl-display": {
12940
12940
  value: {
12941
12941
  fontSize: [
12942
- tokens22__namespace.default.font.style["xl-display"]["font-size"].mobile,
12943
- tokens22__namespace.default.font.style["xl-display"]["font-size"].desktop
12942
+ tokens21__namespace.default.font.style["xl-display"]["font-size"].mobile,
12943
+ tokens21__namespace.default.font.style["xl-display"]["font-size"].desktop
12944
12944
  ],
12945
- fontFamily: tokens22__namespace.default.font.style["xl-display"]["font-family"],
12946
- lineHeight: tokens22__namespace.default.font.style["xl-display"]["line-height"]
12945
+ fontFamily: tokens21__namespace.default.font.style["xl-display"]["font-family"],
12946
+ lineHeight: tokens21__namespace.default.font.style["xl-display"]["line-height"]
12947
12947
  }
12948
12948
  },
12949
12949
  "xl-sans": {
12950
12950
  value: {
12951
12951
  fontSize: [
12952
- tokens22__namespace.default.font.style["xl-sans"]["font-size"].mobile,
12953
- tokens22__namespace.default.font.style["xl-sans"]["font-size"].desktop
12952
+ tokens21__namespace.default.font.style["xl-sans"]["font-size"].mobile,
12953
+ tokens21__namespace.default.font.style["xl-sans"]["font-size"].desktop
12954
12954
  ],
12955
- fontFamily: tokens22__namespace.default.font.style["xl-sans"]["font-family"],
12956
- lineHeight: tokens22__namespace.default.font.style["xl-sans"]["line-height"]
12955
+ fontFamily: tokens21__namespace.default.font.style["xl-sans"]["font-family"],
12956
+ lineHeight: tokens21__namespace.default.font.style["xl-sans"]["line-height"]
12957
12957
  }
12958
12958
  },
12959
12959
  lg: {
12960
12960
  value: {
12961
12961
  fontSize: [
12962
- tokens22__namespace.default.font.style.lg["font-size"].mobile,
12963
- tokens22__namespace.default.font.style.lg["font-size"].desktop
12962
+ tokens21__namespace.default.font.style.lg["font-size"].mobile,
12963
+ tokens21__namespace.default.font.style.lg["font-size"].desktop
12964
12964
  ],
12965
- fontFamily: tokens22__namespace.default.font.style.lg["font-family"],
12966
- lineHeight: tokens22__namespace.default.font.style.lg["line-height"]
12965
+ fontFamily: tokens21__namespace.default.font.style.lg["font-family"],
12966
+ lineHeight: tokens21__namespace.default.font.style.lg["line-height"]
12967
12967
  }
12968
12968
  },
12969
12969
  "md-lg": {
12970
12970
  value: {
12971
12971
  fontSize: [
12972
- tokens22__namespace.default.font.style["md-lg"]["font-size"].mobile,
12973
- tokens22__namespace.default.font.style["md-lg"]["font-size"].desktop
12972
+ tokens21__namespace.default.font.style["md-lg"]["font-size"].mobile,
12973
+ tokens21__namespace.default.font.style["md-lg"]["font-size"].desktop
12974
12974
  ],
12975
- fontFamily: tokens22__namespace.default.font.style["md-lg"]["font-family"],
12976
- lineHeight: tokens22__namespace.default.font.style["md-lg"]["line-height"]
12975
+ fontFamily: tokens21__namespace.default.font.style["md-lg"]["font-family"],
12976
+ lineHeight: tokens21__namespace.default.font.style["md-lg"]["line-height"]
12977
12977
  }
12978
12978
  },
12979
12979
  md: {
12980
12980
  value: {
12981
12981
  fontSize: [
12982
- tokens22__namespace.default.font.style.md["font-size"].mobile,
12983
- tokens22__namespace.default.font.style.md["font-size"].desktop
12982
+ tokens21__namespace.default.font.style.md["font-size"].mobile,
12983
+ tokens21__namespace.default.font.style.md["font-size"].desktop
12984
12984
  ],
12985
- fontFamily: tokens22__namespace.default.font.style.md["font-family"],
12986
- lineHeight: tokens22__namespace.default.font.style.md["line-height"]
12985
+ fontFamily: tokens21__namespace.default.font.style.md["font-family"],
12986
+ lineHeight: tokens21__namespace.default.font.style.md["line-height"]
12987
12987
  }
12988
12988
  },
12989
12989
  sm: {
12990
12990
  value: {
12991
12991
  fontSize: [
12992
- tokens22__namespace.default.font.style.sm["font-size"].mobile,
12993
- tokens22__namespace.default.font.style.sm["font-size"].desktop
12992
+ tokens21__namespace.default.font.style.sm["font-size"].mobile,
12993
+ tokens21__namespace.default.font.style.sm["font-size"].desktop
12994
12994
  ],
12995
- fontFamily: tokens22__namespace.default.font.style.sm["font-family"],
12996
- lineHeight: tokens22__namespace.default.font.style.sm["line-height"]
12995
+ fontFamily: tokens21__namespace.default.font.style.sm["font-family"],
12996
+ lineHeight: tokens21__namespace.default.font.style.sm["line-height"]
12997
12997
  }
12998
12998
  },
12999
12999
  xs: {
13000
13000
  value: {
13001
13001
  fontSize: [
13002
- tokens22__namespace.default.font.style.xs["font-size"].mobile,
13003
- tokens22__namespace.default.font.style.xs["font-size"].desktop
13002
+ tokens21__namespace.default.font.style.xs["font-size"].mobile,
13003
+ tokens21__namespace.default.font.style.xs["font-size"].desktop
13004
13004
  ],
13005
- fontFamily: tokens22__namespace.default.font.style.xs["font-family"],
13006
- lineHeight: tokens22__namespace.default.font.style.xs["line-height"]
13005
+ fontFamily: tokens21__namespace.default.font.style.xs["font-family"],
13006
+ lineHeight: tokens21__namespace.default.font.style.xs["line-height"]
13007
13007
  }
13008
13008
  },
13009
13009
  "2xs": {
13010
13010
  value: {
13011
13011
  fontSize: [
13012
- tokens22__namespace.default.font.style["2xs"]["font-size"].mobile,
13013
- tokens22__namespace.default.font.style["2xs"]["font-size"].desktop
13012
+ tokens21__namespace.default.font.style["2xs"]["font-size"].mobile,
13013
+ tokens21__namespace.default.font.style["2xs"]["font-size"].desktop
13014
13014
  ],
13015
- fontFamily: tokens22__namespace.default.font.style["2xs"]["font-family"],
13016
- lineHeight: tokens22__namespace.default.font.style["2xs"]["line-height"]
13015
+ fontFamily: tokens21__namespace.default.font.style["2xs"]["font-family"],
13016
+ lineHeight: tokens21__namespace.default.font.style["2xs"]["line-height"]
13017
13017
  }
13018
13018
  }
13019
13019
  });
@@ -13024,7 +13024,7 @@ var generateTheme = (brand) => {
13024
13024
  theme: {
13025
13025
  breakpoints,
13026
13026
  keyframes,
13027
- tokens: tokens20,
13027
+ tokens: tokens19,
13028
13028
  semanticTokens: semanticTokens[brand],
13029
13029
  recipes,
13030
13030
  slotRecipes,
@@ -13317,7 +13317,7 @@ Object.defineProperty(exports, "Section", {
13317
13317
  enumerable: true,
13318
13318
  get: function () { return reactStately.Section; }
13319
13319
  });
13320
- exports.tokens = tokens22__namespace;
13320
+ exports.tokens = tokens21__namespace;
13321
13321
  exports.Accordion = Accordion;
13322
13322
  exports.AccordionItem = AccordionItem;
13323
13323
  exports.AccordionItemContent = AccordionItemContent;