cax-design-system 2.7.12 → 2.8.0

package/resources/components/scroller/scroller.scss

@@ -1,58 +1,58 @@
-@layer cax {
-    cax-scroller {
-        flex: 1;
-        outline: 0 none;
-    }
-
-    .cax-scroller {
-        position: relative;
-        overflow: auto;
-        contain: strict;
-        transform: translateZ(0);
-        will-change: scroll-position;
-        outline: 0 none;
-    }
-
-    .cax-scroller-content {
-        position: absolute;
-        top: 0;
-        left: 0;
-        /*contain: content;*/
-        min-height: 100%;
-        min-width: 100%;
-        will-change: transform;
-    }
-
-    .cax-scroller-spacer {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 1px;
-        width: 1px;
-        transform-origin: 0 0;
-        pointer-events: none;
-    }
-
-    .cax-scroller-loader {
-        position: sticky;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .cax-scroller-loader.cax-component-overlay {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .cax-scroller-loading-icon {
-        scale: 2;
-    }
-
-    /* Inline */
-    .cax-scroller-inline .cax-scroller-content {
-        position: static;
-    }
-}
+@layer cax {
+    cax-scroller {
+        flex: 1;
+        outline: 0 none;
+    }
+
+    .cax-scroller {
+        position: relative;
+        overflow: auto;
+        contain: strict;
+        transform: translateZ(0);
+        will-change: scroll-position;
+        outline: 0 none;
+    }
+
+    .cax-scroller-content {
+        position: absolute;
+        top: 0;
+        left: 0;
+        /*contain: content;*/
+        min-height: 100%;
+        min-width: 100%;
+        will-change: transform;
+    }
+
+    .cax-scroller-spacer {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 1px;
+        width: 1px;
+        transform-origin: 0 0;
+        pointer-events: none;
+    }
+
+    .cax-scroller-loader {
+        position: sticky;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .cax-scroller-loader.cax-component-overlay {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .cax-scroller-loading-icon {
+        scale: 2;
+    }
+
+    /* Inline */
+    .cax-scroller-inline .cax-scroller-content {
+        position: static;
+    }
+}

package/resources/components/scrollpanel/scrollpanel.css

@@ -1,50 +1,50 @@
-@layer cax {
-    .p-scrollpanel-wrapper {
-        overflow: hidden;
-        width: 100%;
-        height: 100%;
-        position: relative;
-        float: left;
-    }
-
-    .p-scrollpanel-content {
-        height: calc(100% + 18px);
-        width: calc(100% + 18px);
-        padding: 0 18px 18px 0;
-        position: relative;
-        overflow: auto;
-        box-sizing: border-box;
-    }
-
-    .p-scrollpanel-bar {
-        position: relative;
-        background: #c1c1c1;
-        border-radius: 3px;
-        cursor: pointer;
-        opacity: 0;
-        transition: opacity 0.25s linear;
-    }
-
-    .p-scrollpanel-bar-y {
-        width: 9px;
-        top: 0;
-    }
-
-    .p-scrollpanel-bar-x {
-        height: 9px;
-        bottom: 0;
-    }
-
-    .p-scrollpanel-hidden {
-        visibility: hidden;
-    }
-
-    .p-scrollpanel:hover .p-scrollpanel-bar,
-    .p-scrollpanel:active .p-scrollpanel-bar {
-        opacity: 1;
-    }
-
-    .p-scrollpanel-grabbed {
-        user-select: none;
-    }
-}
+@layer cax {
+    .p-scrollpanel-wrapper {
+        overflow: hidden;
+        width: 100%;
+        height: 100%;
+        position: relative;
+        float: left;
+    }
+
+    .p-scrollpanel-content {
+        height: calc(100% + 18px);
+        width: calc(100% + 18px);
+        padding: 0 18px 18px 0;
+        position: relative;
+        overflow: auto;
+        box-sizing: border-box;
+    }
+
+    .p-scrollpanel-bar {
+        position: relative;
+        background: #c1c1c1;
+        border-radius: 3px;
+        cursor: pointer;
+        opacity: 0;
+        transition: opacity 0.25s linear;
+    }
+
+    .p-scrollpanel-bar-y {
+        width: 9px;
+        top: 0;
+    }
+
+    .p-scrollpanel-bar-x {
+        height: 9px;
+        bottom: 0;
+    }
+
+    .p-scrollpanel-hidden {
+        visibility: hidden;
+    }
+
+    .p-scrollpanel:hover .p-scrollpanel-bar,
+    .p-scrollpanel:active .p-scrollpanel-bar {
+        opacity: 1;
+    }
+
+    .p-scrollpanel-grabbed {
+        user-select: none;
+    }
+}

package/resources/components/scrolltop/scrolltop.css

@@ -1,18 +1,18 @@
-@layer cax {
-    .p-scrolltop {
-        position: fixed;
-        bottom: 20px;
-        right: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-scrolltop-sticky {
-        position: sticky;
-    }
-
-    .p-scrolltop-sticky.p-link {
-        margin-left: auto;
-    }
-}
+@layer cax {
+    .p-scrolltop {
+        position: fixed;
+        bottom: 20px;
+        right: 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-scrolltop-sticky {
+        position: sticky;
+    }
+
+    .p-scrolltop-sticky.p-link {
+        margin-left: auto;
+    }
+}

package/resources/components/sidebar/sidebar.scss

@@ -1,117 +1,117 @@
-@layer cax {
-    .cax-sidebar {
-        position: fixed;
-        transition: transform 0.3s;
-        display: flex;
-        flex-direction: column;
-    }
-
-    .cax-sidebar-content {
-        position: relative;
-        overflow-y: auto;
-        flex-grow: 1;
-    }
-
-    .cax-sidebar-header {
-        display: flex;
-        align-items: center;
-    }
-
-    .cax-sidebar-footer {
-        margin-top: auto;
-    }
-
-    .cax-sidebar-icon-css {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: auto;
-    }
-
-    .cax-sidebar-left {
-        top: 0;
-        left: 0;
-        width: 478px;
-        height: -webkit-fill-available;
-        margin: 15px 15px 15px 15px;
-        border-radius: 12px;
-    }
-
-    .cax-sidebar-right {
-        top: 0;
-        right: 0;
-        width: 480px;
-        height: -webkit-fill-available;
-        margin: 15px 15px 15px 15px;
-        border-radius: 12px;
-    }
-
-    .cax-sidebar-top {
-        top: 0;
-        left: 0;
-        width: -webkit-fill-available;
-        height: 10rem;
-        margin: 15px 15px 15px 15px;
-        border-radius: 12px;
-    }
-
-    .cax-sidebar-bottom {
-        bottom: 0;
-        left: 0;
-        width: -webkit-fill-available;
-        height: 10rem;
-        margin: 15px 15px 15px 15px;
-        border-radius: 12px;
-    }
-    .cax-sidebar-inline {
-        margin: 0 !important;
-        border-radius: 0 !important;
-      }
-    .cax-sidebar-full {
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        -webkit-transition: none;
-        transition: none;
-    }
-
-    .cax-sidebar-left.cax-sidebar-sm,
-    .cax-sidebar-right.cax-sidebar-sm {
-        width: 478px;
-    }
-
-    .cax-sidebar-left.cax-sidebar-md,
-    .cax-sidebar-right.cax-sidebar-md {
-        width: 40rem;
-    }
-
-    .cax-sidebar-left.cax-sidebar-lg,
-    .cax-sidebar-right.cax-sidebar-lg {
-        width: 60rem;
-    }
-
-    .cax-sidebar-top.cax-sidebar-sm,
-    .cax-sidebar-bottom.cax-sidebar-sm {
-        height: 10rem;
-    }
-
-    .cax-sidebar-top.cax-sidebar-md,
-    .cax-sidebar-bottom.cax-sidebar-md {
-        height: 478px;
-    }
-
-    .cax-sidebar-top.cax-sidebar-lg,
-    .cax-sidebar-bottom.cax-sidebar-lg {
-        height: 30rem;
-    }
-
-    @media screen and (max-width: 64em) {
-        .cax-sidebar-left.cax-sidebar-lg,
-        .cax-sidebar-left.cax-sidebar-md,
-        .cax-sidebar-right.cax-sidebar-lg,
-        .cax-sidebar-right.cax-sidebar-md {
-            width: 478px;
-        }
-    }
-}
+@layer cax {
+    .cax-sidebar {
+        position: fixed;
+        transition: transform 0.3s;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .cax-sidebar-content {
+        position: relative;
+        overflow-y: auto;
+        flex-grow: 1;
+    }
+
+    .cax-sidebar-header {
+        display: flex;
+        align-items: center;
+    }
+
+    .cax-sidebar-footer {
+        margin-top: auto;
+    }
+
+    .cax-sidebar-icon-css {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: auto;
+    }
+
+    .cax-sidebar-left {
+        top: 0;
+        left: 0;
+        width: 478px;
+        height: -webkit-fill-available;
+        margin: 15px 15px 15px 15px;
+        border-radius: 12px;
+    }
+
+    .cax-sidebar-right {
+        top: 0;
+        right: 0;
+        width: 480px;
+        height: -webkit-fill-available;
+        margin: 15px 15px 15px 15px;
+        border-radius: 12px;
+    }
+
+    .cax-sidebar-top {
+        top: 0;
+        left: 0;
+        width: -webkit-fill-available;
+        height: 10rem;
+        margin: 15px 15px 15px 15px;
+        border-radius: 12px;
+    }
+
+    .cax-sidebar-bottom {
+        bottom: 0;
+        left: 0;
+        width: -webkit-fill-available;
+        height: 10rem;
+        margin: 15px 15px 15px 15px;
+        border-radius: 12px;
+    }
+    .cax-sidebar-inline {
+        margin: 0 !important;
+        border-radius: 0 !important;
+      }
+    .cax-sidebar-full {
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        -webkit-transition: none;
+        transition: none;
+    }
+
+    .cax-sidebar-left.cax-sidebar-sm,
+    .cax-sidebar-right.cax-sidebar-sm {
+        width: 478px;
+    }
+
+    .cax-sidebar-left.cax-sidebar-md,
+    .cax-sidebar-right.cax-sidebar-md {
+        width: 40rem;
+    }
+
+    .cax-sidebar-left.cax-sidebar-lg,
+    .cax-sidebar-right.cax-sidebar-lg {
+        width: 60rem;
+    }
+
+    .cax-sidebar-top.cax-sidebar-sm,
+    .cax-sidebar-bottom.cax-sidebar-sm {
+        height: 10rem;
+    }
+
+    .cax-sidebar-top.cax-sidebar-md,
+    .cax-sidebar-bottom.cax-sidebar-md {
+        height: 478px;
+    }
+
+    .cax-sidebar-top.cax-sidebar-lg,
+    .cax-sidebar-bottom.cax-sidebar-lg {
+        height: 30rem;
+    }
+
+    @media screen and (max-width: 64em) {
+        .cax-sidebar-left.cax-sidebar-lg,
+        .cax-sidebar-left.cax-sidebar-md,
+        .cax-sidebar-right.cax-sidebar-lg,
+        .cax-sidebar-right.cax-sidebar-md {
+            width: 478px;
+        }
+    }
+}

package/resources/components/skeleton/skeleton.scss

@@ -1,25 +1,25 @@
-@layer cax {
-    .cax-skeleton {
-        position: relative;
-        overflow: hidden;
-    }
-
-
-    .cax-skeleton::after {
-        content: '';
-        height: 100%;
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        z-index: 1;
-    }
-
-    .cax-skeleton.cax-skeleton-circle {
-        border-radius: 50%;
-    }
-
-    .cax-skeleton-none {
-        animation: none;
-    }
+@layer cax {
+    .cax-skeleton {
+        position: relative;
+        overflow: hidden;
+    }
+
+
+    .cax-skeleton::after {
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        right: 0;
+        top: 0;
+        z-index: 1;
+    }
+
+    .cax-skeleton.cax-skeleton-circle {
+        border-radius: 50%;
+    }
+
+    .cax-skeleton-none {
+        animation: none;
+    }
 }