@mittwald/flow-design-tokens 0.2.0-alpha.624 → 0.2.0-alpha.626
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/dist/variables.css +7 -2
- package/dist/variables.json +135 -38
- package/package.json +2 -2
package/dist/variables.css
CHANGED
|
@@ -511,7 +511,6 @@
|
|
|
511
511
|
--calendar--header-cell-font-weight: var(--font-weight--bold);
|
|
512
512
|
--field-description--font-size: var(--font-size-text--s);
|
|
513
513
|
--field-error--font-size: var(--font-size-text--s);
|
|
514
|
-
--field-error--spacing: var(--size-rem--xs);
|
|
515
514
|
--form-control--label-to-control-spacing: var(--size-rem--xxs);
|
|
516
515
|
--form-control--control-to-info-spacing: var(--size-rem--xs);
|
|
517
516
|
--form-control--spacing-x: var(--size-rem--s);
|
|
@@ -671,6 +670,7 @@
|
|
|
671
670
|
--counter-badge--font-weight: var(--font-weight--bold);
|
|
672
671
|
--counter-badge--padding-inline: var(--size-rem--xs);
|
|
673
672
|
--counter-badge--border-style: var(--border-style--default);
|
|
673
|
+
--inline-alert--spacing: var(--size-rem--xs);
|
|
674
674
|
--notification-provider--window-to-provider-spacing: var(--size-px--xl);
|
|
675
675
|
--notification-provider--notification-to-notification-spacing: var(--size-px--m);
|
|
676
676
|
--notification--padding: var(--size-px--s);
|
|
@@ -977,7 +977,6 @@
|
|
|
977
977
|
--calendar--cell-background-color--hover: var(--dark-plain-background-color--hover);
|
|
978
978
|
--calendar--cell-background-color--pressed: var(--dark-plain-background-color--pressed);
|
|
979
979
|
--calendar--cell-range-background-color: var(--primary--color--100);
|
|
980
|
-
--field-error--color: var(--danger--color--800);
|
|
981
980
|
--form-control--corner-radius: var(--corner-radius--default);
|
|
982
981
|
--form-control--border-width: var(--border-width--100);
|
|
983
982
|
--form-control--placeholder-color--default: var(--neutral--color--900);
|
|
@@ -1217,6 +1216,7 @@
|
|
|
1217
1216
|
--icon--warning-color: var(--warning-outline-content-color);
|
|
1218
1217
|
--icon--danger-color: var(--danger-outline-content-color);
|
|
1219
1218
|
--icon--success-color: var(--success-outline-content-color);
|
|
1219
|
+
--icon--unavailable-color: var(--neutral-outline-content-color);
|
|
1220
1220
|
--image--border-color: var(--neutral-outline-border-color);
|
|
1221
1221
|
--label--color--disabled: var(--disabled-plain-content-color);
|
|
1222
1222
|
--text--color--disabled: var(--disabled-plain-content-color);
|
|
@@ -1295,6 +1295,11 @@
|
|
|
1295
1295
|
--badge--disabled-scope-content-color: var(--disabled-solid-content-color);
|
|
1296
1296
|
--counter-badge--background-color: var(--success-solid-background-color--default);
|
|
1297
1297
|
--counter-badge--content-color: var(--success-solid-content-color);
|
|
1298
|
+
--inline-alert--info-color: var(--info-outline-content-color);
|
|
1299
|
+
--inline-alert--warning-color: var(--warning-outline-content-color);
|
|
1300
|
+
--inline-alert--danger-color: var(--danger-outline-content-color);
|
|
1301
|
+
--inline-alert--success-color: var(--success-outline-content-color);
|
|
1302
|
+
--inline-alert--unavailable-color: var(--neutral-outline-content-color);
|
|
1298
1303
|
--loading-spinner--color: var(--icon--color);
|
|
1299
1304
|
--notification--info-border-color: var(--info-outline-border-color);
|
|
1300
1305
|
--notification--info-heading-color: var(--info-outline-content-color);
|
package/dist/variables.json
CHANGED
|
@@ -15384,6 +15384,25 @@
|
|
|
15384
15384
|
"icon",
|
|
15385
15385
|
"success-color"
|
|
15386
15386
|
]
|
|
15387
|
+
},
|
|
15388
|
+
"unavailable-color": {
|
|
15389
|
+
"key": "{icon.unavailable-color}",
|
|
15390
|
+
"value": "#222222",
|
|
15391
|
+
"filePath": "src/content/icon.yml",
|
|
15392
|
+
"isSource": true,
|
|
15393
|
+
"original": {
|
|
15394
|
+
"value": "{neutral-outline-content-color}",
|
|
15395
|
+
"key": "{icon.unavailable-color}"
|
|
15396
|
+
},
|
|
15397
|
+
"name": "IconUnavailableColor",
|
|
15398
|
+
"attributes": {
|
|
15399
|
+
"category": "icon",
|
|
15400
|
+
"type": "unavailable-color"
|
|
15401
|
+
},
|
|
15402
|
+
"path": [
|
|
15403
|
+
"icon",
|
|
15404
|
+
"unavailable-color"
|
|
15405
|
+
]
|
|
15387
15406
|
}
|
|
15388
15407
|
},
|
|
15389
15408
|
"illustrated-message": {
|
|
@@ -17457,44 +17476,6 @@
|
|
|
17457
17476
|
"field-error",
|
|
17458
17477
|
"font-size"
|
|
17459
17478
|
]
|
|
17460
|
-
},
|
|
17461
|
-
"color": {
|
|
17462
|
-
"key": "{field-error.color}",
|
|
17463
|
-
"value": "#E1244C",
|
|
17464
|
-
"filePath": "src/form/field-error.yml",
|
|
17465
|
-
"isSource": true,
|
|
17466
|
-
"original": {
|
|
17467
|
-
"value": "{danger.color.800}",
|
|
17468
|
-
"key": "{field-error.color}"
|
|
17469
|
-
},
|
|
17470
|
-
"name": "FieldErrorColor",
|
|
17471
|
-
"attributes": {
|
|
17472
|
-
"category": "field-error",
|
|
17473
|
-
"type": "color"
|
|
17474
|
-
},
|
|
17475
|
-
"path": [
|
|
17476
|
-
"field-error",
|
|
17477
|
-
"color"
|
|
17478
|
-
]
|
|
17479
|
-
},
|
|
17480
|
-
"spacing": {
|
|
17481
|
-
"key": "{field-error.spacing}",
|
|
17482
|
-
"value": "0.25rem",
|
|
17483
|
-
"filePath": "src/form/field-error.yml",
|
|
17484
|
-
"isSource": true,
|
|
17485
|
-
"original": {
|
|
17486
|
-
"value": "{size-rem.xs}",
|
|
17487
|
-
"key": "{field-error.spacing}"
|
|
17488
|
-
},
|
|
17489
|
-
"name": "FieldErrorSpacing",
|
|
17490
|
-
"attributes": {
|
|
17491
|
-
"category": "field-error",
|
|
17492
|
-
"type": "spacing"
|
|
17493
|
-
},
|
|
17494
|
-
"path": [
|
|
17495
|
-
"field-error",
|
|
17496
|
-
"spacing"
|
|
17497
|
-
]
|
|
17498
17479
|
}
|
|
17499
17480
|
},
|
|
17500
17481
|
"form-control": {
|
|
@@ -23900,6 +23881,122 @@
|
|
|
23900
23881
|
]
|
|
23901
23882
|
}
|
|
23902
23883
|
},
|
|
23884
|
+
"inline-alert": {
|
|
23885
|
+
"spacing": {
|
|
23886
|
+
"key": "{inline-alert.spacing}",
|
|
23887
|
+
"value": "0.25rem",
|
|
23888
|
+
"filePath": "src/status/inline-alert.yml",
|
|
23889
|
+
"isSource": true,
|
|
23890
|
+
"original": {
|
|
23891
|
+
"value": "{size-rem.xs}",
|
|
23892
|
+
"key": "{inline-alert.spacing}"
|
|
23893
|
+
},
|
|
23894
|
+
"name": "InlineAlertSpacing",
|
|
23895
|
+
"attributes": {
|
|
23896
|
+
"category": "inline-alert",
|
|
23897
|
+
"type": "spacing"
|
|
23898
|
+
},
|
|
23899
|
+
"path": [
|
|
23900
|
+
"inline-alert",
|
|
23901
|
+
"spacing"
|
|
23902
|
+
]
|
|
23903
|
+
},
|
|
23904
|
+
"info-color": {
|
|
23905
|
+
"key": "{inline-alert.info-color}",
|
|
23906
|
+
"value": "#003FB8",
|
|
23907
|
+
"filePath": "src/status/inline-alert.yml",
|
|
23908
|
+
"isSource": true,
|
|
23909
|
+
"original": {
|
|
23910
|
+
"value": "{info-outline-content-color}",
|
|
23911
|
+
"key": "{inline-alert.info-color}"
|
|
23912
|
+
},
|
|
23913
|
+
"name": "InlineAlertInfoColor",
|
|
23914
|
+
"attributes": {
|
|
23915
|
+
"category": "inline-alert",
|
|
23916
|
+
"type": "info-color"
|
|
23917
|
+
},
|
|
23918
|
+
"path": [
|
|
23919
|
+
"inline-alert",
|
|
23920
|
+
"info-color"
|
|
23921
|
+
]
|
|
23922
|
+
},
|
|
23923
|
+
"warning-color": {
|
|
23924
|
+
"key": "{inline-alert.warning-color}",
|
|
23925
|
+
"value": "#C25200",
|
|
23926
|
+
"filePath": "src/status/inline-alert.yml",
|
|
23927
|
+
"isSource": true,
|
|
23928
|
+
"original": {
|
|
23929
|
+
"value": "{warning-outline-content-color}",
|
|
23930
|
+
"key": "{inline-alert.warning-color}"
|
|
23931
|
+
},
|
|
23932
|
+
"name": "InlineAlertWarningColor",
|
|
23933
|
+
"attributes": {
|
|
23934
|
+
"category": "inline-alert",
|
|
23935
|
+
"type": "warning-color"
|
|
23936
|
+
},
|
|
23937
|
+
"path": [
|
|
23938
|
+
"inline-alert",
|
|
23939
|
+
"warning-color"
|
|
23940
|
+
]
|
|
23941
|
+
},
|
|
23942
|
+
"danger-color": {
|
|
23943
|
+
"key": "{inline-alert.danger-color}",
|
|
23944
|
+
"value": "#B4193A",
|
|
23945
|
+
"filePath": "src/status/inline-alert.yml",
|
|
23946
|
+
"isSource": true,
|
|
23947
|
+
"original": {
|
|
23948
|
+
"value": "{danger-outline-content-color}",
|
|
23949
|
+
"key": "{inline-alert.danger-color}"
|
|
23950
|
+
},
|
|
23951
|
+
"name": "InlineAlertDangerColor",
|
|
23952
|
+
"attributes": {
|
|
23953
|
+
"category": "inline-alert",
|
|
23954
|
+
"type": "danger-color"
|
|
23955
|
+
},
|
|
23956
|
+
"path": [
|
|
23957
|
+
"inline-alert",
|
|
23958
|
+
"danger-color"
|
|
23959
|
+
]
|
|
23960
|
+
},
|
|
23961
|
+
"success-color": {
|
|
23962
|
+
"key": "{inline-alert.success-color}",
|
|
23963
|
+
"value": "#005F42",
|
|
23964
|
+
"filePath": "src/status/inline-alert.yml",
|
|
23965
|
+
"isSource": true,
|
|
23966
|
+
"original": {
|
|
23967
|
+
"value": "{success-outline-content-color}",
|
|
23968
|
+
"key": "{inline-alert.success-color}"
|
|
23969
|
+
},
|
|
23970
|
+
"name": "InlineAlertSuccessColor",
|
|
23971
|
+
"attributes": {
|
|
23972
|
+
"category": "inline-alert",
|
|
23973
|
+
"type": "success-color"
|
|
23974
|
+
},
|
|
23975
|
+
"path": [
|
|
23976
|
+
"inline-alert",
|
|
23977
|
+
"success-color"
|
|
23978
|
+
]
|
|
23979
|
+
},
|
|
23980
|
+
"unavailable-color": {
|
|
23981
|
+
"key": "{inline-alert.unavailable-color}",
|
|
23982
|
+
"value": "#222222",
|
|
23983
|
+
"filePath": "src/status/inline-alert.yml",
|
|
23984
|
+
"isSource": true,
|
|
23985
|
+
"original": {
|
|
23986
|
+
"value": "{neutral-outline-content-color}",
|
|
23987
|
+
"key": "{inline-alert.unavailable-color}"
|
|
23988
|
+
},
|
|
23989
|
+
"name": "InlineAlertUnavailableColor",
|
|
23990
|
+
"attributes": {
|
|
23991
|
+
"category": "inline-alert",
|
|
23992
|
+
"type": "unavailable-color"
|
|
23993
|
+
},
|
|
23994
|
+
"path": [
|
|
23995
|
+
"inline-alert",
|
|
23996
|
+
"unavailable-color"
|
|
23997
|
+
]
|
|
23998
|
+
}
|
|
23999
|
+
},
|
|
23903
24000
|
"loading-spinner": {
|
|
23904
24001
|
"transition-duration": {
|
|
23905
24002
|
"key": "{loading-spinner.transition-duration}",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-design-tokens",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.626",
|
|
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",
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
"rimraf": "^6.1.2",
|
|
25
25
|
"style-dictionary": "^5.1.1"
|
|
26
26
|
},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "0f2bd46e071e835f7210327d2ee93069419ee604"
|
|
28
28
|
}
|