@cypress-design/react-accordion 0.2.1 → 0.4.0

package/package.json

@@ -1,27 +1,32 @@
 {
-	"name": "@cypress-design/react-accordion",
-	"version": "0.2.1",
-	"files": [
-		"*"
-	],
-	"typings": "./dist/react/index.d.ts",
-	"module": "./dist/index.es.mjs",
-	"main": "./dist/index.umd.js",
-	"exports": {
-		".": {
-			"import": "./dist/index.es.mjs",
-			"require": "./dist/index.umd.js"
-		}
-	},
-	"scripts": {
-		"build": "yarn build:module && yarn build:types",
-		"build:module": "rollup -c ./rollup.config.mjs",
-		"build:types": "tsc --project ./tsconfig.build.json"
-	},
-	"dependencies": {
-		"clsx": "*",
-		"@cypress-design/details-animation": "*",
-		"@cypress-design/react-icon": "*"
-	},
-	"license": "MIT"
+  "name": "@cypress-design/react-accordion",
+  "version": "0.4.0",
+  "files": [
+    "*"
+  ],
+  "typings": "./dist/index.d.ts",
+  "module": "./dist/index.es.mjs",
+  "main": "./dist/index.umd.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.mjs",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "yarn build:module && yarn build:types",
+    "build:module": "rollup -c ./rollup.config.mjs",
+    "build:types": "tsc --project ./tsconfig.build.json"
+  },
+  "dependencies": {
+    "clsx": "*",
+    "@cypress-design/details-animation": "*",
+    "@cypress-design/react-icon": "*"
+  },
+  "devDependencies": {
+    "@cypress-design/constants-accordion": "*",
+    "@cypress-design/css": "*"
+  },
+  "license": "MIT"
 }

package/tsconfig.build.json

@@ -7,7 +7,7 @@
     "../constants.ts"
   ],
   "compilerOptions": {
-    "outDir": "dist",
-    "rootDir": "../"
+    "sourceRoot": "./",
+    "outDir": "dist"
   }
 }

package/tsconfig.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../tsconfig.react.json",
+  "compilerOptions": {
+    "rootDir": "../"
+  },
   "include": ["*.tsx", "*.ts", "../*.ts", "../../../cypress/support/*.ts"]
 }

package/Accordion.stories.mdx

@@ -1,142 +0,0 @@
-import { ArgsTable, Canvas, Meta, Story, Description } from '@storybook/addon-docs'
-import { version } from "./package.json"
-import changelog from "./CHANGELOG.md"
-import readMe from "./ReadMe.md"
-import AccordionStory from './Accordion.rootstory'
-import { FIGMA_URL } from '../constants'
-
-import { Accordion } from './Accordion'
-import { IconActionQuestionMarkCircle } from '@cypress-design/react-icon'
-
-<h1>Accordion<span className="text-lg font-normal"> - v{version}</span></h1>
-
-<Meta title="Accordion" component={Accordion} parameters={{
-    design: {
-      type: "figma",
-      url: FIGMA_URL,
-    }
-  }} />
-
-### Usage
-
-```tsx
-import Accordion from '@cypress-design/react-accordion'
-```
-
-<Canvas withSource="none">
-  <Story name="Accordion">
-    <AccordionStory />
-  </Story>
-</Canvas>
-
-```tsx
-<Accordion
-  icon={IconActionQuestionMarkCircle}
-  title="Accordion Title"
-  description="Vestibulum id ligula porta felis euismod semper. Nulla... "
-  separator
->
-  Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
-</Accordion>
-```
-
-### Minimal
-
-<Canvas withSource="none">
-  <Story name="Minimal">
-    <AccordionStory description={null} icon={null} />
-  </Story>
-</Canvas>
-
-
-```tsx
-<Accordion title="Accordion Title">
-  Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
-</Accordion>
-```
-
-### Without separator
-
-<Canvas withSource="none">
-  <Story name="No Separator">
-    <AccordionStory separator={false} />
-  </Story>
-</Canvas>
-
-```tsx
-<Accordion
-  icon={IconActionQuestionMarkCircle}
-  title="Accordion Title"
-  description="Vestibulum id ligula porta felis euismod semper. Nulla... "
->
-  Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
-</Accordion>
-```
-
-### Without description
-
-<Canvas withSource="none">
-  <Story name="No Description">
-    <AccordionStory description={null} />
-  </Story>
-</Canvas>
-
-```tsx
-<Accordion
-  icon={IconActionQuestionMarkCircle}
-  title="Accordion Title"
-  separator
->
-  Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
-</Accordion>
-```
-
-### Open by default
-
-<Canvas withSource="none">
-  <Story name="Open">
-    <AccordionStory open />
-  </Story>
-</Canvas>
-
-```tsx
-<Accordion
-  icon={IconActionQuestionMarkCircle}
-  title="Accordion Title"
-  description="Vestibulum id ligula porta felis euismod semper. Nulla... "
-  separator
-  open
->
-  Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
-</Accordion>
-```
-
-### Icon as element
-
-If you need classes or props for your icon, you can pass it in as an element with props.
-
-<Canvas withSource="none">
-  <Story name="Icon as element">
-    <AccordionStory iconEl={<IconActionQuestionMarkCircle strokeColor="red-600" fillColor="red-50" />} />
-  </Story>
-</Canvas>
-
-```tsx
-<Accordion
-  iconEl={
-    <IconActionQuestionMarkCircle strokeColor="red-600" fillColor="red-50" />
-  }
-  title="Accordion Title"
-  description="Vestibulum id ligula porta felis euismod semper. Nulla... "
-  separator
-  open
->
-  Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
-</Accordion>
-```
-
-<ArgsTable />
-
-<Description>
-  {changelog.replace(/^# .+/, '## Changelog')}
-</Description>

package/dist/constants.d.ts

@@ -1,53 +0,0 @@
-export declare const CssClasses: {
-    summary: string;
-    summaryDiv: string;
-    summaryColor: string;
-    summaryTitle: string;
-    summaryTitleColor: string;
-    summaryDescription: string;
-    summaryDescriptionColor: string;
-    icon: string;
-    separator: string;
-    chevron: string;
-    contentWrapper: string;
-    content: string;
-};
-export interface AccordionProps {
-    /**
-     * Main indigo title.
-     * > [NOTE] Its color and font can be customized using `titleClassName`.
-     */
-    title: string;
-    /**
-     * Second line in the heading.
-     */
-    description?: string;
-    /**
-     * Icon to be displayed on the left of the the heading.
-     */
-    icon?: any;
-    /**
-     * Should we add a vertical separator between the icon and the text.
-     */
-    separator?: boolean;
-    /**
-     * Change the font and color of the heading title
-     */
-    titleClassName?: string;
-    /**
-     * Change the font and color of the heading description
-     */
-    descriptionClassName?: string;
-    /**
-     * Additional classes to add to the header of the accordion
-     * > [NOTE] useful to change the background color of the header
-     */
-    headingClassName?: string;
-    /**
-     * When using content that needs ti be edge to edge,
-     * removes the content wrapper from the content.
-     */
-    fullWidthContent?: boolean;
-}
-export declare const FIGMA_URL = "https://www.figma.com/file/1WJ3GVQyMV5e7xVxPg3yID/Design-System?node-id=2232%3A3477";
-//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;CActB,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAA;IACV;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,SAAS,wFACiE,CAAA"}

package/dist/react/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIlD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAC9B,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAwE1D,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/react/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}