braid-design-system 32.1.0 → 32.2.0

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 (148) hide show
  1. package/CHANGELOG.md +133 -0
  2. package/codemod/dist/wrapper.js +181 -183
  3. package/color-mode/query-param/index.d.ts +1 -0
  4. package/color-mode/query-param/package.json +1 -1
  5. package/css/index.d.ts +1 -0
  6. package/css/package.json +1 -1
  7. package/dist/ToastContext.chunk.cjs +21 -21
  8. package/dist/ToastContext.chunk.mjs +120 -120
  9. package/dist/Toggle.chunk.cjs +22 -32
  10. package/dist/Toggle.chunk.mjs +199 -209
  11. package/dist/color-mode/query-param.mjs +1 -1
  12. package/dist/css.d.ts +1 -667
  13. package/dist/css.mjs +7 -7
  14. package/dist/index.d.ts +1 -3952
  15. package/dist/index.mjs +164 -164
  16. package/dist/playroom/FrameComponent.d.ts +1 -323
  17. package/dist/playroom/FrameComponent.mjs +4 -4
  18. package/dist/playroom/components.d.ts +1 -4027
  19. package/dist/playroom/components.mjs +124 -124
  20. package/dist/playroom/scope.d.ts +1 -385
  21. package/dist/playroom/scope.mjs +4 -4
  22. package/dist/playroom/snippets.d.ts +1 -7
  23. package/dist/playroomState.chunk.cjs +1 -1
  24. package/dist/playroomState.chunk.mjs +3 -3
  25. package/dist/reset.d.ts +5075 -1
  26. package/dist/side-effects/lib/components/BraidProvider/BraidProvider.mjs +12 -12
  27. package/dist/side-effects/lib/css/reset/index.mjs +1 -1
  28. package/dist/side-effects/lib/css/reset/resetTracker.mjs +2 -2
  29. package/dist/side-effects/lib/themes/baseTokens/apac.cjs +8 -9
  30. package/dist/side-effects/lib/themes/baseTokens/apac.mjs +8 -10
  31. package/dist/side-effects/lib/themes/index.mjs +5 -5
  32. package/dist/side-effects/lib/themes/makeRuntimeTokens.cjs +4 -10
  33. package/dist/side-effects/lib/themes/makeRuntimeTokens.mjs +5 -10
  34. package/dist/side-effects/lib/themes/tokenType.cjs +15 -0
  35. package/dist/side-effects/lib/themes/tokenType.mjs +16 -0
  36. package/dist/styles/lib/components/Accordion/AccordionItem.css.mjs +3 -3
  37. package/dist/styles/lib/components/Alert/Alert.css.mjs +3 -3
  38. package/dist/styles/lib/components/Autosuggest/Autosuggest.css.mjs +6 -6
  39. package/dist/styles/lib/components/Button/Button.css.cjs +24 -23
  40. package/dist/styles/lib/components/Button/Button.css.mjs +39 -38
  41. package/dist/styles/lib/components/ButtonIcon/ButtonIcon.css.mjs +1 -1
  42. package/dist/styles/lib/components/Column/Column.css.mjs +3 -3
  43. package/dist/styles/lib/components/ContentBlock/ContentBlock.css.mjs +1 -1
  44. package/dist/styles/lib/components/Divider/Divider.css.mjs +7 -7
  45. package/dist/styles/lib/components/Dropdown/Dropdown.css.mjs +2 -2
  46. package/dist/styles/lib/components/Hidden/Hidden.css.mjs +1 -1
  47. package/dist/styles/lib/components/HiddenVisually/HiddenVisually.css.mjs +1 -1
  48. package/dist/styles/lib/components/List/List.css.mjs +4 -4
  49. package/dist/styles/lib/components/Loader/Loader.css.mjs +7 -7
  50. package/dist/styles/lib/components/MenuItem/useMenuItem.css.mjs +1 -1
  51. package/dist/styles/lib/components/MenuRenderer/MenuRenderer.css.mjs +5 -5
  52. package/dist/styles/lib/components/MonthPicker/MonthPicker.css.mjs +1 -1
  53. package/dist/styles/lib/components/OverflowMenu/OverflowMenu.css.mjs +1 -1
  54. package/dist/styles/lib/components/Pagination/Pagination.css.mjs +6 -6
  55. package/dist/styles/lib/components/Rating/Rating.css.mjs +6 -6
  56. package/dist/styles/lib/components/Stepper/Stepper.css.mjs +21 -21
  57. package/dist/styles/lib/components/Tabs/Tabs.css.mjs +17 -17
  58. package/dist/styles/lib/components/Tag/Tag.css.mjs +1 -1
  59. package/dist/styles/lib/components/TextDropdown/TextDropdown.css.mjs +4 -4
  60. package/dist/styles/lib/components/TextLink/TextLink.css.mjs +8 -8
  61. package/dist/styles/lib/components/Textarea/Highlight/Highlight.css.mjs +1 -1
  62. package/dist/styles/lib/components/Textarea/Textarea.css.mjs +3 -3
  63. package/dist/styles/lib/components/Tiles/Tiles.css.mjs +5 -5
  64. package/dist/styles/lib/components/Toggle/Toggle.css.mjs +20 -20
  65. package/dist/styles/lib/components/TooltipRenderer/TooltipRenderer.css.cjs +1 -5
  66. package/dist/styles/lib/components/TooltipRenderer/TooltipRenderer.css.mjs +7 -11
  67. package/dist/styles/lib/components/icons/IconArrow/IconArrow.css.mjs +4 -4
  68. package/dist/styles/lib/components/icons/IconChevron/IconChevron.css.mjs +4 -4
  69. package/dist/styles/lib/components/icons/IconThumb/IconThumb.css.mjs +2 -2
  70. package/dist/styles/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.mjs +1 -1
  71. package/dist/styles/lib/components/private/Field/Field.css.mjs +8 -8
  72. package/dist/styles/lib/components/private/InlineField/InlineField.css.mjs +17 -17
  73. package/dist/styles/lib/components/private/Keyline/Keyline.css.cjs +4 -0
  74. package/dist/styles/lib/components/private/Keyline/Keyline.css.mjs +11 -7
  75. package/dist/styles/lib/components/private/Modal/Modal.css.mjs +16 -16
  76. package/dist/styles/lib/components/private/Modal/ModalExternalGutter.mjs +1 -1
  77. package/dist/styles/lib/components/private/Placeholder/Placeholder.css.mjs +6 -6
  78. package/dist/styles/lib/components/private/Truncate/Truncate.css.mjs +1 -1
  79. package/dist/styles/lib/components/private/hideFocusRings/hideFocusRings.css.mjs +2 -2
  80. package/dist/styles/lib/components/private/hideFocusRings/hideFocusRingsDataAttribute.mjs +1 -1
  81. package/dist/styles/lib/components/private/touchable/debugTouchable.mjs +1 -1
  82. package/dist/styles/lib/components/private/touchable/hitArea.mjs +1 -1
  83. package/dist/styles/lib/components/private/touchable/virtualTouchable.css.mjs +4 -4
  84. package/dist/styles/lib/components/private/touchable/virtualTouchableRules.mjs +2 -2
  85. package/dist/styles/lib/components/useToast/Toast.css.mjs +1 -1
  86. package/dist/styles/lib/css/atoms/atomicProperties.mjs +6 -6
  87. package/dist/styles/lib/css/atoms/atoms.mjs +3 -3
  88. package/dist/styles/lib/css/atoms/sprinkles.css.mjs +8 -8
  89. package/dist/styles/lib/css/breakpoints.mjs +2 -2
  90. package/dist/styles/lib/css/colorModeStyle.mjs +2 -2
  91. package/dist/styles/lib/css/lineHeightContainer.css.mjs +3 -3
  92. package/dist/styles/lib/css/negativeMargin/negativeMargin.css.cjs +4 -9
  93. package/dist/styles/lib/css/negativeMargin/negativeMargin.css.mjs +3 -8
  94. package/dist/styles/lib/css/reset/reset.css.mjs +3 -3
  95. package/dist/styles/lib/css/responsiveStyle.cjs +2 -2
  96. package/dist/styles/lib/css/responsiveStyle.mjs +3 -3
  97. package/dist/styles/lib/css/textAlignedToIcon.css.mjs +3 -3
  98. package/dist/styles/lib/css/typography.css.cjs +1 -16
  99. package/dist/styles/lib/css/typography.css.mjs +5 -20
  100. package/dist/styles/lib/hooks/useIcon/icon.css.mjs +8 -8
  101. package/dist/styles/lib/themes/apac/apacTheme.css.mjs +3 -3
  102. package/dist/styles/lib/themes/apac/tokens.mjs +2 -2
  103. package/dist/styles/lib/themes/docs/docsTheme.css.mjs +3 -3
  104. package/dist/styles/lib/themes/docs/tokens.cjs +8 -8
  105. package/dist/styles/lib/themes/docs/tokens.mjs +8 -10
  106. package/dist/styles/lib/themes/makeBraidTheme.mjs +4 -4
  107. package/dist/styles/lib/themes/makeVanillaTheme.cjs +23 -10
  108. package/dist/styles/lib/themes/makeVanillaTheme.mjs +23 -10
  109. package/dist/styles/lib/themes/seekBusiness/seekBusinessTheme.css.mjs +3 -3
  110. package/dist/styles/lib/themes/seekBusiness/tokens.mjs +2 -2
  111. package/dist/styles/lib/themes/vars.css.mjs +3 -3
  112. package/dist/styles/lib/themes/wireframe/tokens.cjs +25 -29
  113. package/dist/styles/lib/themes/wireframe/tokens.mjs +25 -31
  114. package/dist/styles/lib/themes/wireframe/wireframeTheme.css.mjs +3 -3
  115. package/dist/styles/lib/utils/index.mjs +6 -6
  116. package/dist/test.d.ts +1 -890
  117. package/dist/test.mjs +2 -2
  118. package/dist/themes/apac.d.ts +1 -137
  119. package/dist/themes/apac.mjs +2 -2
  120. package/dist/themes/docs.d.ts +1 -137
  121. package/dist/themes/docs.mjs +2 -2
  122. package/dist/themes/seekBusiness.d.ts +1 -137
  123. package/dist/themes/seekBusiness.mjs +2 -2
  124. package/dist/themes/wireframe.d.ts +1 -137
  125. package/dist/themes/wireframe.mjs +2 -2
  126. package/package.json +4 -3
  127. package/playroom/FrameComponent/index.d.ts +2 -0
  128. package/playroom/FrameComponent/package.json +1 -1
  129. package/playroom/components/index.d.ts +1 -0
  130. package/playroom/components/package.json +1 -1
  131. package/playroom/scope/index.d.ts +2 -0
  132. package/playroom/scope/package.json +1 -1
  133. package/playroom/snippets/index.d.ts +2 -0
  134. package/playroom/snippets/package.json +1 -1
  135. package/reset/index.d.ts +1 -0
  136. package/reset/package.json +1 -1
  137. package/test/index.d.ts +1 -0
  138. package/test/package.json +1 -1
  139. package/themes/apac/index.d.ts +2 -0
  140. package/themes/apac/package.json +1 -1
  141. package/themes/docs/index.d.ts +2 -0
  142. package/themes/docs/package.json +1 -1
  143. package/themes/seekBusiness/index.d.ts +2 -0
  144. package/themes/seekBusiness/package.json +1 -1
  145. package/themes/wireframe/index.d.ts +2 -0
  146. package/themes/wireframe/package.json +1 -1
  147. package/dist/styles/lib/components/Badge/Badge.css.cjs +0 -27
  148. package/dist/styles/lib/components/Badge/Badge.css.mjs +0 -28
@@ -11,5 +11,5 @@ const nativeInput = style({
11
11
  }, "nativeInput");
12
12
  endFileScope();
13
13
  export {
14
- nativeInput as n
14
+ nativeInput
15
15
  };
@@ -6,5 +6,5 @@ const triggerOffset = style({
6
6
  }, "triggerOffset");
7
7
  endFileScope();
8
8
  export {
9
- triggerOffset as t
9
+ triggerOffset
10
10
  };
@@ -1,6 +1,6 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style } from "@vanilla-extract/css";
3
- import { c as colorModeStyle } from "../../css/colorModeStyle.mjs";
3
+ import { colorModeStyle } from "../../css/colorModeStyle.mjs";
4
4
  setFileScope("src/lib/components/Pagination/Pagination.css.ts?used", "braid-design-system");
5
5
  const hover = style({}, "hover");
6
6
  const lightModeCurrentKeyline = style(colorModeStyle({
@@ -25,9 +25,9 @@ const background = style({
25
25
  }, "background");
26
26
  endFileScope();
27
27
  export {
28
- background as b,
29
- current as c,
30
- darkModeCurrentKeyline as d,
31
- hover as h,
32
- lightModeCurrentKeyline as l
28
+ background,
29
+ current,
30
+ darkModeCurrentKeyline,
31
+ hover,
32
+ lightModeCurrentKeyline
33
33
  };
@@ -1,7 +1,7 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style } from "@vanilla-extract/css";
3
- import { c as colorModeStyle } from "../../css/colorModeStyle.mjs";
4
- import { v as vars } from "../../themes/vars.css.mjs";
3
+ import { colorModeStyle } from "../../css/colorModeStyle.mjs";
4
+ import { vars } from "../../themes/vars.css.mjs";
5
5
  setFileScope("src/lib/components/Rating/Rating.css.ts?used", "braid-design-system");
6
6
  const lightModeStarColor = style(colorModeStyle({
7
7
  lightMode: {
@@ -21,8 +21,8 @@ const textSpacing = style({
21
21
  }, "textSpacing");
22
22
  endFileScope();
23
23
  export {
24
- darkModeStarColor as d,
25
- lightModeStarColor as l,
26
- starSpacing as s,
27
- textSpacing as t
24
+ darkModeStarColor,
25
+ lightModeStarColor,
26
+ starSpacing,
27
+ textSpacing
28
28
  };
@@ -1,11 +1,11 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { createVar, style } from "@vanilla-extract/css";
3
3
  import { calc } from "@vanilla-extract/css-utils";
4
- import { a as atoms } from "../../css/atoms/atoms.mjs";
5
- import { c as colorModeStyle } from "../../css/colorModeStyle.mjs";
6
- import { r as responsiveStyle } from "../../css/responsiveStyle.mjs";
7
- import { v as vars } from "../../themes/vars.css.mjs";
8
- import { h as hideFocusRingsDataAttribute } from "../private/hideFocusRings/hideFocusRingsDataAttribute.mjs";
4
+ import { atoms } from "../../css/atoms/atoms.mjs";
5
+ import { colorModeStyle } from "../../css/colorModeStyle.mjs";
6
+ import { responsiveStyle } from "../../css/responsiveStyle.mjs";
7
+ import { vars } from "../../themes/vars.css.mjs";
8
+ import { hideFocusRingsDataAttribute } from "../private/hideFocusRings/hideFocusRingsDataAttribute.mjs";
9
9
  setFileScope("src/lib/components/Stepper/Stepper.css.ts?used", "braid-design-system");
10
10
  const baseColourVar = createVar("baseColourVar");
11
11
  const highlightVar = createVar("highlightVar");
@@ -149,20 +149,20 @@ const focusOverlay = style({
149
149
  }, "focusOverlay");
150
150
  endFileScope();
151
151
  export {
152
- progressTrackCentered as a,
153
- progressLine as b,
154
- progressUnfilled as c,
155
- indicator as d,
156
- complete as e,
157
- focusOverlay as f,
158
- active as g,
159
- highlight as h,
160
- indicatorContainer as i,
161
- inner as j,
162
- tick as k,
163
- stretch as l,
164
- stretchLastAboveTablet as m,
165
- progressTrack as p,
166
- step as s,
167
- tone as t
152
+ active,
153
+ complete,
154
+ focusOverlay,
155
+ highlight,
156
+ indicator,
157
+ indicatorContainer,
158
+ inner,
159
+ progressLine,
160
+ progressTrack,
161
+ progressTrackCentered,
162
+ progressUnfilled,
163
+ step,
164
+ stretch,
165
+ stretchLastAboveTablet,
166
+ tick,
167
+ tone
168
168
  };
@@ -1,8 +1,8 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style, createVar } from "@vanilla-extract/css";
3
3
  import { calc } from "@vanilla-extract/css-utils";
4
- import { c as colorModeStyle } from "../../css/colorModeStyle.mjs";
5
- import { v as vars } from "../../themes/vars.css.mjs";
4
+ import { colorModeStyle } from "../../css/colorModeStyle.mjs";
5
+ import { vars } from "../../themes/vars.css.mjs";
6
6
  setFileScope("src/lib/components/Tabs/Tabs.css.ts?used", "braid-design-system");
7
7
  const tab = style({
8
8
  selectors: {
@@ -80,19 +80,19 @@ const divider = style({
80
80
  }, "divider");
81
81
  endFileScope();
82
82
  export {
83
- tabFocusRing as a,
84
- marginAuto as b,
85
- cropToIconX as c,
86
- divider as d,
87
- tabUnderline as e,
88
- tabUnderlineActiveDarkMode as f,
89
- underlineWidth as g,
90
- hoveredTab as h,
91
- tabPanel as i,
92
- tabPanelFocusRing as j,
93
- mask as m,
94
- nowrap as n,
95
- scroll as s,
96
- tab as t,
97
- underlineLeft as u
83
+ cropToIconX,
84
+ divider,
85
+ hoveredTab,
86
+ marginAuto,
87
+ mask,
88
+ nowrap,
89
+ scroll,
90
+ tab,
91
+ tabFocusRing,
92
+ tabPanel,
93
+ tabPanelFocusRing,
94
+ tabUnderline,
95
+ tabUnderlineActiveDarkMode,
96
+ underlineLeft,
97
+ underlineWidth
98
98
  };
@@ -6,5 +6,5 @@ const clearGutter = style({
6
6
  }, "clearGutter");
7
7
  endFileScope();
8
8
  export {
9
- clearGutter as c
9
+ clearGutter
10
10
  };
@@ -1,8 +1,8 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style } from "@vanilla-extract/css";
3
3
  import { calc } from "@vanilla-extract/css-utils";
4
- import { v as vars } from "../../themes/vars.css.mjs";
5
- import { v as virtualTouchableRules } from "../private/touchable/virtualTouchableRules.mjs";
4
+ import { vars } from "../../themes/vars.css.mjs";
5
+ import { virtualTouchableRules } from "../private/touchable/virtualTouchableRules.mjs";
6
6
  setFileScope("src/lib/components/TextDropdown/TextDropdown.css.ts?used", "braid-design-system");
7
7
  const select = style({
8
8
  ...virtualTouchableRules
@@ -21,6 +21,6 @@ const focusOverlay = [style({
21
21
  }, "focusOverlay")];
22
22
  endFileScope();
23
23
  export {
24
- focusOverlay as f,
25
- select as s
24
+ focusOverlay,
25
+ select
26
26
  };
@@ -1,7 +1,7 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { createThemeContract, assignVars, style, styleVariants } from "@vanilla-extract/css";
3
- import { d as darkMode } from "../../css/atoms/sprinkles.css.mjs";
4
- import { v as vars } from "../../themes/vars.css.mjs";
3
+ import { darkMode } from "../../css/atoms/sprinkles.css.mjs";
4
+ import { vars } from "../../themes/vars.css.mjs";
5
5
  setFileScope("src/lib/components/TextLink/TextLink.css.ts?used", "braid-design-system");
6
6
  const textLinkVars = createThemeContract({
7
7
  color: null,
@@ -107,10 +107,10 @@ const visitedDarkMode = styleVariants({
107
107
  }, "visitedDarkMode");
108
108
  endFileScope();
109
109
  export {
110
- regularLinkDarkMode as a,
111
- base as b,
112
- visitedDarkMode as c,
113
- regularLinkLightMode as r,
114
- visitedLightMode as v,
115
- weakLink as w
110
+ base,
111
+ regularLinkDarkMode,
112
+ regularLinkLightMode,
113
+ visitedDarkMode,
114
+ visitedLightMode,
115
+ weakLink
116
116
  };
@@ -8,5 +8,5 @@ const root = style({
8
8
  }, "root");
9
9
  endFileScope();
10
10
  export {
11
- root as r
11
+ root
12
12
  };
@@ -1,7 +1,7 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { calc } from "@vanilla-extract/css-utils";
3
3
  import { style } from "@vanilla-extract/css";
4
- import { v as vars } from "../../themes/vars.css.mjs";
4
+ import { vars } from "../../themes/vars.css.mjs";
5
5
  setFileScope("src/lib/components/Textarea/Textarea.css.ts?used", "braid-design-system");
6
6
  const field = style({
7
7
  resize: "vertical",
@@ -18,6 +18,6 @@ const highlights = style({
18
18
  }, "highlights");
19
19
  endFileScope();
20
20
  export {
21
- field as f,
22
- highlights as h
21
+ field,
22
+ highlights
23
23
  };
@@ -1,6 +1,6 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { styleVariants } from "@vanilla-extract/css";
3
- import { r as responsiveStyle } from "../../css/responsiveStyle.mjs";
3
+ import { responsiveStyle } from "../../css/responsiveStyle.mjs";
4
4
  setFileScope("src/lib/components/Tiles/Tiles.css.ts?used", "braid-design-system");
5
5
  const columnsWidths = {
6
6
  1: "100%",
@@ -21,8 +21,8 @@ const columnsDesktop = makeColumnsAtoms("desktop");
21
21
  const columnsWide = makeColumnsAtoms("wide");
22
22
  endFileScope();
23
23
  export {
24
- columnsDesktop as a,
25
- columnsTablet as b,
26
- columnsWide as c,
27
- columnsMobile as d
24
+ columnsDesktop,
25
+ columnsMobile,
26
+ columnsTablet,
27
+ columnsWide
28
28
  };
@@ -1,11 +1,11 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style, styleVariants } from "@vanilla-extract/css";
3
3
  import { calc } from "@vanilla-extract/css-utils";
4
- import { v as vars } from "../../themes/vars.css.mjs";
5
- import { h as hitArea } from "../private/touchable/hitArea.mjs";
6
- import { d as debugTouchable } from "../private/touchable/debugTouchable.mjs";
4
+ import { vars } from "../../themes/vars.css.mjs";
5
+ import { hitArea } from "../private/touchable/hitArea.mjs";
6
+ import { debugTouchable } from "../private/touchable/debugTouchable.mjs";
7
7
  import { rgba } from "polished";
8
- import { c as colorModeStyle } from "../../css/colorModeStyle.mjs";
8
+ import { colorModeStyle } from "../../css/colorModeStyle.mjs";
9
9
  setFileScope("src/lib/components/Toggle/Toggle.css.ts?used", "braid-design-system");
10
10
  const sizes = {
11
11
  standard: "standard",
@@ -128,20 +128,20 @@ const hoverOverlay = style({
128
128
  }, "hoverOverlay");
129
129
  endFileScope();
130
130
  export {
131
- realField as a,
132
- realFieldPosition as b,
133
- slideContainerSize as c,
134
- slideTrack as d,
135
- slideTrackMask as e,
136
- fieldSize as f,
137
- slideTrackBgLightMode as g,
138
- slideTrackBgDarkMode as h,
139
- slideTrackSelected as i,
140
- slider as j,
141
- icon as k,
142
- focusOverlay as l,
143
- hoverOverlay as m,
144
- label as n,
145
- root as r,
146
- slideContainer as s
131
+ fieldSize,
132
+ focusOverlay,
133
+ hoverOverlay,
134
+ icon,
135
+ label,
136
+ realField,
137
+ realFieldPosition,
138
+ root,
139
+ slideContainer,
140
+ slideContainerSize,
141
+ slideTrack,
142
+ slideTrackBgDarkMode,
143
+ slideTrackBgLightMode,
144
+ slideTrackMask,
145
+ slideTrackSelected,
146
+ slider
147
147
  };
@@ -25,10 +25,7 @@ const verticalOffsetBeforeEntrance = css.style({
25
25
  const translateZ0 = css.style({
26
26
  transform: "translateZ(0)"
27
27
  }, "translateZ0");
28
- const padding = css.style({
29
- padding: cssUtils.calc.add(styles_lib_themes_vars_css_cjs.vars.space.small, styles_lib_themes_vars_css_cjs.vars.grid)
30
- }, "padding");
31
- const borderRadius = styles_lib_themes_vars_css_cjs.vars.borderRadius.standard;
28
+ const borderRadius = styles_lib_themes_vars_css_cjs.vars.borderRadius.small;
32
29
  const offset = cssUtils.calc(constants.arrowSize).divide(2).negate().toString();
33
30
  const arrow = css.style({
34
31
  visibility: "hidden",
@@ -63,6 +60,5 @@ fileScope.endFileScope();
63
60
  exports.arrow = arrow;
64
61
  exports.background = background;
65
62
  exports.maxWidth = maxWidth;
66
- exports.padding = padding;
67
63
  exports.translateZ0 = translateZ0;
68
64
  exports.verticalOffsetBeforeEntrance = verticalOffsetBeforeEntrance;
@@ -1,7 +1,7 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style } from "@vanilla-extract/css";
3
3
  import { calc } from "@vanilla-extract/css-utils";
4
- import { v as vars } from "../../themes/vars.css.mjs";
4
+ import { vars } from "../../themes/vars.css.mjs";
5
5
  setFileScope("src/lib/components/TooltipRenderer/TooltipRenderer.css.ts?used", "braid-design-system");
6
6
  const constants = {
7
7
  maxWidth: "260px",
@@ -24,10 +24,7 @@ const verticalOffsetBeforeEntrance = style({
24
24
  const translateZ0 = style({
25
25
  transform: "translateZ(0)"
26
26
  }, "translateZ0");
27
- const padding = style({
28
- padding: calc.add(vars.space.small, vars.grid)
29
- }, "padding");
30
- const borderRadius = vars.borderRadius.standard;
27
+ const borderRadius = vars.borderRadius.small;
31
28
  const offset = calc(constants.arrowSize).divide(2).negate().toString();
32
29
  const arrow = style({
33
30
  visibility: "hidden",
@@ -60,10 +57,9 @@ const arrow = style({
60
57
  }, "arrow");
61
58
  endFileScope();
62
59
  export {
63
- arrow as a,
64
- background as b,
65
- maxWidth as m,
66
- padding as p,
67
- translateZ0 as t,
68
- verticalOffsetBeforeEntrance as v
60
+ arrow,
61
+ background,
62
+ maxWidth,
63
+ translateZ0,
64
+ verticalOffsetBeforeEntrance
69
65
  };
@@ -19,8 +19,8 @@ const mirror = style({
19
19
  }, "mirror");
20
20
  endFileScope();
21
21
  export {
22
- rotate as a,
23
- flip as f,
24
- mirror as m,
25
- root as r
22
+ flip,
23
+ mirror,
24
+ root,
25
+ rotate
26
26
  };
@@ -16,8 +16,8 @@ const right = style({
16
16
  }, "right");
17
17
  endFileScope();
18
18
  export {
19
- right as a,
20
- left as l,
21
- root as r,
22
- up as u
19
+ left,
20
+ right,
21
+ root,
22
+ up
23
23
  };
@@ -10,6 +10,6 @@ const down = style({
10
10
  }, "down");
11
11
  endFileScope();
12
12
  export {
13
- down as d,
14
- root as r
13
+ down,
14
+ root
15
15
  };
@@ -6,5 +6,5 @@ const nowrap = style({
6
6
  }, "nowrap");
7
7
  endFileScope();
8
8
  export {
9
- nowrap as n
9
+ nowrap
10
10
  };
@@ -1,7 +1,7 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style } from "@vanilla-extract/css";
3
3
  import { calc } from "@vanilla-extract/css-utils";
4
- import { v as vars } from "../../../themes/vars.css.mjs";
4
+ import { vars } from "../../../themes/vars.css.mjs";
5
5
  setFileScope("src/lib/components/private/Field/Field.css.ts?used", "braid-design-system");
6
6
  const field = style({}, "field");
7
7
  const placeholderColor = style({
@@ -37,11 +37,11 @@ const verticalDivider = style({
37
37
  }, "verticalDivider");
38
38
  endFileScope();
39
39
  export {
40
- focusOverlay as a,
41
- field as f,
42
- hoverOverlay as h,
43
- iconSpace as i,
44
- placeholderColor as p,
45
- secondaryIconSpace as s,
46
- verticalDivider as v
40
+ field,
41
+ focusOverlay,
42
+ hoverOverlay,
43
+ iconSpace,
44
+ placeholderColor,
45
+ secondaryIconSpace,
46
+ verticalDivider
47
47
  };
@@ -1,9 +1,9 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style, styleVariants } from "@vanilla-extract/css";
3
3
  import { calc } from "@vanilla-extract/css-utils";
4
- import { v as vars } from "../../../themes/vars.css.mjs";
5
- import { h as hitArea } from "../touchable/hitArea.mjs";
6
- import { d as debugTouchable } from "../touchable/debugTouchable.mjs";
4
+ import { vars } from "../../../themes/vars.css.mjs";
5
+ import { hitArea } from "../touchable/hitArea.mjs";
6
+ import { debugTouchable } from "../touchable/debugTouchable.mjs";
7
7
  setFileScope("src/lib/components/private/InlineField/InlineField.css.ts?used", "braid-design-system");
8
8
  const sizes = {
9
9
  standard: "standard",
@@ -99,18 +99,18 @@ const radioScale = style({
99
99
  const radioIndicator = [indicator, radioScale];
100
100
  endFileScope();
101
101
  export {
102
- realFieldPosition as a,
103
- fakeFieldSize as b,
104
- focusOverlay as c,
105
- checkboxIndicator as d,
106
- radioIndicator as e,
107
- fakeField as f,
108
- root as g,
109
- hoverOverlay as h,
110
- isMixed as i,
111
- badgeOffset as j,
112
- children as k,
113
- labelOffset as l,
114
- realField as r,
115
- selected as s
102
+ badgeOffset,
103
+ checkboxIndicator,
104
+ children,
105
+ fakeField,
106
+ fakeFieldSize,
107
+ focusOverlay,
108
+ hoverOverlay,
109
+ isMixed,
110
+ labelOffset,
111
+ radioIndicator,
112
+ realField,
113
+ realFieldPosition,
114
+ root,
115
+ selected
116
116
  };
@@ -58,9 +58,13 @@ const noRadiusOnRight = css.style({
58
58
  const largestWidth = css.style({
59
59
  width: styles_lib_themes_vars_css_cjs.vars.borderRadius.xlarge
60
60
  }, "largestWidth");
61
+ const width = css.style({
62
+ width: styles_lib_themes_vars_css_cjs.vars.grid
63
+ }, "width");
61
64
  fileScope.endFileScope();
62
65
  exports.darkMode = darkMode;
63
66
  exports.largestWidth = largestWidth;
64
67
  exports.lightMode = lightMode;
65
68
  exports.noRadiusOnRight = noRadiusOnRight;
66
69
  exports.tone = tone;
70
+ exports.width = width;
@@ -1,7 +1,7 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { createThemeContract, assignVars, styleVariants, style } from "@vanilla-extract/css";
3
- import { c as colorModeStyle } from "../../../css/colorModeStyle.mjs";
4
- import { v as vars } from "../../../themes/vars.css.mjs";
3
+ import { colorModeStyle } from "../../../css/colorModeStyle.mjs";
4
+ import { vars } from "../../../themes/vars.css.mjs";
5
5
  setFileScope("src/lib/components/private/Keyline/Keyline.css.ts?used", "braid-design-system");
6
6
  const keylineVars = createThemeContract({
7
7
  promote: null,
@@ -57,11 +57,15 @@ const noRadiusOnRight = style({
57
57
  const largestWidth = style({
58
58
  width: vars.borderRadius.xlarge
59
59
  }, "largestWidth");
60
+ const width = style({
61
+ width: vars.grid
62
+ }, "width");
60
63
  endFileScope();
61
64
  export {
62
- lightMode as a,
63
- darkMode as d,
64
- largestWidth as l,
65
- noRadiusOnRight as n,
66
- tone as t
65
+ darkMode,
66
+ largestWidth,
67
+ lightMode,
68
+ noRadiusOnRight,
69
+ tone,
70
+ width
67
71
  };
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style } from "@vanilla-extract/css";
3
3
  import { calc } from "@vanilla-extract/css-utils";
4
- import { e as externalGutter } from "./ModalExternalGutter.mjs";
5
- import { r as responsiveStyle } from "../../../css/responsiveStyle.mjs";
6
- import { v as vars } from "../../../themes/vars.css.mjs";
7
- import { a as atoms } from "../../../css/atoms/atoms.mjs";
4
+ import { externalGutter } from "./ModalExternalGutter.mjs";
5
+ import { responsiveStyle } from "../../../css/responsiveStyle.mjs";
6
+ import { vars } from "../../../themes/vars.css.mjs";
7
+ import { atoms } from "../../../css/atoms/atoms.mjs";
8
8
  setFileScope("src/lib/components/private/Modal/Modal.css.ts?used", "braid-design-system");
9
9
  const fixedStackingContext = atoms({
10
10
  position: "fixed",
@@ -124,16 +124,16 @@ const closeIconOffset = style({
124
124
  }, "closeIconOffset");
125
125
  endFileScope();
126
126
  export {
127
- headingFocus as a,
128
- backdrop as b,
129
- closeIconOffset as c,
130
- horiztontalTransition as d,
131
- modalContainer as e,
132
- entrance as f,
133
- exit as g,
134
- headingRoot as h,
135
- fixedStackingContext as i,
136
- maxSize as m,
137
- pointerEventsAll as p,
138
- resetStackingContext as r
127
+ backdrop,
128
+ closeIconOffset,
129
+ entrance,
130
+ exit,
131
+ fixedStackingContext,
132
+ headingFocus,
133
+ headingRoot,
134
+ horiztontalTransition,
135
+ maxSize,
136
+ modalContainer,
137
+ pointerEventsAll,
138
+ resetStackingContext
139
139
  };
@@ -1,4 +1,4 @@
1
1
  const externalGutter = ["xsmall", "gutter", "xlarge"];
2
2
  export {
3
- externalGutter as e
3
+ externalGutter
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { createThemeContract, assignVars, styleVariants, style } from "@vanilla-extract/css";
3
- import { c as colorModeStyle } from "../../../css/colorModeStyle.mjs";
3
+ import { colorModeStyle } from "../../../css/colorModeStyle.mjs";
4
4
  setFileScope("src/lib/components/private/Placeholder/Placeholder.css.ts?used", "braid-design-system");
5
5
  const vars = createThemeContract({
6
6
  background: null,
@@ -54,9 +54,9 @@ const line = style({
54
54
  }, "line");
55
55
  endFileScope();
56
56
  export {
57
- label as a,
58
- box as b,
59
- line as c,
60
- darkTheme as d,
61
- lightTheme as l
57
+ box,
58
+ darkTheme,
59
+ label,
60
+ lightTheme,
61
+ line
62
62
  };
@@ -12,5 +12,5 @@ const truncate = style([atoms({
12
12
  }], "truncate");
13
13
  endFileScope();
14
14
  export {
15
- truncate as t
15
+ truncate
16
16
  };
@@ -1,6 +1,6 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { style } from "@vanilla-extract/css";
3
- import { h as hideFocusRingsDataAttribute } from "./hideFocusRingsDataAttribute.mjs";
3
+ import { hideFocusRingsDataAttribute } from "./hideFocusRingsDataAttribute.mjs";
4
4
  setFileScope("src/lib/components/private/hideFocusRings/hideFocusRings.css.ts?used", "braid-design-system");
5
5
  const hideFocusRingsClassName = style({
6
6
  selectors: {
@@ -11,5 +11,5 @@ const hideFocusRingsClassName = style({
11
11
  }, "hideFocusRingsClassName");
12
12
  endFileScope();
13
13
  export {
14
- hideFocusRingsClassName as h
14
+ hideFocusRingsClassName
15
15
  };
@@ -1,4 +1,4 @@
1
1
  const hideFocusRingsDataAttribute = "data-braid-hidefocusrings";
2
2
  export {
3
- hideFocusRingsDataAttribute as h
3
+ hideFocusRingsDataAttribute
4
4
  };