webcake-ui-kit 1.0.17 → 1.0.19

package/src/icons/TopLeft.vue

@@ -0,0 +1,46 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M4.01025 15.25C4.42435 15.2501 4.76025 15.5859 4.76025 16C4.76025 16.4141 4.42435 16.7499 4.01025 16.75H4C3.58579 16.75 3.25 16.4142 3.25 16C3.25 15.5858 3.58579 15.25 4 15.25H4.01025ZM20.01 15.25C20.4242 15.25 20.76 15.5858 20.76 16C20.76 16.4142 20.4242 16.75 20.01 16.75H19.9998C19.5857 16.7499 19.2498 16.4141 19.2498 16C19.2498 15.5859 19.5857 15.2501 19.9998 15.25H20.01ZM20.01 11.2502C20.4242 11.2502 20.76 11.586 20.76 12.0002C20.7599 12.4143 20.4241 12.7502 20.01 12.7502H19.9998C19.5857 12.7501 19.2499 12.4143 19.2498 12.0002C19.2498 11.5861 19.5857 11.2504 19.9998 11.2502H20.01ZM20.01 7.24976C20.4241 7.24976 20.7599 7.58566 20.76 7.99976C20.76 8.41397 20.4242 8.74975 20.01 8.74976H19.9998C19.5857 8.74962 19.2498 8.41389 19.2498 7.99976C19.2499 7.58574 19.5857 7.24989 19.9998 7.24976H20.01ZM16.0103 3.25C16.4243 3.25014 16.7603 3.58587 16.7603 4C16.7603 4.41413 16.4243 4.74986 16.0103 4.75H16C15.5858 4.75 15.25 4.41421 15.25 4C15.25 3.58579 15.5858 3.25 16 3.25H16.0103ZM20.01 3.25C20.4242 3.25001 20.76 3.58579 20.76 4C20.76 4.41421 20.4242 4.74999 20.01 4.75H19.9998C19.5857 4.74987 19.2498 4.41413 19.2498 4C19.2498 3.58587 19.5857 3.25013 19.9998 3.25H20.01Z"
+      :fill="color"
+    />
+    <path
+      d="M12 3.90937C12 3.53659 11.6978 3.23438 11.325 3.23438H7.95938C5.34983 3.23438 3.23438 5.34983 3.23438 7.95938V11.325C3.23438 11.6978 3.53657 12 3.90938 12C4.28218 12 4.58438 11.6978 4.58438 11.325V7.95938C4.58438 6.09542 6.09543 4.58437 7.95938 4.58437H11.325C11.6978 4.58437 12 4.28216 12 3.90937Z"
+      :fill="color"
+    />
+    <path
+      d="M4.76025 19.9998C4.76012 19.5857 4.42427 19.2499 4.01025 19.2498H4C3.58587 19.2498 3.25013 19.5857 3.25 19.9998C3.25 20.414 3.58579 20.7498 4 20.7498H4.01025C4.42435 20.7496 4.76025 20.4139 4.76025 19.9998Z"
+      :fill="color"
+    />
+    <path
+      d="M8.76001 19.9998C8.75988 19.5857 8.42414 19.2498 8.01001 19.2498H7.99976C7.58574 19.2499 7.24989 19.5857 7.24976 19.9998C7.24976 20.4139 7.58565 20.7496 7.99976 20.7498H8.01001C8.42422 20.7498 8.76001 20.414 8.76001 19.9998Z"
+      :fill="color"
+    />
+    <path
+      d="M12.7598 19.9998C12.7596 19.5857 12.4239 19.2498 12.0098 19.2498H12.0002C11.5861 19.2498 11.2504 19.5857 11.2502 19.9998C11.2502 20.414 11.586 20.7498 12.0002 20.7498H12.0098C12.424 20.7498 12.7598 20.414 12.7598 19.9998Z"
+      :fill="color"
+    />
+    <path
+      d="M16.7603 19.9998C16.7601 19.5857 16.4243 19.2499 16.0103 19.2498H16C15.5859 19.2498 15.2501 19.5857 15.25 19.9998C15.25 20.414 15.5858 20.7498 16 20.7498H16.0103C16.4243 20.7496 16.7603 20.4139 16.7603 19.9998Z"
+      :fill="color"
+    />
+    <path
+      d="M20.76 19.9998C20.7599 19.5857 20.4241 19.2498 20.01 19.2498H19.9998C19.5857 19.2499 19.2499 19.5857 19.2498 19.9998C19.2498 20.4139 19.5857 20.7496 19.9998 20.7498H20.01C20.4242 20.7497 20.76 20.414 20.76 19.9998Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+<script>
+export default {
+  props: {
+    size: {
+      type: Number,
+      default: 16
+    },
+    color: {
+      type: String,
+      default: 'currentColor'
+    }
+  }
+}
+</script>

package/src/icons/TopRight.vue

@@ -0,0 +1,46 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M8.73926 4.00513C8.73912 4.41922 8.40339 4.75513 7.98926 4.75513C7.57513 4.75513 7.2394 4.41922 7.23926 4.00513L7.23926 3.99487C7.23926 3.58066 7.57504 3.24487 7.98926 3.24487C8.40347 3.24487 8.73926 3.58066 8.73926 3.99487L8.73926 4.00513ZM8.73926 20.0049C8.73925 20.4191 8.40347 20.7549 7.98926 20.7549C7.57505 20.7549 7.23926 20.4191 7.23926 20.0049L7.23926 19.9946C7.23939 19.5805 7.57512 19.2446 7.98926 19.2446C8.40339 19.2446 8.73913 19.5805 8.73926 19.9946L8.73926 20.0049ZM12.739 20.0049C12.739 20.4191 12.4032 20.7549 11.989 20.7549C11.5749 20.7548 11.239 20.419 11.239 20.0049L11.239 19.9946C11.2391 19.5806 11.575 19.2448 11.989 19.2446C12.4031 19.2446 12.7389 19.5805 12.739 19.9946L12.739 20.0049ZM16.7395 20.0049C16.7395 20.419 16.4036 20.7548 15.9895 20.7549C15.5753 20.7549 15.2395 20.4191 15.2395 20.0049L15.2395 19.9946C15.2396 19.5805 15.5754 19.2446 15.9895 19.2446C16.4035 19.2448 16.7394 19.5806 16.7395 19.9946L16.7395 20.0049ZM20.7393 16.0051C20.7391 16.4192 20.4034 16.7551 19.9893 16.7551C19.5751 16.7551 19.2394 16.4192 19.2393 16.0051L19.2393 15.9949C19.2393 15.5807 19.575 15.2449 19.9893 15.2449C20.4035 15.2449 20.7393 15.5807 20.7393 15.9949L20.7393 16.0051ZM20.7393 20.0049C20.7393 20.4191 20.4035 20.7549 19.9893 20.7549C19.575 20.7549 19.2393 20.4191 19.2393 20.0049L19.2393 19.9946C19.2394 19.5805 19.5751 19.2446 19.9893 19.2446C20.4034 19.2446 20.7391 19.5805 20.7393 19.9946L20.7393 20.0049Z"
+      :fill="color"
+    />
+    <path
+      d="M20.0799 11.9949C20.4527 11.9949 20.7549 11.6927 20.7549 11.3199L20.7549 7.95425C20.7549 5.3447 18.6394 3.22925 16.0299 3.22925L12.6643 3.22925C12.2915 3.22925 11.9893 3.53145 11.9893 3.90425C11.9893 4.27705 12.2915 4.57925 12.6643 4.57925L16.0299 4.57925C17.8938 4.57925 19.4049 6.09031 19.4049 7.95425L19.4049 11.3199C19.4049 11.6927 19.7071 11.9949 20.0799 11.9949Z"
+      fill="#171717"
+    />
+    <path
+      d="M3.9895 4.75513C4.40352 4.75499 4.73936 4.41914 4.7395 4.00513L4.7395 3.99487C4.7395 3.58074 4.4036 3.245 3.9895 3.24487C3.57529 3.24487 3.2395 3.58066 3.2395 3.99487L3.2395 4.00512C3.23964 4.41922 3.57537 4.75512 3.9895 4.75513Z"
+      :fill="color"
+    />
+    <path
+      d="M3.9895 8.75488C4.4036 8.75475 4.7395 8.41901 4.7395 8.00488L4.7395 7.99463C4.73937 7.58061 4.40352 7.24476 3.9895 7.24463C3.57537 7.24463 3.23963 7.58053 3.2395 7.99463L3.2395 8.00488C3.23951 8.41909 3.57529 8.75488 3.9895 8.75488Z"
+      :fill="color"
+    />
+    <path
+      d="M3.9895 12.7546C4.4036 12.7545 4.7395 12.4188 4.7395 12.0046L4.7395 11.9951C4.7395 11.581 4.4036 11.2452 3.9895 11.2451C3.57529 11.2451 3.2395 11.5809 3.2395 11.9951L3.2395 12.0046C3.2395 12.4189 3.57529 12.7546 3.9895 12.7546Z"
+      :fill="color"
+    />
+    <path
+      d="M3.9895 16.7551C4.40352 16.755 4.73936 16.4191 4.7395 16.0051L4.7395 15.9949C4.7395 15.5807 4.4036 15.245 3.9895 15.2449C3.57529 15.2449 3.2395 15.5807 3.2395 15.9949L3.2395 16.0051C3.23964 16.4192 3.57537 16.7551 3.9895 16.7551Z"
+      :fill="color"
+    />
+    <path
+      d="M3.9895 20.7549C4.4036 20.7547 4.7395 20.419 4.7395 20.0049L4.7395 19.9946C4.73937 19.5806 4.40352 19.2448 3.9895 19.2446C3.57537 19.2446 3.23963 19.5805 3.2395 19.9946L3.2395 20.0049C3.23951 20.4191 3.57529 20.7549 3.9895 20.7549Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+<script>
+export default {
+  props: {
+    size: {
+      type: Number,
+      default: 16
+    },
+    color: {
+      type: String,
+      default: 'currentColor'
+    }
+  }
+}
+</script>

package/src/icons/index.js

@@ -4,3 +4,14 @@ export { default as WkiButton } from './ClickButton.vue'
 export { default as WkiTab } from './Tab.vue'
 export { default as WkiImageMarquee } from './ImageMarquee.vue'
 export { default as WkiPadding } from './Padding.vue'
+export { default as WkiCreateBom } from './CreateBom.vue'
+export { default as WkiLine } from './Line.vue'
+export { default as WkiRectangleDot } from './RectangleDot.vue'
+export { default as WkiSmallDot } from './SmallDot.vue'
+export { default as WkiBottom } from './Bottom.vue'
+export { default as WkiTop } from './Top.vue'
+export { default as WkiRight } from './Right.vue'
+export { default as WkiLeft } from './Left.vue'
+export { default as WkiTopLeft } from './TopLeft.vue'
+export { default as WkiTopRight } from './TopRight.vue'
+export { default as WkiBottomRight } from './BottomRight.vue'

package/src/index.js

@@ -1,6 +1,8 @@
 export { default as WkAccordion } from './components/accordion/Accordion.vue'
 export { default as WkAccordionItem } from './components/accordion-item/AccordionItem.vue'
 export { default as WkAlertDialog } from './components/alert-dialog/AlertDialog.vue'
+export { default as WkAvatar } from './components/avatar/Avatar.vue'
+export { default as WkAvatarStack } from './components/avatar-stack/AvatarStack.vue'
 export { default as WkBadge } from './components/badge/Badge.vue'
 export { default as WkBreadcrumb } from './components/breadcrumb/Breadcrumb.vue'
 export { default as WkButton } from './components/button/Button.vue'
@@ -9,6 +11,9 @@ export { default as WkCheckbox } from './components/checkbox/Checkbox.vue'
 export { default as WkCheckboxGroup } from './components/checkbox-group/CheckboxGroup.vue'
 export { default as WkDialog } from './components/dialog/Dialog.vue'
 export { default as WkDivider } from './components/divider/Divider.vue'
+export { default as WkEmpty } from './components/empty/Empty.vue'
+export { default as WkEmptyIcon } from './components/empty-icon/EmptyIcon.vue'
+export { default as WkField } from './components/field/Field.vue'
 export { default as WkInput } from './components/input/Input.vue'
 export { default as WkPagination } from './components/pagination/Pagination.vue'
 export { default as WkRadio } from './components/radio/Radio.vue'
@@ -27,4 +32,5 @@ export { default as WkTabs } from './components/tabs/Tabs.vue'
 export { default as WkTag } from './components/tag/Tag.vue'
 export { default as WkToggle } from './components/toggle/Toggle.vue'
 export { default as WkToggleGroup } from './components/toggle-group/ToggleGroup.vue'
+export { default as WkTooltip } from './components/tooltip/Tooltip.vue'
 export { default as WkTypography } from './components/typography/Typography.vue'

package/src/styles/color_general.css

@@ -79,6 +79,8 @@
   --button-black: var(--color-neutral-950);
   --button-black-fg: var(--color-white-alpha-95);
   --button-black-hover: var(--color-neutral-700);
+  --tooltip: var(--color-black-alpha-100);
+  --tooltip-foreground: var(--color-white-alpha-100);
   --card: var(--color-white-alpha-100);
   --card-foreground: var(--color-neutral-950);
 
@@ -184,6 +186,8 @@
   --button-black: var(--color-neutral-50);
   --button-black-fg: var(--color-black-alpha-95);
   --button-black-hover: var(--color-neutral-200);
+  --tooltip: var(--color-white-alpha-100);
+  --tooltip-foreground: var(--color-black-alpha-100);
   --card: var(--color-neutral-900);
   --card-foreground: var(--color-white-alpha-100);