@genexus/mercury 0.0.2

package/src/components/_template/_styles.scss

@@ -0,0 +1,4 @@
+@import "tokens";
+
+@mixin template() {
+}

package/src/components/_template/_tokens.scss

@@ -0,0 +1,2 @@
+@mixin template-tokens() {
+}

package/src/components/checkbox/_styles.scss

@@ -0,0 +1,7 @@
+@import "tokens";
+
+@mixin checkbox() {
+  :root {
+    @include checkbox-tokens();
+  }
+}

package/src/components/checkbox/_tokens.scss

@@ -0,0 +1,14 @@
+@mixin checkbox-tokens() {
+  // size
+  --mer-checkbox__size: var(--mer-spacing--md);
+
+  // border
+  --mer-checkbox__border-width: var(--mer-border__width--sm);
+  --mer-checkbox__border-style: solid;
+  --mer-checkbox__border-color: var(--mer-border-color__dim);
+  --mer-checkbox__border-radius: var(--mer-border__radius--xs);
+  --mer-checkbox-check__border-color: var(--mer-border-color__neutral--active);
+
+  // background
+  --mer-checkbox__bg-color: transparent;
+}

package/src/components/shortcuts/_styles.scss

@@ -0,0 +1,30 @@
+@import "tokens";
+
+@mixin shortcuts() {
+  ch-shortcuts {
+    &::part(tooltip) {
+      display: flex;
+      padding-inline-start: var(--shortcuts-tooltip__padding-inline-start);
+    }
+
+    &::part(key) {
+      color: var(--shortcuts-key__color);
+      background-color: var(--shortcuts-key__background-color);
+      border-radius: var(--shortcuts-key__border-radius);
+      font-size: var(--shortcuts-key__font-size);
+      padding: var(--shortcuts-key__padding);
+    }
+
+    &::part(slash),
+    &::part(plus) {
+      font-size: var(--shortcuts-slash__font-size);
+      color: var(--shortcuts-slash__color);
+      padding: var(--shortcuts-slash__padding);
+    }
+
+    &::part(element) {
+      outline: var(--shortcuts-element__outline);
+      outline-offset: var(--shortcuts-element__outline-offset);
+    }
+  }
+}

package/src/components/shortcuts/_tokens.scss

@@ -0,0 +1,21 @@
+@mixin shortcuts-tokens() {
+  //tooltip
+  --shortcuts-tooltip__padding-inline-start: var(--mer-spacing--2xs);
+
+  //key
+  --shortcuts-key__color: var(--mer-color__neutral-gray--900);
+  --shortcuts-key__background-color: var(--mer-color__message-red--100);
+  --shortcuts-key__border-radius: var(--mer-border__radius--md);
+  --shortcuts-key__font-size: var(--mer-font__size--xs);
+  --shortcuts-key__padding: var(--mer-spacing--2xs);
+
+  //slash
+  --shortcuts-slash__font-size: var(--mer-font__size--xs);
+  --shortcuts-slash__color: var(--mer-color__message-red--100);
+  --shortcuts-slash__padding: var(--mer-spacing--2xs);
+
+  //element
+  --shortcuts-element__outline: var(--mer-border__width--md) dotted
+    var(--mer-color__tinted-yellow--60);
+  --shortcuts-element__outline-offset: -1px;
+}

package/src/components/tree-view/_styles.scss

@@ -0,0 +1,169 @@
+@import "tokens";
+
+@mixin tree-view() {
+  :root {
+    @include tree-view-tokens();
+  }
+
+  .tree-view {
+    /*----------------------
+    General use variables
+    ----------------------*/
+    // --ch-tree-view-item__dashed-line--inset-inline-end
+    --ch-tree-view-item-custom-padding-inline-start: 8px;
+    --ch-tree-view-item-gap: var(--tree-view-item__gap);
+    --ch-tree-view-item__checkbox-size: var(--tree-view-item__checkbox-size);
+    --ch-tree-view-item__expandable-button-size: var(
+      --tree-view-item-expandable-button__size
+    );
+    --ch-tree-view-item__image-size: var(--mer-icon-shell__size--sm);
+
+    @include mer-scrollbar;
+
+    .ch-tree-view-container {
+      padding: var(--tree-view-container__padding);
+    }
+  }
+
+  .tree-view-item {
+    font-size: var(--tree-view-item__color);
+    color: var(--tree-view-item__font-size);
+
+    /*----------------------
+    Parts
+    ----------------------*/
+
+    // checkbox (container)
+    &::part(checkbox__container) {
+      @include mer-checkbox("container");
+    }
+    // checkbox (container:focus)
+    &::part(checkbox__container):focus-within {
+      box-shadow: none;
+      @include mer-focus();
+    }
+    // checkbox (container:checked)
+    &::part(checkbox__container checkbox__checked) {
+      @include mer-checkbox("container--checked");
+    }
+    // checkbox (container:indeterminate)
+    &::part(checkbox__container checkbox__indeterminate) {
+      @include mer-checkbox("container--indeterminate");
+    }
+    // checkbox (option)
+    &::part(checkbox__option) {
+      @include mer-checkbox("option");
+    }
+    // checkbox (input)
+    &::part(checkbox__input) {
+      @include mer-checkbox("input");
+    }
+
+    // dashed-line
+    &::part(dashed-line) {
+      border-color: var(--tree-view-item-dashed-line__border-color);
+      opacity: var(--tree-view-item-dashed-line__opacity);
+    }
+
+    // header
+    &::part(header) {
+      border-radius: var(--tree-view-item-header__border-radius);
+      padding-inline-end: var(--tree-view-item-custom__padding-inline-end);
+
+      &:hover {
+        color: var(--tree-view-item__color--hover);
+        background-color: var(--tree-view-item__bg-color--hover);
+      }
+      &:focus {
+        @include mer-focus();
+      }
+    }
+    &[selected]::part(header) {
+      color: var(--tree-view-item__color--selected);
+      background-color: var(--tree-view-item__bg-color--selected);
+    }
+
+    // action
+    &::part(action) {
+      padding-block: var(--tree-view-item-header__padding-block);
+    }
+
+    // downloading
+    &::part(downloading) {
+      inline-size: var(--tree-view-item-downloading__inline-size);
+      block-size: var(--tree-view-item-downloading__block-size);
+      border-width: var(--tree-view-item-downloading__border-width);
+      border-style: var(--tree-view-item-downloading__border-style);
+      border-color: var(--tree-view-item-downloading__border-color);
+      border-inline-start-color: transparent;
+    }
+
+    /*----------------------
+    Parts -> dynamic icons
+    ----------------------*/
+
+    // folder & module (common)
+    &--folder::part(action)::before,
+    &--module::part(action)::before {
+      content: "";
+      inline-size: var(--tree-view-item-folder-action__inline-size);
+      block-size: var(--tree-view-item-folder-action__block-size);
+      background-repeat: no-repeat;
+    }
+
+    // folder
+    &--folder::part(action)::before {
+      background-image: url("../src/showcase/assets/icons/folder.svg");
+    }
+    &--folder::part(action expanded)::before {
+      background-image: url("../src/showcase/assets/icons/folder-open.svg");
+    }
+
+    // module
+    &--module::part(action)::before {
+      background-image: url("../src/showcase/assets/icons/module.svg");
+    }
+    &--module::part(action expanded)::before {
+      background-image: url("../src/showcase/assets/icons/module-open.svg");
+    }
+
+    //pending commit
+    &--pending-commit::part(action)::before {
+      content: "";
+      position: relative;
+      z-index: 1;
+      width: 5px;
+      height: 5px;
+      align-self: end;
+      margin-block-end: 3px;
+      margin-inline-start: 1px;
+      background-color: var(--tree-view-item-pending-commit__bg-color);
+      border-radius: 50%;
+    }
+  }
+
+  // TODO
+  .tree-view .ch-tree-view-drag-info {
+    padding-inline: 6px;
+    padding-block: 2px;
+    background-color: var(--mer-color__elevation--04);
+    border: 1px solid var(--ds-border-color--regular);
+    border-radius: 10px;
+    box-shadow: var(--gxg-grid-row__box-shadow--dragging);
+    font-size: 8px;
+  }
+
+  // WA to improve the style of the drops before and after
+  ch-tree-view-drop::after {
+    background-color: cyan;
+  }
+
+  /*-- Other Selectors (these depend on the tag class name)---*/
+  .ch-tree-view-item {
+    &--drag-enter {
+      background-color: yellow;
+      outline: 1px solid currentColor;
+      outline-offset: -1px;
+    }
+  }
+}

package/src/components/tree-view/_tokens.scss

@@ -0,0 +1,60 @@
+@mixin tree-view-tokens() {
+  /*----------------------
+  tree-view-item
+  ----------------------*/
+
+  --tree-view-item__color: inherit;
+  --tree-view-item__font-size: inherit;
+  --tree-view-item__gap: var(--mer-spacing--xs);
+  --tree-view-item__checkbox-size: var(--mer-checkbox__size);
+  --tree-view-item-expandable-button__size: var(--mer-spacing--md);
+  --tree-view-item-image-size__: var(--mer-spacing--md);
+  --tree-view-item-custom__padding-inline-start: var(--mer-view-spacing--2xs);
+  --tree-view-item-custom__padding-inline-end: var(--mer-spacing--2xs);
+
+  /*----------------------
+  tree-view-item -> Sates
+  ----------------------*/
+
+  // hover
+  --tree-view-item__color--hover: var(--mer-item__color--hover);
+  --tree-view-item__bg-color--hover: var(--mer-item__bg-color--hover);
+
+  // selected
+  --tree-view-item__color--selected: var(--mer-item__color--selected);
+  --tree-view-item__bg-color--selected: var(--mer-item__bg-color--selected);
+
+  /*----------------------
+  tree-view-item -> Parts
+  ----------------------*/
+
+  // dashed-line
+  --tree-view-item-dashed-line__border-color: var(--mer-text__on-surface);
+  --tree-view-item-dashed-line__opacity: 0.3;
+
+  // header
+  --tree-view-item-header__border-radius: var(--mer-border__radius--sm);
+  --tree-view-item-header__padding-block: calc(var(--mer-spacing--3xs));
+
+  // downloading
+  --tree-view-item-downloading__inline-size: var(--mer-spacing--sm);
+  --tree-view-item-downloading__block-size: var(--mer-spacing--sm);
+  --tree-view-item-downloading__border-width: var(--mer-border__width--md);
+  --tree-view-item-downloading__border-style: solid;
+  --tree-view-item-downloading__border-color: var(
+    --mer-accent__primary--active
+  );
+
+  // folder & module (common)
+  --tree-view-item-folder-action__inline-size: var(--mer-spacing--md);
+  --tree-view-item-folder-action__block-size: var(--mer-spacing--md);
+
+  // pending commit
+  --tree-view-item-pending-commit__bg-color: var(--mer-accent__primary);
+
+  /*----------------------
+  tree-view-container
+  ----------------------*/
+  --tree-view-container__min-inline-size: var(max-content);
+  --tree-view-container__padding: var(--mer-spacing--xs);
+}

package/src/icons/_settings/monochrome.svg.template

@@ -0,0 +1,79 @@
+<svg viewBox="0 0 $width$ $height$" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <g id="icon-def">
+        $content$
+    </g>
+    <!-- on-surface -->
+    <style type="text/css" data-state="on-surface">
+        .on-surface-dark {
+          --icon-color: red;
+        }
+        .on-surface-light {
+          --icon-color: green;
+        }
+    </style>
+    <!-- on-primary -->
+    <style type="text/css" data-state="on-primary">
+        .on-primary-dark {
+          --icon-color: orange;
+        }
+        .on-primary-light {
+          --icon-color: blue;
+        }
+    </style>
+    <!-- on-primary-hover -->
+    <style type="text/css" data-state="on-primary--hover">
+        .on-primary--hover-dark {
+          --icon-color: pink;
+        }
+        .on-primary--hover-light {
+          --icon-color: purple;
+        }
+    </style>
+    <!-- on-primary-active -->
+    <style type="text/css" data-state="on-primary--active">
+        .on-primary--active-dark {
+          --icon-color: pink;
+        }
+        .on-primary--active-light {
+          --icon-color: purple;
+        }
+    </style>
+  </defs>
+  <!-- on-surface -->
+  <view id="on-surface" viewBox="$x-on-surface$ 0 $width$ $height$" />
+  <use
+    href="#icon-def"
+    x="$x-on-surface$"
+    y="0"
+    class="on-surface-$color-scheme$"
+    data-state="on-surface"
+  />
+  <!-- on-primary -->
+  <view id="on-primary" viewBox="$x-on-primary$ 0 $width$ $height$" />
+  <use
+    href="#icon-def"
+    x="$x-on-primary$"
+    y="0"
+    class="on-primary-$color-scheme$"
+    data-state="on-primary"
+  />
+  <!-- on-primary hover -->
+  <view id="on-primary--hover" viewBox="$x-on-primary--hover$ 0 $width$ $height$" />
+  <use
+    href="#icon-def"
+    x="$x-on-primary--hover$"
+    y="0"
+    class="on-primary--hover-$color-scheme$"
+    data-state="on-primary--hover"
+  />
+  <!-- on-primary active -->
+  <view id="on-primary--active" viewBox="$x-on-primary--active$ 0 $width$ $height$" />
+  <use
+    href="#icon-def"
+    x="$x-on-primary--active$"
+    y="0"
+    class="on-primary--active-$color-scheme$"
+    data-state="on-primary--active"
+  />
+</svg>

package/src/icons/_settings/multicolor.svg.template

@@ -0,0 +1,126 @@
+<svg viewBox="0 0 $width$ $height$" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <g id="icon-def">
+        $content$
+    </g>
+    <style type="text/css">
+        .enabled-dark {
+          --i01: #0266a0;
+          --i02: #605cab;
+          --i03: #00746b;
+          --i04: #00a99d;
+          --i05: #39b54a;
+          --i06: #ed145b;
+          --i07: #f26522;
+          --i08: #f7941d;
+          --i09: #616164;
+        }
+        .hover-dark {
+          --i01: #2088c2;
+          --i02: #9e9ecc;
+          --i03: #009187;
+          --i04: #7ccdc7;
+          --i05: #79cc81;
+          --i06: #f4608d;
+          --i07: #f59065;
+          --i08: #fab454;
+          --i09: #828385;
+        }
+        .active-dark {
+          --i01: #004a81;
+          --i02: #484099;
+          --i03: #02645b;
+          --i04: #00998c;
+          --i05: #2fa640;
+          --i06: #dc105a;
+          --i07: #e75e1e;
+          --i08: #f3891b;
+          --i09: #3e3f42;
+        }
+        .disabled-dark {
+          --i01: #3e3f42;
+          --i02: #3e3f42;
+          --i03: #3e3f42;
+          --i04: #3e3f42;
+          --i05: #3e3f42;
+          --i06: #3e3f42;
+          --i07: #3e3f42;
+          --i08: #3e3f42;
+          --i09: #3e3f42;
+        }
+
+        .enabled-light {
+          --i01: #0266a0;
+          --i02: #605cab;
+          --i03: #00746b;
+          --i04: #00a99d;
+          --i05: #39b54a;
+          --i06: #ed145b;
+          --i07: #f26522;
+          --i08: #f7941d;
+          --i09: #616164;
+        }
+        .hover-light {
+          --i01: #2088c2;
+          --i02: #9e9ecc;
+          --i03: #009187;
+          --i04: #7ccdc7;
+          --i05: #79cc81;
+          --i06: #f4608d;
+          --i07: #f59065;
+          --i08: #fab454;
+          --i09: #828385;
+        }
+        .active-light {
+          --i01: #004a81;
+          --i02: #484099;
+          --i03: #02645b;
+          --i04: #00998c;
+          --i05: #2fa640;
+          --i06: #dc105a;
+          --i07: #e75e1e;
+          --i08: #f3891b;
+          --i09: #3e3f42;
+        }
+        .disabled-light {
+          --i01: #a4a5a6;
+          --i02: #a4a5a6;
+          --i03: #a4a5a6;
+          --i04: #a4a5a6;
+          --i05: #a4a5a6;
+          --i06: #a4a5a6;
+          --i07: #a4a5a6;
+          --i08: #a4a5a6;
+          --i09: #a4a5a6;
+        }
+    </style>
+  </defs>
+  <view id="enabled" viewBox="$x-enabled$ 0 $width$ $height$" />
+  <use
+    href="#icon-def"
+    x="$x-enabled$"
+    y="0"
+    class="enabled-$color-scheme$"
+  />
+  <view id="hover" viewBox="$x-hover$ 0 $width$ $height$" />
+  <use
+    href="#icon-def"
+    x="$x-hover$"
+    y="0"
+    class="hover-$color-scheme$"
+  />
+  <view id="active" viewBox="$x-active$ 0 $width$ $height$" />
+  <use
+    href="#icon-def"
+    x="$x-active$"
+    y="0"
+    class="active-$color-scheme$"
+  />
+  <view id="disabled" viewBox="$x-disabled$ 0 $width$ $height$" />
+  <use
+    href="#icon-def"
+    x="$x-disabled$"
+    y="0"
+    class="disabled-$color-scheme$"
+  />
+</svg>

package/src/icons/_settings/states-monochrome.json

@@ -0,0 +1,18 @@
+{
+  "monochrome": {
+    "path": {
+      "states": {
+        "on-surface": true,
+        "on-primary": true,
+        "on-primary--active": true
+      }
+    },
+    "stroke": {
+      "states": {
+        "on-surface": true,
+        "on-primary": true,
+        "on-primary--active": true
+      }
+    }
+  }
+}

package/src/icons/objects/api.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="api">
+        <path id="--i04" class="--i04" d="M10.88,10.39a1.79,1.79,0,0,0,1.79,1.79,1.76,1.76,0,0,0,1-.33h0a1.44,1.44,0,0,1,.61-.2,1.22,1.22,0,0,1,1.51,1v2.91a.27.27,0,0,1-.27.27H5.43a.27.27,0,0,1-.26-.27V13a1.28,1.28,0,0,0-1.55-1.31,1.52,1.52,0,0,0-.61.21H3a1.82,1.82,0,0,1-1,.32A1.79,1.79,0,1,1,2,8.61a1.82,1.82,0,0,1,1,.32H3a1.52,1.52,0,0,0,.61.21A1.27,1.27,0,0,0,5.17,7.83V5.43a.26.26,0,0,1,.26-.26H7.9A1.31,1.31,0,0,0,9.33,3.61,1.43,1.43,0,0,0,9.12,3h0A1.73,1.73,0,0,1,8.8,2a1.79,1.79,0,0,1,3.58,0,1.73,1.73,0,0,1-.33,1h0a1.6,1.6,0,0,0-.2.61,1.3,1.3,0,0,0,1.43,1.56h2.27a.27.27,0,0,1,.27.26V8.14a1.21,1.21,0,0,1-1.51,1,1.43,1.43,0,0,1-.61-.21h0a1.76,1.76,0,0,0-1-.33A1.79,1.79,0,0,0,10.88,10.39Z"/>
+    </g>
+</svg>

package/src/icons/objects/attribute.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="atribute">
+        <path id="--i05" class="--i05" d="M6.8,6.63a.93.93,0,1,1-.93.93A.92.92,0,0,1,6.8,6.63Zm5.57.79a13.12,13.12,0,0,1,.7,1.15H10.14c.27-.36.52-.72.74-1.08A15.39,15.39,0,0,0,9,5.49,14.81,14.81,0,0,0,6.33,3.55,13.86,13.86,0,0,0,4.81,5a14.87,14.87,0,0,0-2,2.77A15.48,15.48,0,0,0,5,10.19,14,14,0,0,0,7,11.7c.21-.15.42-.32.64-.49v2.32l-.61-.33a7.68,7.68,0,0,1-3.9,1.39,2.66,2.66,0,0,1-1.95-.73c-1.17-1.17-1-3.5.18-6C-.1,5.53-.5,3.25.57,2A2.86,2.86,0,0,1,2.8,1.16a8.1,8.1,0,0,1,3.39.9,8.5,8.5,0,0,1,4.72-2,2.62,2.62,0,0,1,1.95.73C14.12,2.09,13.84,4.71,12.37,7.42ZM2.23,9.05c-.73,1.78-.79,3.29-.15,3.93a1.46,1.46,0,0,0,1.07.36,6,6,0,0,0,2.7-.88,17,17,0,0,1-1.7-1.35A16,16,0,0,1,2.23,9.05ZM5.11,3A6.39,6.39,0,0,0,2.8,2.41a1.74,1.74,0,0,0-1.28.43c-.52.6-.39,2,.56,3.76a17,17,0,0,1,1.8-2.42Q4.48,3.52,5.11,3ZM12,1.71a1.46,1.46,0,0,0-1.07-.36A6.87,6.87,0,0,0,7.4,2.72,16.74,16.74,0,0,1,9.86,4.56a17.06,17.06,0,0,1,1.67,1.75C12.53,4.24,12.7,2.43,12,1.71Z"/>
+        <path id="--i04" class="--i04" d="M14.12,11.39v.92H10.45v-.92Zm0,1.84H10.45v.92h3.67v-.92ZM16,15.1V10.47a.91.91,0,0,0-.91-.9H9.45a.91.91,0,0,0-.91.9V15.1a.9.9,0,0,0,.91.9h5.6A.9.9,0,0,0,16,15.1ZM9.54,10.57H15V15H9.54Z"/>
+    </g>
+</svg>

package/src/icons/objects/bg-color.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="colors">
+        <path id="--i04" class="--i04" d="M4.35.15A3.9,3.9,0,0,0,1.74,4,3.7,3.7,0,0,0,2,5.17L0,7.82l4.46,4.06L11,6.11ZM7.56,4.38l.59.53A2.89,2.89,0,0,1,5.71,6.62H5.53A2.78,2.78,0,0,1,3.16,5.29L5.34,2.38ZM2.74,4A2.92,2.92,0,0,1,4.17,1.33l.42.38L2.77,4.15A1.48,1.48,0,0,1,2.74,4ZM1.36,7.69,2.53,6.13a3.76,3.76,0,0,0,3,1.49h.24a3.84,3.84,0,0,0,3.14-2l.55.5-5,4.43Z"/>
+        <path id="--i08" class="--i08" d="M4.87,15.65a.48.48,0,0,0,.49.47H8.81a.48.48,0,0,0,.49-.47V13.26H4.87Zm2.21-1.39a.43.43,0,1,1,0,.86.43.43,0,1,1,0-.86Zm2.78-5,2.38,1.27L10.75,13l-.89-.47Zm0,4.29.46.24-.46.77Zm5.9-9-1.17,2-3.66-2,1.16-2a.45.45,0,0,1,.41-.23.59.59,0,0,1,.23.05L15.58,3.9a.4.4,0,0,1,.22.27A.41.41,0,0,1,15.76,4.51Zm-8.3-2.9H8.81a.48.48,0,0,1,.49.47V3.27Zm6.7,5.61L12.67,9.74,10,8.31l1.63-1.46.69-.62Zm-5.3,2.1H9.3v3H5.44Z"/>
+    </g>
+</svg>

package/src/icons/objects/business-process-diagram.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="business-process-diagram">
+        <path id="--i04" class="--i04" d="M15,0H1A1,1,0,0,0,0,1V15a1,1,0,0,0,1,1H15a1,1,0,0,0,1-1V1A1,1,0,0,0,15,0Zm0,15H1V1H15ZM4.89,9h6.22v2h1V8H8.5V5h2V2h-5V5h2V8H3.89v3h1ZM6.5,4V3h3V4h-3Zm.39,7h-5v3h5Zm-1,2h-3V12h3Zm3.22,1h5V11h-5Zm1-2h3v1h-3Z"/>
+    </g>
+</svg>

package/src/icons/objects/calendars.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="a979ad37-cfb7-4a9e-8543-1428a719f90f" data-name="calendars">
+        <path id="e9fdcdd1-54eb-4b5f-be93-f4787ad6e815" data-name="--i08" class="--i08" d="M15.53,1.06H13V0H12v1H10V0H9v1h-2V0H6v1h-2V0H3v1H.53a.51.51,0,0,0-.5.5v.5H0v3H0V15.52a.5.5,0,0,0,.5.5h15a.5.5,0,0,0,.5-.5v-14A.5.5,0,0,0,15.53,1.06ZM12,3.1h1V4H12Zm-3,0h1V4H9Zm-3,0h1V4H6Zm-3,0h1V4H3ZM15,15H1v-9H15Z"/>
+    </g>
+</svg>

package/src/icons/objects/category.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="category">
+        <path id="--i04" class="--i04" d="M14.68,3.61c.16,0,.33.18.33.45v8.36c0,.27-.17.45-.33.45H5.59A39.36,39.36,0,0,1,1.27,8.52l-.06-.06L1.15,8.4A.41.41,0,0,1,1,8.07a.39.39,0,0,1,.17-.33l.06,0,.06-.06a36.55,36.55,0,0,1,4.3-4h9.1m0-1H5.42C4.68,2.61.56,6.94.56,6.94a1.43,1.43,0,0,0,0,2.25s4.16,4.68,4.9,4.68h9.26A1.39,1.39,0,0,0,16,12.42V4.06a1.39,1.39,0,0,0-1.33-1.45ZM6.35,8.19A.36.36,0,1,0,6,8.55.36.36,0,0,0,6.35,8.19ZM6,6.83A1.36,1.36,0,1,0,7.35,8.19,1.35,1.35,0,0,0,6,6.83Z"/>
+    </g>
+</svg>

package/src/icons/objects/conversational-flows.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="conversational-flows">
+        <path id="--i02" class="--i02" d="M14.89,7.74v5.43H6V7.74h8.92m.66-1.12H5.32a.47.47,0,0,0-.47.47v6.73a.47.47,0,0,0,.47.47h6.57A3.39,3.39,0,0,0,15,15.81a3.43,3.43,0,0,0,.61-.06,3.08,3.08,0,0,1-1.5-1.46h1.49a.47.47,0,0,0,.46-.47V7.09a.47.47,0,0,0-.46-.47ZM8.49,9.85a.61.61,0,0,0-.61.61.62.62,0,1,0,1.23,0A.61.61,0,0,0,8.49,9.85Zm1.94,0a.61.61,0,0,0-.61.61.61.61,0,0,0,.61.62.62.62,0,0,0,.62-.62A.61.61,0,0,0,10.43,9.85Zm1.94,0a.61.61,0,0,0-.61.61.61.61,0,1,0,1.22,0A.61.61,0,0,0,12.37,9.85ZM10.69,0H.47A.47.47,0,0,0,0,.47V7.2a.47.47,0,0,0,.47.47H2A3,3,0,0,1,.45,9.13a3.56,3.56,0,0,0,.61.06A3.38,3.38,0,0,0,4.12,7.67h.73v.07h6.31V.47A.47.47,0,0,0,10.69,0Z"/>
+    </g>
+</svg>

package/src/icons/objects/customization.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="customization">
+        <path id="--i04" class="--i04" d="M15.25,3.58,13.73,5.1a1.6,1.6,0,0,1-2.24,0l-.56-.56a1.6,1.6,0,0,1,0-2.24L12.45.78a3.91,3.91,0,0,0-3.92.94A3.9,3.9,0,0,0,7.6,5.65l-.12.1-6.6,6.6a1.58,1.58,0,0,0,0,2.24l.56.56a1.58,1.58,0,0,0,2.24,0l6.6-6.6a1.25,1.25,0,0,0,.09-.12,3.91,3.91,0,0,0,3.94-.93A3.91,3.91,0,0,0,15.25,3.58ZM3,14.1A.76.76,0,1,1,3,13,.76.76,0,0,1,3,14.1Z"/>
+    </g>
+</svg>

package/src/icons/objects/dashboard.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="dashboard">
+        <path id="--i08" class="--i08" d="M14.93,0H1.07c-.54,0-1,.6-1,1.33V14.7c0,.74.45,1.34,1,1.34H14.93c.54,0,1-.6,1-1.34V1.33C15.92.6,15.47,0,14.93,0ZM11,2.14v1H2.06v-1ZM14.92,14.7a.63.63,0,0,1-.09.34H1.17a.63.63,0,0,1-.09-.34V5H14.92ZM7,13.56h6v-7H3v7H7Zm2-1H7v-2H9Zm3,0H10v-2h2Zm-2-5h2v2H10Zm-3,0H9v2H7Zm-3,0H6v2H4Zm0,5v-2H6v2Z"/>
+    </g>
+</svg>

package/src/icons/objects/data-provider.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="data-provider">
+        <path id="--i03" class="--i03" d="M4.9,10h-1V9h1Zm11-3a1,1,0,0,1-.16.51A1.06,1.06,0,0,1,15.9,8v3a1,1,0,0,1-.15.5,1,1,0,0,1,.15.5v3a1,1,0,0,1-1,1H2.9a1,1,0,0,1-1-1V12a1,1,0,0,1,.16-.5A1,1,0,0,1,1.9,11V8.3l1,1.15V11h12V8h-6v-1h6v-3h-6v-1h6a1,1,0,0,1,1,1Zm-1,5H2.9v3h12Zm-11,1v1h1V13Z"/>
+        <path id="--i05" class="--i05" d="M7.86,7h-4V9L-.1,4.48,3.84,0V2h4Z"/>
+    </g>
+</svg>

package/src/icons/objects/data-selector.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="data-selector">
+        <path id="--i03" class="--i03" d="M3.87,13h1v1h-1Zm12-10V15a1,1,0,0,1-1,1h-12a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1h9.3V7H2.87a1,1,0,0,1-1-1V3a1,1,0,0,1,1-1h12A1,1,0,0,1,15.87,3Zm-1,9h-12v3h12Zm0-6V3h-12V6h12Zm-11-1h1V4h-1Z"/>
+        <path id="--i08" class="--i08" d="M13,6H1A1,1,0,0,0,0,7v3a1,1,0,0,0,1,1H13a1,1,0,0,0,1-1V7A1,1,0,0,0,13,6ZM3,9H2V8H3Z"/>
+    </g>
+</svg>

package/src/icons/objects/data-view.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="data-view">
+        <path id="--i03" class="--i03" d="M4.89,13v1h-1V13Zm-1-4v1h1V9Zm12-2a.92.92,0,0,1-.17.51,1,1,0,0,1,.17.52v3a1,1,0,0,1-.16.5,1,1,0,0,1,.16.5v3a1,1,0,0,1-1,1h-12a1,1,0,0,1-1-1V12a1,1,0,0,1,.15-.5,1,1,0,0,1-.15-.5V8a1.06,1.06,0,0,1,.16-.52,1,1,0,0,1-.16-.51v-1a9.32,9.32,0,0,0,1,.5v.54h12v-3H11l.34-.39.5-.61h3.09a1,1,0,0,1,1,1Zm-1,5h-12v3h12Zm0-4h-12v3h12Z"/>
+        <path id="--i05" class="--i05" d="M5.21,0c-2.94,0-5.32,3-5.32,3s2.38,3,5.32,3,5.31-3,5.31-3S8.14,0,5.21,0Zm0,4.91A6.28,6.28,0,0,1,1.26,2.92a6.24,6.24,0,0,1,4-2,6.28,6.28,0,0,1,3.94,2A6.27,6.27,0,0,1,5.21,4.87ZM5.14,1.05A1.84,1.84,0,1,1,3.3,2.89,1.84,1.84,0,0,1,5.14,1.05Z"/>
+    </g>
+</svg>

package/src/icons/objects/datastore-category.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="datastore-category">
+        <path id="--i03" class="--i03" d="M3.5,4V3h-1V4Zm11-2a1,1,0,0,0-1-1H1.5a1,1,0,0,0-1,1V5a1,1,0,0,0,.16.52A1,1,0,0,0,.5,6V9a1,1,0,0,0,.15.5A.92.92,0,0,0,.5,10v3a1,1,0,0,0,1,1h7V13h-7V10h7V9h-7V6h6V5h-6V2h12V5h-1V6h1V7h1V6a1,1,0,0,0-.16-.52A1,1,0,0,0,14.5,5ZM3.5,12V11h-1v1Zm0-4V7h-1V8Z"/>
+        <path id="--i07" class="--i07" d="M15.5,11V8h-3V9h-2V8h1V5h-3V8h1v6h3v1h3V12h-3v1h-2V10h2v1Zm-6-5h1V7h-1Z"/>
+    </g>
+</svg>

package/src/icons/objects/datastore.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="datastore">
+        <path id="--i03" class="--i03" d="M15,6.19,13,8h1v3H2V8H7.75l-1.19-1H2v-3H6.85v-1H2a1,1,0,0,0-1,1v3a.92.92,0,0,0,.17.51A1,1,0,0,0,1,8v3a1,1,0,0,0,.16.5A1,1,0,0,0,1,12v3a1,1,0,0,0,1,1H14a1,1,0,0,0,1-1V12a1,1,0,0,0-.15-.5A1,1,0,0,0,15,11V8a1.06,1.06,0,0,0-.16-.52A1,1,0,0,0,15,6.93ZM14,15H2V12H14Zm-.13-12H14a1,1,0,0,1,1,1V4H14v0h-.13ZM4,13v1H3V13ZM4,9v1H3V9Z"/>
+        <path id="--i05" class="--i05" d="M12.88,1.06v4h2L10.36,9,5.84,5.08h2v-4Z"/>
+    </g>
+</svg>

package/src/icons/objects/dataview-index.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="dataview-index">
+        <path id="--i03" class="--i03" d="M4,11.4v1H3v-1Zm-1-4v1H4v-1Zm0-4v1H4v-1Zm4.63,11H2a1,1,0,0,1-1-1v-3a1,1,0,0,1,.15-.5A1,1,0,0,1,1,9.42v-3a1,1,0,0,1,.16-.52A1,1,0,0,1,1,5.39v-3a1,1,0,0,1,1-1H14a1,1,0,0,1,1,1v3a1,1,0,0,1-.16.51,1,1,0,0,1,.16.52V8.57H14V6.42H2v3H8a1.89,1.89,0,0,0-.33,1H2v3H7.66ZM2,5.39H14v-3H2Z"/>
+        <path id="--i04" class="--i04" d="M14.16,11.41v.92H10.49v-.92Zm0,1.84H10.49v.91h3.67v-.91ZM16,15.12V10.49a.9.9,0,0,0-.9-.9H9.49a.9.9,0,0,0-.9.9v4.63a.9.9,0,0,0,.9.9H15.1A.9.9,0,0,0,16,15.12ZM9.59,10.59H15V15H9.59Z"/>
+    </g>
+</svg>

package/src/icons/objects/deployment-unit.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g id="deployment-unit">
+        <path id="--i02" class="--i02" d="M11.09,9.61l.43-.37c1.07-.91,3.8-5,3.13-7.88l0,0c-2.85-.67-7,2.06-7.87,3.12l-.38.44L3.74,4.37.2,7.91l3.54.7L4.4,8a2.77,2.77,0,0,0,1.07,2.59h0a2.74,2.74,0,0,0,2.56,1l-.66.67.71,3.53,3.53-3.53Zm-.31-4.35a1,1,0,0,1,0-1.41,1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41A1,1,0,0,1,10.78,5.26Z"/>
+    </g>
+</svg>