cx 26.2.2 → 26.2.3

package/src/widgets/form/MonthPicker.variables.scss

@@ -0,0 +1,24 @@
+@use "../box" as *;
+@use "./Field.variables.scss" as *;
+@use "../../util/scss/defaults.scss" as *;
+
+$cx-default-monthpicker-font-size: smaller !default;
+$cx-default-monthpicker-font-weight: normal !default;
+$cx-default-monthpicker-background-color: $cx-default-input-background-color !default;
+$cx-default-monthpicker-border-width: $cx-default-box-border-width !default;
+$cx-default-monthpicker-border-color: $cx-default-input-border-color !default;
+$cx-default-monthpicker-border-radius: $cx-default-border-radius !default;
+$cx-default-monthpicker-padding: 0 !default;
+$cx-default-monthpicker-width: 23em !default;
+
+// cell
+$cx-default-monthpicker-cell-padding: 0.5em 1em !default;
+$cx-default-monthpicker-cell-line-height: 2em !default;
+
+// header (quarters)
+$cx-default-monthpicker-quarter-color: lightgray !default;
+
+// year
+$cx-default-monthpicker-year-font-size: 120% !default;
+$cx-default-monthpicker-year-font-weight: normal !default;
+$cx-default-monthpicker-year-color: gray !default;

package/src/widgets/form/NumberField.scss

@@ -1,4 +1,13 @@
+@use "sass:math";
 @use "sass:map";
+@use "../variables" as *;
+@use "../maps" as *;
+@use "../../util/scss/besm.scss" as *;
+@use "../../util/scss/add-rules.scss" as *;
+@use "../../util/scss/calc.scss" as *;
+@use "../../util/scss/clockwise.scss" as *;
+@use "../../util/scss/include.scss" as *;
+@use "./Field.scss" as *;
 
 @mixin cx-numberfield(
    $name: "numberfield",
@@ -22,7 +31,11 @@
    }
 
    .#{$element}#{$name}-input {
-      @include cxe-field-input($besm, $state-style-map, $placeholder: $placeholder);
+      @include cxe-field-input(
+         $besm,
+         $state-style-map,
+         $placeholder: $placeholder
+      );
 
       &::-webkit-inner-spin-button,
       &::-webkit-outer-spin-button {
@@ -31,7 +44,11 @@
       }
 
       .#{$state}icon > & {
-         padding-left: cx-calc(2 * cx-left($padding), $icon-size);
+         padding-left: cx-calc(
+            cx-left($padding),
+            $cx-default-input-left-tool-size,
+            $cx-default-input-left-tool-spacing
+         );
       }
    }