@mirohq/design-system-grid 2.1.34-forms.3 → 2.1.35-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 +122 -46
  2. package/package.json +4 -4
package/dist/types.d.ts CHANGED
@@ -14,63 +14,103 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
14
14
  };
15
15
  colors: {
16
16
  readonly black: any;
17
+ readonly 'blue-50': any;
17
18
  readonly 'blue-100': any;
19
+ readonly 'blue-150': any;
18
20
  readonly 'blue-200': any;
21
+ readonly 'blue-250': any;
19
22
  readonly 'blue-300': any;
23
+ readonly 'blue-350': any;
20
24
  readonly 'blue-400': any;
25
+ readonly 'blue-450': any;
21
26
  readonly 'blue-500': any;
27
+ readonly 'blue-550': any;
22
28
  readonly 'blue-600': any;
29
+ readonly 'blue-650': any;
23
30
  readonly 'blue-700': any;
31
+ readonly 'blue-750': any;
24
32
  readonly 'blue-800': any;
33
+ readonly 'blue-850': any;
25
34
  readonly 'blue-900': any;
26
- readonly 'blue-1000': any;
35
+ readonly 'blue-950': any;
36
+ readonly 'gray-50': any;
27
37
  readonly 'gray-100': any;
38
+ readonly 'gray-150': any;
28
39
  readonly 'gray-200': any;
40
+ readonly 'gray-250': any;
29
41
  readonly 'gray-300': any;
42
+ readonly 'gray-350': any;
30
43
  readonly 'gray-400': any;
44
+ readonly 'gray-450': any;
31
45
  readonly 'gray-500': any;
46
+ readonly 'gray-550': any;
32
47
  readonly 'gray-600': any;
48
+ readonly 'gray-650': any;
33
49
  readonly 'gray-700': any;
50
+ readonly 'gray-750': any;
34
51
  readonly 'gray-800': any;
52
+ readonly 'gray-850': any;
35
53
  readonly 'gray-900': any;
54
+ readonly 'gray-950': any;
55
+ readonly 'green-50': any;
36
56
  readonly 'green-100': any;
57
+ readonly 'green-150': any;
37
58
  readonly 'green-200': any;
59
+ readonly 'green-250': any;
38
60
  readonly 'green-300': any;
61
+ readonly 'green-350': any;
39
62
  readonly 'green-400': any;
63
+ readonly 'green-450': any;
40
64
  readonly 'green-500': any;
65
+ readonly 'green-550': any;
41
66
  readonly 'green-600': any;
67
+ readonly 'green-650': any;
42
68
  readonly 'green-700': any;
69
+ readonly 'green-750': any;
43
70
  readonly 'green-800': any;
71
+ readonly 'green-850': any;
44
72
  readonly 'green-900': any;
45
- readonly 'indigo-100': any;
46
- readonly 'indigo-200': any;
47
- readonly 'indigo-300': any;
48
- readonly 'indigo-400': any;
49
- readonly 'indigo-500': any;
50
- readonly 'indigo-600': any;
51
- readonly 'indigo-700': any;
52
- readonly 'indigo-800': any;
53
- readonly 'indigo-900': any;
73
+ readonly 'green-950': any;
74
+ readonly 'red-50': any;
54
75
  readonly 'red-100': any;
76
+ readonly 'red-150': any;
55
77
  readonly 'red-200': any;
78
+ readonly 'red-250': any;
56
79
  readonly 'red-300': any;
80
+ readonly 'red-350': any;
57
81
  readonly 'red-400': any;
82
+ readonly 'red-450': any;
58
83
  readonly 'red-500': any;
84
+ readonly 'red-550': any;
59
85
  readonly 'red-600': any;
86
+ readonly 'red-650': any;
60
87
  readonly 'red-700': any;
88
+ readonly 'red-750': any;
61
89
  readonly 'red-800': any;
90
+ readonly 'red-850': any;
62
91
  readonly 'red-900': any;
92
+ readonly 'red-950': any;
63
93
  readonly transparent: any;
64
94
  readonly white: any;
95
+ readonly 'yellow-50': any;
65
96
  readonly 'yellow-100': any;
97
+ readonly 'yellow-150': any;
66
98
  readonly 'yellow-200': any;
99
+ readonly 'yellow-250': any;
67
100
  readonly 'yellow-300': any;
101
+ readonly 'yellow-350': any;
68
102
  readonly 'yellow-400': any;
103
+ readonly 'yellow-450': any;
69
104
  readonly 'yellow-500': any;
105
+ readonly 'yellow-550': any;
70
106
  readonly 'yellow-600': any;
107
+ readonly 'yellow-650': any;
71
108
  readonly 'yellow-700': any;
109
+ readonly 'yellow-750': any;
72
110
  readonly 'yellow-800': any;
111
+ readonly 'yellow-850': any;
73
112
  readonly 'yellow-900': any;
113
+ readonly 'yellow-950': any;
74
114
  "background-alpha-active"?: any;
75
115
  "background-alpha-hover"?: any;
76
116
  "background-danger-prominent"?: any;
@@ -91,27 +131,19 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
91
131
  "background-neutrals-inverted-subtle"?: any;
92
132
  "background-neutrals-page"?: any;
93
133
  "background-neutrals-page-subtle"?: any;
94
- "background-neutrals-scrolls"?: any;
95
- "background-neutrals-scrolls-expanded"?: any;
96
- "background-neutrals-scrolls-hover"?: any;
97
- "background-neutrals-scrolls-pressed"?: any;
98
- "background-neutrals-scrolls-pressed-hover"?: any;
134
+ "background-neutrals-scrollbar"?: any;
135
+ "background-neutrals-scrollbar-active"?: any;
136
+ "background-neutrals-scrollbar-hover"?: any;
99
137
  "background-neutrals-subtle"?: any;
100
138
  "background-neutrals-subtle-active"?: any;
101
139
  "background-neutrals-subtle-hover"?: any;
102
140
  "background-primary-prominent"?: any;
103
141
  "background-primary-prominent-active"?: any;
104
- "background-primary-prominent-expanded"?: any;
105
142
  "background-primary-prominent-hover"?: any;
106
- "background-primary-prominent-pressed"?: any;
107
- "background-primary-prominent-pressed-hover"?: any;
108
143
  "background-primary-prominent-selected"?: any;
109
144
  "background-primary-subtle"?: any;
110
145
  "background-primary-subtle-active"?: any;
111
- "background-primary-subtle-expanded"?: any;
112
146
  "background-primary-subtle-hover"?: any;
113
- "background-primary-subtle-pressed"?: any;
114
- "background-primary-subtle-pressed-hover"?: any;
115
147
  "background-primary-subtle-selected"?: any;
116
148
  "background-success"?: any;
117
149
  "background-success-prominent"?: any;
@@ -122,9 +154,15 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
122
154
  "border-danger"?: any;
123
155
  "border-danger-active"?: any;
124
156
  "border-danger-hover"?: any;
157
+ "border-focus-error-inner"?: any;
158
+ "border-focus-error-middle"?: any;
159
+ "border-focus-error-outer"?: any;
125
160
  "border-focus-inner"?: any;
126
161
  "border-focus-middle"?: any;
127
162
  "border-focus-outer"?: any;
163
+ "border-focus-success-inner"?: any;
164
+ "border-focus-success-middle"?: any;
165
+ "border-focus-success-outer"?: any;
128
166
  "border-neutrals"?: any;
129
167
  "border-neutrals-active"?: any;
130
168
  "border-neutrals-controls"?: any;
@@ -217,13 +255,13 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
217
255
  readonly body: "Open Sans, sans-serif";
218
256
  };
219
257
  radii: {
220
- readonly none: 0;
221
- readonly half: "999em";
222
258
  readonly 25: "2px";
223
259
  readonly 50: "4px";
224
260
  readonly 75: "6px";
225
261
  readonly 100: "8px";
226
262
  readonly 200: "16px";
263
+ readonly half: "999px";
264
+ readonly none: "0px";
227
265
  };
228
266
  shadows: {
229
267
  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";
@@ -525,63 +563,103 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
525
563
  };
526
564
  colors: {
527
565
  readonly black: any;
566
+ readonly 'blue-50': any;
528
567
  readonly 'blue-100': any;
568
+ readonly 'blue-150': any;
529
569
  readonly 'blue-200': any;
570
+ readonly 'blue-250': any;
530
571
  readonly 'blue-300': any;
572
+ readonly 'blue-350': any;
531
573
  readonly 'blue-400': any;
574
+ readonly 'blue-450': any;
532
575
  readonly 'blue-500': any;
576
+ readonly 'blue-550': any;
533
577
  readonly 'blue-600': any;
578
+ readonly 'blue-650': any;
534
579
  readonly 'blue-700': any;
580
+ readonly 'blue-750': any;
535
581
  readonly 'blue-800': any;
582
+ readonly 'blue-850': any;
536
583
  readonly 'blue-900': any;
537
- readonly 'blue-1000': any;
584
+ readonly 'blue-950': any;
585
+ readonly 'gray-50': any;
538
586
  readonly 'gray-100': any;
587
+ readonly 'gray-150': any;
539
588
  readonly 'gray-200': any;
589
+ readonly 'gray-250': any;
540
590
  readonly 'gray-300': any;
591
+ readonly 'gray-350': any;
541
592
  readonly 'gray-400': any;
593
+ readonly 'gray-450': any;
542
594
  readonly 'gray-500': any;
595
+ readonly 'gray-550': any;
543
596
  readonly 'gray-600': any;
597
+ readonly 'gray-650': any;
544
598
  readonly 'gray-700': any;
599
+ readonly 'gray-750': any;
545
600
  readonly 'gray-800': any;
601
+ readonly 'gray-850': any;
546
602
  readonly 'gray-900': any;
603
+ readonly 'gray-950': any;
604
+ readonly 'green-50': any;
547
605
  readonly 'green-100': any;
606
+ readonly 'green-150': any;
548
607
  readonly 'green-200': any;
608
+ readonly 'green-250': any;
549
609
  readonly 'green-300': any;
610
+ readonly 'green-350': any;
550
611
  readonly 'green-400': any;
612
+ readonly 'green-450': any;
551
613
  readonly 'green-500': any;
614
+ readonly 'green-550': any;
552
615
  readonly 'green-600': any;
616
+ readonly 'green-650': any;
553
617
  readonly 'green-700': any;
618
+ readonly 'green-750': any;
554
619
  readonly 'green-800': any;
620
+ readonly 'green-850': any;
555
621
  readonly 'green-900': any;
556
- readonly 'indigo-100': any;
557
- readonly 'indigo-200': any;
558
- readonly 'indigo-300': any;
559
- readonly 'indigo-400': any;
560
- readonly 'indigo-500': any;
561
- readonly 'indigo-600': any;
562
- readonly 'indigo-700': any;
563
- readonly 'indigo-800': any;
564
- readonly 'indigo-900': any;
622
+ readonly 'green-950': any;
623
+ readonly 'red-50': any;
565
624
  readonly 'red-100': any;
625
+ readonly 'red-150': any;
566
626
  readonly 'red-200': any;
627
+ readonly 'red-250': any;
567
628
  readonly 'red-300': any;
629
+ readonly 'red-350': any;
568
630
  readonly 'red-400': any;
631
+ readonly 'red-450': any;
569
632
  readonly 'red-500': any;
633
+ readonly 'red-550': any;
570
634
  readonly 'red-600': any;
635
+ readonly 'red-650': any;
571
636
  readonly 'red-700': any;
637
+ readonly 'red-750': any;
572
638
  readonly 'red-800': any;
639
+ readonly 'red-850': any;
573
640
  readonly 'red-900': any;
641
+ readonly 'red-950': any;
574
642
  readonly transparent: any;
575
643
  readonly white: any;
644
+ readonly 'yellow-50': any;
576
645
  readonly 'yellow-100': any;
646
+ readonly 'yellow-150': any;
577
647
  readonly 'yellow-200': any;
648
+ readonly 'yellow-250': any;
578
649
  readonly 'yellow-300': any;
650
+ readonly 'yellow-350': any;
579
651
  readonly 'yellow-400': any;
652
+ readonly 'yellow-450': any;
580
653
  readonly 'yellow-500': any;
654
+ readonly 'yellow-550': any;
581
655
  readonly 'yellow-600': any;
656
+ readonly 'yellow-650': any;
582
657
  readonly 'yellow-700': any;
658
+ readonly 'yellow-750': any;
583
659
  readonly 'yellow-800': any;
660
+ readonly 'yellow-850': any;
584
661
  readonly 'yellow-900': any;
662
+ readonly 'yellow-950': any;
585
663
  "background-alpha-active"?: any;
586
664
  "background-alpha-hover"?: any;
587
665
  "background-danger-prominent"?: any;
@@ -602,27 +680,19 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
602
680
  "background-neutrals-inverted-subtle"?: any;
603
681
  "background-neutrals-page"?: any;
604
682
  "background-neutrals-page-subtle"?: any;
605
- "background-neutrals-scrolls"?: any;
606
- "background-neutrals-scrolls-expanded"?: any;
607
- "background-neutrals-scrolls-hover"?: any;
608
- "background-neutrals-scrolls-pressed"?: any;
609
- "background-neutrals-scrolls-pressed-hover"?: any;
683
+ "background-neutrals-scrollbar"?: any;
684
+ "background-neutrals-scrollbar-active"?: any;
685
+ "background-neutrals-scrollbar-hover"?: any;
610
686
  "background-neutrals-subtle"?: any;
611
687
  "background-neutrals-subtle-active"?: any;
612
688
  "background-neutrals-subtle-hover"?: any;
613
689
  "background-primary-prominent"?: any;
614
690
  "background-primary-prominent-active"?: any;
615
- "background-primary-prominent-expanded"?: any;
616
691
  "background-primary-prominent-hover"?: any;
617
- "background-primary-prominent-pressed"?: any;
618
- "background-primary-prominent-pressed-hover"?: any;
619
692
  "background-primary-prominent-selected"?: any;
620
693
  "background-primary-subtle"?: any;
621
694
  "background-primary-subtle-active"?: any;
622
- "background-primary-subtle-expanded"?: any;
623
695
  "background-primary-subtle-hover"?: any;
624
- "background-primary-subtle-pressed"?: any;
625
- "background-primary-subtle-pressed-hover"?: any;
626
696
  "background-primary-subtle-selected"?: any;
627
697
  "background-success"?: any;
628
698
  "background-success-prominent"?: any;
@@ -633,9 +703,15 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
633
703
  "border-danger"?: any;
634
704
  "border-danger-active"?: any;
635
705
  "border-danger-hover"?: any;
706
+ "border-focus-error-inner"?: any;
707
+ "border-focus-error-middle"?: any;
708
+ "border-focus-error-outer"?: any;
636
709
  "border-focus-inner"?: any;
637
710
  "border-focus-middle"?: any;
638
711
  "border-focus-outer"?: any;
712
+ "border-focus-success-inner"?: any;
713
+ "border-focus-success-middle"?: any;
714
+ "border-focus-success-outer"?: any;
639
715
  "border-neutrals"?: any;
640
716
  "border-neutrals-active"?: any;
641
717
  "border-neutrals-controls"?: any;
@@ -728,13 +804,13 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
728
804
  readonly body: "Open Sans, sans-serif";
729
805
  };
730
806
  radii: {
731
- readonly none: 0;
732
- readonly half: "999em";
733
807
  readonly 25: "2px";
734
808
  readonly 50: "4px";
735
809
  readonly 75: "6px";
736
810
  readonly 100: "8px";
737
811
  readonly 200: "16px";
812
+ readonly half: "999px";
813
+ readonly none: "0px";
738
814
  };
739
815
  shadows: {
740
816
  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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-grid",
3
- "version": "2.1.34-forms.3",
3
+ "version": "2.1.35-colors.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,9 +26,9 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-primitive": "^1.1.2-forms.1",
30
- "@mirohq/design-system-stitches": "^2.6.0",
31
- "@mirohq/design-system-utils": "^0.15.0-forms.2"
29
+ "@mirohq/design-system-primitive": "^1.1.2",
30
+ "@mirohq/design-system-stitches": "^2.6.1-colors.0",
31
+ "@mirohq/design-system-utils": "^0.15.0"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rollup -c ../../../rollup.config.js",