cax-design-system 2.8.5 → 3.0.1

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: 600;
+        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;
+        align-items: center;
+    }
+
+    .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%;
+    }
+
+    .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;
+    }
+}