@ambita/design-system 3.0.27-251.0 → 3.0.27-271.0

package/dist/css/colors-scss-variables.scss

@@ -39,10 +39,14 @@ $aux-grey-4: #AFAFAF;
 $aux-grey-5: #555555;
 $aux-grey-6: #333333;
 
+
 // Supports
+$aux-red-1: #ffe5e5;
 $aux-red: #C10000;
 $aux-blue: #0067A3;
+$aux-blue-2: #C2E0F2;
 $aux-yellow: #ECD025;
+$aux-yellow-1: #fff3a8;
 $aux-yellow-2:#F2C94C;
 $aux-green: #5CB85C;
 $aux-white: #FFF;

package/dist/types/components/StatusBadge/StatusBadge.stories.d.ts

@@ -1,7 +1,30 @@
 import { Story } from '@storybook/vue3';
 declare const _default: {
     title: string;
-    component: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    component: import("vue").DefineComponent<{
+        status: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }, {
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'aux-status-badge': boolean;
+        }>;
+        dotClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'aux-status-badge-dot': boolean;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        status: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }>>, {
+        status: string;
+    }>;
 };
 export default _default;
 export declare const StatusBadge: Story<import("@storybook/vue3").Args>;

package/dist/types/components/StatusBadge/StatusBadge.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import("vue").DefineComponent<{
+    status: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        'aux-status-badge': boolean;
+    }>;
+    dotClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        'aux-status-badge-dot': boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    status: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    status: string;
+}>;
+export default _default;

package/dist/types/components/Tag/Colors.d.ts

@@ -0,0 +1 @@
+export declare const TAG_COLORS: string[];

package/dist/types/components/Tag/Tag.stories.d.ts

@@ -0,0 +1,27 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        color: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }, {
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'aux-tag': boolean;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        color: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    }>>, {
+        color: string;
+    }>;
+};
+export default _default;
+export declare const Tag: Story<import("@storybook/vue3").Args>;
+export declare const Examples: Story<import("@storybook/vue3").Args>;

package/dist/types/components/Tag/Tag.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        'aux-tag': boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    color: string;
+}>;
+export default _default;

package/dist/types/index.d.ts

@@ -13,12 +13,14 @@ export { default as AuxModal } from './components/Modal/Modal.vue';
 export { default as AuxTextArea } from './components/TextArea/TextArea.vue';
 export { default as AuxUpload } from './components/Upload/Upload.vue';
 export { default as AuxCard } from './components/Card/Card.vue';
+export { default as AuxTag } from './components/Tag/Tag.vue';
 export { default as AuxToggle } from './components/Toggle/Toggle.vue';
 export { default as AuxPagination } from './components/Pagination/Pagination.vue';
 export { default as AuxDirectionalArrow } from './components/DirectionalArrow/DirectionalArrow.vue';
 export { default as AuxAriaAnnouncer } from './components/AuxAriaAnnouncer/AuxAriaAnnouncer.vue';
 export { default as AuxNotifications } from './components/Notification/Notifications.vue';
 export { default as AuxJsonForm } from './components/JsonForm/JsonForm.vue';
+export { default as AuxStatusBadge } from './components/StatusBadge/StatusBadge.vue';
 export { default as AuxStatusBanner } from './components/StatusBanner/StatusBanner';
 export { formatDate } from '@/helpers/formatters/formatDateAndTime/';
 export { formatPrice } from '@/helpers/formatters/formatQuantity/formatAmount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ambita/design-system",
-  "version": "3.0.27-251.0",
+  "version": "3.0.27-271.0",
   "scripts": {
     "start": "npm run storybook",
     "serve": "vue-cli-service serve",