cax-design-system 2.8.0 → 2.8.1

package/resources/components/tableconfiguration/tableconfiguration.scss

@@ -1,115 +1,115 @@
-.table-configuration {
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-    padding: 12px;
-
-    .table-font-size {
-        .header-details {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            font-weight: 500;
-        }
-        .font-configuration {
-            border: 1px solid var(--neutral-100);
-            padding: 16px 24px;
-            border-radius: 6px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            gap: 8px;
-            .font-labels {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                font-weight: 600;
-                width: 100%;
-                &.active {
-                    color: var(--primary-color);
-                }
-            }
-
-            .slider-wrapper {
-                position: relative;
-                width: 100%;
-            }
-
-            .custom-slider {
-                -webkit-appearance: none;
-                appearance: none;
-                width: 100%;
-                height: 4px;
-                background: var(--neutral-100);
-                border-radius: 3px;
-                outline: none;
-                transition: background 0.3s;
-            }
-
-            .custom-slider::-webkit-slider-thumb {
-                -webkit-appearance: none;
-                width: 16px;
-                height: 16px;
-                background: var(--white-100);
-                border: 2px solid var(--primary-color);
-                border-radius: 50%;
-                cursor: pointer;
-            }
-
-            .range-marker {
-                position: absolute;
-                top: 5px;
-                left: 2px;
-                width: 100%;
-                display: flex;
-                z-index: -10;
-                justify-content: space-between;
-            }
-
-            .range {
-                width: 4px;
-                height: 16px;
-                background: var(--neutral-100);
-                border-radius: 4px;
-            }
-
-            .range.active {
-                visibility: hidden;
-            }
-        }
-    }
-
-    .table-row-size {
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-        .header-details {
-            font-weight: 500;
-        }
-        .row-configuration {
-            display: flex;
-            justify-content: space-between;
-            gap: 16px;
-
-            li {
-                list-style-type: none;
-                width: 95.5px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                border: 1px solid var(--neutral-100);
-                font-size: 14px;
-                font-weight: 500;
-                height: 53px;
-                border-radius: 6px;
-                cursor: pointer;
-
-                &.active {
-                    border: 1px solid var(--primary-color);
-                    color: var(--primary-color);
-                    background: var(--primary-25);
-                }
-            }
-        }
-    }
-}
+.table-configuration {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    padding: 12px;
+
+    .table-font-size {
+        .header-details {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            font-weight: 500;
+        }
+        .font-configuration {
+            border: 1px solid var(--neutral-100);
+            padding: 16px 24px;
+            border-radius: 6px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 8px;
+            .font-labels {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                font-weight: 600;
+                width: 100%;
+                &.active {
+                    color: var(--primary-color);
+                }
+            }
+
+            .slider-wrapper {
+                position: relative;
+                width: 100%;
+            }
+
+            .custom-slider {
+                -webkit-appearance: none;
+                appearance: none;
+                width: 100%;
+                height: 4px;
+                background: var(--neutral-100);
+                border-radius: 3px;
+                outline: none;
+                transition: background 0.3s;
+            }
+
+            .custom-slider::-webkit-slider-thumb {
+                -webkit-appearance: none;
+                width: 16px;
+                height: 16px;
+                background: var(--white-100);
+                border: 2px solid var(--primary-color);
+                border-radius: 50%;
+                cursor: pointer;
+            }
+
+            .range-marker {
+                position: absolute;
+                top: 5px;
+                left: 2px;
+                width: 100%;
+                display: flex;
+                z-index: -10;
+                justify-content: space-between;
+            }
+
+            .range {
+                width: 4px;
+                height: 16px;
+                background: var(--neutral-100);
+                border-radius: 4px;
+            }
+
+            .range.active {
+                visibility: hidden;
+            }
+        }
+    }
+
+    .table-row-size {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        .header-details {
+            font-weight: 500;
+        }
+        .row-configuration {
+            display: flex;
+            justify-content: space-between;
+            gap: 16px;
+
+            li {
+                list-style-type: none;
+                width: 95.5px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border: 1px solid var(--neutral-100);
+                font-size: 14px;
+                font-weight: 500;
+                height: 53px;
+                border-radius: 6px;
+                cursor: pointer;
+
+                &.active {
+                    border: 1px solid var(--primary-color);
+                    color: var(--primary-color);
+                    background: var(--primary-25);
+                }
+            }
+        }
+    }
+}

package/resources/components/tabmenu/tabmenu.css

@@ -1,80 +1,80 @@
-@layer cax {
-    .p-tabmenu-nav-container {
-        position: relative;
-    }
-
-    .p-tabmenu-scrollable .p-tabmenu-nav-container {
-        overflow: hidden;
-    }
-
-    .p-tabmenu-nav-content {
-        overflow-x: auto;
-        overflow-y: hidden;
-        scroll-behavior: smooth;
-        scrollbar-width: none;
-        overscroll-behavior: contain auto;
-    }
-
-    .p-tabmenu-nav-btn {
-        position: absolute;
-        top: 0;
-        z-index: 2;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-tabmenu-nav-prev {
-        left: 0;
-    }
-
-    .p-tabmenu-nav-next {
-        right: 0;
-    }
-
-    .p-tabview-nav-content::-webkit-scrollbar {
-        display: none;
-    }
-
-    .p-tabmenu-nav {
-        display: flex;
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        flex-wrap: nowrap;
-    }
-
-    .p-tabmenu-nav a {
-        cursor: pointer;
-        user-select: none;
-        display: flex;
-        align-items: center;
-        position: relative;
-        text-decoration: none;
-        text-decoration: none;
-        overflow: hidden;
-    }
-
-    .p-tabmenu-nav a:focus {
-        z-index: 1;
-    }
-
-    .p-tabmenu-nav .p-menuitem-text {
-        line-height: 1;
-        white-space: nowrap;
-    }
-
-    .p-tabmenu-ink-bar {
-        display: none;
-        z-index: 1;
-    }
-
-    .p-tabmenu-nav-content::-webkit-scrollbar {
-        display: none;
-    }
-
-    .p-tabmenuitem:not(.p-hidden) {
-        display: flex;
-    }
-}
+@layer cax {
+    .p-tabmenu-nav-container {
+        position: relative;
+    }
+
+    .p-tabmenu-scrollable .p-tabmenu-nav-container {
+        overflow: hidden;
+    }
+
+    .p-tabmenu-nav-content {
+        overflow-x: auto;
+        overflow-y: hidden;
+        scroll-behavior: smooth;
+        scrollbar-width: none;
+        overscroll-behavior: contain auto;
+    }
+
+    .p-tabmenu-nav-btn {
+        position: absolute;
+        top: 0;
+        z-index: 2;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-tabmenu-nav-prev {
+        left: 0;
+    }
+
+    .p-tabmenu-nav-next {
+        right: 0;
+    }
+
+    .p-tabview-nav-content::-webkit-scrollbar {
+        display: none;
+    }
+
+    .p-tabmenu-nav {
+        display: flex;
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+        flex-wrap: nowrap;
+    }
+
+    .p-tabmenu-nav a {
+        cursor: pointer;
+        user-select: none;
+        display: flex;
+        align-items: center;
+        position: relative;
+        text-decoration: none;
+        text-decoration: none;
+        overflow: hidden;
+    }
+
+    .p-tabmenu-nav a:focus {
+        z-index: 1;
+    }
+
+    .p-tabmenu-nav .p-menuitem-text {
+        line-height: 1;
+        white-space: nowrap;
+    }
+
+    .p-tabmenu-ink-bar {
+        display: none;
+        z-index: 1;
+    }
+
+    .p-tabmenu-nav-content::-webkit-scrollbar {
+        display: none;
+    }
+
+    .p-tabmenuitem:not(.p-hidden) {
+        display: flex;
+    }
+}