cax-design-system 2.7.12 → 2.8.0

package/resources/components/menu/menu.scss

@@ -1,30 +1,30 @@
-@layer cax {
-    .cax-menu-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .cax-menu ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .cax-menu .cax-submenu-header {
-        align-items: center;
-    }
-
-    .cax-menu .cax-menuitem-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .cax-menu .cax-menuitem-text {
-        line-height: 1;
-    }
-}
+@layer cax {
+    .cax-menu-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .cax-menu ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    .cax-menu .cax-submenu-header {
+        align-items: center;
+    }
+
+    .cax-menu .cax-menuitem-link {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .cax-menu .cax-menuitem-text {
+        line-height: 1;
+    }
+}

package/resources/components/menubar/menubar.css

@@ -1,81 +1,81 @@
-@layer cax {
-    .p-menubar {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-menubar ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-menubar .p-menuitem-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-menubar .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-menubar .p-menuitem {
-        position: relative;
-    }
-
-    .p-menubar-root-list {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-    }
-
-    .p-menubar-root-list > li ul {
-        display: none;
-        z-index: 1;
-    }
-
-    .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-        display: block;
-    }
-
-    .p-menubar .p-submenu-list {
-        display: none;
-        position: absolute;
-        z-index: 2;
-    }
-
-    .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-        display: block;
-        left: 100%;
-        top: 0;
-    }
-
-    .p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-        margin-left: auto;
-    }
-
-    .p-menubar .p-menubar-root-list .p-icon-wrapper {
-        margin-left: auto;
-    }
-
-    .p-menubar .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-        margin-left: auto;
-    }
-
-    .p-menubar .p-menubar-custom,
-    .p-menubar .p-menubar-end {
-        margin-left: auto;
-        align-self: center;
-    }
-
-    .p-menubar-button {
-        display: none;
-        cursor: pointer;
-        align-items: center;
-        justify-content: center;
-    }
-}
+@layer cax {
+    .p-menubar {
+        display: flex;
+        align-items: center;
+    }
+
+    .p-menubar ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    .p-menubar .p-menuitem-link {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .p-menubar .p-menuitem-text {
+        line-height: 1;
+    }
+
+    .p-menubar .p-menuitem {
+        position: relative;
+    }
+
+    .p-menubar-root-list {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+
+    .p-menubar-root-list > li ul {
+        display: none;
+        z-index: 1;
+    }
+
+    .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
+        display: block;
+    }
+
+    .p-menubar .p-submenu-list {
+        display: none;
+        position: absolute;
+        z-index: 2;
+    }
+
+    .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
+        display: block;
+        left: 100%;
+        top: 0;
+    }
+
+    .p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
+        margin-left: auto;
+    }
+
+    .p-menubar .p-menubar-root-list .p-icon-wrapper {
+        margin-left: auto;
+    }
+
+    .p-menubar .p-submenu-list .p-menuitem-link .p-icon-wrapper {
+        margin-left: auto;
+    }
+
+    .p-menubar .p-menubar-custom,
+    .p-menubar .p-menubar-end {
+        margin-left: auto;
+        align-self: center;
+    }
+
+    .p-menubar-button {
+        display: none;
+        cursor: pointer;
+        align-items: center;
+        justify-content: center;
+    }
+}

package/resources/components/message/message.css

@@ -1,17 +1,17 @@
-@layer cax {
-    .p-inline-message {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        vertical-align: top;
-    }
-
-    .p-inline-message-icon-only .p-inline-message-text {
-        visibility: hidden;
-        width: 0;
-    }
-
-    .p-fluid .p-inline-message {
-        display: flex;
-    }
-}
+@layer cax {
+    .p-inline-message {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        vertical-align: top;
+    }
+
+    .p-inline-message-icon-only .p-inline-message-text {
+        visibility: hidden;
+        width: 0;
+    }
+
+    .p-fluid .p-inline-message {
+        display: flex;
+    }
+}

package/resources/components/messages/messages.scss

@@ -1,55 +1,55 @@
-@layer cax {
-    .cax-message-wrapper {
-        display: flex;
-        align-items: flex-start;
-    }
-
-    .cax-message-wrap {
-        display: flex;
-        gap: 8px;
-    }
-
-    .cax-message-close {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex: none;
-    }
-
-    .cax-message-close.cax-link {
-        margin-left: auto;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .cax-messages .cax-message.ng-animating {
-        overflow: hidden;
-    }
-
-    .cax-messages-sm {
-        width: 40%;
-    }
-
-    .cax-messages-md {
-        width: 60%;
-    }
-
-    .cax-messages-lg {
-        width: 100%;
-    }
-
-    .cax-message-button-wrapper {
-        display: flex;
-        overflow-x: auto;
-
-        cax-button {
-            margin-right: 8px;
-        }
-    }
-
-    .cax-message-button-wrapper::-webkit-scrollbar {
-        width: 0px;
-        height: 0px;
-        background: transparent;
-    }
-}
+@layer cax {
+    .cax-message-wrapper {
+        display: flex;
+        align-items: flex-start;
+    }
+
+    .cax-message-wrap {
+        display: flex;
+        gap: 8px;
+    }
+
+    .cax-message-close {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex: none;
+    }
+
+    .cax-message-close.cax-link {
+        margin-left: auto;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .cax-messages .cax-message.ng-animating {
+        overflow: hidden;
+    }
+
+    .cax-messages-sm {
+        width: 40%;
+    }
+
+    .cax-messages-md {
+        width: 60%;
+    }
+
+    .cax-messages-lg {
+        width: 100%;
+    }
+
+    .cax-message-button-wrapper {
+        display: flex;
+        overflow-x: auto;
+
+        cax-button {
+            margin-right: 8px;
+        }
+    }
+
+    .cax-message-button-wrapper::-webkit-scrollbar {
+        width: 0px;
+        height: 0px;
+        background: transparent;
+    }
+}

package/resources/components/multiselect/multiselect.scss

@@ -1,132 +1,132 @@
-@layer cax {
-    .cax-dropdown-container {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    .cax-dropdown-container label {
-        margin-bottom: 8px;
-        font-size: 14px;
-        font-weight: 500;
-        line-height: 20px;
-    }
-
-    .cax-dropdown-container label.left-aligned {
-        text-align: left;
-    }
-    .cax-multiselect {
-        display: inline-flex;
-        cursor: pointer;
-        position: relative;
-        user-select: none;
-    }
-
-    .cax-multiselect-trigger {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-    }
-
-    .cax-multiselect-label-container {
-        overflow: hidden;
-        flex: 1 1 auto;
-        cursor: pointer;
-        display: flex;
-    }
-
-    .cax-multiselect-label {
-        display: block;
-        white-space: nowrap;
-        cursor: pointer;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    .cax-multiselect-label-empty {
-        overflow: hidden;
-        visibility: hidden;
-    }
-
-    .cax-multiselect-token {
-        cursor: default;
-        display: inline-flex;
-        align-items: center;
-        flex: 0 0 auto;
-    }
-
-    .cax-multiselect-token-icon {
-        cursor: pointer;
-    }
-    .cax-multiselect-token-label {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        max-width: 100px;
-    }
-    .cax-multiselect-items-wrapper {
-        overflow: auto;
-    }
-
-    .cax-multiselect-items {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    .cax-multiselect-item {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        font-weight: normal;
-        white-space: nowrap;
-        position: relative;
-        overflow: hidden;
-    }
-
-    .cax-multiselect-header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .cax-multiselect-filter-container {
-        position: relative;
-        flex: 1 1 auto;
-    }
-
-    .cax-multiselect-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .cax-multiselect-filter-container .cax-inputtext {
-        width: 100%;
-    }
-
-    .cax-multiselect-close {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .cax-fluid .cax-multiselect {
-        display: flex;
-    }
-
-    .cax-multiselect-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .cax-multiselect-clearable {
-        position: relative;
-    }
-}
+@layer cax {
+    .cax-dropdown-container {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .cax-dropdown-container label {
+        margin-bottom: 8px;
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 20px;
+    }
+
+    .cax-dropdown-container label.left-aligned {
+        text-align: left;
+    }
+    .cax-multiselect {
+        display: inline-flex;
+        cursor: pointer;
+        position: relative;
+        user-select: none;
+    }
+
+    .cax-multiselect-trigger {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+    }
+
+    .cax-multiselect-label-container {
+        overflow: hidden;
+        flex: 1 1 auto;
+        cursor: pointer;
+        display: flex;
+    }
+
+    .cax-multiselect-label {
+        display: block;
+        white-space: nowrap;
+        cursor: pointer;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .cax-multiselect-label-empty {
+        overflow: hidden;
+        visibility: hidden;
+    }
+
+    .cax-multiselect-token {
+        cursor: default;
+        display: inline-flex;
+        align-items: center;
+        flex: 0 0 auto;
+    }
+
+    .cax-multiselect-token-icon {
+        cursor: pointer;
+    }
+    .cax-multiselect-token-label {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 100px;
+    }
+    .cax-multiselect-items-wrapper {
+        overflow: auto;
+    }
+
+    .cax-multiselect-items {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+    }
+
+    .cax-multiselect-item {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        font-weight: normal;
+        white-space: nowrap;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .cax-multiselect-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    .cax-multiselect-filter-container {
+        position: relative;
+        flex: 1 1 auto;
+    }
+
+    .cax-multiselect-filter-icon {
+        position: absolute;
+        top: 50%;
+        margin-top: -0.5rem;
+    }
+
+    .cax-multiselect-filter-container .cax-inputtext {
+        width: 100%;
+    }
+
+    .cax-multiselect-close {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .cax-fluid .cax-multiselect {
+        display: flex;
+    }
+
+    .cax-multiselect-clear-icon {
+        position: absolute;
+        top: 50%;
+        margin-top: -0.5rem;
+        cursor: pointer;
+    }
+
+    .cax-multiselect-clearable {
+        position: relative;
+    }
+}