@peculiar/react-components 0.3.15-alpha.1 → 0.4.1
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 +37 -8
- 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 +8 -2
- 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/Slider/slider.js +1 -1
- package/dist/cjs/Slider/slider.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 +37 -8
- 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 +8 -2
- 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/Slider/slider.js +1 -1
- package/dist/esm/Slider/slider.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 +37 -8
- 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 +8 -2
- 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/Slider/slider.js +1 -1
- package/dist/esnext/Slider/slider.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
|
@@ -29,32 +29,65 @@ import { Typography } from '../Typography';
|
|
|
29
29
|
/**
|
|
30
30
|
* Styles.
|
|
31
31
|
*/
|
|
32
|
-
var TextFieldInput = styled(Typography)(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px',
|
|
33
|
-
color: 'var(--pv-color-gray-9)',
|
|
34
|
-
}, '&:hover': {
|
|
35
|
-
backgroundColor: 'var(--pv-color-gray-3)',
|
|
36
|
-
borderColor: 'var(--pv-color-gray-7)',
|
|
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
|
-
}, '&:not(:disabled)': {
|
|
43
|
-
'&[aria-invalid]': {
|
|
44
|
-
backgroundColor: 'var(--pv-color-wrong-tint-5)',
|
|
45
|
-
borderColor: 'var(--pv-color-wrong-tint-3)',
|
|
46
|
-
},
|
|
47
|
-
'&:focus': {
|
|
48
|
-
backgroundColor: 'var(--pv-color-secondary-tint-5)',
|
|
49
|
-
borderColor: 'var(--pv-color-secondary-tint-3)',
|
|
50
|
-
},
|
|
51
|
-
} }, (props.size === 'small' && {
|
|
32
|
+
var TextFieldInput = styled(Typography)(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'inline-flex', appearance: 'none' }, (props.size === 'small' && {
|
|
52
33
|
height: 'var(--pv-size-base-6)',
|
|
53
34
|
})), (props.size === 'medium' && {
|
|
54
35
|
height: 'var(--pv-size-base-7)',
|
|
55
36
|
})), (props.size === 'large' && {
|
|
56
37
|
height: 'var(--pv-size-base-8)',
|
|
57
|
-
}))); })
|
|
38
|
+
}))); }, function (props) {
|
|
39
|
+
var isDark = props.theme.mode === 'dark';
|
|
40
|
+
var color = isDark
|
|
41
|
+
? 'var(--pv-color-white)'
|
|
42
|
+
: 'var(--pv-color-black)';
|
|
43
|
+
var borderColor = 'var(--pv-color-gray-8)';
|
|
44
|
+
var colorPlaceholder = 'var(--pv-color-gray-9)';
|
|
45
|
+
var borderColorHover = 'var(--pv-color-gray-7)';
|
|
46
|
+
var borderColorDisabled = 'var(--pv-color-gray-5)';
|
|
47
|
+
var colorDisabled = 'var(--pv-color-gray-7)';
|
|
48
|
+
var invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
|
|
49
|
+
var invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
|
|
50
|
+
var backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
|
|
51
|
+
var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
|
|
52
|
+
if (isDark) {
|
|
53
|
+
borderColor = 'var(--pv-color-gray-5)';
|
|
54
|
+
colorPlaceholder = 'var(--pv-color-gray-6)';
|
|
55
|
+
borderColorHover = 'var(--pv-color-gray-4)';
|
|
56
|
+
borderColorDisabled = 'var(--pv-color-gray-4)';
|
|
57
|
+
colorDisabled = 'var(--pv-color-gray-4)';
|
|
58
|
+
invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
|
|
59
|
+
invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
|
|
60
|
+
backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
|
|
61
|
+
borderColorFocus = 'var(--pv-color-secondary-shade-1)';
|
|
62
|
+
}
|
|
63
|
+
return ({
|
|
64
|
+
color: color,
|
|
65
|
+
borderColor: borderColor,
|
|
66
|
+
'&::placeholder': {
|
|
67
|
+
color: colorPlaceholder,
|
|
68
|
+
},
|
|
69
|
+
'&:hover': {
|
|
70
|
+
backgroundColor: 'var(--pv-color-gray-3)',
|
|
71
|
+
borderColor: borderColorHover,
|
|
72
|
+
},
|
|
73
|
+
'&:disabled': {
|
|
74
|
+
cursor: 'not-allowed',
|
|
75
|
+
backgroundColor: 'var(--pv-color-gray-1)',
|
|
76
|
+
borderColor: borderColorDisabled,
|
|
77
|
+
color: colorDisabled,
|
|
78
|
+
},
|
|
79
|
+
'&:not(:disabled)': {
|
|
80
|
+
'&[aria-invalid]': {
|
|
81
|
+
backgroundColor: invalidBackgroundColor,
|
|
82
|
+
borderColor: invalidBorderColor,
|
|
83
|
+
},
|
|
84
|
+
'&:focus-visible': {
|
|
85
|
+
backgroundColor: backgroundColorFocus,
|
|
86
|
+
borderColor: borderColorFocus,
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
});
|
|
90
|
+
});
|
|
58
91
|
var TextFieldLabel = styled('label')({
|
|
59
92
|
label: 'TextField-label',
|
|
60
93
|
marginBottom: '2px',
|
|
@@ -73,7 +106,7 @@ export var TextField = React.forwardRef(function (props, ref) {
|
|
|
73
106
|
React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
|
|
74
107
|
React.createElement(TextFieldInput, __assign({}, inputProps, {
|
|
75
108
|
// @ts-ignore
|
|
76
|
-
component: "input",
|
|
109
|
+
component: "input", variant: size === 'small' ? 'c1' : 'b3', size: size, type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly })),
|
|
77
110
|
error && errorText && (React.createElement(TextFieldError, { variant: "c2", color: "wrong" }, errorText))));
|
|
78
111
|
});
|
|
79
112
|
TextField.displayName = 'TextField';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_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;AAmF3C;;GAEG;AAEH;;GAEG;AACH,IAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CACvC,UAAC,KAAK,IAAK,OAAA,8BACT,UAAU,EAAE,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,yBAAyB,EAClC,eAAe,EAAE,wBAAwB,EACzC,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,KAAK,EAClB,
|
|
1
|
+
{"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,32 +29,65 @@ import { Typography } from '../Typography';
|
|
|
29
29
|
/**
|
|
30
30
|
* Styles.
|
|
31
31
|
*/
|
|
32
|
-
var TextareaFieldInput = styled('textarea')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: 'var(--pv-size-base) var(--pv-size-base-2)',
|
|
33
|
-
color: 'var(--pv-color-gray-9)',
|
|
34
|
-
}, '&:hover': {
|
|
35
|
-
backgroundColor: 'var(--pv-color-gray-3)',
|
|
36
|
-
borderColor: 'var(--pv-color-gray-7)',
|
|
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
|
-
}, '&:not(:disabled)': {
|
|
43
|
-
'&[aria-invalid]': {
|
|
44
|
-
backgroundColor: 'var(--pv-color-wrong-tint-5)',
|
|
45
|
-
borderColor: 'var(--pv-color-wrong-tint-3)',
|
|
46
|
-
},
|
|
47
|
-
'&:focus': {
|
|
48
|
-
backgroundColor: 'var(--pv-color-secondary-tint-5)',
|
|
49
|
-
borderColor: 'var(--pv-color-secondary-tint-3)',
|
|
50
|
-
},
|
|
51
|
-
} }, (props.size === 'small' && {
|
|
32
|
+
var TextareaFieldInput = styled('textarea')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: 'var(--pv-size-base) var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'block', appearance: 'none', resize: 'none', fontWeight: 'var(--pv-text-c1-weight)', fontSize: 'var(--pv-text-c1-size)', lineHeight: 'var(--pv-text-c1-height)', letterSpacing: 'var(--pv-text-c1-spacing)' }, (props.size === 'small' && {
|
|
52
33
|
minHeight: 'var(--pv-size-base-12)',
|
|
53
34
|
})), (props.size === 'medium' && {
|
|
54
35
|
minHeight: 'var(--pv-size-base-14)',
|
|
55
36
|
})), (props.size === 'large' && {
|
|
56
37
|
minHeight: 'var(--pv-size-base-16)',
|
|
57
|
-
}))); })
|
|
38
|
+
}))); }, function (props) {
|
|
39
|
+
var isDark = props.theme.mode === 'dark';
|
|
40
|
+
var color = isDark
|
|
41
|
+
? 'var(--pv-color-white)'
|
|
42
|
+
: 'var(--pv-color-black)';
|
|
43
|
+
var borderColor = 'var(--pv-color-gray-8)';
|
|
44
|
+
var colorPlaceholder = 'var(--pv-color-gray-9)';
|
|
45
|
+
var borderColorHover = 'var(--pv-color-gray-7)';
|
|
46
|
+
var borderColorDisabled = 'var(--pv-color-gray-5)';
|
|
47
|
+
var colorDisabled = 'var(--pv-color-gray-7)';
|
|
48
|
+
var invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
|
|
49
|
+
var invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
|
|
50
|
+
var backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
|
|
51
|
+
var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
|
|
52
|
+
if (isDark) {
|
|
53
|
+
borderColor = 'var(--pv-color-gray-5)';
|
|
54
|
+
colorPlaceholder = 'var(--pv-color-gray-6)';
|
|
55
|
+
borderColorHover = 'var(--pv-color-gray-4)';
|
|
56
|
+
borderColorDisabled = 'var(--pv-color-gray-4)';
|
|
57
|
+
colorDisabled = 'var(--pv-color-gray-4)';
|
|
58
|
+
invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
|
|
59
|
+
invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
|
|
60
|
+
backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
|
|
61
|
+
borderColorFocus = 'var(--pv-color-secondary-shade-1)';
|
|
62
|
+
}
|
|
63
|
+
return ({
|
|
64
|
+
color: color,
|
|
65
|
+
borderColor: borderColor,
|
|
66
|
+
'&::placeholder': {
|
|
67
|
+
color: colorPlaceholder,
|
|
68
|
+
},
|
|
69
|
+
'&:hover': {
|
|
70
|
+
backgroundColor: 'var(--pv-color-gray-3)',
|
|
71
|
+
borderColor: borderColorHover,
|
|
72
|
+
},
|
|
73
|
+
'&:disabled': {
|
|
74
|
+
cursor: 'not-allowed',
|
|
75
|
+
backgroundColor: 'var(--pv-color-gray-1)',
|
|
76
|
+
borderColor: borderColorDisabled,
|
|
77
|
+
color: colorDisabled,
|
|
78
|
+
},
|
|
79
|
+
'&:not(:disabled)': {
|
|
80
|
+
'&[aria-invalid]': {
|
|
81
|
+
backgroundColor: invalidBackgroundColor,
|
|
82
|
+
borderColor: invalidBorderColor,
|
|
83
|
+
},
|
|
84
|
+
'&:focus-visible': {
|
|
85
|
+
backgroundColor: backgroundColorFocus,
|
|
86
|
+
borderColor: borderColorFocus,
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
});
|
|
90
|
+
});
|
|
58
91
|
var TextareaFieldLabel = styled('label')({
|
|
59
92
|
marginBottom: '2px',
|
|
60
93
|
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,IAAM,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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"}
|
|
@@ -39,11 +39,35 @@ import { Typography } from '../Typography';
|
|
|
39
39
|
* Styles.
|
|
40
40
|
*/
|
|
41
41
|
var stylesKeyframeOpacity = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"], ["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
42
|
-
var TooltipRoot = styled(Box
|
|
42
|
+
var TooltipRoot = styled(Box, {
|
|
43
|
+
shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
|
|
44
|
+
})(function (props) { return (__assign(__assign({ maxWidth: '300px', wordWrap: 'break-word', fontSize: 0, animation: "".concat(stylesKeyframeOpacity, " 225ms"), position: 'relative', borderRadius: '4px' }, (props.size === 'small' && {
|
|
43
45
|
padding: '5px 8px',
|
|
44
46
|
})), (props.size === 'large' && {
|
|
45
47
|
padding: '8px 10px',
|
|
46
|
-
}))); })
|
|
48
|
+
}))); }, function (props) {
|
|
49
|
+
var isDark = props.theme.mode === 'dark';
|
|
50
|
+
var backgroundColor;
|
|
51
|
+
var boxShadow = 'var(--pv-shadow-light-low)';
|
|
52
|
+
if (props.color === 'black') {
|
|
53
|
+
if (isDark) {
|
|
54
|
+
backgroundColor = 'var(--pv-color-gray-5)';
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
backgroundColor = 'var(--pv-color-gray-10)';
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
backgroundColor = 'var(--pv-color-white)';
|
|
62
|
+
}
|
|
63
|
+
if (isDark) {
|
|
64
|
+
boxShadow = 'var(--pv-shadow-dark-medium)';
|
|
65
|
+
}
|
|
66
|
+
return {
|
|
67
|
+
boxShadow: boxShadow,
|
|
68
|
+
backgroundColor: backgroundColor,
|
|
69
|
+
};
|
|
70
|
+
});
|
|
47
71
|
var TooltipPopper = styled(Popper)(function (props) { return ({
|
|
48
72
|
pointerEvents: props.interactive ? 'auto' : 'none',
|
|
49
73
|
zIndex: 1500,
|
|
@@ -74,13 +98,12 @@ var TooltipPopper = styled(Popper)(function (props) { return ({
|
|
|
74
98
|
}); });
|
|
75
99
|
var TooltipArrow = styled('span', {
|
|
76
100
|
shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
|
|
77
|
-
})(
|
|
101
|
+
})({
|
|
78
102
|
width: '8px',
|
|
79
103
|
height: '8px',
|
|
80
104
|
background: 'transparent',
|
|
81
105
|
position: 'absolute',
|
|
82
106
|
display: 'block',
|
|
83
|
-
color: props.color === 'white' ? 'var(--pv-color-white)' : 'var(--pv-color-gray-10)',
|
|
84
107
|
'&::before': {
|
|
85
108
|
content: '""',
|
|
86
109
|
margin: 'auto',
|
|
@@ -90,7 +113,24 @@ var TooltipArrow = styled('span', {
|
|
|
90
113
|
backgroundColor: 'currentColor',
|
|
91
114
|
transform: 'rotate(45deg)',
|
|
92
115
|
},
|
|
93
|
-
})
|
|
116
|
+
}, function (props) {
|
|
117
|
+
var isDark = props.theme.mode === 'dark';
|
|
118
|
+
var color;
|
|
119
|
+
if (props.color === 'black') {
|
|
120
|
+
if (isDark) {
|
|
121
|
+
color = 'var(--pv-color-gray-5)';
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
color = 'var(--pv-color-gray-10)';
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
color = 'var(--pv-color-white)';
|
|
129
|
+
}
|
|
130
|
+
return {
|
|
131
|
+
color: color,
|
|
132
|
+
};
|
|
133
|
+
});
|
|
94
134
|
/**
|
|
95
135
|
*
|
|
96
136
|
*/
|
|
@@ -149,7 +189,7 @@ export var Tooltip = function (props) {
|
|
|
149
189
|
}
|
|
150
190
|
return (React.createElement(React.Fragment, null,
|
|
151
191
|
React.cloneElement(children, childrenProps),
|
|
152
|
-
React.createElement(TooltipPopper, __assign({ anchorEl: nodeRef.current, open: title && open, placement: placement, disablePortal: disablePortal, modifiers: [
|
|
192
|
+
React.createElement(TooltipPopper, __assign({ anchorEl: nodeRef.current, open: title && open, placement: placement, disablePortal: disablePortal, interactive: interactive, modifiers: [
|
|
153
193
|
{
|
|
154
194
|
name: 'arrow',
|
|
155
195
|
enabled: Boolean(arrowRef),
|
|
@@ -164,7 +204,7 @@ export var Tooltip = function (props) {
|
|
|
164
204
|
offset: [0, offset],
|
|
165
205
|
},
|
|
166
206
|
},
|
|
167
|
-
] }, popperProps), function (style) { return (React.createElement(TooltipRoot, __assign({
|
|
207
|
+
] }, popperProps), function (style) { return (React.createElement(TooltipRoot, __assign({ size: size, color: color }, other),
|
|
168
208
|
React.createElement(Typography, { component: "span", variant: size === 'small' ? 'c2' : 'b3', color: color === 'black' ? 'white' : 'black' }, title),
|
|
169
209
|
arrow
|
|
170
210
|
? (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,IAAM,qBAAqB,GAAG,SAAS,qIAAA,kEAOtC,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,
|
|
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,IAAM,qBAAqB,GAAG,SAAS,qIAAA,kEAOtC,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IAC9B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO,EAArC,CAAqC;CACnE,CAAC,CACA,UAAC,KAAK,IAAK,OAAA,qBACT,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAG,qBAAqB,WAAQ,EAC3C,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAE,KAAK,IAChB,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI;IAC5B,OAAO,EAAE,SAAS;CACnB,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI;IAC5B,OAAO,EAAE,UAAU;CACpB,CAAC,EACF,EAbS,CAaT,EACF,UAAC,KAAK;IACJ,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAC3C,IAAI,eAAuB,CAAC;IAC5B,IAAI,SAAS,GAAG,4BAA4B,CAAC;IAE7C,IAAI,KAAK,CAAC,KAAK,KAAK,OAAO,EAAE;QAC3B,IAAI,MAAM,EAAE;YACV,eAAe,GAAG,wBAAwB,CAAC;SAC5C;aAAM;YACL,eAAe,GAAG,yBAAyB,CAAC;SAC7C;KACF;SAAM;QACL,eAAe,GAAG,uBAAuB,CAAC;KAC3C;IAED,IAAI,MAAM,EAAE;QACV,SAAS,GAAG,8BAA8B,CAAC;KAC5C;IAED,OAAO;QACL,SAAS,WAAA;QACT,eAAe,iBAAA;KAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAiD,UAAC,KAAK,IAAK,OAAA,CAAC;IAC/F,aAAa,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;IAClD,MAAM,EAAE,IAAI;IACZ,oCAAoC,EAAE;QACpC,qBAAqB,EAAE;YACrB,GAAG,EAAE,CAAC;YACN,SAAS,EAAE,MAAM;SAClB;KACF;IACD,iCAAiC,EAAE;QACjC,qBAAqB,EAAE;YACrB,MAAM,EAAE,CAAC;YACT,YAAY,EAAE,MAAM;SACrB;KACF;IACD,mCAAmC,EAAE;QACnC,qBAAqB,EAAE;YACrB,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,MAAM;SACnB;KACF;IACD,kCAAkC,EAAE;QAClC,qBAAqB,EAAE;YACrB,KAAK,EAAE,CAAC;YACR,WAAW,EAAE,MAAM;SACpB;KACF;CACF,CAAC,EA3B8F,CA2B9F,CAAC,CAAC;AAEJ,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE;IAClC,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO,EAArC,CAAqC;CACnE,CAAC,CACA;IACE,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,aAAa;IACzB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,OAAO;IAChB,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,cAAc;QAC/B,SAAS,EAAE,eAAe;KAC3B;CACF,EACD,UAAC,KAAK;IACJ,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAC3C,IAAI,KAAa,CAAC;IAElB,IAAI,KAAK,CAAC,KAAK,KAAK,OAAO,EAAE;QAC3B,IAAI,MAAM,EAAE;YACV,KAAK,GAAG,wBAAwB,CAAC;SAClC;aAAM;YACL,KAAK,GAAG,yBAAyB,CAAC;SACnC;KACF;SAAM;QACL,KAAK,GAAG,uBAAuB,CAAC;KACjC;IAED,OAAO;QACL,KAAK,OAAA;KACN,CAAC;AACJ,CAAC,CACF,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,IAAM,OAAO,GAA2B,UAAC,KAAK;IAEjD,IAAM,QAAQ,GAgBZ,KAAK,KAhBO,EACd,QAAQ,GAeN,KAAK,SAfC,EACR,KAAK,GAcH,KAAK,MAdF,EACL,SAAS,GAaP,KAAK,UAbE,EACT,oBAAoB,GAYlB,KAAK,qBAZa,EACpB,oBAAoB,GAWlB,KAAK,qBAXa,EACpB,oBAAoB,GAUlB,KAAK,qBAVa,EACpB,WAAW,GAST,KAAK,YATI,EACX,IAAI,GAQF,KAAK,KARH,EACJ,KAAK,GAOH,KAAK,MAPF,EACL,aAAa,GAMX,KAAK,cANM,EACb,UAAU,GAKR,KAAK,WALG,EACV,UAAU,GAIR,KAAK,WAJG,EACV,KAAK,GAGH,KAAK,MAHF,EACL,MAAM,GAEJ,KAAK,OAFD,EACH,KAAK,UACN,KAAK,EAjBH,kNAiBL,CADS,CACA;IACJ,IAAA,KAAkB,oBAAoB,CAAC;QAC3C,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,KAAK;KACpB,CAAC,EAHK,IAAI,QAAA,EAAE,OAAO,QAGlB,CAAC;IACH,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACxD,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IACrD,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAClD,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAElD,KAAK,CAAC,SAAS,CAAC,cAAM,OAAA;QACpB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACjC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC,EAHqB,CAGrB,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,WAAW,GAAG;QAClB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACjC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAEjC,UAAU,CAAC,OAAO,GAAG,UAAU,CAC7B;YACE,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,EACD,UAAU,CACX,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACjC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAEjC,UAAU,CAAC,OAAO,GAAG,UAAU,CAC7B;YACE,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,EACD,UAAU,CACX,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,WAAW,GAAyC,EAAE,CAAC;IAC7D,IAAM,aAAa,GAA4E;QAC7F,GAAG,EAAE,QAAQ;KACd,CAAC;IAEF,IAAI,CAAC,oBAAoB,EAAE;QACzB,aAAa,CAAC,YAAY,GAAG,WAAW,CAAC;QACzC,aAAa,CAAC,UAAU,GAAG,WAAW,CAAC;KACxC;IAED,IAAI,CAAC,oBAAoB,EAAE;QACzB,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;QACxC,aAAa,CAAC,YAAY,GAAG,WAAW,CAAC;QAEzC,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,WAAW,GAAG,WAAW,CAAC;YACtC,WAAW,CAAC,YAAY,GAAG,WAAW,CAAC;SACxC;KACF;IAED,IAAI,CAAC,oBAAoB,EAAE;QACzB,aAAa,CAAC,OAAO,GAAG,WAAW,CAAC;QACpC,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC;QAEnC,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC;YAClC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC;SAClC;KACF;IAED,OAAO,CACL;QACG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC;QAC5C,oBAAC,aAAa,aACZ,QAAQ,EAAE,OAAO,CAAC,OAAO,EACzB,IAAI,EAAE,KAAK,IAAI,IAAI,EACnB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC;oBAC1B,OAAO,EAAE;wBACP,OAAO,EAAE,QAAQ;wBACjB,OAAO,EAAE,CAAC;qBACX;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE;wBACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;qBACpB;iBACF;aACF,IACG,WAAW,GAEd,UAAC,KAAK,IAAK,OAAA,CACV,oBAAC,WAAW,aACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IACR,KAAK;YAET,oBAAC,UAAU,IACT,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACvC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAE3C,KAAK,CACK;YAEX,KAAK;gBACH,CAAC,CAAC,CACA,oBAAC,YAAY,+BAEX,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CACH;gBACD,CAAC,CAAC,IAAI,CAEE,CACf,EA1BW,CA0BX,CACa,CACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE;CACX,CAAC"}
|
|
@@ -12,13 +12,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { size, text, shadow, colors, } from './foundations';
|
|
13
13
|
export var defaultThemeLight = {
|
|
14
14
|
color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors.primary), { 'primary-contrast': colors.grayscale.white }), colors.secondary), { 'secondary-contrast': colors.grayscale.white }), colors.wrong), { 'wrong-contrast': colors.grayscale.white }), colors.attention), colors.success), colors.grayscale), colors.additional),
|
|
15
|
-
shadow: shadow,
|
|
15
|
+
shadow: shadow.light,
|
|
16
16
|
text: text,
|
|
17
17
|
size: size,
|
|
18
18
|
};
|
|
19
19
|
export var defaultThemeDark = {
|
|
20
20
|
color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors.primaryDark), { 'primary-contrast': colors.grayscaleDark.white }), colors.secondaryDark), { 'secondary-contrast': colors.grayscaleDark.white }), colors.wrongDark), { 'wrong-contrast': colors.grayscaleDark.white }), colors.attentionDark), colors.successDark), colors.grayscaleDark), colors.additionalDark),
|
|
21
|
-
shadow: shadow,
|
|
21
|
+
shadow: shadow.dark,
|
|
22
22
|
text: text,
|
|
23
23
|
size: size,
|
|
24
24
|
};
|
|
@@ -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,IAAM,iBAAiB,GAAc;IAC1C,KAAK,gGAIA,MAAM,CAAC,OAAO,KACjB,kBAAkB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIvC,MAAM,CAAC,SAAS,KACnB,oBAAoB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIzC,MAAM,CAAC,KAAK,KACf,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIrC,MAAM,CAAC,SAAS,GAIhB,MAAM,CAAC,OAAO,GAId,MAAM,CAAC,SAAS,GAIhB,MAAM,CAAC,UAAU,CACrB;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,IAAM,iBAAiB,GAAc;IAC1C,KAAK,gGAIA,MAAM,CAAC,OAAO,KACjB,kBAAkB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIvC,MAAM,CAAC,SAAS,KACnB,oBAAoB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIzC,MAAM,CAAC,KAAK,KACf,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIrC,MAAM,CAAC,SAAS,GAIhB,MAAM,CAAC,OAAO,GAId,MAAM,CAAC,SAAS,GAIhB,MAAM,CAAC,UAAU,CACrB;IACD,MAAM,EAAE,MAAM,CAAC,KAAK;IACpB,IAAI,MAAA;IACJ,IAAI,MAAA;CACL,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAc;IACzC,KAAK,gGAIA,MAAM,CAAC,WAAW,KACrB,kBAAkB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAI3C,MAAM,CAAC,aAAa,KACvB,oBAAoB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAI7C,MAAM,CAAC,SAAS,KACnB,gBAAgB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAIzC,MAAM,CAAC,aAAa,GAIpB,MAAM,CAAC,WAAW,GAIlB,MAAM,CAAC,aAAa,GAIpB,MAAM,CAAC,cAAc,CACzB;IACD,MAAM,EAAE,MAAM,CAAC,IAAI;IACnB,IAAI,MAAA;IACJ,IAAI,MAAA;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 var
|
|
1
|
+
export var 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 var 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,IAAM,
|
|
1
|
+
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/styles/foundations/shadow.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,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,IAAM,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,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
|
-
import { Box } from '../Box';
|
|
4
3
|
import { Typography } from '../Typography';
|
|
5
4
|
import { IconButton } from '../IconButton';
|
|
6
5
|
import { CircularProgress } from '../CircularProgress';
|
|
@@ -11,11 +10,35 @@ import { CloseCircleIcon, WarningIcon, CheckCircleIcon, CloseIcon, } from '../ic
|
|
|
11
10
|
/**
|
|
12
11
|
* Styles.
|
|
13
12
|
*/
|
|
14
|
-
const AlertRoot = styled(
|
|
13
|
+
const AlertRoot = styled('div')({
|
|
15
14
|
width: '100%',
|
|
16
15
|
display: 'flex',
|
|
17
16
|
padding: 'var(--pv-size-base-2) var(--pv-size-base-4)',
|
|
18
17
|
boxSizing: 'border-box',
|
|
18
|
+
borderRadius: '4px',
|
|
19
|
+
}, (props) => {
|
|
20
|
+
const isDark = props.theme.mode === 'dark';
|
|
21
|
+
let backgroundColor;
|
|
22
|
+
if (props.variant === 'wrong') {
|
|
23
|
+
if (isDark) {
|
|
24
|
+
backgroundColor = 'var(--pv-color-wrong-shade-4)';
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
backgroundColor = 'var(--pv-color-wrong-tint-5)';
|
|
28
|
+
}
|
|
29
|
+
return {
|
|
30
|
+
backgroundColor,
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
if (isDark) {
|
|
34
|
+
backgroundColor = 'var(--pv-color-gray-2)';
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
backgroundColor = 'var(--pv-color-black)';
|
|
38
|
+
}
|
|
39
|
+
return {
|
|
40
|
+
backgroundColor,
|
|
41
|
+
};
|
|
19
42
|
});
|
|
20
43
|
const AlertIcon = styled('div')((props) => ({
|
|
21
44
|
marginRight: 'var(--pv-size-base-2)',
|
|
@@ -59,7 +82,7 @@ export const Alert = React.forwardRef((props, ref) => {
|
|
|
59
82
|
}
|
|
60
83
|
return null;
|
|
61
84
|
};
|
|
62
|
-
return (React.createElement(AlertRoot, { ref: ref, role: "alert",
|
|
85
|
+
return (React.createElement(AlertRoot, { ref: ref, role: "alert", variant: variant, ...other },
|
|
63
86
|
!disableIcon && (React.createElement(AlertIcon, { variant: variant }, renderIcon())),
|
|
64
87
|
React.createElement(AlertMessage, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white' }, children),
|
|
65
88
|
onClose && (React.createElement(IconButton, { size: "small", color: variant === 'wrong' ? 'wrong' : 'white', circled: true, onClick: onClose },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/Alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/Alert/alert.tsx"],"names":[],"mappings":"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"}
|