@odx/ui 6.2.1 → 7.0.0

package/scss/theme.scss

@@ -1,9 +1,9 @@
-@use '@odx/icons/core/core-utils' as icons;
 @use '../../abstract/dimensions';
 @use '../../abstract/typography';
 @use '../../abstract/motion';
 @use '../../abstract/utils';
 @use 'sass:math';
+@use '@odx/icons/scss' as odxIcons;
 
 .ag-theme-odx {
   --ag-border-color: var(--odx-c-separator);
@@ -21,60 +21,6 @@
   --ag-font-family: var(--odx-typography-font-family);
   --ag-font-size: var(--odx-typography-base-size);
 
-  --ag-icon-size: #{typography.get-font-size(1)};
-  --ag-icon-font-family: #{icons.get-font-family()};
-  --ag-icon-font-code-aggregation: '#{icons.get-icon-glyph(aggregation)}';
-  --ag-icon-font-code-arrows: '#{icons.get-icon-glyph(chevrons)}';
-  --ag-icon-font-code-asc: '#{icons.get-icon-glyph(ascending)}';
-  --ag-icon-font-code-cancel: '#{icons.get-icon-glyph(close)}';
-  --ag-icon-font-code-chart: '#{icons.get-icon-glyph(placeholder)}';
-  --ag-icon-font-code-checkbox-checked: '#{icons.get-icon-glyph(check)}';
-  --ag-icon-font-code-checkbox-indeterminate: '#{icons.get-icon-glyph(minus)}';
-  --ag-icon-font-code-checkbox-unchecked: '';
-  --ag-icon-font-code-color-picker: '#{icons.get-icon-glyph(colorpicker)}';
-  --ag-icon-font-code-columns: '#{icons.get-icon-glyph(column)}';
-  --ag-icon-font-code-contracted: '#{icons.get-icon-glyph(chevron-right)}';
-  --ag-icon-font-code-copy: '#{icons.get-icon-glyph(copy-content)}';
-  --ag-icon-font-code-cut: '#{icons.get-icon-glyph(cut)}';
-  --ag-icon-font-code-cross: '#{icons.get-icon-glyph(close)}';
-  --ag-icon-font-code-csv: '#{icons.get-icon-glyph(file)}';
-  --ag-icon-font-code-desc: '#{icons.get-icon-glyph(descending)}';
-  --ag-icon-font-code-excel: '#{icons.get-icon-glyph(file-excel)}';
-  --ag-icon-font-code-expanded: '#{icons.get-icon-glyph(chevron-left)}';
-  --ag-icon-font-code-eye-slash: '#{icons.get-icon-glyph(view-off)}';
-  --ag-icon-font-code-eye: '#{icons.get-icon-glyph(view)}';
-  --ag-icon-font-code-filter: '#{icons.get-icon-glyph(filter)}';
-  --ag-icon-font-code-first: '#{icons.get-icon-glyph(chevron-left-end)}';
-  --ag-icon-font-code-grip: '#{icons.get-icon-glyph(placeholder)}';
-  --ag-icon-font-code-group: '#{icons.get-icon-glyph(group)}';
-  --ag-icon-font-code-last: '#{icons.get-icon-glyph(chevron-right-end)}';
-  --ag-icon-font-code-left: '#{icons.get-icon-glyph(arrow-left)}';
-  --ag-icon-font-code-linked: '#{icons.get-icon-glyph(placeholder)}';
-  --ag-icon-font-code-loading: '#{icons.get-icon-glyph(loading)}';
-  --ag-icon-font-code-maximize: '#{icons.get-icon-glyph(maximize)}';
-  --ag-icon-font-code-menu: '#{icons.get-icon-glyph(menu)}';
-  --ag-icon-font-code-minimize: '#{icons.get-icon-glyph(minimize)}';
-  --ag-icon-font-code-next: '#{icons.get-icon-glyph(chevron-right)}';
-  --ag-icon-font-code-none: '#{icons.get-icon-glyph(sortable)}';
-  --ag-icon-font-code-not-allowed: '#{icons.get-icon-glyph(blocked)}';
-  --ag-icon-font-code-paste: '#{icons.get-icon-glyph(paste)}';
-  --ag-icon-font-code-pin: '#{icons.get-icon-glyph(pin)}';
-  --ag-icon-font-code-pivot: '#{icons.get-icon-glyph(placeholder)}';
-  --ag-icon-font-code-previous: '#{icons.get-icon-glyph(chevron-left)}';
-  --ag-icon-font-code-radio-button-off: '';
-  --ag-icon-font-code-radio-button-on: '';
-  --ag-icon-font-code-right: '#{icons.get-icon-glyph(arrow-right)}';
-  --ag-icon-font-code-save: '#{icons.get-icon-glyph(save)}';
-  --ag-icon-font-code-small-down: '#{icons.get-icon-glyph(chevron-down)}';
-  --ag-icon-font-code-small-left: '#{icons.get-icon-glyph(chevron-left)}';
-  --ag-icon-font-code-small-right: '#{icons.get-icon-glyph(chevron-right)}';
-  --ag-icon-font-code-small-up: '#{icons.get-icon-glyph(chevron-up)}';
-  --ag-icon-font-code-tick: '#{icons.get-icon-glyph(check)}';
-  --ag-icon-font-code-tree-closed: '#{icons.get-icon-glyph(chevron-right)}';
-  --ag-icon-font-code-tree-indeterminate: '#{icons.get-icon-glyph(minus)}';
-  --ag-icon-font-code-tree-open: '#{icons.get-icon-glyph(chevron-down)}';
-  --ag-icon-font-code-unlinked: '#{icons.get-icon-glyph(placeholder)}';
-
   --ag-grid-size: #{dimensions.get-size(0.25)};
   --ag-widget-vertical-spacing: #{dimensions.get-size(0.5)};
 
@@ -83,6 +29,8 @@
   --ag-table-line-height: #{dimensions.get-size(1.5)};
   --ag-list-item-height: #{dimensions.get-size(1.5)};
 
+  --ag-icon-size: var(--odx-size-125);
+
   input[class^='ag-'][type='text'] {
     background: var(--gray-100);
     border: var(--ag-borders-critical) var(--gray100);
@@ -380,4 +328,244 @@
       }
     }
   }
+
+  .ag-disabled {
+    --ag-icon-font-color: var(--ag-disabled-foreground-color);
+  }
+
+  .ag-icon {
+    &::before,
+    &::after {
+      content: none;
+    }
+
+    &-aggregation {
+      @include odxIcons.icon('core::aggregation');
+    }
+
+    &-arrows {
+      @include odxIcons.icon('core::chevrons');
+    }
+
+    &-asc {
+      @include odxIcons.icon('core::ascending');
+    }
+
+    &-cancel {
+      @include odxIcons.icon('core::cancel');
+    }
+
+    &-chart {
+      @include odxIcons.icon('core::bar-chart');
+    }
+
+    &-chevron-up {
+      @include odxIcons.icon('core::chevron-up');
+    }
+
+    &-chevron-down {
+      @include odxIcons.icon('core::chevron-down');
+    }
+
+    &-chevron-left {
+      @include odxIcons.icon('core::chevron-left');
+    }
+
+    &-chevron-right {
+      @include odxIcons.icon('core::chevron-right');
+    }
+
+    &-color-picker {
+      @include odxIcons.icon('core::colorpicker');
+    }
+
+    &-columns {
+      @include odxIcons.icon('core::column');
+    }
+
+    &-contracted {
+      @include odxIcons.icon('core::chevron-right');
+    }
+
+    &-copy {
+      @include odxIcons.icon('core::copy-content');
+    }
+
+    &-cut {
+      @include odxIcons.icon('core::cut');
+    }
+
+    &-cross {
+      @include odxIcons.icon('core::close');
+    }
+
+    &-csv {
+      @include odxIcons.icon('core::file-csv');
+    }
+
+    &-desc {
+      @include odxIcons.icon('core::descending');
+    }
+
+    &-down {
+      @include odxIcons.icon('core::arrow-down');
+    }
+
+    &-edit {
+      @include odxIcons.icon('core::edit');
+    }
+
+    &-excel {
+      @include odxIcons.icon('core::file-excel');
+    }
+
+    &-expanded {
+      @include odxIcons.icon('core::chevron-left');
+    }
+
+    &-eye-slash {
+      @include odxIcons.icon('core::view-off');
+    }
+
+    &-eye {
+      @include odxIcons.icon('core::view');
+    }
+
+    &-filter {
+      @include odxIcons.icon('core::filter');
+    }
+
+    &-first {
+      @include odxIcons.icon('core::chevron-left-end');
+    }
+
+    &-grip {
+      @include odxIcons.icon('core::rearrange');
+    }
+
+    &-group {
+      @include odxIcons.icon('core::group');
+    }
+
+    &-last {
+      @include odxIcons.icon('core::chevron-right-end');
+    }
+
+    &-left {
+      @include odxIcons.icon('core::arrow-left');
+    }
+
+    &-linked {
+      @include odxIcons.icon('core::link');
+    }
+
+    &-loading {
+      @include odxIcons.icon('core::loading');
+    }
+
+    &-maximize {
+      @include odxIcons.icon('core::maximize');
+    }
+
+    &-menu {
+      @include odxIcons.icon('core::menu');
+    }
+
+    &-menu-alt {
+      @include odxIcons.icon('core::more');
+    }
+
+    &-minimize {
+      @include odxIcons.icon('core::minimize');
+    }
+
+    &-minus {
+      @include odxIcons.icon('core::minus');
+    }
+
+    &-next {
+      @include odxIcons.icon('core::chevron-right');
+    }
+
+    &-none {
+      @include odxIcons.icon('core::sortable');
+    }
+
+    &-not-allowed {
+      @include odxIcons.icon('core::error');
+    }
+
+    &-paste {
+      @include odxIcons.icon('core::paste');
+    }
+
+    &-pin {
+      @include odxIcons.icon('core::pin');
+    }
+
+    &-pivot {
+      @include odxIcons.icon('core::table');
+    }
+
+    &-plus {
+      @include odxIcons.icon('core::plus');
+    }
+
+    &-previous {
+      @include odxIcons.icon('core::chevron-left');
+    }
+
+    &-right {
+      @include odxIcons.icon('core::arrow-right');
+    }
+
+    &-save {
+      @include odxIcons.icon('core::save');
+    }
+
+    &-small-down {
+      @include odxIcons.icon('core::chevron-down');
+    }
+
+    &-small-left {
+      @include odxIcons.icon('core::chevron-left');
+    }
+
+    &-small-right {
+      @include odxIcons.icon('core::chevron-right');
+    }
+
+    &-small-up {
+      @include odxIcons.icon('core::chevron-up');
+    }
+
+    &-tick {
+      @include odxIcons.icon('core::check');
+    }
+
+    &-tree-closed {
+      @include odxIcons.icon('core::chevron-right');
+    }
+
+    &-tree-indeterminate {
+      @include odxIcons.icon('core::minus');
+    }
+
+    &-tree-open {
+      @include odxIcons.icon('core::chevron-down');
+    }
+
+    &-unlinked {
+      @include odxIcons.icon('core::link-off');
+    }
+
+    &-up {
+      @include odxIcons.icon('core::arrow-up');
+    }
+
+    background: unset;
+    block-size: var(--ag-icon-size);
+    display: flex;
+    inline-size: var(--ag-icon-size);
+  }
 }

package/scss/assets/images/favicon-16x16.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-a18ec136-98eb-45fe-81e0-649901f2c946" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8" style="fill:#002766;"/><path d="m9.72,2h-5.17v1.33h4.09c.48,0,.86.38.86.85v7.59c0,.47-.39.85-.86.85h-1.55V4.56s-2.54,0-2.54,0v9.44h5.17c1.21,0,2.19-.97,2.2-2.17v-7.65c-.01-1.2-.99-2.17-2.2-2.17Z" style="fill:#fff;"/></svg>

package/scss/assets/images/favicon-32x32.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-de96b064-b8ba-47f2-a2f0-4645b7dff94e" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><circle cx="16" cy="16" r="16" style="fill:#002766;"/><path d="m19.43,4h-10.33v2.65h8.18c.95,0,1.72.76,1.73,1.7v15.18c0,.94-.78,1.7-1.73,1.7h-3.11V9.13s-5.07,0-5.07,0v18.87h10.33c2.42,0,4.39-1.94,4.41-4.35v-15.3c-.02-2.41-1.99-4.35-4.41-4.35Z" style="fill:#fff;"/></svg>

package/scss/assets/images/logo.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 29">
-  <path
-    fill="#000000"
-    d="M29.717 2.887c0 1.4-1.127 2.535-2.512 2.535a2.522 2.522 0 0 1-2.514-2.533c0-1.4 1.124-2.534 2.514-2.534a2.523 2.523 0 0 1 2.512 2.532ZM9.827.848H0v2.554h7.779c.903 0 1.635.732 1.644 1.637v14.62a1.65 1.65 0 0 1-1.644 1.64H4.823l.001-15.516H0v18.174h9.827c2.303 0 4.17-1.868 4.192-4.187V5.036C13.998 2.717 12.13.848 9.827.848Zm13.968 6.18c-2.705-.01-4.327.186-5.537.464-1.649.414-2.318.972-2.638 1.24a2.134 2.134 0 0 1-.145.114v15.111h4.596V11.452c-.027-1.55 2.264-2.062 3.722-.984l.002-3.44Zm42.037 1.694c.324-.269.992-.823 2.634-1.235 1.205-.275 2.833-.475 5.534-.464v3.44c-1.457-1.079-3.75-.566-3.726.984v12.509h-4.593V8.84c.04-.028.09-.068.15-.12ZM31.507 21.278h-2.135c-.987.018-1.716-.705-1.737-1.76a37.415 37.415 0 0 1 0-1.91c.014-.968.75-1.743 1.737-1.73h2.135v5.4Zm.679-14.253h-7.447v3.438s2.625-.894 4.448-.894c2.222 0 2.34 1.13 2.322 1.635v2.022h-4.484c-2.048 0-3.709 1.67-3.718 3.734v3.246c0 2.07 1.665 3.75 3.718 3.75h9.077v-13.01c-.015-2.318-1.883-3.92-3.916-3.92Zm1.074-1.604a2.521 2.521 0 0 0 2.512-2.534A2.52 2.52 0 0 0 33.26.355a2.522 2.522 0 0 0-2.513 2.532 2.523 2.523 0 0 0 2.513 2.534ZM43.7 9.605c-1.776 0-1.974 1.253-1.974 1.975v1.67c0 .725.198 1.976 1.974 1.974 1.778-.001 1.975-1.25 1.975-1.975v-1.67c0-.722-.197-1.974-1.975-1.974Zm2.281 8.092H41.33c-2.038.01-3.916-1.604-3.914-3.919V10.98C37.405 8.927 39 7.014 41.3 7.025h8.566v6.72c.004 2.05-1.601 3.96-3.884 3.952Zm-.117 6.877c0 .719-.21 1.971-2.084 1.971-1.869 0-2.078-1.252-2.078-1.97v-1.673c0-.723.21-1.977 2.078-1.977 1.875 0 2.084 1.255 2.084 1.977v1.672Zm.473-6.234-5.21.002c-2.29-.003-3.892 1.868-3.885 3.92v2.785c-.005 2.305 1.88 3.956 3.917 3.953h5.204c2.288 0 3.902-1.915 3.89-3.953v-2.785a3.916 3.916 0 0 0-3.916-3.922Zm9.41-3.326h3.946v-3.449c0-.723-.253-1.975-1.972-1.975-1.722 0-1.973 1.252-1.973 1.975v3.449Zm-.59-7.99 5.173-.001c2.03 0 3.926 1.602 3.923 3.92v6.699h-8.417v2.072c.008.906.696 1.66 2.522 1.66 2.81.005 5.761-.846 5.761-.846v3.428h-8.76c-2.233.004-4.123-1.6-4.118-3.918v-9.093c0-2.33 1.879-3.93 3.916-3.921Z"
-  />
-</svg>