@cypress-design/react-accordion 0.2.1 → 0.4.0

package/.turbo/turbo-build.log

@@ -0,0 +1,6 @@
+$ yarn build:module && yarn build:types
+$ rollup -c ./rollup.config.mjs
+
+./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
+created ./dist/index.umd.js, ./dist/index.es.mjs in 22.9s
+$ tsc --project ./tsconfig.build.json

package/Accordion.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import clsx from 'clsx'
-import { CssClasses } from '../constants'
-import type { AccordionProps } from '../constants'
+import { CssClasses } from '@cypress-design/constants-accordion'
+import type { AccordionProps } from '@cypress-design/constants-accordion'
 import { DetailsAnimation } from '@cypress-design/details-animation'
 import { IconChevronDownSmall } from '@cypress-design/react-icon'
 

package/AccordionReact.cy.tsx

@@ -1,7 +1,7 @@
 /// <reference types="cypress" />
 
 import * as React from 'react'
-import { mount } from 'cypress/react'
+import { mount } from 'cypress/react18'
 import AccordionStory from './Accordion.rootstory'
 import assertions from '../assertions'
 import Accordion from './Accordion'

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @cypress-design/react-accordion
 
+## 0.4.0
+
+### Minor Changes
+
+- [#196](https://github.com/cypress-io/cypress-design/pull/196) [`fc6d9e4`](https://github.com/cypress-io/cypress-design/commit/fc6d9e4fedcc01fa8e01b868b0fa66d8895c37d0) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: avoid constants relative imports
+
+### Patch Changes
+
+- Updated dependencies [[`fc6d9e4`](https://github.com/cypress-io/cypress-design/commit/fc6d9e4fedcc01fa8e01b868b0fa66d8895c37d0)]:
+  - @cypress-design/react-icon@0.20.0
+
+## 0.3.0
+
+### Minor Changes
+
+- [#178](https://github.com/cypress-io/cypress-design/pull/178) [`d0de778`](https://github.com/cypress-io/cypress-design/commit/d0de77843adb87d8f4804219c6dca8f45b15c650) Thanks [@elevatebart](https://github.com/elevatebart)! - deliver new docs and improved components
+
+### Patch Changes
+
+- Updated dependencies [[`18399c7`](https://github.com/cypress-io/cypress-design/commit/18399c72a52288c67af0935384430d4e4cd24251), [`d0de778`](https://github.com/cypress-io/cypress-design/commit/d0de77843adb87d8f4804219c6dca8f45b15c650)]:
+  - @cypress-design/react-icon@0.19.0
+  - @cypress-design/details-animation@0.1.0
+
 ## 0.2.1
 
 ### Patch Changes

package/ReadMe.md

@@ -1,10 +1,6 @@
 # Accordion
 
-## Summary
-
-Collapsible component with a header and a body.
-
-## install
+## Install
 
 ```bash
 npm install @cypress-design/react-accordion
@@ -22,16 +18,20 @@ yarn add @cypress-design/react-accordion
 import Accordion from '@cypress-design/react-accordion'
 ```
 
-```tsx
-<Accordion
-  icon={IconActionQuestionMarkCircle}
-  title="Accordion Title"
-  description="Vestibulum id ligula porta felis euismod semper. Nulla... "
-  separator
-  open
-  fullWidthContent
->
-  Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis
-  nemo minus, sapiente magni ...
-</Accordion>
+```tsx live
+import { IconActionQuestionMarkCircle } from '@cypress-design/react-icon'
+
+export default () => (
+  <Accordion
+    icon={IconActionQuestionMarkCircle}
+    title="Accordion Title"
+    description="Vestibulum id ligula porta felis euismod semper. Nulla... "
+    separator
+    open
+    fullWidthContent
+  >
+    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis
+    nemo minus, sapiente magni ...
+  </Accordion>
+)
 ```

package/dist/{react/Accordion.d.ts → Accordion.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { AccordionProps } from '../constants';
+import type { AccordionProps } from '@cypress-design/constants-accordion';
 export interface AccordionPropsReact extends AccordionProps {
     /**
      * Icon to be displayed on the left of the the heading. Overridden by the iconEl prop, if both are provided.

package/dist/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"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,qCAAqC,CAAA;AAIzE,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/index.d.ts.map

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

package/dist/index.es.mjs

@@ -42,7 +42,7 @@ function __rest$1(s, e) {
     return t;
 }
 
-var CssClasses = {
+const CssClasses = {
     summary: 'details-none card open:rounded-b-none',
     summaryDiv: 'flex flex-row py-[12px] px-[24px] flex-nowrap items-center min-h-[63px]',
     summaryColor: 'bg-white',
@@ -54,7 +54,7 @@ var CssClasses = {
     separator: 'w-[1px] h-[40px] bg-gray-100 mr-[16px]',
     chevron: 'flex-shrink-0 transition transform rotate-0 open:rotate-180',
     contentWrapper: 'border border-gray-100 rounded-b-md border-t-0',
-    content: 'px-[24px] py-[16px]'
+    content: 'px-[24px] py-[16px]',
 };
 
 /******************************************************************************
@@ -104,8 +104,8 @@ var compileReactIconProperties = function (_a) {
         }
         return newAttributes;
     }, {});
-    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 " + size + " " + size, fill: 'none', dangerouslySetInnerHTML: {
-            __html: body
+    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
+            __html: body,
         } }, filteredAttributes);
     if (attributes.className) {
         compiledClasses.push(attributes.className);
@@ -118,16 +118,17 @@ var compileReactIconProperties = function (_a) {
 var IconChevronDownSmall = function (props) {
     var _a = iconsRegistry.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["8", "16"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
     var iconBodies = {
-        "8": "<path d=\"m1 2.5 3 3 3-3\" stroke=\"currentColor\" class=\"icon-dark\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
-        "16": "<path d=\"m4 6 4 4 4-4\" stroke=\"currentColor\" class=\"icon-dark\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
+        "8": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m1 2.5 3 3 3-3\" class=\"icon-dark\"/>",
+        "16": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m4 6 4 4 4-4\" class=\"icon-dark\"/>"
     };
     var body = iconBodies[size];
     if (!body) {
-        throw Error("Icon \"chevron-down-small\" is not available in size " + size);
+        throw Error("Icon \"chevron-down-small\" is not available in size ".concat(size));
     }
     return React.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
 };
 
+
 /* <windicss-keep class=""> */
 
 var Accordion = function (_a) {
@@ -153,6 +154,6 @@ var Accordion = function (_a) {
 };
 
 export { Accordion as default };
-
-/* <windicss-keep class="flex-grow pr-[16px] open:icon-dark-gray-500 details-none card open:rounded-b-none flex flex-row py-[12px] px-[24px] flex-nowrap items-center min-h-[63px] bg-white text-[18px] leading-[28px] font-medium text-indigo-500 block text-[14px] leading-[20px] font-normal text-gray-700 mr-[24px] flex-shrink-0 w-[1px] h-[40px] bg-gray-100 mr-[16px] transition transform rotate-0 open:rotate-180 border border-gray-100 rounded-b-md border-t-0 py-[16px]"> */
 //# sourceMappingURL=index.es.mjs.map
+
+/* <windicss-keep class="flex-grow pr-[16px] open:icon-dark-gray-500"> */