cax-design-system 2.8.0 → 2.8.1

package/resources/components/overlay/overlay.scss

@@ -1,80 +1,80 @@
-@layer cax {
-    .cax-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .cax-overlay-modal {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .cax-overlay-content {
-        transform-origin: inherit;
-    }
-
-    .cax-overlay-modal > .cax-overlay-content {
-        z-index: 1;
-        width: 90%;
-    }
-
-    /* Position */
-    /* top */
-    .cax-overlay-top {
-        align-items: flex-start;
-    }
-    .cax-overlay-top-start {
-        align-items: flex-start;
-        justify-content: flex-start;
-    }
-    .cax-overlay-top-end {
-        align-items: flex-start;
-        justify-content: flex-end;
-    }
-
-    /* bottom */
-    .cax-overlay-bottom {
-        align-items: flex-end;
-    }
-    .cax-overlay-bottom-start {
-        align-items: flex-end;
-        justify-content: flex-start;
-    }
-    .cax-overlay-bottom-end {
-        align-items: flex-end;
-        justify-content: flex-end;
-    }
-
-    /* left */
-    .cax-overlay-left {
-        justify-content: flex-start;
-    }
-    .cax-overlay-left-start {
-        justify-content: flex-start;
-        align-items: flex-start;
-    }
-    .cax-overlay-left-end {
-        justify-content: flex-start;
-        align-items: flex-end;
-    }
-
-    /* right */
-    .cax-overlay-right {
-        justify-content: flex-end;
-    }
-    .cax-overlay-right-start {
-        justify-content: flex-end;
-        align-items: flex-start;
-    }
-    .cax-overlay-right-end {
-        justify-content: flex-end;
-        align-items: flex-end;
-    }
-}
+@layer cax {
+    .cax-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .cax-overlay-modal {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .cax-overlay-content {
+        transform-origin: inherit;
+    }
+
+    .cax-overlay-modal > .cax-overlay-content {
+        z-index: 1;
+        width: 90%;
+    }
+
+    /* Position */
+    /* top */
+    .cax-overlay-top {
+        align-items: flex-start;
+    }
+    .cax-overlay-top-start {
+        align-items: flex-start;
+        justify-content: flex-start;
+    }
+    .cax-overlay-top-end {
+        align-items: flex-start;
+        justify-content: flex-end;
+    }
+
+    /* bottom */
+    .cax-overlay-bottom {
+        align-items: flex-end;
+    }
+    .cax-overlay-bottom-start {
+        align-items: flex-end;
+        justify-content: flex-start;
+    }
+    .cax-overlay-bottom-end {
+        align-items: flex-end;
+        justify-content: flex-end;
+    }
+
+    /* left */
+    .cax-overlay-left {
+        justify-content: flex-start;
+    }
+    .cax-overlay-left-start {
+        justify-content: flex-start;
+        align-items: flex-start;
+    }
+    .cax-overlay-left-end {
+        justify-content: flex-start;
+        align-items: flex-end;
+    }
+
+    /* right */
+    .cax-overlay-right {
+        justify-content: flex-end;
+    }
+    .cax-overlay-right-start {
+        justify-content: flex-end;
+        align-items: flex-start;
+    }
+    .cax-overlay-right-end {
+        justify-content: flex-end;
+        align-items: flex-end;
+    }
+}

package/resources/components/overlaypanel/overlaypanel.scss

@@ -1,66 +1,66 @@
-@layer cax {
-    .cax-overlaypanel {
-        position: absolute;
-        margin-top: 4px;
-        top: 0;
-        left: 0;
-    }
-
-    .cax-overlaypanel-flipped {
-        margin-top: 0;
-        margin-bottom: 10px;
-    }
-
-    .cax-overlaypanel-close {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .cax-overlaypanel:after,
-    .cax-overlaypanel:before {
-        bottom: 100%;
-        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
-        content: none;
-        height: 0;
-        width: 0;
-        position: absolute;
-        pointer-events: none;
-    }
-
-    .cax-overlaypanel:after {
-        border-width: 8px;
-        margin-left: -8px;
-    }
-
-    .cax-overlaypanel:before {
-        border-width: 10px;
-        margin-left: -10px;
-    }
-
-    .cax-overlaypanel-shifted:after,
-    .cax-overlaypanel-shifted:before {
-        left: auto;
-        right: 1.25em;
-        margin-left: auto;
-    }
-
-    .cax-overlaypanel-flipped:after,
-    .cax-overlaypanel-flipped:before {
-        bottom: auto;
-        top: 100%;
-    }
-
-    .cax-overlaypanel.cax-overlaypanel-flipped:after {
-        border-bottom-color: transparent;
-    }
-
-    .cax-overlaypanel.cax-overlaypanel-flipped:before {
-        border-bottom-color: transparent;
-    }
-    .overlaypanelclose {
-        font-size: 20px;
-    }
-}
+@layer cax {
+    .cax-overlaypanel {
+        position: absolute;
+        margin-top: 4px;
+        top: 0;
+        left: 0;
+    }
+
+    .cax-overlaypanel-flipped {
+        margin-top: 0;
+        margin-bottom: 10px;
+    }
+
+    .cax-overlaypanel-close {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .cax-overlaypanel:after,
+    .cax-overlaypanel:before {
+        bottom: 100%;
+        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
+        content: none;
+        height: 0;
+        width: 0;
+        position: absolute;
+        pointer-events: none;
+    }
+
+    .cax-overlaypanel:after {
+        border-width: 8px;
+        margin-left: -8px;
+    }
+
+    .cax-overlaypanel:before {
+        border-width: 10px;
+        margin-left: -10px;
+    }
+
+    .cax-overlaypanel-shifted:after,
+    .cax-overlaypanel-shifted:before {
+        left: auto;
+        right: 1.25em;
+        margin-left: auto;
+    }
+
+    .cax-overlaypanel-flipped:after,
+    .cax-overlaypanel-flipped:before {
+        bottom: auto;
+        top: 100%;
+    }
+
+    .cax-overlaypanel.cax-overlaypanel-flipped:after {
+        border-bottom-color: transparent;
+    }
+
+    .cax-overlaypanel.cax-overlaypanel-flipped:before {
+        border-bottom-color: transparent;
+    }
+    .overlaypanelclose {
+        font-size: 20px;
+    }
+}

package/resources/components/paginator/paginator.scss

@@ -1,41 +1,41 @@
-@layer cax {
-    .cax-paginator {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-wrap: wrap;
-    }
-
-    .cax-paginator.right-aligned {
-        justify-content: flex-end;
-    }
-
-    .cax-paginator-left-content {
-        margin-right: auto;
-    }
-
-    .cax-paginator-right-content {
-        margin-left: auto;
-    }
-
-    .cax-paginator-page,
-    .cax-paginator-next,
-    .cax-paginator-last,
-    .cax-paginator-first,
-    .cax-paginator-prev,
-    .cax-paginator-current {
-        cursor: pointer;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        line-height: 1;
-        user-select: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .cax-paginator-element:focus {
-        z-index: 1;
-        position: relative;
-    }
-}
+@layer cax {
+    .cax-paginator {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+
+    .cax-paginator.right-aligned {
+        justify-content: flex-end;
+    }
+
+    .cax-paginator-left-content {
+        margin-right: auto;
+    }
+
+    .cax-paginator-right-content {
+        margin-left: auto;
+    }
+
+    .cax-paginator-page,
+    .cax-paginator-next,
+    .cax-paginator-last,
+    .cax-paginator-first,
+    .cax-paginator-prev,
+    .cax-paginator-current {
+        cursor: pointer;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        line-height: 1;
+        user-select: none;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .cax-paginator-element:focus {
+        z-index: 1;
+        position: relative;
+    }
+}

package/resources/components/panel/panel.css

@@ -1,29 +1,29 @@
-@layer cax {
-    .p-panel-header {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-panel-title {
-        line-height: 1;
-        order: 1;
-    }
-
-    .p-panel-header-icon {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-panel-toggleable.p-panel-expanded > .p-toggleable-content:not(.ng-animating) {
-        overflow: visible;
-    }
-
-    .p-panel-toggleable .p-toggleable-content {
-        overflow: hidden;
-    }
-}
+@layer cax {
+    .p-panel-header {
+        display: flex;
+        align-items: center;
+    }
+
+    .p-panel-title {
+        line-height: 1;
+        order: 1;
+    }
+
+    .p-panel-header-icon {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        text-decoration: none;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .p-panel-toggleable.p-panel-expanded > .p-toggleable-content:not(.ng-animating) {
+        overflow: visible;
+    }
+
+    .p-panel-toggleable .p-toggleable-content {
+        overflow: hidden;
+    }
+}

package/resources/components/panelmenu/panelmenu.css

@@ -1,45 +1,45 @@
-@layer cax {
-    .p-panelmenu .p-panelmenu-header-action {
-        display: flex;
-        align-items: center;
-        user-select: none;
-        cursor: pointer;
-        position: relative;
-        text-decoration: none;
-    }
-
-    .p-panelmenu .p-panelmenu-header-action:focus {
-        z-index: 1;
-    }
-
-    .p-panelmenu .p-submenu-list {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-panelmenu .p-menuitem-link {
-        display: flex;
-        align-items: center;
-        user-select: none;
-        cursor: pointer;
-        text-decoration: none;
-        position: relative;
-        overflow: hidden;
-        outline: none;
-    }
-
-    .p-panelmenu .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-panelmenu-expanded.p-toggleable-content:not(.ng-animating),
-    .p-panelmenu .p-submenu-expanded:not(.ng-animating) {
-        overflow: visible;
-    }
-
-    .p-panelmenu .p-toggleable-content,
-    .p-panelmenu .p-submenu-list {
-        overflow: hidden;
-    }
-}
+@layer cax {
+    .p-panelmenu .p-panelmenu-header-action {
+        display: flex;
+        align-items: center;
+        user-select: none;
+        cursor: pointer;
+        position: relative;
+        text-decoration: none;
+    }
+
+    .p-panelmenu .p-panelmenu-header-action:focus {
+        z-index: 1;
+    }
+
+    .p-panelmenu .p-submenu-list {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    .p-panelmenu .p-menuitem-link {
+        display: flex;
+        align-items: center;
+        user-select: none;
+        cursor: pointer;
+        text-decoration: none;
+        position: relative;
+        overflow: hidden;
+        outline: none;
+    }
+
+    .p-panelmenu .p-menuitem-text {
+        line-height: 1;
+    }
+
+    .p-panelmenu-expanded.p-toggleable-content:not(.ng-animating),
+    .p-panelmenu .p-submenu-expanded:not(.ng-animating) {
+        overflow: visible;
+    }
+
+    .p-panelmenu .p-toggleable-content,
+    .p-panelmenu .p-submenu-list {
+        overflow: hidden;
+    }
+}

package/resources/components/password/password.css

@@ -1,54 +1,54 @@
-@layer cax {
-    .p-password {
-        position: relative;
-        display: inline-flex;
-    }
-
-    .p-password-panel {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-password .p-password-panel {
-        min-width: 100%;
-    }
-
-    .p-password-meter {
-        height: 10px;
-    }
-
-    .p-password-strength {
-        height: 100%;
-        width: 0%;
-        transition: width 1s ease-in-out;
-    }
-
-    .p-fluid .p-password {
-        display: flex;
-    }
-
-    .p-password-input::-ms-reveal,
-    .p-password-input::-ms-clear {
-        display: none;
-    }
-
-    .p-password-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-password .p-icon {
-        cursor: pointer;
-    }
-
-    .p-password-clearable.p-password-mask .p-password-clear-icon {
-        margin-top: unset;
-    }
-
-    .p-password-clearable {
-        position: relative;
-    }
-}
+@layer cax {
+    .p-password {
+        position: relative;
+        display: inline-flex;
+    }
+
+    .p-password-panel {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .p-password .p-password-panel {
+        min-width: 100%;
+    }
+
+    .p-password-meter {
+        height: 10px;
+    }
+
+    .p-password-strength {
+        height: 100%;
+        width: 0%;
+        transition: width 1s ease-in-out;
+    }
+
+    .p-fluid .p-password {
+        display: flex;
+    }
+
+    .p-password-input::-ms-reveal,
+    .p-password-input::-ms-clear {
+        display: none;
+    }
+
+    .p-password-clear-icon {
+        position: absolute;
+        top: 50%;
+        margin-top: -0.5rem;
+        cursor: pointer;
+    }
+
+    .p-password .p-icon {
+        cursor: pointer;
+    }
+
+    .p-password-clearable.p-password-mask .p-password-clear-icon {
+        margin-top: unset;
+    }
+
+    .p-password-clearable {
+        position: relative;
+    }
+}