@codecademy/gamut 72.2.2-alpha.ca06a3.0 → 72.2.2-alpha.d894be.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 (93) hide show
  1. package/dist/Alert/elements.d.ts +4 -4
  2. package/dist/Anchor/index.d.ts +19 -9
  3. package/dist/Anchor/index.js +9 -6
  4. package/dist/BarChart/BarRow/elements.d.ts +156 -154
  5. package/dist/BarChart/utils/hooks.d.ts +2 -2
  6. package/dist/BarChart/utils/hooks.js +3 -1
  7. package/dist/Box/GridBox.d.ts +1 -0
  8. package/dist/Box/GridBox.js +1 -1
  9. package/dist/Box/props.d.ts +1 -1
  10. package/dist/Breadcrumbs/index.d.ts +5 -5
  11. package/dist/Breadcrumbs/index.js +2 -2
  12. package/dist/Button/CTAButton.d.ts +2 -2
  13. package/dist/Button/FillButton.d.ts +4 -4
  14. package/dist/Button/IconButton.d.ts +4 -4
  15. package/dist/Button/StrokeButton.d.ts +4 -4
  16. package/dist/Button/TextButton.d.ts +4 -4
  17. package/dist/Button/index.d.ts +1 -1
  18. package/dist/Button/shared/InlineIconButton.d.ts +2 -2
  19. package/dist/Button/shared/styles.d.ts +3 -3
  20. package/dist/Button/shared/types.d.ts +1 -1
  21. package/dist/ButtonBase/ButtonBase.d.ts +9 -4
  22. package/dist/ButtonBase/ButtonBase.js +11 -4
  23. package/dist/ButtonBase/index.d.ts +1 -1
  24. package/dist/ButtonBase/index.js +1 -1
  25. package/dist/Card/elements.d.ts +436 -430
  26. package/dist/Card/styles.d.ts +8 -8
  27. package/dist/Coachmark/index.d.ts +1 -1
  28. package/dist/ConnectedForm/ConnectedForm.d.ts +1 -1
  29. package/dist/ConnectedForm/ConnectedFormGroup.js +5 -7
  30. package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js +1 -3
  31. package/dist/ConnectedForm/utils.d.ts +1 -1
  32. package/dist/ConnectedForm/utils.js +1 -1
  33. package/dist/DataList/Tables/Rows/TableRow.js +1 -5
  34. package/dist/DatePicker/DatePickerInput/index.d.ts +1 -1
  35. package/dist/Disclosure/elements.d.ts +24 -18
  36. package/dist/FeatureShimmer/index.js +1 -1
  37. package/dist/Form/SelectDropdown/SelectDropdown.js +1 -1
  38. package/dist/Form/SelectDropdown/elements/containers.js +1 -1
  39. package/dist/Form/SelectDropdown/elements/controls.js +2 -2
  40. package/dist/Form/SelectDropdown/elements/multi-value.js +2 -2
  41. package/dist/Form/SelectDropdown/types/internal.d.ts +2 -2
  42. package/dist/Form/SelectDropdown/utils.js +2 -1
  43. package/dist/Form/elements/Form.d.ts +93 -93
  44. package/dist/Form/elements/FormGroup.d.ts +1 -1
  45. package/dist/Form/index.d.ts +2 -0
  46. package/dist/Form/index.js +2 -1
  47. package/dist/Form/styles/Checkbox-styles.d.ts +1 -1
  48. package/dist/GridForm/GridFormButtons/index.d.ts +7 -7
  49. package/dist/List/ListProvider.d.ts +1 -1
  50. package/dist/List/ListRow.js +2 -3
  51. package/dist/List/elements.d.ts +153 -151
  52. package/dist/Markdown/index.d.ts +1 -1
  53. package/dist/Markdown/index.js +1 -1
  54. package/dist/Menu/MenuItem.js +11 -8
  55. package/dist/Menu/MenuSeparator.js +2 -2
  56. package/dist/Menu/elements.d.ts +2 -2
  57. package/dist/Menu/index.d.ts +1 -0
  58. package/dist/Menu/index.js +2 -1
  59. package/dist/Modals/Dialog.js +6 -2
  60. package/dist/Modals/Modal.js +5 -2
  61. package/dist/Modals/elements.d.ts +35 -35
  62. package/dist/Pagination/AnimatedPaginationButtons.d.ts +110 -108
  63. package/dist/Pagination/EllipsisButton.d.ts +4 -4
  64. package/dist/Pagination/PaginationButton.d.ts +6 -6
  65. package/dist/Pagination/utils.d.ts +110 -108
  66. package/dist/Pagination/utils.js +14 -11
  67. package/dist/PatternBackdrop/PatternBackdrop.d.ts +34 -34
  68. package/dist/Popover/Popover.js +6 -6
  69. package/dist/Popover/types.d.ts +4 -3
  70. package/dist/PopoverContainer/PopoverContainer.js +9 -9
  71. package/dist/PopoverContainer/hooks.d.ts +16 -4
  72. package/dist/PopoverContainer/hooks.js +50 -27
  73. package/dist/PopoverContainer/types.d.ts +2 -1
  74. package/dist/Tabs/TabButton.d.ts +2 -2
  75. package/dist/Tabs/TabNavLink.d.ts +2 -2
  76. package/dist/Tabs/TabNavLink.js +2 -2
  77. package/dist/Tag/elements.d.ts +16 -10
  78. package/dist/Tag/index.js +1 -1
  79. package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
  80. package/dist/Tip/PreviewTip/elements.d.ts +12 -6
  81. package/dist/Tip/__tests__/helpers.d.ts +1 -1
  82. package/dist/Tip/shared/FloatingTip.js +2 -2
  83. package/dist/Tip/shared/types.d.ts +2 -2
  84. package/dist/Tip/shared/utils.js +1 -1
  85. package/dist/Toggle/elements.d.ts +38 -38
  86. package/dist/Typography/Text.d.ts +2 -1
  87. package/dist/Typography/Text.js +3 -2
  88. package/dist/index.d.ts +1 -0
  89. package/dist/index.js +2 -2
  90. package/dist/utils/nullish.d.ts +10 -0
  91. package/dist/utils/nullish.js +11 -0
  92. package/dist/utils/react.js +4 -2
  93. package/package.json +19 -12
@@ -16,19 +16,19 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
16
16
  } & import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "small" | "medium"> & {
17
17
  theme?: import("@emotion/react").Theme;
18
18
  } & {
19
- color?: import("@codecademy/variance/dist/types/config").Scale<{
19
+ color?: import("@codecademy/variance").Scale<{
20
20
  readonly property: "color";
21
21
  readonly scale: "colors";
22
22
  }>;
23
- p?: import("@codecademy/variance/dist/types/config").Scale<{
23
+ p?: import("@codecademy/variance").Scale<{
24
24
  readonly property: "padding";
25
25
  readonly scale: "spacing";
26
26
  }>;
27
- borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
27
+ borderColor?: import("@codecademy/variance").Scale<{
28
28
  readonly property: "borderColor";
29
29
  readonly scale: "colors";
30
30
  }>;
31
- px?: import("@codecademy/variance/dist/types/config").Scale<{
31
+ px?: import("@codecademy/variance").Scale<{
32
32
  readonly property: "padding";
33
33
  readonly properties: {
34
34
  readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -37,7 +37,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
37
37
  readonly scale: "spacing";
38
38
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
39
39
  }>;
40
- py?: import("@codecademy/variance/dist/types/config").Scale<{
40
+ py?: import("@codecademy/variance").Scale<{
41
41
  readonly property: "padding";
42
42
  readonly properties: {
43
43
  readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -46,7 +46,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
46
46
  readonly scale: "spacing";
47
47
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
48
48
  }>;
49
- pt?: import("@codecademy/variance/dist/types/config").Scale<{
49
+ pt?: import("@codecademy/variance").Scale<{
50
50
  readonly property: {
51
51
  readonly physical: "paddingTop";
52
52
  readonly logical: "paddingBlockStart";
@@ -54,7 +54,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
54
54
  readonly scale: "spacing";
55
55
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
56
56
  }>;
57
- pb?: import("@codecademy/variance/dist/types/config").Scale<{
57
+ pb?: import("@codecademy/variance").Scale<{
58
58
  readonly property: {
59
59
  readonly physical: "paddingBottom";
60
60
  readonly logical: "paddingBlockEnd";
@@ -62,7 +62,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
62
62
  readonly scale: "spacing";
63
63
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
64
64
  }>;
65
- pr?: import("@codecademy/variance/dist/types/config").Scale<{
65
+ pr?: import("@codecademy/variance").Scale<{
66
66
  readonly property: {
67
67
  readonly physical: "paddingRight";
68
68
  readonly logical: "paddingInlineEnd";
@@ -70,7 +70,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
70
70
  readonly scale: "spacing";
71
71
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
72
72
  }>;
73
- pl?: import("@codecademy/variance/dist/types/config").Scale<{
73
+ pl?: import("@codecademy/variance").Scale<{
74
74
  readonly property: {
75
75
  readonly physical: "paddingLeft";
76
76
  readonly logical: "paddingInlineStart";
@@ -78,11 +78,11 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
78
78
  readonly scale: "spacing";
79
79
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
80
80
  }>;
81
- m?: import("@codecademy/variance/dist/types/config").Scale<{
81
+ m?: import("@codecademy/variance").Scale<{
82
82
  readonly property: "margin";
83
83
  readonly scale: "spacing";
84
84
  }>;
85
- mx?: import("@codecademy/variance/dist/types/config").Scale<{
85
+ mx?: import("@codecademy/variance").Scale<{
86
86
  readonly property: "margin";
87
87
  readonly properties: {
88
88
  readonly physical: readonly ["marginLeft", "marginRight"];
@@ -91,7 +91,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
91
91
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
92
92
  readonly scale: "spacing";
93
93
  }>;
94
- my?: import("@codecademy/variance/dist/types/config").Scale<{
94
+ my?: import("@codecademy/variance").Scale<{
95
95
  readonly property: "margin";
96
96
  readonly properties: {
97
97
  readonly physical: readonly ["marginTop", "marginBottom"];
@@ -100,7 +100,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
100
100
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
101
101
  readonly scale: "spacing";
102
102
  }>;
103
- mt?: import("@codecademy/variance/dist/types/config").Scale<{
103
+ mt?: import("@codecademy/variance").Scale<{
104
104
  readonly property: {
105
105
  readonly physical: "marginTop";
106
106
  readonly logical: "marginBlockStart";
@@ -108,7 +108,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
108
108
  readonly scale: "spacing";
109
109
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
110
110
  }>;
111
- mb?: import("@codecademy/variance/dist/types/config").Scale<{
111
+ mb?: import("@codecademy/variance").Scale<{
112
112
  readonly property: {
113
113
  readonly physical: "marginBottom";
114
114
  readonly logical: "marginBlockEnd";
@@ -116,7 +116,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
116
116
  readonly scale: "spacing";
117
117
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
118
118
  }>;
119
- mr?: import("@codecademy/variance/dist/types/config").Scale<{
119
+ mr?: import("@codecademy/variance").Scale<{
120
120
  readonly property: {
121
121
  readonly physical: "marginRight";
122
122
  readonly logical: "marginInlineEnd";
@@ -124,7 +124,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
124
124
  readonly scale: "spacing";
125
125
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
126
126
  }>;
127
- ml?: import("@codecademy/variance/dist/types/config").Scale<{
127
+ ml?: import("@codecademy/variance").Scale<{
128
128
  readonly property: {
129
129
  readonly physical: "marginLeft";
130
130
  readonly logical: "marginInlineStart";
@@ -132,15 +132,15 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
132
132
  readonly scale: "spacing";
133
133
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
134
134
  }>;
135
- textColor?: import("@codecademy/variance/dist/types/config").Scale<{
135
+ textColor?: import("@codecademy/variance").Scale<{
136
136
  readonly property: "color";
137
137
  readonly scale: "colors";
138
138
  }>;
139
- bg?: import("@codecademy/variance/dist/types/config").Scale<{
139
+ bg?: import("@codecademy/variance").Scale<{
140
140
  readonly property: "backgroundColor";
141
141
  readonly scale: "colors";
142
142
  }>;
143
- borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
143
+ borderColorX?: import("@codecademy/variance").Scale<{
144
144
  readonly property: "borderColor";
145
145
  readonly properties: {
146
146
  readonly physical: readonly ["borderLeftColor", "borderRightColor"];
@@ -149,7 +149,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
149
149
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
150
150
  readonly scale: "colors";
151
151
  }>;
152
- borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
152
+ borderColorY?: import("@codecademy/variance").Scale<{
153
153
  readonly property: "borderColor";
154
154
  readonly properties: {
155
155
  readonly physical: readonly ["borderTopColor", "borderBottomColor"];
@@ -158,22 +158,22 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
158
158
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
159
159
  readonly scale: "colors";
160
160
  }>;
161
- borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
161
+ borderColorLeft?: import("@codecademy/variance").Scale<{
162
162
  readonly property: "borderLeftColor";
163
163
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
164
164
  readonly scale: "colors";
165
165
  }>;
166
- borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
166
+ borderColorRight?: import("@codecademy/variance").Scale<{
167
167
  readonly property: "borderRightColor";
168
168
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
169
169
  readonly scale: "colors";
170
170
  }>;
171
- borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
171
+ borderColorTop?: import("@codecademy/variance").Scale<{
172
172
  readonly property: "borderTopColor";
173
173
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
174
174
  readonly scale: "colors";
175
175
  }>;
176
- borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
176
+ borderColorBottom?: import("@codecademy/variance").Scale<{
177
177
  readonly property: "borderBottomColor";
178
178
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
179
179
  readonly scale: "colors";
@@ -196,11 +196,11 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
196
196
  } & Partial<Record<"disabled" | "labelRight", boolean>> & {
197
197
  theme?: import("@emotion/react").Theme;
198
198
  } & {
199
- p?: import("@codecademy/variance/dist/types/config").Scale<{
199
+ p?: import("@codecademy/variance").Scale<{
200
200
  readonly property: "padding";
201
201
  readonly scale: "spacing";
202
202
  }>;
203
- px?: import("@codecademy/variance/dist/types/config").Scale<{
203
+ px?: import("@codecademy/variance").Scale<{
204
204
  readonly property: "padding";
205
205
  readonly properties: {
206
206
  readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -209,7 +209,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
209
209
  readonly scale: "spacing";
210
210
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
211
211
  }>;
212
- py?: import("@codecademy/variance/dist/types/config").Scale<{
212
+ py?: import("@codecademy/variance").Scale<{
213
213
  readonly property: "padding";
214
214
  readonly properties: {
215
215
  readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -218,7 +218,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
218
218
  readonly scale: "spacing";
219
219
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
220
220
  }>;
221
- pt?: import("@codecademy/variance/dist/types/config").Scale<{
221
+ pt?: import("@codecademy/variance").Scale<{
222
222
  readonly property: {
223
223
  readonly physical: "paddingTop";
224
224
  readonly logical: "paddingBlockStart";
@@ -226,7 +226,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
226
226
  readonly scale: "spacing";
227
227
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
228
228
  }>;
229
- pb?: import("@codecademy/variance/dist/types/config").Scale<{
229
+ pb?: import("@codecademy/variance").Scale<{
230
230
  readonly property: {
231
231
  readonly physical: "paddingBottom";
232
232
  readonly logical: "paddingBlockEnd";
@@ -234,7 +234,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
234
234
  readonly scale: "spacing";
235
235
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
236
236
  }>;
237
- pr?: import("@codecademy/variance/dist/types/config").Scale<{
237
+ pr?: import("@codecademy/variance").Scale<{
238
238
  readonly property: {
239
239
  readonly physical: "paddingRight";
240
240
  readonly logical: "paddingInlineEnd";
@@ -242,7 +242,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
242
242
  readonly scale: "spacing";
243
243
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
244
244
  }>;
245
- pl?: import("@codecademy/variance/dist/types/config").Scale<{
245
+ pl?: import("@codecademy/variance").Scale<{
246
246
  readonly property: {
247
247
  readonly physical: "paddingLeft";
248
248
  readonly logical: "paddingInlineStart";
@@ -250,11 +250,11 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
250
250
  readonly scale: "spacing";
251
251
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
252
252
  }>;
253
- m?: import("@codecademy/variance/dist/types/config").Scale<{
253
+ m?: import("@codecademy/variance").Scale<{
254
254
  readonly property: "margin";
255
255
  readonly scale: "spacing";
256
256
  }>;
257
- mx?: import("@codecademy/variance/dist/types/config").Scale<{
257
+ mx?: import("@codecademy/variance").Scale<{
258
258
  readonly property: "margin";
259
259
  readonly properties: {
260
260
  readonly physical: readonly ["marginLeft", "marginRight"];
@@ -263,7 +263,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
263
263
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
264
264
  readonly scale: "spacing";
265
265
  }>;
266
- my?: import("@codecademy/variance/dist/types/config").Scale<{
266
+ my?: import("@codecademy/variance").Scale<{
267
267
  readonly property: "margin";
268
268
  readonly properties: {
269
269
  readonly physical: readonly ["marginTop", "marginBottom"];
@@ -272,7 +272,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
272
272
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
273
273
  readonly scale: "spacing";
274
274
  }>;
275
- mt?: import("@codecademy/variance/dist/types/config").Scale<{
275
+ mt?: import("@codecademy/variance").Scale<{
276
276
  readonly property: {
277
277
  readonly physical: "marginTop";
278
278
  readonly logical: "marginBlockStart";
@@ -280,7 +280,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
280
280
  readonly scale: "spacing";
281
281
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
282
282
  }>;
283
- mb?: import("@codecademy/variance/dist/types/config").Scale<{
283
+ mb?: import("@codecademy/variance").Scale<{
284
284
  readonly property: {
285
285
  readonly physical: "marginBottom";
286
286
  readonly logical: "marginBlockEnd";
@@ -288,7 +288,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
288
288
  readonly scale: "spacing";
289
289
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
290
290
  }>;
291
- mr?: import("@codecademy/variance/dist/types/config").Scale<{
291
+ mr?: import("@codecademy/variance").Scale<{
292
292
  readonly property: {
293
293
  readonly physical: "marginRight";
294
294
  readonly logical: "marginInlineEnd";
@@ -296,7 +296,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
296
296
  readonly scale: "spacing";
297
297
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
298
298
  }>;
299
- ml?: import("@codecademy/variance/dist/types/config").Scale<{
299
+ ml?: import("@codecademy/variance").Scale<{
300
300
  readonly property: {
301
301
  readonly physical: "marginLeft";
302
302
  readonly logical: "marginInlineStart";
@@ -1,4 +1,6 @@
1
1
  import { StyleProps } from '@codecademy/variance';
2
+ import { typographyElementVariants, typographyStyleVariants, typographyUtilities } from './variants';
3
+ export { typographyElementVariants, typographyStyleVariants, typographyUtilities, };
2
4
  declare const displayVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "title-xxl" | "title-xl" | "title-lg" | "title-md" | "title-sm" | "title-xs" | "p-base" | "p-small" | "p-large"> & {
3
5
  theme?: import("@emotion/react").Theme;
4
6
  }) => import("@codecademy/variance").CSSObject;
@@ -383,4 +385,3 @@ export declare const Text: import("react").ForwardRefExoticComponent<(Omit<{
383
385
  theme?: import("@emotion/react").Theme;
384
386
  as?: React.ElementType;
385
387
  } & TextNoTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref">) & import("react").RefAttributes<HTMLSpanElement>>;
386
- export {};
@@ -3,8 +3,9 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
3
3
  import { states, styledOptions, system, variant } from '@codecademy/gamut-styles';
4
4
  import { variance } from '@codecademy/variance';
5
5
  import { forwardRef } from 'react';
6
- import { typographyElementVariants, typographyStyleVariants } from './variants';
6
+ import { typographyElementVariants, typographyStyleVariants, typographyUtilities } from './variants';
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
+ export { typographyElementVariants, typographyStyleVariants, typographyUtilities };
8
9
  const displayVariants = variant({
9
10
  variants: typographyStyleVariants
10
11
  });
@@ -110,7 +111,7 @@ const textProps = variance.compose(system.layout, system.typography, system.colo
110
111
  const StyledText = /*#__PURE__*/_styled('span', _extends({}, {
111
112
  target: "e8i0p5k0",
112
113
  label: "StyledText"
113
- }, styledOptions()))(elementVariants, truncateVariants, displayVariants, textStates, textProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UeXBvZ3JhcGh5L1RleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZJbUIiLCJmaWxlIjoiLi4vLi4vc3JjL1R5cG9ncmFwaHkvVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzdGF0ZXMsXG4gIHN0eWxlZE9wdGlvbnMsXG4gIHN5c3RlbSxcbiAgdmFyaWFudCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMsIHZhcmlhbmNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHR5cG9ncmFwaHlFbGVtZW50VmFyaWFudHMsIHR5cG9ncmFwaHlTdHlsZVZhcmlhbnRzIH0gZnJvbSAnLi92YXJpYW50cyc7XG5cbmNvbnN0IGRpc3BsYXlWYXJpYW50cyA9IHZhcmlhbnQoe1xuICB2YXJpYW50czogdHlwb2dyYXBoeVN0eWxlVmFyaWFudHMsXG59KTtcblxuY29uc3QgZWxlbWVudFZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICdhcycsXG4gIHZhcmlhbnRzOiB0eXBvZ3JhcGh5RWxlbWVudFZhcmlhbnRzLFxufSk7XG5cbmNvbnN0IHRydW5jYXRlVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgcHJvcDogJ3RydW5jYXRlJyxcbiAgdmFyaWFudHM6IHtcbiAgICBlbGxpcHNpczoge1xuICAgICAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnLFxuICAgIH0sXG4gICAgZmFkZToge1xuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0T3ZlcmZsb3c6ICdjbGlwJyxcbiAgICAgICcmOmFmdGVyJzoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB0ZXh0Q29sb3I6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgICBpbnNldDogMCxcbiAgICAgICAgbGVmdDogMC42NSxcbiAgICAgICAgYmFja2dyb3VuZDpcbiAgICAgICAgICAnbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCByZ2JhKDAsIDAsIDAsIDApLCBjdXJyZW50Q29sb3IgNzUlKScsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgdHJ1bmNhdGVMaW5lc1NjYWxlID0geyAxOiAxLCAyOiAyLCAzOiAzLCA0OiA0LCA1OiA1IH07XG5cbmNvbnN0IHRydW5jYXRlTGluZXNQcm9wcyA9IHZhcmlhbmNlLmNyZWF0ZSh7XG4gIHRydW5jYXRlTGluZXM6IHtcbiAgICBzY2FsZTogdHJ1bmNhdGVMaW5lc1NjYWxlLFxuICAgIHByb3BlcnR5OiAnYWxsJyxcbiAgICB0cmFuc2Zvcm06ICh0cnVuY2F0ZUxpbmVzOiBudW1iZXIpID0+XG4gICAgICB0cnVuY2F0ZUxpbmVzID09PSAxXG4gICAgICAgID8ge1xuICAgICAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgICAgfVxuICAgICAgICA6IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgICAgIGRpc3BsYXk6ICctd2Via2l0LWJveCcsXG4gICAgICAgICAgICBXZWJraXRCb3hPcmllbnQ6ICd2ZXJ0aWNhbCcsXG4gICAgICAgICAgICBXZWJraXRMaW5lQ2xhbXA6IHRydW5jYXRlTGluZXMsXG4gICAgICAgICAgICAnJjphZnRlcic6IHtcbiAgICAgICAgICAgICAgdG9wOiBgJHsxMDAgLSAxMDAgLyB0cnVuY2F0ZUxpbmVzfSVgLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IHRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBjZW50ZXI6IHtcbiAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICB9LFxuICBibG9jazoge1xuICAgIGRpc3BsYXk6ICdibG9jaycsXG4gIH0sXG4gIGhpZ2hsaWdodDoge1xuICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICBtaW5XaWR0aDogJzAuNHJlbScsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgekluZGV4OiAxLFxuICAgIC8vIHRoZSB0ZXh0IGlzIG1vcmUgbGVnaWJsZSBhZ2FpbnN0IHRoZSBiYWNrZ3JvdW5kIGNvbG9yIHdpdGggdGV4dCBzbW9vdGhpbmdcbiAgICBNb3pPc3hGb250U21vb3RoaW5nOiAnZ3JheXNjYWxlJyxcbiAgICBXZWJraXRGb250U21vb3RoaW5nOiAnYW50aWFsaWFzZWQnLFxuICAgICcmOmFmdGVyJzoge1xuICAgICAgYmc6ICdwcmltYXJ5LWludmVyc2UnLFxuICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgIGhlaWdodDogJzMyLjUlJyxcbiAgICAgIGxlZnQ6ICcwJyxcbiAgICAgIG1sOiAnLTAuMnJlbScgYXMgYW55LFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6ICc1MCUnLFxuICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgKyAwLjRyZW0pJyxcbiAgICAgIHpJbmRleDogLTEsXG4gICAgfSxcbiAgfSxcbiAgc2NyZWVucmVhZGVyOiB7XG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICB3aWR0aDogJzFweCcsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIGNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgIGxlZnQ6IC05OTk5LFxuICAgIHA6IDAsXG4gICAgbTogMCxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgfSxcbiAgc21vb3RoOiB7XG4gICAgV2Via2l0Rm9udFNtb290aGluZzogJ2FudGlhbGlhc2VkJyxcbiAgICBNb3pPc3hGb250U21vb3RoaW5nOiAnZ3JheXNjYWxlJyxcbiAgfSxcbn0pO1xuXG5jb25zdCB0ZXh0UHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBzeXN0ZW0ubGF5b3V0LFxuICBzeXN0ZW0udHlwb2dyYXBoeSxcbiAgc3lzdGVtLmNvbG9yLFxuICBzeXN0ZW0uc3BhY2UsXG4gIHRydW5jYXRlTGluZXNQcm9wc1xuKTtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dFByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgdGV4dFByb3BzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiB0ZXh0U3RhdGVzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBlbGVtZW50VmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIHRydW5jYXRlVmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIGRpc3BsYXlWYXJpYW50cz4ge31cblxuLy8gaWYgeW91J3JlIGdvaW5nIHRvIHRydW5jYXRlLCB5b3UgbmVlZCB0byBwcm92aWRlIGJvdGggb2YgdGhlc2UgcHJvcHMgb3IgbmVpdGhlclxuZXhwb3J0IGludGVyZmFjZSBUZXh0VHJ1bmNhdGVQcm9wcyBleHRlbmRzIEJhc2VUZXh0UHJvcHMge1xuICB0cnVuY2F0ZUxpbmVzOiBFeGNsdWRlPEJhc2VUZXh0UHJvcHNbJ3RydW5jYXRlTGluZXMnXSwgdW5kZWZpbmVkPjtcbiAgdHJ1bmNhdGU6IEV4Y2x1ZGU8QmFzZVRleHRQcm9wc1sndHJ1bmNhdGUnXSwgZmFsc2UgfCB1bmRlZmluZWQ+O1xufVxuZXhwb3J0IGludGVyZmFjZSBUZXh0Tm9UcnVuY2F0ZVByb3BzIGV4dGVuZHMgQmFzZVRleHRQcm9wcyB7XG4gIHRydW5jYXRlTGluZXM/OiBuZXZlcjtcbiAgdHJ1bmNhdGU/OiBuZXZlcjtcbn1cblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0gVGV4dFRydW5jYXRlUHJvcHMgfCBUZXh0Tm9UcnVuY2F0ZVByb3BzO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKCdzcGFuJywgc3R5bGVkT3B0aW9uczwnc3Bhbic+KCkpPFRleHRQcm9wcz4oXG4gIGVsZW1lbnRWYXJpYW50cyxcbiAgdHJ1bmNhdGVWYXJpYW50cyxcbiAgZGlzcGxheVZhcmlhbnRzLFxuICB0ZXh0U3RhdGVzLFxuICB0ZXh0UHJvcHNcbik7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gZm9yd2FyZFJlZjxcbiAgSFRNTFNwYW5FbGVtZW50LFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgU3R5bGVkVGV4dD5cbj4oKHsgYXMgPSAnc3BhbicsIG0gPSAwLCAuLi5yZXN0IH0sIHJlZikgPT4gKFxuICA8U3R5bGVkVGV4dCBhcz17YXN9IG09e219IHJlZj17cmVmfSB7Li4ucmVzdH0gLz5cbikpO1xuIl19 */");
114
+ }, styledOptions()))(elementVariants, truncateVariants, displayVariants, textStates, textProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UeXBvZ3JhcGh5L1RleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVKbUIiLCJmaWxlIjoiLi4vLi4vc3JjL1R5cG9ncmFwaHkvVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzdGF0ZXMsXG4gIHN0eWxlZE9wdGlvbnMsXG4gIHN5c3RlbSxcbiAgdmFyaWFudCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMsIHZhcmlhbmNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIHR5cG9ncmFwaHlFbGVtZW50VmFyaWFudHMsXG4gIHR5cG9ncmFwaHlTdHlsZVZhcmlhbnRzLFxuICB0eXBvZ3JhcGh5VXRpbGl0aWVzLFxufSBmcm9tICcuL3ZhcmlhbnRzJztcblxuZXhwb3J0IHtcbiAgdHlwb2dyYXBoeUVsZW1lbnRWYXJpYW50cyxcbiAgdHlwb2dyYXBoeVN0eWxlVmFyaWFudHMsXG4gIHR5cG9ncmFwaHlVdGlsaXRpZXMsXG59O1xuXG5jb25zdCBkaXNwbGF5VmFyaWFudHMgPSB2YXJpYW50KHtcbiAgdmFyaWFudHM6IHR5cG9ncmFwaHlTdHlsZVZhcmlhbnRzLFxufSk7XG5cbmNvbnN0IGVsZW1lbnRWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnYXMnLFxuICB2YXJpYW50czogdHlwb2dyYXBoeUVsZW1lbnRWYXJpYW50cyxcbn0pO1xuXG5jb25zdCB0cnVuY2F0ZVZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICd0cnVuY2F0ZScsXG4gIHZhcmlhbnRzOiB7XG4gICAgZWxsaXBzaXM6IHtcbiAgICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICB9LFxuICAgIGZhZGU6IHtcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgdGV4dE92ZXJmbG93OiAnY2xpcCcsXG4gICAgICAnJjphZnRlcic6IHtcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdGV4dENvbG9yOiAnYmFja2dyb3VuZC1jdXJyZW50JyxcbiAgICAgICAgaW5zZXQ6IDAsXG4gICAgICAgIGxlZnQ6IDAuNjUsXG4gICAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgICAgJ2xpbmVhci1ncmFkaWVudCh0byByaWdodCwgcmdiYSgwLCAwLCAwLCAwKSwgY3VycmVudENvbG9yIDc1JSknLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IHRydW5jYXRlTGluZXNTY2FsZSA9IHsgMTogMSwgMjogMiwgMzogMywgNDogNCwgNTogNSB9O1xuXG5jb25zdCB0cnVuY2F0ZUxpbmVzUHJvcHMgPSB2YXJpYW5jZS5jcmVhdGUoe1xuICB0cnVuY2F0ZUxpbmVzOiB7XG4gICAgc2NhbGU6IHRydW5jYXRlTGluZXNTY2FsZSxcbiAgICBwcm9wZXJ0eTogJ2FsbCcsXG4gICAgdHJhbnNmb3JtOiAodHJ1bmNhdGVMaW5lczogbnVtYmVyKSA9PlxuICAgICAgdHJ1bmNhdGVMaW5lcyA9PT0gMVxuICAgICAgICA/IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgICAgICAgIH1cbiAgICAgICAgOiB7XG4gICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgICBkaXNwbGF5OiAnLXdlYmtpdC1ib3gnLFxuICAgICAgICAgICAgV2Via2l0Qm94T3JpZW50OiAndmVydGljYWwnLFxuICAgICAgICAgICAgV2Via2l0TGluZUNsYW1wOiB0cnVuY2F0ZUxpbmVzLFxuICAgICAgICAgICAgJyY6YWZ0ZXInOiB7XG4gICAgICAgICAgICAgIHRvcDogYCR7MTAwIC0gMTAwIC8gdHJ1bmNhdGVMaW5lc30lYCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCB0ZXh0U3RhdGVzID0gc3RhdGVzKHtcbiAgY2VudGVyOiB7XG4gICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgfSxcbiAgYmxvY2s6IHtcbiAgICBkaXNwbGF5OiAnYmxvY2snLFxuICB9LFxuICBoaWdobGlnaHQ6IHtcbiAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgbWluV2lkdGg6ICcwLjRyZW0nLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogMSxcbiAgICAvLyB0aGUgdGV4dCBpcyBtb3JlIGxlZ2libGUgYWdhaW5zdCB0aGUgYmFja2dyb3VuZCBjb2xvciB3aXRoIHRleHQgc21vb3RoaW5nXG4gICAgTW96T3N4Rm9udFNtb290aGluZzogJ2dyYXlzY2FsZScsXG4gICAgV2Via2l0Rm9udFNtb290aGluZzogJ2FudGlhbGlhc2VkJyxcbiAgICAnJjphZnRlcic6IHtcbiAgICAgIGJnOiAncHJpbWFyeS1pbnZlcnNlJyxcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICBoZWlnaHQ6ICczMi41JScsXG4gICAgICBsZWZ0OiAnMCcsXG4gICAgICBtbDogJy0wLjJyZW0nIGFzIGFueSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgdG9wOiAnNTAlJyxcbiAgICAgIHdpZHRoOiAnY2FsYygxMDAlICsgMC40cmVtKScsXG4gICAgICB6SW5kZXg6IC0xLFxuICAgIH0sXG4gIH0sXG4gIHNjcmVlbnJlYWRlcjoge1xuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgIGhlaWdodDogJzFweCcsXG4gICAgd2lkdGg6ICcxcHgnLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBjb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICBsZWZ0OiAtOTk5OSxcbiAgICBwOiAwLFxuICAgIG06IDAsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gIH0sXG4gIHNtb290aDoge1xuICAgIFdlYmtpdEZvbnRTbW9vdGhpbmc6ICdhbnRpYWxpYXNlZCcsXG4gICAgTW96T3N4Rm9udFNtb290aGluZzogJ2dyYXlzY2FsZScsXG4gIH0sXG59KTtcblxuY29uc3QgdGV4dFByb3BzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgc3lzdGVtLmxheW91dCxcbiAgc3lzdGVtLnR5cG9ncmFwaHksXG4gIHN5c3RlbS5jb2xvcixcbiAgc3lzdGVtLnNwYWNlLFxuICB0cnVuY2F0ZUxpbmVzUHJvcHNcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZVRleHRQcm9wc1xuICBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIHRleHRQcm9wcz4sXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgdGV4dFN0YXRlcz4sXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgZWxlbWVudFZhcmlhbnRzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiB0cnVuY2F0ZVZhcmlhbnRzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBkaXNwbGF5VmFyaWFudHM+IHt9XG5cbi8vIGlmIHlvdSdyZSBnb2luZyB0byB0cnVuY2F0ZSwgeW91IG5lZWQgdG8gcHJvdmlkZSBib3RoIG9mIHRoZXNlIHByb3BzIG9yIG5laXRoZXJcbmV4cG9ydCBpbnRlcmZhY2UgVGV4dFRydW5jYXRlUHJvcHMgZXh0ZW5kcyBCYXNlVGV4dFByb3BzIHtcbiAgdHJ1bmNhdGVMaW5lczogRXhjbHVkZTxCYXNlVGV4dFByb3BzWyd0cnVuY2F0ZUxpbmVzJ10sIHVuZGVmaW5lZD47XG4gIHRydW5jYXRlOiBFeGNsdWRlPEJhc2VUZXh0UHJvcHNbJ3RydW5jYXRlJ10sIGZhbHNlIHwgdW5kZWZpbmVkPjtcbn1cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dE5vVHJ1bmNhdGVQcm9wcyBleHRlbmRzIEJhc2VUZXh0UHJvcHMge1xuICB0cnVuY2F0ZUxpbmVzPzogbmV2ZXI7XG4gIHRydW5jYXRlPzogbmV2ZXI7XG59XG5cbmV4cG9ydCB0eXBlIFRleHRQcm9wcyA9IFRleHRUcnVuY2F0ZVByb3BzIHwgVGV4dE5vVHJ1bmNhdGVQcm9wcztcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZCgnc3BhbicsIHN0eWxlZE9wdGlvbnM8J3NwYW4nPigpKTxUZXh0UHJvcHM+KFxuICBlbGVtZW50VmFyaWFudHMsXG4gIHRydW5jYXRlVmFyaWFudHMsXG4gIGRpc3BsYXlWYXJpYW50cyxcbiAgdGV4dFN0YXRlcyxcbiAgdGV4dFByb3BzXG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IGZvcndhcmRSZWY8XG4gIEhUTUxTcGFuRWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFN0eWxlZFRleHQ+XG4+KCh7IGFzID0gJ3NwYW4nLCBtID0gMCwgLi4ucmVzdCB9LCByZWYpID0+IChcbiAgPFN0eWxlZFRleHQgYXM9e2FzfSBtPXttfSByZWY9e3JlZn0gey4uLnJlc3R9IC8+XG4pKTtcbiJdfQ== */");
114
115
  export const Text = /*#__PURE__*/forwardRef(({
115
116
  as = 'span',
116
117
  m = 0,
package/dist/index.d.ts CHANGED
@@ -9,6 +9,7 @@ export * from './Box';
9
9
  export * from './Breadcrumbs';
10
10
  export * from './Button';
11
11
  export type { ButtonBaseElements } from './ButtonBase/ButtonBase';
12
+ export { ButtonSelectors } from './ButtonBase';
12
13
  export * from './Card';
13
14
  export * from './Coachmark';
14
15
  export * from './ConnectedForm';
package/dist/index.js CHANGED
@@ -8,6 +8,7 @@ export * from './BodyPortal';
8
8
  export * from './Box';
9
9
  export * from './Breadcrumbs';
10
10
  export * from './Button';
11
+ export { ButtonSelectors } from './ButtonBase';
11
12
  export * from './Card';
12
13
  export * from './Coachmark';
13
14
  export * from './ConnectedForm';
@@ -49,5 +50,4 @@ export * from './Tip/ToolTip';
49
50
  export * from './typings/responsive-properties';
50
51
  export * from './Typography/Text';
51
52
  export * from './utils';
52
- export * from './Video';
53
- export {};
53
+ export * from './Video';
@@ -0,0 +1,10 @@
1
+ /**
2
+ * True when `value` is `null` or `undefined`.
3
+ * Use instead of `value == null` when `eqeqeq` is enforced.
4
+ */
5
+ export declare const isNullish: (value: unknown) => value is null | undefined;
6
+ /**
7
+ * True when `value` is neither `null` nor `undefined`.
8
+ * Use instead of `value != null` when `eqeqeq` is enforced.
9
+ */
10
+ export declare const isDefined: <T>(value: T | null | undefined) => value is T;
@@ -0,0 +1,11 @@
1
+ /**
2
+ * True when `value` is `null` or `undefined`.
3
+ * Use instead of `value == null` when `eqeqeq` is enforced.
4
+ */
5
+ export const isNullish = value => value === null || value === undefined;
6
+
7
+ /**
8
+ * True when `value` is neither `null` nor `undefined`.
9
+ * Use instead of `value != null` when `eqeqeq` is enforced.
10
+ */
11
+ export const isDefined = value => value !== undefined && value !== null;
@@ -1,4 +1,5 @@
1
1
  import { Children, isValidElement } from 'react';
2
+ import { isNullish } from './nullish';
2
3
 
3
4
  /**
4
5
  * Recursively extracts plain text content from React children.
@@ -29,11 +30,12 @@ export const extractTextContent = children => {
29
30
  if (typeof child === 'string' || typeof child === 'number') {
30
31
  return String(child);
31
32
  }
32
- if (typeof child === 'boolean' || child == null) {
33
+ if (typeof child === 'boolean' || isNullish(child)) {
33
34
  return '';
34
35
  }
35
36
  if (/*#__PURE__*/isValidElement(child)) {
36
- const textContent = child.props.children ?? child.props.text ?? '';
37
+ const props = child.props;
38
+ const textContent = props.children ?? props.text ?? '';
37
39
  return extractTextContent(textContent);
38
40
  }
39
41
  return '';
package/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "@codecademy/gamut",
3
3
  "description": "Styleguide & Component library for Codecademy",
4
- "version": "72.2.2-alpha.ca06a3.0",
4
+ "version": "72.2.2-alpha.d894be.0",
5
5
  "author": "Codecademy Engineering <dev@codecademy.com>",
6
6
  "bin": "./bin/gamut.mjs",
7
7
  "dependencies": {
8
- "@codecademy/gamut-icons": "9.57.10-alpha.ca06a3.0",
9
- "@codecademy/gamut-illustrations": "0.58.16-alpha.ca06a3.0",
10
- "@codecademy/gamut-patterns": "0.10.35-alpha.ca06a3.0",
11
- "@codecademy/gamut-styles": "20.0.3-alpha.ca06a3.0",
12
- "@codecademy/variance": "0.26.2-alpha.ca06a3.0",
8
+ "@codecademy/gamut-icons": "9.57.10-alpha.d894be.0",
9
+ "@codecademy/gamut-illustrations": "0.58.16-alpha.d894be.0",
10
+ "@codecademy/gamut-patterns": "0.10.35-alpha.d894be.0",
11
+ "@codecademy/gamut-styles": "20.0.3-alpha.d894be.0",
12
+ "@codecademy/variance": "0.26.2-alpha.d894be.0",
13
13
  "@formatjs/intl-locale": "5.3.1",
14
14
  "@react-aria/interactions": "3.25.0",
15
15
  "@types/marked": "^4.0.8",
16
16
  "@vidstack/react": "^1.12.12",
17
17
  "classnames": "^2.2.5",
18
- "framer-motion": "^11.18.0",
18
+ "framer-motion": "^12.0.0",
19
19
  "html-to-react": "^1.6.0",
20
20
  "invariant": "^2.2.4",
21
21
  "lodash": "^4.17.23",
@@ -23,13 +23,20 @@
23
23
  "polished": "^4.1.2",
24
24
  "react-aria-components": "1.7.1",
25
25
  "react-focus-on": "3.10.0",
26
- "react-hook-form": "^7.65.0",
26
+ "react-hook-form": "^7.71.2",
27
27
  "react-player": "^2.16.0",
28
28
  "react-select": "^5.2.2",
29
29
  "react-truncate-markup": "^5.1.2",
30
30
  "react-use": "^15.3.8",
31
31
  "sanitize-markdown": "^2.6.7"
32
32
  },
33
+ "exports": {
34
+ ".": {
35
+ "import": "./dist/index.js",
36
+ "types": "./dist/index.d.ts",
37
+ "default": "./dist/index.js"
38
+ }
39
+ },
33
40
  "files": [
34
41
  "dist",
35
42
  "bin",
@@ -37,15 +44,14 @@
37
44
  ],
38
45
  "license": "MIT",
39
46
  "main": "./dist/index.js",
40
- "module": "./dist/index.js",
41
47
  "overrides": {
42
48
  "@react-aria/interactions": "3.25.0"
43
49
  },
44
50
  "peerDependencies": {
45
51
  "@emotion/react": "^11.4.0",
46
52
  "@emotion/styled": "^11.3.0",
47
- "react": "^17.0.2 || ^18.3.0",
48
- "react-dom": "^17.0.2 || ^18.3.0"
53
+ "react": "^17.0.2 || ^18.3.0 || ^19.0.0",
54
+ "react-dom": "^17.0.2 || ^18.3.0 || ^19.0.0"
49
55
  },
50
56
  "publishConfig": {
51
57
  "access": "public"
@@ -63,5 +69,6 @@
63
69
  "**/*.scss",
64
70
  "dist/**/[A-Z]**/[A-Z]*.js",
65
71
  "dist/**/[A-Z]**/index.js"
66
- ]
72
+ ],
73
+ "type": "module"
67
74
  }