@mirohq/design-system-scroll-area 0.1.12 → 0.1.14
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.
- package/dist/types.d.ts +75 -15
- package/package.json +2 -2
package/dist/types.d.ts
CHANGED
|
@@ -116,6 +116,9 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
116
116
|
"background-primary-subtle-pressed-hover"?: any;
|
|
117
117
|
"background-primary-subtle-selected"?: any;
|
|
118
118
|
"background-success"?: any;
|
|
119
|
+
"background-success-prominent"?: any;
|
|
120
|
+
"background-success-prominent-active"?: any;
|
|
121
|
+
"background-success-prominent-hover"?: any;
|
|
119
122
|
"background-warning-prominent"?: any;
|
|
120
123
|
"background-warning-subtle"?: any;
|
|
121
124
|
"border-danger"?: any;
|
|
@@ -144,6 +147,8 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
144
147
|
"border-primary-hover"?: any;
|
|
145
148
|
"border-primary-inverted"?: any;
|
|
146
149
|
"border-success"?: any;
|
|
150
|
+
"border-success-active"?: any;
|
|
151
|
+
"border-success-hover"?: any;
|
|
147
152
|
"border-warning"?: any;
|
|
148
153
|
"icon-danger"?: any;
|
|
149
154
|
"icon-danger-active"?: any;
|
|
@@ -163,9 +168,12 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
163
168
|
"icon-primary-inverted"?: any;
|
|
164
169
|
"icon-primary-selected"?: any;
|
|
165
170
|
"icon-success"?: any;
|
|
171
|
+
"icon-success-active"?: any;
|
|
172
|
+
"icon-success-hover"?: any;
|
|
166
173
|
"icon-success-inverted"?: any;
|
|
167
174
|
"icon-warning"?: any;
|
|
168
175
|
"icon-warning-prominent"?: any;
|
|
176
|
+
"icon-warning-subtle"?: any;
|
|
169
177
|
"text-danger"?: any;
|
|
170
178
|
"text-danger-active"?: any;
|
|
171
179
|
"text-danger-hover"?: any;
|
|
@@ -187,7 +195,11 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
187
195
|
"text-primary-inverted-subtle"?: any;
|
|
188
196
|
"text-primary-selected"?: any;
|
|
189
197
|
"text-success"?: any;
|
|
198
|
+
"text-success-active"?: any;
|
|
199
|
+
"text-success-hover"?: any;
|
|
200
|
+
"text-success-inverted"?: any;
|
|
190
201
|
"text-warning"?: any;
|
|
202
|
+
"text-warning-subtle"?: any;
|
|
191
203
|
};
|
|
192
204
|
'font-sizes': {
|
|
193
205
|
readonly 150: "0.75rem";
|
|
@@ -216,8 +228,6 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
216
228
|
readonly 200: "16px";
|
|
217
229
|
};
|
|
218
230
|
shadows: {
|
|
219
|
-
readonly 50: "0 4px 16px #05003812";
|
|
220
|
-
readonly 100: "0 8px 32px #05003808";
|
|
221
231
|
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";
|
|
222
232
|
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";
|
|
223
233
|
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";
|
|
@@ -231,7 +241,8 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
231
241
|
readonly 'icon-400': "32px";
|
|
232
242
|
};
|
|
233
243
|
space: {
|
|
234
|
-
readonly 0:
|
|
244
|
+
readonly 0: "0px";
|
|
245
|
+
readonly 25: "2px";
|
|
235
246
|
readonly 50: "4px";
|
|
236
247
|
readonly 100: "8px";
|
|
237
248
|
readonly 150: "12px";
|
|
@@ -261,6 +272,7 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
261
272
|
readonly 300: any;
|
|
262
273
|
readonly 400: any;
|
|
263
274
|
readonly 600: any;
|
|
275
|
+
readonly 700: any;
|
|
264
276
|
readonly 800: any;
|
|
265
277
|
readonly 1200: any;
|
|
266
278
|
readonly 1600: any;
|
|
@@ -597,6 +609,9 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
597
609
|
"background-primary-subtle-pressed-hover"?: any;
|
|
598
610
|
"background-primary-subtle-selected"?: any;
|
|
599
611
|
"background-success"?: any;
|
|
612
|
+
"background-success-prominent"?: any;
|
|
613
|
+
"background-success-prominent-active"?: any;
|
|
614
|
+
"background-success-prominent-hover"?: any;
|
|
600
615
|
"background-warning-prominent"?: any;
|
|
601
616
|
"background-warning-subtle"?: any;
|
|
602
617
|
"border-danger"?: any;
|
|
@@ -625,6 +640,8 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
625
640
|
"border-primary-hover"?: any;
|
|
626
641
|
"border-primary-inverted"?: any;
|
|
627
642
|
"border-success"?: any;
|
|
643
|
+
"border-success-active"?: any;
|
|
644
|
+
"border-success-hover"?: any;
|
|
628
645
|
"border-warning"?: any;
|
|
629
646
|
"icon-danger"?: any;
|
|
630
647
|
"icon-danger-active"?: any;
|
|
@@ -644,9 +661,12 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
644
661
|
"icon-primary-inverted"?: any;
|
|
645
662
|
"icon-primary-selected"?: any;
|
|
646
663
|
"icon-success"?: any;
|
|
664
|
+
"icon-success-active"?: any;
|
|
665
|
+
"icon-success-hover"?: any;
|
|
647
666
|
"icon-success-inverted"?: any;
|
|
648
667
|
"icon-warning"?: any;
|
|
649
668
|
"icon-warning-prominent"?: any;
|
|
669
|
+
"icon-warning-subtle"?: any;
|
|
650
670
|
"text-danger"?: any;
|
|
651
671
|
"text-danger-active"?: any;
|
|
652
672
|
"text-danger-hover"?: any;
|
|
@@ -668,7 +688,11 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
668
688
|
"text-primary-inverted-subtle"?: any;
|
|
669
689
|
"text-primary-selected"?: any;
|
|
670
690
|
"text-success"?: any;
|
|
691
|
+
"text-success-active"?: any;
|
|
692
|
+
"text-success-hover"?: any;
|
|
693
|
+
"text-success-inverted"?: any;
|
|
671
694
|
"text-warning"?: any;
|
|
695
|
+
"text-warning-subtle"?: any;
|
|
672
696
|
};
|
|
673
697
|
'font-sizes': {
|
|
674
698
|
readonly 150: "0.75rem";
|
|
@@ -697,8 +721,6 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
697
721
|
readonly 200: "16px";
|
|
698
722
|
};
|
|
699
723
|
shadows: {
|
|
700
|
-
readonly 50: "0 4px 16px #05003812";
|
|
701
|
-
readonly 100: "0 8px 32px #05003808";
|
|
702
724
|
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";
|
|
703
725
|
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";
|
|
704
726
|
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";
|
|
@@ -712,7 +734,8 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
712
734
|
readonly 'icon-400': "32px";
|
|
713
735
|
};
|
|
714
736
|
space: {
|
|
715
|
-
readonly 0:
|
|
737
|
+
readonly 0: "0px";
|
|
738
|
+
readonly 25: "2px";
|
|
716
739
|
readonly 50: "4px";
|
|
717
740
|
readonly 100: "8px";
|
|
718
741
|
readonly 150: "12px";
|
|
@@ -742,6 +765,7 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
742
765
|
readonly 300: any;
|
|
743
766
|
readonly 400: any;
|
|
744
767
|
readonly 600: any;
|
|
768
|
+
readonly 700: any;
|
|
745
769
|
readonly 800: any;
|
|
746
770
|
readonly 1200: any;
|
|
747
771
|
readonly 1600: any;
|
|
@@ -1087,6 +1111,9 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1087
1111
|
"background-primary-subtle-pressed-hover"?: any;
|
|
1088
1112
|
"background-primary-subtle-selected"?: any;
|
|
1089
1113
|
"background-success"?: any;
|
|
1114
|
+
"background-success-prominent"?: any;
|
|
1115
|
+
"background-success-prominent-active"?: any;
|
|
1116
|
+
"background-success-prominent-hover"?: any;
|
|
1090
1117
|
"background-warning-prominent"?: any;
|
|
1091
1118
|
"background-warning-subtle"?: any;
|
|
1092
1119
|
"border-danger"?: any;
|
|
@@ -1115,6 +1142,8 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1115
1142
|
"border-primary-hover"?: any;
|
|
1116
1143
|
"border-primary-inverted"?: any;
|
|
1117
1144
|
"border-success"?: any;
|
|
1145
|
+
"border-success-active"?: any;
|
|
1146
|
+
"border-success-hover"?: any;
|
|
1118
1147
|
"border-warning"?: any;
|
|
1119
1148
|
"icon-danger"?: any;
|
|
1120
1149
|
"icon-danger-active"?: any;
|
|
@@ -1134,9 +1163,12 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1134
1163
|
"icon-primary-inverted"?: any;
|
|
1135
1164
|
"icon-primary-selected"?: any;
|
|
1136
1165
|
"icon-success"?: any;
|
|
1166
|
+
"icon-success-active"?: any;
|
|
1167
|
+
"icon-success-hover"?: any;
|
|
1137
1168
|
"icon-success-inverted"?: any;
|
|
1138
1169
|
"icon-warning"?: any;
|
|
1139
1170
|
"icon-warning-prominent"?: any;
|
|
1171
|
+
"icon-warning-subtle"?: any;
|
|
1140
1172
|
"text-danger"?: any;
|
|
1141
1173
|
"text-danger-active"?: any;
|
|
1142
1174
|
"text-danger-hover"?: any;
|
|
@@ -1158,7 +1190,11 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1158
1190
|
"text-primary-inverted-subtle"?: any;
|
|
1159
1191
|
"text-primary-selected"?: any;
|
|
1160
1192
|
"text-success"?: any;
|
|
1193
|
+
"text-success-active"?: any;
|
|
1194
|
+
"text-success-hover"?: any;
|
|
1195
|
+
"text-success-inverted"?: any;
|
|
1161
1196
|
"text-warning"?: any;
|
|
1197
|
+
"text-warning-subtle"?: any;
|
|
1162
1198
|
};
|
|
1163
1199
|
'font-sizes': {
|
|
1164
1200
|
readonly 150: "0.75rem";
|
|
@@ -1187,8 +1223,6 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1187
1223
|
readonly 200: "16px";
|
|
1188
1224
|
};
|
|
1189
1225
|
shadows: {
|
|
1190
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1191
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1192
1226
|
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";
|
|
1193
1227
|
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";
|
|
1194
1228
|
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";
|
|
@@ -1202,7 +1236,8 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1202
1236
|
readonly 'icon-400': "32px";
|
|
1203
1237
|
};
|
|
1204
1238
|
space: {
|
|
1205
|
-
readonly 0:
|
|
1239
|
+
readonly 0: "0px";
|
|
1240
|
+
readonly 25: "2px";
|
|
1206
1241
|
readonly 50: "4px";
|
|
1207
1242
|
readonly 100: "8px";
|
|
1208
1243
|
readonly 150: "12px";
|
|
@@ -1232,6 +1267,7 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1232
1267
|
readonly 300: any;
|
|
1233
1268
|
readonly 400: any;
|
|
1234
1269
|
readonly 600: any;
|
|
1270
|
+
readonly 700: any;
|
|
1235
1271
|
readonly 800: any;
|
|
1236
1272
|
readonly 1200: any;
|
|
1237
1273
|
readonly 1600: any;
|
|
@@ -1573,6 +1609,9 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1573
1609
|
"background-primary-subtle-pressed-hover"?: any;
|
|
1574
1610
|
"background-primary-subtle-selected"?: any;
|
|
1575
1611
|
"background-success"?: any;
|
|
1612
|
+
"background-success-prominent"?: any;
|
|
1613
|
+
"background-success-prominent-active"?: any;
|
|
1614
|
+
"background-success-prominent-hover"?: any;
|
|
1576
1615
|
"background-warning-prominent"?: any;
|
|
1577
1616
|
"background-warning-subtle"?: any;
|
|
1578
1617
|
"border-danger"?: any;
|
|
@@ -1601,6 +1640,8 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1601
1640
|
"border-primary-hover"?: any;
|
|
1602
1641
|
"border-primary-inverted"?: any;
|
|
1603
1642
|
"border-success"?: any;
|
|
1643
|
+
"border-success-active"?: any;
|
|
1644
|
+
"border-success-hover"?: any;
|
|
1604
1645
|
"border-warning"?: any;
|
|
1605
1646
|
"icon-danger"?: any;
|
|
1606
1647
|
"icon-danger-active"?: any;
|
|
@@ -1620,9 +1661,12 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1620
1661
|
"icon-primary-inverted"?: any;
|
|
1621
1662
|
"icon-primary-selected"?: any;
|
|
1622
1663
|
"icon-success"?: any;
|
|
1664
|
+
"icon-success-active"?: any;
|
|
1665
|
+
"icon-success-hover"?: any;
|
|
1623
1666
|
"icon-success-inverted"?: any;
|
|
1624
1667
|
"icon-warning"?: any;
|
|
1625
1668
|
"icon-warning-prominent"?: any;
|
|
1669
|
+
"icon-warning-subtle"?: any;
|
|
1626
1670
|
"text-danger"?: any;
|
|
1627
1671
|
"text-danger-active"?: any;
|
|
1628
1672
|
"text-danger-hover"?: any;
|
|
@@ -1644,7 +1688,11 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1644
1688
|
"text-primary-inverted-subtle"?: any;
|
|
1645
1689
|
"text-primary-selected"?: any;
|
|
1646
1690
|
"text-success"?: any;
|
|
1691
|
+
"text-success-active"?: any;
|
|
1692
|
+
"text-success-hover"?: any;
|
|
1693
|
+
"text-success-inverted"?: any;
|
|
1647
1694
|
"text-warning"?: any;
|
|
1695
|
+
"text-warning-subtle"?: any;
|
|
1648
1696
|
};
|
|
1649
1697
|
'font-sizes': {
|
|
1650
1698
|
readonly 150: "0.75rem";
|
|
@@ -1673,8 +1721,6 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1673
1721
|
readonly 200: "16px";
|
|
1674
1722
|
};
|
|
1675
1723
|
shadows: {
|
|
1676
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1677
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1678
1724
|
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";
|
|
1679
1725
|
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";
|
|
1680
1726
|
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";
|
|
@@ -1688,7 +1734,8 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1688
1734
|
readonly 'icon-400': "32px";
|
|
1689
1735
|
};
|
|
1690
1736
|
space: {
|
|
1691
|
-
readonly 0:
|
|
1737
|
+
readonly 0: "0px";
|
|
1738
|
+
readonly 25: "2px";
|
|
1692
1739
|
readonly 50: "4px";
|
|
1693
1740
|
readonly 100: "8px";
|
|
1694
1741
|
readonly 150: "12px";
|
|
@@ -1718,6 +1765,7 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1718
1765
|
readonly 300: any;
|
|
1719
1766
|
readonly 400: any;
|
|
1720
1767
|
readonly 600: any;
|
|
1768
|
+
readonly 700: any;
|
|
1721
1769
|
readonly 800: any;
|
|
1722
1770
|
readonly 1200: any;
|
|
1723
1771
|
readonly 1600: any;
|
|
@@ -2053,6 +2101,9 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2053
2101
|
"background-primary-subtle-pressed-hover"?: any;
|
|
2054
2102
|
"background-primary-subtle-selected"?: any;
|
|
2055
2103
|
"background-success"?: any;
|
|
2104
|
+
"background-success-prominent"?: any;
|
|
2105
|
+
"background-success-prominent-active"?: any;
|
|
2106
|
+
"background-success-prominent-hover"?: any;
|
|
2056
2107
|
"background-warning-prominent"?: any;
|
|
2057
2108
|
"background-warning-subtle"?: any;
|
|
2058
2109
|
"border-danger"?: any;
|
|
@@ -2081,6 +2132,8 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2081
2132
|
"border-primary-hover"?: any;
|
|
2082
2133
|
"border-primary-inverted"?: any;
|
|
2083
2134
|
"border-success"?: any;
|
|
2135
|
+
"border-success-active"?: any;
|
|
2136
|
+
"border-success-hover"?: any;
|
|
2084
2137
|
"border-warning"?: any;
|
|
2085
2138
|
"icon-danger"?: any;
|
|
2086
2139
|
"icon-danger-active"?: any;
|
|
@@ -2100,9 +2153,12 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2100
2153
|
"icon-primary-inverted"?: any;
|
|
2101
2154
|
"icon-primary-selected"?: any;
|
|
2102
2155
|
"icon-success"?: any;
|
|
2156
|
+
"icon-success-active"?: any;
|
|
2157
|
+
"icon-success-hover"?: any;
|
|
2103
2158
|
"icon-success-inverted"?: any;
|
|
2104
2159
|
"icon-warning"?: any;
|
|
2105
2160
|
"icon-warning-prominent"?: any;
|
|
2161
|
+
"icon-warning-subtle"?: any;
|
|
2106
2162
|
"text-danger"?: any;
|
|
2107
2163
|
"text-danger-active"?: any;
|
|
2108
2164
|
"text-danger-hover"?: any;
|
|
@@ -2124,7 +2180,11 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2124
2180
|
"text-primary-inverted-subtle"?: any;
|
|
2125
2181
|
"text-primary-selected"?: any;
|
|
2126
2182
|
"text-success"?: any;
|
|
2183
|
+
"text-success-active"?: any;
|
|
2184
|
+
"text-success-hover"?: any;
|
|
2185
|
+
"text-success-inverted"?: any;
|
|
2127
2186
|
"text-warning"?: any;
|
|
2187
|
+
"text-warning-subtle"?: any;
|
|
2128
2188
|
};
|
|
2129
2189
|
'font-sizes': {
|
|
2130
2190
|
readonly 150: "0.75rem";
|
|
@@ -2153,8 +2213,6 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2153
2213
|
readonly 200: "16px";
|
|
2154
2214
|
};
|
|
2155
2215
|
shadows: {
|
|
2156
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2157
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2158
2216
|
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";
|
|
2159
2217
|
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";
|
|
2160
2218
|
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";
|
|
@@ -2168,7 +2226,8 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2168
2226
|
readonly 'icon-400': "32px";
|
|
2169
2227
|
};
|
|
2170
2228
|
space: {
|
|
2171
|
-
readonly 0:
|
|
2229
|
+
readonly 0: "0px";
|
|
2230
|
+
readonly 25: "2px";
|
|
2172
2231
|
readonly 50: "4px";
|
|
2173
2232
|
readonly 100: "8px";
|
|
2174
2233
|
readonly 150: "12px";
|
|
@@ -2198,6 +2257,7 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2198
2257
|
readonly 300: any;
|
|
2199
2258
|
readonly 400: any;
|
|
2200
2259
|
readonly 600: any;
|
|
2260
|
+
readonly 700: any;
|
|
2201
2261
|
readonly 800: any;
|
|
2202
2262
|
readonly 1200: any;
|
|
2203
2263
|
readonly 1600: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-scroll-area",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@radix-ui/react-scroll-area": "^1.0.4",
|
|
30
|
-
"@mirohq/design-system-stitches": "^2.3.
|
|
30
|
+
"@mirohq/design-system-stitches": "^2.3.14"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|