@odx/ui 2.9.7 → 2.9.9
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.
- package/CHANGELOG.md +56 -64
- package/ag-grid-theme.css +255 -1
- package/charts-theme.css +45 -1
- package/core-theme.css +6482 -1
- package/package.json +3 -2
- package/scss/components/rich-list-item.component.scss +9 -7
- package/scss/assets/icons.css.hbs +0 -23
package/CHANGELOG.md
CHANGED
|
@@ -1,165 +1,157 @@
|
|
|
1
|
-
## @odx/ui 2.9.
|
|
1
|
+
## @odx/ui 2.9.8 (2023-10-25)
|
|
2
|
+
|
|
3
|
+
## 2.9.9
|
|
2
4
|
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 469224e8: Update library dependencies
|
|
3
8
|
|
|
4
9
|
### Bug Fixes
|
|
5
10
|
|
|
6
|
-
|
|
11
|
+
- distances for items ([609932e](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/609932e52ffdfae1cdd30a3d4ebf9f3910b4c8ff))
|
|
12
|
+
- ui changes ([4932146](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/4932146557f901771bbe73e0e24a3c2d9f9f87dc))
|
|
7
13
|
|
|
8
|
-
## @odx/ui 2.9.
|
|
14
|
+
## @odx/ui 2.9.7 (2023-10-25)
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
9
17
|
|
|
18
|
+
- no additional indent for area header inside content box ([e7ffafb](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/e7ffafb3a9df4a9b33c01b59766df8b47ac43270))
|
|
19
|
+
|
|
20
|
+
## @odx/ui 2.9.6 (2023-10-09)
|
|
10
21
|
|
|
11
22
|
### Bug Fixes
|
|
12
23
|
|
|
13
|
-
|
|
24
|
+
- transition properties ([3745543](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/37455433eb5437dd8a1672fca8472257d5f16bd2))
|
|
14
25
|
|
|
15
26
|
## @odx/ui 2.9.5 (2023-10-09)
|
|
16
27
|
|
|
17
|
-
|
|
18
28
|
### Bug Fixes
|
|
19
29
|
|
|
20
|
-
|
|
30
|
+
- removed visited state ([15dd23b](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/15dd23be16bb8584f6e5a27966066c227f4dcf99))
|
|
21
31
|
|
|
22
32
|
## @odx/ui 2.9.4 (2023-10-06)
|
|
23
33
|
|
|
24
|
-
|
|
25
34
|
### Bug Fixes
|
|
26
35
|
|
|
27
|
-
|
|
36
|
+
- **ui:** typo in favicon SVG filename ([c66f908](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/c66f908ea46efb64caf16435db54faee12404584))
|
|
28
37
|
|
|
29
38
|
## @odx/ui 2.9.3 (2023-09-18)
|
|
30
39
|
|
|
31
|
-
|
|
32
40
|
### Bug Fixes
|
|
33
41
|
|
|
34
|
-
|
|
42
|
+
- **angular:** use primary as new loading spinner color ([215f199](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/215f199a93bdabeaa780a770646a7f97a2ac4b25))
|
|
35
43
|
|
|
36
44
|
## @odx/ui 2.9.2 (2023-09-15)
|
|
37
45
|
|
|
38
|
-
|
|
39
46
|
### Bug Fixes
|
|
40
47
|
|
|
41
|
-
|
|
48
|
+
- radiobutton in table filter ([e73c5a1](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/e73c5a1b6aac2e01ed97376ea78824753ed0bbf3))
|
|
42
49
|
|
|
43
50
|
## @odx/ui 2.9.1 (2023-09-14)
|
|
44
51
|
|
|
45
|
-
|
|
46
52
|
### Bug Fixes
|
|
47
53
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
54
|
+
- hover state ([bc4aed6](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/bc4aed69e1da2314394d1fcfe40b4f0c1e0069b7))
|
|
55
|
+
- inputs type text focus ([3c43305](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/3c4330506c3bfacedadfd747cccdb687f8550f2e))
|
|
56
|
+
- styling ([480547e](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/480547efdd56da674fdedd9d35cdecb410210c57))
|
|
51
57
|
|
|
52
58
|
# @odx/ui 2.9.0 (2023-09-13)
|
|
53
59
|
|
|
54
|
-
|
|
55
60
|
### Features
|
|
56
61
|
|
|
57
|
-
|
|
62
|
+
- **colors:** ag grid theme correction ([3d28f43](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/3d28f4370cce011980ef89ea0f49b70dad777c36))
|
|
58
63
|
|
|
59
64
|
## @odx/ui 2.8.1 (2023-08-28)
|
|
60
65
|
|
|
61
|
-
|
|
62
66
|
### Bug Fixes
|
|
63
67
|
|
|
64
|
-
|
|
68
|
+
- prevent scroll on app main container ([fccad24](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/fccad24afbf34e7e9dc00cf7aaa857a5f41eb5c0))
|
|
65
69
|
|
|
66
70
|
# @odx/ui 2.8.0 (2023-08-25)
|
|
67
71
|
|
|
68
|
-
|
|
69
72
|
### Bug Fixes
|
|
70
73
|
|
|
71
|
-
|
|
72
|
-
|
|
74
|
+
- resolve comment from code review ([bf87756](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/bf87756d035342d1696dd15d3567f3254b54527c))
|
|
73
75
|
|
|
74
76
|
### Features
|
|
75
77
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
78
|
+
- change paginator config usage ([0eb5d50](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/0eb5d50a5d66b0a644c9f76261528cd3a9a6a751))
|
|
79
|
+
- draft commit ([3e8c1b5](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/3e8c1b578a32065107b6a42d9fe82f14bcdfa89a))
|
|
80
|
+
- test paginator ([82cc7bc](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/82cc7bc36212228b0014336017ad5ce627517c1c))
|
|
79
81
|
|
|
80
82
|
# @odx/ui 2.7.0 (2023-08-21)
|
|
81
83
|
|
|
82
|
-
|
|
83
84
|
### Features
|
|
84
85
|
|
|
85
|
-
|
|
86
|
+
- **rail-navigation:** allow iconSet to be configured ([abb7da7](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/abb7da7af787351083cbdb9d1866eafa950dd8ce))
|
|
86
87
|
|
|
87
88
|
# @odx/ui 2.6.0 (2023-08-11)
|
|
88
89
|
|
|
89
|
-
|
|
90
90
|
### Bug Fixes
|
|
91
91
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
92
|
+
- apply suggestions from code review ([6abd130](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/6abd130a3998b6f642c337e220bf896618267e67))
|
|
93
|
+
- apply suggestions from code review ([cad3309](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/cad33093ff1d7c5e38b954bd273ded4833a2321b))
|
|
94
|
+
- merge conflicts ([2590c8f](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/2590c8feaa99c4398f500b293590a405ad6939dc))
|
|
95
|
+
- merge conflicts ([a071ff0](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/a071ff06bfcb312d645b4899e9880cf20ea51d14))
|
|
96
|
+
- merge conflicts ([53084e8](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/53084e86a2bc65f347d66a9ce41acf5564464f53))
|
|
97
|
+
- nested form-field-control ([181c79c](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/181c79c8dd306802caac96c5061e96b826ccb4c7))
|
|
98
|
+
- resolve conflicts ([373c456](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/373c4562db0f4a98a0aff51beee2d15f4bb05194))
|
|
100
99
|
|
|
101
100
|
### Features
|
|
102
101
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
102
|
+
- add datepicker module ([abf2ade](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/abf2ade90ccc1c9b399801814b22925bb05eabd1))
|
|
103
|
+
- draft commit ([5bcbdb3](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/5bcbdb34c31b21b2872cd50d0f095ae085929bfe))
|
|
104
|
+
- draft commit ([a08e272](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/a08e272cc624d79fab970ebfc198272672685cf5))
|
|
105
|
+
- draft commit ([e7aa95c](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/e7aa95c789a690a94ad9cddae2b56ddc1e804f78))
|
|
106
|
+
- draft commit ([09149e6](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/09149e67f665260850a38a6a50a41ffde968fb32))
|
|
107
|
+
- test calendar service ([733c08f](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/733c08f36572c2d523da6135166cc8d4e9054b03))
|
|
108
|
+
- update story file ([61a8fc6](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/61a8fc646fbf3264ada0642db977d65b4002d2b9))
|
|
110
109
|
|
|
111
110
|
# @odx/ui 2.5.0 (2023-08-09)
|
|
112
111
|
|
|
113
|
-
|
|
114
112
|
### Features
|
|
115
113
|
|
|
116
|
-
|
|
114
|
+
- add pagination styles and icons ([cf5e9fa](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/cf5e9fa441047f9f07d7eb29d3613fe06d819ff4))
|
|
117
115
|
|
|
118
116
|
# @odx/ui 2.4.0 (2023-08-07)
|
|
119
117
|
|
|
120
|
-
|
|
121
118
|
### Features
|
|
122
119
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
120
|
+
- chart theme directive ([1ec10f2](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/1ec10f2cf18a1410726a38f672dacc8f7d416f33))
|
|
121
|
+
- naming and structure ([12783e9](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/12783e941140fdfe097535493e05e9d46634852d))
|
|
122
|
+
- new css theme ([b50355b](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/b50355b5fed5f1cc73b99fc2394e94226af2dfcd))
|
|
123
|
+
- new story for echarts library ([6fd7015](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/6fd7015a4e4ffdc6c7065f4475ea41a0226ad297))
|
|
124
|
+
- series colors, charts config ([ff207ac](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/ff207ace7037271e940626cd6edf37194ae6f75b))
|
|
128
125
|
|
|
129
126
|
# @odx/ui 2.3.0 (2023-07-24)
|
|
130
127
|
|
|
131
|
-
|
|
132
128
|
### Bug Fixes
|
|
133
129
|
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
130
|
+
- designer issues ([912d7d6](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/912d7d6e17840c83e741aab0e1fa0a9dd87a3d02))
|
|
131
|
+
- styles in rich-list-item ([b109a1c](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/b109a1ccb567426da3550db59d1369695f6731f7))
|
|
137
132
|
|
|
138
133
|
### Features
|
|
139
134
|
|
|
140
|
-
|
|
141
|
-
|
|
135
|
+
- rich-list component created ([ea352ef](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/ea352eff62de24f7f302876da683b92b26eda580))
|
|
136
|
+
- story and styles ([7d8b4c4](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/7d8b4c4509ecb0e96127716ffba081a1606762ce))
|
|
142
137
|
|
|
143
138
|
## @odx/ui 2.2.1 (2023-07-19)
|
|
144
139
|
|
|
145
|
-
|
|
146
140
|
### Bug Fixes
|
|
147
141
|
|
|
148
|
-
|
|
142
|
+
- application layout ([5ed58f2](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/5ed58f2e1ee635327581338e3d203324058e1f00))
|
|
149
143
|
|
|
150
144
|
# @odx/ui 2.2.0 (2023-07-17)
|
|
151
145
|
|
|
152
|
-
|
|
153
146
|
### Features
|
|
154
147
|
|
|
155
|
-
|
|
148
|
+
- add favicons to @odx/ui library ([3d12db8](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/3d12db838a377bf4f4cfedd5360ae4d15096d57a))
|
|
156
149
|
|
|
157
150
|
## @odx/ui 2.1.1 (2023-07-13)
|
|
158
151
|
|
|
159
|
-
|
|
160
152
|
### Bug Fixes
|
|
161
153
|
|
|
162
|
-
|
|
154
|
+
- broken release 2.1.0 ([f04938d](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/f04938d5aca6fde5c85471ed01a3cf40cda7c832))
|
|
163
155
|
|
|
164
156
|
# @odx/ui 2.1.0 (2023-07-11)
|
|
165
157
|
|
package/ag-grid-theme.css
CHANGED
|
@@ -1 +1,255 @@
|
|
|
1
|
-
|
|
1
|
+
/*!************************************************************************************************************************************************************************************************************!*\
|
|
2
|
+
!*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/3rdparty/ag-grid/theme.scss ***!
|
|
3
|
+
\************************************************************************************************************************************************************************************************************/
|
|
4
|
+
@charset "UTF-8";
|
|
5
|
+
.ag-theme-odx {
|
|
6
|
+
--ag-border-color: var(--odx-c-separator);
|
|
7
|
+
--ag-foreground-color: var(--odx-c-text);
|
|
8
|
+
--ag-secondary-foreground-color: var(--odx-c-text);
|
|
9
|
+
--ag-disabled-foreground-color: var(--odx-c-text-disabled);
|
|
10
|
+
--ag-row-hover-color: var(--odx-c-ghost-hover);
|
|
11
|
+
--ag-selected-row-background-color: var(--odx-c-selected);
|
|
12
|
+
--ag-background-color: var(--odx-c-background-content);
|
|
13
|
+
--ag-checkbox-indeterminate-color: var(--odx-control-color-selected);
|
|
14
|
+
--ag-checkbox-checked-color: var(--odx-control-color-selected);
|
|
15
|
+
--ag-font-family: "Pangea";
|
|
16
|
+
--ag-font-size: var(--odx-typography-base-size);
|
|
17
|
+
--ag-icon-size: calc(var(--odx-typography-base-size) * (1*var(--odx-typography-positive-font-scaling-factor)));
|
|
18
|
+
--ag-icon-font-family: core-icons;
|
|
19
|
+
--ag-icon-font-code-aggregation: "";
|
|
20
|
+
--ag-icon-font-code-arrows: "";
|
|
21
|
+
--ag-icon-font-code-asc: "";
|
|
22
|
+
--ag-icon-font-code-cancel: "";
|
|
23
|
+
--ag-icon-font-code-chart: "";
|
|
24
|
+
--ag-icon-font-code-checkbox-checked: "";
|
|
25
|
+
--ag-icon-font-code-checkbox-indeterminate: "";
|
|
26
|
+
--ag-icon-font-code-checkbox-unchecked: "";
|
|
27
|
+
--ag-icon-font-code-color-picker: "";
|
|
28
|
+
--ag-icon-font-code-columns: "";
|
|
29
|
+
--ag-icon-font-code-contracted: "";
|
|
30
|
+
--ag-icon-font-code-copy: "";
|
|
31
|
+
--ag-icon-font-code-cut: "";
|
|
32
|
+
--ag-icon-font-code-cross: "";
|
|
33
|
+
--ag-icon-font-code-csv: "";
|
|
34
|
+
--ag-icon-font-code-desc: "";
|
|
35
|
+
--ag-icon-font-code-excel: "";
|
|
36
|
+
--ag-icon-font-code-expanded: "";
|
|
37
|
+
--ag-icon-font-code-eye-slash: "";
|
|
38
|
+
--ag-icon-font-code-eye: "";
|
|
39
|
+
--ag-icon-font-code-filter: "";
|
|
40
|
+
--ag-icon-font-code-first: "";
|
|
41
|
+
--ag-icon-font-code-grip: "";
|
|
42
|
+
--ag-icon-font-code-group: "";
|
|
43
|
+
--ag-icon-font-code-last: "";
|
|
44
|
+
--ag-icon-font-code-left: "";
|
|
45
|
+
--ag-icon-font-code-linked: "";
|
|
46
|
+
--ag-icon-font-code-loading: "";
|
|
47
|
+
--ag-icon-font-code-maximize: "";
|
|
48
|
+
--ag-icon-font-code-menu: "";
|
|
49
|
+
--ag-icon-font-code-minimize: "";
|
|
50
|
+
--ag-icon-font-code-next: "";
|
|
51
|
+
--ag-icon-font-code-none: "";
|
|
52
|
+
--ag-icon-font-code-not-allowed: "";
|
|
53
|
+
--ag-icon-font-code-paste: "";
|
|
54
|
+
--ag-icon-font-code-pin: "";
|
|
55
|
+
--ag-icon-font-code-pivot: "";
|
|
56
|
+
--ag-icon-font-code-previous: "";
|
|
57
|
+
--ag-icon-font-code-radio-button-off: "";
|
|
58
|
+
--ag-icon-font-code-radio-button-on: "";
|
|
59
|
+
--ag-icon-font-code-right: "";
|
|
60
|
+
--ag-icon-font-code-save: "";
|
|
61
|
+
--ag-icon-font-code-small-down: "";
|
|
62
|
+
--ag-icon-font-code-small-left: "";
|
|
63
|
+
--ag-icon-font-code-small-right: "";
|
|
64
|
+
--ag-icon-font-code-small-up: "";
|
|
65
|
+
--ag-icon-font-code-tick: "";
|
|
66
|
+
--ag-icon-font-code-tree-closed: "";
|
|
67
|
+
--ag-icon-font-code-tree-indeterminate: "";
|
|
68
|
+
--ag-icon-font-code-tree-open: "";
|
|
69
|
+
--ag-icon-font-code-unlinked: "";
|
|
70
|
+
--ag-grid-size: calc(var(--odx-vertical-rythm-base-size) * 0.25);
|
|
71
|
+
--ag-widget-vertical-spacing: calc(var(--odx-vertical-rythm-base-size) * 0.5);
|
|
72
|
+
--ag-header-height: calc(var(--odx-vertical-rythm-base-size) * 2);
|
|
73
|
+
--ag-row-height: calc(var(--odx-vertical-rythm-base-size) * 2);
|
|
74
|
+
--ag-table-line-height: calc(var(--odx-vertical-rythm-base-size) * 1.5);
|
|
75
|
+
--ag-list-item-height: calc(var(--odx-vertical-rythm-base-size) * 1.5);
|
|
76
|
+
}
|
|
77
|
+
.ag-theme-odx input[class^=ag-][type=text] {
|
|
78
|
+
background: var(--gray-100);
|
|
79
|
+
border: var(--ag-borders-critical) var(--gray100);
|
|
80
|
+
border-radius: var(--odx-v-border-radius-controls);
|
|
81
|
+
font-weight: var(--odx-typography-font-weight-normal);
|
|
82
|
+
letter-spacing: var(--odx-typography-font-weight-medium-letter-spacing);
|
|
83
|
+
line-height: var(--ag-table-line-height);
|
|
84
|
+
padding-left: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
|
|
85
|
+
padding-right: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
|
|
86
|
+
vertical-align: middle;
|
|
87
|
+
transition: all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);
|
|
88
|
+
transition-property: background-color, outline-color;
|
|
89
|
+
outline: var(--odx-v-outline-width) solid transparent;
|
|
90
|
+
outline-offset: calc(-1 * var(--odx-v-outline-width));
|
|
91
|
+
}
|
|
92
|
+
.ag-theme-odx input[class^=ag-][type=text]::-moz-placeholder {
|
|
93
|
+
color: var(--odx-c-text);
|
|
94
|
+
opacity: 0.65;
|
|
95
|
+
}
|
|
96
|
+
.ag-theme-odx input[class^=ag-][type=text]::placeholder {
|
|
97
|
+
color: var(--odx-c-text);
|
|
98
|
+
opacity: 0.65;
|
|
99
|
+
}
|
|
100
|
+
.ag-theme-odx input[class^=ag-][type=text]:focus {
|
|
101
|
+
background-color: var(--odx-c-focus);
|
|
102
|
+
outline-color: var(--odx-c-focus-outline);
|
|
103
|
+
}
|
|
104
|
+
@media (hover: hover){
|
|
105
|
+
.ag-theme-odx input[class^=ag-][type=text]:not(:focus):hover {
|
|
106
|
+
background-color: var(--odx-input-control-background-color-hover);
|
|
107
|
+
outline-color: var(--odx-input-control-outline-color-hover);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
.ag-theme-odx .ag-standard-button {
|
|
111
|
+
background-color: var(--odx-c-primary);
|
|
112
|
+
border-radius: var(--odx-v-border-radius-controls);
|
|
113
|
+
color: var(--odx-c-primary-text);
|
|
114
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 1.5);
|
|
115
|
+
min-width: calc(var(--odx-vertical-rythm-base-size) * 3);
|
|
116
|
+
outline-offset: calc(-1 * var(--odx-v-outline-width-bold));
|
|
117
|
+
outline-width: var(--odx-v-outline-width-bold);
|
|
118
|
+
transition: all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);
|
|
119
|
+
transition-property: background-color, color, outline;
|
|
120
|
+
}
|
|
121
|
+
.ag-theme-odx .ag-header {
|
|
122
|
+
border-bottom: var(--ag-borders-critical) var(--gray-700);
|
|
123
|
+
}
|
|
124
|
+
.ag-theme-odx .ag-header-row:not(:first-child) .ag-header-cell,
|
|
125
|
+
.ag-theme-odx .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
|
|
126
|
+
border: none;
|
|
127
|
+
}
|
|
128
|
+
.ag-theme-odx .ag-header .ag-cell-label-container {
|
|
129
|
+
width: -moz-fit-content;
|
|
130
|
+
width: fit-content;
|
|
131
|
+
}
|
|
132
|
+
.ag-theme-odx .ag-header .ag-floating-filter .ag-filter-select .ag-picker-field-wrapper {
|
|
133
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 1.5);
|
|
134
|
+
}
|
|
135
|
+
.ag-theme-odx .ag-header .ag-floating-filter input[type=text]:disabled {
|
|
136
|
+
color: var(--odx-c-text);
|
|
137
|
+
font-weight: var(--odx-typography-font-weight-medium);
|
|
138
|
+
padding: 0;
|
|
139
|
+
}
|
|
140
|
+
.ag-theme-odx .ag-header .ag-header-cell-text {
|
|
141
|
+
font-weight: var(--odx-typography-font-weight-medium);
|
|
142
|
+
}
|
|
143
|
+
.ag-theme-odx .ag-header .ag-header-cell-label {
|
|
144
|
+
padding-right: calc(var(--odx-vertical-rythm-base-size) * 0.25);
|
|
145
|
+
}
|
|
146
|
+
.ag-theme-odx .ag-header .ag-header-icon.ag-header-cell-menu-button {
|
|
147
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 0.667);
|
|
148
|
+
width: calc(var(--odx-vertical-rythm-base-size) * 0.667);
|
|
149
|
+
}
|
|
150
|
+
.ag-theme-odx.ag-popup [type=text]:focus {
|
|
151
|
+
border-color: var(--ag-input-border-color);
|
|
152
|
+
border-radius: var(--odx-v-border-radius);
|
|
153
|
+
box-shadow: unset;
|
|
154
|
+
}
|
|
155
|
+
.ag-theme-odx .ag-radio-button-input-wrapper {
|
|
156
|
+
align-items: center;
|
|
157
|
+
background-color: var(--odx-control-background-color);
|
|
158
|
+
border-radius: 50%;
|
|
159
|
+
display: flex;
|
|
160
|
+
flex: 0 0 auto;
|
|
161
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 0.8334);
|
|
162
|
+
justify-content: center;
|
|
163
|
+
margin-bottom: calc(var(--odx-vertical-rythm-base-size) * 0.0834);
|
|
164
|
+
margin-top: calc(var(--odx-vertical-rythm-base-size) * 0.0834);
|
|
165
|
+
outline: var(--odx-v-outline-width) solid transparent;
|
|
166
|
+
outline-color: var(--odx-control-outline-color);
|
|
167
|
+
outline-offset: calc(-1 * var(--odx-v-outline-width));
|
|
168
|
+
padding: 1px;
|
|
169
|
+
transition: all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);
|
|
170
|
+
transition-property: background-color, color, outline-color;
|
|
171
|
+
width: calc(var(--odx-vertical-rythm-base-size) * 0.8334);
|
|
172
|
+
}
|
|
173
|
+
@media (hover: hover){
|
|
174
|
+
.ag-theme-odx .ag-radio-button-input-wrapper:hover {
|
|
175
|
+
background-color: var(--odx-control-background-color-hover);
|
|
176
|
+
outline-color: var(--odx-control-outline-color-hover);
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
.ag-theme-odx .ag-radio-button-input-wrapper.ag-checked {
|
|
180
|
+
background-color: var(--odx-control-background-color-selected);
|
|
181
|
+
color: var(--odx-control-color-selected);
|
|
182
|
+
opacity: 1;
|
|
183
|
+
outline-color: var(--odx-control-outline-color-selected);
|
|
184
|
+
}
|
|
185
|
+
.ag-theme-odx .ag-radio-button-input-wrapper.ag-checked::after {
|
|
186
|
+
background-color: var(--odx-control-color-selected);
|
|
187
|
+
border-radius: 50%;
|
|
188
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 0.1667);
|
|
189
|
+
left: unset;
|
|
190
|
+
margin-bottom: calc(var(--odx-vertical-rythm-base-size) * 0);
|
|
191
|
+
margin-top: calc(var(--odx-vertical-rythm-base-size) * 0);
|
|
192
|
+
top: unset;
|
|
193
|
+
transform: scale(1);
|
|
194
|
+
width: calc(var(--odx-vertical-rythm-base-size) * 0.1667);
|
|
195
|
+
}
|
|
196
|
+
.ag-theme-odx .ag-root-wrapper {
|
|
197
|
+
border: none;
|
|
198
|
+
}
|
|
199
|
+
.ag-theme-odx .ag-select .ag-picker-field-display {
|
|
200
|
+
color: var(--odx-c-text);
|
|
201
|
+
}
|
|
202
|
+
.ag-theme-odx .ag-select .ag-picker-field-icon {
|
|
203
|
+
padding-right: calc(var(--odx-vertical-rythm-base-size) * 0.5);
|
|
204
|
+
}
|
|
205
|
+
.ag-theme-odx .ag-select-list {
|
|
206
|
+
color: var(--odx-c-text);
|
|
207
|
+
}
|
|
208
|
+
.ag-theme-odx .ag-paging-panel .ag-paging-row-summary-panel-number,
|
|
209
|
+
.ag-theme-odx .ag-paging-panel .ag-paging-number {
|
|
210
|
+
font-weight: var(--odx-typography-font-weight-bold);
|
|
211
|
+
}
|
|
212
|
+
.ag-theme-odx .ag-checkbox-input {
|
|
213
|
+
background-color: var(--odx-control-background-color);
|
|
214
|
+
border-radius: var(--odx-v-border-radius-controls);
|
|
215
|
+
color: var(--odx-control-color-selected);
|
|
216
|
+
flex: 0 0 auto;
|
|
217
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 0.8334);
|
|
218
|
+
opacity: 1;
|
|
219
|
+
outline-color: var(--odx-control-outline-color);
|
|
220
|
+
padding: 1px;
|
|
221
|
+
width: calc(var(--odx-vertical-rythm-base-size) * 0.8334);
|
|
222
|
+
transition: all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);
|
|
223
|
+
transition-property: background-color, color, outline-color;
|
|
224
|
+
outline: var(--odx-v-outline-width) solid transparent;
|
|
225
|
+
outline-offset: calc(-1 * var(--odx-v-outline-width));
|
|
226
|
+
}
|
|
227
|
+
@media (hover: hover){
|
|
228
|
+
.ag-theme-odx .ag-checkbox-input:hover {
|
|
229
|
+
background-color: var(--odx-control-background-color-hover);
|
|
230
|
+
cursor: pointer;
|
|
231
|
+
outline-color: var(--odx-control-outline-color-hover);
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
.ag-theme-odx .ag-checkbox-input-wrapper::after {
|
|
235
|
+
font-size: calc(var(--odx-vertical-rythm-base-size) * 0.75);
|
|
236
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 0.75);
|
|
237
|
+
left: 50%;
|
|
238
|
+
opacity: 0;
|
|
239
|
+
top: 50%;
|
|
240
|
+
transform: translate(-50%, -50%);
|
|
241
|
+
width: calc(var(--odx-vertical-rythm-base-size) * 0.75);
|
|
242
|
+
transition: all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);
|
|
243
|
+
transition-property: opacity;
|
|
244
|
+
}
|
|
245
|
+
.ag-theme-odx .ag-checkbox-input-wrapper:has(.ag-checkbox-input:checked, .ag-checkbox-input:indeterminate)::after {
|
|
246
|
+
opacity: 1;
|
|
247
|
+
}
|
|
248
|
+
.ag-theme-odx .ag-checkbox-input:checked, .ag-theme-odx .ag-checkbox-input:indeterminate {
|
|
249
|
+
background-color: var(--odx-control-background-color-selected);
|
|
250
|
+
color: var(--odx-control-color-selected);
|
|
251
|
+
outline-color: var(--odx-control-outline-color-selected);
|
|
252
|
+
}
|
|
253
|
+
.ag-theme-odx .ag-checkbox-input:disabled {
|
|
254
|
+
color: var(--odx-control-color-disabled);
|
|
255
|
+
}
|
package/charts-theme.css
CHANGED
|
@@ -1 +1,45 @@
|
|
|
1
|
-
|
|
1
|
+
/*!**************************************************************************************************************************************************************************************************!*\
|
|
2
|
+
!*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/charts/theme.scss ***!
|
|
3
|
+
\**************************************************************************************************************************************************************************************************/
|
|
4
|
+
body {
|
|
5
|
+
--charts-series-aqua-300: #15dcc4;
|
|
6
|
+
--charts-series-ocean-300: #1cb4d8;
|
|
7
|
+
--charts-series-sky-300: #3d88e0;
|
|
8
|
+
--charts-series-indigo-300: #6a53e6;
|
|
9
|
+
--charts-series-purple-300: #8f32e2;
|
|
10
|
+
--charts-series-violet-300: #b318d4;
|
|
11
|
+
--charts-series-berry-300: #ee1b80;
|
|
12
|
+
--charts-series-aqua-100: #9af4ea;
|
|
13
|
+
--charts-series-ocean-100: #a0dcff;
|
|
14
|
+
--charts-series-sky-100: #a4c2f8;
|
|
15
|
+
--charts-series-indigo-100: #a99ded;
|
|
16
|
+
--charts-series-purple-100: #c693f4;
|
|
17
|
+
--charts-series-violet-100: #e08ff2;
|
|
18
|
+
--charts-series-berry-100: #f0a7cb;
|
|
19
|
+
--charts-series-aqua-500: #0a786b;
|
|
20
|
+
--charts-series-ocean-500: #175b68;
|
|
21
|
+
--charts-series-sky-500: #254084;
|
|
22
|
+
--charts-series-indigo-500: #3720ae;
|
|
23
|
+
--charts-series-purple-500: #570f9b;
|
|
24
|
+
--charts-series-violet-500: #760584;
|
|
25
|
+
--charts-series-berry-500: #a90857;
|
|
26
|
+
--charts-series-aqua-200: #35eed8;
|
|
27
|
+
--charts-series-ocean-200: #6ecdff;
|
|
28
|
+
--charts-series-sky-200: #7aa6fc;
|
|
29
|
+
--charts-series-indigo-200: #8976f8;
|
|
30
|
+
--charts-series-purple-200: #a662e7;
|
|
31
|
+
--charts-series-violet-200: #bf56d1;
|
|
32
|
+
--charts-series-berry-200: #de599a;
|
|
33
|
+
--charts-series-aqua-400: #09a491;
|
|
34
|
+
--charts-series-ocean-400: #1c8093;
|
|
35
|
+
--charts-series-sky-400: #355fad;
|
|
36
|
+
--charts-series-indigo-400: #523cd2;
|
|
37
|
+
--charts-series-purple-400: #8f32e2;
|
|
38
|
+
--charts-series-violet-400: #9a0aaf;
|
|
39
|
+
--charts-series-berry-400: #cb0b68;
|
|
40
|
+
--charts-border-color: var(--odx-c-seperator);
|
|
41
|
+
--charts-text-color: var(--odx-c-text);
|
|
42
|
+
--charts-background-color: var(--odx-c-background-content);
|
|
43
|
+
--charts-font-family: "Pangea";
|
|
44
|
+
--charts-font-size: var(--odx-typography-base-size);
|
|
45
|
+
}
|