digital-rabbit-cl 1.0.15 → 1.0.17
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 +27 -22
- 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
|
@@ -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;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { StyledComponent } from 'styled-components';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
|
|
4
|
-
export interface SelectProps {
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
className?: string;
|
|
7
|
-
color?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
fontSize?: string;
|
|
10
|
-
name?: string;
|
|
11
|
-
onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
12
|
-
outline?: boolean;
|
|
13
|
-
placeholder?: string;
|
|
14
|
-
size?: 'small' | string;
|
|
15
|
-
style?: React.CSSProperties;
|
|
16
|
-
value?: string;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
declare const Select: StyledComponent<'select', any, SelectProps, never>;
|
|
20
|
-
|
|
21
|
-
export default Select;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
.select {
|
|
2
|
-
-webkit-appearance: none;
|
|
3
|
-
-moz-appearance: none;
|
|
4
|
-
appearance: none;
|
|
5
|
-
background-color: transparent;
|
|
6
|
-
background-position: right;
|
|
7
|
-
background-repeat: no-repeat;
|
|
8
|
-
background-size: auto 85%;
|
|
9
|
-
border-width: 0.15em;
|
|
10
|
-
border-style: solid;
|
|
11
|
-
border-radius: 0;
|
|
12
|
-
box-sizing: border-box;
|
|
13
|
-
display: block;
|
|
14
|
-
font-weight: 700;
|
|
15
|
-
line-height: 1.25;
|
|
16
|
-
outline: none;
|
|
17
|
-
width: 100%;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.select:disabled {
|
|
21
|
-
cursor: default;
|
|
22
|
-
opacity: 0.3;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.select:not(:disabled) {
|
|
26
|
-
cursor: pointer;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.sizeSmall {
|
|
30
|
-
padding: 0.1em 1.75em 0.1em 0.25em;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.sizeDefault {
|
|
34
|
-
padding: 0.25em 2em 0.25em 0.5em;
|
|
35
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { StyledComponent } from 'styled-components';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
|
|
4
|
-
export interface TextareaProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
color?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
fontSize?: string;
|
|
9
|
-
name?: string;
|
|
10
|
-
onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
11
|
-
outline?: boolean;
|
|
12
|
-
placeholder?: string;
|
|
13
|
-
placeholderOpacity?: string | number;
|
|
14
|
-
rows?: string;
|
|
15
|
-
size?: 'small' | string;
|
|
16
|
-
style?: React.CSSProperties;
|
|
17
|
-
value?: string;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
declare const Textarea: StyledComponent<'textarea', any, TextareaProps, never>;
|
|
21
|
-
|
|
22
|
-
export default Textarea;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
.textarea {
|
|
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
|
-
.textarea:disabled {
|
|
14
|
-
opacity: 0.3;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.sizeSmall {
|
|
18
|
-
padding: 0.1em 0.25em;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.sizeDefault {
|
|
22
|
-
padding: 0.25em 0.5em;
|
|
23
|
-
}
|
package/src/index.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
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, Theme } from './theme';
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
export interface ComponentTheme {
|
|
4
|
-
color?: string;
|
|
5
|
-
textColor?: string;
|
|
6
|
-
fontSize?: string | number;
|
|
7
|
-
placeholderOpacity?: number;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export interface ThemeColors {
|
|
11
|
-
primary?: string;
|
|
12
|
-
secondary?: string;
|
|
13
|
-
accent?: string;
|
|
14
|
-
error?: string;
|
|
15
|
-
success?: string;
|
|
16
|
-
warning?: string;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export interface ThemeFonts {
|
|
20
|
-
color?: string;
|
|
21
|
-
lineHeight?: string | number;
|
|
22
|
-
fontFamily?: string;
|
|
23
|
-
fontWeightHeader?: number;
|
|
24
|
-
size?: string;
|
|
25
|
-
rhythm?: string;
|
|
26
|
-
fontSizeH1?: string;
|
|
27
|
-
fontSizeH2?: string;
|
|
28
|
-
fontSizeH3?: string;
|
|
29
|
-
fontSizeH4?: string;
|
|
30
|
-
fontSizeH5?: string;
|
|
31
|
-
fontSizeH6?: string;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export interface ThemeBreakpoints {
|
|
35
|
-
xs?: string;
|
|
36
|
-
sm?: string;
|
|
37
|
-
md?: string;
|
|
38
|
-
lg?: string;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export interface ThemeLayout {
|
|
42
|
-
maxWidth?: string;
|
|
43
|
-
wrapperPaddingSm?: string;
|
|
44
|
-
wrapperPadding?: string;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export interface Theme {
|
|
48
|
-
colors?: ThemeColors;
|
|
49
|
-
fonts?: ThemeFonts;
|
|
50
|
-
borderRadius?: string;
|
|
51
|
-
breakpoints?: ThemeBreakpoints;
|
|
52
|
-
layout?: ThemeLayout;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export interface ThemeProviderProps {
|
|
56
|
-
theme?: Theme;
|
|
57
|
-
children: ReactNode;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
export const ThemeProvider: FC<ThemeProviderProps>;
|
|
61
|
-
|
|
62
|
-
export function useTheme(): Theme;
|
|
63
|
-
|
|
64
|
-
declare const ThemeContext: React.Context<Theme>;
|
|
65
|
-
export default ThemeContext;
|
package/src/theme/index.d.ts
DELETED