@mirohq/design-system-stitches 3.3.15 → 3.3.17

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 +152 -24
  2. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -6716,9 +6716,24 @@ declare const config: {
6716
6716
  "input-border-focused": /*elided*/ any;
6717
6717
  "input-border-hover": /*elided*/ any;
6718
6718
  "input-border-success": /*elided*/ any;
6719
- "notification-background": /*elided*/ any;
6720
- "notification-border": /*elided*/ any;
6721
- "notification-border-subtle": /*elided*/ any;
6719
+ "notification-background-announcement": /*elided*/ any;
6720
+ "notification-background-danger": /*elided*/ any;
6721
+ "notification-background-info": /*elided*/ any;
6722
+ "notification-background-inverted": /*elided*/ any;
6723
+ "notification-background-static": /*elided*/ any;
6724
+ "notification-background-warning": /*elided*/ any;
6725
+ "notification-border-inverted": /*elided*/ any;
6726
+ "notification-border-inverted-subtle": /*elided*/ any;
6727
+ "notification-border-static": /*elided*/ any;
6728
+ "notification-border-static-subtle": /*elided*/ any;
6729
+ "notification-icon-on-announcement": /*elided*/ any;
6730
+ "notification-icon-on-danger": /*elided*/ any;
6731
+ "notification-icon-on-info": /*elided*/ any;
6732
+ "notification-icon-on-warning": /*elided*/ any;
6733
+ "notification-text-on-announcement": /*elided*/ any;
6734
+ "notification-text-on-danger": /*elided*/ any;
6735
+ "notification-text-on-info": /*elided*/ any;
6736
+ "notification-text-on-warning": /*elided*/ any;
6722
6737
  "popover-background": /*elided*/ any;
6723
6738
  "popover-border": /*elided*/ any;
6724
6739
  "scrollbar-background": /*elided*/ any;
@@ -7111,6 +7126,7 @@ declare const config: {
7111
7126
  readonly 300: "1.5rem";
7112
7127
  readonly 350: "1.75rem";
7113
7128
  readonly 400: "2rem";
7129
+ readonly 450: "2.25rem";
7114
7130
  readonly 500: "2.5rem";
7115
7131
  readonly 600: "3rem";
7116
7132
  readonly 700: "3.5rem";
@@ -7942,9 +7958,24 @@ declare const createTheme: <Argument0 extends string | ({
7942
7958
  "input-border-focused"?: string | number | boolean | undefined;
7943
7959
  "input-border-hover"?: string | number | boolean | undefined;
7944
7960
  "input-border-success"?: string | number | boolean | undefined;
7945
- "notification-background"?: string | number | boolean | undefined;
7946
- "notification-border"?: string | number | boolean | undefined;
7947
- "notification-border-subtle"?: string | number | boolean | undefined;
7961
+ "notification-background-announcement"?: string | number | boolean | undefined;
7962
+ "notification-background-danger"?: string | number | boolean | undefined;
7963
+ "notification-background-info"?: string | number | boolean | undefined;
7964
+ "notification-background-inverted"?: string | number | boolean | undefined;
7965
+ "notification-background-static"?: string | number | boolean | undefined;
7966
+ "notification-background-warning"?: string | number | boolean | undefined;
7967
+ "notification-border-inverted"?: string | number | boolean | undefined;
7968
+ "notification-border-inverted-subtle"?: string | number | boolean | undefined;
7969
+ "notification-border-static"?: string | number | boolean | undefined;
7970
+ "notification-border-static-subtle"?: string | number | boolean | undefined;
7971
+ "notification-icon-on-announcement"?: string | number | boolean | undefined;
7972
+ "notification-icon-on-danger"?: string | number | boolean | undefined;
7973
+ "notification-icon-on-info"?: string | number | boolean | undefined;
7974
+ "notification-icon-on-warning"?: string | number | boolean | undefined;
7975
+ "notification-text-on-announcement"?: string | number | boolean | undefined;
7976
+ "notification-text-on-danger"?: string | number | boolean | undefined;
7977
+ "notification-text-on-info"?: string | number | boolean | undefined;
7978
+ "notification-text-on-warning"?: string | number | boolean | undefined;
7948
7979
  "popover-background"?: string | number | boolean | undefined;
7949
7980
  "popover-border"?: string | number | boolean | undefined;
7950
7981
  "scrollbar-background"?: string | number | boolean | undefined;
@@ -8337,6 +8368,7 @@ declare const createTheme: <Argument0 extends string | ({
8337
8368
  readonly 300?: string | number | boolean | undefined;
8338
8369
  readonly 350?: string | number | boolean | undefined;
8339
8370
  readonly 400?: string | number | boolean | undefined;
8371
+ readonly 450?: string | number | boolean | undefined;
8340
8372
  readonly 500?: string | number | boolean | undefined;
8341
8373
  readonly 600?: string | number | boolean | undefined;
8342
8374
  readonly 700?: string | number | boolean | undefined;
@@ -9013,9 +9045,24 @@ declare const createTheme: <Argument0 extends string | ({
9013
9045
  "input-border-focused"?: string | number | boolean | undefined;
9014
9046
  "input-border-hover"?: string | number | boolean | undefined;
9015
9047
  "input-border-success"?: string | number | boolean | undefined;
9016
- "notification-background"?: string | number | boolean | undefined;
9017
- "notification-border"?: string | number | boolean | undefined;
9018
- "notification-border-subtle"?: string | number | boolean | undefined;
9048
+ "notification-background-announcement"?: string | number | boolean | undefined;
9049
+ "notification-background-danger"?: string | number | boolean | undefined;
9050
+ "notification-background-info"?: string | number | boolean | undefined;
9051
+ "notification-background-inverted"?: string | number | boolean | undefined;
9052
+ "notification-background-static"?: string | number | boolean | undefined;
9053
+ "notification-background-warning"?: string | number | boolean | undefined;
9054
+ "notification-border-inverted"?: string | number | boolean | undefined;
9055
+ "notification-border-inverted-subtle"?: string | number | boolean | undefined;
9056
+ "notification-border-static"?: string | number | boolean | undefined;
9057
+ "notification-border-static-subtle"?: string | number | boolean | undefined;
9058
+ "notification-icon-on-announcement"?: string | number | boolean | undefined;
9059
+ "notification-icon-on-danger"?: string | number | boolean | undefined;
9060
+ "notification-icon-on-info"?: string | number | boolean | undefined;
9061
+ "notification-icon-on-warning"?: string | number | boolean | undefined;
9062
+ "notification-text-on-announcement"?: string | number | boolean | undefined;
9063
+ "notification-text-on-danger"?: string | number | boolean | undefined;
9064
+ "notification-text-on-info"?: string | number | boolean | undefined;
9065
+ "notification-text-on-warning"?: string | number | boolean | undefined;
9019
9066
  "popover-background"?: string | number | boolean | undefined;
9020
9067
  "popover-border"?: string | number | boolean | undefined;
9021
9068
  "scrollbar-background"?: string | number | boolean | undefined;
@@ -9408,6 +9455,7 @@ declare const createTheme: <Argument0 extends string | ({
9408
9455
  readonly 300?: string | number | boolean | undefined;
9409
9456
  readonly 350?: string | number | boolean | undefined;
9410
9457
  readonly 400?: string | number | boolean | undefined;
9458
+ readonly 450?: string | number | boolean | undefined;
9411
9459
  readonly 500?: string | number | boolean | undefined;
9412
9460
  readonly 600?: string | number | boolean | undefined;
9413
9461
  readonly 700?: string | number | boolean | undefined;
@@ -10090,9 +10138,24 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
10090
10138
  "input-border-focused": /*elided*/ any;
10091
10139
  "input-border-hover": /*elided*/ any;
10092
10140
  "input-border-success": /*elided*/ any;
10093
- "notification-background": /*elided*/ any;
10094
- "notification-border": /*elided*/ any;
10095
- "notification-border-subtle": /*elided*/ any;
10141
+ "notification-background-announcement": /*elided*/ any;
10142
+ "notification-background-danger": /*elided*/ any;
10143
+ "notification-background-info": /*elided*/ any;
10144
+ "notification-background-inverted": /*elided*/ any;
10145
+ "notification-background-static": /*elided*/ any;
10146
+ "notification-background-warning": /*elided*/ any;
10147
+ "notification-border-inverted": /*elided*/ any;
10148
+ "notification-border-inverted-subtle": /*elided*/ any;
10149
+ "notification-border-static": /*elided*/ any;
10150
+ "notification-border-static-subtle": /*elided*/ any;
10151
+ "notification-icon-on-announcement": /*elided*/ any;
10152
+ "notification-icon-on-danger": /*elided*/ any;
10153
+ "notification-icon-on-info": /*elided*/ any;
10154
+ "notification-icon-on-warning": /*elided*/ any;
10155
+ "notification-text-on-announcement": /*elided*/ any;
10156
+ "notification-text-on-danger": /*elided*/ any;
10157
+ "notification-text-on-info": /*elided*/ any;
10158
+ "notification-text-on-warning": /*elided*/ any;
10096
10159
  "popover-background": /*elided*/ any;
10097
10160
  "popover-border": /*elided*/ any;
10098
10161
  "scrollbar-background": /*elided*/ any;
@@ -10485,6 +10548,7 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
10485
10548
  readonly 300: "1.5rem";
10486
10549
  readonly 350: "1.75rem";
10487
10550
  readonly 400: "2rem";
10551
+ readonly 450: "2.25rem";
10488
10552
  readonly 500: "2.5rem";
10489
10553
  readonly 600: "3rem";
10490
10554
  readonly 700: "3.5rem";
@@ -11331,9 +11395,24 @@ declare const globalCss: <Styles extends {
11331
11395
  "input-border-focused": /*elided*/ any;
11332
11396
  "input-border-hover": /*elided*/ any;
11333
11397
  "input-border-success": /*elided*/ any;
11334
- "notification-background": /*elided*/ any;
11335
- "notification-border": /*elided*/ any;
11336
- "notification-border-subtle": /*elided*/ any;
11398
+ "notification-background-announcement": /*elided*/ any;
11399
+ "notification-background-danger": /*elided*/ any;
11400
+ "notification-background-info": /*elided*/ any;
11401
+ "notification-background-inverted": /*elided*/ any;
11402
+ "notification-background-static": /*elided*/ any;
11403
+ "notification-background-warning": /*elided*/ any;
11404
+ "notification-border-inverted": /*elided*/ any;
11405
+ "notification-border-inverted-subtle": /*elided*/ any;
11406
+ "notification-border-static": /*elided*/ any;
11407
+ "notification-border-static-subtle": /*elided*/ any;
11408
+ "notification-icon-on-announcement": /*elided*/ any;
11409
+ "notification-icon-on-danger": /*elided*/ any;
11410
+ "notification-icon-on-info": /*elided*/ any;
11411
+ "notification-icon-on-warning": /*elided*/ any;
11412
+ "notification-text-on-announcement": /*elided*/ any;
11413
+ "notification-text-on-danger": /*elided*/ any;
11414
+ "notification-text-on-info": /*elided*/ any;
11415
+ "notification-text-on-warning": /*elided*/ any;
11337
11416
  "popover-background": /*elided*/ any;
11338
11417
  "popover-border": /*elided*/ any;
11339
11418
  "scrollbar-background": /*elided*/ any;
@@ -11726,6 +11805,7 @@ declare const globalCss: <Styles extends {
11726
11805
  readonly 300: "1.5rem";
11727
11806
  readonly 350: "1.75rem";
11728
11807
  readonly 400: "2rem";
11808
+ readonly 450: "2.25rem";
11729
11809
  readonly 500: "2.5rem";
11730
11810
  readonly 600: "3rem";
11731
11811
  readonly 700: "3.5rem";
@@ -12554,9 +12634,24 @@ declare const globalCss: <Styles extends {
12554
12634
  "input-border-focused": /*elided*/ any;
12555
12635
  "input-border-hover": /*elided*/ any;
12556
12636
  "input-border-success": /*elided*/ any;
12557
- "notification-background": /*elided*/ any;
12558
- "notification-border": /*elided*/ any;
12559
- "notification-border-subtle": /*elided*/ any;
12637
+ "notification-background-announcement": /*elided*/ any;
12638
+ "notification-background-danger": /*elided*/ any;
12639
+ "notification-background-info": /*elided*/ any;
12640
+ "notification-background-inverted": /*elided*/ any;
12641
+ "notification-background-static": /*elided*/ any;
12642
+ "notification-background-warning": /*elided*/ any;
12643
+ "notification-border-inverted": /*elided*/ any;
12644
+ "notification-border-inverted-subtle": /*elided*/ any;
12645
+ "notification-border-static": /*elided*/ any;
12646
+ "notification-border-static-subtle": /*elided*/ any;
12647
+ "notification-icon-on-announcement": /*elided*/ any;
12648
+ "notification-icon-on-danger": /*elided*/ any;
12649
+ "notification-icon-on-info": /*elided*/ any;
12650
+ "notification-icon-on-warning": /*elided*/ any;
12651
+ "notification-text-on-announcement": /*elided*/ any;
12652
+ "notification-text-on-danger": /*elided*/ any;
12653
+ "notification-text-on-info": /*elided*/ any;
12654
+ "notification-text-on-warning": /*elided*/ any;
12560
12655
  "popover-background": /*elided*/ any;
12561
12656
  "popover-border": /*elided*/ any;
12562
12657
  "scrollbar-background": /*elided*/ any;
@@ -12949,6 +13044,7 @@ declare const globalCss: <Styles extends {
12949
13044
  readonly 300: "1.5rem";
12950
13045
  readonly 350: "1.75rem";
12951
13046
  readonly 400: "2rem";
13047
+ readonly 450: "2.25rem";
12952
13048
  readonly 500: "2.5rem";
12953
13049
  readonly 600: "3rem";
12954
13050
  readonly 700: "3.5rem";
@@ -13780,9 +13876,24 @@ declare const keyframes: (style: {
13780
13876
  "input-border-focused": /*elided*/ any;
13781
13877
  "input-border-hover": /*elided*/ any;
13782
13878
  "input-border-success": /*elided*/ any;
13783
- "notification-background": /*elided*/ any;
13784
- "notification-border": /*elided*/ any;
13785
- "notification-border-subtle": /*elided*/ any;
13879
+ "notification-background-announcement": /*elided*/ any;
13880
+ "notification-background-danger": /*elided*/ any;
13881
+ "notification-background-info": /*elided*/ any;
13882
+ "notification-background-inverted": /*elided*/ any;
13883
+ "notification-background-static": /*elided*/ any;
13884
+ "notification-background-warning": /*elided*/ any;
13885
+ "notification-border-inverted": /*elided*/ any;
13886
+ "notification-border-inverted-subtle": /*elided*/ any;
13887
+ "notification-border-static": /*elided*/ any;
13888
+ "notification-border-static-subtle": /*elided*/ any;
13889
+ "notification-icon-on-announcement": /*elided*/ any;
13890
+ "notification-icon-on-danger": /*elided*/ any;
13891
+ "notification-icon-on-info": /*elided*/ any;
13892
+ "notification-icon-on-warning": /*elided*/ any;
13893
+ "notification-text-on-announcement": /*elided*/ any;
13894
+ "notification-text-on-danger": /*elided*/ any;
13895
+ "notification-text-on-info": /*elided*/ any;
13896
+ "notification-text-on-warning": /*elided*/ any;
13786
13897
  "popover-background": /*elided*/ any;
13787
13898
  "popover-border": /*elided*/ any;
13788
13899
  "scrollbar-background": /*elided*/ any;
@@ -14175,6 +14286,7 @@ declare const keyframes: (style: {
14175
14286
  readonly 300: "1.5rem";
14176
14287
  readonly 350: "1.75rem";
14177
14288
  readonly 400: "2rem";
14289
+ readonly 450: "2.25rem";
14178
14290
  readonly 500: "2.5rem";
14179
14291
  readonly 600: "3rem";
14180
14292
  readonly 700: "3.5rem";
@@ -15176,9 +15288,24 @@ declare const theme: {
15176
15288
  "input-border-focused": _mirohq_design_system_themes.Color;
15177
15289
  "input-border-hover": _mirohq_design_system_themes.Color;
15178
15290
  "input-border-success": _mirohq_design_system_themes.Color;
15179
- "notification-background": _mirohq_design_system_themes.Color;
15180
- "notification-border": _mirohq_design_system_themes.Color;
15181
- "notification-border-subtle": _mirohq_design_system_themes.Color;
15291
+ "notification-background-announcement": _mirohq_design_system_themes.Color;
15292
+ "notification-background-danger": _mirohq_design_system_themes.Color;
15293
+ "notification-background-info": _mirohq_design_system_themes.Color;
15294
+ "notification-background-inverted": _mirohq_design_system_themes.Color;
15295
+ "notification-background-static": _mirohq_design_system_themes.Color;
15296
+ "notification-background-warning": _mirohq_design_system_themes.Color;
15297
+ "notification-border-inverted": _mirohq_design_system_themes.Color;
15298
+ "notification-border-inverted-subtle": _mirohq_design_system_themes.Color;
15299
+ "notification-border-static": _mirohq_design_system_themes.Color;
15300
+ "notification-border-static-subtle": _mirohq_design_system_themes.Color;
15301
+ "notification-icon-on-announcement": _mirohq_design_system_themes.Color;
15302
+ "notification-icon-on-danger": _mirohq_design_system_themes.Color;
15303
+ "notification-icon-on-info": _mirohq_design_system_themes.Color;
15304
+ "notification-icon-on-warning": _mirohq_design_system_themes.Color;
15305
+ "notification-text-on-announcement": _mirohq_design_system_themes.Color;
15306
+ "notification-text-on-danger": _mirohq_design_system_themes.Color;
15307
+ "notification-text-on-info": _mirohq_design_system_themes.Color;
15308
+ "notification-text-on-warning": _mirohq_design_system_themes.Color;
15182
15309
  "popover-background": _mirohq_design_system_themes.Color;
15183
15310
  "popover-border": _mirohq_design_system_themes.Color;
15184
15311
  "scrollbar-background": _mirohq_design_system_themes.Color;
@@ -15571,6 +15698,7 @@ declare const theme: {
15571
15698
  readonly 300: "1.5rem";
15572
15699
  readonly 350: "1.75rem";
15573
15700
  readonly 400: "2rem";
15701
+ readonly 450: "2.25rem";
15574
15702
  readonly 500: "2.5rem";
15575
15703
  readonly 600: "3rem";
15576
15704
  readonly 700: "3.5rem";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "3.3.15",
3
+ "version": "3.3.17",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -28,8 +28,8 @@
28
28
  "dependencies": {
29
29
  "lodash.merge": "^4.6.2",
30
30
  "@mirohq/design-system-types": "^1.0.3",
31
- "@mirohq/design-system-themes": "^1.3.12",
32
- "@mirohq/design-tokens": "^11.1.0"
31
+ "@mirohq/design-tokens": "^12.0.0",
32
+ "@mirohq/design-system-themes": "^1.3.14"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"