@pushwoosh/dumb-components 1.1.194 → 1.1.196
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/CardMetric/styles.js +1 -1
- package/DateTimePicker/components/Input/styles.js +1 -1
- package/DateTimePicker/styles.js +2 -2
- package/NumberPicker/styles.js +1 -1
- package/PageHeader/components/AutosizeInput/styles.js +1 -1
- package/native/Input.js +2 -2
- package/native/Textarea.js +2 -2
- package/package.json +1 -1
package/CardMetric/styles.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Color, FontSize, FontWeight } from '@pushwoosh/kit-constants';
|
|
|
3
3
|
export const CardContainer = styled.div.withConfig({
|
|
4
4
|
displayName: "CardContainer",
|
|
5
5
|
componentId: "sc-17snd37-0"
|
|
6
|
-
})(["display:flex;color:", ";background-color:
|
|
6
|
+
})(["display:flex;color:", ";background-color:", ";flex-direction:column;scroll-margin:4px;outline-style:solid;gap:12px;padding:", ";border-radius:", ";border-bottom:", ";outline-color:", ";outline-width:", ";"], Color.MAIN, Color.CLEAR, ({
|
|
7
7
|
view
|
|
8
8
|
}) => view === 'stacking' ? '24px' : '16px', ({
|
|
9
9
|
view
|
|
@@ -3,4 +3,4 @@ import { Color } from '@pushwoosh/kit-constants';
|
|
|
3
3
|
export const InputStyled = styled.input.withConfig({
|
|
4
4
|
displayName: "InputStyled",
|
|
5
5
|
componentId: "sc-17gtn04-0"
|
|
6
|
-
})(["&:disabled{background-color:", ";}"], Color.FROZEN);
|
|
6
|
+
})(["color:", ";-webkit-text-fill-color:", ";background-color:transparent;&::placeholder{color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}"], Color.MAIN, Color.MAIN, Color.PHANTOM, Color.FROZEN, Color.LOCKED);
|
package/DateTimePicker/styles.js
CHANGED
|
@@ -51,13 +51,13 @@ export const InputFrame = styled(RoundedBlock).withConfig({
|
|
|
51
51
|
export const SingleInputFrame = styled(InputFrame).withConfig({
|
|
52
52
|
displayName: "SingleInputFrame",
|
|
53
53
|
componentId: "sc-t3ruuk-6"
|
|
54
|
-
})(["grid-template-columns:", ";padding-right:0;background-color:", ";pointer-events:", ";& > div:last-of-type{height:34px;padding-left:1px;background-color:", ";border-radius:0 ", " ", " 0;& > div{display:flex;justify-content:center;align-items:center;color:
|
|
54
|
+
})(["grid-template-columns:", ";padding-right:0;background-color:", ";pointer-events:", ";& > div:last-of-type{height:34px;padding-left:1px;background-color:", ";border-radius:0 ", " ", " 0;& > div{display:flex;justify-content:center;align-items:center;color:", ";background-color:", ";cursor:pointer;&:hover > *{transform:scale(1.3);}&:first-of-type{border-top-right-radius:", ";}&:last-of-type{border-bottom-right-radius:", ";}}}"], ({
|
|
55
55
|
$hasHint
|
|
56
56
|
}) => $hasHint ? '1fr max-content 21px' : '1fr 21px', ({
|
|
57
57
|
$isDisabled
|
|
58
58
|
}) => $isDisabled ? Color.FROZEN : Color.CLEAR, ({
|
|
59
59
|
$isDisabled
|
|
60
|
-
}) => $isDisabled ? 'none' : 'auto', Color.FORM, ShapeRadius.CONTROL, ShapeRadius.CONTROL, Color.FROZEN, ShapeRadius.CONTROL, ShapeRadius.CONTROL);
|
|
60
|
+
}) => $isDisabled ? 'none' : 'auto', Color.FORM, ShapeRadius.CONTROL, ShapeRadius.CONTROL, Color.MAIN, Color.FROZEN, ShapeRadius.CONTROL, ShapeRadius.CONTROL);
|
|
61
61
|
export const CalendarBox = styled.div.withConfig({
|
|
62
62
|
displayName: "CalendarBox",
|
|
63
63
|
componentId: "sc-t3ruuk-7"
|
package/NumberPicker/styles.js
CHANGED
|
@@ -5,7 +5,7 @@ export const InputStyled = styled.input.attrs({
|
|
|
5
5
|
}).withConfig({
|
|
6
6
|
displayName: "InputStyled",
|
|
7
7
|
componentId: "sc-vq8xnz-0"
|
|
8
|
-
})(["width:100
|
|
8
|
+
})(["width:100%;color:", ";-webkit-text-fill-color:", ";background-color:transparent;&::placeholder{color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}"], Color.MAIN, Color.MAIN, Color.PHANTOM, Color.FROZEN, Color.LOCKED);
|
|
9
9
|
export const Hint = styled.div.withConfig({
|
|
10
10
|
displayName: "Hint",
|
|
11
11
|
componentId: "sc-vq8xnz-1"
|
|
@@ -11,7 +11,7 @@ export const InputBox = styled.div.withConfig({
|
|
|
11
11
|
export const InputStyled = styled.input.withConfig({
|
|
12
12
|
displayName: "InputStyled",
|
|
13
13
|
componentId: "sc-191i2ot-2"
|
|
14
|
-
})(["color
|
|
14
|
+
})(["color:", ";width:", "px;max-width:100%;border:0;padding:0;margin:3px 4px 0 0;background:#0000;font-weight:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:1px dashed ", ";&::placeholder{color:", ";}&:active,&:hover,&:focus{border-bottom:1px dashed ", ";outline-offset:0;outline:0;}&:hover{color:", ";cursor:pointer;}&:active{opacity:0.5;cursor:pointer;}"], Color.PRIMARY, ({
|
|
15
15
|
width
|
|
16
16
|
}) => width - 10, Color.PHANTOM, Color.PHANTOM, Color.PHANTOM, Color.PRIMARY_HOVER);
|
|
17
17
|
export const RootBox = styled.div.withConfig({
|
package/native/Input.js
CHANGED
|
@@ -4,6 +4,6 @@ import { Color, FontSize, LineHeight, ShapeRadius, UnitSize } from '@pushwoosh/k
|
|
|
4
4
|
export const NativeInput = styled.input.withConfig({
|
|
5
5
|
displayName: "NativeInput",
|
|
6
6
|
componentId: "sc-oqkcxd-0"
|
|
7
|
-
})(["height:", ";padding:0 calc(12px - 1px);border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], UnitSize.FIELD_HEIGHT, ({
|
|
7
|
+
})(["height:", ";padding:0 calc(12px - 1px);border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";color:", ";-webkit-text-fill-color:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}&::placeholder{color:", ";}"], UnitSize.FIELD_HEIGHT, ({
|
|
8
8
|
$isErrored
|
|
9
|
-
}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);
|
|
9
|
+
}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.MAIN, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.LOCKED, Color.PHANTOM);
|
package/native/Textarea.js
CHANGED
|
@@ -4,7 +4,7 @@ import { Color, FontSize, LineHeight, ShapeRadius } from '@pushwoosh/kit-constan
|
|
|
4
4
|
export const NativeTextarea = styled.textarea.withConfig({
|
|
5
5
|
displayName: "NativeTextarea",
|
|
6
6
|
componentId: "sc-1xe83i4-0"
|
|
7
|
-
})(["width:", ";min-width:", ";max-width:", ";min-height:56px;padding:8px 12px;border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], ({
|
|
7
|
+
})(["width:", ";min-width:", ";max-width:", ";min-height:56px;padding:8px 12px;border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";color:", ";-webkit-text-fill-color:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}&::placeholder{color:", ";}"], ({
|
|
8
8
|
$width
|
|
9
9
|
}) => $width || '100%', ({
|
|
10
10
|
$width
|
|
@@ -12,4 +12,4 @@ export const NativeTextarea = styled.textarea.withConfig({
|
|
|
12
12
|
$width
|
|
13
13
|
}) => $width || '100%', ({
|
|
14
14
|
$isErrored
|
|
15
|
-
}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);
|
|
15
|
+
}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.MAIN, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.LOCKED, Color.PHANTOM);
|