cax-design-system 2.8.0 → 2.8.1

package/resources/components/dock/dock.css

@@ -1,107 +1,107 @@
-@layer cax {
-    .p-dock {
-        position: absolute;
-        z-index: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        pointer-events: none;
-    }
-
-    .p-dock-list-container {
-        display: flex;
-        pointer-events: auto;
-    }
-
-    .p-dock-list {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-dock-item {
-        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-        will-change: transform;
-    }
-
-    .p-dock-link {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        position: relative;
-        overflow: hidden;
-        cursor: default;
-    }
-
-    .p-dock-item-second-prev,
-    .p-dock-item-second-next {
-        transform: scale(1.2);
-    }
-
-    .p-dock-item-prev,
-    .p-dock-item-next {
-        transform: scale(1.4);
-    }
-
-    .p-dock-item-current {
-        transform: scale(1.6);
-        z-index: 1;
-    }
-
-    /* Position */
-    /* top */
-    .p-dock-top {
-        left: 0;
-        top: 0;
-        width: 100%;
-    }
-
-    .p-dock-top .p-dock-item {
-        transform-origin: center top;
-    }
-
-    /* bottom */
-    .p-dock-bottom {
-        left: 0;
-        bottom: 0;
-        width: 100%;
-    }
-
-    .p-dock-bottom .p-dock-item {
-        transform-origin: center bottom;
-    }
-
-    /* right */
-    .p-dock-right {
-        right: 0;
-        top: 0;
-        height: 100%;
-    }
-
-    .p-dock-right .p-dock-item {
-        transform-origin: center right;
-    }
-
-    .p-dock-right .p-dock-list {
-        flex-direction: column;
-    }
-
-    /* left */
-    .p-dock-left {
-        left: 0;
-        top: 0;
-        height: 100%;
-    }
-
-    .p-dock-left .p-dock-item {
-        transform-origin: center left;
-    }
-
-    .p-dock-left .p-dock-list {
-        flex-direction: column;
-    }
-}
+@layer cax {
+    .p-dock {
+        position: absolute;
+        z-index: 1;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        pointer-events: none;
+    }
+
+    .p-dock-list-container {
+        display: flex;
+        pointer-events: auto;
+    }
+
+    .p-dock-list {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-dock-item {
+        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+        will-change: transform;
+    }
+
+    .p-dock-link {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        overflow: hidden;
+        cursor: default;
+    }
+
+    .p-dock-item-second-prev,
+    .p-dock-item-second-next {
+        transform: scale(1.2);
+    }
+
+    .p-dock-item-prev,
+    .p-dock-item-next {
+        transform: scale(1.4);
+    }
+
+    .p-dock-item-current {
+        transform: scale(1.6);
+        z-index: 1;
+    }
+
+    /* Position */
+    /* top */
+    .p-dock-top {
+        left: 0;
+        top: 0;
+        width: 100%;
+    }
+
+    .p-dock-top .p-dock-item {
+        transform-origin: center top;
+    }
+
+    /* bottom */
+    .p-dock-bottom {
+        left: 0;
+        bottom: 0;
+        width: 100%;
+    }
+
+    .p-dock-bottom .p-dock-item {
+        transform-origin: center bottom;
+    }
+
+    /* right */
+    .p-dock-right {
+        right: 0;
+        top: 0;
+        height: 100%;
+    }
+
+    .p-dock-right .p-dock-item {
+        transform-origin: center right;
+    }
+
+    .p-dock-right .p-dock-list {
+        flex-direction: column;
+    }
+
+    /* left */
+    .p-dock-left {
+        left: 0;
+        top: 0;
+        height: 100%;
+    }
+
+    .p-dock-left .p-dock-item {
+        transform-origin: center left;
+    }
+
+    .p-dock-left .p-dock-list {
+        flex-direction: column;
+    }
+}

package/resources/components/dropdown/dropdown.scss

@@ -1,94 +1,94 @@
-@layer cax {
-    .cax-dropdown {
-        display: inline-flex;
-        cursor: pointer;
-        position: relative;
-        user-select: none;
-        width: 100%;
-        height: 40px;
-    }
-
-    .cax-dropdown-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-    .cax-dropdown-main-label {
-        font-weight: 500;
-        font-size: 14px;
-        line-height: 20px;
-        margin-bottom: 8px;
-    }
-
-    .cax-dropdown-trigger {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-    }
-
-    .cax-dropdown-trigger-icon {
-        transition: transform 0.3s ease;
-    }
-
-    .cax-dropdown-open .cax-dropdown-trigger-icon {
-        transform: rotate(180deg);
-    }
-
-    .cax-dropdown-label {
-        display: block;
-        white-space: nowrap;
-        overflow: hidden;
-        flex: 1 1 auto;
-        width: 1%;
-        text-overflow: ellipsis;
-        cursor: pointer;
-    }
-
-    .cax-dropdown-label-empty {
-        overflow: hidden;
-        opacity: 0;
-    }
-
-    input.cax-dropdown-label {
-        cursor: default;
-    }
-
-    .cax-dropdown .cax-dropdown-panel {
-    }
-
-    .cax-dropdown-items-wrapper {
-        overflow: auto;
-    }
-
-    .cax-dropdown-item {
-        cursor: pointer;
-        font-weight: normal;
-        white-space: nowrap;
-        position: relative;
-        overflow: hidden;
-        font-weight: 500;
-    }
-
-    .cax-dropdown-item-group {
-        cursor: auto;
-    }
-
-    .cax-dropdown-items {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    .cax-fluid .cax-dropdown {
-        display: flex;
-    }
-
-    .cax-fluid .cax-dropdown .cax-dropdown-label {
-        width: 1%;
-    }
-
-    .cax-float-label .cax-dropdown .cax-placeholder {
-        opacity: 0;
-    }
-}
+@layer cax {
+    .cax-dropdown {
+        display: inline-flex;
+        cursor: pointer;
+        position: relative;
+        user-select: none;
+        width: 100%;
+        height: 40px;
+    }
+
+    .cax-dropdown-clear-icon {
+        position: absolute;
+        top: 50%;
+        margin-top: -0.5rem;
+    }
+    .cax-dropdown-main-label {
+        font-weight: 500;
+        font-size: 14px;
+        line-height: 20px;
+        margin-bottom: 8px;
+    }
+
+    .cax-dropdown-trigger {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+    }
+
+    .cax-dropdown-trigger-icon {
+        transition: transform 0.3s ease;
+    }
+
+    .cax-dropdown-open .cax-dropdown-trigger-icon {
+        transform: rotate(180deg);
+    }
+
+    .cax-dropdown-label {
+        display: block;
+        white-space: nowrap;
+        overflow: hidden;
+        flex: 1 1 auto;
+        width: 1%;
+        text-overflow: ellipsis;
+        cursor: pointer;
+    }
+
+    .cax-dropdown-label-empty {
+        overflow: hidden;
+        opacity: 0;
+    }
+
+    input.cax-dropdown-label {
+        cursor: default;
+    }
+
+    .cax-dropdown .cax-dropdown-panel {
+    }
+
+    .cax-dropdown-items-wrapper {
+        overflow: auto;
+    }
+
+    .cax-dropdown-item {
+        cursor: pointer;
+        font-weight: normal;
+        white-space: nowrap;
+        position: relative;
+        overflow: hidden;
+        font-weight: 500;
+    }
+
+    .cax-dropdown-item-group {
+        cursor: auto;
+    }
+
+    .cax-dropdown-items {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+    }
+
+    .cax-fluid .cax-dropdown {
+        display: flex;
+    }
+
+    .cax-fluid .cax-dropdown .cax-dropdown-label {
+        width: 1%;
+    }
+
+    .cax-float-label .cax-dropdown .cax-placeholder {
+        opacity: 0;
+    }
+}

package/resources/components/editor/editor.scss

@@ -1,4 +1,4 @@
-.cax-editor-container .cax-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
-    width: auto;
-    height: auto;
+.cax-editor-container .cax-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+    width: auto;
+    height: auto;
 }

package/resources/components/fieldset/fieldset.css

@@ -1,30 +1,30 @@
-@layer cax {
-    .p-fieldset {
-        min-width: initial;
-    }
-    .p-fieldset-legend > a,
-    .p-fieldset-legend > span {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-fieldset-toggleable .p-fieldset-legend a {
-        cursor: pointer;
-        user-select: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-fieldset-legend-text {
-        line-height: 1;
-    }
-
-    .p-fieldset-toggleable.p-fieldset-expanded > .p-toggleable-content:not(.ng-animating) {
-        overflow: visible;
-    }
-
-    .p-fieldset-toggleable .p-toggleable-content {
-        overflow: hidden;
-    }
-}
+@layer cax {
+    .p-fieldset {
+        min-width: initial;
+    }
+    .p-fieldset-legend > a,
+    .p-fieldset-legend > span {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-fieldset-toggleable .p-fieldset-legend a {
+        cursor: pointer;
+        user-select: none;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .p-fieldset-legend-text {
+        line-height: 1;
+    }
+
+    .p-fieldset-toggleable.p-fieldset-expanded > .p-toggleable-content:not(.ng-animating) {
+        overflow: visible;
+    }
+
+    .p-fieldset-toggleable .p-toggleable-content {
+        overflow: hidden;
+    }
+}

package/resources/components/fileupload/fileupload.css

@@ -1,47 +1,47 @@
-@layer cax {
-    .p-fileupload-content {
-        position: relative;
-    }
-
-    .p-fileupload-row {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-fileupload-row > div {
-        flex: 1 1 auto;
-        width: 25%;
-    }
-
-    .p-fileupload-row > div:last-child {
-        text-align: right;
-    }
-
-    .p-fileupload-content .p-progressbar {
-        width: 100%;
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-button.p-fileupload-choose {
-        position: relative;
-        overflow: hidden;
-    }
-
-    .p-button.p-fileupload-choose input[type='file'] {
-        display: none;
-    }
-
-    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {
-        display: none;
-    }
-
-    .p-fluid .p-fileupload .p-button {
-        width: auto;
-    }
-
-    .p-fileupload-filename {
-        word-break: break-all;
-    }
-}
+@layer cax {
+    .p-fileupload-content {
+        position: relative;
+    }
+
+    .p-fileupload-row {
+        display: flex;
+        align-items: center;
+    }
+
+    .p-fileupload-row > div {
+        flex: 1 1 auto;
+        width: 25%;
+    }
+
+    .p-fileupload-row > div:last-child {
+        text-align: right;
+    }
+
+    .p-fileupload-content .p-progressbar {
+        width: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .p-button.p-fileupload-choose {
+        position: relative;
+        overflow: hidden;
+    }
+
+    .p-button.p-fileupload-choose input[type='file'] {
+        display: none;
+    }
+
+    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {
+        display: none;
+    }
+
+    .p-fluid .p-fileupload .p-button {
+        width: auto;
+    }
+
+    .p-fileupload-filename {
+        word-break: break-all;
+    }
+}