@mittwald/flow-design-tokens 0.2.0-alpha.71 → 0.2.0-alpha.73
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 +4 -6
- package/dist/variables.json +68 -104
- package/package.json +2 -2
package/dist/variables.css
CHANGED
|
@@ -697,8 +697,6 @@
|
|
|
697
697
|
--file-drop-zone--border-style--target: var(--border-style--default);
|
|
698
698
|
--button--corner-radius: var(--corner-radius--default);
|
|
699
699
|
--button--pending-icon-color: var(--neutral--color--1000);
|
|
700
|
-
--button--succeeded-icon-color: var(--success--color--800);
|
|
701
|
-
--button--failed-icon-color: var(--danger--color--800);
|
|
702
700
|
--button--border-width: var(--border-width--100);
|
|
703
701
|
--button--accent-plain-background-color--default: var(--success-plain-background-color--default);
|
|
704
702
|
--button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
|
|
@@ -1156,6 +1154,10 @@
|
|
|
1156
1154
|
--menu-item--disabled-color: var(--disabled-plain-content-color);
|
|
1157
1155
|
--code--default-background-color: var(--neutral-soft-background-color--default);
|
|
1158
1156
|
--code--default-content-color: var(--neutral-soft-content-color--default);
|
|
1157
|
+
--icon--info-color: var(--info-outline-content-color);
|
|
1158
|
+
--icon--warning-color: var(--warning-outline-content-color);
|
|
1159
|
+
--icon--danger-color: var(--danger-outline-content-color);
|
|
1160
|
+
--icon--success-color: var(--success-outline-content-color);
|
|
1159
1161
|
--illustrated-message--primary-heading-color: var(--heading--color);
|
|
1160
1162
|
--illustrated-message--dark-heading-color: var(--heading--color-dark);
|
|
1161
1163
|
--illustrated-message--light-heading-color: var(--heading--color-light);
|
|
@@ -1206,10 +1208,6 @@
|
|
|
1206
1208
|
--alert-badge--danger-background-color: var(--danger-soft-background-color--default);
|
|
1207
1209
|
--alert-badge--danger-content-color: var(--danger-soft-content-color--default);
|
|
1208
1210
|
--alert-badge--danger-border-color: var(--danger-outline-border-color);
|
|
1209
|
-
--alert-icon--info-color: var(--info-outline-content-color);
|
|
1210
|
-
--alert-icon--warning-color: var(--warning-outline-content-color);
|
|
1211
|
-
--alert-icon--danger-color: var(--danger-outline-content-color);
|
|
1212
|
-
--alert-icon--success-color: var(--success-outline-content-color);
|
|
1213
1211
|
--alert--info-border-color: var(--info-outline-border-color);
|
|
1214
1212
|
--alert--info-heading-color: var(--info-outline-content-color);
|
|
1215
1213
|
--alert--warning-border-color: var(--warning-outline-border-color);
|
package/dist/variables.json
CHANGED
|
@@ -144,40 +144,6 @@
|
|
|
144
144
|
"pending-icon-color"
|
|
145
145
|
]
|
|
146
146
|
},
|
|
147
|
-
"succeeded-icon-color": {
|
|
148
|
-
"value": "#00825B",
|
|
149
|
-
"filePath": "src/actions/button.yml",
|
|
150
|
-
"isSource": true,
|
|
151
|
-
"original": {
|
|
152
|
-
"value": "{success.color.800}"
|
|
153
|
-
},
|
|
154
|
-
"name": "ButtonSucceededIconColor",
|
|
155
|
-
"attributes": {
|
|
156
|
-
"category": "button",
|
|
157
|
-
"type": "succeeded-icon-color"
|
|
158
|
-
},
|
|
159
|
-
"path": [
|
|
160
|
-
"button",
|
|
161
|
-
"succeeded-icon-color"
|
|
162
|
-
]
|
|
163
|
-
},
|
|
164
|
-
"failed-icon-color": {
|
|
165
|
-
"value": "#E1244C",
|
|
166
|
-
"filePath": "src/actions/button.yml",
|
|
167
|
-
"isSource": true,
|
|
168
|
-
"original": {
|
|
169
|
-
"value": "{danger.color.800}"
|
|
170
|
-
},
|
|
171
|
-
"name": "ButtonFailedIconColor",
|
|
172
|
-
"attributes": {
|
|
173
|
-
"category": "button",
|
|
174
|
-
"type": "failed-icon-color"
|
|
175
|
-
},
|
|
176
|
-
"path": [
|
|
177
|
-
"button",
|
|
178
|
-
"failed-icon-color"
|
|
179
|
-
]
|
|
180
|
-
},
|
|
181
147
|
"border-width": {
|
|
182
148
|
"value": "1px",
|
|
183
149
|
"filePath": "src/actions/button.yml",
|
|
@@ -13666,6 +13632,74 @@
|
|
|
13666
13632
|
"icon",
|
|
13667
13633
|
"color"
|
|
13668
13634
|
]
|
|
13635
|
+
},
|
|
13636
|
+
"info-color": {
|
|
13637
|
+
"value": "#003FB8",
|
|
13638
|
+
"filePath": "src/content/icon.yml",
|
|
13639
|
+
"isSource": true,
|
|
13640
|
+
"original": {
|
|
13641
|
+
"value": "{info-outline-content-color}"
|
|
13642
|
+
},
|
|
13643
|
+
"name": "IconInfoColor",
|
|
13644
|
+
"attributes": {
|
|
13645
|
+
"category": "icon",
|
|
13646
|
+
"type": "info-color"
|
|
13647
|
+
},
|
|
13648
|
+
"path": [
|
|
13649
|
+
"icon",
|
|
13650
|
+
"info-color"
|
|
13651
|
+
]
|
|
13652
|
+
},
|
|
13653
|
+
"warning-color": {
|
|
13654
|
+
"value": "#C25200",
|
|
13655
|
+
"filePath": "src/content/icon.yml",
|
|
13656
|
+
"isSource": true,
|
|
13657
|
+
"original": {
|
|
13658
|
+
"value": "{warning-outline-content-color}"
|
|
13659
|
+
},
|
|
13660
|
+
"name": "IconWarningColor",
|
|
13661
|
+
"attributes": {
|
|
13662
|
+
"category": "icon",
|
|
13663
|
+
"type": "warning-color"
|
|
13664
|
+
},
|
|
13665
|
+
"path": [
|
|
13666
|
+
"icon",
|
|
13667
|
+
"warning-color"
|
|
13668
|
+
]
|
|
13669
|
+
},
|
|
13670
|
+
"danger-color": {
|
|
13671
|
+
"value": "#B4193A",
|
|
13672
|
+
"filePath": "src/content/icon.yml",
|
|
13673
|
+
"isSource": true,
|
|
13674
|
+
"original": {
|
|
13675
|
+
"value": "{danger-outline-content-color}"
|
|
13676
|
+
},
|
|
13677
|
+
"name": "IconDangerColor",
|
|
13678
|
+
"attributes": {
|
|
13679
|
+
"category": "icon",
|
|
13680
|
+
"type": "danger-color"
|
|
13681
|
+
},
|
|
13682
|
+
"path": [
|
|
13683
|
+
"icon",
|
|
13684
|
+
"danger-color"
|
|
13685
|
+
]
|
|
13686
|
+
},
|
|
13687
|
+
"success-color": {
|
|
13688
|
+
"value": "#005F42",
|
|
13689
|
+
"filePath": "src/content/icon.yml",
|
|
13690
|
+
"isSource": true,
|
|
13691
|
+
"original": {
|
|
13692
|
+
"value": "{success-outline-content-color}"
|
|
13693
|
+
},
|
|
13694
|
+
"name": "IconSuccessColor",
|
|
13695
|
+
"attributes": {
|
|
13696
|
+
"category": "icon",
|
|
13697
|
+
"type": "success-color"
|
|
13698
|
+
},
|
|
13699
|
+
"path": [
|
|
13700
|
+
"icon",
|
|
13701
|
+
"success-color"
|
|
13702
|
+
]
|
|
13669
13703
|
}
|
|
13670
13704
|
},
|
|
13671
13705
|
"illustrated-message": {
|
|
@@ -18248,76 +18282,6 @@
|
|
|
18248
18282
|
]
|
|
18249
18283
|
}
|
|
18250
18284
|
},
|
|
18251
|
-
"alert-icon": {
|
|
18252
|
-
"info-color": {
|
|
18253
|
-
"value": "#003FB8",
|
|
18254
|
-
"filePath": "src/status/alert-icon.yml",
|
|
18255
|
-
"isSource": true,
|
|
18256
|
-
"original": {
|
|
18257
|
-
"value": "{info-outline-content-color}"
|
|
18258
|
-
},
|
|
18259
|
-
"name": "AlertIconInfoColor",
|
|
18260
|
-
"attributes": {
|
|
18261
|
-
"category": "alert-icon",
|
|
18262
|
-
"type": "info-color"
|
|
18263
|
-
},
|
|
18264
|
-
"path": [
|
|
18265
|
-
"alert-icon",
|
|
18266
|
-
"info-color"
|
|
18267
|
-
]
|
|
18268
|
-
},
|
|
18269
|
-
"warning-color": {
|
|
18270
|
-
"value": "#C25200",
|
|
18271
|
-
"filePath": "src/status/alert-icon.yml",
|
|
18272
|
-
"isSource": true,
|
|
18273
|
-
"original": {
|
|
18274
|
-
"value": "{warning-outline-content-color}"
|
|
18275
|
-
},
|
|
18276
|
-
"name": "AlertIconWarningColor",
|
|
18277
|
-
"attributes": {
|
|
18278
|
-
"category": "alert-icon",
|
|
18279
|
-
"type": "warning-color"
|
|
18280
|
-
},
|
|
18281
|
-
"path": [
|
|
18282
|
-
"alert-icon",
|
|
18283
|
-
"warning-color"
|
|
18284
|
-
]
|
|
18285
|
-
},
|
|
18286
|
-
"danger-color": {
|
|
18287
|
-
"value": "#B4193A",
|
|
18288
|
-
"filePath": "src/status/alert-icon.yml",
|
|
18289
|
-
"isSource": true,
|
|
18290
|
-
"original": {
|
|
18291
|
-
"value": "{danger-outline-content-color}"
|
|
18292
|
-
},
|
|
18293
|
-
"name": "AlertIconDangerColor",
|
|
18294
|
-
"attributes": {
|
|
18295
|
-
"category": "alert-icon",
|
|
18296
|
-
"type": "danger-color"
|
|
18297
|
-
},
|
|
18298
|
-
"path": [
|
|
18299
|
-
"alert-icon",
|
|
18300
|
-
"danger-color"
|
|
18301
|
-
]
|
|
18302
|
-
},
|
|
18303
|
-
"success-color": {
|
|
18304
|
-
"value": "#005F42",
|
|
18305
|
-
"filePath": "src/status/alert-icon.yml",
|
|
18306
|
-
"isSource": true,
|
|
18307
|
-
"original": {
|
|
18308
|
-
"value": "{success-outline-content-color}"
|
|
18309
|
-
},
|
|
18310
|
-
"name": "AlertIconSuccessColor",
|
|
18311
|
-
"attributes": {
|
|
18312
|
-
"category": "alert-icon",
|
|
18313
|
-
"type": "success-color"
|
|
18314
|
-
},
|
|
18315
|
-
"path": [
|
|
18316
|
-
"alert-icon",
|
|
18317
|
-
"success-color"
|
|
18318
|
-
]
|
|
18319
|
-
}
|
|
18320
|
-
},
|
|
18321
18285
|
"alert": {
|
|
18322
18286
|
"padding": {
|
|
18323
18287
|
"value": "16px",
|
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.73",
|
|
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.0.1",
|
|
25
25
|
"style-dictionary": "^4.3.3"
|
|
26
26
|
},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "60af39ad8b760192353ccf8a99178e8222276a1c"
|
|
28
28
|
}
|