saha-ui 1.22.1 → 1.22.2

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 (59) hide show
  1. package/dist/components/Card/Card.types.d.ts +6 -1
  2. package/dist/components/Card/Card.types.d.ts.map +1 -1
  3. package/dist/components/Card/index.d.ts.map +1 -1
  4. package/dist/components/Card/index.js +68 -55
  5. package/dist/components/Container/Container.d.ts.map +1 -1
  6. package/dist/components/Container/Container.js +48 -34
  7. package/dist/components/Container/Container.types.d.ts +4 -1
  8. package/dist/components/Container/Container.types.d.ts.map +1 -1
  9. package/dist/components/Field/Field.d.ts.map +1 -1
  10. package/dist/components/Field/Field.js +138 -126
  11. package/dist/components/Field/Field.types.d.ts +9 -1
  12. package/dist/components/Field/Field.types.d.ts.map +1 -1
  13. package/dist/components/Form/Form.types.d.ts +9 -2
  14. package/dist/components/Form/Form.types.d.ts.map +1 -1
  15. package/dist/components/Grid/Grid.d.ts.map +1 -1
  16. package/dist/components/Grid/Grid.js +69 -66
  17. package/dist/components/Grid/Grid.types.d.ts +6 -1
  18. package/dist/components/Grid/Grid.types.d.ts.map +1 -1
  19. package/dist/components/Item/Item.types.d.ts +6 -1
  20. package/dist/components/Item/Item.types.d.ts.map +1 -1
  21. package/dist/components/Item/index.d.ts.map +1 -1
  22. package/dist/components/Item/index.js +146 -126
  23. package/dist/components/Label/Label.types.d.ts +6 -1
  24. package/dist/components/Label/Label.types.d.ts.map +1 -1
  25. package/dist/components/Label/index.d.ts.map +1 -1
  26. package/dist/components/Label/index.js +72 -60
  27. package/dist/components/Masonry/Masonry.types.d.ts +6 -1
  28. package/dist/components/Masonry/Masonry.types.d.ts.map +1 -1
  29. package/dist/components/Masonry/index.d.ts.map +1 -1
  30. package/dist/components/Masonry/index.js +112 -92
  31. package/dist/components/Paper/Paper.types.d.ts +6 -1
  32. package/dist/components/Paper/Paper.types.d.ts.map +1 -1
  33. package/dist/components/Paper/index.d.ts.map +1 -1
  34. package/dist/components/Paper/index.js +47 -39
  35. package/dist/components/Section/Section.d.ts.map +1 -1
  36. package/dist/components/Section/Section.js +56 -47
  37. package/dist/components/Section/Section.types.d.ts +4 -1
  38. package/dist/components/Section/Section.types.d.ts.map +1 -1
  39. package/dist/components/Separator/Separator.types.d.ts +11 -1
  40. package/dist/components/Separator/Separator.types.d.ts.map +1 -1
  41. package/dist/components/Separator/index.d.ts.map +1 -1
  42. package/dist/components/Separator/index.js +53 -37
  43. package/dist/components/Skeleton/Skeleton.types.d.ts +6 -1
  44. package/dist/components/Skeleton/Skeleton.types.d.ts.map +1 -1
  45. package/dist/components/Skeleton/index.d.ts.map +1 -1
  46. package/dist/components/Skeleton/index.js +71 -57
  47. package/dist/components/Stack/Stack.d.ts.map +1 -1
  48. package/dist/components/Stack/Stack.js +47 -40
  49. package/dist/components/Stack/Stack.types.d.ts +13 -1
  50. package/dist/components/Stack/Stack.types.d.ts.map +1 -1
  51. package/dist/components/Tag/Tag.types.d.ts +10 -1
  52. package/dist/components/Tag/Tag.types.d.ts.map +1 -1
  53. package/dist/components/Tag/index.d.ts.map +1 -1
  54. package/dist/components/Tag/index.js +103 -98
  55. package/dist/components/ToggleGroup/ToggleGroup.styles.d.ts +1 -1
  56. package/dist/components/ToggleGroup/ToggleGroup.styles.d.ts.map +1 -1
  57. package/dist/components/ToggleGroup/index.d.ts.map +1 -1
  58. package/dist/components/ToggleGroup/index.js +52 -45
  59. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  export type CardVariant = "default" | "glass" | "glass-strong" | "glass-subtle" | "bordered";
3
- export type CardPadding = "none" | "sm" | "md" | "lg" | "xl";
3
+ export type CardPadding = "none" | "sm" | "md" | "lg" | "xl" | number | string;
4
4
  export type CardRounded = "sm" | "md" | "lg" | "xl" | "2xl";
5
5
  export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
6
6
  /**
@@ -14,7 +14,12 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
14
14
  variant?: CardVariant;
15
15
  /**
16
16
  * Padding size applied to the card
17
+ * Accepts predefined tokens, numbers (px), or string with units
17
18
  * @default "md"
19
+ * @example
20
+ * <Card padding="lg">Token padding</Card>
21
+ * <Card padding={24}>24px padding</Card>
22
+ * <Card padding="2rem">Custom padding</Card>
18
23
  */
19
24
  padding?: CardPadding;
20
25
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,OAAO,GACP,cAAc,GACd,cAAc,GACd,UAAU,CAAC;AACf,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE5D,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
1
+ {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,OAAO,GACP,cAAc,GACd,cAAc,GACd,UAAU,CAAC;AACf,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE5D,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAElE,eAAO,MAAM,IAAI,kFA6BhB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wFAStB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,2FAerB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,mGAgB1B,CAAC;AAIH;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFASvB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wFAetB,CAAC;AAIF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAElE,eAAO,MAAM,IAAI,kFAiDhB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wFAStB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,2FAerB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,mGAgB1B,CAAC;AAIH;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFASvB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wFAetB,CAAC;AAIF,eAAe,IAAI,CAAC"}
@@ -1,87 +1,100 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import s from "react";
3
- import { cn as m } from "../../lib/utils.js";
4
- import { cardVariants as c } from "./Card.styles.js";
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import m from "react";
3
+ import { cn as d } from "../../lib/utils.js";
4
+ import { cardVariants as N } from "./Card.styles.js";
5
5
  import { Slot as n } from "../../lib/Slot.js";
6
- const C = s.forwardRef(
6
+ const x = m.forwardRef(
7
7
  ({
8
8
  children: r,
9
- variant: e,
10
- padding: a,
9
+ variant: o,
10
+ padding: e,
11
11
  rounded: t,
12
- hoverable: d,
13
- className: i,
14
- onClick: l,
15
- ...f
16
- }, p) => /* @__PURE__ */ o(
17
- "div",
18
- {
19
- ref: p,
20
- className: m(
21
- c({ variant: e, padding: a, rounded: t, hoverable: d }),
22
- i
23
- ),
24
- onClick: l,
25
- ...f,
26
- children: /* @__PURE__ */ o("div", { className: "relative", children: r })
27
- }
28
- )
12
+ hoverable: s,
13
+ className: f,
14
+ onClick: c,
15
+ style: l,
16
+ ...p
17
+ }, C) => {
18
+ const i = typeof e == "string" && ["none", "sm", "md", "lg", "xl"].includes(e), u = !i && e !== void 0 ? {
19
+ padding: typeof e == "number" ? `${e}px` : e,
20
+ ...l
21
+ } : l;
22
+ return /* @__PURE__ */ a(
23
+ "div",
24
+ {
25
+ ref: C,
26
+ className: d(
27
+ N({
28
+ variant: o,
29
+ padding: i ? e : void 0,
30
+ rounded: t,
31
+ hoverable: s
32
+ }),
33
+ f
34
+ ),
35
+ style: u,
36
+ onClick: c,
37
+ ...p,
38
+ children: /* @__PURE__ */ a("div", { className: "relative", children: r })
39
+ }
40
+ );
41
+ }
29
42
  );
30
- C.displayName = "Card";
31
- const N = s.forwardRef(
32
- ({ children: r, className: e = "", asChild: a = !1 }, t) => /* @__PURE__ */ o(a ? n : "div", { ref: t, className: m("mb-4", e), children: r })
43
+ x.displayName = "Card";
44
+ const y = m.forwardRef(
45
+ ({ children: r, className: o = "", asChild: e = !1 }, t) => /* @__PURE__ */ a(e ? n : "div", { ref: t, className: d("mb-4", o), children: r })
33
46
  );
34
- N.displayName = "CardHeader";
35
- const u = s.forwardRef(
36
- ({ children: r, className: e = "", asChild: a = !1 }, t) => /* @__PURE__ */ o(
37
- a ? n : "h3",
47
+ y.displayName = "CardHeader";
48
+ const v = m.forwardRef(
49
+ ({ children: r, className: o = "", asChild: e = !1 }, t) => /* @__PURE__ */ a(
50
+ e ? n : "h3",
38
51
  {
39
52
  ref: t,
40
- className: m(
53
+ className: d(
41
54
  "text-xl font-semibold text-foreground tracking-tight",
42
- e
55
+ o
43
56
  ),
44
57
  children: r
45
58
  }
46
59
  )
47
60
  );
48
- u.displayName = "CardTitle";
49
- const x = s.forwardRef(({ children: r, className: e = "", asChild: a = !1 }, t) => /* @__PURE__ */ o(
50
- a ? n : "p",
61
+ v.displayName = "CardTitle";
62
+ const R = m.forwardRef(({ children: r, className: o = "", asChild: e = !1 }, t) => /* @__PURE__ */ a(
63
+ e ? n : "p",
51
64
  {
52
65
  ref: t,
53
- className: m(
66
+ className: d(
54
67
  "text-sm text-muted-foreground mt-1.5 leading-relaxed",
55
- e
68
+ o
56
69
  ),
57
70
  children: r
58
71
  }
59
72
  ));
60
- x.displayName = "CardDescription";
61
- const g = s.forwardRef(
62
- ({ children: r, className: e = "", asChild: a = !1 }, t) => /* @__PURE__ */ o(a ? n : "div", { ref: t, className: m("text-foreground", e), children: r })
73
+ R.displayName = "CardDescription";
74
+ const b = m.forwardRef(
75
+ ({ children: r, className: o = "", asChild: e = !1 }, t) => /* @__PURE__ */ a(e ? n : "div", { ref: t, className: d("text-foreground", o), children: r })
63
76
  );
64
- g.displayName = "CardContent";
65
- const R = s.forwardRef(
66
- ({ children: r, className: e = "", asChild: a = !1 }, t) => /* @__PURE__ */ o(
67
- a ? n : "div",
77
+ b.displayName = "CardContent";
78
+ const g = m.forwardRef(
79
+ ({ children: r, className: o = "", asChild: e = !1 }, t) => /* @__PURE__ */ a(
80
+ e ? n : "div",
68
81
  {
69
82
  ref: t,
70
- className: m(
83
+ className: d(
71
84
  "mt-4 pt-4 border-t border-border/50 flex items-center gap-2",
72
- e
85
+ o
73
86
  ),
74
87
  children: r
75
88
  }
76
89
  )
77
90
  );
78
- R.displayName = "CardFooter";
91
+ g.displayName = "CardFooter";
79
92
  export {
80
- C as Card,
81
- g as CardContent,
82
- x as CardDescription,
83
- R as CardFooter,
84
- N as CardHeader,
85
- u as CardTitle,
86
- C as default
93
+ x as Card,
94
+ b as CardContent,
95
+ R as CardDescription,
96
+ g as CardFooter,
97
+ y as CardHeader,
98
+ v as CardTitle,
99
+ x as default
87
100
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,SAAS,uFAqCrB,CAAC"}
1
+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,SAAS,uFA2DrB,CAAC"}
@@ -1,40 +1,54 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import c from "react";
3
- import { Slot as u } from "../../lib/Slot.js";
4
- import { cn as y } from "../../lib/utils.js";
5
- import { containerVariants as C } from "./Container.styles.js";
6
- const x = c.forwardRef(
1
+ import { jsx as x } from "react/jsx-runtime";
2
+ import v from "react";
3
+ import { Slot as C } from "../../lib/Slot.js";
4
+ import { cn as N } from "../../lib/utils.js";
5
+ import { containerVariants as R } from "./Container.styles.js";
6
+ const S = v.forwardRef(
7
7
  ({
8
- className: a,
9
- size: r = "lg",
8
+ className: t,
9
+ size: a = "lg",
10
10
  padding: e = "default",
11
- center: o = !0,
11
+ center: l = !0,
12
12
  gutter: i = !0,
13
- asChild: t = !1,
14
- children: l,
15
- role: m,
16
- "aria-label": d,
17
- "aria-labelledby": n,
18
- "aria-describedby": b,
19
- ...f
20
- }, s) => /* @__PURE__ */ p(
21
- t ? u : "div",
22
- {
23
- ref: s,
24
- className: y(
25
- C({ size: r, padding: e, center: o, gutter: i }),
26
- a
27
- ),
28
- role: m,
29
- "aria-label": d,
30
- "aria-labelledby": n,
31
- "aria-describedby": b,
32
- ...f,
33
- children: l
34
- }
35
- )
13
+ asChild: m = !1,
14
+ children: s,
15
+ style: o,
16
+ role: n,
17
+ "aria-label": f,
18
+ "aria-labelledby": b,
19
+ "aria-describedby": c,
20
+ ...u
21
+ }, y) => {
22
+ const p = m ? C : "div", r = typeof e == "string" && ["none", "sm", "default", "lg"].includes(e), d = !r && e !== void 0 ? {
23
+ paddingTop: typeof e == "number" ? `${e}px` : e,
24
+ paddingBottom: typeof e == "number" ? `${e}px` : e,
25
+ ...o
26
+ } : o;
27
+ return /* @__PURE__ */ x(
28
+ p,
29
+ {
30
+ ref: y,
31
+ className: N(
32
+ R({
33
+ size: a,
34
+ padding: r ? e : void 0,
35
+ center: l,
36
+ gutter: i
37
+ }),
38
+ t
39
+ ),
40
+ style: d,
41
+ role: n,
42
+ "aria-label": f,
43
+ "aria-labelledby": b,
44
+ "aria-describedby": c,
45
+ ...u,
46
+ children: s
47
+ }
48
+ );
49
+ }
36
50
  );
37
- x.displayName = "Container";
51
+ S.displayName = "Container";
38
52
  export {
39
- x as Container
53
+ S as Container
40
54
  };
@@ -10,11 +10,14 @@ export type ContainerSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
10
10
  /**
11
11
  * Padding variants for the Container component
12
12
  * Controls the vertical padding
13
+ * Accepts predefined tokens, numbers (px), or string with units
13
14
  * @example
14
15
  * <Container padding="none">No padding</Container>
15
16
  * <Container padding="lg">Large padding</Container>
17
+ * <Container padding={24}>24px padding</Container>
18
+ * <Container padding="2rem">Custom padding</Container>
16
19
  */
17
- export type ContainerPadding = "none" | "sm" | "default" | "lg";
20
+ export type ContainerPadding = "none" | "sm" | "default" | "lg" | number | string;
18
21
  /**
19
22
  * Props for the Container component
20
23
  *
@@ -1 +1 @@
1
- {"version":3,"file":"Container.types.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAE9E;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;;OASG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;;;;;;OASG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
1
+ {"version":3,"file":"Container.types.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAE9E;;;;;;;;;GASG;AACH,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,IAAI,GACJ,SAAS,GACT,IAAI,GACJ,MAAM,GACN,MAAM,CAAC;AAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;;OASG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;;;;;;OASG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
@@ -1 +1 @@
1
- {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,cAAc,EAGf,MAAM,eAAe,CAAC;AA2BvB,eAAO,MAAM,QAAQ,2FA2BpB,CAAC;AAMF,eAAO,MAAM,UAAU,wFA0BtB,CAAC;AAMF,eAAO,MAAM,KAAK,mFAqIjB,CAAC;AAMF,eAAO,MAAM,UAAU,0FA+CtB,CAAC;AAMF,eAAO,MAAM,gBAAgB,oGAoB3B,CAAC;AAMH,eAAO,MAAM,UAAU,8FAwBrB,CAAC;AAMH,eAAO,MAAM,SAAS,6FAqBrB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,cAAc,EAGf,MAAM,eAAe,CAAC;AA2BvB,eAAO,MAAM,QAAQ,2FA2BpB,CAAC;AAMF,eAAO,MAAM,UAAU,wFA6CtB,CAAC;AAMF,eAAO,MAAM,KAAK,mFAoIjB,CAAC;AAMF,eAAO,MAAM,UAAU,0FA+CtB,CAAC;AAMF,eAAO,MAAM,gBAAgB,oGAoB3B,CAAC;AAMH,eAAO,MAAM,UAAU,8FAwBrB,CAAC;AAMH,eAAO,MAAM,SAAS,6FAqBrB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}