@dubai-design-system/components-js 3.12.10 → 3.12.12

package/dist/collection/components/dda-chip/dda-chip.js

@@ -6,18 +6,17 @@ export class DdaChip {
         this.show_close_icon = false;
     }
     render() {
-        const label = this.image_chip_label || this.chip_text || 'Chip item';
-        return (h(Host, { key: 'bf5fc23e7d47a042a54f31c5a383852e1cc39f05' }, h("div", { key: '22c67683d6d6235ee8bdcd2028183ad5288b00b6', class: `dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}`, "aria-label": label }, this.chip_icon ? (h("i", { class: `chip-icon-size-${this.chip_icon_size} ${this.chip_icon_family}` }, this.chip_icon)) : null, this.image_chip_icon ? (h("i", { class: `chip-icon-size-${this.image_chip_icon_size} ${this.image_chip_icon_family}` }, this.image_chip_icon)) : null, h("span", { key: '2f903d6b4b298f026674fc0ff229c174e756ede0' }, this.chip_text), this.image_chip_label ? h("span", null, this.image_chip_label) : null, this.show_close_icon && (h("span", { key: '7a961867d7cb7d282743a288a252660e6b34d3e6', class: "chip-close", onClick: this.clickHandler }, h("i", { key: 'd57f800fb3528c53390f1234740d6eeaa7ab66da', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))));
+        return (h(Host, { key: '0aa34e124094cc16a3f8ee43c2af63310077c670' }, h("div", { key: 'e8c2758cd3f796f6970bbd520310f81752b3993f', class: `dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}` }, this.icon ? h("i", { class: "material-icons  material-symbols-outlined" }, this.icon) : null, h("span", { key: 'a4145827380a4c7b02e972a2061fa657d409a354' }, h("slot", { key: '73ef803648455c6673d3ab23d5a89867550f0ecd' })), this.show_close_icon && (h("span", { key: 'f1f7ed52d951915b30844f0d3c0213830420766d', class: "chip-close", onClick: this.clickHandler }, h("i", { key: 'd7475fda77750c7ed0d218b8acb09745ad37e7b6', class: "material-icons  material-symbols-outlined" }, "close"))))));
     }
     static get is() { return "dda-chip"; }
     static get originalStyleUrls() {
         return {
-            "$": ["dda-chip.css"]
+            "$": ["dda-chip.css", "../../global/global.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["dda-chip.css"]
+            "$": ["dda-chip.css", "../../global/global.css"]
         };
     }
     static get properties() {
@@ -38,8 +37,8 @@ export class DdaChip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "bg_color",
                 "reflect": false,
+                "attribute": "bg_color",
                 "defaultValue": "'success'"
             },
             "rounded": {
@@ -58,11 +57,11 @@ export class DdaChip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rounded",
                 "reflect": false,
+                "attribute": "rounded",
                 "defaultValue": "''"
             },
-            "chip_text": {
+            "icon": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -78,65 +77,8 @@ export class DdaChip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "chip_text",
-                "reflect": false
-            },
-            "chip_icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "chip_icon",
-                "reflect": false
-            },
-            "chip_icon_family": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "chip_icon_family",
-                "reflect": false
-            },
-            "chip_icon_size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "chip_icon_size",
-                "reflect": false
+                "reflect": false,
+                "attribute": "icon"
             },
             "show_close_icon": {
                 "type": "boolean",
@@ -154,8 +96,8 @@ export class DdaChip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show_close_icon",
                 "reflect": false,
+                "attribute": "show_close_icon",
                 "defaultValue": "false"
             },
             "size": {
@@ -174,8 +116,8 @@ export class DdaChip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
-                "reflect": false
+                "reflect": false,
+                "attribute": "size"
             },
             "custom_class": {
                 "type": "string",
@@ -193,8 +135,8 @@ export class DdaChip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "custom_class",
-                "reflect": false
+                "reflect": false,
+                "attribute": "custom_class"
             },
             "component_mode": {
                 "type": "string",
@@ -212,8 +154,8 @@ export class DdaChip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "component_mode",
-                "reflect": false
+                "reflect": false,
+                "attribute": "component_mode"
             },
             "clickHandler": {
                 "type": "unknown",
@@ -236,84 +178,7 @@ export class DdaChip {
                 },
                 "getter": false,
                 "setter": false
-            },
-            "image_chip_label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_chip_label",
-                "reflect": false
-            },
-            "image_chip_icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_chip_icon",
-                "reflect": false
-            },
-            "image_chip_icon_family": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_chip_icon_family",
-                "reflect": false
-            },
-            "image_chip_icon_size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_chip_icon_size",
-                "reflect": false
             }
         };
     }
 }
-//# sourceMappingURL=dda-chip.js.map

package/dist/collection/components/dda-chip/dda-chip.stories.js

@@ -2,6 +2,10 @@ export default {
     title: 'Components/Chip',
     tags: ['autodocs'],
     argTypes: {
+        text: {
+            control: 'text',
+            description: 'Text to display inside the chip',
+        },
         bg_color: {
             control: { type: 'select' },
             options: ['grey', 'primary', 'green', 'yellow', 'red', 'purple'],
@@ -12,23 +16,10 @@ export default {
             options: ['sm', 'md', 'lg'],
             description: 'Select the size of the chip',
         },
-        chip_text: {
-            control: { type: 'text' },
-            description: 'Text to display inside the chip',
-        },
-        chip_icon: {
+        icon: {
             control: 'text',
             description: 'Material Icons icon class to display at the start of the chip',
         },
-        chip_icon_family: {
-            control: 'text',
-            description: 'Material Icons icon class to display at the start of the chip',
-        },
-        chip_icon_size: {
-            control: { type: 'select' },
-            options: ['sm', 'md', 'lg'],
-            description: 'Select the size of the chip',
-        },
         show_close_icon: {
             control: 'boolean',
             description: 'Whether to show a close icon at the end of the chip',
@@ -55,22 +46,20 @@ export default {
     parameters: {
         docs: {
             description: {
-                component: `
-To use the \`dda-chip\` component, pass the following props:
-
-\`\`\`html
-<dda-chip
-    chip_text="Label"
-    bg_color="grey"
-    chip_icon="sentiment_satisfied"
-    chip_icon_family="material-icons material-symbols-outlined"
-    show_close_icon="true"
-    custom_class=""
-    component_mode=""
-    onclick="console.log("clicked!")"
-    >Label
-</dda-chip>
-  \`\`\`
+                component: `
+To use the \`dda-chip\` component, pass the following props:
+
+\`\`\`html
+<dda-chip
+    bg_color="grey"
+    icon="sentiment_satisfied"
+    show_close_icon="true"
+    custom_class=""
+    component_mode=""
+    onclick="console.log("clicked!")"
+    >Label
+</dda-chip>
+  \`\`\`
 `,
             },
         },
@@ -81,30 +70,24 @@ const Template = (args) => {
         .filter(([key, value]) => value !== undefined && key !== 'text' && key !== 'onCloseClick')
         .map(([key, value]) => `${key}="${value}"`)
         .join(' ');
-    return `
-    <dda-chip ${attributes}>
-    </dda-chip>
+    return `
+    <dda-chip ${attributes}>${args.text}
+    </dda-chip>
   `;
 };
 export const Grey = Template.bind({});
 Grey.args = {
-    chip_text: 'Label',
+    text: 'Label',
     bg_color: 'grey',
-    chip_icon: 'sentiment_satisfied',
-    chip_icon_size: 'md',
-    chip_icon_family: 'material-icons material-symbols-outlined',
+    icon: 'sentiment_satisfied',
     show_close_icon: true,
-    custom_class: '',
-    component_mode: '',
     onclick: "console.log('clicked')",
 };
 export const Primary = Template.bind({});
 Primary.args = {
-    chip_text: 'Label',
+    text: 'Label',
     bg_color: 'primary',
-    chip_icon: 'sentiment_satisfied',
-    chip_icon_size: 'md',
-    chip_icon_family: 'material-icons material-symbols-outlined',
+    icon: 'sentiment_satisfied',
     show_close_icon: true,
     custom_class: '',
     component_mode: '',
@@ -112,11 +95,9 @@ Primary.args = {
 };
 export const Green = Template.bind({});
 Green.args = {
-    chip_text: 'Label',
+    text: 'Label',
     bg_color: 'green',
-    chip_icon: 'sentiment_satisfied',
-    chip_icon_size: 'md',
-    chip_icon_family: 'material-icons material-symbols-outlined',
+    icon: 'sentiment_satisfied',
     show_close_icon: true,
     custom_class: '',
     component_mode: '',
@@ -124,11 +105,9 @@ Green.args = {
 };
 export const Yellow = Template.bind({});
 Yellow.args = {
-    chip_text: 'Label',
+    text: 'Label',
     bg_color: 'yellow',
-    chip_icon: 'sentiment_satisfied',
-    chip_icon_size: 'md',
-    chip_icon_family: 'material-icons material-symbols-outlined',
+    icon: 'sentiment_satisfied',
     show_close_icon: true,
     custom_class: '',
     component_mode: '',
@@ -136,11 +115,9 @@ Yellow.args = {
 };
 export const Red = Template.bind({});
 Red.args = {
-    chip_text: 'Label',
+    text: 'Label',
     bg_color: 'red',
-    chip_icon: 'sentiment_satisfied',
-    chip_icon_size: 'md',
-    chip_icon_family: 'material-icons material-symbols-outlined',
+    icon: 'sentiment_satisfied',
     show_close_icon: true,
     custom_class: '',
     component_mode: '',
@@ -148,14 +125,11 @@ Red.args = {
 };
 export const Purple = Template.bind({});
 Purple.args = {
-    chip_text: 'Label',
+    text: 'Label',
     bg_color: 'purple',
-    chip_icon: 'sentiment_satisfied',
-    chip_icon_size: 'md',
-    chip_icon_family: 'material-icons material-symbols-outlined',
+    icon: 'sentiment_satisfied',
     show_close_icon: true,
     custom_class: '',
     component_mode: '',
     onclick: "() => alert('Close icon clicked!')",
 };
-//# sourceMappingURL=dda-chip.stories.js.map

package/dist/collection/components/dda-credit-card/dda-credit-card.css

@@ -0,0 +1,104 @@
+.dda-credit-card-container{
+  width: 352px;
+  height: 192px;
+  background: var(--dda-neutral-100);
+  padding: 16px 18px;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 45px;
+}
+
+.dda-credit-card-header{
+  display: flex;
+}
+.dda-credit-card-header svg path{
+  fill: var(--dda-on-surface-0);
+}
+.light-mode .dda-credit-card-header svg path{
+  fill: var(--dda-neutral-0);
+}
+.card-balance-info{
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+.card-balance-label{
+  font-size: 16px;
+  font-weight: var(--dda-fw-400);
+  opacity: 54;
+}
+.dda-credit-card-default .card-balance-label{
+  color: var(--dda-on-surface-variant-30);
+}
+.light-mode.dda-credit-card-default .card-balance-label{
+  color: var(--dda-neutral-variant-30);
+}
+.card-balance{
+  font-size: 32px;
+  font-weight: var(--dda-fw-700);
+  line-height: 45px;
+}
+.dda-credit-card-default .card-balance{
+  color: var(--dda-on-surface-0);
+}
+.light-mode.dda-credit-card-default .card-balance{
+  color: var(--dda-neutral-0);
+}
+.dda-credit-card-body{
+  display: flex;
+}
+.card-userinfo{
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+.dda-card-name,
+.dda-card-number{
+  font-size: 14px;
+  color: var(--dda-on-surface-0);
+  font-weight: var(--dda-fw-500);
+  opacity: 90;
+}
+.light-mode .dda-card-name,
+.light-mode .dda-card-number{
+  color: var(--dda-neutral-0);
+}
+.card-type-icon{
+  width: 40px;
+  display: block;
+}
+.dda-credit-card-default{
+  background: var(--dda-surface-100);
+}
+.light-mode.dda-credit-card-default{
+  background: var(--dda-neutral-100);
+}
+.dda-credit-card-green{
+  background: var(--dda-color-primary-40);
+}
+.light-mode.dda-credit-card-green{
+  background: var(--dda-primary-40);
+}
+.dda-credit-card-dark{
+  background: var(--dda-on-surface-variant-30);
+}
+.light-mode.dda-credit-card-dark{
+  background: var(--dda-neutral-variant-30);
+}
+.dda-credit-card-green .dda-credit-card-header i,
+.dda-credit-card-green .card-balance-label,
+.dda-credit-card-green .card-balance,
+.dda-credit-card-green .dda-card-name,
+.dda-credit-card-green .dda-card-number,
+.dda-credit-card-dark .dda-credit-card-header i,
+.dda-credit-card-dark .card-balance-label,
+.dda-credit-card-dark .card-balance,
+.dda-credit-card-dark .dda-card-name,
+.dda-credit-card-dark .dda-card-number{
+  color: var(--dda-neutral-100);
+}
+.dda-credit-card-green .dda-credit-card-header svg path,
+.dda-credit-card-dark .dda-credit-card-header svg path{
+  fill: var(--dda-neutral-100);
+}

package/dist/collection/components/dda-credit-card/dda-credit-card.js

@@ -10,9 +10,19 @@ export class DdaCreditCard {
             this.custom_class ? `${this.custom_class}` : "",
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'e69c25db5aefe6a012f050cb639bc1f17c49b811' }, h("div", { key: '7019687bffa8a35f81d9508449e4ee5af5d27db1', class: cardClass }, h("div", { key: 'f1fbeafd66a00ae4c008511f4e76b2ec4adb8cbb', class: "dda-credit-card-header" }, h("div", { key: 'd67e1d8a2a0b6d9491cd35639c8c4395ec1e70d2', class: "card-balance-info" }, h("span", { key: 'd3772877ddf06ac51fff1d92f11f443bf442bdf5', class: "card-balance-label" }, "Current Balance"), h("span", { key: '28c7f3f88bd239ae411f3a736e2c7f4c10e8b166', class: "card-balance" }, h("strong", { key: '4eca0666965529ff497fb306ce9e32b263e77145' }, this.balance))), h("i", { key: '4755aec9700d357b714ff05e867a5299f9c53904', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "wifi")), h("div", { key: '7e15edf0a3f489e2e411c5870b5e91b79cce8cb4', class: "dda-credit-card-body" }, h("div", { key: '5479624c7f7b58651cf06294a0b0f5aed4f530a0', class: "card-userinfo" }, h("span", { key: '459097917e2d683074677b0c33aaaec617946e09', class: "dda-card-name" }, this.name), h("span", { key: '9b9df02dff881dd50943440e6c06aab690642d1b', class: "dda-card-number" }, "**** ", this.card_number.slice(-4))), h("div", { key: '403f13db39e8b57d100db56bc84c82fbec03568d' }, h("img", { key: 'ed545b46e0202520cd45b58d3a6827cc90173245', src: this.card_type, alt: "Card Type", class: "card-type-icon" }))))));
+        return (h(Host, { key: 'cdb9cf64608b99e8949e5044ca71e71890eb6003' }, h("div", { key: '3990e35381191298b1bb43e59a675225972a4565', class: cardClass }, h("div", { key: '58e7a17527038c2070e693760e6f56cd0f56e207', class: "dda-credit-card-header" }, h("div", { key: '930f3c19df66c412a8cb7a1d81210445a6ea74a5', class: "card-balance-info" }, h("span", { key: '1ddf75f9f411bd8101ea88876d9f2a053baec848', class: "card-balance-label" }, "Current Balance"), h("span", { key: '5b830f8bfa84df076f41ff60f7778ce5f79490dc', class: "card-balance" }, this.balance)), h("i", { key: '3e1c8f15f4bb42579d3bb325ed0d901523207f44', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "wifi")), h("div", { key: '347145c3282126ba71d3626ad599dc3474797a5c', class: "dda-credit-card-body" }, h("div", { key: 'e212f1520d56eab60244bf2b4b4fb5724c77ebf2', class: "card-userinfo" }, h("span", { key: '5b65a651f05cc7a26c4c1eb68162555c30e52f3c', class: "dda-card-name" }, this.name), h("span", { key: '35c6c8bd842adb512b3874204259c2b5470b9654', class: "dda-card-number" }, "**** ", this.card_number.slice(-4))), h("div", { key: 'af07bf8eb16106127585e0ef9c7c7ea5c3bd37de' }, h("img", { key: 'b35de3dd5d3df3b6926a3a489fab53c656bccafd', src: this.card_type, alt: "Card Type", class: "card-type-icon" }))))));
     }
     static get is() { return "dda-credit-card"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["dda-credit-card.css", "../../global/global.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["dda-credit-card.css", "../../global/global.css"]
+        };
+    }
     static get properties() {
         return {
             "balance": {
@@ -31,8 +41,8 @@ export class DdaCreditCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "balance",
-                "reflect": false
+                "reflect": false,
+                "attribute": "balance"
             },
             "name": {
                 "type": "string",
@@ -50,8 +60,8 @@ export class DdaCreditCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "card_number": {
                 "type": "string",
@@ -69,8 +79,8 @@ export class DdaCreditCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "card_number",
-                "reflect": false
+                "reflect": false,
+                "attribute": "card_number"
             },
             "card_type": {
                 "type": "string",
@@ -88,8 +98,8 @@ export class DdaCreditCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "card_type",
-                "reflect": false
+                "reflect": false,
+                "attribute": "card_type"
             },
             "design": {
                 "type": "string",
@@ -107,8 +117,8 @@ export class DdaCreditCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "design",
-                "reflect": false
+                "reflect": false,
+                "attribute": "design"
             },
             "custom_class": {
                 "type": "string",
@@ -126,8 +136,8 @@ export class DdaCreditCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "custom_class",
                 "reflect": false,
+                "attribute": "custom_class",
                 "defaultValue": "''"
             },
             "component_mode": {
@@ -146,10 +156,9 @@ export class DdaCreditCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "component_mode",
-                "reflect": false
+                "reflect": false,
+                "attribute": "component_mode"
             }
         };
     }
 }
-//# sourceMappingURL=dda-credit-card.js.map

package/dist/collection/components/dda-credit-card/dda-credit-card.stories.js

@@ -1,4 +1,3 @@
-import master_card from "../../../src/assets/img/icn/icn-master-card.svg";
 export default {
     title: 'Components/Credit Card',
     tags: ['autodocs'],
@@ -37,20 +36,20 @@ export default {
     parameters: {
         docs: {
             description: {
-                component: `
-  To use the \`dda-credit-card\` component, pass the following props:
-  
-  \`\`\`html
-<dda-credit-card
-    balance="$5,750.20"
-    name="MARIA GOMEZ"
-    card_number="1289"
-    card_type= master_card
-    design="default"
-    custom_class=""
-    component_mode=""
-></dda-credit-card>
-    \`\`\`
+                component: `
+  To use the \`dda-credit-card\` component, pass the following props:
+  
+  \`\`\`html
+<dda-credit-card
+    balance="$5,750.20"
+    name="MARIA GOMEZ"
+    card_number="1289"
+    card_type="https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg"
+    design="default"
+    custom_class=""
+    component_mode=""
+></dda-credit-card>
+    \`\`\`
   `,
             },
         },
@@ -68,7 +67,7 @@ Default.args = {
     balance: '$5,750.20',
     name: 'MARIA GOMEZ',
     card_number: '1289',
-    card_type: master_card,
+    card_type: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',
     design: 'default',
     custom_class: '',
     component_mode: '',
@@ -78,7 +77,7 @@ Green.args = {
     balance: '$5,750.20',
     name: 'MARIA GOMEZ',
     card_number: '1289',
-    card_type: master_card,
+    card_type: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',
     design: 'green',
     custom_class: '',
     component_mode: '',
@@ -88,9 +87,8 @@ Dark.args = {
     balance: '$5,750.20',
     name: 'MARIA GOMEZ',
     card_number: '1289',
-    card_type: master_card,
+    card_type: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',
     design: 'dark',
     custom_class: '',
     component_mode: '',
 };
-//# sourceMappingURL=dda-credit-card.stories.js.map