@mirohq/design-system-base-form 0.1.0-forms.2 → 0.1.1-colors.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 +67 -29
  2. package/package.json +6 -6
package/dist/types.d.ts CHANGED
@@ -15,63 +15,103 @@ declare const StyledFloatingLabel: React.ForwardRefExoticComponent<Omit<Omit<_mi
15
15
  };
16
16
  colors: {
17
17
  readonly black: any;
18
+ readonly 'blue-50': any;
18
19
  readonly 'blue-100': any;
20
+ readonly 'blue-150': any;
19
21
  readonly 'blue-200': any;
22
+ readonly 'blue-250': any;
20
23
  readonly 'blue-300': any;
24
+ readonly 'blue-350': any;
21
25
  readonly 'blue-400': any;
26
+ readonly 'blue-450': any;
22
27
  readonly 'blue-500': any;
28
+ readonly 'blue-550': any;
23
29
  readonly 'blue-600': any;
30
+ readonly 'blue-650': any;
24
31
  readonly 'blue-700': any;
32
+ readonly 'blue-750': any;
25
33
  readonly 'blue-800': any;
34
+ readonly 'blue-850': any;
26
35
  readonly 'blue-900': any;
27
- readonly 'blue-1000': any;
36
+ readonly 'blue-950': any;
37
+ readonly 'gray-50': any;
28
38
  readonly 'gray-100': any;
39
+ readonly 'gray-150': any;
29
40
  readonly 'gray-200': any;
41
+ readonly 'gray-250': any;
30
42
  readonly 'gray-300': any;
43
+ readonly 'gray-350': any;
31
44
  readonly 'gray-400': any;
45
+ readonly 'gray-450': any;
32
46
  readonly 'gray-500': any;
47
+ readonly 'gray-550': any;
33
48
  readonly 'gray-600': any;
49
+ readonly 'gray-650': any;
34
50
  readonly 'gray-700': any;
51
+ readonly 'gray-750': any;
35
52
  readonly 'gray-800': any;
53
+ readonly 'gray-850': any;
36
54
  readonly 'gray-900': any;
55
+ readonly 'gray-950': any;
56
+ readonly 'green-50': any;
37
57
  readonly 'green-100': any;
58
+ readonly 'green-150': any;
38
59
  readonly 'green-200': any;
60
+ readonly 'green-250': any;
39
61
  readonly 'green-300': any;
62
+ readonly 'green-350': any;
40
63
  readonly 'green-400': any;
64
+ readonly 'green-450': any;
41
65
  readonly 'green-500': any;
66
+ readonly 'green-550': any;
42
67
  readonly 'green-600': any;
68
+ readonly 'green-650': any;
43
69
  readonly 'green-700': any;
70
+ readonly 'green-750': any;
44
71
  readonly 'green-800': any;
72
+ readonly 'green-850': any;
45
73
  readonly 'green-900': any;
46
- readonly 'indigo-100': any;
47
- readonly 'indigo-200': any;
48
- readonly 'indigo-300': any;
49
- readonly 'indigo-400': any;
50
- readonly 'indigo-500': any;
51
- readonly 'indigo-600': any;
52
- readonly 'indigo-700': any;
53
- readonly 'indigo-800': any;
54
- readonly 'indigo-900': any;
74
+ readonly 'green-950': any;
75
+ readonly 'red-50': any;
55
76
  readonly 'red-100': any;
77
+ readonly 'red-150': any;
56
78
  readonly 'red-200': any;
79
+ readonly 'red-250': any;
57
80
  readonly 'red-300': any;
81
+ readonly 'red-350': any;
58
82
  readonly 'red-400': any;
83
+ readonly 'red-450': any;
59
84
  readonly 'red-500': any;
85
+ readonly 'red-550': any;
60
86
  readonly 'red-600': any;
87
+ readonly 'red-650': any;
61
88
  readonly 'red-700': any;
89
+ readonly 'red-750': any;
62
90
  readonly 'red-800': any;
91
+ readonly 'red-850': any;
63
92
  readonly 'red-900': any;
93
+ readonly 'red-950': any;
64
94
  readonly transparent: any;
65
95
  readonly white: any;
96
+ readonly 'yellow-50': any;
66
97
  readonly 'yellow-100': any;
98
+ readonly 'yellow-150': any;
67
99
  readonly 'yellow-200': any;
100
+ readonly 'yellow-250': any;
68
101
  readonly 'yellow-300': any;
102
+ readonly 'yellow-350': any;
69
103
  readonly 'yellow-400': any;
104
+ readonly 'yellow-450': any;
70
105
  readonly 'yellow-500': any;
106
+ readonly 'yellow-550': any;
71
107
  readonly 'yellow-600': any;
108
+ readonly 'yellow-650': any;
72
109
  readonly 'yellow-700': any;
110
+ readonly 'yellow-750': any;
73
111
  readonly 'yellow-800': any;
112
+ readonly 'yellow-850': any;
74
113
  readonly 'yellow-900': any;
114
+ readonly 'yellow-950': any;
75
115
  "background-alpha-active"?: any;
76
116
  "background-alpha-hover"?: any;
77
117
  "background-danger-prominent"?: any;
@@ -92,27 +132,19 @@ declare const StyledFloatingLabel: React.ForwardRefExoticComponent<Omit<Omit<_mi
92
132
  "background-neutrals-inverted-subtle"?: any;
93
133
  "background-neutrals-page"?: any;
94
134
  "background-neutrals-page-subtle"?: any;
95
- "background-neutrals-scrolls"?: any;
96
- "background-neutrals-scrolls-expanded"?: any;
97
- "background-neutrals-scrolls-hover"?: any;
98
- "background-neutrals-scrolls-pressed"?: any;
99
- "background-neutrals-scrolls-pressed-hover"?: any;
135
+ "background-neutrals-scrollbar"?: any;
136
+ "background-neutrals-scrollbar-active"?: any;
137
+ "background-neutrals-scrollbar-hover"?: any;
100
138
  "background-neutrals-subtle"?: any;
101
139
  "background-neutrals-subtle-active"?: any;
102
140
  "background-neutrals-subtle-hover"?: any;
103
141
  "background-primary-prominent"?: any;
104
142
  "background-primary-prominent-active"?: any;
105
- "background-primary-prominent-expanded"?: any;
106
143
  "background-primary-prominent-hover"?: any;
107
- "background-primary-prominent-pressed"?: any;
108
- "background-primary-prominent-pressed-hover"?: any;
109
144
  "background-primary-prominent-selected"?: any;
110
145
  "background-primary-subtle"?: any;
111
146
  "background-primary-subtle-active"?: any;
112
- "background-primary-subtle-expanded"?: any;
113
147
  "background-primary-subtle-hover"?: any;
114
- "background-primary-subtle-pressed"?: any;
115
- "background-primary-subtle-pressed-hover"?: any;
116
148
  "background-primary-subtle-selected"?: any;
117
149
  "background-success"?: any;
118
150
  "background-success-prominent"?: any;
@@ -123,9 +155,15 @@ declare const StyledFloatingLabel: React.ForwardRefExoticComponent<Omit<Omit<_mi
123
155
  "border-danger"?: any;
124
156
  "border-danger-active"?: any;
125
157
  "border-danger-hover"?: any;
158
+ "border-focus-error-inner"?: any;
159
+ "border-focus-error-middle"?: any;
160
+ "border-focus-error-outer"?: any;
126
161
  "border-focus-inner"?: any;
127
162
  "border-focus-middle"?: any;
128
163
  "border-focus-outer"?: any;
164
+ "border-focus-success-inner"?: any;
165
+ "border-focus-success-middle"?: any;
166
+ "border-focus-success-outer"?: any;
129
167
  "border-neutrals"?: any;
130
168
  "border-neutrals-active"?: any;
131
169
  "border-neutrals-controls"?: any;
@@ -218,13 +256,13 @@ declare const StyledFloatingLabel: React.ForwardRefExoticComponent<Omit<Omit<_mi
218
256
  readonly body: "Open Sans, sans-serif";
219
257
  };
220
258
  radii: {
221
- readonly none: 0;
222
- readonly half: "999em";
223
259
  readonly 25: "2px";
224
260
  readonly 50: "4px";
225
261
  readonly 75: "6px";
226
262
  readonly 100: "8px";
227
263
  readonly 200: "16px";
264
+ readonly half: "999px";
265
+ readonly none: "0px";
228
266
  };
229
267
  shadows: {
230
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";
@@ -561,24 +599,24 @@ declare const useFormFieldContext: <T extends FormElements>() => FormFieldContex
561
599
 
562
600
  interface FormElementProps {
563
601
  /**
564
- * Prevents the user from interacting with the form element.
602
+ * Prevents the user from interacting with the element.
565
603
  */
566
604
  disabled?: boolean;
567
605
  /**
568
- * Prevents the user from interacting with the form element.
569
- * But still allows the form element to be focused.
606
+ * Prevents the user from interacting with the element.
607
+ * But still allows the element to be focused.
570
608
  */
571
609
  'aria-disabled'?: Booleanish;
572
610
  /**
573
- * Prevents the user from modifying the form element.
611
+ * Prevents the user from modifying the element.
574
612
  */
575
613
  readOnly?: boolean;
576
614
  /**
577
- * Indicates whether the form element's value is valid.
615
+ * Indicates whether the element's value is valid.
578
616
  */
579
617
  valid?: boolean;
580
618
  /**
581
- * Indicates whether the form element is required.
619
+ * Indicates whether the element is required.
582
620
  */
583
621
  required?: boolean;
584
622
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-base-form",
3
- "version": "0.1.0-forms.2",
3
+ "version": "0.1.1-colors.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,12 +26,12 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-base-input": "^0.0.3-forms.3",
30
- "@mirohq/design-system-primitive": "^1.1.2-forms.1",
29
+ "@mirohq/design-system-primitive": "^1.1.2",
30
+ "@mirohq/design-system-stitches": "^2.6.1-colors.0",
31
+ "@mirohq/design-system-use-id": "^0.1.1",
32
+ "@mirohq/design-system-utils": "^0.15.0",
31
33
  "@mirohq/design-system-types": "^0.6.2",
32
- "@mirohq/design-system-use-id": "^0.1.1-forms.1",
33
- "@mirohq/design-system-utils": "^0.15.0-forms.2",
34
- "@mirohq/design-system-stitches": "^2.6.0"
34
+ "@mirohq/design-system-base-input": "^0.0.3"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rollup -c ../../../../rollup.config.js",