cax-design-system 2.7.12 → 2.8.0

package/resources/components/splitbutton/splitbutton.scss

@@ -1,53 +1,53 @@
-@layer cax {
-    .cax-splitbutton {
-        display: inline-flex;
-        position: relative;
-    }
-
-    .cax-splitbutton .cax-splitbutton-defaultbutton,
-    .cax-splitbutton.cax-button-rounded > .cax-splitbutton-defaultbutton.cax-button,
-    .cax-splitbutton.cax-button-outlined > .cax-splitbutton-defaultbutton.cax-button {
-        flex: 1 1 auto;
-        padding: var(--space-100) var(--space-150) var(--space-100) var(--space-150) !important;
-        border-top-left-radius: var(--radius-100) !important;
-        border-top-right-radius: 0 !important;
-        border-bottom-right-radius: 0 !important;
-        border-bottom-left-radius: var(--radius-100) !important;
-        border-right: 0 none;
-    }
-
-    .cax-splitbutton-menubutton,
-    .cax-splitbutton.cax-button-rounded > .cax-splitbutton-menubutton.cax-button,
-    .cax-splitbutton.cax-button-outlined > .cax-splitbutton-menubutton.cax-button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-top-left-radius: 0 !important;
-        border-top-right-radius: var(--radius-100) !important;
-        border-bottom-right-radius: var(--radius-100) !important;
-        border-bottom-left-radius: 0 !important;
-    }
-
-    .cax-splitbutton .cax-menu {
-        min-width: 100%;
-    }
-
-    .cax-fluid .cax-splitbutton {
-        display: flex;
-    }
-
-    .cax-splitbutton-divider {
-        width: 8px; /* Adjust width to control the gap */
-        display: inline-block;
-    }
-
-    /* Adds a vertical line */
-    .cax-splitbutton-divider {
-        width: 0px;
-        height: 100%;
-        background-color: #dcdcdc; /* Adjust color as needed */
-        margin: 0 1px; /* Adjust spacing around the line */
-        display: inline-block;
-        vertical-align: middle;
-    }
-}
+@layer cax {
+    .cax-splitbutton {
+        display: inline-flex;
+        position: relative;
+    }
+
+    .cax-splitbutton .cax-splitbutton-defaultbutton,
+    .cax-splitbutton.cax-button-rounded > .cax-splitbutton-defaultbutton.cax-button,
+    .cax-splitbutton.cax-button-outlined > .cax-splitbutton-defaultbutton.cax-button {
+        flex: 1 1 auto;
+        padding: var(--space-100) var(--space-150) var(--space-100) var(--space-150) !important;
+        border-top-left-radius: var(--radius-100) !important;
+        border-top-right-radius: 0 !important;
+        border-bottom-right-radius: 0 !important;
+        border-bottom-left-radius: var(--radius-100) !important;
+        border-right: 0 none;
+    }
+
+    .cax-splitbutton-menubutton,
+    .cax-splitbutton.cax-button-rounded > .cax-splitbutton-menubutton.cax-button,
+    .cax-splitbutton.cax-button-outlined > .cax-splitbutton-menubutton.cax-button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-top-left-radius: 0 !important;
+        border-top-right-radius: var(--radius-100) !important;
+        border-bottom-right-radius: var(--radius-100) !important;
+        border-bottom-left-radius: 0 !important;
+    }
+
+    .cax-splitbutton .cax-menu {
+        min-width: 100%;
+    }
+
+    .cax-fluid .cax-splitbutton {
+        display: flex;
+    }
+
+    .cax-splitbutton-divider {
+        width: 8px; /* Adjust width to control the gap */
+        display: inline-block;
+    }
+
+    /* Adds a vertical line */
+    .cax-splitbutton-divider {
+        width: 0px;
+        height: 100%;
+        background-color: #dcdcdc; /* Adjust color as needed */
+        margin: 0 1px; /* Adjust spacing around the line */
+        display: inline-block;
+        vertical-align: middle;
+    }
+}

package/resources/components/splitter/splitter.scss

@@ -1,73 +1,73 @@
-@layer cax {
-    .cax-splitter {
-        display: flex;
-        flex-wrap: nowrap;
-    }
-
-    .cax-splitter-vertical {
-        flex-direction: column;
-    }
-
-    .cax-splitter-panel {
-        overflow: hidden;
-        flex-grow: 1;
-    }
-
-    .cax-splitter-panel-nested {
-        display: flex;
-        min-width: 0;
-    }
-
-    .cax-splitter-panel cax-splitter {
-        flex-grow: 1;
-    }
-
-    .cax-splitter-panel .cax-splitter {
-        flex-grow: 1;
-        border: 0 none;
-    }
-
-    .cax-splitter-gutter {
-        flex-grow: 0;
-        flex-shrink: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: col-resize;
-    }
-
-    .cax-splitter-horizontal.cax-splitter-resizing {
-        cursor: col-resize;
-        user-select: none;
-    }
-
-    .cax-splitter-horizontal > .cax-splitter-gutter > .cax-splitter-gutter-handle {
-        height: 24px;
-        width: 100%;
-    }
-
-    .cax-splitter-horizontal > .cax-splitter-gutter {
-        cursor: col-resize;
-    }
-
-    .cax-splitter-vertical.cax-splitter-resizing {
-        cursor: row-resize;
-        user-select: none;
-    }
-
-    .cax-splitter-vertical > .cax-splitter-gutter {
-        cursor: row-resize;
-    }
-
-    .cax-splitter-vertical > .cax-splitter-gutter > .cax-splitter-gutter-handle {
-        width: 24px;
-        height: 100%;
-    }
-
-    .cax-splitter-resizing .cax-splitter-panel {
-        pointer-events: none;
-    }
-    .cax-splitter .gutter {
-        background-color: var(--gutter-color, #cccccc);
-    }
-}
+@layer cax {
+    .cax-splitter {
+        display: flex;
+        flex-wrap: nowrap;
+    }
+
+    .cax-splitter-vertical {
+        flex-direction: column;
+    }
+
+    .cax-splitter-panel {
+        overflow: hidden;
+        flex-grow: 1;
+    }
+
+    .cax-splitter-panel-nested {
+        display: flex;
+        min-width: 0;
+    }
+
+    .cax-splitter-panel cax-splitter {
+        flex-grow: 1;
+    }
+
+    .cax-splitter-panel .cax-splitter {
+        flex-grow: 1;
+        border: 0 none;
+    }
+
+    .cax-splitter-gutter {
+        flex-grow: 0;
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: col-resize;
+    }
+
+    .cax-splitter-horizontal.cax-splitter-resizing {
+        cursor: col-resize;
+        user-select: none;
+    }
+
+    .cax-splitter-horizontal > .cax-splitter-gutter > .cax-splitter-gutter-handle {
+        height: 24px;
+        width: 100%;
+    }
+
+    .cax-splitter-horizontal > .cax-splitter-gutter {
+        cursor: col-resize;
+    }
+
+    .cax-splitter-vertical.cax-splitter-resizing {
+        cursor: row-resize;
+        user-select: none;
+    }
+
+    .cax-splitter-vertical > .cax-splitter-gutter {
+        cursor: row-resize;
+    }
+
+    .cax-splitter-vertical > .cax-splitter-gutter > .cax-splitter-gutter-handle {
+        width: 24px;
+        height: 100%;
+    }
+
+    .cax-splitter-resizing .cax-splitter-panel {
+        pointer-events: none;
+    }
+    .cax-splitter .gutter {
+        background-color: var(--gutter-color, #cccccc);
+    }
+}

package/resources/components/stepper/stepper.css

@@ -1,9 +1,9 @@
-@layer cax {
-    .p-stepper-vertical .p-stepper-panel > .p-stepper-toggleable-content {
-        overflow: hidden;
-    }
-
-    .p-stepper-vertical .p-stepper-panel-active > .p-stepper-toggleable-content:not(.ng-animating) {
-        overflow: inherit;
-    }
-}
+@layer cax {
+    .p-stepper-vertical .p-stepper-panel > .p-stepper-toggleable-content {
+        overflow: hidden;
+    }
+
+    .p-stepper-vertical .p-stepper-panel-active > .p-stepper-toggleable-content:not(.ng-animating) {
+        overflow: inherit;
+    }
+}

package/resources/components/steps/steps.scss

@@ -1,50 +1,50 @@
-@layer cax {
-    .cax-steps {
-        position: relative;
-    }
-
-    .cax-steps ul {
-        padding: 0;
-        margin: 0;
-        list-style-type: none;
-        display: flex;
-    }
-
-    .cax-steps-item {
-        position: relative;
-        display: flex;
-        justify-content: center;
-        flex: 1 1 auto;
-    }
-
-    .cax-steps-item .cax-menuitem-link {
-        display: inline-flex;
-        flex-direction: column;
-        align-items: center;
-        overflow: hidden;
-        text-decoration: none;
-    }
-
-    .cax-steps.cax-steps-readonly .cax-steps-item {
-        cursor: auto;
-    }
-
-    .cax-steps-item.cax-steps-current .cax-menuitem-link {
-        cursor: default;
-    }
-
-    .cax-steps-title {
-        white-space: nowrap;
-    }
-
-    .cax-steps-number {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .cax-steps-title {
-        display: block;
-    }
-    
-}
+@layer cax {
+    .cax-steps {
+        position: relative;
+    }
+
+    .cax-steps ul {
+        padding: 0;
+        margin: 0;
+        list-style-type: none;
+        display: flex;
+    }
+
+    .cax-steps-item {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        flex: 1 1 auto;
+    }
+
+    .cax-steps-item .cax-menuitem-link {
+        display: inline-flex;
+        flex-direction: column;
+        align-items: center;
+        overflow: hidden;
+        text-decoration: none;
+    }
+
+    .cax-steps.cax-steps-readonly .cax-steps-item {
+        cursor: auto;
+    }
+
+    .cax-steps-item.cax-steps-current .cax-menuitem-link {
+        cursor: default;
+    }
+
+    .cax-steps-title {
+        white-space: nowrap;
+    }
+
+    .cax-steps-number {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .cax-steps-title {
+        display: block;
+    }
+    
+}