analytica-frontend-lib 1.0.25 → 1.0.27

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 (18) hide show
  1. package/dist/Badge/Badge.js +2 -2
  2. package/dist/Badge/Badge.mjs +2 -2
  3. package/dist/Toast/Toast.js +4 -4
  4. package/dist/Toast/Toast.mjs +1 -1
  5. package/dist/Toast/utils/ToastStore.d.mts +1 -1
  6. package/dist/Toast/utils/ToastStore.d.ts +1 -1
  7. package/dist/Toast/utils/Toaster.d.mts +8 -3
  8. package/dist/Toast/utils/Toaster.d.ts +8 -3
  9. package/dist/Toast/utils/Toaster.js +4 -4
  10. package/dist/Toast/utils/Toaster.mjs +1 -1
  11. package/dist/{chunk-MI5FIRHM.mjs → chunk-XJA5HF7B.mjs} +4 -4
  12. package/dist/index.css +17 -10
  13. package/dist/index.d.mts +3 -3
  14. package/dist/index.d.ts +3 -3
  15. package/dist/index.js +6 -6
  16. package/dist/index.mjs +6 -6
  17. package/dist/styles.css +2059 -0
  18. package/package.json +24 -9
package/dist/Badge/Badge.js CHANGED
@@ -41,7 +41,7 @@ var VARIANT_ACTION_CLASSES = {
41
41
  muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
42
42
  },
43
43
  exams: {
44
- exam1: "bg-exam-1 text-info-200 focus-visible:outline-none",
44
+ exam1: "bg-exam-1 text-info-700 focus-visible:outline-none",
45
45
  exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
46
46
  exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
47
47
  exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
@@ -77,7 +77,7 @@ var Badge = ({
77
77
  const sizeClassesIcon = SIZE_CLASSES_ICON[size];
78
78
  const variantActionMap = VARIANT_ACTION_CLASSES[variant] || {};
79
79
  const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
80
- const baseClasses = "inline-flex items-center justify-center rounded-xs font-medium gap-1 relative";
80
+ const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
81
81
  const baseClassesIcon = "flex items-center";
82
82
  if (variant === "notification") {
83
83
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
package/dist/Badge/Badge.mjs CHANGED
@@ -17,7 +17,7 @@ var VARIANT_ACTION_CLASSES = {
17
17
  muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
18
18
  },
19
19
  exams: {
20
- exam1: "bg-exam-1 text-info-200 focus-visible:outline-none",
20
+ exam1: "bg-exam-1 text-info-700 focus-visible:outline-none",
21
21
  exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
22
22
  exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
23
23
  exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
@@ -53,7 +53,7 @@ var Badge = ({
53
53
  const sizeClassesIcon = SIZE_CLASSES_ICON[size];
54
54
  const variantActionMap = VARIANT_ACTION_CLASSES[variant] || {};
55
55
  const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
56
- const baseClasses = "inline-flex items-center justify-center rounded-xs font-medium gap-1 relative";
56
+ const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
57
57
  const baseClassesIcon = "flex items-center";
58
58
  if (variant === "notification") {
59
59
  return /* @__PURE__ */ jsxs(
package/dist/Toast/Toast.js CHANGED
@@ -28,14 +28,14 @@ var import_phosphor_react = require("phosphor-react");
28
28
  var import_jsx_runtime = require("react/jsx-runtime");
29
29
  var VARIANT_ACTION_CLASSES = {
30
30
  solid: {
31
- warning: "bg-warning text-warning-800 border-none focus-visible:outline-none",
31
+ warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
32
32
  success: "bg-success text-success-800 border-none focus-visible:outline-none",
33
- info: "bg-info text-info-800 border-none focus-visible:outline-none"
33
+ info: "bg-info text-info-600 border-none focus-visible:outline-none"
34
34
  },
35
35
  outlined: {
36
- warning: "bg-warning text-warning-800 border border-warning-200 focus-visible:outline-none",
36
+ warning: "bg-warning text-warning-600 border border-warning-300 focus-visible:outline-none",
37
37
  success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
38
- info: "bg-info text-info-800 border border-info-200 focus-visible:outline-none"
38
+ info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
39
39
  }
40
40
  };
41
41
  var iconMap = {
package/dist/Toast/Toast.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Toast
4
- } from "../chunk-MI5FIRHM.mjs";
4
+ } from "../chunk-XJA5HF7B.mjs";
5
5
  export {
6
6
  Toast
7
7
  };
package/dist/Toast/utils/ToastStore.d.mts CHANGED
@@ -16,4 +16,4 @@ type ToastStore = {
16
16
  };
17
17
  declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
18
18
 
19
- export { type ToastData, useToastStore };
19
+ export { useToastStore };
package/dist/Toast/utils/ToastStore.d.ts CHANGED
@@ -16,4 +16,4 @@ type ToastStore = {
16
16
  };
17
17
  declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
18
18
 
19
- export { type ToastData, useToastStore };
19
+ export { useToastStore };
package/dist/Toast/utils/Toaster.d.mts CHANGED
@@ -1,10 +1,15 @@
1
- import { ToastData } from './ToastStore.mjs';
2
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import 'zustand';
4
2
 
5
3
  declare const Toaster: () => react_jsx_runtime.JSX.Element;
6
4
  declare const useToast: () => {
7
- addToast: (toast: Omit<ToastData, "id">) => void;
5
+ addToast: (toast: Omit<{
6
+ id: string;
7
+ title: string;
8
+ description?: string;
9
+ variant?: "solid" | "outlined";
10
+ action?: "warning" | "success" | "info";
11
+ position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "default";
12
+ }, "id">) => void;
8
13
  removeToast: (id: string) => void;
9
14
  };
10
15
 
package/dist/Toast/utils/Toaster.d.ts CHANGED
@@ -1,10 +1,15 @@
1
- import { ToastData } from './ToastStore.js';
2
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import 'zustand';
4
2
 
5
3
  declare const Toaster: () => react_jsx_runtime.JSX.Element;
6
4
  declare const useToast: () => {
7
- addToast: (toast: Omit<ToastData, "id">) => void;
5
+ addToast: (toast: Omit<{
6
+ id: string;
7
+ title: string;
8
+ description?: string;
9
+ variant?: "solid" | "outlined";
10
+ action?: "warning" | "success" | "info";
11
+ position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "default";
12
+ }, "id">) => void;
8
13
  removeToast: (id: string) => void;
9
14
  };
10
15
 
package/dist/Toast/utils/Toaster.js CHANGED
@@ -48,14 +48,14 @@ var import_phosphor_react = require("phosphor-react");
48
48
  var import_jsx_runtime = require("react/jsx-runtime");
49
49
  var VARIANT_ACTION_CLASSES = {
50
50
  solid: {
51
- warning: "bg-warning text-warning-800 border-none focus-visible:outline-none",
51
+ warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
52
52
  success: "bg-success text-success-800 border-none focus-visible:outline-none",
53
- info: "bg-info text-info-800 border-none focus-visible:outline-none"
53
+ info: "bg-info text-info-600 border-none focus-visible:outline-none"
54
54
  },
55
55
  outlined: {
56
- warning: "bg-warning text-warning-800 border border-warning-200 focus-visible:outline-none",
56
+ warning: "bg-warning text-warning-600 border border-warning-300 focus-visible:outline-none",
57
57
  success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
58
- info: "bg-info text-info-800 border border-info-200 focus-visible:outline-none"
58
+ info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
59
59
  }
60
60
  };
61
61
  var iconMap = {
package/dist/Toast/utils/Toaster.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Toast
4
- } from "../../chunk-MI5FIRHM.mjs";
4
+ } from "../../chunk-XJA5HF7B.mjs";
5
5
  import {
6
6
  useToastStore
7
7
  } from "../../chunk-WIOCQOM7.mjs";
package/dist/{chunk-MI5FIRHM.mjs → chunk-XJA5HF7B.mjs} RENAMED
@@ -3,14 +3,14 @@ import { CheckCircle, WarningCircle, Info, X } from "phosphor-react";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
  var VARIANT_ACTION_CLASSES = {
5
5
  solid: {
6
- warning: "bg-warning text-warning-800 border-none focus-visible:outline-none",
6
+ warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
7
7
  success: "bg-success text-success-800 border-none focus-visible:outline-none",
8
- info: "bg-info text-info-800 border-none focus-visible:outline-none"
8
+ info: "bg-info text-info-600 border-none focus-visible:outline-none"
9
9
  },
10
10
  outlined: {
11
- warning: "bg-warning text-warning-800 border border-warning-200 focus-visible:outline-none",
11
+ warning: "bg-warning text-warning-600 border border-warning-300 focus-visible:outline-none",
12
12
  success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
13
- info: "bg-info text-info-800 border border-info-200 focus-visible:outline-none"
13
+ info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
14
14
  }
15
15
  };
16
16
  var iconMap = {
package/dist/index.css CHANGED
@@ -110,12 +110,13 @@
110
110
  --color-error-700: #b91c1c;
111
111
  --color-error-800: #991b1b;
112
112
  --color-warning: #fff9f5;
113
- --color-warning-200: #fecdaa;
114
113
  --color-warning-300: #fdad74;
114
+ --color-warning-600: #d76c1f;
115
115
  --color-warning-800: #824417;
116
116
  --color-info: #ecf8fe;
117
- --color-info-200: #7ccff8;
118
117
  --color-info-300: #57c2f6;
118
+ --color-info-600: #0b8dcd;
119
+ --color-info-700: #0973a8;
119
120
  --color-info-800: #075a83;
120
121
  --color-indicator-primary: #373737;
121
122
  --color-indicator-info: #5399ec;
@@ -464,6 +465,9 @@
464
465
  .block {
465
466
  display: block;
466
467
  }
468
+ .contents {
469
+ display: contents;
470
+ }
467
471
  .flex {
468
472
  display: flex;
469
473
  }
@@ -728,12 +732,12 @@
728
732
  .border-indicator-primary {
729
733
  border-color: var(--color-indicator-primary);
730
734
  }
731
- .border-info-200 {
732
- border-color: var(--color-info-200);
733
- }
734
735
  .border-info-300 {
735
736
  border-color: var(--color-info-300);
736
737
  }
738
+ .border-info-600 {
739
+ border-color: var(--color-info-600);
740
+ }
737
741
  .border-primary-600 {
738
742
  border-color: var(--color-primary-600);
739
743
  }
@@ -758,9 +762,6 @@
758
762
  .border-transparent {
759
763
  border-color: transparent;
760
764
  }
761
- .border-warning-200 {
762
- border-color: var(--color-warning-200);
763
- }
764
765
  .border-warning-300 {
765
766
  border-color: var(--color-warning-300);
766
767
  }
@@ -1007,8 +1008,11 @@
1007
1008
  .text-gray-800 {
1008
1009
  color: var(--color-gray-800);
1009
1010
  }
1010
- .text-info-200 {
1011
- color: var(--color-info-200);
1011
+ .text-info-600 {
1012
+ color: var(--color-info-600);
1013
+ }
1014
+ .text-info-700 {
1015
+ color: var(--color-info-700);
1012
1016
  }
1013
1017
  .text-info-800 {
1014
1018
  color: var(--color-info-800);
@@ -1058,6 +1062,9 @@
1058
1062
  .text-typography-2 {
1059
1063
  color: var(--color-typography-2);
1060
1064
  }
1065
+ .text-warning-600 {
1066
+ color: var(--color-warning-600);
1067
+ }
1061
1068
  .text-warning-800 {
1062
1069
  color: var(--color-warning-800);
1063
1070
  }
package/dist/index.d.mts CHANGED
@@ -486,6 +486,8 @@ type ToastProps = {
486
486
  } & HTMLAttributes<HTMLDivElement>;
487
487
  declare const Toast: ({ variant, action, className, onClose, title, description, position, ...props }: ToastProps) => react_jsx_runtime.JSX.Element;
488
488
 
489
+ declare const Toaster: () => react_jsx_runtime.JSX.Element;
490
+
489
491
  type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default';
490
492
  type ToastData = {
491
493
  id: string;
@@ -502,6 +504,4 @@ type ToastStore = {
502
504
  };
503
505
  declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
504
506
 
505
- declare const Toaster: () => react_jsx_runtime.JSX.Element;
506
-
507
- export { Alert, Badge, Button, CheckBox, DropdownMenu, MenuContent as DropdownMenuContent, MenuItem as DropdownMenuItem, MenuLabel as DropdownMenuLabel, MenuSeparator as DropdownMenuSeparator, DropdownMenuTrigger, IconButton, IconRoundedButton, NavButton, SelectionButton, Table, Text, TextArea, Toast, type ToastData, Toaster, useToastStore };
507
+ export { Alert, Badge, Button, CheckBox, DropdownMenu, MenuContent as DropdownMenuContent, MenuItem as DropdownMenuItem, MenuLabel as DropdownMenuLabel, MenuSeparator as DropdownMenuSeparator, DropdownMenuTrigger, IconButton, IconRoundedButton, NavButton, SelectionButton, Table, Text, TextArea, Toast, Toaster, useToastStore };
package/dist/index.d.ts CHANGED
@@ -486,6 +486,8 @@ type ToastProps = {
486
486
  } & HTMLAttributes<HTMLDivElement>;
487
487
  declare const Toast: ({ variant, action, className, onClose, title, description, position, ...props }: ToastProps) => react_jsx_runtime.JSX.Element;
488
488
 
489
+ declare const Toaster: () => react_jsx_runtime.JSX.Element;
490
+
489
491
  type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default';
490
492
  type ToastData = {
491
493
  id: string;
@@ -502,6 +504,4 @@ type ToastStore = {
502
504
  };
503
505
  declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
504
506
 
505
- declare const Toaster: () => react_jsx_runtime.JSX.Element;
506
-
507
- export { Alert, Badge, Button, CheckBox, DropdownMenu, MenuContent as DropdownMenuContent, MenuItem as DropdownMenuItem, MenuLabel as DropdownMenuLabel, MenuSeparator as DropdownMenuSeparator, DropdownMenuTrigger, IconButton, IconRoundedButton, NavButton, SelectionButton, Table, Text, TextArea, Toast, type ToastData, Toaster, useToastStore };
507
+ export { Alert, Badge, Button, CheckBox, DropdownMenu, MenuContent as DropdownMenuContent, MenuItem as DropdownMenuItem, MenuLabel as DropdownMenuLabel, MenuSeparator as DropdownMenuSeparator, DropdownMenuTrigger, IconButton, IconRoundedButton, NavButton, SelectionButton, Table, Text, TextArea, Toast, Toaster, useToastStore };
package/dist/index.js CHANGED
@@ -169,7 +169,7 @@ var VARIANT_ACTION_CLASSES2 = {
169
169
  muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
170
170
  },
171
171
  exams: {
172
- exam1: "bg-exam-1 text-info-200 focus-visible:outline-none",
172
+ exam1: "bg-exam-1 text-info-700 focus-visible:outline-none",
173
173
  exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
174
174
  exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
175
175
  exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
@@ -205,7 +205,7 @@ var Badge = ({
205
205
  const sizeClassesIcon = SIZE_CLASSES_ICON[size];
206
206
  const variantActionMap = VARIANT_ACTION_CLASSES2[variant] || {};
207
207
  const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
208
- const baseClasses = "inline-flex items-center justify-center rounded-xs font-medium gap-1 relative";
208
+ const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
209
209
  const baseClassesIcon = "flex items-center";
210
210
  if (variant === "notification") {
211
211
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -1157,14 +1157,14 @@ var import_phosphor_react4 = require("phosphor-react");
1157
1157
  var import_jsx_runtime13 = require("react/jsx-runtime");
1158
1158
  var VARIANT_ACTION_CLASSES4 = {
1159
1159
  solid: {
1160
- warning: "bg-warning text-warning-800 border-none focus-visible:outline-none",
1160
+ warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
1161
1161
  success: "bg-success text-success-800 border-none focus-visible:outline-none",
1162
- info: "bg-info text-info-800 border-none focus-visible:outline-none"
1162
+ info: "bg-info text-info-600 border-none focus-visible:outline-none"
1163
1163
  },
1164
1164
  outlined: {
1165
- warning: "bg-warning text-warning-800 border border-warning-200 focus-visible:outline-none",
1165
+ warning: "bg-warning text-warning-600 border border-warning-300 focus-visible:outline-none",
1166
1166
  success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
1167
- info: "bg-info text-info-800 border border-info-200 focus-visible:outline-none"
1167
+ info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
1168
1168
  }
1169
1169
  };
1170
1170
  var iconMap = {
package/dist/index.mjs CHANGED
@@ -124,7 +124,7 @@ var VARIANT_ACTION_CLASSES2 = {
124
124
  muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
125
125
  },
126
126
  exams: {
127
- exam1: "bg-exam-1 text-info-200 focus-visible:outline-none",
127
+ exam1: "bg-exam-1 text-info-700 focus-visible:outline-none",
128
128
  exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
129
129
  exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
130
130
  exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
@@ -160,7 +160,7 @@ var Badge = ({
160
160
  const sizeClassesIcon = SIZE_CLASSES_ICON[size];
161
161
  const variantActionMap = VARIANT_ACTION_CLASSES2[variant] || {};
162
162
  const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
163
- const baseClasses = "inline-flex items-center justify-center rounded-xs font-medium gap-1 relative";
163
+ const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
164
164
  const baseClassesIcon = "flex items-center";
165
165
  if (variant === "notification") {
166
166
  return /* @__PURE__ */ jsxs2(
@@ -1129,14 +1129,14 @@ import { CheckCircle as CheckCircle2, WarningCircle as WarningCircle2, Info as I
1129
1129
  import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
1130
1130
  var VARIANT_ACTION_CLASSES4 = {
1131
1131
  solid: {
1132
- warning: "bg-warning text-warning-800 border-none focus-visible:outline-none",
1132
+ warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
1133
1133
  success: "bg-success text-success-800 border-none focus-visible:outline-none",
1134
- info: "bg-info text-info-800 border-none focus-visible:outline-none"
1134
+ info: "bg-info text-info-600 border-none focus-visible:outline-none"
1135
1135
  },
1136
1136
  outlined: {
1137
- warning: "bg-warning text-warning-800 border border-warning-200 focus-visible:outline-none",
1137
+ warning: "bg-warning text-warning-600 border border-warning-300 focus-visible:outline-none",
1138
1138
  success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
1139
- info: "bg-info text-info-800 border border-info-200 focus-visible:outline-none"
1139
+ info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
1140
1140
  }
1141
1141
  };
1142
1142
  var iconMap = {