@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.
Files changed (57) hide show
  1. package/dist/Anchor/index.d.ts +93 -18
  2. package/dist/Badge/index.d.ts +93 -18
  3. package/dist/Box/props.d.ts +93 -18
  4. package/dist/Button/shared/styles.d.ts +93 -18
  5. package/dist/Card/elements.d.ts +279 -54
  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 +94 -19
  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 +33 -6
  12. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +63 -12
  13. package/dist/Layout/Column.d.ts +93 -18
  14. package/dist/Layout/LayoutGrid.d.ts +60 -12
  15. package/dist/List/elements.d.ts +187 -37
  16. package/dist/Menu/elements.d.ts +93 -18
  17. package/dist/Pagination/AnimatedPaginationButtons.d.ts +95 -20
  18. package/dist/Pagination/EllipsisButton.d.ts +5 -5
  19. package/dist/Pagination/EllipsisButton.js +2 -2
  20. package/dist/Pagination/index.js +4 -4
  21. package/dist/Pagination/utils.d.ts +93 -18
  22. package/dist/Pagination/utils.js +1 -1
  23. package/dist/Tabs/props.d.ts +93 -18
  24. package/dist/Tag/types.d.ts +93 -18
  25. package/dist/Toggle/elements.d.ts +120 -24
  26. package/dist/Typography/Text.d.ts +93 -18
  27. package/dist/index.d.ts +0 -1
  28. package/dist/index.js +0 -1
  29. package/package.json +7 -7
  30. package/dist/BarChart/BarChartProvider.d.ts +0 -19
  31. package/dist/BarChart/BarChartProvider.js +0 -31
  32. package/dist/BarChart/BarRow/elements.d.ts +0 -713
  33. package/dist/BarChart/BarRow/elements.js +0 -89
  34. package/dist/BarChart/BarRow/index.d.ts +0 -26
  35. package/dist/BarChart/BarRow/index.js +0 -254
  36. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
  37. package/dist/BarChart/GENERIC_EXAMPLE.js +0 -333
  38. package/dist/BarChart/index.d.ts +0 -4
  39. package/dist/BarChart/index.js +0 -158
  40. package/dist/BarChart/layout/GridLines.d.ts +0 -7
  41. package/dist/BarChart/layout/GridLines.js +0 -78
  42. package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -10
  43. package/dist/BarChart/layout/ScaleChartHeader.js +0 -89
  44. package/dist/BarChart/layout/VerticalSpacer.d.ts +0 -6
  45. package/dist/BarChart/layout/VerticalSpacer.js +0 -56
  46. package/dist/BarChart/shared/elements.d.ts +0 -7
  47. package/dist/BarChart/shared/elements.js +0 -12
  48. package/dist/BarChart/shared/styles.d.ts +0 -4
  49. package/dist/BarChart/shared/styles.js +0 -4
  50. package/dist/BarChart/shared/translations.d.ts +0 -17
  51. package/dist/BarChart/shared/translations.js +0 -16
  52. package/dist/BarChart/shared/types.d.ts +0 -88
  53. package/dist/BarChart/shared/types.js +0 -1
  54. package/dist/BarChart/utils/hooks.d.ts +0 -93
  55. package/dist/BarChart/utils/hooks.js +0 -301
  56. package/dist/BarChart/utils/index.d.ts +0 -86
  57. 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: "width";
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: "minWidth";
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: "maxWidth";
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: "height";
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: "minHeight";
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: "maxHeight";
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: readonly ["paddingLeft", "paddingRight"];
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: readonly ["paddingTop", "paddingBottom"];
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: "paddingTop";
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: "paddingBottom";
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: "paddingRight";
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: "paddingLeft";
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: readonly ["marginLeft", "marginRight"];
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: readonly ["marginTop", "marginBottom"];
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: "marginTop";
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: "marginBottom";
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: "marginRight";
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: "marginLeft";
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
@@ -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.1-alpha.7afb48.0",
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.2",
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.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": "e22c45da3f896669cfb2269e9b75a5f32fa764b5"
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;