@webitel/ui-sdk 25.8.55 → 25.8.56

package/src/components/wt-headline-nav/wt-headline-nav.vue

@@ -1,106 +0,0 @@
-<template>
-  <nav class="wt-headline-nav">
-    <div
-      v-for="(singlePath, key) of path"
-      :key="key"
-      class="wt-headline-nav__wrapper"
-    >
-      <span
-        v-if="key !== 0"
-        class="wt-headline-nav__indicator"
-      />
-      <h1 class="wt-headline-nav__title">
-        <router-link
-          v-if="singlePath.route"
-          :to="singlePath.route"
-          class="wt-headline-nav__text wt-headline-nav__text--link"
-        >
-          {{ singlePath.name }}
-        </router-link>
-        <span
-          v-else
-          class="wt-headline-nav__text"
-          >{{ singlePath.name }}</span
-        >
-      </h1>
-    </div>
-  </nav>
-</template>
-
-<script setup>
-const props = defineProps({
-  /**
-   * PATH EXAMPLE
-   *  default: () => [
-   *      { name: 'directory' },
-   *      { name: 'users', route: '/directory/users' },
-   *      { name: 'adm', route: '/directory/users/3' },
-   *    ],
-   */
-  path: {
-    type: Array,
-    required: true,
-  },
-});
-</script>
-
-<style lang="scss">
-@use './variables.scss';
-</style>
-
-<style lang="scss" scoped>
-@use '@webitel/styleguide/typography' as *;
-
-.wt-headline-nav {
-  display: flex;
-  align-items: center;
-  gap: var(--headline-nav-gap);
-  max-width: 100%;
-}
-
-.wt-headline-nav__wrapper {
-  display: flex;
-  align-items: center;
-  gap: var(--headline-nav-dot-gap);
-}
-
-.wt-headline-nav__indicator {
-  display: flex;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  width: var(--icon-md-size);
-  height: var(--icon-md-size);
-
-  &:before {
-    display: block;
-    border-radius: 50%;
-    background: var(--headline-nav-indicator-color);
-    width: var(--headline-nav-indicator-size);
-    height: var(--headline-nav-indicator-size);
-    content: '';
-  }
-}
-
-.wt-headline-nav__title {
-  @extend %typo-subtitle-1;
-}
-
-.wt-headline-nav__text {
-  color: var(--text-main-color);
-}
-
-.wt-headline-nav__wrapper:last-child {
-  min-width: 0;
-
-  .wt-headline-nav__indicator {
-    &:before {
-      background: var(--headline-nav-accent-indicator-color);
-    }
-  }
-
-  .wt-headline-nav__title {
-    word-break: break-word;
-  }
-}
-</style>

package/types/components/wt-headline-nav/wt-headline-nav.vue.d.ts

@@ -1,7 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    path: unknown[];
-    $props: {
-        readonly path?: unknown[];
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;