@codecademy/gamut 68.0.2-alpha.f8c3b5.0 → 68.1.0-alpha.46f13d.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 (55) hide show
  1. package/dist/Anchor/index.d.ts +60 -12
  2. package/dist/Badge/index.d.ts +74 -14
  3. package/dist/Box/props.d.ts +204 -40
  4. package/dist/Button/shared/styles.d.ts +190 -38
  5. package/dist/Card/elements.d.ts +612 -120
  6. package/dist/ConnectedForm/utils.d.ts +1 -1
  7. package/dist/Form/SelectDropdown/styles.d.ts +1 -1
  8. package/dist/Form/elements/Form.d.ts +191 -39
  9. package/dist/Form/elements/FormGroupLabel.js +2 -2
  10. package/dist/Form/inputs/Select.js +5 -6
  11. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +144 -28
  12. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +30 -6
  13. package/dist/Layout/Column.d.ts +60 -12
  14. package/dist/Layout/LayoutGrid.d.ts +60 -12
  15. package/dist/List/elements.d.ts +265 -53
  16. package/dist/Menu/elements.d.ts +204 -40
  17. package/dist/Pagination/AnimatedPaginationButtons.d.ts +190 -38
  18. package/dist/Pagination/utils.d.ts +190 -38
  19. package/dist/Tabs/props.d.ts +60 -12
  20. package/dist/Tag/types.d.ts +60 -12
  21. package/dist/Toggle/elements.d.ts +134 -26
  22. package/dist/Typography/Text.d.ts +74 -14
  23. package/dist/index.d.ts +0 -1
  24. package/dist/index.js +0 -1
  25. package/package.json +7 -7
  26. package/dist/BarChart/BarChartProvider.d.ts +0 -20
  27. package/dist/BarChart/BarChartProvider.js +0 -31
  28. package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +0 -7
  29. package/dist/BarChart/BarRow/ValueLabelsContent.js +0 -30
  30. package/dist/BarChart/BarRow/elements.d.ts +0 -719
  31. package/dist/BarChart/BarRow/elements.js +0 -97
  32. package/dist/BarChart/BarRow/index.d.ts +0 -26
  33. package/dist/BarChart/BarRow/index.js +0 -243
  34. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
  35. package/dist/BarChart/GENERIC_EXAMPLE.js +0 -328
  36. package/dist/BarChart/index.d.ts +0 -4
  37. package/dist/BarChart/index.js +0 -155
  38. package/dist/BarChart/layout/GridLines.d.ts +0 -7
  39. package/dist/BarChart/layout/GridLines.js +0 -78
  40. package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -10
  41. package/dist/BarChart/layout/ScaleChartHeader.js +0 -89
  42. package/dist/BarChart/layout/VerticalSpacer.d.ts +0 -6
  43. package/dist/BarChart/layout/VerticalSpacer.js +0 -56
  44. package/dist/BarChart/shared/elements.d.ts +0 -7
  45. package/dist/BarChart/shared/elements.js +0 -12
  46. package/dist/BarChart/shared/styles.d.ts +0 -4
  47. package/dist/BarChart/shared/styles.js +0 -4
  48. package/dist/BarChart/shared/translations.d.ts +0 -68
  49. package/dist/BarChart/shared/translations.js +0 -52
  50. package/dist/BarChart/shared/types.d.ts +0 -94
  51. package/dist/BarChart/shared/types.js +0 -1
  52. package/dist/BarChart/utils/hooks.d.ts +0 -91
  53. package/dist/BarChart/utils/hooks.js +0 -291
  54. package/dist/BarChart/utils/index.d.ts +0 -100
  55. package/dist/BarChart/utils/index.js +0 -224
@@ -31,29 +31,53 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
31
31
  }>;
32
32
  px?: import("@codecademy/variance/dist/types/config").Scale<{
33
33
  readonly property: "padding";
34
- readonly properties: readonly ["paddingLeft", "paddingRight"];
34
+ readonly properties: {
35
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
36
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
37
+ };
35
38
  readonly scale: "spacing";
39
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
36
40
  }>;
37
41
  py?: import("@codecademy/variance/dist/types/config").Scale<{
38
42
  readonly property: "padding";
39
- readonly properties: readonly ["paddingTop", "paddingBottom"];
43
+ readonly properties: {
44
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
45
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
46
+ };
40
47
  readonly scale: "spacing";
48
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
41
49
  }>;
42
50
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
43
- readonly property: "paddingTop";
51
+ readonly property: {
52
+ readonly physical: "paddingTop";
53
+ readonly logical: "paddingBlockStart";
54
+ };
44
55
  readonly scale: "spacing";
56
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
45
57
  }>;
46
58
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
47
- readonly property: "paddingBottom";
59
+ readonly property: {
60
+ readonly physical: "paddingBottom";
61
+ readonly logical: "paddingBlockEnd";
62
+ };
48
63
  readonly scale: "spacing";
64
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
49
65
  }>;
50
66
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
51
- readonly property: "paddingRight";
67
+ readonly property: {
68
+ readonly physical: "paddingRight";
69
+ readonly logical: "paddingInlineEnd";
70
+ };
52
71
  readonly scale: "spacing";
72
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
53
73
  }>;
54
74
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
55
- readonly property: "paddingLeft";
75
+ readonly property: {
76
+ readonly physical: "paddingLeft";
77
+ readonly logical: "paddingInlineStart";
78
+ };
56
79
  readonly scale: "spacing";
80
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
57
81
  }>;
58
82
  m?: import("@codecademy/variance/dist/types/config").Scale<{
59
83
  readonly property: "margin";
@@ -61,29 +85,53 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
61
85
  }>;
62
86
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
63
87
  readonly property: "margin";
64
- readonly properties: readonly ["marginLeft", "marginRight"];
88
+ readonly properties: {
89
+ readonly physical: readonly ["marginLeft", "marginRight"];
90
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
91
+ };
92
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
65
93
  readonly scale: "spacing";
66
94
  }>;
67
95
  my?: import("@codecademy/variance/dist/types/config").Scale<{
68
96
  readonly property: "margin";
69
- readonly properties: readonly ["marginTop", "marginBottom"];
97
+ readonly properties: {
98
+ readonly physical: readonly ["marginTop", "marginBottom"];
99
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
100
+ };
101
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
70
102
  readonly scale: "spacing";
71
103
  }>;
72
104
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
73
- readonly property: "marginTop";
105
+ readonly property: {
106
+ readonly physical: "marginTop";
107
+ readonly logical: "marginBlockStart";
108
+ };
74
109
  readonly scale: "spacing";
110
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
75
111
  }>;
76
112
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
77
- readonly property: "marginBottom";
113
+ readonly property: {
114
+ readonly physical: "marginBottom";
115
+ readonly logical: "marginBlockEnd";
116
+ };
78
117
  readonly scale: "spacing";
118
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
79
119
  }>;
80
120
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
81
- readonly property: "marginRight";
121
+ readonly property: {
122
+ readonly physical: "marginRight";
123
+ readonly logical: "marginInlineEnd";
124
+ };
82
125
  readonly scale: "spacing";
126
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
127
  }>;
84
128
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
85
- readonly property: "marginLeft";
129
+ readonly property: {
130
+ readonly physical: "marginLeft";
131
+ readonly logical: "marginInlineStart";
132
+ };
86
133
  readonly scale: "spacing";
134
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
87
135
  }>;
88
136
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
89
137
  readonly property: "color";
@@ -95,28 +143,40 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
95
143
  }>;
96
144
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
97
145
  readonly property: "borderColor";
98
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
146
+ readonly properties: {
147
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
148
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
149
+ };
150
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
99
151
  readonly scale: "colors";
100
152
  }>;
101
153
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
102
154
  readonly property: "borderColor";
103
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
155
+ readonly properties: {
156
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
157
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
158
+ };
159
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
104
160
  readonly scale: "colors";
105
161
  }>;
106
162
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
107
163
  readonly property: "borderLeftColor";
164
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
108
165
  readonly scale: "colors";
109
166
  }>;
110
167
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
111
168
  readonly property: "borderRightColor";
169
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
112
170
  readonly scale: "colors";
113
171
  }>;
114
172
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
115
173
  readonly property: "borderTopColor";
174
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
116
175
  readonly scale: "colors";
117
176
  }>;
118
177
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
119
178
  readonly property: "borderBottomColor";
179
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
120
180
  readonly scale: "colors";
121
181
  }>;
122
182
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -143,29 +203,53 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
143
203
  }>;
144
204
  px?: import("@codecademy/variance/dist/types/config").Scale<{
145
205
  readonly property: "padding";
146
- readonly properties: readonly ["paddingLeft", "paddingRight"];
206
+ readonly properties: {
207
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
208
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
209
+ };
147
210
  readonly scale: "spacing";
211
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
148
212
  }>;
149
213
  py?: import("@codecademy/variance/dist/types/config").Scale<{
150
214
  readonly property: "padding";
151
- readonly properties: readonly ["paddingTop", "paddingBottom"];
215
+ readonly properties: {
216
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
217
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
218
+ };
152
219
  readonly scale: "spacing";
220
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
153
221
  }>;
154
222
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
155
- readonly property: "paddingTop";
223
+ readonly property: {
224
+ readonly physical: "paddingTop";
225
+ readonly logical: "paddingBlockStart";
226
+ };
156
227
  readonly scale: "spacing";
228
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
157
229
  }>;
158
230
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
159
- readonly property: "paddingBottom";
231
+ readonly property: {
232
+ readonly physical: "paddingBottom";
233
+ readonly logical: "paddingBlockEnd";
234
+ };
160
235
  readonly scale: "spacing";
236
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
161
237
  }>;
162
238
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
163
- readonly property: "paddingRight";
239
+ readonly property: {
240
+ readonly physical: "paddingRight";
241
+ readonly logical: "paddingInlineEnd";
242
+ };
164
243
  readonly scale: "spacing";
244
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
165
245
  }>;
166
246
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
167
- readonly property: "paddingLeft";
247
+ readonly property: {
248
+ readonly physical: "paddingLeft";
249
+ readonly logical: "paddingInlineStart";
250
+ };
168
251
  readonly scale: "spacing";
252
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
169
253
  }>;
170
254
  m?: import("@codecademy/variance/dist/types/config").Scale<{
171
255
  readonly property: "margin";
@@ -173,28 +257,52 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
173
257
  }>;
174
258
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
175
259
  readonly property: "margin";
176
- readonly properties: readonly ["marginLeft", "marginRight"];
260
+ readonly properties: {
261
+ readonly physical: readonly ["marginLeft", "marginRight"];
262
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
263
+ };
264
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
177
265
  readonly scale: "spacing";
178
266
  }>;
179
267
  my?: import("@codecademy/variance/dist/types/config").Scale<{
180
268
  readonly property: "margin";
181
- readonly properties: readonly ["marginTop", "marginBottom"];
269
+ readonly properties: {
270
+ readonly physical: readonly ["marginTop", "marginBottom"];
271
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
272
+ };
273
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
182
274
  readonly scale: "spacing";
183
275
  }>;
184
276
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
185
- readonly property: "marginTop";
277
+ readonly property: {
278
+ readonly physical: "marginTop";
279
+ readonly logical: "marginBlockStart";
280
+ };
186
281
  readonly scale: "spacing";
282
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
187
283
  }>;
188
284
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
189
- readonly property: "marginBottom";
285
+ readonly property: {
286
+ readonly physical: "marginBottom";
287
+ readonly logical: "marginBlockEnd";
288
+ };
190
289
  readonly scale: "spacing";
290
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
191
291
  }>;
192
292
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
193
- readonly property: "marginRight";
293
+ readonly property: {
294
+ readonly physical: "marginRight";
295
+ readonly logical: "marginInlineEnd";
296
+ };
194
297
  readonly scale: "spacing";
298
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
195
299
  }>;
196
300
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
197
- readonly property: "marginLeft";
301
+ readonly property: {
302
+ readonly physical: "marginLeft";
303
+ readonly logical: "marginInlineStart";
304
+ };
198
305
  readonly scale: "spacing";
306
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
199
307
  }>;
200
308
  }, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
@@ -153,28 +153,40 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
153
153
  };
154
154
  readonly borderColorX: {
155
155
  readonly property: "borderColor";
156
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
156
+ readonly properties: {
157
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
158
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
159
+ };
160
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
157
161
  readonly scale: "colors";
158
162
  };
159
163
  readonly borderColorY: {
160
164
  readonly property: "borderColor";
161
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
165
+ readonly properties: {
166
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
167
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
168
+ };
169
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
162
170
  readonly scale: "colors";
163
171
  };
164
172
  readonly borderColorLeft: {
165
173
  readonly property: "borderLeftColor";
174
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
166
175
  readonly scale: "colors";
167
176
  };
168
177
  readonly borderColorRight: {
169
178
  readonly property: "borderRightColor";
179
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
170
180
  readonly scale: "colors";
171
181
  };
172
182
  readonly borderColorTop: {
173
183
  readonly property: "borderTopColor";
184
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
174
185
  readonly scale: "colors";
175
186
  };
176
187
  readonly borderColorBottom: {
177
188
  readonly property: "borderBottomColor";
189
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
178
190
  readonly scale: "colors";
179
191
  };
180
192
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -184,29 +196,53 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
184
196
  };
185
197
  readonly px: {
186
198
  readonly property: "padding";
187
- readonly properties: readonly ["paddingLeft", "paddingRight"];
199
+ readonly properties: {
200
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
201
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
202
+ };
188
203
  readonly scale: "spacing";
204
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
189
205
  };
190
206
  readonly py: {
191
207
  readonly property: "padding";
192
- readonly properties: readonly ["paddingTop", "paddingBottom"];
208
+ readonly properties: {
209
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
210
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
211
+ };
193
212
  readonly scale: "spacing";
213
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
194
214
  };
195
215
  readonly pt: {
196
- readonly property: "paddingTop";
216
+ readonly property: {
217
+ readonly physical: "paddingTop";
218
+ readonly logical: "paddingBlockStart";
219
+ };
197
220
  readonly scale: "spacing";
221
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
198
222
  };
199
223
  readonly pb: {
200
- readonly property: "paddingBottom";
224
+ readonly property: {
225
+ readonly physical: "paddingBottom";
226
+ readonly logical: "paddingBlockEnd";
227
+ };
201
228
  readonly scale: "spacing";
229
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
202
230
  };
203
231
  readonly pr: {
204
- readonly property: "paddingRight";
232
+ readonly property: {
233
+ readonly physical: "paddingRight";
234
+ readonly logical: "paddingInlineEnd";
235
+ };
205
236
  readonly scale: "spacing";
237
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
206
238
  };
207
239
  readonly pl: {
208
- readonly property: "paddingLeft";
240
+ readonly property: {
241
+ readonly physical: "paddingLeft";
242
+ readonly logical: "paddingInlineStart";
243
+ };
209
244
  readonly scale: "spacing";
245
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
210
246
  };
211
247
  readonly m: {
212
248
  readonly property: "margin";
@@ -214,29 +250,53 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
214
250
  };
215
251
  readonly mx: {
216
252
  readonly property: "margin";
217
- readonly properties: readonly ["marginLeft", "marginRight"];
253
+ readonly properties: {
254
+ readonly physical: readonly ["marginLeft", "marginRight"];
255
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
256
+ };
257
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
218
258
  readonly scale: "spacing";
219
259
  };
220
260
  readonly my: {
221
261
  readonly property: "margin";
222
- readonly properties: readonly ["marginTop", "marginBottom"];
262
+ readonly properties: {
263
+ readonly physical: readonly ["marginTop", "marginBottom"];
264
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
265
+ };
266
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
223
267
  readonly scale: "spacing";
224
268
  };
225
269
  readonly mt: {
226
- readonly property: "marginTop";
270
+ readonly property: {
271
+ readonly physical: "marginTop";
272
+ readonly logical: "marginBlockStart";
273
+ };
227
274
  readonly scale: "spacing";
275
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
228
276
  };
229
277
  readonly mb: {
230
- readonly property: "marginBottom";
278
+ readonly property: {
279
+ readonly physical: "marginBottom";
280
+ readonly logical: "marginBlockEnd";
281
+ };
231
282
  readonly scale: "spacing";
283
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
232
284
  };
233
285
  readonly mr: {
234
- readonly property: "marginRight";
286
+ readonly property: {
287
+ readonly physical: "marginRight";
288
+ readonly logical: "marginInlineEnd";
289
+ };
235
290
  readonly scale: "spacing";
291
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
236
292
  };
237
293
  readonly ml: {
238
- readonly property: "marginLeft";
294
+ readonly property: {
295
+ readonly physical: "marginLeft";
296
+ readonly logical: "marginInlineStart";
297
+ };
239
298
  readonly scale: "spacing";
299
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
240
300
  };
241
301
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
242
302
  truncateLines: {
package/dist/index.d.ts CHANGED
@@ -6,7 +6,6 @@ export * from './Anchor';
6
6
  export * from './Animation';
7
7
  export * from './AppWrapper';
8
8
  export * from './Badge';
9
- export * from './BarChart';
10
9
  export * from './BodyPortal';
11
10
  export * from './Box';
12
11
  export * from './Breadcrumbs';
package/dist/index.js CHANGED
@@ -6,7 +6,6 @@ export * from './Anchor';
6
6
  export * from './Animation';
7
7
  export * from './AppWrapper';
8
8
  export * from './Badge';
9
- export * from './BarChart';
10
9
  export * from './BodyPortal';
11
10
  export * from './Box';
12
11
  export * from './Breadcrumbs';
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@codecademy/gamut",
3
3
  "description": "Styleguide & Component library for Codecademy",
4
- "version": "68.0.2-alpha.f8c3b5.0",
4
+ "version": "68.1.0-alpha.46f13d.0",
5
5
  "author": "Codecademy Engineering <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/gamut-icons": "9.55.0",
8
- "@codecademy/gamut-illustrations": "0.58.2",
9
- "@codecademy/gamut-patterns": "0.10.21",
10
- "@codecademy/gamut-styles": "17.11.2",
11
- "@codecademy/variance": "0.25.2",
7
+ "@codecademy/gamut-icons": "9.54.2",
8
+ "@codecademy/gamut-illustrations": "0.58.3-alpha.46f13d.0",
9
+ "@codecademy/gamut-patterns": "0.10.22-alpha.46f13d.0",
10
+ "@codecademy/gamut-styles": "17.12.0-alpha.46f13d.0",
11
+ "@codecademy/variance": "0.26.0-alpha.46f13d.0",
12
12
  "@types/marked": "^4.0.8",
13
13
  "@vidstack/react": "^1.12.12",
14
14
  "classnames": "^2.2.5",
@@ -56,5 +56,5 @@
56
56
  "dist/**/[A-Z]**/[A-Z]*.js",
57
57
  "dist/**/[A-Z]**/index.js"
58
58
  ],
59
- "gitHead": "07a74dae6963d668aa18202dd15e4a9d7c8fbd63"
59
+ "gitHead": "1c26194c40c6e1a1e8b919631d7d5831647e819f"
60
60
  }
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { BarChartTranslations } from './shared/translations';
3
- import { BarChartStyles } from './shared/types';
4
- export interface BarChartContextProps {
5
- minRange: number;
6
- maxRange: number;
7
- xScale: number;
8
- unit: string;
9
- styleConfig: Required<BarChartStyles>;
10
- animate: boolean;
11
- widestLeftLabelWidth: number | null;
12
- setWidestLeftLabelWidth: (width: number) => void;
13
- widestRightLabelWidth: number | null;
14
- setWidestRightLabelWidth: (width: number) => void;
15
- isMeasuring: boolean;
16
- translations: BarChartTranslations;
17
- }
18
- export declare const defaultStyleConfig: Required<BarChartStyles>;
19
- export declare const BarChartContext: import("react").Context<BarChartContextProps>;
20
- export declare const BarChartProvider: import("react").Provider<BarChartContextProps>;
@@ -1,31 +0,0 @@
1
- import { createContext } from 'react';
2
- import { defaultBarChartTranslations } from './shared/translations';
3
- export const defaultStyleConfig = {
4
- textColor: 'text',
5
- seriesOneBarColor: 'text',
6
- seriesTwoBarColor: 'primary',
7
- seriesOneLabel: 'text-secondary',
8
- seriesTwoLabel: 'primary'
9
- };
10
- export const BarChartContext = /*#__PURE__*/createContext({
11
- minRange: 0,
12
- maxRange: 100,
13
- xScale: 10,
14
- unit: '',
15
- styleConfig: defaultStyleConfig,
16
- animate: false,
17
- widestLeftLabelWidth: null,
18
- // eslint-disable-next-line @typescript-eslint/no-empty-function
19
- setWidestLeftLabelWidth: () => {
20
- // No-op: default context value
21
- },
22
- widestRightLabelWidth: null,
23
- // eslint-disable-next-line @typescript-eslint/no-empty-function
24
- setWidestRightLabelWidth: () => {
25
- // No-op: default context value
26
- },
27
- isMeasuring: true,
28
- translations: defaultBarChartTranslations
29
- });
30
- BarChartContext.displayName = 'BarChartContext';
31
- export const BarChartProvider = BarChartContext.Provider;
@@ -1,7 +0,0 @@
1
- import { BarChartStyles } from '../shared/types';
2
- export type ValueLabelsContentProps = {
3
- seriesOneFormatted: string;
4
- displayValueFormatted: string;
5
- isStacked: boolean;
6
- } & Pick<Required<BarChartStyles>, 'seriesOneLabel' | 'seriesTwoLabel'>;
7
- export declare const ValueLabelsContent: ({ seriesOneFormatted, displayValueFormatted, isStacked, seriesOneLabel, seriesTwoLabel, }: ValueLabelsContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,30 +0,0 @@
1
- import { MiniArrowRightIcon } from '@codecademy/gamut-icons';
2
- import { Text } from '../../Typography';
3
- import { iconPadding } from '../shared/styles';
4
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
5
- export const ValueLabelsContent = ({
6
- seriesOneFormatted,
7
- displayValueFormatted,
8
- isStacked,
9
- seriesOneLabel,
10
- seriesTwoLabel
11
- }) => /*#__PURE__*/_jsxs(_Fragment, {
12
- children: [isStacked && /*#__PURE__*/_jsxs(_Fragment, {
13
- children: [/*#__PURE__*/_jsx(Text, {
14
- color: seriesOneLabel,
15
- variant: "p-small",
16
- whiteSpace: "nowrap",
17
- children: seriesOneFormatted
18
- }), /*#__PURE__*/_jsx(MiniArrowRightIcon, {
19
- color: seriesOneLabel,
20
- mx: iconPadding,
21
- size: 16
22
- })]
23
- }), /*#__PURE__*/_jsx(Text, {
24
- color: isStacked ? seriesTwoLabel : seriesOneLabel,
25
- fontWeight: isStacked ? 'bold' : 'normal',
26
- variant: "p-small",
27
- whiteSpace: "nowrap",
28
- children: displayValueFormatted
29
- })]
30
- });