quirk-ui 0.0.263 → 0.0.264

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.
@@ -1 +1 @@
1
- ._callToAction_impe3_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);border:none;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary-100);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_impe3_1{width:100%}}._callToAction_impe3_1:focus,._callToAction_impe3_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._blurred_impe3_26:disabled,._primary_impe3_27:disabled,._secondary_impe3_28:disabled,._primaryInverted_impe3_29:disabled,._secondaryInverted_impe3_30:disabled,._blurredInverted_impe3_32:disabled{border-color:var(--color-secondary-25);background-color:var(--color-secondary-25);color:var(--color-primary-50);cursor:not-allowed}._link_impe3_39:disabled,._linkInverted_impe3_40:disabled,._underline_impe3_41:disabled,._underlineInverted_impe3_42:disabled{background-color:transparent;color:var(--color-secondary-25);cursor:not-allowed}._blurred_impe3_26{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_impe3_26 ._content_impe3_52{background-color:rgba(var(--color-primary-rgb),1);color:#fff;width:100%}._blurred_impe3_26:hover ._content_impe3_52{background-color:rgba(var(--color-primary-rgb),.8)}._blurredInverted_impe3_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_impe3_32 ._content_impe3_52{background-color:#ffffff80;color:var(--color-secondary-100)}._blurredInverted_impe3_32:hover ._content_impe3_52{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._primary_impe3_27{background-color:var(--color-primary-100);color:#fff}._primary_impe3_27:hover{background-color:var(--color-secondary-100);color:#fff}._primaryInverted_impe3_29{border-color:#fff;background-color:#fff;color:var(--color-primary-100)}._primaryInverted_impe3_29:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._secondary_impe3_28{background-color:transparent;border-color:var(--color-primary-100);border-width:2px;border-style:solid;color:var(--color-primary-100)}._secondary_impe3_28:hover{border-color:var(--color-primary-100);background-color:var(--color-primary-100);color:#fff}._secondaryInverted_impe3_30{background-color:transparent;border:2px solid;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_impe3_30:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._link_impe3_39 ._content_impe3_52,._linkInverted_impe3_40 ._content_impe3_52,._underline_impe3_41 ._content_impe3_52,._underlineInverted_impe3_42 ._content_impe3_52{padding:0}._link_impe3_39{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_impe3_40{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_impe3_41{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_impe3_42{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_impe3_177{color:var(--color-secondary-25);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_impe3_186{display:inline-flex}._content_impe3_52{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease-in-out,color .3s ease-in-out}._iconLeft_impe3_202{flex-direction:row-reverse}._iconRight_impe3_206{flex-direction:row}
1
+ ._callToAction_31fqz_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);border:none;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary-100);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_31fqz_1{width:100%}}._callToAction_31fqz_1:focus,._callToAction_31fqz_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._blurred_31fqz_26:disabled,._primary_31fqz_27:disabled,._secondary_31fqz_28:disabled,._primaryInverted_31fqz_29:disabled,._secondaryInverted_31fqz_30:disabled,._blurredInverted_31fqz_32:disabled{border-color:var(--color-secondary-25);background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._blurred_31fqz_26:disabled:hover,._primary_31fqz_27:disabled:hover,._secondary_31fqz_28:disabled:hover,._primaryInverted_31fqz_29:disabled:hover,._secondaryInverted_31fqz_30:disabled:hover,._blurredInverted_31fqz_32:disabled:hover{border-color:var(--color-secondary-25);background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._link_31fqz_46:disabled,._linkInverted_31fqz_47:disabled,._underline_31fqz_48:disabled,._underlineInverted_31fqz_49:disabled{background-color:transparent;color:var(--color-secondary-25);cursor:not-allowed}._blurred_31fqz_26{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_31fqz_26 ._content_31fqz_59{background-color:rgba(var(--color-primary-rgb),1);color:#fff;width:100%}._blurred_31fqz_26:hover ._content_31fqz_59{background-color:rgba(var(--color-primary-rgb),.8)}._blurredInverted_31fqz_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_31fqz_32 ._content_31fqz_59{background-color:#ffffff80;color:var(--color-secondary-100)}._blurredInverted_31fqz_32:hover ._content_31fqz_59{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._primary_31fqz_27{background-color:var(--color-primary-100);color:#fff}._primary_31fqz_27:hover{background-color:var(--color-secondary-100);color:#fff}._primaryInverted_31fqz_29{border-color:#fff;background-color:#fff;color:var(--color-primary-100)}._primaryInverted_31fqz_29:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._secondary_31fqz_28{background-color:transparent;border-color:var(--color-primary-100);border-width:2px;border-style:solid;color:var(--color-primary-100)}._secondary_31fqz_28:hover{border-color:var(--color-primary-100);background-color:var(--color-primary-100);color:#fff}._secondaryInverted_31fqz_30{background-color:transparent;border:2px solid;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_31fqz_30:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._link_31fqz_46 ._content_31fqz_59,._linkInverted_31fqz_47 ._content_31fqz_59,._underline_31fqz_48 ._content_31fqz_59,._underlineInverted_31fqz_49 ._content_31fqz_59{padding:0}._link_31fqz_46{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_31fqz_47{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_31fqz_48{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_31fqz_49{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_31fqz_184{color:var(--color-secondary-25);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_31fqz_193{display:inline-flex}._content_31fqz_59{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease-in-out,color .3s ease-in-out}._iconLeft_31fqz_209{flex-direction:row-reverse}._iconRight_31fqz_213{flex-direction:row}
@@ -1,71 +1,71 @@
1
- import { jsx as n, jsxs as y } from "react/jsx-runtime";
2
- import '../../assets/index13.css';const b = "_callToAction_impe3_1", f = "_blurred_impe3_26", h = "_primary_impe3_27", k = "_secondary_impe3_28", g = "_primaryInverted_impe3_29", $ = "_secondaryInverted_impe3_30", A = "_blurredInverted_impe3_32", x = "_link_impe3_39", T = "_linkInverted_impe3_40", R = "_underline_impe3_41", L = "_underlineInverted_impe3_42", N = "_content_impe3_52", C = "_icon_impe3_186", j = "_iconLeft_impe3_202", E = "_iconRight_impe3_206", e = {
3
- callToAction: b,
4
- blurred: f,
5
- primary: h,
6
- secondary: k,
7
- primaryInverted: g,
8
- secondaryInverted: $,
9
- blurredInverted: A,
10
- link: x,
11
- linkInverted: T,
12
- underline: R,
13
- underlineInverted: L,
14
- content: N,
15
- icon: C,
16
- iconLeft: j,
17
- iconRight: E
1
+ import { jsx as e, jsxs as m } from "react/jsx-runtime";
2
+ import '../../assets/index13.css';const p = "_callToAction_31fqz_1", q = "_blurred_31fqz_26", z = "_primary_31fqz_27", b = "_secondary_31fqz_28", h = "_primaryInverted_31fqz_29", k = "_secondaryInverted_31fqz_30", g = "_blurredInverted_31fqz_32", $ = "_link_31fqz_46", A = "_linkInverted_31fqz_47", x = "_underline_31fqz_48", T = "_underlineInverted_31fqz_49", R = "_content_31fqz_59", L = "_icon_31fqz_193", N = "_iconLeft_31fqz_209", C = "_iconRight_31fqz_213", n = {
3
+ callToAction: p,
4
+ blurred: q,
5
+ primary: z,
6
+ secondary: b,
7
+ primaryInverted: h,
8
+ secondaryInverted: k,
9
+ blurredInverted: g,
10
+ link: $,
11
+ linkInverted: A,
12
+ underline: x,
13
+ underlineInverted: T,
14
+ content: R,
15
+ icon: L,
16
+ iconLeft: N,
17
+ iconRight: C
18
18
  }, s = {
19
- primary: e.primary,
20
- primaryInverted: e.primaryInverted,
21
- secondary: e.secondary,
22
- secondaryInverted: e.secondaryInverted,
23
- link: e.link,
24
- linkInverted: e.linkInverted,
25
- underline: e.underline,
26
- underlineInverted: e.underlineInverted,
27
- blurred: e.blurred,
28
- blurredInverted: e.blurredInverted
29
- }, M = {
30
- left: e.iconLeft,
31
- right: e.iconRight
19
+ primary: n.primary,
20
+ primaryInverted: n.primaryInverted,
21
+ secondary: n.secondary,
22
+ secondaryInverted: n.secondaryInverted,
23
+ link: n.link,
24
+ linkInverted: n.linkInverted,
25
+ underline: n.underline,
26
+ underlineInverted: n.underlineInverted,
27
+ blurred: n.blurred,
28
+ blurredInverted: n.blurredInverted
29
+ }, j = {
30
+ left: n.iconLeft,
31
+ right: n.iconRight
32
32
  };
33
33
  function B({
34
34
  variant: t = "primary",
35
35
  displayType: a = "text",
36
- imageSrc: i,
36
+ imageSrc: o,
37
37
  imageAlt: _ = "",
38
- icon: o,
39
- iconAlignemnt: m = "right",
40
- useRouter: q = !1,
41
- className: c,
42
- children: p,
43
- disabled: u = !1,
38
+ icon: c,
39
+ iconAlignemnt: f = "right",
40
+ useRouter: E = !1,
41
+ className: i,
42
+ children: u,
43
+ disabled: v = !1,
44
44
  ...r
45
45
  }) {
46
- const l = a === "image" && i ? /* @__PURE__ */ n("img", { src: i, alt: _, className: e.image }) : /* @__PURE__ */ y("span", { className: `${e.content} ${M[m]}`, children: [
47
- /* @__PURE__ */ n("span", { children: p }),
48
- o && /* @__PURE__ */ n("span", { className: e.icon, children: o })
46
+ const l = a === "image" && o ? /* @__PURE__ */ e("img", { src: o, alt: _, className: n.image }) : /* @__PURE__ */ m("span", { className: `${n.content} ${j[f]}`, children: [
47
+ /* @__PURE__ */ e("span", { children: u }),
48
+ c && /* @__PURE__ */ e("span", { className: n.icon, children: c })
49
49
  ] });
50
50
  if (r.as == "a") {
51
- const { href: v, target: d, ...I } = r;
52
- return /* @__PURE__ */ n(
51
+ const { href: I, target: d, ...y } = r;
52
+ return /* @__PURE__ */ e(
53
53
  "a",
54
54
  {
55
- href: v,
55
+ href: I,
56
56
  target: d,
57
57
  rel: d === "_blank" ? "noopener noreferrer" : void 0,
58
- className: `${c ?? ""} ${e.callToAction} ${s[t]}`,
59
- ...I,
58
+ className: `${i ?? ""} ${n.callToAction} ${s[t]}`,
59
+ ...y,
60
60
  children: l
61
61
  }
62
62
  );
63
63
  }
64
- return /* @__PURE__ */ n(
64
+ return /* @__PURE__ */ e(
65
65
  "button",
66
66
  {
67
- className: `${c ?? ""} ${e.callToAction} ${s[t]}`,
68
- disabled: u,
67
+ className: `${i ?? ""} ${n.callToAction} ${s[t]}`,
68
+ disabled: v,
69
69
  ...r,
70
70
  children: l
71
71
  }
@@ -30,15 +30,15 @@ function M(e, t) {
30
30
  }
31
31
  return r;
32
32
  }
33
- function v() {
34
- return v = Object.assign ? Object.assign.bind() : function(e) {
33
+ function h() {
34
+ return h = Object.assign ? Object.assign.bind() : function(e) {
35
35
  for (var t = 1; t < arguments.length; t++) {
36
36
  var r = arguments[t];
37
37
  for (var a in r)
38
38
  Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
39
39
  }
40
40
  return e;
41
- }, v.apply(this, arguments);
41
+ }, h.apply(this, arguments);
42
42
  }
43
43
  function P(e, t) {
44
44
  var r = Object.keys(e);
@@ -50,7 +50,7 @@ function P(e, t) {
50
50
  }
51
51
  return r;
52
52
  }
53
- function b(e) {
53
+ function v(e) {
54
54
  for (var t = 1; t < arguments.length; t++) {
55
55
  var r = arguments[t] != null ? arguments[t] : {};
56
56
  t % 2 ? P(Object(r), !0).forEach(function(a) {
@@ -79,13 +79,13 @@ function L(e, t) {
79
79
  return (t === "string" ? String : Number)(e);
80
80
  }
81
81
  function I(e) {
82
- return e && e.map((t, r) => /* @__PURE__ */ d.createElement(t.tag, b({
82
+ return e && e.map((t, r) => /* @__PURE__ */ d.createElement(t.tag, v({
83
83
  key: r
84
84
  }, t.attr), I(t.child)));
85
85
  }
86
86
  function g(e) {
87
- return (t) => /* @__PURE__ */ d.createElement(D, v({
88
- attr: b({}, e.attr)
87
+ return (t) => /* @__PURE__ */ d.createElement(D, h({
88
+ attr: v({}, e.attr)
89
89
  }, t), I(e.child));
90
90
  }
91
91
  function D(e) {
@@ -95,13 +95,13 @@ function D(e) {
95
95
  size: l,
96
96
  title: u
97
97
  } = e, f = F(e, $), p = l || r.size || "1em", s;
98
- return r.className && (s = r.className), e.className && (s = (s ? s + " " : "") + e.className), /* @__PURE__ */ d.createElement("svg", v({
98
+ return r.className && (s = r.className), e.className && (s = (s ? s + " " : "") + e.className), /* @__PURE__ */ d.createElement("svg", h({
99
99
  stroke: "currentColor",
100
100
  fill: "currentColor",
101
101
  strokeWidth: "0"
102
102
  }, r.attr, a, f, {
103
103
  className: s,
104
- style: b(b({
104
+ style: v(v({
105
105
  color: e.color || r.color
106
106
  }, r.style), e.style),
107
107
  height: p,
@@ -162,9 +162,9 @@ function fe({
162
162
  copyright: f,
163
163
  className: p
164
164
  }) {
165
- const s = (c, h = "", _ = !1) => c.map((o) => {
165
+ const s = (c, b = "", _ = !1) => c.map((o) => {
166
166
  var O;
167
- const z = `${h}/${o.label}`, N = (O = o.sublinks) == null ? void 0 : O.length, w = !!o.href, y = le[o.icon], S = w ? "a" : "div", T = w ? {
167
+ const z = `${b}/${o.label}`, N = (O = o.sublinks) == null ? void 0 : O.length, w = !!o.href, y = le[o.icon], S = w ? "a" : "div", T = w ? {
168
168
  href: o.href,
169
169
  target: o.isExternal ? "_blank" : "_self",
170
170
  rel: o.isExternal ? "noopener noreferrer" : void 0,
@@ -213,7 +213,7 @@ function fe({
213
213
  ] }),
214
214
  /* @__PURE__ */ m("div", { className: n.secondaryNav, children: [
215
215
  f && /* @__PURE__ */ i("div", { className: n.bottom, children: /* @__PURE__ */ i("span", { children: f }) }),
216
- l && /* @__PURE__ */ i("nav", { className: n.utility, children: /* @__PURE__ */ i(E, { orientation: "horizontal", children: l.map((c, h) => /* @__PURE__ */ i(
216
+ l && /* @__PURE__ */ i("nav", { className: n.utility, children: /* @__PURE__ */ i(E, { orientation: "horizontal", children: l.map((c, b) => /* @__PURE__ */ i(
217
217
  C,
218
218
  {
219
219
  as: "a",
@@ -226,13 +226,15 @@ function fe({
226
226
  children: c.imageSrc ? /* @__PURE__ */ i(
227
227
  "img",
228
228
  {
229
+ width: "175",
230
+ height: "59",
229
231
  className: n.utilityImage,
230
232
  src: c.imageSrc,
231
233
  "aria-label": c.imageAlt ?? c.ariaLabel ?? c.label
232
234
  }
233
235
  ) : c.label
234
236
  },
235
- c._key || h
237
+ c._key || b
236
238
  )) }) })
237
239
  ] })
238
240
  ] }) });
package/dist/styles.css CHANGED
@@ -10,7 +10,7 @@
10
10
  ._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
11
11
  ._buttonGroup_15lw8_1{display:flex;gap:var(--spacing-md)}._buttonGroup_15lw8_1>*{align-self:center;justify-content:center;width:auto}@media (max-width: 480px){._buttonGroup_15lw8_1>*{width:100%}}._left_15lw8_16{justify-content:flex-start}._center_15lw8_20{justify-content:center}._center_15lw8_20>*{align-self:center;justify-content:center}._right_15lw8_29{justify-content:flex-end}._vertical_15lw8_33{flex-direction:column}._horizontal_15lw8_37{flex-direction:row}@media (max-width: 480px){._buttonGroup_15lw8_1{flex-direction:column}}
12
12
  ._fab_1vpw0_1{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:25;background-color:var(--color-primary, #000);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background-color .25s ease-in-out}._fab_1vpw0_1:hover{background-color:var(--color-secondary-100)}._sm_1vpw0_22{width:40px;height:40px}._md_1vpw0_27{width:56px;height:56px}._lg_1vpw0_31{width:72px;height:72px}._bottom-right_1vpw0_36{bottom:var(--spacing-lg);right:var(--spacing-lg)}._bottom-left_1vpw0_41{bottom:var(--spacing-lg);left:var(--spacing-lg)}._top-right_1vpw0_46{top:var(--spacing-lg);right:var(--spacing-lg)}._top-left_1vpw0_51{top:var(--spacing-lg);left:var(--spacing-lg)}._disabled_1vpw0_56{color:var(--color-primary-25)}
13
- ._callToAction_impe3_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);border:none;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary-100);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_impe3_1{width:100%}}._callToAction_impe3_1:focus,._callToAction_impe3_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._blurred_impe3_26:disabled,._primary_impe3_27:disabled,._secondary_impe3_28:disabled,._primaryInverted_impe3_29:disabled,._secondaryInverted_impe3_30:disabled,._blurredInverted_impe3_32:disabled{border-color:var(--color-secondary-25);background-color:var(--color-secondary-25);color:var(--color-primary-50);cursor:not-allowed}._link_impe3_39:disabled,._linkInverted_impe3_40:disabled,._underline_impe3_41:disabled,._underlineInverted_impe3_42:disabled{background-color:transparent;color:var(--color-secondary-25);cursor:not-allowed}._blurred_impe3_26{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_impe3_26 ._content_impe3_52{background-color:rgba(var(--color-primary-rgb),1);color:#fff;width:100%}._blurred_impe3_26:hover ._content_impe3_52{background-color:rgba(var(--color-primary-rgb),.8)}._blurredInverted_impe3_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_impe3_32 ._content_impe3_52{background-color:#ffffff80;color:var(--color-secondary-100)}._blurredInverted_impe3_32:hover ._content_impe3_52{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._primary_impe3_27{background-color:var(--color-primary-100);color:#fff}._primary_impe3_27:hover{background-color:var(--color-secondary-100);color:#fff}._primaryInverted_impe3_29{border-color:#fff;background-color:#fff;color:var(--color-primary-100)}._primaryInverted_impe3_29:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._secondary_impe3_28{background-color:transparent;border-color:var(--color-primary-100);border-width:2px;border-style:solid;color:var(--color-primary-100)}._secondary_impe3_28:hover{border-color:var(--color-primary-100);background-color:var(--color-primary-100);color:#fff}._secondaryInverted_impe3_30{background-color:transparent;border:2px solid;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_impe3_30:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._link_impe3_39 ._content_impe3_52,._linkInverted_impe3_40 ._content_impe3_52,._underline_impe3_41 ._content_impe3_52,._underlineInverted_impe3_42 ._content_impe3_52{padding:0}._link_impe3_39{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_impe3_40{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_impe3_41{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_impe3_42{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_impe3_177{color:var(--color-secondary-25);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_impe3_186{display:inline-flex}._content_impe3_52{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease-in-out,color .3s ease-in-out}._iconLeft_impe3_202{flex-direction:row-reverse}._iconRight_impe3_206{flex-direction:row}
13
+ ._callToAction_31fqz_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);border:none;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary-100);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_31fqz_1{width:100%}}._callToAction_31fqz_1:focus,._callToAction_31fqz_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._blurred_31fqz_26:disabled,._primary_31fqz_27:disabled,._secondary_31fqz_28:disabled,._primaryInverted_31fqz_29:disabled,._secondaryInverted_31fqz_30:disabled,._blurredInverted_31fqz_32:disabled{border-color:var(--color-secondary-25);background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._blurred_31fqz_26:disabled:hover,._primary_31fqz_27:disabled:hover,._secondary_31fqz_28:disabled:hover,._primaryInverted_31fqz_29:disabled:hover,._secondaryInverted_31fqz_30:disabled:hover,._blurredInverted_31fqz_32:disabled:hover{border-color:var(--color-secondary-25);background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._link_31fqz_46:disabled,._linkInverted_31fqz_47:disabled,._underline_31fqz_48:disabled,._underlineInverted_31fqz_49:disabled{background-color:transparent;color:var(--color-secondary-25);cursor:not-allowed}._blurred_31fqz_26{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_31fqz_26 ._content_31fqz_59{background-color:rgba(var(--color-primary-rgb),1);color:#fff;width:100%}._blurred_31fqz_26:hover ._content_31fqz_59{background-color:rgba(var(--color-primary-rgb),.8)}._blurredInverted_31fqz_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_31fqz_32 ._content_31fqz_59{background-color:#ffffff80;color:var(--color-secondary-100)}._blurredInverted_31fqz_32:hover ._content_31fqz_59{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._primary_31fqz_27{background-color:var(--color-primary-100);color:#fff}._primary_31fqz_27:hover{background-color:var(--color-secondary-100);color:#fff}._primaryInverted_31fqz_29{border-color:#fff;background-color:#fff;color:var(--color-primary-100)}._primaryInverted_31fqz_29:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._secondary_31fqz_28{background-color:transparent;border-color:var(--color-primary-100);border-width:2px;border-style:solid;color:var(--color-primary-100)}._secondary_31fqz_28:hover{border-color:var(--color-primary-100);background-color:var(--color-primary-100);color:#fff}._secondaryInverted_31fqz_30{background-color:transparent;border:2px solid;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_31fqz_30:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._link_31fqz_46 ._content_31fqz_59,._linkInverted_31fqz_47 ._content_31fqz_59,._underline_31fqz_48 ._content_31fqz_59,._underlineInverted_31fqz_49 ._content_31fqz_59{padding:0}._link_31fqz_46{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_31fqz_47{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_31fqz_48{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_31fqz_49{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_31fqz_184{color:var(--color-secondary-25);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_31fqz_193{display:inline-flex}._content_31fqz_59{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease-in-out,color .3s ease-in-out}._iconLeft_31fqz_209{flex-direction:row-reverse}._iconRight_31fqz_213{flex-direction:row}
14
14
  ._iconButton_d01lg_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_d01lg_1:disabled{opacity:.5;cursor:not-allowed}._sm_d01lg_18{width:32px;height:32px}._md_d01lg_23{width:40px;height:40px}._lg_d01lg_28{width:48px;height:48px}._default_d01lg_33{background-color:#f0f0f0;color:#111}._muted_d01lg_38{background-color:#bbb;color:var(--color-primary-25)}._accent_d01lg_43{background-color:var(--color-primary-100);color:#fff}._error_d01lg_48{background-color:var(--color-error);color:#fff}._srOnly_d01lg_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
15
15
  h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
16
16
  ._grid_10mi0_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto 1fr}@media (min-width: 480px){._grid_10mi0_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto 1fr}}@media (min-width: 768px){._grid_10mi0_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_10mi0_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_10mi0_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_10mi0_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.263",
4
+ "version": "0.0.264",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {