@globalbrain/sefirot 2.0.0-draft.8 → 2.1.0

package/lib/components/SDialog.vue

@@ -1,140 +0,0 @@
-<template>
-  <div class="SDialog" :class="{ 'load-only': isLoadOnly }">
-    <p v-if="title" class="title">{{ title }}</p>
-    <p v-if="text" class="text">{{ text }}</p>
-
-    <div v-if="isTypeLoading" class="load">
-      <div class="load-icon">
-        <SIconPreloader class="load-svg" />
-      </div>
-    </div>
-
-    <div v-if="actions.length > 0" class="actions">
-      <div v-for="(action, index) in actions" :key="index" class="action">
-        <SButton
-          size="small"
-          :type="getActionType(action.type)"
-          :label="action.label"
-          @click="action.callback"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { PropType, computed } from 'vue'
-import { Action } from '../store/dialog'
-import SIconPreloader from './icons/SIconPreloader.vue'
-import SButton from './SButton.vue'
-
-const props = defineProps({
-  type: { type: String as PropType<'confirm' | 'loading'>, default: 'confirm' },
-  title: { type: String, default: null },
-  text: { type: String, default: null },
-  actions: { type: Array as PropType<Action[]>, default: () => [] }
-})
-
-const isTypeLoading = computed(() => props.type === 'loading')
-const isLoadOnly = computed(() => isTypeLoading.value && !props.title && !props.text)
-
-function getActionType(value?: 'text' | 'mute'): 'text' | 'mute' {
-  return value !== 'mute' ? 'text' : 'mute'
-}
-</script>
-
-<style lang="postcss" scoped>
-.SDialog {
-  margin: 96px 16px;
-  border: 1px solid var(--c-divider-light);
-  border-radius: 8px;
-  padding: 16px 16px 8px;
-  max-width: 392px;
-  background-color: var(--c-bg);
-  box-shadow: var(--shadow-depth-3);
-
-  @media (min-width: 424px) {
-    margin: 64px auto;
-    padding: 24px 24px 16px;
-  }
-}
-
-.SDialog.load-only {
-  margin: 128px auto;
-  padding: 0;
-  width: 80px;
-  height: 80px;
-
-  .load {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0;
-    padding: 0;
-    width: 80px;
-    height: 80px;
-  }
-
-  .load-svg {
-    transform: translate(0);
-  }
-
-  @media (min-width: 424px) {
-    margin: 128px auto;
-  }
-}
-
-.title {
-  line-height: 28px;
-  font-size: 16px;
-  font-weight: 500;
-}
-
-.text {
-  line-height: 20px;
-  font-size: 14px;
-}
-
-.load {
-  margin-top: 2px;
-  transform: translateY(1px);
-}
-
-.load-svg {
-  width: 48px;
-  height: 48px;
-  transform: translate(-10px, 2px);
-
-  @media (min-width: 424px) {
-    transform: translate(-12px, 6px);
-  }
-}
-
-.progress {
-  padding-top: 14px;
-  padding-bottom: 8px;
-
-  @media (min-width: 424px) {
-    padding-top: 16px;
-    padding-bottom: 4px;
-  }
-}
-
-.actions {
-  display: flex;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  margin: 0 -8px;
-  padding-top: 12px;
-
-  @media (min-width: 424px) {
-    margin: 0 -10px;
-  }
-}
-
-.action {
-  @media (min-width: 424px) {
-    padding: 0 4px;
-  }
-}
-</style>

package/lib/components/SDropdownItem.vue

@@ -1,78 +0,0 @@
-<template>
-  <li class="SDropdownItem" role="button" @click="$emit('click')">
-    <div v-if="item" class="content">
-      <component :is="component" :item="item" />
-    </div>
-
-    <div class="status">
-      <SIconCheck v-if="isActive" class="status-icon" />
-    </div>
-  </li>
-</template>
-
-<script setup lang="ts">
-import { ComputedRef, PropType, computed } from 'vue'
-import { isArray, isEqual } from '../support/Utils'
-import SIconCheck from './icons/SIconCheck.vue'
-import SDropdownItemText from './SDropdownItemText.vue'
-import SDropdownItemUser from './SDropdownItemUser.vue'
-
-const props = defineProps({
-  selected: { type: Object as PropType<ComputedRef<any>>, default: null },
-  item: { type: Object as PropType<any>, default: null }
-})
-
-defineEmits(['click'])
-
-const component = computed(() => {
-  if (props.item.type === 'text') {
-    return SDropdownItemText
-  }
-
-  if (props.item.type === 'user') {
-    return SDropdownItemUser
-  }
-
-  throw new Error('Invalid item type.')
-})
-
-const isActive = computed(() => {
-  if (!props.selected) {
-    return false
-  }
-
-  const selected = props.selected.value
-  const value = props.item.value
-
-  return isArray(selected)
-    ? !!selected.find(s => isEqual(s, value))
-    : isEqual(selected, value)
-})
-</script>
-
-<style lang="postcss" scoped>
-@import "@/assets/styles/variables";
-
-.SDropdownItem {
-  display: flex;
-  justify-content: space-between;
-  padding: 8px 12px 8px 16px;
-}
-
-.status {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-left: 8px;
-  width: 16px;
-  height: 16px;
-}
-
-.status-icon {
-  width: 16px;
-  height: 16px;
-  transform: translateY(1px);
-  fill: var(--c-text-1);
-  transition: fill .25s;
-}
-</style>

package/lib/components/SDropdownItemText.vue

@@ -1,22 +0,0 @@
-<template>
-  <div class="SDropdownItemText">
-    <p class="text">{{ item.text }}</p>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { PropType } from 'vue'
-
-defineProps({
-  item: { type: Object as PropType<any>, required: true }
-})
-</script>
-
-<style lang="postcss" scoped>
-.text {
-  margin: 0;
-  line-height: 16px;
-  font-size: 12px;
-  font-weight: 500;
-}
-</style>

package/lib/components/SDropdownItemUser.vue

@@ -1,40 +0,0 @@
-<template>
-  <div class="SDropdownItemUser">
-    <div class="avatar">
-      <SAvatar size="mini" :avatar="item.avatar" :name="item.name" />
-    </div>
-
-    <p class="name">{{ item.name }}</p>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { PropType } from 'vue'
-import { UserItem } from '../composables/Dropdown'
-import SAvatar from './SAvatar.vue'
-
-defineProps({
-  item: { type: Object as PropType<UserItem>, required: true }
-})
-</script>
-
-<style lang="postcss" scoped>
-.SDropdownItemUser {
-  position: relative;
-}
-
-.avatar {
-  position: absolute;
-  top: 0;
-  left: -4px;
-  width: 24px;
-  height: 24px;
-}
-
-.name {
-  padding-left: 32px;
-  line-height: 24px;
-  font-size: 12px;
-  font-weight: 500;
-}
-</style>

package/lib/components/SInputDropdownItemTextTag.vue

@@ -1,94 +0,0 @@
-<template>
-  <div class="SInputDropdownItemTextTag" :class="{ disabled }">
-    <p class="text">{{ item.text }}</p>
-
-    <div v-if="!disabled" class="remove" role="button" @click="$emit('remove')">
-      <div class="remove-box">
-        <SIconX class="remove-icon" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { PropType } from 'vue'
-import SIconX from './icons/SIconX.vue'
-
-defineProps({
-  item: { type: Object as PropType<any>, required: true },
-  disabled: { type: Boolean, default: false }
-})
-
-defineEmits(['remove'])
-</script>
-
-<style lang="postcss" scoped>
-.SInputDropdownItemTextTag {
-  display: flex;
-  border-radius: 12px;
-  padding: 0 0 0 10px;
-  background-color: var(--c-white-mute);
-}
-
-.dark .SInputDropdownItemTextTag {
-  background-color: var(--c-black-mute);
-}
-
-.SInputDropdownItemTextTag.disabled {
-  padding: 0 10px 0;
-  background-color: var(--c-gray-light-4);
-
-  .text {
-    color: var(--c-text-2);
-  }
-}
-
-.dark .SInputDropdownItemTextTag.disabled {
-  background-color: var(--c-gray-dark-2);
-}
-
-.text {
-  margin: 0;
-  line-height: 24px;
-  font-size: 12px;
-  font-weight: 500;
-  white-space: nowrap;
-}
-
-.remove {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-left: 2px;
-  width: 24px;
-  height: 24px;
-
-  &:hover .remove-box {
-    color: var(--c-text-1);
-    background-color: var(--c-gray-light-4)
-  }
-}
-
-.dark .remove {
-  &:hover .remove-box {
-    background-color: var(--c-gray-dark-2)
-  }
-}
-
-.remove-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  color: var(--c-text-2);
-  transition: color .25s, background-color .25s;
-}
-
-.remove-icon {
-  width: 12px;
-  height: 12px;
-  fill: currentColor;
-}
-</style>

package/lib/components/SInputDropdownItemUser.vue

@@ -1,41 +0,0 @@
-<template>
-  <div class="SInputDropdownItemUser" :class="{ disabled }">
-    <div class="avatar">
-      <SAvatar size="mini" :avatar="item.avatar" :name="item.name" />
-    </div>
-
-    <p class="name">{{ item.name }}</p>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { PropType } from 'vue'
-import { UserItem } from '../composables/Dropdown'
-import SAvatar from './SAvatar.vue'
-
-defineProps({
-  item: { type: Object as PropType<UserItem>, required: true },
-  disabled: { type: Boolean, default: false }
-})
-</script>
-
-<style lang="postcss" scoped>
-.SInputDropdownItemUser {
-  position: relative;
-}
-
-.avatar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 24px;
-  height: 24px;
-}
-
-.name {
-  padding-left: 32px;
-  line-height: 24px;
-  font-size: 12px;
-  font-weight: 500;
-}
-</style>

package/lib/components/SInputDropdownItemUserTag.vue

@@ -1,100 +0,0 @@
-<template>
-  <div class="SInputDropdownItemUserTag" :class="{ disabled }">
-    <div class="user">
-      <div class="avatar">
-        <SAvatar size="nano" :avatar="item.avatar" :name="item.name" />
-      </div>
-
-      <p class="name">{{ item.name }}</p>
-    </div>
-
-    <div v-if="!disabled" class="remove" role="button" @click="$emit('remove')">
-      <div class="remove-box">
-        <SIconX class="remove-icon" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { PropType } from 'vue'
-import { UserItem } from '../composables/Dropdown'
-import SIconX from './icons/SIconX.vue'
-import SAvatar from './SAvatar.vue'
-
-defineProps({
-  item: { type: Object as PropType<UserItem>, required: true },
-  disabled: { type: Boolean, default: false }
-})
-
-defineEmits(['remove'])
-</script>
-
-<style lang="postcss" scoped>
-.SInputDropdownItemUserTag {
-  display: flex;
-  border-radius: 12px;
-  padding: 0 0 0 0;
-  background-color: var(--c-white-mute);
-}
-
-.SInputDropdownItemUserTag.disabled {
-  padding: 0 10px 0 0;
-  background-color: var(--c-gray-light-4);
-}
-
-.dark .SInputDropdownItemUserTag {
-  background-color: var(--c-black-mute);
-}
-
-.user {
-  display: flex;
-}
-
-.avatar {
-  padding: 2px 0 0 2px;
-}
-
-.name {
-  padding-left: 6px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.remove {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-left: 2px;
-  width: 24px;
-  height: 24px;
-
-  &:hover .remove-box {
-    color: var(--c-text-1);
-    background-color: var(--c-gray-light-4)
-  }
-}
-
-.dark .remove {
-  &:hover .remove-box {
-    background-color: var(--c-gray-dark-2)
-  }
-}
-
-.remove-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  color: var(--c-text-2);
-  transition: color .25s, background-color .25s;
-}
-
-.remove-icon {
-  width: 12px;
-  height: 12px;
-  fill: currentColor;
-}
-</style>

package/lib/components/SPortalModals.vue

@@ -1,74 +0,0 @@
-<template>
-  <transition name="fade">
-    <div v-if="isActive" class="SPortalModals">
-      <transition-group name="fade" :duration="250" appear>
-        <SModal
-          v-for="(item, index) in items"
-          :key="item.id"
-          :id="item.id"
-          :show="index === items.length - 1"
-          :component="item.component"
-          :data="item.data"
-          @close="id => close(id)"
-        />
-      </transition-group>
-    </div>
-  </transition>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, watch } from 'vue'
-import { useRoute } from 'vue-router'
-import { useStore } from 'vuex'
-import SModal from './SModal.vue'
-
-const route = useRoute()
-const store = useStore()
-
-const items = computed(() => store.state.modal.items)
-const hasItem = computed(() => items.value.length > 0)
-
-const isActive = ref(false)
-
-let timer: any
-
-watch(hasItem, (value) => {
-  clearTimeout(timer)
-
-  value
-    ? (isActive.value = true)
-    : (timer = setTimeout(() => { isActive.value = false }, 250))
-})
-
-watch(route, closeAll)
-
-function close(id?: number) {
-  store.dispatch('modal/close', id)
-}
-
-function closeAll() {
-  store.dispatch('modal/closeAll')
-}
-</script>
-
-<style scoped lang="postcss">
-.SPortalModals {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: var(--z-index-backdrop);
-  background-color: rgba(0, 0, 0, .8);
-}
-
-.SPortalModals.fade-enter-active,
-.SPortalModals.fade-leave-active {
-  transition: opacity .25s;
-}
-
-.SPortalModals.fade-enter-from,
-.SPortalModals.fade-leave-to {
-  opacity: 0;
-}
-</style>

package/lib/components/icons/SIconActivity.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M15,22c-0.4,0-0.8-0.3-0.9-0.7L9,6.2l-2.1,6.2C6.8,12.7,6.4,13,6,13H2c-0.6,0-1-0.4-1-1s0.4-1,1-1h3.3l2.8-8.3C8.2,2.3,8.6,2,9,2s0.8,0.3,0.9,0.7L15,17.8l2.1-6.2c0.1-0.4,0.5-0.7,0.9-0.7h4c0.6,0,1,0.4,1,1s-0.4,1-1,1h-3.3l-2.8,8.3C15.8,21.7,15.4,22,15,22z" />
-  </svg>
-</template>

package/lib/components/icons/SIconArrowDown.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M19.7,11.3c-0.4-0.4-1-0.4-1.4,0L13,16.6V5c0-0.6-0.4-1-1-1s-1,0.4-1,1v11.6l-5.3-5.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l7,7c0.1,0.1,0.2,0.2,0.3,0.2C11.7,20,11.9,20,12,20s0.3,0,0.4-0.1c0.1-0.1,0.2-0.1,0.3-0.2l7-7C20.1,12.3,20.1,11.7,19.7,11.3z" />
-  </svg>
-</template>

package/lib/components/icons/SIconArrowLeft.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M19,11H7.4l5.3-5.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-7,7c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.2-0.1,0.5,0,0.8c0.1,0.1,0.1,0.2,0.2,0.3l7,7c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.4,13H19c0.6,0,1-0.4,1-1S19.6,11,19,11z" />
-  </svg>
-</template>

package/lib/components/icons/SIconArrowRight.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z" />
-  </svg>
-</template>

package/lib/components/icons/SIconArrowUp.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M19.7,11.3l-7-7c-0.1-0.1-0.2-0.2-0.3-0.2c-0.2-0.1-0.5-0.1-0.8,0c-0.1,0.1-0.2,0.1-0.3,0.2l-7,7c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0L11,7.4V19c0,0.6,0.4,1,1,1s1-0.4,1-1V7.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3C20.1,12.3,20.1,11.7,19.7,11.3z" />
-  </svg>
-</template>

package/lib/components/icons/SIconBarChart.vue

@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M12,21c-0.6,0-1-0.4-1-1V10c0-0.6,0.4-1,1-1s1,0.4,1,1v10C13,20.6,12.6,21,12,21z" />
-    <path d="M18,21c-0.6,0-1-0.4-1-1V4c0-0.6,0.4-1,1-1s1,0.4,1,1v16C19,20.6,18.6,21,18,21z" />
-    <path d="M6,21c-0.6,0-1-0.4-1-1v-4c0-0.6,0.4-1,1-1s1,0.4,1,1v4C7,20.6,6.6,21,6,21z" />
-  </svg>
-</template>

package/lib/components/icons/SIconBriefcase.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M20,6h-3V5c0-1.7-1.3-3-3-3h-4C8.3,2,7,3.3,7,5v1H4C2.3,6,1,7.3,1,9v10c0,1.7,1.3,3,3,3h16c1.7,0,3-1.3,3-3V9C23,7.3,21.7,6,20,6z M9,5c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1v1H9V5zM15,8v12H9V8H15zM3,19V9c0-0.6,0.4-1,1-1h3v12H4C3.4,20,3,19.6,3,19zM21,19c0,0.6-0.4,1-1,1h-3V8h3c0.6,0,1,0.4,1,1V19z" />
-  </svg>
-</template>

package/lib/components/icons/SIconBuilding.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M21,20H20V5a3,3,0,0,0-3-3H7A3,3,0,0,0,4,5V20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2ZM6,5A1,1,0,0,1,7,4H17a1,1,0,0,1,1,1V20H16V14a1,1,0,0,0-1-1H9a1,1,0,0,0-1,1v6H6Zm8,15H10V15h4Z" />
-  </svg>
-</template>

package/lib/components/icons/SIconCalendar.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M19,3h-2V2c0-0.6-0.4-1-1-1s-1,0.4-1,1v1H9V2c0-0.6-0.4-1-1-1S7,1.4,7,2v1H5C3.3,3,2,4.3,2,6v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V6C22,4.3,20.7,3,19,3zM5,5h2v1c0,0.6,0.4,1,1,1s1-0.4,1-1V5h6v1c0,0.6,0.4,1,1,1s1-0.4,1-1V5h2c0.6,0,1,0.4,1,1v3H4V6C4,5.4,4.4,5,5,5zM19,21H5c-0.6,0-1-0.4-1-1v-9h16v9C20,20.6,19.6,21,19,21z" />
-  </svg>
-</template>

package/lib/components/icons/SIconCheck.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M9,18c-0.3,0-0.5-0.1-0.7-0.3l-5-5c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L9,15.6L19.3,5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-11,11C9.5,17.9,9.3,18,9,18z" />
-  </svg>
-</template>

package/lib/components/icons/SIconCheckCircle.vue

@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M12,23C12,23,12,23,12,23C5.9,23,1,18.1,1,12C1,5.9,5.9,1,12,1c0,0,0,0,0,0c1.6,0,3.1,0.3,4.5,1C17,2.2,17.2,2.8,17,3.3c-0.2,0.5-0.8,0.7-1.3,0.5C14.5,3.3,13.3,3,12,3c0,0,0,0,0,0c-5,0-9,4-9,9c0,5,4,9,9,9c0,0,0,0,0,0c5,0,9-4,9-9v-0.9c0-0.6,0.4-1,1-1s1,0.4,1,1V12C23,18.1,18.1,23,12,23z" />
-    <path d="M12,15c-0.3,0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l2.3,2.3l9.3-9.3c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4l-10,10C12.5,14.9,12.3,15,12,15z" />
-  </svg>
-</template>

package/lib/components/icons/SIconCheckCircleThin.vue

@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M12,23h0A11,11,0,0,1,1,12,11,11,0,0,1,12,1h0a10.89,10.89,0,0,1,4.46,1,.5.5,0,1,1-.41.91A9.9,9.9,0,0,0,12,2h0A10,10,0,0,0,2,12,10,10,0,0,0,12,22h0A10,10,0,0,0,22,12V11a.5.5,0,1,1,1,0v1A11,11,0,0,1,12,23Z" />
-    <path d="M11.48,14.61h0a.5.5,0,0,1-.35-.15L8,11.31a.5.5,0,1,1,.71-.71l2.79,2.8L22.65,2.2a.5.5,0,1,1,.71.71L11.83,14.46A.5.5,0,0,1,11.48,14.61Z" />
-  </svg>
-</template>

package/lib/components/icons/SIconCheckSquare.vue

@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M12,15c-0.3,0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l2.3,2.3l9.3-9.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-10,10C12.5,14.9,12.3,15,12,15z" />
-    <path d="M19,22H5c-1.7,0-3-1.3-3-3V5c0-1.7,1.3-3,3-3h11c0.6,0,1,0.4,1,1s-0.4,1-1,1H5C4.4,4,4,4.4,4,5v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C22,20.7,20.7,22,19,22z" />
-  </svg>
-</template>