quirk-ui 0.0.90 → 0.0.91

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 (4) hide show
  1. package/dist/assets/index26.css +1 -1
  2. package/dist/components/Accordion/index.js +23 -23
  3. package/dist/styles.css +1 -1
  4. package/package.json +1 -1
package/dist/assets/index26.css CHANGED
@@ -1 +1 @@
1
- ._accordion_1ozgm_1{width:100%;border-radius:var(--radius-md);overflow:hidden;background-color:transparent}._accordionItem_1ozgm_8{border-bottom:1px solid var(--color-border)}._accordionItem_1ozgm_8:last-child{border-bottom:none}._accordionHeader_1ozgm_16{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:background-color .3s}._accordionHeader_1ozgm_16:hover{background-color:var(--color-secondary)}._accordionContentWrapper_1ozgm_35{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1ozgm_42 ._accordionContentWrapper_1ozgm_35{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1ozgm_48 ._accordionContentWrapper_1ozgm_35{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1ozgm_35{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1ozgm_60{transition:transform .3s}._rotate_1ozgm_64{transform:rotate(180deg)}
1
+ ._accordion_1ahbg_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_1ahbg_7{border-bottom:1px solid var(--color-border)}._accordionItem_1ahbg_7:last-child{border-bottom:none}._accordionHeader_1ahbg_15{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_1ahbg_15:hover,._accordionHeader_1ahbg_15:hover ._icon_1ahbg_33{color:var(--color-primary)}._accordionContentWrapper_1ahbg_38{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1ahbg_45 ._accordionContentWrapper_1ahbg_38{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1ahbg_51 ._accordionContentWrapper_1ahbg_38{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1ahbg_38{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1ahbg_33{transition:transform .3s,color .3s ease-in-out}._rotate_1ahbg_67{transform:rotate(180deg)}
package/dist/components/Accordion/index.js CHANGED
@@ -1,15 +1,15 @@
1
- import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
- import { useState as p } from "react";
3
- import { C as g } from "../../chevron-down-DSUzBz9F.js";
4
- import '../../assets/index26.css';const C = "_accordion_1ozgm_1", u = "_accordionItem_1ozgm_8", z = "_accordionHeader_1ozgm_16", h = "_accordionContentWrapper_1ozgm_35", f = "_open_1ozgm_42", N = "_closed_1ozgm_48", $ = "_accordionContent_1ozgm_35", x = "_icon_1ozgm_60", H = "_rotate_1ozgm_64", c = {
5
- accordion: C,
6
- accordionItem: u,
7
- accordionHeader: z,
8
- accordionContentWrapper: h,
9
- open: f,
10
- closed: N,
11
- accordionContent: $,
12
- icon: x,
1
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
+ import { useState as h } from "react";
3
+ import { C as p } from "../../chevron-down-DSUzBz9F.js";
4
+ import '../../assets/index26.css';const g = "_accordion_1ahbg_1", C = "_accordionItem_1ahbg_7", b = "_accordionHeader_1ahbg_15", u = "_icon_1ahbg_33", f = "_accordionContentWrapper_1ahbg_38", N = "_open_1ahbg_45", $ = "_closed_1ahbg_51", x = "_accordionContent_1ahbg_38", H = "_rotate_1ahbg_67", c = {
5
+ accordion: g,
6
+ accordionItem: C,
7
+ accordionHeader: b,
8
+ icon: u,
9
+ accordionContentWrapper: f,
10
+ open: N,
11
+ closed: $,
12
+ accordionContent: x,
13
13
  rotate: H
14
14
  };
15
15
  function j({
@@ -17,30 +17,30 @@ function j({
17
17
  multiple: i = !1,
18
18
  className: d
19
19
  }) {
20
- const [m, _] = p([]), l = (o) => {
21
- _((n) => i ? n.includes(o) ? n.filter((r) => r !== o) : [...n, o] : n.includes(o) ? [] : [o]);
20
+ const [_, l] = h([]), m = (o) => {
21
+ l((n) => i ? n.includes(o) ? n.filter((a) => a !== o) : [...n, o] : n.includes(o) ? [] : [o]);
22
22
  };
23
- return /* @__PURE__ */ e("div", { className: `${d ?? ""} ${c.accordion}`, children: s.map(({ id: o, title: n, description: r }) => {
24
- const t = m.includes(o);
25
- return /* @__PURE__ */ a("div", { className: c.accordionItem, children: [
26
- /* @__PURE__ */ a(
23
+ return /* @__PURE__ */ e("div", { className: `${d ?? ""} ${c.accordion}`, children: s.map(({ id: o, title: n, description: a }) => {
24
+ const r = _.includes(o);
25
+ return /* @__PURE__ */ t("div", { className: c.accordionItem, children: [
26
+ /* @__PURE__ */ t(
27
27
  "button",
28
28
  {
29
29
  className: c.accordionHeader,
30
- onClick: () => l(o),
31
- "aria-expanded": t,
30
+ onClick: () => m(o),
31
+ "aria-expanded": r,
32
32
  children: [
33
33
  /* @__PURE__ */ e("span", { children: n }),
34
34
  /* @__PURE__ */ e(
35
- g,
35
+ p,
36
36
  {
37
- className: `${c.icon} ${t ? c.rotate : ""}`
37
+ className: `${c.icon} ${r ? c.rotate : ""}`
38
38
  }
39
39
  )
40
40
  ]
41
41
  }
42
42
  ),
43
- /* @__PURE__ */ e("div", { className: t ? c.open : c.closed, children: /* @__PURE__ */ e("div", { className: c.accordionContentWrapper, children: /* @__PURE__ */ e("div", { className: `${c.accordionContent}`, children: r }) }) })
43
+ /* @__PURE__ */ e("div", { className: r ? c.open : c.closed, children: /* @__PURE__ */ e("div", { className: c.accordionContentWrapper, children: /* @__PURE__ */ e("div", { className: `${c.accordionContent}`, children: a }) }) })
44
44
  ] }, o);
45
45
  }) });
46
46
  }
package/dist/styles.css CHANGED
@@ -23,7 +23,7 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
23
23
  ._avatar_1ihs2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid;cursor:default;transition:transform .3s}._avatar_1ihs2_1:hover{transform:scale(1.05)}._sm_1ihs2_17{width:32px;height:32px;font-size:12px}._md_1ihs2_23{width:48px;height:48px;font-size:16px}._lg_1ihs2_29{width:64px;height:64px;font-size:20px}._xl_1ihs2_35{width:80px;height:80px;font-size:20px}._image_1ihs2_41{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_1ihs2_48{color:#fff;font-family:var(--font-weight-bold)}._status_1ihs2_53{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background-color:var(--color-offline);z-index:1}._online_1ihs2_65{background-color:var(--color-online)}._offline_1ihs2_69{background-color:var(--color-offline)}._busy_1ihs2_73{background-color:var(--color-busy)}
24
24
  :root{--badge-bg-default: var(--color-secondary, #94a3b8);--badge-bg-success: var(--color-success-bg, #28a745);--badge-bg-warning: var(--color-warning-bg, #f59e0b);--badge-bg-error: var(--color-error-bg, #bd1919);--badge-bg-info: var(--color-info-bg);--badge-text-default: var(--color-secondary-foreground, #fff);--badge-text-success: var(--color-success-text, #fff);--badge-text-warning: var(--color-warning-text, #333);--badge-text-error: var(--color-error-text, #fff);--badge-text-info: var(--color-info-text, #fff);--badge-padding: var(--spacing-sm) var(--spacing-md);--badge-font-size: var(--font-size-sm, .875rem);--badge-border-radius: var(--radius-sm, 8px)}._badge_18z15_19{display:inline-flex;align-items:center;padding:var(--badge-padding);font-size:var(--badge-font-size);border-radius:var(--badge-border-radius);font-weight:var(--font-weight-semibold);cursor:default;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none}._clickable_18z15_31{cursor:pointer}._icon_18z15_35{margin-right:var(--spacing-sm);display:flex;align-items:center}._text_18z15_41{display:inline-block}._default_18z15_45{background-color:var(--badge-bg-default);color:var(--badge-text-default)}._success_18z15_50{background-color:var(--badge-bg-success);color:var(--badge-text-success)}._warning_18z15_55{background-color:var(--badge-bg-warning);color:var(--badge-text-warning)}._error_18z15_60{background-color:var(--badge-bg-error);color:var(--badge-text-error)}._info_18z15_65{background-color:var(--badge-bg-info);color:var(--badge-text-info)}
25
25
  ._overlay_cqo68_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_cqo68_1 .3s ease}._modal_cqo68_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_cqo68_1 .3s ease}._closeButton_cqo68_26{color:var(--color-primary);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_cqo68_37{margin-top:var(--spacing-lg)}._content_cqo68_37 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_cqo68_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_cqo68_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
26
- ._accordion_1ozgm_1{width:100%;border-radius:var(--radius-md);overflow:hidden;background-color:transparent}._accordionItem_1ozgm_8{border-bottom:1px solid var(--color-border)}._accordionItem_1ozgm_8:last-child{border-bottom:none}._accordionHeader_1ozgm_16{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:background-color .3s}._accordionHeader_1ozgm_16:hover{background-color:var(--color-secondary)}._accordionContentWrapper_1ozgm_35{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1ozgm_42 ._accordionContentWrapper_1ozgm_35{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1ozgm_48 ._accordionContentWrapper_1ozgm_35{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1ozgm_35{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1ozgm_60{transition:transform .3s}._rotate_1ozgm_64{transform:rotate(180deg)}
26
+ ._accordion_1ahbg_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_1ahbg_7{border-bottom:1px solid var(--color-border)}._accordionItem_1ahbg_7:last-child{border-bottom:none}._accordionHeader_1ahbg_15{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_1ahbg_15:hover,._accordionHeader_1ahbg_15:hover ._icon_1ahbg_33{color:var(--color-primary)}._accordionContentWrapper_1ahbg_38{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1ahbg_45 ._accordionContentWrapper_1ahbg_38{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1ahbg_51 ._accordionContentWrapper_1ahbg_38{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1ahbg_38{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1ahbg_33{transition:transform .3s,color .3s ease-in-out}._rotate_1ahbg_67{transform:rotate(180deg)}
27
27
  ._alert_ucye1_1{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);position:relative;gap:var(--spacing-sm);transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px)}._enter_ucye1_15{opacity:1;transform:translateY(0)}._exit_ucye1_20{opacity:0;transform:translateY(-10px)}._info_ucye1_25{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_ucye1_30{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_ucye1_35{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_ucye1_40{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_ucye1_45{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}
28
28
  ._notification_1txoc_1{display:flex;align-items:center;padding:var(--spacing-md);background-color:var(--color-secondary);color:var(--color-text-primaray);box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);animation:_slideIn_1txoc_1 .3s ease forwards;opacity:1;transform-origin:right center;width:fit-content}._enter_1txoc_18{opacity:1;transform:translate(0)}._exiting_1txoc_23{animation:_slideOut_1txoc_1 .3s ease forwards}._info_1txoc_27{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_1txoc_32{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_1txoc_37{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_1txoc_42{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_1txoc_47{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}@keyframes _slideIn_1txoc_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOut_1txoc_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}
29
29
  ._container_61msx_1{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.5rem;z-index:1000}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.90",
4
+ "version": "0.0.91",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {