@mirohq/design-system-stitches 2.0.11 → 2.0.12

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 +27 -0
  2. package/package.json +2 -2
package/dist/types.d.ts CHANGED
@@ -188,6 +188,9 @@ declare const config: {
188
188
  shadows: {
189
189
  readonly 50: "0 4px 16px #05003812";
190
190
  readonly 100: "0 8px 32px #05003808";
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-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
193
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
191
194
  };
192
195
  sizes: {
193
196
  readonly number: string;
@@ -602,6 +605,9 @@ declare const createTheme: <Argument0 extends string | ({
602
605
  shadows?: {
603
606
  readonly 50?: string | number | boolean | undefined;
604
607
  readonly 100?: string | number | boolean | undefined;
608
+ readonly 'focus-small'?: string | number | boolean | undefined;
609
+ readonly 'focus-large'?: string | number | boolean | undefined;
610
+ readonly 'focus-controls'?: string | number | boolean | undefined;
605
611
  } | undefined;
606
612
  sizes?: {
607
613
  readonly number?: string | number | boolean | undefined;
@@ -847,6 +853,9 @@ declare const createTheme: <Argument0 extends string | ({
847
853
  shadows?: {
848
854
  readonly 50?: string | number | boolean | undefined;
849
855
  readonly 100?: string | number | boolean | undefined;
856
+ readonly 'focus-small'?: string | number | boolean | undefined;
857
+ readonly 'focus-large'?: string | number | boolean | undefined;
858
+ readonly 'focus-controls'?: string | number | boolean | undefined;
850
859
  } | undefined;
851
860
  sizes?: {
852
861
  readonly number?: string | number | boolean | undefined;
@@ -1098,6 +1107,9 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1098
1107
  shadows: {
1099
1108
  readonly 50: "0 4px 16px #05003812";
1100
1109
  readonly 100: "0 8px 32px #05003808";
1110
+ 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";
1111
+ 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
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1101
1113
  };
1102
1114
  sizes: {
1103
1115
  readonly number: string;
@@ -1527,6 +1539,9 @@ declare const globalCss: <Styles extends {
1527
1539
  shadows: {
1528
1540
  readonly 50: "0 4px 16px #05003812";
1529
1541
  readonly 100: "0 8px 32px #05003808";
1542
+ 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";
1543
+ 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
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1530
1545
  };
1531
1546
  sizes: {
1532
1547
  readonly number: string;
@@ -1938,6 +1953,9 @@ declare const globalCss: <Styles extends {
1938
1953
  shadows: {
1939
1954
  readonly 50: "0 4px 16px #05003812";
1940
1955
  readonly 100: "0 8px 32px #05003808";
1956
+ 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";
1957
+ 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
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1941
1959
  };
1942
1960
  sizes: {
1943
1961
  readonly number: string;
@@ -2350,6 +2368,9 @@ declare const keyframes: (style: {
2350
2368
  shadows: {
2351
2369
  readonly 50: "0 4px 16px #05003812";
2352
2370
  readonly 100: "0 8px 32px #05003808";
2371
+ 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";
2372
+ 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
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2353
2374
  };
2354
2375
  sizes: {
2355
2376
  readonly number: string;
@@ -2982,6 +3003,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
2982
3003
  shadows: {
2983
3004
  readonly 50: "0 4px 16px #05003812";
2984
3005
  readonly 100: "0 8px 32px #05003808";
3006
+ 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";
3007
+ 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
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2985
3009
  };
2986
3010
  sizes: {
2987
3011
  readonly number: string;
@@ -3392,6 +3416,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3392
3416
  shadows: {
3393
3417
  readonly 50: "0 4px 16px #05003812";
3394
3418
  readonly 100: "0 8px 32px #05003808";
3419
+ 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";
3420
+ 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
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3395
3422
  };
3396
3423
  sizes: {
3397
3424
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.0.11",
3
+ "version": "2.0.12",
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.2.0",
30
- "@mirohq/design-tokens": "^2.0.0"
30
+ "@mirohq/design-tokens": "^2.1.0"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@mirohq/design-system-primitive": "^1.0.4"