@mirohq/design-system-stitches 3.3.24 → 3.3.26

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 +32 -0
  2. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -6745,6 +6745,9 @@ declare const config: {
6745
6745
  "switch-background-hover": /*elided*/ any;
6746
6746
  "switch-control-background": /*elided*/ any;
6747
6747
  "tab-background-selected": /*elided*/ any;
6748
+ "toolbar-item-background-hover": /*elided*/ any;
6749
+ "toolbar-item-background-pressed": /*elided*/ any;
6750
+ "toolbar-item-background-selected": /*elided*/ any;
6748
6751
  "tooltip-background": /*elided*/ any;
6749
6752
  "tooltip-background-inset": /*elided*/ any;
6750
6753
  "icon-danger": /*elided*/ any;
@@ -7176,6 +7179,7 @@ declare const config: {
7176
7179
  sizes: {
7177
7180
  readonly number: string;
7178
7181
  readonly 'icon-200': "16px";
7182
+ readonly 'icon-250': "20px";
7179
7183
  readonly 'icon-300': "24px";
7180
7184
  readonly 'icon-400': "32px";
7181
7185
  };
@@ -7989,6 +7993,9 @@ declare const createTheme: <Argument0 extends string | ({
7989
7993
  "switch-background-hover"?: string | number | boolean | undefined;
7990
7994
  "switch-control-background"?: string | number | boolean | undefined;
7991
7995
  "tab-background-selected"?: string | number | boolean | undefined;
7996
+ "toolbar-item-background-hover"?: string | number | boolean | undefined;
7997
+ "toolbar-item-background-pressed"?: string | number | boolean | undefined;
7998
+ "toolbar-item-background-selected"?: string | number | boolean | undefined;
7992
7999
  "tooltip-background"?: string | number | boolean | undefined;
7993
8000
  "tooltip-background-inset"?: string | number | boolean | undefined;
7994
8001
  "icon-danger"?: string | number | boolean | undefined;
@@ -8420,6 +8427,7 @@ declare const createTheme: <Argument0 extends string | ({
8420
8427
  sizes?: {
8421
8428
  readonly number?: string | number | boolean | undefined;
8422
8429
  readonly 'icon-200'?: string | number | boolean | undefined;
8430
+ readonly 'icon-250'?: string | number | boolean | undefined;
8423
8431
  readonly 'icon-300'?: string | number | boolean | undefined;
8424
8432
  readonly 'icon-400'?: string | number | boolean | undefined;
8425
8433
  } | undefined;
@@ -9078,6 +9086,9 @@ declare const createTheme: <Argument0 extends string | ({
9078
9086
  "switch-background-hover"?: string | number | boolean | undefined;
9079
9087
  "switch-control-background"?: string | number | boolean | undefined;
9080
9088
  "tab-background-selected"?: string | number | boolean | undefined;
9089
+ "toolbar-item-background-hover"?: string | number | boolean | undefined;
9090
+ "toolbar-item-background-pressed"?: string | number | boolean | undefined;
9091
+ "toolbar-item-background-selected"?: string | number | boolean | undefined;
9081
9092
  "tooltip-background"?: string | number | boolean | undefined;
9082
9093
  "tooltip-background-inset"?: string | number | boolean | undefined;
9083
9094
  "icon-danger"?: string | number | boolean | undefined;
@@ -9509,6 +9520,7 @@ declare const createTheme: <Argument0 extends string | ({
9509
9520
  sizes?: {
9510
9521
  readonly number?: string | number | boolean | undefined;
9511
9522
  readonly 'icon-200'?: string | number | boolean | undefined;
9523
+ readonly 'icon-250'?: string | number | boolean | undefined;
9512
9524
  readonly 'icon-300'?: string | number | boolean | undefined;
9513
9525
  readonly 'icon-400'?: string | number | boolean | undefined;
9514
9526
  } | undefined;
@@ -10173,6 +10185,9 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
10173
10185
  "switch-background-hover": /*elided*/ any;
10174
10186
  "switch-control-background": /*elided*/ any;
10175
10187
  "tab-background-selected": /*elided*/ any;
10188
+ "toolbar-item-background-hover": /*elided*/ any;
10189
+ "toolbar-item-background-pressed": /*elided*/ any;
10190
+ "toolbar-item-background-selected": /*elided*/ any;
10176
10191
  "tooltip-background": /*elided*/ any;
10177
10192
  "tooltip-background-inset": /*elided*/ any;
10178
10193
  "icon-danger": /*elided*/ any;
@@ -10604,6 +10619,7 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
10604
10619
  sizes: {
10605
10620
  readonly number: string;
10606
10621
  readonly 'icon-200': "16px";
10622
+ readonly 'icon-250': "20px";
10607
10623
  readonly 'icon-300': "24px";
10608
10624
  readonly 'icon-400': "32px";
10609
10625
  };
@@ -11432,6 +11448,9 @@ declare const globalCss: <Styles extends {
11432
11448
  "switch-background-hover": /*elided*/ any;
11433
11449
  "switch-control-background": /*elided*/ any;
11434
11450
  "tab-background-selected": /*elided*/ any;
11451
+ "toolbar-item-background-hover": /*elided*/ any;
11452
+ "toolbar-item-background-pressed": /*elided*/ any;
11453
+ "toolbar-item-background-selected": /*elided*/ any;
11435
11454
  "tooltip-background": /*elided*/ any;
11436
11455
  "tooltip-background-inset": /*elided*/ any;
11437
11456
  "icon-danger": /*elided*/ any;
@@ -11863,6 +11882,7 @@ declare const globalCss: <Styles extends {
11863
11882
  sizes: {
11864
11883
  readonly number: string;
11865
11884
  readonly 'icon-200': "16px";
11885
+ readonly 'icon-250': "20px";
11866
11886
  readonly 'icon-300': "24px";
11867
11887
  readonly 'icon-400': "32px";
11868
11888
  };
@@ -12673,6 +12693,9 @@ declare const globalCss: <Styles extends {
12673
12693
  "switch-background-hover": /*elided*/ any;
12674
12694
  "switch-control-background": /*elided*/ any;
12675
12695
  "tab-background-selected": /*elided*/ any;
12696
+ "toolbar-item-background-hover": /*elided*/ any;
12697
+ "toolbar-item-background-pressed": /*elided*/ any;
12698
+ "toolbar-item-background-selected": /*elided*/ any;
12676
12699
  "tooltip-background": /*elided*/ any;
12677
12700
  "tooltip-background-inset": /*elided*/ any;
12678
12701
  "icon-danger": /*elided*/ any;
@@ -13104,6 +13127,7 @@ declare const globalCss: <Styles extends {
13104
13127
  sizes: {
13105
13128
  readonly number: string;
13106
13129
  readonly 'icon-200': "16px";
13130
+ readonly 'icon-250': "20px";
13107
13131
  readonly 'icon-300': "24px";
13108
13132
  readonly 'icon-400': "32px";
13109
13133
  };
@@ -13917,6 +13941,9 @@ declare const keyframes: (style: {
13917
13941
  "switch-background-hover": /*elided*/ any;
13918
13942
  "switch-control-background": /*elided*/ any;
13919
13943
  "tab-background-selected": /*elided*/ any;
13944
+ "toolbar-item-background-hover": /*elided*/ any;
13945
+ "toolbar-item-background-pressed": /*elided*/ any;
13946
+ "toolbar-item-background-selected": /*elided*/ any;
13920
13947
  "tooltip-background": /*elided*/ any;
13921
13948
  "tooltip-background-inset": /*elided*/ any;
13922
13949
  "icon-danger": /*elided*/ any;
@@ -14348,6 +14375,7 @@ declare const keyframes: (style: {
14348
14375
  sizes: {
14349
14376
  readonly number: string;
14350
14377
  readonly 'icon-200': "16px";
14378
+ readonly 'icon-250': "20px";
14351
14379
  readonly 'icon-300': "24px";
14352
14380
  readonly 'icon-400': "32px";
14353
14381
  };
@@ -15331,6 +15359,9 @@ declare const theme: {
15331
15359
  "switch-background-hover": _mirohq_design_system_themes.Color;
15332
15360
  "switch-control-background": _mirohq_design_system_themes.Color;
15333
15361
  "tab-background-selected": _mirohq_design_system_themes.Color;
15362
+ "toolbar-item-background-hover": _mirohq_design_system_themes.Color;
15363
+ "toolbar-item-background-pressed": _mirohq_design_system_themes.Color;
15364
+ "toolbar-item-background-selected": _mirohq_design_system_themes.Color;
15334
15365
  "tooltip-background": _mirohq_design_system_themes.Color;
15335
15366
  "tooltip-background-inset": _mirohq_design_system_themes.Color;
15336
15367
  "icon-danger": _mirohq_design_system_themes.Color;
@@ -15762,6 +15793,7 @@ declare const theme: {
15762
15793
  sizes: {
15763
15794
  readonly number: string;
15764
15795
  readonly 'icon-200': "16px";
15796
+ readonly 'icon-250': "20px";
15765
15797
  readonly 'icon-300': "24px";
15766
15798
  readonly 'icon-400': "32px";
15767
15799
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "3.3.24",
3
+ "version": "3.3.26",
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": "^1.4.4",
30
+ "@mirohq/design-system-themes": "^1.4.6",
31
31
  "@mirohq/design-system-types": "^1.0.3",
32
- "@mirohq/design-tokens": "^12.3.3"
32
+ "@mirohq/design-tokens": "^12.4.1"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"