@flood-md/tokens 0.2.3 → 0.2.4

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/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @flood-md/tokens
2
2
 
3
- Typed reference values and semantic CSS roles for Flood **0.2.3**. Keep Flood
3
+ Typed reference values and semantic CSS roles for Flood **0.2.4**. Keep Flood
4
4
  package versions aligned. Existing 0.1.1 installs use their earlier token contract.
5
5
 
6
6
  React consumers import @flood-md/react/styles.css and use FloodRoot. Token-only
@@ -30,3 +30,18 @@ overrides do not automatically change separately scoped foundations roles.
30
30
 
31
31
  Version 0.2.3 adds scrollbar size/inset/min-thumb roles and semantic thumb/hover
32
32
  colors, expanding the profile to 168 roles. Install matching package versions.
33
+
34
+
35
+ Version 0.2.4 adds sixteen semantic roles, bringing the dark profile
36
+ to 184 roles. Existing role values remain unchanged:
37
+
38
+ - sys.color.accent.content and sys.color.loading.placeholder separate accent text
39
+ and loading fills from focus and action states.
40
+ - sys.color.indicator.track/fill/accent and sys.size.indicator.sm/md/lg control
41
+ bounded indicators without borrowing control or focus roles.
42
+ - sys.color.action.danger.content styles destructive actions independently from
43
+ validation messages and keyboard focus.
44
+
45
+ - sys.size.keycap.sm/md/lg provide independent relative heights for keyboard hints.
46
+
47
+ - sys.size.container.sm/md/lg and sys.size.grid.min-item supply relative layout bounds.
@@ -62,11 +62,21 @@
62
62
  --flood-ref-control-xs-text-size: 0.75rem;
63
63
  --flood-ref-font-mono: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
64
64
  --flood-ref-font-sans: "Inter", "Arial", sans-serif;
65
+ --flood-ref-indicator-lg: 0.5rem;
66
+ --flood-ref-indicator-md: 0.375rem;
67
+ --flood-ref-indicator-sm: 0.25rem;
68
+ --flood-ref-keycap-lg: 1.75rem;
69
+ --flood-ref-keycap-md: 1.5rem;
70
+ --flood-ref-keycap-sm: 1.25rem;
65
71
  --flood-ref-layer-base: 0;
66
72
  --flood-ref-layer-modal: 30;
67
73
  --flood-ref-layer-popover: 20;
68
74
  --flood-ref-layer-sticky: 10;
69
75
  --flood-ref-layer-toast: 40;
76
+ --flood-ref-layout-container-lg: 80rem;
77
+ --flood-ref-layout-container-md: 64rem;
78
+ --flood-ref-layout-container-sm: 40rem;
79
+ --flood-ref-layout-grid-min-item: 16rem;
70
80
  --flood-ref-motion-duration-fast: 100ms;
71
81
  --flood-ref-motion-duration-normal: 160ms;
72
82
  --flood-ref-motion-duration-reduced: 0ms;
@@ -134,6 +144,8 @@
134
144
  --flood-ref-type-section-size: 1.25rem;
135
145
  --flood-ref-type-section-tracking: -0.015em;
136
146
  --flood-ref-type-section-weight: 500;
147
+ --flood-sys-color-accent-content: var(--flood-ref-color-accent-default);
148
+ --flood-sys-color-action-danger-content: var(--flood-ref-color-feedback-error);
137
149
  --flood-sys-color-action-ghost-content: var(--flood-ref-color-neutral-0);
138
150
  --flood-sys-color-action-ghost-disabled: var(--flood-ref-color-transparent);
139
151
  --flood-sys-color-action-ghost-disabled-content: var(--flood-ref-color-neutral-550);
@@ -177,6 +189,10 @@
177
189
  --flood-sys-color-field-disabled-content: var(--flood-ref-color-neutral-550);
178
190
  --flood-sys-color-field-placeholder: var(--flood-ref-color-neutral-320);
179
191
  --flood-sys-color-focus-ring: var(--flood-ref-color-accent-default);
192
+ --flood-sys-color-indicator-accent: var(--flood-ref-color-accent-default);
193
+ --flood-sys-color-indicator-fill: var(--flood-ref-color-neutral-100);
194
+ --flood-sys-color-indicator-track: var(--flood-ref-color-neutral-750);
195
+ --flood-sys-color-loading-placeholder: var(--flood-ref-color-neutral-800);
180
196
  --flood-sys-color-scrollbar-thumb: var(--flood-ref-color-neutral-550);
181
197
  --flood-sys-color-scrollbar-thumb-hover: var(--flood-ref-color-neutral-320);
182
198
  --flood-sys-color-selection-background: var(--flood-ref-color-neutral-750);
@@ -249,6 +265,16 @@
249
265
  --flood-sys-scrollbar-min-thumb: var(--flood-ref-scrollbar-min-thumb);
250
266
  --flood-sys-scrollbar-size: var(--flood-ref-scrollbar-size);
251
267
  --flood-sys-size-choice: var(--flood-ref-size-choice);
268
+ --flood-sys-size-container-lg: var(--flood-ref-layout-container-lg);
269
+ --flood-sys-size-container-md: var(--flood-ref-layout-container-md);
270
+ --flood-sys-size-container-sm: var(--flood-ref-layout-container-sm);
271
+ --flood-sys-size-grid-min-item: var(--flood-ref-layout-grid-min-item);
272
+ --flood-sys-size-indicator-lg: var(--flood-ref-indicator-lg);
273
+ --flood-sys-size-indicator-md: var(--flood-ref-indicator-md);
274
+ --flood-sys-size-indicator-sm: var(--flood-ref-indicator-sm);
275
+ --flood-sys-size-keycap-lg: var(--flood-ref-keycap-lg);
276
+ --flood-sys-size-keycap-md: var(--flood-ref-keycap-md);
277
+ --flood-sys-size-keycap-sm: var(--flood-ref-keycap-sm);
252
278
  --flood-sys-size-switch-height: var(--flood-ref-size-switch-height);
253
279
  --flood-sys-size-switch-thumb: var(--flood-ref-size-switch-thumb);
254
280
  --flood-sys-size-switch-width: var(--flood-ref-size-switch-width);
@@ -1,5 +1,7 @@
1
1
  /** Experimental token IDs and CSS variable names. */
2
2
  export declare const tokenNames: Readonly<{
3
+ readonly "sys.color.accent.content": "--flood-sys-color-accent-content";
4
+ readonly "sys.color.action.danger.content": "--flood-sys-color-action-danger-content";
3
5
  readonly "sys.color.action.ghost.content": "--flood-sys-color-action-ghost-content";
4
6
  readonly "sys.color.action.ghost.disabled": "--flood-sys-color-action-ghost-disabled";
5
7
  readonly "sys.color.action.ghost.disabled-content": "--flood-sys-color-action-ghost-disabled-content";
@@ -43,6 +45,10 @@ export declare const tokenNames: Readonly<{
43
45
  readonly "sys.color.field.disabled-content": "--flood-sys-color-field-disabled-content";
44
46
  readonly "sys.color.field.placeholder": "--flood-sys-color-field-placeholder";
45
47
  readonly "sys.color.focus.ring": "--flood-sys-color-focus-ring";
48
+ readonly "sys.color.indicator.accent": "--flood-sys-color-indicator-accent";
49
+ readonly "sys.color.indicator.fill": "--flood-sys-color-indicator-fill";
50
+ readonly "sys.color.indicator.track": "--flood-sys-color-indicator-track";
51
+ readonly "sys.color.loading.placeholder": "--flood-sys-color-loading-placeholder";
46
52
  readonly "sys.color.scrollbar.thumb": "--flood-sys-color-scrollbar-thumb";
47
53
  readonly "sys.color.scrollbar.thumb-hover": "--flood-sys-color-scrollbar-thumb-hover";
48
54
  readonly "sys.color.selection.background": "--flood-sys-color-selection-background";
@@ -115,6 +121,16 @@ export declare const tokenNames: Readonly<{
115
121
  readonly "sys.scrollbar.min-thumb": "--flood-sys-scrollbar-min-thumb";
116
122
  readonly "sys.scrollbar.size": "--flood-sys-scrollbar-size";
117
123
  readonly "sys.size.choice": "--flood-sys-size-choice";
124
+ readonly "sys.size.container.lg": "--flood-sys-size-container-lg";
125
+ readonly "sys.size.container.md": "--flood-sys-size-container-md";
126
+ readonly "sys.size.container.sm": "--flood-sys-size-container-sm";
127
+ readonly "sys.size.grid.min-item": "--flood-sys-size-grid-min-item";
128
+ readonly "sys.size.indicator.lg": "--flood-sys-size-indicator-lg";
129
+ readonly "sys.size.indicator.md": "--flood-sys-size-indicator-md";
130
+ readonly "sys.size.indicator.sm": "--flood-sys-size-indicator-sm";
131
+ readonly "sys.size.keycap.lg": "--flood-sys-size-keycap-lg";
132
+ readonly "sys.size.keycap.md": "--flood-sys-size-keycap-md";
133
+ readonly "sys.size.keycap.sm": "--flood-sys-size-keycap-sm";
118
134
  readonly "sys.size.switch-height": "--flood-sys-size-switch-height";
119
135
  readonly "sys.size.switch-thumb": "--flood-sys-size-switch-thumb";
120
136
  readonly "sys.size.switch-width": "--flood-sys-size-switch-width";
@@ -1,5 +1,7 @@
1
1
  // Generated. Flood token API; role stability is recorded in the manifest.
2
2
  export const tokenNames = Object.freeze({
3
+ "sys.color.accent.content": "--flood-sys-color-accent-content",
4
+ "sys.color.action.danger.content": "--flood-sys-color-action-danger-content",
3
5
  "sys.color.action.ghost.content": "--flood-sys-color-action-ghost-content",
4
6
  "sys.color.action.ghost.disabled": "--flood-sys-color-action-ghost-disabled",
5
7
  "sys.color.action.ghost.disabled-content": "--flood-sys-color-action-ghost-disabled-content",
@@ -43,6 +45,10 @@ export const tokenNames = Object.freeze({
43
45
  "sys.color.field.disabled-content": "--flood-sys-color-field-disabled-content",
44
46
  "sys.color.field.placeholder": "--flood-sys-color-field-placeholder",
45
47
  "sys.color.focus.ring": "--flood-sys-color-focus-ring",
48
+ "sys.color.indicator.accent": "--flood-sys-color-indicator-accent",
49
+ "sys.color.indicator.fill": "--flood-sys-color-indicator-fill",
50
+ "sys.color.indicator.track": "--flood-sys-color-indicator-track",
51
+ "sys.color.loading.placeholder": "--flood-sys-color-loading-placeholder",
46
52
  "sys.color.scrollbar.thumb": "--flood-sys-color-scrollbar-thumb",
47
53
  "sys.color.scrollbar.thumb-hover": "--flood-sys-color-scrollbar-thumb-hover",
48
54
  "sys.color.selection.background": "--flood-sys-color-selection-background",
@@ -115,6 +121,16 @@ export const tokenNames = Object.freeze({
115
121
  "sys.scrollbar.min-thumb": "--flood-sys-scrollbar-min-thumb",
116
122
  "sys.scrollbar.size": "--flood-sys-scrollbar-size",
117
123
  "sys.size.choice": "--flood-sys-size-choice",
124
+ "sys.size.container.lg": "--flood-sys-size-container-lg",
125
+ "sys.size.container.md": "--flood-sys-size-container-md",
126
+ "sys.size.container.sm": "--flood-sys-size-container-sm",
127
+ "sys.size.grid.min-item": "--flood-sys-size-grid-min-item",
128
+ "sys.size.indicator.lg": "--flood-sys-size-indicator-lg",
129
+ "sys.size.indicator.md": "--flood-sys-size-indicator-md",
130
+ "sys.size.indicator.sm": "--flood-sys-size-indicator-sm",
131
+ "sys.size.keycap.lg": "--flood-sys-size-keycap-lg",
132
+ "sys.size.keycap.md": "--flood-sys-size-keycap-md",
133
+ "sys.size.keycap.sm": "--flood-sys-size-keycap-sm",
118
134
  "sys.size.switch-height": "--flood-sys-size-switch-height",
119
135
  "sys.size.switch-thumb": "--flood-sys-size-switch-thumb",
120
136
  "sys.size.switch-width": "--flood-sys-size-switch-width",
@@ -1,12 +1,77 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "version": "0.2.3",
3
+ "version": "0.2.4",
4
4
  "status": "experimental",
5
5
  "contexts": [
6
6
  {
7
7
  "preset": "neutral",
8
8
  "theme": "dark",
9
9
  "tokens": [
10
+ {
11
+ "id": "sys.color.accent.content",
12
+ "type": "color",
13
+ "cssName": "--flood-sys-color-accent-content",
14
+ "description": "Accent text and metadata on neutral dark surfaces",
15
+ "status": "experimental",
16
+ "visibility": "public",
17
+ "owner": "foundations",
18
+ "since": "0.2.4",
19
+ "usage": {
20
+ "allowed": [
21
+ "Accent text and metadata on neutral dark surfaces"
22
+ ],
23
+ "avoid": [
24
+ "Keyboard focus indicators"
25
+ ]
26
+ },
27
+ "value": {
28
+ "colorSpace": "srgb",
29
+ "components": [
30
+ 1,
31
+ 0.3607843137254902,
32
+ 0.6588235294117647
33
+ ],
34
+ "alpha": 1
35
+ },
36
+ "alias": "ref.color.accent.default",
37
+ "dependencies": [
38
+ "ref.color.accent.default"
39
+ ],
40
+ "dependents": []
41
+ },
42
+ {
43
+ "id": "sys.color.action.danger.content",
44
+ "type": "color",
45
+ "cssName": "--flood-sys-color-action-danger-content",
46
+ "description": "Destructive action text and icons",
47
+ "status": "experimental",
48
+ "visibility": "public",
49
+ "owner": "foundations",
50
+ "since": "0.2.4",
51
+ "usage": {
52
+ "allowed": [
53
+ "Destructive action text and icons"
54
+ ],
55
+ "avoid": [
56
+ "Validation messages",
57
+ "Keyboard focus"
58
+ ]
59
+ },
60
+ "value": {
61
+ "colorSpace": "srgb",
62
+ "components": [
63
+ 1,
64
+ 0.5411764705882353,
65
+ 0.5411764705882353
66
+ ],
67
+ "alpha": 1
68
+ },
69
+ "alias": "ref.color.feedback.error",
70
+ "dependencies": [
71
+ "ref.color.feedback.error"
72
+ ],
73
+ "dependents": []
74
+ },
10
75
  {
11
76
  "id": "sys.color.action.ghost.content",
12
77
  "type": "color",
@@ -1320,6 +1385,129 @@
1320
1385
  ],
1321
1386
  "dependents": []
1322
1387
  },
1388
+ {
1389
+ "id": "sys.color.indicator.accent",
1390
+ "type": "color",
1391
+ "cssName": "--flood-sys-color-indicator-accent",
1392
+ "description": "Accent fill for task progress and bounded indicators",
1393
+ "status": "experimental",
1394
+ "visibility": "public",
1395
+ "owner": "foundations",
1396
+ "since": "0.2.4",
1397
+ "usage": {
1398
+ "allowed": [
1399
+ "Accent fill for task progress and bounded indicators"
1400
+ ],
1401
+ "avoid": []
1402
+ },
1403
+ "value": {
1404
+ "colorSpace": "srgb",
1405
+ "components": [
1406
+ 1,
1407
+ 0.3607843137254902,
1408
+ 0.6588235294117647
1409
+ ],
1410
+ "alpha": 1
1411
+ },
1412
+ "alias": "ref.color.accent.default",
1413
+ "dependencies": [
1414
+ "ref.color.accent.default"
1415
+ ],
1416
+ "dependents": []
1417
+ },
1418
+ {
1419
+ "id": "sys.color.indicator.fill",
1420
+ "type": "color",
1421
+ "cssName": "--flood-sys-color-indicator-fill",
1422
+ "description": "Neutral fill for bounded value indicators",
1423
+ "status": "experimental",
1424
+ "visibility": "public",
1425
+ "owner": "foundations",
1426
+ "since": "0.2.4",
1427
+ "usage": {
1428
+ "allowed": [
1429
+ "Neutral fill for bounded value indicators"
1430
+ ],
1431
+ "avoid": []
1432
+ },
1433
+ "value": {
1434
+ "colorSpace": "srgb",
1435
+ "components": [
1436
+ 0.9294117647058824,
1437
+ 0.9294117647058824,
1438
+ 0.9294117647058824
1439
+ ],
1440
+ "alpha": 1
1441
+ },
1442
+ "alias": "ref.color.neutral.100",
1443
+ "dependencies": [
1444
+ "ref.color.neutral.100"
1445
+ ],
1446
+ "dependents": []
1447
+ },
1448
+ {
1449
+ "id": "sys.color.indicator.track",
1450
+ "type": "color",
1451
+ "cssName": "--flood-sys-color-indicator-track",
1452
+ "description": "Track for progress and bounded value indicators",
1453
+ "status": "experimental",
1454
+ "visibility": "public",
1455
+ "owner": "foundations",
1456
+ "since": "0.2.4",
1457
+ "usage": {
1458
+ "allowed": [
1459
+ "Track for progress and bounded value indicators"
1460
+ ],
1461
+ "avoid": []
1462
+ },
1463
+ "value": {
1464
+ "colorSpace": "srgb",
1465
+ "components": [
1466
+ 0.2196078431372549,
1467
+ 0.2196078431372549,
1468
+ 0.2196078431372549
1469
+ ],
1470
+ "alpha": 1
1471
+ },
1472
+ "alias": "ref.color.neutral.750",
1473
+ "dependencies": [
1474
+ "ref.color.neutral.750"
1475
+ ],
1476
+ "dependents": []
1477
+ },
1478
+ {
1479
+ "id": "sys.color.loading.placeholder",
1480
+ "type": "color",
1481
+ "cssName": "--flood-sys-color-loading-placeholder",
1482
+ "description": "Decorative loading placeholder fill",
1483
+ "status": "experimental",
1484
+ "visibility": "public",
1485
+ "owner": "foundations",
1486
+ "since": "0.2.4",
1487
+ "usage": {
1488
+ "allowed": [
1489
+ "Decorative loading placeholder fill"
1490
+ ],
1491
+ "avoid": [
1492
+ "Necessary control boundaries",
1493
+ "Loading announcements"
1494
+ ]
1495
+ },
1496
+ "value": {
1497
+ "colorSpace": "srgb",
1498
+ "components": [
1499
+ 0.18823529411764706,
1500
+ 0.18823529411764706,
1501
+ 0.18823529411764706
1502
+ ],
1503
+ "alpha": 1
1504
+ },
1505
+ "alias": "ref.color.neutral.800",
1506
+ "dependencies": [
1507
+ "ref.color.neutral.800"
1508
+ ],
1509
+ "dependents": []
1510
+ },
1323
1511
  {
1324
1512
  "id": "sys.color.scrollbar.thumb",
1325
1513
  "type": "color",
@@ -3129,6 +3317,268 @@
3129
3317
  ],
3130
3318
  "dependents": []
3131
3319
  },
3320
+ {
3321
+ "id": "sys.size.container.lg",
3322
+ "type": "dimension",
3323
+ "cssName": "--flood-sys-size-container-lg",
3324
+ "description": "Large constrained content width",
3325
+ "status": "experimental",
3326
+ "visibility": "public",
3327
+ "owner": "foundations",
3328
+ "since": "0.2.4",
3329
+ "usage": {
3330
+ "allowed": [
3331
+ "Large constrained content width"
3332
+ ],
3333
+ "avoid": [
3334
+ "Fixed viewport breakpoints",
3335
+ "Required minimum width that causes narrow-screen overflow"
3336
+ ]
3337
+ },
3338
+ "value": {
3339
+ "value": 80,
3340
+ "unit": "rem"
3341
+ },
3342
+ "alias": "ref.layout.container.lg",
3343
+ "dependencies": [
3344
+ "ref.layout.container.lg"
3345
+ ],
3346
+ "dependents": []
3347
+ },
3348
+ {
3349
+ "id": "sys.size.container.md",
3350
+ "type": "dimension",
3351
+ "cssName": "--flood-sys-size-container-md",
3352
+ "description": "Medium constrained content width",
3353
+ "status": "experimental",
3354
+ "visibility": "public",
3355
+ "owner": "foundations",
3356
+ "since": "0.2.4",
3357
+ "usage": {
3358
+ "allowed": [
3359
+ "Medium constrained content width"
3360
+ ],
3361
+ "avoid": [
3362
+ "Fixed viewport breakpoints",
3363
+ "Required minimum width that causes narrow-screen overflow"
3364
+ ]
3365
+ },
3366
+ "value": {
3367
+ "value": 64,
3368
+ "unit": "rem"
3369
+ },
3370
+ "alias": "ref.layout.container.md",
3371
+ "dependencies": [
3372
+ "ref.layout.container.md"
3373
+ ],
3374
+ "dependents": []
3375
+ },
3376
+ {
3377
+ "id": "sys.size.container.sm",
3378
+ "type": "dimension",
3379
+ "cssName": "--flood-sys-size-container-sm",
3380
+ "description": "Small constrained content width",
3381
+ "status": "experimental",
3382
+ "visibility": "public",
3383
+ "owner": "foundations",
3384
+ "since": "0.2.4",
3385
+ "usage": {
3386
+ "allowed": [
3387
+ "Small constrained content width"
3388
+ ],
3389
+ "avoid": [
3390
+ "Fixed viewport breakpoints",
3391
+ "Required minimum width that causes narrow-screen overflow"
3392
+ ]
3393
+ },
3394
+ "value": {
3395
+ "value": 40,
3396
+ "unit": "rem"
3397
+ },
3398
+ "alias": "ref.layout.container.sm",
3399
+ "dependencies": [
3400
+ "ref.layout.container.sm"
3401
+ ],
3402
+ "dependents": []
3403
+ },
3404
+ {
3405
+ "id": "sys.size.grid.min-item",
3406
+ "type": "dimension",
3407
+ "cssName": "--flood-sys-size-grid-min-item",
3408
+ "description": "Minimum automatic grid item width",
3409
+ "status": "experimental",
3410
+ "visibility": "public",
3411
+ "owner": "foundations",
3412
+ "since": "0.2.4",
3413
+ "usage": {
3414
+ "allowed": [
3415
+ "Minimum automatic grid item width"
3416
+ ],
3417
+ "avoid": [
3418
+ "Fixed viewport breakpoints",
3419
+ "Required minimum width that causes narrow-screen overflow"
3420
+ ]
3421
+ },
3422
+ "value": {
3423
+ "value": 16,
3424
+ "unit": "rem"
3425
+ },
3426
+ "alias": "ref.layout.grid.min-item",
3427
+ "dependencies": [
3428
+ "ref.layout.grid.min-item"
3429
+ ],
3430
+ "dependents": []
3431
+ },
3432
+ {
3433
+ "id": "sys.size.indicator.lg",
3434
+ "type": "dimension",
3435
+ "cssName": "--flood-sys-size-indicator-lg",
3436
+ "description": "Indicator lg thickness",
3437
+ "status": "experimental",
3438
+ "visibility": "public",
3439
+ "owner": "foundations",
3440
+ "since": "0.2.4",
3441
+ "usage": {
3442
+ "allowed": [
3443
+ "Indicator lg thickness"
3444
+ ],
3445
+ "avoid": []
3446
+ },
3447
+ "value": {
3448
+ "value": 0.5,
3449
+ "unit": "rem"
3450
+ },
3451
+ "alias": "ref.indicator.lg",
3452
+ "dependencies": [
3453
+ "ref.indicator.lg"
3454
+ ],
3455
+ "dependents": []
3456
+ },
3457
+ {
3458
+ "id": "sys.size.indicator.md",
3459
+ "type": "dimension",
3460
+ "cssName": "--flood-sys-size-indicator-md",
3461
+ "description": "Indicator md thickness",
3462
+ "status": "experimental",
3463
+ "visibility": "public",
3464
+ "owner": "foundations",
3465
+ "since": "0.2.4",
3466
+ "usage": {
3467
+ "allowed": [
3468
+ "Indicator md thickness"
3469
+ ],
3470
+ "avoid": []
3471
+ },
3472
+ "value": {
3473
+ "value": 0.375,
3474
+ "unit": "rem"
3475
+ },
3476
+ "alias": "ref.indicator.md",
3477
+ "dependencies": [
3478
+ "ref.indicator.md"
3479
+ ],
3480
+ "dependents": []
3481
+ },
3482
+ {
3483
+ "id": "sys.size.indicator.sm",
3484
+ "type": "dimension",
3485
+ "cssName": "--flood-sys-size-indicator-sm",
3486
+ "description": "Indicator sm thickness",
3487
+ "status": "experimental",
3488
+ "visibility": "public",
3489
+ "owner": "foundations",
3490
+ "since": "0.2.4",
3491
+ "usage": {
3492
+ "allowed": [
3493
+ "Indicator sm thickness"
3494
+ ],
3495
+ "avoid": []
3496
+ },
3497
+ "value": {
3498
+ "value": 0.25,
3499
+ "unit": "rem"
3500
+ },
3501
+ "alias": "ref.indicator.sm",
3502
+ "dependencies": [
3503
+ "ref.indicator.sm"
3504
+ ],
3505
+ "dependents": []
3506
+ },
3507
+ {
3508
+ "id": "sys.size.keycap.lg",
3509
+ "type": "dimension",
3510
+ "cssName": "--flood-sys-size-keycap-lg",
3511
+ "description": "lg keycap height",
3512
+ "status": "experimental",
3513
+ "visibility": "public",
3514
+ "owner": "foundations",
3515
+ "since": "0.2.4",
3516
+ "usage": {
3517
+ "allowed": [
3518
+ "lg keycap height"
3519
+ ],
3520
+ "avoid": []
3521
+ },
3522
+ "value": {
3523
+ "value": 1.75,
3524
+ "unit": "rem"
3525
+ },
3526
+ "alias": "ref.keycap.lg",
3527
+ "dependencies": [
3528
+ "ref.keycap.lg"
3529
+ ],
3530
+ "dependents": []
3531
+ },
3532
+ {
3533
+ "id": "sys.size.keycap.md",
3534
+ "type": "dimension",
3535
+ "cssName": "--flood-sys-size-keycap-md",
3536
+ "description": "md keycap height",
3537
+ "status": "experimental",
3538
+ "visibility": "public",
3539
+ "owner": "foundations",
3540
+ "since": "0.2.4",
3541
+ "usage": {
3542
+ "allowed": [
3543
+ "md keycap height"
3544
+ ],
3545
+ "avoid": []
3546
+ },
3547
+ "value": {
3548
+ "value": 1.5,
3549
+ "unit": "rem"
3550
+ },
3551
+ "alias": "ref.keycap.md",
3552
+ "dependencies": [
3553
+ "ref.keycap.md"
3554
+ ],
3555
+ "dependents": []
3556
+ },
3557
+ {
3558
+ "id": "sys.size.keycap.sm",
3559
+ "type": "dimension",
3560
+ "cssName": "--flood-sys-size-keycap-sm",
3561
+ "description": "sm keycap height",
3562
+ "status": "experimental",
3563
+ "visibility": "public",
3564
+ "owner": "foundations",
3565
+ "since": "0.2.4",
3566
+ "usage": {
3567
+ "allowed": [
3568
+ "sm keycap height"
3569
+ ],
3570
+ "avoid": []
3571
+ },
3572
+ "value": {
3573
+ "value": 1.25,
3574
+ "unit": "rem"
3575
+ },
3576
+ "alias": "ref.keycap.sm",
3577
+ "dependencies": [
3578
+ "ref.keycap.sm"
3579
+ ],
3580
+ "dependents": []
3581
+ },
3132
3582
  {
3133
3583
  "id": "sys.size.switch-height",
3134
3584
  "type": "dimension",
@@ -1462,6 +1462,142 @@
1462
1462
  }
1463
1463
  }
1464
1464
  },
1465
+ "indicator": {
1466
+ "lg": {
1467
+ "$type": "dimension",
1468
+ "$value": {
1469
+ "value": 0.5,
1470
+ "unit": "rem"
1471
+ },
1472
+ "$description": "Indicator lg thickness",
1473
+ "$extensions": {
1474
+ "md.flood": {
1475
+ "status": "experimental",
1476
+ "visibility": "internal",
1477
+ "owner": "foundations",
1478
+ "since": "0.2.4",
1479
+ "usage": {
1480
+ "allowed": [
1481
+ "Indicator lg thickness"
1482
+ ],
1483
+ "avoid": []
1484
+ }
1485
+ }
1486
+ }
1487
+ },
1488
+ "md": {
1489
+ "$type": "dimension",
1490
+ "$value": {
1491
+ "value": 0.375,
1492
+ "unit": "rem"
1493
+ },
1494
+ "$description": "Indicator md thickness",
1495
+ "$extensions": {
1496
+ "md.flood": {
1497
+ "status": "experimental",
1498
+ "visibility": "internal",
1499
+ "owner": "foundations",
1500
+ "since": "0.2.4",
1501
+ "usage": {
1502
+ "allowed": [
1503
+ "Indicator md thickness"
1504
+ ],
1505
+ "avoid": []
1506
+ }
1507
+ }
1508
+ }
1509
+ },
1510
+ "sm": {
1511
+ "$type": "dimension",
1512
+ "$value": {
1513
+ "value": 0.25,
1514
+ "unit": "rem"
1515
+ },
1516
+ "$description": "Indicator sm thickness",
1517
+ "$extensions": {
1518
+ "md.flood": {
1519
+ "status": "experimental",
1520
+ "visibility": "internal",
1521
+ "owner": "foundations",
1522
+ "since": "0.2.4",
1523
+ "usage": {
1524
+ "allowed": [
1525
+ "Indicator sm thickness"
1526
+ ],
1527
+ "avoid": []
1528
+ }
1529
+ }
1530
+ }
1531
+ }
1532
+ },
1533
+ "keycap": {
1534
+ "lg": {
1535
+ "$type": "dimension",
1536
+ "$value": {
1537
+ "value": 1.75,
1538
+ "unit": "rem"
1539
+ },
1540
+ "$description": "lg keycap height",
1541
+ "$extensions": {
1542
+ "md.flood": {
1543
+ "status": "experimental",
1544
+ "visibility": "internal",
1545
+ "owner": "foundations",
1546
+ "since": "0.2.4",
1547
+ "usage": {
1548
+ "allowed": [
1549
+ "lg keycap height"
1550
+ ],
1551
+ "avoid": []
1552
+ }
1553
+ }
1554
+ }
1555
+ },
1556
+ "md": {
1557
+ "$type": "dimension",
1558
+ "$value": {
1559
+ "value": 1.5,
1560
+ "unit": "rem"
1561
+ },
1562
+ "$description": "md keycap height",
1563
+ "$extensions": {
1564
+ "md.flood": {
1565
+ "status": "experimental",
1566
+ "visibility": "internal",
1567
+ "owner": "foundations",
1568
+ "since": "0.2.4",
1569
+ "usage": {
1570
+ "allowed": [
1571
+ "md keycap height"
1572
+ ],
1573
+ "avoid": []
1574
+ }
1575
+ }
1576
+ }
1577
+ },
1578
+ "sm": {
1579
+ "$type": "dimension",
1580
+ "$value": {
1581
+ "value": 1.25,
1582
+ "unit": "rem"
1583
+ },
1584
+ "$description": "sm keycap height",
1585
+ "$extensions": {
1586
+ "md.flood": {
1587
+ "status": "experimental",
1588
+ "visibility": "internal",
1589
+ "owner": "foundations",
1590
+ "since": "0.2.4",
1591
+ "usage": {
1592
+ "allowed": [
1593
+ "sm keycap height"
1594
+ ],
1595
+ "avoid": []
1596
+ }
1597
+ }
1598
+ }
1599
+ }
1600
+ },
1465
1601
  "layer": {
1466
1602
  "base": {
1467
1603
  "$type": "number",
@@ -1559,6 +1695,112 @@
1559
1695
  }
1560
1696
  }
1561
1697
  },
1698
+ "layout": {
1699
+ "container": {
1700
+ "lg": {
1701
+ "$type": "dimension",
1702
+ "$value": {
1703
+ "value": 80,
1704
+ "unit": "rem"
1705
+ },
1706
+ "$description": "Large constrained content width",
1707
+ "$extensions": {
1708
+ "md.flood": {
1709
+ "status": "experimental",
1710
+ "visibility": "internal",
1711
+ "owner": "foundations",
1712
+ "since": "0.2.4",
1713
+ "usage": {
1714
+ "allowed": [
1715
+ "Large constrained content width"
1716
+ ],
1717
+ "avoid": [
1718
+ "Fixed viewport breakpoints",
1719
+ "Required minimum width that causes narrow-screen overflow"
1720
+ ]
1721
+ }
1722
+ }
1723
+ }
1724
+ },
1725
+ "md": {
1726
+ "$type": "dimension",
1727
+ "$value": {
1728
+ "value": 64,
1729
+ "unit": "rem"
1730
+ },
1731
+ "$description": "Medium constrained content width",
1732
+ "$extensions": {
1733
+ "md.flood": {
1734
+ "status": "experimental",
1735
+ "visibility": "internal",
1736
+ "owner": "foundations",
1737
+ "since": "0.2.4",
1738
+ "usage": {
1739
+ "allowed": [
1740
+ "Medium constrained content width"
1741
+ ],
1742
+ "avoid": [
1743
+ "Fixed viewport breakpoints",
1744
+ "Required minimum width that causes narrow-screen overflow"
1745
+ ]
1746
+ }
1747
+ }
1748
+ }
1749
+ },
1750
+ "sm": {
1751
+ "$type": "dimension",
1752
+ "$value": {
1753
+ "value": 40,
1754
+ "unit": "rem"
1755
+ },
1756
+ "$description": "Small constrained content width",
1757
+ "$extensions": {
1758
+ "md.flood": {
1759
+ "status": "experimental",
1760
+ "visibility": "internal",
1761
+ "owner": "foundations",
1762
+ "since": "0.2.4",
1763
+ "usage": {
1764
+ "allowed": [
1765
+ "Small constrained content width"
1766
+ ],
1767
+ "avoid": [
1768
+ "Fixed viewport breakpoints",
1769
+ "Required minimum width that causes narrow-screen overflow"
1770
+ ]
1771
+ }
1772
+ }
1773
+ }
1774
+ }
1775
+ },
1776
+ "grid": {
1777
+ "min-item": {
1778
+ "$type": "dimension",
1779
+ "$value": {
1780
+ "value": 16,
1781
+ "unit": "rem"
1782
+ },
1783
+ "$description": "Minimum automatic grid item width",
1784
+ "$extensions": {
1785
+ "md.flood": {
1786
+ "status": "experimental",
1787
+ "visibility": "internal",
1788
+ "owner": "foundations",
1789
+ "since": "0.2.4",
1790
+ "usage": {
1791
+ "allowed": [
1792
+ "Minimum automatic grid item width"
1793
+ ],
1794
+ "avoid": [
1795
+ "Fixed viewport breakpoints",
1796
+ "Required minimum width that causes narrow-screen overflow"
1797
+ ]
1798
+ }
1799
+ }
1800
+ }
1801
+ }
1802
+ }
1803
+ },
1562
1804
  "motion": {
1563
1805
  "duration-fast": {
1564
1806
  "$type": "duration",
@@ -3014,7 +3256,70 @@
3014
3256
  },
3015
3257
  "sys": {
3016
3258
  "color": {
3259
+ "accent": {
3260
+ "content": {
3261
+ "$type": "color",
3262
+ "$value": {
3263
+ "colorSpace": "srgb",
3264
+ "components": [
3265
+ 1,
3266
+ 0.3607843137254902,
3267
+ 0.6588235294117647
3268
+ ],
3269
+ "alpha": 1
3270
+ },
3271
+ "$description": "Accent text and metadata on neutral dark surfaces",
3272
+ "$extensions": {
3273
+ "md.flood": {
3274
+ "status": "experimental",
3275
+ "visibility": "public",
3276
+ "owner": "foundations",
3277
+ "since": "0.2.4",
3278
+ "usage": {
3279
+ "allowed": [
3280
+ "Accent text and metadata on neutral dark surfaces"
3281
+ ],
3282
+ "avoid": [
3283
+ "Keyboard focus indicators"
3284
+ ]
3285
+ }
3286
+ }
3287
+ }
3288
+ }
3289
+ },
3017
3290
  "action": {
3291
+ "danger": {
3292
+ "content": {
3293
+ "$type": "color",
3294
+ "$value": {
3295
+ "colorSpace": "srgb",
3296
+ "components": [
3297
+ 1,
3298
+ 0.5411764705882353,
3299
+ 0.5411764705882353
3300
+ ],
3301
+ "alpha": 1
3302
+ },
3303
+ "$description": "Destructive action text and icons",
3304
+ "$extensions": {
3305
+ "md.flood": {
3306
+ "status": "experimental",
3307
+ "visibility": "public",
3308
+ "owner": "foundations",
3309
+ "since": "0.2.4",
3310
+ "usage": {
3311
+ "allowed": [
3312
+ "Destructive action text and icons"
3313
+ ],
3314
+ "avoid": [
3315
+ "Validation messages",
3316
+ "Keyboard focus"
3317
+ ]
3318
+ }
3319
+ }
3320
+ }
3321
+ }
3322
+ },
3018
3323
  "ghost": {
3019
3324
  "content": {
3020
3325
  "$type": "color",
@@ -4220,42 +4525,157 @@
4220
4525
  }
4221
4526
  }
4222
4527
  },
4223
- "scrollbar": {
4224
- "thumb": {
4528
+ "indicator": {
4529
+ "accent": {
4225
4530
  "$type": "color",
4226
4531
  "$value": {
4227
4532
  "colorSpace": "srgb",
4228
4533
  "components": [
4229
- 0.47843137254901963,
4230
- 0.47843137254901963,
4231
- 0.47843137254901963
4534
+ 1,
4535
+ 0.3607843137254902,
4536
+ 0.6588235294117647
4232
4537
  ],
4233
4538
  "alpha": 1
4234
4539
  },
4235
- "$description": "Overlay scrollbar thumb",
4540
+ "$description": "Accent fill for task progress and bounded indicators",
4236
4541
  "$extensions": {
4237
4542
  "md.flood": {
4238
4543
  "status": "experimental",
4239
4544
  "visibility": "public",
4240
4545
  "owner": "foundations",
4241
- "since": "0.2.3",
4546
+ "since": "0.2.4",
4242
4547
  "usage": {
4243
4548
  "allowed": [
4244
- "Overlay scrollbar thumb"
4549
+ "Accent fill for task progress and bounded indicators"
4245
4550
  ],
4246
4551
  "avoid": []
4247
4552
  }
4248
4553
  }
4249
4554
  }
4250
4555
  },
4251
- "thumb-hover": {
4556
+ "fill": {
4252
4557
  "$type": "color",
4253
4558
  "$value": {
4254
4559
  "colorSpace": "srgb",
4255
4560
  "components": [
4256
- 0.6980392156862745,
4257
- 0.6980392156862745,
4258
- 0.6980392156862745
4561
+ 0.9294117647058824,
4562
+ 0.9294117647058824,
4563
+ 0.9294117647058824
4564
+ ],
4565
+ "alpha": 1
4566
+ },
4567
+ "$description": "Neutral fill for bounded value indicators",
4568
+ "$extensions": {
4569
+ "md.flood": {
4570
+ "status": "experimental",
4571
+ "visibility": "public",
4572
+ "owner": "foundations",
4573
+ "since": "0.2.4",
4574
+ "usage": {
4575
+ "allowed": [
4576
+ "Neutral fill for bounded value indicators"
4577
+ ],
4578
+ "avoid": []
4579
+ }
4580
+ }
4581
+ }
4582
+ },
4583
+ "track": {
4584
+ "$type": "color",
4585
+ "$value": {
4586
+ "colorSpace": "srgb",
4587
+ "components": [
4588
+ 0.2196078431372549,
4589
+ 0.2196078431372549,
4590
+ 0.2196078431372549
4591
+ ],
4592
+ "alpha": 1
4593
+ },
4594
+ "$description": "Track for progress and bounded value indicators",
4595
+ "$extensions": {
4596
+ "md.flood": {
4597
+ "status": "experimental",
4598
+ "visibility": "public",
4599
+ "owner": "foundations",
4600
+ "since": "0.2.4",
4601
+ "usage": {
4602
+ "allowed": [
4603
+ "Track for progress and bounded value indicators"
4604
+ ],
4605
+ "avoid": []
4606
+ }
4607
+ }
4608
+ }
4609
+ }
4610
+ },
4611
+ "loading": {
4612
+ "placeholder": {
4613
+ "$type": "color",
4614
+ "$value": {
4615
+ "colorSpace": "srgb",
4616
+ "components": [
4617
+ 0.18823529411764706,
4618
+ 0.18823529411764706,
4619
+ 0.18823529411764706
4620
+ ],
4621
+ "alpha": 1
4622
+ },
4623
+ "$description": "Decorative loading placeholder fill",
4624
+ "$extensions": {
4625
+ "md.flood": {
4626
+ "status": "experimental",
4627
+ "visibility": "public",
4628
+ "owner": "foundations",
4629
+ "since": "0.2.4",
4630
+ "usage": {
4631
+ "allowed": [
4632
+ "Decorative loading placeholder fill"
4633
+ ],
4634
+ "avoid": [
4635
+ "Necessary control boundaries",
4636
+ "Loading announcements"
4637
+ ]
4638
+ }
4639
+ }
4640
+ }
4641
+ }
4642
+ },
4643
+ "scrollbar": {
4644
+ "thumb": {
4645
+ "$type": "color",
4646
+ "$value": {
4647
+ "colorSpace": "srgb",
4648
+ "components": [
4649
+ 0.47843137254901963,
4650
+ 0.47843137254901963,
4651
+ 0.47843137254901963
4652
+ ],
4653
+ "alpha": 1
4654
+ },
4655
+ "$description": "Overlay scrollbar thumb",
4656
+ "$extensions": {
4657
+ "md.flood": {
4658
+ "status": "experimental",
4659
+ "visibility": "public",
4660
+ "owner": "foundations",
4661
+ "since": "0.2.3",
4662
+ "usage": {
4663
+ "allowed": [
4664
+ "Overlay scrollbar thumb"
4665
+ ],
4666
+ "avoid": []
4667
+ }
4668
+ }
4669
+ }
4670
+ },
4671
+ "thumb-hover": {
4672
+ "$type": "color",
4673
+ "$value": {
4674
+ "colorSpace": "srgb",
4675
+ "components": [
4676
+ 0.6980392156862745,
4677
+ 0.6980392156862745,
4678
+ 0.6980392156862745
4259
4679
  ],
4260
4680
  "alpha": 1
4261
4681
  },
@@ -5849,6 +6269,246 @@
5849
6269
  }
5850
6270
  }
5851
6271
  },
6272
+ "container": {
6273
+ "lg": {
6274
+ "$type": "dimension",
6275
+ "$value": {
6276
+ "value": 80,
6277
+ "unit": "rem"
6278
+ },
6279
+ "$description": "Large constrained content width",
6280
+ "$extensions": {
6281
+ "md.flood": {
6282
+ "status": "experimental",
6283
+ "visibility": "public",
6284
+ "owner": "foundations",
6285
+ "since": "0.2.4",
6286
+ "usage": {
6287
+ "allowed": [
6288
+ "Large constrained content width"
6289
+ ],
6290
+ "avoid": [
6291
+ "Fixed viewport breakpoints",
6292
+ "Required minimum width that causes narrow-screen overflow"
6293
+ ]
6294
+ }
6295
+ }
6296
+ }
6297
+ },
6298
+ "md": {
6299
+ "$type": "dimension",
6300
+ "$value": {
6301
+ "value": 64,
6302
+ "unit": "rem"
6303
+ },
6304
+ "$description": "Medium constrained content width",
6305
+ "$extensions": {
6306
+ "md.flood": {
6307
+ "status": "experimental",
6308
+ "visibility": "public",
6309
+ "owner": "foundations",
6310
+ "since": "0.2.4",
6311
+ "usage": {
6312
+ "allowed": [
6313
+ "Medium constrained content width"
6314
+ ],
6315
+ "avoid": [
6316
+ "Fixed viewport breakpoints",
6317
+ "Required minimum width that causes narrow-screen overflow"
6318
+ ]
6319
+ }
6320
+ }
6321
+ }
6322
+ },
6323
+ "sm": {
6324
+ "$type": "dimension",
6325
+ "$value": {
6326
+ "value": 40,
6327
+ "unit": "rem"
6328
+ },
6329
+ "$description": "Small constrained content width",
6330
+ "$extensions": {
6331
+ "md.flood": {
6332
+ "status": "experimental",
6333
+ "visibility": "public",
6334
+ "owner": "foundations",
6335
+ "since": "0.2.4",
6336
+ "usage": {
6337
+ "allowed": [
6338
+ "Small constrained content width"
6339
+ ],
6340
+ "avoid": [
6341
+ "Fixed viewport breakpoints",
6342
+ "Required minimum width that causes narrow-screen overflow"
6343
+ ]
6344
+ }
6345
+ }
6346
+ }
6347
+ }
6348
+ },
6349
+ "grid": {
6350
+ "min-item": {
6351
+ "$type": "dimension",
6352
+ "$value": {
6353
+ "value": 16,
6354
+ "unit": "rem"
6355
+ },
6356
+ "$description": "Minimum automatic grid item width",
6357
+ "$extensions": {
6358
+ "md.flood": {
6359
+ "status": "experimental",
6360
+ "visibility": "public",
6361
+ "owner": "foundations",
6362
+ "since": "0.2.4",
6363
+ "usage": {
6364
+ "allowed": [
6365
+ "Minimum automatic grid item width"
6366
+ ],
6367
+ "avoid": [
6368
+ "Fixed viewport breakpoints",
6369
+ "Required minimum width that causes narrow-screen overflow"
6370
+ ]
6371
+ }
6372
+ }
6373
+ }
6374
+ }
6375
+ },
6376
+ "indicator": {
6377
+ "lg": {
6378
+ "$type": "dimension",
6379
+ "$value": {
6380
+ "value": 0.5,
6381
+ "unit": "rem"
6382
+ },
6383
+ "$description": "Indicator lg thickness",
6384
+ "$extensions": {
6385
+ "md.flood": {
6386
+ "status": "experimental",
6387
+ "visibility": "public",
6388
+ "owner": "foundations",
6389
+ "since": "0.2.4",
6390
+ "usage": {
6391
+ "allowed": [
6392
+ "Indicator lg thickness"
6393
+ ],
6394
+ "avoid": []
6395
+ }
6396
+ }
6397
+ }
6398
+ },
6399
+ "md": {
6400
+ "$type": "dimension",
6401
+ "$value": {
6402
+ "value": 0.375,
6403
+ "unit": "rem"
6404
+ },
6405
+ "$description": "Indicator md thickness",
6406
+ "$extensions": {
6407
+ "md.flood": {
6408
+ "status": "experimental",
6409
+ "visibility": "public",
6410
+ "owner": "foundations",
6411
+ "since": "0.2.4",
6412
+ "usage": {
6413
+ "allowed": [
6414
+ "Indicator md thickness"
6415
+ ],
6416
+ "avoid": []
6417
+ }
6418
+ }
6419
+ }
6420
+ },
6421
+ "sm": {
6422
+ "$type": "dimension",
6423
+ "$value": {
6424
+ "value": 0.25,
6425
+ "unit": "rem"
6426
+ },
6427
+ "$description": "Indicator sm thickness",
6428
+ "$extensions": {
6429
+ "md.flood": {
6430
+ "status": "experimental",
6431
+ "visibility": "public",
6432
+ "owner": "foundations",
6433
+ "since": "0.2.4",
6434
+ "usage": {
6435
+ "allowed": [
6436
+ "Indicator sm thickness"
6437
+ ],
6438
+ "avoid": []
6439
+ }
6440
+ }
6441
+ }
6442
+ }
6443
+ },
6444
+ "keycap": {
6445
+ "lg": {
6446
+ "$type": "dimension",
6447
+ "$value": {
6448
+ "value": 1.75,
6449
+ "unit": "rem"
6450
+ },
6451
+ "$description": "lg keycap height",
6452
+ "$extensions": {
6453
+ "md.flood": {
6454
+ "status": "experimental",
6455
+ "visibility": "public",
6456
+ "owner": "foundations",
6457
+ "since": "0.2.4",
6458
+ "usage": {
6459
+ "allowed": [
6460
+ "lg keycap height"
6461
+ ],
6462
+ "avoid": []
6463
+ }
6464
+ }
6465
+ }
6466
+ },
6467
+ "md": {
6468
+ "$type": "dimension",
6469
+ "$value": {
6470
+ "value": 1.5,
6471
+ "unit": "rem"
6472
+ },
6473
+ "$description": "md keycap height",
6474
+ "$extensions": {
6475
+ "md.flood": {
6476
+ "status": "experimental",
6477
+ "visibility": "public",
6478
+ "owner": "foundations",
6479
+ "since": "0.2.4",
6480
+ "usage": {
6481
+ "allowed": [
6482
+ "md keycap height"
6483
+ ],
6484
+ "avoid": []
6485
+ }
6486
+ }
6487
+ }
6488
+ },
6489
+ "sm": {
6490
+ "$type": "dimension",
6491
+ "$value": {
6492
+ "value": 1.25,
6493
+ "unit": "rem"
6494
+ },
6495
+ "$description": "sm keycap height",
6496
+ "$extensions": {
6497
+ "md.flood": {
6498
+ "status": "experimental",
6499
+ "visibility": "public",
6500
+ "owner": "foundations",
6501
+ "since": "0.2.4",
6502
+ "usage": {
6503
+ "allowed": [
6504
+ "sm keycap height"
6505
+ ],
6506
+ "avoid": []
6507
+ }
6508
+ }
6509
+ }
6510
+ }
6511
+ },
5852
6512
  "switch-height": {
5853
6513
  "$type": "dimension",
5854
6514
  "$value": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flood-md/tokens",
3
- "version": "0.2.3",
3
+ "version": "0.2.4",
4
4
  "type": "module",
5
5
  "description": "Flood semantic design tokens and light/dark themes.",
6
6
  "license": "MIT",