@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.
- package/dist/Anchor/index.d.ts +60 -12
- package/dist/Badge/index.d.ts +74 -14
- package/dist/Box/props.d.ts +204 -40
- package/dist/Button/shared/styles.d.ts +190 -38
- package/dist/Card/elements.d.ts +612 -120
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/Form/SelectDropdown/styles.d.ts +1 -1
- package/dist/Form/elements/Form.d.ts +191 -39
- package/dist/Form/elements/FormGroupLabel.js +2 -2
- package/dist/Form/inputs/Select.js +5 -6
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +144 -28
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +30 -6
- package/dist/Layout/Column.d.ts +60 -12
- package/dist/Layout/LayoutGrid.d.ts +60 -12
- package/dist/List/elements.d.ts +265 -53
- package/dist/Menu/elements.d.ts +204 -40
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +190 -38
- package/dist/Pagination/utils.d.ts +190 -38
- package/dist/Tabs/props.d.ts +60 -12
- package/dist/Tag/types.d.ts +60 -12
- package/dist/Toggle/elements.d.ts +134 -26
- package/dist/Typography/Text.d.ts +74 -14
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/package.json +7 -7
- package/dist/BarChart/BarChartProvider.d.ts +0 -20
- package/dist/BarChart/BarChartProvider.js +0 -31
- package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +0 -7
- package/dist/BarChart/BarRow/ValueLabelsContent.js +0 -30
- package/dist/BarChart/BarRow/elements.d.ts +0 -719
- package/dist/BarChart/BarRow/elements.js +0 -97
- package/dist/BarChart/BarRow/index.d.ts +0 -26
- package/dist/BarChart/BarRow/index.js +0 -243
- package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
- package/dist/BarChart/GENERIC_EXAMPLE.js +0 -328
- package/dist/BarChart/index.d.ts +0 -4
- package/dist/BarChart/index.js +0 -155
- package/dist/BarChart/layout/GridLines.d.ts +0 -7
- package/dist/BarChart/layout/GridLines.js +0 -78
- package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -10
- package/dist/BarChart/layout/ScaleChartHeader.js +0 -89
- package/dist/BarChart/layout/VerticalSpacer.d.ts +0 -6
- package/dist/BarChart/layout/VerticalSpacer.js +0 -56
- package/dist/BarChart/shared/elements.d.ts +0 -7
- package/dist/BarChart/shared/elements.js +0 -12
- package/dist/BarChart/shared/styles.d.ts +0 -4
- package/dist/BarChart/shared/styles.js +0 -4
- package/dist/BarChart/shared/translations.d.ts +0 -68
- package/dist/BarChart/shared/translations.js +0 -52
- package/dist/BarChart/shared/types.d.ts +0 -94
- package/dist/BarChart/shared/types.js +0 -1
- package/dist/BarChart/utils/hooks.d.ts +0 -91
- package/dist/BarChart/utils/hooks.js +0 -291
- package/dist/BarChart/utils/index.d.ts +0 -100
- 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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
package/dist/index.js
CHANGED
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
|
|
4
|
+
"version": "68.1.0-alpha.46f13d.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@codecademy/gamut-icons": "9.
|
|
8
|
-
"@codecademy/gamut-illustrations": "0.58.
|
|
9
|
-
"@codecademy/gamut-patterns": "0.10.
|
|
10
|
-
"@codecademy/gamut-styles": "17.
|
|
11
|
-
"@codecademy/variance": "0.
|
|
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": "
|
|
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
|
-
});
|