@dubai-design-system/components-js 3.12.9 → 3.12.11

package/dist/collection/components/cards/dda-image-card/dda-image-card.stories.js

@@ -1,185 +0,0 @@
-export default {
-    title: 'Components/Cards/Image Card',
-    tags: ['autodocs'],
-    argTypes: {
-        image_src: {
-            control: 'text',
-            description: 'Path to the image of the team member',
-        },
-        image_alt: {
-            control: 'text',
-            description: 'Path to the image of the team member',
-        },
-        header_text: {
-            control: 'text',
-            description: 'Header text for the information card',
-        },
-        date_text: {
-            control: 'text',
-            description: 'Date text for the information card',
-        },
-        body_text: {
-            control: 'text',
-            description: 'Body text for the information card',
-        },
-        left_button_color: {
-            control: { type: 'text' },
-            description: 'Button Color',
-        },
-        left_button_name: {
-            control: 'text',
-            description: 'Name of the left button',
-        },
-        left_button_href: {
-            control: 'text',
-            description: 'Href for the right button (link)',
-        },
-        left_button_rel: {
-            control: 'text',
-            description: 'Href for the right button (link)',
-        },
-        left_button_start_icon: {
-            control: 'text',
-            description: 'Button Start icon',
-        },
-        left_button_end_icon: {
-            control: 'text',
-            description: 'Button End icon',
-        },
-        left_button_data_fancybox: {
-            control: { type: 'text' },
-            description: 'GalleryOne',
-        },
-        left_button_target: {
-            control: { type: 'text' },
-            description: 'target blank',
-        },
-        right_button_color: {
-            control: { type: 'text' },
-            description: 'Button Color',
-        },
-        right_button_name: {
-            control: 'text',
-            description: 'Name of the right button',
-        },
-        right_button_href: {
-            control: 'text',
-            description: 'Href for the right button (link)',
-        },
-        right_button_rel: {
-            control: 'text',
-            description: 'Href for the right button (link)',
-        },
-        right_button_start_icon: {
-            control: 'text',
-            description: 'Button Start icon',
-        },
-        right_button_end_icon: {
-            control: 'text',
-            description: 'Button End icon',
-        },
-        right_button_data_fancybox: {
-            control: { type: 'text' },
-            description: 'GalleryOne',
-        },
-        right_button_target: {
-            control: { type: 'text' },
-            description: 'target blank',
-        },
-        file_size: {
-            control: 'text',
-            description: 'File size Information',
-        },
-        file_type: {
-            control: 'text',
-            description: 'File extention Information',
-        },
-        custom_class: {
-            control: { type: 'text' },
-            description: 'Custom class for the credit card component',
-        },
-        component_mode: {
-            control: { type: 'check' },
-            options: ['light-mode'],
-            description: 'Mode of the credit card component',
-        }
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-  To use the \`dda-image-card\` component, pass the following props:
-  
-  \`\`\`html
-<dda-image-card
-    image_src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSvhlzYedWoCSkLB2HFQ87P5gPjCmJqmTt8vw&s"
-    image_alt="alternate text"
-    header_text="Backend Team"
-    date_text="31 September 2024"
-    body_text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-    
-    left_button_color="default-tertiary"
-    left_button_name="Cancel"
-    left_button_href="https://example.com"
-    left_button_rel=""
-    left_button_start_icon=""
-    left_button_end_icon=""
-    left_button_data_fancybox=""
-    left_button_target=""
-    
-    right_button_color="default-primary"
-    right_button_name="Continue"
-    right_button_href="https://example.com"
-    right_button_rel=""
-    right_button_start_icon=""
-    right_button_end_icon=""
-    right_button_data_fancybox=""
-    right_button_target=""
-
-    file_size="Size: "
-    file_type="Type: "
-    custom_class=""
-    component_mode=""
-></dda-image-card>
-    \`\`\`
-  `,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const attributes = Object.entries(args)
-        .filter(([key, value]) => value !== undefined && key !== 'text')
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    return `<dda-image-card ${attributes}></dda-image-card>`;
-};
-export const Default = Template.bind({});
-Default.args = {
-    image_src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSvhlzYedWoCSkLB2HFQ87P5gPjCmJqmTt8vw&s',
-    image_alt: "alternate text",
-    header_text: "Backend Team",
-    date_text: "31 September 2024",
-    body_text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
-    left_button_color: "default-tertiary",
-    left_button_name: "Cancel",
-    left_button_href: "https://example.com",
-    left_button_rel: "",
-    left_button_start_icon: "",
-    left_button_end_icon: "",
-    left_button_data_fancybox: "",
-    left_button_target: "",
-    right_button_color: "default-primary",
-    right_button_name: "Continue",
-    right_button_href: "https://example.com",
-    right_button_rel: "",
-    right_button_start_icon: "",
-    right_button_end_icon: "",
-    right_button_data_fancybox: "",
-    right_button_target: "",
-    file_size: "Size: ",
-    file_type: "Type: ",
-    custom_class: '',
-    component_mode: '',
-};
-//# sourceMappingURL=dda-image-card.stories.js.map

package/dist/collection/components/cards/dda-image-card/dda-image-card.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-image-card.stories.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-image-card/dda-image-card.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n    title: 'Components/Cards/Image Card',\r\n    tags: ['autodocs'],\r\n    argTypes: {\r\n      image_src: {\r\n        control: 'text',\r\n        description: 'Path to the image of the team member',\r\n      },\r\n      image_alt: {\r\n        control: 'text',\r\n        description: 'Path to the image of the team member',\r\n      },\r\n      header_text: {\r\n        control: 'text',\r\n        description: 'Header text for the information card',\r\n      },\r\n      date_text: {\r\n        control: 'text',\r\n        description: 'Date text for the information card',\r\n      },\r\n      body_text: {\r\n        control: 'text',\r\n        description: 'Body text for the information card',\r\n      },\r\n\r\n      left_button_color:{\r\n        control: { type: 'text' },\r\n        description: 'Button Color',\r\n      },\r\n      left_button_name: {\r\n        control: 'text',\r\n        description: 'Name of the left button',\r\n      },\r\n      left_button_href: {\r\n        control: 'text',\r\n        description: 'Href for the right button (link)',\r\n      },\r\n      left_button_rel: {\r\n        control: 'text',\r\n        description: 'Href for the right button (link)',\r\n      },\r\n      left_button_start_icon: {\r\n        control: 'text',\r\n        description: 'Button Start icon',\r\n      },\r\n      left_button_end_icon: {\r\n        control: 'text',\r\n        description: 'Button End icon',\r\n      },\r\n      left_button_data_fancybox: {\r\n        control: { type: 'text' },\r\n        description: 'GalleryOne',\r\n      },\r\n      left_button_target: {\r\n        control: { type: 'text' },\r\n        description: 'target blank',\r\n      },\r\n      \r\n      right_button_color:{\r\n        control: { type: 'text' },\r\n        description: 'Button Color',\r\n      },\r\n      right_button_name: {\r\n        control: 'text',\r\n        description: 'Name of the right button',\r\n      },\r\n      right_button_href: {\r\n        control: 'text',\r\n        description: 'Href for the right button (link)',\r\n      },\r\n      right_button_rel: {\r\n        control: 'text',\r\n        description: 'Href for the right button (link)',\r\n      },\r\n      right_button_start_icon: {\r\n        control: 'text',\r\n        description: 'Button Start icon',\r\n      },\r\n      right_button_end_icon: {\r\n        control: 'text',\r\n        description: 'Button End icon',\r\n      },\r\n      right_button_data_fancybox: {\r\n        control: { type: 'text' },\r\n        description: 'GalleryOne',\r\n      },\r\n      right_button_target: {\r\n        control: { type: 'text' },\r\n        description: 'target blank',\r\n      },\r\n\r\n      file_size: {\r\n        control: 'text',\r\n        description: 'File size Information',\r\n      },\r\n      file_type: {\r\n        control: 'text',\r\n        description: 'File extention Information',\r\n      },\r\n      custom_class: {\r\n        control: { type: 'text' },\r\n        description: 'Custom class for the credit card component',\r\n      },\r\n      component_mode: {\r\n        control: { type: 'check' },\r\n        options: ['light-mode'],\r\n        description: 'Mode of the credit card component',\r\n      }\r\n    },\r\n    parameters: {\r\n      docs: {\r\n        description: {\r\n          component: `\r\n  To use the \\`dda-image-card\\` component, pass the following props:\r\n  \r\n  \\`\\`\\`html\r\n<dda-image-card\r\n    image_src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSvhlzYedWoCSkLB2HFQ87P5gPjCmJqmTt8vw&s\"\r\n    image_alt=\"alternate text\"\r\n    header_text=\"Backend Team\"\r\n    date_text=\"31 September 2024\"\r\n    body_text=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\r\n    \r\n    left_button_color=\"default-tertiary\"\r\n    left_button_name=\"Cancel\"\r\n    left_button_href=\"https://example.com\"\r\n    left_button_rel=\"\"\r\n    left_button_start_icon=\"\"\r\n    left_button_end_icon=\"\"\r\n    left_button_data_fancybox=\"\"\r\n    left_button_target=\"\"\r\n    \r\n    right_button_color=\"default-primary\"\r\n    right_button_name=\"Continue\"\r\n    right_button_href=\"https://example.com\"\r\n    right_button_rel=\"\"\r\n    right_button_start_icon=\"\"\r\n    right_button_end_icon=\"\"\r\n    right_button_data_fancybox=\"\"\r\n    right_button_target=\"\"\r\n\r\n    file_size=\"Size: \"\r\n    file_type=\"Type: \"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n></dda-image-card>\r\n    \\`\\`\\`\r\n  `,\r\n        },\r\n      },\r\n    },  \r\n  };\r\n  \r\n  const Template = (args) => {\r\n    const attributes = Object.entries(args)\r\n      .filter(([key, value]) => value !== undefined && key !== 'text')\r\n      .map(([key, value]) => `${key}=\"${value}\"`)\r\n      .join(' ');\r\n  \r\n    return `<dda-image-card ${attributes}></dda-image-card>`;\r\n  };\r\n  \r\n  export const Default = Template.bind({});\r\n  Default.args = {\r\n    image_src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSvhlzYedWoCSkLB2HFQ87P5gPjCmJqmTt8vw&s',\r\n    image_alt:\"alternate text\",\r\n    header_text: \"Backend Team\",\r\n    date_text: \"31 September 2024\",\r\n    body_text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n    \r\n    left_button_color: \"default-tertiary\",\r\n    left_button_name: \"Cancel\",\r\n    left_button_href: \"https://example.com\",\r\n    left_button_rel: \"\",\r\n    left_button_start_icon: \"\",\r\n    left_button_end_icon: \"\",\r\n    left_button_data_fancybox: \"\",\r\n    left_button_target: \"\",\r\n    \r\n    right_button_color:\"default-primary\",\r\n    right_button_name: \"Continue\",\r\n    right_button_href: \"https://example.com\",\r\n    right_button_rel: \"\",\r\n    right_button_start_icon: \"\",\r\n    right_button_end_icon: \"\",\r\n    right_button_data_fancybox: \"\",\r\n    right_button_target: \"\",\r\n\r\n    file_size: \"Size: \",\r\n    file_type: \"Type: \",\r\n    custom_class: '',\r\n    component_mode: '',\r\n  };"]}