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.
- package/components/Accordion/Accordion.tsx +23 -23
- package/components/Accordion/AccordionItem.tsx +7 -1
- package/components/Avatar/Avatar.tsx +6 -1
- package/components/Button/Button.tsx +11 -0
- package/components/Button/ScrollToTopButton.tsx +2 -1
- package/components/Carousel/Carousel.tsx +159 -37
- package/components/Checkbox/Checkbox.tsx +51 -0
- package/components/Checkbox/index.ts +1 -0
- package/components/FormField/FormField.tsx +24 -0
- package/components/FormTextInput/FormTextInput.tsx +11 -0
- package/components/Layout/Main.tsx +11 -2
- package/components/Modal/Modal.tsx +9 -2
- package/components/SlideOut/SlideOut.tsx +31 -2
- package/components/index.ts +1 -0
- package/dist/athameui.cjs +410 -262
- package/dist/athameui.cjs.map +1 -1
- package/dist/athameui.mjs +406 -248
- package/dist/athameui.mjs.map +1 -1
- package/dist/components/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts +5 -0
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/ScrollToTopButton.d.ts.map +1 -1
- package/dist/components/Carousel/Carousel.d.ts +5 -1
- package/dist/components/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +14 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/FormField/FormField.d.ts +3 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -1
- package/dist/components/FormTextInput/FormTextInput.d.ts +6 -1
- package/dist/components/FormTextInput/FormTextInput.d.ts.map +1 -1
- package/dist/components/Layout/Main.d.ts +2 -1
- package/dist/components/Layout/Main.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/SlideOut/SlideOut.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/styles/components/carousel.css +28 -4
- package/dist/styles/components/checkbox.css +60 -0
- package/dist/styles/components/form-input.css +2 -1
- package/dist/styles/components/main.css +17 -2
- package/dist/styles/index.d.ts +0 -1
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/index.ts +0 -1
- package/dist/styles/theme.css +1 -0
- package/dist/styles/tokens.css +16 -17
- package/dist/styles/tokens.d.ts +209 -26
- package/dist/styles/tokens.d.ts.map +1 -1
- package/dist/styles/tokens.ts +190 -165
- package/package.json +1 -1
- package/styles/components/carousel.css +28 -4
- package/styles/components/checkbox.css +60 -0
- package/styles/components/form-input.css +2 -1
- package/styles/components/main.css +17 -2
- package/styles/index.ts +0 -1
- package/styles/theme.css +1 -0
- package/styles/tokens.css +16 -17
- package/styles/tokens.ts +190 -165
- package/dist/styles/breakpoints.d.ts +0 -29
- package/dist/styles/breakpoints.d.ts.map +0 -1
- package/dist/styles/breakpoints.ts +0 -34
- 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,
|
|
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,
|
|
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;
|
|
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,
|
|
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,
|
|
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 @@
|
|
|
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,
|
|
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,
|
|
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;
|
|
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,
|
|
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;
|
|
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"}
|
|
@@ -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:
|
|
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-
|
|
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
|
}
|
package/dist/styles/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
package/dist/styles/index.ts
CHANGED
package/dist/styles/theme.css
CHANGED
|
@@ -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";
|
package/dist/styles/tokens.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*
|
|
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:
|
|
16
|
-
--color-background-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;
|
|
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;
|
|
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;
|
|
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;
|
|
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;
|
|
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;
|
|
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:
|
|
161
|
-
--media-max-lg: @media (max-width:
|
|
162
|
-
--media-max-xl: @media (max-width:
|
|
163
|
-
--media-max-2xl: @media (max-width:
|
|
164
|
-
--media-max-3xl: @media (max-width:
|
|
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 {
|