@mirohq/design-system-grid 2.1.7 → 2.1.9

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 +106 -86
  2. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -96,89 +96,93 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
96
96
  readonly black: any;
97
97
  readonly white: any;
98
98
  readonly transparent: any;
99
+ readonly 'background-danger'?: any;
100
+ readonly 'background-danger-hover'?: any;
101
+ readonly 'background-danger-prominent'?: any;
102
+ readonly 'background-danger-prominent-active'?: any;
103
+ readonly 'background-danger-prominent-hover'?: any;
99
104
  readonly 'background-neutrals'?: any;
100
105
  readonly 'background-neutrals-body'?: any;
101
106
  readonly 'background-neutrals-container'?: any;
107
+ readonly 'background-neutrals-controls-disabled'?: any;
108
+ readonly 'background-neutrals-disabled'?: any;
109
+ readonly 'background-neutrals-inactive'?: any;
110
+ readonly 'background-neutrals-inactive-hover'?: any;
102
111
  readonly 'background-neutrals-inverted'?: any;
103
112
  readonly 'background-neutrals-inverted-subtle'?: any;
113
+ readonly 'background-neutrals-scrolls'?: any;
114
+ readonly 'background-neutrals-scrolls-hover'?: any;
104
115
  readonly 'background-neutrals-subtle'?: any;
105
- readonly 'background-neutrals-subtle-hover'?: any;
106
116
  readonly 'background-neutrals-subtle-active'?: any;
107
- readonly 'background-neutrals-disabled'?: any;
108
- readonly 'background-neutrals-controls-disabled'?: any;
109
- readonly 'background-neutrals-scrolls'?: any;
110
- readonly 'background-neutrals-inactive'?: any;
111
- readonly 'background-neutrals-inactive-hover'?: any;
117
+ readonly 'background-neutrals-subtle-hover'?: any;
112
118
  readonly 'background-primary-prominent'?: any;
113
- readonly 'background-primary-prominent-hover'?: any;
114
119
  readonly 'background-primary-prominent-active'?: any;
120
+ readonly 'background-primary-prominent-hover'?: any;
115
121
  readonly 'background-primary-prominent-selected'?: any;
116
122
  readonly 'background-primary-subtle'?: any;
117
- readonly 'background-primary-subtle-hover'?: any;
118
123
  readonly 'background-primary-subtle-active'?: any;
124
+ readonly 'background-primary-subtle-hover'?: any;
119
125
  readonly 'background-primary-subtle-selected'?: any;
120
- readonly 'background-danger-prominent'?: any;
121
- readonly 'background-danger-prominent-hover'?: any;
122
- readonly 'background-danger-prominent-active'?: any;
123
- readonly 'background-danger'?: any;
124
- readonly 'background-danger-hover'?: any;
125
126
  readonly 'background-success'?: any;
126
- readonly 'background-warning-subtle'?: any;
127
127
  readonly 'background-warning-prominent'?: any;
128
- readonly 'text-neutrals-inverted'?: any;
128
+ readonly 'background-warning-subtle'?: any;
129
+ readonly 'text-danger'?: any;
130
+ readonly 'text-danger-active'?: any;
131
+ readonly 'text-danger-hover'?: any;
132
+ readonly 'text-danger-inverted'?: any;
129
133
  readonly 'text-neutrals'?: any;
130
- readonly 'text-neutrals-subtle'?: any;
131
- readonly 'text-neutrals-placeholder-only'?: any;
132
- readonly 'text-neutrals-placeholder'?: any;
133
134
  readonly 'text-neutrals-disabled'?: any;
134
- readonly 'text-primary-inverted'?: any;
135
+ readonly 'text-neutrals-inverted'?: any;
136
+ readonly 'text-neutrals-link'?: any;
137
+ readonly 'text-neutrals-link-active'?: any;
138
+ readonly 'text-neutrals-link-hover'?: any;
139
+ readonly 'text-neutrals-placeholder'?: any;
140
+ readonly 'text-neutrals-placeholder-only'?: any;
141
+ readonly 'text-neutrals-subtle'?: any;
135
142
  readonly 'text-primary'?: any;
136
- readonly 'text-primary-hover'?: any;
137
143
  readonly 'text-primary-active'?: any;
138
- readonly 'text-primary-selected'?: any;
144
+ readonly 'text-primary-hover'?: any;
145
+ readonly 'text-primary-inverted'?: any;
139
146
  readonly 'text-primary-inverted-subtle'?: any;
140
- readonly 'text-danger-inverted'?: any;
141
- readonly 'text-danger'?: any;
142
- readonly 'text-danger-hover'?: any;
143
- readonly 'text-danger-active'?: any;
147
+ readonly 'text-primary-selected'?: any;
144
148
  readonly 'text-success'?: any;
145
149
  readonly 'text-warning'?: any;
146
- readonly 'icon-neutrals-inverted'?: any;
150
+ readonly 'icon-danger'?: any;
151
+ readonly 'icon-danger-active'?: any;
152
+ readonly 'icon-danger-hover'?: any;
153
+ readonly 'icon-danger-inverted'?: any;
147
154
  readonly 'icon-neutrals'?: any;
148
- readonly 'icon-neutrals-with-text'?: any;
149
- readonly 'icon-neutrals-subtle'?: any;
150
155
  readonly 'icon-neutrals-disabled'?: any;
151
- readonly 'icon-neutrals-search'?: any;
152
156
  readonly 'icon-neutrals-inactive'?: any;
153
157
  readonly 'icon-neutrals-inactive-hover'?: any;
154
- readonly 'icon-primary-inverted'?: any;
158
+ readonly 'icon-neutrals-inverted'?: any;
159
+ readonly 'icon-neutrals-search'?: any;
160
+ readonly 'icon-neutrals-subtle'?: any;
161
+ readonly 'icon-neutrals-with-text'?: any;
155
162
  readonly 'icon-primary'?: any;
156
- readonly 'icon-primary-hover'?: any;
157
163
  readonly 'icon-primary-active'?: any;
164
+ readonly 'icon-primary-hover'?: any;
165
+ readonly 'icon-primary-inverted'?: any;
158
166
  readonly 'icon-primary-selected'?: any;
159
- readonly 'icon-danger-inverted'?: any;
160
- readonly 'icon-danger'?: any;
161
- readonly 'icon-danger-hover'?: any;
162
- readonly 'icon-danger-active'?: any;
163
- readonly 'icon-success-inverted'?: any;
164
167
  readonly 'icon-success'?: any;
168
+ readonly 'icon-success-inverted'?: any;
165
169
  readonly 'icon-warning'?: any;
166
- readonly 'border-focus-outer'?: any;
167
- readonly 'border-focus-middle'?: any;
170
+ readonly 'border-danger'?: any;
168
171
  readonly 'border-focus-inner'?: any;
172
+ readonly 'border-focus-middle'?: any;
173
+ readonly 'border-focus-outer'?: any;
169
174
  readonly 'border-neutrals'?: any;
170
- readonly 'border-neutrals-hover'?: any;
171
175
  readonly 'border-neutrals-active'?: any;
172
- readonly 'border-neutrals-disabled'?: any;
173
176
  readonly 'border-neutrals-controls'?: any;
174
177
  readonly 'border-neutrals-controls-disabled'?: any;
175
- readonly 'border-neutrals-subtle'?: any;
178
+ readonly 'border-neutrals-disabled'?: any;
179
+ readonly 'border-neutrals-hover'?: any;
176
180
  readonly 'border-neutrals-inverted'?: any;
181
+ readonly 'border-neutrals-subtle'?: any;
177
182
  readonly 'border-primary'?: any;
178
- readonly 'border-primary-hover'?: any;
179
183
  readonly 'border-primary-active'?: any;
184
+ readonly 'border-primary-hover'?: any;
180
185
  readonly 'border-primary-inverted'?: any;
181
- readonly 'border-danger'?: any;
182
186
  readonly 'border-success'?: any;
183
187
  readonly 'border-warning'?: any;
184
188
  };
@@ -272,6 +276,11 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
272
276
  readonly 'stacking-500': any;
273
277
  readonly 'stacking-800': any;
274
278
  };
279
+ 'stroke-width': {
280
+ readonly thin: "1.5px";
281
+ readonly normal: "2px";
282
+ readonly bold: "4px";
283
+ };
275
284
  'z-indices': {
276
285
  readonly dropdownMenu: 100;
277
286
  readonly popover: 200;
@@ -400,6 +409,7 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
400
409
  readonly scrollPaddingRight: "space-inset";
401
410
  readonly scrollPaddingTop: "space-inset";
402
411
  readonly stroke: "colors";
412
+ readonly strokeWidth: "stroke-width";
403
413
  readonly textDecorationColor: "colors";
404
414
  readonly textShadow: "shadows";
405
415
  readonly top: "space";
@@ -554,89 +564,93 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
554
564
  readonly black: any;
555
565
  readonly white: any;
556
566
  readonly transparent: any;
567
+ readonly 'background-danger'?: any;
568
+ readonly 'background-danger-hover'?: any;
569
+ readonly 'background-danger-prominent'?: any;
570
+ readonly 'background-danger-prominent-active'?: any;
571
+ readonly 'background-danger-prominent-hover'?: any;
557
572
  readonly 'background-neutrals'?: any;
558
573
  readonly 'background-neutrals-body'?: any;
559
574
  readonly 'background-neutrals-container'?: any;
575
+ readonly 'background-neutrals-controls-disabled'?: any;
576
+ readonly 'background-neutrals-disabled'?: any;
577
+ readonly 'background-neutrals-inactive'?: any;
578
+ readonly 'background-neutrals-inactive-hover'?: any;
560
579
  readonly 'background-neutrals-inverted'?: any;
561
580
  readonly 'background-neutrals-inverted-subtle'?: any;
581
+ readonly 'background-neutrals-scrolls'?: any;
582
+ readonly 'background-neutrals-scrolls-hover'?: any;
562
583
  readonly 'background-neutrals-subtle'?: any;
563
- readonly 'background-neutrals-subtle-hover'?: any;
564
584
  readonly 'background-neutrals-subtle-active'?: any;
565
- readonly 'background-neutrals-disabled'?: any;
566
- readonly 'background-neutrals-controls-disabled'?: any;
567
- readonly 'background-neutrals-scrolls'?: any;
568
- readonly 'background-neutrals-inactive'?: any;
569
- readonly 'background-neutrals-inactive-hover'?: any;
585
+ readonly 'background-neutrals-subtle-hover'?: any;
570
586
  readonly 'background-primary-prominent'?: any;
571
- readonly 'background-primary-prominent-hover'?: any;
572
587
  readonly 'background-primary-prominent-active'?: any;
588
+ readonly 'background-primary-prominent-hover'?: any;
573
589
  readonly 'background-primary-prominent-selected'?: any;
574
590
  readonly 'background-primary-subtle'?: any;
575
- readonly 'background-primary-subtle-hover'?: any;
576
591
  readonly 'background-primary-subtle-active'?: any;
592
+ readonly 'background-primary-subtle-hover'?: any;
577
593
  readonly 'background-primary-subtle-selected'?: any;
578
- readonly 'background-danger-prominent'?: any;
579
- readonly 'background-danger-prominent-hover'?: any;
580
- readonly 'background-danger-prominent-active'?: any;
581
- readonly 'background-danger'?: any;
582
- readonly 'background-danger-hover'?: any;
583
594
  readonly 'background-success'?: any;
584
- readonly 'background-warning-subtle'?: any;
585
595
  readonly 'background-warning-prominent'?: any;
586
- readonly 'text-neutrals-inverted'?: any;
596
+ readonly 'background-warning-subtle'?: any;
597
+ readonly 'text-danger'?: any;
598
+ readonly 'text-danger-active'?: any;
599
+ readonly 'text-danger-hover'?: any;
600
+ readonly 'text-danger-inverted'?: any;
587
601
  readonly 'text-neutrals'?: any;
588
- readonly 'text-neutrals-subtle'?: any;
589
- readonly 'text-neutrals-placeholder-only'?: any;
590
- readonly 'text-neutrals-placeholder'?: any;
591
602
  readonly 'text-neutrals-disabled'?: any;
592
- readonly 'text-primary-inverted'?: any;
603
+ readonly 'text-neutrals-inverted'?: any;
604
+ readonly 'text-neutrals-link'?: any;
605
+ readonly 'text-neutrals-link-active'?: any;
606
+ readonly 'text-neutrals-link-hover'?: any;
607
+ readonly 'text-neutrals-placeholder'?: any;
608
+ readonly 'text-neutrals-placeholder-only'?: any;
609
+ readonly 'text-neutrals-subtle'?: any;
593
610
  readonly 'text-primary'?: any;
594
- readonly 'text-primary-hover'?: any;
595
611
  readonly 'text-primary-active'?: any;
596
- readonly 'text-primary-selected'?: any;
612
+ readonly 'text-primary-hover'?: any;
613
+ readonly 'text-primary-inverted'?: any;
597
614
  readonly 'text-primary-inverted-subtle'?: any;
598
- readonly 'text-danger-inverted'?: any;
599
- readonly 'text-danger'?: any;
600
- readonly 'text-danger-hover'?: any;
601
- readonly 'text-danger-active'?: any;
615
+ readonly 'text-primary-selected'?: any;
602
616
  readonly 'text-success'?: any;
603
617
  readonly 'text-warning'?: any;
604
- readonly 'icon-neutrals-inverted'?: any;
618
+ readonly 'icon-danger'?: any;
619
+ readonly 'icon-danger-active'?: any;
620
+ readonly 'icon-danger-hover'?: any;
621
+ readonly 'icon-danger-inverted'?: any;
605
622
  readonly 'icon-neutrals'?: any;
606
- readonly 'icon-neutrals-with-text'?: any;
607
- readonly 'icon-neutrals-subtle'?: any;
608
623
  readonly 'icon-neutrals-disabled'?: any;
609
- readonly 'icon-neutrals-search'?: any;
610
624
  readonly 'icon-neutrals-inactive'?: any;
611
625
  readonly 'icon-neutrals-inactive-hover'?: any;
612
- readonly 'icon-primary-inverted'?: any;
626
+ readonly 'icon-neutrals-inverted'?: any;
627
+ readonly 'icon-neutrals-search'?: any;
628
+ readonly 'icon-neutrals-subtle'?: any;
629
+ readonly 'icon-neutrals-with-text'?: any;
613
630
  readonly 'icon-primary'?: any;
614
- readonly 'icon-primary-hover'?: any;
615
631
  readonly 'icon-primary-active'?: any;
632
+ readonly 'icon-primary-hover'?: any;
633
+ readonly 'icon-primary-inverted'?: any;
616
634
  readonly 'icon-primary-selected'?: any;
617
- readonly 'icon-danger-inverted'?: any;
618
- readonly 'icon-danger'?: any;
619
- readonly 'icon-danger-hover'?: any;
620
- readonly 'icon-danger-active'?: any;
621
- readonly 'icon-success-inverted'?: any;
622
635
  readonly 'icon-success'?: any;
636
+ readonly 'icon-success-inverted'?: any;
623
637
  readonly 'icon-warning'?: any;
624
- readonly 'border-focus-outer'?: any;
625
- readonly 'border-focus-middle'?: any;
638
+ readonly 'border-danger'?: any;
626
639
  readonly 'border-focus-inner'?: any;
640
+ readonly 'border-focus-middle'?: any;
641
+ readonly 'border-focus-outer'?: any;
627
642
  readonly 'border-neutrals'?: any;
628
- readonly 'border-neutrals-hover'?: any;
629
643
  readonly 'border-neutrals-active'?: any;
630
- readonly 'border-neutrals-disabled'?: any;
631
644
  readonly 'border-neutrals-controls'?: any;
632
645
  readonly 'border-neutrals-controls-disabled'?: any;
633
- readonly 'border-neutrals-subtle'?: any;
646
+ readonly 'border-neutrals-disabled'?: any;
647
+ readonly 'border-neutrals-hover'?: any;
634
648
  readonly 'border-neutrals-inverted'?: any;
649
+ readonly 'border-neutrals-subtle'?: any;
635
650
  readonly 'border-primary'?: any;
636
- readonly 'border-primary-hover'?: any;
637
651
  readonly 'border-primary-active'?: any;
652
+ readonly 'border-primary-hover'?: any;
638
653
  readonly 'border-primary-inverted'?: any;
639
- readonly 'border-danger'?: any;
640
654
  readonly 'border-success'?: any;
641
655
  readonly 'border-warning'?: any;
642
656
  };
@@ -730,6 +744,11 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
730
744
  readonly 'stacking-500': any;
731
745
  readonly 'stacking-800': any;
732
746
  };
747
+ 'stroke-width': {
748
+ readonly thin: "1.5px";
749
+ readonly normal: "2px";
750
+ readonly bold: "4px";
751
+ };
733
752
  'z-indices': {
734
753
  readonly dropdownMenu: 100;
735
754
  readonly popover: 200;
@@ -858,6 +877,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
858
877
  readonly scrollPaddingRight: "space-inset";
859
878
  readonly scrollPaddingTop: "space-inset";
860
879
  readonly stroke: "colors";
880
+ readonly strokeWidth: "stroke-width";
861
881
  readonly textDecorationColor: "colors";
862
882
  readonly textShadow: "shadows";
863
883
  readonly top: "space";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-grid",
3
- "version": "2.1.7",
3
+ "version": "2.1.9",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,8 +27,8 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-primitive": "^1.1.0",
30
- "@mirohq/design-system-stitches": "^2.2.4",
31
- "@mirohq/design-system-utils": "^0.13.1"
30
+ "@mirohq/design-system-utils": "^0.13.1",
31
+ "@mirohq/design-system-stitches": "^2.3.0"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rollup -c ../../../rollup.config.js",