@codecademy/gamut 68.7.1-alpha.1ea5a8.0 → 68.7.1-alpha.3f9e13.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.
|
@@ -422,16 +422,14 @@ Interactive cards (`isInteractive` prop) gain a shadow on hover and `borderRadiu
|
|
|
422
422
|
|
|
423
423
|
## Border Radius Scale
|
|
424
424
|
|
|
425
|
-
| Token | Value | Use
|
|
426
|
-
| ------ | ----- |
|
|
427
|
-
| `none` | 0px |
|
|
428
|
-
| `sm` | 2px |
|
|
429
|
-
| `md` | 4px |
|
|
430
|
-
| `lg` | 8px |
|
|
431
|
-
| `xl` | 16px |
|
|
432
|
-
| `full` | 999px |
|
|
433
|
-
|
|
434
|
-
---
|
|
425
|
+
| Token | Value | Use |
|
|
426
|
+
| ------ | ----- | ------------------------------------------ |
|
|
427
|
+
| `none` | 0px | Square / non-interactive elements |
|
|
428
|
+
| `sm` | 2px | Subtle rounding, tags |
|
|
429
|
+
| `md` | 4px | Default buttons, inputs, interactive cards |
|
|
430
|
+
| `lg` | 8px | Cards, panels |
|
|
431
|
+
| `xl` | 16px | Large cards, modals |
|
|
432
|
+
| `full` | 999px | Pills, avatars, circular elements |
|
|
435
433
|
|
|
436
434
|
---
|
|
437
435
|
|
|
@@ -326,14 +326,14 @@ All spacing is multiples of 4px on an 8px grid.
|
|
|
326
326
|
|
|
327
327
|
## Border Radius Scale
|
|
328
328
|
|
|
329
|
-
| Token | Value | Use
|
|
330
|
-
| ------ | ----- |
|
|
331
|
-
| `none` | 0px |
|
|
332
|
-
| `sm` | 4px |
|
|
333
|
-
| `md` | 8px |
|
|
334
|
-
| `lg` | 12px |
|
|
335
|
-
| `xl` | 16px |
|
|
336
|
-
| `full` | 999px |
|
|
329
|
+
| Token | Value | Use |
|
|
330
|
+
| ------ | ----- | ------------------------------------------ |
|
|
331
|
+
| `none` | 0px | Square / non-interactive elements |
|
|
332
|
+
| `sm` | 4px | Subtle rounding, tags, checkboxes |
|
|
333
|
+
| `md` | 8px | Default buttons, inputs, interactive cards |
|
|
334
|
+
| `lg` | 12px | Cards, panels |
|
|
335
|
+
| `xl` | 16px | Large cards, modals |
|
|
336
|
+
| `full` | 999px | Pills, avatars, circular elements |
|
|
337
337
|
|
|
338
338
|
---
|
|
339
339
|
|
|
@@ -325,14 +325,14 @@ All spacing is multiples of 4px on an 8px grid.
|
|
|
325
325
|
|
|
326
326
|
## Border Radius Scale
|
|
327
327
|
|
|
328
|
-
| Token | Value | Use
|
|
329
|
-
| ------ | ----- |
|
|
330
|
-
| `none` | 0px |
|
|
331
|
-
| `sm` | 2px |
|
|
332
|
-
| `md` | 4px |
|
|
333
|
-
| `lg` | 8px |
|
|
334
|
-
| `xl` | 16px |
|
|
335
|
-
| `full` | 999px |
|
|
328
|
+
| Token | Value | Use |
|
|
329
|
+
| ------ | ----- | ------------------------------------------ |
|
|
330
|
+
| `none` | 0px | Square / non-interactive elements |
|
|
331
|
+
| `sm` | 2px | Subtle rounding, tags |
|
|
332
|
+
| `md` | 4px | Default buttons, inputs, interactive cards |
|
|
333
|
+
| `lg` | 8px | Cards, panels |
|
|
334
|
+
| `xl` | 16px | Large cards, modals |
|
|
335
|
+
| `full` | 999px | Pills, avatars, circular elements |
|
|
336
336
|
|
|
337
337
|
---
|
|
338
338
|
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut",
|
|
3
3
|
"description": "Styleguide & Component library for Codecademy",
|
|
4
|
-
"version": "68.7.1-alpha.
|
|
4
|
+
"version": "68.7.1-alpha.3f9e13.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"bin": "./bin/gamut.mjs",
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@codecademy/gamut-icons": "9.57.6-alpha.
|
|
9
|
-
"@codecademy/gamut-illustrations": "0.58.12-alpha.
|
|
10
|
-
"@codecademy/gamut-patterns": "0.10.31-alpha.
|
|
11
|
-
"@codecademy/gamut-styles": "18.0.1-alpha.
|
|
12
|
-
"@codecademy/variance": "0.26.2-alpha.
|
|
8
|
+
"@codecademy/gamut-icons": "9.57.6-alpha.3f9e13.0",
|
|
9
|
+
"@codecademy/gamut-illustrations": "0.58.12-alpha.3f9e13.0",
|
|
10
|
+
"@codecademy/gamut-patterns": "0.10.31-alpha.3f9e13.0",
|
|
11
|
+
"@codecademy/gamut-styles": "18.0.1-alpha.3f9e13.0",
|
|
12
|
+
"@codecademy/variance": "0.26.2-alpha.3f9e13.0",
|
|
13
13
|
"@formatjs/intl-locale": "5.3.1",
|
|
14
14
|
"@react-aria/interactions": "3.25.0",
|
|
15
15
|
"@types/marked": "^4.0.8",
|