@finema/core 2.45.0 → 2.47.0
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.
- package/dist/module.json +1 -1
- package/dist/module.mjs +13 -4
- package/dist/runtime/styles/main.css +1 -1
- package/dist/runtime/theme/dialog.d.ts +1 -1
- package/dist/runtime/theme/dialog.js +15 -8
- package/dist/runtime/theme/modal.d.ts +0 -8
- package/dist/runtime/theme/modal.js +0 -11
- package/package.json +3 -3
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import * as lodash from 'lodash-es';
|
|
|
4
4
|
import * as theme from '../dist/runtime/theme/index.js';
|
|
5
5
|
|
|
6
6
|
const name = "@finema/core";
|
|
7
|
-
const version = "2.
|
|
7
|
+
const version = "2.47.0";
|
|
8
8
|
|
|
9
9
|
const nuxtAppOptions = {
|
|
10
10
|
head: {
|
|
@@ -93,7 +93,14 @@ const module = defineNuxtModule({
|
|
|
93
93
|
_nuxt.options.ui = defu(_nuxt.options.ui || {}, {
|
|
94
94
|
theme: {
|
|
95
95
|
colors: [
|
|
96
|
-
"white"
|
|
96
|
+
"white",
|
|
97
|
+
"primary",
|
|
98
|
+
"secondary",
|
|
99
|
+
"tertiary",
|
|
100
|
+
"info",
|
|
101
|
+
"success",
|
|
102
|
+
"warning",
|
|
103
|
+
"error"
|
|
97
104
|
]
|
|
98
105
|
}
|
|
99
106
|
});
|
|
@@ -109,7 +116,8 @@ const module = defineNuxtModule({
|
|
|
109
116
|
info: "info",
|
|
110
117
|
warning: "warning",
|
|
111
118
|
error: "error",
|
|
112
|
-
neutral: "slate"
|
|
119
|
+
neutral: "slate",
|
|
120
|
+
white: "white"
|
|
113
121
|
},
|
|
114
122
|
...theme
|
|
115
123
|
};
|
|
@@ -153,7 +161,8 @@ const module = defineNuxtModule({
|
|
|
153
161
|
"info",
|
|
154
162
|
"success",
|
|
155
163
|
"warning",
|
|
156
|
-
"error"
|
|
164
|
+
"error",
|
|
165
|
+
"white"
|
|
157
166
|
]
|
|
158
167
|
}
|
|
159
168
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import "tailwindcss";@import "@nuxt/ui";@plugin "@tailwindcss/typography";@source inline("prose");@theme{--font-sans:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif;--font-display:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif}
|
|
1
|
+
@import "tailwindcss";@import "@nuxt/ui";@plugin "@tailwindcss/typography";@source inline("prose");@theme{--font-sans:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif;--font-display:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif}:root{--ui-text:var(--ui-color-neutral-800);--color-warning:#f79009;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success:#17b26a;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-error:#e11d48;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#f0899f;--color-error-300:#eb6582;--color-error-400:#e64065;--color-error-500:#e11d48;--color-error-600:#af1738;--color-error-700:#7e1028;--color-error-800:#4c0a18;--color-error-900:#1a0308;--color-error-950:#010000;--color-info:#2563eb;--color-info-50:#dde9ff;--color-info-100:#c8dfff;--color-info-200:#a1c4ff;--color-info-300:#7aa9ff;--color-info-400:#538eff;--color-info-500:#2563eb;--color-info-600:#1a4aaf;--color-info-700:#0f318a;--color-info-800:#081f65;--color-info-900:#020b3a;--color-info-950:#000;--color-white:#fff;--color-white-50:#fff;--color-white-100:#fff;--color-white-200:#fff;--color-white-300:#fff;--color-white-400:#fff;--color-white-500:#fff;--color-white-600:#e3e3e3;--color-white-700:#c7c7c7;--color-white-800:#ababab;--color-white-900:#8f8f8f;--color-white-950:#818181}html{@apply text-sm lg:text-base;font-family:Noto Sans Thai,Noto Sans Thai Looped,Public Sans,sans-serif}::-webkit-scrollbar{-webkit-appearance:none;height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}:root{--dp-font-family:inherit!important}.dp__theme_light{--dp-primary-color:var(--color-primary)!important;--dp-primary-disabled-color:var(--color-primary-200)!important}.dp__outer_menu_wrap{@apply ring-1 ring-gray-200}[role=dialog]{pointer-events:auto!important}#__nuxt,body,html{@apply w-full h-full}.dp__main{display:block!important}.dp__menu{border:none!important}.dp__pointer{height:44px!important}.dp__outer_menu_wrap{box-shadow:none!important}.dp--menu-wrapper{@apply ring-1 ring-slate-300}
|
|
@@ -11,12 +11,12 @@ export declare const dialogTheme: {
|
|
|
11
11
|
base: string[];
|
|
12
12
|
overlay: string;
|
|
13
13
|
iconWrapper: string;
|
|
14
|
-
icon: string;
|
|
15
14
|
wrapper: string;
|
|
16
15
|
confirmColor: string;
|
|
17
16
|
title: string;
|
|
18
17
|
description: string;
|
|
19
18
|
buttonGroup: string;
|
|
19
|
+
icon: string;
|
|
20
20
|
confirmButton: string;
|
|
21
21
|
cancelButton: string;
|
|
22
22
|
};
|
|
@@ -9,17 +9,24 @@ export const dialogTheme = {
|
|
|
9
9
|
},
|
|
10
10
|
slots: {
|
|
11
11
|
base: [
|
|
12
|
-
"
|
|
13
|
-
"
|
|
12
|
+
"flex shadow-lg ring ring-default z-[100] text-sm fixed w-full max-h-[85vh] translate-x-0 translate-y-0 rounded-t-xl rounded-b-none bg-white p-[25px] focus:outline-none",
|
|
13
|
+
"flex-col justify-start items-start space-x-0",
|
|
14
|
+
// Mobile default (bottom sheet style)
|
|
15
|
+
"top-auto bottom-0 left-0 right-0",
|
|
16
|
+
// Desktop styles (centered modal)
|
|
17
|
+
"md:!top-[50%] md:!left-[50%] md:!bottom-auto md:!right-auto",
|
|
18
|
+
"md:w-[90vw] md:max-w-[500px]",
|
|
19
|
+
"md:translate-x-[-50%] md:translate-y-[-50%]",
|
|
20
|
+
"md:rounded-lg md:space-x-4"
|
|
14
21
|
],
|
|
15
|
-
overlay: "bg-black/50 backdrop-blur",
|
|
22
|
+
overlay: "fixed inset-0 bg-black/50 backdrop-blur",
|
|
16
23
|
iconWrapper: "rounded-full size-[48px] flex justify-center items-center",
|
|
17
|
-
|
|
18
|
-
wrapper: "justify-start items-start",
|
|
24
|
+
wrapper: "flex flex-col w-full justify-start items-start",
|
|
19
25
|
confirmColor: "info",
|
|
20
|
-
title: "mt-4",
|
|
21
|
-
description: "whitespace-pre-line",
|
|
22
|
-
buttonGroup: "justify-center w-full mt-6",
|
|
26
|
+
title: "font-bold text-lg mt-4",
|
|
27
|
+
description: "text-neutral-400 text-sm whitespace-pre-line",
|
|
28
|
+
buttonGroup: "flex items-center space-x-3 mt-4 justify-center w-full mt-6",
|
|
29
|
+
icon: "size-6",
|
|
23
30
|
confirmButton: "w-full justify-center",
|
|
24
31
|
cancelButton: "w-full justify-center"
|
|
25
32
|
},
|
|
@@ -2,18 +2,7 @@ export const modalTheme = {
|
|
|
2
2
|
slots: {
|
|
3
3
|
overlay: "bg-[#0C111D]/60 backdrop-blur",
|
|
4
4
|
title: "text-xl font-bold",
|
|
5
|
-
content: [
|
|
6
|
-
"divide-none overflow-visible flex flex-col",
|
|
7
|
-
"max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:right-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:w-full max-sm:max-w-full max-sm:h-auto max-sm:max-h-[90dvh] max-sm:rounded-b-none max-sm:rounded-t-lg"
|
|
8
|
-
],
|
|
9
5
|
body: "!pt-0 overflow-y-auto flex-1 overflow-x-visible",
|
|
10
6
|
footer: "w-full"
|
|
11
|
-
},
|
|
12
|
-
variants: {
|
|
13
|
-
fullscreen: {
|
|
14
|
-
false: {
|
|
15
|
-
content: "overflow-visible"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
7
|
}
|
|
19
8
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@finema/core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.47.0",
|
|
4
4
|
"repository": "https://gitlab.finema.co/finema/ui-kit",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Finema Dev Core Team",
|
|
@@ -89,6 +89,6 @@
|
|
|
89
89
|
"vue-tsc": "^3.0.4"
|
|
90
90
|
},
|
|
91
91
|
"lint-staged": {
|
|
92
|
-
"*": "eslint
|
|
92
|
+
"*": "eslint"
|
|
93
93
|
}
|
|
94
|
-
}
|
|
94
|
+
}
|