@mirohq/design-system-button 3.1.13 → 3.1.15-select.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 +7 -0
  2. package/package.json +8 -8
package/dist/types.d.ts CHANGED
@@ -234,6 +234,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
234
234
  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";
235
235
  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";
236
236
  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";
237
+ 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";
237
238
  };
238
239
  sizes: {
239
240
  readonly number: string;
@@ -701,6 +702,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
701
702
  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";
702
703
  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";
703
704
  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";
705
+ 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";
704
706
  };
705
707
  sizes: {
706
708
  readonly number: string;
@@ -1170,6 +1172,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1170
1172
  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";
1171
1173
  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";
1172
1174
  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";
1175
+ 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";
1173
1176
  };
1174
1177
  sizes: {
1175
1178
  readonly number: string;
@@ -1639,6 +1642,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1639
1642
  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";
1640
1643
  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";
1641
1644
  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";
1645
+ 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";
1642
1646
  };
1643
1647
  sizes: {
1644
1648
  readonly number: string;
@@ -2110,6 +2114,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2110
2114
  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";
2111
2115
  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";
2112
2116
  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";
2117
+ 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";
2113
2118
  };
2114
2119
  sizes: {
2115
2120
  readonly number: string;
@@ -2581,6 +2586,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2581
2586
  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";
2582
2587
  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";
2583
2588
  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";
2589
+ 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";
2584
2590
  };
2585
2591
  sizes: {
2586
2592
  readonly number: string;
@@ -3062,6 +3068,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
3062
3068
  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";
3063
3069
  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";
3064
3070
  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";
3071
+ 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";
3065
3072
  };
3066
3073
  sizes: {
3067
3074
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-button",
3
- "version": "3.1.13",
3
+ "version": "3.1.15-select.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,13 +27,13 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@react-aria/utils": "^3.13.0",
30
- "@mirohq/design-system-spinner": "^1.1.19",
31
- "@mirohq/design-system-styles": "^1.1.4",
32
- "@mirohq/design-system-primitive": "^1.1.1",
33
- "@mirohq/design-system-stitches": "^2.3.8",
34
- "@mirohq/design-system-base-button": "^0.4.17",
35
- "@mirohq/design-system-types": "^0.6.1",
36
- "@mirohq/design-system-utils": "^0.14.2"
30
+ "@mirohq/design-system-base-button": "^0.4.19-select.0",
31
+ "@mirohq/design-system-stitches": "^2.3.10-select.0",
32
+ "@mirohq/design-system-styles": "^1.1.6-select.0",
33
+ "@mirohq/design-system-types": "^0.6.2",
34
+ "@mirohq/design-system-utils": "^0.14.3",
35
+ "@mirohq/design-system-spinner": "^1.1.21-select.0",
36
+ "@mirohq/design-system-primitive": "^1.1.1"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/lodash.capitalize": "^4.2.7",