@designcrowd/fe-shared-lib 1.5.3-CarouselUpdatev0 → 1.5.3-MP-4628-add-missing-icons

package/dist/css/tailwind-brandCrowd.css

@@ -684,6 +684,9 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
+.tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -750,6 +753,9 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
+.tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -759,6 +765,48 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
+.tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .tw-block {
   display: block;
 }
@@ -923,6 +971,9 @@ video {
 .tw-flex-none {
   flex: none;
 }
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1138,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1738,9 +1792,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -2176,6 +2227,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
+
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2224,6 +2279,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:tw-items-center {
+    align-items: center;
+  }
+
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2390,6 +2449,11 @@ video {
     padding: 2rem;
   }
 
+  .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/dist/css/tailwind-brandPage.css

@@ -684,6 +684,9 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
+.tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -750,6 +753,9 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
+.tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -759,6 +765,48 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
+.tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .tw-block {
   display: block;
 }
@@ -923,6 +971,9 @@ video {
 .tw-flex-none {
   flex: none;
 }
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1138,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1586,9 +1640,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1860,6 +1911,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
+
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -1908,6 +1963,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:tw-items-center {
+    align-items: center;
+  }
+
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2074,6 +2133,11 @@ video {
     padding: 2rem;
   }
 
+  .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/dist/css/tailwind-crazyDomains.css

@@ -684,6 +684,9 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
+.tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -750,6 +753,9 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
+.tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -759,6 +765,48 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
+.tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .tw-block {
   display: block;
 }
@@ -923,6 +971,9 @@ video {
 .tw-flex-none {
   flex: none;
 }
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1138,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1738,9 +1792,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -2176,6 +2227,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
+
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2224,6 +2279,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:tw-items-center {
+    align-items: center;
+  }
+
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2390,6 +2449,11 @@ video {
     padding: 2rem;
   }
 
+  .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/dist/css/tailwind-designCom.css

@@ -684,6 +684,9 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
+.tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -750,6 +753,9 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
+.tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -759,6 +765,48 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
+.tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .tw-block {
   display: block;
 }
@@ -923,6 +971,9 @@ video {
 .tw-flex-none {
   flex: none;
 }
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1138,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1738,9 +1792,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -2176,6 +2227,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
+
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2224,6 +2279,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:tw-items-center {
+    align-items: center;
+  }
+
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2390,6 +2449,11 @@ video {
     padding: 2rem;
   }
 
+  .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/dist/css/tailwind-designCrowd.css

@@ -684,6 +684,9 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
+.tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -750,6 +753,9 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
+.tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -759,6 +765,48 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
+.tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .tw-block {
   display: block;
 }
@@ -923,6 +971,9 @@ video {
 .tw-flex-none {
   flex: none;
 }
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1138,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1738,9 +1792,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -2176,6 +2227,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
+
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2224,6 +2279,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:tw-items-center {
+    align-items: center;
+  }
+
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2390,6 +2449,11 @@ video {
     padding: 2rem;
   }
 
+  .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.3-CarouselUpdatev0",
+  "version": "1.5.3-MP-4628-add-missing-icons",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
-    "storybook": "export NODE_ENV=development && npm run storybook:css && npm run storybook:themes && storybook dev -p 6006",
+    "storybook": "export NODE_ENV=development && npm run storybook:css && npm run storybook:themes && storybook dev -p 6006 public",
     "build:css": "node ./tailwind.build.js",
     "build:storybook": "mkdir -p public && mkdir -p public/css && npm run storybook:css && storybook build -c .storybook -o .storybook-static && cp -R ./public/css .storybook-static/",
     "bundle-translation": "node ./src/bundleTranslation.js",

package/src/atoms/components/Carousel/Carousel.vue

@@ -4,7 +4,7 @@
       <slot v-if="showControls" name="arrow-left">
         <div id="btn_carousel_prev" class="carousel__button-nav" :class="navigationPrevClass">
           <div
-            class="tw-block tw-cursor-pointer tw-absolute tw-z-10 tw-left-0 tw-top-1/2 tw--translate-y-1/2 tw-h-10 tw-w-10 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
+            class="tw-hidden sm:tw-block tw-cursor-pointer tw-absolute tw-z-10 tw--left-16 tw-top-1/2 tw-transform tw--translate-y-1/2 tw-h-10 tw-w-10 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
             :class="{
               'nav-carousel__button-prev-pointer': navCarousel,
             }"
@@ -15,6 +15,18 @@
               size="sm"
             />
           </div>
+          <div
+            class="sm:tw-hidden tw-cursor-pointer tw-mr-2 tw-h-6 tw-w-6 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
+            :class="{
+              'nav-carousel__button-prev-pointer': navCarousel,
+            }"
+          >
+            <Icon
+              classes="tw--mb-1 tw-absolute tw-left-0 tw-right-2 tw-m-auto tw-flex tw-justify-center tw-top-1/2 tw-transform tw--translate-y-1/2"
+              name="chevron-left"
+              size="xs"
+            />
+          </div>
         </div>
       </slot>
       <swiper
@@ -45,7 +57,7 @@
       <slot v-if="showControls" name="arrow-right">
         <div id="btn_carousel_next" class="carousel__button-nav" :class="navigationNextClass">
           <div
-            class="tw-block tw-cursor-pointer tw-absolute tw-z-10 tw-right-0 tw-top-1/2 tw--translate-y-1/2 tw-h-10 tw-w-10 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
+            class="tw-hidden sm:tw-block tw-cursor-pointer tw-absolute tw-z-10 tw--right-16 tw-top-1/2 tw-transform tw--translate-y-1/2 tw-h-10 tw-w-10 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
             :class="{
               'nav-carousel__button-next-pointer': navCarousel,
             }"
@@ -56,6 +68,18 @@
               size="sm"
             />
           </div>
+          <div
+            class="sm:tw-hidden tw-cursor-pointer tw-ml-2 tw-h-6 tw-w-6 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
+            :class="{
+              'nav-carousel__button-next-pointer': navCarousel,
+            }"
+          >
+            <Icon
+              classes="tw--mb-1 tw-absolute tw-left-2 tw-right-0 tw-m-auto tw-flex tw-justify-center tw-top-1/2 tw-transform tw--translate-y-1/2"
+              name="chevron-right"
+              size="xs"
+            />
+          </div>
         </div>
       </slot>
     </div>
@@ -75,13 +99,13 @@
 
 <script>
 /* eslint-disable import/no-unresolved */
+import { Swiper, SwiperSlide } from 'swiper/vue';
 import 'swiper/css';
-import 'swiper/css/free-mode';
 import 'swiper/css/navigation';
-import { Swiper, SwiperSlide } from 'swiper/vue';
+import 'swiper/css/free-mode';
 /* eslint-enable import/no-unresolved */
 import merge from 'deepmerge';
-import { Autoplay, FreeMode, Keyboard, Navigation, Pagination } from 'swiper/modules';
+import { Navigation, Pagination, Autoplay, Keyboard, FreeMode } from 'swiper/modules';
 import Icon from '../Icon/Icon.vue';
 
 export default {

package/src/atoms/components/Icon/Icon.stories.js

@@ -206,6 +206,8 @@ export const IconSample = () => {
           { name: 'question' },
           { name: 'reload' },
           { name: 'reorderable' },
+          { name: 'resize' },
+          { name: 'media' },
           { name: 'search' },
           { name: 'secure' },
           { name: 'send' },

package/src/atoms/components/Icon/Icon.vue

@@ -253,6 +253,8 @@ import IconQuestion from './icons/question.vue';
 import IconQuote from './icons/quote.vue';
 import IconReload from './icons/reload.vue';
 import IconReorderable from './icons/reorderable.vue';
+import IconResize from './icons/resize.vue';
+import IconMedia from './icons/media.vue';
 import IconRequestPayment from './icons/request-payment.vue';
 import IconSearch from './icons/search.vue';
 import IconSecure from './icons/secure.vue';
@@ -612,6 +614,8 @@ export default {
     IconQuote,
     IconReload,
     IconReorderable,
+    IconResize,
+    IconMedia,
     IconRequestPayment,
     IconShop,
     IconSearch,

package/src/atoms/components/Icon/icons/media.vue

@@ -0,0 +1,3 @@
+<template>
+    <path d="M14.3 2C14.4896 2 14.65 2.07292 14.7813 2.21875C14.9271 2.35 15 2.51042 15 2.7V9.7C15 9.88958 14.9271 10.0573 14.7813 10.2031C14.65 10.3344 14.4896 10.4 14.3 10.4H11.5V3.4H7.3V4.8H3.8V2.7C3.8 2.51042 3.86563 2.35 3.99688 2.21875C4.14271 2.07292 4.31042 2 4.5 2H14.3ZM6.075 4.25313V3.59688C6.075 3.46563 6.00938 3.4 5.87813 3.4H5.22188C5.09063 3.4 5.025 3.46563 5.025 3.59688V4.25313C5.025 4.38438 5.09063 4.45 5.22188 4.45H5.87813C6.00938 4.45 6.075 4.38438 6.075 4.25313ZM13.775 8.80313V8.14688C13.775 8.01563 13.7094 7.95 13.5781 7.95H12.9219C12.7906 7.95 12.725 8.01563 12.725 8.14688V8.80313C12.725 8.93438 12.7906 9 12.9219 9H13.5781C13.7094 9 13.775 8.93438 13.775 8.80313ZM13.775 6.52813V5.87188C13.775 5.74063 13.7094 5.675 13.5781 5.675H12.9219C12.7906 5.675 12.725 5.74063 12.725 5.87188V6.52813C12.725 6.65938 12.7906 6.725 12.9219 6.725H13.5781C13.7094 6.725 13.775 6.65938 13.775 6.52813ZM13.775 4.25313V3.59688C13.775 3.46563 13.7094 3.4 13.5781 3.4H12.9219C12.7906 3.4 12.725 3.46563 12.725 3.59688V4.25313C12.725 4.38438 12.7906 4.45 12.9219 4.45H13.5781C13.7094 4.45 13.775 4.38438 13.775 4.25313ZM10.1 5.5C10.2896 5.5 10.45 5.57292 10.5813 5.71875C10.7271 5.85 10.8 6.01042 10.8 6.2V12.5C10.8 12.6896 10.7271 12.85 10.5813 12.9813C10.45 13.1271 10.2896 13.2 10.1 13.2H1.7C1.51042 13.2 1.34271 13.1271 1.19688 12.9813C1.06563 12.85 1 12.6896 1 12.5V6.2C1 6.01042 1.06563 5.85 1.19688 5.71875C1.34271 5.57292 1.51042 5.5 1.7 5.5H10.1ZM3.58125 7.11875C3.45 6.97292 3.28958 6.9 3.1 6.9C2.91042 6.9 2.74271 6.97292 2.59688 7.11875C2.46563 7.25 2.4 7.41042 2.4 7.6C2.4 7.78958 2.46563 7.95729 2.59688 8.10313C2.74271 8.23438 2.91042 8.3 3.1 8.3C3.28958 8.3 3.45 8.23438 3.58125 8.10313C3.72708 7.95729 3.8 7.78958 3.8 7.6C3.8 7.41042 3.72708 7.25 3.58125 7.11875ZM9.4 11.8V9.7L7.3 7.6L4.5 10.4L3.8 9.7L2.4 11.1V11.8H9.4Z" />
+</template>

package/src/atoms/components/Icon/icons/resize.vue

@@ -0,0 +1,6 @@
+<template>
+  <g fill="none">
+    <rect x="1.75" y="1.75" width="12.5" height="12.5" rx="1.25" stroke="currentColor" stroke-width="1.5"/>
+    <path d="M9 7.75H14.25V13C14.25 13.6904 13.6904 14.25 13 14.25H7.75V9C7.75 8.30964 8.30964 7.75 9 7.75Z" stroke="currentColor" stroke-width="1.5"/>
+  </g>
+</template>