@cypress-design/react-accordion 0.1.7 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/Accordion.rootstory.tsx +1 -1
  2. package/Accordion.tsx +2 -2
  3. package/CHANGELOG.md +11 -0
  4. package/dist/index.es.mjs +9 -9
  5. package/dist/index.es.mjs.map +1 -1
  6. package/dist/index.umd.js +9 -9
  7. package/dist/index.umd.js.map +1 -1
  8. package/package.json +1 -1
package/Accordion.rootstory.tsx CHANGED
@@ -16,7 +16,7 @@ export default (options: AccordionStoryOptions = {}) => {
16
16
  ...rest
17
17
  } = options
18
18
  return (
19
- <div className="m-16px">
19
+ <div className="m-[16px]">
20
20
  <Accordion
21
21
  title={title}
22
22
  description={description}
package/Accordion.tsx CHANGED
@@ -52,9 +52,9 @@ export const Accordion: React.FC<
52
52
  {Icon && !iconEl && <Icon className={CssClasses.icon} />}
53
53
 
54
54
  {(Icon || iconEl) && separator && (
55
- <span className={CssClasses.separator} />
55
+ <span className={CssClasses.separator} aria-role="separator" />
56
56
  )}
57
- <span className="flex-grow pr-16px">
57
+ <span className="flex-grow pr-[16px]">
58
58
  <span
59
59
  className={clsx(
60
60
  titleClassName ?? CssClasses.summaryTitleColor,
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @cypress-design/react-accordion
2
2
 
3
+ ## 0.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#151](https://github.com/cypress-io/cypress-design/pull/151) [`8b0e735`](https://github.com/cypress-io/cypress-design/commit/8b0e7356eb64a6b3583d3486dda8ecbb11c34cca) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: use clases compatible with both windi and tailwind
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`106b61a`](https://github.com/cypress-io/cypress-design/commit/106b61a97888f956a4c9d235fde5efb4243e1445), [`7b4f416`](https://github.com/cypress-io/cypress-design/commit/7b4f4162a0d150aa8cab7ec239faebb58c39464d)]:
12
+ - @cypress-design/react-icon@0.17.0
13
+
3
14
  ## 0.1.7
4
15
 
5
16
  ### Patch Changes
package/dist/index.es.mjs CHANGED
@@ -44,17 +44,17 @@ function __rest$1(s, e) {
44
44
 
45
45
  var CssClasses = {
46
46
  summary: 'details-none card open:rounded-b-none',
47
- summaryDiv: 'flex flex-row py-12px px-24px flex-nowrap items-center min-h-63px',
47
+ summaryDiv: 'flex flex-row py-[12px] px-[24px] flex-nowrap items-center min-h-[63px]',
48
48
  summaryColor: 'bg-white',
49
- summaryTitle: 'text-18px leading-28px font-medium',
49
+ summaryTitle: 'text-[18px] leading-[28px] font-medium',
50
50
  summaryTitleColor: 'text-indigo-500 block',
51
- summaryDescription: 'text-14px leading-20px font-normal block',
51
+ summaryDescription: 'text-[14px] leading-[20px] font-normal block',
52
52
  summaryDescriptionColor: 'text-gray-700',
53
- icon: 'mr-24px flex-shrink-0',
54
- separator: 'w-1px h-40px bg-gray-100 mr-16px',
53
+ icon: 'mr-[24px] flex-shrink-0',
54
+ separator: 'w-[1px] h-[40px] bg-gray-100 mr-[16px]',
55
55
  chevron: 'flex-shrink-0 transition transform rotate-0 open:rotate-180',
56
56
  contentWrapper: 'border border-gray-100 rounded-b-md border-t-0',
57
- content: 'px-24px py-16px'
57
+ content: 'px-[24px] py-[16px]'
58
58
  };
59
59
 
60
60
  /******************************************************************************
@@ -144,8 +144,8 @@ var Accordion = function (_a) {
144
144
  React.createElement("span", { className: CssClasses.summaryDiv },
145
145
  Boolean(iconEl) && React.createElement("span", { className: CssClasses.icon }, iconEl),
146
146
  Icon && !iconEl && React.createElement(Icon, { className: CssClasses.icon }),
147
- (Icon || iconEl) && separator && (React.createElement("span", { className: CssClasses.separator })),
148
- React.createElement("span", { className: "flex-grow pr-16px" },
147
+ (Icon || iconEl) && separator && (React.createElement("span", { className: CssClasses.separator, "aria-role": "separator" })),
148
+ React.createElement("span", { className: "flex-grow pr-[16px]" },
149
149
  React.createElement("span", { className: clsx(titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
150
150
  description && (React.createElement("span", { className: clsx(CssClasses.summaryDescription, descriptionClassName !== null && descriptionClassName !== void 0 ? descriptionClassName : CssClasses.summaryDescriptionColor) }, description))),
151
151
  React.createElement(IconChevronDownSmall, { strokeColor: "gray-300", className: clsx('open:icon-dark-gray-500', CssClasses.chevron) }))),
@@ -154,5 +154,5 @@ var Accordion = function (_a) {
154
154
 
155
155
  export { Accordion as default };
156
156
 
157
- /* <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"> */
157
+ /* <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]"> */
158
158
  //# sourceMappingURL=index.es.mjs.map