digital-rabbit-cl 1.0.16 → 1.0.18
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/dist/components/Button/Button.d.ts +18 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.native.d.ts +18 -0
- package/dist/components/Button/Button.native.d.ts.map +1 -0
- package/dist/components/Button/index.d.ts +3 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/useButtonStyles.d.ts +21 -0
- package/dist/components/Button/useButtonStyles.d.ts.map +1 -0
- package/dist/components/CSSReset/CSSReset.d.ts +29 -0
- package/dist/components/CSSReset/CSSReset.d.ts.map +1 -0
- package/dist/components/CSSReset/index.d.ts +2 -0
- package/dist/components/CSSReset/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +24 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/index.d.ts +3 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Checkbox/useCheckboxStyles.d.ts +18 -0
- package/dist/components/Checkbox/useCheckboxStyles.d.ts.map +1 -0
- package/dist/components/Form/Form.d.ts +8 -0
- package/dist/components/Form/Form.d.ts.map +1 -0
- package/dist/components/FormLabel/FormLabel.d.ts +12 -0
- package/dist/components/FormLabel/FormLabel.d.ts.map +1 -0
- package/dist/components/FormLabel/FormLabel.native.d.ts +12 -0
- package/dist/components/FormLabel/FormLabel.native.d.ts.map +1 -0
- package/dist/components/FormLabel/index.d.ts +3 -0
- package/dist/components/FormLabel/index.d.ts.map +1 -0
- package/dist/components/FormLabel/useFormLabelStyles.d.ts +17 -0
- package/dist/components/FormLabel/useFormLabelStyles.d.ts.map +1 -0
- package/dist/components/Hamburger/Hamburger.d.ts +14 -0
- package/dist/components/Hamburger/Hamburger.d.ts.map +1 -0
- package/dist/components/Hamburger/index.d.ts +4 -0
- package/dist/components/Hamburger/index.d.ts.map +1 -0
- package/dist/components/Hamburger/useHamburgerStyles.d.ts +14 -0
- package/dist/components/Hamburger/useHamburgerStyles.d.ts.map +1 -0
- package/dist/components/Header/Header.d.ts +15 -0
- package/dist/components/Header/Header.d.ts.map +1 -0
- package/dist/components/Header/Header.native.d.ts +17 -0
- package/dist/components/Header/Header.native.d.ts.map +1 -0
- package/dist/components/Header/index.d.ts +5 -0
- package/dist/components/Header/index.d.ts.map +1 -0
- package/dist/components/Header/useHeaderStyles.d.ts +17 -0
- package/dist/components/Header/useHeaderStyles.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +17 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/Input.native.d.ts +23 -0
- package/dist/components/Input/Input.native.d.ts.map +1 -0
- package/dist/components/Input/index.d.ts +3 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/Input/useInputStyles.d.ts +19 -0
- package/dist/components/Input/useInputStyles.d.ts.map +1 -0
- package/dist/components/Radio/Radio.d.ts +22 -0
- package/dist/components/Radio/Radio.d.ts.map +1 -0
- package/dist/components/Radio/index.d.ts +3 -0
- package/dist/components/Radio/index.d.ts.map +1 -0
- package/dist/components/Radio/useRadioStyles.d.ts +15 -0
- package/dist/components/Radio/useRadioStyles.d.ts.map +1 -0
- package/dist/components/ResponsiveNav/ResponsiveNav.d.ts +18 -0
- package/dist/components/ResponsiveNav/ResponsiveNav.d.ts.map +1 -0
- package/dist/components/ResponsiveNav/index.d.ts +4 -0
- package/dist/components/ResponsiveNav/index.d.ts.map +1 -0
- package/dist/components/ResponsiveNav/useResponsiveNavStyles.d.ts +18 -0
- package/dist/components/ResponsiveNav/useResponsiveNavStyles.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +16 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts +3 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Select/useSelectStyles.d.ts +17 -0
- package/dist/components/Select/useSelectStyles.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +17 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/index.d.ts +3 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Textarea/useTextareaStyles.d.ts +17 -0
- package/dist/components/Textarea/useTextareaStyles.d.ts.map +1 -0
- package/dist/digital-rabbit-cl.css +1 -0
- package/dist/digital-rabbit-cl.es.js +642 -0
- package/dist/digital-rabbit-cl.umd.js +21 -0
- package/dist/hooks/useMediaQuery.d.ts +2 -0
- package/dist/hooks/useMediaQuery.d.ts.map +1 -0
- package/dist/index.d.ts +18 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/logo-dark.svg +1 -0
- package/dist/logo-light.svg +1 -0
- package/dist/test-utils.d.ts +17 -0
- package/dist/test-utils.d.ts.map +1 -0
- package/dist/theme/ThemeContext.d.ts +95 -0
- package/dist/theme/ThemeContext.d.ts.map +1 -0
- package/dist/theme/index.d.ts +4 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/package.json +25 -23
- package/dist/digital-rabbit-cl.js +0 -1
- package/src/components/Button/Button.d.ts +0 -20
- package/src/components/Button/Button.module.css +0 -33
- package/src/components/Button/Button.native.d.ts +0 -20
- package/src/components/Button/index.d.ts +0 -2
- package/src/components/CSSReset/CSSReset.d.ts +0 -45
- package/src/components/CSSReset/index.d.ts +0 -1
- package/src/components/Checkbox/Checkbox.d.ts +0 -20
- package/src/components/Checkbox/index.d.ts +0 -2
- package/src/components/FormLabel/FormLabel.d.ts +0 -14
- package/src/components/FormLabel/FormLabel.module.css +0 -14
- package/src/components/FormLabel/FormLabel.native.d.ts +0 -14
- package/src/components/FormLabel/index.d.ts +0 -2
- package/src/components/Input/Input.d.ts +0 -19
- package/src/components/Input/Input.module.css +0 -28
- package/src/components/Input/Input.native.d.ts +0 -20
- package/src/components/Input/index.d.ts +0 -2
- package/src/components/Radio/Radio.d.ts +0 -19
- package/src/components/Radio/index.d.ts +0 -2
- package/src/components/Select/Select.d.ts +0 -21
- package/src/components/Select/Select.module.css +0 -35
- package/src/components/Select/index.d.ts +0 -2
- package/src/components/Textarea/Textarea.d.ts +0 -22
- package/src/components/Textarea/Textarea.module.css +0 -23
- package/src/components/Textarea/index.d.ts +0 -2
- package/src/index.d.ts +0 -9
- package/src/theme/ThemeContext.d.ts +0 -65
- package/src/theme/index.d.ts +0 -2
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export { default as Button } from './components/Button';
|
|
2
|
+
export { default as Checkbox } from './components/Checkbox';
|
|
3
|
+
export { default as CSSReset } from './components/CSSReset';
|
|
4
|
+
export { default as FormLabel } from './components/FormLabel';
|
|
5
|
+
export { default as Input } from './components/Input';
|
|
6
|
+
export { default as Radio } from './components/Radio';
|
|
7
|
+
export { default as Select } from './components/Select';
|
|
8
|
+
export { default as Textarea } from './components/Textarea';
|
|
9
|
+
export { ThemeProvider, useTheme } from './theme';
|
|
10
|
+
export type { Theme, ThemeColors, ThemeFonts, ThemeButtons, ThemeBreakpoints, ThemeLayout, ThemeProviderProps, DeepPartial } from './theme';
|
|
11
|
+
export type { ButtonProps } from './components/Button';
|
|
12
|
+
export type { CheckboxProps } from './components/Checkbox';
|
|
13
|
+
export type { FormLabelProps } from './components/FormLabel';
|
|
14
|
+
export type { InputProps } from './components/Input';
|
|
15
|
+
export type { RadioProps } from './components/Radio';
|
|
16
|
+
export type { SelectProps } from './components/Select';
|
|
17
|
+
export type { TextareaProps } from './components/Textarea';
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGlD,YAAY,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 355.89 133.4"><g id="New"><path d="M197,111.21H182.44l-13.26-16h-4.27v16H153V67.59h19.12a46.21,46.21,0,0,1,6.9.45,15.8,15.8,0,0,1,5.43,1.89,12,12,0,0,1,4.06,3.8,10.49,10.49,0,0,1,1.5,5.84,12.74,12.74,0,0,1-2.46,8.13,17.06,17.06,0,0,1-6.58,5ZM177.77,81a5.52,5.52,0,0,0-.68-2.83,4.43,4.43,0,0,0-2.29-1.83,8.92,8.92,0,0,0-2.49-.56c-.91-.07-2.05-.11-3.41-.11h-4V87.36h3.41a28.15,28.15,0,0,0,4.23-.27,6.61,6.61,0,0,0,3-1.19,5.39,5.39,0,0,0,1.71-2A6.91,6.91,0,0,0,177.77,81Z"/><path d="M218,107.73c-.77.58-1.46,1.11-2.06,1.58a12.45,12.45,0,0,1-2.45,1.4,16.77,16.77,0,0,1-2.92,1,17.71,17.71,0,0,1-4,.35,11.16,11.16,0,0,1-7.9-2.93,9.63,9.63,0,0,1-3.14-7.38,10.08,10.08,0,0,1,1.59-5.92,10.84,10.84,0,0,1,4.6-3.57A25.63,25.63,0,0,1,209,90.41q4.22-.52,9.07-.82v-.17a3.8,3.8,0,0,0-2.19-3.77,16,16,0,0,0-6.56-1,19.54,19.54,0,0,0-4.63.66A38.52,38.52,0,0,0,199.52,87h-1V79c1.1-.29,2.89-.63,5.36-1a47.84,47.84,0,0,1,7.47-.6q9.27,0,13.5,2.83t4.23,8.63v22.38H218Zm0-5.1V95.77c-1.9.18-3.43.33-4.6.46A16.46,16.46,0,0,0,210,97a5,5,0,0,0-2.29,1.42,3.8,3.8,0,0,0-.81,2.54,3.47,3.47,0,0,0,1.36,3.18,7.57,7.57,0,0,0,4,.86,8,8,0,0,0,3-.61A9.59,9.59,0,0,0,218,102.63Z"/><path d="M270.91,94.31q0,7.84-4.34,12.7a13.88,13.88,0,0,1-10.76,4.85,17.34,17.34,0,0,1-4.66-.56,22,22,0,0,1-4.22-1.73l-.48,1.64h-10.7V65.63h11.18V81.74a26.63,26.63,0,0,1,5-3.14,13.8,13.8,0,0,1,5.91-1.2,11.42,11.42,0,0,1,9.66,4.49C269.78,84.87,270.91,89,270.91,94.31Zm-11.43.2q0-4.92-1.63-7a6,6,0,0,0-5-2.11,10.61,10.61,0,0,0-3,.44,12,12,0,0,0-2.92,1.32v16.52a10.29,10.29,0,0,0,2.25.56,17.23,17.23,0,0,0,2.25.15c2.71,0,4.72-.82,6.05-2.46S259.48,97.79,259.48,94.51Z"/><path d="M310.6,94.31q0,7.84-4.34,12.7a13.9,13.9,0,0,1-10.77,4.85,17.39,17.39,0,0,1-4.66-.56,22,22,0,0,1-4.21-1.73l-.48,1.64h-10.7V65.63h11.18V81.74a26.63,26.63,0,0,1,5-3.14,13.74,13.74,0,0,1,5.91-1.2,11.42,11.42,0,0,1,9.66,4.49C309.47,84.87,310.6,89,310.6,94.31Zm-11.43.2c0-3.28-.55-5.62-1.63-7a6,6,0,0,0-5-2.11,10.54,10.54,0,0,0-3,.44,12,12,0,0,0-2.92,1.32v16.52a10,10,0,0,0,2.25.56,17,17,0,0,0,2.25.15q4,0,6.05-2.46C298.5,100.26,299.17,97.79,299.17,94.51Z"/><path d="M326.62,73.62H314.81v-8h11.81Zm-.32,37.59H315.13V78.31H326.3Z"/><path d="M347,111.86q-6.84,0-9.95-2.58t-3.11-8.44V85.46h-4.28V78.31h4.28v-9.4h11.18v9.4h10.76v7.15H345.08V97.12c0,1.15,0,2.16,0,3a5.68,5.68,0,0,0,.51,2.31,3.32,3.32,0,0,0,1.58,1.63,7.25,7.25,0,0,0,3.3.6,10.74,10.74,0,0,0,2.35-.35,10.27,10.27,0,0,0,2-.65h1v7.24a35.66,35.66,0,0,1-3.87.69A43.65,43.65,0,0,1,347,111.86Z"/><path d="M178,39.29a22.12,22.12,0,0,1-2.67,10.91,20,20,0,0,1-6.74,7.4,19,19,0,0,1-7.4,2.82,54.62,54.62,0,0,1-8.51.63H139.07V17.43h13.54a59.84,59.84,0,0,1,8.61.59,18.81,18.81,0,0,1,7.53,2.84,19.58,19.58,0,0,1,6.8,7.43A23.16,23.16,0,0,1,178,39.29Zm-11.25-.09a16.9,16.9,0,0,0-1.48-7.37A10.81,10.81,0,0,0,160.75,27a10.61,10.61,0,0,0-4.67-1.35c-1.63-.07-3.58-.11-5.85-.11H150v27.3h.2q3.69,0,6.23-.13a9.93,9.93,0,0,0,4.82-1.57,10.89,10.89,0,0,0,4.1-4.69A17,17,0,0,0,166.79,39.2Z"/><path d="M193.27,23.47H182.43v-8h10.84ZM193,61.05H182.72V28.15H193Z"/><path d="M229.54,57.27A20.35,20.35,0,0,1,228.22,65a12,12,0,0,1-3.6,5,14.32,14.32,0,0,1-5.48,2.62,28.84,28.84,0,0,1-7.09.81,43.92,43.92,0,0,1-6.22-.43,48.45,48.45,0,0,1-5.12-1V63.81h1.2c.51.19,1.11.41,1.81.64s1.39.45,2.09.65,1.66.39,2.46.52a14.25,14.25,0,0,0,2.46.21,14.9,14.9,0,0,0,4.35-.54,5.67,5.67,0,0,0,2.63-1.54,6,6,0,0,0,1.23-2.42,14.76,14.76,0,0,0,.35-3.5v-.61a14.07,14.07,0,0,1-4,2.44,12.2,12.2,0,0,1-4.67.93q-6.39,0-9.86-4.17t-3.47-12.65a20.85,20.85,0,0,1,1.07-6.94,15.53,15.53,0,0,1,3-5.25,12.33,12.33,0,0,1,4.39-3.21,13.28,13.28,0,0,1,5.36-1.12,14.69,14.69,0,0,1,4.52.64,15.19,15.19,0,0,1,3.63,1.73l.38-1.47h9.93Zm-10.25-6.59V35.77a9.51,9.51,0,0,0-1.88-.59,11.16,11.16,0,0,0-2.22-.23,6.63,6.63,0,0,0-5.56,2.39A10.59,10.59,0,0,0,207.77,44a20.39,20.39,0,0,0,.28,3.62,7,7,0,0,0,1,2.62A4.67,4.67,0,0,0,211,51.93a7,7,0,0,0,3,.57,8.18,8.18,0,0,0,2.71-.47A9.58,9.58,0,0,0,219.29,50.68Z"/><path d="M246.74,23.47H235.9v-8h10.84Zm-.29,37.58H236.19V28.15h10.26Z"/><path d="M265.7,61.7c-4.18,0-7.23-.86-9.13-2.58s-2.86-4.53-2.86-8.44V35.3h-3.92V28.15h3.92v-9.4H264v9.4h9.87V35.3H264V47c0,1.16,0,2.16,0,3a6,6,0,0,0,.47,2.31,3.18,3.18,0,0,0,1.45,1.63,6.15,6.15,0,0,0,3,.6,9.06,9.06,0,0,0,2.15-.35,8.88,8.88,0,0,0,1.86-.65h.88v7.24a30,30,0,0,1-3.54.69A35.1,35.1,0,0,1,265.7,61.7Z"/><path d="M295,57.57l-1.88,1.58a11.59,11.59,0,0,1-2.25,1.41,12.22,12.22,0,0,1-6.32,1.37A9.72,9.72,0,0,1,277.26,59a10.06,10.06,0,0,1-2.89-7.38,10.79,10.79,0,0,1,1.46-5.92,10.14,10.14,0,0,1,4.22-3.57,22.1,22.1,0,0,1,6.65-1.88q3.87-.53,8.32-.82v-.17a3.88,3.88,0,0,0-2-3.77,13.61,13.61,0,0,0-6-1,16.54,16.54,0,0,0-4.25.66A32.76,32.76,0,0,0,278,36.8h-.88V28.86c1-.3,2.66-.64,4.93-1a39.28,39.28,0,0,1,6.85-.6q8.49,0,12.38,2.82t3.88,8.63V61.05H295Zm0-5.1V45.61c-1.73.18-3.14.33-4.21.46a14.62,14.62,0,0,0-3.17.75,4.36,4.36,0,0,0-2.09,1.42,4,4,0,0,0-.75,2.53A3.62,3.62,0,0,0,286,54a6.4,6.4,0,0,0,3.67.86,6.86,6.86,0,0,0,2.76-.61A8.61,8.61,0,0,0,295,52.47Z"/><path d="M321.8,61.05H311.55V15.47H321.8Z"/></g><path d="M66.7,0A66.68,66.68,0,0,0,16.23,110.31S31,53.7,86.42,36.07C75.94,82.58,27.5,120.46,27.36,120.56a66.29,66.29,0,0,0,19.31,9.77c0-.13,19.66-63.67,75-81.28-10,44.35-54.49,80.85-58.73,84.24,1.25.07,2.51.11,3.78.11A66.7,66.7,0,0,0,66.7,0Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 355.89 133.4"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="New"><path class="cls-1" d="M197,111.21H182.44l-13.26-16h-4.27v16H153V67.59h19.12a46.21,46.21,0,0,1,6.9.45,15.8,15.8,0,0,1,5.43,1.89,12,12,0,0,1,4.06,3.8,10.49,10.49,0,0,1,1.5,5.84,12.74,12.74,0,0,1-2.46,8.13,17.06,17.06,0,0,1-6.58,5ZM177.77,81a5.52,5.52,0,0,0-.68-2.83,4.43,4.43,0,0,0-2.29-1.83,8.92,8.92,0,0,0-2.49-.56c-.91-.07-2.05-.11-3.41-.11h-4V87.36h3.41a28.15,28.15,0,0,0,4.23-.27,6.61,6.61,0,0,0,3-1.19,5.39,5.39,0,0,0,1.71-2A6.91,6.91,0,0,0,177.77,81Z"/><path class="cls-1" d="M218,107.73c-.77.58-1.46,1.11-2.06,1.58a12.45,12.45,0,0,1-2.45,1.4,16.77,16.77,0,0,1-2.92,1,17.71,17.71,0,0,1-4,.35,11.16,11.16,0,0,1-7.9-2.93,9.63,9.63,0,0,1-3.14-7.38,10.08,10.08,0,0,1,1.59-5.92,10.84,10.84,0,0,1,4.6-3.57A25.63,25.63,0,0,1,209,90.41q4.22-.52,9.07-.82v-.17a3.8,3.8,0,0,0-2.19-3.77,16,16,0,0,0-6.56-1,19.54,19.54,0,0,0-4.63.66A38.52,38.52,0,0,0,199.52,87h-1V79c1.1-.29,2.89-.63,5.36-1a47.84,47.84,0,0,1,7.47-.6q9.27,0,13.5,2.83t4.23,8.63v22.38H218Zm0-5.1V95.77c-1.9.18-3.43.33-4.6.46A16.46,16.46,0,0,0,210,97a5,5,0,0,0-2.29,1.42,3.8,3.8,0,0,0-.81,2.54,3.47,3.47,0,0,0,1.36,3.18,7.57,7.57,0,0,0,4,.86,8,8,0,0,0,3-.61A9.59,9.59,0,0,0,218,102.63Z"/><path class="cls-1" d="M270.91,94.31q0,7.84-4.34,12.7a13.88,13.88,0,0,1-10.76,4.85,17.34,17.34,0,0,1-4.66-.56,22,22,0,0,1-4.22-1.73l-.48,1.64h-10.7V65.63h11.18V81.74a26.63,26.63,0,0,1,5-3.14,13.8,13.8,0,0,1,5.91-1.2,11.42,11.42,0,0,1,9.66,4.49C269.78,84.87,270.91,89,270.91,94.31Zm-11.43.2q0-4.92-1.63-7a6,6,0,0,0-5-2.11,10.61,10.61,0,0,0-3,.44,12,12,0,0,0-2.92,1.32v16.52a10.29,10.29,0,0,0,2.25.56,17.23,17.23,0,0,0,2.25.15c2.71,0,4.72-.82,6.05-2.46S259.48,97.79,259.48,94.51Z"/><path class="cls-1" d="M310.6,94.31q0,7.84-4.34,12.7a13.9,13.9,0,0,1-10.77,4.85,17.39,17.39,0,0,1-4.66-.56,22,22,0,0,1-4.21-1.73l-.48,1.64h-10.7V65.63h11.18V81.74a26.63,26.63,0,0,1,5-3.14,13.74,13.74,0,0,1,5.91-1.2,11.42,11.42,0,0,1,9.66,4.49C309.47,84.87,310.6,89,310.6,94.31Zm-11.43.2c0-3.28-.55-5.62-1.63-7a6,6,0,0,0-5-2.11,10.54,10.54,0,0,0-3,.44,12,12,0,0,0-2.92,1.32v16.52a10,10,0,0,0,2.25.56,17,17,0,0,0,2.25.15q4,0,6.05-2.46C298.5,100.26,299.17,97.79,299.17,94.51Z"/><path class="cls-1" d="M326.62,73.62H314.81v-8h11.81Zm-.32,37.59H315.13V78.31H326.3Z"/><path class="cls-1" d="M347,111.86q-6.84,0-9.95-2.58t-3.11-8.44V85.46h-4.28V78.31h4.28v-9.4h11.18v9.4h10.76v7.15H345.08V97.12c0,1.15,0,2.16,0,3a5.68,5.68,0,0,0,.51,2.31,3.32,3.32,0,0,0,1.58,1.63,7.25,7.25,0,0,0,3.3.6,10.74,10.74,0,0,0,2.35-.35,10.27,10.27,0,0,0,2-.65h1v7.24a35.66,35.66,0,0,1-3.87.69A43.65,43.65,0,0,1,347,111.86Z"/><path class="cls-1" d="M178,39.29a22.12,22.12,0,0,1-2.67,10.91,20,20,0,0,1-6.74,7.4,19,19,0,0,1-7.4,2.82,54.62,54.62,0,0,1-8.51.63H139.07V17.43h13.54a59.84,59.84,0,0,1,8.61.59,18.81,18.81,0,0,1,7.53,2.84,19.58,19.58,0,0,1,6.8,7.43A23.16,23.16,0,0,1,178,39.29Zm-11.25-.09a16.9,16.9,0,0,0-1.48-7.37A10.81,10.81,0,0,0,160.75,27a10.61,10.61,0,0,0-4.67-1.35c-1.63-.07-3.58-.11-5.85-.11H150v27.3h.2q3.69,0,6.23-.13a9.93,9.93,0,0,0,4.82-1.57,10.89,10.89,0,0,0,4.1-4.69A17,17,0,0,0,166.79,39.2Z"/><path class="cls-1" d="M193.27,23.47H182.43v-8h10.84ZM193,61.05H182.72V28.15H193Z"/><path class="cls-1" d="M229.54,57.27A20.35,20.35,0,0,1,228.22,65a12,12,0,0,1-3.6,5,14.32,14.32,0,0,1-5.48,2.62,28.84,28.84,0,0,1-7.09.81,43.92,43.92,0,0,1-6.22-.43,48.45,48.45,0,0,1-5.12-1V63.81h1.2c.51.19,1.11.41,1.81.64s1.39.45,2.09.65,1.66.39,2.46.52a14.25,14.25,0,0,0,2.46.21,14.9,14.9,0,0,0,4.35-.54,5.67,5.67,0,0,0,2.63-1.54,6,6,0,0,0,1.23-2.42,14.76,14.76,0,0,0,.35-3.5v-.61a14.07,14.07,0,0,1-4,2.44,12.2,12.2,0,0,1-4.67.93q-6.39,0-9.86-4.17t-3.47-12.65a20.85,20.85,0,0,1,1.07-6.94,15.53,15.53,0,0,1,3-5.25,12.33,12.33,0,0,1,4.39-3.21,13.28,13.28,0,0,1,5.36-1.12,14.69,14.69,0,0,1,4.52.64,15.19,15.19,0,0,1,3.63,1.73l.38-1.47h9.93Zm-10.25-6.59V35.77a9.51,9.51,0,0,0-1.88-.59,11.16,11.16,0,0,0-2.22-.23,6.63,6.63,0,0,0-5.56,2.39A10.59,10.59,0,0,0,207.77,44a20.39,20.39,0,0,0,.28,3.62,7,7,0,0,0,1,2.62A4.67,4.67,0,0,0,211,51.93a7,7,0,0,0,3,.57,8.18,8.18,0,0,0,2.71-.47A9.58,9.58,0,0,0,219.29,50.68Z"/><path class="cls-1" d="M246.74,23.47H235.9v-8h10.84Zm-.29,37.58H236.19V28.15h10.26Z"/><path class="cls-1" d="M265.7,61.7c-4.18,0-7.23-.86-9.13-2.58s-2.86-4.53-2.86-8.44V35.3h-3.92V28.15h3.92v-9.4H264v9.4h9.87V35.3H264V47c0,1.16,0,2.16,0,3a6,6,0,0,0,.47,2.31,3.18,3.18,0,0,0,1.45,1.63,6.15,6.15,0,0,0,3,.6,9.06,9.06,0,0,0,2.15-.35,8.88,8.88,0,0,0,1.86-.65h.88v7.24a30,30,0,0,1-3.54.69A35.1,35.1,0,0,1,265.7,61.7Z"/><path class="cls-1" d="M295,57.57l-1.88,1.58a11.59,11.59,0,0,1-2.25,1.41,12.22,12.22,0,0,1-6.32,1.37A9.72,9.72,0,0,1,277.26,59a10.06,10.06,0,0,1-2.89-7.38,10.79,10.79,0,0,1,1.46-5.92,10.14,10.14,0,0,1,4.22-3.57,22.1,22.1,0,0,1,6.65-1.88q3.87-.53,8.32-.82v-.17a3.88,3.88,0,0,0-2-3.77,13.61,13.61,0,0,0-6-1,16.54,16.54,0,0,0-4.25.66A32.76,32.76,0,0,0,278,36.8h-.88V28.86c1-.3,2.66-.64,4.93-1a39.28,39.28,0,0,1,6.85-.6q8.49,0,12.38,2.82t3.88,8.63V61.05H295Zm0-5.1V45.61c-1.73.18-3.14.33-4.21.46a14.62,14.62,0,0,0-3.17.75,4.36,4.36,0,0,0-2.09,1.42,4,4,0,0,0-.75,2.53A3.62,3.62,0,0,0,286,54a6.4,6.4,0,0,0,3.67.86,6.86,6.86,0,0,0,2.76-.61A8.61,8.61,0,0,0,295,52.47Z"/><path class="cls-1" d="M321.8,61.05H311.55V15.47H321.8Z"/></g><path class="cls-1" d="M66.7,0A66.68,66.68,0,0,0,16.23,110.31S31,53.7,86.42,36.07C75.94,82.58,27.5,120.46,27.36,120.56a66.29,66.29,0,0,0,19.31,9.77c0-.13,19.66-63.67,75-81.28-10,44.35-54.49,80.85-58.73,84.24,1.25.07,2.51.11,3.78.11A66.7,66.7,0,0,0,66.7,0Z"/></svg>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { RenderOptions } from '@testing-library/react';
|
|
3
|
+
import { DeepPartial, Theme } from './theme';
|
|
4
|
+
interface RenderWithThemeOptions extends Omit<RenderOptions, 'wrapper'> {
|
|
5
|
+
theme?: DeepPartial<Theme>;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Custom render function that wraps components with ThemeProvider
|
|
9
|
+
* @param ui - The component to render
|
|
10
|
+
* @param options - Render options
|
|
11
|
+
* @param options.theme - Custom theme to override defaults
|
|
12
|
+
* @returns Render result from @testing-library/react
|
|
13
|
+
*/
|
|
14
|
+
export declare function renderWithTheme(ui: ReactElement, { theme, ...renderOptions }?: RenderWithThemeOptions): import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
|
|
15
|
+
export * from '@testing-library/react';
|
|
16
|
+
export { default as userEvent } from '@testing-library/user-event';
|
|
17
|
+
//# sourceMappingURL=test-utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../src/test-utils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAU,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAiB,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAsC5D,UAAU,sBAAuB,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC;IACrE,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CAC5B;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,EAAE,EAAE,YAAY,EAChB,EAAE,KAAU,EAAE,GAAG,aAAa,EAAE,GAAE,sBAA2B,gIA4B9D;AAGD,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
export interface ThemeColors {
|
|
3
|
+
primary: string;
|
|
4
|
+
secondary: string;
|
|
5
|
+
accent: string;
|
|
6
|
+
error: string;
|
|
7
|
+
success: string;
|
|
8
|
+
warning: string;
|
|
9
|
+
}
|
|
10
|
+
export interface ThemeFonts {
|
|
11
|
+
color: string;
|
|
12
|
+
lineHeight: number;
|
|
13
|
+
fontFamily: string;
|
|
14
|
+
fontWeightHeader: number;
|
|
15
|
+
size: string;
|
|
16
|
+
rhythm: string;
|
|
17
|
+
fontSizeH1: string;
|
|
18
|
+
fontSizeH2: string;
|
|
19
|
+
fontSizeH3: string;
|
|
20
|
+
fontSizeH4: string;
|
|
21
|
+
fontSizeH5: string;
|
|
22
|
+
fontSizeH6: string;
|
|
23
|
+
}
|
|
24
|
+
export interface ThemeButtons {
|
|
25
|
+
textColor: string;
|
|
26
|
+
primary: {
|
|
27
|
+
textColor: string;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
export interface ThemeBreakpoints {
|
|
31
|
+
xs: string;
|
|
32
|
+
sm: string;
|
|
33
|
+
md: string;
|
|
34
|
+
lg: string;
|
|
35
|
+
}
|
|
36
|
+
export interface ThemeLayout {
|
|
37
|
+
maxWidth: string;
|
|
38
|
+
wrapperPaddingSm: string;
|
|
39
|
+
wrapperPadding: string;
|
|
40
|
+
}
|
|
41
|
+
export interface Theme {
|
|
42
|
+
colors: ThemeColors;
|
|
43
|
+
fonts: ThemeFonts;
|
|
44
|
+
buttons: ThemeButtons;
|
|
45
|
+
borderRadius: string;
|
|
46
|
+
breakpoints: ThemeBreakpoints;
|
|
47
|
+
layout: ThemeLayout;
|
|
48
|
+
}
|
|
49
|
+
declare const ThemeContext: React.Context<Theme>;
|
|
50
|
+
export type DeepPartial<T> = {
|
|
51
|
+
[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
|
|
52
|
+
};
|
|
53
|
+
export interface ThemeProviderProps {
|
|
54
|
+
theme?: DeepPartial<Theme>;
|
|
55
|
+
children: ReactNode;
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* ThemeProvider - Provides theme values to all components
|
|
59
|
+
*
|
|
60
|
+
* Supports the colors/fonts structure:
|
|
61
|
+
* - colors: { primary, secondary, accent, error, success, warning }
|
|
62
|
+
* - fonts: { color, lineHeight, fontFamily, fontWeightHeader, size, rhythm, fontSizeH1-H6 }
|
|
63
|
+
* - breakpoints: { xs, sm, md, lg }
|
|
64
|
+
* - layout: { maxWidth, wrapperPaddingSm, wrapperPadding }
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* ```jsx
|
|
68
|
+
* <ThemeProvider theme={{
|
|
69
|
+
* colors: {
|
|
70
|
+
* primary: 'white',
|
|
71
|
+
* secondary: 'black',
|
|
72
|
+
* accent: '#2700ff'
|
|
73
|
+
* },
|
|
74
|
+
* fonts: {
|
|
75
|
+
* color: 'white',
|
|
76
|
+
* fontFamily: 'San Francisco, sans-serif',
|
|
77
|
+
* size: '22px',
|
|
78
|
+
* fontSizeH1: '2.5rem',
|
|
79
|
+
* fontSizeH2: '1.75rem'
|
|
80
|
+
* }
|
|
81
|
+
* }}>
|
|
82
|
+
* <App />
|
|
83
|
+
* </ThemeProvider>
|
|
84
|
+
* ```
|
|
85
|
+
*/
|
|
86
|
+
export declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
87
|
+
/**
|
|
88
|
+
* useTheme - Hook to access theme values
|
|
89
|
+
* Returns the full theme object with colors/fonts structure
|
|
90
|
+
*
|
|
91
|
+
* @returns {Theme} Theme object with colors, fonts, breakpoints, layout
|
|
92
|
+
*/
|
|
93
|
+
export declare const useTheme: () => Theme;
|
|
94
|
+
export default ThemeContext;
|
|
95
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC;CACrB;AA+CD,QAAA,MAAM,YAAY,sBAAqC,CAAC;AAExD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoCtD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,QAAO,KAE3B,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { ThemeProvider, useTheme } from './ThemeContext';
|
|
2
|
+
export { default as ThemeContext } from './ThemeContext';
|
|
3
|
+
export type { Theme, ThemeColors, ThemeFonts, ThemeButtons, ThemeBreakpoints, ThemeLayout, ThemeProviderProps, DeepPartial } from './ThemeContext';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "digital-rabbit-cl",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.18",
|
|
4
4
|
"dependencies": {
|
|
5
|
+
"prop-types": "^15.8.1",
|
|
5
6
|
"react": "^18.3.1",
|
|
6
7
|
"react-dom": "^18.3.1",
|
|
7
8
|
"uuid": "^7.0.3"
|
|
8
9
|
},
|
|
9
10
|
"scripts": {
|
|
10
|
-
"build": "
|
|
11
|
+
"build": "vite build",
|
|
11
12
|
"prepare": "npm run build",
|
|
12
13
|
"storybook": "storybook dev -p 6006",
|
|
13
14
|
"build-storybook": "storybook build",
|
|
@@ -16,12 +17,19 @@
|
|
|
16
17
|
"test:coverage": "jest --coverage"
|
|
17
18
|
},
|
|
18
19
|
"license": "MIT",
|
|
19
|
-
"main": "dist/digital-rabbit-cl.js",
|
|
20
|
-
"
|
|
20
|
+
"main": "dist/digital-rabbit-cl.umd.js",
|
|
21
|
+
"module": "dist/digital-rabbit-cl.es.js",
|
|
22
|
+
"types": "dist/index.d.ts",
|
|
23
|
+
"exports": {
|
|
24
|
+
".": {
|
|
25
|
+
"types": "./dist/index.d.ts",
|
|
26
|
+
"import": "./dist/digital-rabbit-cl.es.js",
|
|
27
|
+
"require": "./dist/digital-rabbit-cl.umd.js"
|
|
28
|
+
},
|
|
29
|
+
"./style.css": "./dist/style.css"
|
|
30
|
+
},
|
|
21
31
|
"files": [
|
|
22
|
-
"dist
|
|
23
|
-
"src/**/*.d.ts",
|
|
24
|
-
"src/**/*.module.css"
|
|
32
|
+
"dist"
|
|
25
33
|
],
|
|
26
34
|
"browserslist": {
|
|
27
35
|
"production": [
|
|
@@ -36,30 +44,24 @@
|
|
|
36
44
|
]
|
|
37
45
|
},
|
|
38
46
|
"devDependencies": {
|
|
39
|
-
"@
|
|
40
|
-
"@
|
|
41
|
-
"@
|
|
42
|
-
"@
|
|
43
|
-
"@
|
|
44
|
-
"@storybook/addon-links": "^7.6.20",
|
|
45
|
-
"@storybook/addons": "^6.5.16",
|
|
46
|
-
"@storybook/react": "^7.6.20",
|
|
47
|
-
"@storybook/react-webpack5": "^7.6.20",
|
|
47
|
+
"@storybook/addon-docs": "^10.0.7",
|
|
48
|
+
"@storybook/addon-onboarding": "^10.0.7",
|
|
49
|
+
"@storybook/react-vite": "^10.0.7",
|
|
50
|
+
"@swc/core": "^1.15.2",
|
|
51
|
+
"@swc/jest": "^0.2.39",
|
|
48
52
|
"@testing-library/jest-dom": "^6.9.1",
|
|
49
53
|
"@testing-library/react": "^16.3.0",
|
|
50
54
|
"@testing-library/user-event": "^14.6.1",
|
|
51
55
|
"@types/react": "^18.3.26",
|
|
52
56
|
"@types/react-dom": "^18.3.7",
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"css-loader": "^3.5.3",
|
|
57
|
+
"@types/uuid": "^10.0.0",
|
|
58
|
+
"@vitejs/plugin-react": "^4.7.0",
|
|
56
59
|
"identity-obj-proxy": "^3.0.0",
|
|
57
60
|
"jest": "^30.2.0",
|
|
58
61
|
"jest-environment-jsdom": "^30.2.0",
|
|
59
|
-
"storybook": "^
|
|
60
|
-
"style-loader": "^1.2.1",
|
|
62
|
+
"storybook": "^10.0.7",
|
|
61
63
|
"typescript": "^5.9.3",
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
+
"vite": "^6.4.1",
|
|
65
|
+
"vite-plugin-dts": "^4.5.4"
|
|
64
66
|
}
|
|
65
67
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports["digital-rabbit-cl"]=n():e["digital-rabbit-cl"]=n()}(this,()=>(()=>{var e={72:(e,n,t)=>{"use strict";var o,r=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),i=[];function a(e){for(var n=-1,t=0;t<i.length;t++)if(i[t].identifier===e){n=t;break}return n}function l(e,n){for(var t={},o=[],r=0;r<e.length;r++){var l=e[r],s=n.base?l[0]+n.base:l[0],c=t[s]||0,d="".concat(s," ").concat(c);t[s]=c+1;var p=a(d),u={css:l[1],media:l[2],sourceMap:l[3]};-1!==p?(i[p].references++,i[p].updater(u)):i.push({identifier:d,updater:b(u,n),references:1}),o.push(d)}return o}function s(e){var n=document.createElement("style"),o=e.attributes||{};if(void 0===o.nonce){var i=t.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach(function(e){n.setAttribute(e,o[e])}),"function"==typeof e.insert)e.insert(n);else{var a=r(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}return n}var c,d=(c=[],function(e,n){return c[e]=n,c.filter(Boolean).join("\n")});function p(e,n,t,o){var r=t?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(e.styleSheet)e.styleSheet.cssText=d(n,r);else{var i=document.createTextNode(r),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(i,a[n]):e.appendChild(i)}}function u(e,n,t){var o=t.css,r=t.media,i=t.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}var f=null,m=0;function b(e,n){var t,o,r;if(n.singleton){var i=m++;t=f||(f=s(n)),o=p.bind(null,t,i,!1),r=p.bind(null,t,i,!0)}else t=s(n),o=u.bind(null,t,n),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return o(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;o(e=n)}else r()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=(void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o));var t=l(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var o=0;o<t.length;o++){var r=a(t[o]);i[r].references--}for(var s=l(e,n),c=0;c<t.length;c++){var d=a(t[c]);0===i[d].references&&(i[d].updater(),i.splice(d,1))}t=s}}}},165:(e,n,t)=>{var o=t(72),r=t(806);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);o(r,{insert:"head",singleton:!1}),e.exports=r.locals||{}},170:(e,n,t)=>{(n=t(314)(!1)).push([e.id,'/* CSS Reset - digital-rabbit-cl */\n/* Based on normalize.css and modern CSS resets */\n\n/* CSS Custom Properties for theming */\n:root {\n --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n --font-size: 16px;\n --line-height: 1.5;\n --font-weight-header: 700;\n --primary-color: #000;\n --background-color: #fff;\n --accent-color: #0066cc;\n\n /* Header font sizes */\n --font-size-h1: 2.5rem;\n --font-size-h2: 1.75rem;\n --font-size-h3: 1.38316rem;\n --font-size-h4: 1rem;\n --font-size-h5: 0.85028rem;\n --font-size-h6: 0.78405rem;\n\n /* Breakpoints */\n --breakpoint-xs: 350px;\n --breakpoint-sm: 475px;\n --breakpoint-md: 769px;\n --breakpoint-lg: 1025px;\n\n /* Layout */\n --layout-max-width: 1280px;\n --layout-wrapper-padding-sm: 0.5rem;\n --layout-wrapper-padding: 1rem;\n}\n\n/* Document */\nhtml {\n line-height: var(--line-height);\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n font-size: var(--font-size);\n font-family: var(--font-family);\n box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n/* Sections */\nbody {\n margin: 0;\n font-family: var(--font-family);\n font-size: var(--font-size);\n line-height: var(--line-height);\n color: var(--primary-color);\n background-color: var(--background-color);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nmain {\n display: block;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5em;\n font-weight: var(--font-weight-header);\n}\n\nh1 {\n font-size: var(--font-size-h1);\n}\n\nh2 {\n font-size: var(--font-size-h2);\n}\n\nh3 {\n font-size: var(--font-size-h3);\n}\n\nh4 {\n font-size: var(--font-size-h4);\n}\n\nh5 {\n font-size: var(--font-size-h5);\n}\n\nh6 {\n font-size: var(--font-size-h6);\n}\n\n/* Grouping content */\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n margin: 1em 0;\n}\n\npre {\n font-family: monospace, monospace;\n font-size: 1em;\n overflow: auto;\n}\n\n/* Text-level semantics */\na {\n background-color: transparent;\n text-decoration: none;\n}\n\na:link {\n color: var(--accent-color);\n}\n\na:hover {\n text-decoration: underline;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content */\nimg {\n border-style: none;\n max-width: 100%;\n height: auto;\n vertical-align: middle;\n}\n\n/* Forms */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: var(--line-height);\n margin: 0;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n -webkit-appearance: button;\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\n[type="checkbox"],\n[type="radio"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type="search"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\n/* Interactive */\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\n/* Misc */\ntemplate,\n[hidden] {\n display: none;\n}\n\n/* Tables */\ntable {\n border-collapse: collapse;\n width: 100%;\n}\n\n/* Lists */\nul, ol {\n padding-left: 1.5em;\n}\n\n/* Paragraphs */\np {\n margin-top: 0;\n margin-bottom: 1em;\n}\n',""]),e.exports=n},290:(e,n,t)=>{(n=t(314)(!1)).push([e.id,".Textarea-module__textarea___sdVoK {\n background-color: transparent;\n border-width: 0.15em;\n border-style: solid;\n box-sizing: border-box;\n display: block;\n font-weight: 700;\n line-height: 1.25;\n outline: none;\n width: 100%;\n}\n\n.Textarea-module__textarea___sdVoK:disabled {\n opacity: 0.3;\n}\n\n.Textarea-module__sizeSmall___2Pu5f {\n padding: 0.1em 0.25em;\n}\n\n.Textarea-module__sizeDefault___24f-r {\n padding: 0.25em 0.5em;\n}\n",""]),n.locals={textarea:"Textarea-module__textarea___sdVoK",sizeSmall:"Textarea-module__sizeSmall___2Pu5f",sizeDefault:"Textarea-module__sizeDefault___24f-r"},e.exports=n},297:(e,n,t)=>{var o=t(72),r=t(290);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);o(r,{insert:"head",singleton:!1}),e.exports=r.locals||{}},314:e=>{"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t=function(e,n){var t,o,r,i=e[1]||"",a=e[3];if(!a)return i;if(n&&"function"==typeof btoa){var l=(t=a,o=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),"/*# ".concat(r," */")),s=a.sources.map(function(e){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(e," */")});return[i].concat(s).concat([l]).join("\n")}return[i].join("\n")}(n,e);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t}).join("")},n.i=function(e,t,o){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(o)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(r[a]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);o&&r[s[0]]||(t&&(s[2]?s[2]="".concat(t," and ").concat(s[2]):s[2]=t),n.push(s))}},n}},423:(e,n,t)=>{var o=t(72),r=t(580);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);o(r,{insert:"head",singleton:!1}),e.exports=r.locals||{}},555:(e,n,t)=>{var o=t(72),r=t(688);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);o(r,{insert:"head",singleton:!1}),e.exports=r.locals||{}},556:(e,n,t)=>{e.exports=t(694)()},580:(e,n,t)=>{(n=t(314)(!1)).push([e.id,".FormLabel-module__label___3iLIo {\n display: inline-block;\n font-weight: 700;\n padding-bottom: 0.25em;\n}\n\n.FormLabel-module__label___3iLIo.FormLabel-module__disabled___uJOOT {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.FormLabel-module__label___3iLIo:not(.FormLabel-module__disabled___uJOOT) {\n cursor: default;\n}\n",""]),n.locals={label:"FormLabel-module__label___3iLIo",disabled:"FormLabel-module__disabled___uJOOT"},e.exports=n},688:(e,n,t)=>{(n=t(314)(!1)).push([e.id,".Input-module__input___1TjxO {\n background-color: transparent;\n border-width: 0.15em;\n border-style: solid;\n box-sizing: border-box;\n display: block;\n font-weight: 700;\n line-height: 1.25;\n outline: none;\n width: 100%;\n}\n\n.Input-module__input___1TjxO::placeholder {\n color: inherit;\n opacity: var(--placeholder-opacity, 0.3);\n}\n\n.Input-module__input___1TjxO:disabled {\n opacity: 0.3;\n}\n\n.Input-module__sizeSmall___3JbAT {\n padding: 0.1em 0.25em;\n}\n\n.Input-module__sizeDefault___1XXlU {\n padding: 0.25em 0.5em;\n}\n",""]),n.locals={input:"Input-module__input___1TjxO",sizeSmall:"Input-module__sizeSmall___3JbAT",sizeDefault:"Input-module__sizeDefault___1XXlU"},e.exports=n},694:(e,n,t)=>{"use strict";var o=t(925);function r(){}function i(){}i.resetWarningCache=r,e.exports=function(){function e(e,n,t,r,i,a){if(a!==o){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function n(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:i,resetWarningCache:r};return t.PropTypes=t,t}},806:(e,n,t)=>{(n=t(314)(!1)).push([e.id,".Button-module__button___6y6Zv {\n border-width: 0.15em;\n border-style: solid;\n cursor: pointer;\n font-weight: 700;\n line-height: 1.25;\n outline: none;\n}\n\n.Button-module__button___6y6Zv:disabled {\n cursor: default;\n opacity: 0.3;\n}\n\n.Button-module__button___6y6Zv:not(:disabled):hover {\n opacity: 0.75;\n}\n\n.Button-module__sizeSmall___33CCh {\n padding: 0.1em 0.5em;\n}\n\n.Button-module__sizeDefault___2J5m- {\n padding: 0.25em 0.5em;\n}\n\n.Button-module__outline___36jpf {\n background-color: transparent;\n}\n\n.Button-module__outline___36jpf:not(:disabled):hover {\n opacity: 1;\n}\n",""]),n.locals={button:"Button-module__button___6y6Zv",sizeSmall:"Button-module__sizeSmall___33CCh",sizeDefault:"Button-module__sizeDefault___2J5m-",outline:"Button-module__outline___36jpf"},e.exports=n},886:(e,n,t)=>{(n=t(314)(!1)).push([e.id,".Select-module__select___3oApo {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: transparent;\n background-position: right;\n background-repeat: no-repeat;\n background-size: auto 85%;\n border-width: 0.15em;\n border-style: solid;\n border-radius: 0;\n box-sizing: border-box;\n display: block;\n font-weight: 700;\n line-height: 1.25;\n outline: none;\n width: 100%;\n}\n\n.Select-module__select___3oApo:disabled {\n cursor: default;\n opacity: 0.3;\n}\n\n.Select-module__select___3oApo:not(:disabled) {\n cursor: pointer;\n}\n\n.Select-module__sizeSmall___3nVvB {\n padding: 0.1em 1.75em 0.1em 0.25em;\n}\n\n.Select-module__sizeDefault___3Tun- {\n padding: 0.25em 2em 0.25em 0.5em;\n}\n",""]),n.locals={select:"Select-module__select___3oApo",sizeSmall:"Select-module__sizeSmall___3nVvB",sizeDefault:"Select-module__sizeDefault___3Tun-"},e.exports=n},913:(e,n,t)=>{var o=t(72),r=t(886);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);o(r,{insert:"head",singleton:!1}),e.exports=r.locals||{}},925:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},969:(e,n,t)=>{var o=t(72),r=t(170);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);o(r,{insert:"head",singleton:!1}),e.exports=r.locals||{}}},n={};function t(o){var r=n[o];if(void 0!==r)return r.exports;var i=n[o]={id:o,exports:{}};return e[o](i,i.exports,t),i.exports}t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nc=void 0;var o={};return(()=>{"use strict";t.r(o),t.d(o,{Button:()=>m,CSSReset:()=>S,Checkbox:()=>x,FormLabel:()=>j,Input:()=>B,Radio:()=>R,Select:()=>A,Textarea:()=>V,ThemeProvider:()=>d,useTheme:()=>p});const e=require("react");var n=t.n(e),r=t(556),i=t.n(r),a=t(165),l=t.n(a);const s={colors:{primary:"#000",secondary:"#fff",accent:"#0066cc",error:"#F00",success:"#008000",warning:"#FFEB3B"},fonts:{color:"#000",lineHeight:1.5,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',fontWeightHeader:700,size:"16px",rhythm:"1.45rem",fontSizeH1:"2.5rem",fontSizeH2:"1.75rem",fontSizeH3:"1.38316rem",fontSizeH4:"1rem",fontSizeH5:"0.85028rem",fontSizeH6:"0.78405rem"},borderRadius:"0px",breakpoints:{xs:"350px",sm:"475px",md:"769px",lg:"1025px"},layout:{maxWidth:"1280px",wrapperPaddingSm:"0.5rem",wrapperPadding:"1rem"}},c=(0,e.createContext)(s),d=({theme:e={},children:t})=>{const o={...s,...e,colors:{...s.colors,...e.colors},fonts:{...s.fonts,...e.fonts},breakpoints:{...s.breakpoints,...e.breakpoints},layout:{...s.layout,...e.layout}};return n().createElement(c.Provider,{value:o},t)};d.propTypes={theme:i().shape({colors:i().shape({primary:i().string,secondary:i().string,accent:i().string,error:i().string,success:i().string,warning:i().string}),fonts:i().shape({color:i().string,lineHeight:i().oneOfType([i().string,i().number]),fontFamily:i().string,fontWeightHeader:i().number,size:i().string,rhythm:i().string,fontSizeH1:i().string,fontSizeH2:i().string,fontSizeH3:i().string,fontSizeH4:i().string,fontSizeH5:i().string,fontSizeH6:i().string}),borderRadius:i().string,breakpoints:i().shape({xs:i().string,sm:i().string,md:i().string,lg:i().string}),layout:i().shape({maxWidth:i().string,wrapperPaddingSm:i().string,wrapperPadding:i().string})}),children:i().node.isRequired};const p=()=>(0,e.useContext)(c);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},u.apply(null,arguments)}const f=({children:t,color:o,disabled:r=!1,fontSize:i,hoverColor:a,hoverTextColor:s,onClick:c,outline:d=!1,size:f,style:m,textColor:b,type:h="button",...y})=>{const g=p(),_=(({color:n="#000",disabled:t=!1,hoverColor:o,hoverTextColor:r,outline:i=!1,textColor:a})=>{const[l,s]=(0,e.useState)(!1),c=i?a||n:a||"white";return{isActive:l,setIsActive:s,backgroundColor:l?t?i?"transparent":n:o||n:i?"transparent":n,borderColor:l&&o||n,color:l?t?c:r||(i&&!o?c:"white"):c,opacity:t?.3:l&&o?1:l?.75:1}})({color:o||g.colors.primary,disabled:r,hoverColor:a,hoverTextColor:s||g.colors.primary,outline:d,textColor:b}),v={backgroundColor:_.backgroundColor,borderColor:_.borderColor,color:_.color,fontSize:i||g.fonts.size,opacity:_.opacity,...m},z=[l().button,"small"===f?l().sizeSmall:l().sizeDefault,d?l().outline:""].filter(Boolean).join(" ");return n().createElement("button",u({className:z,disabled:r,onClick:c,onMouseEnter:()=>_.setIsActive(!0),onMouseLeave:()=>_.setIsActive(!1),style:v,type:h},y),t)};f.propTypes={children:i().node,color:i().string,disabled:i().bool,fontSize:i().string,hoverColor:i().string,hoverTextColor:i().string,onClick:i().func,outline:i().bool,size:i().string,style:i().object,textColor:i().string,type:i().string};const m=f;var b="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),h=new Uint8Array(16);function y(){if(!b)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return b(h)}for(var g=[],_=0;_<256;++_)g[_]=(_+256).toString(16).substr(1);const v=function(e,n,t){var o=n&&t||0;"string"==typeof e&&(n="binary"===e?new Array(16):null,e=null);var r=(e=e||{}).random||(e.rng||y)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,n)for(var i=0;i<16;++i)n[o+i]=r[i];return n||function(e,n){var t=n||0,o=g;return[o[e[t++]],o[e[t++]],o[e[t++]],o[e[t++]],"-",o[e[t++]],o[e[t++]],"-",o[e[t++]],o[e[t++]],"-",o[e[t++]],o[e[t++]],"-",o[e[t++]],o[e[t++]],o[e[t++]],o[e[t++]],o[e[t++]],o[e[t++]]].join("")}(r)},z=({checked:e,color:t,disabled:o,fontSize:r,id:i,inverted:a,checkmarkColor:l,label:s,labelStyle:c,name:d,onChange:p,style:u})=>{const f=""===i?v():i;let m=t;l?m=l:a&&(m="white");const b=e=>{o||p(e)};return n().createElement("div",{style:{cursor:o?"default":"pointer",display:"flex",alignItems:"center",fontSize:r||"1em",lineHeight:1.2,opacity:o?"0.3":"1",...u}},n().createElement("input",{id:f,checked:e,disabled:o,onChange:b,name:d,style:{display:"none"},type:"checkbox"}),n().createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:()=>b({target:{checked:!e,name:d,type:"checkbox"}}),style:{width:r||"1rem"}},n().createElement("rect",{x:"0",y:"0",height:"100",width:"100",style:{fill:a&&e?t:"transparent",strokeWidth:"25",stroke:t}}),e&&n().createElement("path",{d:"M 25 45 L 45 65 L 75 30",stroke:m,strokeWidth:"15",fill:"transparent"})),s&&n().createElement("label",{htmlFor:f,style:{color:t,cursor:o?"default":"pointer",fontSize:r||"1rem",fontWeight:700,marginLeft:".35em",...c}},s))};z.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,checkmarkColor:"",label:"",labelStyle:{},style:{}},z.propTypes={checked:i().bool,color:i().string,disabled:i().bool,fontSize:i().string,id:i().string,inverted:i().bool,checkmarkColor:i().string,label:i().string,labelStyle:i().object,name:i().string.isRequired,onChange:i().func.isRequired,style:i().object};const x=z;t(969);const S=()=>{const n=p();return(0,e.useEffect)(()=>{const e=document.documentElement;n.fonts&&(n.fonts.fontFamily&&e.style.setProperty("--font-family",n.fonts.fontFamily),n.fonts.size&&e.style.setProperty("--font-size",n.fonts.size),void 0!==n.fonts.lineHeight&&e.style.setProperty("--line-height",n.fonts.lineHeight.toString()),void 0!==n.fonts.fontWeightHeader&&e.style.setProperty("--font-weight-header",n.fonts.fontWeightHeader.toString()),n.fonts.fontSizeH1&&e.style.setProperty("--font-size-h1",n.fonts.fontSizeH1),n.fonts.fontSizeH2&&e.style.setProperty("--font-size-h2",n.fonts.fontSizeH2),n.fonts.fontSizeH3&&e.style.setProperty("--font-size-h3",n.fonts.fontSizeH3),n.fonts.fontSizeH4&&e.style.setProperty("--font-size-h4",n.fonts.fontSizeH4),n.fonts.fontSizeH5&&e.style.setProperty("--font-size-h5",n.fonts.fontSizeH5),n.fonts.fontSizeH6&&e.style.setProperty("--font-size-h6",n.fonts.fontSizeH6)),n.colors&&(n.colors.primary&&e.style.setProperty("--primary-color",n.colors.primary),n.colors.secondary&&e.style.setProperty("--background-color",n.colors.secondary),n.colors.accent&&e.style.setProperty("--accent-color",n.colors.accent)),n.breakpoints&&(n.breakpoints.xs&&e.style.setProperty("--breakpoint-xs",n.breakpoints.xs),n.breakpoints.sm&&e.style.setProperty("--breakpoint-sm",n.breakpoints.sm),n.breakpoints.md&&e.style.setProperty("--breakpoint-md",n.breakpoints.md),n.breakpoints.lg&&e.style.setProperty("--breakpoint-lg",n.breakpoints.lg)),n.layout&&(n.layout.maxWidth&&e.style.setProperty("--layout-max-width",n.layout.maxWidth),n.layout.wrapperPaddingSm&&e.style.setProperty("--layout-wrapper-padding-sm",n.layout.wrapperPaddingSm),n.layout.wrapperPadding&&e.style.setProperty("--layout-wrapper-padding",n.layout.wrapperPadding))},[n]),null};var w=t(423),k=t.n(w);function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},C.apply(null,arguments)}const T=({children:e,color:t,disabled:o=!1,fontSize:r,htmlFor:i,style:a,...l})=>{const s=p(),c=(({color:e="#000",disabled:n=!1,fontSize:t=".85em"})=>({color:e,fontSize:t,opacity:n?.5:1,cursor:n?"not-allowed":"default"}))({color:t||s.colors.primary,disabled:o,fontSize:r||".85em"}),d={color:c.color,fontSize:c.fontSize,opacity:c.opacity,cursor:c.cursor,...a},u=[k().label,o?k().disabled:""].filter(Boolean).join(" ");return n().createElement("label",C({className:u,htmlFor:i,style:d},l),e)};T.propTypes={children:i().node.isRequired,color:i().string,disabled:i().bool,fontSize:i().string,htmlFor:i().string,style:i().object};const j=T;var O=t(555),P=t.n(O);function H(){return H=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},H.apply(null,arguments)}const E=({color:e,disabled:t=!1,fontSize:o,name:r="",onChange:i,placeholder:a,placeholderOpacity:l=.3,size:s,style:c,type:d="text",value:u="",...f})=>{const m=p(),b=(({color:e="#000",disabled:n=!1,fontSize:t="1em",placeholderOpacity:o=.3})=>({borderColor:e,color:e,fontSize:t,opacity:n?.3:1,placeholderOpacity:o}))({color:e||m.colors.primary,disabled:t,fontSize:o||m.fonts.size,placeholderOpacity:l}),h={"--placeholder-opacity":b.placeholderOpacity,borderColor:b.borderColor,color:b.color,fontSize:b.fontSize,opacity:b.opacity,...c},y=[P().input,"small"===s?P().sizeSmall:P().sizeDefault].filter(Boolean).join(" ");return n().createElement("input",H({className:y,disabled:t,name:r,onChange:i,placeholder:a,style:h,type:d,value:u},f))};E.propTypes={color:i().string,disabled:i().bool,fontSize:i().string,name:i().string,onChange:i().func.isRequired,placeholder:i().string,placeholderOpacity:i().number,size:i().string,style:i().object,type:i().string,value:i().string};const B=E,I=({checked:e,color:t,disabled:o,fontSize:r,id:i,label:a,labelStyle:l,name:s,onChange:c,style:d})=>{const p=""===i?v():i,u=e=>{o||c(e)};return n().createElement("div",{style:{cursor:o?"default":"pointer",display:"flex",alignItems:"center",fontSize:r||"1em",lineHeight:1.25,opacity:o?"0.3":"1",...d}},n().createElement("input",{id:p,checked:e,disabled:o,name:s,onChange:u,style:{display:"none"},type:"radio"}),n().createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:()=>u({target:{checked:!e,name:s,type:"radio"}}),style:{width:r||"1rem"}},n().createElement("circle",{cx:"50",cy:"50",r:"42.5",width:"100%",style:{fill:"transparent",strokeWidth:"12.5",stroke:t}}),e&&n().createElement("circle",{cx:"50",cy:"50",r:"25",style:{fill:t}})),a&&n().createElement("label",{htmlFor:p,style:{color:t,cursor:o?"default":"pointer",fontSize:r||"1rem",fontWeight:700,marginLeft:".35em",...l}},a))};I.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,label:"",labelStyle:{},style:{}},I.propTypes={checked:i().bool,color:i().string,disabled:i().bool,fontSize:i().string,id:i().string,label:i().string,labelStyle:i().object,name:i().string.isRequired,onChange:i().func.isRequired,style:i().object};const R=I;var L=t(913),F=t.n(L);function M(){return M=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},M.apply(null,arguments)}const D=({children:e,color:t="#000",disabled:o=!1,fontSize:r="1em",name:i="",onChange:a,placeholder:l="",size:s,style:c,value:d="",...p})=>{const u={backgroundImage:(e=>{const n=e.replace("#","%23");return`url('data:image/svg+xml;utf8,${`\n <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\n <path\n d="M 30 42.5 L 50 22.5 L 70 42.5"\n stroke="${n}"\n stroke-width="11"\n fill="transparent"\n />\n <path\n d="M 30 58.5 L 50 78.5 L 70 58.5"\n stroke="${n}"\n stroke-width="11"\n fill="transparent"\n />\n </svg>\n `.trim()}')`})(t),borderColor:t,color:t,cursor:o?"default":"pointer",fontSize:r||"1em",opacity:o?.3:1,...c},f=[F().select,"small"===s?F().sizeSmall:F().sizeDefault].filter(Boolean).join(" ");return n().createElement("select",M({className:f,disabled:o,name:i,onChange:a,style:u,value:d},p),""!==l&&n().createElement("option",{disabled:!0,value:""},l),e)};D.propTypes={children:i().node,color:i().string,disabled:i().bool,fontSize:i().string,name:i().string,onChange:i().func.isRequired,placeholder:i().string,size:i().string,style:i().object,value:i().string};const A=D;var W=t(297),N=t.n(W);function q(){return q=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},q.apply(null,arguments)}const U=({color:e="#000",disabled:t=!1,fontSize:o="1em",name:r="",onChange:i,placeholder:a,placeholderOpacity:l=.3,rows:s="3",size:c,style:d,value:p="",...u})=>{const f=`textarea-placeholder-${n().useId?n().useId():Math.random().toString(36)}`;n().useEffect(()=>{const e=document.createElement("style");return e.id=f,e.textContent=`\n .${f}::placeholder {\n color: inherit;\n opacity: ${l};\n }\n `,document.head.appendChild(e),()=>{const e=document.getElementById(f);e&&e.remove()}},[f,l]);const m={borderColor:e,color:e,fontSize:o||"1em",opacity:t?.3:1,...d},b=[N().textarea,"small"===c?N().sizeSmall:N().sizeDefault,f].filter(Boolean).join(" ");return n().createElement("textarea",q({className:b,disabled:t,name:r,onChange:i,placeholder:a,rows:s,style:m,value:p},u))};U.propTypes={color:i().string,disabled:i().bool,fontSize:i().string,name:i().string,onChange:i().func.isRequired,placeholder:i().string,placeholderOpacity:i().number,rows:i().string,size:i().string,style:i().object,value:i().string};const V=U})(),o})());
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
color?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
fontSize?: string;
|
|
8
|
-
hoverColor?: string;
|
|
9
|
-
hoverTextColor?: string;
|
|
10
|
-
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
11
|
-
outline?: boolean;
|
|
12
|
-
size?: 'small' | string;
|
|
13
|
-
style?: React.CSSProperties;
|
|
14
|
-
textColor?: string;
|
|
15
|
-
type?: 'button' | 'submit' | 'reset';
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare const Button: React.FC<ButtonProps>;
|
|
19
|
-
|
|
20
|
-
export default Button;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
.button {
|
|
2
|
-
border-width: 0.15em;
|
|
3
|
-
border-style: solid;
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
font-weight: 700;
|
|
6
|
-
line-height: 1.25;
|
|
7
|
-
outline: none;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.button:disabled {
|
|
11
|
-
cursor: default;
|
|
12
|
-
opacity: 0.3;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.button:not(:disabled):hover {
|
|
16
|
-
opacity: 0.75;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.sizeSmall {
|
|
20
|
-
padding: 0.1em 0.5em;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.sizeDefault {
|
|
24
|
-
padding: 0.25em 0.5em;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.outline {
|
|
28
|
-
background-color: transparent;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.outline:not(:disabled):hover {
|
|
32
|
-
opacity: 1;
|
|
33
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PressableProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
|
|
4
|
-
export interface ButtonProps extends Omit<PressableProps, 'style' | 'onPress'> {
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
color?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
fontSize?: number;
|
|
9
|
-
hoverColor?: string;
|
|
10
|
-
hoverTextColor?: string;
|
|
11
|
-
onClick: (event: any) => void;
|
|
12
|
-
outline?: boolean;
|
|
13
|
-
size?: 'small' | string;
|
|
14
|
-
style?: StyleProp<ViewStyle>;
|
|
15
|
-
textColor?: string;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare const Button: React.FC<ButtonProps>;
|
|
19
|
-
|
|
20
|
-
export default Button;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
|
|
3
|
-
export interface CSSResetTheme {
|
|
4
|
-
/**
|
|
5
|
-
* Base font family
|
|
6
|
-
* @default '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
|
|
7
|
-
*/
|
|
8
|
-
fontFamily?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Base font size
|
|
11
|
-
* @default '16px'
|
|
12
|
-
*/
|
|
13
|
-
fontSize?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Base line height
|
|
16
|
-
* @default 1.5
|
|
17
|
-
*/
|
|
18
|
-
lineHeight?: string | number;
|
|
19
|
-
/**
|
|
20
|
-
* Primary text color
|
|
21
|
-
* @default '#000'
|
|
22
|
-
*/
|
|
23
|
-
primaryColor?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Body background color
|
|
26
|
-
* @default '#fff'
|
|
27
|
-
*/
|
|
28
|
-
backgroundColor?: string;
|
|
29
|
-
/**
|
|
30
|
-
* Accent color for links, etc.
|
|
31
|
-
* @default '#0066cc'
|
|
32
|
-
*/
|
|
33
|
-
accentColor?: string;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export interface CSSResetProps {
|
|
37
|
-
/**
|
|
38
|
-
* Optional theme object to customize reset styles
|
|
39
|
-
*/
|
|
40
|
-
theme?: CSSResetTheme;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
declare const CSSReset: FC<CSSResetProps>;
|
|
44
|
-
|
|
45
|
-
export default CSSReset;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default, CSSResetProps, CSSResetTheme } from './CSSReset';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface CheckboxProps {
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
checkmarkColor?: string;
|
|
6
|
-
color?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
fontSize?: string;
|
|
9
|
-
id?: string;
|
|
10
|
-
inverted?: boolean;
|
|
11
|
-
label?: string;
|
|
12
|
-
labelStyle?: React.CSSProperties;
|
|
13
|
-
name: string;
|
|
14
|
-
onChange: (event: { target: { checked: boolean; name: string; type: 'checkbox' } }) => void;
|
|
15
|
-
style?: React.CSSProperties;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare const Checkbox: React.FC<CheckboxProps>;
|
|
19
|
-
|
|
20
|
-
export default Checkbox;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
color?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
fontSize?: string;
|
|
8
|
-
htmlFor?: string;
|
|
9
|
-
style?: React.CSSProperties;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
declare const FormLabel: React.FC<FormLabelProps>;
|
|
13
|
-
|
|
14
|
-
export default FormLabel;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TextProps, StyleProp, TextStyle } from 'react-native';
|
|
3
|
-
|
|
4
|
-
export interface FormLabelProps extends Omit<TextProps, 'style'> {
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
color?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
fontSize?: string | number;
|
|
9
|
-
style?: StyleProp<TextStyle>;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
declare const FormLabel: React.FC<FormLabelProps>;
|
|
13
|
-
|
|
14
|
-
export default FormLabel;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'> {
|
|
4
|
-
color?: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
fontSize?: string;
|
|
7
|
-
name?: string;
|
|
8
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
placeholderOpacity?: number;
|
|
11
|
-
size?: 'small' | string;
|
|
12
|
-
style?: React.CSSProperties;
|
|
13
|
-
type?: string;
|
|
14
|
-
value?: string;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
declare const Input: React.FC<InputProps>;
|
|
18
|
-
|
|
19
|
-
export default Input;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
.input {
|
|
2
|
-
background-color: transparent;
|
|
3
|
-
border-width: 0.15em;
|
|
4
|
-
border-style: solid;
|
|
5
|
-
box-sizing: border-box;
|
|
6
|
-
display: block;
|
|
7
|
-
font-weight: 700;
|
|
8
|
-
line-height: 1.25;
|
|
9
|
-
outline: none;
|
|
10
|
-
width: 100%;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.input::placeholder {
|
|
14
|
-
color: inherit;
|
|
15
|
-
opacity: var(--placeholder-opacity, 0.3);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.input:disabled {
|
|
19
|
-
opacity: 0.3;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.sizeSmall {
|
|
23
|
-
padding: 0.1em 0.25em;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.sizeDefault {
|
|
27
|
-
padding: 0.25em 0.5em;
|
|
28
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TextInputProps, StyleProp, TextStyle } from 'react-native';
|
|
3
|
-
|
|
4
|
-
export interface InputProps extends Omit<TextInputProps, 'style' | 'onChangeText'> {
|
|
5
|
-
color?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
fontSize?: string | number;
|
|
8
|
-
name?: string;
|
|
9
|
-
onChange: (event: { target: { name?: string; value: string } }) => void;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
placeholderOpacity?: number;
|
|
12
|
-
size?: 'small' | string;
|
|
13
|
-
style?: StyleProp<TextStyle>;
|
|
14
|
-
type?: 'text' | 'email' | 'number' | 'tel' | 'url' | 'password';
|
|
15
|
-
value?: string;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare const Input: React.FC<InputProps>;
|
|
19
|
-
|
|
20
|
-
export default Input;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface RadioProps {
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
color?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
fontSize?: string;
|
|
8
|
-
id?: string;
|
|
9
|
-
inverted?: boolean;
|
|
10
|
-
label?: string;
|
|
11
|
-
labelStyle?: React.CSSProperties;
|
|
12
|
-
name: string;
|
|
13
|
-
onChange: (event: { target: { checked: boolean; name: string; type: 'radio' } }) => void;
|
|
14
|
-
style?: React.CSSProperties;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
declare const Radio: React.FC<RadioProps>;
|
|
18
|
-
|
|
19
|
-
export default Radio;
|