@odx/ui 2.3.0 → 2.5.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/ag-grid-theme.css +1 -1
- package/charts-theme.css +1 -0
- package/package.json +1 -1
- package/scss/3rdparty/ag-grid/theme.scss +9 -2
- package/scss/charts/theme.scss +51 -0
package/ag-grid-theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.ag-theme-odx{--ag-border-color:var(--odx-c-separator);--ag-foreground-color:var(--odx-c-text);--ag-secondary-foreground-color:var(--odx-c-text);--ag-disabled-foreground-color:vara(--odx-c-text-disabled);--ag-background-color:var(--odx-c-background-content);--ag-font-family:"Pangea";--ag-font-size:var(--odx-typography-base-size);--ag-icon-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)));--ag-icon-font-family:core-icons;--ag-icon-font-code-aggregation:"";--ag-icon-font-code-arrows:"";--ag-icon-font-code-asc:"";--ag-icon-font-code-cancel:"";--ag-icon-font-code-chart:"";--ag-icon-font-code-checkbox-checked:"";--ag-icon-font-code-checkbox-indeterminate:"";--ag-icon-font-code-checkbox-unchecked:"";--ag-icon-font-code-color-picker:"";--ag-icon-font-code-columns:"";--ag-icon-font-code-contracted:"";--ag-icon-font-code-copy:"";--ag-icon-font-code-cut:"";--ag-icon-font-code-cross:"";--ag-icon-font-code-csv:"";--ag-icon-font-code-desc:"";--ag-icon-font-code-excel:"";--ag-icon-font-code-expanded:"";--ag-icon-font-code-eye-slash:"";--ag-icon-font-code-eye:"";--ag-icon-font-code-filter:"";--ag-icon-font-code-first:"
|
|
1
|
+
@charset "UTF-8";.ag-theme-odx{--ag-border-color:var(--odx-c-separator);--ag-foreground-color:var(--odx-c-text);--ag-secondary-foreground-color:var(--odx-c-text);--ag-disabled-foreground-color:vara(--odx-c-text-disabled);--ag-background-color:var(--odx-c-background-content);--ag-font-family:"Pangea";--ag-font-size:var(--odx-typography-base-size);--ag-icon-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)));--ag-icon-font-family:core-icons;--ag-icon-font-code-aggregation:"";--ag-icon-font-code-arrows:"";--ag-icon-font-code-asc:"";--ag-icon-font-code-cancel:"";--ag-icon-font-code-chart:"";--ag-icon-font-code-checkbox-checked:"";--ag-icon-font-code-checkbox-indeterminate:"";--ag-icon-font-code-checkbox-unchecked:"";--ag-icon-font-code-color-picker:"";--ag-icon-font-code-columns:"";--ag-icon-font-code-contracted:"";--ag-icon-font-code-copy:"";--ag-icon-font-code-cut:"";--ag-icon-font-code-cross:"";--ag-icon-font-code-csv:"";--ag-icon-font-code-desc:"";--ag-icon-font-code-excel:"";--ag-icon-font-code-expanded:"";--ag-icon-font-code-eye-slash:"";--ag-icon-font-code-eye:"";--ag-icon-font-code-filter:"";--ag-icon-font-code-first:"";--ag-icon-font-code-grip:"";--ag-icon-font-code-group:"";--ag-icon-font-code-last:"";--ag-icon-font-code-left:"";--ag-icon-font-code-linked:"";--ag-icon-font-code-loading:"";--ag-icon-font-code-maximize:"";--ag-icon-font-code-menu:"";--ag-icon-font-code-minimize:"";--ag-icon-font-code-next:"";--ag-icon-font-code-none:"";--ag-icon-font-code-not-allowed:"";--ag-icon-font-code-paste:"";--ag-icon-font-code-pin:"";--ag-icon-font-code-pivot:"";--ag-icon-font-code-previous:"";--ag-icon-font-code-radio-button-off:"";--ag-icon-font-code-radio-button-on:"";--ag-icon-font-code-right:"";--ag-icon-font-code-save:"";--ag-icon-font-code-small-down:"";--ag-icon-font-code-small-left:"";--ag-icon-font-code-small-right:"";--ag-icon-font-code-small-up:"";--ag-icon-font-code-tick:"";--ag-icon-font-code-tree-closed:"";--ag-icon-font-code-tree-indeterminate:"";--ag-icon-font-code-tree-open:"";--ag-icon-font-code-unlinked:"";--ag-grid-size:calc(var(--odx-vertical-rythm-base-size)*0.25);--ag-widget-vertical-spacing:calc(var(--odx-vertical-rythm-base-size)*0.5);--ag-header-height:calc(var(--odx-vertical-rythm-base-size)*2);--ag-row-height:calc(var(--odx-vertical-rythm-base-size)*2);--ag-table-line-height:calc(var(--odx-vertical-rythm-base-size)*1.5);--ag-list-item-height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.ag-theme-odx input[type=text]{background:var(--gray-100);border:var(--ag-borders-critical) var(--gray100);border-radius:var(--odx-v-border-radius-controls);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);line-height:var(--ag-table-line-height);padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334);vertical-align:middle}.ag-theme-odx input[type=text]::-moz-placeholder{color:var(--odx-c-text);opacity:.65}.ag-theme-odx input[type=text]::placeholder{color:var(--odx-c-text);opacity:.65}.ag-theme-odx .ag-standard-button{background-color:var(--odx-c-primary);border-radius:var(--odx-v-border-radius-controls);color:var(--odx-c-primary-text);height:calc(var(--odx-vertical-rythm-base-size)*1.5);min-width:calc(var(--odx-vertical-rythm-base-size)*3);outline-offset:calc(var(--odx-v-outline-width-bold)*-1);outline-width:var(--odx-v-outline-width-bold);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline}.ag-theme-odx .ag-header{border-bottom:var(--ag-borders-critical) var(--gray-700)}.ag-theme-odx .ag-header-row:not(:first-child) .ag-header-cell,.ag-theme-odx .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group{border:none}.ag-theme-odx .ag-header .ag-cell-label-container{width:-moz-fit-content;width:fit-content}.ag-theme-odx .ag-header .ag-floating-filter .ag-filter-select .ag-picker-field-wrapper{height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.ag-theme-odx .ag-header .ag-floating-filter input[type=text]:disabled{color:var(--odx-c-text);font-weight:var(--odx-typography-font-weight-medium);padding:0}.ag-theme-odx .ag-header .ag-header-cell-text{font-weight:var(--odx-typography-font-weight-medium)}.ag-theme-odx .ag-header .ag-header-cell-label{padding-right:calc(var(--odx-vertical-rythm-base-size)*.25)}.ag-theme-odx .ag-header .ag-header-icon.ag-header-cell-menu-button{height:calc(var(--odx-vertical-rythm-base-size)*.667);width:calc(var(--odx-vertical-rythm-base-size)*.667)}.ag-theme-odx.ag-popup [type=text]:focus{border-color:var(--ag-input-border-color);border-radius:var(--odx-v-border-radius);box-shadow:unset}.ag-theme-odx .ag-radio-button-input-wrapper{align-items:center;background-color:var(--odx-control-background-color);border-radius:50%;display:flex;flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*.8334);justify-content:center;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.0834);margin-top:calc(var(--odx-vertical-rythm-base-size)*.0834);outline:var(--odx-v-outline-width) solid transparent;outline-color:var(--odx-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);padding:1px;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*.8334)}@media (hover:hover){.ag-theme-odx .ag-radio-button-input-wrapper:hover{background-color:var(--odx-control-background-color-hover);outline-color:var(--odx-control-outline-color-hover)}}.ag-theme-odx .ag-radio-button-input-wrapper.ag-checked{background-color:var(--odx-control-background-color-selected);color:var(--odx-control-color-selected);opacity:1;outline-color:var(--odx-control-outline-color-selected)}.ag-theme-odx .ag-radio-button-input-wrapper.ag-checked:after{background-color:var(--odx-control-color-selected);border-radius:50%;content:"";height:calc(var(--odx-vertical-rythm-base-size)*.1667);left:unset;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);top:unset;transform:scale(1);width:calc(var(--odx-vertical-rythm-base-size)*.1667)}.ag-theme-odx .ag-root-wrapper{border:none}.ag-theme-odx .ag-select .ag-picker-field-display{color:var(--odx-c-text)}.ag-theme-odx .ag-select .ag-picker-field-icon{padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}.ag-theme-odx .ag-select-list{color:var(--odx-c-text)}.ag-theme-odx .ag-paging-panel .ag-paging-number,.ag-theme-odx .ag-paging-panel .ag-paging-row-summary-panel-number{font-weight:var(--odx-typography-font-weight-bold)}
|
package/charts-theme.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body{--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-seperator);--charts-text-color:var(--odx-c-text);--charts-background-color:var(--odx-c-background-content);--charts-font-family:"Pangea";--charts-font-size:var(--odx-typography-base-size)}
|
package/package.json
CHANGED
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
--ag-icon-font-code-eye-slash: '#{icons.get-icon-glyph(placeholder)}';
|
|
37
37
|
--ag-icon-font-code-eye: '#{icons.get-icon-glyph(placeholder)}';
|
|
38
38
|
--ag-icon-font-code-filter: '#{icons.get-icon-glyph(filter)}';
|
|
39
|
-
--ag-icon-font-code-first: '#{icons.get-icon-glyph(
|
|
39
|
+
--ag-icon-font-code-first: '#{icons.get-icon-glyph(chevron-left-end)}';
|
|
40
40
|
--ag-icon-font-code-grip: '#{icons.get-icon-glyph(placeholder)}';
|
|
41
41
|
--ag-icon-font-code-group: '#{icons.get-icon-glyph(placeholder)}';
|
|
42
|
-
--ag-icon-font-code-last: '#{icons.get-icon-glyph(
|
|
42
|
+
--ag-icon-font-code-last: '#{icons.get-icon-glyph(chevron-right-end)}';
|
|
43
43
|
--ag-icon-font-code-left: '#{icons.get-icon-glyph(arrow-left)}';
|
|
44
44
|
--ag-icon-font-code-linked: '#{icons.get-icon-glyph(placeholder)}';
|
|
45
45
|
--ag-icon-font-code-loading: '#{icons.get-icon-glyph(placeholder)}';
|
|
@@ -217,4 +217,11 @@
|
|
|
217
217
|
.ag-select-list {
|
|
218
218
|
color: var(--odx-c-text);
|
|
219
219
|
}
|
|
220
|
+
|
|
221
|
+
.ag-paging-panel {
|
|
222
|
+
.ag-paging-row-summary-panel-number,
|
|
223
|
+
.ag-paging-number {
|
|
224
|
+
font-weight: var(--odx-typography-font-weight-bold);
|
|
225
|
+
}
|
|
226
|
+
}
|
|
220
227
|
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
@use '../abstract/dimensions';
|
|
2
|
+
@use '../abstract/typography';
|
|
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
|
+
|
|
13
|
+
--charts-series-aqua-100: #9af4ea;
|
|
14
|
+
--charts-series-ocean-100: #a0dcff;
|
|
15
|
+
--charts-series-sky-100: #a4c2f8;
|
|
16
|
+
--charts-series-indigo-100: #a99ded;
|
|
17
|
+
--charts-series-purple-100: #c693f4;
|
|
18
|
+
--charts-series-violet-100: #e08ff2;
|
|
19
|
+
--charts-series-berry-100: #f0a7cb;
|
|
20
|
+
|
|
21
|
+
--charts-series-aqua-500: #0a786b;
|
|
22
|
+
--charts-series-ocean-500: #175b68;
|
|
23
|
+
--charts-series-sky-500: #254084;
|
|
24
|
+
--charts-series-indigo-500: #3720ae;
|
|
25
|
+
--charts-series-purple-500: #570f9b;
|
|
26
|
+
--charts-series-violet-500: #760584;
|
|
27
|
+
--charts-series-berry-500: #a90857;
|
|
28
|
+
|
|
29
|
+
--charts-series-aqua-200: #35eed8;
|
|
30
|
+
--charts-series-ocean-200: #6ecdff;
|
|
31
|
+
--charts-series-sky-200: #7aa6fc;
|
|
32
|
+
--charts-series-indigo-200: #8976f8;
|
|
33
|
+
--charts-series-purple-200: #a662e7;
|
|
34
|
+
--charts-series-violet-200: #bf56d1;
|
|
35
|
+
--charts-series-berry-200: #de599a;
|
|
36
|
+
|
|
37
|
+
--charts-series-aqua-400: #09a491;
|
|
38
|
+
--charts-series-ocean-400: #1c8093;
|
|
39
|
+
--charts-series-sky-400: #355fad;
|
|
40
|
+
--charts-series-indigo-400: #523cd2;
|
|
41
|
+
--charts-series-purple-400: #8f32e2;
|
|
42
|
+
--charts-series-violet-400: #9a0aaf;
|
|
43
|
+
--charts-series-berry-400: #cb0b68;
|
|
44
|
+
|
|
45
|
+
--charts-border-color: var(--odx-c-seperator);
|
|
46
|
+
--charts-text-color: var(--odx-c-text);
|
|
47
|
+
--charts-background-color: var(--odx-c-background-content);
|
|
48
|
+
|
|
49
|
+
--charts-font-family: 'Pangea';
|
|
50
|
+
--charts-font-size: var(--odx-typography-base-size);
|
|
51
|
+
}
|