@mittwald/flow-design-tokens 0.2.0-alpha.719 → 0.2.0-alpha.720

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.
Files changed (3) hide show
  1. package/dist/variables.css +29 -87
  2. package/dist/variables.json +584 -1662
  3. package/package.json +2 -2
package/dist/variables.css CHANGED
@@ -138,82 +138,17 @@
138
138
  --color--categorical--lime: #bce931;
139
139
  --color--transparent: transparent;
140
140
  --color--gradient: radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%);
141
+ --color--code-syntax--keyword: #cf222e;
142
+ --color--code-syntax--type: #6f42c1;
143
+ --color--code-syntax--variable: #005cc5;
144
+ --color--code-syntax--property: #6f42c1;
145
+ --color--code-syntax--string: #032f62;
146
+ --color--code-syntax--number: #005cc5;
147
+ --color--code-syntax--comment: #6a737d;
148
+ --color--code-syntax--function: #8250df;
149
+ --color--code-syntax--operator: #C12F3F;
150
+ --color--code-syntax--invalid: #cb2431;
141
151
  --avatar--size--m: 2.5rem;
142
- --code--default-syntax-color-addition: #397300;
143
- --code--default-syntax-color-built-in: #397300;
144
- --code--default-syntax-color-bullet: #397300;
145
- --code--default-syntax-color-code: #397300;
146
- --code--default-syntax-color-comment: #666666;
147
- --code--default-syntax-color-deletion: #880000;
148
- --code--default-syntax-color-link: #a94747;
149
- --code--default-syntax-color-literal: #4c6d3b;
150
- --code--default-syntax-color-meta: #1e6e94;
151
- --code--default-syntax-color-meta-string: #326d8b;
152
- --code--default-syntax-color-number: #880000;
153
- --code--default-syntax-color-quote: #880000;
154
- --code--default-syntax-color-regexp: #a94747;
155
- --code--default-syntax-color-section: #880000;
156
- --code--default-syntax-color-selector-attr: #a94747;
157
- --code--default-syntax-color-selector-class: #880000;
158
- --code--default-syntax-color-selector-id: #880000;
159
- --code--default-syntax-color-selector-pseudo: #a94747;
160
- --code--default-syntax-color-string: #880000;
161
- --code--default-syntax-color-symbol: #a94747;
162
- --code--default-syntax-color-template-tag: #880000;
163
- --code--default-syntax-color-template-variable: #a94747;
164
- --code--default-syntax-color-title: #880000;
165
- --code--default-syntax-color-type: #880000;
166
- --code--default-syntax-color-variable: #a94747;
167
- --code--light-syntax-color-addition: #68d100;
168
- --code--light-syntax-color-built-in: #68d100;
169
- --code--light-syntax-color-bullet: #68d100;
170
- --code--light-syntax-color-code: #68d100;
171
- --code--light-syntax-color-comment: #b8b8b8;
172
- --code--light-syntax-color-deletion: #ff9e9e;
173
- --code--light-syntax-color-link: #dcacac;
174
- --code--light-syntax-color-literal: #9fc28e;
175
- --code--light-syntax-color-meta: #77c0e4;
176
- --code--light-syntax-color-meta-string: #8ebfd7;
177
- --code--light-syntax-color-number: #ff9e9e;
178
- --code--light-syntax-color-pseudo: #dcacac;
179
- --code--light-syntax-color-quote: #ff9e9e;
180
- --code--light-syntax-color-regexp: #dcacac;
181
- --code--light-syntax-color-section: #ff9e9e;
182
- --code--light-syntax-color-selector-attr: #dcacac;
183
- --code--light-syntax-color-selector-class: #ff9e9e;
184
- --code--light-syntax-color-selector-id: #ff9e9e;
185
- --code--light-syntax-color-string: #ff9e9e;
186
- --code--light-syntax-color-symbol: #dcacac;
187
- --code--light-syntax-color-template-tag: #ff9e9e;
188
- --code--light-syntax-color-template-variable: #dcacac;
189
- --code--light-syntax-color-title: #ff9e9e;
190
- --code--light-syntax-color-type: #ff9e9e;
191
- --code--light-syntax-color-variable: #dcacac;
192
- --code--dark-syntax-color-addition: #306100;
193
- --code--dark-syntax-color-built-in: #306100;
194
- --code--dark-syntax-color-bullet: #306100;
195
- --code--dark-syntax-color-code: #306100;
196
- --code--dark-syntax-color-comment: #575757;
197
- --code--dark-syntax-color-deletion: #880000;
198
- --code--dark-syntax-color-link: #8c3b3b;
199
- --code--dark-syntax-color-literal: #405d32;
200
- --code--dark-syntax-color-meta: #195b7b;
201
- --code--dark-syntax-color-meta-string: #2a5b74;
202
- --code--dark-syntax-color-number: #880000;
203
- --code--dark-syntax-color-pseudo: #8c3b3b;
204
- --code--dark-syntax-color-quote: #880000;
205
- --code--dark-syntax-color-regexp: #8c3b3b;
206
- --code--dark-syntax-color-section: #880000;
207
- --code--dark-syntax-color-selector-attr: #8c3b3b;
208
- --code--dark-syntax-color-selector-class: #880000;
209
- --code--dark-syntax-color-selector-id: #880000;
210
- --code--dark-syntax-color-string: #880000;
211
- --code--dark-syntax-color-symbol: #8c3b3b;
212
- --code--dark-syntax-color-template-tag: #880000;
213
- --code--dark-syntax-color-template-variable: #8c3b3b;
214
- --code--dark-syntax-color-title: #880000;
215
- --code--dark-syntax-color-type: #880000;
216
- --code--dark-syntax-color-variable: #8c3b3b;
217
152
  --icon--size--s: 1rem;
218
153
  --icon--size--m: 1.5rem;
219
154
  --icon--size--l: 4rem;
@@ -442,11 +377,10 @@
442
377
  --avatar--size--xs: var(--size-rem--l);
443
378
  --avatar--size--s: var(--size-rem--xl);
444
379
  --avatar--size--l: var(--size-rem--xxl);
445
- --code--font-size: var(--font-size-text--s);
446
- --code--padding-x: var(--size-px--xs);
447
- --code--padding-y: var(--size-px--xxs);
448
- --code--padding: var(--size-px--m);
449
- --code--spacing: var(--size-px--m);
380
+ --code-block--font-size: var(--font-size-text--s);
381
+ --code-block--padding: var(--size-px--m);
382
+ --code-block--spacing: var(--size-px--s);
383
+ --code-block--border-style: var(--border-style--default);
450
384
  --decorative--blue-background-color: var(--color--hosting-blue--200);
451
385
  --decorative--blue-content-accent-color: var(--color--hosting-blue--800);
452
386
  --decorative--blue-content-color: var(--color--hosting-blue--1000);
@@ -471,6 +405,9 @@
471
405
  --illustrated-message--spacing: var(--size-rem--m);
472
406
  --image--border-style: var(--border-style--default);
473
407
  --initials--font-weight: var(--font-weight--bold);
408
+ --inline-code--font-size: var(--font-size-text--s);
409
+ --inline-code--padding-x: var(--size-px--xs);
410
+ --inline-code--padding-y: var(--size-px--xxs);
474
411
  --kbd--padding: var(--size-px--xs);
475
412
  --kbd--padding-y-start: var(--size-px--xxs);
476
413
  --kbd--inner-shadow-color--default: var(--dark--color--200);
@@ -944,11 +881,9 @@
944
881
  --avatar--warning-status-background-color: var(--warning--color--200);
945
882
  --avatar--danger-status-background-color: var(--danger--color--200);
946
883
  --avatar--success-status-background-color: var(--success--color--200);
947
- --code--corner-radius: var(--corner-radius--default);
948
- --code--light-background-color: var(--light-soft-background-color--default);
949
- --code--light-content-color: var(--light-soft-content-color);
950
- --code--dark-background-color: var(--dark-soft-background-color--default);
951
- --code--dark-content-color: var(--dark-soft-content-color);
884
+ --code-block--corner-radius: var(--corner-radius--default);
885
+ --code-block--border-width: var(--border-width--100);
886
+ --code-block--background-color: var(--neutral--color--200);
952
887
  --heading--color: var(--primary--color--1000);
953
888
  --heading--color-dark: var(--dark-plain-content-color);
954
889
  --heading--color-light: var(--light-plain-content-color);
@@ -963,6 +898,11 @@
963
898
  --illustrated-message--light-content-color: var(--light-plain-content-color);
964
899
  --image--corner-radius: var(--corner-radius--default);
965
900
  --image--border-width: var(--border-width--100);
901
+ --inline-code--corner-radius: var(--corner-radius--default);
902
+ --inline-code--light-background-color: var(--light-soft-background-color--default);
903
+ --inline-code--light-content-color: var(--light-soft-content-color);
904
+ --inline-code--dark-background-color: var(--dark-soft-background-color--default);
905
+ --inline-code--dark-content-color: var(--dark-soft-content-color);
966
906
  --kbd--corner-radius: var(--corner-radius--default);
967
907
  --kbd--inner-shadow-color--disabled: var(--disabled-soft-dark-background-color);
968
908
  --label--line-height: var(--line-height--m);
@@ -1223,13 +1163,14 @@
1223
1163
  --menu-item--background-color--hover: var(--primary-plain-background-color--hover);
1224
1164
  --menu-item--background-color--current: var(--primary-plain-background-color--pressed);
1225
1165
  --menu-item--disabled-color: var(--disabled-plain-content-color);
1226
- --code--default-background-color: var(--neutral-soft-background-color--default);
1227
- --code--default-content-color: var(--neutral-soft-content-color--default);
1166
+ --code-block--content-color: var(--neutral-soft-content-color--default);
1228
1167
  --icon--info-color: var(--info-outline-content-color);
1229
1168
  --icon--warning-color: var(--warning-outline-content-color);
1230
1169
  --icon--danger-color: var(--danger-outline-content-color);
1231
1170
  --icon--success-color: var(--success-outline-content-color);
1232
1171
  --image--border-color: var(--neutral-outline-border-color);
1172
+ --inline-code--default-background-color: var(--neutral-soft-background-color--default);
1173
+ --inline-code--default-content-color: var(--neutral-soft-content-color--default);
1233
1174
  --kbd--background-color--default: var(--neutral-soft-background-color--default);
1234
1175
  --kbd--background-color--disabled: var(--disabled-soft-background-color);
1235
1176
  --kbd--content-color--default: var(--neutral-soft-content-color--default);
@@ -1353,5 +1294,6 @@
1353
1294
  --file-drop-zone--background-color--target: var(--form-control--background-color--hover);
1354
1295
  --file-drop-zone--background-color--disabled: var(--disabled-outline-background-color);
1355
1296
  --file-drop-zone--border-color--disabled: var(--disabled-outline-border-color);
1297
+ --code-block--border-color: var(--separator--color);
1356
1298
  --file-drop-zone--border-color--default: var(--form-control--border-color--default);
1357
1299
  }