@odx/ui 2.10.1 → 2.11.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.
- package/CHANGELOG.md +14 -0
- package/ag-grid-theme.css +10 -4
- package/charts-theme.css +1 -1
- package/core-theme.css +303 -143
- package/package.json +1 -1
- package/scss/3rdparty/ag-grid/theme.scss +1 -1
- package/scss/abstract/_motion.scss +4 -2
- package/scss/charts/theme.scss +1 -1
- package/scss/components/badge.component.scss +4 -1
- package/scss/components/button.component.scss +2 -0
- package/scss/components/expandable-list-item.component.scss +29 -52
- package/scss/components/form-field.component.scss +1 -0
- package/scss/components/inline-message.component.scss +2 -1
- package/scss/components/list-item.component.scss +20 -25
- package/scss/components/list.component.scss +24 -0
- package/scss/components/main-menu.component.scss +2 -0
- package/scss/layout/_typography.scss +4 -4
- package/scss/variables/_typography.scss +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
## 2.9.9
|
|
2
2
|
|
|
3
|
+
## 2.11.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 5b4e649: Fix focus state for select component
|
|
8
|
+
- a9e8632: Fix transition mixin to always generate transitions unsing the verbose notation
|
|
9
|
+
|
|
10
|
+
## 2.11.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- 66a521fb: Make list components nestable
|
|
15
|
+
Redesign expandable list items
|
|
16
|
+
|
|
3
17
|
## 2.10.1
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/ag-grid-theme.css
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--ag-background-color: var(--odx-c-background-content);
|
|
13
13
|
--ag-checkbox-indeterminate-color: var(--odx-control-color-selected);
|
|
14
14
|
--ag-checkbox-checked-color: var(--odx-control-color-selected);
|
|
15
|
-
--ag-font-family:
|
|
15
|
+
--ag-font-family: var(--odx-typography-font-family);
|
|
16
16
|
--ag-font-size: var(--odx-typography-base-size);
|
|
17
17
|
--ag-icon-size: calc(var(--odx-typography-base-size) * (1*var(--odx-typography-positive-font-scaling-factor)));
|
|
18
18
|
--ag-icon-font-family: core-icons;
|
|
@@ -84,8 +84,10 @@
|
|
|
84
84
|
padding-left: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
|
|
85
85
|
padding-right: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
|
|
86
86
|
vertical-align: middle;
|
|
87
|
-
transition:
|
|
87
|
+
transition-delay: 0ms;
|
|
88
|
+
transition-duration: var(--odx-v-transition-duration);
|
|
88
89
|
transition-property: background-color, outline-color;
|
|
90
|
+
transition-timing-function: var(--odx-v-transition-easing-fn);
|
|
89
91
|
outline: var(--odx-v-outline-width) solid transparent;
|
|
90
92
|
outline-offset: calc(-1 * var(--odx-v-outline-width));
|
|
91
93
|
}
|
|
@@ -219,8 +221,10 @@
|
|
|
219
221
|
outline-color: var(--odx-control-outline-color);
|
|
220
222
|
padding: 1px;
|
|
221
223
|
width: calc(var(--odx-vertical-rythm-base-size) * 0.8334);
|
|
222
|
-
transition:
|
|
224
|
+
transition-delay: 0ms;
|
|
225
|
+
transition-duration: var(--odx-v-transition-duration);
|
|
223
226
|
transition-property: background-color, color, outline-color;
|
|
227
|
+
transition-timing-function: var(--odx-v-transition-easing-fn);
|
|
224
228
|
outline: var(--odx-v-outline-width) solid transparent;
|
|
225
229
|
outline-offset: calc(-1 * var(--odx-v-outline-width));
|
|
226
230
|
}
|
|
@@ -239,8 +243,10 @@
|
|
|
239
243
|
top: 50%;
|
|
240
244
|
transform: translate(-50%, -50%);
|
|
241
245
|
width: calc(var(--odx-vertical-rythm-base-size) * 0.75);
|
|
242
|
-
transition:
|
|
246
|
+
transition-delay: 0ms;
|
|
247
|
+
transition-duration: var(--odx-v-transition-duration);
|
|
243
248
|
transition-property: opacity;
|
|
249
|
+
transition-timing-function: var(--odx-v-transition-easing-fn);
|
|
244
250
|
}
|
|
245
251
|
.ag-theme-odx .ag-checkbox-input-wrapper:has(.ag-checkbox-input:checked, .ag-checkbox-input:indeterminate)::after {
|
|
246
252
|
opacity: 1;
|
package/charts-theme.css
CHANGED
|
@@ -40,6 +40,6 @@ body {
|
|
|
40
40
|
--charts-border-color: var(--odx-c-seperator);
|
|
41
41
|
--charts-text-color: var(--odx-c-text);
|
|
42
42
|
--charts-background-color: var(--odx-c-background-content);
|
|
43
|
-
--charts-font-family:
|
|
43
|
+
--charts-font-family: var(--odx-typography-font-family);
|
|
44
44
|
--charts-font-size: var(--odx-typography-base-size);
|
|
45
45
|
}
|