@useinsider/ab-components 0.0.84 → 0.0.86-beta.1

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"/>
@@ -421,4 +424,13 @@
   <symbol viewBox="0 0 24 24" id="line-refresh">
     <path d="M12 3C14.8278 3 17.3501 4.30501 19 6.34473V5C19 4.44772 19.4477 4 20 4C20.5523 4 21 4.44772 21 5V9C21 9.55228 20.5523 10 20 10H16C15.4477 10 15 9.55228 15 9C15 8.44772 15.4477 8 16 8H17.7451C16.4802 6.18657 14.3787 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.2211 19 17.9345 16.8243 18.75 13.8623C18.8843 13.3749 19.3049 13 19.8105 13C20.4158 13.0001 20.8917 13.5288 20.75 14.1172C19.7978 18.0661 16.2413 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"/>
   </symbol>
+  <symbol viewBox="0 0 24 24" id="line-palette">
+    <path d="M11.9906 3.82673C9.8227 3.82673 7.74358 4.6928 6.21063 6.23441C4.67768 7.77601 3.81648 9.86688 3.81648 12.047C3.81648 16.6175 7.19058 20.1733 11.6746 20.1733H11.6782C11.6355 20.1002 11.5874 20.0253 11.5365 19.9431L11.5183 19.9139C11.155 19.3321 10.8735 18.5749 10.9253 17.7446C10.9788 16.8842 11.3839 16.0494 12.2095 15.3553C13.1468 14.567 14.2649 14.5478 15.1322 14.5816C15.3275 14.5899 15.511 14.5999 15.6844 14.609C16.3729 14.6465 16.9178 14.6766 17.4528 14.5314C19.1348 14.0747 20.0694 12.9513 20.1666 11.4963C20.4581 7.13312 16.6363 3.82673 11.9906 3.82673ZM2 12.047C2 6.49833 6.47307 2 11.9906 2C17.3774 2 22.3609 5.91469 21.9794 11.6178C21.8223 13.9615 20.2465 15.6649 17.926 16.2942C17.0795 16.5244 16.1712 16.4705 15.4665 16.4294C15.3211 16.4202 15.1849 16.412 15.0605 16.4075C14.2276 16.3746 13.7435 16.4467 13.3757 16.7554C12.897 17.1582 12.7581 17.5409 12.7381 17.8588C12.7163 18.2059 12.8344 18.5858 13.056 18.9411L13.0805 18.9804C13.1677 19.1202 13.2949 19.322 13.4002 19.533C13.5092 19.7513 13.6527 20.0847 13.6636 20.4582C13.6743 20.7002 13.6211 20.9408 13.5094 21.1554C13.3977 21.37 13.2316 21.5511 13.0278 21.6803C12.6418 21.9315 12.1568 22 11.6746 22C6.12794 22 2 17.5656 2 12.047ZM9.94709 7.48386C9.94709 6.99938 10.1385 6.53474 10.4791 6.19216C10.8198 5.84958 11.2818 5.65712 11.7636 5.65712C12.2453 5.65712 12.7074 5.84958 13.048 6.19216C13.3887 6.53474 13.58 6.99938 13.58 7.48386C13.58 7.96834 13.3887 8.43297 13.048 8.77555C12.7074 9.11813 12.2453 9.31059 11.7636 9.31059C11.2818 9.31059 10.8198 9.11813 10.4791 8.77555C10.1385 8.43297 9.94709 7.96834 9.94709 7.48386ZM5.6602 10.224C5.6602 9.73948 5.85158 9.27484 6.19223 8.93226C6.53289 8.58968 6.99492 8.39722 7.47668 8.39722C7.95844 8.39722 8.42047 8.58968 8.76112 8.93226C9.10178 9.27484 9.29315 9.73948 9.29315 10.224C9.29315 10.7084 9.10178 11.1731 8.76112 11.5157C8.42047 11.8582 7.95844 12.0507 7.47668 12.0507C6.99492 12.0507 6.53289 11.8582 6.19223 11.5157C5.85158 11.1731 5.6602 10.7084 5.6602 10.224ZM14.2776 10.224C14.2776 9.73948 14.4689 9.27484 14.8096 8.93226C15.1503 8.58968 15.6123 8.39722 16.094 8.39722C16.5758 8.39722 17.0378 8.58968 17.3785 8.93226C17.7191 9.27484 17.9105 9.73948 17.9105 10.224C17.9105 10.7084 17.7191 11.1731 17.3785 11.5157C17.0378 11.8582 16.5758 12.0507 16.094 12.0507C15.6123 12.0507 15.1503 11.8582 14.8096 11.5157C14.4689 11.1731 14.2776 10.7084 14.2776 10.224Z" fill="currentColor"/>
+  </symbol>
+  <symbol viewBox="0 0 40 40" id="line-no-color-theme">
+    <path d="M13.4766 17C14.3179 17 15 17.6821 15 18.5234V19.5732C15 20.9257 16.0914 22.0225 17.4375 22.0225H22.5625C23.9086 22.0225 25 20.9257 25 19.5732V18.2188C25 17.5457 25.5457 17 26.2188 17H31.999C33.1034 17.0003 33.999 17.8956 33.999 19V31C33.999 33.209 32.2079 34.9998 29.999 35H10C7.79087 35 6.00001 33.2091 6 31V19C6.00001 17.8954 6.89544 17 8 17H13.4766ZM8 31C8.00001 32.1046 8.89543 33 10 33H29.999C31.1034 32.9998 31.999 32.1044 31.999 31V19H27V19.5732C27 22.0214 25.0221 24.0225 22.5625 24.0225H17.4375C14.9779 24.0225 13 22.0214 13 19.5732V19H8V31ZM10.415 8.17871C10.8598 7.87162 11.4776 7.97031 11.7949 8.39941L14.8164 12.4883C15.1333 12.9176 15.0297 13.5142 14.585 13.8213C14.1402 14.1284 13.5224 14.0297 13.2051 13.6006L10.1836 9.51172C9.86672 9.0824 9.97035 8.48578 10.415 8.17871ZM28.2051 8.39941C28.5224 7.97031 29.1402 7.87162 29.585 8.17871C30.0297 8.48578 30.1333 9.0824 29.8164 9.51172L26.7949 13.6006C26.4776 14.0297 25.8598 14.1284 25.415 13.8213C24.9703 13.5142 24.8667 12.9176 25.1836 12.4883L28.2051 8.39941ZM20 5C20.5523 5 21 5.44139 21 5.98535V12.0146C21 12.5586 20.5523 13 20 13C19.4477 13 19 12.5586 19 12.0146V5.98535C19 5.44139 19.4477 5 20 5Z" fill="currentColor"/>
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="line-chevron-small-down">
+    <path d="M11.9995 14.998C12.2817 15.0102 12.5681 14.9098 12.7837 14.6943L16.6938 10.7832C17.1017 10.3752 17.1018 9.71363 16.6938 9.30565C16.2858 8.89793 15.6242 8.89784 15.2163 9.30565L11.9995 12.5234L8.78366 9.30565C8.3757 8.89786 7.71411 8.89791 7.30612 9.30565C6.89815 9.71362 6.89826 10.3752 7.30612 10.7832L11.2163 14.6943C11.4316 14.9095 11.7176 15.0099 11.9995 14.998Z" fill="currentColor"/>
+  </symbol>
 </svg>

package/dist/index.d.ts

@@ -31,6 +31,7 @@ color: string;
 title: string;
 showSaveButton: boolean;
 presetColors: string[];
+firstRowCount: number;
 showOpacityInHex: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 colorPickerRef: HTMLDivElement;
@@ -144,6 +145,7 @@ validateAddItem: (item: string, items: MenuItem[]) => string | null;
 mode: "primary" | "smart";
 searchPlaceholder: string;
 showSelectedIcon: boolean;
+rotateArrow: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_7: DefineComponent<ModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -426,6 +428,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;
@@ -443,6 +467,7 @@ declare interface ColorPickerProps {
     title?: string;
     showSaveButton?: boolean;
     presetColors?: string[];
+    firstRowCount?: number;
     showOpacityInHex?: boolean;
 }
 
@@ -523,7 +548,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' | 'line-palette' | 'line-no-color-theme';
 
 declare interface IconProps {
     name: AllIconNames;
@@ -586,6 +611,7 @@ declare interface InDropdownMenuProps {
     addButtonText?: string;
     validateAddItem?: (item: string, items: MenuItem[]) => string | null;
     showSelectedIcon?: boolean;
+    rotateArrow?: boolean;
     menuHeight?: number;
     width?: number;
     mode?: 'primary' | 'smart';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.84",
+  "version": "0.0.86-beta.1",
   "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.86.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.86.tgz && npm run dev'",
+    "publish:def": "npm run build && npm run pack:move && cd ../design-editor-frontend && npm i ./useinsider-ab-components-0.0.86.tgz && npm run dev",
+    "publish:sdb:wookiee": "npm run build && npm pack && docker cp ./useinsider-ab-components-0.0.86.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.86.tgz && npm run dev'",
     "lint": "eslint . --fix",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"