@opexa/portal-components 0.0.569 → 0.0.570

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 (10) hide show
  1. package/dist/components/KYC/KYCReminder.lazy.js +1 -1
  2. package/dist/components/Quests/JourneyQuest.js +2 -2
  3. package/dist/styles/theme.css +10 -1
  4. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  5. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  6. package/dist/ui/Checkbox/checkbox.recipe.js +3 -3
  7. package/dist/ui/Progress/Progress.d.ts +27 -27
  8. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  9. package/dist/ui/Progress/progress.recipe.js +2 -2
  10. package/package.json +1 -1
package/dist/components/KYC/KYCReminder.lazy.js CHANGED
@@ -69,7 +69,7 @@ export function KYCReminder(props) {
69
69
  responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: `h-[50px] w-auto shrink-0 ${props.responsibleGamingLogo?.styles ?? ''}`, draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsx("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { onClick: () => {
70
70
  api.setOpen(false);
71
71
  globalStore.kyc.setOpen(true);
72
- }, children: "Complete KYC" }) })) })] })] })), (isNotVerified || isPending) && !featureFlag.enabled && (_jsxs(_Fragment, { children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-primary p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h2", { className: `mt-4 font-semibold text-lg ${props.titleBgColor}`, children: "Personal Verification" }), _jsxs("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: ["All new users are required to complete identity verification to access the full range of ", props.siteName, " services, including withdrawals."] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx(Button, { onClick: () => {
72
+ }, children: "Complete KYC" }) })) })] })] })), (isNotVerified || isPending) && (_jsxs(_Fragment, { children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-primary p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h2", { className: `mt-4 font-semibold text-lg ${props.titleBgColor}`, children: "Personal Verification" }), _jsxs("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: ["All new users are required to complete identity verification to access the full range of ", props.siteName, " services, including withdrawals."] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx(Button, { onClick: () => {
73
73
  api.setOpen(false);
74
74
  globalStore.kyc.setOpen(true);
75
75
  }, children: "Verify Now" }), _jsx(Button, { type: "button", variant: "outline", fullWidth: true, onClick: () => api.setOpen(false), children: "Do it later" })] })) })] })] })), isPending && featureFlag.enabled && (_jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto mb-4 w-fit rounded-full bg-bg-primary p-2", children: _jsx(Image, { src: props.logo, alt: `${props.siteName} logo`, width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }) }), _jsx("h2", { className: `mt-4 font-semibold text-lg ${props.titleBgColor}`, children: "VERIFICATION IN PROGRESS" }), _jsx("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: "Your account is verification-locked. Please wait for approval to regain full access to this platform." }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo?.logo ?? pagcorLogo, alt: "PAGCOR logo", height: 88, width: 88, className: `h-[88px] w-auto shrink-0 ${props.pagcorLogo?.styles ?? ''}`, draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo?.logo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: `h-[50px] w-auto shrink-0 ${props.responsibleGamingLogo?.styles ?? ''}`, draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsx("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { onClick: () => {
package/dist/components/Quests/JourneyQuest.js CHANGED
@@ -82,7 +82,7 @@ export function JourneyQuest(props) {
82
82
  const localeInfo = useLocaleInfo();
83
83
  return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6', classNames?.root), children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-center justify-between", children: [_jsx(RemainingTime, { endOfDay: true }), quest.status === 'COMPLETED' && (_jsx(Badge.Root, { colorScheme: "success", size: "lg", round: false, children: _jsxs(Badge.Label, { children: ["Final Bonus:", ' ', formatNumber(quest.bonus, {
84
84
  currency: localeInfo.currency.code,
85
- })] }) }))] }), _jsx("p", { className: "font-semibold text-xl", children: quest?.name || 'Journey Quest' }), _jsxs("div", { className: "flex w-full items-center space-x-2", children: [_jsx(Progress.Root, { max: 100, className: "h-2 rounded-full bg-bg-primary", value: progressValue, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, { className: "bg-utility-brand-600" }) }) }), _jsxs("p", { className: "text-text-quarterary-brand text-xs", children: [currentMilestone, "/", totalMilestones] })] }), _jsx("div", { className: "flex w-full flex-col space-y-3", children: milestones.map((milestone) => (_jsx(QuestMilestone, { label: milestone.label, bonus: milestone.bonus, isCompleted: milestone.isCompleted, checkboxControlStyle: props.checkboxControlStyle, className: {
85
+ })] }) }))] }), _jsx("p", { className: "font-semibold text-xl", children: quest?.name || 'Journey Quest' }), _jsxs("div", { className: "flex w-full items-center space-x-2", children: [_jsx(Progress.Root, { max: 100, className: "h-2 rounded-full bg-bg-primary", value: progressValue, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsxs("p", { className: "text-text-quarterary-brand text-xs", children: [currentMilestone, "/", totalMilestones] })] }), _jsx("div", { className: "flex w-full flex-col space-y-3", children: milestones.map((milestone) => (_jsx(QuestMilestone, { label: milestone.label, bonus: milestone.bonus, isCompleted: milestone.isCompleted, checkboxControlStyle: props.checkboxControlStyle, className: {
86
86
  name: classNames?.checkboxName,
87
87
  bonus: classNames?.checkboxBonus,
88
88
  } }, milestone.key))) })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx(Button, { size: "sm", onClick: handleViewDetails, "aria-label": "View Details", disabled: false, className: "disabled:bg-bg-primary disabled:text-text-disabled", children: "View Details" }) })] }), _jsx(Rules, { open: disclosure.open, onOpenChange: disclosure.setOpen, quest: quest, milestones: milestones, className: {
@@ -140,7 +140,7 @@ function Rules(props) {
140
140
  ? 'Deposit'
141
141
  : 'Verify Account'] })), !milestone.isCompleted &&
142
142
  milestone.key === 'LINK_FACEBOOK_ACCOUNT' && (_jsxs(_Fragment, { children: [milestone.bonus && (_jsxs("p", { className: "text-[#94969C] text-sm", children: ["Link your Facebook Account and get Php", ' ', milestone.bonus, " Bonus"] })), _jsx(FacebookSignInTrigger, { text: "Link Facebook Account", className: "!mt-0 flex h-10 w-full items-center justify-center gap-md rounded-md bg-button-primary-bg px-3 font-semibold text-button-primary-fg text-sm shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none" })] })), !milestone.isCompleted &&
143
- milestone.key === 'LINK_GOOGLE_ACCOUNT' && (_jsxs(_Fragment, { children: [milestone.bonus && (_jsxs("p", { className: "text-[#94969C] text-sm", children: ["Link your Google Account and get Php", ' ', milestone.bonus, " Bonus"] })), _jsx(GoogleSignInButton, { text: "Link Google Account", className: "flex h-10 w-full items-center justify-center gap-md rounded-md bg-button-primary-bg px-3 font-semibold text-button-primary-fg text-sm shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none" })] }))] }, milestone.key))), quest?.bonus && (_jsx("div", { className: "flex h-full items-end", children: allMilestonesCompleted ? (_jsx(Button, { size: "sm", onClick: () => setOpen(false), "aria-label": "Close", className: "w-full", children: "Close" })) : (_jsx("div", { className: twMerge("w-full rounded-md border border-bg-primary-hover bg-button-secondary-bg px-3.5 py-2.5 text-center text-white", props.className?.uncompleteButton), children: _jsxs("p", { children: ["Complete target to", ' ', _jsxs("span", { className: "text-brand-400", children: ["\u20B1", quest?.bonus] }), ' ', "bonus!"] }) })) }))] })] }) })] }) }));
143
+ milestone.key === 'LINK_GOOGLE_ACCOUNT' && (_jsxs(_Fragment, { children: [milestone.bonus && (_jsxs("p", { className: "text-[#94969C] text-sm", children: ["Link your Google Account and get Php", ' ', milestone.bonus, " Bonus"] })), _jsx(GoogleSignInButton, { text: "Link Google Account", className: "flex h-10 w-full items-center justify-center gap-md rounded-md bg-button-primary-bg px-3 font-semibold text-button-primary-fg text-sm shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none" })] }))] }, milestone.key))), quest?.bonus && (_jsx("div", { className: "flex h-full items-end", children: allMilestonesCompleted ? (_jsx(Button, { size: "sm", onClick: () => setOpen(false), "aria-label": "Close", className: "w-full", children: "Close" })) : (_jsx("div", { className: twMerge('w-full rounded-md border border-bg-primary-hover bg-button-secondary-bg px-3.5 py-2.5 text-center text-white', props.className?.uncompleteButton), children: _jsxs("p", { children: ["Complete target to", ' ', _jsxs("span", { className: "text-brand-400", children: ["\u20B1", quest?.bonus] }), ' ', "bonus!"] }) })) }))] })] }) })] }) }));
144
144
  }
145
145
  function QuestMilestone({ label, bonus, isCompleted = false, checkboxControlStyle, className, }) {
146
146
  const localeInfo = useLocaleInfo();
package/dist/styles/theme.css CHANGED
@@ -273,7 +273,16 @@
273
273
 
274
274
 
275
275
  --color-border-checkbox-primary: #373a41;
276
- --color-bg-progress-bar-primary: var(--color-bg-primary);
276
+ --color-bg-checkbox-primary: var(--color-bg-primary);
277
+ --color-border-checkbox-checked-primary: var(--color-border-brand-solid);
278
+ --color-bg-checkbox-checked-primary: var(--color-bg-brand-solid);
279
+ --color-text-checkbox-indicator-primary: #0d2d3a;
280
+ --color-text-checkbox-label-primary: var(--color-text-secondary-700);
281
+
282
+
283
+ --color-bg-progress-bar-track-primary: var(--color-bg-primary);
284
+ --color-bg-progress-bar-range-primary: var(--color-brand-400);
285
+
277
286
 
278
287
  --color-bg-lock: #161B26;
279
288
  --color-border-lock: #333741;
package/dist/ui/Checkbox/Checkbox.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Checkbox } from '@ark-ui/react/checkbox';
2
2
  export declare const withContext: <Props extends {
3
3
  [x: string]: any;
4
- }>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "control" | "group" | "indicator") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
4
+ }>(Component: import("react").ComponentType<Props>, slot: "root" | "label" | "group" | "control" | "indicator") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
5
5
  size: {
6
6
  md: {
7
7
  control: string;
@@ -14,7 +14,7 @@ export declare const withContext: <Props extends {
14
14
  colorScheme: {
15
15
  gray: {};
16
16
  };
17
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
17
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, {
18
18
  size: {
19
19
  md: {
20
20
  control: string;
@@ -27,7 +27,7 @@ export declare const withContext: <Props extends {
27
27
  colorScheme: {
28
28
  gray: {};
29
29
  };
30
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
30
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
31
31
  size: {
32
32
  md: {
33
33
  control: string;
@@ -40,9 +40,9 @@ export declare const withContext: <Props extends {
40
40
  colorScheme: {
41
41
  gray: {};
42
42
  };
43
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
43
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
44
44
  [x: string]: any;
45
- }>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "control" | "group" | "indicator") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
45
+ }>(Component: import("react").ComponentType<Props>, slot: "root" | "label" | "group" | "control" | "indicator") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
46
46
  size: {
47
47
  md: {
48
48
  control: string;
@@ -55,7 +55,7 @@ export declare const withContext: <Props extends {
55
55
  colorScheme: {
56
56
  gray: {};
57
57
  };
58
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
58
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, {
59
59
  size: {
60
60
  md: {
61
61
  control: string;
@@ -68,7 +68,7 @@ export declare const withContext: <Props extends {
68
68
  colorScheme: {
69
69
  gray: {};
70
70
  };
71
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
71
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
72
72
  size: {
73
73
  md: {
74
74
  control: string;
@@ -81,7 +81,7 @@ export declare const withContext: <Props extends {
81
81
  colorScheme: {
82
82
  gray: {};
83
83
  };
84
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
84
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
85
85
  export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.RootProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
86
86
  size: {
87
87
  md: {
@@ -95,7 +95,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
95
95
  colorScheme: {
96
96
  gray: {};
97
97
  };
98
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
98
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, {
99
99
  size: {
100
100
  md: {
101
101
  control: string;
@@ -108,7 +108,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
108
108
  colorScheme: {
109
109
  gray: {};
110
110
  };
111
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
111
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
112
112
  size: {
113
113
  md: {
114
114
  control: string;
@@ -121,7 +121,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
121
121
  colorScheme: {
122
122
  gray: {};
123
123
  };
124
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
124
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
125
125
  export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
126
126
  size: {
127
127
  md: {
@@ -135,7 +135,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
135
135
  colorScheme: {
136
136
  gray: {};
137
137
  };
138
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
138
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, {
139
139
  size: {
140
140
  md: {
141
141
  control: string;
@@ -148,7 +148,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
148
148
  colorScheme: {
149
149
  gray: {};
150
150
  };
151
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
151
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
152
152
  size: {
153
153
  md: {
154
154
  control: string;
@@ -161,7 +161,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
161
161
  colorScheme: {
162
162
  gray: {};
163
163
  };
164
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
164
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
165
165
  export declare const Group: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
166
166
  size: {
167
167
  md: {
@@ -175,7 +175,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
175
175
  colorScheme: {
176
176
  gray: {};
177
177
  };
178
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
178
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, {
179
179
  size: {
180
180
  md: {
181
181
  control: string;
@@ -188,7 +188,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
188
188
  colorScheme: {
189
189
  gray: {};
190
190
  };
191
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
191
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
192
192
  size: {
193
193
  md: {
194
194
  control: string;
@@ -201,7 +201,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
201
201
  colorScheme: {
202
202
  gray: {};
203
203
  };
204
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
204
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
205
205
  export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
206
206
  size: {
207
207
  md: {
@@ -215,7 +215,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
215
215
  colorScheme: {
216
216
  gray: {};
217
217
  };
218
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
218
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, {
219
219
  size: {
220
220
  md: {
221
221
  control: string;
@@ -228,7 +228,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
228
228
  colorScheme: {
229
229
  gray: {};
230
230
  };
231
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
231
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
232
232
  size: {
233
233
  md: {
234
234
  control: string;
@@ -241,7 +241,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
241
241
  colorScheme: {
242
242
  gray: {};
243
243
  };
244
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
244
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
245
245
  export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.LabelProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
246
246
  size: {
247
247
  md: {
@@ -255,7 +255,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
255
255
  colorScheme: {
256
256
  gray: {};
257
257
  };
258
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
258
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, {
259
259
  size: {
260
260
  md: {
261
261
  control: string;
@@ -268,7 +268,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
268
268
  colorScheme: {
269
269
  gray: {};
270
270
  };
271
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
271
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
272
272
  size: {
273
273
  md: {
274
274
  control: string;
@@ -281,6 +281,6 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
281
281
  colorScheme: {
282
282
  gray: {};
283
283
  };
284
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
284
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
285
285
  export declare const HiddenInput: import("react").ForwardRefExoticComponent<Checkbox.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
286
286
  export declare const Context: (props: Checkbox.ContextProps) => import("react").ReactNode;
package/dist/ui/Checkbox/checkbox.recipe.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
11
11
  colorScheme: {
12
12
  gray: {};
13
13
  };
14
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
14
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, {
15
15
  size: {
16
16
  md: {
17
17
  control: string;
@@ -24,7 +24,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
24
24
  colorScheme: {
25
25
  gray: {};
26
26
  };
27
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
27
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
28
28
  size: {
29
29
  md: {
30
30
  control: string;
@@ -37,4 +37,4 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
37
37
  colorScheme: {
38
38
  gray: {};
39
39
  };
40
- }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
40
+ }, Record<"root" | "label" | "group" | "control" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
package/dist/ui/Checkbox/checkbox.recipe.js CHANGED
@@ -26,9 +26,9 @@ export const checkboxRecipe = tv({
26
26
  variant: 'outline',
27
27
  colorScheme: 'gray',
28
28
  className: {
29
- control: 'ui-disabled:cursor-not-allowed ui-readonly:cursor-not-allowed border border-border-checkbox-primary ui-checked:border-bg-brand-solid bg-bg-primary ui-checked:bg-bg-brand-solid ui-disabled:opacity-60 ui-readonly:opacity-50 shadow-xs ui-disabled:shadow-none ui-readonly:shadow-none',
30
- indicator: 'text-cyan-950',
31
- label: 'text-text-secondary-700 text-xs leading-tight',
29
+ control: 'ui-disabled:cursor-not-allowed ui-readonly:cursor-not-allowed border border-border-checkbox-primary ui-checked:border-border-checkbox-checked-primary bg-bg-checkbox-primary ui-checked:bg-bg-checkbox-checked-primary ui-disabled:opacity-60 ui-readonly:opacity-50 shadow-xs ui-disabled:shadow-none ui-readonly:shadow-none',
30
+ indicator: 'text-text-checkbox-indicator-primary',
31
+ label: 'text-text-checkbox-label-primary text-xs leading-tight',
32
32
  },
33
33
  },
34
34
  ],
package/dist/ui/Progress/Progress.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
11
11
  range: string;
12
12
  };
13
13
  };
14
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
14
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
15
15
  size: {
16
16
  md: {};
17
17
  };
@@ -23,7 +23,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
23
23
  range: string;
24
24
  };
25
25
  };
26
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
26
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
27
27
  size: {
28
28
  md: {};
29
29
  };
@@ -35,7 +35,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
35
35
  range: string;
36
36
  };
37
37
  };
38
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
38
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
39
39
  export declare const Circle: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.CircleProps & import("react").RefAttributes<SVGSVGElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
40
40
  size: {
41
41
  md: {};
@@ -48,7 +48,7 @@ export declare const Circle: import("react").ComponentType<import("@ark-ui/react
48
48
  range: string;
49
49
  };
50
50
  };
51
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
51
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
52
52
  size: {
53
53
  md: {};
54
54
  };
@@ -60,7 +60,7 @@ export declare const Circle: import("react").ComponentType<import("@ark-ui/react
60
60
  range: string;
61
61
  };
62
62
  };
63
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
63
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
64
64
  size: {
65
65
  md: {};
66
66
  };
@@ -72,7 +72,7 @@ export declare const Circle: import("react").ComponentType<import("@ark-ui/react
72
72
  range: string;
73
73
  };
74
74
  };
75
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
75
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
76
76
  export declare const CircleRange: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.CircleRangeProps & import("react").RefAttributes<SVGCircleElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
77
77
  size: {
78
78
  md: {};
@@ -85,7 +85,7 @@ export declare const CircleRange: import("react").ComponentType<import("@ark-ui/
85
85
  range: string;
86
86
  };
87
87
  };
88
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
88
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
89
89
  size: {
90
90
  md: {};
91
91
  };
@@ -97,7 +97,7 @@ export declare const CircleRange: import("react").ComponentType<import("@ark-ui/
97
97
  range: string;
98
98
  };
99
99
  };
100
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
100
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
101
101
  size: {
102
102
  md: {};
103
103
  };
@@ -109,7 +109,7 @@ export declare const CircleRange: import("react").ComponentType<import("@ark-ui/
109
109
  range: string;
110
110
  };
111
111
  };
112
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
112
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
113
113
  export declare const CircleTrack: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.CircleTrackProps & import("react").RefAttributes<SVGCircleElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
114
114
  size: {
115
115
  md: {};
@@ -122,7 +122,7 @@ export declare const CircleTrack: import("react").ComponentType<import("@ark-ui/
122
122
  range: string;
123
123
  };
124
124
  };
125
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
125
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
126
126
  size: {
127
127
  md: {};
128
128
  };
@@ -134,7 +134,7 @@ export declare const CircleTrack: import("react").ComponentType<import("@ark-ui/
134
134
  range: string;
135
135
  };
136
136
  };
137
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
137
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
138
138
  size: {
139
139
  md: {};
140
140
  };
@@ -146,7 +146,7 @@ export declare const CircleTrack: import("react").ComponentType<import("@ark-ui/
146
146
  range: string;
147
147
  };
148
148
  };
149
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
149
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
150
150
  export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
151
151
  size: {
152
152
  md: {};
@@ -159,7 +159,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
159
159
  range: string;
160
160
  };
161
161
  };
162
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
162
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
163
163
  size: {
164
164
  md: {};
165
165
  };
@@ -171,7 +171,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
171
171
  range: string;
172
172
  };
173
173
  };
174
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
174
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
175
175
  size: {
176
176
  md: {};
177
177
  };
@@ -183,7 +183,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
183
183
  range: string;
184
184
  };
185
185
  };
186
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
186
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
187
187
  export declare const Track: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.TrackProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
188
188
  size: {
189
189
  md: {};
@@ -196,7 +196,7 @@ export declare const Track: import("react").ComponentType<import("@ark-ui/react"
196
196
  range: string;
197
197
  };
198
198
  };
199
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
199
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
200
200
  size: {
201
201
  md: {};
202
202
  };
@@ -208,7 +208,7 @@ export declare const Track: import("react").ComponentType<import("@ark-ui/react"
208
208
  range: string;
209
209
  };
210
210
  };
211
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
211
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
212
212
  size: {
213
213
  md: {};
214
214
  };
@@ -220,7 +220,7 @@ export declare const Track: import("react").ComponentType<import("@ark-ui/react"
220
220
  range: string;
221
221
  };
222
222
  };
223
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
223
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
224
224
  export declare const ValueText: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
225
225
  size: {
226
226
  md: {};
@@ -233,7 +233,7 @@ export declare const ValueText: import("react").ComponentType<import("@ark-ui/re
233
233
  range: string;
234
234
  };
235
235
  };
236
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
236
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
237
237
  size: {
238
238
  md: {};
239
239
  };
@@ -245,7 +245,7 @@ export declare const ValueText: import("react").ComponentType<import("@ark-ui/re
245
245
  range: string;
246
246
  };
247
247
  };
248
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
248
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
249
249
  size: {
250
250
  md: {};
251
251
  };
@@ -257,7 +257,7 @@ export declare const ValueText: import("react").ComponentType<import("@ark-ui/re
257
257
  range: string;
258
258
  };
259
259
  };
260
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
260
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
261
261
  export declare const View: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.ViewProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
262
262
  size: {
263
263
  md: {};
@@ -270,7 +270,7 @@ export declare const View: import("react").ComponentType<import("@ark-ui/react")
270
270
  range: string;
271
271
  };
272
272
  };
273
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
273
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
274
274
  size: {
275
275
  md: {};
276
276
  };
@@ -282,7 +282,7 @@ export declare const View: import("react").ComponentType<import("@ark-ui/react")
282
282
  range: string;
283
283
  };
284
284
  };
285
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
285
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
286
286
  size: {
287
287
  md: {};
288
288
  };
@@ -294,7 +294,7 @@ export declare const View: import("react").ComponentType<import("@ark-ui/react")
294
294
  range: string;
295
295
  };
296
296
  };
297
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
297
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
298
298
  export declare const Range: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.RangeProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
299
299
  size: {
300
300
  md: {};
@@ -307,7 +307,7 @@ export declare const Range: import("react").ComponentType<import("@ark-ui/react"
307
307
  range: string;
308
308
  };
309
309
  };
310
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
310
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
311
311
  size: {
312
312
  md: {};
313
313
  };
@@ -319,7 +319,7 @@ export declare const Range: import("react").ComponentType<import("@ark-ui/react"
319
319
  range: string;
320
320
  };
321
321
  };
322
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
322
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
323
323
  size: {
324
324
  md: {};
325
325
  };
@@ -331,5 +331,5 @@ export declare const Range: import("react").ComponentType<import("@ark-ui/react"
331
331
  range: string;
332
332
  };
333
333
  };
334
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
334
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
335
335
  export declare const Context: (props: Progress.ContextProps) => import("react").ReactNode;
package/dist/ui/Progress/progress.recipe.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare const progressRecipe: import("tailwind-variants").TVReturnType<{
10
10
  range: string;
11
11
  };
12
12
  };
13
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, {
13
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, {
14
14
  size: {
15
15
  md: {};
16
16
  };
@@ -22,7 +22,7 @@ export declare const progressRecipe: import("tailwind-variants").TVReturnType<{
22
22
  range: string;
23
23
  };
24
24
  };
25
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
25
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
26
26
  size: {
27
27
  md: {};
28
28
  };
@@ -34,4 +34,4 @@ export declare const progressRecipe: import("tailwind-variants").TVReturnType<{
34
34
  range: string;
35
35
  };
36
36
  };
37
- }, Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>;
37
+ }, Record<"root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>;
package/dist/ui/Progress/progress.recipe.js CHANGED
@@ -11,8 +11,8 @@ export const progressRecipe = tv({
11
11
  unstyled: {},
12
12
  solid: {
13
13
  root: 'block w-full',
14
- track: 'w-full overflow-hidden rounded-full bg-bg-progress-bar-primary',
15
- range: 'h-full rounded-full bg-brand-400 transition-all duration-200 ease-in-out',
14
+ track: 'w-full overflow-hidden rounded-full bg-bg-progress-bar-track-primary',
15
+ range: 'h-full rounded-full bg-bg-progress-bar-range-primary transition-all duration-200 ease-in-out',
16
16
  },
17
17
  },
18
18
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opexa/portal-components",
3
- "version": "0.0.569",
3
+ "version": "0.0.570",
4
4
  "exports": {
5
5
  "./ui/*": {
6
6
  "types": "./dist/ui/*/index.d.ts",