@mirohq/design-system-icon-button 2.1.9-colors.0 → 2.1.9-colors.2

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 +56 -42
  2. package/package.json +9 -9
package/dist/types.d.ts CHANGED
@@ -267,12 +267,14 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
267
267
  readonly none: "0px";
268
268
  };
269
269
  shadows: {
270
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
271
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
272
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
273
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
274
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
275
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
270
+ 50: any;
271
+ 100: any;
272
+ "focus-small": any;
273
+ "focus-small-outline": any;
274
+ "focus-large": any;
275
+ "focus-controls": any;
276
+ "focus-controls-error": any;
277
+ "focus-controls-success": any;
276
278
  };
277
279
  sizes: {
278
280
  readonly number: string;
@@ -793,12 +795,14 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
793
795
  readonly none: "0px";
794
796
  };
795
797
  shadows: {
796
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
797
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
798
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
799
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
800
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
801
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
798
+ 50: any;
799
+ 100: any;
800
+ "focus-small": any;
801
+ "focus-small-outline": any;
802
+ "focus-large": any;
803
+ "focus-controls": any;
804
+ "focus-controls-error": any;
805
+ "focus-controls-success": any;
802
806
  };
803
807
  sizes: {
804
808
  readonly number: string;
@@ -1321,12 +1325,14 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1321
1325
  readonly none: "0px";
1322
1326
  };
1323
1327
  shadows: {
1324
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1325
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1326
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1327
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1328
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1329
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1328
+ 50: any;
1329
+ 100: any;
1330
+ "focus-small": any;
1331
+ "focus-small-outline": any;
1332
+ "focus-large": any;
1333
+ "focus-controls": any;
1334
+ "focus-controls-error": any;
1335
+ "focus-controls-success": any;
1330
1336
  };
1331
1337
  sizes: {
1332
1338
  readonly number: string;
@@ -1850,12 +1856,14 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1850
1856
  readonly none: "0px";
1851
1857
  };
1852
1858
  shadows: {
1853
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1854
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1855
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1856
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1857
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1858
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1859
+ 50: any;
1860
+ 100: any;
1861
+ "focus-small": any;
1862
+ "focus-small-outline": any;
1863
+ "focus-large": any;
1864
+ "focus-controls": any;
1865
+ "focus-controls-error": any;
1866
+ "focus-controls-success": any;
1859
1867
  };
1860
1868
  sizes: {
1861
1869
  readonly number: string;
@@ -2376,12 +2384,14 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2376
2384
  readonly none: "0px";
2377
2385
  };
2378
2386
  shadows: {
2379
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2380
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2381
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2382
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2383
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
2384
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2387
+ 50: any;
2388
+ 100: any;
2389
+ "focus-small": any;
2390
+ "focus-small-outline": any;
2391
+ "focus-large": any;
2392
+ "focus-controls": any;
2393
+ "focus-controls-error": any;
2394
+ "focus-controls-success": any;
2385
2395
  };
2386
2396
  sizes: {
2387
2397
  readonly number: string;
@@ -2967,12 +2977,14 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2967
2977
  readonly none: "0px";
2968
2978
  };
2969
2979
  shadows: {
2970
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2971
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2972
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2973
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2974
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
2975
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2980
+ 50: any;
2981
+ 100: any;
2982
+ "focus-small": any;
2983
+ "focus-small-outline": any;
2984
+ "focus-large": any;
2985
+ "focus-controls": any;
2986
+ "focus-controls-error": any;
2987
+ "focus-controls-success": any;
2976
2988
  };
2977
2989
  sizes: {
2978
2990
  readonly number: string;
@@ -3521,12 +3533,14 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3521
3533
  readonly none: "0px";
3522
3534
  };
3523
3535
  shadows: {
3524
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3525
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3526
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3527
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3528
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
3529
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
3536
+ 50: any;
3537
+ 100: any;
3538
+ "focus-small": any;
3539
+ "focus-small-outline": any;
3540
+ "focus-large": any;
3541
+ "focus-controls": any;
3542
+ "focus-controls-error": any;
3543
+ "focus-controls-success": any;
3530
3544
  };
3531
3545
  sizes: {
3532
3546
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-icon-button",
3
- "version": "2.1.9-colors.0",
3
+ "version": "2.1.9-colors.2",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,14 +26,14 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-badge": "^0.3.31-colors.0",
30
- "@mirohq/design-system-base-button": "^0.4.37-colors.0",
31
- "@mirohq/design-system-base-icon": "^0.1.22-colors.0",
32
- "@mirohq/design-system-stitches": "^2.6.1-colors.0",
33
- "@mirohq/design-system-styles": "^1.1.20-colors.0",
34
- "@mirohq/design-system-tooltip": "^3.3.5-colors.0",
35
- "@mirohq/design-system-use-id": "^0.1.1",
36
- "@mirohq/design-system-utils": "^0.15.0"
29
+ "@mirohq/design-system-badge": "^0.3.31-colors.2",
30
+ "@mirohq/design-system-base-button": "^0.4.37-colors.2",
31
+ "@mirohq/design-system-base-icon": "^0.1.22-colors.2",
32
+ "@mirohq/design-system-stitches": "^2.6.1-colors.2",
33
+ "@mirohq/design-system-styles": "^1.1.20-colors.2",
34
+ "@mirohq/design-system-tooltip": "^3.3.5-colors.2",
35
+ "@mirohq/design-system-utils": "^0.15.0",
36
+ "@mirohq/design-system-use-id": "^0.1.1"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "rollup -c ../../../rollup.config.js",