@mittwald/flow-design-tokens 0.1.0-alpha.308 → 0.1.0-alpha.309

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.
@@ -419,67 +419,89 @@
419
419
  --breadcrumb-item--font-size: var(--font-size--s);
420
420
  --breadcrumb-item--padding-x: var(--size-px--xs);
421
421
  --badge--light-scope-background-color: var(--light--color--800);
422
- --badge--light-content-color: var(--light--color--800);
422
+ --badge--light-content-color--pressed: var(--light--color--800);
423
+ --badge--light-content-color--hover: var(--light--color--800);
424
+ --badge--light-content-color--default: var(--light--color--800);
423
425
  --badge--light-background-color--pressed: var(--light--color--300);
424
426
  --badge--light-background-color--hover: var(--light--color--200);
425
427
  --badge--light-background-color--default: var(--light--color--100);
426
428
  --badge--light-border-color: var(--light--color--800);
427
429
  --badge--dark-scope-background-color: var(--dark--color--800);
428
- --badge--dark-content-color: var(--dark--color--800);
430
+ --badge--dark-content-color--pressed: var(--dark--color--800);
431
+ --badge--dark-content-color--hover: var(--dark--color--800);
432
+ --badge--dark-content-color--default: var(--dark--color--800);
429
433
  --badge--dark-background-color--pressed: var(--dark--color--300);
430
434
  --badge--dark-background-color--hover: var(--dark--color--200);
431
435
  --badge--dark-background-color--default: var(--dark--color--100);
432
436
  --badge--dark-border-color: var(--dark--color--800);
433
437
  --badge--orange-scope-background-color: var(--color--royal-orange--900);
434
- --badge--orange-content-color: var(--color--royal-orange--1000);
438
+ --badge--orange-content-color--pressed: var(--color--royal-orange--1000);
439
+ --badge--orange-content-color--hover: var(--color--royal-orange--900);
440
+ --badge--orange-content-color--default: var(--color--royal-orange--900);
435
441
  --badge--orange-background-color--pressed: var(--color--royal-orange--300);
436
442
  --badge--orange-background-color--hover: var(--color--royal-orange--200);
437
443
  --badge--orange-background-color--default: var(--color--royal-orange--100);
438
444
  --badge--orange-border-color: var(--color--royal-orange--900);
439
445
  --badge--green-scope-background-color: var(--color--espelkamp-green--800);
440
- --badge--green-content-color: var(--color--espelkamp-green--1000);
446
+ --badge--green-content-color--pressed: var(--color--espelkamp-green--1000);
447
+ --badge--green-content-color--hover: var(--color--espelkamp-green--900);
448
+ --badge--green-content-color--default: var(--color--espelkamp-green--900);
441
449
  --badge--green-background-color--pressed: var(--color--espelkamp-green--300);
442
450
  --badge--green-background-color--hover: var(--color--espelkamp-green--200);
443
451
  --badge--green-background-color--default: var(--color--espelkamp-green--100);
444
452
  --badge--green-border-color: var(--color--espelkamp-green--800);
445
453
  --badge--red-scope-background-color: var(--color--amaranth-red--800);
446
- --badge--red-content-color: var(--color--amaranth-red--1000);
454
+ --badge--red-content-color--pressed: var(--color--amaranth-red--1000);
455
+ --badge--red-content-color--hover: var(--color--amaranth-red--900);
456
+ --badge--red-content-color--default: var(--color--amaranth-red--900);
447
457
  --badge--red-background-color--pressed: var(--color--amaranth-red--300);
448
458
  --badge--red-background-color--hover: var(--color--amaranth-red--200);
449
459
  --badge--red-background-color--default: var(--color--amaranth-red--100);
450
460
  --badge--red-border-color: var(--color--amaranth-red--800);
451
461
  --badge--lilac-scope-background-color: var(--color--bright-lilac--800);
452
- --badge--lilac-content-color: var(--color--bright-lilac--1000);
462
+ --badge--lilac-content-color--pressed: var(--color--bright-lilac--1000);
463
+ --badge--lilac-content-color--hover: var(--color--bright-lilac--900);
464
+ --badge--lilac-content-color--default: var(--color--bright-lilac--900);
453
465
  --badge--lilac-background-color--pressed: var(--color--bright-lilac--300);
454
466
  --badge--lilac-background-color--hover: var(--color--bright-lilac--200);
455
467
  --badge--lilac-background-color--default: var(--color--bright-lilac--100);
456
468
  --badge--lilac-border-color: var(--color--bright-lilac--800);
457
469
  --badge--teal-scope-background-color: var(--color--super-teal--800);
458
- --badge--teal-content-color: var(--color--super-teal--1000);
470
+ --badge--teal-content-color--pressed: var(--color--super-teal--1000);
471
+ --badge--teal-content-color--hover: var(--color--super-teal--900);
472
+ --badge--teal-content-color--default: var(--color--super-teal--900);
459
473
  --badge--teal-background-color--pressed: var(--color--super-teal--300);
460
474
  --badge--teal-background-color--hover: var(--color--super-teal--200);
461
475
  --badge--teal-background-color--default: var(--color--super-teal--100);
462
476
  --badge--teal-border-color: var(--color--super-teal--800);
463
477
  --badge--violet-scope-background-color: var(--color--soft-contrast-violet--800);
464
- --badge--violet-content-color: var(--color--soft-contrast-violet--1000);
478
+ --badge--violet-content-color--pressed: var(--color--soft-contrast-violet--1000);
479
+ --badge--violet-content-color--hover: var(--color--soft-contrast-violet--900);
480
+ --badge--violet-content-color--default: var(--color--soft-contrast-violet--900);
465
481
  --badge--violet-background-color--pressed: var(--color--soft-contrast-violet--300);
466
482
  --badge--violet-background-color--hover: var(--color--soft-contrast-violet--200);
467
483
  --badge--violet-background-color--default: var(--color--soft-contrast-violet--100);
468
484
  --badge--violet-border-color: var(--color--soft-contrast-violet--800);
469
485
  --badge--navy-scope-background-color: var(--color--mittwald-navy--800);
470
- --badge--navy-content-color: var(--color--mittwald-navy--1000);
486
+ --badge--navy-content-color--pressed: var(--color--mittwald-navy--1000);
487
+ --badge--navy-content-color--hover: var(--color--mittwald-navy--900);
488
+ --badge--navy-content-color--default: var(--color--mittwald-navy--900);
471
489
  --badge--navy-background-color--pressed: var(--color--mittwald-navy--300);
472
490
  --badge--navy-background-color--hover: var(--color--mittwald-navy--200);
473
491
  --badge--navy-background-color--default: var(--color--mittwald-navy--100);
474
492
  --badge--navy-border-color: var(--color--mittwald-navy--800);
475
493
  --badge--blue-scope-background-color: var(--color--hosting-blue--800);
476
- --badge--blue-content-color: var(--color--hosting-blue--1000);
494
+ --badge--blue-content-color--pressed: var(--color--hosting-blue--1000);
495
+ --badge--blue-content-color--hover: var(--color--hosting-blue--900);
496
+ --badge--blue-content-color--default: var(--color--hosting-blue--900);
477
497
  --badge--blue-background-color--pressed: var(--color--hosting-blue--300);
478
498
  --badge--blue-background-color--hover: var(--color--hosting-blue--200);
479
499
  --badge--blue-background-color--default: var(--color--hosting-blue--100);
480
500
  --badge--blue-border-color: var(--color--hosting-blue--800);
481
501
  --badge--neutral-scope-background-color: var(--color--gray--800);
482
- --badge--neutral-content-color: var(--color--gray--1000);
502
+ --badge--neutral-content-color--pressed: var(--color--gray--1000);
503
+ --badge--neutral-content-color--hover: var(--color--gray--900);
504
+ --badge--neutral-content-color--default: var(--color--gray--900);
483
505
  --badge--neutral-background-color--pressed: var(--color--gray--500);
484
506
  --badge--neutral-background-color--hover: var(--color--gray--400);
485
507
  --badge--neutral-background-color--default: var(--color--gray--300);
@@ -7618,21 +7618,63 @@
7618
7618
  }
7619
7619
  },
7620
7620
  "neutral-content-color": {
7621
- "value": "#222222",
7622
- "filePath": "src/components/badge.yml",
7623
- "isSource": true,
7624
- "original": {
7625
- "value": "{color.gray.1000}"
7621
+ "default": {
7622
+ "value": "#464646",
7623
+ "filePath": "src/components/badge.yml",
7624
+ "isSource": true,
7625
+ "original": {
7626
+ "value": "{color.gray.900}"
7627
+ },
7628
+ "name": "BadgeNeutralContentColorDefault",
7629
+ "attributes": {
7630
+ "category": "badge",
7631
+ "type": "neutral-content-color",
7632
+ "item": "default"
7633
+ },
7634
+ "path": [
7635
+ "badge",
7636
+ "neutral-content-color",
7637
+ "default"
7638
+ ]
7626
7639
  },
7627
- "name": "BadgeNeutralContentColor",
7628
- "attributes": {
7629
- "category": "badge",
7630
- "type": "neutral-content-color"
7640
+ "hover": {
7641
+ "value": "#464646",
7642
+ "filePath": "src/components/badge.yml",
7643
+ "isSource": true,
7644
+ "original": {
7645
+ "value": "{color.gray.900}"
7646
+ },
7647
+ "name": "BadgeNeutralContentColorHover",
7648
+ "attributes": {
7649
+ "category": "badge",
7650
+ "type": "neutral-content-color",
7651
+ "item": "hover"
7652
+ },
7653
+ "path": [
7654
+ "badge",
7655
+ "neutral-content-color",
7656
+ "hover"
7657
+ ]
7631
7658
  },
7632
- "path": [
7633
- "badge",
7634
- "neutral-content-color"
7635
- ]
7659
+ "pressed": {
7660
+ "value": "#222222",
7661
+ "filePath": "src/components/badge.yml",
7662
+ "isSource": true,
7663
+ "original": {
7664
+ "value": "{color.gray.1000}"
7665
+ },
7666
+ "name": "BadgeNeutralContentColorPressed",
7667
+ "attributes": {
7668
+ "category": "badge",
7669
+ "type": "neutral-content-color",
7670
+ "item": "pressed"
7671
+ },
7672
+ "path": [
7673
+ "badge",
7674
+ "neutral-content-color",
7675
+ "pressed"
7676
+ ]
7677
+ }
7636
7678
  },
7637
7679
  "neutral-scope-background-color": {
7638
7680
  "value": "#6D6D6D",
@@ -7745,21 +7787,63 @@
7745
7787
  }
7746
7788
  },
7747
7789
  "blue-content-color": {
7748
- "value": "#002A7B",
7749
- "filePath": "src/components/badge.yml",
7750
- "isSource": true,
7751
- "original": {
7752
- "value": "{color.hosting-blue.1000}"
7790
+ "default": {
7791
+ "value": "#003FB8",
7792
+ "filePath": "src/components/badge.yml",
7793
+ "isSource": true,
7794
+ "original": {
7795
+ "value": "{color.hosting-blue.900}"
7796
+ },
7797
+ "name": "BadgeBlueContentColorDefault",
7798
+ "attributes": {
7799
+ "category": "badge",
7800
+ "type": "blue-content-color",
7801
+ "item": "default"
7802
+ },
7803
+ "path": [
7804
+ "badge",
7805
+ "blue-content-color",
7806
+ "default"
7807
+ ]
7753
7808
  },
7754
- "name": "BadgeBlueContentColor",
7755
- "attributes": {
7756
- "category": "badge",
7757
- "type": "blue-content-color"
7809
+ "hover": {
7810
+ "value": "#003FB8",
7811
+ "filePath": "src/components/badge.yml",
7812
+ "isSource": true,
7813
+ "original": {
7814
+ "value": "{color.hosting-blue.900}"
7815
+ },
7816
+ "name": "BadgeBlueContentColorHover",
7817
+ "attributes": {
7818
+ "category": "badge",
7819
+ "type": "blue-content-color",
7820
+ "item": "hover"
7821
+ },
7822
+ "path": [
7823
+ "badge",
7824
+ "blue-content-color",
7825
+ "hover"
7826
+ ]
7758
7827
  },
7759
- "path": [
7760
- "badge",
7761
- "blue-content-color"
7762
- ]
7828
+ "pressed": {
7829
+ "value": "#002A7B",
7830
+ "filePath": "src/components/badge.yml",
7831
+ "isSource": true,
7832
+ "original": {
7833
+ "value": "{color.hosting-blue.1000}"
7834
+ },
7835
+ "name": "BadgeBlueContentColorPressed",
7836
+ "attributes": {
7837
+ "category": "badge",
7838
+ "type": "blue-content-color",
7839
+ "item": "pressed"
7840
+ },
7841
+ "path": [
7842
+ "badge",
7843
+ "blue-content-color",
7844
+ "pressed"
7845
+ ]
7846
+ }
7763
7847
  },
7764
7848
  "blue-scope-background-color": {
7765
7849
  "value": "#0054F5",
@@ -7872,21 +7956,63 @@
7872
7956
  }
7873
7957
  },
7874
7958
  "navy-content-color": {
7875
- "value": "#131B3D",
7876
- "filePath": "src/components/badge.yml",
7877
- "isSource": true,
7878
- "original": {
7879
- "value": "{color.mittwald-navy.1000}"
7959
+ "default": {
7960
+ "value": "#1D285C",
7961
+ "filePath": "src/components/badge.yml",
7962
+ "isSource": true,
7963
+ "original": {
7964
+ "value": "{color.mittwald-navy.900}"
7965
+ },
7966
+ "name": "BadgeNavyContentColorDefault",
7967
+ "attributes": {
7968
+ "category": "badge",
7969
+ "type": "navy-content-color",
7970
+ "item": "default"
7971
+ },
7972
+ "path": [
7973
+ "badge",
7974
+ "navy-content-color",
7975
+ "default"
7976
+ ]
7880
7977
  },
7881
- "name": "BadgeNavyContentColor",
7882
- "attributes": {
7883
- "category": "badge",
7884
- "type": "navy-content-color"
7978
+ "hover": {
7979
+ "value": "#1D285C",
7980
+ "filePath": "src/components/badge.yml",
7981
+ "isSource": true,
7982
+ "original": {
7983
+ "value": "{color.mittwald-navy.900}"
7984
+ },
7985
+ "name": "BadgeNavyContentColorHover",
7986
+ "attributes": {
7987
+ "category": "badge",
7988
+ "type": "navy-content-color",
7989
+ "item": "hover"
7990
+ },
7991
+ "path": [
7992
+ "badge",
7993
+ "navy-content-color",
7994
+ "hover"
7995
+ ]
7885
7996
  },
7886
- "path": [
7887
- "badge",
7888
- "navy-content-color"
7889
- ]
7997
+ "pressed": {
7998
+ "value": "#131B3D",
7999
+ "filePath": "src/components/badge.yml",
8000
+ "isSource": true,
8001
+ "original": {
8002
+ "value": "{color.mittwald-navy.1000}"
8003
+ },
8004
+ "name": "BadgeNavyContentColorPressed",
8005
+ "attributes": {
8006
+ "category": "badge",
8007
+ "type": "navy-content-color",
8008
+ "item": "pressed"
8009
+ },
8010
+ "path": [
8011
+ "badge",
8012
+ "navy-content-color",
8013
+ "pressed"
8014
+ ]
8015
+ }
7890
8016
  },
7891
8017
  "navy-scope-background-color": {
7892
8018
  "value": "#27367B",
@@ -7999,21 +8125,63 @@
7999
8125
  }
8000
8126
  },
8001
8127
  "violet-content-color": {
8002
- "value": "#483b9f",
8003
- "filePath": "src/components/badge.yml",
8004
- "isSource": true,
8005
- "original": {
8006
- "value": "{color.soft-contrast-violet.1000}"
8128
+ "default": {
8129
+ "value": "#5d4abf",
8130
+ "filePath": "src/components/badge.yml",
8131
+ "isSource": true,
8132
+ "original": {
8133
+ "value": "{color.soft-contrast-violet.900}"
8134
+ },
8135
+ "name": "BadgeVioletContentColorDefault",
8136
+ "attributes": {
8137
+ "category": "badge",
8138
+ "type": "violet-content-color",
8139
+ "item": "default"
8140
+ },
8141
+ "path": [
8142
+ "badge",
8143
+ "violet-content-color",
8144
+ "default"
8145
+ ]
8007
8146
  },
8008
- "name": "BadgeVioletContentColor",
8009
- "attributes": {
8010
- "category": "badge",
8011
- "type": "violet-content-color"
8147
+ "hover": {
8148
+ "value": "#5d4abf",
8149
+ "filePath": "src/components/badge.yml",
8150
+ "isSource": true,
8151
+ "original": {
8152
+ "value": "{color.soft-contrast-violet.900}"
8153
+ },
8154
+ "name": "BadgeVioletContentColorHover",
8155
+ "attributes": {
8156
+ "category": "badge",
8157
+ "type": "violet-content-color",
8158
+ "item": "hover"
8159
+ },
8160
+ "path": [
8161
+ "badge",
8162
+ "violet-content-color",
8163
+ "hover"
8164
+ ]
8012
8165
  },
8013
- "path": [
8014
- "badge",
8015
- "violet-content-color"
8016
- ]
8166
+ "pressed": {
8167
+ "value": "#483b9f",
8168
+ "filePath": "src/components/badge.yml",
8169
+ "isSource": true,
8170
+ "original": {
8171
+ "value": "{color.soft-contrast-violet.1000}"
8172
+ },
8173
+ "name": "BadgeVioletContentColorPressed",
8174
+ "attributes": {
8175
+ "category": "badge",
8176
+ "type": "violet-content-color",
8177
+ "item": "pressed"
8178
+ },
8179
+ "path": [
8180
+ "badge",
8181
+ "violet-content-color",
8182
+ "pressed"
8183
+ ]
8184
+ }
8017
8185
  },
8018
8186
  "violet-scope-background-color": {
8019
8187
  "value": "#715DEE",
@@ -8126,21 +8294,63 @@
8126
8294
  }
8127
8295
  },
8128
8296
  "teal-content-color": {
8129
- "value": "#004f59",
8130
- "filePath": "src/components/badge.yml",
8131
- "isSource": true,
8132
- "original": {
8133
- "value": "{color.super-teal.1000}"
8297
+ "default": {
8298
+ "value": "#006b78",
8299
+ "filePath": "src/components/badge.yml",
8300
+ "isSource": true,
8301
+ "original": {
8302
+ "value": "{color.super-teal.900}"
8303
+ },
8304
+ "name": "BadgeTealContentColorDefault",
8305
+ "attributes": {
8306
+ "category": "badge",
8307
+ "type": "teal-content-color",
8308
+ "item": "default"
8309
+ },
8310
+ "path": [
8311
+ "badge",
8312
+ "teal-content-color",
8313
+ "default"
8314
+ ]
8134
8315
  },
8135
- "name": "BadgeTealContentColor",
8136
- "attributes": {
8137
- "category": "badge",
8138
- "type": "teal-content-color"
8316
+ "hover": {
8317
+ "value": "#006b78",
8318
+ "filePath": "src/components/badge.yml",
8319
+ "isSource": true,
8320
+ "original": {
8321
+ "value": "{color.super-teal.900}"
8322
+ },
8323
+ "name": "BadgeTealContentColorHover",
8324
+ "attributes": {
8325
+ "category": "badge",
8326
+ "type": "teal-content-color",
8327
+ "item": "hover"
8328
+ },
8329
+ "path": [
8330
+ "badge",
8331
+ "teal-content-color",
8332
+ "hover"
8333
+ ]
8139
8334
  },
8140
- "path": [
8141
- "badge",
8142
- "teal-content-color"
8143
- ]
8335
+ "pressed": {
8336
+ "value": "#004f59",
8337
+ "filePath": "src/components/badge.yml",
8338
+ "isSource": true,
8339
+ "original": {
8340
+ "value": "{color.super-teal.1000}"
8341
+ },
8342
+ "name": "BadgeTealContentColorPressed",
8343
+ "attributes": {
8344
+ "category": "badge",
8345
+ "type": "teal-content-color",
8346
+ "item": "pressed"
8347
+ },
8348
+ "path": [
8349
+ "badge",
8350
+ "teal-content-color",
8351
+ "pressed"
8352
+ ]
8353
+ }
8144
8354
  },
8145
8355
  "teal-scope-background-color": {
8146
8356
  "value": "#008696",
@@ -8253,21 +8463,63 @@
8253
8463
  }
8254
8464
  },
8255
8465
  "lilac-content-color": {
8256
- "value": "#5f0083",
8257
- "filePath": "src/components/badge.yml",
8258
- "isSource": true,
8259
- "original": {
8260
- "value": "{color.bright-lilac.1000}"
8466
+ "default": {
8467
+ "value": "#9000c5",
8468
+ "filePath": "src/components/badge.yml",
8469
+ "isSource": true,
8470
+ "original": {
8471
+ "value": "{color.bright-lilac.900}"
8472
+ },
8473
+ "name": "BadgeLilacContentColorDefault",
8474
+ "attributes": {
8475
+ "category": "badge",
8476
+ "type": "lilac-content-color",
8477
+ "item": "default"
8478
+ },
8479
+ "path": [
8480
+ "badge",
8481
+ "lilac-content-color",
8482
+ "default"
8483
+ ]
8261
8484
  },
8262
- "name": "BadgeLilacContentColor",
8263
- "attributes": {
8264
- "category": "badge",
8265
- "type": "lilac-content-color"
8485
+ "hover": {
8486
+ "value": "#9000c5",
8487
+ "filePath": "src/components/badge.yml",
8488
+ "isSource": true,
8489
+ "original": {
8490
+ "value": "{color.bright-lilac.900}"
8491
+ },
8492
+ "name": "BadgeLilacContentColorHover",
8493
+ "attributes": {
8494
+ "category": "badge",
8495
+ "type": "lilac-content-color",
8496
+ "item": "hover"
8497
+ },
8498
+ "path": [
8499
+ "badge",
8500
+ "lilac-content-color",
8501
+ "hover"
8502
+ ]
8266
8503
  },
8267
- "path": [
8268
- "badge",
8269
- "lilac-content-color"
8270
- ]
8504
+ "pressed": {
8505
+ "value": "#5f0083",
8506
+ "filePath": "src/components/badge.yml",
8507
+ "isSource": true,
8508
+ "original": {
8509
+ "value": "{color.bright-lilac.1000}"
8510
+ },
8511
+ "name": "BadgeLilacContentColorPressed",
8512
+ "attributes": {
8513
+ "category": "badge",
8514
+ "type": "lilac-content-color",
8515
+ "item": "pressed"
8516
+ },
8517
+ "path": [
8518
+ "badge",
8519
+ "lilac-content-color",
8520
+ "pressed"
8521
+ ]
8522
+ }
8271
8523
  },
8272
8524
  "lilac-scope-background-color": {
8273
8525
  "value": "#bc08ff",
@@ -8331,71 +8583,113 @@
8331
8583
  "name": "BadgeRedBackgroundColorDefault",
8332
8584
  "attributes": {
8333
8585
  "category": "badge",
8334
- "type": "red-background-color",
8586
+ "type": "red-background-color",
8587
+ "item": "default"
8588
+ },
8589
+ "path": [
8590
+ "badge",
8591
+ "red-background-color",
8592
+ "default"
8593
+ ]
8594
+ },
8595
+ "hover": {
8596
+ "value": "#FBE0E6",
8597
+ "filePath": "src/components/badge.yml",
8598
+ "isSource": true,
8599
+ "original": {
8600
+ "value": "{color.amaranth-red.200}"
8601
+ },
8602
+ "name": "BadgeRedBackgroundColorHover",
8603
+ "attributes": {
8604
+ "category": "badge",
8605
+ "type": "red-background-color",
8606
+ "item": "hover"
8607
+ },
8608
+ "path": [
8609
+ "badge",
8610
+ "red-background-color",
8611
+ "hover"
8612
+ ]
8613
+ },
8614
+ "pressed": {
8615
+ "value": "#F7C1CC",
8616
+ "filePath": "src/components/badge.yml",
8617
+ "isSource": true,
8618
+ "original": {
8619
+ "value": "{color.amaranth-red.300}"
8620
+ },
8621
+ "name": "BadgeRedBackgroundColorPressed",
8622
+ "attributes": {
8623
+ "category": "badge",
8624
+ "type": "red-background-color",
8625
+ "item": "pressed"
8626
+ },
8627
+ "path": [
8628
+ "badge",
8629
+ "red-background-color",
8630
+ "pressed"
8631
+ ]
8632
+ }
8633
+ },
8634
+ "red-content-color": {
8635
+ "default": {
8636
+ "value": "#B4193A",
8637
+ "filePath": "src/components/badge.yml",
8638
+ "isSource": true,
8639
+ "original": {
8640
+ "value": "{color.amaranth-red.900}"
8641
+ },
8642
+ "name": "BadgeRedContentColorDefault",
8643
+ "attributes": {
8644
+ "category": "badge",
8645
+ "type": "red-content-color",
8335
8646
  "item": "default"
8336
8647
  },
8337
8648
  "path": [
8338
8649
  "badge",
8339
- "red-background-color",
8650
+ "red-content-color",
8340
8651
  "default"
8341
8652
  ]
8342
8653
  },
8343
8654
  "hover": {
8344
- "value": "#FBE0E6",
8655
+ "value": "#B4193A",
8345
8656
  "filePath": "src/components/badge.yml",
8346
8657
  "isSource": true,
8347
8658
  "original": {
8348
- "value": "{color.amaranth-red.200}"
8659
+ "value": "{color.amaranth-red.900}"
8349
8660
  },
8350
- "name": "BadgeRedBackgroundColorHover",
8661
+ "name": "BadgeRedContentColorHover",
8351
8662
  "attributes": {
8352
8663
  "category": "badge",
8353
- "type": "red-background-color",
8664
+ "type": "red-content-color",
8354
8665
  "item": "hover"
8355
8666
  },
8356
8667
  "path": [
8357
8668
  "badge",
8358
- "red-background-color",
8669
+ "red-content-color",
8359
8670
  "hover"
8360
8671
  ]
8361
8672
  },
8362
8673
  "pressed": {
8363
- "value": "#F7C1CC",
8674
+ "value": "#83122A",
8364
8675
  "filePath": "src/components/badge.yml",
8365
8676
  "isSource": true,
8366
8677
  "original": {
8367
- "value": "{color.amaranth-red.300}"
8678
+ "value": "{color.amaranth-red.1000}"
8368
8679
  },
8369
- "name": "BadgeRedBackgroundColorPressed",
8680
+ "name": "BadgeRedContentColorPressed",
8370
8681
  "attributes": {
8371
8682
  "category": "badge",
8372
- "type": "red-background-color",
8683
+ "type": "red-content-color",
8373
8684
  "item": "pressed"
8374
8685
  },
8375
8686
  "path": [
8376
8687
  "badge",
8377
- "red-background-color",
8688
+ "red-content-color",
8378
8689
  "pressed"
8379
8690
  ]
8380
8691
  }
8381
8692
  },
8382
- "red-content-color": {
8383
- "value": "#83122A",
8384
- "filePath": "src/components/badge.yml",
8385
- "isSource": true,
8386
- "original": {
8387
- "value": "{color.amaranth-red.1000}"
8388
- },
8389
- "name": "BadgeRedContentColor",
8390
- "attributes": {
8391
- "category": "badge",
8392
- "type": "red-content-color"
8393
- },
8394
- "path": [
8395
- "badge",
8396
- "red-content-color"
8397
- ]
8398
- },
8399
8693
  "red-scope-background-color": {
8400
8694
  "value": "#E1244C",
8401
8695
  "filePath": "src/components/badge.yml",
@@ -8507,21 +8801,63 @@
8507
8801
  }
8508
8802
  },
8509
8803
  "green-content-color": {
8510
- "value": "#003B29",
8511
- "filePath": "src/components/badge.yml",
8512
- "isSource": true,
8513
- "original": {
8514
- "value": "{color.espelkamp-green.1000}"
8804
+ "default": {
8805
+ "value": "#005F42",
8806
+ "filePath": "src/components/badge.yml",
8807
+ "isSource": true,
8808
+ "original": {
8809
+ "value": "{color.espelkamp-green.900}"
8810
+ },
8811
+ "name": "BadgeGreenContentColorDefault",
8812
+ "attributes": {
8813
+ "category": "badge",
8814
+ "type": "green-content-color",
8815
+ "item": "default"
8816
+ },
8817
+ "path": [
8818
+ "badge",
8819
+ "green-content-color",
8820
+ "default"
8821
+ ]
8515
8822
  },
8516
- "name": "BadgeGreenContentColor",
8517
- "attributes": {
8518
- "category": "badge",
8519
- "type": "green-content-color"
8823
+ "hover": {
8824
+ "value": "#005F42",
8825
+ "filePath": "src/components/badge.yml",
8826
+ "isSource": true,
8827
+ "original": {
8828
+ "value": "{color.espelkamp-green.900}"
8829
+ },
8830
+ "name": "BadgeGreenContentColorHover",
8831
+ "attributes": {
8832
+ "category": "badge",
8833
+ "type": "green-content-color",
8834
+ "item": "hover"
8835
+ },
8836
+ "path": [
8837
+ "badge",
8838
+ "green-content-color",
8839
+ "hover"
8840
+ ]
8520
8841
  },
8521
- "path": [
8522
- "badge",
8523
- "green-content-color"
8524
- ]
8842
+ "pressed": {
8843
+ "value": "#003B29",
8844
+ "filePath": "src/components/badge.yml",
8845
+ "isSource": true,
8846
+ "original": {
8847
+ "value": "{color.espelkamp-green.1000}"
8848
+ },
8849
+ "name": "BadgeGreenContentColorPressed",
8850
+ "attributes": {
8851
+ "category": "badge",
8852
+ "type": "green-content-color",
8853
+ "item": "pressed"
8854
+ },
8855
+ "path": [
8856
+ "badge",
8857
+ "green-content-color",
8858
+ "pressed"
8859
+ ]
8860
+ }
8525
8861
  },
8526
8862
  "green-scope-background-color": {
8527
8863
  "value": "#00825B",
@@ -8634,21 +8970,63 @@
8634
8970
  }
8635
8971
  },
8636
8972
  "orange-content-color": {
8637
- "value": "#8F3D00",
8638
- "filePath": "src/components/badge.yml",
8639
- "isSource": true,
8640
- "original": {
8641
- "value": "{color.royal-orange.1000}"
8973
+ "default": {
8974
+ "value": "#C25200",
8975
+ "filePath": "src/components/badge.yml",
8976
+ "isSource": true,
8977
+ "original": {
8978
+ "value": "{color.royal-orange.900}"
8979
+ },
8980
+ "name": "BadgeOrangeContentColorDefault",
8981
+ "attributes": {
8982
+ "category": "badge",
8983
+ "type": "orange-content-color",
8984
+ "item": "default"
8985
+ },
8986
+ "path": [
8987
+ "badge",
8988
+ "orange-content-color",
8989
+ "default"
8990
+ ]
8642
8991
  },
8643
- "name": "BadgeOrangeContentColor",
8644
- "attributes": {
8645
- "category": "badge",
8646
- "type": "orange-content-color"
8992
+ "hover": {
8993
+ "value": "#C25200",
8994
+ "filePath": "src/components/badge.yml",
8995
+ "isSource": true,
8996
+ "original": {
8997
+ "value": "{color.royal-orange.900}"
8998
+ },
8999
+ "name": "BadgeOrangeContentColorHover",
9000
+ "attributes": {
9001
+ "category": "badge",
9002
+ "type": "orange-content-color",
9003
+ "item": "hover"
9004
+ },
9005
+ "path": [
9006
+ "badge",
9007
+ "orange-content-color",
9008
+ "hover"
9009
+ ]
8647
9010
  },
8648
- "path": [
8649
- "badge",
8650
- "orange-content-color"
8651
- ]
9011
+ "pressed": {
9012
+ "value": "#8F3D00",
9013
+ "filePath": "src/components/badge.yml",
9014
+ "isSource": true,
9015
+ "original": {
9016
+ "value": "{color.royal-orange.1000}"
9017
+ },
9018
+ "name": "BadgeOrangeContentColorPressed",
9019
+ "attributes": {
9020
+ "category": "badge",
9021
+ "type": "orange-content-color",
9022
+ "item": "pressed"
9023
+ },
9024
+ "path": [
9025
+ "badge",
9026
+ "orange-content-color",
9027
+ "pressed"
9028
+ ]
9029
+ }
8652
9030
  },
8653
9031
  "orange-scope-background-color": {
8654
9032
  "value": "#C25200",
@@ -8761,21 +9139,63 @@
8761
9139
  }
8762
9140
  },
8763
9141
  "dark-content-color": {
8764
- "value": "rgb(0 0 0 / 100%)",
8765
- "filePath": "src/components/badge.yml",
8766
- "isSource": true,
8767
- "original": {
8768
- "value": "{dark.color.800}"
9142
+ "default": {
9143
+ "value": "rgb(0 0 0 / 100%)",
9144
+ "filePath": "src/components/badge.yml",
9145
+ "isSource": true,
9146
+ "original": {
9147
+ "value": "{dark.color.800}"
9148
+ },
9149
+ "name": "BadgeDarkContentColorDefault",
9150
+ "attributes": {
9151
+ "category": "badge",
9152
+ "type": "dark-content-color",
9153
+ "item": "default"
9154
+ },
9155
+ "path": [
9156
+ "badge",
9157
+ "dark-content-color",
9158
+ "default"
9159
+ ]
8769
9160
  },
8770
- "name": "BadgeDarkContentColor",
8771
- "attributes": {
8772
- "category": "badge",
8773
- "type": "dark-content-color"
9161
+ "hover": {
9162
+ "value": "rgb(0 0 0 / 100%)",
9163
+ "filePath": "src/components/badge.yml",
9164
+ "isSource": true,
9165
+ "original": {
9166
+ "value": "{dark.color.800}"
9167
+ },
9168
+ "name": "BadgeDarkContentColorHover",
9169
+ "attributes": {
9170
+ "category": "badge",
9171
+ "type": "dark-content-color",
9172
+ "item": "hover"
9173
+ },
9174
+ "path": [
9175
+ "badge",
9176
+ "dark-content-color",
9177
+ "hover"
9178
+ ]
8774
9179
  },
8775
- "path": [
8776
- "badge",
8777
- "dark-content-color"
8778
- ]
9180
+ "pressed": {
9181
+ "value": "rgb(0 0 0 / 100%)",
9182
+ "filePath": "src/components/badge.yml",
9183
+ "isSource": true,
9184
+ "original": {
9185
+ "value": "{dark.color.800}"
9186
+ },
9187
+ "name": "BadgeDarkContentColorPressed",
9188
+ "attributes": {
9189
+ "category": "badge",
9190
+ "type": "dark-content-color",
9191
+ "item": "pressed"
9192
+ },
9193
+ "path": [
9194
+ "badge",
9195
+ "dark-content-color",
9196
+ "pressed"
9197
+ ]
9198
+ }
8779
9199
  },
8780
9200
  "dark-scope-background-color": {
8781
9201
  "value": "rgb(0 0 0 / 100%)",
@@ -8888,21 +9308,63 @@
8888
9308
  }
8889
9309
  },
8890
9310
  "light-content-color": {
8891
- "value": "rgb(255 255 255 / 100%)",
8892
- "filePath": "src/components/badge.yml",
8893
- "isSource": true,
8894
- "original": {
8895
- "value": "{light.color.800}"
9311
+ "default": {
9312
+ "value": "rgb(255 255 255 / 100%)",
9313
+ "filePath": "src/components/badge.yml",
9314
+ "isSource": true,
9315
+ "original": {
9316
+ "value": "{light.color.800}"
9317
+ },
9318
+ "name": "BadgeLightContentColorDefault",
9319
+ "attributes": {
9320
+ "category": "badge",
9321
+ "type": "light-content-color",
9322
+ "item": "default"
9323
+ },
9324
+ "path": [
9325
+ "badge",
9326
+ "light-content-color",
9327
+ "default"
9328
+ ]
8896
9329
  },
8897
- "name": "BadgeLightContentColor",
8898
- "attributes": {
8899
- "category": "badge",
8900
- "type": "light-content-color"
9330
+ "hover": {
9331
+ "value": "rgb(255 255 255 / 100%)",
9332
+ "filePath": "src/components/badge.yml",
9333
+ "isSource": true,
9334
+ "original": {
9335
+ "value": "{light.color.800}"
9336
+ },
9337
+ "name": "BadgeLightContentColorHover",
9338
+ "attributes": {
9339
+ "category": "badge",
9340
+ "type": "light-content-color",
9341
+ "item": "hover"
9342
+ },
9343
+ "path": [
9344
+ "badge",
9345
+ "light-content-color",
9346
+ "hover"
9347
+ ]
8901
9348
  },
8902
- "path": [
8903
- "badge",
8904
- "light-content-color"
8905
- ]
9349
+ "pressed": {
9350
+ "value": "rgb(255 255 255 / 100%)",
9351
+ "filePath": "src/components/badge.yml",
9352
+ "isSource": true,
9353
+ "original": {
9354
+ "value": "{light.color.800}"
9355
+ },
9356
+ "name": "BadgeLightContentColorPressed",
9357
+ "attributes": {
9358
+ "category": "badge",
9359
+ "type": "light-content-color",
9360
+ "item": "pressed"
9361
+ },
9362
+ "path": [
9363
+ "badge",
9364
+ "light-content-color",
9365
+ "pressed"
9366
+ ]
9367
+ }
8906
9368
  },
8907
9369
  "light-scope-background-color": {
8908
9370
  "value": "rgb(255 255 255 / 100%)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "0.1.0-alpha.308",
3
+ "version": "0.1.0-alpha.309",
4
4
  "type": "module",
5
5
  "description": "The design tokens used in Flow, mittwald’s design system",
6
6
  "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -21,5 +21,5 @@
21
21
  "nx": "^20.0.0",
22
22
  "style-dictionary": "^4.1.3"
23
23
  },
24
- "gitHead": "ca395c4be40360bf946ad28e5a040902292611db"
24
+ "gitHead": "291c993b21e8d2cc7c7866057f7bf8a61fd2cb5f"
25
25
  }