adata-ui 2.1.0 → 2.1.2

package/assets/styles/index.css

@@ -1,226 +0,0 @@
-@import "tailwindcss" source("../../..");
-
-@theme static {
-  --color-blue-50:  #eff7ff;
-  --color-blue-100: #e0efff;
-  --color-blue-200: #bddfff;
-  --color-blue-300: #90d7ff;
-  --color-blue-400: #43afed;
-  --color-blue-500: #1b98e2;
-  --color-blue-600: #068dff;
-  --color-blue-700: #0070eb;
-  --color-blue-800: #085dc5;
-  --color-blue-900: #0d509b;
-  --color-blue-950: #0e315d;
-
-  --color-deepblue-50:  #f5f7fa;
-  --color-deepblue-100: #eaeff4;
-  --color-deepblue-200: #cfdce8;
-  --color-deepblue-300: #a6bfd3;
-  --color-deepblue-400: #759cbb;
-  --color-deepblue-500: #5480a3;
-  --color-deepblue-600: #416788;
-  --color-deepblue-700: #35526f;
-  --color-deepblue-800: #2f475d;
-  --color-deepblue-900: #2c3e50;
-  --color-deepblue-950: #1d2834;
-
-  --color-gray-50:  #f4f5f6;
-  --color-gray-100: #ebecee;
-  --color-gray-200: #e3e5e8;
-  --color-gray-300: #c9cccf;
-  --color-gray-400: #b7bcc2;
-  --color-gray-500: #9da3ac;
-  --color-gray-600: #71757a;
-  --color-gray-700: #5a5d60;
-  --color-gray-800: #393d40;
-  --color-gray-900: #26282b;
-  --color-gray-950: #161617;
-
-  --color-yellow-50:  #fefbe8;
-  --color-yellow-100: #fef7c3;
-  --color-yellow-200: #feed8a;
-  --color-yellow-300: #fedb46;
-  --color-yellow-400: #fbc920;
-  --color-yellow-500: #ebad07;
-  --color-yellow-600: #cb8503;
-  --color-yellow-700: #a25e06;
-  --color-yellow-800: #854a0e;
-  --color-yellow-900: #713c12;
-  --color-yellow-950: #421e06;
-
-  --color-orange-50:  #fffbea;
-  --color-orange-100: #fff4c5;
-  --color-orange-200: #ffe987;
-  --color-orange-300: #ffd748;
-  --color-orange-400: #ffc31e;
-  --color-orange-500: #ff9900;
-  --color-orange-600: #e37b00;
-  --color-orange-700: #b95304;
-  --color-orange-800: #96400a;
-  --color-orange-900: #7b350c;
-  --color-orange-950: #471901;
-
-  --color-red-50:  #fef3f2;
-  --color-red-100: #fde5e3;
-  --color-red-200: #fccfcc;
-  --color-red-300: #f9ada8;
-  --color-red-400: #f47e75;
-  --color-red-500: #e74135;
-  --color-red-600: #d6372c;
-  --color-red-700: #b42b21;
-  --color-red-800: #95271f;
-  --color-red-900: #7c2620;
-  --color-red-950: #43100c;
-
-  --color-green-50:  #f3faf3;
-  --color-green-100: #e3f5e3;
-  --color-green-200: #c8eac9;
-  --color-green-300: #9dd89f;
-  --color-green-400: #6bbd6e;
-  --color-green-500: #4caf50;
-  --color-green-600: #358438;
-  --color-green-700: #2d6830;
-  --color-green-800: #275429;
-  --color-green-900: #224525;
-  --color-green-950: #0e2510;
-
-  --color-black: #000;
-  --color-white: #fff;
-  --text-color-inverted: var(--color-gray-950);
-}
-
-html {
-  scrollbar-gutter: stable;
-}
-
-.dark {
-  color-scheme: dark;
-}
-
-body {
-  padding: 0 !important;
-  color: #2C3E50;
-  background-color: #F4F5F6;
-}
-
-.dark body {
-  color: #E3E5E8;
-  background-color: #161617;
-}
-
-html::-webkit-scrollbar {
-  width: 15px;
-}
-
-html::-webkit-scrollbar-thumb {
-  background: #c4c4c4;
-}
-
-.no-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-/* Hide scrollbar for IE, Edge and Firefox */
-.no-scrollbar {
-  -ms-overflow-style: none;  /* IE and Edge */
-  scrollbar-width: none;  /* Firefox */
-}
-
-@media (min-width: 320px) and (max-width: 767px) {
-  .a-container {
-    padding: 0
-  }
-  .mobile-padding {
-    padding: 16px;
-  }
-}
-@media (prefers-color-scheme: dark) {
-  .bg-gradient-blue {
-    background: linear-gradient(236.46deg, #4FBDFF -2.39%, #1B98E2 79.1%);
-  }
-}
-@media (prefers-color-scheme: light) {
-  .bg-gradient-blue {
-    background: linear-gradient(236.46deg, #479FFF -2.39%, #0070EB 79.1%);
-  }
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.toast__body{
-  padding:0 16px 0 0 !important;
-  margin:0 !important;
-  align-items: stretch !important;
-}
-input[type="search"]::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-  appearance: none;
-}
-input[type="search"]::-ms-clear {
-  display: none;
-  width: 0;
-  height: 0;
-}
-/* Firefox */
-input[type=number] {
-  -moz-appearance: textfield;
-}
-
-.visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  border: 0;
-  padding: 0;
-  white-space: nowrap;
-  clip-path: inset(100%);
-  clip: rect(0 0 0 0);
-  overflow: hidden;
-}
-
-/*//'gr-blue': 'linear-gradient(236.46deg, #479FFF -2.39%, #0070EB 79.1%)',*/
-/*//'gr-yellow': 'linear-gradient(236.46deg, #FFE364 -2.39%, #FBC920 79.1%);\n'*/
-
-
-.a-container { @apply  container mx-auto px-4 2xl:px-16; }
-
-.heading-01 {@apply font-bold text-[2rem] leading-10;  }
-.heading-02 {@apply font-bold text-2xl leading-8;  }
-.heading-03 {@apply font-semibold text-xl leading-6;  }
-.heading-04 {@apply font-semibold text-base leading-5;  }
-.heading-05 {@apply font-semibold text-sm leading-5;  }
-/*// Body.body-400 { @apply font-normal text-sm leading-5;}*/
-.body-500 {@apply font-medium text-sm leading-5;  }
-.body-600 {@apply font-semibold text-sm leading-5  }
-.body-s-400 {@apply font-normal text-sm leading-4;  }
-.body-s-500 {@apply font-medium text-sm leading-4;  }
-/*// Caption.caption-400 { @apply font-normal text-[0.625rem] leading-4;}*/
-.caption-500 {@apply font-medium text-[0.625rem] leading-4;  }
-.caption-700 {@apply font-bold text-[0.625rem] leading-4;  }
-/*// Form.label-400 { @apply font-normal text-sm leading-5;}*/
-.label-600 {@apply font-semibold text-sm leading-5;  }
-.label-s-400 {@apply font-normal text-xs leading-4;  }
-.label-s-700 {@apply font-bold text-xs leading-4;  }
-.optional-i-700 {@apply font-bold italic text-sm leading-5;  }
-.placeholder-300 {@apply font-light text-sm leading-5;  }
-.description-400 {@apply font-normal text-xs leading-5;  }
-/*//  Link.link-400 { @apply text-blue-500 font-normal text-sm leading-5;}*/
-.link-stroke-400 {@apply text-blue-500 font-normal text-sm leading-5;  }
-.link-s-400 {@apply text-blue-500 font-normal text-sm leading-4;  }
-.link-s-stroke-400 {@apply text-blue-500 font-normal text-sm leading-4;  }
-.link-small-800 {@apply text-blue-500 font-bold text-sm leading-4;  }
-/*//  Special Styles.display-80-700 { @apply font-bold text-[5rem] leading-[6.5rem];}*/
-.display-80-400 {@apply font-normal text-[5rem] leading-[6.5rem];  }
-.display-60-700 {@apply font-bold text-[3.75rem] leading-[4.750rem];  }
-.display-60-400 {@apply font-normal text-[3.75rem] leading-[4.750rem];  }
-.display-48-700 {@apply font-bold text-[3rem] leading-[4rem];  }
-.display-48-400 {@apply font-normal text-[3rem] leading-[4rem];  }
-.numbers-60-700 {@apply font-bold text-[3.75rem] leading-[3.5rem];  }
-.numbers-60-400 {@apply font-normal text-[3.75rem] leading-[3.5rem];  }
-.numbers-40-700 {@apply font-bold text-[2.5rem] leading-[3.375rem];  }
-.numbers-40-400 {@apply font-normal text-[2.5rem] leading-[3.375rem];  }

package/components/modals/AuthModal.vue

@@ -1,50 +0,0 @@
-<script setup lang="ts">
-
-const {t} = useI18n()
-const isOpen = useAuthModal()
-const appConfig = useAppConfig()
-const loginUrl = appConfig.myLayer.loginUrl
-
-const emit = defineEmits<{
-  (e: 'close'): void
-}>()
-
-const goAuth = () => {
-  if (window) {
-    let fullPath = encodeURIComponent(window.location.toString())
-    if (fullPath.includes('basic-info')) {
-      fullPath = fullPath.replace('%2Fcounterparty%2Fmain', '').replace('%2Fbasic-info', '')
-    }
-    window.location.href = `${loginUrl}?url=${fullPath}`
-  }
-}
-
-const goRegister = () => {
-  if (window) {
-    let fullPath = encodeURIComponent(window.location.toString())
-    if (fullPath.includes('basic-info')) {
-      fullPath = fullPath.replace('%2Fcounterparty%2Fmain', '').replace('%2Fbasic-info', '')
-    }
-    window.location.href = `${loginUrl}register?url=${fullPath}`
-  }
-}
-</script>
-
-<template>
-  <a-modal v-model="isOpen" :title="t('modals.auth.title')" >
-    <div class="flex flex-col items-center gap-5 text-center text-sm">
-      <a-ill-door ></a-ill-door>
-      <div>{{ t('modals.auth.content') }}</div>
-      <a-button @click="goAuth" block variant="success">{{ t('modals.buttons.logIn') }}</a-button>
-      <div>{{ t('modals.auth.firstTime') }}</div>
-    </div>
-    <template #footer>
-      <div class="flex gap-2">
-        <a-button @click="$emit('close')" view="outline" block>{{ t('modals.buttons.close') }}</a-button>
-        <a-button @click="goRegister" block>{{ t('modals.buttons.register') }}</a-button>
-      </div>
-    </template>
-  </a-modal>
-</template>
-
-<style scoped></style>

package/components/navigation/footer/NewFooter.vue

@@ -1,276 +0,0 @@
-<script setup lang="ts">
-import AdataLogo from '#adata-ui/icons/adata-logo.vue'
-import LinkedinIcon from '#adata-ui/icons/linkedin.vue'
-import YouTubeIcon from '#adata-ui/icons/socials/youtube.vue'
-import InstagramIcon from '#adata-ui/icons/socials/instagram.vue'
-import TelegramIcon from '#adata-ui/icons/socials/telegram.vue'
-import FaceBookIcon from '#adata-ui/icons/socials/face-book.vue'
-import TikTokIcon from '#adata-ui/icons/socials/tik-tok.vue'
-import NewFooterAccordion from '#adata-ui/components/navigation/footer/ui/new-footer-accordion.vue'
-import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
-import { PAGES } from '#adata-ui/shared/constans/pages'
-import { AIconExpandWindow, AIconLocation, AIconMail, AIconPhone } from '#components'
-
-const year = new Date().getFullYear()
-const { t, locale } = useI18n()
-const { myLayer } = useAppConfig()
-
-const socialMedia = [
-  {
-    icon: LinkedinIcon,
-    link: 'https://www.linkedin.com/company/adata-kz/?viewAsMember=true',
-    name: 'Linkedin'
-  },
-  {
-    icon: YouTubeIcon,
-    link: 'https://www.youtube.com/channel/UCPkbtgwgTZbMJXjmTi3R8Uw/featured',
-    name: 'YouTube'
-  },
-  {
-    icon: InstagramIcon,
-    link: 'https://www.instagram.com/adata.kz/?igshid=253i4qxg3els',
-    name: 'Instagram'
-  },
-  {
-    icon: TelegramIcon,
-    link: 'https://t.me/adatakz_official',
-    name: 'Telegram'
-  },
-  {
-    icon: FaceBookIcon,
-    link: 'https://www.facebook.com/adata.kz',
-    name: 'Facebook'
-  },
-  {
-    icon: TikTokIcon,
-    link: 'https://www.tiktok.com/@adata.kz?lang=ru-RU',
-    name: 'Tiktok'
-  }
-]
-
-const mainLinks = {
-  services: {
-    title: 'footer.services',
-    items: [
-      [
-        {
-          title: 'footer.counterparties.title',
-          link: buildLocalizedUrl(locale.value, myLayer.pkUrl, ''),
-        },
-        {
-          title: 'footer.fines.title',
-          link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.main),
-        },
-        {
-          title: 'footer.work.title',
-          link: myLayer.workUrl + PAGES.work.vacancy,
-        },
-        {
-          title: 'footer.analytics.title',
-          link: buildLocalizedUrl(locale.value, 'https://analytics-new.adata.kz', PAGES.analytics.main),
-        },
-        {
-          title: 'footer.tenders.title',
-          link: myLayer.tenderUrl + PAGES.tender.main,
-        }
-      ],
-      [
-        {
-          title: 'footer.compliance.title',
-          link: myLayer?.complianceUrl + PAGES.compliance.l,
-          isNew: true
-        },
-        {
-          title: 'header.products.edo.label',
-          link: (myLayer?.edoUrl ?? 'https://edo.adata.kz') + PAGES.edo.l,
-          isNew: true
-        },
-        {
-          title: 'footer.fea.title',
-          link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.main),
-          isNew: true
-        },
-      ]
-    ]
-  },
-  useful: {
-    title: 'footer.useful',
-    link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.usefulMain),
-    items: [
-      [
-        {
-          title: 'footer.info.api',
-          link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.apiDescription),
-        },
-        {
-          title: 'footer.info.userAgreement',
-          link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.userAgreement),
-        },
-        {
-          title: 'footer.info.privacyPolicy',
-          link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.privacy),
-        },
-        {
-          title: 'footer.info.vacancy',
-          link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.vacancy),
-        },
-        {
-          title: 'footer.info.counterparty',
-          link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.counterparty),
-        },
-      ]
-    ]
-  }
-}
-
-const contactLinks = {
-  title: 'footer.contacts.title',
-  link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.contacts),
-  items: [
-    {
-      title: 'footer.contacts.address',
-      link: 'https://go.2gis.com/30j2f',
-      startIcon: AIconLocation,
-      endIcon: null,
-    },
-    {
-      title: '+7 (747) 120 34 67',
-      link: 'tel:+77471203467',
-      startIcon: AIconPhone,
-      endIcon: null,
-    },
-    {
-      title: 'info@adata.kz',
-      link: 'mailto:info@adata.kz',
-      startIcon: AIconMail,
-      endIcon: null,
-    },
-    {
-      title: 'footer.contacts.goToChat',
-      link: 'https://api.whatsapp.com/send?phone=77712289041',
-      startIcon: null,
-      endIcon: AIconExpandWindow,
-      class: 'font-bold',
-    },
-  ],
-}
-
-</script>
-
-<template>
-  <footer
-    id="footer"
-    class="bg-deepblue-900 dark:bg-gray-900 py-4 lg:py-5 rounded-t-3xl"
-  >
-    <div class="a-container mobile-padding py-5 text-white flex flex-col lg:flex-row justify-between gap-8">
-      <div class="flex flex-col gap-8 justify-between">
-        <div class="flex flex-col gap-4">
-          <adata-logo
-            filled
-            :font-controlled="false"
-            class="shrink-0"
-          />
-
-          <p class="text-sm">
-            {{ t('footer.subtitle') }}
-          </p>
-
-          <div class="hidden lg:flex gap-8">
-            <nuxt-link
-              v-for="(social, idx) in socialMedia"
-              :key="idx"
-              target="_blank"
-              :to="social.link"
-              :aria-label="social.name"
-            >
-              <span class="visually-hidden"> {{ social.name }}</span>
-              <component
-                :is="social.icon"
-                filled
-                :font-controlled="false"
-                class="social-icon size-7"
-              />
-            </nuxt-link>
-          </div>
-        </div>
-
-        <p class="hidden lg:block text-[10px]">
-          {{ year }} © {{ t('footer.LLP') }} "Alldata"
-        </p>
-      </div>
-
-      <div class="flex gap-6 lg:gap-[75px] flex-col lg:flex-row">
-        <div class="flex gap-[18px] lg:gap-[75px] flex-col lg:flex-row">
-          <div
-            v-for="(item, idx) in mainLinks"
-            :key="idx"
-          >
-            <new-footer-accordion
-              :label="t(item.title)"
-              :link="item?.link?.replace(/\/$/, '')"
-              :content="item.items"
-            />
-          </div>
-        </div>
-
-        <div class="flex flex-col gap-2 items-start">
-          <nuxt-link
-            class="text-sm font-semibold pb-3 pr-4 border-b-[0.5px] border-white cursor-pointer"
-            :to="contactLinks.link?.replace(/\/$/, '')"
-          >
-            {{ t(contactLinks.title) }}
-          </nuxt-link>
-
-          <div class="flex flex-col gap-3 lg:gap-2">
-            <div
-              v-for="(link, idx) in contactLinks.items"
-              :key="idx"
-              class="flex gap-2 items-center"
-            >
-              <nuxt-link
-                class="text-xs font-medium flex gap-2 items-center cursor-pointer"
-                :class="link.class"
-                :to="link.link?.replace(/\/$/, '')"
-              >
-                <component
-                  :is="link.startIcon"
-                  v-if="link.startIcon"
-                  class="size-4 shrink-0"
-                />
-
-                <p>{{ t(link.title) }}</p>
-
-                <component
-                  :is="link.endIcon"
-                  v-if="link.endIcon"
-                  class="size-4 shrink-0"
-                />
-              </nuxt-link>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="lg:hidden flex gap-8 flex-wrap">
-        <nuxt-link
-          v-for="(social, idx) in socialMedia"
-          :key="idx"
-          target="_blank"
-          :to="social.link"
-          :aria-label="social.name"
-        >
-          <component
-            :is="social.icon"
-            filled
-            :font-controlled="false"
-            class="social-icon size-7"
-          />
-        </nuxt-link>
-      </div>
-
-      <p class="lg:hidden text-[10px]">
-        {{ year }} © {{ t('footer.LLP') }} "Alldata"
-      </p>
-    </div>
-  </footer>
-</template>

package/components/navigation/footer/ui/footer-acccordion.vue

@@ -1,119 +0,0 @@
-<script setup lang="ts">
-import {useAdaptive} from "#adata-ui/composables/useAdaptive";
-
-interface Item {
-  title: string
-  link: string
-}
-
-interface Props {
-  label: string
-  link: string
-  content: Item[]
-}
-
-defineProps<Props>()
-
-const { t } = useI18n()
-
-const device = useAdaptive()
-const open = ref(false)
-function toFinalValues(el: HTMLDivElement) {
-  el.style.height = el.scrollHeight + 'px'
-  el.style.opacity = '1'
-}
-
-function onAfterEnter(el: HTMLDivElement) {
-  el.style.height = ''
-}
-
-const filterCheck = computed(()=>{
-  if (open.value){
-    return open.value
-  } else {
-    return open.value = !device.value.isMobile
-  }
-})
-</script>
-
-<template>
-  <div class="flex flex-col ">
-    <div
-      class="flex gap-2 justify-between "
-    >
-      <nuxt-link-locale class="text-sm" :to="link">
-        {{ label }}
-      </nuxt-link-locale>
-
-
-      <div
-        class="transition-all lg:hidden cursor-pointer"
-        :class="{'rotate-180': open}"
-        @click="open =!open"
-      >
-        <a-icon-chevron-down
-          v-if="content.length"
-          filled
-          :font-controlled="false"
-          class="w-6 h-6  "
-        />
-      </div>
-    </div>
-    <transition
-      name="accordion"
-      @enter="toFinalValues"
-      @after-enter="onAfterEnter"
-      @before-leave="toFinalValues"
-    >
-      <div
-        v-if="filterCheck"
-        class="mt-2 flex flex-col gap-2"
-      >
-        <nuxt-link-locale
-          v-for="(item,idx) in content"
-          :key="idx"
-          class="text-xs"
-          :to="item.link.replace(/\/$/, '')"
-        >
-          {{ t(item.title) }}
-        </nuxt-link-locale>
-      </div>
-    </transition>
-  </div>
-</template>
-
-<style scoped>
-.accordion-enter-active,
-.accordion-leave-active {
-  overflow: hidden;
-  transition: height 0.3s ease,
-  opacity 0.3s ease,
-  margin 0.3s ease;
-
-}
-
-.accordion-enter-from,
-.accordion-leave-to {
-  height: 0 !important;
-  opacity: 0 !important;
-  margin: 0 !important;
-}
-
-</style>
-
-<!--          <div-->
-<!--            class="text-sm font-semibold-->
-<!--                   cursor-pointer"-->
-<!--          >-->
-<!--            {{ link.title }}-->
-<!--          </div>-->
-<!--          <div class="flex flex-col gap-2">-->
-<!--            <nuxt-link-->
-<!--              v-for="(item,idx) in link.items"-->
-<!--              :key="idx"-->
-<!--              class="text-xs"-->
-<!--              :to="item.link"-->
-<!--            >-->
-<!--              {{ item.title }}-->
-<!--            </nuxt-link>-->
-<!--          </div>-->