@phpsoftbox/react-softbox 2.4.0 → 2.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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
.rsb-input-group {
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: stretch;
|
|
4
4
|
gap: 0;
|
|
@@ -6,61 +6,61 @@
|
|
|
6
6
|
min-width: 0;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
.rsb-input-group--stretch > .rsb-group-item {
|
|
10
10
|
flex: 0 0 auto;
|
|
11
11
|
min-width: 0;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
.rsb-input-group--stretch > .rsb-group-item:not(.rsb-input-addon):not(.btn):not(.rsb-radio) {
|
|
15
15
|
flex: 1 1 0;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
.rsb-input-group > .rsb-group-item {
|
|
19
19
|
position: relative;
|
|
20
20
|
border-radius: 0 !important;
|
|
21
21
|
min-height: var(--ui-control-height, 48px);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
.rsb-input-group > .rsb-group-item:focus,
|
|
25
|
+
.rsb-input-group > .rsb-group-item:focus-within {
|
|
26
26
|
z-index: 2;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
.rsb-input-group > .rsb-group-item.btn {
|
|
30
30
|
min-height: var(--ui-control-height, 48px);
|
|
31
31
|
box-shadow: none;
|
|
32
32
|
flex: 0 0 auto;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
.rsb-input-group > .rsb-group-item > :where(input, button, textarea) {
|
|
36
36
|
border-radius: 0 !important;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
.rsb-input-group > .rsb-group-item:first-child {
|
|
40
40
|
border-top-left-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
41
41
|
border-bottom-left-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
.rsb-input-group > .rsb-group-item:first-child > :where(input, button, textarea) {
|
|
45
45
|
border-top-left-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
46
46
|
border-bottom-left-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
.rsb-input-group > .rsb-group-item:last-child {
|
|
50
50
|
border-top-right-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
51
51
|
border-bottom-right-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
.rsb-input-group > .rsb-group-item:last-child > :where(input, button, textarea) {
|
|
55
55
|
border-top-right-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
56
56
|
border-bottom-right-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
.rsb-input-group > .rsb-group-item + .rsb-group-item {
|
|
60
60
|
margin-left: -1px;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
.rsb-input-addon {
|
|
64
64
|
display: inline-flex;
|
|
65
65
|
align-items: center;
|
|
66
66
|
justify-content: center;
|
|
@@ -75,36 +75,36 @@
|
|
|
75
75
|
white-space: nowrap;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
.rsb-input-addon--label,
|
|
79
|
+
.rsb-input-addon--muted {
|
|
80
80
|
background: var(--surface-input-muted);
|
|
81
81
|
color: var(--color-muted);
|
|
82
82
|
border-color: var(--color-line);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
|
|
85
|
+
.rsb-input-addon--label {
|
|
86
86
|
color: var(--color-muted-2);
|
|
87
87
|
font-size: var(--font-size-2);
|
|
88
88
|
text-transform: none;
|
|
89
89
|
letter-spacing: 0;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
|
|
92
|
+
.rsb-input-addon--muted {
|
|
93
93
|
font-weight: 500;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
-
|
|
96
|
+
.rsb-input-addon--choice {
|
|
97
97
|
gap: 10px;
|
|
98
98
|
padding: 0 14px;
|
|
99
99
|
background: var(--surface-input-muted);
|
|
100
100
|
border-color: var(--color-line);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
|
|
103
|
+
.rsb-input-addon--choice > .rsb-radio {
|
|
104
104
|
align-items: center;
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
|
|
107
|
+
.rsb-input-group > .rsb-radio.rsb-group-item {
|
|
108
108
|
align-items: center;
|
|
109
109
|
min-height: var(--ui-control-height, 48px);
|
|
110
110
|
padding: 0 14px;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import './InputGroup.
|
|
3
|
+
import './InputGroup.css';
|
|
4
4
|
const GROUP_CLASS = 'rsb-input-group';
|
|
5
5
|
const GROUP_STRETCH_CLASS = 'rsb-input-group--stretch';
|
|
6
6
|
const ITEM_CLASS = 'rsb-group-item';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/Input/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/Input/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,GAAG,iBAAiB,CAAC;AACtC,MAAM,mBAAmB,GAAG,0BAA0B,CAAC;AACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC;AACpC,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAatC,MAAM,eAAe,GAAG,CAAC,GAAG,OAAiD,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEpH,SAAS,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IACpF,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzG,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,OAAO,GAAG,KAAmD,CAAC;QACpE,MAAM,cAAc,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAC5E,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,KAAM,KAAK,YAC/B,KAAK,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IAC7F,MAAM,SAAS,GAAG,EAAuB,CAAC;IAC1C,MAAM,OAAO,GAAG;QACd,WAAW;QACX,GAAG,WAAW,KAAK,OAAO,EAAE;QAC5B,UAAU;QACV,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAkC;IAChE,OAAO,KAAC,UAAU,IAAC,EAAE,EAAC,MAAM,KAAK,KAAK,EAAE,OAAO,EAAC,OAAO,GAAG,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAkC;IAC/D,OAAO,KAAC,UAAU,IAAC,EAAE,EAAC,MAAM,KAAK,KAAK,EAAE,OAAO,EAAC,OAAO,GAAG,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAkC;IACjE,OAAO,KAAC,UAAU,IAAC,EAAE,EAAC,MAAM,KAAK,KAAK,EAAE,OAAO,EAAC,QAAQ,GAAG,CAAC;AAC9D,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACtD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,gBAAgB;CACzB,CAAC,CAAC"}
|