@grasp-labs/ds-react-components 0.27.0 → 1.0.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 (29) hide show
  1. package/dist/components/baseButton/BaseButton.d.ts +4 -4
  2. package/dist/components/baseButton/BaseButton.styles.d.ts +5 -20
  3. package/dist/components/baseTextBox/BaseTextBox.d.ts +4 -4
  4. package/dist/components/button/Button.d.ts +5 -4
  5. package/dist/components/button/Button.styles.d.ts +3 -10
  6. package/dist/components/datePicker/DatePickerTextBox.d.ts +3 -3
  7. package/dist/components/dialog/ConfirmationDialog.d.ts +2 -2
  8. package/dist/components/dynamicIcon/DynamicIcon.d.ts +1 -1
  9. package/dist/components/iconButton/IconButton.d.ts +1 -1
  10. package/dist/components/iconButton/IconButton.styles.d.ts +5 -0
  11. package/dist/components/link/Link.d.ts +2 -2
  12. package/dist/components/multiSelect/MultiSelect.d.ts +3 -3
  13. package/dist/components/select/Select.d.ts +3 -3
  14. package/dist/components/toggleButton/ToggleButton.d.ts +23 -0
  15. package/dist/components/toggleButton/ToggleButtonTrack.d.ts +23 -0
  16. package/dist/components/toggleButton/index.d.ts +4 -0
  17. package/dist/components/typography/Typography.d.ts +16 -24
  18. package/dist/components/typography/index.d.ts +1 -1
  19. package/dist/icons/iconsComponents.d.ts +55 -0
  20. package/dist/icons/{icons.d.ts → iconsLazy.d.ts} +79 -71
  21. package/dist/icons/index.d.ts +2 -1
  22. package/dist/{index-DGPKStbk.js → index-DbrsXeBO.js} +5189 -5081
  23. package/dist/index.css +1 -1
  24. package/dist/index.d.ts +1 -0
  25. package/dist/{index.esm-BWMKgcXW.js → index.esm-C32CGj2t.js} +1 -1
  26. package/dist/index.js +127 -114
  27. package/dist/tailwind-styles.css +124 -27
  28. package/package.json +1 -1
  29. package/dist/circle-filled-DDHXyiE7.js +0 -5
package/dist/icons/{icons.d.ts → iconsLazy.d.ts} RENAMED
@@ -1,54 +1,65 @@
1
- import { IconComponent } from '../types/IconComponent';
2
1
  export declare const icons: {
2
+ readonly address: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
3
+ title?: string;
4
+ titleId?: string;
5
+ desc?: string;
6
+ descId?: string;
7
+ }>>;
3
8
  readonly arrowDown: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
4
9
  title?: string;
5
10
  titleId?: string;
6
11
  desc?: string;
7
12
  descId?: string;
8
13
  }>>;
9
- readonly bell: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
14
+ readonly arrowLeft: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
10
15
  title?: string;
11
16
  titleId?: string;
12
17
  desc?: string;
13
18
  descId?: string;
14
19
  }>>;
15
- readonly calendar: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
20
+ readonly arrowRight: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
16
21
  title?: string;
17
22
  titleId?: string;
18
23
  desc?: string;
19
24
  descId?: string;
20
25
  }>>;
21
- readonly check: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
26
+ readonly arrowUp: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
22
27
  title?: string;
23
28
  titleId?: string;
24
29
  desc?: string;
25
30
  descId?: string;
26
31
  }>>;
27
- readonly circleFilled: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
32
+ readonly bell: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
28
33
  title?: string;
29
34
  titleId?: string;
30
35
  desc?: string;
31
36
  descId?: string;
32
37
  }>>;
33
- readonly chevronDoubleLeft: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
38
+ readonly calendar: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
34
39
  title?: string;
35
40
  titleId?: string;
36
41
  desc?: string;
37
42
  descId?: string;
38
43
  }>>;
39
- readonly chevronDoubleRight: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
44
+ readonly caution: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
45
+ title?: string;
46
+ titleId?: string;
47
+ desc?: string;
48
+ descId?: string;
49
+ }>>;
50
+ readonly check: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
40
51
  title?: string;
41
52
  titleId?: string;
42
53
  desc?: string;
43
54
  descId?: string;
44
55
  }>>;
45
- readonly chevronLeft: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
56
+ readonly chevronDoubleLeft: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
46
57
  title?: string;
47
58
  titleId?: string;
48
59
  desc?: string;
49
60
  descId?: string;
50
61
  }>>;
51
- readonly chevronRight: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
62
+ readonly chevronDoubleRight: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
52
63
  title?: string;
53
64
  titleId?: string;
54
65
  desc?: string;
@@ -78,12 +89,36 @@ export declare const icons: {
78
89
  desc?: string;
79
90
  descId?: string;
80
91
  }>>;
92
+ readonly connection: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
93
+ title?: string;
94
+ titleId?: string;
95
+ desc?: string;
96
+ descId?: string;
97
+ }>>;
98
+ readonly copy: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
99
+ title?: string;
100
+ titleId?: string;
101
+ desc?: string;
102
+ descId?: string;
103
+ }>>;
104
+ readonly correct: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
105
+ title?: string;
106
+ titleId?: string;
107
+ desc?: string;
108
+ descId?: string;
109
+ }>>;
81
110
  readonly dash: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
82
111
  title?: string;
83
112
  titleId?: string;
84
113
  desc?: string;
85
114
  descId?: string;
86
115
  }>>;
116
+ readonly dashboard: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
117
+ title?: string;
118
+ titleId?: string;
119
+ desc?: string;
120
+ descId?: string;
121
+ }>>;
87
122
  readonly database: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
88
123
  title?: string;
89
124
  titleId?: string;
@@ -102,6 +137,12 @@ export declare const icons: {
102
137
  desc?: string;
103
138
  descId?: string;
104
139
  }>>;
140
+ readonly down: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
141
+ title?: string;
142
+ titleId?: string;
143
+ desc?: string;
144
+ descId?: string;
145
+ }>>;
105
146
  readonly download: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
106
147
  title?: string;
107
148
  titleId?: string;
@@ -120,19 +161,19 @@ export declare const icons: {
120
161
  desc?: string;
121
162
  descId?: string;
122
163
  }>>;
123
- readonly errorFilled: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
164
+ readonly error: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
124
165
  title?: string;
125
166
  titleId?: string;
126
167
  desc?: string;
127
168
  descId?: string;
128
169
  }>>;
129
- readonly errorOutlined: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
170
+ readonly eye: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
130
171
  title?: string;
131
172
  titleId?: string;
132
173
  desc?: string;
133
174
  descId?: string;
134
175
  }>>;
135
- readonly eye: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
176
+ readonly file: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
136
177
  title?: string;
137
178
  titleId?: string;
138
179
  desc?: string;
@@ -144,43 +185,43 @@ export declare const icons: {
144
185
  desc?: string;
145
186
  descId?: string;
146
187
  }>>;
147
- readonly expandDown: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
188
+ readonly filter: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
148
189
  title?: string;
149
190
  titleId?: string;
150
191
  desc?: string;
151
192
  descId?: string;
152
193
  }>>;
153
- readonly expandRight: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
194
+ readonly hourglass: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
154
195
  title?: string;
155
196
  titleId?: string;
156
197
  desc?: string;
157
198
  descId?: string;
158
199
  }>>;
159
- readonly expand: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
200
+ readonly idea: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
160
201
  title?: string;
161
202
  titleId?: string;
162
203
  desc?: string;
163
204
  descId?: string;
164
205
  }>>;
165
- readonly filter: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
206
+ readonly info: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
166
207
  title?: string;
167
208
  titleId?: string;
168
209
  desc?: string;
169
210
  descId?: string;
170
211
  }>>;
171
- readonly hourglass: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
212
+ readonly leftBar: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
172
213
  title?: string;
173
214
  titleId?: string;
174
215
  desc?: string;
175
216
  descId?: string;
176
217
  }>>;
177
- readonly idea: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
218
+ readonly left: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
178
219
  title?: string;
179
220
  titleId?: string;
180
221
  desc?: string;
181
222
  descId?: string;
182
223
  }>>;
183
- readonly infoOutlined: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
224
+ readonly list: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
184
225
  title?: string;
185
226
  titleId?: string;
186
227
  desc?: string;
@@ -192,6 +233,18 @@ export declare const icons: {
192
233
  desc?: string;
193
234
  descId?: string;
194
235
  }>>;
236
+ readonly notepad: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
237
+ title?: string;
238
+ titleId?: string;
239
+ desc?: string;
240
+ descId?: string;
241
+ }>>;
242
+ readonly notes: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
243
+ title?: string;
244
+ titleId?: string;
245
+ desc?: string;
246
+ descId?: string;
247
+ }>>;
195
248
  readonly play: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
196
249
  title?: string;
197
250
  titleId?: string;
@@ -222,31 +275,31 @@ export declare const icons: {
222
275
  desc?: string;
223
276
  descId?: string;
224
277
  }>>;
225
- readonly save: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
278
+ readonly right: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
226
279
  title?: string;
227
280
  titleId?: string;
228
281
  desc?: string;
229
282
  descId?: string;
230
283
  }>>;
231
- readonly search: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
284
+ readonly save: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
232
285
  title?: string;
233
286
  titleId?: string;
234
287
  desc?: string;
235
288
  descId?: string;
236
289
  }>>;
237
- readonly successFilled: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
290
+ readonly search: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
238
291
  title?: string;
239
292
  titleId?: string;
240
293
  desc?: string;
241
294
  descId?: string;
242
295
  }>>;
243
- readonly successOutlined: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
296
+ readonly server: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
244
297
  title?: string;
245
298
  titleId?: string;
246
299
  desc?: string;
247
300
  descId?: string;
248
301
  }>>;
249
- readonly tableArrow: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
302
+ readonly success: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
250
303
  title?: string;
251
304
  titleId?: string;
252
305
  desc?: string;
@@ -258,62 +311,17 @@ export declare const icons: {
258
311
  desc?: string;
259
312
  descId?: string;
260
313
  }>>;
261
- readonly warningFilled: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
314
+ readonly up: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
262
315
  title?: string;
263
316
  titleId?: string;
264
317
  desc?: string;
265
318
  descId?: string;
266
319
  }>>;
267
- readonly warningOutlined: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
320
+ readonly warning: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
268
321
  title?: string;
269
322
  titleId?: string;
270
323
  desc?: string;
271
324
  descId?: string;
272
325
  }>>;
273
326
  };
274
- export declare const ArrowDownIcon: IconComponent;
275
- export declare const BellIcon: IconComponent;
276
- export declare const CalendarIcon: IconComponent;
277
- export declare const CheckIcon: IconComponent;
278
- export declare const CircleFilledIcon: IconComponent;
279
- export declare const ChevronDoubleLeftIcon: IconComponent;
280
- export declare const ChevronDoubleRightIcon: IconComponent;
281
- export declare const ChevronLeftIcon: IconComponent;
282
- export declare const ChevronRightIcon: IconComponent;
283
- export declare const CircleIcon: IconComponent;
284
- export declare const ClockIcon: IconComponent;
285
- export declare const CloseIcon: IconComponent;
286
- export declare const CogWheelIcon: IconComponent;
287
- export declare const DashIcon: IconComponent;
288
- export declare const DatabaseIcon: IconComponent;
289
- export declare const DeleteIcon: IconComponent;
290
- export declare const DetailsIcon: IconComponent;
291
- export declare const DownloadIcon: IconComponent;
292
- export declare const EarthIcon: IconComponent;
293
- export declare const EditIcon: IconComponent;
294
- export declare const ErrorFilledIcon: IconComponent;
295
- export declare const ErrorOutlinedIcon: IconComponent;
296
- export declare const EyeIcon: IconComponent;
297
- export declare const EyeOffIcon: IconComponent;
298
- export declare const ExpandDownIcon: IconComponent;
299
- export declare const ExpandRightIcon: IconComponent;
300
- export declare const ExpandIcon: IconComponent;
301
- export declare const FilterIcon: IconComponent;
302
- export declare const HourglassIcon: IconComponent;
303
- export declare const IdeaIcon: IconComponent;
304
- export declare const InfoOutlinedIcon: IconComponent;
305
- export declare const MoreIcon: IconComponent;
306
- export declare const PlayIcon: IconComponent;
307
- export declare const PlusIcon: IconComponent;
308
- export declare const ProfileIcon: IconComponent;
309
- export declare const RecycleIcon: IconComponent;
310
- export declare const ReloadIcon: IconComponent;
311
- export declare const SaveIcon: IconComponent;
312
- export declare const SearchIcon: IconComponent;
313
- export declare const SuccessFilledIcon: IconComponent;
314
- export declare const SuccessOutlinedIcon: IconComponent;
315
- export declare const TableArrowIcon: IconComponent;
316
- export declare const TableIcon: IconComponent;
317
- export declare const WarningFilledIcon: IconComponent;
318
- export declare const WarningOutlinedIcon: IconComponent;
319
327
  export type IconName = keyof typeof icons;
package/dist/icons/index.d.ts CHANGED
@@ -1 +1,2 @@
1
- export * from './icons';
1
+ export * from './iconsComponents';
2
+ export * from './iconsLazy';