@useinsider/ab-components 0.0.84 → 0.0.85

package/dist/icons.svg

@@ -36,6 +36,9 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.292 5.292a.999.999 0 0 0 0 1.413L10.588 12l-5.296 5.295a.998.998 0 1 0 1.413 1.412L12 13.412l5.295 5.295a.998.998 0 1 0 1.412-1.412L13.412 12l5.295-5.295a.998.998 0 1 0-1.412-1.413L12 10.588 6.705 5.292a.999.999 0 0 0-1.413 0z"
      ></path>
   </symbol>
+  <symbol height="4px" width="4px" viewBox="0 0 4 4" fill="none" data-token-name="chip-close" id="chip-close">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.90636 0.187621C3.1566 -0.0624794 3.56242 -0.0625658 3.81261 0.187621C4.06279 0.437808 4.06271 0.84363 3.81261 1.09387L2.90636 2.00012L3.81261 2.90637C4.06268 3.15661 4.06279 3.56244 3.81261 3.81262C3.56243 4.06276 3.15659 4.06268 2.90636 3.81262L2.00011 2.90637L1.09386 3.81262C0.843617 4.06272 0.437795 4.06281 0.187608 3.81262C-0.062579 3.56243 -0.0624929 3.15661 0.187608 2.90637L1.09386 2.00012L0.187608 1.09387C-0.0625045 0.843647 -0.0625442 0.43782 0.187608 0.187621C0.437804 -0.0625747 0.843619 -0.0625059 1.09386 0.187621L2.00011 1.09387L2.90636 0.187621Z" fill="currentColor"/>
+  </symbol>
   <symbol id="no-color" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M19 2.5C20.3807 2.5 21.5 3.61929 21.5 5V19C21.5 20.3807 20.3807 21.5 19 21.5H5C3.61929 21.5 2.5 20.3807 2.5 19V5C2.5 3.61929 3.61929 2.5 5 2.5H19Z" fill="white"/>
     <path d="M9 15L15 9" stroke="#495366" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/index.d.ts

@@ -426,6 +426,28 @@ export declare interface CheckboxProps {
     modelValue?: boolean;
 }
 
+export declare const Chip: DefineComponent<ChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: () => any;
+remove: () => any;
+}, string, PublicProps, Readonly<ChipProps> & Readonly<{
+onClick?: (() => any) | undefined;
+onRemove?: (() => any) | undefined;
+}>, {
+variant: "default";
+removable: boolean;
+clickable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare interface ChipProps {
+    label: string;
+    thumbnailUrl?: string;
+    thumbnailAlt?: string;
+    iconName?: AllIconNames;
+    removable?: boolean;
+    clickable?: boolean;
+    variant?: 'default';
+}
+
 export declare const clickOutside: {
     mounted(el: ClickOutsideElement, binding: DirectiveBinding<DirectiveType>): void;
     unmounted(el: ClickOutsideElement): void;
@@ -523,7 +545,7 @@ size: number | string;
  *
  * NOTE: This file was auto-generated from 'icons.svg'
  */
-export declare type IconNames = 'icon-info-box-error' | 'icon-tooltip-info' | 'filled-info-circle' | 'filled-caution-circle' | 'filled-caution-triangle' | 'filled-caution-triangle-colored' | 'filled-error-box-colored' | 'line-plus-netural' | 'line-close-netural' | 'no-color' | 'line-search' | 'filled-dropdown-down' | 'dropdown-down-icon' | 'filled-text-bold' | 'filled-text-italic' | 'filled-text-underline' | 'filled-text-strikethrough' | 'line-caution-triangle' | 'filled-error-box' | 'filled-info-circle' | 'line-check-natural' | 'loading-circle' | 'icon-smart' | 'line-reset' | 'line-arrow-left' | 'line-arrow-up' | 'line-figma' | 'line-academy-02' | 'line-undo' | 'line-redo' | 'line-ai-message-reply-plus' | 'line-architect-segments-closed' | 'line-ai-stop-icon' | 'line-ai-send-icon' | 'line-smart-sirius-ai' | 'line-smart-ai' | 'line-minus-netural' | 'line-check-netural' | 'filled-caution-triangle' | 'line-tooltip' | 'gamification-icon' | 'popup-icon' | 'line-delete' | 'line-duplicate' | 'line-test-link' | 'text-color-icon' | 'corner-icon' | 'border-icon' | 'border-color' | 'fill-color-icon' | 'text-icon' | 'mixed-text-color-icon' | 'line-height-icon' | 'letter-spacing-icon' | 'filled-text-aligned-left' | 'filled-text-aligned-center' | 'filled-text-aligned-right' | 'filled-text-aligned-justified' | 'filled-aligned-bottom' | 'filled-aligned-middle' | 'filled-aligned-top' | 'button-actions' | 'border-none' | 'border-solid' | 'border-dashed' | 'border-dotted' | 'individual-borders' | 'border-left' | 'border-top' | 'border-right' | 'border-bottom' | 'corner-top-left' | 'corner-top-right' | 'corner-bottom-left' | 'corner-bottom-right' | 'corners-individual' | 'padding-horizontal' | 'padding-vertical' | 'padding-individual' | 'padding-left' | 'padding-right' | 'padding-bottom' | 'padding-top' | 'line-password' | 'line-left-to-bottom' | 'line-right-to-top' | 'line-horizontal' | 'line-vertical' | 'line-change' | 'feedback-helpful' | 'feedback-not-helpful' | 'feedback-helpful-selected' | 'feedback-not-helpful-selected' | 'line-code' | 'line-menu-experiment' | 'line-architect-ai-generate' | 'line-mobile-landscape' | 'line-history' | 'line-navigate' | 'line-edit-code' | 'line-refresh';
+export declare type IconNames = 'icon-info-box-error' | 'icon-tooltip-info' | 'filled-info-circle' | 'filled-caution-circle' | 'filled-caution-triangle' | 'filled-caution-triangle-colored' | 'filled-error-box-colored' | 'line-plus-netural' | 'line-close-netural' | 'chip-close' | 'no-color' | 'line-search' | 'filled-dropdown-down' | 'dropdown-down-icon' | 'filled-text-bold' | 'filled-text-italic' | 'filled-text-underline' | 'filled-text-strikethrough' | 'line-caution-triangle' | 'filled-error-box' | 'filled-info-circle' | 'line-check-natural' | 'loading-circle' | 'icon-smart' | 'line-reset' | 'line-arrow-left' | 'line-arrow-up' | 'line-figma' | 'line-academy-02' | 'line-undo' | 'line-redo' | 'line-ai-message-reply-plus' | 'line-architect-segments-closed' | 'line-ai-stop-icon' | 'line-ai-send-icon' | 'line-smart-sirius-ai' | 'line-smart-ai' | 'line-minus-netural' | 'line-check-netural' | 'filled-caution-triangle' | 'line-tooltip' | 'gamification-icon' | 'popup-icon' | 'line-delete' | 'line-duplicate' | 'line-test-link' | 'text-color-icon' | 'corner-icon' | 'border-icon' | 'border-color' | 'fill-color-icon' | 'text-icon' | 'mixed-text-color-icon' | 'line-height-icon' | 'letter-spacing-icon' | 'filled-text-aligned-left' | 'filled-text-aligned-center' | 'filled-text-aligned-right' | 'filled-text-aligned-justified' | 'filled-aligned-bottom' | 'filled-aligned-middle' | 'filled-aligned-top' | 'button-actions' | 'border-none' | 'border-solid' | 'border-dashed' | 'border-dotted' | 'individual-borders' | 'border-left' | 'border-top' | 'border-right' | 'border-bottom' | 'corner-top-left' | 'corner-top-right' | 'corner-bottom-left' | 'corner-bottom-right' | 'corners-individual' | 'padding-horizontal' | 'padding-vertical' | 'padding-individual' | 'padding-left' | 'padding-right' | 'padding-bottom' | 'padding-top' | 'line-password' | 'line-left-to-bottom' | 'line-right-to-top' | 'line-horizontal' | 'line-vertical' | 'line-change' | 'feedback-helpful' | 'feedback-not-helpful' | 'feedback-helpful-selected' | 'feedback-not-helpful-selected' | 'line-code' | 'line-menu-experiment' | 'line-architect-ai-generate' | 'line-mobile-landscape' | 'line-history' | 'line-navigate' | 'line-edit-code' | 'line-refresh';
 
 declare interface IconProps {
     name: AllIconNames;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.84",
+  "version": "0.0.85",
   "type": "module",
   "files": [
     "dist"
@@ -30,9 +30,9 @@
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
     "pack:move": "npm pack --pack-destination ../design-editor-frontend",
-    "publish:sdb": "npm run build && npm pack && docker cp ./useinsider-ab-components-0.0.84.tgz  skeleton_design_bundle:/var/skeleton-design-bundle/design-editor-modules/ && docker exec -it skeleton_design_bundle sh -c 'npm i /var/skeleton-design-bundle/design-editor-modules/useinsider-ab-components-0.0.84.tgz && npm run dev'",
-    "publish:def": "npm run build && npm run pack:move && cd ../design-editor-frontend && npm i ./useinsider-ab-components-0.0.84.tgz && npm run dev",
-    "publish:sdb:wookiee": "npm run build && npm pack && docker cp ./useinsider-ab-components-0.0.84.tgz  skeleton-design-bundle:/var/skeleton-design-bundle/design-editor-modules/ && docker exec -it skeleton-design-bundle sh -c 'npm i /var/skeleton-design-bundle/design-editor-modules/useinsider-ab-components-0.0.84.tgz && npm run dev'",
+    "publish:sdb": "npm run build && npm pack && docker cp ./useinsider-ab-components-0.0.85.tgz  skeleton_design_bundle:/var/skeleton-design-bundle/design-editor-modules/ && docker exec -it skeleton_design_bundle sh -c 'npm i /var/skeleton-design-bundle/design-editor-modules/useinsider-ab-components-0.0.85.tgz && npm run dev'",
+    "publish:def": "npm run build && npm run pack:move && cd ../design-editor-frontend && npm i ./useinsider-ab-components-0.0.85.tgz && npm run dev",
+    "publish:sdb:wookiee": "npm run build && npm pack && docker cp ./useinsider-ab-components-0.0.85.tgz  skeleton-design-bundle:/var/skeleton-design-bundle/design-editor-modules/ && docker exec -it skeleton-design-bundle sh -c 'npm i /var/skeleton-design-bundle/design-editor-modules/useinsider-ab-components-0.0.85.tgz && npm run dev'",
     "lint": "eslint . --fix",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"