@odx/ui 5.0.13 → 5.1.0

package/CHANGELOG.md

@@ -1,10 +1,17 @@
 # @odx/ui
 
+## 5.1.0
+
+### Minor Changes
+
+- 10dac3a: Add Chart.js library with custom chart components and basic charts setup
+
 ## 5.0.13
 
 ### Patch Changes
 
 - 890c7aa: Added a new icon inside the switch indicator: a checkmark appears when checked, and an "x" appears when unchecked.
+- b146ba8: Two new variants have been added to the Toast component: warning-strong and danger-strong
 
 ## 5.0.12
 

package/charts-theme.css

@@ -1 +1 @@
-:root{--charts-series-aqua-300:#15dcc4;--charts-series-ocean-300:#1cb4d8;--charts-series-sky-300:#3d88e0;--charts-series-indigo-300:#6a53e6;--charts-series-purple-300:#8f32e2;--charts-series-violet-300:#b318d4;--charts-series-berry-300:#ee1b80;--charts-series-aqua-100:#9af4ea;--charts-series-ocean-100:#a0dcff;--charts-series-sky-100:#a4c2f8;--charts-series-indigo-100:#a99ded;--charts-series-purple-100:#c693f4;--charts-series-violet-100:#e08ff2;--charts-series-berry-100:#f0a7cb;--charts-series-aqua-500:#0a786b;--charts-series-ocean-500:#175b68;--charts-series-sky-500:#254084;--charts-series-indigo-500:#3720ae;--charts-series-purple-500:#570f9b;--charts-series-violet-500:#760584;--charts-series-berry-500:#a90857;--charts-series-aqua-200:#35eed8;--charts-series-ocean-200:#6ecdff;--charts-series-sky-200:#7aa6fc;--charts-series-indigo-200:#8976f8;--charts-series-purple-200:#a662e7;--charts-series-violet-200:#bf56d1;--charts-series-berry-200:#de599a;--charts-series-aqua-400:#09a491;--charts-series-ocean-400:#1c8093;--charts-series-sky-400:#355fad;--charts-series-indigo-400:#523cd2;--charts-series-purple-400:#8f32e2;--charts-series-violet-400:#9a0aaf;--charts-series-berry-400:#cb0b68;--charts-border-color:var(--odx-c-separator);--charts-text-color:var(--odx-c-text);--charts-background-color:var(--odx-c-background-content);--charts-font-family:var(--odx-typography-font-family);--charts-font-size:var(--odx-typography-base-size)}
+:root{--odx-charts-series-blue-500:var(--blue-500);--odx-charts-series-cyan-500:var(--cyan-500);--odx-charts-series-aqua-500:#15dcc4;--odx-charts-series-ocean-500:#1cb4d8;--odx-charts-series-indigo-500:#6a53e6;--odx-charts-series-purple-500:#8f32e2;--odx-charts-series-berry-500:#ee1b80;--odx-charts-series-violet-500:#b318d4;--odx-charts-series-gray-medium-50-500:var(--draeger-cool-gray-50);--odx-charts-series-gray-medium-25-500:var(--draeger-cool-gray-25);--odx-charts-series-blue-700:var(--blue-700);--odx-charts-series-cyan-700:var(--cyan-700);--odx-charts-series-aqua-700:#09a491;--odx-charts-series-ocean-700:#1c8093;--odx-charts-series-indigo-700:#523cd2;--odx-charts-series-purple-700:#751fc7;--odx-charts-series-berry-700:#cd0b68;--odx-charts-series-violet-700:#9a0aaf;--odx-charts-series-gray-75-dark-700:var(--draeger-cool-gray-75);--odx-charts-series-gray-50-dark-700:var(--draeger-cool-gray-50);--odx-charts-series-blue-100:#a8c4f0;--odx-charts-series-cyan-100:#9dd7ff;--odx-charts-series-aqua-100:#9af4ea;--odx-charts-series-ocean-100:#a0dcff;--odx-charts-series-indigo-100:#a99ded;--odx-charts-series-purple-100:#c693f4;--odx-charts-series-violet-100:#e08ff2;--odx-charts-series-berry-100:#f0a7cb;--odx-charts-border-color:var(--odx-c-separator);--odx-charts-text-color:var(--odx-c-text);--odx-charts-background-color:var(--odx-c-background-content);--odx-charts-font-family:var(--odx-typography-font-family);--odx-charts-font-size:var(--odx-typography-base-size);--draeger-cool-gray-15:#cdd2d7;--draeger-cool-gray-25:#b4b9be;--draeger-cool-gray-50:#878c91;--draeger-cool-gray-75:#5a646e}:root:has(.odx-theme-dark),:root:has([odxTheme=dark]){--odx-charts-series-blue-700:var(--odx-charts-series-blue-100);--odx-charts-series-cyan-700:var(--odx-charts-series-cyan-100);--odx-charts-series-aqua-700:var(--odx-charts-series-aqua-100);--odx-charts-series-ocean-700:var(--odx-charts-series-ocean-100);--odx-charts-series-indigo-700:var(--odx-charts-series-indigo-100);--odx-charts-series-purple-700:var(--odx-charts-series-purple-100);--odx-charts-series-berry-700:var(--odx-charts-series-berry-100);--odx-charts-series-violet-700:var(--odx-charts-series-violet-100);--odx-charts-series-gray-75-dark-700:var(--draeger-cool-gray-15);--odx-charts-series-gray-50-dark-700:var(--draeger-cool-gray-25)}.odx-circle-chart-table{display:block}.odx-circle-chart-table__container{display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*1);padding:calc(var(--odx-vertical-rythm-base-size)*.5);width:100%}.odx-circle-chart-table__chart{flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*5.375);position:relative;width:calc(var(--odx-vertical-rythm-base-size)*5.375)}.odx-circle-chart-table__chart-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.odx-circle-chart-table__chart-center-main{font-size:calc(var(--odx-typography-base-size)*1.375);font-weight:var(--odx-typography-font-weight-bold)}.odx-circle-chart-table .odx-circle-chart-table__table{flex:1 1 auto;min-width:0}.odx-circle-chart-table .odx-circle-chart-table__table .color-dot{border-radius:50%;display:inline-block;height:calc(var(--odx-vertical-rythm-base-size)*.5);margin-right:calc(var(--odx-vertical-rythm-base-size)*.25);vertical-align:middle;width:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-gantt-chart{display:flex;flex-direction:column}.odx-gantt-chart__line{height:calc(var(--odx-vertical-rythm-base-size)*5.625);position:relative}.odx-gantt-chart__line canvas{height:100%!important;width:100%!important}.odx-gantt-chart__bar{height:calc(var(--odx-vertical-rythm-base-size)*14.0625);position:relative}.odx-gantt-chart__bar canvas{height:100%!important;width:100%!important}.odx-line-timeframes-chart .odx-line-timeframes-chart__container{display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*1);width:100%}.odx-line-timeframes-chart__chart{flex:1 0 80%;height:auto;max-width:80%}.odx-line-timeframes-chart__timeframe{min-width:calc(20% - var(--odx-vertical-rythm-base-size))}.odx-line-timeframes-chart__timeframe-title{font-weight:var(--odx-typography-font-weight-bold);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-line-timeframes-chart__timeframe-items{display:flex;flex-direction:column;gap:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-line-timeframes-chart__timeframe-item{display:flex;flex-direction:column;gap:calc(var(--odx-vertical-rythm-base-size)*.125)}.odx-line-timeframes-chart__timeframe-item-header{align-items:center;display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-line-timeframes-chart__timeframe-item-dot{border-radius:50%;flex-shrink:0;height:calc(var(--odx-vertical-rythm-base-size)*.3125);width:calc(var(--odx-vertical-rythm-base-size)*.3125)}.odx-line-timeframes-chart__timeframe-item-label,.odx-line-timeframes-chart__timeframe-item-value{font-size:calc(var(--odx-typography-base-size)*.875);line-height:1.2}.odx-line-timeframes-chart__timeframe-item-value{font-weight:var(--odx-typography-font-weight-bold);padding-left:calc(var(--odx-vertical-rythm-base-size)*.5 + 8px)}.odx-mirror-bar-chart{display:flex;flex-direction:column;gap:calc(var(--odx-vertical-rythm-base-size)*1);width:100%}.odx-mirror-bar-chart__title{color:var(--odx-c-text-primary);font-size:var(--odx-typography-base-size);font-weight:var(--odx-typography-font-weight-medium);margin:0}.odx-mirror-bar-chart__container{display:flex;flex-direction:column}.odx-mirror-bar-chart__wrapper{height:calc(var(--odx-vertical-rythm-base-size)*9.375);position:relative;width:100%}.odx-mirror-bar-chart__controls{display:flex;flex-direction:column;gap:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-mirror-bar-chart__wrapper:nth-child(2){height:calc(var(--odx-vertical-rythm-base-size)*9.375 - 40px)}.odx-multi-axis-box-plot__item{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*1)}.odx-multi-axis-box-plot__header{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-multi-axis-box-plot__title{align-items:center;display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-multi-axis-box-plot__label{font-weight:var(--odx-typography-font-weight-bold)}.odx-multi-axis-box-plot__value{font-weight:var(--odx-typography-font-weight-normal)}.odx-multi-axis-box-plot__chart-container{height:calc(var(--odx-vertical-rythm-base-size)*2.0312);margin:calc(var(--odx-vertical-rythm-base-size)*.5) 0;position:relative;z-index:var(--odx-v-layer-1)}.odx-multi-axis-box-plot__chart-container canvas{height:100%!important;width:100%!important}.odx-multi-axis-box-plot__color-scale{bottom:calc(var(--odx-vertical-rythm-base-size)*.625);height:calc(var(--odx-vertical-rythm-base-size)*.125);left:calc(var(--odx-vertical-rythm-base-size)*.25);overflow:hidden;position:absolute;width:calc(100% - var(--odx-vertical-rythm-base-size)*.3125)}.odx-multi-axis-box-plot__color-range{height:100%;position:absolute}.odx-stairs-combo-chart{display:block;width:100%}.odx-stairs-combo-chart canvas{height:100%!important;width:100%!important}.odx-slider-bar-chart{display:block}.odx-slider-bar-chart__slider{margin-top:var(--odx-vertical-rythm-base-size)}.odx-chart-header{display:flex;padding:calc(var(--odx-vertical-rythm-base-size)*.5) 0;width:100%}.odx-chart-header .odx-chart-header__actions{display:none;gap:calc(var(--odx-vertical-rythm-base-size)*.5);margin-left:auto}.odx-chart-header--center{justify-content:center}.odx-chart-header--center,.odx-chart-header--controls,.odx-chart-header--split,.odx-chart-header--textlink,.odx-chart-header--toggle{align-items:center;display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*.5);min-height:calc(var(--odx-vertical-rythm-base-size)*1.5);padding:calc(var(--odx-vertical-rythm-base-size)*.5) 0}.odx-chart-header--controls,.odx-chart-header--split,.odx-chart-header--textlink,.odx-chart-header--toggle{justify-content:space-between}.odx-chart-header--controls .odx-chart-header__actions,.odx-chart-header--split .odx-chart-header__actions,.odx-chart-header--textlink .odx-chart-header__actions,.odx-chart-header--toggle .odx-chart-header__actions{align-items:center;display:flex}.odx-chart-header--controls .odx-chart-header__actions form{align-items:center;display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-chart-header--controls .odx-chart-header__actions form .odx-select__trigger{padding:0 calc(var(--odx-vertical-rythm-base-size)*.3)}.odx-chart-footer{align-items:center;display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*.75);justify-content:flex-end;padding:calc(var(--odx-vertical-rythm-base-size)*.5) 0;width:100%}.odx-chart-footer .legend-item{align-items:center;display:flex;font-size:calc(var(--odx-typography-base-size)*.875);gap:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-chart-footer .legend-dot{border-radius:50%;height:calc(var(--odx-vertical-rythm-base-size)*.375);width:calc(var(--odx-vertical-rythm-base-size)*.375)}