@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/collection/components/accordion/cura-accordion/cura-accordion.stories.js

@@ -1,24 +1,24 @@
 var __rest = (this && this.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-import iconNames from '../../../assets/icons/iconset-default-list';
+import iconNames from "../../../assets/icons/iconset-default-list";
 export default {
-  title: 'Componentes/Accordion/Accordion',
-  tags: ['autodocs'],
-  render: (_a) => {
-    var args = __rest(_a, []);
-    // You can either use a function to create DOM elements or use a plain html string!
-    // return `<div>${label}</div>`;
-    return `<cura-accordion
+    title: 'Componentes/Accordion/Accordion',
+    tags: ['autodocs'],
+    render: (_a) => {
+        var args = __rest(_a, []);
+        // You can either use a function to create DOM elements or use a plain html string!
+        // return `<div>${label}</div>`;
+        return `<cura-accordion
     color="${args.color}"
     active-color="${args.activeColor}"
     color-mode="${args.colorMode}"
@@ -43,118 +43,118 @@ export default {
       Texto 4
     </cura-accordion-item>
   </cura-accordion>`;
-  },
-  argTypes: {
-    color: {
-      control: { type: 'select' },
-      options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
-      description: 'Define cor base do item. Cor do DS sem profundidade (ex: primary).',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'primary' }
-      },
-      name: 'color'
     },
-    activeColor: {
-      control: { type: 'select' },
-      options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
-      description: 'Define cor base do item ativo. Cor do DS sem profundidade (ex: accent).',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'accent' }
-      },
-      name: 'active-color'
+    argTypes: {
+        color: {
+            control: { type: 'select' },
+            options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
+            description: 'Define cor base do item. Cor do DS sem profundidade (ex: primary).',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'primary' }
+            },
+            name: 'color'
+        },
+        activeColor: {
+            control: { type: 'select' },
+            options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
+            description: 'Define cor base do item ativo. Cor do DS sem profundidade (ex: accent).',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'accent' }
+            },
+            name: 'active-color'
+        },
+        colorMode: {
+            control: { type: 'inline-radio' },
+            options: ['dark', 'light'],
+            description: 'Seta tema claro ou escuro.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'dark' }
+            },
+            name: 'color-mode'
+        },
+        behavior: {
+            control: { type: 'inline-radio' },
+            options: ['default', 'keep-open'],
+            description: 'Comportamento do accordion.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'default' }
+            },
+            name: 'behavior'
+        },
+        openIcon: {
+            control: { type: 'select' },
+            options: iconNames,
+            description: 'Ícone para abrir o item.',
+            table: {
+                category: 'Icons',
+                defaultValue: { summary: 'down' }
+            },
+            name: 'open-icon'
+        },
+        closeIcon: {
+            control: { type: 'select' },
+            options: iconNames,
+            description: 'Ícone para fechar o item.',
+            table: {
+                category: 'Icons',
+                defaultValue: { summary: 'up' }
+            },
+            name: 'close-icon'
+        },
+        iconSize: {
+            control: { type: 'select' },
+            options: ["128", "72", "64", "48", "40", "32", "24", "20", "16"],
+            description: 'Tamanho do ícone.',
+            table: {
+                category: 'Icons',
+                defaultValue: { summary: '24' }
+            },
+            name: 'icon-size'
+        },
+        iconColor: {
+            control: { type: 'select' },
+            options: ['', 'primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
+            description: 'Cor do ícone. (Por padrão ele utiliza a mesma cor da propriedade \'color\').',
+            table: {
+                category: 'Icons',
+            },
+            name: 'icon-color'
+        },
+        iconActiveColor: {
+            control: { type: 'select' },
+            options: ['', 'primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
+            description: 'Cor do ícone ativo. (Por padrão ele utiliza a mesma cor da propriedade \'active-color\').',
+            table: {
+                category: 'Icons',
+            },
+            name: 'icon-active-color'
+        },
+        darkBackground: {
+            control: 'boolean',
+            description: 'Não é uma propriedade do componente. Aplicado como estilo CSS diretamente para visualização em temas escuros de background',
+            table: {
+                category: 'CSS',
+                defaultValue: { summary: 'false' }
+            }
+        },
     },
-    colorMode: {
-      control: { type: 'inline-radio' },
-      options: ['dark', 'light'],
-      description: 'Seta tema claro ou escuro.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'dark' }
-      },
-      name: 'color-mode'
-    },
-    behavior: {
-      control: { type: 'inline-radio' },
-      options: ['default', 'keep-open'],
-      description: 'Comportamento do accordion.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'default' }
-      },
-      name: 'behavior'
-    },
-    openIcon: {
-      control: { type: 'select' },
-      options: iconNames,
-      description: 'Ícone para abrir o item.',
-      table: {
-        category: 'Icons',
-        defaultValue: { summary: 'down' }
-      },
-      name: 'open-icon'
-    },
-    closeIcon: {
-      control: { type: 'select' },
-      options: iconNames,
-      description: 'Ícone para fechar o item.',
-      table: {
-        category: 'Icons',
-        defaultValue: { summary: 'up' }
-      },
-      name: 'close-icon'
-    },
-    iconSize: {
-      control: { type: 'select' },
-      options: ["128", "72", "64", "48", "40", "32", "24", "20", "16"],
-      description: 'Tamanho do ícone.',
-      table: {
-        category: 'Icons',
-        defaultValue: { summary: '24' }
-      },
-      name: 'icon-size'
-    },
-    iconColor: {
-      control: { type: 'select' },
-      options: ['', 'primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
-      description: 'Cor do ícone. (Por padrão ele utiliza a mesma cor da propriedade \'color\').',
-      table: {
-        category: 'Icons',
-      },
-      name: 'icon-color'
-    },
-    iconActiveColor: {
-      control: { type: 'select' },
-      options: ['', 'primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
-      description: 'Cor do ícone ativo. (Por padrão ele utiliza a mesma cor da propriedade \'active-color\').',
-      table: {
-        category: 'Icons',
-      },
-      name: 'icon-active-color'
-    },
-    darkBackground: {
-      control: 'boolean',
-      description: 'Não é uma propriedade do componente. Aplicado como estilo CSS diretamente para visualização em temas escuros de background',
-      table: {
-        category: 'CSS',
-        defaultValue: { summary: 'false' }
-      }
-    },
-  },
 };
 export const Accordion = {
-  args: {
-    color: 'primary',
-    activeColor: 'accent',
-    colorMode: 'dark',
-    openIcon: 'down',
-    closeIcon: 'up',
-    iconSize: '24',
-    iconColor: "",
-    iconActiveColor: "",
-    behavior: 'default',
-    darkBackground: false,
-  },
+    args: {
+        color: 'primary',
+        activeColor: 'accent',
+        colorMode: 'dark',
+        openIcon: 'down',
+        closeIcon: 'up',
+        iconSize: '24',
+        iconColor: "",
+        iconActiveColor: "",
+        behavior: 'default',
+        darkBackground: false,
+    },
 };
 //# sourceMappingURL=cura-accordion.stories.js.map

package/dist/collection/components/accordion/cura-accordion/cura-accordion.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/accordion/cura-accordion/cura-accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import iconNames from '../../../assets/icons/iconset-default-list';\n\nexport default {\n  title: 'Componentes/Accordion/Accordion',\n  tags: ['autodocs'],\n  render: ({ ...args }) => {\n    // You can either use a function to create DOM elements or use a plain html string!\n    // return `<div>${label}</div>`;\n    return `<cura-accordion\n    color=\"${args.color}\"\n    active-color=\"${args.activeColor}\"\n    color-mode=\"${args.colorMode}\"\n    open-icon=\"${args.openIcon}\"\n    close-icon=\"${args.closeIcon}\"\n    icon-size=\"${args.iconSize}\"\n    icon-color=\"${args.iconColor}\"\n    icon-active-color=\"${args.iconActiveColor}\"\n    behavior=\"${args.behavior}\"\n    style=\"${args.darkBackground ? 'background-color: #999; padding: 10px' : 'padding: 10px'}\"\n  >\n    <cura-accordion-item label=\"Item 1\">\n      Texto 1\n    </cura-accordion-item>\n    <cura-accordion-item label=\"Item 2\">\n      Texto 2\n    </cura-accordion-item>\n    <cura-accordion-item label=\"Item 3\">\n      Texto 3\n    </cura-accordion-item>\n    <cura-accordion-item label=\"Item 4\">\n      Texto 4\n    </cura-accordion-item>\n  </cura-accordion>`;\n  },\n  argTypes: {\n    color: {\n      control: { type: 'select' },\n      options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Define cor base do item. Cor do DS sem profundidade (ex: primary).',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'primary'}\n      },\n      name: 'color'\n    },\n    activeColor: {\n      control: { type: 'select' },\n      options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Define cor base do item ativo. Cor do DS sem profundidade (ex: accent).',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'accent'}\n      },\n      name: 'active-color'\n    },\n    colorMode: {\n      control: { type: 'inline-radio' },\n      options: ['dark', 'light'],\n      description: 'Seta tema claro ou escuro.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'dark'}\n      },\n      name: 'color-mode'\n    },\n    behavior: {\n      control: { type: 'inline-radio' },\n      options: ['default', 'keep-open'],\n      description: 'Comportamento do accordion.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'default'}\n      },\n      name: 'behavior'\n    },\n    openIcon: {\n      control: { type: 'select' },\n      options: iconNames,\n      description: 'Ícone para abrir o item.',\n      table: {\n        category: 'Icons',\n        defaultValue: { summary: 'down'}\n      },\n      name: 'open-icon'\n    },\n    closeIcon: {\n      control: { type: 'select' },\n      options: iconNames,\n      description: 'Ícone para fechar o item.',\n      table: {\n        category: 'Icons',\n        defaultValue: { summary: 'up'}\n      },\n      name: 'close-icon'\n    },\n    iconSize: {\n      control: { type: 'select' },\n      options: [\"128\", \"72\", \"64\", \"48\", \"40\", \"32\", \"24\", \"20\", \"16\"],\n      description: 'Tamanho do ícone.',\n      table: {\n        category: 'Icons',\n        defaultValue: { summary: '24'}\n      },\n      name: 'icon-size'\n    },\n    iconColor: {\n      control: { type: 'select' },\n      options: ['', 'primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Cor do ícone. (Por padrão ele utiliza a mesma cor da propriedade \\'color\\').',\n      table: {\n        category: 'Icons',\n      },\n      name: 'icon-color'\n    },\n    iconActiveColor: {\n      control: { type: 'select' },\n      options: ['', 'primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Cor do ícone ativo. (Por padrão ele utiliza a mesma cor da propriedade \\'active-color\\').',\n      table: {\n        category: 'Icons',\n      },\n      name: 'icon-active-color'\n    },\n\n    darkBackground: {\n      control: 'boolean',\n      description: 'Não é uma propriedade do componente. Aplicado como estilo CSS diretamente para visualização em temas escuros de background',\n      table: {\n        category: 'CSS',\n        defaultValue: { summary: 'false'}\n      }\n    },\n  },\n};\n\nexport const Accordion = {\n  args: {\n    color: 'primary',\n    activeColor: 'accent',\n    colorMode: 'dark',\n    openIcon: 'down',\n    closeIcon: 'up',\n    iconSize: '24',\n    iconColor: \"\",\n    iconActiveColor: \"\",\n    behavior: 'default',\n    darkBackground: false,\n  },\n};\n"]}
+{"version":3,"file":"cura-accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/accordion/cura-accordion/cura-accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import iconNames from '../../../assets/icons/iconset-default-list';\n\nexport default {\n  title: 'Componentes/Accordion/Accordion',\n  tags: ['autodocs'],\n  render: ({ ...args }) => {\n    // You can either use a function to create DOM elements or use a plain html string!\n    // return `<div>${label}</div>`;\n    return `<cura-accordion\n    color=\"${args.color}\"\n    active-color=\"${args.activeColor}\"\n    color-mode=\"${args.colorMode}\"\n    open-icon=\"${args.openIcon}\"\n    close-icon=\"${args.closeIcon}\"\n    icon-size=\"${args.iconSize}\"\n    icon-color=\"${args.iconColor}\"\n    icon-active-color=\"${args.iconActiveColor}\"\n    behavior=\"${args.behavior}\"\n    style=\"${args.darkBackground ? 'background-color: #999; padding: 10px' : 'padding: 10px'}\"\n  >\n    <cura-accordion-item label=\"Item 1\">\n      Texto 1\n    </cura-accordion-item>\n    <cura-accordion-item label=\"Item 2\">\n      Texto 2\n    </cura-accordion-item>\n    <cura-accordion-item label=\"Item 3\">\n      Texto 3\n    </cura-accordion-item>\n    <cura-accordion-item label=\"Item 4\">\n      Texto 4\n    </cura-accordion-item>\n  </cura-accordion>`;\n  },\n  argTypes: {\n    color: {\n      control: { type: 'select' },\n      options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Define cor base do item. Cor do DS sem profundidade (ex: primary).',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'primary'}\n      },\n      name: 'color'\n    },\n    activeColor: {\n      control: { type: 'select' },\n      options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Define cor base do item ativo. Cor do DS sem profundidade (ex: accent).',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'accent'}\n      },\n      name: 'active-color'\n    },\n    colorMode: {\n      control: { type: 'inline-radio' },\n      options: ['dark', 'light'],\n      description: 'Seta tema claro ou escuro.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'dark'}\n      },\n      name: 'color-mode'\n    },\n    behavior: {\n      control: { type: 'inline-radio' },\n      options: ['default', 'keep-open'],\n      description: 'Comportamento do accordion.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'default'}\n      },\n      name: 'behavior'\n    },\n    openIcon: {\n      control: { type: 'select' },\n      options: iconNames,\n      description: 'Ícone para abrir o item.',\n      table: {\n        category: 'Icons',\n        defaultValue: { summary: 'down'}\n      },\n      name: 'open-icon'\n    },\n    closeIcon: {\n      control: { type: 'select' },\n      options: iconNames,\n      description: 'Ícone para fechar o item.',\n      table: {\n        category: 'Icons',\n        defaultValue: { summary: 'up'}\n      },\n      name: 'close-icon'\n    },\n    iconSize: {\n      control: { type: 'select' },\n      options: [\"128\", \"72\", \"64\", \"48\", \"40\", \"32\", \"24\", \"20\", \"16\"],\n      description: 'Tamanho do ícone.',\n      table: {\n        category: 'Icons',\n        defaultValue: { summary: '24'}\n      },\n      name: 'icon-size'\n    },\n    iconColor: {\n      control: { type: 'select' },\n      options: ['', 'primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Cor do ícone. (Por padrão ele utiliza a mesma cor da propriedade \\'color\\').',\n      table: {\n        category: 'Icons',\n      },\n      name: 'icon-color'\n    },\n    iconActiveColor: {\n      control: { type: 'select' },\n      options: ['', 'primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Cor do ícone ativo. (Por padrão ele utiliza a mesma cor da propriedade \\'active-color\\').',\n      table: {\n        category: 'Icons',\n      },\n      name: 'icon-active-color'\n    },\n\n    darkBackground: {\n      control: 'boolean',\n      description: 'Não é uma propriedade do componente. Aplicado como estilo CSS diretamente para visualização em temas escuros de background',\n      table: {\n        category: 'CSS',\n        defaultValue: { summary: 'false'}\n      }\n    },\n  },\n};\n\nexport const Accordion = {\n  args: {\n    color: 'primary',\n    activeColor: 'accent',\n    colorMode: 'dark',\n    openIcon: 'down',\n    closeIcon: 'up',\n    iconSize: '24',\n    iconColor: \"\",\n    iconActiveColor: \"\",\n    behavior: 'default',\n    darkBackground: false,\n  },\n};\n"]}