@ultraviolet/ui 3.7.1 → 3.8.1

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 (124) hide show
  1. package/dist/components/Alert/styles.css.d.ts +1 -1
  2. package/dist/components/Avatar/index.d.ts.map +1 -1
  3. package/dist/components/Avatar/index.js +45 -41
  4. package/dist/components/Avatar/styles.css.js +1 -0
  5. package/dist/components/Avatar/variables.css.js +0 -1
  6. package/dist/components/Banner/index.d.ts.map +1 -1
  7. package/dist/components/Banner/index.js +1 -1
  8. package/dist/components/Banner/styles.css.d.ts +1 -1
  9. package/dist/components/BarStack/styles.css.js +1 -1
  10. package/dist/components/Button/index.d.ts +41 -22
  11. package/dist/components/Button/index.d.ts.map +1 -1
  12. package/dist/components/Button/index.js +18 -10
  13. package/dist/components/Checkbox/index.d.ts +1 -1
  14. package/dist/components/Checkbox/index.d.ts.map +1 -1
  15. package/dist/components/Checkbox/index.js +44 -38
  16. package/dist/components/Checkbox/styles.css.js +0 -1
  17. package/dist/components/Chip/index.d.ts +1 -1
  18. package/dist/components/DateInput/helpersLocale.d.ts.map +1 -1
  19. package/dist/components/DateInput/helpersLocale.js +8 -5
  20. package/dist/components/Dialog/constants.d.ts +1 -1
  21. package/dist/components/Dialog/index.d.ts +20 -5
  22. package/dist/components/Dialog/index.d.ts.map +1 -1
  23. package/dist/components/Drawer/styles.css.d.ts +1 -1
  24. package/dist/components/EmptyState/index.d.ts.map +1 -1
  25. package/dist/components/EmptyState/index.js +10 -1
  26. package/dist/components/EmptyState/styles.css.d.ts +1 -1
  27. package/dist/components/EmptyState/styles.css.d.ts.map +1 -1
  28. package/dist/components/ExpandableCard/index.d.ts.map +1 -1
  29. package/dist/components/ExpandableCard/index.js +28 -20
  30. package/dist/components/FileInput/components/List.d.ts.map +1 -1
  31. package/dist/components/FileInput/components/List.js +15 -2
  32. package/dist/components/FileInput/index.d.ts.map +1 -1
  33. package/dist/components/GlobalAlert/GlobalAlertLink.d.ts +3 -1
  34. package/dist/components/GlobalAlert/GlobalAlertLink.d.ts.map +1 -1
  35. package/dist/components/GlobalAlert/index.d.ts +61 -1
  36. package/dist/components/GlobalAlert/index.d.ts.map +1 -1
  37. package/dist/components/Link/index.d.ts +23 -2
  38. package/dist/components/Link/index.d.ts.map +1 -1
  39. package/dist/components/Link/index.js +26 -14
  40. package/dist/components/List/HeaderCell.d.ts.map +1 -1
  41. package/dist/components/List/HeaderCell.js +3 -1
  42. package/dist/components/List/ListContext.d.ts.map +1 -1
  43. package/dist/components/List/ListContext.js +3 -1
  44. package/dist/components/List/Row.d.ts.map +1 -1
  45. package/dist/components/List/Row.js +14 -5
  46. package/dist/components/List/SkeletonRows.d.ts.map +1 -1
  47. package/dist/components/List/SkeletonRows.js +0 -1
  48. package/dist/components/List/styles.css.d.ts +1 -0
  49. package/dist/components/List/styles.css.d.ts.map +1 -1
  50. package/dist/components/List/styles.css.js +4 -1
  51. package/dist/components/List/variables.css.js +1 -1
  52. package/dist/components/Menu/helpers.d.ts +1 -1
  53. package/dist/components/Menu/index.d.ts +1 -1
  54. package/dist/components/Meter/index.d.ts.map +1 -1
  55. package/dist/components/Meter/index.js +43 -40
  56. package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
  57. package/dist/components/Modal/components/Dialog.js +10 -1
  58. package/dist/components/NumberInput/styles.css.d.ts +1 -1
  59. package/dist/components/Pagination/styles.css.d.ts +2 -2
  60. package/dist/components/Popup/styles.css.js +0 -1
  61. package/dist/components/Popup/variables.css.js +1 -0
  62. package/dist/components/ProgressBar/styles.css.d.ts +1 -1
  63. package/dist/components/ProgressBar/styles.css.js +0 -1
  64. package/dist/components/ProgressBar/variables.css.js +1 -0
  65. package/dist/components/Radio/index.js +22 -22
  66. package/dist/components/Row/styles.css.d.ts +44 -44
  67. package/dist/components/SelectInput/components/Dropdown.d.ts.map +1 -1
  68. package/dist/components/SelectInput/components/Dropdown.js +52 -56
  69. package/dist/components/SelectInput/components/selectBar.css.d.ts +1 -1
  70. package/dist/components/SelectableCard/IllustrationContainer.d.ts +8 -0
  71. package/dist/components/SelectableCard/IllustrationContainer.d.ts.map +1 -0
  72. package/dist/components/SelectableCard/IllustrationContainer.js +66 -0
  73. package/dist/components/SelectableCard/MultiStateInput.d.ts +3 -0
  74. package/dist/components/SelectableCard/MultiStateInput.d.ts.map +1 -0
  75. package/dist/components/SelectableCard/MultiStateInput.js +94 -0
  76. package/dist/components/SelectableCard/SelectableCard.d.ts +7 -0
  77. package/dist/components/SelectableCard/SelectableCard.d.ts.map +1 -0
  78. package/dist/components/SelectableCard/SelectableCard.js +165 -0
  79. package/dist/components/SelectableCard/index.d.ts +1 -33
  80. package/dist/components/SelectableCard/index.d.ts.map +1 -1
  81. package/dist/components/SelectableCard/types.d.ts +32 -0
  82. package/dist/components/SelectableCard/types.d.ts.map +1 -0
  83. package/dist/components/SelectableCardGroup/index.js +1 -1
  84. package/dist/components/SelectableCardOptionGroup/components/Option.js +1 -1
  85. package/dist/components/Separator/index.d.ts.map +1 -1
  86. package/dist/components/Separator/index.js +1 -0
  87. package/dist/components/Skeleton/Donut.d.ts.map +1 -1
  88. package/dist/components/Skeleton/Donut.js +12 -9
  89. package/dist/components/Slider/styles.css.d.ts +1 -1
  90. package/dist/components/Stack/styles.css.d.ts +46 -46
  91. package/dist/components/Stepper/styles.css.d.ts +1 -1
  92. package/dist/components/SwitchButton/Option.js +1 -1
  93. package/dist/components/SwitchButton/index.d.ts.map +1 -1
  94. package/dist/components/SwitchButton/index.js +7 -4
  95. package/dist/components/SwitchButton/styles.css.d.ts +2 -2
  96. package/dist/components/SwitchButton/styles.css.d.ts.map +1 -1
  97. package/dist/components/Table/HeaderRow.d.ts.map +1 -1
  98. package/dist/components/Table/HeaderRow.js +22 -25
  99. package/dist/components/Table/SkeletonRows.d.ts.map +1 -1
  100. package/dist/components/Table/SkeletonRows.js +4 -13
  101. package/dist/components/Tabs/index.d.ts +2 -2
  102. package/dist/components/TextInput/index.d.ts.map +1 -1
  103. package/dist/components/TextInput/index.js +6 -1
  104. package/dist/components/TextInput/styles.css.d.ts +1 -1
  105. package/dist/components/TextInput/styles.css.d.ts.map +1 -1
  106. package/dist/components/Toggle/index.d.ts +2 -7
  107. package/dist/components/Toggle/index.d.ts.map +1 -1
  108. package/dist/components/Toggle/index.js +13 -1
  109. package/dist/components/Tooltip/index.d.ts +1 -1
  110. package/dist/components/UnitInput/index.d.ts.map +1 -1
  111. package/dist/components/UnitInput/index.js +2 -1
  112. package/dist/components/UnitInput/styles.css.d.ts +2 -2
  113. package/dist/components/VerificationCode/styles.css.d.ts +1 -1
  114. package/dist/components/compositions/OptionSelector/__mock__/resources.d.ts.map +1 -1
  115. package/dist/components/compositions/OptionSelector/index.js +1 -1
  116. package/dist/index.js +3 -2
  117. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  118. package/dist/theme/ThemeProvider.js +46 -4
  119. package/dist/theme/index.d.ts +3 -2
  120. package/dist/theme/index.d.ts.map +1 -1
  121. package/dist/theme/index.js +1 -2
  122. package/dist/ui.css +1 -1
  123. package/package.json +3 -3
  124. package/dist/components/SelectableCard/index.js +0 -232
package/dist/components/Meter/index.js CHANGED
@@ -16,48 +16,51 @@ const Meter = ({
16
16
  const width = `${toValue}%`;
17
17
  const backgroundColor = strength[value]?.color ?? strength[0].color;
18
18
  const text = strength[value]?.text ?? strength[0].text;
19
- return /* @__PURE__ */ jsxs(
20
- "div",
21
- {
22
- "aria-labelledby": "meter-label",
23
- "aria-live": "polite",
24
- "aria-valuemax": strength.length ?? 0,
25
- "aria-valuemin": 0,
26
- "aria-valuenow": value,
27
- className,
28
- "data-testid": dataTestId,
29
- id,
30
- role: "meter",
31
- style,
32
- title,
33
- children: [
34
- /* @__PURE__ */ jsxs(Text, { as: "p", id: "meter-label", variant: "bodySmallStrong", children: [
35
- title,
36
- /* @__PURE__ */ jsx(
37
- Text,
19
+ return (
20
+ // biome-ignore lint/a11y/useSemanticElements: style issue
21
+ /* @__PURE__ */ jsxs(
22
+ "div",
23
+ {
24
+ "aria-labelledby": "meter-label",
25
+ "aria-live": "polite",
26
+ "aria-valuemax": strength.length ?? 0,
27
+ "aria-valuemin": 0,
28
+ "aria-valuenow": value,
29
+ className,
30
+ "data-testid": dataTestId,
31
+ id,
32
+ role: "meter",
33
+ style,
34
+ title,
35
+ children: [
36
+ /* @__PURE__ */ jsxs(Text, { as: "p", id: "meter-label", variant: "bodySmallStrong", children: [
37
+ title,
38
+ /* @__PURE__ */ jsx(
39
+ Text,
40
+ {
41
+ as: "span",
42
+ className: strengthMeter,
43
+ style: assignInlineVars({
44
+ [colorMeter]: strength[value].color
45
+ }),
46
+ variant: "bodySmallStrong",
47
+ children: text
48
+ }
49
+ )
50
+ ] }),
51
+ /* @__PURE__ */ jsx("div", { className: wrapperMeter, children: /* @__PURE__ */ jsx(
52
+ "div",
38
53
  {
39
- as: "span",
40
- className: strengthMeter,
41
- style: assignInlineVars({
42
- [colorMeter]: strength[value].color
43
- }),
44
- variant: "bodySmallStrong",
45
- children: text
54
+ className: meter,
55
+ style: {
56
+ backgroundColor,
57
+ width
58
+ }
46
59
  }
47
- )
48
- ] }),
49
- /* @__PURE__ */ jsx("div", { className: wrapperMeter, children: /* @__PURE__ */ jsx(
50
- "div",
51
- {
52
- className: meter,
53
- style: {
54
- backgroundColor,
55
- width
56
- }
57
- }
58
- ) })
59
- ]
60
- }
60
+ ) })
61
+ ]
62
+ }
63
+ )
61
64
  );
62
65
  };
63
66
  export {
package/dist/components/Modal/components/Dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,gCA2Ob,CAAA"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,gCAiPb,CAAA"}
package/dist/components/Modal/components/Dialog.js CHANGED
@@ -188,7 +188,16 @@ const Dialog = ({
188
188
  alignItems: "flex-end",
189
189
  className: modalImageContainer,
190
190
  justifyContent: "center",
191
- children: /* @__PURE__ */ jsx("img", { alt: "illustration", className: modalImage, src: image })
191
+ children: /* @__PURE__ */ jsx(
192
+ "img",
193
+ {
194
+ alt: "illustration",
195
+ className: modalImage,
196
+ height: "auto",
197
+ src: image,
198
+ width: "auto"
199
+ }
200
+ )
192
201
  }
193
202
  ),
194
203
  /* @__PURE__ */ jsx(Stack, { className: modalContent, gap: 5, children })
package/dist/components/NumberInput/styles.css.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const numberinputSideContainer: Record<"large" | "medium" | "small", string>;
1
+ export declare const numberinputSideContainer: Record<"small" | "large" | "medium", string>;
2
2
  export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
3
3
  controls: {
4
4
  false: {
package/dist/components/Pagination/styles.css.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export declare const pageNumbersContainer: string;
2
- export declare const pageButton: Record<"medium" | "small", string>;
3
- export declare const ellipsisClass: Record<"medium" | "small", string>;
2
+ export declare const pageButton: Record<"small" | "medium", string>;
3
+ export declare const ellipsisClass: Record<"small" | "medium", string>;
4
4
  //# sourceMappingURL=styles.css.d.ts.map
package/dist/components/Popup/styles.css.js CHANGED
@@ -1,4 +1,3 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
4
3
  var containerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo2", variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } }, defaultVariants: {}, compoundVariants: [] });
package/dist/components/Popup/variables.css.js CHANGED
@@ -1,3 +1,4 @@
1
+ /* empty css */
1
2
  var arrowTop = "var(--uv_ozfz3c0)";
2
3
  var arrowLeft = "var(--uv_ozfz3c1)";
3
4
  var arrowTransform = "var(--uv_ozfz3c2)";
package/dist/components/ProgressBar/styles.css.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const progressContainer: string;
2
2
  export declare const customText: string;
3
3
  export declare const progressBar: string;
4
- export declare const filledBarSentiments: Record<"primary" | "secondary" | "success" | "danger" | "warning" | "info", string>;
4
+ export declare const filledBarSentiments: Record<"danger" | "info" | "success" | "primary" | "warning" | "secondary", string>;
5
5
  //# sourceMappingURL=styles.css.d.ts.map
package/dist/components/ProgressBar/styles.css.js CHANGED
@@ -1,4 +1,3 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  var progressContainer = "uv_1pgcd801";
4
3
  var customText = "uv_1pgcd802";
package/dist/components/ProgressBar/variables.css.js CHANGED
@@ -1,3 +1,4 @@
1
+ /* empty css */
1
2
  var percentageValue = "var(--uv_1taqqht0)";
2
3
  export {
3
4
  percentageValue
package/dist/components/Radio/index.js CHANGED
@@ -68,28 +68,28 @@ const Radio = forwardRef(
68
68
  value
69
69
  }
70
70
  ),
71
- /* @__PURE__ */ jsx("svg", { className: ring, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx(RadioMarkedIcon, {}) }),
72
- label ? (
73
- // biome-ignore lint/complexity/noUselessFragments: ok
74
- /* @__PURE__ */ jsx(Fragment, { children: typeof label === "string" ? /* @__PURE__ */ jsx(
75
- Text,
76
- {
77
- as: "label",
78
- className: cn(textLabel, labelRadio),
79
- htmlFor: localId,
80
- prominence: "default",
81
- variant: "body",
82
- children: label
83
- }
84
- ) : /* @__PURE__ */ jsx(
85
- "label",
86
- {
87
- className: cn(labelStyle, labelRadio),
88
- htmlFor: localId,
89
- children: label
90
- }
91
- ) })
92
- ) : null
71
+ /* @__PURE__ */ jsxs("svg", { className: ring, viewBox: "0 0 24 24", children: [
72
+ /* @__PURE__ */ jsx("title", { children: "radio" }),
73
+ /* @__PURE__ */ jsx(RadioMarkedIcon, {})
74
+ ] }),
75
+ label ? /* @__PURE__ */ jsx(Fragment, { children: typeof label === "string" ? /* @__PURE__ */ jsx(
76
+ Text,
77
+ {
78
+ as: "label",
79
+ className: cn(textLabel, labelRadio),
80
+ htmlFor: localId,
81
+ prominence: "default",
82
+ variant: "body",
83
+ children: label
84
+ }
85
+ ) : /* @__PURE__ */ jsx(
86
+ "label",
87
+ {
88
+ className: cn(labelStyle, labelRadio),
89
+ htmlFor: localId,
90
+ children: label
91
+ }
92
+ ) }) : null
93
93
  ]
94
94
  }
95
95
  ),
package/dist/components/Row/styles.css.d.ts CHANGED
@@ -7,23 +7,23 @@ export type JustifyContentType = (typeof justifyContentValues)[number];
7
7
  export declare const responsiveProperties: {
8
8
  conditions: {
9
9
  defaultCondition: "xxsmall";
10
- conditionNames: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[];
11
- responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
10
+ conditionNames: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[];
11
+ responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
12
12
  length: 5;
13
13
  };
14
14
  };
15
15
  styles: {
16
16
  alignItems: {
17
- responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
17
+ responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
18
18
  length: 5;
19
19
  };
20
20
  values: {
21
21
  [x: string & {}]: {
22
22
  defaultClass: string;
23
23
  conditions: {
24
+ small: string;
24
25
  large: string;
25
26
  medium: string;
26
- small: string;
27
27
  xlarge: string;
28
28
  xsmall: string;
29
29
  xxsmall: string;
@@ -32,9 +32,9 @@ export declare const responsiveProperties: {
32
32
  "-moz-initial": {
33
33
  defaultClass: string;
34
34
  conditions: {
35
+ small: string;
35
36
  large: string;
36
37
  medium: string;
37
- small: string;
38
38
  xlarge: string;
39
39
  xsmall: string;
40
40
  xxsmall: string;
@@ -43,9 +43,9 @@ export declare const responsiveProperties: {
43
43
  inherit: {
44
44
  defaultClass: string;
45
45
  conditions: {
46
+ small: string;
46
47
  large: string;
47
48
  medium: string;
48
- small: string;
49
49
  xlarge: string;
50
50
  xsmall: string;
51
51
  xxsmall: string;
@@ -54,9 +54,9 @@ export declare const responsiveProperties: {
54
54
  initial: {
55
55
  defaultClass: string;
56
56
  conditions: {
57
+ small: string;
57
58
  large: string;
58
59
  medium: string;
59
- small: string;
60
60
  xlarge: string;
61
61
  xsmall: string;
62
62
  xxsmall: string;
@@ -65,9 +65,9 @@ export declare const responsiveProperties: {
65
65
  revert: {
66
66
  defaultClass: string;
67
67
  conditions: {
68
+ small: string;
68
69
  large: string;
69
70
  medium: string;
70
- small: string;
71
71
  xlarge: string;
72
72
  xsmall: string;
73
73
  xxsmall: string;
@@ -76,9 +76,9 @@ export declare const responsiveProperties: {
76
76
  "revert-layer": {
77
77
  defaultClass: string;
78
78
  conditions: {
79
+ small: string;
79
80
  large: string;
80
81
  medium: string;
81
- small: string;
82
82
  xlarge: string;
83
83
  xsmall: string;
84
84
  xxsmall: string;
@@ -87,9 +87,9 @@ export declare const responsiveProperties: {
87
87
  unset: {
88
88
  defaultClass: string;
89
89
  conditions: {
90
+ small: string;
90
91
  large: string;
91
92
  medium: string;
92
- small: string;
93
93
  xlarge: string;
94
94
  xsmall: string;
95
95
  xxsmall: string;
@@ -98,9 +98,9 @@ export declare const responsiveProperties: {
98
98
  normal: {
99
99
  defaultClass: string;
100
100
  conditions: {
101
+ small: string;
101
102
  large: string;
102
103
  medium: string;
103
- small: string;
104
104
  xlarge: string;
105
105
  xsmall: string;
106
106
  xxsmall: string;
@@ -109,9 +109,9 @@ export declare const responsiveProperties: {
109
109
  stretch: {
110
110
  defaultClass: string;
111
111
  conditions: {
112
+ small: string;
112
113
  large: string;
113
114
  medium: string;
114
- small: string;
115
115
  xlarge: string;
116
116
  xsmall: string;
117
117
  xxsmall: string;
@@ -120,9 +120,9 @@ export declare const responsiveProperties: {
120
120
  center: {
121
121
  defaultClass: string;
122
122
  conditions: {
123
+ small: string;
123
124
  large: string;
124
125
  medium: string;
125
- small: string;
126
126
  xlarge: string;
127
127
  xsmall: string;
128
128
  xxsmall: string;
@@ -131,9 +131,9 @@ export declare const responsiveProperties: {
131
131
  end: {
132
132
  defaultClass: string;
133
133
  conditions: {
134
+ small: string;
134
135
  large: string;
135
136
  medium: string;
136
- small: string;
137
137
  xlarge: string;
138
138
  xsmall: string;
139
139
  xxsmall: string;
@@ -142,9 +142,9 @@ export declare const responsiveProperties: {
142
142
  "flex-end": {
143
143
  defaultClass: string;
144
144
  conditions: {
145
+ small: string;
145
146
  large: string;
146
147
  medium: string;
147
- small: string;
148
148
  xlarge: string;
149
149
  xsmall: string;
150
150
  xxsmall: string;
@@ -153,9 +153,9 @@ export declare const responsiveProperties: {
153
153
  "flex-start": {
154
154
  defaultClass: string;
155
155
  conditions: {
156
+ small: string;
156
157
  large: string;
157
158
  medium: string;
158
- small: string;
159
159
  xlarge: string;
160
160
  xsmall: string;
161
161
  xxsmall: string;
@@ -164,9 +164,9 @@ export declare const responsiveProperties: {
164
164
  start: {
165
165
  defaultClass: string;
166
166
  conditions: {
167
+ small: string;
167
168
  large: string;
168
169
  medium: string;
169
- small: string;
170
170
  xlarge: string;
171
171
  xsmall: string;
172
172
  xxsmall: string;
@@ -175,9 +175,9 @@ export declare const responsiveProperties: {
175
175
  baseline: {
176
176
  defaultClass: string;
177
177
  conditions: {
178
+ small: string;
178
179
  large: string;
179
180
  medium: string;
180
- small: string;
181
181
  xlarge: string;
182
182
  xsmall: string;
183
183
  xxsmall: string;
@@ -186,9 +186,9 @@ export declare const responsiveProperties: {
186
186
  "self-end": {
187
187
  defaultClass: string;
188
188
  conditions: {
189
+ small: string;
189
190
  large: string;
190
191
  medium: string;
191
- small: string;
192
192
  xlarge: string;
193
193
  xsmall: string;
194
194
  xxsmall: string;
@@ -197,9 +197,9 @@ export declare const responsiveProperties: {
197
197
  "self-start": {
198
198
  defaultClass: string;
199
199
  conditions: {
200
+ small: string;
200
201
  large: string;
201
202
  medium: string;
202
- small: string;
203
203
  xlarge: string;
204
204
  xsmall: string;
205
205
  xxsmall: string;
@@ -208,9 +208,9 @@ export declare const responsiveProperties: {
208
208
  "anchor-center": {
209
209
  defaultClass: string;
210
210
  conditions: {
211
+ small: string;
211
212
  large: string;
212
213
  medium: string;
213
- small: string;
214
214
  xlarge: string;
215
215
  xsmall: string;
216
216
  xxsmall: string;
@@ -219,16 +219,16 @@ export declare const responsiveProperties: {
219
219
  };
220
220
  };
221
221
  gap: {
222
- responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
222
+ responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
223
223
  length: 5;
224
224
  };
225
225
  values: {
226
226
  [x: string]: {
227
227
  defaultClass: string;
228
228
  conditions: {
229
+ small: string;
229
230
  large: string;
230
231
  medium: string;
231
- small: string;
232
232
  xlarge: string;
233
233
  xsmall: string;
234
234
  xxsmall: string;
@@ -237,16 +237,16 @@ export declare const responsiveProperties: {
237
237
  };
238
238
  };
239
239
  justifyContent: {
240
- responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
240
+ responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
241
241
  length: 5;
242
242
  };
243
243
  values: {
244
244
  [x: string & {}]: {
245
245
  defaultClass: string;
246
246
  conditions: {
247
+ small: string;
247
248
  large: string;
248
249
  medium: string;
249
- small: string;
250
250
  xlarge: string;
251
251
  xsmall: string;
252
252
  xxsmall: string;
@@ -255,9 +255,9 @@ export declare const responsiveProperties: {
255
255
  "-moz-initial": {
256
256
  defaultClass: string;
257
257
  conditions: {
258
+ small: string;
258
259
  large: string;
259
260
  medium: string;
260
- small: string;
261
261
  xlarge: string;
262
262
  xsmall: string;
263
263
  xxsmall: string;
@@ -266,9 +266,9 @@ export declare const responsiveProperties: {
266
266
  inherit: {
267
267
  defaultClass: string;
268
268
  conditions: {
269
+ small: string;
269
270
  large: string;
270
271
  medium: string;
271
- small: string;
272
272
  xlarge: string;
273
273
  xsmall: string;
274
274
  xxsmall: string;
@@ -277,9 +277,9 @@ export declare const responsiveProperties: {
277
277
  initial: {
278
278
  defaultClass: string;
279
279
  conditions: {
280
+ small: string;
280
281
  large: string;
281
282
  medium: string;
282
- small: string;
283
283
  xlarge: string;
284
284
  xsmall: string;
285
285
  xxsmall: string;
@@ -288,9 +288,9 @@ export declare const responsiveProperties: {
288
288
  revert: {
289
289
  defaultClass: string;
290
290
  conditions: {
291
+ small: string;
291
292
  large: string;
292
293
  medium: string;
293
- small: string;
294
294
  xlarge: string;
295
295
  xsmall: string;
296
296
  xxsmall: string;
@@ -299,9 +299,9 @@ export declare const responsiveProperties: {
299
299
  "revert-layer": {
300
300
  defaultClass: string;
301
301
  conditions: {
302
+ small: string;
302
303
  large: string;
303
304
  medium: string;
304
- small: string;
305
305
  xlarge: string;
306
306
  xsmall: string;
307
307
  xxsmall: string;
@@ -310,9 +310,9 @@ export declare const responsiveProperties: {
310
310
  unset: {
311
311
  defaultClass: string;
312
312
  conditions: {
313
+ small: string;
313
314
  large: string;
314
315
  medium: string;
315
- small: string;
316
316
  xlarge: string;
317
317
  xsmall: string;
318
318
  xxsmall: string;
@@ -321,9 +321,9 @@ export declare const responsiveProperties: {
321
321
  normal: {
322
322
  defaultClass: string;
323
323
  conditions: {
324
+ small: string;
324
325
  large: string;
325
326
  medium: string;
326
- small: string;
327
327
  xlarge: string;
328
328
  xsmall: string;
329
329
  xxsmall: string;
@@ -332,9 +332,9 @@ export declare const responsiveProperties: {
332
332
  left: {
333
333
  defaultClass: string;
334
334
  conditions: {
335
+ small: string;
335
336
  large: string;
336
337
  medium: string;
337
- small: string;
338
338
  xlarge: string;
339
339
  xsmall: string;
340
340
  xxsmall: string;
@@ -343,9 +343,9 @@ export declare const responsiveProperties: {
343
343
  right: {
344
344
  defaultClass: string;
345
345
  conditions: {
346
+ small: string;
346
347
  large: string;
347
348
  medium: string;
348
- small: string;
349
349
  xlarge: string;
350
350
  xsmall: string;
351
351
  xxsmall: string;
@@ -354,9 +354,9 @@ export declare const responsiveProperties: {
354
354
  "space-around": {
355
355
  defaultClass: string;
356
356
  conditions: {
357
+ small: string;
357
358
  large: string;
358
359
  medium: string;
359
- small: string;
360
360
  xlarge: string;
361
361
  xsmall: string;
362
362
  xxsmall: string;
@@ -365,9 +365,9 @@ export declare const responsiveProperties: {
365
365
  "space-between": {
366
366
  defaultClass: string;
367
367
  conditions: {
368
+ small: string;
368
369
  large: string;
369
370
  medium: string;
370
- small: string;
371
371
  xlarge: string;
372
372
  xsmall: string;
373
373
  xxsmall: string;
@@ -376,9 +376,9 @@ export declare const responsiveProperties: {
376
376
  "space-evenly": {
377
377
  defaultClass: string;
378
378
  conditions: {
379
+ small: string;
379
380
  large: string;
380
381
  medium: string;
381
- small: string;
382
382
  xlarge: string;
383
383
  xsmall: string;
384
384
  xxsmall: string;
@@ -387,9 +387,9 @@ export declare const responsiveProperties: {
387
387
  stretch: {
388
388
  defaultClass: string;
389
389
  conditions: {
390
+ small: string;
390
391
  large: string;
391
392
  medium: string;
392
- small: string;
393
393
  xlarge: string;
394
394
  xsmall: string;
395
395
  xxsmall: string;
@@ -398,9 +398,9 @@ export declare const responsiveProperties: {
398
398
  center: {
399
399
  defaultClass: string;
400
400
  conditions: {
401
+ small: string;
401
402
  large: string;
402
403
  medium: string;
403
- small: string;
404
404
  xlarge: string;
405
405
  xsmall: string;
406
406
  xxsmall: string;
@@ -409,9 +409,9 @@ export declare const responsiveProperties: {
409
409
  end: {
410
410
  defaultClass: string;
411
411
  conditions: {
412
+ small: string;
412
413
  large: string;
413
414
  medium: string;
414
- small: string;
415
415
  xlarge: string;
416
416
  xsmall: string;
417
417
  xxsmall: string;
@@ -420,9 +420,9 @@ export declare const responsiveProperties: {
420
420
  "flex-end": {
421
421
  defaultClass: string;
422
422
  conditions: {
423
+ small: string;
423
424
  large: string;
424
425
  medium: string;
425
- small: string;
426
426
  xlarge: string;
427
427
  xsmall: string;
428
428
  xxsmall: string;
@@ -431,9 +431,9 @@ export declare const responsiveProperties: {
431
431
  "flex-start": {
432
432
  defaultClass: string;
433
433
  conditions: {
434
+ small: string;
434
435
  large: string;
435
436
  medium: string;
436
- small: string;
437
437
  xlarge: string;
438
438
  xsmall: string;
439
439
  xxsmall: string;
@@ -442,9 +442,9 @@ export declare const responsiveProperties: {
442
442
  start: {
443
443
  defaultClass: string;
444
444
  conditions: {
445
+ small: string;
445
446
  large: string;
446
447
  medium: string;
447
- small: string;
448
448
  xlarge: string;
449
449
  xsmall: string;
450
450
  xxsmall: string;
@@ -457,9 +457,9 @@ export declare const responsiveProperties: {
457
457
  export declare const sprinkles: ((props: {
458
458
  alignItems?: ({} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, import("csstype").Property.AlignItems | null | undefined>;
459
459
  gap?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, string | null> | (string | {
460
+ small?: string | undefined;
460
461
  large?: string | undefined;
461
462
  medium?: string | undefined;
462
- small?: string | undefined;
463
463
  xlarge?: string | undefined;
464
464
  xsmall?: string | undefined;
465
465
  xxsmall?: string | undefined;