@hebatzy/ui 0.0.0-stage → 0.3.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/README.md +69 -2
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +396 -0
- package/dist/index.mjs +1235 -0
- package/dist/module.cjs +37 -0
- package/dist/module.d.cts +5 -0
- package/dist/module.d.mts +5 -0
- package/dist/module.d.ts +5 -0
- package/dist/module.mjs +35 -0
- package/dist/styles.css +1 -0
- package/dist/theme.css +79 -0
- package/package.json +58 -3
package/dist/module.cjs
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const kit = require('@nuxt/kit');
|
|
4
|
+
|
|
5
|
+
const module$1 = kit.defineNuxtModule({
|
|
6
|
+
meta: {
|
|
7
|
+
name: "@hebatzy/ui",
|
|
8
|
+
configKey: "hebaUi",
|
|
9
|
+
compatibility: { nuxt: ">=3.0.0" }
|
|
10
|
+
},
|
|
11
|
+
defaults: {},
|
|
12
|
+
setup(_options, nuxt) {
|
|
13
|
+
nuxt.options.css.push("@hebatzy/ui/styles");
|
|
14
|
+
kit.addPluginTemplate({
|
|
15
|
+
filename: "heba-ui-toast.mjs",
|
|
16
|
+
getContents: () => `
|
|
17
|
+
import { defineNuxtPlugin } from '#app'
|
|
18
|
+
import { createToastState, TOAST_STATE_KEY } from '@hebatzy/ui'
|
|
19
|
+
|
|
20
|
+
export default defineNuxtPlugin((nuxtApp) => {
|
|
21
|
+
const toastState = createToastState()
|
|
22
|
+
nuxtApp.vueApp.provide(TOAST_STATE_KEY, toastState)
|
|
23
|
+
})
|
|
24
|
+
`.trimStart()
|
|
25
|
+
});
|
|
26
|
+
const componentNames = ["HebaBadge", "HebaButton", "HebaInput", "HebaModal", "HebaSelect2", "HebaToast", "HebaToastContainer"];
|
|
27
|
+
for (const name of componentNames) {
|
|
28
|
+
kit.addComponent({
|
|
29
|
+
name,
|
|
30
|
+
export: name,
|
|
31
|
+
filePath: "@hebatzy/ui"
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
module.exports = module$1;
|
package/dist/module.d.ts
ADDED
package/dist/module.mjs
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { defineNuxtModule, addPluginTemplate, addComponent } from '@nuxt/kit';
|
|
2
|
+
|
|
3
|
+
const module$1 = defineNuxtModule({
|
|
4
|
+
meta: {
|
|
5
|
+
name: "@hebatzy/ui",
|
|
6
|
+
configKey: "hebaUi",
|
|
7
|
+
compatibility: { nuxt: ">=3.0.0" }
|
|
8
|
+
},
|
|
9
|
+
defaults: {},
|
|
10
|
+
setup(_options, nuxt) {
|
|
11
|
+
nuxt.options.css.push("@hebatzy/ui/styles");
|
|
12
|
+
addPluginTemplate({
|
|
13
|
+
filename: "heba-ui-toast.mjs",
|
|
14
|
+
getContents: () => `
|
|
15
|
+
import { defineNuxtPlugin } from '#app'
|
|
16
|
+
import { createToastState, TOAST_STATE_KEY } from '@hebatzy/ui'
|
|
17
|
+
|
|
18
|
+
export default defineNuxtPlugin((nuxtApp) => {
|
|
19
|
+
const toastState = createToastState()
|
|
20
|
+
nuxtApp.vueApp.provide(TOAST_STATE_KEY, toastState)
|
|
21
|
+
})
|
|
22
|
+
`.trimStart()
|
|
23
|
+
});
|
|
24
|
+
const componentNames = ["HebaBadge", "HebaButton", "HebaInput", "HebaModal", "HebaSelect2", "HebaToast", "HebaToastContainer"];
|
|
25
|
+
for (const name of componentNames) {
|
|
26
|
+
addComponent({
|
|
27
|
+
name,
|
|
28
|
+
export: name,
|
|
29
|
+
filePath: "@hebatzy/ui"
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
export { module$1 as default };
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--heba-color-black:#000;--heba-color-white:#fff;--heba-spacing:.25rem;--heba-container-sm:24rem;--heba-container-md:28rem;--heba-container-lg:32rem;--heba-text-xs:.75rem;--heba-text-xs--line-height:calc(1 / .75);--heba-text-sm:.875rem;--heba-text-sm--line-height:calc(1.25 / .875);--heba-text-base:1rem;--heba-text-base--line-height: 1.5 ;--heba-text-lg:1.125rem;--heba-text-lg--line-height:calc(1.75 / 1.125);--heba-font-weight-medium:500;--heba-font-weight-semibold:600;--heba-font-weight-bold:700;--heba-leading-snug:1.375;--heba-leading-relaxed:1.625;--heba-radius-sm:.25rem;--heba-radius-md:.375rem;--heba-radius-lg:.5rem;--heba-radius-xl:.75rem;--heba-radius-2xl:1rem;--heba-ease-in:cubic-bezier(.4, 0, 1, 1);--heba-ease-out:cubic-bezier(0, 0, .2, 1);--heba-animate-spin:spin 1s linear infinite;--heba-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--heba-default-transition-duration:.15s;--heba-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--heba-color-info-100:#dbeafe;--heba-color-info-500:#3b8af0;--heba-color-info-600:#2f80ed;--heba-color-info-700:#2466c7;--heba-color-success-100:#d1fae0;--heba-color-success-500:#2bad65;--heba-color-success-600:#219653;--heba-color-success-700:#19733f;--heba-color-warning-100:#fff9c4;--heba-color-warning-600:#fdd835;--heba-color-warning-700:#fbc02d;--heba-color-warning-800:#f9a825;--heba-color-danger-50:#fef2f2;--heba-color-danger-100:#fee2e2;--heba-color-danger-200:#fecaca;--heba-color-danger-500:#e85a5a;--heba-color-danger-600:#da4545;--heba-color-danger-700:#b83232;--heba-color-secondary-50:#fafafa;--heba-color-secondary-100:#f4f4f5;--heba-color-secondary-200:#e4e4e7;--heba-color-secondary-300:#d4d4d8;--heba-color-secondary-400:#a1a1aa;--heba-color-secondary-500:#71717a;--heba-color-secondary-600:#52525b;--heba-color-secondary-700:#3f3f46;--heba-color-secondary-900:#18181b}.heba\:pointer-events-auto{pointer-events:auto}.heba\:pointer-events-none{pointer-events:none}.heba\:absolute{position:absolute}.heba\:fixed{position:fixed}.heba\:relative{position:relative}.heba\:inset-0{top:0;right:0;bottom:0;left:0}.heba\:inset-x-0{inset-inline:0}.heba\:top-4{top:calc(var(--heba-spacing) * 4)}.heba\:top-full{top:100%}.heba\:right-2\.5{right:calc(var(--heba-spacing) * 2.5)}.heba\:right-3{right:calc(var(--heba-spacing) * 3)}.heba\:right-4{right:calc(var(--heba-spacing) * 4)}.heba\:bottom-full{bottom:100%}.heba\:left-2\.5{left:calc(var(--heba-spacing) * 2.5)}.heba\:left-3{left:calc(var(--heba-spacing) * 3)}.heba\:z-50{z-index:50}.heba\:z-\[9999\]{z-index:9999}.heba\:mt-1{margin-top:var(--heba-spacing)}.heba\:-mr-0\.5{margin-right:calc(var(--heba-spacing) * -.5)}.heba\:mb-1{margin-bottom:var(--heba-spacing)}.heba\:ml-0\.5{margin-left:calc(var(--heba-spacing) * .5)}.heba\:block{display:block}.heba\:flex{display:flex}.heba\:inline-flex{display:inline-flex}.heba\:h-2\.5{height:calc(var(--heba-spacing) * 2.5)}.heba\:h-3{height:calc(var(--heba-spacing) * 3)}.heba\:h-3\.5{height:calc(var(--heba-spacing) * 3.5)}.heba\:h-4{height:calc(var(--heba-spacing) * 4)}.heba\:h-8{height:calc(var(--heba-spacing) * 8)}.heba\:h-9{height:calc(var(--heba-spacing) * 9)}.heba\:max-h-60{max-height:calc(var(--heba-spacing) * 60)}.heba\:min-h-10{min-height:calc(var(--heba-spacing) * 10)}.heba\:w-1{width:var(--heba-spacing)}.heba\:w-3{width:calc(var(--heba-spacing) * 3)}.heba\:w-3\.5{width:calc(var(--heba-spacing) * 3.5)}.heba\:w-4{width:calc(var(--heba-spacing) * 4)}.heba\:w-8{width:calc(var(--heba-spacing) * 8)}.heba\:w-12{width:calc(var(--heba-spacing) * 12)}.heba\:w-28{width:calc(var(--heba-spacing) * 28)}.heba\:w-full{width:100%}.heba\:max-w-full{max-width:100%}.heba\:max-w-lg{max-width:var(--heba-container-lg)}.heba\:max-w-md{max-width:var(--heba-container-md)}.heba\:max-w-sm{max-width:var(--heba-container-sm)}.heba\:min-w-0{min-width:0}.heba\:min-w-72{min-width:calc(var(--heba-spacing) * 72)}.heba\:flex-1{flex:1}.heba\:shrink-0{flex-shrink:0}.heba\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.heba\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.heba\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.heba\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.heba\:rotate-180{rotate:180deg}.heba\:animate-pulse{animation:var(--heba-animate-pulse)}.heba\:animate-spin{animation:var(--heba-animate-spin)}.heba\:cursor-default{cursor:default}.heba\:cursor-not-allowed{cursor:not-allowed}.heba\:cursor-pointer{cursor:pointer}.heba\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.heba\:flex-col{flex-direction:column}.heba\:flex-wrap{flex-wrap:wrap}.heba\:items-center{align-items:center}.heba\:items-start{align-items:flex-start}.heba\:justify-between{justify-content:space-between}.heba\:justify-center{justify-content:center}.heba\:justify-end{justify-content:flex-end}.heba\:gap-1{gap:var(--heba-spacing)}.heba\:gap-1\.5{gap:calc(var(--heba-spacing) * 1.5)}.heba\:gap-2{gap:calc(var(--heba-spacing) * 2)}.heba\:gap-3{gap:calc(var(--heba-spacing) * 3)}.heba\:self-stretch{align-self:stretch}.heba\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.heba\:overflow-hidden{overflow:hidden}.heba\:overflow-y-auto{overflow-y:auto}.heba\:rounded{border-radius:.25rem}.heba\:rounded-2xl{border-radius:var(--heba-radius-2xl)}.heba\:rounded-full{border-radius:3.40282e38px}.heba\:rounded-lg{border-radius:var(--heba-radius-lg)}.heba\:rounded-md{border-radius:var(--heba-radius-md)}.heba\:rounded-none{border-radius:0}.heba\:rounded-sm{border-radius:var(--heba-radius-sm)}.heba\:rounded-xl{border-radius:var(--heba-radius-xl)}.heba\:rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.heba\:border{border-style:var(--tw-border-style);border-width:1px}.heba\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.heba\:border-danger-200{border-color:var(--heba-color-danger-200)}.heba\:border-danger-500{border-color:var(--heba-color-danger-500)}.heba\:border-info-500{border-color:var(--heba-color-info-500)}.heba\:border-secondary-100{border-color:var(--heba-color-secondary-100)}.heba\:border-secondary-200{border-color:var(--heba-color-secondary-200)}.heba\:border-secondary-300{border-color:var(--heba-color-secondary-300)}.heba\:bg-black\/40{background-color:var(--heba-color-black)}@supports (color:color-mix(in lab,red,red)){.heba\:bg-black\/40{background-color:color-mix(in oklab,var(--heba-color-black) 40%,transparent)}}.heba\:bg-danger-50{background-color:var(--heba-color-danger-50)}.heba\:bg-danger-500{background-color:var(--heba-color-danger-500)}.heba\:bg-danger-600{background-color:var(--heba-color-danger-600)}.heba\:bg-info-500{background-color:var(--heba-color-info-500)}.heba\:bg-info-600{background-color:var(--heba-color-info-600)}.heba\:bg-secondary-50{background-color:var(--heba-color-secondary-50)}.heba\:bg-secondary-100{background-color:var(--heba-color-secondary-100)}.heba\:bg-secondary-200{background-color:var(--heba-color-secondary-200)}.heba\:bg-secondary-300{background-color:var(--heba-color-secondary-300)}.heba\:bg-success-500{background-color:var(--heba-color-success-500)}.heba\:bg-success-600{background-color:var(--heba-color-success-600)}.heba\:bg-warning-600{background-color:var(--heba-color-warning-600)}.heba\:bg-warning-800{background-color:var(--heba-color-warning-800)}.heba\:bg-white{background-color:var(--heba-color-white)}.heba\:p-0\.5{padding:calc(var(--heba-spacing) * .5)}.heba\:p-2{padding:calc(var(--heba-spacing) * 2)}.heba\:p-4{padding:calc(var(--heba-spacing) * 4)}.heba\:px-2{padding-inline:calc(var(--heba-spacing) * 2)}.heba\:px-2\.5{padding-inline:calc(var(--heba-spacing) * 2.5)}.heba\:px-3{padding-inline:calc(var(--heba-spacing) * 3)}.heba\:px-4{padding-inline:calc(var(--heba-spacing) * 4)}.heba\:px-6{padding-inline:calc(var(--heba-spacing) * 6)}.heba\:py-0\.5{padding-block:calc(var(--heba-spacing) * .5)}.heba\:py-1{padding-block:var(--heba-spacing)}.heba\:py-1\.5{padding-block:calc(var(--heba-spacing) * 1.5)}.heba\:py-2{padding-block:calc(var(--heba-spacing) * 2)}.heba\:py-3{padding-block:calc(var(--heba-spacing) * 3)}.heba\:py-4{padding-block:calc(var(--heba-spacing) * 4)}.heba\:py-6{padding-block:calc(var(--heba-spacing) * 6)}.heba\:pt-2{padding-top:calc(var(--heba-spacing) * 2)}.heba\:pt-6{padding-top:calc(var(--heba-spacing) * 6)}.heba\:pr-4{padding-right:calc(var(--heba-spacing) * 4)}.heba\:pr-8{padding-right:calc(var(--heba-spacing) * 8)}.heba\:pb-0{padding-bottom:0}.heba\:pb-6{padding-bottom:calc(var(--heba-spacing) * 6)}.heba\:pl-8{padding-left:calc(var(--heba-spacing) * 8)}.heba\:pl-9{padding-left:calc(var(--heba-spacing) * 9)}.heba\:text-center{text-align:center}.heba\:text-base{font-size:var(--heba-text-base);line-height:var(--tw-leading,var(--heba-text-base--line-height))}.heba\:text-lg{font-size:var(--heba-text-lg);line-height:var(--tw-leading,var(--heba-text-lg--line-height))}.heba\:text-sm{font-size:var(--heba-text-sm);line-height:var(--tw-leading,var(--heba-text-sm--line-height))}.heba\:text-xs{font-size:var(--heba-text-xs);line-height:var(--tw-leading,var(--heba-text-xs--line-height))}.heba\:leading-relaxed{--tw-leading:var(--heba-leading-relaxed);line-height:var(--heba-leading-relaxed)}.heba\:leading-snug{--tw-leading:var(--heba-leading-snug);line-height:var(--heba-leading-snug)}.heba\:font-bold{--tw-font-weight:var(--heba-font-weight-bold);font-weight:var(--heba-font-weight-bold)}.heba\:font-medium{--tw-font-weight:var(--heba-font-weight-medium);font-weight:var(--heba-font-weight-medium)}.heba\:font-semibold{--tw-font-weight:var(--heba-font-weight-semibold);font-weight:var(--heba-font-weight-semibold)}.heba\:text-black{color:var(--heba-color-black)}.heba\:text-danger-100{color:var(--heba-color-danger-100)}.heba\:text-danger-500{color:var(--heba-color-danger-500)}.heba\:text-danger-600{color:var(--heba-color-danger-600)}.heba\:text-danger-700{color:var(--heba-color-danger-700)}.heba\:text-info-100{color:var(--heba-color-info-100)}.heba\:text-info-600{color:var(--heba-color-info-600)}.heba\:text-info-700{color:var(--heba-color-info-700)}.heba\:text-secondary-300{color:var(--heba-color-secondary-300)}.heba\:text-secondary-400{color:var(--heba-color-secondary-400)}.heba\:text-secondary-500{color:var(--heba-color-secondary-500)}.heba\:text-secondary-700{color:var(--heba-color-secondary-700)}.heba\:text-secondary-900{color:var(--heba-color-secondary-900)}.heba\:text-success-100{color:var(--heba-color-success-100)}.heba\:text-warning-100{color:var(--heba-color-warning-100)}.heba\:text-white{color:var(--heba-color-white)}.heba\:underline-offset-2{text-underline-offset:2px}.heba\:opacity-0{opacity:0}.heba\:opacity-25{opacity:.25}.heba\:opacity-50{opacity:.5}.heba\:opacity-60{opacity:.6}.heba\:opacity-75{opacity:.75}.heba\:opacity-100{opacity:1}.heba\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.heba\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.heba\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.heba\:ring-danger-200{--tw-ring-color:var(--heba-color-danger-200)}.heba\:ring-info-100{--tw-ring-color:var(--heba-color-info-100)}.heba\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--heba-default-transition-timing-function));transition-duration:var(--tw-duration,var(--heba-default-transition-duration))}.heba\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--heba-default-transition-timing-function));transition-duration:var(--tw-duration,var(--heba-default-transition-duration))}.heba\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--heba-default-transition-timing-function));transition-duration:var(--tw-duration,var(--heba-default-transition-duration))}.heba\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--heba-default-transition-timing-function));transition-duration:var(--tw-duration,var(--heba-default-transition-duration))}.heba\:duration-150{--tw-duration:.15s;transition-duration:.15s}.heba\:duration-200{--tw-duration:.2s;transition-duration:.2s}.heba\:duration-300{--tw-duration:.3s;transition-duration:.3s}.heba\:ease-in{--tw-ease:var(--heba-ease-in);transition-timing-function:var(--heba-ease-in)}.heba\:ease-out{--tw-ease:var(--heba-ease-out);transition-timing-function:var(--heba-ease-out)}.heba\:outline-none{--tw-outline-style:none;outline-style:none}.heba\:placeholder\:text-secondary-400::placeholder{color:var(--heba-color-secondary-400)}.heba\:read-only\:cursor-default:read-only{cursor:default}@media(hover:hover){.heba\:hover\:bg-danger-50:hover{background-color:var(--heba-color-danger-50)}.heba\:hover\:bg-danger-700:hover{background-color:var(--heba-color-danger-700)}.heba\:hover\:bg-info-700:hover{background-color:var(--heba-color-info-700)}.heba\:hover\:bg-secondary-100:hover{background-color:var(--heba-color-secondary-100)}.heba\:hover\:bg-secondary-200:hover{background-color:var(--heba-color-secondary-200)}.heba\:hover\:bg-success-700:hover{background-color:var(--heba-color-success-700)}.heba\:hover\:bg-warning-700:hover{background-color:var(--heba-color-warning-700)}.heba\:hover\:text-secondary-600:hover{color:var(--heba-color-secondary-600)}.heba\:hover\:underline:hover{text-decoration-line:underline}.heba\:hover\:opacity-100:hover{opacity:1}}.heba\:focus\:border-danger-500:focus{border-color:var(--heba-color-danger-500)}.heba\:focus\:border-info-500:focus{border-color:var(--heba-color-info-500)}.heba\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.heba\:focus\:ring-danger-200:focus{--tw-ring-color:var(--heba-color-danger-200)}.heba\:focus\:ring-info-100:focus{--tw-ring-color:var(--heba-color-info-100)}.heba\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.heba\:disabled\:bg-secondary-100:disabled{background-color:var(--heba-color-secondary-100)}.heba\:disabled\:text-secondary-400:disabled{color:var(--heba-color-secondary-400)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
package/dist/theme.css
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
/* info */
|
|
3
|
+
--color-info-50: #eff6ff;
|
|
4
|
+
--color-info-100: #dbeafe;
|
|
5
|
+
--color-info-200: #bfdbfe;
|
|
6
|
+
--color-info-300: #93c5fd;
|
|
7
|
+
--color-info-400: #60a5fa;
|
|
8
|
+
--color-info-500: #3b8af0;
|
|
9
|
+
--color-info-600: #2f80ed;
|
|
10
|
+
--color-info-700: #2466c7;
|
|
11
|
+
--color-info-800: #1e4f99;
|
|
12
|
+
--color-info-900: #1e3a70;
|
|
13
|
+
--color-info-950: #172747;
|
|
14
|
+
|
|
15
|
+
/* Success */
|
|
16
|
+
--color-success-50: #ecfdf3;
|
|
17
|
+
--color-success-100: #d1fae0;
|
|
18
|
+
--color-success-200: #a7f3c4;
|
|
19
|
+
--color-success-300: #6ee7a0;
|
|
20
|
+
--color-success-400: #42c77d;
|
|
21
|
+
--color-success-500: #2bad65;
|
|
22
|
+
--color-success-600: #219653;
|
|
23
|
+
--color-success-700: #19733f;
|
|
24
|
+
--color-success-800: #166136;
|
|
25
|
+
--color-success-900: #14532d;
|
|
26
|
+
--color-success-950: #052e16;
|
|
27
|
+
|
|
28
|
+
/* Warning */
|
|
29
|
+
--color-warning-50: #fffde7;
|
|
30
|
+
--color-warning-100: #fff9c4;
|
|
31
|
+
--color-warning-200: #fff59d;
|
|
32
|
+
--color-warning-300: #fff176;
|
|
33
|
+
--color-warning-400: #ffee58;
|
|
34
|
+
--color-warning-500: #ffeb3b;
|
|
35
|
+
--color-warning-600: #fdd835;
|
|
36
|
+
--color-warning-700: #fbc02d;
|
|
37
|
+
--color-warning-800: #f9a825;
|
|
38
|
+
--color-warning-900: #f57f17;
|
|
39
|
+
|
|
40
|
+
/* Danger */
|
|
41
|
+
--color-danger-50: #fef2f2;
|
|
42
|
+
--color-danger-100: #fee2e2;
|
|
43
|
+
--color-danger-200: #fecaca;
|
|
44
|
+
--color-danger-300: #fca5a5;
|
|
45
|
+
--color-danger-400: #f87171;
|
|
46
|
+
--color-danger-500: #e85a5a;
|
|
47
|
+
--color-danger-600: #da4545;
|
|
48
|
+
--color-danger-700: #b83232;
|
|
49
|
+
--color-danger-800: #982b2b;
|
|
50
|
+
--color-danger-900: #7f2525;
|
|
51
|
+
--color-danger-950: #450a0a;
|
|
52
|
+
|
|
53
|
+
/* Secondary */
|
|
54
|
+
--color-secondary-50: #fafafa;
|
|
55
|
+
--color-secondary-100: #f4f4f5;
|
|
56
|
+
--color-secondary-200: #e4e4e7;
|
|
57
|
+
--color-secondary-300: #d4d4d8;
|
|
58
|
+
--color-secondary-400: #a1a1aa;
|
|
59
|
+
--color-secondary-500: #71717a;
|
|
60
|
+
--color-secondary-600: #52525b;
|
|
61
|
+
--color-secondary-700: #3f3f46;
|
|
62
|
+
--color-secondary-800: #27272a;
|
|
63
|
+
--color-secondary-900: #18181b;
|
|
64
|
+
--color-secondary-950: #09090b;
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
/* Gold */
|
|
68
|
+
--color-gold-50: #fdf4e5;
|
|
69
|
+
--color-gold-100: #f3e2bf;
|
|
70
|
+
--color-gold-200: #e3cf9f;
|
|
71
|
+
--color-gold-300: #d9bd82;
|
|
72
|
+
--color-gold-400: #cfad6b;
|
|
73
|
+
--color-gold-500: #b8955a;
|
|
74
|
+
--color-gold-600: #a17f3f;
|
|
75
|
+
--color-gold-700: #8a6a2e;
|
|
76
|
+
--color-gold-800: #705525;
|
|
77
|
+
--color-gold-900: #59451f;
|
|
78
|
+
--color-gold-950: #3d2e15;
|
|
79
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,61 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hebatzy/ui",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"
|
|
5
|
-
"description": "
|
|
3
|
+
"version": "0.3.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"description": "Shared UI components for all Heba applications",
|
|
6
|
+
"main": "./dist/index.cjs",
|
|
7
|
+
"module": "./dist/index.mjs",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"import": "./dist/index.mjs",
|
|
13
|
+
"require": "./dist/index.cjs"
|
|
14
|
+
},
|
|
15
|
+
"./nuxt": {
|
|
16
|
+
"types": "./dist/module.d.ts",
|
|
17
|
+
"import": "./dist/module.mjs",
|
|
18
|
+
"require": "./dist/module.cjs"
|
|
19
|
+
},
|
|
20
|
+
"./styles": "./dist/styles.css",
|
|
21
|
+
"./theme.css": "./dist/theme.css"
|
|
22
|
+
},
|
|
23
|
+
"files": [
|
|
24
|
+
"dist"
|
|
25
|
+
],
|
|
26
|
+
"scripts": {
|
|
27
|
+
"build": "vite build && cp src/styles/theme.css dist/theme.css && unbuild",
|
|
28
|
+
"build:stub": "unbuild --stub",
|
|
29
|
+
"dev": "unbuild --stub",
|
|
30
|
+
"prepack": "yarn build",
|
|
31
|
+
"test": "vitest run",
|
|
32
|
+
"test:watch": "vitest",
|
|
33
|
+
"typecheck": "vue-tsc --noEmit"
|
|
34
|
+
},
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"@nuxt/kit": "^4.6.2",
|
|
37
|
+
"@nuxt/schema": "^4.6.2"
|
|
38
|
+
},
|
|
39
|
+
"devDependencies": {
|
|
40
|
+
"@tailwindcss/vite": "^4.3.3",
|
|
41
|
+
"@vitejs/plugin-vue": "^5.2.4",
|
|
42
|
+
"@vue/test-utils": "2.5.1",
|
|
43
|
+
"happy-dom": "21.0.3",
|
|
44
|
+
"nuxt": "^4.6.2",
|
|
45
|
+
"tailwindcss": "^4.3.3",
|
|
46
|
+
"typescript": "^5.9.3",
|
|
47
|
+
"unbuild": "^3.6.1",
|
|
48
|
+
"vite": "^6.4.4",
|
|
49
|
+
"vite-plugin-dts": "^4.5.4",
|
|
50
|
+
"vitest": "5.0.5",
|
|
51
|
+
"vue": "^3.5.44",
|
|
52
|
+
"vue-tsc": "^2.2.10"
|
|
53
|
+
},
|
|
54
|
+
"peerDependencies": {
|
|
55
|
+
"nuxt": ">=3.0.0",
|
|
56
|
+
"vue": ">=3.3.0"
|
|
57
|
+
},
|
|
58
|
+
"publishConfig": {
|
|
59
|
+
"access": "public"
|
|
60
|
+
}
|
|
6
61
|
}
|