@mirohq/design-system-stitches 2.1.1 → 2.1.2-button.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 +9 -0
  2. package/package.json +2 -2
package/dist/types.d.ts CHANGED
@@ -189,6 +189,7 @@ declare const config: {
189
189
  readonly 50: "0 4px 16px #05003812";
190
190
  readonly 100: "0 8px 32px #05003808";
191
191
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
192
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
192
193
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
193
194
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
194
195
  };
@@ -606,6 +607,7 @@ declare const createTheme: <Argument0 extends string | ({
606
607
  readonly 50?: string | number | boolean | undefined;
607
608
  readonly 100?: string | number | boolean | undefined;
608
609
  readonly 'focus-small'?: string | number | boolean | undefined;
610
+ readonly 'focus-small-outline'?: string | number | boolean | undefined;
609
611
  readonly 'focus-large'?: string | number | boolean | undefined;
610
612
  readonly 'focus-controls'?: string | number | boolean | undefined;
611
613
  } | undefined;
@@ -854,6 +856,7 @@ declare const createTheme: <Argument0 extends string | ({
854
856
  readonly 50?: string | number | boolean | undefined;
855
857
  readonly 100?: string | number | boolean | undefined;
856
858
  readonly 'focus-small'?: string | number | boolean | undefined;
859
+ readonly 'focus-small-outline'?: string | number | boolean | undefined;
857
860
  readonly 'focus-large'?: string | number | boolean | undefined;
858
861
  readonly 'focus-controls'?: string | number | boolean | undefined;
859
862
  } | undefined;
@@ -1108,6 +1111,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1108
1111
  readonly 50: "0 4px 16px #05003812";
1109
1112
  readonly 100: "0 8px 32px #05003808";
1110
1113
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1114
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
1111
1115
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1112
1116
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1113
1117
  };
@@ -1540,6 +1544,7 @@ declare const globalCss: <Styles extends {
1540
1544
  readonly 50: "0 4px 16px #05003812";
1541
1545
  readonly 100: "0 8px 32px #05003808";
1542
1546
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1547
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
1543
1548
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1544
1549
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1545
1550
  };
@@ -1954,6 +1959,7 @@ declare const globalCss: <Styles extends {
1954
1959
  readonly 50: "0 4px 16px #05003812";
1955
1960
  readonly 100: "0 8px 32px #05003808";
1956
1961
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1962
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
1957
1963
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1958
1964
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1959
1965
  };
@@ -2369,6 +2375,7 @@ declare const keyframes: (style: {
2369
2375
  readonly 50: "0 4px 16px #05003812";
2370
2376
  readonly 100: "0 8px 32px #05003808";
2371
2377
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2378
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
2372
2379
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2373
2380
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2374
2381
  };
@@ -3004,6 +3011,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3004
3011
  readonly 50: "0 4px 16px #05003812";
3005
3012
  readonly 100: "0 8px 32px #05003808";
3006
3013
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3014
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
3007
3015
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3008
3016
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3009
3017
  };
@@ -3417,6 +3425,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3417
3425
  readonly 50: "0 4px 16px #05003812";
3418
3426
  readonly 100: "0 8px 32px #05003808";
3419
3427
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3428
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
3420
3429
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3421
3430
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3422
3431
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.1.1",
3
+ "version": "2.1.2-button.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-types": "^0.3.0",
30
- "@mirohq/design-tokens": "^2.1.0"
30
+ "@mirohq/design-tokens": "^2.1.1-button.0"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@mirohq/design-system-primitive": "^1.1.0"