@designcrowd/fe-shared-lib 1.0.2-ast-dropdown-icons → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.0.2-ast-dropdown-icons",
+  "version": "1.0.2",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

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

@@ -15,15 +15,10 @@ export const Sample = () => {
       DropdownItem,
       Pill,
     },
-    data() {
-      return {
-        show: true,
-      }
-    },
     template: `
       <div class="tw-font-sans tw-w-1/4">
-        <Dropdown menu-align="right" v-model:show="show" @update:show="(visible) => show = visible">
-          <DropdownItem @click="() => show = false">
+        <Dropdown menu-align="right">
+          <DropdownItem>
             <span class="tw-grow">Menu item 1</span>
             <Pill class="tw-text-white" :style="{ background: 'blue' }">Blue</Pill>
           </DropdownItem>

package/src/atoms/components/Dropdown/Dropdown.vue

@@ -36,7 +36,6 @@
   </div>
 </template>
 <script>
-import { watch } from 'vue';
 import Icon from '../Icon/Icon.vue';
 
 export default {
@@ -68,11 +67,6 @@ export default {
       required: false,
       default: false,
     },
-    show: {
-      type: Boolean,
-      required: false,
-      default: false,
-    }
   },
   data: () => ({
     isMenuVisible: false,
@@ -82,26 +76,15 @@ export default {
       return (this.$slots.default || []).filter((s) => s.tag);
     },
   },
-  watch: {
-    show() {
-      this.isMenuVisible = this.show;
-    }
-  },
-  mounted() {
-    this.isMenuVisible = this.show;
-  },
   methods: {
     onToggleMenu() {
       this.isMenuVisible = !this.isMenuVisible;
-      this.$emit('update:show', this.isMenuVisible);
     },
     hideMenu() {
       this.isMenuVisible = false;
-      this.$emit('update:show', false);
     },
     showMenu() {
       this.isMenuVisible = true;
-      this.$emit('update:show', true);
     },
   },
 };

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

@@ -50,7 +50,6 @@ export const IconSample = () => {
           { name: 'business-card-filled' },
           { name: 'business-card-filled' },
           { name: 'card' },
-          { name: 'cart-empty' },
           { name: 'calendar' },
           { name: 'check' },
           { name: 'check-thin' },

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

@@ -85,7 +85,6 @@ import IconCalloutInfo from './icons/callout-info.vue';
 import IconCalloutSuccess from './icons/callout-success.vue';
 import IconCalloutWarning from './icons/callout-warning.vue';
 import IconCard from './icons/card.vue';
-import IconCartEmpty from './icons/cart-empty.vue';
 import IconCheck from './icons/check.vue';
 import IconCheckThin from './icons/check-thin.vue';
 import IconChevronDown from './icons/chevron-down.vue';
@@ -431,7 +430,6 @@ export default {
     IconCalloutSuccess,
     IconCalloutWarning,
     IconCard,
-    IconCartEmpty,
     IconCheck,
     IconCheckThin,
     IconChevronDown,

package/src/atoms/components/Icon/icons/cart-empty.vue

@@ -1,9 +0,0 @@
-<template>
-  <svg viewBox="0 0 48 48">
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M28.2 4.5C28.2 3.67157 27.5284 3 26.7 3C25.8716 3 25.2 3.67157 25.2 4.5V10.5C25.2 11.3284 25.8716 12 26.7 12C27.5284 12 28.2 11.3284 28.2 10.5V4.5ZM33.1393 10.5C32.5535 11.0858 32.5535 12.0355 33.1393 12.6213C33.7251 13.2071 34.6749 13.2071 35.2606 12.6213L39.5033 8.37866C40.0891 7.79287 40.0891 6.84312 39.5033 6.25734C38.9175 5.67155 37.9677 5.67155 37.382 6.25734L33.1393 10.5ZM14.0786 6.25738C14.6644 5.67159 15.6141 5.67159 16.1999 6.25738L20.4426 10.5C21.0283 11.0858 21.0283 12.0356 20.4426 12.6213C19.8568 13.2071 18.907 13.2071 18.3212 12.6213L14.0786 8.3787C13.4928 7.79291 13.4928 6.84316 14.0786 6.25738ZM40.1211 17.8301C39.8172 17.4434 39.4264 17.25 38.9488 17.25H12.378L11.857 14.3496C11.7701 14.1348 11.6616 13.9414 11.5313 13.7695C11.4011 13.5547 11.2274 13.4043 11.0103 13.3184C10.7933 13.1895 10.5545 13.125 10.294 13.125H3.7815C3.2605 13.125 3 13.3828 3 13.8984V15.4453C3 15.9609 3.2605 16.2188 3.7815 16.2188H8.99147L13.5502 39.1641C12.7687 39.9375 12.378 40.8828 12.378 42C12.378 43.1602 12.7687 44.127 13.5502 44.9004C14.3751 45.7168 15.3737 46.125 16.5459 46.125C17.7182 46.125 18.6951 45.7168 19.4766 44.9004C20.3015 44.127 20.7139 43.1602 20.7139 42C20.7139 41.2695 20.5186 40.582 20.1278 39.9375H29.636C29.2453 40.582 29.0499 41.2695 29.0499 42C29.0499 43.1602 29.4406 44.127 30.2221 44.9004C31.047 45.7168 32.0456 46.125 33.2179 46.125C34.3901 46.125 35.367 45.7168 36.1485 44.9004C36.9734 44.127 37.3859 43.1602 37.3859 42C37.3859 40.8398 36.9517 39.8516 36.0834 39.0352L36.1485 38.7129C36.2787 38.2402 36.1702 37.8105 35.8229 37.4238C35.5189 37.0371 35.1282 36.8438 34.6506 36.8438H16.2854L15.6342 33.75H36.0182C36.3656 33.75 36.6695 33.6426 36.93 33.4277C37.2339 33.1699 37.4293 32.8691 37.5161 32.5254L40.4467 19.1191C40.577 18.6465 40.4684 18.2168 40.1211 17.8301ZM16.5459 43.5469C16.1118 43.5469 15.7427 43.3965 15.4388 43.0957C15.1349 42.7949 14.9829 42.4297 14.9829 42C14.9829 41.5703 15.1349 41.2051 15.4388 40.9043C15.7427 40.6035 16.1118 40.4531 16.5459 40.4531C16.9801 40.4531 17.3491 40.6035 17.6531 40.9043C17.957 41.2051 18.1089 41.5703 18.1089 42C18.1089 42.4297 17.957 42.7949 17.6531 43.0957C17.3491 43.3965 16.9801 43.5469 16.5459 43.5469ZM33.2179 43.5469C32.7837 43.5469 32.4147 43.3965 32.1108 43.0957C31.8068 42.7949 31.6549 42.4297 31.6549 42C31.6549 41.5703 31.8068 41.2051 32.1108 40.9043C32.4147 40.6035 32.7837 40.4531 33.2179 40.4531C33.652 40.4531 34.0211 40.6035 34.325 40.9043C34.6289 41.2051 34.7809 41.5703 34.7809 42C34.7809 42.4297 34.6289 42.7949 34.325 43.0957C34.0211 43.3965 33.652 43.5469 33.2179 43.5469ZM36.9951 20.3438L34.7157 30.6562H15.0481L13.0292 20.3438H36.9951Z"
-    />
-  </svg>
-</template>