@peculiar/react-components 0.3.15-alpha.1 → 0.4.0
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/cjs/Alert/alert.js +26 -3
- package/dist/cjs/Alert/alert.js.map +1 -1
- package/dist/cjs/Autocomplete/autocomplete.js +85 -29
- package/dist/cjs/Autocomplete/autocomplete.js.map +1 -1
- package/dist/cjs/Backdrop/backdrop.js +2 -2
- package/dist/cjs/Backdrop/backdrop.js.map +1 -1
- package/dist/cjs/ButtonBase/button_base.js +36 -7
- package/dist/cjs/ButtonBase/button_base.js.map +1 -1
- package/dist/cjs/Checkbox/checkbox.js +51 -30
- package/dist/cjs/Checkbox/checkbox.js.map +1 -1
- package/dist/cjs/Chip/chip.js +7 -1
- package/dist/cjs/Chip/chip.js.map +1 -1
- package/dist/cjs/CircularProgress/circular_progress.js.map +1 -1
- package/dist/cjs/Collapse/collapse.js.map +1 -1
- package/dist/cjs/Dialog/dialog.js +15 -3
- package/dist/cjs/Dialog/dialog.js.map +1 -1
- package/dist/cjs/Dialog/dialog_title.js +1 -1
- package/dist/cjs/Dialog/dialog_title.js.map +1 -1
- package/dist/cjs/Drawer/drawer.js +6 -12
- package/dist/cjs/Drawer/drawer.js.map +1 -1
- package/dist/cjs/MenuList/menu_item.js +45 -11
- package/dist/cjs/MenuList/menu_item.js.map +1 -1
- package/dist/cjs/MenuList/sub_menu_item.js +7 -5
- package/dist/cjs/MenuList/sub_menu_item.js.map +1 -1
- package/dist/cjs/Modal/modal.js.map +1 -1
- package/dist/cjs/Popover/popover.js +15 -4
- package/dist/cjs/Popover/popover.js.map +1 -1
- package/dist/cjs/Radio/radio.js +53 -33
- package/dist/cjs/Radio/radio.js.map +1 -1
- package/dist/cjs/Select/select.js +49 -19
- package/dist/cjs/Select/select.js.map +1 -1
- package/dist/cjs/Switch/switch.js +54 -28
- package/dist/cjs/Switch/switch.js.map +1 -1
- package/dist/cjs/Tabs/tab.js +55 -48
- package/dist/cjs/Tabs/tab.js.map +1 -1
- package/dist/cjs/TextField/text_field.js +55 -22
- package/dist/cjs/TextField/text_field.js.map +1 -1
- package/dist/cjs/TextareaField/textarea_field.js +54 -21
- package/dist/cjs/TextareaField/textarea_field.js.map +1 -1
- package/dist/cjs/Tooltip/tooltip.js +47 -7
- package/dist/cjs/Tooltip/tooltip.js.map +1 -1
- package/dist/cjs/styles/default_theme.js +2 -2
- package/dist/cjs/styles/default_theme.js.map +1 -1
- package/dist/cjs/styles/foundations/index.js +2 -2
- package/dist/cjs/styles/foundations/index.js.map +1 -1
- package/dist/cjs/styles/foundations/shadow.js +11 -2
- package/dist/cjs/styles/foundations/shadow.js.map +1 -1
- package/dist/esm/Alert/alert.js +26 -3
- package/dist/esm/Alert/alert.js.map +1 -1
- package/dist/esm/Autocomplete/autocomplete.js +85 -29
- package/dist/esm/Autocomplete/autocomplete.js.map +1 -1
- package/dist/esm/Backdrop/backdrop.js +2 -2
- package/dist/esm/Backdrop/backdrop.js.map +1 -1
- package/dist/esm/ButtonBase/button_base.js +36 -7
- package/dist/esm/ButtonBase/button_base.js.map +1 -1
- package/dist/esm/Checkbox/checkbox.js +51 -30
- package/dist/esm/Checkbox/checkbox.js.map +1 -1
- package/dist/esm/Chip/chip.js +7 -1
- package/dist/esm/Chip/chip.js.map +1 -1
- package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esm/Collapse/collapse.js.map +1 -1
- package/dist/esm/Dialog/dialog.js +15 -3
- package/dist/esm/Dialog/dialog.js.map +1 -1
- package/dist/esm/Dialog/dialog_title.js +1 -1
- package/dist/esm/Dialog/dialog_title.js.map +1 -1
- package/dist/esm/Drawer/drawer.js +6 -12
- package/dist/esm/Drawer/drawer.js.map +1 -1
- package/dist/esm/MenuList/menu_item.js +45 -11
- package/dist/esm/MenuList/menu_item.js.map +1 -1
- package/dist/esm/MenuList/sub_menu_item.js +7 -5
- package/dist/esm/MenuList/sub_menu_item.js.map +1 -1
- package/dist/esm/Modal/modal.js.map +1 -1
- package/dist/esm/Popover/popover.js +15 -4
- package/dist/esm/Popover/popover.js.map +1 -1
- package/dist/esm/Radio/radio.js +53 -33
- package/dist/esm/Radio/radio.js.map +1 -1
- package/dist/esm/Select/select.js +49 -19
- package/dist/esm/Select/select.js.map +1 -1
- package/dist/esm/Switch/switch.js +54 -28
- package/dist/esm/Switch/switch.js.map +1 -1
- package/dist/esm/Tabs/tab.js +55 -48
- package/dist/esm/Tabs/tab.js.map +1 -1
- package/dist/esm/TextField/text_field.js +55 -22
- package/dist/esm/TextField/text_field.js.map +1 -1
- package/dist/esm/TextareaField/textarea_field.js +54 -21
- package/dist/esm/TextareaField/textarea_field.js.map +1 -1
- package/dist/esm/Tooltip/tooltip.js +47 -7
- package/dist/esm/Tooltip/tooltip.js.map +1 -1
- package/dist/esm/styles/default_theme.js +2 -2
- package/dist/esm/styles/default_theme.js.map +1 -1
- package/dist/esm/styles/foundations/index.js +2 -1
- package/dist/esm/styles/foundations/index.js.map +1 -1
- package/dist/esm/styles/foundations/shadow.js +10 -1
- package/dist/esm/styles/foundations/shadow.js.map +1 -1
- package/dist/esnext/Alert/alert.js +26 -3
- package/dist/esnext/Alert/alert.js.map +1 -1
- package/dist/esnext/Autocomplete/autocomplete.js +84 -37
- package/dist/esnext/Autocomplete/autocomplete.js.map +1 -1
- package/dist/esnext/Backdrop/backdrop.js +2 -2
- package/dist/esnext/Backdrop/backdrop.js.map +1 -1
- package/dist/esnext/ButtonBase/button_base.js +36 -7
- package/dist/esnext/ButtonBase/button_base.js.map +1 -1
- package/dist/esnext/Checkbox/checkbox.js +51 -30
- package/dist/esnext/Checkbox/checkbox.js.map +1 -1
- package/dist/esnext/Chip/chip.js +7 -1
- package/dist/esnext/Chip/chip.js.map +1 -1
- package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esnext/Collapse/collapse.js.map +1 -1
- package/dist/esnext/Dialog/dialog.js +15 -3
- package/dist/esnext/Dialog/dialog.js.map +1 -1
- package/dist/esnext/Dialog/dialog_title.js +1 -1
- package/dist/esnext/Dialog/dialog_title.js.map +1 -1
- package/dist/esnext/Drawer/drawer.js +8 -4
- package/dist/esnext/Drawer/drawer.js.map +1 -1
- package/dist/esnext/MenuList/menu_item.js +34 -17
- package/dist/esnext/MenuList/menu_item.js.map +1 -1
- package/dist/esnext/MenuList/sub_menu_item.js +10 -4
- package/dist/esnext/MenuList/sub_menu_item.js.map +1 -1
- package/dist/esnext/Modal/modal.js.map +1 -1
- package/dist/esnext/Popover/popover.js +15 -4
- package/dist/esnext/Popover/popover.js.map +1 -1
- package/dist/esnext/Radio/radio.js +55 -33
- package/dist/esnext/Radio/radio.js.map +1 -1
- package/dist/esnext/Select/select.js +48 -23
- package/dist/esnext/Select/select.js.map +1 -1
- package/dist/esnext/Switch/switch.js +54 -28
- package/dist/esnext/Switch/switch.js.map +1 -1
- package/dist/esnext/Tabs/tab.js +56 -32
- package/dist/esnext/Tabs/tab.js.map +1 -1
- package/dist/esnext/TextField/text_field.js +54 -26
- package/dist/esnext/TextField/text_field.js.map +1 -1
- package/dist/esnext/TextareaField/textarea_field.js +53 -26
- package/dist/esnext/TextareaField/textarea_field.js.map +1 -1
- package/dist/esnext/Tooltip/tooltip.js +48 -8
- package/dist/esnext/Tooltip/tooltip.js.map +1 -1
- package/dist/esnext/styles/default_theme.js +2 -2
- package/dist/esnext/styles/default_theme.js.map +1 -1
- package/dist/esnext/styles/foundations/index.js +2 -1
- package/dist/esnext/styles/foundations/index.js.map +1 -1
- package/dist/esnext/styles/foundations/shadow.js +10 -1
- package/dist/esnext/styles/foundations/shadow.js.map +1 -1
- package/dist/types/styles/foundations/index.d.ts +1 -1
- package/dist/types/styles/foundations/shadow.d.ts +10 -1
- package/dist/types/styles/types.d.ts +1 -1
- package/package.json +3 -3
|
@@ -14,11 +14,9 @@ const TextareaFieldInput = styled('textarea')((props) => ({
|
|
|
14
14
|
width: '100%',
|
|
15
15
|
borderRadius: '4px',
|
|
16
16
|
padding: 'var(--pv-size-base) var(--pv-size-base-2)',
|
|
17
|
-
color: 'var(--pv-color-black)',
|
|
18
17
|
backgroundColor: 'var(--pv-color-gray-1)',
|
|
19
18
|
borderStyle: 'solid',
|
|
20
19
|
borderWidth: '1px',
|
|
21
|
-
borderColor: 'var(--pv-color-gray-8)',
|
|
22
20
|
transition: 'background-color 200ms, color 200ms, border-color 200ms',
|
|
23
21
|
display: 'block',
|
|
24
22
|
appearance: 'none',
|
|
@@ -27,29 +25,6 @@ const TextareaFieldInput = styled('textarea')((props) => ({
|
|
|
27
25
|
fontSize: 'var(--pv-text-c1-size)',
|
|
28
26
|
lineHeight: 'var(--pv-text-c1-height)',
|
|
29
27
|
letterSpacing: 'var(--pv-text-c1-spacing)',
|
|
30
|
-
'&::placeholder': {
|
|
31
|
-
color: 'var(--pv-color-gray-9)',
|
|
32
|
-
},
|
|
33
|
-
'&:hover': {
|
|
34
|
-
backgroundColor: 'var(--pv-color-gray-3)',
|
|
35
|
-
borderColor: 'var(--pv-color-gray-7)',
|
|
36
|
-
},
|
|
37
|
-
'&:disabled': {
|
|
38
|
-
cursor: 'not-allowed',
|
|
39
|
-
backgroundColor: 'var(--pv-color-gray-1)',
|
|
40
|
-
borderColor: 'var(--pv-color-gray-5)',
|
|
41
|
-
color: 'var(--pv-color-gray-7)',
|
|
42
|
-
},
|
|
43
|
-
'&:not(:disabled)': {
|
|
44
|
-
'&[aria-invalid]': {
|
|
45
|
-
backgroundColor: 'var(--pv-color-wrong-tint-5)',
|
|
46
|
-
borderColor: 'var(--pv-color-wrong-tint-3)',
|
|
47
|
-
},
|
|
48
|
-
'&:focus': {
|
|
49
|
-
backgroundColor: 'var(--pv-color-secondary-tint-5)',
|
|
50
|
-
borderColor: 'var(--pv-color-secondary-tint-3)',
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
28
|
...(props.size === 'small' && {
|
|
54
29
|
minHeight: 'var(--pv-size-base-12)',
|
|
55
30
|
}),
|
|
@@ -59,7 +34,59 @@ const TextareaFieldInput = styled('textarea')((props) => ({
|
|
|
59
34
|
...(props.size === 'large' && {
|
|
60
35
|
minHeight: 'var(--pv-size-base-16)',
|
|
61
36
|
}),
|
|
62
|
-
}))
|
|
37
|
+
}), (props) => {
|
|
38
|
+
const isDark = props.theme.mode === 'dark';
|
|
39
|
+
const color = isDark
|
|
40
|
+
? 'var(--pv-color-white)'
|
|
41
|
+
: 'var(--pv-color-black)';
|
|
42
|
+
let borderColor = 'var(--pv-color-gray-8)';
|
|
43
|
+
let colorPlaceholder = 'var(--pv-color-gray-9)';
|
|
44
|
+
let borderColorHover = 'var(--pv-color-gray-7)';
|
|
45
|
+
let borderColorDisabled = 'var(--pv-color-gray-5)';
|
|
46
|
+
let colorDisabled = 'var(--pv-color-gray-7)';
|
|
47
|
+
let invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
|
|
48
|
+
let invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
|
|
49
|
+
let backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
|
|
50
|
+
let borderColorFocus = 'var(--pv-color-secondary-tint-3)';
|
|
51
|
+
if (isDark) {
|
|
52
|
+
borderColor = 'var(--pv-color-gray-5)';
|
|
53
|
+
colorPlaceholder = 'var(--pv-color-gray-6)';
|
|
54
|
+
borderColorHover = 'var(--pv-color-gray-4)';
|
|
55
|
+
borderColorDisabled = 'var(--pv-color-gray-4)';
|
|
56
|
+
colorDisabled = 'var(--pv-color-gray-4)';
|
|
57
|
+
invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
|
|
58
|
+
invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
|
|
59
|
+
backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
|
|
60
|
+
borderColorFocus = 'var(--pv-color-secondary-shade-1)';
|
|
61
|
+
}
|
|
62
|
+
return ({
|
|
63
|
+
color,
|
|
64
|
+
borderColor,
|
|
65
|
+
'&::placeholder': {
|
|
66
|
+
color: colorPlaceholder,
|
|
67
|
+
},
|
|
68
|
+
'&:hover': {
|
|
69
|
+
backgroundColor: 'var(--pv-color-gray-3)',
|
|
70
|
+
borderColor: borderColorHover,
|
|
71
|
+
},
|
|
72
|
+
'&:disabled': {
|
|
73
|
+
cursor: 'not-allowed',
|
|
74
|
+
backgroundColor: 'var(--pv-color-gray-1)',
|
|
75
|
+
borderColor: borderColorDisabled,
|
|
76
|
+
color: colorDisabled,
|
|
77
|
+
},
|
|
78
|
+
'&:not(:disabled)': {
|
|
79
|
+
'&[aria-invalid]': {
|
|
80
|
+
backgroundColor: invalidBackgroundColor,
|
|
81
|
+
borderColor: invalidBorderColor,
|
|
82
|
+
},
|
|
83
|
+
'&:focus': {
|
|
84
|
+
backgroundColor: backgroundColorFocus,
|
|
85
|
+
borderColor: borderColorFocus,
|
|
86
|
+
},
|
|
87
|
+
},
|
|
88
|
+
});
|
|
89
|
+
});
|
|
63
90
|
const TextareaFieldLabel = styled('label')({
|
|
64
91
|
marginBottom: '2px',
|
|
65
92
|
display: 'inline-block',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea_field.js","sourceRoot":"","sources":["../../../src/TextareaField/textarea_field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA+E3C;;GAEG;AAEH;;GAEG;AACH,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"textarea_field.js","sourceRoot":"","sources":["../../../src/TextareaField/textarea_field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,20 +20,44 @@ const stylesKeyframeOpacity = keyframes `
|
|
|
20
20
|
opacity: 1;
|
|
21
21
|
}
|
|
22
22
|
`;
|
|
23
|
-
const TooltipRoot = styled(Box
|
|
24
|
-
|
|
23
|
+
const TooltipRoot = styled(Box, {
|
|
24
|
+
shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
|
|
25
|
+
})((props) => ({
|
|
25
26
|
maxWidth: '300px',
|
|
26
27
|
wordWrap: 'break-word',
|
|
27
28
|
fontSize: 0,
|
|
28
29
|
animation: `${stylesKeyframeOpacity} 225ms`,
|
|
29
30
|
position: 'relative',
|
|
31
|
+
borderRadius: '4px',
|
|
30
32
|
...(props.size === 'small' && {
|
|
31
33
|
padding: '5px 8px',
|
|
32
34
|
}),
|
|
33
35
|
...(props.size === 'large' && {
|
|
34
36
|
padding: '8px 10px',
|
|
35
37
|
}),
|
|
36
|
-
}))
|
|
38
|
+
}), (props) => {
|
|
39
|
+
const isDark = props.theme.mode === 'dark';
|
|
40
|
+
let backgroundColor;
|
|
41
|
+
let boxShadow = 'var(--pv-shadow-light-low)';
|
|
42
|
+
if (props.color === 'black') {
|
|
43
|
+
if (isDark) {
|
|
44
|
+
backgroundColor = 'var(--pv-color-gray-5)';
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
backgroundColor = 'var(--pv-color-gray-10)';
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
backgroundColor = 'var(--pv-color-white)';
|
|
52
|
+
}
|
|
53
|
+
if (isDark) {
|
|
54
|
+
boxShadow = 'var(--pv-shadow-dark-medium)';
|
|
55
|
+
}
|
|
56
|
+
return {
|
|
57
|
+
boxShadow,
|
|
58
|
+
backgroundColor,
|
|
59
|
+
};
|
|
60
|
+
});
|
|
37
61
|
const TooltipPopper = styled(Popper)((props) => ({
|
|
38
62
|
pointerEvents: props.interactive ? 'auto' : 'none',
|
|
39
63
|
zIndex: 1500,
|
|
@@ -64,13 +88,12 @@ const TooltipPopper = styled(Popper)((props) => ({
|
|
|
64
88
|
}));
|
|
65
89
|
const TooltipArrow = styled('span', {
|
|
66
90
|
shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
|
|
67
|
-
})(
|
|
91
|
+
})({
|
|
68
92
|
width: '8px',
|
|
69
93
|
height: '8px',
|
|
70
94
|
background: 'transparent',
|
|
71
95
|
position: 'absolute',
|
|
72
96
|
display: 'block',
|
|
73
|
-
color: props.color === 'white' ? 'var(--pv-color-white)' : 'var(--pv-color-gray-10)',
|
|
74
97
|
'&::before': {
|
|
75
98
|
content: '""',
|
|
76
99
|
margin: 'auto',
|
|
@@ -80,7 +103,24 @@ const TooltipArrow = styled('span', {
|
|
|
80
103
|
backgroundColor: 'currentColor',
|
|
81
104
|
transform: 'rotate(45deg)',
|
|
82
105
|
},
|
|
83
|
-
})
|
|
106
|
+
}, (props) => {
|
|
107
|
+
const isDark = props.theme.mode === 'dark';
|
|
108
|
+
let color;
|
|
109
|
+
if (props.color === 'black') {
|
|
110
|
+
if (isDark) {
|
|
111
|
+
color = 'var(--pv-color-gray-5)';
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
color = 'var(--pv-color-gray-10)';
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
color = 'var(--pv-color-white)';
|
|
119
|
+
}
|
|
120
|
+
return {
|
|
121
|
+
color,
|
|
122
|
+
};
|
|
123
|
+
});
|
|
84
124
|
/**
|
|
85
125
|
*
|
|
86
126
|
*/
|
|
@@ -139,7 +179,7 @@ export const Tooltip = (props) => {
|
|
|
139
179
|
}
|
|
140
180
|
return (React.createElement(React.Fragment, null,
|
|
141
181
|
React.cloneElement(children, childrenProps),
|
|
142
|
-
React.createElement(TooltipPopper, { anchorEl: nodeRef.current, open: title && open, placement: placement, disablePortal: disablePortal, modifiers: [
|
|
182
|
+
React.createElement(TooltipPopper, { anchorEl: nodeRef.current, open: title && open, placement: placement, disablePortal: disablePortal, interactive: interactive, modifiers: [
|
|
143
183
|
{
|
|
144
184
|
name: 'arrow',
|
|
145
185
|
enabled: Boolean(arrowRef),
|
|
@@ -154,7 +194,7 @@ export const Tooltip = (props) => {
|
|
|
154
194
|
offset: [0, offset],
|
|
155
195
|
},
|
|
156
196
|
},
|
|
157
|
-
], ...popperProps }, (style) => (React.createElement(TooltipRoot, {
|
|
197
|
+
], ...popperProps }, (style) => (React.createElement(TooltipRoot, { size: size, color: color, ...other },
|
|
158
198
|
React.createElement(Typography, { component: "span", variant: size === 'small' ? 'c2' : 'b3', color: color === 'black' ? 'white' : 'black' }, title),
|
|
159
199
|
arrow
|
|
160
200
|
? (React.createElement(TooltipArrow, { "data-popper-arrow": true, ref: setArrowRef, style: style, color: color }))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA0E3C;;GAEG;AAEH;;GAEG;AACH,MAAM,qBAAqB,GAAG,SAAS,CAAA;;;;;;;CAOtC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ export const defaultThemeLight = {
|
|
|
33
33
|
*/
|
|
34
34
|
...colors.additional,
|
|
35
35
|
},
|
|
36
|
-
shadow,
|
|
36
|
+
shadow: shadow.light,
|
|
37
37
|
text,
|
|
38
38
|
size,
|
|
39
39
|
};
|
|
@@ -71,7 +71,7 @@ export const defaultThemeDark = {
|
|
|
71
71
|
*/
|
|
72
72
|
...colors.additionalDark,
|
|
73
73
|
},
|
|
74
|
-
shadow,
|
|
74
|
+
shadow: shadow.dark,
|
|
75
75
|
text,
|
|
76
76
|
size,
|
|
77
77
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,KAAK,EAAE;QACL;;WAEG;QACH,GAAG,MAAM,CAAC,OAAO;QACjB,kBAAkB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QAC1C;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB,oBAAoB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QAC5C;;WAEG;QACH,GAAG,MAAM,CAAC,KAAK;QACf,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QACxC;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB;;WAEG;QACH,GAAG,MAAM,CAAC,OAAO;QACjB;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB;;WAEG;QACH,GAAG,MAAM,CAAC,UAAU;KACrB;IACD,MAAM;
|
|
1
|
+
{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,KAAK,EAAE;QACL;;WAEG;QACH,GAAG,MAAM,CAAC,OAAO;QACjB,kBAAkB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QAC1C;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB,oBAAoB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QAC5C;;WAEG;QACH,GAAG,MAAM,CAAC,KAAK;QACf,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QACxC;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB;;WAEG;QACH,GAAG,MAAM,CAAC,OAAO;QACjB;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB;;WAEG;QACH,GAAG,MAAM,CAAC,UAAU;KACrB;IACD,MAAM,EAAE,MAAM,CAAC,KAAK;IACpB,IAAI;IACJ,IAAI;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAc;IACzC,KAAK,EAAE;QACL;;WAEG;QACH,GAAG,MAAM,CAAC,WAAW;QACrB,kBAAkB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK;QAC9C;;WAEG;QACH,GAAG,MAAM,CAAC,aAAa;QACvB,oBAAoB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK;QAChD;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB,gBAAgB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK;QAC5C;;WAEG;QACH,GAAG,MAAM,CAAC,aAAa;QACvB;;WAEG;QACH,GAAG,MAAM,CAAC,WAAW;QACrB;;WAEG;QACH,GAAG,MAAM,CAAC,aAAa;QACvB;;WAEG;QACH,GAAG,MAAM,CAAC,cAAc;KACzB;IACD,MAAM,EAAE,MAAM,CAAC,IAAI;IACnB,IAAI;IACJ,IAAI;CACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/foundations/index.ts"],"names":[],"mappings":"0BAAwB,UAAU;qBAAtB,MAAM;AAClB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/foundations/index.ts"],"names":[],"mappings":"0BAAwB,UAAU;qBAAtB,MAAM;AAClB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;0BACC,UAAU;qBAAtB,MAAM"}
|
|
@@ -1,8 +1,17 @@
|
|
|
1
|
-
export const
|
|
1
|
+
export const light = {
|
|
2
2
|
'light-low': '0px 1px 3px rgba(85, 94, 98, 0.12), 0px 3px 3px rgba(85, 94, 98, 0.08), 0px 1px 7px rgba(85, 94, 98, 0.06)',
|
|
3
3
|
'light-medium': '0px 1px 4px rgba(85, 94, 98, 0.18), 0px 3px 5px rgba(85, 94, 98, 0.14), 0px 1px 10px rgba(85, 94, 98, 0.12)',
|
|
4
4
|
'light-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.25), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.21)',
|
|
5
|
+
'light-soft': '0px 15px 20px 0.2px rgba(92, 102, 106, 0.05), 0px 5px 10px 0.2px rgba(92, 102, 106, 0.03), 0px 1px 8px -2px rgba(92, 102, 106, 0.03)',
|
|
5
6
|
'dark-medium': '0px 1px 4px rgba(41, 48, 51, 0.18), 0px 3px 5px rgba(41, 48, 51, 0.16), 0px 1px 10px rgba(41, 48, 51, 0.14)',
|
|
6
7
|
'dark-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.3), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.25)',
|
|
7
8
|
};
|
|
9
|
+
export const dark = {
|
|
10
|
+
'light-low': '0px 1px 7px 0px rgba(50, 56, 61, 0.06), 0px 3px 3px 0px rgba(50, 56, 61, 0.08), 0px 1px 3px 0px rgba(50, 56, 61, 0.12)',
|
|
11
|
+
'light-medium': '0px 1px 10px 0px rgba(50, 56, 61, 0.12), 0px 3px 5px 0px rgba(50, 56, 61, 0.14), 0px 1px 4px 0px rgba(50, 56, 61, 0.18)',
|
|
12
|
+
'light-hight': '0px 15px 20px 0.2px rgba(50, 56, 61, 0.21), 0px 5px 10px 0.2px rgba(50, 56, 61, 0.25), 0px 1px 8px -2px rgba(50, 56, 61, 0.20)',
|
|
13
|
+
'light-soft': '0px 15px 20px 0.2px rgba(50, 56, 61, 0.05), 0px 5px 10px 0.2px rgba(50, 56, 61, 0.03), 0px 1px 8px -2px rgba(50, 56, 61, 0.03)',
|
|
14
|
+
'dark-medium': '0px 1px 10px 0px rgba(25, 26, 28, 0.14), 0px 3px 5px 0px rgba(25, 26, 28, 0.16), 0px 1px 4px 0px rgba(25, 26, 28, 0.18)',
|
|
15
|
+
'dark-hight': '0px 15px 20px 0.2px rgba(25, 26, 28, 0.25), 0px 5px 10px 0.2px rgba(25, 26, 28, 0.30), 0px 1px 8px -2px rgba(25, 26, 28, 0.20)',
|
|
16
|
+
};
|
|
8
17
|
//# sourceMappingURL=shadow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/styles/foundations/shadow.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/styles/foundations/shadow.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,WAAW,EACT,4GAA4G;IAC9G,cAAc,EACZ,6GAA6G;IAC/G,aAAa,EACX,+HAA+H;IACjI,YAAY,EACV,sIAAsI;IACxI,aAAa,EACX,6GAA6G;IAC/G,YAAY,EACV,8HAA8H;CACjI,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,WAAW,EACT,wHAAwH;IAC1H,cAAc,EACZ,yHAAyH;IAC3H,aAAa,EACX,gIAAgI;IAClI,YAAY,EACV,gIAAgI;IAClI,aAAa,EACX,yHAAyH;IAC3H,YAAY,EACV,gIAAgI;CACnI,CAAC"}
|
|
@@ -1,7 +1,16 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const light: {
|
|
2
2
|
'light-low': string;
|
|
3
3
|
'light-medium': string;
|
|
4
4
|
'light-hight': string;
|
|
5
|
+
'light-soft': string;
|
|
6
|
+
'dark-medium': string;
|
|
7
|
+
'dark-hight': string;
|
|
8
|
+
};
|
|
9
|
+
export declare const dark: {
|
|
10
|
+
'light-low': string;
|
|
11
|
+
'light-medium': string;
|
|
12
|
+
'light-hight': string;
|
|
13
|
+
'light-soft': string;
|
|
5
14
|
'dark-medium': string;
|
|
6
15
|
'dark-hight': string;
|
|
7
16
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare type ColorType = ('primary-tint-5' | 'primary-tint-4' | 'primary-tint-3' | 'primary-tint-2' | 'primary-tint-1' | 'primary' | 'primary-shade-1' | 'primary-shade-2' | 'primary-shade-3' | 'primary-shade-4' | 'primary-shade-5' | 'primary-contrast' | 'secondary-tint-5' | 'secondary-tint-4' | 'secondary-tint-3' | 'secondary-tint-2' | 'secondary-tint-1' | 'secondary' | 'secondary-shade-1' | 'secondary-shade-2' | 'secondary-shade-3' | 'secondary-shade-4' | 'secondary-shade-5' | 'secondary-contrast' | 'wrong-tint-5' | 'wrong-tint-4' | 'wrong-tint-3' | 'wrong-tint-2' | 'wrong-tint-1' | 'wrong' | 'wrong-shade-1' | 'wrong-shade-2' | 'wrong-shade-3' | 'wrong-shade-4' | 'wrong-shade-5' | 'wrong-contrast' | 'attention-tint-5' | 'attention-tint-4' | 'attention-tint-3' | 'attention-tint-2' | 'attention-tint-1' | 'attention' | 'attention-shade-1' | 'attention-shade-2' | 'attention-shade-3' | 'attention-shade-4' | 'attention-shade-5' | 'success-tint-5' | 'success-tint-4' | 'success-tint-3' | 'success-tint-2' | 'success-tint-1' | 'success' | 'success-shade-1' | 'success-shade-2' | 'success-shade-3' | 'success-shade-4' | 'success-shade-5' | 'black' | 'gray-10' | 'gray-9' | 'gray-8' | 'gray-7' | 'gray-6' | 'gray-5' | 'gray-4' | 'gray-3' | 'gray-2' | 'gray-1' | 'white' | 'extra-1' | 'extra-2');
|
|
2
|
-
export declare type ShadowType = ('light-low' | 'light-medium' | 'light-hight' | 'dark-medium' | 'dark-hight');
|
|
2
|
+
export declare type ShadowType = ('light-low' | 'light-medium' | 'light-hight' | 'light-soft' | 'dark-medium' | 'dark-hight');
|
|
3
3
|
export declare type TypographyPropertiesType = {
|
|
4
4
|
weight: string;
|
|
5
5
|
size: string;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.4.0",
|
|
5
5
|
"author": "PeculiarVentures Team",
|
|
6
6
|
"description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
|
|
7
7
|
"keywords": [
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@emotion/react": "^11.11.1",
|
|
50
50
|
"@emotion/styled": "^11.11.0",
|
|
51
|
-
"@peculiar/color": "^0.1.
|
|
51
|
+
"@peculiar/color": "^0.1.2",
|
|
52
52
|
"@popperjs/core": "^2.11.7",
|
|
53
53
|
"@types/flat": "^5.0.2",
|
|
54
54
|
"@types/react-transition-group": "^4.4.5",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"node": ">=12.x"
|
|
87
87
|
},
|
|
88
88
|
"license": "MIT",
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "f88a7bebc016b5a49359584658b16e3388848c0e"
|
|
90
90
|
}
|