@mirohq/design-system-grid 2.1.24 → 2.1.26

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 +30 -6
  2. package/package.json +2 -2
package/dist/types.d.ts CHANGED
@@ -139,6 +139,9 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
139
139
  "background-primary-subtle-pressed-hover"?: any;
140
140
  "background-primary-subtle-selected"?: any;
141
141
  "background-success"?: any;
142
+ "background-success-prominent"?: any;
143
+ "background-success-prominent-active"?: any;
144
+ "background-success-prominent-hover"?: any;
142
145
  "background-warning-prominent"?: any;
143
146
  "background-warning-subtle"?: any;
144
147
  "border-danger"?: any;
@@ -167,6 +170,8 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
167
170
  "border-primary-hover"?: any;
168
171
  "border-primary-inverted"?: any;
169
172
  "border-success"?: any;
173
+ "border-success-active"?: any;
174
+ "border-success-hover"?: any;
170
175
  "border-warning"?: any;
171
176
  "icon-danger"?: any;
172
177
  "icon-danger-active"?: any;
@@ -186,9 +191,12 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
186
191
  "icon-primary-inverted"?: any;
187
192
  "icon-primary-selected"?: any;
188
193
  "icon-success"?: any;
194
+ "icon-success-active"?: any;
195
+ "icon-success-hover"?: any;
189
196
  "icon-success-inverted"?: any;
190
197
  "icon-warning"?: any;
191
198
  "icon-warning-prominent"?: any;
199
+ "icon-warning-subtle"?: any;
192
200
  "text-danger"?: any;
193
201
  "text-danger-active"?: any;
194
202
  "text-danger-hover"?: any;
@@ -210,7 +218,11 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
210
218
  "text-primary-inverted-subtle"?: any;
211
219
  "text-primary-selected"?: any;
212
220
  "text-success"?: any;
221
+ "text-success-active"?: any;
222
+ "text-success-hover"?: any;
223
+ "text-success-inverted"?: any;
213
224
  "text-warning"?: any;
225
+ "text-warning-subtle"?: any;
214
226
  };
215
227
  'font-sizes': {
216
228
  readonly 150: "0.75rem";
@@ -239,8 +251,6 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
239
251
  readonly 200: "16px";
240
252
  };
241
253
  shadows: {
242
- readonly 50: "0 4px 16px #05003812";
243
- readonly 100: "0 8px 32px #05003808";
244
254
  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";
245
255
  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";
246
256
  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";
@@ -254,7 +264,8 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
254
264
  readonly 'icon-400': "32px";
255
265
  };
256
266
  space: {
257
- readonly 0: 0;
267
+ readonly 0: "0px";
268
+ readonly 25: "2px";
258
269
  readonly 50: "4px";
259
270
  readonly 100: "8px";
260
271
  readonly 150: "12px";
@@ -284,6 +295,7 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
284
295
  readonly 300: any;
285
296
  readonly 400: any;
286
297
  readonly 600: any;
298
+ readonly 700: any;
287
299
  readonly 800: any;
288
300
  readonly 1200: any;
289
301
  readonly 1600: any;
@@ -640,6 +652,9 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
640
652
  "background-primary-subtle-pressed-hover"?: any;
641
653
  "background-primary-subtle-selected"?: any;
642
654
  "background-success"?: any;
655
+ "background-success-prominent"?: any;
656
+ "background-success-prominent-active"?: any;
657
+ "background-success-prominent-hover"?: any;
643
658
  "background-warning-prominent"?: any;
644
659
  "background-warning-subtle"?: any;
645
660
  "border-danger"?: any;
@@ -668,6 +683,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
668
683
  "border-primary-hover"?: any;
669
684
  "border-primary-inverted"?: any;
670
685
  "border-success"?: any;
686
+ "border-success-active"?: any;
687
+ "border-success-hover"?: any;
671
688
  "border-warning"?: any;
672
689
  "icon-danger"?: any;
673
690
  "icon-danger-active"?: any;
@@ -687,9 +704,12 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
687
704
  "icon-primary-inverted"?: any;
688
705
  "icon-primary-selected"?: any;
689
706
  "icon-success"?: any;
707
+ "icon-success-active"?: any;
708
+ "icon-success-hover"?: any;
690
709
  "icon-success-inverted"?: any;
691
710
  "icon-warning"?: any;
692
711
  "icon-warning-prominent"?: any;
712
+ "icon-warning-subtle"?: any;
693
713
  "text-danger"?: any;
694
714
  "text-danger-active"?: any;
695
715
  "text-danger-hover"?: any;
@@ -711,7 +731,11 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
711
731
  "text-primary-inverted-subtle"?: any;
712
732
  "text-primary-selected"?: any;
713
733
  "text-success"?: any;
734
+ "text-success-active"?: any;
735
+ "text-success-hover"?: any;
736
+ "text-success-inverted"?: any;
714
737
  "text-warning"?: any;
738
+ "text-warning-subtle"?: any;
715
739
  };
716
740
  'font-sizes': {
717
741
  readonly 150: "0.75rem";
@@ -740,8 +764,6 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
740
764
  readonly 200: "16px";
741
765
  };
742
766
  shadows: {
743
- readonly 50: "0 4px 16px #05003812";
744
- readonly 100: "0 8px 32px #05003808";
745
767
  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";
746
768
  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";
747
769
  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";
@@ -755,7 +777,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
755
777
  readonly 'icon-400': "32px";
756
778
  };
757
779
  space: {
758
- readonly 0: 0;
780
+ readonly 0: "0px";
781
+ readonly 25: "2px";
759
782
  readonly 50: "4px";
760
783
  readonly 100: "8px";
761
784
  readonly 150: "12px";
@@ -785,6 +808,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
785
808
  readonly 300: any;
786
809
  readonly 400: any;
787
810
  readonly 600: any;
811
+ readonly 700: any;
788
812
  readonly 800: any;
789
813
  readonly 1200: any;
790
814
  readonly 1600: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-grid",
3
- "version": "2.1.24",
3
+ "version": "2.1.26",
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-primitive": "^1.1.1",
30
- "@mirohq/design-system-stitches": "^2.3.12",
30
+ "@mirohq/design-system-stitches": "^2.3.14",
31
31
  "@mirohq/design-system-utils": "^0.14.3"
32
32
  },
33
33
  "scripts": {