@starasia/progress 1.0.4 → 1.0.5

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 (3) hide show
  1. package/dist/progress.es.js +89 -86
  2. package/dist/progress.umd.js +81 -78
  3. package/package.json +1 -1
package/dist/progress.es.js CHANGED
@@ -1,97 +1,100 @@
1
- import { jsxs as t, jsx as s } from "react/jsx-runtime";
2
- const l = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
1
+ import { jsxs as g, jsx as s } from "react/jsx-runtime";
2
+ const t = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
3
3
 
4
4
  :root {
5
+ /* white */
6
+ --starasia-ui-progress-color-white: var(--starasia-ui-color-gray-50, rgba(255, 254, 255, 1));
7
+
5
8
  /* gray */
6
- --starasia-ui-color-gray-50: #f9fafb;
7
- --starasia-ui-color-gray-100: #f3f4f6;
8
- --starasia-ui-color-gray-200: #e5e7eb;
9
- --starasia-ui-color-gray-300: #d1d5db;
10
- --starasia-ui-color-gray-400: #9ca3af;
11
- --starasia-ui-color-gray-500: #6b7280;
12
- --starasia-ui-color-gray-600: #4b5563;
13
- --starasia-ui-color-gray-700: #374151;
14
- --starasia-ui-color-gray-800: #1f2937;
15
- --starasia-ui-color-gray-900: #111827;
16
- --starasia-ui-color-gray-950: #030712;
9
+ --starasia-ui-color-gray-50: rgba(249, 250, 251, 1);
10
+ --starasia-ui-color-gray-100: rgba(243, 244, 246, 1);
11
+ --starasia-ui-color-gray-200: rgba(229, 231, 235, 1);
12
+ --starasia-ui-color-gray-300: rgba(209, 213, 219, 1);
13
+ --starasia-ui-color-gray-400: rgba(156, 163, 175, 1);
14
+ --starasia-ui-color-gray-500: rgba(107, 114, 128, 1);
15
+ --starasia-ui-color-gray-600: rgba(75, 85, 99, 1);
16
+ --starasia-ui-color-gray-700: rgba(55, 65, 81, 1);
17
+ --starasia-ui-color-gray-800: rgba(31, 41, 55, 1);
18
+ --starasia-ui-color-gray-900: rgba(17, 24, 39, 1);
19
+ --starasia-ui-color-gray-950: rgba(3, 7, 18, 1);
17
20
 
18
21
  /* red */
19
- --starasia-ui-color-red-50: #fef2f2;
20
- --starasia-ui-color-red-100: #fee2e2;
21
- --starasia-ui-color-red-200: #fecaca;
22
- --starasia-ui-color-red-300: #fca5a5;
23
- --starasia-ui-color-red-400: #f87171;
24
- --starasia-ui-color-red-500: #ef4444;
25
- --starasia-ui-color-red-600: rgb(220, 38, 38);
26
- --starasia-ui-color-red-700: #b91c1c;
27
- --starasia-ui-color-red-800: #991b1b;
28
- --starasia-ui-color-red-900: #7f1d1d;
29
- --starasia-ui-color-red-950: #450a0a;
22
+ --starasia-ui-color-red-50: rgba(254, 242, 242, 1);
23
+ --starasia-ui-color-red-100: rgba(254, 226, 226, 1);
24
+ --starasia-ui-color-red-200: rgba(254, 202, 202, 1);
25
+ --starasia-ui-color-red-300: rgba(252, 165, 165, 1);
26
+ --starasia-ui-color-red-400: rgba(248, 113, 113, 1);
27
+ --starasia-ui-color-red-500: rgba(239, 68, 68, 1);
28
+ --starasia-ui-color-red-600: rgba(220, 38, 38, 1);
29
+ --starasia-ui-color-red-700: rgba(185, 28, 28, 1);
30
+ --starasia-ui-color-red-800: rgba(153, 27, 27, 1);
31
+ --starasia-ui-color-red-900: rgba(127, 29, 29, 1);
32
+ --starasia-ui-color-red-950: rgba(69, 10, 10, 1);
30
33
 
31
34
  /* orange */
32
- --starasia-ui-color-orange-50: #fff7ed;
33
- --starasia-ui-color-orange-100: #ffedd5;
34
- --starasia-ui-color-orange-200: #fed7aa;
35
- --starasia-ui-color-orange-300: #fdba74;
36
- --starasia-ui-color-orange-400: #fb923c;
37
- --starasia-ui-color-orange-500: #f97316;
38
- --starasia-ui-color-orange-600: #ea580c;
39
- --starasia-ui-color-orange-700: #c2410c;
40
- --starasia-ui-color-orange-800: #9a3412;
41
- --starasia-ui-color-orange-900: #7c2d12;
42
- --starasia-ui-color-orange-950: #431407;
35
+ --starasia-ui-color-orange-50: rgba(255, 247, 237, 1);
36
+ --starasia-ui-color-orange-100: rgba(255, 237, 213, 1);
37
+ --starasia-ui-color-orange-200: rgba(254, 215, 170, 1);
38
+ --starasia-ui-color-orange-300: rgba(253, 186, 116, 1);
39
+ --starasia-ui-color-orange-400: rgba(251, 146, 60, 1);
40
+ --starasia-ui-color-orange-500: rgba(249, 115, 22, 1);
41
+ --starasia-ui-color-orange-600: rgba(234, 88, 12, 1);
42
+ --starasia-ui-color-orange-700: rgba(194, 65, 12, 1);
43
+ --starasia-ui-color-orange-800: rgba(154, 52, 18, 1);
44
+ --starasia-ui-color-orange-900: rgba(124, 45, 18, 1);
45
+ --starasia-ui-color-orange-950: rgba(67, 20, 7, 1);
43
46
 
44
47
  /* yellow */
45
- --starasia-ui-color-yellow-50: #fefce8;
46
- --starasia-ui-color-yellow-100: #fef9c3;
47
- --starasia-ui-color-yellow-200: #fef08a;
48
- --starasia-ui-color-yellow-300: #fde047;
49
- --starasia-ui-color-yellow-400: #facc15;
50
- --starasia-ui-color-yellow-500: #eab308;
51
- --starasia-ui-color-yellow-600: rgb(202, 138, 4);
52
- --starasia-ui-color-yellow-700: #a16207;
53
- --starasia-ui-color-yellow-800: #854d0e;
54
- --starasia-ui-color-yellow-900: #713f12;
55
- --starasia-ui-color-yellow-950: #422006;
48
+ --starasia-ui-color-yellow-50: rgba(254, 252, 232, 1);
49
+ --starasia-ui-color-yellow-100: rgba(254, 249, 195, 1);
50
+ --starasia-ui-color-yellow-200: rgba(254, 240, 138, 1);
51
+ --starasia-ui-color-yellow-300: rgba(253, 224, 71, 1);
52
+ --starasia-ui-color-yellow-400: rgba(250, 204, 21, 1);
53
+ --starasia-ui-color-yellow-500: rgba(234, 179, 8, 1);
54
+ --starasia-ui-color-yellow-600: rgba(202, 138, 4, 1);
55
+ --starasia-ui-color-yellow-700: rgba(161, 98, 7, 1);
56
+ --starasia-ui-color-yellow-800: rgba(133, 77, 14, 1);
57
+ --starasia-ui-color-yellow-900: rgba(113, 63, 18, 1);
58
+ --starasia-ui-color-yellow-950: rgba(66, 32, 6, 1);
56
59
 
57
60
  /* green */
58
- --starasia-ui-color-green-50: #f0fdf4;
59
- --starasia-ui-color-green-100: #dcfce7;
60
- --starasia-ui-color-green-200: #bbf7d0;
61
- --starasia-ui-color-green-300: #86efac;
62
- --starasia-ui-color-green-400: #4ade80;
63
- --starasia-ui-color-green-500: #22c55e;
64
- --starasia-ui-color-green-600: #16a34a;
65
- --starasia-ui-color-green-700: #15803d;
66
- --starasia-ui-color-green-800: #166534;
67
- --starasia-ui-color-green-900: #14532d;
68
- --starasia-ui-color-green-950: #052e16;
61
+ --starasia-ui-color-green-50: rgba(240, 253, 244, 1);
62
+ --starasia-ui-color-green-100: rgba(220, 252, 231, 1);
63
+ --starasia-ui-color-green-200: rgba(187, 247, 208, 1);
64
+ --starasia-ui-color-green-300: rgba(134, 239, 172, 1);
65
+ --starasia-ui-color-green-400: rgba(74, 222, 128, 1);
66
+ --starasia-ui-color-green-500: rgba(34, 197, 94, 1);
67
+ --starasia-ui-color-green-600: rgba(22, 163, 74, 1);
68
+ --starasia-ui-color-green-700: rgba(21, 128, 61, 1);
69
+ --starasia-ui-color-green-800: rgba(22, 101, 52, 1);
70
+ --starasia-ui-color-green-900: rgba(20, 83, 45, 1);
71
+ --starasia-ui-color-green-950: rgba(5, 46, 22, 1);
69
72
 
70
73
  /* blue */
71
- --starasia-ui-color-blue-50: #eff6ff;
72
- --starasia-ui-color-blue-100: #dbeafe;
73
- --starasia-ui-color-blue-200: #bfdbfe;
74
- --starasia-ui-color-blue-300: #93c5fd;
75
- --starasia-ui-color-blue-400: #60a5fa;
76
- --starasia-ui-color-blue-500: #3b82f6;
77
- --starasia-ui-color-blue-600: #2563eb;
78
- --starasia-ui-color-blue-700: #1d4ed8;
79
- --starasia-ui-color-blue-800: #1e40af;
80
- --starasia-ui-color-blue-900: #1e3a8a;
81
- --starasia-ui-color-blue-950: #172554;
74
+ --starasia-ui-color-blue-50: rgba(239, 246, 255, 1);
75
+ --starasia-ui-color-blue-100: rgba(219, 234, 254, 1);
76
+ --starasia-ui-color-blue-200: rgba(191, 219, 254, 1);
77
+ --starasia-ui-color-blue-300: rgba(147, 197, 253, 1);
78
+ --starasia-ui-color-blue-400: rgba(96, 165, 250, 1);
79
+ --starasia-ui-color-blue-500: rgba(59, 130, 246, 1);
80
+ --starasia-ui-color-blue-600: rgba(37, 99, 235, 1);
81
+ --starasia-ui-color-blue-700: rgba(29, 78, 216, 1);
82
+ --starasia-ui-color-blue-800: rgba(30, 64, 175, 1);
83
+ --starasia-ui-color-blue-900: rgba(30, 58, 138, 1);
84
+ --starasia-ui-color-blue-950: rgba(23, 37, 84, 1);
82
85
 
83
86
  /* purple */
84
- --starasia-ui-color-purple-50: #f5f3ff;
85
- --starasia-ui-color-purple-100: #f3e8ff;
86
- --starasia-ui-color-purple-200: #e9d5ff;
87
- --starasia-ui-color-purple-300: #d8b4fe;
88
- --starasia-ui-color-purple-400: #c084fc;
89
- --starasia-ui-color-purple-500: #a855f7;
90
- --starasia-ui-color-purple-600: #9333ea;
91
- --starasia-ui-color-purple-700: #7e22ce;
92
- --starasia-ui-color-purple-800: #6b21a8;
93
- --starasia-ui-color-purple-900: #581c87;
94
- --starasia-ui-color-purple-950: #3b0764;
87
+ --starasia-ui-color-purple-50: rgba(245, 243, 255, 1);
88
+ --starasia-ui-color-purple-100: rgba(243, 232, 255, 1);
89
+ --starasia-ui-color-purple-200: rgba(233, 213, 255, 1);
90
+ --starasia-ui-color-purple-300: rgba(216, 180, 254, 1);
91
+ --starasia-ui-color-purple-400: rgba(192, 132, 252, 1);
92
+ --starasia-ui-color-purple-500: rgba(168, 85, 247, 1);
93
+ --starasia-ui-color-purple-600: rgba(147, 51, 234, 1);
94
+ --starasia-ui-color-purple-700: rgba(126, 34, 206, 1);
95
+ --starasia-ui-color-purple-800: rgba(107, 33, 168, 1);
96
+ --starasia-ui-color-purple-900: rgba(88, 28, 135, 1);
97
+ --starasia-ui-color-purple-950: rgba(59, 7, 100, 1);
95
98
 
96
99
  /* height */
97
100
  --starasia-ui-h-1: 0.25rem; /* 4px */
@@ -367,20 +370,20 @@ const l = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@30
367
370
  .starasia-progress-background-purple-950 {
368
371
  background-color: var(--starasia-ui-color-purple-950) !important;
369
372
  }
370
- `, n = "starasia-progress-styles", c = (a) => {
373
+ `, n = "starasia-progress-styles", l = (a) => {
371
374
  if (!document.getElementById(n)) {
372
375
  const r = document.createElement("style");
373
376
  r.id = n, r.textContent = a, document.head.appendChild(r);
374
377
  }
375
378
  };
376
- c(l);
377
- const p = ({
379
+ l(t);
380
+ const b = ({
378
381
  value: a = "10%",
379
382
  labelPosition: r = "left",
380
383
  label: o,
381
384
  color: i,
382
385
  size: e = "md"
383
- }) => /* @__PURE__ */ t("div", { children: [
386
+ }) => /* @__PURE__ */ g("div", { children: [
384
387
  /* @__PURE__ */ s(
385
388
  "div",
386
389
  {
@@ -522,11 +525,11 @@ const p = ({
522
525
  "purple-950"
523
526
  ]
524
527
  }
525
- ], d = u.map(
528
+ ], p = u.map(
526
529
  (a) => a.colors
527
530
  ).flat();
528
531
  export {
529
- d as ColorConstProgress,
532
+ p as ColorConstProgress,
530
533
  u as ColorSchemeGeneratorProgress,
531
- p as Progress
534
+ b as Progress
532
535
  };
package/dist/progress.umd.js CHANGED
@@ -1,96 +1,99 @@
1
1
  (function(r,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],a):(r=typeof globalThis<"u"?globalThis:r||self,a(r.Progress={},r.jsxRuntime))})(this,function(r,a){"use strict";const t=`@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
2
2
 
3
3
  :root {
4
+ /* white */
5
+ --starasia-ui-progress-color-white: var(--starasia-ui-color-gray-50, rgba(255, 254, 255, 1));
6
+
4
7
  /* gray */
5
- --starasia-ui-color-gray-50: #f9fafb;
6
- --starasia-ui-color-gray-100: #f3f4f6;
7
- --starasia-ui-color-gray-200: #e5e7eb;
8
- --starasia-ui-color-gray-300: #d1d5db;
9
- --starasia-ui-color-gray-400: #9ca3af;
10
- --starasia-ui-color-gray-500: #6b7280;
11
- --starasia-ui-color-gray-600: #4b5563;
12
- --starasia-ui-color-gray-700: #374151;
13
- --starasia-ui-color-gray-800: #1f2937;
14
- --starasia-ui-color-gray-900: #111827;
15
- --starasia-ui-color-gray-950: #030712;
8
+ --starasia-ui-color-gray-50: rgba(249, 250, 251, 1);
9
+ --starasia-ui-color-gray-100: rgba(243, 244, 246, 1);
10
+ --starasia-ui-color-gray-200: rgba(229, 231, 235, 1);
11
+ --starasia-ui-color-gray-300: rgba(209, 213, 219, 1);
12
+ --starasia-ui-color-gray-400: rgba(156, 163, 175, 1);
13
+ --starasia-ui-color-gray-500: rgba(107, 114, 128, 1);
14
+ --starasia-ui-color-gray-600: rgba(75, 85, 99, 1);
15
+ --starasia-ui-color-gray-700: rgba(55, 65, 81, 1);
16
+ --starasia-ui-color-gray-800: rgba(31, 41, 55, 1);
17
+ --starasia-ui-color-gray-900: rgba(17, 24, 39, 1);
18
+ --starasia-ui-color-gray-950: rgba(3, 7, 18, 1);
16
19
 
17
20
  /* red */
18
- --starasia-ui-color-red-50: #fef2f2;
19
- --starasia-ui-color-red-100: #fee2e2;
20
- --starasia-ui-color-red-200: #fecaca;
21
- --starasia-ui-color-red-300: #fca5a5;
22
- --starasia-ui-color-red-400: #f87171;
23
- --starasia-ui-color-red-500: #ef4444;
24
- --starasia-ui-color-red-600: rgb(220, 38, 38);
25
- --starasia-ui-color-red-700: #b91c1c;
26
- --starasia-ui-color-red-800: #991b1b;
27
- --starasia-ui-color-red-900: #7f1d1d;
28
- --starasia-ui-color-red-950: #450a0a;
21
+ --starasia-ui-color-red-50: rgba(254, 242, 242, 1);
22
+ --starasia-ui-color-red-100: rgba(254, 226, 226, 1);
23
+ --starasia-ui-color-red-200: rgba(254, 202, 202, 1);
24
+ --starasia-ui-color-red-300: rgba(252, 165, 165, 1);
25
+ --starasia-ui-color-red-400: rgba(248, 113, 113, 1);
26
+ --starasia-ui-color-red-500: rgba(239, 68, 68, 1);
27
+ --starasia-ui-color-red-600: rgba(220, 38, 38, 1);
28
+ --starasia-ui-color-red-700: rgba(185, 28, 28, 1);
29
+ --starasia-ui-color-red-800: rgba(153, 27, 27, 1);
30
+ --starasia-ui-color-red-900: rgba(127, 29, 29, 1);
31
+ --starasia-ui-color-red-950: rgba(69, 10, 10, 1);
29
32
 
30
33
  /* orange */
31
- --starasia-ui-color-orange-50: #fff7ed;
32
- --starasia-ui-color-orange-100: #ffedd5;
33
- --starasia-ui-color-orange-200: #fed7aa;
34
- --starasia-ui-color-orange-300: #fdba74;
35
- --starasia-ui-color-orange-400: #fb923c;
36
- --starasia-ui-color-orange-500: #f97316;
37
- --starasia-ui-color-orange-600: #ea580c;
38
- --starasia-ui-color-orange-700: #c2410c;
39
- --starasia-ui-color-orange-800: #9a3412;
40
- --starasia-ui-color-orange-900: #7c2d12;
41
- --starasia-ui-color-orange-950: #431407;
34
+ --starasia-ui-color-orange-50: rgba(255, 247, 237, 1);
35
+ --starasia-ui-color-orange-100: rgba(255, 237, 213, 1);
36
+ --starasia-ui-color-orange-200: rgba(254, 215, 170, 1);
37
+ --starasia-ui-color-orange-300: rgba(253, 186, 116, 1);
38
+ --starasia-ui-color-orange-400: rgba(251, 146, 60, 1);
39
+ --starasia-ui-color-orange-500: rgba(249, 115, 22, 1);
40
+ --starasia-ui-color-orange-600: rgba(234, 88, 12, 1);
41
+ --starasia-ui-color-orange-700: rgba(194, 65, 12, 1);
42
+ --starasia-ui-color-orange-800: rgba(154, 52, 18, 1);
43
+ --starasia-ui-color-orange-900: rgba(124, 45, 18, 1);
44
+ --starasia-ui-color-orange-950: rgba(67, 20, 7, 1);
42
45
 
43
46
  /* yellow */
44
- --starasia-ui-color-yellow-50: #fefce8;
45
- --starasia-ui-color-yellow-100: #fef9c3;
46
- --starasia-ui-color-yellow-200: #fef08a;
47
- --starasia-ui-color-yellow-300: #fde047;
48
- --starasia-ui-color-yellow-400: #facc15;
49
- --starasia-ui-color-yellow-500: #eab308;
50
- --starasia-ui-color-yellow-600: rgb(202, 138, 4);
51
- --starasia-ui-color-yellow-700: #a16207;
52
- --starasia-ui-color-yellow-800: #854d0e;
53
- --starasia-ui-color-yellow-900: #713f12;
54
- --starasia-ui-color-yellow-950: #422006;
47
+ --starasia-ui-color-yellow-50: rgba(254, 252, 232, 1);
48
+ --starasia-ui-color-yellow-100: rgba(254, 249, 195, 1);
49
+ --starasia-ui-color-yellow-200: rgba(254, 240, 138, 1);
50
+ --starasia-ui-color-yellow-300: rgba(253, 224, 71, 1);
51
+ --starasia-ui-color-yellow-400: rgba(250, 204, 21, 1);
52
+ --starasia-ui-color-yellow-500: rgba(234, 179, 8, 1);
53
+ --starasia-ui-color-yellow-600: rgba(202, 138, 4, 1);
54
+ --starasia-ui-color-yellow-700: rgba(161, 98, 7, 1);
55
+ --starasia-ui-color-yellow-800: rgba(133, 77, 14, 1);
56
+ --starasia-ui-color-yellow-900: rgba(113, 63, 18, 1);
57
+ --starasia-ui-color-yellow-950: rgba(66, 32, 6, 1);
55
58
 
56
59
  /* green */
57
- --starasia-ui-color-green-50: #f0fdf4;
58
- --starasia-ui-color-green-100: #dcfce7;
59
- --starasia-ui-color-green-200: #bbf7d0;
60
- --starasia-ui-color-green-300: #86efac;
61
- --starasia-ui-color-green-400: #4ade80;
62
- --starasia-ui-color-green-500: #22c55e;
63
- --starasia-ui-color-green-600: #16a34a;
64
- --starasia-ui-color-green-700: #15803d;
65
- --starasia-ui-color-green-800: #166534;
66
- --starasia-ui-color-green-900: #14532d;
67
- --starasia-ui-color-green-950: #052e16;
60
+ --starasia-ui-color-green-50: rgba(240, 253, 244, 1);
61
+ --starasia-ui-color-green-100: rgba(220, 252, 231, 1);
62
+ --starasia-ui-color-green-200: rgba(187, 247, 208, 1);
63
+ --starasia-ui-color-green-300: rgba(134, 239, 172, 1);
64
+ --starasia-ui-color-green-400: rgba(74, 222, 128, 1);
65
+ --starasia-ui-color-green-500: rgba(34, 197, 94, 1);
66
+ --starasia-ui-color-green-600: rgba(22, 163, 74, 1);
67
+ --starasia-ui-color-green-700: rgba(21, 128, 61, 1);
68
+ --starasia-ui-color-green-800: rgba(22, 101, 52, 1);
69
+ --starasia-ui-color-green-900: rgba(20, 83, 45, 1);
70
+ --starasia-ui-color-green-950: rgba(5, 46, 22, 1);
68
71
 
69
72
  /* blue */
70
- --starasia-ui-color-blue-50: #eff6ff;
71
- --starasia-ui-color-blue-100: #dbeafe;
72
- --starasia-ui-color-blue-200: #bfdbfe;
73
- --starasia-ui-color-blue-300: #93c5fd;
74
- --starasia-ui-color-blue-400: #60a5fa;
75
- --starasia-ui-color-blue-500: #3b82f6;
76
- --starasia-ui-color-blue-600: #2563eb;
77
- --starasia-ui-color-blue-700: #1d4ed8;
78
- --starasia-ui-color-blue-800: #1e40af;
79
- --starasia-ui-color-blue-900: #1e3a8a;
80
- --starasia-ui-color-blue-950: #172554;
73
+ --starasia-ui-color-blue-50: rgba(239, 246, 255, 1);
74
+ --starasia-ui-color-blue-100: rgba(219, 234, 254, 1);
75
+ --starasia-ui-color-blue-200: rgba(191, 219, 254, 1);
76
+ --starasia-ui-color-blue-300: rgba(147, 197, 253, 1);
77
+ --starasia-ui-color-blue-400: rgba(96, 165, 250, 1);
78
+ --starasia-ui-color-blue-500: rgba(59, 130, 246, 1);
79
+ --starasia-ui-color-blue-600: rgba(37, 99, 235, 1);
80
+ --starasia-ui-color-blue-700: rgba(29, 78, 216, 1);
81
+ --starasia-ui-color-blue-800: rgba(30, 64, 175, 1);
82
+ --starasia-ui-color-blue-900: rgba(30, 58, 138, 1);
83
+ --starasia-ui-color-blue-950: rgba(23, 37, 84, 1);
81
84
 
82
85
  /* purple */
83
- --starasia-ui-color-purple-50: #f5f3ff;
84
- --starasia-ui-color-purple-100: #f3e8ff;
85
- --starasia-ui-color-purple-200: #e9d5ff;
86
- --starasia-ui-color-purple-300: #d8b4fe;
87
- --starasia-ui-color-purple-400: #c084fc;
88
- --starasia-ui-color-purple-500: #a855f7;
89
- --starasia-ui-color-purple-600: #9333ea;
90
- --starasia-ui-color-purple-700: #7e22ce;
91
- --starasia-ui-color-purple-800: #6b21a8;
92
- --starasia-ui-color-purple-900: #581c87;
93
- --starasia-ui-color-purple-950: #3b0764;
86
+ --starasia-ui-color-purple-50: rgba(245, 243, 255, 1);
87
+ --starasia-ui-color-purple-100: rgba(243, 232, 255, 1);
88
+ --starasia-ui-color-purple-200: rgba(233, 213, 255, 1);
89
+ --starasia-ui-color-purple-300: rgba(216, 180, 254, 1);
90
+ --starasia-ui-color-purple-400: rgba(192, 132, 252, 1);
91
+ --starasia-ui-color-purple-500: rgba(168, 85, 247, 1);
92
+ --starasia-ui-color-purple-600: rgba(147, 51, 234, 1);
93
+ --starasia-ui-color-purple-700: rgba(126, 34, 206, 1);
94
+ --starasia-ui-color-purple-800: rgba(107, 33, 168, 1);
95
+ --starasia-ui-color-purple-900: rgba(88, 28, 135, 1);
96
+ --starasia-ui-color-purple-950: rgba(59, 7, 100, 1);
94
97
 
95
98
  /* height */
96
99
  --starasia-ui-h-1: 0.25rem; /* 4px */
@@ -366,4 +369,4 @@
366
369
  .starasia-progress-background-purple-950 {
367
370
  background-color: var(--starasia-ui-color-purple-950) !important;
368
371
  }
369
- `,e="starasia-progress-styles";(s=>{if(!document.getElementById(e)){const o=document.createElement("style");o.id=e,o.textContent=s,document.head.appendChild(o)}})(t);const l=({value:s="10%",labelPosition:o="left",label:n,color:u,size:g="md"})=>a.jsxs("div",{children:[a.jsx("div",{className:`starasia-progress-border ${g==="md"?"starasia-progress-border-md":"starasia-progress-border-sm"}`,children:a.jsx("div",{className:`starasia-progress-value starasia-progress-background-${u}`,style:{width:s,backgroundColor:""}})}),n?typeof n=="string"?a.jsx("p",{className:"starasia-progress-label",style:{textAlign:o},children:n}):a.jsx("div",{className:"starasia-progress-label",style:{textAlign:o},children:n}):null]}),i=[{name:"gray",colors:["gray-50","gray-100","gray-200","gray-300","gray-400","gray-500","gray-600","gray-700","gray-800","gray-900","gray-950"]},{name:"red",colors:["red-50","red-100","red-200","red-300","red-400","red-500","red-600","red-700","red-800","red-900","red-950"]},{name:"orange",colors:["orange-50","orange-100","orange-200","orange-300","orange-400","orange-500","orange-600","orange-700","orange-800","orange-900","orange-950"]},{name:"yellow",colors:["yellow-50","yellow-100","yellow-200","yellow-300","yellow-400","yellow-500","yellow-600","yellow-700","yellow-800","yellow-900","yellow-950"]},{name:"green",colors:["green-50","green-100","green-200","green-300","green-400","green-500","green-600","green-700","green-800","green-900","green-950"]},{name:"blue",colors:["blue-50","blue-100","blue-200","blue-300","blue-400","blue-500","blue-600","blue-700","blue-800","blue-900","blue-950"]},{name:"purple",colors:["purple-50","purple-100","purple-200","purple-300","purple-400","purple-500","purple-600","purple-700","purple-800","purple-900","purple-950"]}],c=i.map(s=>s.colors).flat();r.ColorConstProgress=c,r.ColorSchemeGeneratorProgress=i,r.Progress=l,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
372
+ `,i="starasia-progress-styles";(s=>{if(!document.getElementById(i)){const o=document.createElement("style");o.id=i,o.textContent=s,document.head.appendChild(o)}})(t);const g=({value:s="10%",labelPosition:o="left",label:n,color:u,size:c="md"})=>a.jsxs("div",{children:[a.jsx("div",{className:`starasia-progress-border ${c==="md"?"starasia-progress-border-md":"starasia-progress-border-sm"}`,children:a.jsx("div",{className:`starasia-progress-value starasia-progress-background-${u}`,style:{width:s,backgroundColor:""}})}),n?typeof n=="string"?a.jsx("p",{className:"starasia-progress-label",style:{textAlign:o},children:n}):a.jsx("div",{className:"starasia-progress-label",style:{textAlign:o},children:n}):null]}),e=[{name:"gray",colors:["gray-50","gray-100","gray-200","gray-300","gray-400","gray-500","gray-600","gray-700","gray-800","gray-900","gray-950"]},{name:"red",colors:["red-50","red-100","red-200","red-300","red-400","red-500","red-600","red-700","red-800","red-900","red-950"]},{name:"orange",colors:["orange-50","orange-100","orange-200","orange-300","orange-400","orange-500","orange-600","orange-700","orange-800","orange-900","orange-950"]},{name:"yellow",colors:["yellow-50","yellow-100","yellow-200","yellow-300","yellow-400","yellow-500","yellow-600","yellow-700","yellow-800","yellow-900","yellow-950"]},{name:"green",colors:["green-50","green-100","green-200","green-300","green-400","green-500","green-600","green-700","green-800","green-900","green-950"]},{name:"blue",colors:["blue-50","blue-100","blue-200","blue-300","blue-400","blue-500","blue-600","blue-700","blue-800","blue-900","blue-950"]},{name:"purple",colors:["purple-50","purple-100","purple-200","purple-300","purple-400","purple-500","purple-600","purple-700","purple-800","purple-900","purple-950"]}],l=e.map(s=>s.colors).flat();r.ColorConstProgress=l,r.ColorSchemeGeneratorProgress=e,r.Progress=g,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@starasia/progress",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "description": "Progress component for starasia UI",
5
5
  "author": "Prawito Hudoro",
6
6
  "main": "dist/progress.umd.js",