@mirohq/design-system-form 0.1.2-colors.1 → 0.1.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 +48 -36
  2. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -265,12 +265,14 @@ declare const StyledForm: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
265
265
  readonly none: "0px";
266
266
  };
267
267
  shadows: {
268
- 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";
269
- 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";
270
- 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";
271
- 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";
272
- 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";
273
- 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";
268
+ 50: any;
269
+ 100: any;
270
+ "focus-small": any;
271
+ "focus-small-outline": any;
272
+ "focus-large": any;
273
+ "focus-controls": any;
274
+ "focus-controls-error": any;
275
+ "focus-controls-success": any;
274
276
  };
275
277
  sizes: {
276
278
  readonly number: string;
@@ -794,12 +796,14 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
794
796
  readonly none: "0px";
795
797
  };
796
798
  shadows: {
797
- 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";
798
- 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";
799
- 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";
800
- 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";
801
- 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";
802
- 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";
799
+ 50: any;
800
+ 100: any;
801
+ "focus-small": any;
802
+ "focus-small-outline": any;
803
+ "focus-large": any;
804
+ "focus-controls": any;
805
+ "focus-controls-error": any;
806
+ "focus-controls-success": any;
803
807
  };
804
808
  sizes: {
805
809
  readonly number: string;
@@ -1336,12 +1340,14 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1336
1340
  readonly none: "0px";
1337
1341
  };
1338
1342
  shadows: {
1339
- 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";
1340
- 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";
1341
- 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";
1342
- 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";
1343
- 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";
1344
- 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";
1343
+ 50: any;
1344
+ 100: any;
1345
+ "focus-small": any;
1346
+ "focus-small-outline": any;
1347
+ "focus-large": any;
1348
+ "focus-controls": any;
1349
+ "focus-controls-error": any;
1350
+ "focus-controls-success": any;
1345
1351
  };
1346
1352
  sizes: {
1347
1353
  readonly number: string;
@@ -1869,12 +1875,14 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1869
1875
  readonly none: "0px";
1870
1876
  };
1871
1877
  shadows: {
1872
- 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";
1873
- 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";
1874
- 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";
1875
- 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";
1876
- 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";
1877
- 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";
1878
+ 50: any;
1879
+ 100: any;
1880
+ "focus-small": any;
1881
+ "focus-small-outline": any;
1882
+ "focus-large": any;
1883
+ "focus-controls": any;
1884
+ "focus-controls-error": any;
1885
+ "focus-controls-success": any;
1878
1886
  };
1879
1887
  sizes: {
1880
1888
  readonly number: string;
@@ -2406,12 +2414,14 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2406
2414
  readonly none: "0px";
2407
2415
  };
2408
2416
  shadows: {
2409
- 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";
2410
- 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";
2411
- 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";
2412
- 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";
2413
- 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";
2414
- 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";
2417
+ 50: any;
2418
+ 100: any;
2419
+ "focus-small": any;
2420
+ "focus-small-outline": any;
2421
+ "focus-large": any;
2422
+ "focus-controls": any;
2423
+ "focus-controls-error": any;
2424
+ "focus-controls-success": any;
2415
2425
  };
2416
2426
  sizes: {
2417
2427
  readonly number: string;
@@ -2945,12 +2955,14 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2945
2955
  readonly none: "0px";
2946
2956
  };
2947
2957
  shadows: {
2948
- 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";
2949
- 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";
2950
- 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";
2951
- 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";
2952
- 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";
2953
- 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";
2958
+ 50: any;
2959
+ 100: any;
2960
+ "focus-small": any;
2961
+ "focus-small-outline": any;
2962
+ "focus-large": any;
2963
+ "focus-controls": any;
2964
+ "focus-controls-error": any;
2965
+ "focus-controls-success": any;
2954
2966
  };
2955
2967
  sizes: {
2956
2968
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-form",
3
- "version": "0.1.2-colors.1",
3
+ "version": "0.1.2",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,10 +26,10 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-base-form": "^0.1.1-colors.1",
29
+ "@mirohq/design-system-base-form": "^0.1.1",
30
30
  "@mirohq/design-system-primitive": "^1.1.2",
31
+ "@mirohq/design-system-stitches": "^2.6.1",
31
32
  "@mirohq/design-system-use-id": "^0.1.1",
32
- "@mirohq/design-system-stitches": "^2.6.1-colors.1",
33
33
  "@mirohq/design-system-utils": "^0.15.0"
34
34
  },
35
35
  "scripts": {