@c8y/style 1024.13.0 → 1024.14.1

package/README.md

@@ -1,16 +1,19 @@
 # Branding
 
-For styling the application global CSS created with [LESS](http://lesscss.org/) is used. These styles are based on Bootstrap 3, and the original LESS source is distributed via the npm package [@c8y/style](https://www.npmjs.com/package/@c8y/style).
-By extending these styles it is possible to change any detail of the application but the vast majority of developers want to change: colors, logos and fonts and these can be very easily achieved by replacing a few variables.
+The global styles of Cumulocity applications are authored in [SCSS](https://sass-lang.com/) and distributed via the npm package [@c8y/style](https://www.npmjs.com/package/@c8y/style) (entry point: `main.scss`). These styles are based on Bootstrap 3.
 
-To override the variables it is possible to use:
-- LESS variables at build time
-- Custom CSS properties (at build time or configurable at runtime)
+To customize colors, logos and fonts, use:
+
+- **CSS custom properties** — at build time or configurable at runtime (recommended)
+- **Branding editor** — in the Administration application, no code required
+
+> **Important:** LESS-based styling was removed in version 1024 (January 2026). Build-time
+> LESS variable overrides (`@import '~@c8y/style/extend.less'` followed by `@brand-primary: ...`)
+> no longer apply. Use CSS custom properties instead.
 
 ## CSS custom properties
 
-Exposed via CSS custom properties there is only a subset of the LESS variables available.
-Here is a list of the available variables.
+A subset of the styling is exposed via CSS custom properties. Here is a list of the most commonly used variables.
 
 ```css
 :root {
@@ -47,267 +50,35 @@ Here is a list of the available variables.
 }
 ```
 
-Note that these can be customized at runtime using [application options](https://cumulocity.com/guides/web/angular/#application-options) using the property `brandingCssVars`.
-The option is only available after version 9.22.0.
-
-## Using LESS
-
-### Prerequisites
-
-If you do not use the [@c8y/cli](https://www.npmjs.com/package/@c8y/cli) make sure that you install the base styles from npm with:
-
-```
-npm install @c8y/style
-```
-
-1. Create a LESS file called for instance ```branding.less```.
-2. Save it inside a new folder, which can have any name you like.
-3. Inside this folder, create a sub folder for images.
-
-```
-my-application
-│   app.modules.ts
-│   index.ts
-│   packages.json
-|   ...
-└───branding
-│   │   branding.less
-│   └───img
-│       │   favicon.ico
-│       │   main-logo.svg
-│       │   tenant-brand.svg
-│
-```
-
-The first line of code within the ```branding.less``` has to be:
-
- ```less
- @import '~@c8y/style/extend.less';
- ```
-
-
-## Example customizations
-
-At this point we are able to change the desired variables according to our needs.
-
-Let us change for example the most important color of your branding, the main color, called **brand-color**.
-
-This is done by setting the respective LESS variable to a new color.
-
- ```less
- @brand-color: red;
- ```
-
-User interface elements like buttons, active navigation nodes or even active tabs as well as also hover-states of buttons are red now.
-
-What about changing the main logo that is located at the top of the login dialog? Look at this:
-
- ```less
- @{logo-login} { background-image: url('./img/logo-main.svg')}
- @brand-logo-height: 48%;
- ```
-
-You can check the branding changes with the help of the [@c8y/cli](https://www.npmjs.com/package/@c8y/cli).
-
- ```
- c8ycli server --app.brandingEntry="<path-to-your-branding.less>"
- ```
-
-You can also take a look at our tutorial application which has an example branding applied:
-
- ```
- c8ycli new <appName> tutorial
- ```
-
-## More branding details
-
-There are three main areas of a branding that you can easily control.
-
-### Colors
-
-The colors that may be edited are separated in multiple categories, like:
-
-* brand colors
-* status colors
-* gray shades
-* component colors
-
-#### Brand colors
-
-```less
-@brand-color:                 #53cd61;
-@brand-primary:               @brand-color;
-@brand-complementary:         #a8b3b5;
-@brand-primary-light:         lighten(@brand-primary, 20%);
-```
-
-#### Status colors
-
-```less
-@status-success:               #5cb85c;
-@status-info:                  @brand-color;
-@status-warning:               #f0ad4e;
-@status-danger:                #d9534f;
-@danger:                      #D90000;
-@warning:                     #FDC000;
-@status-warning-dark:                #FF8000;
-@success:                     #5cb85c;
-```
-
-#### Gray shades
+These can be customized at runtime using [application options](https://cumulocity.com/codex/common-tasks/application-styles) via the property `brandingCssVars`. A branding always has to be applied to all of your applications, so it is recommended to set it through dynamic public options:
 
-```less
-@text-color:                   #444;
-@gray-30:                   #3b4748;
-@gray-40:            #49595B;
-@gray-40:                 #6D7A7C;
-@gray:                        #8A9596;
-@gray-80:                  #cacece;
-@gray-90:                #f8f8f8;
-@gray-100:                  #fcfcfc;
-@text-muted:                  @gray-50;
-```
-
-#### Component colors
-
-Two components are always visible to the user, the header and the navigator. Therefore you should determine the look & feel of these components with care.
-
-```less
-/* HEADER */
-@headerColor:                 white;
-@header-text-color:           @gray-40;
-@header-text-color-hover:     @brand-primary;
-@header-color-active:         darken(@gray-40, 15%);
-
-/* NAVIGATOR */
-@navColorHeader:              transparent;
-@navigator-title-color:       white;
-@navigator-text-color:        @gray-90;
-@navigator-separator-color:   fade(white, 5%);
-@navigator-font-family:       @headings-font-family;
-@navigator-font-size:         13px;
-@navigator-color-active:      white;
-@navigator-active-bg:         @brand-primary;
+```json
+{
+  "brandingCssVars": {
+    "brand-primary": "#1976d2",
+    "navigator-bg-color": "#1565c0"
+  }
+}
 ```
 
-As you can see, some variables re-use others. Be careful that these variables are all defined to avoid build errors.
-
-### Logos
-
-There is no branding without logos.
+For the full set of available design tokens, see the [design tokens documentation](https://cumulocity.com/codex/design-system/design-tokens/branding-tokens).
 
-You can change the logo at the top of the login dialog, the tenant brand logo and of course the favicon.
+## Branding editor
 
-To change the favicon, enter:
-```less
-// to be loaded by webpack
-.favicon-webpack-loader { background: url('./img/favicon.ico') }
-```
-
-To change the main logo, enter:
-```less
-@{logo-login} { background-image: url('./img/main-logo.svg') }
-@brand-logo-height: 48%;
-```
-
-To change the tenant brand logo inside the navigator, enter:
-```less
-@{logo-navigator} { background-image: url('./img/tenant-brand.svg') }
-@navigator-platform-logo-height: 100px;
-```
+The branding editor in the Administration application provides a form to configure brand colors, logos and typography without any code. See [Branding](https://cumulocity.com/docs/enterprise-tenant/customization/#branding).
 
-### Typography
+## Extending `@c8y/style` with SCSS
 
-The look and feel of an application is also driven by its typography. Of course you can change the font as well.
+For advanced use cases you can extend the SCSS sources directly. Install the base styles from npm (not needed when using the Web SDK CLI `c8ycli`):
 
-```less
-@font-family-sans-serif:      "Lato",Arial, Verdana, sans-serif;
-@font-family-base:            @font-family-sans-serif; @headings-font-family:        "Roboto",Arial, Verdana, sans-serif;
+```sh
+npm install @c8y/style
 ```
 
-## Example Branding
-
-Above we described the possible options for creating your custom branding in detail. If you do not want to start from scratch in every application use the following example branding as snippet. It defines the most important variables.
-
-```less
-@import '~@c8y/style/extend.less';
+The package exposes the following SCSS entry points:
 
-// Replace and uncomment each variable as you need them
-/* LOGOS */
-.favicon-webpack-loader { background: url('./img/favicon.ico') } // to be loaded by webpack
-@{logo-login} { background-image: url('./img/logo-main.svg') }
-@brand-logo-height: 48%; // percentage - height / width * 100
-@{logo-navigator} { background-image: url('./img/logo.svg') }
-@navigator-platform-logo-height: 100px;
+- `main.scss` — the complete application stylesheet
+- `branding.scss` — variables and exported styles, configurable via `@use ... with (...)`
+- `extend.scss` — variables only, for building a custom branding on top
 
-/* COLORS */
-@brand-color:                 #53cd61; // main color
-@brand-primary:               @brand-color;
-@brand-complementary:         #a8b3b5;
-@brand-primary-light:         lighten(@brand-primary, 20%);
-// status colors
-@status-success:               #5cb85c;
-@status-info:                  @brand-color;
-@status-warning:               #f0ad4e;
-@status-danger:                #d9534f;
-@danger:                      #D90000;
-@warning:                     #FDC000;
-@status-warning-dark:                #FF8000;
-@success:                     #5cb85c;
-// grays
-@text-color:                   #444;
-@gray-30:                   #3b4748;
-@gray-40:            #49595B;
-@gray-40:                 #6D7A7C;
-@gray:                        #8A9596;
-@gray-80:                  #cacece;
-@gray-90:                #f8f8f8;
-@gray-100:                  #fcfcfc;
-@text-muted:                  @gray-50;
-
-@body-background-color:       #f8f8f8; // page background color - always use a light background
-
-/* HEADER */
-@headerColor:                 white;
-@header-text-color:           @gray-40;
-@header-text-color-hover:     @brand-primary;
-@header-color-active:         darken(@gray-40, 15%);
-
-/* NAVIGATOR */
-@navColor:                    @gray-30;
-@navColorHeader:              transparent;
-@navigator-title-color:       white;
-@navigator-text-color:        @gray-90;
-@navigator-separator-color:   fade(white, 5%);
-@navigator-font-family:       @headings-font-family;
-@navigator-font-size:         13px;
-@navigator-color-active:      white;
-@navigator-active-bg:         @brand-primary;
-// when set adds a vertical gradient in the navigator background
-// @grad-top:                    "";
-// @grad-bottom:                 "";
-
-/* TYPOGRAPHY */
-// @font-family-sans-serif:      "Lato",Arial, Verdana, sans-serif;
-// @font-family-base:            @font-family-sans-serif;
-// @headings-font-family:        "Roboto",Arial, Verdana, sans-serif;
-
-/* BUTTONS */
-// @component-border-radius-base-base:      2px;
-// @component-border-radius-base-large:     @component-border-radius-base-base;
-// @component-border-radius-base-small:     @component-border-radius-base-base;
-// @btn-shadow:                  none;
-
-/* COMPONENTS */
-// @spinner-color:               lighten(@brand-primary, 30%);
-// @link-color:                  #337ab7;
-// @link-color-hover:            darken(@link-color, 15%);
-// @form-control-border-color-focus:           #66afe9;
-
-// @body-background-pattern:     "";
-// @darker-header:               @gray-30;
-// @appswitcher-background:      none;
-// @component-background-hover:              fade(black, 1.5%);
-// @header-app-name:             @header-text-color;
-// @image-path:                  'img/';
-```
+Refer to the styling documentation in the [Web SDK style guide](https://cumulocity.com/codex/common-tasks/application-styles) for details and examples.

package/assets/icons/dlt/add-folder.svg

@@ -1,3 +1,11 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.66666 5.8181V26.505H16.1068C16.0441 26.0822 16 25.6517 16 25.212C16 20.2136 20.1786 16.1616 25.3333 16.1616C26.7667 16.1616 28.12 16.4855 29.3333 17.0453V8.40395H16L13.3333 5.8181H2.66666ZM25.3437 18.7676C23.6416 18.7681 21.94 19.4003 20.638 20.6615C19.3367 21.9235 18.6797 23.5698 18.6797 25.2221C18.6797 26.8745 19.3367 28.5222 20.638 29.7828C23.2407 32.3065 27.4442 32.3065 30.0468 29.7828C32.6495 27.259 32.6495 23.1803 30.0468 20.6565C28.7468 19.3971 27.0459 18.7671 25.3437 18.7676ZM24.0156 21.3358H26.6822V23.9217H29.3489V26.5074H26.6822V29.0933H24.0156V26.5074H21.3489V23.9217H24.0156V21.3358Z" fill="currentColor"/>
-</svg>
+<!--
+tags: [add, create, new, directory, dir, folder, plus, collection, container, group]
+category: Document
+version: "1.0"
+unicode: "eaab"
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 19h-7a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v3.5" />
+  <path d="M16 19h6" />
+  <path d="M19 16v6" />
+</svg>

package/assets/icons/dlt/angle-double-down.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 23.0664L7.51509 15.0077L5.33331 16.9037L16 27.3333L26.6666 16.9037L24.4848 15.007L16 23.0664ZM16 14.2964L7.51509 5.99988L5.33331 8.13291L16 18.3254L26.6666 8.13291L24.4848 5.99988L16 14.2964Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/angle-double-left.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.60016 16.6667L17.6589 8.18178L15.7629 6L5.33331 16.6667L15.7629 27.3334L17.6596 25.1516L9.60016 16.6667ZM18.3701 16.6667L26.6667 8.18178L24.5336 6L14.3411 16.6667L24.5336 27.3334L26.6667 25.1516L18.3701 16.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/angle-double-right.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.3411 25.1516L16.2371 27.3334L26.6667 16.6667L16.2371 6L14.3404 8.18178L22.4006 16.6667L14.3411 25.1516ZM5.33334 25.1516L7.46637 27.3334L17.6589 16.6667L7.46637 6L5.33334 8.18178L13.6299 16.6667L5.33334 25.1516Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/angle-double-up.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 10.2668L24.4849 18.3255L26.6667 16.4295L16 5.99988L5.33337 16.4295L7.51516 18.3262L16 10.2668ZM16 19.0367L24.4849 27.3333L26.6667 25.2002L16 15.0077L5.33337 25.2002L7.51516 27.3333L16 19.0367Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/card-security1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 -960 960 960" fill="currentColor"><path d="M520-80q-24 0-42-18t-18-42v-220q0-24 18-42t42-18h340q24 0 42 18t18 42v220q0 24-18 42t-42 18H520Zm0-60h340v-100H520v100Zm0-160h340v-60H520v60Zm-40-199Zm0-382 320 120v281h-60v-239l-260-98-260 98v196q0 106 49 196.5T400-182v42q0 8 1 15t3 15q-109-56-176.5-169T160-523v-238l320-120Z"/></svg>

package/assets/icons/dlt/caret-square-o-down.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 4H4V28H28V4ZM6.66667 6.66667H25.3333V25.3333H6.66667V6.66667ZM9.33333 12.6667H22.6667L16 20L9.33333 12.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/caret-square-o-left.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 4H4V28H28V4ZM6.66667 6.66667H25.3333V25.3333H6.66667V6.66667ZM19.3333 9.33333V22.6667L12 16L19.3333 9.33333Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/caret-square-o-right.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 4H4V28H28V4ZM6.66667 6.66667H25.3333V25.3333H6.66667V6.66667ZM12.6667 9.33333V22.6667L20 16L12.6667 9.33333Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/caret-square-o-up.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 4H4V28H28V4ZM6.66667 6.66667H25.3333V25.3333H6.66667V6.66667ZM9.33333 19.3333H22.6667L16 12L9.33333 19.3333Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/cloud-bar-chart.svg

@@ -1,10 +1,3 @@
-<!--
-tags: [weather, dry, cloud, rain, storage, online, climate, forecast, server, sync]
-category: Weather
-version: "1.0"
-unicode: "ea72"
--->
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" />
-  <path d="M11 13v2m0 3v2m4 -5v2m0 3v2" />
-</svg>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4005 26C13.4816 26 10.5972 26 9.04844 26C5.66028 26 2.66666 23.0906 2.66666 19.7C2.66666 17.12 4.25944 14.9146 6.51331 14.008C6.47866 13.7213 6.456 13.432 6.456 13.1346C6.456 9.19466 9.64956 6 13.5882 6C16.6738 6 19.2955 7.964 20.2885 10.7093C20.9256 10.1253 21.7719 9.76669 22.7036 9.76669C24.6803 9.76669 26.2824 11.3693 26.2824 13.3466C26.2824 14.0306 26.0864 14.6693 25.7532 15.2133C27.3433 15.6186 28.6415 16.908 29.3333 18.3613C27.9551 17.3 26.2544 16.6666 24.435 16.6666C19.6234 16.6666 16.2712 20.2293 16.2712 24.6386C16.2712 25.1013 16.3219 25.5546 16.4005 26ZM22.6667 19.3333V28.6666H25.3333V19.3333H22.6667ZM26.6667 23.3333V28.6666H29.3333V23.3333H26.6667ZM18.6667 24.6666V28.6666H21.3333V24.6666H18.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/cloud-binary-code.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.48559 24.6667C3.04231 24.6667 0 21.7574 0 18.3667C0 15.7867 1.61869 13.5814 3.90925 12.6747C3.87403 12.3881 3.851 12.0987 3.851 11.8014C3.851 7.8614 7.0965 4.66675 11.0992 4.66675C14.235 4.66675 16.8994 6.63075 17.9086 9.37609C18.556 8.79209 19.4162 8.43344 20.363 8.43344C22.3718 8.43344 24 10.0361 24 12.0134C24 12.4694 23.6785 13.1317 23.0355 14.0001V15.3334H14.6667C14.6134 21.2588 14.6134 24.3699 14.6667 24.6668C11.7002 24.6668 8.05959 24.6667 6.48559 24.6667ZM16 18.0001V28.6667H18.6667V18.0001H16ZM24 18.0001C21.8067 18.0001 20 19.8068 20 22.0001V24.6667C20 26.86 21.8067 28.6667 24 28.6667C26.1933 28.6667 28 26.86 28 24.6667V22.0001C28 19.8068 26.1933 18.0001 24 18.0001ZM29.3333 18.0001V28.6667H32V18.0001H29.3333ZM24 20.6667C24.7534 20.6667 25.3333 21.2467 25.3333 22.0001V24.6667C25.3333 25.4201 24.7534 26.0001 24 26.0001C23.2466 26.0001 22.6667 25.4201 22.6667 24.6667V22.0001C22.6667 21.2467 23.2466 20.6667 24 20.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/cloud-broadcasting.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.81894 24.6665C4.37566 24.6665 1.33334 21.7572 1.33334 18.3665C1.33334 15.7865 2.95203 13.5812 5.24259 12.6745C5.20737 12.3878 5.18434 12.0985 5.18434 11.8012C5.18434 7.86115 8.42984 4.6665 12.4326 4.6665C15.5683 4.6665 18.2328 6.6305 19.2419 9.37584C19.8894 8.79184 20.7495 8.43318 21.6963 8.43318C23.7052 8.43318 25.3333 10.0358 25.3333 12.0132C25.3333 12.4692 25.0118 13.1314 24.3688 13.9998V15.3332H16C15.9467 21.2585 15.9467 24.3696 16 24.6665C13.0335 24.6665 9.39294 24.6665 7.81894 24.6665ZM18.6667 17.9998V20.6665C20.14 20.6665 21.3333 19.4732 21.3333 17.9998H18.6667ZM24 17.9998C24 20.9603 21.6272 23.3332 18.6667 23.3332V25.9998C23.0688 25.9998 26.6667 22.402 26.6667 17.9998H24ZM29.3333 17.9998C29.3333 23.9074 24.5742 28.6665 18.6667 28.6665V31.3332C26.0151 31.3332 32 25.3483 32 17.9998H29.3333Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/cloud-computing.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.3336 11.9244C28.5552 11.5633 28.6854 11.14 28.6854 10.6859C28.6854 9.37439 27.62 8.31108 26.3058 8.31108C25.6862 8.31108 25.1237 8.54939 24.7004 8.93661C24.0402 7.11602 22.2974 5.81348 20.2461 5.81348C17.6277 5.81348 15.5041 7.93199 15.5041 10.5461C15.5041 10.7428 15.5194 10.9351 15.543 11.1247C14.0443 11.7267 12.9853 13.189 12.9853 14.9004C12.9853 17.1488 14.9751 19.0787 17.228 19.0787C19.3824 19.0787 25.4196 19.0787 27.4311 19.0787C29.4425 19.0787 31.0742 17.4512 31.0742 15.4429C31.0742 13.7468 29.9083 12.3252 28.3336 11.9244ZM3.33778 8.22533V25.1083H0.925964V27.5201H29.8682V25.1083H27.4563V20.0444C26.9028 20.1963 26.3234 20.2846 25.7228 20.2846H25.0468V22.6964H5.74968V10.6372H9.76084C10.0599 9.74239 10.5193 8.92602 11.1175 8.22536L3.33778 8.22533Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/cloud-cross.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.2933 15.2133C25.62 14.669 25.812 14.0307 25.812 13.3462C25.812 11.3687 24.2413 9.76562 22.304 9.76562C21.3907 9.76562 20.5613 10.1249 19.9373 10.7087C18.964 7.96378 16.3947 6 13.3707 6C9.51069 6 6.38003 9.19406 6.38003 13.1353C6.38003 13.4319 6.40269 13.7218 6.43737 14.0076C4.22803 14.9153 2.66672 17.12 2.66672 19.7003C2.66672 23.0903 5.60006 26 8.92137 26C12.0974 26 20.9974 26 23.9627 26C26.9281 26 29.3334 23.5463 29.3334 20.5182C29.3334 17.9611 27.6146 15.8176 25.2933 15.2133ZM20.552 20.6666L18.6667 22.552L15.6093 19.4946L12.552 22.552L10.6666 20.6666L13.724 17.6093L10.6666 14.5519L12.552 12.6666L15.6093 15.7239L18.6667 12.6666L20.552 14.5519L17.4947 17.6093L20.552 20.6666Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/cloud-refresh.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.6667 15.3332C20.7093 15.3332 24 18.6226 24 22.6666C24 26.4852 21.0653 29.6612 17.3333 29.9999V27.2994C19.5893 26.9727 21.3333 25.0106 21.3333 22.6666C21.3333 20.0932 19.24 17.9999 16.6667 17.9999C14.0934 17.9999 12 20.0932 12 22.6666C12 23.5972 12.2958 24.4628 12.7891 25.2108L14.6667 23.3332V28.6666H9.33334L10.862 27.1379C9.882 25.8726 9.33334 24.3212 9.33334 22.6666C9.33334 18.6226 12.624 15.3332 16.6667 15.3332ZM12.8448 3.33325C16.4736 3.33325 19.5568 5.68981 20.7248 8.98378C21.4736 8.28319 22.4688 7.85203 23.5648 7.85203C25.8896 7.85203 27.7744 9.77581 27.7744 12.1487C27.7744 12.9701 27.544 13.7361 27.152 14.3893C29.9376 15.1144 32 17.6865 32 20.7551C32 24.2906 29.2675 27.1736 25.8422 27.3268L25.5552 27.3332L25.5125 27.3346C26.2494 25.9412 26.6667 24.3526 26.6667 22.6666C26.6667 17.1437 22.1895 12.6666 16.6667 12.6666C11.1438 12.6666 6.66666 17.1437 6.66666 22.6666C6.66666 24.3526 7.08391 25.9412 7.82078 27.3346L7.50559 27.3332C3.52 27.3332 0 23.8417 0 19.7737C0 16.6773 1.87359 14.0317 4.52481 12.9424C4.48322 12.5995 4.456 12.2516 4.456 11.8956C4.456 7.16619 8.21281 3.33325 12.8448 3.33325Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/cloud-remote-working.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.2939 15.2133C25.6205 14.6693 25.8125 14.0307 25.8125 13.3467C25.8125 11.3693 24.2422 9.76669 22.3048 9.76669C21.3916 9.76669 20.562 10.1253 19.9375 10.7093C18.9643 7.964 16.3945 6 13.3702 6C9.50969 6 6.3795 9.19466 6.3795 13.1347C6.3795 13.432 6.40172 13.7213 6.43697 14.0067C4.22781 14.9147 2.66663 17.1187 2.66663 19.6987C2.66531 23.0907 5.59953 26 8.92047 26C12.0964 26 20.997 26 23.9626 26C26.9295 26 29.3333 23.5467 29.3333 20.5187C29.3346 17.9613 27.6154 15.8173 25.2939 15.2133ZM18.6664 21.9173V19.1947L11.9998 19.196V21.9174L7.9995 17.836L11.9998 13.752V16.4734H18.6664V13.752L22.6667 17.8347L18.6664 21.9173Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/comment.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 -960 960 960" fill="currentColor"><path d="M240-400h480v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60ZM880-80 720-240H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v740ZM140-300h606l74 80v-600H140v520Zm0 0v-520 520Z"/></svg>

package/assets/icons/dlt/copyright.svg

@@ -1,3 +1,10 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16 3.33331C8.64781 3.33331 2.66666 9.31447 2.66666 16.6667C2.66666 24.0188 8.64781 30 16 30C23.3522 30 29.3333 24.0188 29.3333 16.6667C29.3333 9.31447 23.3522 3.33331 16 3.33331ZM13.1719 19.4957C14.683 21.0068 17.317 21.0068 18.8281 19.4957L20.7132 21.3808C19.4541 22.6398 17.7811 23.3328 16 23.3328C14.219 23.3328 12.5449 22.6398 11.2869 21.3808C8.68784 18.7807 8.68784 14.5516 11.2869 11.9525C12.5459 10.6925 14.219 9.99947 16 9.99947C17.7811 9.99947 19.4551 10.6925 20.7132 11.9515L18.8281 13.8366C17.3171 12.3256 14.683 12.3256 13.1719 13.8366C11.6119 15.3966 11.6119 17.9356 13.1719 19.4957Z" fill="currentColor"/>
-</svg>
+<!--
+tags: [licence, license, copyright, sign, mark, emblem, representation, indicator]
+category: Symbols
+version: "1.0"
+unicode: "ea7b"
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
+  <path d="M14 9.75a3.016 3.016 0 0 0 -4.163 .173a2.993 2.993 0 0 0 0 4.154a3.016 3.016 0 0 0 4.163 .173" />
+</svg>

package/assets/icons/dlt/data-import.svg

@@ -1,10 +1,3 @@
-<!--
-tags: [arrow, data, paper, document, format, file, import, content, record, text]
-category: Document
-version: "1.37"
-unicode: "edea"
--->
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M14 3v4a1 1 0 0 0 1 1h4" />
-  <path d="M5 13v-8a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5.5m-9.5 -2h7m-3 -3l3 3l-3 3" />
-</svg>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6667 3.33331V15.3333H17.3333V11.3333L22.6667 16.6667L17.3333 22V18H10.6667V30H26.6667V3.33334L10.6667 3.33331ZM10.6667 18V15.3333H5.33331V18H10.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/delete-bin.svg

@@ -1,3 +1 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.3333 3.33331L12 4.66666H5.33334V7.33331H26.6667V4.66666H20L18.6667 3.33331H13.3333ZM6.66666 10V30H25.3333V10H6.66666ZM12.5469 14L16 17.4531L19.4531 14L21.3333 15.8802L17.8802 19.3333L21.3333 22.7865L19.4531 24.6667L16 21.2136L12.5469 24.6667L10.6667 22.7865L14.1198 19.3333L10.6667 15.8802L12.5469 14Z" fill="currentColor"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 -960 960 960" fill="currentColor"><path d="m361-299 119-121 120 121 47-48-119-121 119-121-47-48-120 121-119-121-48 48 120 121-120 121 48 48ZM261-120q-24 0-42-18t-18-42v-570h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18H261Zm438-630H261v570h438v-570Zm-438 0v570-570Z"/></svg>

package/assets/icons/dlt/delete-file.svg

@@ -1,3 +1 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.33344 3.23233V29.0909H17.1094L19.7058 26.5555L16.2422 23.1742L21.8698 17.6768L25.3334 21.058L26.6667 19.7551V10.9899L18.6667 3.2323L5.33344 3.23233ZM17.3334 5.17172L24.6667 12.2829H17.3334V5.17172ZM21.8725 21.3459L20.0001 23.1742L23.461 26.5555L20.0938 29.8485L21.9636 31.6768L25.3334 28.3838L28.7032 31.6768L30.5729 29.8485L27.2057 26.5555L30.6667 23.1742L28.7943 21.3459L25.3333 24.7273L21.8725 21.3459Z" fill="currentColor"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 -960 960 960" fill="currentColor"><path d="M220-820v186-186 680-11.5 11.5-680Zm0 740q-24 0-42-18t-18-42v-680q0-24 18-42t42-18h361l219 219v227q-14-6-29-9.5t-31-5.5v-185H551v-186H220v680h316q10 17 22 32t27 28H220Zm416-34-42-42 84-84-84-84 42-42 84 84 84-84 42 42-83 84 83 84-42 42-84-83-84 83Z"/></svg>

package/assets/icons/dlt/delete-folder.svg

@@ -1,3 +1,11 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.66669 5.81815V26.505H16.1068C16.0441 26.0822 16 25.6517 16 25.2121C16 24.7725 16.0441 24.3419 16.1068 23.9191C16.7548 19.5348 20.6333 16.1615 25.3333 16.1615C25.7867 16.1615 26.2307 16.1967 26.6667 16.2575V16.2626C27.6093 16.3932 28.504 16.6602 29.3333 17.0429V8.40403H16L13.3333 5.81817L2.66669 5.81815ZM25.3438 18.7726C23.5037 18.7726 21.8382 19.4877 20.6328 20.6566C19.4275 21.8254 18.6901 23.4405 18.6901 25.2247C18.6901 28.7932 21.6663 31.6768 25.3463 31.6768C29.0263 31.6768 32 28.7945 32 25.2247C31.9987 21.6601 29.0238 18.774 25.3438 18.7726ZM23.4688 21.5657L25.3542 23.3939L27.2396 21.5657L29.125 23.3939L27.2396 25.2222L29.125 27.0505L27.2396 28.8787L25.3542 27.0505L23.4688 28.8787L21.5833 27.0505L23.4688 25.2222L21.5833 23.3939L23.4688 21.5657Z" fill="currentColor"/>
-</svg>
+<!--
+tags: [directory, dir, folder, collection, container, group, file, paper, text, record]
+category: Document
+version: "1.0"
+unicode: "eaac"
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M13.5 19h-8.5a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v4" />
+  <path d="M22 22l-5 -5" />
+  <path d="M17 22l5 -5" />
+</svg>

package/assets/icons/dlt/documents.svg

@@ -1,3 +1 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.52666 3.33331C5.13684 3.33331 4 4.42419 4 5.75781V22.7274H6.52666V5.75781H21.6847V3.33331H6.52666ZM9.05237 8.18231V30H28V14.2431L21.6838 8.18231H9.05237ZM14.1057 17.8784H22.9476V20.3029H14.1057V17.8784ZM14.1057 22.7274H22.9476V25.1519H14.1057V22.7274Z" fill="currentColor"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 -960 960 960" fill="currentColor"><path d="M140-160q-24.75 0-42.37-17.63Q80-195.25 80-220v-440q0-24.75 17.63-42.38Q115.25-720 140-720h254l80-80h346q24.75 0 42.38 17.62Q880-764.75 880-740v520q0 24.75-17.62 42.37Q844.75-160 820-160H140Zm59-280h241v-241L199-440Zm-59-26 194-194H140v194Zm0 86v160h680v-520H500v300q0 24.75-17.62 42.37Q464.75-380 440-380H140Zm310-130Z"/></svg>

package/assets/icons/dlt/edit-file.svg

@@ -1,3 +1 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.33334 3.33427V28.7885H22.0186L16.7337 23.4785V17.3333H22.8499L25.6012 20.0976V10.9695L18.001 3.33333L5.33334 3.33427ZM19.2673 19.879V22.4247L25.7864 28.9747L28.3201 26.429L21.8011 19.879H19.2673ZM29.215 27.3291L26.6813 29.8748L27.9477 31.1472C28.1947 31.3954 28.5966 31.3954 28.8436 31.1472L30.4814 29.5016C30.7284 29.2525 30.7284 28.8496 30.4814 28.6015L29.215 27.3291Z" fill="currentColor"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 -960 960 960" fill="currentColor"><path d="M560-80v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T902.09-300L683-80H560Zm300-263-37-37 37 37ZM620-140h38l121-122-18-19-19-18-122 121v38ZM220-80q-24 0-42-18t-18-42v-680q0-24 18-42t42-18h340l240 240v116h-60v-76H520v-220H220v680h280v60H220Zm290-400Zm251 199-19-18 37 37-18-19Z"/></svg>

package/assets/icons/dlt/enter-bottom.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 17.3333V28H28V17.3333H25.3333V25.3333H6.66667V17.3333H4ZM14.6667 2.66667V9.33333H9.33333L16 17.3333L22.6667 9.33333H17.3333V2.66667H14.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/enter-left.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6667 4H4V28H14.6667V25.3333H6.66667V6.66667H14.6667V4ZM29.3333 14.6667H22.6667V9.33333L14.6667 16L22.6667 22.6667V17.3333H29.3333V14.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/enter-right.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3333 4H28V28H17.3333V25.3333H25.3333V6.66667H17.3333V4ZM2.66667 14.6667H9.33333V9.33333L17.3333 16L9.33333 22.6667V17.3333H2.66667V14.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/enter-top.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 14.6667V4H28V14.6667H25.3333V6.66667H6.66667V14.6667H4ZM14.6667 29.3333V22.6667H9.33333L16 14.6667L22.6667 22.6667H17.3333V29.3333H14.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/exit-bottom.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 14.6667V4H28V14.6667H25.3333V6.66667H6.66667V14.6667H4ZM14.6667 16V22.6667H9.33333L16 29.3333L22.6667 22.6667H17.3333V16H14.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/exit-left.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3333 4H28V28H17.3333V25.3333H25.3333V6.66667H17.3333V4ZM16 14.6667H9.33333V9.33333L2.66667 16L9.33333 22.6667V17.3333H16V14.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/exit-right.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6667 4H4V28H14.6667V25.3333H6.66667V6.66667H14.6667V4ZM16 14.6667H22.6667V9.33333L29.3333 16L22.6667 22.6667V17.3333H16V14.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/exit-top.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 17.3333V28H28V17.3333H25.3333V25.3333H6.66667V17.3333H4ZM14.6667 16V9.33333H9.33333L16 2.66667L22.6667 9.33333H17.3333V16H14.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/extensions-folder.svg

@@ -1,3 +1,10 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.66663 5.8181V26.505H13.3333V17.4545H17.401C17.7277 15.2643 19.6506 13.5757 22 13.5757C24.3493 13.5757 26.2723 15.2643 26.5989 17.4545H29.3333V8.40394H16L13.3333 5.8181H2.66663ZM21.9999 16.1616C20.8959 16.1616 19.9999 17.0304 19.9999 18.101C19.9999 18.5793 20.3333 20.0403 20.3333 20.0403H15.9999V24.2423C15.9999 24.2423 17.5066 23.9191 17.9999 23.9191C19.1039 23.9191 19.9999 24.788 19.9999 25.8585C19.9999 26.9291 19.1039 27.7979 17.9999 27.7979C17.5066 27.7979 15.9999 27.4747 15.9999 27.4747V31.6767H27.9999V27.4747C27.9999 27.4747 29.5066 27.7979 29.9999 27.7979C31.1039 27.7979 31.9999 26.9291 31.9999 25.8585C31.9999 24.788 31.1039 23.9191 29.9999 23.9191C29.5066 23.9191 27.9999 24.2423 27.9999 24.2423V20.0403H23.6666C23.6666 20.0403 23.9999 18.5793 23.9999 18.101C23.9999 17.0304 23.1039 16.1616 21.9999 16.1616Z" fill="currentColor"/>
-</svg>
+<!--
+category: Document
+tags: [favorite, distinguished, stellar, premier, prominent, top, feature, significant, laurel, renowned]
+version: "2.10"
+unicode: "f91a"
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10 19h-5a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2.5" />
+  <path d="M17.8 20.817l-2.172 1.138a.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a.39 .39 0 0 1 -.567 .411l-2.172 -1.138" />
+</svg>

package/assets/icons/dlt/favorite-folder.svg

@@ -1,3 +1,10 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29.3333 8.66666H16L13.3333 6H2.66669V27.3333H29.3333V8.66666ZM18.4867 20.8733L18.3147 21.02C17.6 21.6413 16 22.6666 16 22.6666C16 22.6666 14.4 21.6413 13.6853 21.0186L13.512 20.872C12.656 20.1493 10.644 18.452 10.6653 16.4826C10.6707 16.0546 10.7707 15.6146 10.9987 15.168C11.56 14.0746 12.5653 13.3346 13.8653 13.332C14.6853 13.3306 15.6653 13.7986 15.9987 14.3266C16.3653 13.7986 17.3133 13.3306 18.132 13.332C19.432 13.3333 20.4374 14.0746 20.9974 15.168C21.2267 15.6146 21.3267 16.0546 21.3307 16.4826C21.3547 18.452 19.3427 20.1506 18.4867 20.8733Z" fill="currentColor"/>
-</svg>
+<!--
+category: Document
+tags: [love, affection, emotion, care, favor, adore, benevolence, devotion, fondness, cherish]
+version: "2.10"
+unicode: "f914"
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10.5 19h-5.5a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2" />
+  <path d="M18 22l3.35 -3.284a2.143 2.143 0 0 0 .005 -3.071a2.242 2.242 0 0 0 -3.129 -.006l-.224 .22l-.223 -.22a2.242 2.242 0 0 0 -3.128 -.006a2.143 2.143 0 0 0 -.006 3.071l3.355 3.296" />
+</svg>

package/assets/icons/dlt/feed.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 4.66675H4V28.6667H28V4.66675ZM10 24.6667C8.896 24.6667 8 23.7707 8 22.6667C8 21.5627 8.896 20.6667 10 20.6667C11.104 20.6667 12 21.5627 12 22.6667C12 23.7707 11.104 24.6667 10 24.6667ZM18.6667 24.6667H16V23.3334C16 19.6574 13.0093 16.6667 9.33334 16.6667H8V14.0001H9.33334C14.4787 14.0001 18.6667 18.1881 18.6667 23.3334V24.6667ZM24 24.6667H21.3333V23.3334C21.3333 16.7161 15.9507 11.3334 9.33334 11.3334H8V8.66675H9.33334C17.42 8.66675 24 15.2467 24 23.3334V24.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/dlt/file-audio-o.svg

@@ -1,3 +1 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.3125 8.66666V27.3542H24V29.9792H5.3125C4.60417 29.9792 3.98958 29.7187 3.46875 29.1979C2.94792 28.6771 2.6875 28.0625 2.6875 27.3542V8.66666H5.3125ZM24 9.97916V7.35416H18.6875V14.6667C18.1042 14.2083 17.4375 13.9792 16.6875 13.9792C15.7708 13.9792 14.9792 14.3125 14.3125 14.9792C13.6458 15.6458 13.3125 16.4375 13.3125 17.3542C13.3125 18.2708 13.6458 19.0521 14.3125 19.6979C14.9792 20.3437 15.7708 20.6667 16.6875 20.6667C17.6042 20.6667 18.3854 20.3437 19.0312 19.6979C19.6771 19.0521 20 18.2708 20 17.3542V9.97916H24ZM26.6875 3.35416C27.3958 3.35416 28.0104 3.61457 28.5312 4.13541C29.0521 4.65624 29.3125 5.27082 29.3125 5.97916V21.9792C29.3125 22.6875 29.0521 23.3125 28.5312 23.8542C28.0104 24.3958 27.3958 24.6667 26.6875 24.6667H10.6875C9.97917 24.6667 9.35417 24.3958 8.8125 23.8542C8.27083 23.3125 8 22.6875 8 21.9792V5.97916C8 5.27082 8.27083 4.65624 8.8125 4.13541C9.35417 3.61457 9.97917 3.35416 10.6875 3.35416H26.6875Z" fill="currentColor"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 -960 960 960" fill="currentColor"><path d="M427-192q41 0 70-28.31T526-290v-202h116v-60H486v187q-11-9-26.38-14-15.39-5-32.62-5-39.27 0-66.13 27.5Q334-329 334-289.5t26.87 68.5q26.86 29 66.13 29ZM220-80q-24 0-42-18t-18-42v-680q0-24 18-42t42-18h361l219 219v521q0 24-18 42t-42 18H220Zm331-554v-186H220v680h520v-494H551ZM220-820v186-186 680-680Z"/></svg>