@mirohq/design-system-stitches 2.6.23 → 2.6.25-update-toolbar.0

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 (2) hide show
  1. package/dist/types.d.ts +52 -12
  2. 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;
@@ -573,6 +577,7 @@ declare const config: {
573
577
  "focus-small-error": any;
574
578
  "focus-controls-error": any;
575
579
  "focus-controls-success": any;
580
+ "focus-v1": any;
576
581
  };
577
582
  sizes: {
578
583
  readonly number: string;
@@ -1181,6 +1186,7 @@ declare const createTheme: <Argument0 extends string | ({
1181
1186
  "border-danger-active"?: string | number | boolean | undefined;
1182
1187
  "border-danger-hover"?: string | number | boolean | undefined;
1183
1188
  "border-danger-pressed"?: string | number | boolean | undefined;
1189
+ "border-danger-subtle"?: string | number | boolean | undefined;
1184
1190
  "border-focus-error-inner"?: string | number | boolean | undefined;
1185
1191
  "border-focus-error-middle"?: string | number | boolean | undefined;
1186
1192
  "border-focus-error-outer"?: string | number | boolean | undefined;
@@ -1215,11 +1221,14 @@ declare const createTheme: <Argument0 extends string | ({
1215
1221
  "border-primary-inverted"?: string | number | boolean | undefined;
1216
1222
  "border-primary-pressed"?: string | number | boolean | undefined;
1217
1223
  "border-primary-selected"?: string | number | boolean | undefined;
1224
+ "border-primary-subtle"?: string | number | boolean | undefined;
1218
1225
  "border-success"?: string | number | boolean | undefined;
1219
1226
  "border-success-active"?: string | number | boolean | undefined;
1220
1227
  "border-success-hover"?: string | number | boolean | undefined;
1221
1228
  "border-success-pressed"?: string | number | boolean | undefined;
1229
+ "border-success-subtle"?: string | number | boolean | undefined;
1222
1230
  "border-warning"?: string | number | boolean | undefined;
1231
+ "border-warning-subtle"?: string | number | boolean | undefined;
1223
1232
  "button-background-primary"?: string | number | boolean | undefined;
1224
1233
  "button-background-primary-hover"?: string | number | boolean | undefined;
1225
1234
  "button-background-primary-pressed"?: string | number | boolean | undefined;
@@ -1357,6 +1366,7 @@ declare const createTheme: <Argument0 extends string | ({
1357
1366
  "focus-small-error"?: string | number | boolean | undefined;
1358
1367
  "focus-controls-error"?: string | number | boolean | undefined;
1359
1368
  "focus-controls-success"?: string | number | boolean | undefined;
1369
+ "focus-v1"?: string | number | boolean | undefined;
1360
1370
  } | undefined;
1361
1371
  sizes?: {
1362
1372
  readonly number?: string | number | boolean | undefined;
@@ -1781,6 +1791,7 @@ declare const createTheme: <Argument0 extends string | ({
1781
1791
  "border-danger-active"?: string | number | boolean | undefined;
1782
1792
  "border-danger-hover"?: string | number | boolean | undefined;
1783
1793
  "border-danger-pressed"?: string | number | boolean | undefined;
1794
+ "border-danger-subtle"?: string | number | boolean | undefined;
1784
1795
  "border-focus-error-inner"?: string | number | boolean | undefined;
1785
1796
  "border-focus-error-middle"?: string | number | boolean | undefined;
1786
1797
  "border-focus-error-outer"?: string | number | boolean | undefined;
@@ -1815,11 +1826,14 @@ declare const createTheme: <Argument0 extends string | ({
1815
1826
  "border-primary-inverted"?: string | number | boolean | undefined;
1816
1827
  "border-primary-pressed"?: string | number | boolean | undefined;
1817
1828
  "border-primary-selected"?: string | number | boolean | undefined;
1829
+ "border-primary-subtle"?: string | number | boolean | undefined;
1818
1830
  "border-success"?: string | number | boolean | undefined;
1819
1831
  "border-success-active"?: string | number | boolean | undefined;
1820
1832
  "border-success-hover"?: string | number | boolean | undefined;
1821
1833
  "border-success-pressed"?: string | number | boolean | undefined;
1834
+ "border-success-subtle"?: string | number | boolean | undefined;
1822
1835
  "border-warning"?: string | number | boolean | undefined;
1836
+ "border-warning-subtle"?: string | number | boolean | undefined;
1823
1837
  "button-background-primary"?: string | number | boolean | undefined;
1824
1838
  "button-background-primary-hover"?: string | number | boolean | undefined;
1825
1839
  "button-background-primary-pressed"?: string | number | boolean | undefined;
@@ -1957,6 +1971,7 @@ declare const createTheme: <Argument0 extends string | ({
1957
1971
  "focus-small-error"?: string | number | boolean | undefined;
1958
1972
  "focus-controls-error"?: string | number | boolean | undefined;
1959
1973
  "focus-controls-success"?: string | number | boolean | undefined;
1974
+ "focus-v1"?: string | number | boolean | undefined;
1960
1975
  } | undefined;
1961
1976
  sizes?: {
1962
1977
  readonly number?: string | number | boolean | undefined;
@@ -2387,6 +2402,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
2387
2402
  "border-danger-active"?: any;
2388
2403
  "border-danger-hover"?: any;
2389
2404
  "border-danger-pressed"?: any;
2405
+ "border-danger-subtle"?: any;
2390
2406
  "border-focus-error-inner"?: any;
2391
2407
  "border-focus-error-middle"?: any;
2392
2408
  "border-focus-error-outer"?: any;
@@ -2421,11 +2437,14 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
2421
2437
  "border-primary-inverted"?: any;
2422
2438
  "border-primary-pressed"?: any;
2423
2439
  "border-primary-selected"?: any;
2440
+ "border-primary-subtle"?: any;
2424
2441
  "border-success"?: any;
2425
2442
  "border-success-active"?: any;
2426
2443
  "border-success-hover"?: any;
2427
2444
  "border-success-pressed"?: any;
2445
+ "border-success-subtle"?: any;
2428
2446
  "border-warning"?: any;
2447
+ "border-warning-subtle"?: any;
2429
2448
  "button-background-primary"?: any;
2430
2449
  "button-background-primary-hover"?: any;
2431
2450
  "button-background-primary-pressed"?: any;
@@ -2563,6 +2582,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
2563
2582
  "focus-small-error": any;
2564
2583
  "focus-controls-error": any;
2565
2584
  "focus-controls-success": any;
2585
+ "focus-v1": any;
2566
2586
  };
2567
2587
  sizes: {
2568
2588
  readonly number: string;
@@ -3186,6 +3206,7 @@ declare const globalCss: <Styles extends {
3186
3206
  "border-danger-active"?: any;
3187
3207
  "border-danger-hover"?: any;
3188
3208
  "border-danger-pressed"?: any;
3209
+ "border-danger-subtle"?: any;
3189
3210
  "border-focus-error-inner"?: any;
3190
3211
  "border-focus-error-middle"?: any;
3191
3212
  "border-focus-error-outer"?: any;
@@ -3220,11 +3241,14 @@ declare const globalCss: <Styles extends {
3220
3241
  "border-primary-inverted"?: any;
3221
3242
  "border-primary-pressed"?: any;
3222
3243
  "border-primary-selected"?: any;
3244
+ "border-primary-subtle"?: any;
3223
3245
  "border-success"?: any;
3224
3246
  "border-success-active"?: any;
3225
3247
  "border-success-hover"?: any;
3226
3248
  "border-success-pressed"?: any;
3249
+ "border-success-subtle"?: any;
3227
3250
  "border-warning"?: any;
3251
+ "border-warning-subtle"?: any;
3228
3252
  "button-background-primary"?: any;
3229
3253
  "button-background-primary-hover"?: any;
3230
3254
  "button-background-primary-pressed"?: any;
@@ -3362,6 +3386,7 @@ declare const globalCss: <Styles extends {
3362
3386
  "focus-small-error": any;
3363
3387
  "focus-controls-error": any;
3364
3388
  "focus-controls-success": any;
3389
+ "focus-v1": any;
3365
3390
  };
3366
3391
  sizes: {
3367
3392
  readonly number: string;
@@ -3967,6 +3992,7 @@ declare const globalCss: <Styles extends {
3967
3992
  "border-danger-active"?: any;
3968
3993
  "border-danger-hover"?: any;
3969
3994
  "border-danger-pressed"?: any;
3995
+ "border-danger-subtle"?: any;
3970
3996
  "border-focus-error-inner"?: any;
3971
3997
  "border-focus-error-middle"?: any;
3972
3998
  "border-focus-error-outer"?: any;
@@ -4001,11 +4027,14 @@ declare const globalCss: <Styles extends {
4001
4027
  "border-primary-inverted"?: any;
4002
4028
  "border-primary-pressed"?: any;
4003
4029
  "border-primary-selected"?: any;
4030
+ "border-primary-subtle"?: any;
4004
4031
  "border-success"?: any;
4005
4032
  "border-success-active"?: any;
4006
4033
  "border-success-hover"?: any;
4007
4034
  "border-success-pressed"?: any;
4035
+ "border-success-subtle"?: any;
4008
4036
  "border-warning"?: any;
4037
+ "border-warning-subtle"?: any;
4009
4038
  "button-background-primary"?: any;
4010
4039
  "button-background-primary-hover"?: any;
4011
4040
  "button-background-primary-pressed"?: any;
@@ -4143,6 +4172,7 @@ declare const globalCss: <Styles extends {
4143
4172
  "focus-small-error": any;
4144
4173
  "focus-controls-error": any;
4145
4174
  "focus-controls-success": any;
4175
+ "focus-v1": any;
4146
4176
  };
4147
4177
  sizes: {
4148
4178
  readonly number: string;
@@ -4749,6 +4779,7 @@ declare const keyframes: (style: {
4749
4779
  "border-danger-active"?: any;
4750
4780
  "border-danger-hover"?: any;
4751
4781
  "border-danger-pressed"?: any;
4782
+ "border-danger-subtle"?: any;
4752
4783
  "border-focus-error-inner"?: any;
4753
4784
  "border-focus-error-middle"?: any;
4754
4785
  "border-focus-error-outer"?: any;
@@ -4783,11 +4814,14 @@ declare const keyframes: (style: {
4783
4814
  "border-primary-inverted"?: any;
4784
4815
  "border-primary-pressed"?: any;
4785
4816
  "border-primary-selected"?: any;
4817
+ "border-primary-subtle"?: any;
4786
4818
  "border-success"?: any;
4787
4819
  "border-success-active"?: any;
4788
4820
  "border-success-hover"?: any;
4789
4821
  "border-success-pressed"?: any;
4822
+ "border-success-subtle"?: any;
4790
4823
  "border-warning"?: any;
4824
+ "border-warning-subtle"?: any;
4791
4825
  "button-background-primary"?: any;
4792
4826
  "button-background-primary-hover"?: any;
4793
4827
  "button-background-primary-pressed"?: any;
@@ -4925,6 +4959,7 @@ declare const keyframes: (style: {
4925
4959
  "focus-small-error": any;
4926
4960
  "focus-controls-error": any;
4927
4961
  "focus-controls-success": any;
4962
+ "focus-v1": any;
4928
4963
  };
4929
4964
  sizes: {
4930
4965
  readonly number: string;
@@ -5396,7 +5431,7 @@ declare const theme: {
5396
5431
  readonly 'coal-900': "#333333";
5397
5432
  readonly 'coral-100': "#FCE2E2";
5398
5433
  readonly 'coral-150': "#FFD7D7";
5399
- readonly 'coral-200': "#FFC6C6";
5434
+ readonly 'coral-200': "#FFCACA";
5400
5435
  readonly 'coral-250': "#FFBDBD";
5401
5436
  readonly 'coral-300': "#FFB4B4";
5402
5437
  readonly 'coral-350': "#FFADAD";
@@ -5405,7 +5440,7 @@ declare const theme: {
5405
5440
  readonly 'coral-500': "#FF6464";
5406
5441
  readonly 'coral-550': "#EF5959";
5407
5442
  readonly 'coral-600': "#DB4F4F";
5408
- readonly 'coral-650': "#C52C2C";
5443
+ readonly 'coral-650': "#C02322";
5409
5444
  readonly 'coral-700': "#BD0A0A";
5410
5445
  readonly 'coral-750': "#AA0606";
5411
5446
  readonly 'coral-800': "#8D0101";
@@ -5422,7 +5457,7 @@ declare const theme: {
5422
5457
  readonly 'cyan-500': "#68D3F8";
5423
5458
  readonly 'cyan-550': "#59C4E9";
5424
5459
  readonly 'cyan-600': "#47B5DA";
5425
- readonly 'cyan-650': "#32A8D0";
5460
+ readonly 'cyan-650': "#37B8E3";
5426
5461
  readonly 'cyan-700': "#0F8AB3";
5427
5462
  readonly 'cyan-750': "#0A789D";
5428
5463
  readonly 'cyan-800': "#005875";
@@ -5466,13 +5501,13 @@ declare const theme: {
5466
5501
  readonly 'green-850': "#122B0B";
5467
5502
  readonly 'green-900': "#11260C";
5468
5503
  readonly 'green-950': "#11230C";
5469
- readonly 'lilac-100': "#EFEDFD";
5504
+ readonly 'lilac-100': "#E5E2FF";
5470
5505
  readonly 'lilac-150': "#EAE7FF";
5471
5506
  readonly 'lilac-200': "#DEDAFF";
5472
5507
  readonly 'lilac-250': "#CBC6FF";
5473
5508
  readonly 'lilac-300': "#BBB4FF";
5474
5509
  readonly 'lilac-350': "#AAA1FC";
5475
- readonly 'lilac-400': "#9D93F8";
5510
+ readonly 'lilac-400': "#A598FB";
5476
5511
  readonly 'lilac-450': "#9288EF";
5477
5512
  readonly 'lilac-500': "#8F7FEE";
5478
5513
  readonly 'lilac-550': "#8A72EB";
@@ -5494,7 +5529,7 @@ declare const theme: {
5494
5529
  readonly 'lime-500': "#9ED452";
5495
5530
  readonly 'lime-550': "#97CD4B";
5496
5531
  readonly 'lime-600': "#89BA42";
5497
- readonly 'lime-650': "#7BA433";
5532
+ readonly 'lime-650': "#93C34D";
5498
5533
  readonly 'lime-700': "#608521";
5499
5534
  readonly 'lime-750': "#486614";
5500
5535
  readonly 'lime-800': "#365318";
@@ -5502,7 +5537,7 @@ declare const theme: {
5502
5537
  readonly 'lime-900': "#21370B";
5503
5538
  readonly 'moss-100': "#E3F7EA";
5504
5539
  readonly 'moss-150': "#C4FFD9";
5505
- readonly 'moss-200': "#B1FBCC";
5540
+ readonly 'moss-200': "#ADF0C7";
5506
5541
  readonly 'moss-250': "#9FF1BD";
5507
5542
  readonly 'moss-300': "#8AE9A8";
5508
5543
  readonly 'moss-350': "#79E49B";
@@ -5529,7 +5564,7 @@ declare const theme: {
5529
5564
  readonly 'ocean-550': "#6297E6";
5530
5565
  readonly 'ocean-600': "#5688D3";
5531
5566
  readonly 'ocean-650': "#4978C0";
5532
- readonly 'ocean-700': "#3761AE";
5567
+ readonly 'ocean-700': "#305BAB";
5533
5568
  readonly 'ocean-750': "#2C56A2";
5534
5569
  readonly 'ocean-800': "#1D4792";
5535
5570
  readonly 'ocean-850': "#113B87";
@@ -5554,7 +5589,7 @@ declare const theme: {
5554
5589
  readonly 'pink-100': "#FEF2FF";
5555
5590
  readonly 'pink-150': "#FFE3FC";
5556
5591
  readonly 'pink-200': "#FFD8F4";
5557
- readonly 'pink-250': "#FECDF0";
5592
+ readonly 'pink-250': "#FFD2F2";
5558
5593
  readonly 'pink-300': "#FBBEEA";
5559
5594
  readonly 'pink-350': "#FFABEC";
5560
5595
  readonly 'pink-400': "#FD9AE7";
@@ -5567,7 +5602,7 @@ declare const theme: {
5567
5602
  readonly 'pink-750': "#A334AC";
5568
5603
  readonly 'pink-800': "#8B1796";
5569
5604
  readonly 'pink-850': "#72157A";
5570
- readonly 'pink-900': "#56045D";
5605
+ readonly 'pink-900': "#55055C";
5571
5606
  readonly 'red-100': "#FDF2F3";
5572
5607
  readonly 'red-150': "#FBE6E8";
5573
5608
  readonly 'red-200': "#F8D5D8";
@@ -5589,7 +5624,7 @@ declare const theme: {
5589
5624
  readonly 'red-950': "#2B1719";
5590
5625
  readonly 'sunshine-100': "#FFFDE5";
5591
5626
  readonly 'sunshine-150': "#FFF7CA";
5592
- readonly 'sunshine-200': "#FFF6B6";
5627
+ readonly 'sunshine-200': "#FFF396";
5593
5628
  readonly 'sunshine-250': "#FFF79E";
5594
5629
  readonly 'sunshine-300': "#FFF09A";
5595
5630
  readonly 'sunshine-350': "#FFED7B";
@@ -5599,7 +5634,7 @@ declare const theme: {
5599
5634
  readonly 'sunshine-550': "#F9D53D";
5600
5635
  readonly 'sunshine-600': "#E8C120";
5601
5636
  readonly 'sunshine-650': "#DAB61D";
5602
- readonly 'sunshine-700': "#AF7E04";
5637
+ readonly 'sunshine-700': "#946A00";
5603
5638
  readonly 'sunshine-750': "#8E6A12";
5604
5639
  readonly 'sunshine-800': "#6E4F02";
5605
5640
  readonly 'sunshine-850': "#604400";
@@ -5700,6 +5735,7 @@ declare const theme: {
5700
5735
  "border-danger-active"?: _mirohq_design_system_themes.Color | undefined;
5701
5736
  "border-danger-hover"?: _mirohq_design_system_themes.Color | undefined;
5702
5737
  "border-danger-pressed"?: _mirohq_design_system_themes.Color | undefined;
5738
+ "border-danger-subtle"?: _mirohq_design_system_themes.Color | undefined;
5703
5739
  "border-focus-error-inner"?: _mirohq_design_system_themes.Color | undefined;
5704
5740
  "border-focus-error-middle"?: _mirohq_design_system_themes.Color | undefined;
5705
5741
  "border-focus-error-outer"?: _mirohq_design_system_themes.Color | undefined;
@@ -5734,11 +5770,14 @@ declare const theme: {
5734
5770
  "border-primary-inverted"?: _mirohq_design_system_themes.Color | undefined;
5735
5771
  "border-primary-pressed"?: _mirohq_design_system_themes.Color | undefined;
5736
5772
  "border-primary-selected"?: _mirohq_design_system_themes.Color | undefined;
5773
+ "border-primary-subtle"?: _mirohq_design_system_themes.Color | undefined;
5737
5774
  "border-success"?: _mirohq_design_system_themes.Color | undefined;
5738
5775
  "border-success-active"?: _mirohq_design_system_themes.Color | undefined;
5739
5776
  "border-success-hover"?: _mirohq_design_system_themes.Color | undefined;
5740
5777
  "border-success-pressed"?: _mirohq_design_system_themes.Color | undefined;
5778
+ "border-success-subtle"?: _mirohq_design_system_themes.Color | undefined;
5741
5779
  "border-warning"?: _mirohq_design_system_themes.Color | undefined;
5780
+ "border-warning-subtle"?: _mirohq_design_system_themes.Color | undefined;
5742
5781
  "button-background-primary"?: _mirohq_design_system_themes.Color | undefined;
5743
5782
  "button-background-primary-hover"?: _mirohq_design_system_themes.Color | undefined;
5744
5783
  "button-background-primary-pressed"?: _mirohq_design_system_themes.Color | undefined;
@@ -5876,6 +5915,7 @@ declare const theme: {
5876
5915
  "focus-small-error"?: string | undefined;
5877
5916
  "focus-controls-error"?: string | undefined;
5878
5917
  "focus-controls-success"?: string | undefined;
5918
+ "focus-v1"?: string | undefined;
5879
5919
  }>;
5880
5920
  sizes: {
5881
5921
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.6.23",
3
+ "version": "2.6.25-update-toolbar.0",
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.9.2",
30
+ "@mirohq/design-system-themes": "^0.11.0-update-toolbar.0",
31
31
  "@mirohq/design-system-types": "^0.10.0",
32
- "@mirohq/design-tokens": "^6.3.0"
32
+ "@mirohq/design-tokens": "^6.4.0-update-toolbar.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"