@odx/ui 5.0.13 → 5.1.0
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 +7 -0
- package/charts-theme.css +1 -1
- package/core-theme.css +1 -1
- package/package.json +1 -1
- package/scss/_color-palettes-dark.scss +11 -50
- package/scss/_color-palettes.scss +42 -94
- package/scss/chart-footer.component.scss +21 -0
- package/scss/chart-header.component.scss +49 -0
- package/scss/charts/colors/_color-palettes-dark.scss +14 -0
- package/scss/charts/colors/_color-palettes.scss +44 -0
- package/scss/charts/components/chart-footer.component.scss +21 -0
- package/scss/charts/components/chart-header.component.scss +49 -0
- package/scss/charts/components/circle-chart-table.component.scss +46 -0
- package/scss/charts/components/gantt-chart.component.scss +24 -0
- package/scss/charts/components/line-timeframes-chart.component.scss +59 -0
- package/scss/charts/components/mirror-bar-chart.component.scss +34 -0
- package/scss/charts/components/multi-axis-box-plot.component.scss +49 -0
- package/scss/charts/components/slider-bar-chart.component.scss +7 -0
- package/scss/charts/components/stairs-combo-chart.component.scss +9 -0
- package/scss/charts/theme.scss +13 -47
- package/scss/circle-chart-table.component.scss +46 -0
- package/scss/colors/_color-palettes-dark.scss +14 -0
- package/scss/colors/_color-palettes.scss +44 -0
- package/scss/components/chart-footer.component.scss +21 -0
- package/scss/components/chart-header.component.scss +49 -0
- package/scss/components/circle-chart-table.component.scss +46 -0
- package/scss/components/gantt-chart.component.scss +24 -0
- package/scss/components/line-timeframes-chart.component.scss +59 -0
- package/scss/components/mirror-bar-chart.component.scss +34 -0
- package/scss/components/multi-axis-box-plot.component.scss +49 -0
- package/scss/components/slider-bar-chart.component.scss +7 -0
- package/scss/components/stairs-combo-chart.component.scss +9 -0
- package/scss/components/toast-item.component.scss +20 -2
- package/scss/components/toast.component.scss +0 -1
- package/scss/gantt-chart.component.scss +24 -0
- package/scss/line-timeframes-chart.component.scss +59 -0
- package/scss/mirror-bar-chart.component.scss +34 -0
- package/scss/multi-axis-box-plot.component.scss +49 -0
- package/scss/slider-bar-chart.component.scss +7 -0
- package/scss/stairs-combo-chart.component.scss +9 -0
- package/scss/toast-item.component.scss +20 -2
- package/scss/toast.component.scss +0 -1
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
.odx-multi-axis-box-plot {
|
|
2
|
+
&__item {
|
|
3
|
+
margin-bottom: calc(var(--odx-vertical-rythm-base-size) * 1);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
&__header {
|
|
7
|
+
margin-bottom: calc(var(--odx-vertical-rythm-base-size) * 0.25);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&__title {
|
|
11
|
+
align-items: center;
|
|
12
|
+
display: flex;
|
|
13
|
+
gap: calc(var(--odx-vertical-rythm-base-size) * 0.25);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&__label {
|
|
17
|
+
font-weight: var(--odx-typography-font-weight-bold);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&__value {
|
|
21
|
+
font-weight: var(--odx-typography-font-weight-normal);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&__chart-container {
|
|
25
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 2.0312);
|
|
26
|
+
margin: calc(var(--odx-vertical-rythm-base-size) * 0.5) 0;
|
|
27
|
+
position: relative;
|
|
28
|
+
z-index: var(--odx-v-layer-1);
|
|
29
|
+
|
|
30
|
+
canvas {
|
|
31
|
+
height: 100% !important;
|
|
32
|
+
width: 100% !important;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&__color-scale {
|
|
37
|
+
bottom: calc(var(--odx-vertical-rythm-base-size) * 0.625);
|
|
38
|
+
height: calc(var(--odx-vertical-rythm-base-size) * 0.125);
|
|
39
|
+
left: calc(var(--odx-vertical-rythm-base-size) * 0.25);
|
|
40
|
+
overflow: hidden;
|
|
41
|
+
position: absolute;
|
|
42
|
+
width: calc(100% - var(--odx-vertical-rythm-base-size) * 0.3125);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&__color-range {
|
|
46
|
+
height: 100%;
|
|
47
|
+
position: absolute;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
@@ -8,13 +8,16 @@
|
|
|
8
8
|
--odx-c-warning: var(--yellow-50);
|
|
9
9
|
--odx-c-danger: var(--red-00);
|
|
10
10
|
--odx-c-success: var(--green-00);
|
|
11
|
+
--odx-c-warning-strong: var(--yellow-500);
|
|
12
|
+
--odx-c-danger-strong: var(--red-500);
|
|
11
13
|
|
|
12
14
|
$root: &;
|
|
13
|
-
$variants: default, warning, danger, success;
|
|
15
|
+
$variants: default, warning, danger, success, warning-strong, danger-strong;
|
|
14
16
|
$gap: dimensions.get-size(math.div(12, 24));
|
|
15
17
|
|
|
16
18
|
border-radius: var(--odx-toast-border-radius);
|
|
17
19
|
box-shadow: var(--odx-v-box-shadow-layer-1);
|
|
20
|
+
color: var(--odx-c-text);
|
|
18
21
|
display: block;
|
|
19
22
|
|
|
20
23
|
&__content {
|
|
@@ -43,6 +46,7 @@
|
|
|
43
46
|
@include utils.interactive(true);
|
|
44
47
|
|
|
45
48
|
background-color: transparent;
|
|
49
|
+
color: var(--odx-c-text);
|
|
46
50
|
margin: 0;
|
|
47
51
|
margin-right: calc(#{$gap} / -2);
|
|
48
52
|
margin-top: calc(#{$gap} / -2);
|
|
@@ -66,7 +70,7 @@
|
|
|
66
70
|
}
|
|
67
71
|
|
|
68
72
|
&--danger {
|
|
69
|
-
--odx-c-text: var(--
|
|
73
|
+
--odx-c-text: var(--odx-c-error-text);
|
|
70
74
|
--odx-v-scrollbar-thumb-color: var(--odx-c-text);
|
|
71
75
|
--odx-v-scrollbar-thumb-color-hover: var(--red-800);
|
|
72
76
|
|
|
@@ -76,4 +80,18 @@
|
|
|
76
80
|
color: inherit;
|
|
77
81
|
}
|
|
78
82
|
}
|
|
83
|
+
|
|
84
|
+
&--danger-strong {
|
|
85
|
+
--odx-c-text: var(--white);
|
|
86
|
+
|
|
87
|
+
:root:has([odxTheme='dark'], .odx-theme-dark) & {
|
|
88
|
+
--odx-c-text: var(--black);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
&--warning-strong {
|
|
93
|
+
:root:has([odxTheme='dark'], .odx-theme-dark) & {
|
|
94
|
+
--odx-c-text: var(--white);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
79
97
|
}
|