@acorex/styles 5.0.52 → 5.0.53

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acorex/styles",
-    "version": "5.0.52",
+    "version": "5.0.53",
     "description": "",
     "main": "index.js",
     "scripts": {

package/src/components/_collapse.scss

@@ -0,0 +1,52 @@
+@layer components {
+    ax-collpase,
+    .ax-collapse {
+        @apply ax-border ax-border-light-200 ax-block ax-text-sm ax-rounded ax-overflow-hidden;
+
+        .ax-collapse-header {
+            @apply ax-cursor-pointer ax-select-none;
+         
+            &.ax-state-collapsed {
+                .ax-collapse-header-container {
+                    @apply ax-border-b-0;
+                    .ax-collapse-arrow {
+                        @apply -ax-rotate-90;
+                    }
+                }
+                .ax-collapse-custom-header-container{
+                    @apply ax-border-b-0;
+                }
+            }
+            .ax-collapse-custom-header-container{
+                @apply ax-bg-light-50 ax-border-b ax-border-light-200;
+            }
+            .ax-collapse-header-container {
+                @apply ax-flex ax-justify-between ax-px-3 ax-py-1.5 ax-bg-light-50 ax-border-b ax-border-light-200;
+                .ax-collapse-arrow {
+                    @apply ax-inline-block ax-text-xl ax-me-2 ax-rotate-90;
+                }
+            }
+        }
+        .ax-collapse-body {
+            @apply ax-p-3;
+        }
+    }
+    .ax-collapse-group {
+        @apply ax-block ax-border ax-border-light-200 ax-rounded ax-overflow-hidden;
+
+        ax-collpase,
+        .ax-collapse {
+            @apply ax-rounded-none ax-border-none;
+            .ax-collapse-header-container {
+                @apply ax-border-t ax-border-light-200;
+            }
+        }
+        ax-collapse {
+            &:first-child {
+                .ax-collapse-header-container {
+                    @apply ax-border-t-0;
+                }
+            }
+        }
+    }
+}

package/src/components/_result.scss

@@ -0,0 +1,25 @@
+@layer components {
+    ax-result,
+    .ax-result {
+        @apply ax-flex ax-flex-col;
+        .ax-result-icon {
+            @apply ax-text-6xl ax-text-center;
+        }
+        .ax-result-title,
+        .ax-result-description {
+            @apply ax-mt-4 ax-text-center;
+        }
+        .ax-result-title {
+            @apply ax-text-2xl ax-font-semibold ax-text-light-700 dark:ax-text-light-50;
+        }
+        .ax-result-description {
+            @apply ax-text-sm ax-text-light-500 dark:ax-text-light-100;
+        }
+        .ax-custom-icon,.ax-custom-image{
+            @apply ax-flex ax-items-center ax-justify-center;
+        }
+        .ax-result-content {
+            @apply ax-mt-4;
+        }
+    }
+}

package/src/components/_tabs.scss

@@ -126,7 +126,7 @@
 
             &.ax-look-pills-color {
                 ax-tab-item {
-                    @apply ax-text-light-fore ax-mr-1 ax-rounded dark:ax-text-primary-200;
+                    @apply ax-text-light-fore ax-me-1 ax-rounded dark:ax-text-primary-200;
 
                     &:hover {
                         @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-primary-50 dark:ax-bg-primary-500;

package/src/components/index.scss

@@ -6,6 +6,7 @@
 @import "./calendar";
 @import "./carousel";
 @import "./checkbox";
+@import "./collapse";
 @import "./datapager";
 @import "./datepicker";
 @import "./dialog";
@@ -25,6 +26,7 @@
 @import "./radio";
 @import "./range-slider";
 @import "./rating";
+@import "./result";
 @import "./selectbox";
 @import "./selection-list";
 @import "./side-menu";