cax-design-system 2.7.12 → 2.8.0

package/resources/components/slidemenu/slidemenu.css

@@ -1,100 +1,100 @@
-@layer cax {
-    .p-slidemenu .p-slidemenu-root-list {
-        position: relative;
-        top: 0;
-    }
-
-    .p-slidemenu-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-slidemenu .p-menuitem-active {
-        position: static;
-    }
-
-    .p-slidemenu .p-slidemenu-wrapper {
-        position: relative;
-    }
-
-    .p-slidemenu ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-slidemenu .p-submenu-list {
-        position: absolute;
-        min-width: 100%;
-        z-index: 1;
-        display: none;
-    }
-
-    .p-slidemenu .p-slidemenu-content {
-        overflow-x: hidden;
-        overflow-y: auto;
-        position: relative;
-        height: 100%;
-    }
-
-    .p-slidemenu .p-menuitem-link:not(.p-slidemenu-backward) {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-slidemenu .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-slidemenu .p-menuitem {
-        position: relative;
-    }
-
-    .p-slidemenu .p-menuitem-link .p-submenu-icon:not(svg) {
-        margin-left: auto;
-    }
-
-    .p-slidemenu .p-menuitem-link .p-icon-wrapper {
-        margin-left: auto;
-    }
-
-    .p-slidemenu .p-menuitem-active > p-slidemenusub > .p-submenu-list {
-        display: block;
-        left: 100%;
-        top: 0;
-    }
-
-    .p-slidemenu .p-menuitem-active > .p-menuitem-content > .p-submenu > .p-submenu-list {
-        display: block;
-    }
-
-    .p-slidemenu ul:not(.p-active-submenu) > .p-menuitem:not(.p-menuitem-active),
-    .p-slidemenu .p-active-submenu > .p-menuitem-active > .p-menuitem-content > .p-submenu > .p-submenu-list {
-        display: none;
-    }
-
-    .p-slidemenu .p-active-submenu > .p-menuitem-active ~ .p-menuitem {
-        display: block;
-    }
-
-    .p-slidemenu-backward {
-        position: absolute;
-        bottom: 0;
-        width: 100%;
-        cursor: pointer;
-        display: none;
-    }
-
-    .p-slidemenu-backward .p-slidemenu-backward-icon {
-        vertical-align: middle;
-    }
-
-    .p-slidemenu-backward span {
-        vertical-align: middle;
-    }
-}
+@layer cax {
+    .p-slidemenu .p-slidemenu-root-list {
+        position: relative;
+        top: 0;
+    }
+
+    .p-slidemenu-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .p-slidemenu .p-menuitem-active {
+        position: static;
+    }
+
+    .p-slidemenu .p-slidemenu-wrapper {
+        position: relative;
+    }
+
+    .p-slidemenu ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    .p-slidemenu .p-submenu-list {
+        position: absolute;
+        min-width: 100%;
+        z-index: 1;
+        display: none;
+    }
+
+    .p-slidemenu .p-slidemenu-content {
+        overflow-x: hidden;
+        overflow-y: auto;
+        position: relative;
+        height: 100%;
+    }
+
+    .p-slidemenu .p-menuitem-link:not(.p-slidemenu-backward) {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .p-slidemenu .p-menuitem-text {
+        line-height: 1;
+    }
+
+    .p-slidemenu .p-menuitem {
+        position: relative;
+    }
+
+    .p-slidemenu .p-menuitem-link .p-submenu-icon:not(svg) {
+        margin-left: auto;
+    }
+
+    .p-slidemenu .p-menuitem-link .p-icon-wrapper {
+        margin-left: auto;
+    }
+
+    .p-slidemenu .p-menuitem-active > p-slidemenusub > .p-submenu-list {
+        display: block;
+        left: 100%;
+        top: 0;
+    }
+
+    .p-slidemenu .p-menuitem-active > .p-menuitem-content > .p-submenu > .p-submenu-list {
+        display: block;
+    }
+
+    .p-slidemenu ul:not(.p-active-submenu) > .p-menuitem:not(.p-menuitem-active),
+    .p-slidemenu .p-active-submenu > .p-menuitem-active > .p-menuitem-content > .p-submenu > .p-submenu-list {
+        display: none;
+    }
+
+    .p-slidemenu .p-active-submenu > .p-menuitem-active ~ .p-menuitem {
+        display: block;
+    }
+
+    .p-slidemenu-backward {
+        position: absolute;
+        bottom: 0;
+        width: 100%;
+        cursor: pointer;
+        display: none;
+    }
+
+    .p-slidemenu-backward .p-slidemenu-backward-icon {
+        vertical-align: middle;
+    }
+
+    .p-slidemenu-backward span {
+        vertical-align: middle;
+    }
+}

package/resources/components/slider/slider.css

@@ -1,41 +1,41 @@
-@layer cax {
-    .p-slider {
-        position: relative;
-    }
-
-    .p-slider .p-slider-handle {
-        position: absolute;
-        cursor: grab;
-        touch-action: none;
-        display: block;
-    }
-
-    .p-slider-range {
-        position: absolute;
-        display: block;
-    }
-
-    .p-slider-horizontal .p-slider-range {
-        top: 0;
-        left: 0;
-        height: 100%;
-    }
-
-    .p-slider-horizontal .p-slider-handle {
-        top: 50%;
-    }
-
-    .p-slider-vertical {
-        height: 100px;
-    }
-
-    .p-slider-vertical .p-slider-handle {
-        left: 50%;
-    }
-
-    .p-slider-vertical .p-slider-range {
-        bottom: 0;
-        left: 0;
-        width: 100%;
-    }
-}
+@layer cax {
+    .p-slider {
+        position: relative;
+    }
+
+    .p-slider .p-slider-handle {
+        position: absolute;
+        cursor: grab;
+        touch-action: none;
+        display: block;
+    }
+
+    .p-slider-range {
+        position: absolute;
+        display: block;
+    }
+
+    .p-slider-horizontal .p-slider-range {
+        top: 0;
+        left: 0;
+        height: 100%;
+    }
+
+    .p-slider-horizontal .p-slider-handle {
+        top: 50%;
+    }
+
+    .p-slider-vertical {
+        height: 100px;
+    }
+
+    .p-slider-vertical .p-slider-handle {
+        left: 50%;
+    }
+
+    .p-slider-vertical .p-slider-range {
+        bottom: 0;
+        left: 0;
+        width: 100%;
+    }
+}

package/resources/components/speeddial/speeddial.scss

@@ -1,122 +1,122 @@
-@layer cax {
-    .cax-speeddial {
-        position: absolute;
-        display: flex;
-        z-index: 1;
-    }
-
-    .cax-speeddial:not(.cax-speeddial-opened) {
-        pointer-events: none;
-    }
-
-    .cax-speeddial:not(.cax-speeddial-opened) .cax-speeddial-button {
-        pointer-events: auto;
-    }
-
-    .cax-speeddial-list {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: top 0s linear 0.2s;
-        pointer-events: none;
-    }
-
-    .cax-speeddial-item {
-        transform: scale(0);
-        opacity: 0;
-        transition:
-            transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
-            opacity 0.8s;
-        will-change: transform;
-    }
-
-    .cax-speeddial-action {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 50%;
-        position: relative;
-        overflow: hidden;
-        cursor: pointer;
-    }
-
-    .cax-speeddial-circle .cax-speeddial-item,
-    .cax-speeddial-semi-circle .cax-speeddial-item,
-    .cax-speeddial-quarter-circle .cax-speeddial-item {
-        position: absolute;
-    }
-
-    .cax-speeddial-rotate {
-        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-        will-change: transform;
-    }
-
-    .cax-speeddial-mask {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        opacity: 0;
-        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
-    }
-
-    .cax-speeddial-mask-visible {
-        pointer-events: none;
-        opacity: 1;
-        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
-    }
-
-    .cax-speeddial-opened .cax-speeddial-list {
-        pointer-events: auto;
-    }
-
-    .cax-speeddial-opened .cax-speeddial-item {
-        transform: scale(1);
-        opacity: 1;
-    }
-
-    .cax-speeddial-opened .cax-speeddial-rotate {
-        transform: rotate(45deg);
-    }
-
-    /* Direction */
-    .cax-speeddial-direction-up {
-        align-items: center;
-        flex-direction: column-reverse;
-    }
-
-    .cax-speeddial-direction-up .cax-speeddial-list {
-        flex-direction: column-reverse;
-    }
-
-    .cax-speeddial-direction-down {
-        align-items: center;
-        flex-direction: column;
-    }
-
-    .cax-speeddial-direction-down .cax-speeddial-list {
-        flex-direction: column;
-    }
-
-    .cax-speeddial-direction-left {
-        justify-content: center;
-        flex-direction: row-reverse;
-    }
-
-    .cax-speeddial-direction-left .cax-speeddial-list {
-        flex-direction: row-reverse;
-    }
-
-    .cax-speeddial-direction-right {
-        justify-content: center;
-        flex-direction: row;
-    }
-
-    .cax-speeddial-direction-right .cax-speeddial-list {
-        flex-direction: row;
-    }
-}
+@layer cax {
+    .cax-speeddial {
+        position: absolute;
+        display: flex;
+        z-index: 1;
+    }
+
+    .cax-speeddial:not(.cax-speeddial-opened) {
+        pointer-events: none;
+    }
+
+    .cax-speeddial:not(.cax-speeddial-opened) .cax-speeddial-button {
+        pointer-events: auto;
+    }
+
+    .cax-speeddial-list {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: top 0s linear 0.2s;
+        pointer-events: none;
+    }
+
+    .cax-speeddial-item {
+        transform: scale(0);
+        opacity: 0;
+        transition:
+            transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+            opacity 0.8s;
+        will-change: transform;
+    }
+
+    .cax-speeddial-action {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+        position: relative;
+        overflow: hidden;
+        cursor: pointer;
+    }
+
+    .cax-speeddial-circle .cax-speeddial-item,
+    .cax-speeddial-semi-circle .cax-speeddial-item,
+    .cax-speeddial-quarter-circle .cax-speeddial-item {
+        position: absolute;
+    }
+
+    .cax-speeddial-rotate {
+        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+        will-change: transform;
+    }
+
+    .cax-speeddial-mask {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        opacity: 0;
+        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
+    }
+
+    .cax-speeddial-mask-visible {
+        pointer-events: none;
+        opacity: 1;
+        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+    }
+
+    .cax-speeddial-opened .cax-speeddial-list {
+        pointer-events: auto;
+    }
+
+    .cax-speeddial-opened .cax-speeddial-item {
+        transform: scale(1);
+        opacity: 1;
+    }
+
+    .cax-speeddial-opened .cax-speeddial-rotate {
+        transform: rotate(45deg);
+    }
+
+    /* Direction */
+    .cax-speeddial-direction-up {
+        align-items: center;
+        flex-direction: column-reverse;
+    }
+
+    .cax-speeddial-direction-up .cax-speeddial-list {
+        flex-direction: column-reverse;
+    }
+
+    .cax-speeddial-direction-down {
+        align-items: center;
+        flex-direction: column;
+    }
+
+    .cax-speeddial-direction-down .cax-speeddial-list {
+        flex-direction: column;
+    }
+
+    .cax-speeddial-direction-left {
+        justify-content: center;
+        flex-direction: row-reverse;
+    }
+
+    .cax-speeddial-direction-left .cax-speeddial-list {
+        flex-direction: row-reverse;
+    }
+
+    .cax-speeddial-direction-right {
+        justify-content: center;
+        flex-direction: row;
+    }
+
+    .cax-speeddial-direction-right .cax-speeddial-list {
+        flex-direction: row;
+    }
+}

package/resources/components/spinner/spinner.css

@@ -1,63 +1,63 @@
-@layer cax {
-    .ui-spinner {
-        display: inline-block;
-        overflow: visible;
-        padding: 0;
-        position: relative;
-        vertical-align: middle;
-    }
-
-    .ui-spinner-input {
-        vertical-align: middle;
-        padding-right: 1.5em;
-    }
-
-    .ui-spinner-button {
-        cursor: default;
-        display: block;
-        height: 50%;
-        margin: 0;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        right: 0;
-        text-align: center;
-        vertical-align: middle;
-        width: 1.5em;
-    }
-
-    .ui-spinner .ui-spinner-button-icon {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin-top: -0.5em;
-        margin-left: -0.5em;
-        width: 1em;
-    }
-
-    .ui-spinner-up {
-        top: 0;
-    }
-
-    .ui-spinner-down {
-        bottom: 0;
-    }
-
-    /* Fluid */
-    .ui-fluid .ui-spinner {
-        width: 100%;
-    }
-
-    .ui-fluid .ui-spinner .ui-spinner-input {
-        padding-right: 2em;
-        width: 100%;
-    }
-
-    .ui-fluid .ui-spinner .ui-spinner-button {
-        width: 1.5em;
-    }
-
-    .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
-        left: 0.7em;
-    }
-}
+@layer cax {
+    .ui-spinner {
+        display: inline-block;
+        overflow: visible;
+        padding: 0;
+        position: relative;
+        vertical-align: middle;
+    }
+
+    .ui-spinner-input {
+        vertical-align: middle;
+        padding-right: 1.5em;
+    }
+
+    .ui-spinner-button {
+        cursor: default;
+        display: block;
+        height: 50%;
+        margin: 0;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        right: 0;
+        text-align: center;
+        vertical-align: middle;
+        width: 1.5em;
+    }
+
+    .ui-spinner .ui-spinner-button-icon {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin-top: -0.5em;
+        margin-left: -0.5em;
+        width: 1em;
+    }
+
+    .ui-spinner-up {
+        top: 0;
+    }
+
+    .ui-spinner-down {
+        bottom: 0;
+    }
+
+    /* Fluid */
+    .ui-fluid .ui-spinner {
+        width: 100%;
+    }
+
+    .ui-fluid .ui-spinner .ui-spinner-input {
+        padding-right: 2em;
+        width: 100%;
+    }
+
+    .ui-fluid .ui-spinner .ui-spinner-button {
+        width: 1.5em;
+    }
+
+    .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
+        left: 0.7em;
+    }
+}