cx 24.3.4 → 24.3.6

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 (17) hide show
  1. package/dist/charts.js +1 -0
  2. package/dist/manifest.js +595 -595
  3. package/dist/widgets.js +4 -2
  4. package/package.json +1 -1
  5. package/src/charts/Swimlanes.d.ts +3 -3
  6. package/src/charts/Swimlanes.js +2 -0
  7. package/src/charts/variables.scss +20 -21
  8. package/src/core.d.ts +1 -0
  9. package/src/widgets/form/Field.d.ts +1 -1
  10. package/src/widgets/form/Label.d.ts +8 -10
  11. package/src/widgets/form/Label.js +89 -88
  12. package/src/widgets/form/LabeledContainer.d.ts +3 -11
  13. package/src/widgets/form/ValidationGroup.d.ts +1 -1
  14. package/src/widgets/grid/Grid.d.ts +4 -2
  15. package/src/widgets/grid/Grid.js +2 -1
  16. package/src/widgets/grid/Grid.scss +680 -680
  17. package/src/widgets/grid/variables.scss +88 -88
package/src/widgets/grid/variables.scss CHANGED
@@ -1,88 +1,88 @@
1
- // GRID
2
- $cx-default-grid-font-size: $cx-default-box-font-size !default;
3
- $cx-default-grid-border-color: $cx-default-border-color !default;
4
- $cx-default-grid-border-radius: null !default;
5
- $cx-default-grid-box-shadow: null !default;
6
-
7
- // header
8
- $cx-default-grid-header-font-size: $cx-default-box-font-size !default;
9
- $cx-default-grid-header-font-weight: normal !default;
10
- $cx-default-grid-header-line-height: null !default;
11
- $cx-default-grid-header-color: $cx-default-color !default;
12
- $cx-default-grid-header-background-color: #eee !default;
13
- $cx-default-grid-header-border-color: $cx-default-border-color !default;
14
- $cx-default-grid-header-box-shadow: null !default;
15
- $cx-default-grid-header-padding: null !default;
16
-
17
- $cx-grid-header-state-style-map: (
18
- default: (
19
- font-size: $cx-default-grid-header-font-size,
20
- font-weight: $cx-default-grid-header-font-weight,
21
- line-height: $cx-default-grid-header-line-height,
22
- color: $cx-default-grid-header-color,
23
- background-color: $cx-default-grid-header-background-color,
24
- border-color: $cx-default-grid-header-border-color,
25
- background-clip: border-box,
26
- padding: $cx-default-grid-header-padding,
27
- ),
28
- hover: (
29
- background-color: darken($cx-default-grid-header-background-color, 2),
30
- ),
31
- sorted: (
32
- background-color: darken($cx-default-grid-header-background-color, 7),
33
- ),
34
- sorted-hover: (
35
- background-color: darken($cx-default-grid-header-background-color, 5),
36
- ),
37
- ) !default;
38
-
39
- // data
40
- $cx-default-grid-data-font-size: null !default;
41
- $cx-default-grid-data-font-weight: null !default;
42
- $cx-default-grid-data-line-height: null !default;
43
- $cx-default-grid-data-background-color: transparent !default;
44
- $cx-default-grid-data-alternate-background-color: null !default;
45
- $cx-default-grid-data-border-color: $cx-default-grid-border-color !default;
46
- $cx-default-grid-data-padding: 5px !default;
47
-
48
- $cx-grid-data-state-style-map: cx-deep-map-merge(
49
- $cx-list-item,
50
- (
51
- default: (
52
- font-size: $cx-default-grid-data-font-size,
53
- line-height: $cx-default-grid-data-line-height,
54
- font-weight: $cx-default-grid-data-font-weight,
55
- background-color: $cx-default-grid-data-background-color,
56
- border-color: $cx-default-grid-data-border-color,
57
- padding: $cx-default-grid-data-padding,
58
- ),
59
- alternate: (
60
- background-color: $cx-default-grid-data-alternate-background-color,
61
- ),
62
- )
63
- ) !default;
64
-
65
- // pagination
66
- $cx-grid-pagination-default-border-width: $cx-default-border-width !default;
67
- $cx-grid-pagination-default-border-color: $cx-default-border-color !default;
68
- $cx-grid-pagination-default-border-radius: null !default;
69
- $cx-grid-pagination-default-outer-border-radius: $cx-default-border-radius !default;
70
- $cx-grid-pagination-default-padding: cx-top($cx-default-box-padding) 2 * cx-top($cx-default-box-padding) !default;
71
-
72
- $cx-grid-pagination-state-style-map: cx-deep-map-merge($cx-list-item, ()) !default;
73
-
74
- $cx-grid-cell-cursor-style: (
75
- left: -1px,
76
- top: -1px,
77
- right: -1px,
78
- bottom: -1px,
79
- background: rgba(green, 0.1),
80
- border: 2px solid rgba(green, 1),
81
- );
82
-
83
- $cx-dependencies: map-merge(
84
- $cx-dependencies,
85
- (
86
- "cx/widgets/Grid": "cx/widgets/DragClone",
87
- )
88
- );
1
+ // GRID
2
+ $cx-default-grid-font-size: $cx-default-box-font-size !default;
3
+ $cx-default-grid-border-color: $cx-default-border-color !default;
4
+ $cx-default-grid-border-radius: null !default;
5
+ $cx-default-grid-box-shadow: null !default;
6
+
7
+ // header
8
+ $cx-default-grid-header-font-size: $cx-default-box-font-size !default;
9
+ $cx-default-grid-header-font-weight: normal !default;
10
+ $cx-default-grid-header-line-height: null !default;
11
+ $cx-default-grid-header-color: $cx-default-color !default;
12
+ $cx-default-grid-header-background-color: #eee !default;
13
+ $cx-default-grid-header-border-color: $cx-default-border-color !default;
14
+ $cx-default-grid-header-box-shadow: null !default;
15
+ $cx-default-grid-header-padding: null !default;
16
+
17
+ $cx-grid-header-state-style-map: (
18
+ default: (
19
+ font-size: $cx-default-grid-header-font-size,
20
+ font-weight: $cx-default-grid-header-font-weight,
21
+ line-height: $cx-default-grid-header-line-height,
22
+ color: $cx-default-grid-header-color,
23
+ background-color: $cx-default-grid-header-background-color,
24
+ border-color: $cx-default-grid-header-border-color,
25
+ background-clip: border-box,
26
+ padding: $cx-default-grid-header-padding,
27
+ ),
28
+ hover: (
29
+ background-color: darken($cx-default-grid-header-background-color, 2),
30
+ ),
31
+ sorted: (
32
+ background-color: darken($cx-default-grid-header-background-color, 7),
33
+ ),
34
+ sorted-hover: (
35
+ background-color: darken($cx-default-grid-header-background-color, 5),
36
+ ),
37
+ ) !default;
38
+
39
+ // data
40
+ $cx-default-grid-data-font-size: null !default;
41
+ $cx-default-grid-data-font-weight: null !default;
42
+ $cx-default-grid-data-line-height: null !default;
43
+ $cx-default-grid-data-background-color: transparent !default;
44
+ $cx-default-grid-data-alternate-background-color: null !default;
45
+ $cx-default-grid-data-border-color: $cx-default-grid-border-color !default;
46
+ $cx-default-grid-data-padding: 5px !default;
47
+
48
+ $cx-grid-data-state-style-map: cx-deep-map-merge(
49
+ $cx-list-item,
50
+ (
51
+ default: (
52
+ font-size: $cx-default-grid-data-font-size,
53
+ line-height: $cx-default-grid-data-line-height,
54
+ font-weight: $cx-default-grid-data-font-weight,
55
+ background-color: $cx-default-grid-data-background-color,
56
+ border-color: $cx-default-grid-data-border-color,
57
+ padding: $cx-default-grid-data-padding,
58
+ ),
59
+ alternate: (
60
+ background-color: $cx-default-grid-data-alternate-background-color,
61
+ ),
62
+ )
63
+ ) !default;
64
+
65
+ // pagination
66
+ $cx-grid-pagination-default-border-width: $cx-default-border-width !default;
67
+ $cx-grid-pagination-default-border-color: $cx-default-border-color !default;
68
+ $cx-grid-pagination-default-border-radius: null !default;
69
+ $cx-grid-pagination-default-outer-border-radius: $cx-default-border-radius !default;
70
+ $cx-grid-pagination-default-padding: cx-top($cx-default-box-padding) 2 * cx-top($cx-default-box-padding) !default;
71
+
72
+ $cx-grid-pagination-state-style-map: cx-deep-map-merge($cx-list-item, ()) !default;
73
+
74
+ $cx-grid-cell-cursor-style: (
75
+ left: -1px,
76
+ top: -1px,
77
+ right: -1px,
78
+ bottom: -1px,
79
+ background: rgba(green, 0.1),
80
+ border: 2px solid rgba(green, 1),
81
+ );
82
+
83
+ $cx-dependencies: map-merge(
84
+ $cx-dependencies,
85
+ (
86
+ "cx/widgets/Grid": "cx/widgets/DragClone",
87
+ )
88
+ );