@dito-uai/components 5.1.0-alpha.35 → 5.1.0-alpha.37

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.
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkElB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACrE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B,CAAC;AAEJ,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAJE,OAAO;WACV,KAAK,CAAC,WAAW;2CA2C3B,CAAC;AAGF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiFlB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACrE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cALE,OAAO;WACV,KAAK,CAAC,WAAW;cACd,OAAO;2CAoDpB,CAAC;AAGF,eAAe,MAAM,CAAC"}
@@ -6,10 +6,12 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
6
6
  small: {
7
7
  container: string;
8
8
  icon: string;
9
+ text: string;
9
10
  };
10
11
  medium: {
11
12
  container: string;
12
13
  icon: string;
14
+ text: string;
13
15
  };
14
16
  };
15
17
  border: {
@@ -31,15 +33,18 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
31
33
  }, {
32
34
  container: string;
33
35
  icon: string;
36
+ text: string;
34
37
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
35
38
  size: {
36
39
  small: {
37
40
  container: string;
38
41
  icon: string;
42
+ text: string;
39
43
  };
40
44
  medium: {
41
45
  container: string;
42
46
  icon: string;
47
+ text: string;
43
48
  };
44
49
  };
45
50
  border: {
@@ -63,10 +68,12 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
63
68
  small: {
64
69
  container: string;
65
70
  icon: string;
71
+ text: string;
66
72
  };
67
73
  medium: {
68
74
  container: string;
69
75
  icon: string;
76
+ text: string;
70
77
  };
71
78
  };
72
79
  border: {
@@ -90,10 +97,12 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
90
97
  small: {
91
98
  container: string;
92
99
  icon: string;
100
+ text: string;
93
101
  };
94
102
  medium: {
95
103
  container: string;
96
104
  icon: string;
105
+ text: string;
97
106
  };
98
107
  };
99
108
  border: {
@@ -115,15 +124,18 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
115
124
  }, {
116
125
  container: string;
117
126
  icon: string;
127
+ text: string;
118
128
  }, import("tailwind-variants").TVReturnType<{
119
129
  size: {
120
130
  small: {
121
131
  container: string;
122
132
  icon: string;
133
+ text: string;
123
134
  };
124
135
  medium: {
125
136
  container: string;
126
137
  icon: string;
138
+ text: string;
127
139
  };
128
140
  };
129
141
  border: {
@@ -145,15 +157,18 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
145
157
  }, {
146
158
  container: string;
147
159
  icon: string;
160
+ text: string;
148
161
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
149
162
  size: {
150
163
  small: {
151
164
  container: string;
152
165
  icon: string;
166
+ text: string;
153
167
  };
154
168
  medium: {
155
169
  container: string;
156
170
  icon: string;
171
+ text: string;
157
172
  };
158
173
  };
159
174
  border: {
@@ -177,10 +192,12 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
177
192
  small: {
178
193
  container: string;
179
194
  icon: string;
195
+ text: string;
180
196
  };
181
197
  medium: {
182
198
  container: string;
183
199
  icon: string;
200
+ text: string;
184
201
  };
185
202
  };
186
203
  border: {
@@ -213,10 +230,12 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
213
230
  small: {
214
231
  container: string;
215
232
  icon: string;
233
+ text: string;
216
234
  };
217
235
  medium: {
218
236
  container: string;
219
237
  icon: string;
238
+ text: string;
220
239
  };
221
240
  };
222
241
  border: {
@@ -238,15 +257,18 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
238
257
  }, {
239
258
  container: string;
240
259
  icon: string;
260
+ text: string;
241
261
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
242
262
  size: {
243
263
  small: {
244
264
  container: string;
245
265
  icon: string;
266
+ text: string;
246
267
  };
247
268
  medium: {
248
269
  container: string;
249
270
  icon: string;
271
+ text: string;
250
272
  };
251
273
  };
252
274
  border: {
@@ -270,10 +292,12 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
270
292
  small: {
271
293
  container: string;
272
294
  icon: string;
295
+ text: string;
273
296
  };
274
297
  medium: {
275
298
  container: string;
276
299
  icon: string;
300
+ text: string;
277
301
  };
278
302
  };
279
303
  border: {
@@ -297,10 +321,12 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
297
321
  small: {
298
322
  container: string;
299
323
  icon: string;
324
+ text: string;
300
325
  };
301
326
  medium: {
302
327
  container: string;
303
328
  icon: string;
329
+ text: string;
304
330
  };
305
331
  };
306
332
  border: {
@@ -322,15 +348,18 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
322
348
  }, {
323
349
  container: string;
324
350
  icon: string;
351
+ text: string;
325
352
  }, import("tailwind-variants").TVReturnType<{
326
353
  size: {
327
354
  small: {
328
355
  container: string;
329
356
  icon: string;
357
+ text: string;
330
358
  };
331
359
  medium: {
332
360
  container: string;
333
361
  icon: string;
362
+ text: string;
334
363
  };
335
364
  };
336
365
  border: {
@@ -352,15 +381,18 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
352
381
  }, {
353
382
  container: string;
354
383
  icon: string;
384
+ text: string;
355
385
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
356
386
  size: {
357
387
  small: {
358
388
  container: string;
359
389
  icon: string;
390
+ text: string;
360
391
  };
361
392
  medium: {
362
393
  container: string;
363
394
  icon: string;
395
+ text: string;
364
396
  };
365
397
  };
366
398
  border: {
@@ -384,10 +416,12 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
384
416
  small: {
385
417
  container: string;
386
418
  icon: string;
419
+ text: string;
387
420
  };
388
421
  medium: {
389
422
  container: string;
390
423
  icon: string;
424
+ text: string;
391
425
  };
392
426
  };
393
427
  border: {
@@ -1 +1 @@
1
- {"version":3,"file":"chips.d.ts","sourceRoot":"","sources":["../../src/ui/chips.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAuCjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GACrD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cARG,OAAO;WACV,KAAK,CAAC,WAAW;UAClB,MAAM;YACJ,MAAM;cACJ,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI;oBAClB,MAAM;wCA6CzB,CAAC;AAGF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"chips.d.ts","sourceRoot":"","sources":["../../src/ui/chips.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0CjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GACrD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cARG,OAAO;WACV,KAAK,CAAC,WAAW;UAClB,MAAM;YACJ,MAAM;cACJ,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI;oBAClB,MAAM;wCAoDzB,CAAC;AAGF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,9 @@
1
+ export type LoadingProps = {
2
+ className?: string;
3
+ size?: 'TINY' | 'SMALL' | 'NORMAL' | 'LARGE' | 'HUGE';
4
+ color?: 'WHITE' | 'RED' | 'BLUE' | 'GREEN' | 'GRAY' | 'INDIGO' | 'TRANSPARENT';
5
+ fill?: 'WHITE' | 'RED' | 'BLUE' | 'GREEN' | 'GRAY' | 'INDIGO' | 'TRANSPARENT';
6
+ };
7
+ declare const Loading: ({ className, size, color, fill, }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
8
+ export default Loading;
9
+ //# sourceMappingURL=loading.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../src/ui/loading.tsx"],"names":[],"mappings":"AA4CA,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACtD,KAAK,CAAC,EACF,OAAO,GACP,KAAK,GACL,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAC;CAC/E,CAAC;AAEF,QAAA,MAAM,OAAO,sCAKV,YAAY,4CA4Bd,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dito-uai/components",
3
- "version": "5.1.0-alpha.35",
3
+ "version": "5.1.0-alpha.37",
4
4
  "description": "Dito's design system component library, made in TSX",
5
5
  "license": "MIT",
6
6
  "repository": "git+https://github.com/ditointernet/dito-uai.git",
@@ -33,8 +33,8 @@
33
33
  }
34
34
  },
35
35
  "scripts": {
36
- "dev": "storybook dev -p 6006 --config-dir ./src/storybook/.storybook",
37
- "build:storybook": "storybook build --config-dir ./src/storybook/.storybook --output-dir ./src/storybook/storybook-static",
36
+ "dev": "INCLUDE_STORYBOOK=true storybook dev -p 6006 --config-dir ./src/storybook/.storybook",
37
+ "build:storybook": "INCLUDE_STORYBOOK=true yarn build:css && storybook build --config-dir ./src/storybook/.storybook --output-dir ./src/storybook/storybook-static",
38
38
  "build:uai": "yarn build:js & yarn build:types & yarn build:css",
39
39
  "build:js": "tsup",
40
40
  "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir dist --project tsconfig.build.json",
@@ -90,9 +90,14 @@ export const COLORS = {
90
90
  },
91
91
  };
92
92
 
93
+ const includeStorybook = process.env.INCLUDE_STORYBOOK === 'true';
94
+
93
95
  /** @type {import('tailwindcss').Config} */
94
96
  export default {
95
- content: ['./src/ui/**/*.{ts,tsx}'],
97
+ content: [
98
+ './src/ui/**/*.{ts,tsx}',
99
+ ...(includeStorybook ? ['./src/storybook/**/*.{ts,tsx}'] : []),
100
+ ],
96
101
  theme: {
97
102
  screens: {
98
103
  sm: '480px',
@@ -141,9 +146,9 @@ export default {
141
146
  'light-blue-100': COLORS.chart.light_blue_100,
142
147
  'light-blue-600': COLORS.chart.light_blue_600,
143
148
  'light-blue-900': COLORS.chart.light_blue_900,
144
- 'indigo-100': COLORS.brand.navy_100,
145
- 'indigo-600': COLORS.brand.navy_600,
146
- 'indigo-900': COLORS.brand.navy_900,
149
+ 'indigo-100': COLORS.secondary.indigo_100,
150
+ 'indigo-600': COLORS.secondary.indigo_600,
151
+ 'indigo-900': COLORS.secondary.indigo_900,
147
152
  'navy-100': COLORS.brand.navy_100,
148
153
  'navy-600': COLORS.brand.navy_600,
149
154
  'navy-900': COLORS.brand.navy_900,
@@ -239,10 +244,28 @@ export default {
239
244
  from: { height: 'var(--radix-accordion-content-height)' },
240
245
  to: { height: '0' },
241
246
  },
247
+ rotate: {
248
+ '100%': { transform: 'rotate(360deg)' },
249
+ },
250
+ dash: {
251
+ '0%': {
252
+ 'stroke-dasharray': '1, 200',
253
+ 'stroke-dashoffset': '0',
254
+ },
255
+ '50%': {
256
+ 'stroke-dasharray': '90, 200',
257
+ 'stroke-dashoffset': '-35px',
258
+ },
259
+ '100%': {
260
+ 'stroke-dashoffset': '-125px',
261
+ },
262
+ },
242
263
  },
243
264
  animation: {
244
265
  'accordion-down': 'accordion-down 0.2s ease-out',
245
266
  'accordion-up': 'accordion-up 0.2s ease-out',
267
+ rotate: 'rotate 2s linear infinite',
268
+ dash: 'dash 1.5s ease-in-out infinite',
246
269
  },
247
270
  },
248
271
  },