@mittwald/flow-design-tokens 0.2.0-alpha.70 → 0.2.0-alpha.72
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 +5 -6
- package/dist/variables.json +85 -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);
|
|
@@ -918,6 +916,7 @@
|
|
|
918
916
|
--text--color--dark: var(--dark-plain-content-color);
|
|
919
917
|
--text--blockquote-border-width: var(--border-width--300);
|
|
920
918
|
--focus--outline-color: var(--primary--color--800);
|
|
919
|
+
--focus--secondary-outline-color: var(--neutral--color--100);
|
|
921
920
|
--focus--outline-width: var(--border-width--200);
|
|
922
921
|
--choice--icon-color--selected: var(--primary--color--800);
|
|
923
922
|
--calendar--heading-font-size: var(--font-size-text--default);
|
|
@@ -1155,6 +1154,10 @@
|
|
|
1155
1154
|
--menu-item--disabled-color: var(--disabled-plain-content-color);
|
|
1156
1155
|
--code--default-background-color: var(--neutral-soft-background-color--default);
|
|
1157
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);
|
|
1158
1161
|
--illustrated-message--primary-heading-color: var(--heading--color);
|
|
1159
1162
|
--illustrated-message--dark-heading-color: var(--heading--color-dark);
|
|
1160
1163
|
--illustrated-message--light-heading-color: var(--heading--color-light);
|
|
@@ -1205,10 +1208,6 @@
|
|
|
1205
1208
|
--alert-badge--danger-background-color: var(--danger-soft-background-color--default);
|
|
1206
1209
|
--alert-badge--danger-content-color: var(--danger-soft-content-color--default);
|
|
1207
1210
|
--alert-badge--danger-border-color: var(--danger-outline-border-color);
|
|
1208
|
-
--alert-icon--info-color: var(--info-outline-content-color);
|
|
1209
|
-
--alert-icon--warning-color: var(--warning-outline-content-color);
|
|
1210
|
-
--alert-icon--danger-color: var(--danger-outline-content-color);
|
|
1211
|
-
--alert-icon--success-color: var(--success-outline-content-color);
|
|
1212
1211
|
--alert--info-border-color: var(--info-outline-border-color);
|
|
1213
1212
|
--alert--info-heading-color: var(--info-outline-content-color);
|
|
1214
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": {
|
|
@@ -14294,6 +14328,23 @@
|
|
|
14294
14328
|
"outline-color"
|
|
14295
14329
|
]
|
|
14296
14330
|
},
|
|
14331
|
+
"secondary-outline-color": {
|
|
14332
|
+
"value": "#FFFFFF",
|
|
14333
|
+
"filePath": "src/focus.yml",
|
|
14334
|
+
"isSource": true,
|
|
14335
|
+
"original": {
|
|
14336
|
+
"value": "{neutral.color.100}"
|
|
14337
|
+
},
|
|
14338
|
+
"name": "FocusSecondaryOutlineColor",
|
|
14339
|
+
"attributes": {
|
|
14340
|
+
"category": "focus",
|
|
14341
|
+
"type": "secondary-outline-color"
|
|
14342
|
+
},
|
|
14343
|
+
"path": [
|
|
14344
|
+
"focus",
|
|
14345
|
+
"secondary-outline-color"
|
|
14346
|
+
]
|
|
14347
|
+
},
|
|
14297
14348
|
"outline-offset": {
|
|
14298
14349
|
"value": "2px",
|
|
14299
14350
|
"filePath": "src/focus.yml",
|
|
@@ -18231,76 +18282,6 @@
|
|
|
18231
18282
|
]
|
|
18232
18283
|
}
|
|
18233
18284
|
},
|
|
18234
|
-
"alert-icon": {
|
|
18235
|
-
"info-color": {
|
|
18236
|
-
"value": "#003FB8",
|
|
18237
|
-
"filePath": "src/status/alert-icon.yml",
|
|
18238
|
-
"isSource": true,
|
|
18239
|
-
"original": {
|
|
18240
|
-
"value": "{info-outline-content-color}"
|
|
18241
|
-
},
|
|
18242
|
-
"name": "AlertIconInfoColor",
|
|
18243
|
-
"attributes": {
|
|
18244
|
-
"category": "alert-icon",
|
|
18245
|
-
"type": "info-color"
|
|
18246
|
-
},
|
|
18247
|
-
"path": [
|
|
18248
|
-
"alert-icon",
|
|
18249
|
-
"info-color"
|
|
18250
|
-
]
|
|
18251
|
-
},
|
|
18252
|
-
"warning-color": {
|
|
18253
|
-
"value": "#C25200",
|
|
18254
|
-
"filePath": "src/status/alert-icon.yml",
|
|
18255
|
-
"isSource": true,
|
|
18256
|
-
"original": {
|
|
18257
|
-
"value": "{warning-outline-content-color}"
|
|
18258
|
-
},
|
|
18259
|
-
"name": "AlertIconWarningColor",
|
|
18260
|
-
"attributes": {
|
|
18261
|
-
"category": "alert-icon",
|
|
18262
|
-
"type": "warning-color"
|
|
18263
|
-
},
|
|
18264
|
-
"path": [
|
|
18265
|
-
"alert-icon",
|
|
18266
|
-
"warning-color"
|
|
18267
|
-
]
|
|
18268
|
-
},
|
|
18269
|
-
"danger-color": {
|
|
18270
|
-
"value": "#B4193A",
|
|
18271
|
-
"filePath": "src/status/alert-icon.yml",
|
|
18272
|
-
"isSource": true,
|
|
18273
|
-
"original": {
|
|
18274
|
-
"value": "{danger-outline-content-color}"
|
|
18275
|
-
},
|
|
18276
|
-
"name": "AlertIconDangerColor",
|
|
18277
|
-
"attributes": {
|
|
18278
|
-
"category": "alert-icon",
|
|
18279
|
-
"type": "danger-color"
|
|
18280
|
-
},
|
|
18281
|
-
"path": [
|
|
18282
|
-
"alert-icon",
|
|
18283
|
-
"danger-color"
|
|
18284
|
-
]
|
|
18285
|
-
},
|
|
18286
|
-
"success-color": {
|
|
18287
|
-
"value": "#005F42",
|
|
18288
|
-
"filePath": "src/status/alert-icon.yml",
|
|
18289
|
-
"isSource": true,
|
|
18290
|
-
"original": {
|
|
18291
|
-
"value": "{success-outline-content-color}"
|
|
18292
|
-
},
|
|
18293
|
-
"name": "AlertIconSuccessColor",
|
|
18294
|
-
"attributes": {
|
|
18295
|
-
"category": "alert-icon",
|
|
18296
|
-
"type": "success-color"
|
|
18297
|
-
},
|
|
18298
|
-
"path": [
|
|
18299
|
-
"alert-icon",
|
|
18300
|
-
"success-color"
|
|
18301
|
-
]
|
|
18302
|
-
}
|
|
18303
|
-
},
|
|
18304
18285
|
"alert": {
|
|
18305
18286
|
"padding": {
|
|
18306
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.72",
|
|
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": "04387c8e7dea3de3341c52da2b0f61a4bd689b6f"
|
|
28
28
|
}
|