rbro-tat-uds 2.2.10 → 2.2.12
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/build/cjs/components/Accordion/Accordion.cjs +5 -1
- package/build/cjs/components/CityPicker/CityPicker.cjs +1 -0
- package/build/cjs/components/ContentDropdown/ContentDropdown.cjs +4 -0
- package/build/cjs/components/InvestmentFundItem/InvestmentFundItem.cjs +1 -0
- package/build/cjs/components/RatesCalculator/RatesCalculator.cjs +1 -0
- package/build/cjs/components/Switch/Switch.cjs +1 -0
- package/build/cjs/index.cjs +13 -1
- package/build/esm/components/Accordion/Accordion.js +5 -1
- package/build/esm/components/CityPicker/CityPicker.js +1 -0
- package/build/esm/components/ContentDropdown/ContentDropdown.js +4 -0
- package/build/esm/components/InvestmentFundItem/InvestmentFundItem.js +1 -0
- package/build/esm/components/RatesCalculator/RatesCalculator.js +1 -0
- package/build/esm/components/Switch/Switch.js +1 -0
- package/build/esm/index.js +13 -1
- package/package.json +1 -1
|
@@ -38,19 +38,23 @@ const AccordionStyled = styled.div`
|
|
|
38
38
|
& > div {
|
|
39
39
|
padding: 0px 16px;
|
|
40
40
|
overflow: hidden;
|
|
41
|
-
transition:
|
|
41
|
+
transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
|
42
|
+
opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
|
|
43
|
+
padding 0.2s ease-in-out;
|
|
42
44
|
transform-origin: top;
|
|
43
45
|
|
|
44
46
|
&[data-open="true"] {
|
|
45
47
|
transform: scaleY(1);
|
|
46
48
|
padding: 16px;
|
|
47
49
|
opacity: 1;
|
|
50
|
+
max-height: 1000px;
|
|
48
51
|
}
|
|
49
52
|
|
|
50
53
|
&[data-open="false"] {
|
|
51
54
|
transform: scaleY(0);
|
|
52
55
|
opacity: 0;
|
|
53
56
|
padding: 0px 16px;
|
|
57
|
+
max-height: 0;
|
|
54
58
|
}
|
|
55
59
|
}
|
|
56
60
|
`;
|
|
@@ -94,6 +94,10 @@ const ContentDropdownStyled = styled.div`
|
|
|
94
94
|
display: ${typeof $placeholder === "string" && !$value ? "flex" : "block"};
|
|
95
95
|
align-items: ${typeof $placeholder === "string" && !$value ? "center" : "stretch"};
|
|
96
96
|
padding-left: ${typeof $placeholder === "string" && !$value ? "16px" : "0px"};
|
|
97
|
+
|
|
98
|
+
& > div {
|
|
99
|
+
height: 100%;
|
|
100
|
+
}
|
|
97
101
|
}
|
|
98
102
|
`}
|
|
99
103
|
|
|
@@ -14,6 +14,7 @@ var utils = require('../../utils');
|
|
|
14
14
|
const InvestmentFundItemStyled = styled.div`
|
|
15
15
|
width: 100%;
|
|
16
16
|
cursor: pointer;
|
|
17
|
+
box-sizing: border-box;
|
|
17
18
|
padding: 12px 16px;
|
|
18
19
|
min-height: ${({ $line1Text }) => $line1Text && $line1Text.length ? "79px" : "60px"};
|
|
19
20
|
display: flex;
|
package/build/cjs/index.cjs
CHANGED
|
@@ -5134,6 +5134,7 @@ const CityPickerStyled = styled__default.default.div`
|
|
|
5134
5134
|
}
|
|
5135
5135
|
|
|
5136
5136
|
& > input {
|
|
5137
|
+
box-sizing: border-box;
|
|
5137
5138
|
border-radius: 8px;
|
|
5138
5139
|
border: none;
|
|
5139
5140
|
outline: none;
|
|
@@ -6064,6 +6065,10 @@ const ContentDropdownStyled = styled__default.default.div`
|
|
|
6064
6065
|
display: ${typeof $placeholder === "string" && !$value ? "flex" : "block"};
|
|
6065
6066
|
align-items: ${typeof $placeholder === "string" && !$value ? "center" : "stretch"};
|
|
6066
6067
|
padding-left: ${typeof $placeholder === "string" && !$value ? "16px" : "0px"};
|
|
6068
|
+
|
|
6069
|
+
& > div {
|
|
6070
|
+
height: 100%;
|
|
6071
|
+
}
|
|
6067
6072
|
}
|
|
6068
6073
|
`}
|
|
6069
6074
|
|
|
@@ -6224,6 +6229,7 @@ const StepsBar = ({
|
|
|
6224
6229
|
const InvestmentFundItemStyled = styled__default.default.div`
|
|
6225
6230
|
width: 100%;
|
|
6226
6231
|
cursor: pointer;
|
|
6232
|
+
box-sizing: border-box;
|
|
6227
6233
|
padding: 12px 16px;
|
|
6228
6234
|
min-height: ${({ $line1Text }) => $line1Text && $line1Text.length ? "79px" : "60px"};
|
|
6229
6235
|
display: flex;
|
|
@@ -23343,6 +23349,7 @@ const RatesCalculatorStyled = styled__default.default.div`
|
|
|
23343
23349
|
flex: 1;
|
|
23344
23350
|
|
|
23345
23351
|
& > input {
|
|
23352
|
+
box-sizing: border-box;
|
|
23346
23353
|
border-radius: 8px;
|
|
23347
23354
|
border: none;
|
|
23348
23355
|
outline: none;
|
|
@@ -24899,6 +24906,7 @@ const sizeStyles = {
|
|
|
24899
24906
|
}
|
|
24900
24907
|
};
|
|
24901
24908
|
const SwitchStyled = styled__default.default.label`
|
|
24909
|
+
box-sizing: border-box;
|
|
24902
24910
|
cursor: pointer;
|
|
24903
24911
|
background-color: ${utils.colors.gray_100};
|
|
24904
24912
|
border-radius: 100px;
|
|
@@ -26616,19 +26624,23 @@ const AccordionStyled = styled__default.default.div`
|
|
|
26616
26624
|
& > div {
|
|
26617
26625
|
padding: 0px 16px;
|
|
26618
26626
|
overflow: hidden;
|
|
26619
|
-
transition:
|
|
26627
|
+
transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
|
26628
|
+
opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
|
|
26629
|
+
padding 0.2s ease-in-out;
|
|
26620
26630
|
transform-origin: top;
|
|
26621
26631
|
|
|
26622
26632
|
&[data-open="true"] {
|
|
26623
26633
|
transform: scaleY(1);
|
|
26624
26634
|
padding: 16px;
|
|
26625
26635
|
opacity: 1;
|
|
26636
|
+
max-height: 1000px;
|
|
26626
26637
|
}
|
|
26627
26638
|
|
|
26628
26639
|
&[data-open="false"] {
|
|
26629
26640
|
transform: scaleY(0);
|
|
26630
26641
|
opacity: 0;
|
|
26631
26642
|
padding: 0px 16px;
|
|
26643
|
+
max-height: 0;
|
|
26632
26644
|
}
|
|
26633
26645
|
}
|
|
26634
26646
|
`;
|
|
@@ -34,19 +34,23 @@ const AccordionStyled = styled.div`
|
|
|
34
34
|
& > div {
|
|
35
35
|
padding: 0px 16px;
|
|
36
36
|
overflow: hidden;
|
|
37
|
-
transition:
|
|
37
|
+
transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
|
38
|
+
opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
|
|
39
|
+
padding 0.2s ease-in-out;
|
|
38
40
|
transform-origin: top;
|
|
39
41
|
|
|
40
42
|
&[data-open="true"] {
|
|
41
43
|
transform: scaleY(1);
|
|
42
44
|
padding: 16px;
|
|
43
45
|
opacity: 1;
|
|
46
|
+
max-height: 1000px;
|
|
44
47
|
}
|
|
45
48
|
|
|
46
49
|
&[data-open="false"] {
|
|
47
50
|
transform: scaleY(0);
|
|
48
51
|
opacity: 0;
|
|
49
52
|
padding: 0px 16px;
|
|
53
|
+
max-height: 0;
|
|
50
54
|
}
|
|
51
55
|
}
|
|
52
56
|
`;
|
|
@@ -90,6 +90,10 @@ const ContentDropdownStyled = styled.div`
|
|
|
90
90
|
display: ${typeof $placeholder === "string" && !$value ? "flex" : "block"};
|
|
91
91
|
align-items: ${typeof $placeholder === "string" && !$value ? "center" : "stretch"};
|
|
92
92
|
padding-left: ${typeof $placeholder === "string" && !$value ? "16px" : "0px"};
|
|
93
|
+
|
|
94
|
+
& > div {
|
|
95
|
+
height: 100%;
|
|
96
|
+
}
|
|
93
97
|
}
|
|
94
98
|
`}
|
|
95
99
|
|
|
@@ -10,6 +10,7 @@ import { colors } from '../../utils';
|
|
|
10
10
|
const InvestmentFundItemStyled = styled.div`
|
|
11
11
|
width: 100%;
|
|
12
12
|
cursor: pointer;
|
|
13
|
+
box-sizing: border-box;
|
|
13
14
|
padding: 12px 16px;
|
|
14
15
|
min-height: ${({ $line1Text }) => $line1Text && $line1Text.length ? "79px" : "60px"};
|
|
15
16
|
display: flex;
|
package/build/esm/index.js
CHANGED
|
@@ -5111,6 +5111,7 @@ const CityPickerStyled = styled.div`
|
|
|
5111
5111
|
}
|
|
5112
5112
|
|
|
5113
5113
|
& > input {
|
|
5114
|
+
box-sizing: border-box;
|
|
5114
5115
|
border-radius: 8px;
|
|
5115
5116
|
border: none;
|
|
5116
5117
|
outline: none;
|
|
@@ -6041,6 +6042,10 @@ const ContentDropdownStyled = styled.div`
|
|
|
6041
6042
|
display: ${typeof $placeholder === "string" && !$value ? "flex" : "block"};
|
|
6042
6043
|
align-items: ${typeof $placeholder === "string" && !$value ? "center" : "stretch"};
|
|
6043
6044
|
padding-left: ${typeof $placeholder === "string" && !$value ? "16px" : "0px"};
|
|
6045
|
+
|
|
6046
|
+
& > div {
|
|
6047
|
+
height: 100%;
|
|
6048
|
+
}
|
|
6044
6049
|
}
|
|
6045
6050
|
`}
|
|
6046
6051
|
|
|
@@ -6201,6 +6206,7 @@ const StepsBar = ({
|
|
|
6201
6206
|
const InvestmentFundItemStyled = styled.div`
|
|
6202
6207
|
width: 100%;
|
|
6203
6208
|
cursor: pointer;
|
|
6209
|
+
box-sizing: border-box;
|
|
6204
6210
|
padding: 12px 16px;
|
|
6205
6211
|
min-height: ${({ $line1Text }) => $line1Text && $line1Text.length ? "79px" : "60px"};
|
|
6206
6212
|
display: flex;
|
|
@@ -23320,6 +23326,7 @@ const RatesCalculatorStyled = styled.div`
|
|
|
23320
23326
|
flex: 1;
|
|
23321
23327
|
|
|
23322
23328
|
& > input {
|
|
23329
|
+
box-sizing: border-box;
|
|
23323
23330
|
border-radius: 8px;
|
|
23324
23331
|
border: none;
|
|
23325
23332
|
outline: none;
|
|
@@ -24876,6 +24883,7 @@ const sizeStyles = {
|
|
|
24876
24883
|
}
|
|
24877
24884
|
};
|
|
24878
24885
|
const SwitchStyled = styled.label`
|
|
24886
|
+
box-sizing: border-box;
|
|
24879
24887
|
cursor: pointer;
|
|
24880
24888
|
background-color: ${colors.gray_100};
|
|
24881
24889
|
border-radius: 100px;
|
|
@@ -26593,19 +26601,23 @@ const AccordionStyled = styled.div`
|
|
|
26593
26601
|
& > div {
|
|
26594
26602
|
padding: 0px 16px;
|
|
26595
26603
|
overflow: hidden;
|
|
26596
|
-
transition:
|
|
26604
|
+
transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
|
26605
|
+
opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
|
|
26606
|
+
padding 0.2s ease-in-out;
|
|
26597
26607
|
transform-origin: top;
|
|
26598
26608
|
|
|
26599
26609
|
&[data-open="true"] {
|
|
26600
26610
|
transform: scaleY(1);
|
|
26601
26611
|
padding: 16px;
|
|
26602
26612
|
opacity: 1;
|
|
26613
|
+
max-height: 1000px;
|
|
26603
26614
|
}
|
|
26604
26615
|
|
|
26605
26616
|
&[data-open="false"] {
|
|
26606
26617
|
transform: scaleY(0);
|
|
26607
26618
|
opacity: 0;
|
|
26608
26619
|
padding: 0px 16px;
|
|
26620
|
+
max-height: 0;
|
|
26609
26621
|
}
|
|
26610
26622
|
}
|
|
26611
26623
|
`;
|