@flood-md/tokens 0.2.2 → 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.
@@ -1,12 +1,77 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "version": "0.2.2",
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",
@@ -1114,29 +1179,29 @@
1114
1179
  "id": "sys.color.field.border",
1115
1180
  "type": "color",
1116
1181
  "cssName": "--flood-sys-color-field-border",
1117
- "description": "Quiet field outline; supplement with field.boundary when boundary is necessary",
1182
+ "description": "Quiet default control outline; use field.boundary explicitly when a stronger recognition signal is required",
1118
1183
  "status": "experimental",
1119
1184
  "visibility": "public",
1120
1185
  "owner": "foundations",
1121
1186
  "since": "0.2.0",
1122
1187
  "usage": {
1123
1188
  "allowed": [
1124
- "Quiet field outline; supplement with field.boundary when boundary is necessary"
1189
+ "Quiet default control outline; use field.boundary explicitly when a stronger recognition signal is required"
1125
1190
  ],
1126
1191
  "avoid": []
1127
1192
  },
1128
1193
  "value": {
1129
1194
  "colorSpace": "srgb",
1130
1195
  "components": [
1131
- 0.2901960784313726,
1132
- 0.2901960784313726,
1133
- 0.2901960784313726
1196
+ 0.2196078431372549,
1197
+ 0.2196078431372549,
1198
+ 0.2196078431372549
1134
1199
  ],
1135
1200
  "alpha": 1
1136
1201
  },
1137
- "alias": "ref.color.neutral.650",
1202
+ "alias": "ref.color.neutral.750",
1138
1203
  "dependencies": [
1139
- "ref.color.neutral.650"
1204
+ "ref.color.neutral.750"
1140
1205
  ],
1141
1206
  "dependents": []
1142
1207
  },
@@ -1320,6 +1385,189 @@
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
+ },
1511
+ {
1512
+ "id": "sys.color.scrollbar.thumb",
1513
+ "type": "color",
1514
+ "cssName": "--flood-sys-color-scrollbar-thumb",
1515
+ "description": "Overlay scrollbar thumb",
1516
+ "status": "experimental",
1517
+ "visibility": "public",
1518
+ "owner": "foundations",
1519
+ "since": "0.2.3",
1520
+ "usage": {
1521
+ "allowed": [
1522
+ "Overlay scrollbar thumb"
1523
+ ],
1524
+ "avoid": []
1525
+ },
1526
+ "value": {
1527
+ "colorSpace": "srgb",
1528
+ "components": [
1529
+ 0.47843137254901963,
1530
+ 0.47843137254901963,
1531
+ 0.47843137254901963
1532
+ ],
1533
+ "alpha": 1
1534
+ },
1535
+ "alias": "ref.color.neutral.550",
1536
+ "dependencies": [
1537
+ "ref.color.neutral.550"
1538
+ ],
1539
+ "dependents": []
1540
+ },
1541
+ {
1542
+ "id": "sys.color.scrollbar.thumb-hover",
1543
+ "type": "color",
1544
+ "cssName": "--flood-sys-color-scrollbar-thumb-hover",
1545
+ "description": "Hovered or dragged overlay scrollbar thumb",
1546
+ "status": "experimental",
1547
+ "visibility": "public",
1548
+ "owner": "foundations",
1549
+ "since": "0.2.3",
1550
+ "usage": {
1551
+ "allowed": [
1552
+ "Hovered or dragged overlay scrollbar thumb"
1553
+ ],
1554
+ "avoid": []
1555
+ },
1556
+ "value": {
1557
+ "colorSpace": "srgb",
1558
+ "components": [
1559
+ 0.6980392156862745,
1560
+ 0.6980392156862745,
1561
+ 0.6980392156862745
1562
+ ],
1563
+ "alpha": 1
1564
+ },
1565
+ "alias": "ref.color.neutral.320",
1566
+ "dependencies": [
1567
+ "ref.color.neutral.320"
1568
+ ],
1569
+ "dependents": []
1570
+ },
1323
1571
  {
1324
1572
  "id": "sys.color.selection.background",
1325
1573
  "type": "color",
@@ -2969,6 +3217,81 @@
2969
3217
  ],
2970
3218
  "dependents": []
2971
3219
  },
3220
+ {
3221
+ "id": "sys.scrollbar.inset",
3222
+ "type": "dimension",
3223
+ "cssName": "--flood-sys-scrollbar-inset",
3224
+ "description": "Overlay scrollbar inset",
3225
+ "status": "experimental",
3226
+ "visibility": "public",
3227
+ "owner": "foundations",
3228
+ "since": "0.2.3",
3229
+ "usage": {
3230
+ "allowed": [
3231
+ "Overlay scrollbar inset"
3232
+ ],
3233
+ "avoid": []
3234
+ },
3235
+ "value": {
3236
+ "value": 0.25,
3237
+ "unit": "rem"
3238
+ },
3239
+ "alias": "ref.scrollbar.inset",
3240
+ "dependencies": [
3241
+ "ref.scrollbar.inset"
3242
+ ],
3243
+ "dependents": []
3244
+ },
3245
+ {
3246
+ "id": "sys.scrollbar.min-thumb",
3247
+ "type": "dimension",
3248
+ "cssName": "--flood-sys-scrollbar-min-thumb",
3249
+ "description": "Overlay scrollbar min-thumb",
3250
+ "status": "experimental",
3251
+ "visibility": "public",
3252
+ "owner": "foundations",
3253
+ "since": "0.2.3",
3254
+ "usage": {
3255
+ "allowed": [
3256
+ "Overlay scrollbar min-thumb"
3257
+ ],
3258
+ "avoid": []
3259
+ },
3260
+ "value": {
3261
+ "value": 1.5,
3262
+ "unit": "rem"
3263
+ },
3264
+ "alias": "ref.scrollbar.min-thumb",
3265
+ "dependencies": [
3266
+ "ref.scrollbar.min-thumb"
3267
+ ],
3268
+ "dependents": []
3269
+ },
3270
+ {
3271
+ "id": "sys.scrollbar.size",
3272
+ "type": "dimension",
3273
+ "cssName": "--flood-sys-scrollbar-size",
3274
+ "description": "Overlay scrollbar size",
3275
+ "status": "experimental",
3276
+ "visibility": "public",
3277
+ "owner": "foundations",
3278
+ "since": "0.2.3",
3279
+ "usage": {
3280
+ "allowed": [
3281
+ "Overlay scrollbar size"
3282
+ ],
3283
+ "avoid": []
3284
+ },
3285
+ "value": {
3286
+ "value": 0.375,
3287
+ "unit": "rem"
3288
+ },
3289
+ "alias": "ref.scrollbar.size",
3290
+ "dependencies": [
3291
+ "ref.scrollbar.size"
3292
+ ],
3293
+ "dependents": []
3294
+ },
2972
3295
  {
2973
3296
  "id": "sys.size.choice",
2974
3297
  "type": "dimension",
@@ -2994,6 +3317,268 @@
2994
3317
  ],
2995
3318
  "dependents": []
2996
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
+ },
2997
3582
  {
2998
3583
  "id": "sys.size.switch-height",
2999
3584
  "type": "dimension",