@adcops/autocore-react 3.3.8 → 3.3.10

package/src/themes/theme-base/components/input/_editor.scss

@@ -1,122 +1,122 @@
-.p-editor-container {
-    .p-editor-toolbar {
-        background: $editorToolbarBg;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        &.ql-snow {
-            border: $editorToolbarBorder;
-
-            .ql-stroke {
-                stroke: $editorToolbarIconColor;
-            }
-    
-            .ql-fill {
-                fill: $editorToolbarIconColor;
-            }
-    
-            .ql-picker {
-                .ql-picker-label {
-                    border: 0 none;
-                    color: $editorToolbarIconColor;
-
-                    &:hover {
-                        color: $editorToolbarIconHoverColor;
-
-                        .ql-stroke {
-                            stroke: $editorToolbarIconHoverColor;
-                        }
-                
-                        .ql-fill {
-                            fill: $editorToolbarIconHoverColor;
-                        }
-                    }
-                }
-
-                &.ql-expanded {
-                    .ql-picker-label {
-                        color: $editorToolbarIconHoverColor;
-
-                        .ql-stroke {
-                            stroke: $editorToolbarIconHoverColor;
-                        }
-                
-                        .ql-fill {
-                            fill: $editorToolbarIconHoverColor;
-                        }
-                    }
-
-                    .ql-picker-options {
-                        background: $inputOverlayBg;
-                        border:$inputOverlayBorder;
-                        box-shadow:$inputOverlayShadow;
-                        border-radius: $borderRadius;
-                        padding: $inputListPadding;
-
-                        .ql-picker-item {
-                            color: $inputListItemTextColor;
-                            
-                            &:hover {
-                                color: $inputListItemTextHoverColor;
-                                background: $inputListItemHoverBg;
-                            }
-                        }
-                    }
-
-                    &:not(.ql-icon-picker) {
-                        .ql-picker-item {
-                            padding: $inputListItemPadding;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .p-editor-content {
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        &.ql-snow {
-            border: $editorContentBorder;
-        }
-
-        .ql-editor {
-            background: $inputBg;
-            color: $inputTextColor;
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-    }
-
-    .ql-snow.ql-toolbar button:hover,
-    .ql-snow.ql-toolbar button:focus {
-        color: $editorToolbarIconHoverColor;
-
-        .ql-stroke {
-            stroke: $editorToolbarIconHoverColor;
-        }
-
-        .ql-fill {
-            fill: $editorToolbarIconHoverColor;
-        }
-    }
-
-    .ql-snow.ql-toolbar button.ql-active,
-    .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-    .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
-        color: $editorIconActiveColor;
-
-        .ql-stroke {
-            stroke: $editorIconActiveColor;
-        }
-
-        .ql-fill {
-            fill: $editorIconActiveColor;
-        }
-
-        .ql-picker-label {
-            color: $editorIconActiveColor;
-        }
-    }
-}
+.p-editor-container {
+    .p-editor-toolbar {
+        background: $editorToolbarBg;
+        border-top-right-radius: $borderRadius;
+        border-top-left-radius: $borderRadius;
+
+        &.ql-snow {
+            border: $editorToolbarBorder;
+
+            .ql-stroke {
+                stroke: $editorToolbarIconColor;
+            }
+    
+            .ql-fill {
+                fill: $editorToolbarIconColor;
+            }
+    
+            .ql-picker {
+                .ql-picker-label {
+                    border: 0 none;
+                    color: $editorToolbarIconColor;
+
+                    &:hover {
+                        color: $editorToolbarIconHoverColor;
+
+                        .ql-stroke {
+                            stroke: $editorToolbarIconHoverColor;
+                        }
+                
+                        .ql-fill {
+                            fill: $editorToolbarIconHoverColor;
+                        }
+                    }
+                }
+
+                &.ql-expanded {
+                    .ql-picker-label {
+                        color: $editorToolbarIconHoverColor;
+
+                        .ql-stroke {
+                            stroke: $editorToolbarIconHoverColor;
+                        }
+                
+                        .ql-fill {
+                            fill: $editorToolbarIconHoverColor;
+                        }
+                    }
+
+                    .ql-picker-options {
+                        background: $inputOverlayBg;
+                        border:$inputOverlayBorder;
+                        box-shadow:$inputOverlayShadow;
+                        border-radius: $borderRadius;
+                        padding: $inputListPadding;
+
+                        .ql-picker-item {
+                            color: $inputListItemTextColor;
+                            
+                            &:hover {
+                                color: $inputListItemTextHoverColor;
+                                background: $inputListItemHoverBg;
+                            }
+                        }
+                    }
+
+                    &:not(.ql-icon-picker) {
+                        .ql-picker-item {
+                            padding: $inputListItemPadding;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .p-editor-content {
+        border-bottom-right-radius: $borderRadius;
+        border-bottom-left-radius: $borderRadius;
+
+        &.ql-snow {
+            border: $editorContentBorder;
+        }
+
+        .ql-editor {
+            background: $inputBg;
+            color: $inputTextColor;
+            border-bottom-right-radius: $borderRadius;
+            border-bottom-left-radius: $borderRadius;
+        }
+    }
+
+    .ql-snow.ql-toolbar button:hover,
+    .ql-snow.ql-toolbar button:focus {
+        color: $editorToolbarIconHoverColor;
+
+        .ql-stroke {
+            stroke: $editorToolbarIconHoverColor;
+        }
+
+        .ql-fill {
+            fill: $editorToolbarIconHoverColor;
+        }
+    }
+
+    .ql-snow.ql-toolbar button.ql-active,
+    .ql-snow.ql-toolbar .ql-picker-label.ql-active,
+    .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
+        color: $editorIconActiveColor;
+
+        .ql-stroke {
+            stroke: $editorIconActiveColor;
+        }
+
+        .ql-fill {
+            fill: $editorIconActiveColor;
+        }
+
+        .ql-picker-label {
+            color: $editorIconActiveColor;
+        }
+    }
+}

package/src/themes/theme-base/components/input/_iconfield.scss

@@ -1,10 +1,10 @@
-// core
-.p-icon-field {
-    position: relative;
-}
-
-.p-icon-field > .p-input-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
+// core
+.p-icon-field {
+    position: relative;
+}
+
+.p-icon-field > .p-input-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
 }

package/src/themes/theme-base/components/input/_inputgroup.scss

@@ -1,74 +1,74 @@
-.p-inputgroup-addon {
-    background: $inputGroupBg;
-    color: $inputGroupTextColor;
-    border-top: $inputBorder;
-    border-left: $inputBorder;
-    border-bottom: $inputBorder;
-    padding: $inputPadding;
-    min-width: $inputGroupAddOnMinWidth;
-
-    &:last-child {
-        border-right: $inputBorder;
-    }
-}
-
-.p-inputgroup {
-    > .p-component,
-    > .p-inputwrapper > .p-inputtext,
-    > .p-float-label > .p-component {
-        border-radius: 0;
-        margin: 0;
-
-        + .p-inputgroup-addon {
-            border-left: 0 none;
-        }
-
-        &:focus {
-            z-index: 1;
-
-            ~ label {
-                z-index: 1;
-            }
-        }
-    }
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-    border-top-left-radius: $borderRadius;
-    border-bottom-left-radius: $borderRadius;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-    border-top-left-radius: $borderRadius;
-    border-bottom-left-radius: $borderRadius;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child, 
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
-}
-
-.p-fluid {
-    .p-inputgroup {
-        .p-button {
-            width: auto;
-
-            &.p-button-icon-only {
-                width: $buttonIconOnlyWidth;
-            }
-        }
-    }
-}
+.p-inputgroup-addon {
+    background: $inputGroupBg;
+    color: $inputGroupTextColor;
+    border-top: $inputBorder;
+    border-left: $inputBorder;
+    border-bottom: $inputBorder;
+    padding: $inputPadding;
+    min-width: $inputGroupAddOnMinWidth;
+
+    &:last-child {
+        border-right: $inputBorder;
+    }
+}
+
+.p-inputgroup {
+    > .p-component,
+    > .p-inputwrapper > .p-inputtext,
+    > .p-float-label > .p-component {
+        border-radius: 0;
+        margin: 0;
+
+        + .p-inputgroup-addon {
+            border-left: 0 none;
+        }
+
+        &:focus {
+            z-index: 1;
+
+            ~ label {
+                z-index: 1;
+            }
+        }
+    }
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+    border-top-left-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+    border-top-left-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child, 
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+    border-top-right-radius: $borderRadius;
+    border-bottom-right-radius: $borderRadius;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+    border-top-right-radius: $borderRadius;
+    border-bottom-right-radius: $borderRadius;
+}
+
+.p-fluid {
+    .p-inputgroup {
+        .p-button {
+            width: auto;
+
+            &.p-button-icon-only {
+                width: $buttonIconOnlyWidth;
+            }
+        }
+    }
+}

package/src/themes/theme-base/components/input/_inputicon.scss

@@ -1,15 +1,15 @@
-// core
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-    width: 100%;
-}
-
-.p-icon-field-left > .p-input-icon:first-of-type {
-    left: nth($inputPadding, 2);
-    color: $inputIconColor;
-}
-
-.p-icon-field-right > .p-input-icon:last-of-type  {
-    right: nth($inputPadding, 2);
-    color: $inputIconColor;
+// core
+.p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+    width: 100%;
+}
+
+.p-icon-field-left > .p-input-icon:first-of-type {
+    left: nth($inputPadding, 2);
+    color: $inputIconColor;
+}
+
+.p-icon-field-right > .p-input-icon:last-of-type  {
+    right: nth($inputPadding, 2);
+    color: $inputIconColor;
 }

package/src/themes/theme-base/components/input/_inputnumber.scss

@@ -1,5 +1,5 @@
-.p-inputnumber {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
+.p-inputnumber {
+    &.p-invalid.p-component > .p-inputtext {
+        @include invalid-input();
+    }
 }

package/src/themes/theme-base/components/input/_inputotp.scss

@@ -1,10 +1,10 @@
-.p-inputotp {
-    display: flex;
-    align-items: center;
-    gap: $inlineSpacing;
-}
-
-.p-inputotp-input {
-    text-align: center;
-    width: 2 * nth($inputPadding, 2) + 1rem;
-}
+.p-inputotp {
+    display: flex;
+    align-items: center;
+    gap: $inlineSpacing;
+}
+
+.p-inputotp-input {
+    text-align: center;
+    width: 2 * nth($inputPadding, 2) + 1rem;
+}

package/src/themes/theme-base/components/input/_inputswitch.scss

@@ -1,100 +1,100 @@
-@use 'sass:math';
-
-//core
-.p-inputswitch {
-    position: relative;
-    display: inline-block;
-}
-
-.p-inputswitch-input {
-    appearance: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-    z-index: 1;
-    outline: 0 none;
-    cursor: pointer;
-}
-
-.p-inputswitch-slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 1px solid transparent;
-}
-
-.p-inputswitch-slider:before {
-    position: absolute;
-    content: '';
-    top: 50%;
-}
-
-//theme
-.p-inputswitch {
-    width: $inputSwitchWidth;
-    height: $inputSwitchHeight;
-
-    .p-inputswitch-input {
-        border-radius: $inputSwitchBorderRadius;
-    }
-
-    .p-inputswitch-slider {
-        background: $inputSwitchSliderOffBg;
-        transition: $formElementTransition;
-        border-radius: $inputSwitchBorderRadius;
-        outline-color: transparent;
-
-        &:before {
-            background: $inputSwitchHandleOffBg;
-            width: $inputSwitchHandleWidth;
-            height: $inputSwitchHandleHeight;
-            left: $inputSwitchSliderPadding;
-            margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
-            border-radius: $inputSwitchHandleBorderRadius;
-            transition-duration: $transitionDuration;
-        }
-    }
-
-    &.p-highlight {
-        .p-inputswitch-slider {
-            background: $inputSwitchSliderOnBg;
-
-            &:before {
-                background: $inputSwitchHandleOnBg;
-                transform: translateX($inputSwitchHandleWidth);
-            }
-        }
-    }
-
-    &:not(.p-disabled) {
-        &:has(.p-inputswitch-input:hover) {
-            .p-inputswitch-slider {
-                background: $inputSwitchSliderOffHoverBg;
-            }
-
-            &.p-highlight {
-                .p-inputswitch-slider {
-                    background: $inputSwitchSliderOnHoverBg;
-                }
-            }
-        }
-
-        &:has(.p-inputswitch-input:focus-visible) {
-            .p-inputswitch-slider {
-                @include focused();
-            }
-        }
-    }
-
-    &.p-invalid > .p-inputswitch-slider {
-        @include invalid-input();
-    }
+@use 'sass:math';
+
+//core
+.p-inputswitch {
+    position: relative;
+    display: inline-block;
+}
+
+.p-inputswitch-input {
+    appearance: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+    outline: 0 none;
+    cursor: pointer;
+}
+
+.p-inputswitch-slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 1px solid transparent;
+}
+
+.p-inputswitch-slider:before {
+    position: absolute;
+    content: '';
+    top: 50%;
+}
+
+//theme
+.p-inputswitch {
+    width: $inputSwitchWidth;
+    height: $inputSwitchHeight;
+
+    .p-inputswitch-input {
+        border-radius: $inputSwitchBorderRadius;
+    }
+
+    .p-inputswitch-slider {
+        background: $inputSwitchSliderOffBg;
+        transition: $formElementTransition;
+        border-radius: $inputSwitchBorderRadius;
+        outline-color: transparent;
+
+        &:before {
+            background: $inputSwitchHandleOffBg;
+            width: $inputSwitchHandleWidth;
+            height: $inputSwitchHandleHeight;
+            left: $inputSwitchSliderPadding;
+            margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
+            border-radius: $inputSwitchHandleBorderRadius;
+            transition-duration: $transitionDuration;
+        }
+    }
+
+    &.p-highlight {
+        .p-inputswitch-slider {
+            background: $inputSwitchSliderOnBg;
+
+            &:before {
+                background: $inputSwitchHandleOnBg;
+                transform: translateX($inputSwitchHandleWidth);
+            }
+        }
+    }
+
+    &:not(.p-disabled) {
+        &:has(.p-inputswitch-input:hover) {
+            .p-inputswitch-slider {
+                background: $inputSwitchSliderOffHoverBg;
+            }
+
+            &.p-highlight {
+                .p-inputswitch-slider {
+                    background: $inputSwitchSliderOnHoverBg;
+                }
+            }
+        }
+
+        &:has(.p-inputswitch-input:focus-visible) {
+            .p-inputswitch-slider {
+                @include focused();
+            }
+        }
+    }
+
+    &.p-invalid > .p-inputswitch-slider {
+        @include invalid-input();
+    }
 }