@codecademy/gamut 68.0.1-alpha.7afb48.0 → 68.0.1-alpha.800a90.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 +93 -18
- package/dist/Badge/index.d.ts +93 -18
- package/dist/Box/props.d.ts +93 -18
- package/dist/Button/shared/styles.d.ts +93 -18
- package/dist/Card/elements.d.ts +279 -54
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/Form/SelectDropdown/styles.d.ts +1 -1
- package/dist/Form/elements/Form.d.ts +94 -19
- package/dist/Form/elements/FormGroupLabel.js +2 -2
- package/dist/Form/inputs/Select.js +5 -6
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +33 -6
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +63 -12
- package/dist/Layout/Column.d.ts +93 -18
- package/dist/Layout/LayoutGrid.d.ts +60 -12
- package/dist/List/elements.d.ts +187 -37
- package/dist/Menu/elements.d.ts +93 -18
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +95 -20
- package/dist/Pagination/EllipsisButton.d.ts +5 -5
- package/dist/Pagination/EllipsisButton.js +2 -2
- package/dist/Pagination/index.js +4 -4
- package/dist/Pagination/utils.d.ts +93 -18
- package/dist/Pagination/utils.js +1 -1
- package/dist/Tabs/props.d.ts +93 -18
- package/dist/Tag/types.d.ts +93 -18
- package/dist/Toggle/elements.d.ts +120 -24
- package/dist/Typography/Text.d.ts +93 -18
- 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 -19
- package/dist/BarChart/BarChartProvider.js +0 -31
- package/dist/BarChart/BarRow/elements.d.ts +0 -713
- package/dist/BarChart/BarRow/elements.js +0 -89
- package/dist/BarChart/BarRow/index.d.ts +0 -26
- package/dist/BarChart/BarRow/index.js +0 -254
- package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
- package/dist/BarChart/GENERIC_EXAMPLE.js +0 -333
- package/dist/BarChart/index.d.ts +0 -4
- package/dist/BarChart/index.js +0 -158
- 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 -17
- package/dist/BarChart/shared/translations.js +0 -16
- package/dist/BarChart/shared/types.d.ts +0 -88
- package/dist/BarChart/shared/types.js +0 -1
- package/dist/BarChart/utils/hooks.d.ts +0 -93
- package/dist/BarChart/utils/hooks.js +0 -301
- package/dist/BarChart/utils/index.d.ts +0 -86
- package/dist/BarChart/utils/index.js +0 -165
|
@@ -73,32 +73,59 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
|
|
|
73
73
|
readonly transform: (value: string | number) => string | 0;
|
|
74
74
|
};
|
|
75
75
|
readonly width: {
|
|
76
|
-
readonly property:
|
|
76
|
+
readonly property: {
|
|
77
|
+
readonly physical: "width";
|
|
78
|
+
readonly logical: "inlineSize";
|
|
79
|
+
};
|
|
80
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
77
81
|
readonly transform: (value: string | number) => string | 0;
|
|
78
82
|
};
|
|
79
83
|
readonly minWidth: {
|
|
80
|
-
readonly property:
|
|
84
|
+
readonly property: {
|
|
85
|
+
readonly physical: "minWidth";
|
|
86
|
+
readonly logical: "minInlineSize";
|
|
87
|
+
};
|
|
88
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
81
89
|
readonly transform: (value: string | number) => string | 0;
|
|
82
90
|
};
|
|
83
91
|
readonly maxWidth: {
|
|
84
|
-
readonly property:
|
|
92
|
+
readonly property: {
|
|
93
|
+
readonly physical: "maxWidth";
|
|
94
|
+
readonly logical: "maxInlineSize";
|
|
95
|
+
};
|
|
96
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
85
97
|
readonly transform: (value: string | number) => string | 0;
|
|
86
98
|
};
|
|
87
99
|
readonly height: {
|
|
88
|
-
readonly property:
|
|
100
|
+
readonly property: {
|
|
101
|
+
readonly physical: "height";
|
|
102
|
+
readonly logical: "blockSize";
|
|
103
|
+
};
|
|
104
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
89
105
|
readonly transform: (value: string | number) => string | 0;
|
|
90
106
|
};
|
|
91
107
|
readonly minHeight: {
|
|
92
|
-
readonly property:
|
|
108
|
+
readonly property: {
|
|
109
|
+
readonly physical: "minHeight";
|
|
110
|
+
readonly logical: "minBlockSize";
|
|
111
|
+
};
|
|
112
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
93
113
|
readonly transform: (value: string | number) => string | 0;
|
|
94
114
|
};
|
|
95
115
|
readonly maxHeight: {
|
|
96
|
-
readonly property:
|
|
116
|
+
readonly property: {
|
|
117
|
+
readonly physical: "maxHeight";
|
|
118
|
+
readonly logical: "maxBlockSize";
|
|
119
|
+
};
|
|
120
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
97
121
|
readonly transform: (value: string | number) => string | 0;
|
|
98
122
|
};
|
|
99
123
|
readonly verticalAlign: {
|
|
100
124
|
readonly property: "verticalAlign";
|
|
101
125
|
};
|
|
126
|
+
readonly direction: {
|
|
127
|
+
readonly property: "direction";
|
|
128
|
+
};
|
|
102
129
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
103
130
|
readonly fontFamily: {
|
|
104
131
|
readonly property: "fontFamily";
|
|
@@ -184,29 +211,53 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
|
|
|
184
211
|
};
|
|
185
212
|
readonly px: {
|
|
186
213
|
readonly property: "padding";
|
|
187
|
-
readonly properties:
|
|
214
|
+
readonly properties: {
|
|
215
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
216
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
217
|
+
};
|
|
188
218
|
readonly scale: "spacing";
|
|
219
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
189
220
|
};
|
|
190
221
|
readonly py: {
|
|
191
222
|
readonly property: "padding";
|
|
192
|
-
readonly properties:
|
|
223
|
+
readonly properties: {
|
|
224
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
225
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
226
|
+
};
|
|
193
227
|
readonly scale: "spacing";
|
|
228
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
194
229
|
};
|
|
195
230
|
readonly pt: {
|
|
196
|
-
readonly property:
|
|
231
|
+
readonly property: {
|
|
232
|
+
readonly physical: "paddingTop";
|
|
233
|
+
readonly logical: "paddingBlockStart";
|
|
234
|
+
};
|
|
197
235
|
readonly scale: "spacing";
|
|
236
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
198
237
|
};
|
|
199
238
|
readonly pb: {
|
|
200
|
-
readonly property:
|
|
239
|
+
readonly property: {
|
|
240
|
+
readonly physical: "paddingBottom";
|
|
241
|
+
readonly logical: "paddingBlockEnd";
|
|
242
|
+
};
|
|
201
243
|
readonly scale: "spacing";
|
|
244
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
202
245
|
};
|
|
203
246
|
readonly pr: {
|
|
204
|
-
readonly property:
|
|
247
|
+
readonly property: {
|
|
248
|
+
readonly physical: "paddingRight";
|
|
249
|
+
readonly logical: "paddingInlineEnd";
|
|
250
|
+
};
|
|
205
251
|
readonly scale: "spacing";
|
|
252
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
206
253
|
};
|
|
207
254
|
readonly pl: {
|
|
208
|
-
readonly property:
|
|
255
|
+
readonly property: {
|
|
256
|
+
readonly physical: "paddingLeft";
|
|
257
|
+
readonly logical: "paddingInlineStart";
|
|
258
|
+
};
|
|
209
259
|
readonly scale: "spacing";
|
|
260
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
210
261
|
};
|
|
211
262
|
readonly m: {
|
|
212
263
|
readonly property: "margin";
|
|
@@ -214,29 +265,53 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
|
|
|
214
265
|
};
|
|
215
266
|
readonly mx: {
|
|
216
267
|
readonly property: "margin";
|
|
217
|
-
readonly properties:
|
|
268
|
+
readonly properties: {
|
|
269
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
270
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
271
|
+
};
|
|
272
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
218
273
|
readonly scale: "spacing";
|
|
219
274
|
};
|
|
220
275
|
readonly my: {
|
|
221
276
|
readonly property: "margin";
|
|
222
|
-
readonly properties:
|
|
277
|
+
readonly properties: {
|
|
278
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
279
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
280
|
+
};
|
|
281
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
223
282
|
readonly scale: "spacing";
|
|
224
283
|
};
|
|
225
284
|
readonly mt: {
|
|
226
|
-
readonly property:
|
|
285
|
+
readonly property: {
|
|
286
|
+
readonly physical: "marginTop";
|
|
287
|
+
readonly logical: "marginBlockStart";
|
|
288
|
+
};
|
|
227
289
|
readonly scale: "spacing";
|
|
290
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
228
291
|
};
|
|
229
292
|
readonly mb: {
|
|
230
|
-
readonly property:
|
|
293
|
+
readonly property: {
|
|
294
|
+
readonly physical: "marginBottom";
|
|
295
|
+
readonly logical: "marginBlockEnd";
|
|
296
|
+
};
|
|
231
297
|
readonly scale: "spacing";
|
|
298
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
232
299
|
};
|
|
233
300
|
readonly mr: {
|
|
234
|
-
readonly property:
|
|
301
|
+
readonly property: {
|
|
302
|
+
readonly physical: "marginRight";
|
|
303
|
+
readonly logical: "marginInlineEnd";
|
|
304
|
+
};
|
|
235
305
|
readonly scale: "spacing";
|
|
306
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
236
307
|
};
|
|
237
308
|
readonly ml: {
|
|
238
|
-
readonly property:
|
|
309
|
+
readonly property: {
|
|
310
|
+
readonly physical: "marginLeft";
|
|
311
|
+
readonly logical: "marginInlineStart";
|
|
312
|
+
};
|
|
239
313
|
readonly scale: "spacing";
|
|
314
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
240
315
|
};
|
|
241
316
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
242
317
|
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.1-alpha.
|
|
4
|
+
"version": "68.0.1-alpha.800a90.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@codecademy/gamut-icons": "9.54.
|
|
8
|
-
"@codecademy/gamut-illustrations": "0.58.
|
|
9
|
-
"@codecademy/gamut-patterns": "0.10.
|
|
10
|
-
"@codecademy/gamut-styles": "17.11.
|
|
11
|
-
"@codecademy/variance": "0.25.
|
|
7
|
+
"@codecademy/gamut-icons": "9.54.3-alpha.800a90.0",
|
|
8
|
+
"@codecademy/gamut-illustrations": "0.58.3-alpha.800a90.0",
|
|
9
|
+
"@codecademy/gamut-patterns": "0.10.22-alpha.800a90.0",
|
|
10
|
+
"@codecademy/gamut-styles": "17.11.3-alpha.800a90.0",
|
|
11
|
+
"@codecademy/variance": "0.25.3-alpha.800a90.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": "d856ec5ae0cc813dee44908738857d7c592a0340"
|
|
60
60
|
}
|
|
@@ -1,19 +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 BarChartContext: import("react").Context<BarChartContextProps>;
|
|
19
|
-
export declare const BarChartProvider: import("react").Provider<BarChartContextProps>;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
import { defaultBarChartTranslations } from './shared/translations';
|
|
3
|
-
const defaultStyleConfig = {
|
|
4
|
-
textColor: 'text',
|
|
5
|
-
foregroundBarColor: 'feedback-warning',
|
|
6
|
-
backgroundBarColor: 'background-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;
|