cx 25.10.1 → 25.11.1

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

@@ -1,22 +1,22 @@
-$cx-default-colorpicker-font-family: "Consolas", monospace !default;
-$cx-default-colorpicker-font-size: 11px !default;
-$cx-default-colorpicker-background-color: $cx-default-input-background-color !default;
-$cx-default-colorpicker-border-width: $cx-default-box-border-width !default;
-$cx-default-colorpicker-border-color: $cx-default-input-border-color !default;
-$cx-default-colorpicker-box-shadow: none !default;
-
-$cx-colorpicker-state-style-map: cx-deep-map-merge(
-   $cx-input-state-style-map,
-   (
-      default: (
-         font-family: $cx-default-colorpicker-font-family,
-         font-size: $cx-default-colorpicker-font-size,
-         background-color: $cx-default-colorpicker-background-color,
-         border-width: $cx-default-colorpicker-border-width,
-         border-color: $cx-default-colorpicker-border-color,
-         box-shadow: $cx-default-colorpicker-box-shadow,
-         padding: 2px,
-      ),
-      hover: (),
-   )
-) !default;
+$cx-default-colorpicker-font-family: "Consolas", monospace !default;
+$cx-default-colorpicker-font-size: 11px !default;
+$cx-default-colorpicker-background-color: $cx-default-input-background-color !default;
+$cx-default-colorpicker-border-width: $cx-default-box-border-width !default;
+$cx-default-colorpicker-border-color: $cx-default-input-border-color !default;
+$cx-default-colorpicker-box-shadow: none !default;
+
+$cx-colorpicker-state-style-map: cx-deep-map-merge(
+   $cx-input-state-style-map,
+   (
+      default: (
+         font-family: $cx-default-colorpicker-font-family,
+         font-size: $cx-default-colorpicker-font-size,
+         background-color: $cx-default-colorpicker-background-color,
+         border-width: $cx-default-colorpicker-border-width,
+         border-color: $cx-default-colorpicker-border-color,
+         box-shadow: $cx-default-colorpicker-box-shadow,
+         padding: 2px,
+      ),
+      hover: (),
+   )
+) !default;

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

@@ -1,46 +1,46 @@
-
-$cx-default-radio-color: currentColor !default;
-$cx-default-radio-background-color: $cx-default-input-background-color !default;
-$cx-default-radio-border-width: cx-get-state-rule($cx-input-state-style-map, default, border-width) !default;
-$cx-default-radio-border-color: $cx-default-input-border-color !default;
-
-$cx-radio-state-style-map: cx-deep-map-merge($cx-input-state-style-map, (
-  default: (
-    color: $cx-default-radio-color,
-    background-color: $cx-default-radio-background-color,
-    border-width: $cx-default-radio-border-width,
-    border-color: $cx-default-radio-border-color    
-  ),
-  hover: (
-
-  ),
-  checked: (
-
-  ),
-  checked-focus: (
-   
-  ),
-  checked-hover: (
-  
-  ),
-  focus: (
-    border-color: cx-get-state-rule($cx-input-state-style-map, focus, border-color),
-    outline: cx-get-state-rule($cx-input-state-style-map, focus, outline),
-    box-shadow: cx-get-state-rule($cx-input-state-style-map, focus, box-shadow)
-  ),
-
-  disabled: (
-    background: rgb(235, 235, 228),
-    color: rgb(84, 84, 84)
-  ),
-  disabled-checked: (
-  
-  ),
-  error: (
-    border-color: rgba(220, 0, 9, 0.8)
-  ),
-
-  error-focus: (
-    box-shadow: 0 0 2px rgba(220, 0, 9, 0.8)
-  )
+
+$cx-default-radio-color: currentColor !default;
+$cx-default-radio-background-color: $cx-default-input-background-color !default;
+$cx-default-radio-border-width: cx-get-state-rule($cx-input-state-style-map, default, border-width) !default;
+$cx-default-radio-border-color: $cx-default-input-border-color !default;
+
+$cx-radio-state-style-map: cx-deep-map-merge($cx-input-state-style-map, (
+  default: (
+    color: $cx-default-radio-color,
+    background-color: $cx-default-radio-background-color,
+    border-width: $cx-default-radio-border-width,
+    border-color: $cx-default-radio-border-color    
+  ),
+  hover: (
+
+  ),
+  checked: (
+
+  ),
+  checked-focus: (
+   
+  ),
+  checked-hover: (
+  
+  ),
+  focus: (
+    border-color: cx-get-state-rule($cx-input-state-style-map, focus, border-color),
+    outline: cx-get-state-rule($cx-input-state-style-map, focus, outline),
+    box-shadow: cx-get-state-rule($cx-input-state-style-map, focus, box-shadow)
+  ),
+
+  disabled: (
+    background: rgb(235, 235, 228),
+    color: rgb(84, 84, 84)
+  ),
+  disabled-checked: (
+  
+  ),
+  error: (
+    border-color: rgba(220, 0, 9, 0.8)
+  ),
+
+  error-focus: (
+    box-shadow: 0 0 2px rgba(220, 0, 9, 0.8)
+  )
 )) !default;

package/src/widgets/form/index.scss

@@ -1,24 +1,24 @@
-
-@import "Field";
-@import "Label";
-@import "TextField";
-@import "NumberField";
-@import "Calendar";
-@import "LookupField";
-@import "Select";
-@import "TextArea";
-@import "Checkbox";
-@import "Radio";
-@import "ColorPicker";
-@import "ColorField";
-@import "MonthPicker";
-@import "MonthField";
-@import "UploadButton";
-@import "Slider";
-@import "ValidationError";
-@import "Switch";
-@import "HelpText";
-@import "Wheel";
-@import "DateTimePicker";
-@import "DateTimeField";
-
+
+@import "Field";
+@import "Label";
+@import "TextField";
+@import "NumberField";
+@import "Calendar";
+@import "LookupField";
+@import "Select";
+@import "TextArea";
+@import "Checkbox";
+@import "Radio";
+@import "ColorPicker";
+@import "ColorField";
+@import "MonthPicker";
+@import "MonthField";
+@import "UploadButton";
+@import "Slider";
+@import "ValidationError";
+@import "Switch";
+@import "HelpText";
+@import "Wheel";
+@import "DateTimePicker";
+@import "DateTimeField";
+

package/src/widgets/grid/Grid.d.ts

@@ -423,6 +423,9 @@ interface GridProps<T = unknown> extends StyledContainerProps {
 
    /** Callback function to get grid component and instance references on component init. */
    onRef?: string | ((element: any, instance: Instance) => void);
+
+   /** When enabled, groups are shown in the same order as the source records. */
+   preserveGroupOrder?: boolean;
 }
 
 interface GridCellInfo {