cx 26.1.1 → 26.1.3

package/src/widgets/overlay/variables.scss

@@ -1,85 +1,85 @@
-@use "sass:map";
-
-// TOOLTIP
-$cx-tooltip-background-color: white !default;
-$cx-tooltip-border-color: #d5d5d5 !default;
-$cx-tooltip-border-width: 1px !default;
-$cx-tooltip-border-radius: 5px !default;
-$cx-tooltip-arrow-size: 5px !default;
-$cx-tooltip-color: null !default;
-$cx-tooltip-padding: 10px !default;
-
-$cx-tooltip-background-color-error: white !default;
-$cx-tooltip-border-color-error: #e63001 !default;
-$cx-tooltip-color-error: null !default;
-
-// DROPDOWN
-$cx-default-dropdown-color: $cx-default-color !default;
-$cx-default-dropdown-background-color: white !default;
-$cx-default-dropdown-arrow-size: 6px !default;
-$cx-default-dropdown-arrow-offset: 16px !default;
-
-$cx-dropdown-styles: (
-   color: $cx-default-dropdown-color,
-   background-color: $cx-default-dropdown-background-color,
-   border-radius: $cx-default-border-radius,
-   border-color: $cx-default-border-color,
-   border-width: 0,
-   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29),
-   white-space: normal,
-   font-weight: normal,
-   font-size: $cx-default-font-size,
-   text-align: left,
-   line-height: normal,
-) !default;
-
-// TOAST
-$cx-default-toast-color: $cx-default-color !default;
-$cx-default-toast-background-color: rgb(255, 255, 255) !default;
-$cx-default-toast-border-width: 0 !default;
-$cx-default-toast-border-color: rgba(255, 255, 255, 0) !default;
-$cx-default-toast-box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.3) !default;
-$cx-default-toast-padding: 10px !default;
-
-$cx-toast-mods: (
-   warning: (
-      default: (
-         color: #fff,
-         background-color: #f09037,
-      ),
-   ),
-   primary: (
-      default: (
-         color: #fff,
-         background-color: #1f99f8,
-      ),
-   ),
-   success: (
-      default: (
-         color: #fff,
-         background-color: #5cb85c,
-      ),
-   ),
-   error: (
-      default: (
-         color: #fff,
-         background-color: #d9534f,
-      ),
-   ),
-) !default;
-
-// WINDOW
-@import "Window.variables";
-
-$cx-dependencies: map.merge(
-   $cx-dependencies,
-   (
-      "cx/widgets/Overlay": "cx/widgets/captureMouse",
-      "cx/widgets/Dropdown": "cx/widgets/Overlay",
-      "cx/widgets/Window": "cx/widgets/Overlay",
-      "cx/widgets/Tooltip": "cx/widgets/Dropdown",
-      "cx/widgets/enableMsgBoxAlerts": "cx/widgets/MsgBox",
-      "cx/widgets/MsgBox": "cx/widgets/Window" "cx/widgets/FlexRow",
-      "cx/widgets/Toast": "cx/widgets/Overlay",
-   )
-);
+@use "sass:map";
+
+// TOOLTIP
+$cx-tooltip-background-color: white !default;
+$cx-tooltip-border-color: #d5d5d5 !default;
+$cx-tooltip-border-width: 1px !default;
+$cx-tooltip-border-radius: 5px !default;
+$cx-tooltip-arrow-size: 5px !default;
+$cx-tooltip-color: null !default;
+$cx-tooltip-padding: 10px !default;
+
+$cx-tooltip-background-color-error: white !default;
+$cx-tooltip-border-color-error: #e63001 !default;
+$cx-tooltip-color-error: null !default;
+
+// DROPDOWN
+$cx-default-dropdown-color: $cx-default-color !default;
+$cx-default-dropdown-background-color: white !default;
+$cx-default-dropdown-arrow-size: 6px !default;
+$cx-default-dropdown-arrow-offset: 16px !default;
+
+$cx-dropdown-styles: (
+   color: $cx-default-dropdown-color,
+   background-color: $cx-default-dropdown-background-color,
+   border-radius: $cx-default-border-radius,
+   border-color: $cx-default-border-color,
+   border-width: 0,
+   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29),
+   white-space: normal,
+   font-weight: normal,
+   font-size: $cx-default-font-size,
+   text-align: left,
+   line-height: normal,
+) !default;
+
+// TOAST
+$cx-default-toast-color: $cx-default-color !default;
+$cx-default-toast-background-color: rgb(255, 255, 255) !default;
+$cx-default-toast-border-width: 0 !default;
+$cx-default-toast-border-color: rgba(255, 255, 255, 0) !default;
+$cx-default-toast-box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.3) !default;
+$cx-default-toast-padding: 10px !default;
+
+$cx-toast-mods: (
+   warning: (
+      default: (
+         color: #fff,
+         background-color: #f09037,
+      ),
+   ),
+   primary: (
+      default: (
+         color: #fff,
+         background-color: #1f99f8,
+      ),
+   ),
+   success: (
+      default: (
+         color: #fff,
+         background-color: #5cb85c,
+      ),
+   ),
+   error: (
+      default: (
+         color: #fff,
+         background-color: #d9534f,
+      ),
+   ),
+) !default;
+
+// WINDOW
+@import "Window.variables";
+
+$cx-dependencies: map.merge(
+   $cx-dependencies,
+   (
+      "cx/widgets/Overlay": "cx/widgets/captureMouse",
+      "cx/widgets/Dropdown": "cx/widgets/Overlay",
+      "cx/widgets/Window": "cx/widgets/Overlay",
+      "cx/widgets/Tooltip": "cx/widgets/Dropdown",
+      "cx/widgets/enableMsgBoxAlerts": "cx/widgets/MsgBox",
+      "cx/widgets/MsgBox": "cx/widgets/Window" "cx/widgets/FlexRow",
+      "cx/widgets/Toast": "cx/widgets/Overlay",
+   )
+);

package/src/widgets/variables.scss

@@ -1,146 +1,146 @@
-@use "sass:map";
-
-// Padding
-$cx-default-padding-extra-small: 3px !default;
-$cx-default-padding-small: 5px !default;
-$cx-default-padding-medium: 10px !default;
-$cx-default-padding-large: 15px !default;
-$cx-default-padding-extra-large: 20px !default;
-
-$cx-pad-size: (
-   xsmall: $cx-default-padding-extra-small,
-   small: $cx-default-padding-small,
-   medium: $cx-default-padding-medium,
-   large: $cx-default-padding-large,
-   xlarge: $cx-default-padding-extra-large,
-) !default;
-
-@import "form/variables";
-@import "grid/variables";
-@import "nav/variables";
-@import "overlay/variables";
-@import "drag-drop/variables";
-@import "Button.variables";
-
-// HEADING
-$cx-caption-style-map: () !default;
-
-$cx-caption-level-style-map: (
-   1: (
-      margin: 0,
-      padding: 0,
-   ),
-   2: (
-      margin: 0,
-      padding: 0,
-   ),
-   3: (
-      margin: 0,
-      padding: 0,
-   ),
-   4: (
-      margin: 0,
-      padding: 0,
-   ),
-   5: (
-      margin: 0,
-      padding: 0,
-   ),
-   6: (
-      margin: 0,
-      padding: 0,
-   ),
-) !default;
-
-// SECTION
-$cx-section-styles: () !default;
-
-$cx-section-mods: (
-   card: (
-      default: (
-         background-color: rgba(255, 255, 255, 0.9),
-         border-radius: 3px,
-      ),
-   ),
-   warning: (
-      default: (
-         color: #fff,
-         background-color: #f09037,
-         border-radius: 3px,
-      ),
-   ),
-   primary: (
-      default: (
-         color: #fff,
-         background-color: #1f99f8,
-         border-radius: 3px,
-      ),
-   ),
-   success: (
-      default: (
-         color: #fff,
-         background-color: #5cb85c,
-         border-radius: 3px,
-      ),
-   ),
-   error: (
-      default: (
-         color: #fff,
-         background-color: #d9534f,
-         border-radius: 3px,
-      ),
-   ),
-) !default;
-
-// ProgressBar
-$cx-default-progressbar-width: 180px !default;
-$cx-default-progressbar-height: 24px !default;
-$cx-default-progressbar-font-size: smaller !default;
-$cx-default-progressbar-color: $cx-default-color !default;
-$cx-default-progressbar-background-color: rgba(#fff, 0.5) !default;
-$cx-default-progressbar-border-width: 1px !default;
-$cx-default-progressbar-border-color: #98d4ff !default;
-$cx-default-progressbar-border-radius: 0 !default;
-
-$cx-default-progressbar-indicator-background-color: rgba(#98d4ff, 0.8) !default;
-
-$cx-progressbar-state-style-map: (
-   default: (
-      position: relative,
-      width: $cx-default-progressbar-width,
-      min-height: $cx-default-progressbar-height,
-      background-color: $cx-default-progressbar-background-color,
-      border-style: solid,
-      border-color: $cx-default-progressbar-border-color,
-      border-width: $cx-default-progressbar-border-width,
-      border-radius: $cx-default-progressbar-border-radius,
-      font-size: $cx-default-progressbar-font-size,
-      text-align: center,
-      line-height: $cx-default-progressbar-height,
-   ),
-   disabled: (
-      opacity: 0.2,
-   ),
-);
-
-$cx-progressbar-mods: ();
-
-$cx-highlightedsearchtext-style-map: (
-   font-weight: bold,
-) !default;
-
-// for backward compatibility
-.cxm-well {
-   @extend .cxm-card !optional;
-}
-
-$cx-dependencies: map.merge(
-   $cx-dependencies,
-   (
-      "cx/widgets/FlexRow": "cx/widgets/FlexBox",
-      "cx/widgets/FlexCol": "cx/widgets/FlexBox",
-      "cx/widgets/CxCredit": "cx/widgets/Tooltip",
-      "cx/widgets/Button": "cx/widgets/HtmlElement",
-      "cx/widgets/HtmlElement": "cx/widgets/Tooltip",
-   )
-);
+@use "sass:map";
+
+// Padding
+$cx-default-padding-extra-small: 3px !default;
+$cx-default-padding-small: 5px !default;
+$cx-default-padding-medium: 10px !default;
+$cx-default-padding-large: 15px !default;
+$cx-default-padding-extra-large: 20px !default;
+
+$cx-pad-size: (
+   xsmall: $cx-default-padding-extra-small,
+   small: $cx-default-padding-small,
+   medium: $cx-default-padding-medium,
+   large: $cx-default-padding-large,
+   xlarge: $cx-default-padding-extra-large,
+) !default;
+
+@import "form/variables";
+@import "grid/variables";
+@import "nav/variables";
+@import "overlay/variables";
+@import "drag-drop/variables";
+@import "Button.variables";
+
+// HEADING
+$cx-caption-style-map: () !default;
+
+$cx-caption-level-style-map: (
+   1: (
+      margin: 0,
+      padding: 0,
+   ),
+   2: (
+      margin: 0,
+      padding: 0,
+   ),
+   3: (
+      margin: 0,
+      padding: 0,
+   ),
+   4: (
+      margin: 0,
+      padding: 0,
+   ),
+   5: (
+      margin: 0,
+      padding: 0,
+   ),
+   6: (
+      margin: 0,
+      padding: 0,
+   ),
+) !default;
+
+// SECTION
+$cx-section-styles: () !default;
+
+$cx-section-mods: (
+   card: (
+      default: (
+         background-color: rgba(255, 255, 255, 0.9),
+         border-radius: 3px,
+      ),
+   ),
+   warning: (
+      default: (
+         color: #fff,
+         background-color: #f09037,
+         border-radius: 3px,
+      ),
+   ),
+   primary: (
+      default: (
+         color: #fff,
+         background-color: #1f99f8,
+         border-radius: 3px,
+      ),
+   ),
+   success: (
+      default: (
+         color: #fff,
+         background-color: #5cb85c,
+         border-radius: 3px,
+      ),
+   ),
+   error: (
+      default: (
+         color: #fff,
+         background-color: #d9534f,
+         border-radius: 3px,
+      ),
+   ),
+) !default;
+
+// ProgressBar
+$cx-default-progressbar-width: 180px !default;
+$cx-default-progressbar-height: 24px !default;
+$cx-default-progressbar-font-size: smaller !default;
+$cx-default-progressbar-color: $cx-default-color !default;
+$cx-default-progressbar-background-color: rgba(#fff, 0.5) !default;
+$cx-default-progressbar-border-width: 1px !default;
+$cx-default-progressbar-border-color: #98d4ff !default;
+$cx-default-progressbar-border-radius: 0 !default;
+
+$cx-default-progressbar-indicator-background-color: rgba(#98d4ff, 0.8) !default;
+
+$cx-progressbar-state-style-map: (
+   default: (
+      position: relative,
+      width: $cx-default-progressbar-width,
+      min-height: $cx-default-progressbar-height,
+      background-color: $cx-default-progressbar-background-color,
+      border-style: solid,
+      border-color: $cx-default-progressbar-border-color,
+      border-width: $cx-default-progressbar-border-width,
+      border-radius: $cx-default-progressbar-border-radius,
+      font-size: $cx-default-progressbar-font-size,
+      text-align: center,
+      line-height: $cx-default-progressbar-height,
+   ),
+   disabled: (
+      opacity: 0.2,
+   ),
+);
+
+$cx-progressbar-mods: ();
+
+$cx-highlightedsearchtext-style-map: (
+   font-weight: bold,
+) !default;
+
+// for backward compatibility
+.cxm-well {
+   @extend .cxm-card !optional;
+}
+
+$cx-dependencies: map.merge(
+   $cx-dependencies,
+   (
+      "cx/widgets/FlexRow": "cx/widgets/FlexBox",
+      "cx/widgets/FlexCol": "cx/widgets/FlexBox",
+      "cx/widgets/CxCredit": "cx/widgets/Tooltip",
+      "cx/widgets/Button": "cx/widgets/HtmlElement",
+      "cx/widgets/HtmlElement": "cx/widgets/Tooltip",
+   )
+);

package/tsconfig.compile.json

@@ -1,4 +1,4 @@
-{
-   "extends": "./tsconfig.json",
-   "exclude": ["dist", "build", "**/*.spec.*"]
-}
+{
+   "extends": "./tsconfig.json",
+   "exclude": ["dist", "build", "**/*.spec.*"]
+}

package/tsconfig.json

@@ -1,34 +1,34 @@
-{
-   "compilerOptions": {
-      "target": "es2024",
-      "jsx": "react-jsx",
-      "jsxImportSource": "cx",
-      "allowJs": false,
-      "moduleResolution": "bundler",
-      "module": "esnext",
-      "lib": ["dom", "dom.iterable", "ESNext"],
-      "allowSyntheticDefaultImports": true,
-      "esModuleInterop": true,
-      "forceConsistentCasingInFileNames": true,
-      "skipLibCheck": true,
-      "baseUrl": ".",
-      "paths": {
-         "cx/jsx-runtime": ["./jsx-runtime"]
-      },
-      "outDir": "./build",
-      "rootDir": "./src",
-      "declaration": true,
-      "strict": true,
-      "noImplicitAny": true,
-      "strictNullChecks": true,
-      "strictFunctionTypes": true,
-      "strictBindCallApply": true,
-      "strictPropertyInitialization": false,
-      "noImplicitThis": true,
-      "alwaysStrict": true,
-      "downlevelIteration": true,
-      "removeComments": false
-   },
-   "exclude": ["dist", "build"],
-   "include": ["src"]
-}
+{
+   "compilerOptions": {
+      "target": "es2024",
+      "jsx": "react-jsx",
+      "jsxImportSource": "cx",
+      "allowJs": false,
+      "moduleResolution": "bundler",
+      "module": "esnext",
+      "lib": ["dom", "dom.iterable", "ESNext"],
+      "allowSyntheticDefaultImports": true,
+      "esModuleInterop": true,
+      "forceConsistentCasingInFileNames": true,
+      "skipLibCheck": true,
+      "baseUrl": ".",
+      "paths": {
+         "cx/jsx-runtime": ["./jsx-runtime"]
+      },
+      "outDir": "./build",
+      "rootDir": "./src",
+      "declaration": true,
+      "strict": true,
+      "noImplicitAny": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "strictBindCallApply": true,
+      "strictPropertyInitialization": false,
+      "noImplicitThis": true,
+      "alwaysStrict": true,
+      "downlevelIteration": true,
+      "removeComments": false
+   },
+   "exclude": ["dist", "build"],
+   "include": ["src"]
+}

package/tsconfig.mocha.json

@@ -1,14 +1,14 @@
-{
-   "extends": "./tsconfig.json",
-   "compilerOptions": {
-      "module": "nodenext",
-      "moduleResolution": "nodenext",
-      "noEmit": true,
-      "paths": {
-         "cx/jsx-runtime": ["./src/jsx-runtime"]
-      }
-   },
-   "ts-node": {
-      "require": ["tsconfig-paths/register"]
-   }
-}
+{
+   "extends": "./tsconfig.json",
+   "compilerOptions": {
+      "module": "nodenext",
+      "moduleResolution": "nodenext",
+      "noEmit": true,
+      "paths": {
+         "cx/jsx-runtime": ["./src/jsx-runtime"]
+      }
+   },
+   "ts-node": {
+      "require": ["tsconfig-paths/register"]
+   }
+}