@cypress-design/vue-accordion 0.1.8 → 0.2.1

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.vue +2 -1
  3. package/CHANGELOG.md +17 -0
  4. package/dist/index.es.mjs +10 -9
  5. package/dist/index.es.mjs.map +1 -1
  6. package/dist/index.umd.js +2 -2
  7. package/dist/index.umd.js.map +1 -1
  8. package/package.json +1 -1
package/Accordion.rootstory.tsx CHANGED
@@ -15,7 +15,7 @@ export default (options: AccordionStoryOptions = {}) => {
15
15
  } = options
16
16
 
17
17
  return (
18
- <div className="m-16px">
18
+ <div className="m-[16px]">
19
19
  <Accordion
20
20
  title={title}
21
21
  separator={separator}
package/Accordion.vue CHANGED
@@ -12,8 +12,9 @@
12
12
  <span
13
13
  v-if="(props.icon || slots.iconEl) && separator"
14
14
  :class="CssClasses.separator"
15
+ role="separator"
15
16
  />
16
- <span class="flex-grow pr-16px">
17
+ <span class="flex-grow pr-[16px]">
17
18
  <span
18
19
  :class="[
19
20
  titleClassName ? titleClassName : CssClasses.summaryTitleColor,
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @cypress-design/vue-accordion
2
2
 
3
+ ## 0.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c798320`](https://github.com/cypress-io/cypress-design/commit/c798320236ec41a43eb74be80f407781e980aaf0) Thanks [@elevatebart](https://github.com/elevatebart)! - fix the aria-role of accordion separator
8
+
9
+ ## 0.2.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#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
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies [[`106b61a`](https://github.com/cypress-io/cypress-design/commit/106b61a97888f956a4c9d235fde5efb4243e1445), [`7b4f416`](https://github.com/cypress-io/cypress-design/commit/7b4f4162a0d150aa8cab7ec239faebb58c39464d)]:
18
+ - @cypress-design/vue-icon@0.18.0
19
+
3
20
  ## 0.1.8
4
21
 
5
22
  ### Patch Changes
package/dist/index.es.mjs CHANGED
@@ -4,17 +4,17 @@ import * as z from "@cypress-design/icon-registry";
4
4
  import { ICON_COLOR_PROP_NAMES as B } from "@cypress-design/icon-registry";
5
5
  const n = {
6
6
  summary: "details-none card open:rounded-b-none",
7
- summaryDiv: "flex flex-row py-12px px-24px flex-nowrap items-center min-h-63px",
7
+ summaryDiv: "flex flex-row py-[12px] px-[24px] flex-nowrap items-center min-h-[63px]",
8
8
  summaryColor: "bg-white",
9
- summaryTitle: "text-18px leading-28px font-medium",
9
+ summaryTitle: "text-[18px] leading-[28px] font-medium",
10
10
  summaryTitleColor: "text-indigo-500 block",
11
- summaryDescription: "text-14px leading-20px font-normal block",
11
+ summaryDescription: "text-[14px] leading-[20px] font-normal block",
12
12
  summaryDescriptionColor: "text-gray-700",
13
- icon: "mr-24px flex-shrink-0",
14
- separator: "w-1px h-40px bg-gray-100 mr-16px",
13
+ icon: "mr-[24px] flex-shrink-0",
14
+ separator: "w-[1px] h-[40px] bg-gray-100 mr-[16px]",
15
15
  chevron: "flex-shrink-0 transition transform rotate-0 open:rotate-180",
16
16
  contentWrapper: "border border-gray-100 rounded-b-md border-t-0",
17
- content: "px-24px py-16px"
17
+ content: "px-[24px] py-[16px]"
18
18
  }, E = ({
19
19
  body: e,
20
20
  compiledClasses: t,
@@ -45,7 +45,7 @@ const n = {
45
45
  body: l,
46
46
  compiledClasses: r
47
47
  }));
48
- }, S = { class: "flex-grow pr-16px" }, A = /* @__PURE__ */ v({
48
+ }, S = { class: "flex-grow pr-[16px]" }, A = /* @__PURE__ */ v({
49
49
  __name: "Accordion",
50
50
  props: {
51
51
  title: null,
@@ -84,7 +84,8 @@ const n = {
84
84
  ], 2),
85
85
  (t.icon || o(r).iconEl) && e.separator ? (d(), y("span", {
86
86
  key: 0,
87
- class: s(o(n).separator)
87
+ class: s(o(n).separator),
88
+ role: "separator"
88
89
  }, null, 2)) : k("", !0),
89
90
  i("span", S, [
90
91
  i("span", {
@@ -127,5 +128,5 @@ export {
127
128
  A as default
128
129
  };
129
130
 
130
- /* <windicss-keep class="flex-grow pr-16px open:icon-dark-gray-500 icon-dark-gray-300 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"> */
131
+ /* <windicss-keep class="flex-grow pr-[16px] open:icon-dark-gray-500 icon-dark-gray-300 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]"> */
131
132
  //# sourceMappingURL=index.es.mjs.map