cax-design-system 2.8.0 → 2.8.1

package/resources/components/tabview/tabview.scss

@@ -1,198 +1,198 @@
-@layer cax {
-    .cax-tabview-nav-container {
-        position: relative;
-    }
-    .cax-tabview-nav-container.block-mode {
-        display: block;
-    }
-    .cax-tabview-nav-container.flex-mode {
-        display: flex;
-    }
-    .cax-tabview-action-buttons {
-        display: flex;
-        align-items: center;
-        margin-left: auto;
-    }
-    
-    .cax-tabview-separator {
-        width: 2px;
-        height: 35px;
-        display: inline-block;
-        vertical-align: middle;
-        margin-right: 8px;
-    }
-    .cax-tabview-scrollable .cax-tabview-nav-container {
-        overflow: hidden;
-        white-space: nowrap;
-    }
-
-    .cax-tabview-nav-content {
-        overflow-x: auto;
-        overflow-y: hidden;
-        scroll-behavior: smooth;
-        scrollbar-width: none;
-        overscroll-behavior: contain auto;
-    }
-
-    .cax-tabview-nav {
-        display: inline-flex;
-        min-width: 100%;
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        flex: 1 1 auto;
-    }
-
-    .cax-tabview-nav li.full-mode {
-        min-height: 60px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex: 1 !important;
-        cax-tabview .cax-tabview-nav li .cax-tabview-nav-link {
-            border: none;
-        }
-    }
-
-    .cax-tabview-nav li.half-mode {
-        min-height: 60px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex: none !important;
-    }
-    .cax-tabview-nav-link {
-        cursor: pointer;
-        user-select: none;
-        display: flex;
-        align-items: center;
-        position: relative;
-        text-decoration: none;
-        overflow: hidden;
-    }
-
-    .cax-tabview-ink-bar {
-        display: none;
-        z-index: 1;
-    }
-
-    .cax-tabview-nav-link:focus {
-        z-index: 1;
-    }
-
-    .cax-tabview-title {
-        line-height: 1;
-        white-space: nowrap;
-    }
-
-    .cax-tabview-nav-btn {
-        position: absolute;
-        top: 0;
-        z-index: 2;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .cax-tabview-nav-prev {
-        left: 0;
-    }
-
-    .cax-tabview-nav-next {
-        right: 0;
-    }
-
-    .cax-tabview-nav-content::-webkit-scrollbar {
-        display: none;
-    }
-
-    .cax-tabview-close {
-        z-index: 1;
-    }
-
-    .cax-segment-tabview-container {
-        flex-direction: row;
-        height: 48px;
-    }
-    .cax-segment-tabview-header {
-        display: flex;
-        align-items: center;
-        height: 48px;
-    }
-
-    .cax-segment-tabview-nav {
-        display: inline-flex;
-        min-width: 100%;
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        flex: 1 1 auto;
-    }
-    .cax-segment-tabview-nav-link {
-        cursor: pointer;
-        user-select: none;
-        display: flex;
-        align-items: center;
-        position: relative;
-        text-decoration: none;
-        overflow: hidden;
-    }
-
-    .cax-segment-tabview-nav-link {
-        z-index: 1;
-    }
-    .cax-left-arrow,
-    .cax-right-arrow {
-        position: sticky;
-        top: 0;
-        z-index: 100;
-        background: transparent;
-        border: none;
-        cursor: pointer;
-        font-size: 1.25rem;
-    }
-    .cax-arrow-buttons {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-    }
-
-    .cax-left-arrow,
-    .cax-right-arrow {
-        position: sticky;
-        left: 0;
-        z-index: 100;
-        transition: transform 0.2s ease;
-    }
-    .cax-left-arrow {
-        left: 0;
-        padding-left: var(--space-200);
-    }
-
-    .cax-right-arrow {
-        right: 0;
-        padding-right: var(--space-200);
-    }
-
-    .cax-dynamic-icon {
-        font-size: 1.25rem;
-        cursor: pointer;
-    }
-    .cax-segment-tabview-nav-btn {
-        position: absolute;
-        top: 0;
-        z-index: 2;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .cax-segment-tabview-nav li.pinned {
-        position: sticky;
-        left: var(--pinned-left, 0);
-        z-index: 10;
-        background-color: var(--white-100);
-    }
-}
+@layer cax {
+    .cax-tabview-nav-container {
+        position: relative;
+    }
+    .cax-tabview-nav-container.block-mode {
+        display: block;
+    }
+    .cax-tabview-nav-container.flex-mode {
+        display: flex;
+    }
+    .cax-tabview-action-buttons {
+        display: flex;
+        align-items: center;
+        margin-left: auto;
+    }
+
+    .cax-tabview-separator {
+        width: 2px;
+        height: 35px;
+        display: inline-block;
+        vertical-align: middle;
+        margin-right: 8px;
+    }
+    .cax-tabview-scrollable .cax-tabview-nav-container {
+        overflow: hidden;
+        white-space: nowrap;
+    }
+
+    .cax-tabview-nav-content {
+        overflow-x: auto;
+        overflow-y: hidden;
+        scroll-behavior: smooth;
+        scrollbar-width: none;
+        overscroll-behavior: contain auto;
+    }
+
+    .cax-tabview-nav {
+        display: inline-flex;
+        min-width: 100%;
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+        flex: 1 1 auto;
+    }
+
+    .cax-tabview-nav li.full-mode {
+        min-height: 60px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex: 1 !important;
+        cax-tabview .cax-tabview-nav li .cax-tabview-nav-link {
+            border: none;
+        }
+    }
+
+    .cax-tabview-nav li.half-mode {
+        min-height: 60px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex: none !important;
+    }
+    .cax-tabview-nav-link {
+        cursor: pointer;
+        user-select: none;
+        display: flex;
+        align-items: center;
+        position: relative;
+        text-decoration: none;
+        overflow: hidden;
+    }
+
+    .cax-tabview-ink-bar {
+        display: none;
+        z-index: 1;
+    }
+
+    .cax-tabview-nav-link:focus {
+        z-index: 1;
+    }
+
+    .cax-tabview-title {
+        line-height: 1;
+        white-space: nowrap;
+    }
+
+    .cax-tabview-nav-btn {
+        position: absolute;
+        top: 0;
+        z-index: 2;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .cax-tabview-nav-prev {
+        left: 0;
+    }
+
+    .cax-tabview-nav-next {
+        right: 0;
+    }
+
+    .cax-tabview-nav-content::-webkit-scrollbar {
+        display: none;
+    }
+
+    .cax-tabview-close {
+        z-index: 1;
+    }
+
+    .cax-segment-tabview-container {
+        flex-direction: row;
+        height: 48px;
+    }
+    .cax-segment-tabview-header {
+        display: flex;
+        align-items: center;
+        height: 48px;
+    }
+
+    .cax-segment-tabview-nav {
+        display: inline-flex;
+        min-width: 100%;
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+        flex: 1 1 auto;
+    }
+    .cax-segment-tabview-nav-link {
+        cursor: pointer;
+        user-select: none;
+        display: flex;
+        align-items: center;
+        position: relative;
+        text-decoration: none;
+        overflow: hidden;
+    }
+
+    .cax-segment-tabview-nav-link {
+        z-index: 1;
+    }
+    .cax-left-arrow,
+    .cax-right-arrow {
+        position: sticky;
+        top: 0;
+        z-index: 100;
+        background: transparent;
+        border: none;
+        cursor: pointer;
+        font-size: 1.25rem;
+    }
+    .cax-arrow-buttons {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+    }
+
+    .cax-left-arrow,
+    .cax-right-arrow {
+        position: sticky;
+        left: 0;
+        z-index: 100;
+        transition: transform 0.2s ease;
+    }
+    .cax-left-arrow {
+        left: 0;
+        padding-left: var(--space-200);
+    }
+
+    .cax-right-arrow {
+        right: 0;
+        padding-right: var(--space-200);
+    }
+
+    .cax-dynamic-icon {
+        font-size: 1.25rem;
+        cursor: pointer;
+    }
+    .cax-segment-tabview-nav-btn {
+        position: absolute;
+        top: 0;
+        z-index: 2;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .cax-segment-tabview-nav li.pinned {
+        position: sticky;
+        left: var(--pinned-left, 0);
+        z-index: 10;
+        background-color: var(--white-100);
+    }
+}

package/resources/components/tag/tag.scss

@@ -1,23 +1,23 @@
-@layer cax {
-    .cax-tag {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .cax-tag-icon {
-        width: 10.5px;
-        height: 10.5px;
-    }
-
-    .cax-tag-value,
-    .cax-tag-icon.cax {
-        line-height: 18px;
-        font-weight: 500;
-        font-size: 10.5px;
-    }
-
-    .cax-tag.cax-tag-rounded {
-        border-radius: 10rem;
-    }
-}
+@layer cax {
+    .cax-tag {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .cax-tag-icon {
+        width: 10.5px;
+        height: 10.5px;
+    }
+
+    .cax-tag-value,
+    .cax-tag-icon.cax {
+        line-height: 18px;
+        font-weight: 500;
+        font-size: 10.5px;
+    }
+
+    .cax-tag.cax-tag-rounded {
+        border-radius: 10rem;
+    }
+}

package/resources/components/terminal/terminal.css

@@ -1,24 +1,24 @@
-@layer cax {
-    .p-terminal {
-        height: 18rem;
-        overflow: auto;
-    }
-
-    .p-terminal-prompt-container {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-terminal-input {
-        flex: 1 1 auto;
-        border: 0 none;
-        background-color: transparent;
-        color: inherit;
-        padding: 0;
-        outline: 0 none;
-    }
-
-    .p-terminal-input::-ms-clear {
-        display: none;
-    }
-}
+@layer cax {
+    .p-terminal {
+        height: 18rem;
+        overflow: auto;
+    }
+
+    .p-terminal-prompt-container {
+        display: flex;
+        align-items: center;
+    }
+
+    .p-terminal-input {
+        flex: 1 1 auto;
+        border: 0 none;
+        background-color: transparent;
+        color: inherit;
+        padding: 0;
+        outline: 0 none;
+    }
+
+    .p-terminal-input::-ms-clear {
+        display: none;
+    }
+}

package/resources/components/tieredmenu/tieredmenu.scss

@@ -1,55 +1,55 @@
-@layer cax {
-    .cax-tieredmenu-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .cax-tieredmenu ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .cax-tieredmenu .cax-submenu-list {
-        position: absolute;
-        min-width: 100%;
-        z-index: 1;
-        display: none;
-    }
-
-    .cax-tieredmenu .cax-menuitem-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .cax-tieredmenu .cax-menuitem-text {
-        line-height: 1;
-    }
-
-    .cax-tieredmenu .cax-menuitem {
-        position: relative;
-    }
-
-    .cax-tieredmenu .cax-menuitem-link .cax-submenu-icon:not(svg) {
-        margin-left: auto;
-    }
-
-    .cax-tieredmenu .cax-menuitem-link .cax-icon-wrapper {
-        margin-left: auto;
-    }
-
-    .cax-tieredmenu .cax-menuitem-active > cax-tieredmenusub > .cax-submenu-list {
-        display: block;
-        left: 100%;
-        top: 0;
-    }
-
-    .cax-tieredmenu .cax-menuitem-active > cax-tieredmenusub > .cax-submenu-list.cax-submenu-list-flipped {
-        left: -100%;
-    }
-}
+@layer cax {
+    .cax-tieredmenu-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .cax-tieredmenu ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    .cax-tieredmenu .cax-submenu-list {
+        position: absolute;
+        min-width: 100%;
+        z-index: 1;
+        display: none;
+    }
+
+    .cax-tieredmenu .cax-menuitem-link {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .cax-tieredmenu .cax-menuitem-text {
+        line-height: 1;
+    }
+
+    .cax-tieredmenu .cax-menuitem {
+        position: relative;
+    }
+
+    .cax-tieredmenu .cax-menuitem-link .cax-submenu-icon:not(svg) {
+        margin-left: auto;
+    }
+
+    .cax-tieredmenu .cax-menuitem-link .cax-icon-wrapper {
+        margin-left: auto;
+    }
+
+    .cax-tieredmenu .cax-menuitem-active > cax-tieredmenusub > .cax-submenu-list {
+        display: block;
+        left: 100%;
+        top: 0;
+    }
+
+    .cax-tieredmenu .cax-menuitem-active > cax-tieredmenusub > .cax-submenu-list.cax-submenu-list-flipped {
+        left: -100%;
+    }
+}