cax-design-system 2.8.0 → 2.8.1

package/resources/components/common/common.scss

@@ -1,183 +1,183 @@
-.cax-overflow-hidden {
-    overflow: hidden;
-    padding-right: var(--scrollbar-width);
-}
-
-@layer cax {
-    .cax-component,
-    .cax-component * {
-        box-sizing: border-box;
-    }
-
-    .cax-hidden {
-        display: none;
-    }
-
-    .cax-hidden-space {
-        visibility: hidden;
-    }
-
-    .cax-hidden-accessible {
-        border: 0;
-        clip: rect(0 0 0 0);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-    }
-
-    .cax-hidden-accessible input,
-    .cax-hidden-accessible select {
-        transform: scale(0);
-    }
-
-    .cax-reset {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        outline: 0;
-        text-decoration: none;
-        font-size: 100%;
-        list-style: none;
-    }
-
-    .cax-disabled,
-    .cax-disabled * {
-        cursor: default !important;
-        pointer-events: none;
-    }
-
-    .cax-component-overlay {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .cax-unselectable-text {
-        user-select: none;
-    }
-
-    .cax-scrollbar-measure {
-        width: 100px;
-        height: 100px;
-        overflow: scroll;
-        position: absolute;
-        top: -9999px;
-    }
-
-    @-webkit-keyframes cax-fadein {
-        0% {
-            opacity: 0;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-    @keyframes cax-fadein {
-        0% {
-            opacity: 0;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-
-    input[type='button'],
-    input[type='submit'],
-    input[type='reset'],
-    input[type='file']::-webkit-file-upload-button,
-    button {
-        border-radius: 0;
-    }
-
-    .cax-link {
-        text-align: left;
-        background-color: transparent;
-        margin: 0;
-        padding: 0;
-        border: none;
-        cursor: pointer;
-        user-select: none;
-    }
-
-    .cax-link:disabled {
-        cursor: default;
-        opacity: 0.3;
-    }
-
-    .cax-sr-only {
-        border: 0;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-        word-wrap: normal !important;
-    }
-
-    /* Non ng overlay animations */
-    .cax-connected-overlay {
-        opacity: 0;
-        transform: scaleY(0.8);
-        transition:
-            transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-            opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-    }
-
-    .cax-connected-overlay-visible {
-        opacity: 1;
-        transform: scaleY(1);
-    }
-
-    .cax-connected-overlay-hidden {
-        opacity: 0;
-        transform: scaleY(1);
-        transition: opacity 0.1s linear;
-    }
-
-    .cax-toggleable-content.ng-animating {
-        overflow: hidden;
-    }
-
-    .cax-icon-wrapper {
-        display: inline-flex;
-    }
-
-    .cax-icon {
-        display: inline-block;
-    }
-
-    .cax-icon-spin {
-        -webkit-animation: cax-icon-spin 2s infinite linear;
-        animation: cax-icon-spin 2s infinite linear;
-    }
-}
-
-@-webkit-keyframes cax-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
-
-@keyframes cax-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
+.cax-overflow-hidden {
+    overflow: hidden;
+    padding-right: var(--scrollbar-width);
+}
+
+@layer cax {
+    .cax-component,
+    .cax-component * {
+        box-sizing: border-box;
+    }
+
+    .cax-hidden {
+        display: none;
+    }
+
+    .cax-hidden-space {
+        visibility: hidden;
+    }
+
+    .cax-hidden-accessible {
+        border: 0;
+        clip: rect(0 0 0 0);
+        height: 1px;
+        margin: -1px;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        width: 1px;
+    }
+
+    .cax-hidden-accessible input,
+    .cax-hidden-accessible select {
+        transform: scale(0);
+    }
+
+    .cax-reset {
+        margin: 0;
+        padding: 0;
+        border: 0;
+        outline: 0;
+        text-decoration: none;
+        font-size: 100%;
+        list-style: none;
+    }
+
+    .cax-disabled,
+    .cax-disabled * {
+        cursor: default !important;
+        pointer-events: none;
+    }
+
+    .cax-component-overlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .cax-unselectable-text {
+        user-select: none;
+    }
+
+    .cax-scrollbar-measure {
+        width: 100px;
+        height: 100px;
+        overflow: scroll;
+        position: absolute;
+        top: -9999px;
+    }
+
+    @-webkit-keyframes cax-fadein {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+    @keyframes cax-fadein {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+
+    input[type='button'],
+    input[type='submit'],
+    input[type='reset'],
+    input[type='file']::-webkit-file-upload-button,
+    button {
+        border-radius: 0;
+    }
+
+    .cax-link {
+        text-align: left;
+        background-color: transparent;
+        margin: 0;
+        padding: 0;
+        border: none;
+        cursor: pointer;
+        user-select: none;
+    }
+
+    .cax-link:disabled {
+        cursor: default;
+        opacity: 0.3;
+    }
+
+    .cax-sr-only {
+        border: 0;
+        clip: rect(1px, 1px, 1px, 1px);
+        clip-path: inset(50%);
+        height: 1px;
+        margin: -1px;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        width: 1px;
+        word-wrap: normal !important;
+    }
+
+    /* Non ng overlay animations */
+    .cax-connected-overlay {
+        opacity: 0;
+        transform: scaleY(0.8);
+        transition:
+            transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+            opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
+    }
+
+    .cax-connected-overlay-visible {
+        opacity: 1;
+        transform: scaleY(1);
+    }
+
+    .cax-connected-overlay-hidden {
+        opacity: 0;
+        transform: scaleY(1);
+        transition: opacity 0.1s linear;
+    }
+
+    .cax-toggleable-content.ng-animating {
+        overflow: hidden;
+    }
+
+    .cax-icon-wrapper {
+        display: inline-flex;
+    }
+
+    .cax-icon {
+        display: inline-block;
+    }
+
+    .cax-icon-spin {
+        -webkit-animation: cax-icon-spin 2s infinite linear;
+        animation: cax-icon-spin 2s infinite linear;
+    }
+}
+
+@-webkit-keyframes cax-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+
+@keyframes cax-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}

package/resources/components/confirmpopup/confirmpopup.css

@@ -1,53 +1,53 @@
-@layer cax {
-    .p-confirm-popup {
-        position: absolute;
-        margin-top: 10px;
-        top: 0;
-        left: 0;
-    }
-
-    .p-confirm-popup-flipped {
-        margin-top: 0;
-        margin-bottom: 10px;
-    }
-
-    .p-confirm-popup:after,
-    .p-confirm-popup:before {
-        bottom: 100%;
-        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
-        content: ' ';
-        height: 0;
-        width: 0;
-        position: absolute;
-        pointer-events: none;
-    }
-
-    .p-confirm-popup:after {
-        border-width: 8px;
-        margin-left: -8px;
-    }
-
-    .p-confirm-popup:before {
-        border-width: 10px;
-        margin-left: -10px;
-    }
-
-    .p-confirm-popup-flipped:after,
-    .p-confirm-popup-flipped:before {
-        bottom: auto;
-        top: 100%;
-    }
-
-    .p-confirm-popup.p-confirm-popup-flipped:after {
-        border-bottom-color: transparent;
-    }
-
-    .p-confirm-popup.p-confirm-popup-flipped:before {
-        border-bottom-color: transparent;
-    }
-
-    .p-confirm-popup .p-confirm-popup-content {
-        display: flex;
-        align-items: center;
-    }
-}
+@layer cax {
+    .p-confirm-popup {
+        position: absolute;
+        margin-top: 10px;
+        top: 0;
+        left: 0;
+    }
+
+    .p-confirm-popup-flipped {
+        margin-top: 0;
+        margin-bottom: 10px;
+    }
+
+    .p-confirm-popup:after,
+    .p-confirm-popup:before {
+        bottom: 100%;
+        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
+        content: ' ';
+        height: 0;
+        width: 0;
+        position: absolute;
+        pointer-events: none;
+    }
+
+    .p-confirm-popup:after {
+        border-width: 8px;
+        margin-left: -8px;
+    }
+
+    .p-confirm-popup:before {
+        border-width: 10px;
+        margin-left: -10px;
+    }
+
+    .p-confirm-popup-flipped:after,
+    .p-confirm-popup-flipped:before {
+        bottom: auto;
+        top: 100%;
+    }
+
+    .p-confirm-popup.p-confirm-popup-flipped:after {
+        border-bottom-color: transparent;
+    }
+
+    .p-confirm-popup.p-confirm-popup-flipped:before {
+        border-bottom-color: transparent;
+    }
+
+    .p-confirm-popup .p-confirm-popup-content {
+        display: flex;
+        align-items: center;
+    }
+}

package/resources/components/contextmenu/contextmenu.css

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

package/resources/components/dataview/dataview.css

@@ -1,13 +1,13 @@
-@layer cax {
-    .p-dataview {
-        position: relative;
-    }
-
-    .p-dataview .p-dataview-loading-overlay {
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 2;
-    }
-}
+@layer cax {
+    .p-dataview {
+        position: relative;
+    }
+
+    .p-dataview .p-dataview-loading-overlay {
+        position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 2;
+    }
+}