quirk-ui 0.0.74 → 0.0.76

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 (7) hide show
  1. package/dist/assets/index23.css +1 -1
  2. package/dist/assets/index23.css.d.ts +11 -10
  3. package/dist/components/Avatar/index.js +29 -27
  4. package/dist/lib/components/Avatar/index.d.ts +1 -0
  5. package/dist/styles.css +1 -1
  6. package/dist/styles.css.d.ts +11 -10
  7. package/package.json +1 -1
package/dist/assets/index23.css CHANGED
@@ -1 +1 @@
1
- ._avatar_xustn_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid var(--color-border);cursor:default;transition:transform .3s}._avatar_xustn_1:hover{transform:scale(1.05)}._sm_xustn_17{width:32px;height:32px;font-size:12px}._md_xustn_23{width:48px;height:48px;font-size:16px}._lg_xustn_29{width:64px;height:64px;font-size:20px}._image_xustn_35{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_xustn_42{color:#fff;font-family:var(--font-weight-bold)}._status_xustn_47{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_xustn_59{background-color:var(--color-online)}._offline_xustn_63{background-color:var(--color-offline)}._busy_xustn_67{background-color:var(--color-busy)}
1
+ ._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)}
package/dist/assets/index23.css.d.ts CHANGED
@@ -1,14 +1,15 @@
1
1
  declare const styles: {
2
- readonly "_avatar_xustn_1": string;
3
- readonly "_busy_xustn_67": string;
4
- readonly "_image_xustn_35": string;
5
- readonly "_initials_xustn_42": string;
6
- readonly "_lg_xustn_29": string;
7
- readonly "_md_xustn_23": string;
8
- readonly "_offline_xustn_63": string;
9
- readonly "_online_xustn_59": string;
10
- readonly "_sm_xustn_17": string;
11
- readonly "_status_xustn_47": string;
2
+ readonly "_avatar_1ihs2_1": string;
3
+ readonly "_busy_1ihs2_73": string;
4
+ readonly "_image_1ihs2_41": string;
5
+ readonly "_initials_1ihs2_48": string;
6
+ readonly "_lg_1ihs2_29": string;
7
+ readonly "_md_1ihs2_23": string;
8
+ readonly "_offline_1ihs2_69": string;
9
+ readonly "_online_1ihs2_65": string;
10
+ readonly "_sm_1ihs2_17": string;
11
+ readonly "_status_1ihs2_53": string;
12
+ readonly "_xl_1ihs2_35": string;
12
13
  };
13
14
  export = styles;
14
15
 
package/dist/components/Avatar/index.js CHANGED
@@ -1,50 +1,52 @@
1
- import { jsxs as m, jsx as n } from "react/jsx-runtime";
2
- import '../../assets/index23.css';const d = "_avatar_xustn_1", x = "_sm_xustn_17", f = "_md_xustn_23", v = "_lg_xustn_29", g = "_image_xustn_35", b = "_initials_xustn_42", y = "_status_xustn_47", p = "_online_xustn_59", $ = "_offline_xustn_63", N = "_busy_xustn_67", s = {
3
- avatar: d,
4
- sm: x,
1
+ import { jsxs as d, jsx as a } from "react/jsx-runtime";
2
+ import '../../assets/index23.css';const h = "_avatar_1ihs2_1", u = "_sm_1ihs2_17", f = "_md_1ihs2_23", v = "_lg_1ihs2_29", g = "_xl_1ihs2_35", b = "_image_1ihs2_41", x = "_initials_1ihs2_48", y = "_status_1ihs2_53", p = "_online_1ihs2_65", $ = "_offline_1ihs2_69", N = "_busy_1ihs2_73", s = {
3
+ avatar: h,
4
+ sm: u,
5
5
  md: f,
6
6
  lg: v,
7
- image: g,
8
- initials: b,
7
+ xl: g,
8
+ image: b,
9
+ initials: x,
9
10
  status: y,
10
11
  online: p,
11
12
  offline: $,
12
13
  busy: N
13
- }, h = {
14
+ }, j = {
14
15
  sm: s.sm,
15
16
  md: s.md,
16
- lg: s.lg
17
- }, j = {
17
+ lg: s.lg,
18
+ xl: s.xl
19
+ }, C = {
18
20
  online: s.online,
19
21
  offline: s.offline,
20
22
  busy: s.busy
21
23
  };
22
- function M({
23
- src: t,
24
- alt: a = "User avatar",
25
- size: e = "md",
26
- initials: _,
27
- status: o,
24
+ function z({
25
+ src: i,
26
+ alt: n = "User avatar",
27
+ size: _ = "md",
28
+ initials: e,
29
+ status: t,
28
30
  borderColor: c = "var(--color-border)",
29
31
  backgroundColor: r = "var(--color-secondary)",
30
- onClick: i,
31
- className: u
32
+ onClick: l,
33
+ className: m
32
34
  }) {
33
- const l = !!i;
34
- return /* @__PURE__ */ m(
35
+ const o = !!l;
36
+ return /* @__PURE__ */ d(
35
37
  "div",
36
38
  {
37
- className: `${u ?? ""} ${s.avatar} ${h[e]}`,
39
+ className: `${m ?? ""} ${s.avatar} ${j[_]}`,
38
40
  style: { borderColor: c, backgroundColor: r },
39
- onClick: i,
40
- role: l ? "button" : void 0,
41
- "aria-label": l ? a : void 0,
41
+ onClick: l,
42
+ role: o ? "button" : void 0,
43
+ "aria-label": o ? n : void 0,
42
44
  children: [
43
- t ? /* @__PURE__ */ n("img", { src: t, alt: a, className: s.image }) : /* @__PURE__ */ n("span", { className: s.initials, children: _ }),
44
- o && /* @__PURE__ */ n(
45
+ i ? /* @__PURE__ */ a("img", { src: i, alt: n, className: s.image }) : /* @__PURE__ */ a("span", { className: s.initials, children: e }),
46
+ t && /* @__PURE__ */ a(
45
47
  "span",
46
48
  {
47
- className: `${s.status} ${j[o]}`,
49
+ className: `${s.status} ${C[t]}`,
48
50
  role: "status"
49
51
  }
50
52
  )
@@ -53,5 +55,5 @@ function M({
53
55
  );
54
56
  }
55
57
  export {
56
- M as Avatar
58
+ z as Avatar
57
59
  };
package/dist/lib/components/Avatar/index.d.ts CHANGED
@@ -2,6 +2,7 @@ declare const sizeClassMap: {
2
2
  readonly sm: string;
3
3
  readonly md: string;
4
4
  readonly lg: string;
5
+ readonly xl: string;
5
6
  };
6
7
  declare const statusClassMap: {
7
8
  readonly online: string;
package/dist/styles.css CHANGED
@@ -20,7 +20,7 @@ h1,h2,h3,h4,h5,h6,._h1_nzfad_7,._h2_nzfad_8,._h3_nzfad_9,._h4_nzfad_10,._h5_nzfa
20
20
  ._divider_zjbsg_1{flex-shrink:0;background:none}._horizontal_zjbsg_6{width:100%;height:auto}._vertical_zjbsg_11{height:100%;width:auto}
21
21
  ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-style-type:decimal;padding:0;margin:0 0 0 var(--spacing-md)}._listItem_4w9h5_13{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s;color:var(--color-text-primary)}._listItem_4w9h5_13:hover{background-color:var(--color-secondary)}._listItem_4w9h5_13:active{background-color:var(--color-primary)}
22
22
  ._card_18ynt_1{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:225px;margin:0 auto}._clickable_18ynt_16{cursor:pointer}._clickable_18ynt_16:hover{box-shadow:0 6px 12px #0003}._default_18ynt_24{box-shadow:0 2px 4px #0000001a}._outlined_18ynt_28{border:1px solid var(--color-border)}._shadow_18ynt_32{box-shadow:0 2px 4px #00000026}._imageTop_18ynt_36{padding:0;overflow:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border)}._imageTop_18ynt_36 ._imageContainer_18ynt_46{width:100%;height:100%;max-height:150px;overflow:hidden;flex-shrink:0}._imageTop_18ynt_36 ._image_18ynt_36{width:100%;height:100%;object-fit:cover}._imageTop_18ynt_36 ._content_18ynt_61{padding:var(--spacing-md)}._imageBackground_18ynt_65{position:relative;padding:0;overflow:hidden;border-radius:var(--radius-md);color:var(--color-foreground);display:flex;flex-direction:column;height:100%}._imageBackground_18ynt_65 ._imageBackgroundContainer_18ynt_76{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackground_18ynt_65 ._backgroundImage_18ynt_84{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._imageBackground_18ynt_65 ._overlay_18ynt_94{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md)}._imageBackground_18ynt_65 ._text_18ynt_110,._imageBackground_18ynt_65 h3{color:#fff}._content_18ynt_61{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}._card_18ynt_1:hover{transform:translateY(-2px)}._text_18ynt_110{font-size:var(-font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}._footer_18ynt_132{text-align:right;padding-top:var(--spacing-md);flex-shrink:0}
23
- ._avatar_xustn_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid var(--color-border);cursor:default;transition:transform .3s}._avatar_xustn_1:hover{transform:scale(1.05)}._sm_xustn_17{width:32px;height:32px;font-size:12px}._md_xustn_23{width:48px;height:48px;font-size:16px}._lg_xustn_29{width:64px;height:64px;font-size:20px}._image_xustn_35{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_xustn_42{color:#fff;font-family:var(--font-weight-bold)}._status_xustn_47{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_xustn_59{background-color:var(--color-online)}._offline_xustn_63{background-color:var(--color-offline)}._busy_xustn_67{background-color:var(--color-busy)}
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
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)}
package/dist/styles.css.d.ts CHANGED
@@ -14,7 +14,7 @@ declare const styles: {
14
14
  readonly "_alignEnd_134u6_39": string;
15
15
  readonly "_alignStart_134u6_31": string;
16
16
  readonly "_alignStretch_134u6_43": string;
17
- readonly "_avatar_xustn_1": string;
17
+ readonly "_avatar_1ihs2_1": string;
18
18
  readonly "_backgroundImage_18ynt_84": string;
19
19
  readonly "_badge_18z15_19": string;
20
20
  readonly "_bgAccent_1242k_77": string;
@@ -32,7 +32,7 @@ declare const styles: {
32
32
  readonly "_bottom_gfid4_60": string;
33
33
  readonly "_box_1242k_1": string;
34
34
  readonly "_breadcrumbs_1nbgu_1": string;
35
- readonly "_busy_xustn_67": string;
35
+ readonly "_busy_1ihs2_73": string;
36
36
  readonly "_buttonGroup_e1koo_1": string;
37
37
  readonly "_buttons_oeqfz_62": string;
38
38
  readonly "_calendar_zbxci_1": string;
@@ -133,13 +133,13 @@ declare const styles: {
133
133
  readonly "_imageContainer_18ynt_46": string;
134
134
  readonly "_imageTop_18ynt_36": string;
135
135
  readonly "_image_18ynt_36": string;
136
- readonly "_image_xustn_35": string;
136
+ readonly "_image_1ihs2_41": string;
137
137
  readonly "_indicator_oeqfz_41": string;
138
138
  readonly "_indicators_oeqfz_41": string;
139
139
  readonly "_info_18z15_65": string;
140
140
  readonly "_info_1txoc_27": string;
141
141
  readonly "_info_ucye1_25": string;
142
- readonly "_initials_xustn_42": string;
142
+ readonly "_initials_1ihs2_48": string;
143
143
  readonly "_inlineBlock_1242k_48": string;
144
144
  readonly "_inlineFlex_1242k_56": string;
145
145
  readonly "_inline_1242k_44": string;
@@ -170,10 +170,10 @@ declare const styles: {
170
170
  readonly "_legend_1i2zv_8": string;
171
171
  readonly "_lg_15ngo_21": string;
172
172
  readonly "_lg_171d6_17": string;
173
+ readonly "_lg_1ihs2_29": string;
173
174
  readonly "_lg_1p460_31": string;
174
175
  readonly "_lg_1pz5u_26": string;
175
176
  readonly "_lg_e9jmu_28": string;
176
- readonly "_lg_xustn_29": string;
177
177
  readonly "_linkInverted_1tdql_85": string;
178
178
  readonly "_linkItem_12ooa_63": string;
179
179
  readonly "_linkList_gfid4_41": string;
@@ -193,10 +193,10 @@ declare const styles: {
193
193
  readonly "_marginSm_1242k_27": string;
194
194
  readonly "_md_15ngo_17": string;
195
195
  readonly "_md_171d6_13": string;
196
+ readonly "_md_1ihs2_23": string;
196
197
  readonly "_md_1p460_27": string;
197
198
  readonly "_md_1pz5u_21": string;
198
199
  readonly "_md_e9jmu_23": string;
199
- readonly "_md_xustn_23": string;
200
200
  readonly "_medium_sf4mt_13": string;
201
201
  readonly "_menuToggle_12ooa_41": string;
202
202
  readonly "_modal_cqo68_16": string;
@@ -210,8 +210,8 @@ declare const styles: {
210
210
  readonly "_navbar_12ooa_5": string;
211
211
  readonly "_next_oeqfz_68": string;
212
212
  readonly "_notification_1txoc_1": string;
213
- readonly "_offline_xustn_63": string;
214
- readonly "_online_xustn_59": string;
213
+ readonly "_offline_1ihs2_69": string;
214
+ readonly "_online_1ihs2_65": string;
215
215
  readonly "_open_12ooa_136": string;
216
216
  readonly "_open_1ozgm_42": string;
217
217
  readonly "_open_55xty_40": string;
@@ -266,10 +266,10 @@ declare const styles: {
266
266
  readonly "_slider_fzy93_11": string;
267
267
  readonly "_sm_15ngo_13": string;
268
268
  readonly "_sm_171d6_9": string;
269
+ readonly "_sm_1ihs2_17": string;
269
270
  readonly "_sm_1p460_22": string;
270
271
  readonly "_sm_1pz5u_16": string;
271
272
  readonly "_sm_e9jmu_18": string;
272
- readonly "_sm_xustn_17": string;
273
273
  readonly "_small_4sv7j_68": string;
274
274
  readonly "_small_sf4mt_8": string;
275
275
  readonly "_spacer_1pz5u_1": string;
@@ -277,7 +277,7 @@ declare const styles: {
277
277
  readonly "_srOnly_15ngo_58": string;
278
278
  readonly "_srOnly_e9jmu_53": string;
279
279
  readonly "_stack_134u6_1": string;
280
- readonly "_status_xustn_47": string;
280
+ readonly "_status_1ihs2_53": string;
281
281
  readonly "_sticky_12ooa_19": string;
282
282
  readonly "_sublinkToggle_12ooa_71": string;
283
283
  readonly "_sublinks_12ooa_102": string;
@@ -339,6 +339,7 @@ declare const styles: {
339
339
  readonly "_wrapper_s8dew_1": string;
340
340
  readonly "_wrapper_zxmf0_1": string;
341
341
  readonly "_xl_171d6_21": string;
342
+ readonly "_xl_1ihs2_35": string;
342
343
  readonly "_xl_1pz5u_31": string;
343
344
  };
344
345
  export = styles;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.74",
4
+ "version": "0.0.76",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {