athameui 0.0.12 → 0.0.14

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 (64) hide show
  1. package/components/Accordion/Accordion.tsx +23 -23
  2. package/components/Accordion/AccordionItem.tsx +7 -1
  3. package/components/Avatar/Avatar.tsx +6 -1
  4. package/components/Button/Button.tsx +11 -0
  5. package/components/Button/ScrollToTopButton.tsx +2 -1
  6. package/components/Carousel/Carousel.tsx +159 -37
  7. package/components/Checkbox/Checkbox.tsx +51 -0
  8. package/components/Checkbox/index.ts +1 -0
  9. package/components/FormField/FormField.tsx +24 -0
  10. package/components/FormTextInput/FormTextInput.tsx +11 -0
  11. package/components/Layout/Main.tsx +11 -2
  12. package/components/Modal/Modal.tsx +9 -2
  13. package/components/SlideOut/SlideOut.tsx +31 -2
  14. package/components/index.ts +1 -0
  15. package/dist/athameui.cjs +410 -262
  16. package/dist/athameui.cjs.map +1 -1
  17. package/dist/athameui.mjs +406 -248
  18. package/dist/athameui.mjs.map +1 -1
  19. package/dist/components/Accordion/AccordionItem.d.ts.map +1 -1
  20. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  21. package/dist/components/Button/Button.d.ts +5 -0
  22. package/dist/components/Button/Button.d.ts.map +1 -1
  23. package/dist/components/Button/ScrollToTopButton.d.ts.map +1 -1
  24. package/dist/components/Carousel/Carousel.d.ts +5 -1
  25. package/dist/components/Carousel/Carousel.d.ts.map +1 -1
  26. package/dist/components/Checkbox/Checkbox.d.ts +14 -0
  27. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
  28. package/dist/components/Checkbox/index.d.ts +2 -0
  29. package/dist/components/Checkbox/index.d.ts.map +1 -0
  30. package/dist/components/FormField/FormField.d.ts +3 -0
  31. package/dist/components/FormField/FormField.d.ts.map +1 -1
  32. package/dist/components/FormTextInput/FormTextInput.d.ts +6 -1
  33. package/dist/components/FormTextInput/FormTextInput.d.ts.map +1 -1
  34. package/dist/components/Layout/Main.d.ts +2 -1
  35. package/dist/components/Layout/Main.d.ts.map +1 -1
  36. package/dist/components/Modal/Modal.d.ts.map +1 -1
  37. package/dist/components/SlideOut/SlideOut.d.ts.map +1 -1
  38. package/dist/components/index.d.ts +1 -0
  39. package/dist/components/index.d.ts.map +1 -1
  40. package/dist/styles/components/carousel.css +28 -4
  41. package/dist/styles/components/checkbox.css +60 -0
  42. package/dist/styles/components/form-input.css +2 -1
  43. package/dist/styles/components/main.css +17 -2
  44. package/dist/styles/index.d.ts +0 -1
  45. package/dist/styles/index.d.ts.map +1 -1
  46. package/dist/styles/index.ts +0 -1
  47. package/dist/styles/theme.css +1 -0
  48. package/dist/styles/tokens.css +16 -17
  49. package/dist/styles/tokens.d.ts +209 -26
  50. package/dist/styles/tokens.d.ts.map +1 -1
  51. package/dist/styles/tokens.ts +190 -165
  52. package/package.json +1 -1
  53. package/styles/components/carousel.css +28 -4
  54. package/styles/components/checkbox.css +60 -0
  55. package/styles/components/form-input.css +2 -1
  56. package/styles/components/main.css +17 -2
  57. package/styles/index.ts +0 -1
  58. package/styles/theme.css +1 -0
  59. package/styles/tokens.css +16 -17
  60. package/styles/tokens.ts +190 -165
  61. package/dist/styles/breakpoints.d.ts +0 -29
  62. package/dist/styles/breakpoints.d.ts.map +0 -1
  63. package/dist/styles/breakpoints.ts +0 -34
  64. package/styles/breakpoints.ts +0 -34
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,aAAa,EACd,MAAM,2BAA2B,CAAC;AAGnC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QACrD,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QACnD,yBAAyB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC9D,uBAAuB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC7D,CAAC;IAEF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IACzC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,IAAI,EAAE,iBAAiB,CAAC;IACxB,EAAE,CAAC,EAAE;QACH,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;QAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;QAC3B,yBAAyB,CAAC,EAAE,SAAS,CAAC;QACtC,uBAAuB,CAAC,EAAE,SAAS,CAAC;KACrC,CAAC;IAEF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,0GAW3B,kBAAkB,qDAkEpB,CAAC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,aAAa,EACd,MAAM,2BAA2B,CAAC;AAGnC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QACrD,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QACnD,yBAAyB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC9D,uBAAuB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC7D,CAAC;IAEF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IACzC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,IAAI,EAAE,iBAAiB,CAAC;IACxB,EAAE,CAAC,EAAE;QACH,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;QAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;QAC3B,yBAAyB,CAAC,EAAE,SAAS,CAAC;QACtC,uBAAuB,CAAC,EAAE,SAAS,CAAC;KACrC,CAAC;IAEF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,0GAW3B,kBAAkB,qDAwEpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KAEnB,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,EAAE,CAAC,EAAE;QACH,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;KAEtB,CAAC;CACH,CAAC;AAGF,eAAO,MAAM,MAAM,GAAI,uCAKpB,WAAW,qDAkBb,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KAEnB,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,EAAE,CAAC,EAAE;QACH,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;KAEtB,CAAC;CACH,CAAC;AAGF,eAAO,MAAM,MAAM,GAAI,uCAKpB,WAAW,qDAuBb,CAAC"}
@@ -21,10 +21,15 @@ export type ButtonProps = {
21
21
  type?: "button" | "submit" | "reset";
22
22
  variant?: ButtonVariant;
23
23
  wrap?: boolean;
24
+ "aria-controls"?: string;
25
+ "aria-expanded"?: boolean;
26
+ "aria-label"?: string;
27
+ "aria-pressed"?: boolean;
24
28
  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
25
29
  onClick?: MouseEventHandler<HTMLButtonElement>;
26
30
  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
27
31
  onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
32
+ onMouseDown?: MouseEventHandler<HTMLButtonElement>;
28
33
  onMouseEnter?: MouseEventHandler<HTMLButtonElement>;
29
34
  onMouseLeave?: MouseEventHandler<HTMLButtonElement>;
30
35
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC1C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,SAAS,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,MAAM,2GAgGlB,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC1C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,SAAS,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,MAAM,2GAsGlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollToTopButton.d.ts","sourceRoot":"","sources":["../../../components/Button/ScrollToTopButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,KAAK,sBAAsB,GAAG,WAAW,GAAG;IAC1C,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC5C,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,sCAK/B,sBAAsB,4DAuCxB,CAAC"}
1
+ {"version":3,"file":"ScrollToTopButton.d.ts","sourceRoot":"","sources":["../../../components/Button/ScrollToTopButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,KAAK,sBAAsB,GAAG,WAAW,GAAG;IAC1C,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC5C,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,sCAK/B,sBAAsB,4DAwCxB,CAAC"}
@@ -6,9 +6,13 @@ export type CarouselProps = {
6
6
  carousel?: string | false | null | undefined;
7
7
  };
8
8
  emptyMessage?: string;
9
+ label?: string;
10
+ onRemove?: (index: number) => void;
11
+ onReorder?: (from: number, to: number) => void;
12
+ removeLabel?: string | ((index: number) => string);
9
13
  sx?: {
10
14
  carousel?: CSSObject;
11
15
  };
12
16
  };
13
- export declare const Carousel: ({ children, className, emptyMessage, sx, }: CarouselProps) => import("@emotion/react/jsx-runtime").JSX.Element;
17
+ export declare const Carousel: ({ children, className, emptyMessage, label, onRemove, onReorder, removeLabel, sx, }: CarouselProps) => import("@emotion/react/jsx-runtime").JSX.Element;
14
18
  //# sourceMappingURL=Carousel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,4CAKtB,aAAa,qDAgEf,CAAC"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAW3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACnD,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qFAStB,aAAa,qDAqKf,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { CSSObject } from "@emotion/react";
2
+ export type CheckboxProps = {
3
+ checked: boolean;
4
+ className?: string;
5
+ dark?: boolean;
6
+ disabled?: boolean;
7
+ id?: string;
8
+ label?: string;
9
+ name?: string;
10
+ sx?: CSSObject;
11
+ onChange: (checked: boolean) => void;
12
+ };
13
+ export declare const Checkbox: ({ checked, className, dark, disabled, id, label, name, sx, onChange, }: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
14
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,wEAUtB,aAAa,qDAwBf,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from "./Checkbox";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
@@ -18,6 +18,7 @@ export type FormFieldProps = {
18
18
  error?: string;
19
19
  helperText?: string | ReactNode;
20
20
  id?: string;
21
+ inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
21
22
  label?: string | ReactNode;
22
23
  labelPosition?: "left" | "right" | "above" | "below";
23
24
  name?: string;
@@ -38,6 +39,8 @@ export type FormFieldProps = {
38
39
  type?: "text" | "email" | "password" | "tel" | "url" | "textarea" | "search" | "number" | "date";
39
40
  value?: string | number;
40
41
  onChange: (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
42
+ onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
43
+ onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
41
44
  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
42
45
  };
43
46
  export declare const FormField: React.FC<FormFieldProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CACR,CAAC,EACG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GACnC,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KACvC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CACpC,gBAAgB,GAAG,mBAAmB,CACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiL9C,CAAC"}
1
+ {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CACR,CAAC,EACG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GACnC,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KACvC,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACzE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CACpC,gBAAgB,GAAG,mBAAmB,CACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsM9C,CAAC"}
@@ -1,5 +1,7 @@
1
1
  import { CSSObject } from "@emotion/react";
2
2
  type FormTextInputProps = {
3
+ "aria-describedby"?: string;
4
+ "aria-invalid"?: boolean;
3
5
  autoComplete?: string;
4
6
  autoFocus?: boolean;
5
7
  className?: {
@@ -9,6 +11,7 @@ type FormTextInputProps = {
9
11
  disabled?: boolean;
10
12
  error?: string;
11
13
  id?: string;
14
+ inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
12
15
  name?: string;
13
16
  placeholder?: string;
14
17
  readOnly?: boolean;
@@ -20,8 +23,10 @@ type FormTextInputProps = {
20
23
  type?: "text" | "email" | "password" | "tel" | "url" | "search" | "number" | "date";
21
24
  value?: string | number;
22
25
  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
26
+ onBlur?: React.FocusEventHandler<HTMLInputElement>;
27
+ onFocus?: React.FocusEventHandler<HTMLInputElement>;
23
28
  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
24
29
  };
25
- export declare const FormTextInput: ({ autoComplete, autoFocus, className, dark, error, disabled, id, name, placeholder, readOnly, size, sx, tabIndex, type, value, onChange, onKeyDown, ...other }: FormTextInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
30
+ export declare const FormTextInput: ({ autoComplete, autoFocus, className, dark, error, disabled, id, inputMode, name, placeholder, readOnly, size, sx, tabIndex, type, value, onChange, onBlur, onFocus, onKeyDown, ...other }: FormTextInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
26
31
  export {};
27
32
  //# sourceMappingURL=FormTextInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormTextInput.d.ts","sourceRoot":"","sources":["../../../components/FormTextInput/FormTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,kBAAkB,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC3C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,gKAoB3B,kBAAkB,qDAoCpB,CAAC"}
1
+ {"version":3,"file":"FormTextInput.d.ts","sourceRoot":"","sources":["../../../components/FormTextInput/FormTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,kBAAkB,GAAG;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC3C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,4LAuB3B,kBAAkB,qDAuCpB,CAAC"}
@@ -5,11 +5,12 @@ type MainProps = {
5
5
  main?: string | false | null | undefined;
6
6
  mainContent?: string | false | null | undefined;
7
7
  };
8
+ width?: "full" | "wide" | "medium" | "narrow";
8
9
  sx?: {
9
10
  main?: CSSObject;
10
11
  mainContent?: CSSObject;
11
12
  };
12
13
  };
13
- export declare const Main: ({ children, className, sx }: MainProps) => import("@emotion/react/jsx-runtime").JSX.Element;
14
+ export declare const Main: ({ children, className, sx, width, }: MainProps) => import("@emotion/react/jsx-runtime").JSX.Element;
14
15
  export {};
15
16
  //# sourceMappingURL=Main.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../components/Layout/Main.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QACzC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KACjD,CAAC;IAEF,EAAE,CAAC,EAAE;QACH,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,6BAA6B,SAAS,qDAoB1D,CAAC"}
1
+ {"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../components/Layout/Main.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QACzC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KACjD,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C,EAAE,CAAC,EAAE;QACH,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,qCAKlB,SAAS,qDAwBX,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoKtC,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2KtC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SlideOut.d.ts","sourceRoot":"","sources":["../../../components/SlideOut/SlideOut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KACjD,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC;IAEF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qDAQtB,aAAa,qDAoCf,CAAC"}
1
+ {"version":3,"file":"SlideOut.d.ts","sourceRoot":"","sources":["../../../components/SlideOut/SlideOut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAO3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KACjD,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC;IAEF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qDAQtB,aAAa,qDAgEf,CAAC"}
@@ -4,6 +4,7 @@ export * from "./Block";
4
4
  export * from "./Button";
5
5
  export * from "./ButtonGroup";
6
6
  export * from "./Carousel";
7
+ export * from "./Checkbox";
7
8
  export * from "./DropDown";
8
9
  export * from "./ContainerScalingText";
9
10
  export * from "./FormField";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
@@ -3,16 +3,19 @@
3
3
  @layer components {
4
4
  .ath-carousel-wrapper {
5
5
  position: relative;
6
+ overflow: hidden;
7
+ }
8
+ .ath-carousel-label {
9
+ margin-top: 1rem;
6
10
  }
7
11
  .ath-carousel {
8
- display: flex;
9
- width: 100%;
10
- min-width: 0;
11
- max-width: 100%;
12
+ display: grid;
12
13
  border: 5px solid var(--color-secondary-800);
13
14
  border-radius: 10px;
14
15
  padding: 10px;
15
16
  overflow-x: auto;
17
+ grid-auto-flow: column;
18
+ grid-auto-columns: max-content;
16
19
  gap: 10px;
17
20
  scrollbar-width: none;
18
21
  &::-webkit-scrollbar {
@@ -47,4 +50,25 @@
47
50
  padding: 1rem;
48
51
  color: var(--color-tertiary-300);
49
52
  }
53
+ .ath-carousel-slot {
54
+ position: relative;
55
+ }
56
+ .ath-carousel-slot[draggable="true"] {
57
+ cursor: grab;
58
+ }
59
+ .ath-carousel-slot[draggable="true"]:active {
60
+ cursor: grabbing;
61
+ }
62
+ .ath-carousel-slot-target {
63
+ outline: 2px solid var(--color-primary-300);
64
+ outline-offset: 2px;
65
+ }
66
+ .ath-carousel-remove-button {
67
+ position: absolute;
68
+ top: 5px;
69
+ right: 5px;
70
+ z-index: 2;
71
+ padding: 0;
72
+ color: var(--color-error-vibrant-700);
73
+ }
50
74
  }
@@ -0,0 +1,60 @@
1
+ @import "../tokens.css";
2
+
3
+ @layer components {
4
+ .ath-checkbox {
5
+ display: flex;
6
+ align-items: center;
7
+ gap: 0.75rem;
8
+ cursor: pointer;
9
+ color: var(--color-primary-900);
10
+ }
11
+
12
+ .ath-checkbox-dark {
13
+ color: var(--color-tertiary-50);
14
+ }
15
+
16
+ .ath-checkbox-disabled {
17
+ cursor: not-allowed;
18
+ opacity: 0.55;
19
+ }
20
+
21
+ .ath-checkbox-input {
22
+ appearance: none;
23
+ flex: 0 0 auto;
24
+ width: 1.125rem;
25
+ height: 1.125rem;
26
+ margin: 0;
27
+ border: 2px solid var(--color-tertiary-500);
28
+ border-radius: var(--radius-sm);
29
+ background: transparent;
30
+ display: grid;
31
+ place-content: center;
32
+ }
33
+
34
+ .ath-checkbox-input:focus-visible {
35
+ outline: 2px solid var(--color-primary-vibrant-500);
36
+ outline-offset: 2px;
37
+ }
38
+
39
+ .ath-checkbox-input:checked {
40
+ background: var(--color-primary-vibrant-500);
41
+ border-color: var(--color-primary-vibrant-500);
42
+ }
43
+
44
+ .ath-checkbox-input:checked::after {
45
+ content: "";
46
+ width: 0.3rem;
47
+ height: 0.55rem;
48
+ border: solid var(--color-primary-50);
49
+ border-width: 0 2px 2px 0;
50
+ transform: rotate(45deg) translate(-1px, -1px);
51
+ }
52
+
53
+ .ath-checkbox-input:disabled {
54
+ cursor: not-allowed;
55
+ }
56
+
57
+ .ath-checkbox-label {
58
+ line-height: 1.4;
59
+ }
60
+ }
@@ -58,6 +58,7 @@
58
58
  .ath-form-textarea {
59
59
  margin-top: 3px;
60
60
  font-size: inherit;
61
+ font-family: inherit;
61
62
  line-height: 1.5;
62
63
  padding: 0.75rem;
63
64
  border: 1px solid var(--color-tertiary-500);
@@ -76,7 +77,7 @@
76
77
  border-color: var(--color-primary-vibrant-500);
77
78
  }
78
79
  .ath-form-textarea::placeholder {
79
- color: var(--color-tertiary-400);
80
+ color: var(--color-primary-300);
80
81
  }
81
82
  .ath-form-textarea-auto-resize {
82
83
  resize: none;
@@ -17,9 +17,24 @@
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  gap: 15px;
20
- width: 100%;
21
20
  margin-inline: auto;
22
- max-width: 1200px;
23
21
  padding: 0 15px;
22
+ width: 100%;
23
+ /* Default to `medium` if no width is provided */
24
+ &.full {
25
+ margin-inline: auto;
26
+ }
27
+ &.wide {
28
+ max-width: 1200px;
29
+ margin-inline: auto;
30
+ }
31
+ &.medium {
32
+ max-width: 768px;
33
+ margin-inline: auto;
34
+ }
35
+ &.narrow {
36
+ max-width: 480px;
37
+ margin-inline: auto;
38
+ }
24
39
  }
25
40
  }
@@ -1,3 +1,2 @@
1
- export * from "./breakpoints";
2
1
  export * from "./tokens";
3
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
@@ -1,2 +1 @@
1
- export * from "./breakpoints";
2
1
  export * from "./tokens";
@@ -4,6 +4,7 @@
4
4
  @import "./components/button.css";
5
5
  @import "./components/button-group.css";
6
6
  @import "./components/carousel.css";
7
+ @import "./components/checkbox.css";
7
8
  @import "./components/dropdown.css";
8
9
  @import "./components/footer.css";
9
10
  @import "./components/form-input.css";
@@ -1,4 +1,4 @@
1
- /* CSS Custom Properties for Styling-Agnostic Design Tokens */
1
+ /* Generated from styles/tokens.ts. Edit that file, then run pnpm generate-tokens. */
2
2
  :root {
3
3
  --font-family-sans: "Montserrat", sans-serif;
4
4
  --font-family-serif: "Libre Baskerville", serif;
@@ -12,8 +12,8 @@
12
12
  --color-text-dark: #040a0c;
13
13
  --color-text-light: #fcfbf7;
14
14
 
15
- --color-background-light: var(--color-text-light);
16
- --color-background-dark: var(--color-text-dark);
15
+ --color-background-light: #fcfbf7;
16
+ --color-background-dark: #040a0c;
17
17
 
18
18
  /* ----- Primary ----- */
19
19
  --color-primary-50: #f0f2f5;
@@ -21,7 +21,7 @@
21
21
  --color-primary-200: #b8c3d1;
22
22
  --color-primary-300: #8a9bae;
23
23
  --color-primary-400: #4a5f7a;
24
- --color-primary-500: #0b1828; /* Base Primary */
24
+ --color-primary-500: #0b1828;
25
25
  --color-primary-600: #081320;
26
26
  --color-primary-700: #060e18;
27
27
  --color-primary-800: #04090f;
@@ -32,13 +32,12 @@
32
32
  --color-primary-vibrant-700: #1e3a8a;
33
33
 
34
34
  /* ----- Secondary ----- */
35
-
36
35
  --color-secondary-50: #e6f7f6;
37
36
  --color-secondary-100: #b3e8e5;
38
37
  --color-secondary-200: #80d9d4;
39
38
  --color-secondary-300: #4dcac3;
40
39
  --color-secondary-400: #2aa39b;
41
- --color-secondary-500: #146b68; /* Base Secondary */
40
+ --color-secondary-500: #146b68;
42
41
  --color-secondary-600: #125a57;
43
42
  --color-secondary-700: #0f4a47;
44
43
  --color-secondary-800: #0c3835;
@@ -54,7 +53,7 @@
54
53
  --color-tertiary-200: #e5c8a8;
55
54
  --color-tertiary-300: #dcb184;
56
55
  --color-tertiary-400: #d19b60;
57
- --color-tertiary-500: #bfa081; /* Base Tertiary */
56
+ --color-tertiary-500: #bfa081;
58
57
  --color-tertiary-600: #a68965;
59
58
  --color-tertiary-700: #7d6748;
60
59
  --color-tertiary-800: #54442c;
@@ -70,7 +69,7 @@
70
69
  --color-error-200: #f88080;
71
70
  --color-error-300: #f54d4d;
72
71
  --color-error-400: #f21a1a;
73
- --color-error-500: #9f0001; /* original color */
72
+ --color-error-500: #9f0001;
74
73
  --color-error-600: #800001;
75
74
  --color-error-700: #600001;
76
75
  --color-error-800: #400000;
@@ -86,7 +85,7 @@
86
85
  --color-warning-200: #fad8b3;
87
86
  --color-warning-300: #f8c48c;
88
87
  --color-warning-400: #f5b065;
89
- --color-warning-500: #f39c12; /* original color */
88
+ --color-warning-500: #f39c12;
90
89
  --color-warning-600: #c27d0e;
91
90
  --color-warning-700: #925e0b;
92
91
  --color-warning-800: #613e07;
@@ -102,7 +101,7 @@
102
101
  --color-success-200: #a3d8ca;
103
102
  --color-success-300: #76c5af;
104
103
  --color-success-400: #48b195;
105
- --color-success-500: #1a9e7a; /* original color */
104
+ --color-success-500: #1a9e7a;
106
105
  --color-success-600: #157e62;
107
106
  --color-success-700: #105f49;
108
107
  --color-success-800: #0a3f31;
@@ -120,7 +119,6 @@
120
119
  --padding-xl: 16px;
121
120
 
122
121
  /* ----- Radius ----- */
123
-
124
122
  --radius-sm: 3px;
125
123
  --radius-md: 5px;
126
124
  --radius-lg: 8px;
@@ -146,7 +144,6 @@
146
144
  --screen-4xl: 1536;
147
145
 
148
146
  /* ----- Media Queries ----- */
149
- /* Only useful for CSS-in-JS media query handling */
150
147
  --media-min-xs: @media (min-width: 320px);
151
148
  --media-min-sm: @media (min-width: 480px);
152
149
  --media-min-md: @media (min-width: 620px);
@@ -154,14 +151,16 @@
154
151
  --media-min-xl: @media (min-width: 896px);
155
152
  --media-min-2xl: @media (min-width: 1024px);
156
153
  --media-min-3xl: @media (min-width: 1280px);
154
+ --media-min-4xl: @media (min-width: 1536px);
157
155
 
158
156
  --media-max-xs: @media (max-width: 319px);
159
157
  --media-max-sm: @media (max-width: 479px);
160
- --media-max-md: @media (max-width: 767px);
161
- --media-max-lg: @media (max-width: 895px);
162
- --media-max-xl: @media (max-width: 1023px);
163
- --media-max-2xl: @media (max-width: 1279px);
164
- --media-max-3xl: @media (max-width: 1535px);
158
+ --media-max-md: @media (max-width: 619px);
159
+ --media-max-lg: @media (max-width: 767px);
160
+ --media-max-xl: @media (max-width: 895px);
161
+ --media-max-2xl: @media (max-width: 1023px);
162
+ --media-max-3xl: @media (max-width: 1279px);
163
+ --media-max-4xl: @media (max-width: 1535px);
165
164
  }
166
165
 
167
166
  @layer base {