cx 25.10.0 → 25.10.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 (137) hide show
  1. package/LICENSE-THIRD-PARTY.md +91 -91
  2. package/LICENSE.md +7 -7
  3. package/README.md +46 -46
  4. package/dist/manifest.js +570 -570
  5. package/dist/ui.js +1 -3
  6. package/package.json +1 -1
  7. package/src/charts/Bar.d.ts +27 -27
  8. package/src/charts/BarGraph.d.ts +15 -15
  9. package/src/charts/Chart.d.ts +12 -12
  10. package/src/charts/ColorMap.d.ts +21 -21
  11. package/src/charts/Column.d.ts +29 -29
  12. package/src/charts/ColumnBarBase.d.ts +64 -64
  13. package/src/charts/ColumnBarGraphBase.d.ts +73 -73
  14. package/src/charts/ColumnGraph.d.ts +18 -18
  15. package/src/charts/Gridlines.d.ts +24 -24
  16. package/src/charts/Legend.d.ts +45 -45
  17. package/src/charts/LegendEntry.d.ts +54 -54
  18. package/src/charts/LineGraph.d.ts +101 -101
  19. package/src/charts/Marker.d.ts +110 -110
  20. package/src/charts/MarkerLine.d.ts +56 -56
  21. package/src/charts/MouseTracker.d.ts +16 -16
  22. package/src/charts/PieChart.d.ts +92 -92
  23. package/src/charts/PieLabel.d.ts +26 -26
  24. package/src/charts/PieLabelsContainer.d.ts +6 -6
  25. package/src/charts/Range.d.ts +74 -74
  26. package/src/charts/RangeMarker.d.ts +35 -35
  27. package/src/charts/ScatterGraph.d.ts +64 -64
  28. package/src/charts/Swimlane.d.ts +24 -24
  29. package/src/charts/Swimlanes.d.ts +41 -41
  30. package/src/charts/axis/Axis.d.ts +113 -113
  31. package/src/charts/axis/Axis.scss +22 -22
  32. package/src/charts/axis/CategoryAxis.d.ts +30 -30
  33. package/src/charts/axis/NumericAxis.d.ts +46 -46
  34. package/src/charts/axis/Stack.d.ts +10 -10
  35. package/src/charts/axis/TimeAxis.d.ts +31 -31
  36. package/src/charts/axis/index.d.ts +3 -3
  37. package/src/charts/axis/index.scss +5 -5
  38. package/src/charts/axis/variables.scss +2 -2
  39. package/src/charts/helpers/MinMaxFinder.d.ts +22 -22
  40. package/src/charts/helpers/PointReducer.d.ts +24 -24
  41. package/src/charts/helpers/SnapPointFinder.d.ts +30 -30
  42. package/src/charts/helpers/ValueAtFinder.d.ts +16 -16
  43. package/src/charts/helpers/index.d.ts +4 -4
  44. package/src/charts/index.d.ts +27 -27
  45. package/src/charts/index.scss +22 -22
  46. package/src/charts/shapes.d.ts +22 -22
  47. package/src/global.scss +13 -13
  48. package/src/index.scss +6 -6
  49. package/src/svg/index.scss +8 -8
  50. package/src/ui/Instance.js +1 -4
  51. package/src/ui/index.scss +2 -2
  52. package/src/ui/layout/index.scss +3 -3
  53. package/src/ui/layout/variables.scss +2 -2
  54. package/src/ui/variables.scss +1 -1
  55. package/src/util/call-once.scss +6 -6
  56. package/src/util/index.scss +10 -10
  57. package/src/util/scss/divide.scss +3 -3
  58. package/src/util/scss/index.scss +9 -9
  59. package/src/variables.scss +217 -217
  60. package/src/widgets/AccessorBindings.spec.tsx +66 -66
  61. package/src/widgets/Button.d.ts +58 -58
  62. package/src/widgets/CxCredit.d.ts +12 -12
  63. package/src/widgets/DocumentTitle.d.ts +11 -11
  64. package/src/widgets/FlexBox.d.ts +69 -69
  65. package/src/widgets/Heading.d.ts +16 -16
  66. package/src/widgets/HighlightedSearchText.d.ts +9 -9
  67. package/src/widgets/HtmlElement.d.ts +30 -30
  68. package/src/widgets/Icon.d.ts +34 -34
  69. package/src/widgets/ProgressBar.d.ts +17 -17
  70. package/src/widgets/Resizer.d.ts +27 -27
  71. package/src/widgets/Sandbox.d.ts +18 -18
  72. package/src/widgets/Section.d.ts +52 -52
  73. package/src/widgets/animations.scss +10 -10
  74. package/src/widgets/autoFocus.d.ts +1 -1
  75. package/src/widgets/cx.d.ts +1 -1
  76. package/src/widgets/drag-drop/DragSource.d.ts +45 -45
  77. package/src/widgets/drag-drop/DropZone.d.ts +98 -98
  78. package/src/widgets/drag-drop/index.d.ts +4 -4
  79. package/src/widgets/drag-drop/index.scss +3 -3
  80. package/src/widgets/drag-drop/ops.d.ts +56 -56
  81. package/src/widgets/enableAllInternalDependencies.d.ts +1 -1
  82. package/src/widgets/form/Calendar.variables.scss +63 -63
  83. package/src/widgets/form/Checkbox.variables.scss +39 -39
  84. package/src/widgets/form/ColorPicker.variables.scss +22 -22
  85. package/src/widgets/form/Radio.variables.scss +45 -45
  86. package/src/widgets/form/index.scss +24 -24
  87. package/src/widgets/grid/Grid.d.ts +442 -442
  88. package/src/widgets/grid/GridCell.d.ts +38 -38
  89. package/src/widgets/grid/Pagination.d.ts +14 -14
  90. package/src/widgets/grid/TreeNode.d.ts +23 -23
  91. package/src/widgets/grid/index.d.ts +3 -3
  92. package/src/widgets/grid/index.scss +3 -3
  93. package/src/widgets/icons/arrow-down.svg +3 -3
  94. package/src/widgets/icons/arrow-right.svg +2 -2
  95. package/src/widgets/icons/base.svg +104 -104
  96. package/src/widgets/icons/calendar-old.svg +169 -169
  97. package/src/widgets/icons/calendar.svg +187 -187
  98. package/src/widgets/icons/clear.svg +74 -74
  99. package/src/widgets/icons/close.svg +74 -74
  100. package/src/widgets/icons/dropdown-arrow.svg +61 -61
  101. package/src/widgets/icons/file.svg +4 -4
  102. package/src/widgets/icons/folder-open.svg +5 -5
  103. package/src/widgets/icons/folder.svg +58 -58
  104. package/src/widgets/icons/forward.svg +67 -67
  105. package/src/widgets/icons/loading.svg +4 -4
  106. package/src/widgets/icons/search.svg +107 -107
  107. package/src/widgets/icons/sort-asc.svg +3 -3
  108. package/src/widgets/index.d.ts +55 -55
  109. package/src/widgets/index.scss +16 -16
  110. package/src/widgets/nav/Link.d.ts +26 -26
  111. package/src/widgets/nav/LinkButton.d.ts +34 -34
  112. package/src/widgets/nav/Menu.d.ts +27 -27
  113. package/src/widgets/nav/MenuItem.d.ts +31 -31
  114. package/src/widgets/nav/MenuSpacer.d.ts +5 -5
  115. package/src/widgets/nav/RedirectRoute.d.ts +9 -9
  116. package/src/widgets/nav/Route.d.ts +21 -21
  117. package/src/widgets/nav/Scroller.d.ts +17 -17
  118. package/src/widgets/nav/Submenu.d.ts +6 -6
  119. package/src/widgets/nav/Tab.d.ts +33 -33
  120. package/src/widgets/nav/Tab.variables.scss +84 -84
  121. package/src/widgets/nav/index.d.ts +10 -10
  122. package/src/widgets/nav/index.scss +5 -5
  123. package/src/widgets/overlay/ContextMenu.d.ts +10 -10
  124. package/src/widgets/overlay/Dropdown.d.ts +32 -32
  125. package/src/widgets/overlay/FlyweightTooltipTracker.d.ts +8 -8
  126. package/src/widgets/overlay/MsgBox.d.ts +16 -16
  127. package/src/widgets/overlay/Overlay.d.ts +73 -73
  128. package/src/widgets/overlay/Toast.d.ts +30 -30
  129. package/src/widgets/overlay/Tooltip.d.ts +50 -50
  130. package/src/widgets/overlay/Window.d.ts +42 -42
  131. package/src/widgets/overlay/Window.variables.scss +62 -62
  132. package/src/widgets/overlay/alerts.d.ts +7 -7
  133. package/src/widgets/overlay/captureMouse.d.ts +53 -53
  134. package/src/widgets/overlay/captureMouse.scss +13 -13
  135. package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
  136. package/src/widgets/overlay/index.d.ts +11 -11
  137. package/src/widgets/overlay/index.scss +15 -15
package/src/widgets/form/Calendar.variables.scss CHANGED
@@ -1,64 +1,64 @@
1
-
2
- $cx-default-calendar-font-size: $cx-default-box-font-size !default;
3
- $cx-default-calendar-background-color: $cx-default-input-background-color !default;
4
- $cx-default-calendar-border-width: $cx-default-box-border-width !default;
5
- $cx-default-calendar-border-color: $cx-default-input-border-color !default;
6
- $cx-default-calendar-border-radius: $cx-default-border-radius !default;
7
- $cx-default-calendar-box-shadow: none !default;
8
- $cx-default-calendar-padding: 5px !default;
9
-
10
- //header
11
- $cx-default-calendar-header-font-size: $cx-default-box-font-size !default;
12
- $cx-default-calendar-header-font-weight: 500 !default;
13
- $cx-default-calendar-header-color: $cx-default-color !default;
14
- $cx-default-calendar-header-background-color: transparent !default;
15
-
16
- //day
17
- $cx-default-calendar-day-font-size: $cx-default-calendar-font-size !default;
18
- $cx-default-calendar-day-border-radius: $cx-default-calendar-border-radius !default;
19
-
20
- // CALENDAR
21
- $cx-calendar-state-style-map: cx-deep-map-merge($cx-input-state-style-map, (
22
- default: (
23
- font-size: $cx-default-calendar-font-size,
24
- background-color: $cx-default-calendar-background-color,
25
- border-style: solid,
26
- border-width: $cx-default-calendar-border-width,
27
- border-color: $cx-default-calendar-border-color,
28
- border-radius: $cx-default-calendar-border-radius,
29
- box-shadow: $cx-default-calendar-box-shadow,
30
- padding: $cx-default-calendar-padding
31
- ),
32
- hover: (
33
-
34
- ),
35
- header: (
36
- font-size: $cx-default-calendar-header-font-size,
37
- font-weight: $cx-default-calendar-header-font-weight,
38
- color: $cx-default-calendar-header-color,
39
- background-color: $cx-default-calendar-header-background-color,
40
- ),
41
- focus: (
42
- border-color: cx-get-state-rule($cx-input-state-style-map, focus, border-color),
43
- box-shadow: cx-get-state-rule($cx-input-state-style-map, focus, box-shadow),
44
- outline: none
45
- )
46
- )) !default;
47
-
48
- // calendar day field styles
49
- $cx-calendar-day-state-style-map: cx-deep-map-merge($cx-list-item, (
50
- default: (
51
- font-size: $cx-default-calendar-day-font-size,
52
- background-color: transparent,
53
- border-radius: $cx-default-calendar-day-border-radius
54
- ),
55
- today: (
56
- background-color: rgba(220, 250, 183, 0.5),
57
- ),
58
- outside: (
59
- color: rgba(0, 0, 0, 0.3)
60
- ),
61
- today-hover: (
62
-
63
- )
1
+
2
+ $cx-default-calendar-font-size: $cx-default-box-font-size !default;
3
+ $cx-default-calendar-background-color: $cx-default-input-background-color !default;
4
+ $cx-default-calendar-border-width: $cx-default-box-border-width !default;
5
+ $cx-default-calendar-border-color: $cx-default-input-border-color !default;
6
+ $cx-default-calendar-border-radius: $cx-default-border-radius !default;
7
+ $cx-default-calendar-box-shadow: none !default;
8
+ $cx-default-calendar-padding: 5px !default;
9
+
10
+ //header
11
+ $cx-default-calendar-header-font-size: $cx-default-box-font-size !default;
12
+ $cx-default-calendar-header-font-weight: 500 !default;
13
+ $cx-default-calendar-header-color: $cx-default-color !default;
14
+ $cx-default-calendar-header-background-color: transparent !default;
15
+
16
+ //day
17
+ $cx-default-calendar-day-font-size: $cx-default-calendar-font-size !default;
18
+ $cx-default-calendar-day-border-radius: $cx-default-calendar-border-radius !default;
19
+
20
+ // CALENDAR
21
+ $cx-calendar-state-style-map: cx-deep-map-merge($cx-input-state-style-map, (
22
+ default: (
23
+ font-size: $cx-default-calendar-font-size,
24
+ background-color: $cx-default-calendar-background-color,
25
+ border-style: solid,
26
+ border-width: $cx-default-calendar-border-width,
27
+ border-color: $cx-default-calendar-border-color,
28
+ border-radius: $cx-default-calendar-border-radius,
29
+ box-shadow: $cx-default-calendar-box-shadow,
30
+ padding: $cx-default-calendar-padding
31
+ ),
32
+ hover: (
33
+
34
+ ),
35
+ header: (
36
+ font-size: $cx-default-calendar-header-font-size,
37
+ font-weight: $cx-default-calendar-header-font-weight,
38
+ color: $cx-default-calendar-header-color,
39
+ background-color: $cx-default-calendar-header-background-color,
40
+ ),
41
+ focus: (
42
+ border-color: cx-get-state-rule($cx-input-state-style-map, focus, border-color),
43
+ box-shadow: cx-get-state-rule($cx-input-state-style-map, focus, box-shadow),
44
+ outline: none
45
+ )
46
+ )) !default;
47
+
48
+ // calendar day field styles
49
+ $cx-calendar-day-state-style-map: cx-deep-map-merge($cx-list-item, (
50
+ default: (
51
+ font-size: $cx-default-calendar-day-font-size,
52
+ background-color: transparent,
53
+ border-radius: $cx-default-calendar-day-border-radius
54
+ ),
55
+ today: (
56
+ background-color: rgba(220, 250, 183, 0.5),
57
+ ),
58
+ outside: (
59
+ color: rgba(0, 0, 0, 0.3)
60
+ ),
61
+ today-hover: (
62
+
63
+ )
64
64
  ));
package/src/widgets/form/Checkbox.variables.scss CHANGED
@@ -1,40 +1,40 @@
1
-
2
- $cx-default-checkbox-color: $cx-default-input-color !default;
3
- $cx-default-checkbox-background-color: $cx-default-input-background-color !default;
4
- $cx-default-checkbox-border-width: cx-get-state-rule($cx-input-state-style-map, default, border-width) !default;
5
- $cx-default-checkbox-border-color: $cx-default-input-border-color !default;
6
-
7
- $cx-checkbox-state-style-map: cx-deep-map-merge($cx-input-state-style-map, (
8
- default: (
9
- color: $cx-default-checkbox-color,
10
- background-color: $cx-default-checkbox-background-color,
11
- border-width: $cx-default-checkbox-border-width,
12
- border-color: $cx-default-checkbox-border-color
13
- ),
14
- checked: (
15
-
16
- ),
17
- checked-focus: (
18
-
19
- ),
20
- focus: (
21
- border-color: cx-get-state-rule($cx-input-state-style-map, focus, border-color),
22
- outline: cx-get-state-rule($cx-input-state-style-map, focus, outline),
23
- box-shadow: cx-get-state-rule($cx-input-state-style-map, focus, box-shadow)
24
- ),
25
-
26
- disabled: (
27
- background: rgb(235, 235, 228),
28
- color: rgb(84, 84, 84)
29
- ),
30
- disabled-checked: (
31
-
32
- ),
33
- error: (
34
- border-color: rgba(220, 0, 9, 0.8)
35
- ),
36
-
37
- error-focus: (
38
- box-shadow: 0 0 2px rgba(220, 0, 9, 0.8)
39
- )
1
+
2
+ $cx-default-checkbox-color: $cx-default-input-color !default;
3
+ $cx-default-checkbox-background-color: $cx-default-input-background-color !default;
4
+ $cx-default-checkbox-border-width: cx-get-state-rule($cx-input-state-style-map, default, border-width) !default;
5
+ $cx-default-checkbox-border-color: $cx-default-input-border-color !default;
6
+
7
+ $cx-checkbox-state-style-map: cx-deep-map-merge($cx-input-state-style-map, (
8
+ default: (
9
+ color: $cx-default-checkbox-color,
10
+ background-color: $cx-default-checkbox-background-color,
11
+ border-width: $cx-default-checkbox-border-width,
12
+ border-color: $cx-default-checkbox-border-color
13
+ ),
14
+ checked: (
15
+
16
+ ),
17
+ checked-focus: (
18
+
19
+ ),
20
+ focus: (
21
+ border-color: cx-get-state-rule($cx-input-state-style-map, focus, border-color),
22
+ outline: cx-get-state-rule($cx-input-state-style-map, focus, outline),
23
+ box-shadow: cx-get-state-rule($cx-input-state-style-map, focus, box-shadow)
24
+ ),
25
+
26
+ disabled: (
27
+ background: rgb(235, 235, 228),
28
+ color: rgb(84, 84, 84)
29
+ ),
30
+ disabled-checked: (
31
+
32
+ ),
33
+ error: (
34
+ border-color: rgba(220, 0, 9, 0.8)
35
+ ),
36
+
37
+ error-focus: (
38
+ box-shadow: 0 0 2px rgba(220, 0, 9, 0.8)
39
+ )
40
40
  )) !default;
package/src/widgets/form/ColorPicker.variables.scss CHANGED
@@ -1,22 +1,22 @@
1
- $cx-default-colorpicker-font-family: "Consolas", monospace !default;
2
- $cx-default-colorpicker-font-size: 11px !default;
3
- $cx-default-colorpicker-background-color: $cx-default-input-background-color !default;
4
- $cx-default-colorpicker-border-width: $cx-default-box-border-width !default;
5
- $cx-default-colorpicker-border-color: $cx-default-input-border-color !default;
6
- $cx-default-colorpicker-box-shadow: none !default;
7
-
8
- $cx-colorpicker-state-style-map: cx-deep-map-merge(
9
- $cx-input-state-style-map,
10
- (
11
- default: (
12
- font-family: $cx-default-colorpicker-font-family,
13
- font-size: $cx-default-colorpicker-font-size,
14
- background-color: $cx-default-colorpicker-background-color,
15
- border-width: $cx-default-colorpicker-border-width,
16
- border-color: $cx-default-colorpicker-border-color,
17
- box-shadow: $cx-default-colorpicker-box-shadow,
18
- padding: 2px,
19
- ),
20
- hover: (),
21
- )
22
- ) !default;
1
+ $cx-default-colorpicker-font-family: "Consolas", monospace !default;
2
+ $cx-default-colorpicker-font-size: 11px !default;
3
+ $cx-default-colorpicker-background-color: $cx-default-input-background-color !default;
4
+ $cx-default-colorpicker-border-width: $cx-default-box-border-width !default;
5
+ $cx-default-colorpicker-border-color: $cx-default-input-border-color !default;
6
+ $cx-default-colorpicker-box-shadow: none !default;
7
+
8
+ $cx-colorpicker-state-style-map: cx-deep-map-merge(
9
+ $cx-input-state-style-map,
10
+ (
11
+ default: (
12
+ font-family: $cx-default-colorpicker-font-family,
13
+ font-size: $cx-default-colorpicker-font-size,
14
+ background-color: $cx-default-colorpicker-background-color,
15
+ border-width: $cx-default-colorpicker-border-width,
16
+ border-color: $cx-default-colorpicker-border-color,
17
+ box-shadow: $cx-default-colorpicker-box-shadow,
18
+ padding: 2px,
19
+ ),
20
+ hover: (),
21
+ )
22
+ ) !default;
package/src/widgets/form/Radio.variables.scss CHANGED
@@ -1,46 +1,46 @@
1
-
2
- $cx-default-radio-color: currentColor !default;
3
- $cx-default-radio-background-color: $cx-default-input-background-color !default;
4
- $cx-default-radio-border-width: cx-get-state-rule($cx-input-state-style-map, default, border-width) !default;
5
- $cx-default-radio-border-color: $cx-default-input-border-color !default;
6
-
7
- $cx-radio-state-style-map: cx-deep-map-merge($cx-input-state-style-map, (
8
- default: (
9
- color: $cx-default-radio-color,
10
- background-color: $cx-default-radio-background-color,
11
- border-width: $cx-default-radio-border-width,
12
- border-color: $cx-default-radio-border-color
13
- ),
14
- hover: (
15
-
16
- ),
17
- checked: (
18
-
19
- ),
20
- checked-focus: (
21
-
22
- ),
23
- checked-hover: (
24
-
25
- ),
26
- focus: (
27
- border-color: cx-get-state-rule($cx-input-state-style-map, focus, border-color),
28
- outline: cx-get-state-rule($cx-input-state-style-map, focus, outline),
29
- box-shadow: cx-get-state-rule($cx-input-state-style-map, focus, box-shadow)
30
- ),
31
-
32
- disabled: (
33
- background: rgb(235, 235, 228),
34
- color: rgb(84, 84, 84)
35
- ),
36
- disabled-checked: (
37
-
38
- ),
39
- error: (
40
- border-color: rgba(220, 0, 9, 0.8)
41
- ),
42
-
43
- error-focus: (
44
- box-shadow: 0 0 2px rgba(220, 0, 9, 0.8)
45
- )
1
+
2
+ $cx-default-radio-color: currentColor !default;
3
+ $cx-default-radio-background-color: $cx-default-input-background-color !default;
4
+ $cx-default-radio-border-width: cx-get-state-rule($cx-input-state-style-map, default, border-width) !default;
5
+ $cx-default-radio-border-color: $cx-default-input-border-color !default;
6
+
7
+ $cx-radio-state-style-map: cx-deep-map-merge($cx-input-state-style-map, (
8
+ default: (
9
+ color: $cx-default-radio-color,
10
+ background-color: $cx-default-radio-background-color,
11
+ border-width: $cx-default-radio-border-width,
12
+ border-color: $cx-default-radio-border-color
13
+ ),
14
+ hover: (
15
+
16
+ ),
17
+ checked: (
18
+
19
+ ),
20
+ checked-focus: (
21
+
22
+ ),
23
+ checked-hover: (
24
+
25
+ ),
26
+ focus: (
27
+ border-color: cx-get-state-rule($cx-input-state-style-map, focus, border-color),
28
+ outline: cx-get-state-rule($cx-input-state-style-map, focus, outline),
29
+ box-shadow: cx-get-state-rule($cx-input-state-style-map, focus, box-shadow)
30
+ ),
31
+
32
+ disabled: (
33
+ background: rgb(235, 235, 228),
34
+ color: rgb(84, 84, 84)
35
+ ),
36
+ disabled-checked: (
37
+
38
+ ),
39
+ error: (
40
+ border-color: rgba(220, 0, 9, 0.8)
41
+ ),
42
+
43
+ error-focus: (
44
+ box-shadow: 0 0 2px rgba(220, 0, 9, 0.8)
45
+ )
46
46
  )) !default;
package/src/widgets/form/index.scss CHANGED
@@ -1,24 +1,24 @@
1
-
2
- @import "Field";
3
- @import "Label";
4
- @import "TextField";
5
- @import "NumberField";
6
- @import "Calendar";
7
- @import "LookupField";
8
- @import "Select";
9
- @import "TextArea";
10
- @import "Checkbox";
11
- @import "Radio";
12
- @import "ColorPicker";
13
- @import "ColorField";
14
- @import "MonthPicker";
15
- @import "MonthField";
16
- @import "UploadButton";
17
- @import "Slider";
18
- @import "ValidationError";
19
- @import "Switch";
20
- @import "HelpText";
21
- @import "Wheel";
22
- @import "DateTimePicker";
23
- @import "DateTimeField";
24
-
1
+
2
+ @import "Field";
3
+ @import "Label";
4
+ @import "TextField";
5
+ @import "NumberField";
6
+ @import "Calendar";
7
+ @import "LookupField";
8
+ @import "Select";
9
+ @import "TextArea";
10
+ @import "Checkbox";
11
+ @import "Radio";
12
+ @import "ColorPicker";
13
+ @import "ColorField";
14
+ @import "MonthPicker";
15
+ @import "MonthField";
16
+ @import "UploadButton";
17
+ @import "Slider";
18
+ @import "ValidationError";
19
+ @import "Switch";
20
+ @import "HelpText";
21
+ @import "Wheel";
22
+ @import "DateTimePicker";
23
+ @import "DateTimeField";
24
+