@rovula/ui 0.1.10 → 0.1.12

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 (12) hide show
  1. package/dist/cjs/bundle.js +1 -1
  2. package/dist/cjs/bundle.js.map +1 -1
  3. package/dist/cjs/types/components/OtpInput/OtpInputGroup.d.ts +2 -0
  4. package/dist/components/OtpInput/OtpInputGroup.js +2 -2
  5. package/dist/esm/bundle.js +1 -1
  6. package/dist/esm/bundle.js.map +1 -1
  7. package/dist/esm/types/components/OtpInput/OtpInputGroup.d.ts +2 -0
  8. package/dist/index.d.ts +2 -0
  9. package/dist/src/theme/global.css +29 -29
  10. package/package.json +1 -1
  11. package/src/components/OtpInput/OtpInputGroup.tsx +3 -2
  12. package/src/theme/themes/variable.css +29 -29
package/dist/esm/types/components/OtpInput/OtpInputGroup.d.ts CHANGED
@@ -8,6 +8,7 @@ export type OtpInputGroupProps = OtpInputProps & {
8
8
  error?: boolean;
9
9
  errorMessage?: string;
10
10
  keepFooterSpace?: boolean;
11
+ wrapperClassName?: string;
11
12
  labelClassName?: string;
12
13
  messageClassName?: string;
13
14
  };
@@ -19,6 +20,7 @@ export declare const OtpInputGroup: React.ForwardRefExoticComponent<OtpInputProp
19
20
  error?: boolean;
20
21
  errorMessage?: string;
21
22
  keepFooterSpace?: boolean;
23
+ wrapperClassName?: string;
22
24
  labelClassName?: string;
23
25
  messageClassName?: string;
24
26
  } & React.RefAttributes<HTMLInputElement>>;
package/dist/index.d.ts CHANGED
@@ -689,6 +689,7 @@ type OtpInputGroupProps = OtpInputProps & {
689
689
  error?: boolean;
690
690
  errorMessage?: string;
691
691
  keepFooterSpace?: boolean;
692
+ wrapperClassName?: string;
692
693
  labelClassName?: string;
693
694
  messageClassName?: string;
694
695
  };
@@ -700,6 +701,7 @@ declare const OtpInputGroup: React__default.ForwardRefExoticComponent<OtpInputPr
700
701
  error?: boolean;
701
702
  errorMessage?: string;
702
703
  keepFooterSpace?: boolean;
704
+ wrapperClassName?: string;
703
705
  labelClassName?: string;
704
706
  messageClassName?: string;
705
707
  } & React__default.RefAttributes<HTMLInputElement>>;
package/dist/src/theme/global.css CHANGED
@@ -197,34 +197,34 @@
197
197
  --state-success-text-pressed-skyller: #166534;
198
198
  --state-warning-default-xspector: #ffc107;
199
199
  --state-warning-default-report-xspector-light-mode: #ffc107;
200
- --state-warning-default-skyller: #fbbf24;
200
+ --state-warning-default-skyller: #f59e0b;
201
201
  --state-warning-hover-xspector: #ffdf1b;
202
202
  --state-warning-hover-report-xspector-light-mode: #ffdf1b;
203
- --state-warning-hover-skyller: #fde68a;
203
+ --state-warning-hover-skyller: #fbbf24;
204
204
  --state-warning-stroke-xspector: rgba(255 193 7 / 0.48);
205
205
  --state-warning-stroke-report-xspector-light-mode: rgba(255 223 27 / 0.48);
206
- --state-warning-stroke-skyller: rgba(251 191 36 / 0.48);
206
+ --state-warning-stroke-skyller: rgba(245 158 11 / 0.48);
207
207
  --state-warning-hover-bg-xspector: rgba(255 193 7 / 0.08);
208
208
  --state-warning-hover-bg-report-xspector-light-mode: rgba(255 193 7 / 0.08);
209
- --state-warning-hover-bg-skyller: rgba(253 230 138 / 0.08);
209
+ --state-warning-hover-bg-skyller: rgba(251 191 36 / 0.08);
210
210
  --state-warning-pressed-xspector: #985108;
211
211
  --state-warning-pressed-report-xspector-light-mode: #985108;
212
- --state-warning-pressed-skyller: #f59e0b;
212
+ --state-warning-pressed-skyller: #d97706;
213
213
  --state-warning-active-xspector: #ffc107;
214
214
  --state-warning-active-report-xspector-light-mode: #ffc107;
215
- --state-warning-active-skyller: #d97706;
215
+ --state-warning-active-skyller: #b45309;
216
216
  --state-warning-text-solid-xspector: #212b36;
217
217
  --state-warning-text-solid-report-xspector-light-mode: #ffffff;
218
218
  --state-warning-text-solid-skyller: #ffffff;
219
219
  --state-warning-text-outline-xspector: #ffc107;
220
220
  --state-warning-text-outline-report-xspector-light-mode: #ffc107;
221
- --state-warning-text-outline-skyller: #fbbf24;
221
+ --state-warning-text-outline-skyller: #f59e0b;
222
222
  --state-warning-text-hover-xspector: #ffdf1b;
223
223
  --state-warning-text-hover-report-xspector-light-mode: #ffdf1b;
224
- --state-warning-text-hover-skyller: #fde68a;
224
+ --state-warning-text-hover-skyller: #fbbf24;
225
225
  --state-warning-text-pressed-xspector: #985108;
226
226
  --state-warning-text-pressed-report-xspector-light-mode: #985108;
227
- --state-warning-text-pressed-skyller: #f59e0b;
227
+ --state-warning-text-pressed-skyller: #d97706;
228
228
  --state-error-default-xspector: #ff4d35;
229
229
  --state-error-default-report-xspector-light-mode: #ed2f15;
230
230
  --state-error-default-skyller: #ef4444;
@@ -827,19 +827,19 @@
827
827
  --modal-overlay-skyller: rgba(0 0 0 / 0.64);
828
828
  --bg-bg1-xspector: #030c15;
829
829
  --bg-bg1-report-xspector-light-mode: #ffffff;
830
- --bg-bg1-skyller: #2563eb;
830
+ --bg-bg1-skyller: #ffffff;
831
831
  --bg-bg2-xspector: #0a1b2e;
832
832
  --bg-bg2-report-xspector-light-mode: #ffffff;
833
833
  --bg-bg2-skyller: #f8fbff;
834
- --bg-bg3-xspector: #000000;
835
- --bg-bg3-report-xspector-light-mode: #d8d8d8;
836
- --bg-bg3-skyller: #f5f5f5;
837
- --bg-stroke1-xspector: #000000;
834
+ --bg-bg3-xspector: #0e2841;
835
+ --bg-bg3-report-xspector-light-mode: #ffffff;
836
+ --bg-bg3-skyller: #f8fbff;
837
+ --bg-stroke1-xspector: #1c3955;
838
838
  --bg-stroke1-report-xspector-light-mode: #e2e2e2;
839
- --bg-stroke1-skyller: #e5e5e5;
840
- --bg-stroke2-xspector: #000000;
841
- --bg-stroke2-report-xspector-light-mode: #c5c5c5;
842
- --bg-stroke2-skyller: #d4d4d4;
839
+ --bg-stroke1-skyller: #ececec;
840
+ --bg-stroke2-xspector: #294664;
841
+ --bg-stroke2-report-xspector-light-mode: #e5e5e5;
842
+ --bg-stroke2-skyller: #e5e5e5;
843
843
  --input-default-text-xspector: #9e9e9e;
844
844
  --input-default-text-report-xspector-light-mode: #9e9e9e;
845
845
  --input-default-text-skyller: #737373;
@@ -1038,21 +1038,21 @@
1038
1038
  --modal-line-xspector: rgba(158 158 158 / 0.24);
1039
1039
  --modal-line-report-xspector-light-mode: #cfcfcf;
1040
1040
  --modal-line-skyller: #d4d4d4;
1041
- --bg-bg4-xspector: #000000;
1042
- --bg-bg4-report-xspector-light-mode: #d8d8d8;
1043
- --bg-bg4-skyller: #f5f5f5;
1041
+ --bg-bg4-xspector: #0f2a46;
1042
+ --bg-bg4-report-xspector-light-mode: #ffffff;
1043
+ --bg-bg4-skyller: #ffffff;
1044
1044
  --bg-bg5-xspector: #000000;
1045
- --bg-bg5-report-xspector-light-mode: #d8d8d8;
1046
- --bg-bg5-skyller: #f5f5f5;
1045
+ --bg-bg5-report-xspector-light-mode: #000000;
1046
+ --bg-bg5-skyller: #000000;
1047
1047
  --bg-stroke3-xspector: #000000;
1048
- --bg-stroke3-report-xspector-light-mode: #c5c5c5;
1049
- --bg-stroke3-skyller: #d4d4d4;
1048
+ --bg-stroke3-report-xspector-light-mode: #000000;
1049
+ --bg-stroke3-skyller: #000000;
1050
1050
  --bg-stroke4-xspector: #000000;
1051
- --bg-stroke4-report-xspector-light-mode: #c5c5c5;
1052
- --bg-stroke4-skyller: #d4d4d4;
1051
+ --bg-stroke4-report-xspector-light-mode: #000000;
1052
+ --bg-stroke4-skyller: #000000;
1053
1053
  --bg-stroke5-xspector: #000000;
1054
- --bg-stroke5-report-xspector-light-mode: #c5c5c5;
1055
- --bg-stroke5-skyller: #d4d4d4;
1054
+ --bg-stroke5-report-xspector-light-mode: #000000;
1055
+ --bg-stroke5-skyller: #000000;
1056
1056
  /* BUTTON RADIUS */
1057
1057
  --button-l-round: 8px;
1058
1058
  --button-l-rem-round: 0.5rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rovula/ui",
3
- "version": "0.1.10",
3
+ "version": "0.1.12",
4
4
  "main": "dist/cjs/bundle.js",
5
5
  "module": "dist/esm/bundle.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/OtpInput/OtpInputGroup.tsx CHANGED
@@ -10,6 +10,7 @@ export type OtpInputGroupProps = OtpInputProps & {
10
10
  error?: boolean;
11
11
  errorMessage?: string;
12
12
  keepFooterSpace?: boolean;
13
+ wrapperClassName?: string;
13
14
  labelClassName?: string;
14
15
  messageClassName?: string;
15
16
  };
@@ -24,9 +25,9 @@ export const OtpInputGroup = React.forwardRef<HTMLInputElement, OtpInputGroupPro
24
25
  error = false,
25
26
  errorMessage,
26
27
  keepFooterSpace = true,
28
+ wrapperClassName,
27
29
  labelClassName,
28
30
  messageClassName,
29
- className,
30
31
  ...otpProps
31
32
  },
32
33
  ref
@@ -35,7 +36,7 @@ export const OtpInputGroup = React.forwardRef<HTMLInputElement, OtpInputGroupPro
35
36
  const message = isInvalid ? errorMessage : helperText;
36
37
 
37
38
  return (
38
- <div className={cn("inline-flex w-full flex-col gap-2", className)}>
39
+ <div className={cn("inline-flex w-full flex-col gap-2", wrapperClassName)}>
39
40
  {label && (
40
41
  <label
41
42
  htmlFor={id}
package/src/theme/themes/variable.css CHANGED
@@ -197,34 +197,34 @@
197
197
  --state-success-text-pressed-skyller: #166534;
198
198
  --state-warning-default-xspector: #ffc107;
199
199
  --state-warning-default-report-xspector-light-mode: #ffc107;
200
- --state-warning-default-skyller: #fbbf24;
200
+ --state-warning-default-skyller: #f59e0b;
201
201
  --state-warning-hover-xspector: #ffdf1b;
202
202
  --state-warning-hover-report-xspector-light-mode: #ffdf1b;
203
- --state-warning-hover-skyller: #fde68a;
203
+ --state-warning-hover-skyller: #fbbf24;
204
204
  --state-warning-stroke-xspector: rgba(255 193 7 / 0.48);
205
205
  --state-warning-stroke-report-xspector-light-mode: rgba(255 223 27 / 0.48);
206
- --state-warning-stroke-skyller: rgba(251 191 36 / 0.48);
206
+ --state-warning-stroke-skyller: rgba(245 158 11 / 0.48);
207
207
  --state-warning-hover-bg-xspector: rgba(255 193 7 / 0.08);
208
208
  --state-warning-hover-bg-report-xspector-light-mode: rgba(255 193 7 / 0.08);
209
- --state-warning-hover-bg-skyller: rgba(253 230 138 / 0.08);
209
+ --state-warning-hover-bg-skyller: rgba(251 191 36 / 0.08);
210
210
  --state-warning-pressed-xspector: #985108;
211
211
  --state-warning-pressed-report-xspector-light-mode: #985108;
212
- --state-warning-pressed-skyller: #f59e0b;
212
+ --state-warning-pressed-skyller: #d97706;
213
213
  --state-warning-active-xspector: #ffc107;
214
214
  --state-warning-active-report-xspector-light-mode: #ffc107;
215
- --state-warning-active-skyller: #d97706;
215
+ --state-warning-active-skyller: #b45309;
216
216
  --state-warning-text-solid-xspector: #212b36;
217
217
  --state-warning-text-solid-report-xspector-light-mode: #ffffff;
218
218
  --state-warning-text-solid-skyller: #ffffff;
219
219
  --state-warning-text-outline-xspector: #ffc107;
220
220
  --state-warning-text-outline-report-xspector-light-mode: #ffc107;
221
- --state-warning-text-outline-skyller: #fbbf24;
221
+ --state-warning-text-outline-skyller: #f59e0b;
222
222
  --state-warning-text-hover-xspector: #ffdf1b;
223
223
  --state-warning-text-hover-report-xspector-light-mode: #ffdf1b;
224
- --state-warning-text-hover-skyller: #fde68a;
224
+ --state-warning-text-hover-skyller: #fbbf24;
225
225
  --state-warning-text-pressed-xspector: #985108;
226
226
  --state-warning-text-pressed-report-xspector-light-mode: #985108;
227
- --state-warning-text-pressed-skyller: #f59e0b;
227
+ --state-warning-text-pressed-skyller: #d97706;
228
228
  --state-error-default-xspector: #ff4d35;
229
229
  --state-error-default-report-xspector-light-mode: #ed2f15;
230
230
  --state-error-default-skyller: #ef4444;
@@ -827,19 +827,19 @@
827
827
  --modal-overlay-skyller: rgba(0 0 0 / 0.64);
828
828
  --bg-bg1-xspector: #030c15;
829
829
  --bg-bg1-report-xspector-light-mode: #ffffff;
830
- --bg-bg1-skyller: #2563eb;
830
+ --bg-bg1-skyller: #ffffff;
831
831
  --bg-bg2-xspector: #0a1b2e;
832
832
  --bg-bg2-report-xspector-light-mode: #ffffff;
833
833
  --bg-bg2-skyller: #f8fbff;
834
- --bg-bg3-xspector: #000000;
835
- --bg-bg3-report-xspector-light-mode: #d8d8d8;
836
- --bg-bg3-skyller: #f5f5f5;
837
- --bg-stroke1-xspector: #000000;
834
+ --bg-bg3-xspector: #0e2841;
835
+ --bg-bg3-report-xspector-light-mode: #ffffff;
836
+ --bg-bg3-skyller: #f8fbff;
837
+ --bg-stroke1-xspector: #1c3955;
838
838
  --bg-stroke1-report-xspector-light-mode: #e2e2e2;
839
- --bg-stroke1-skyller: #e5e5e5;
840
- --bg-stroke2-xspector: #000000;
841
- --bg-stroke2-report-xspector-light-mode: #c5c5c5;
842
- --bg-stroke2-skyller: #d4d4d4;
839
+ --bg-stroke1-skyller: #ececec;
840
+ --bg-stroke2-xspector: #294664;
841
+ --bg-stroke2-report-xspector-light-mode: #e5e5e5;
842
+ --bg-stroke2-skyller: #e5e5e5;
843
843
  --input-default-text-xspector: #9e9e9e;
844
844
  --input-default-text-report-xspector-light-mode: #9e9e9e;
845
845
  --input-default-text-skyller: #737373;
@@ -1038,21 +1038,21 @@
1038
1038
  --modal-line-xspector: rgba(158 158 158 / 0.24);
1039
1039
  --modal-line-report-xspector-light-mode: #cfcfcf;
1040
1040
  --modal-line-skyller: #d4d4d4;
1041
- --bg-bg4-xspector: #000000;
1042
- --bg-bg4-report-xspector-light-mode: #d8d8d8;
1043
- --bg-bg4-skyller: #f5f5f5;
1041
+ --bg-bg4-xspector: #0f2a46;
1042
+ --bg-bg4-report-xspector-light-mode: #ffffff;
1043
+ --bg-bg4-skyller: #ffffff;
1044
1044
  --bg-bg5-xspector: #000000;
1045
- --bg-bg5-report-xspector-light-mode: #d8d8d8;
1046
- --bg-bg5-skyller: #f5f5f5;
1045
+ --bg-bg5-report-xspector-light-mode: #000000;
1046
+ --bg-bg5-skyller: #000000;
1047
1047
  --bg-stroke3-xspector: #000000;
1048
- --bg-stroke3-report-xspector-light-mode: #c5c5c5;
1049
- --bg-stroke3-skyller: #d4d4d4;
1048
+ --bg-stroke3-report-xspector-light-mode: #000000;
1049
+ --bg-stroke3-skyller: #000000;
1050
1050
  --bg-stroke4-xspector: #000000;
1051
- --bg-stroke4-report-xspector-light-mode: #c5c5c5;
1052
- --bg-stroke4-skyller: #d4d4d4;
1051
+ --bg-stroke4-report-xspector-light-mode: #000000;
1052
+ --bg-stroke4-skyller: #000000;
1053
1053
  --bg-stroke5-xspector: #000000;
1054
- --bg-stroke5-report-xspector-light-mode: #c5c5c5;
1055
- --bg-stroke5-skyller: #d4d4d4;
1054
+ --bg-stroke5-report-xspector-light-mode: #000000;
1055
+ --bg-stroke5-skyller: #000000;
1056
1056
 
1057
1057
  /* BUTTON RADIUS */
1058
1058
  --button-l-round: 8px;