aq-fe-framework 0.1.1024 → 0.1.1026

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 (17) hide show
  1. package/dist/Customtabs.module-RMUG5QY4.module.css +93 -0
  2. package/dist/{chunk-DRUHKWPQ.mjs → chunk-3IS6U7OY.mjs} +10 -16
  3. package/dist/components/index.mjs +2 -2
  4. package/dist/const/index.mjs +1 -1
  5. package/dist/core/index.mjs +2 -2
  6. package/dist/css.module-4ICLUKPO.module.css +107 -0
  7. package/dist/modules-features/index.mjs +2 -2
  8. package/dist/shared/index.mjs +2 -2
  9. package/package.json +2 -4
  10. package/dist/components/index.css +0 -165
  11. package/dist/core/index.css +0 -165
  12. package/dist/modules-features/index.css +0 -165
  13. package/dist/shared/index.css +0 -165
  14. package/src/components/Layouts/HeaderMegaMenu/css.module.css +0 -50
  15. package/src/core/navigation/CustomTabs/Customtabs.module.css +0 -51
  16. package/src/providers/mantine.module.css +0 -21
  17. package/dist/{chunk-OHAOJE5F.mjs → chunk-C74M5VPE.mjs} +1 -1
package/dist/Customtabs.module-RMUG5QY4.module.css ADDED
@@ -0,0 +1,93 @@
1
+ .tab {
2
+ position: relative;
3
+ border: 1px solid var(--mantine-color-gray-2);
4
+ }
5
+ [data-mantine-color-scheme='dark'] .tab {
6
+ border: 1px solid var(--mantine-color-dark-4);
7
+ }
8
+ .tab {
9
+ background-color: var(--mantine-color-gray-3);
10
+ }
11
+ [data-mantine-color-scheme='dark'] .tab {
12
+ background-color: var(--mantine-color-dark-7);
13
+ }
14
+
15
+ .tab:first-of-type {
16
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
17
+ }
18
+
19
+ [dir="rtl"] .tab:first-of-type {
20
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
21
+ }
22
+
23
+ .tab:last-of-type {
24
+ border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
25
+ }
26
+
27
+ [dir="rtl"] .tab:last-of-type {
28
+ border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
29
+ }
30
+
31
+ .tab + .tab {
32
+ /* border-left-width: 0; */
33
+ }
34
+
35
+ [dir="rtl"] .tab + .tab {
36
+ border-right-width: 0;
37
+ border-left-width: calc(0.0625rem * var(--mantine-scale));
38
+ }
39
+
40
+ @media (hover: hover) {
41
+ .tab:hover {
42
+ background-color: var(--mantine-color-gray-0);
43
+ }
44
+ [data-mantine-color-scheme='dark'] .tab:hover {
45
+ background-color: var(--mantine-color-dark-9);
46
+ }
47
+ }
48
+
49
+ @media (hover: none) {
50
+ .tab:active {
51
+ background-color: var(--mantine-color-gray-0);
52
+ }
53
+ [data-mantine-color-scheme='dark'] .tab:active {
54
+ background-color: var(--mantine-color-dark-9);
55
+ }
56
+ }
57
+
58
+ .tab[data-active] {
59
+ z-index: 1;
60
+ background-color:var(--mantine-color-white);
61
+ /* border-color: var(--mantine-color-blue-filled); */
62
+
63
+ /* @mixin hover {
64
+ background-color: var(--mantine-color-blue-filled-hover);
65
+ } */
66
+ }
67
+
68
+ [data-mantine-color-scheme='dark'] .tab[data-active] {
69
+ background-color:var(--mantine-color-dark-4);
70
+ }
71
+
72
+ .tab[data-active] {
73
+ color: var(--mantine-color-blue-8);
74
+ }
75
+
76
+ [data-mantine-color-scheme='dark'] .tab[data-active] {
77
+ color: var(--mantine-color-blue-4);
78
+ }
79
+
80
+
81
+ .panel {
82
+ background-color: var(--mantine-color-white); /* màu xám nhạt */ /* đảm bảo phủ toàn bộ chiều cao */
83
+ }
84
+
85
+
86
+ [data-mantine-color-scheme='dark'] .panel {
87
+ background-color: var(--mantine-color-dark-4);
88
+ }
89
+
90
+
91
+ .panel {
92
+ min-height: 100%;
93
+ }
package/dist/{chunk-DRUHKWPQ.mjs → chunk-3IS6U7OY.mjs} RENAMED
@@ -31,7 +31,7 @@ import {
31
31
  import {
32
32
  const_object_colors,
33
33
  const_object_documentTypes
34
- } from "./chunk-OHAOJE5F.mjs";
34
+ } from "./chunk-C74M5VPE.mjs";
35
35
  import {
36
36
  enumLabel_gender,
37
37
  enum_daysOfWeek
@@ -6910,12 +6910,12 @@ function MonthGridDay({ day, isFirstWeek, isLastWeek }) {
6910
6910
  ];
6911
6911
  const [wrapperClasses, setWrapperClasses] = d2(baseClasses);
6912
6912
  y2(() => {
6913
- const classes = [...baseClasses];
6913
+ const classes3 = [...baseClasses];
6914
6914
  if (dayMonth !== selectedDateMonth)
6915
- classes.push("is-leading-or-trailing");
6915
+ classes3.push("is-leading-or-trailing");
6916
6916
  if ($app.datePickerState.selectedDate.value === day.date)
6917
- classes.push("is-selected");
6918
- setWrapperClasses(classes);
6917
+ classes3.push("is-selected");
6918
+ setWrapperClasses(classes3);
6919
6919
  }, [$app.datePickerState.selectedDate.value]);
6920
6920
  const getNumberOfNonDisplayedEvents = () => {
6921
6921
  return Object.values(day.events).slice($app.config.monthGridOptions.value.nEventsPerDay).filter((event) => event === DATE_GRID_BLOCKER || typeof event === "object").length;
@@ -17343,9 +17343,7 @@ import {
17343
17343
  IconSearch as IconSearch6
17344
17344
  } from "@tabler/icons-react";
17345
17345
  import Link4 from "next/link.js";
17346
-
17347
- // src/components/Layouts/HeaderMegaMenu/css.module.css
17348
- var css_default = {};
17346
+ import classes from "./css.module-4ICLUKPO.module.css";
17349
17347
 
17350
17348
  // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenuStore.ts
17351
17349
  var useStore6 = createGenericStore({
@@ -17396,7 +17394,7 @@ function HeaderMegaMenu({ children, menus }) {
17396
17394
  const [linksOpened, { toggle: toggleLinks }] = useDisclosure19(false);
17397
17395
  const HeaderMegaMenuStore = useHeaderMegaMenuStore();
17398
17396
  const theme = useMantineTheme();
17399
- const links = mockdata.map((item) => /* @__PURE__ */ jsx215(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs124(Group33, { wrap: "nowrap", align: "flex-start", children: [
17397
+ const links = mockdata.map((item) => /* @__PURE__ */ jsx215(UnstyledButton, { className: classes.subLink, children: /* @__PURE__ */ jsxs124(Group33, { wrap: "nowrap", align: "flex-start", children: [
17400
17398
  /* @__PURE__ */ jsx215(ThemeIcon2, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx215(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
17401
17399
  /* @__PURE__ */ jsxs124("div", { children: [
17402
17400
  /* @__PURE__ */ jsx215(Text23, { size: "sm", fw: 500, children: item.title }),
@@ -17404,7 +17402,7 @@ function HeaderMegaMenu({ children, menus }) {
17404
17402
  ] })
17405
17403
  ] }) }, item.title));
17406
17404
  return /* @__PURE__ */ jsxs124(Box7, { children: [
17407
- /* @__PURE__ */ jsx215("header", { className: css_default.header, children: /* @__PURE__ */ jsxs124(Group33, { justify: "space-between", h: "100%", children: [
17405
+ /* @__PURE__ */ jsx215("header", { className: classes.header, children: /* @__PURE__ */ jsxs124(Group33, { justify: "space-between", h: "100%", children: [
17408
17406
  /* @__PURE__ */ jsxs124(Group33, { children: [
17409
17407
  /* @__PURE__ */ jsx215(Image5, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
17410
17408
  /* @__PURE__ */ jsx215(Group33, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx215(Button24, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
@@ -18511,11 +18509,7 @@ function MyFlexEnd2(_a) {
18511
18509
 
18512
18510
  // src/core/navigation/CustomTabs/CustomTabs.tsx
18513
18511
  import { Paper as Paper16, Tabs as Tabs5, Text as Text31 } from "@mantine/core";
18514
-
18515
- // src/core/navigation/CustomTabs/Customtabs.module.css
18516
- var Customtabs_default = {};
18517
-
18518
- // src/core/navigation/CustomTabs/CustomTabs.tsx
18512
+ import classes2 from "./Customtabs.module-RMUG5QY4.module.css";
18519
18513
  import { jsx as jsx242, jsxs as jsxs135 } from "react/jsx-runtime";
18520
18514
  var tabColors = [
18521
18515
  { color: "blue" },
@@ -18526,7 +18520,7 @@ var tabColors = [
18526
18520
  ];
18527
18521
  function CustomTabs(_a) {
18528
18522
  var _b = _a, { tabs } = _b, rest = __objRest(_b, ["tabs"]);
18529
- return /* @__PURE__ */ jsx242(Paper16, { bg: const_object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsxs135(Tabs5, __spreadProps(__spreadValues({ defaultValue: "gallery", color: "lime", variant: "outline", h: "55vh", classNames: Customtabs_default }, rest), { children: [
18523
+ return /* @__PURE__ */ jsx242(Paper16, { bg: const_object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsxs135(Tabs5, __spreadProps(__spreadValues({ defaultValue: "gallery", color: "lime", variant: "outline", h: "55vh", classNames: classes2 }, rest), { children: [
18530
18524
  /* @__PURE__ */ jsx242(Tabs5.List, { children: tabs.map((item, index) => {
18531
18525
  const colors = tabColors[index];
18532
18526
  return /* @__PURE__ */ jsx242(
package/dist/components/index.mjs CHANGED
@@ -69,13 +69,13 @@ import {
69
69
  useHeaderMegaMenuStore,
70
70
  useS_ButtonImport,
71
71
  useStore_BasicAppShell
72
- } from "../chunk-DRUHKWPQ.mjs";
72
+ } from "../chunk-3IS6U7OY.mjs";
73
73
  import "../chunk-WW55EZ4B.mjs";
74
74
  import "../chunk-KGBXMHKR.mjs";
75
75
  import "../chunk-7ZI7IOEP.mjs";
76
76
  import "../chunk-NYAWQRB7.mjs";
77
77
  import "../chunk-BTITP4TN.mjs";
78
- import "../chunk-OHAOJE5F.mjs";
78
+ import "../chunk-C74M5VPE.mjs";
79
79
  import "../chunk-J4WTZ3B4.mjs";
80
80
  import "../chunk-Z76CSZFI.mjs";
81
81
  import "../chunk-WZ6PXGGC.mjs";
package/dist/const/index.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  const_object_colors,
6
6
  const_object_documentTypes,
7
7
  const_object_generalMenuData
8
- } from "../chunk-OHAOJE5F.mjs";
8
+ } from "../chunk-C74M5VPE.mjs";
9
9
  import "../chunk-JD6AELXS.mjs";
10
10
  export {
11
11
  const_aqModuleId,
package/dist/core/index.mjs CHANGED
@@ -32,13 +32,13 @@ import {
32
32
  MyStatsCard,
33
33
  MyTextInput2 as MyTextInput,
34
34
  MyWeeklySessionSchedulerPicker
35
- } from "../chunk-DRUHKWPQ.mjs";
35
+ } from "../chunk-3IS6U7OY.mjs";
36
36
  import "../chunk-WW55EZ4B.mjs";
37
37
  import "../chunk-KGBXMHKR.mjs";
38
38
  import "../chunk-7ZI7IOEP.mjs";
39
39
  import "../chunk-NYAWQRB7.mjs";
40
40
  import "../chunk-BTITP4TN.mjs";
41
- import "../chunk-OHAOJE5F.mjs";
41
+ import "../chunk-C74M5VPE.mjs";
42
42
  import "../chunk-J4WTZ3B4.mjs";
43
43
  import "../chunk-Z76CSZFI.mjs";
44
44
  import "../chunk-WZ6PXGGC.mjs";
package/dist/css.module-4ICLUKPO.module.css ADDED
@@ -0,0 +1,107 @@
1
+ .header {
2
+ position: sticky; /* Giúp header dính trên cùng */
3
+ top: 0;
4
+ z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
5
+ height: calc(3.75rem * var(--mantine-scale));
6
+ background-color: var(--mantine-color-white);
7
+ }
8
+ [data-mantine-color-scheme='dark'] .header {
9
+ background-color: var(--mantine-color-dark);
10
+ }
11
+ .header {
12
+ padding-left: var(--mantine-spacing-md);
13
+ padding-right: var(--mantine-spacing-md);
14
+ border-bottom: 1px solid var(--mantine-color-gray-3);
15
+ }
16
+ [data-mantine-color-scheme='dark'] .header {
17
+ border-bottom: 1px solid var(--mantine-color-dark-4);
18
+ }
19
+
20
+ .link {
21
+ display: flex;
22
+ align-items: center;
23
+ height: 100%;
24
+ padding-left: var(--mantine-spacing-md);
25
+ padding-right: var(--mantine-spacing-md);
26
+ text-decoration: none;
27
+ color: var(--mantine-color-black);
28
+ }
29
+
30
+ [data-mantine-color-scheme='dark'] .link {
31
+ color: var(--mantine-color-white);
32
+ }
33
+
34
+ .link {
35
+ font-weight: 500;
36
+ font-size: var(--mantine-font-size-sm);
37
+ }
38
+
39
+ @media (max-width: $mantine-breakpoint-sm) {
40
+
41
+ .link {
42
+ height: calc(2.625rem * var(--mantine-scale));
43
+ width: 100%
44
+ }
45
+ }
46
+
47
+ @media (hover: hover) {
48
+ .link:hover {
49
+ background-color: var(--mantine-color-gray-0);
50
+ }
51
+ [data-mantine-color-scheme='dark'] .link:hover {
52
+ background-color: var(--mantine-color-dark-6);
53
+ }
54
+ }
55
+
56
+ @media (hover: none) {
57
+ .link:active {
58
+ background-color: var(--mantine-color-gray-0);
59
+ }
60
+ [data-mantine-color-scheme='dark'] .link:active {
61
+ background-color: var(--mantine-color-dark-6);
62
+ }
63
+ }
64
+
65
+ .subLink {
66
+ width: 100%;
67
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
68
+ border-radius: var(--mantine-radius-md);
69
+ }
70
+
71
+ @media (hover: hover) {
72
+ .subLink:hover {
73
+ background-color: var(--mantine-color-gray-0);
74
+ }
75
+ [data-mantine-color-scheme='dark'] .subLink:hover {
76
+ background-color: var(--mantine-color-dark-7);
77
+ }
78
+ }
79
+
80
+ @media (hover: none) {
81
+ .subLink:active {
82
+ background-color: var(--mantine-color-gray-0);
83
+ }
84
+ [data-mantine-color-scheme='dark'] .subLink:active {
85
+ background-color: var(--mantine-color-dark-7);
86
+ }
87
+ }
88
+
89
+ .dropdownFooter {
90
+ background-color: var(--mantine-color-gray-0);
91
+ }
92
+
93
+ [data-mantine-color-scheme='dark'] .dropdownFooter {
94
+ background-color: var(--mantine-color-dark-7);
95
+ }
96
+
97
+ .dropdownFooter {
98
+ margin: calc(var(--mantine-spacing-md) * -1);
99
+ margin-top: var(--mantine-spacing-sm);
100
+ padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
101
+ padding-bottom: var(--mantine-spacing-xl);
102
+ border-top: 1px solid var(--mantine-color-gray-1);
103
+ }
104
+
105
+ [data-mantine-color-scheme='dark'] .dropdownFooter {
106
+ border-top: 1px solid var(--mantine-color-dark-5);
107
+ }
package/dist/modules-features/index.mjs CHANGED
@@ -97,13 +97,13 @@ import {
97
97
  MailTemplateDeleteButton,
98
98
  useS_moduleConfig,
99
99
  useStore_Authenticate
100
- } from "../chunk-DRUHKWPQ.mjs";
100
+ } from "../chunk-3IS6U7OY.mjs";
101
101
  import "../chunk-WW55EZ4B.mjs";
102
102
  import "../chunk-KGBXMHKR.mjs";
103
103
  import "../chunk-7ZI7IOEP.mjs";
104
104
  import "../chunk-NYAWQRB7.mjs";
105
105
  import "../chunk-BTITP4TN.mjs";
106
- import "../chunk-OHAOJE5F.mjs";
106
+ import "../chunk-C74M5VPE.mjs";
107
107
  import "../chunk-J4WTZ3B4.mjs";
108
108
  import "../chunk-Z76CSZFI.mjs";
109
109
  import "../chunk-WZ6PXGGC.mjs";
package/dist/shared/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import "../chunk-NMY3UEY5.mjs";
2
2
  import {
3
3
  MySelect
4
- } from "../chunk-DRUHKWPQ.mjs";
4
+ } from "../chunk-3IS6U7OY.mjs";
5
5
  import "../chunk-WW55EZ4B.mjs";
6
6
  import "../chunk-KGBXMHKR.mjs";
7
7
  import {
@@ -9,7 +9,7 @@ import {
9
9
  } from "../chunk-7ZI7IOEP.mjs";
10
10
  import "../chunk-NYAWQRB7.mjs";
11
11
  import "../chunk-BTITP4TN.mjs";
12
- import "../chunk-OHAOJE5F.mjs";
12
+ import "../chunk-C74M5VPE.mjs";
13
13
  import {
14
14
  enumLabel_gender,
15
15
  enum_gender
package/package.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "name": "aq-fe-framework",
3
3
  "exports": {
4
- "./style.css": "./dist/style.css",
5
4
  "./utils": {
6
5
  "import": "./dist/utils/index.mjs",
7
6
  "types": "./dist/utils/index.d.mts"
@@ -55,11 +54,10 @@
55
54
  "types": "./dist/build-object/index.d.mts"
56
55
  }
57
56
  },
58
- "version": "0.1.1024",
57
+ "version": "0.1.1026",
59
58
  "private": false,
60
59
  "files": [
61
- "dist",
62
- "src/**/*.module.css"
60
+ "dist"
63
61
  ],
64
62
  "scripts": {
65
63
  "deploy": "node deploy.js",
package/dist/components/index.css DELETED
@@ -1,165 +0,0 @@
1
- /* src/core/navigation/CustomTabs/Customtabs.module.css */
2
- .tab {
3
- position: relative;
4
- border: 1px solid var(--mantine-color-gray-2);
5
- }
6
- [data-mantine-color-scheme=dark] .tab {
7
- border: 1px solid var(--mantine-color-dark-4);
8
- }
9
- .tab {
10
- background-color: var(--mantine-color-gray-3);
11
- }
12
- [data-mantine-color-scheme=dark] .tab {
13
- background-color: var(--mantine-color-dark-7);
14
- }
15
- .tab:first-of-type {
16
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
17
- }
18
- [dir=rtl] .tab:first-of-type {
19
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
20
- }
21
- .tab:last-of-type {
22
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
23
- }
24
- [dir=rtl] .tab:last-of-type {
25
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
26
- }
27
- .tab + .tab {
28
- }
29
- [dir=rtl] .tab + .tab {
30
- border-right-width: 0;
31
- border-left-width: calc(0.0625rem * var(--mantine-scale));
32
- }
33
- @media (hover: hover) {
34
- .tab:hover {
35
- background-color: var(--mantine-color-gray-0);
36
- }
37
- [data-mantine-color-scheme=dark] .tab:hover {
38
- background-color: var(--mantine-color-dark-9);
39
- }
40
- }
41
- @media (hover: none) {
42
- .tab:active {
43
- background-color: var(--mantine-color-gray-0);
44
- }
45
- [data-mantine-color-scheme=dark] .tab:active {
46
- background-color: var(--mantine-color-dark-9);
47
- }
48
- }
49
- .tab[data-active] {
50
- z-index: 1;
51
- background-color: var(--mantine-color-white);
52
- }
53
- [data-mantine-color-scheme=dark] .tab[data-active] {
54
- background-color: var(--mantine-color-dark-4);
55
- }
56
- .tab[data-active] {
57
- color: var(--mantine-color-blue-8);
58
- }
59
- [data-mantine-color-scheme=dark] .tab[data-active] {
60
- color: var(--mantine-color-blue-4);
61
- }
62
- .panel {
63
- background-color: var(--mantine-color-white);
64
- }
65
- [data-mantine-color-scheme=dark] .panel {
66
- background-color: var(--mantine-color-dark-4);
67
- }
68
- .panel {
69
- min-height: 100%;
70
- }
71
-
72
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
73
- .header {
74
- position: sticky;
75
- top: 0;
76
- z-index: 1;
77
- height: calc(3.75rem * var(--mantine-scale));
78
- background-color: var(--mantine-color-white);
79
- }
80
- [data-mantine-color-scheme=dark] .header {
81
- background-color: var(--mantine-color-dark);
82
- }
83
- .header {
84
- padding-left: var(--mantine-spacing-md);
85
- padding-right: var(--mantine-spacing-md);
86
- border-bottom: 1px solid var(--mantine-color-gray-3);
87
- }
88
- [data-mantine-color-scheme=dark] .header {
89
- border-bottom: 1px solid var(--mantine-color-dark-4);
90
- }
91
- .link {
92
- display: flex;
93
- align-items: center;
94
- height: 100%;
95
- padding-left: var(--mantine-spacing-md);
96
- padding-right: var(--mantine-spacing-md);
97
- text-decoration: none;
98
- color: var(--mantine-color-black);
99
- }
100
- [data-mantine-color-scheme=dark] .link {
101
- color: var(--mantine-color-white);
102
- }
103
- .link {
104
- font-weight: 500;
105
- font-size: var(--mantine-font-size-sm);
106
- }
107
- @media (max-width: $mantine-breakpoint-sm) {
108
- .link {
109
- height: calc(2.625rem * var(--mantine-scale));
110
- width: 100%;
111
- }
112
- }
113
- @media (hover: hover) {
114
- .link:hover {
115
- background-color: var(--mantine-color-gray-0);
116
- }
117
- [data-mantine-color-scheme=dark] .link:hover {
118
- background-color: var(--mantine-color-dark-6);
119
- }
120
- }
121
- @media (hover: none) {
122
- .link:active {
123
- background-color: var(--mantine-color-gray-0);
124
- }
125
- [data-mantine-color-scheme=dark] .link:active {
126
- background-color: var(--mantine-color-dark-6);
127
- }
128
- }
129
- .subLink {
130
- width: 100%;
131
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
132
- border-radius: var(--mantine-radius-md);
133
- }
134
- @media (hover: hover) {
135
- .subLink:hover {
136
- background-color: var(--mantine-color-gray-0);
137
- }
138
- [data-mantine-color-scheme=dark] .subLink:hover {
139
- background-color: var(--mantine-color-dark-7);
140
- }
141
- }
142
- @media (hover: none) {
143
- .subLink:active {
144
- background-color: var(--mantine-color-gray-0);
145
- }
146
- [data-mantine-color-scheme=dark] .subLink:active {
147
- background-color: var(--mantine-color-dark-7);
148
- }
149
- }
150
- .dropdownFooter {
151
- background-color: var(--mantine-color-gray-0);
152
- }
153
- [data-mantine-color-scheme=dark] .dropdownFooter {
154
- background-color: var(--mantine-color-dark-7);
155
- }
156
- .dropdownFooter {
157
- margin: calc(var(--mantine-spacing-md) * -1);
158
- margin-top: var(--mantine-spacing-sm);
159
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
160
- padding-bottom: var(--mantine-spacing-xl);
161
- border-top: 1px solid var(--mantine-color-gray-1);
162
- }
163
- [data-mantine-color-scheme=dark] .dropdownFooter {
164
- border-top: 1px solid var(--mantine-color-dark-5);
165
- }
package/dist/core/index.css DELETED
@@ -1,165 +0,0 @@
1
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
- .header {
3
- position: sticky;
4
- top: 0;
5
- z-index: 1;
6
- height: calc(3.75rem * var(--mantine-scale));
7
- background-color: var(--mantine-color-white);
8
- }
9
- [data-mantine-color-scheme=dark] .header {
10
- background-color: var(--mantine-color-dark);
11
- }
12
- .header {
13
- padding-left: var(--mantine-spacing-md);
14
- padding-right: var(--mantine-spacing-md);
15
- border-bottom: 1px solid var(--mantine-color-gray-3);
16
- }
17
- [data-mantine-color-scheme=dark] .header {
18
- border-bottom: 1px solid var(--mantine-color-dark-4);
19
- }
20
- .link {
21
- display: flex;
22
- align-items: center;
23
- height: 100%;
24
- padding-left: var(--mantine-spacing-md);
25
- padding-right: var(--mantine-spacing-md);
26
- text-decoration: none;
27
- color: var(--mantine-color-black);
28
- }
29
- [data-mantine-color-scheme=dark] .link {
30
- color: var(--mantine-color-white);
31
- }
32
- .link {
33
- font-weight: 500;
34
- font-size: var(--mantine-font-size-sm);
35
- }
36
- @media (max-width: $mantine-breakpoint-sm) {
37
- .link {
38
- height: calc(2.625rem * var(--mantine-scale));
39
- width: 100%;
40
- }
41
- }
42
- @media (hover: hover) {
43
- .link:hover {
44
- background-color: var(--mantine-color-gray-0);
45
- }
46
- [data-mantine-color-scheme=dark] .link:hover {
47
- background-color: var(--mantine-color-dark-6);
48
- }
49
- }
50
- @media (hover: none) {
51
- .link:active {
52
- background-color: var(--mantine-color-gray-0);
53
- }
54
- [data-mantine-color-scheme=dark] .link:active {
55
- background-color: var(--mantine-color-dark-6);
56
- }
57
- }
58
- .subLink {
59
- width: 100%;
60
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
61
- border-radius: var(--mantine-radius-md);
62
- }
63
- @media (hover: hover) {
64
- .subLink:hover {
65
- background-color: var(--mantine-color-gray-0);
66
- }
67
- [data-mantine-color-scheme=dark] .subLink:hover {
68
- background-color: var(--mantine-color-dark-7);
69
- }
70
- }
71
- @media (hover: none) {
72
- .subLink:active {
73
- background-color: var(--mantine-color-gray-0);
74
- }
75
- [data-mantine-color-scheme=dark] .subLink:active {
76
- background-color: var(--mantine-color-dark-7);
77
- }
78
- }
79
- .dropdownFooter {
80
- background-color: var(--mantine-color-gray-0);
81
- }
82
- [data-mantine-color-scheme=dark] .dropdownFooter {
83
- background-color: var(--mantine-color-dark-7);
84
- }
85
- .dropdownFooter {
86
- margin: calc(var(--mantine-spacing-md) * -1);
87
- margin-top: var(--mantine-spacing-sm);
88
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
89
- padding-bottom: var(--mantine-spacing-xl);
90
- border-top: 1px solid var(--mantine-color-gray-1);
91
- }
92
- [data-mantine-color-scheme=dark] .dropdownFooter {
93
- border-top: 1px solid var(--mantine-color-dark-5);
94
- }
95
-
96
- /* src/core/navigation/CustomTabs/Customtabs.module.css */
97
- .tab {
98
- position: relative;
99
- border: 1px solid var(--mantine-color-gray-2);
100
- }
101
- [data-mantine-color-scheme=dark] .tab {
102
- border: 1px solid var(--mantine-color-dark-4);
103
- }
104
- .tab {
105
- background-color: var(--mantine-color-gray-3);
106
- }
107
- [data-mantine-color-scheme=dark] .tab {
108
- background-color: var(--mantine-color-dark-7);
109
- }
110
- .tab:first-of-type {
111
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
112
- }
113
- [dir=rtl] .tab:first-of-type {
114
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
115
- }
116
- .tab:last-of-type {
117
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
118
- }
119
- [dir=rtl] .tab:last-of-type {
120
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
121
- }
122
- .tab + .tab {
123
- }
124
- [dir=rtl] .tab + .tab {
125
- border-right-width: 0;
126
- border-left-width: calc(0.0625rem * var(--mantine-scale));
127
- }
128
- @media (hover: hover) {
129
- .tab:hover {
130
- background-color: var(--mantine-color-gray-0);
131
- }
132
- [data-mantine-color-scheme=dark] .tab:hover {
133
- background-color: var(--mantine-color-dark-9);
134
- }
135
- }
136
- @media (hover: none) {
137
- .tab:active {
138
- background-color: var(--mantine-color-gray-0);
139
- }
140
- [data-mantine-color-scheme=dark] .tab:active {
141
- background-color: var(--mantine-color-dark-9);
142
- }
143
- }
144
- .tab[data-active] {
145
- z-index: 1;
146
- background-color: var(--mantine-color-white);
147
- }
148
- [data-mantine-color-scheme=dark] .tab[data-active] {
149
- background-color: var(--mantine-color-dark-4);
150
- }
151
- .tab[data-active] {
152
- color: var(--mantine-color-blue-8);
153
- }
154
- [data-mantine-color-scheme=dark] .tab[data-active] {
155
- color: var(--mantine-color-blue-4);
156
- }
157
- .panel {
158
- background-color: var(--mantine-color-white);
159
- }
160
- [data-mantine-color-scheme=dark] .panel {
161
- background-color: var(--mantine-color-dark-4);
162
- }
163
- .panel {
164
- min-height: 100%;
165
- }
package/dist/modules-features/index.css DELETED
@@ -1,165 +0,0 @@
1
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
2
- .header {
3
- position: sticky;
4
- top: 0;
5
- z-index: 1;
6
- height: calc(3.75rem * var(--mantine-scale));
7
- background-color: var(--mantine-color-white);
8
- }
9
- [data-mantine-color-scheme=dark] .header {
10
- background-color: var(--mantine-color-dark);
11
- }
12
- .header {
13
- padding-left: var(--mantine-spacing-md);
14
- padding-right: var(--mantine-spacing-md);
15
- border-bottom: 1px solid var(--mantine-color-gray-3);
16
- }
17
- [data-mantine-color-scheme=dark] .header {
18
- border-bottom: 1px solid var(--mantine-color-dark-4);
19
- }
20
- .link {
21
- display: flex;
22
- align-items: center;
23
- height: 100%;
24
- padding-left: var(--mantine-spacing-md);
25
- padding-right: var(--mantine-spacing-md);
26
- text-decoration: none;
27
- color: var(--mantine-color-black);
28
- }
29
- [data-mantine-color-scheme=dark] .link {
30
- color: var(--mantine-color-white);
31
- }
32
- .link {
33
- font-weight: 500;
34
- font-size: var(--mantine-font-size-sm);
35
- }
36
- @media (max-width: $mantine-breakpoint-sm) {
37
- .link {
38
- height: calc(2.625rem * var(--mantine-scale));
39
- width: 100%;
40
- }
41
- }
42
- @media (hover: hover) {
43
- .link:hover {
44
- background-color: var(--mantine-color-gray-0);
45
- }
46
- [data-mantine-color-scheme=dark] .link:hover {
47
- background-color: var(--mantine-color-dark-6);
48
- }
49
- }
50
- @media (hover: none) {
51
- .link:active {
52
- background-color: var(--mantine-color-gray-0);
53
- }
54
- [data-mantine-color-scheme=dark] .link:active {
55
- background-color: var(--mantine-color-dark-6);
56
- }
57
- }
58
- .subLink {
59
- width: 100%;
60
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
61
- border-radius: var(--mantine-radius-md);
62
- }
63
- @media (hover: hover) {
64
- .subLink:hover {
65
- background-color: var(--mantine-color-gray-0);
66
- }
67
- [data-mantine-color-scheme=dark] .subLink:hover {
68
- background-color: var(--mantine-color-dark-7);
69
- }
70
- }
71
- @media (hover: none) {
72
- .subLink:active {
73
- background-color: var(--mantine-color-gray-0);
74
- }
75
- [data-mantine-color-scheme=dark] .subLink:active {
76
- background-color: var(--mantine-color-dark-7);
77
- }
78
- }
79
- .dropdownFooter {
80
- background-color: var(--mantine-color-gray-0);
81
- }
82
- [data-mantine-color-scheme=dark] .dropdownFooter {
83
- background-color: var(--mantine-color-dark-7);
84
- }
85
- .dropdownFooter {
86
- margin: calc(var(--mantine-spacing-md) * -1);
87
- margin-top: var(--mantine-spacing-sm);
88
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
89
- padding-bottom: var(--mantine-spacing-xl);
90
- border-top: 1px solid var(--mantine-color-gray-1);
91
- }
92
- [data-mantine-color-scheme=dark] .dropdownFooter {
93
- border-top: 1px solid var(--mantine-color-dark-5);
94
- }
95
-
96
- /* src/core/navigation/CustomTabs/Customtabs.module.css */
97
- .tab {
98
- position: relative;
99
- border: 1px solid var(--mantine-color-gray-2);
100
- }
101
- [data-mantine-color-scheme=dark] .tab {
102
- border: 1px solid var(--mantine-color-dark-4);
103
- }
104
- .tab {
105
- background-color: var(--mantine-color-gray-3);
106
- }
107
- [data-mantine-color-scheme=dark] .tab {
108
- background-color: var(--mantine-color-dark-7);
109
- }
110
- .tab:first-of-type {
111
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
112
- }
113
- [dir=rtl] .tab:first-of-type {
114
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
115
- }
116
- .tab:last-of-type {
117
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
118
- }
119
- [dir=rtl] .tab:last-of-type {
120
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
121
- }
122
- .tab + .tab {
123
- }
124
- [dir=rtl] .tab + .tab {
125
- border-right-width: 0;
126
- border-left-width: calc(0.0625rem * var(--mantine-scale));
127
- }
128
- @media (hover: hover) {
129
- .tab:hover {
130
- background-color: var(--mantine-color-gray-0);
131
- }
132
- [data-mantine-color-scheme=dark] .tab:hover {
133
- background-color: var(--mantine-color-dark-9);
134
- }
135
- }
136
- @media (hover: none) {
137
- .tab:active {
138
- background-color: var(--mantine-color-gray-0);
139
- }
140
- [data-mantine-color-scheme=dark] .tab:active {
141
- background-color: var(--mantine-color-dark-9);
142
- }
143
- }
144
- .tab[data-active] {
145
- z-index: 1;
146
- background-color: var(--mantine-color-white);
147
- }
148
- [data-mantine-color-scheme=dark] .tab[data-active] {
149
- background-color: var(--mantine-color-dark-4);
150
- }
151
- .tab[data-active] {
152
- color: var(--mantine-color-blue-8);
153
- }
154
- [data-mantine-color-scheme=dark] .tab[data-active] {
155
- color: var(--mantine-color-blue-4);
156
- }
157
- .panel {
158
- background-color: var(--mantine-color-white);
159
- }
160
- [data-mantine-color-scheme=dark] .panel {
161
- background-color: var(--mantine-color-dark-4);
162
- }
163
- .panel {
164
- min-height: 100%;
165
- }
package/dist/shared/index.css DELETED
@@ -1,165 +0,0 @@
1
- /* src/core/navigation/CustomTabs/Customtabs.module.css */
2
- .tab {
3
- position: relative;
4
- border: 1px solid var(--mantine-color-gray-2);
5
- }
6
- [data-mantine-color-scheme=dark] .tab {
7
- border: 1px solid var(--mantine-color-dark-4);
8
- }
9
- .tab {
10
- background-color: var(--mantine-color-gray-3);
11
- }
12
- [data-mantine-color-scheme=dark] .tab {
13
- background-color: var(--mantine-color-dark-7);
14
- }
15
- .tab:first-of-type {
16
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
17
- }
18
- [dir=rtl] .tab:first-of-type {
19
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
20
- }
21
- .tab:last-of-type {
22
- border-radius: 0 calc(0.25rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale)) 0;
23
- }
24
- [dir=rtl] .tab:last-of-type {
25
- border-radius: calc(0.25rem * var(--mantine-scale)) 0 0 calc(0.25rem * var(--mantine-scale));
26
- }
27
- .tab + .tab {
28
- }
29
- [dir=rtl] .tab + .tab {
30
- border-right-width: 0;
31
- border-left-width: calc(0.0625rem * var(--mantine-scale));
32
- }
33
- @media (hover: hover) {
34
- .tab:hover {
35
- background-color: var(--mantine-color-gray-0);
36
- }
37
- [data-mantine-color-scheme=dark] .tab:hover {
38
- background-color: var(--mantine-color-dark-9);
39
- }
40
- }
41
- @media (hover: none) {
42
- .tab:active {
43
- background-color: var(--mantine-color-gray-0);
44
- }
45
- [data-mantine-color-scheme=dark] .tab:active {
46
- background-color: var(--mantine-color-dark-9);
47
- }
48
- }
49
- .tab[data-active] {
50
- z-index: 1;
51
- background-color: var(--mantine-color-white);
52
- }
53
- [data-mantine-color-scheme=dark] .tab[data-active] {
54
- background-color: var(--mantine-color-dark-4);
55
- }
56
- .tab[data-active] {
57
- color: var(--mantine-color-blue-8);
58
- }
59
- [data-mantine-color-scheme=dark] .tab[data-active] {
60
- color: var(--mantine-color-blue-4);
61
- }
62
- .panel {
63
- background-color: var(--mantine-color-white);
64
- }
65
- [data-mantine-color-scheme=dark] .panel {
66
- background-color: var(--mantine-color-dark-4);
67
- }
68
- .panel {
69
- min-height: 100%;
70
- }
71
-
72
- /* src/components/Layouts/HeaderMegaMenu/css.module.css */
73
- .header {
74
- position: sticky;
75
- top: 0;
76
- z-index: 1;
77
- height: calc(3.75rem * var(--mantine-scale));
78
- background-color: var(--mantine-color-white);
79
- }
80
- [data-mantine-color-scheme=dark] .header {
81
- background-color: var(--mantine-color-dark);
82
- }
83
- .header {
84
- padding-left: var(--mantine-spacing-md);
85
- padding-right: var(--mantine-spacing-md);
86
- border-bottom: 1px solid var(--mantine-color-gray-3);
87
- }
88
- [data-mantine-color-scheme=dark] .header {
89
- border-bottom: 1px solid var(--mantine-color-dark-4);
90
- }
91
- .link {
92
- display: flex;
93
- align-items: center;
94
- height: 100%;
95
- padding-left: var(--mantine-spacing-md);
96
- padding-right: var(--mantine-spacing-md);
97
- text-decoration: none;
98
- color: var(--mantine-color-black);
99
- }
100
- [data-mantine-color-scheme=dark] .link {
101
- color: var(--mantine-color-white);
102
- }
103
- .link {
104
- font-weight: 500;
105
- font-size: var(--mantine-font-size-sm);
106
- }
107
- @media (max-width: $mantine-breakpoint-sm) {
108
- .link {
109
- height: calc(2.625rem * var(--mantine-scale));
110
- width: 100%;
111
- }
112
- }
113
- @media (hover: hover) {
114
- .link:hover {
115
- background-color: var(--mantine-color-gray-0);
116
- }
117
- [data-mantine-color-scheme=dark] .link:hover {
118
- background-color: var(--mantine-color-dark-6);
119
- }
120
- }
121
- @media (hover: none) {
122
- .link:active {
123
- background-color: var(--mantine-color-gray-0);
124
- }
125
- [data-mantine-color-scheme=dark] .link:active {
126
- background-color: var(--mantine-color-dark-6);
127
- }
128
- }
129
- .subLink {
130
- width: 100%;
131
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
132
- border-radius: var(--mantine-radius-md);
133
- }
134
- @media (hover: hover) {
135
- .subLink:hover {
136
- background-color: var(--mantine-color-gray-0);
137
- }
138
- [data-mantine-color-scheme=dark] .subLink:hover {
139
- background-color: var(--mantine-color-dark-7);
140
- }
141
- }
142
- @media (hover: none) {
143
- .subLink:active {
144
- background-color: var(--mantine-color-gray-0);
145
- }
146
- [data-mantine-color-scheme=dark] .subLink:active {
147
- background-color: var(--mantine-color-dark-7);
148
- }
149
- }
150
- .dropdownFooter {
151
- background-color: var(--mantine-color-gray-0);
152
- }
153
- [data-mantine-color-scheme=dark] .dropdownFooter {
154
- background-color: var(--mantine-color-dark-7);
155
- }
156
- .dropdownFooter {
157
- margin: calc(var(--mantine-spacing-md) * -1);
158
- margin-top: var(--mantine-spacing-sm);
159
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
160
- padding-bottom: var(--mantine-spacing-xl);
161
- border-top: 1px solid var(--mantine-color-gray-1);
162
- }
163
- [data-mantine-color-scheme=dark] .dropdownFooter {
164
- border-top: 1px solid var(--mantine-color-dark-5);
165
- }
package/src/components/Layouts/HeaderMegaMenu/css.module.css DELETED
@@ -1,50 +0,0 @@
1
- .header {
2
- position: sticky; /* Giúp header dính trên cùng */
3
- top: 0;
4
- z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
5
- height: 60px;
6
- background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
7
- padding-left: var(--mantine-spacing-md);
8
- padding-right: var(--mantine-spacing-md);
9
- border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
10
- }
11
-
12
- .link {
13
- display: flex;
14
- align-items: center;
15
- height: 100%;
16
- padding-left: var(--mantine-spacing-md);
17
- padding-right: var(--mantine-spacing-md);
18
- text-decoration: none;
19
- color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
20
- font-weight: 500;
21
- font-size: var(--mantine-font-size-sm);
22
-
23
- @media (max-width: $mantine-breakpoint-sm) {
24
- height: 42px;
25
- width: 100%;
26
- }
27
-
28
- @mixin hover {
29
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
30
- }
31
- }
32
-
33
- .subLink {
34
- width: 100%;
35
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
36
- border-radius: var(--mantine-radius-md);
37
-
38
- @mixin hover {
39
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
40
- }
41
- }
42
-
43
- .dropdownFooter {
44
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
45
- margin: calc(var(--mantine-spacing-md) * -1);
46
- margin-top: var(--mantine-spacing-sm);
47
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
48
- padding-bottom: var(--mantine-spacing-xl);
49
- border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
50
- }
package/src/core/navigation/CustomTabs/Customtabs.module.css DELETED
@@ -1,51 +0,0 @@
1
- .tab {
2
- position: relative;
3
- border: 1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-4));
4
- background-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-7));
5
-
6
- &:first-of-type {
7
- border-radius: 4px 0 0 4px;
8
-
9
- @mixin rtl {
10
- border-radius: 0 4px 4px 0;
11
- }
12
- }
13
-
14
- &:last-of-type {
15
- border-radius: 0 4px 4px 0;
16
-
17
- @mixin rtl {
18
- border-radius: 4px 0 0 4px;
19
- }
20
- }
21
-
22
- & + & {
23
- /* border-left-width: 0; */
24
-
25
- @mixin rtl {
26
- border-right-width: 0;
27
- border-left-width: 1px;
28
- }
29
- }
30
-
31
- @mixin hover {
32
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-9));
33
- }
34
-
35
- &[data-active] {
36
- z-index: 1;
37
- background-color:light-dark(var(--mantine-color-white), var(--mantine-color-dark-4));
38
- /* border-color: var(--mantine-color-blue-filled); */
39
- color: light-dark(var(--mantine-color-blue-8), var(--mantine-color-blue-4));
40
-
41
- /* @mixin hover {
42
- background-color: var(--mantine-color-blue-filled-hover);
43
- } */
44
- }
45
- }
46
-
47
-
48
- .panel {
49
- background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-4)); /* màu xám nhạt */
50
- min-height: 100%; /* đảm bảo phủ toàn bộ chiều cao */
51
- }
package/src/providers/mantine.module.css DELETED
@@ -1,21 +0,0 @@
1
- .input {
2
- &[data-variant="underline"] {
3
- border: 2px solid transparent;
4
- border-radius: 5px;
5
- padding-left: 8px;
6
- padding-right: 8px;
7
- background-color: white;
8
-
9
- &:focus,
10
- &:focus-visible {
11
- border-color: var(--mantine-color-gray-5);
12
- outline: none;
13
- }
14
-
15
- &:active {
16
- border-color: var(--mantine-color-gray-5);
17
- }
18
-
19
- transition: border-color 0.2s ease-in-out;
20
- }
21
- }
package/dist/{chunk-OHAOJE5F.mjs → chunk-C74M5VPE.mjs} RENAMED
@@ -90,10 +90,10 @@ var const_object_generalMenuData = {
90
90
  };
91
91
 
92
92
  export {
93
- const_object_colors,
94
93
  const_array_daysOfWeek,
95
94
  const_aqModuleId,
96
95
  const_columnSize,
96
+ const_object_colors,
97
97
  const_object_documentTypes,
98
98
  const_object_generalMenuData
99
99
  };