@finema/finework-layer 0.2.58 → 0.2.60

package/.playground/app/pages/layout-admin.vue

@@ -6,29 +6,6 @@
     root-app-path="/layout-admin"
   >
     <NuxtLayout>
-      <TeleportSafe to="#page-filters">
-        <div class="mb-4 flex items-center justify-between gap-1">
-          <div class="font-bold">
-            Filters
-            <Badge
-              v-if="countForm"
-              class="size-6 items-center justify-center rounded-full"
-              :label="countForm"
-            />
-          </div>
-          <Button
-            label="Clear all"
-            variant="ghost"
-            class="text-muted p-0 text-sm"
-            @click="form.resetForm()"
-          />
-        </div>
-        <FormFields
-          :form="form"
-          :options="formFields"
-          class="grid w-full gap-x-3"
-        />
-      </TeleportSafe>
       <div class="mb-4 flex gap-4">
         <FormFields
           :form="form"

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [0.2.60](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.59...0.2.60) (2025-11-18)
+
+## [0.2.59](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.58...0.2.59) (2025-11-18)
+
 ## [0.2.58](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.57...0.2.58) (2025-11-18)
 
 ## [0.2.57](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.56...0.2.57) (2025-11-18)

package/app/app.config.ts

@@ -37,7 +37,6 @@ export default defineAppConfig({
         label: ' font-bold  ',
         leadingIcon: 'hover:!text-primary',
       },
-
       variants: {
         variant: {
           pill: {
@@ -53,13 +52,13 @@ export default defineAppConfig({
         },
         orientation: {
           horizontal: {
-            root: 'flex-col ',
+            root: 'flex-col',
             list: 'w-full ',
             indicator: 'left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) ',
             trigger: 'justify-center ',
           },
           vertical: {
-            list: 'flex-col  gap-1 ',
+            list: 'flex-col',
             trigger: '!px-3 py-2 text-sm gap-3',
             indicator: 'top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position) ',
           },
@@ -88,7 +87,7 @@ export default defineAppConfig({
           variant: 'pill',
           class: {
             indicator: 'inset-x-1',
-            list: 'items-center',
+            list: 'items-center gap-3 xl:gap-5',
             root: 'p-4 bg-white rounded-xl',
             label: 'text-[#344054]',
             trigger: 'data-[state=active]:bg-[#F9FAFB]',
@@ -107,7 +106,7 @@ export default defineAppConfig({
           orientation: 'vertical',
           variant: 'link',
           class: {
-            list: 'border-none -ms-px',
+            list: 'border-none -ms-px gap-1',
             indicator: '-start-px w-px !w-[2px] !left-[-2px]',
           },
         },

package/app/assets/css/main.css

@@ -1,7 +1,74 @@
 @import "tailwindcss";
 
+@theme static{
+  --color-main: #1570EF;
+  --color-main-50: #EFF8FF;
+  --color-main-100: #D1E9FF;
+  --color-main-200: #B2DDFF;
+  --color-main-300: #84CAFF;
+  --color-main-400: #53B1FD;
+  --color-main-500: #2E90FA;
+  --color-main-600: #1570EF;
+  --color-main-700: #175CD3;
+  --color-main-800: #1849A9;
+  --color-main-900: #194185;
+  --color-main-950: #102A56;
+
+  --color-warning: #DC6803;
+  --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: #079455;
+  --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: #AF1738;
+  --color-error-50: #FEF3F2;
+  --color-error-100: #FEE4E2;
+  --color-error-200: #FECDCA;
+  --color-error-300: #FDA29B;
+  --color-error-400: #F97066;
+  --color-error-500: #F04438;
+  --color-error-600: #D92D20;
+  --color-error-700: #B42318;
+  --color-error-800: #912018;
+  --color-error-900: #7A271A;
+  --color-error-950: #55160C;
+
+  --color-gray: #475467;
+  --color-gray-50: #F9FAFB;
+  --color-gray-100: #F2F4F7;
+  --color-gray-200: #EAECF0;
+  --color-gray-300: #D0D5DD;
+  --color-gray-400: #98A2B3;
+  --color-gray-500: #667085;
+  --color-gray-600: #475467;
+  --color-gray-700: #344054;
+  --color-gray-800: #182230;
+  --color-gray-900: #101828;
+  --color-gray-950: #0C111D;
+}
 :root {
   --color-background: var(--color-gray-50);
+  --ui-primary: var(--color-primary-600);
 }
 
 body {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "0.2.58",
+  "version": "0.2.60",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",