@mirohq/design-system-stitches 2.6.24 → 2.6.25
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/types.d.ts +44 -12
- package/package.json +3 -3
package/dist/types.d.ts
CHANGED
|
@@ -397,6 +397,7 @@ declare const config: {
|
|
|
397
397
|
"border-danger-active"?: any;
|
|
398
398
|
"border-danger-hover"?: any;
|
|
399
399
|
"border-danger-pressed"?: any;
|
|
400
|
+
"border-danger-subtle"?: any;
|
|
400
401
|
"border-focus-error-inner"?: any;
|
|
401
402
|
"border-focus-error-middle"?: any;
|
|
402
403
|
"border-focus-error-outer"?: any;
|
|
@@ -431,11 +432,14 @@ declare const config: {
|
|
|
431
432
|
"border-primary-inverted"?: any;
|
|
432
433
|
"border-primary-pressed"?: any;
|
|
433
434
|
"border-primary-selected"?: any;
|
|
435
|
+
"border-primary-subtle"?: any;
|
|
434
436
|
"border-success"?: any;
|
|
435
437
|
"border-success-active"?: any;
|
|
436
438
|
"border-success-hover"?: any;
|
|
437
439
|
"border-success-pressed"?: any;
|
|
440
|
+
"border-success-subtle"?: any;
|
|
438
441
|
"border-warning"?: any;
|
|
442
|
+
"border-warning-subtle"?: any;
|
|
439
443
|
"button-background-primary"?: any;
|
|
440
444
|
"button-background-primary-hover"?: any;
|
|
441
445
|
"button-background-primary-pressed"?: any;
|
|
@@ -1181,6 +1185,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1181
1185
|
"border-danger-active"?: string | number | boolean | undefined;
|
|
1182
1186
|
"border-danger-hover"?: string | number | boolean | undefined;
|
|
1183
1187
|
"border-danger-pressed"?: string | number | boolean | undefined;
|
|
1188
|
+
"border-danger-subtle"?: string | number | boolean | undefined;
|
|
1184
1189
|
"border-focus-error-inner"?: string | number | boolean | undefined;
|
|
1185
1190
|
"border-focus-error-middle"?: string | number | boolean | undefined;
|
|
1186
1191
|
"border-focus-error-outer"?: string | number | boolean | undefined;
|
|
@@ -1215,11 +1220,14 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1215
1220
|
"border-primary-inverted"?: string | number | boolean | undefined;
|
|
1216
1221
|
"border-primary-pressed"?: string | number | boolean | undefined;
|
|
1217
1222
|
"border-primary-selected"?: string | number | boolean | undefined;
|
|
1223
|
+
"border-primary-subtle"?: string | number | boolean | undefined;
|
|
1218
1224
|
"border-success"?: string | number | boolean | undefined;
|
|
1219
1225
|
"border-success-active"?: string | number | boolean | undefined;
|
|
1220
1226
|
"border-success-hover"?: string | number | boolean | undefined;
|
|
1221
1227
|
"border-success-pressed"?: string | number | boolean | undefined;
|
|
1228
|
+
"border-success-subtle"?: string | number | boolean | undefined;
|
|
1222
1229
|
"border-warning"?: string | number | boolean | undefined;
|
|
1230
|
+
"border-warning-subtle"?: string | number | boolean | undefined;
|
|
1223
1231
|
"button-background-primary"?: string | number | boolean | undefined;
|
|
1224
1232
|
"button-background-primary-hover"?: string | number | boolean | undefined;
|
|
1225
1233
|
"button-background-primary-pressed"?: string | number | boolean | undefined;
|
|
@@ -1781,6 +1789,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1781
1789
|
"border-danger-active"?: string | number | boolean | undefined;
|
|
1782
1790
|
"border-danger-hover"?: string | number | boolean | undefined;
|
|
1783
1791
|
"border-danger-pressed"?: string | number | boolean | undefined;
|
|
1792
|
+
"border-danger-subtle"?: string | number | boolean | undefined;
|
|
1784
1793
|
"border-focus-error-inner"?: string | number | boolean | undefined;
|
|
1785
1794
|
"border-focus-error-middle"?: string | number | boolean | undefined;
|
|
1786
1795
|
"border-focus-error-outer"?: string | number | boolean | undefined;
|
|
@@ -1815,11 +1824,14 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1815
1824
|
"border-primary-inverted"?: string | number | boolean | undefined;
|
|
1816
1825
|
"border-primary-pressed"?: string | number | boolean | undefined;
|
|
1817
1826
|
"border-primary-selected"?: string | number | boolean | undefined;
|
|
1827
|
+
"border-primary-subtle"?: string | number | boolean | undefined;
|
|
1818
1828
|
"border-success"?: string | number | boolean | undefined;
|
|
1819
1829
|
"border-success-active"?: string | number | boolean | undefined;
|
|
1820
1830
|
"border-success-hover"?: string | number | boolean | undefined;
|
|
1821
1831
|
"border-success-pressed"?: string | number | boolean | undefined;
|
|
1832
|
+
"border-success-subtle"?: string | number | boolean | undefined;
|
|
1822
1833
|
"border-warning"?: string | number | boolean | undefined;
|
|
1834
|
+
"border-warning-subtle"?: string | number | boolean | undefined;
|
|
1823
1835
|
"button-background-primary"?: string | number | boolean | undefined;
|
|
1824
1836
|
"button-background-primary-hover"?: string | number | boolean | undefined;
|
|
1825
1837
|
"button-background-primary-pressed"?: string | number | boolean | undefined;
|
|
@@ -2387,6 +2399,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
2387
2399
|
"border-danger-active"?: any;
|
|
2388
2400
|
"border-danger-hover"?: any;
|
|
2389
2401
|
"border-danger-pressed"?: any;
|
|
2402
|
+
"border-danger-subtle"?: any;
|
|
2390
2403
|
"border-focus-error-inner"?: any;
|
|
2391
2404
|
"border-focus-error-middle"?: any;
|
|
2392
2405
|
"border-focus-error-outer"?: any;
|
|
@@ -2421,11 +2434,14 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
2421
2434
|
"border-primary-inverted"?: any;
|
|
2422
2435
|
"border-primary-pressed"?: any;
|
|
2423
2436
|
"border-primary-selected"?: any;
|
|
2437
|
+
"border-primary-subtle"?: any;
|
|
2424
2438
|
"border-success"?: any;
|
|
2425
2439
|
"border-success-active"?: any;
|
|
2426
2440
|
"border-success-hover"?: any;
|
|
2427
2441
|
"border-success-pressed"?: any;
|
|
2442
|
+
"border-success-subtle"?: any;
|
|
2428
2443
|
"border-warning"?: any;
|
|
2444
|
+
"border-warning-subtle"?: any;
|
|
2429
2445
|
"button-background-primary"?: any;
|
|
2430
2446
|
"button-background-primary-hover"?: any;
|
|
2431
2447
|
"button-background-primary-pressed"?: any;
|
|
@@ -3186,6 +3202,7 @@ declare const globalCss: <Styles extends {
|
|
|
3186
3202
|
"border-danger-active"?: any;
|
|
3187
3203
|
"border-danger-hover"?: any;
|
|
3188
3204
|
"border-danger-pressed"?: any;
|
|
3205
|
+
"border-danger-subtle"?: any;
|
|
3189
3206
|
"border-focus-error-inner"?: any;
|
|
3190
3207
|
"border-focus-error-middle"?: any;
|
|
3191
3208
|
"border-focus-error-outer"?: any;
|
|
@@ -3220,11 +3237,14 @@ declare const globalCss: <Styles extends {
|
|
|
3220
3237
|
"border-primary-inverted"?: any;
|
|
3221
3238
|
"border-primary-pressed"?: any;
|
|
3222
3239
|
"border-primary-selected"?: any;
|
|
3240
|
+
"border-primary-subtle"?: any;
|
|
3223
3241
|
"border-success"?: any;
|
|
3224
3242
|
"border-success-active"?: any;
|
|
3225
3243
|
"border-success-hover"?: any;
|
|
3226
3244
|
"border-success-pressed"?: any;
|
|
3245
|
+
"border-success-subtle"?: any;
|
|
3227
3246
|
"border-warning"?: any;
|
|
3247
|
+
"border-warning-subtle"?: any;
|
|
3228
3248
|
"button-background-primary"?: any;
|
|
3229
3249
|
"button-background-primary-hover"?: any;
|
|
3230
3250
|
"button-background-primary-pressed"?: any;
|
|
@@ -3967,6 +3987,7 @@ declare const globalCss: <Styles extends {
|
|
|
3967
3987
|
"border-danger-active"?: any;
|
|
3968
3988
|
"border-danger-hover"?: any;
|
|
3969
3989
|
"border-danger-pressed"?: any;
|
|
3990
|
+
"border-danger-subtle"?: any;
|
|
3970
3991
|
"border-focus-error-inner"?: any;
|
|
3971
3992
|
"border-focus-error-middle"?: any;
|
|
3972
3993
|
"border-focus-error-outer"?: any;
|
|
@@ -4001,11 +4022,14 @@ declare const globalCss: <Styles extends {
|
|
|
4001
4022
|
"border-primary-inverted"?: any;
|
|
4002
4023
|
"border-primary-pressed"?: any;
|
|
4003
4024
|
"border-primary-selected"?: any;
|
|
4025
|
+
"border-primary-subtle"?: any;
|
|
4004
4026
|
"border-success"?: any;
|
|
4005
4027
|
"border-success-active"?: any;
|
|
4006
4028
|
"border-success-hover"?: any;
|
|
4007
4029
|
"border-success-pressed"?: any;
|
|
4030
|
+
"border-success-subtle"?: any;
|
|
4008
4031
|
"border-warning"?: any;
|
|
4032
|
+
"border-warning-subtle"?: any;
|
|
4009
4033
|
"button-background-primary"?: any;
|
|
4010
4034
|
"button-background-primary-hover"?: any;
|
|
4011
4035
|
"button-background-primary-pressed"?: any;
|
|
@@ -4749,6 +4773,7 @@ declare const keyframes: (style: {
|
|
|
4749
4773
|
"border-danger-active"?: any;
|
|
4750
4774
|
"border-danger-hover"?: any;
|
|
4751
4775
|
"border-danger-pressed"?: any;
|
|
4776
|
+
"border-danger-subtle"?: any;
|
|
4752
4777
|
"border-focus-error-inner"?: any;
|
|
4753
4778
|
"border-focus-error-middle"?: any;
|
|
4754
4779
|
"border-focus-error-outer"?: any;
|
|
@@ -4783,11 +4808,14 @@ declare const keyframes: (style: {
|
|
|
4783
4808
|
"border-primary-inverted"?: any;
|
|
4784
4809
|
"border-primary-pressed"?: any;
|
|
4785
4810
|
"border-primary-selected"?: any;
|
|
4811
|
+
"border-primary-subtle"?: any;
|
|
4786
4812
|
"border-success"?: any;
|
|
4787
4813
|
"border-success-active"?: any;
|
|
4788
4814
|
"border-success-hover"?: any;
|
|
4789
4815
|
"border-success-pressed"?: any;
|
|
4816
|
+
"border-success-subtle"?: any;
|
|
4790
4817
|
"border-warning"?: any;
|
|
4818
|
+
"border-warning-subtle"?: any;
|
|
4791
4819
|
"button-background-primary"?: any;
|
|
4792
4820
|
"button-background-primary-hover"?: any;
|
|
4793
4821
|
"button-background-primary-pressed"?: any;
|
|
@@ -5396,7 +5424,7 @@ declare const theme: {
|
|
|
5396
5424
|
readonly 'coal-900': "#333333";
|
|
5397
5425
|
readonly 'coral-100': "#FCE2E2";
|
|
5398
5426
|
readonly 'coral-150': "#FFD7D7";
|
|
5399
|
-
readonly 'coral-200': "#
|
|
5427
|
+
readonly 'coral-200': "#FFCACA";
|
|
5400
5428
|
readonly 'coral-250': "#FFBDBD";
|
|
5401
5429
|
readonly 'coral-300': "#FFB4B4";
|
|
5402
5430
|
readonly 'coral-350': "#FFADAD";
|
|
@@ -5405,7 +5433,7 @@ declare const theme: {
|
|
|
5405
5433
|
readonly 'coral-500': "#FF6464";
|
|
5406
5434
|
readonly 'coral-550': "#EF5959";
|
|
5407
5435
|
readonly 'coral-600': "#DB4F4F";
|
|
5408
|
-
readonly 'coral-650': "#
|
|
5436
|
+
readonly 'coral-650': "#C02322";
|
|
5409
5437
|
readonly 'coral-700': "#BD0A0A";
|
|
5410
5438
|
readonly 'coral-750': "#AA0606";
|
|
5411
5439
|
readonly 'coral-800': "#8D0101";
|
|
@@ -5422,7 +5450,7 @@ declare const theme: {
|
|
|
5422
5450
|
readonly 'cyan-500': "#68D3F8";
|
|
5423
5451
|
readonly 'cyan-550': "#59C4E9";
|
|
5424
5452
|
readonly 'cyan-600': "#47B5DA";
|
|
5425
|
-
readonly 'cyan-650': "#
|
|
5453
|
+
readonly 'cyan-650': "#37B8E3";
|
|
5426
5454
|
readonly 'cyan-700': "#0F8AB3";
|
|
5427
5455
|
readonly 'cyan-750': "#0A789D";
|
|
5428
5456
|
readonly 'cyan-800': "#005875";
|
|
@@ -5466,13 +5494,13 @@ declare const theme: {
|
|
|
5466
5494
|
readonly 'green-850': "#122B0B";
|
|
5467
5495
|
readonly 'green-900': "#11260C";
|
|
5468
5496
|
readonly 'green-950': "#11230C";
|
|
5469
|
-
readonly 'lilac-100': "#
|
|
5497
|
+
readonly 'lilac-100': "#E5E2FF";
|
|
5470
5498
|
readonly 'lilac-150': "#EAE7FF";
|
|
5471
5499
|
readonly 'lilac-200': "#DEDAFF";
|
|
5472
5500
|
readonly 'lilac-250': "#CBC6FF";
|
|
5473
5501
|
readonly 'lilac-300': "#BBB4FF";
|
|
5474
5502
|
readonly 'lilac-350': "#AAA1FC";
|
|
5475
|
-
readonly 'lilac-400': "#
|
|
5503
|
+
readonly 'lilac-400': "#A598FB";
|
|
5476
5504
|
readonly 'lilac-450': "#9288EF";
|
|
5477
5505
|
readonly 'lilac-500': "#8F7FEE";
|
|
5478
5506
|
readonly 'lilac-550': "#8A72EB";
|
|
@@ -5494,7 +5522,7 @@ declare const theme: {
|
|
|
5494
5522
|
readonly 'lime-500': "#9ED452";
|
|
5495
5523
|
readonly 'lime-550': "#97CD4B";
|
|
5496
5524
|
readonly 'lime-600': "#89BA42";
|
|
5497
|
-
readonly 'lime-650': "#
|
|
5525
|
+
readonly 'lime-650': "#93C34D";
|
|
5498
5526
|
readonly 'lime-700': "#608521";
|
|
5499
5527
|
readonly 'lime-750': "#486614";
|
|
5500
5528
|
readonly 'lime-800': "#365318";
|
|
@@ -5502,7 +5530,7 @@ declare const theme: {
|
|
|
5502
5530
|
readonly 'lime-900': "#21370B";
|
|
5503
5531
|
readonly 'moss-100': "#E3F7EA";
|
|
5504
5532
|
readonly 'moss-150': "#C4FFD9";
|
|
5505
|
-
readonly 'moss-200': "#
|
|
5533
|
+
readonly 'moss-200': "#ADF0C7";
|
|
5506
5534
|
readonly 'moss-250': "#9FF1BD";
|
|
5507
5535
|
readonly 'moss-300': "#8AE9A8";
|
|
5508
5536
|
readonly 'moss-350': "#79E49B";
|
|
@@ -5529,7 +5557,7 @@ declare const theme: {
|
|
|
5529
5557
|
readonly 'ocean-550': "#6297E6";
|
|
5530
5558
|
readonly 'ocean-600': "#5688D3";
|
|
5531
5559
|
readonly 'ocean-650': "#4978C0";
|
|
5532
|
-
readonly 'ocean-700': "#
|
|
5560
|
+
readonly 'ocean-700': "#305BAB";
|
|
5533
5561
|
readonly 'ocean-750': "#2C56A2";
|
|
5534
5562
|
readonly 'ocean-800': "#1D4792";
|
|
5535
5563
|
readonly 'ocean-850': "#113B87";
|
|
@@ -5554,7 +5582,7 @@ declare const theme: {
|
|
|
5554
5582
|
readonly 'pink-100': "#FEF2FF";
|
|
5555
5583
|
readonly 'pink-150': "#FFE3FC";
|
|
5556
5584
|
readonly 'pink-200': "#FFD8F4";
|
|
5557
|
-
readonly 'pink-250': "#
|
|
5585
|
+
readonly 'pink-250': "#FFD2F2";
|
|
5558
5586
|
readonly 'pink-300': "#FBBEEA";
|
|
5559
5587
|
readonly 'pink-350': "#FFABEC";
|
|
5560
5588
|
readonly 'pink-400': "#FD9AE7";
|
|
@@ -5567,7 +5595,7 @@ declare const theme: {
|
|
|
5567
5595
|
readonly 'pink-750': "#A334AC";
|
|
5568
5596
|
readonly 'pink-800': "#8B1796";
|
|
5569
5597
|
readonly 'pink-850': "#72157A";
|
|
5570
|
-
readonly 'pink-900': "#
|
|
5598
|
+
readonly 'pink-900': "#55055C";
|
|
5571
5599
|
readonly 'red-100': "#FDF2F3";
|
|
5572
5600
|
readonly 'red-150': "#FBE6E8";
|
|
5573
5601
|
readonly 'red-200': "#F8D5D8";
|
|
@@ -5589,7 +5617,7 @@ declare const theme: {
|
|
|
5589
5617
|
readonly 'red-950': "#2B1719";
|
|
5590
5618
|
readonly 'sunshine-100': "#FFFDE5";
|
|
5591
5619
|
readonly 'sunshine-150': "#FFF7CA";
|
|
5592
|
-
readonly 'sunshine-200': "#
|
|
5620
|
+
readonly 'sunshine-200': "#FFF396";
|
|
5593
5621
|
readonly 'sunshine-250': "#FFF79E";
|
|
5594
5622
|
readonly 'sunshine-300': "#FFF09A";
|
|
5595
5623
|
readonly 'sunshine-350': "#FFED7B";
|
|
@@ -5599,7 +5627,7 @@ declare const theme: {
|
|
|
5599
5627
|
readonly 'sunshine-550': "#F9D53D";
|
|
5600
5628
|
readonly 'sunshine-600': "#E8C120";
|
|
5601
5629
|
readonly 'sunshine-650': "#DAB61D";
|
|
5602
|
-
readonly 'sunshine-700': "#
|
|
5630
|
+
readonly 'sunshine-700': "#946A00";
|
|
5603
5631
|
readonly 'sunshine-750': "#8E6A12";
|
|
5604
5632
|
readonly 'sunshine-800': "#6E4F02";
|
|
5605
5633
|
readonly 'sunshine-850': "#604400";
|
|
@@ -5700,6 +5728,7 @@ declare const theme: {
|
|
|
5700
5728
|
"border-danger-active"?: _mirohq_design_system_themes.Color | undefined;
|
|
5701
5729
|
"border-danger-hover"?: _mirohq_design_system_themes.Color | undefined;
|
|
5702
5730
|
"border-danger-pressed"?: _mirohq_design_system_themes.Color | undefined;
|
|
5731
|
+
"border-danger-subtle"?: _mirohq_design_system_themes.Color | undefined;
|
|
5703
5732
|
"border-focus-error-inner"?: _mirohq_design_system_themes.Color | undefined;
|
|
5704
5733
|
"border-focus-error-middle"?: _mirohq_design_system_themes.Color | undefined;
|
|
5705
5734
|
"border-focus-error-outer"?: _mirohq_design_system_themes.Color | undefined;
|
|
@@ -5734,11 +5763,14 @@ declare const theme: {
|
|
|
5734
5763
|
"border-primary-inverted"?: _mirohq_design_system_themes.Color | undefined;
|
|
5735
5764
|
"border-primary-pressed"?: _mirohq_design_system_themes.Color | undefined;
|
|
5736
5765
|
"border-primary-selected"?: _mirohq_design_system_themes.Color | undefined;
|
|
5766
|
+
"border-primary-subtle"?: _mirohq_design_system_themes.Color | undefined;
|
|
5737
5767
|
"border-success"?: _mirohq_design_system_themes.Color | undefined;
|
|
5738
5768
|
"border-success-active"?: _mirohq_design_system_themes.Color | undefined;
|
|
5739
5769
|
"border-success-hover"?: _mirohq_design_system_themes.Color | undefined;
|
|
5740
5770
|
"border-success-pressed"?: _mirohq_design_system_themes.Color | undefined;
|
|
5771
|
+
"border-success-subtle"?: _mirohq_design_system_themes.Color | undefined;
|
|
5741
5772
|
"border-warning"?: _mirohq_design_system_themes.Color | undefined;
|
|
5773
|
+
"border-warning-subtle"?: _mirohq_design_system_themes.Color | undefined;
|
|
5742
5774
|
"button-background-primary"?: _mirohq_design_system_themes.Color | undefined;
|
|
5743
5775
|
"button-background-primary-hover"?: _mirohq_design_system_themes.Color | undefined;
|
|
5744
5776
|
"button-background-primary-pressed"?: _mirohq_design_system_themes.Color | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-stitches",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.25",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"lodash.merge": "^4.6.2",
|
|
30
|
-
"@mirohq/design-system-themes": "^0.
|
|
30
|
+
"@mirohq/design-system-themes": "^0.11.0",
|
|
31
31
|
"@mirohq/design-system-types": "^0.10.0",
|
|
32
|
-
"@mirohq/design-tokens": "^6.
|
|
32
|
+
"@mirohq/design-tokens": "^6.4.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@types/lodash.merge": "^4.6.7"
|