@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
- :global(.rsb-input-group) {
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
- :global(.rsb-input-group--stretch) > :global(.rsb-group-item) {
9
+ .rsb-input-group--stretch > .rsb-group-item {
10
10
  flex: 0 0 auto;
11
11
  min-width: 0;
12
12
  }
13
13
 
14
- :global(.rsb-input-group--stretch > .rsb-group-item:not(.rsb-input-addon):not(.btn):not(.rsb-radio)) {
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
- :global(.rsb-input-group) > :global(.rsb-group-item) {
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
- :global(.rsb-input-group) > :global(.rsb-group-item):focus,
25
- :global(.rsb-input-group) > :global(.rsb-group-item):focus-within {
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
- :global(.rsb-input-group) > :global(.rsb-group-item.btn) {
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
- :global(.rsb-input-group) > :global(.rsb-group-item) > :where(input, button, textarea) {
35
+ .rsb-input-group > .rsb-group-item > :where(input, button, textarea) {
36
36
  border-radius: 0 !important;
37
37
  }
38
38
 
39
- :global(.rsb-input-group) > :global(.rsb-group-item):first-child {
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
- :global(.rsb-input-group) > :global(.rsb-group-item):first-child > :where(input, button, textarea) {
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
- :global(.rsb-input-group) > :global(.rsb-group-item):last-child {
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
- :global(.rsb-input-group) > :global(.rsb-group-item):last-child > :where(input, button, textarea) {
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
- :global(.rsb-input-group) > :global(.rsb-group-item) + :global(.rsb-group-item) {
59
+ .rsb-input-group > .rsb-group-item + .rsb-group-item {
60
60
  margin-left: -1px;
61
61
  }
62
62
 
63
- :global(.rsb-input-addon) {
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
- :global(.rsb-input-addon--label),
79
- :global(.rsb-input-addon--muted) {
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
- :global(.rsb-input-addon--label) {
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
- :global(.rsb-input-addon--muted) {
92
+ .rsb-input-addon--muted {
93
93
  font-weight: 500;
94
94
  }
95
95
 
96
- :global(.rsb-input-addon--choice) {
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
- :global(.rsb-input-addon--choice) > :global(.rsb-radio) {
103
+ .rsb-input-addon--choice > .rsb-radio {
104
104
  align-items: center;
105
105
  }
106
106
 
107
- :global(.rsb-input-group) > :global(.rsb-radio.rsb-group-item) {
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,5 +1,5 @@
1
1
  import React from 'react';
2
- import './InputGroup.module.css';
2
+ import './InputGroup.css';
3
3
  type GroupProps = React.HTMLAttributes<HTMLDivElement> & {
4
4
  stretch?: boolean;
5
5
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import React from 'react';
3
- import './InputGroup.module.css';
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,yBAAyB,CAAC;AAEjC,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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phpsoftbox/react-softbox",
3
- "version": "2.4.0",
3
+ "version": "2.4.1",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",