@ama-pt/agora-design-system 0.1.1

package/dist/esm/components/ui/molecules/accordion/accordion.stories.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { Icon } from '../../atoms/icon';
+import { Accordion } from './accordion';
+export default {
+    title: 'Components/Molecules/Accordion',
+    component: Accordion
+};
+export const SingleAccordion = (args) => {
+    return React.createElement(Accordion, Object.assign({}, args));
+};
+SingleAccordion.args = {
+    accordionItems: [
+        {
+            headerTitle: (React.createElement(React.Fragment, null,
+                React.createElement(Icon, { icon: "agora-illustrate-file", ariaHidden: true }),
+                React.createElement("span", { className: "text-interaction-button-l ml-16" }, "Title lorem ipsum"))),
+            content: 'Description egestas sit dictum elementum, turpis morbi amet mauris nunc vitae nisl sapien ut in sed etiam massa at eu neque tellus semper vel ultrices ipsum vel at semper dignissim vehicula.',
+            headerTitleClassName: 'bg-white hover:bg-primary-100',
+            contentClassName: 'text-text-m',
+            accordionItemClassName: 'border-b border-neutral-300'
+        }
+    ],
+    headerTag: 'h3',
+    type: 'single'
+};
+SingleAccordion.storyName = 'Accordion Single';
+export const AccordionGroup = (args) => {
+    return React.createElement(Accordion, Object.assign({}, args));
+};
+AccordionGroup.args = {
+    accordionItems: [
+        {
+            headerTitle: (React.createElement(React.Fragment, null,
+                React.createElement(Icon, { icon: "agora-illustrate-file", ariaHidden: true }),
+                React.createElement("span", { className: "text-interaction-button-l ml-16" }, "Title lorem ipsum"))),
+            content: 'Description egestas sit dictum elementum, turpis morbi amet mauris nunc vitae nisl sapien ut in sed etiam massa at eu neque tellus semper vel ultrices ipsum vel at semper dignissim vehicula.',
+            headerTitleClassName: 'bg-white hover:bg-primary-100',
+            contentClassName: 'text-text-m',
+            accordionItemClassName: 'border-b border-neutral-300'
+        },
+        {
+            headerTitle: (React.createElement(React.Fragment, null,
+                React.createElement(Icon, { icon: "agora-illustrate-file", ariaHidden: true }),
+                React.createElement("span", { className: "text-interaction-button-l ml-16" }, "Title lorem ipsum"))),
+            content: 'Description egestas sit dictum elementum, turpis morbi amet mauris nunc vitae nisl sapien ut in sed etiam massa at eu neque tellus semper vel ultrices ipsum vel at semper dignissim vehicula.',
+            headerTitleClassName: 'bg-white hover:bg-primary-100',
+            contentClassName: 'text-text-m',
+            accordionItemClassName: 'border-b border-neutral-300'
+        }
+    ],
+    headerTag: 'h3',
+    type: 'multiple'
+};
+AccordionGroup.storyName = 'Accordion Group';
+//# sourceMappingURL=accordion.stories.js.map

package/dist/esm/components/ui/molecules/accordion/accordion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/molecules/accordion/accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAsD,MAAM,aAAa,CAAC;AAE5F,eAAe;IACb,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,SAAS;CACc,CAAC;AAErC,MAAM,CAAC,MAAM,eAAe,GAAgE,CAAC,IAAI,EAAE,EAAE;IACnG,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;AACjC,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,cAAc,EAAE;QACd;YACE,WAAW,EAAE,CACX;gBACE,oBAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,EAAC,UAAU,SAAG;gBAChD,8BAAM,SAAS,EAAC,iCAAiC,wBAAyB,CACzE,CACJ;YACD,OAAO,EACL,gMAAgM;YAClM,oBAAoB,EAAE,+BAA+B;YACrD,gBAAgB,EAAE,aAAa;YAC/B,sBAAsB,EAAE,6BAA6B;SACtD;KACkB;IACrB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,QAAQ;CACyC,CAAC;AAE1D,eAAe,CAAC,SAAS,GAAG,kBAAkB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAgE,CAAC,IAAI,EAAE,EAAE;IAClG,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;AACjC,CAAC,CAAC;AACF,cAAc,CAAC,IAAI,GAAG;IACpB,cAAc,EAAE;QACd;YACE,WAAW,EAAE,CACX;gBACE,oBAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,EAAC,UAAU,SAAG;gBAChD,8BAAM,SAAS,EAAC,iCAAiC,wBAAyB,CACzE,CACJ;YACD,OAAO,EACL,gMAAgM;YAClM,oBAAoB,EAAE,+BAA+B;YACrD,gBAAgB,EAAE,aAAa;YAC/B,sBAAsB,EAAE,6BAA6B;SACtD;QACD;YACE,WAAW,EAAE,CACX;gBACE,oBAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,EAAC,UAAU,SAAG;gBAChD,8BAAM,SAAS,EAAC,iCAAiC,wBAAyB,CACzE,CACJ;YACD,OAAO,EACL,gMAAgM;YAClM,oBAAoB,EAAE,+BAA+B;YACrD,gBAAgB,EAAE,aAAa;YAC/B,sBAAsB,EAAE,6BAA6B;SACtD;KACkB;IACrB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,UAAU;CACuC,CAAC;AAE1D,cAAc,CAAC,SAAS,GAAG,iBAAiB,CAAC"}

package/dist/esm/components/ui/molecules/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from './accordion';
+export type { AccordionProps, AccordionTagsProps, AccordionItems } from './accordion';

package/dist/esm/components/ui/molecules/accordion/index.js

@@ -0,0 +1,2 @@
+export { Accordion } from './accordion';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ui/molecules/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/ui/molecules/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/components/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './string-to-boolean';

package/dist/esm/components/utils/index.js

@@ -0,0 +1,2 @@
+export * from './string-to-boolean';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/esm/components/utils/string-to-boolean.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Convert string like value to Boolean
+ * @param value true | false | 'true' | 'false'
+ * @returns boolean
+ */
+export declare function stringToBoolean(value: boolean | string | 'true' | 'false' | undefined): boolean;

package/dist/esm/components/utils/string-to-boolean.js

@@ -0,0 +1,16 @@
+/**
+ * Convert string like value to Boolean
+ * @param value true | false | 'true' | 'false'
+ * @returns boolean
+ */
+export function stringToBoolean(value) {
+    // some params could be undefined (not required)
+    if (typeof value === 'undefined')
+        return false;
+    // if primitive boolean return self-value
+    if (typeof value === 'boolean') {
+        return value;
+    }
+    return value === 'true';
+}
+//# sourceMappingURL=string-to-boolean.js.map

package/dist/esm/components/utils/string-to-boolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-to-boolean.js","sourceRoot":"","sources":["../../../../src/components/utils/string-to-boolean.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,KAAsD;IACpF,gDAAgD;IAChD,IAAI,OAAO,KAAK,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAC/C,yCAAyC;IACzC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;QAC9B,OAAO,KAAK,CAAC;KACd;IACD,OAAO,KAAK,KAAK,MAAM,CAAC;AAC1B,CAAC"}

package/dist/esm/styles/globals.scss

@@ -0,0 +1,29 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  p,
+  a,
+  li,
+  span,
+  em,
+  input,
+  select,
+  i,
+  optgroup,
+  option,
+  textarea,
+  div,
+  label,
+  button {
+    @apply text-text-m;
+  }
+}
+textarea,
+input[type] {
+  &::placeholder {
+    @apply text-interaction-input-text text-neutral-700;
+  }
+}

package/package.json

@@ -0,0 +1,114 @@
+{
+  "name": "@ama-pt/agora-design-system",
+  "description": "Ágora Design system",
+  "version": "0.1.1",
+  "main": "dist/cjs/components/index.js",
+  "module": "dist/esm/components/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "lint": "eslint src --ext .js,.jsx,.ts,.tsx,.json",
+    "lint:fix": "eslint --fix ./**/*.{js,jsx,ts,tsx,json}",
+    "format": "prettier --write ./**/*.{js,jsx,ts,tsx,css,scss,mdx,md,json} --config ./.prettierrc",
+    "clean": "gulp clean",
+    "minify-css": "gulp minify-css",
+    "copy-assets": "gulp assets",
+    "copy-component-styles": "gulp components",
+    "copy-global-styles": "gulp scss",
+    "build:tailwind": "npx tailwindcss-cli build -i src/styles/globals.scss -o dist/css/index.css",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module CommonJS --outDir dist/cjs/components",
+    "build": "npm run clean && npm run build:esm && npm run build:cjs && npm run build:tailwind --yes && npm run minify-css && npm run copy-assets && npm run copy-component-styles && npm run copy-global-styles"
+  },
+  "dependencies": {
+    "@babel/core": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@radix-ui/react-accordion": "^1.0.1",
+    "babel-loader": "^8.2.5",
+    "classnames": "^2.3.2",
+    "next-transpile-modules": "^10.0.0",
+    "raw-loader": "^4.0.2",
+    "sass": "^1.56.2",
+    "source-map-loader": "^4.0.1",
+    "url-loader": "^4.1.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.2",
+    "@storybook/addon-a11y": "^6.5.13",
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-interactions": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/builder-webpack5": "^6.5.13",
+    "@storybook/manager-webpack5": "^6.5.13",
+    "@storybook/mdx2-csf": "^0.0.3",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/preset-typescript": "^3.0.0",
+    "@storybook/react": "^6.5.13",
+    "@storybook/testing-library": "^0.0.13",
+    "@storybook/theming": "^6.5.13",
+    "@types/node": "^18.11.9",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.0.25",
+    "@types/react-dom": "^18.0.9",
+    "@typescript-eslint/eslint-plugin": "^5.44.0",
+    "@typescript-eslint/parser": "^5.44.0",
+    "autoprefixer": "^10.4.13",
+    "babel-loader": "^9.1.0",
+    "eslint": "8.28.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript-prettier": "^5.0.0",
+    "eslint-config-next": "13.0.4",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import-helpers": "^1.3.1",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.7",
+    "gulp": "^4.0.2",
+    "gulp-clean": "^0.4.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-concat-util": "^0.5.5",
+    "gulp-sourcemaps": "^3.0.0",
+    "gulp-touch-cmd": "^0.0.1",
+    "next": "^13.0.4",
+    "postcss": "^8.4.19",
+    "postcss-loader": "^7.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "sass": "^1.56.1",
+    "sass-loader": "^13.2.0",
+    "storybook-addon-next": "^1.6.10",
+    "tailwindcss": "^3.2.4",
+    "typescript": "4.9.3",
+    "webpack": "^5.75.0",
+    "webpack-merge": "^5.8.0"
+  },
+  "resolutions": {
+    "webpack": "^5.75.0"
+  },
+  "overrides": {
+    "chokidar": "^3.5.3",
+    "glob-parent": "^6.0.2",
+    "trim-newlines": "^4.0.2",
+    "trim": "^1.0.1",
+    "enhanced-resolve": "5.10.0"
+  },
+  "peerDependencies": {
+    "next": "^13.0.4",
+    "react": "^18.2.0"
+  },
+  "author": {
+    "name": "TicApp"
+  },
+  "license": "MIT"
+}