cx 24.9.0 → 24.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/charts.js +25 -22
  2. package/dist/data.js +29 -26
  3. package/dist/manifest.js +528 -528
  4. package/dist/svg.js +56 -59
  5. package/dist/ui.js +52 -51
  6. package/dist/widgets.css +3 -6
  7. package/dist/widgets.js +44 -40
  8. package/package.json +32 -32
  9. package/src/charts/Legend.js +151 -151
  10. package/src/charts/PieLabel.js +71 -71
  11. package/src/charts/axis/NumericAxis.js +347 -347
  12. package/src/charts/axis/Stack.js +55 -55
  13. package/src/charts/helpers/PointReducer.js +43 -43
  14. package/src/charts/helpers/SnapPointFinder.js +69 -69
  15. package/src/data/Binding.spec.js +69 -69
  16. package/src/data/StringTemplate.spec.js +105 -105
  17. package/src/data/getAccessor.spec.js +11 -11
  18. package/src/index.scss +6 -6
  19. package/src/svg/Text.d.ts +40 -40
  20. package/src/ui/Culture.d.ts +55 -55
  21. package/src/ui/Culture.js +139 -139
  22. package/src/ui/FocusManager.js +171 -171
  23. package/src/ui/Instance.d.ts +72 -72
  24. package/src/ui/VDOM.d.ts +12 -12
  25. package/src/ui/app/startAppLoop.js +58 -58
  26. package/src/ui/index.d.ts +42 -42
  27. package/src/util/Console.d.ts +4 -4
  28. package/src/util/scss/add-rules.scss +38 -38
  29. package/src/widgets/CxCredit.scss +37 -37
  30. package/src/widgets/List.scss +91 -91
  31. package/src/widgets/drag-drop/DropZone.js +214 -214
  32. package/src/widgets/form/Calendar.scss +196 -196
  33. package/src/widgets/form/ColorField.scss +2 -1
  34. package/src/widgets/form/ColorPicker.scss +283 -283
  35. package/src/widgets/form/LookupField.scss +2 -2
  36. package/src/widgets/form/MonthPicker.scss +118 -118
  37. package/src/widgets/form/NumberField.scss +61 -61
  38. package/src/widgets/form/Radio.scss +1 -2
  39. package/src/widgets/form/Select.scss +99 -99
  40. package/src/widgets/form/Slider.scss +118 -118
  41. package/src/widgets/form/Switch.scss +140 -140
  42. package/src/widgets/form/TextArea.scss +43 -43
  43. package/src/widgets/form/TextField.js +289 -289
  44. package/src/widgets/form/TextField.scss +55 -55
  45. package/src/widgets/form/UploadButton.d.ts +34 -34
  46. package/src/widgets/grid/TreeNode.scss +88 -88
  47. package/src/widgets/grid/variables.scss +88 -88
  48. package/src/widgets/nav/Menu.scss +74 -74
  49. package/src/widgets/overlay/Dropdown.js +612 -612
  50. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  51. package/src/widgets/overlay/Tooltip.js +300 -300
  52. package/src/widgets/overlay/Window.js +196 -196
  53. package/src/widgets/overlay/captureMouse.js +124 -124
  54. package/src/widgets/overlay/variables.scss +83 -83
package/src/widgets/overlay/variables.scss CHANGED
@@ -1,83 +1,83 @@
1
- // TOOLTIP
2
- $cx-tooltip-background-color: white !default;
3
- $cx-tooltip-border-color: #d5d5d5 !default;
4
- $cx-tooltip-border-width: 1px !default;
5
- $cx-tooltip-border-radius: 5px !default;
6
- $cx-tooltip-arrow-size: 5px !default;
7
- $cx-tooltip-color: null !default;
8
- $cx-tooltip-padding: 10px !default;
9
-
10
- $cx-tooltip-background-color-error: white !default;
11
- $cx-tooltip-border-color-error: #e63001 !default;
12
- $cx-tooltip-color-error: null !default;
13
-
14
- // DROPDOWN
15
- $cx-default-dropdown-color: $cx-default-color !default;
16
- $cx-default-dropdown-background-color: white !default;
17
- $cx-default-dropdown-arrow-size: 6px !default;
18
- $cx-default-dropdown-arrow-offset: 16px !default;
19
-
20
- $cx-dropdown-styles: (
21
- color: $cx-default-dropdown-color,
22
- background-color: $cx-default-dropdown-background-color,
23
- border-radius: $cx-default-border-radius,
24
- border-color: $cx-default-border-color,
25
- border-width: 0,
26
- box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29),
27
- white-space: normal,
28
- font-weight: normal,
29
- font-size: $cx-default-font-size,
30
- text-align: left,
31
- line-height: normal,
32
- ) !default;
33
-
34
- // TOAST
35
- $cx-default-toast-color: $cx-default-color !default;
36
- $cx-default-toast-background-color: rgb(255, 255, 255) !default;
37
- $cx-default-toast-border-width: 0 !default;
38
- $cx-default-toast-border-color: rgba(255, 255, 255, 0) !default;
39
- $cx-default-toast-box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.3) !default;
40
- $cx-default-toast-padding: 10px !default;
41
-
42
- $cx-toast-mods: (
43
- warning: (
44
- default: (
45
- color: #fff,
46
- background-color: #f09037,
47
- ),
48
- ),
49
- primary: (
50
- default: (
51
- color: #fff,
52
- background-color: #1f99f8,
53
- ),
54
- ),
55
- success: (
56
- default: (
57
- color: #fff,
58
- background-color: #5cb85c,
59
- ),
60
- ),
61
- error: (
62
- default: (
63
- color: #fff,
64
- background-color: #d9534f,
65
- ),
66
- ),
67
- ) !default;
68
-
69
- // WINDOW
70
- @import "Window.variables";
71
-
72
- $cx-dependencies: map-merge(
73
- $cx-dependencies,
74
- (
75
- "cx/widgets/Overlay": "cx/widgets/captureMouse",
76
- "cx/widgets/Dropdown": "cx/widgets/Overlay",
77
- "cx/widgets/Window": "cx/widgets/Overlay",
78
- "cx/widgets/Tooltip": "cx/widgets/Dropdown",
79
- "cx/widgets/enableMsgBoxAlerts": "cx/widgets/MsgBox",
80
- "cx/widgets/MsgBox": "cx/widgets/Window" "cx/widgets/FlexRow",
81
- "cx/widgets/Toast": "cx/widgets/Overlay",
82
- )
83
- );
1
+ // TOOLTIP
2
+ $cx-tooltip-background-color: white !default;
3
+ $cx-tooltip-border-color: #d5d5d5 !default;
4
+ $cx-tooltip-border-width: 1px !default;
5
+ $cx-tooltip-border-radius: 5px !default;
6
+ $cx-tooltip-arrow-size: 5px !default;
7
+ $cx-tooltip-color: null !default;
8
+ $cx-tooltip-padding: 10px !default;
9
+
10
+ $cx-tooltip-background-color-error: white !default;
11
+ $cx-tooltip-border-color-error: #e63001 !default;
12
+ $cx-tooltip-color-error: null !default;
13
+
14
+ // DROPDOWN
15
+ $cx-default-dropdown-color: $cx-default-color !default;
16
+ $cx-default-dropdown-background-color: white !default;
17
+ $cx-default-dropdown-arrow-size: 6px !default;
18
+ $cx-default-dropdown-arrow-offset: 16px !default;
19
+
20
+ $cx-dropdown-styles: (
21
+ color: $cx-default-dropdown-color,
22
+ background-color: $cx-default-dropdown-background-color,
23
+ border-radius: $cx-default-border-radius,
24
+ border-color: $cx-default-border-color,
25
+ border-width: 0,
26
+ box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29),
27
+ white-space: normal,
28
+ font-weight: normal,
29
+ font-size: $cx-default-font-size,
30
+ text-align: left,
31
+ line-height: normal,
32
+ ) !default;
33
+
34
+ // TOAST
35
+ $cx-default-toast-color: $cx-default-color !default;
36
+ $cx-default-toast-background-color: rgb(255, 255, 255) !default;
37
+ $cx-default-toast-border-width: 0 !default;
38
+ $cx-default-toast-border-color: rgba(255, 255, 255, 0) !default;
39
+ $cx-default-toast-box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.3) !default;
40
+ $cx-default-toast-padding: 10px !default;
41
+
42
+ $cx-toast-mods: (
43
+ warning: (
44
+ default: (
45
+ color: #fff,
46
+ background-color: #f09037,
47
+ ),
48
+ ),
49
+ primary: (
50
+ default: (
51
+ color: #fff,
52
+ background-color: #1f99f8,
53
+ ),
54
+ ),
55
+ success: (
56
+ default: (
57
+ color: #fff,
58
+ background-color: #5cb85c,
59
+ ),
60
+ ),
61
+ error: (
62
+ default: (
63
+ color: #fff,
64
+ background-color: #d9534f,
65
+ ),
66
+ ),
67
+ ) !default;
68
+
69
+ // WINDOW
70
+ @import "Window.variables";
71
+
72
+ $cx-dependencies: map-merge(
73
+ $cx-dependencies,
74
+ (
75
+ "cx/widgets/Overlay": "cx/widgets/captureMouse",
76
+ "cx/widgets/Dropdown": "cx/widgets/Overlay",
77
+ "cx/widgets/Window": "cx/widgets/Overlay",
78
+ "cx/widgets/Tooltip": "cx/widgets/Dropdown",
79
+ "cx/widgets/enableMsgBoxAlerts": "cx/widgets/MsgBox",
80
+ "cx/widgets/MsgBox": "cx/widgets/Window" "cx/widgets/FlexRow",
81
+ "cx/widgets/Toast": "cx/widgets/Overlay",
82
+ )
83
+ );