@useinsider/ab-components 0.0.86 → 0.0.87

package/dist/icons.svg

@@ -424,4 +424,16 @@
   <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>
+  <symbol viewBox="0 0 24 24" id="line-spinner">
+    <path d="M20.0482 12.025C20.6015 12.025 21.0557 11.5751 20.9944 11.0253C20.8349 9.59397 20.3345 8.21647 19.529 7.01098C18.5373 5.52683 17.1278 4.37007 15.4787 3.68699C13.8296 3.00391 12.015 2.82519 10.2643 3.17342C8.51363 3.52165 6.90553 4.38119 5.64336 5.64336C4.38119 6.90553 3.52165 8.51363 3.17342 10.2643C2.82519 12.015 3.00391 13.8296 3.68699 15.4787C4.37007 17.1278 5.52683 18.5373 7.01098 19.529C8.21647 20.3345 9.59397 20.8349 11.0253 20.9944C11.5751 21.0557 12.025 20.6015 12.025 20.0482C12.025 19.4949 11.5742 19.0538 11.0266 18.9751C9.99233 18.8265 8.99986 18.4483 8.12409 17.8631C6.96942 17.0916 6.06946 15.995 5.53803 14.712C5.00659 13.429 4.86754 12.0172 5.13847 10.6552C5.40939 9.29315 6.07812 8.04205 7.06008 7.06008C8.04205 6.07812 9.29315 5.40939 10.6552 5.13847C12.0172 4.86754 13.429 5.00659 14.712 5.53803C15.995 6.06946 17.0916 6.96942 17.8631 8.12409C18.4483 8.99986 18.8265 9.99233 18.9751 11.0266C19.0538 11.5742 19.4949 12.025 20.0482 12.025Z" 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;
@@ -466,9 +467,19 @@ declare interface ColorPickerProps {
     title?: string;
     showSaveButton?: boolean;
     presetColors?: string[];
+    firstRowCount?: number;
     showOpacityInHex?: boolean;
 }
 
+export declare const ColorPreview: DefineComponent<ColorPreviewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ColorPreviewProps> & Readonly<{}>, {
+size: "small" | "default";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare interface ColorPreviewProps {
+    colors: string[];
+    size?: 'small' | 'default';
+}
+
 declare type CustomIconNames = keyof typeof customIconObjects;
 
 declare const customIconObjects: {
@@ -546,7 +557,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' | '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';
+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' | 'line-chevron-small-down' | 'line-spinner';
 
 declare interface IconProps {
     name: AllIconNames;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.86",
+  "version": "0.0.87",
   "type": "module",
   "files": [
     "dist"