@mw-kit/mw-ui 1.8.10 → 1.8.11
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.
|
@@ -10,6 +10,7 @@ export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
|
|
|
10
10
|
invalid?: boolean;
|
|
11
11
|
htmlDisabled?: boolean;
|
|
12
12
|
viewMode?: boolean;
|
|
13
|
+
breakLabel?: boolean;
|
|
13
14
|
type: 'switch';
|
|
14
15
|
}
|
|
15
16
|
export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
@@ -20,4 +21,5 @@ export interface LabelContainerProps extends React.HTMLAttributes<HTMLDivElement
|
|
|
20
21
|
$required?: boolean;
|
|
21
22
|
$viewMode?: boolean;
|
|
22
23
|
$keepSpace?: boolean;
|
|
24
|
+
$breakLabel?: boolean;
|
|
23
25
|
}
|
package/dist/index.d.mts
CHANGED
package/dist/index.js
CHANGED
|
@@ -13895,6 +13895,10 @@ var LabelContainer7 = import_styled_components44.default.div`
|
|
|
13895
13895
|
display: flex;
|
|
13896
13896
|
align-items: center;
|
|
13897
13897
|
|
|
13898
|
+
${({ $breakLabel: breakLabel }) => breakLabel && import_styled_components44.css`
|
|
13899
|
+
width: 100%;
|
|
13900
|
+
`}
|
|
13901
|
+
|
|
13898
13902
|
${({ $required: required, $viewMode: viewMode }) => {
|
|
13899
13903
|
if (!required || viewMode) return;
|
|
13900
13904
|
return import_styled_components44.css`
|
|
@@ -13919,6 +13923,7 @@ var Label7 = import_styled_components44.default.label`
|
|
|
13919
13923
|
gap: ${({ theme: theme4 }) => theme4.spacings.s1};
|
|
13920
13924
|
position: relative;
|
|
13921
13925
|
align-items: center;
|
|
13926
|
+
flex-wrap: wrap;
|
|
13922
13927
|
|
|
13923
13928
|
${({ $disabled: disabled }) => {
|
|
13924
13929
|
if (!disabled) {
|
|
@@ -14014,7 +14019,8 @@ var Switch = (props) => {
|
|
|
14014
14019
|
"required",
|
|
14015
14020
|
"htmlDisabled",
|
|
14016
14021
|
"labelProps",
|
|
14017
|
-
"viewMode"
|
|
14022
|
+
"viewMode",
|
|
14023
|
+
"breakLabel"
|
|
14018
14024
|
]);
|
|
14019
14025
|
htmlProps.disabled = props.disabled || props.htmlDisabled;
|
|
14020
14026
|
return /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(
|
|
@@ -14024,7 +14030,15 @@ var Switch = (props) => {
|
|
|
14024
14030
|
$disabled: disabled,
|
|
14025
14031
|
$invalid: invalid,
|
|
14026
14032
|
children: [
|
|
14027
|
-
label.label && /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
|
|
14033
|
+
label.label && /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
|
|
14034
|
+
LabelContainer7,
|
|
14035
|
+
{
|
|
14036
|
+
$required: required,
|
|
14037
|
+
$viewMode: viewMode,
|
|
14038
|
+
$breakLabel: props.breakLabel,
|
|
14039
|
+
children: label.label
|
|
14040
|
+
}
|
|
14041
|
+
),
|
|
14028
14042
|
viewMode ? /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
|
|
14029
14043
|
LabelContainer7,
|
|
14030
14044
|
{
|
package/dist/index.mjs
CHANGED
|
@@ -13838,6 +13838,10 @@ var LabelContainer7 = styled41.div`
|
|
|
13838
13838
|
display: flex;
|
|
13839
13839
|
align-items: center;
|
|
13840
13840
|
|
|
13841
|
+
${({ $breakLabel: breakLabel }) => breakLabel && css31`
|
|
13842
|
+
width: 100%;
|
|
13843
|
+
`}
|
|
13844
|
+
|
|
13841
13845
|
${({ $required: required, $viewMode: viewMode }) => {
|
|
13842
13846
|
if (!required || viewMode) return;
|
|
13843
13847
|
return css31`
|
|
@@ -13862,6 +13866,7 @@ var Label7 = styled41.label`
|
|
|
13862
13866
|
gap: ${({ theme: theme4 }) => theme4.spacings.s1};
|
|
13863
13867
|
position: relative;
|
|
13864
13868
|
align-items: center;
|
|
13869
|
+
flex-wrap: wrap;
|
|
13865
13870
|
|
|
13866
13871
|
${({ $disabled: disabled }) => {
|
|
13867
13872
|
if (!disabled) {
|
|
@@ -13957,7 +13962,8 @@ var Switch = (props) => {
|
|
|
13957
13962
|
"required",
|
|
13958
13963
|
"htmlDisabled",
|
|
13959
13964
|
"labelProps",
|
|
13960
|
-
"viewMode"
|
|
13965
|
+
"viewMode",
|
|
13966
|
+
"breakLabel"
|
|
13961
13967
|
]);
|
|
13962
13968
|
htmlProps.disabled = props.disabled || props.htmlDisabled;
|
|
13963
13969
|
return /* @__PURE__ */ jsxs162(
|
|
@@ -13967,7 +13973,15 @@ var Switch = (props) => {
|
|
|
13967
13973
|
$disabled: disabled,
|
|
13968
13974
|
$invalid: invalid,
|
|
13969
13975
|
children: [
|
|
13970
|
-
label.label && /* @__PURE__ */ jsx328(
|
|
13976
|
+
label.label && /* @__PURE__ */ jsx328(
|
|
13977
|
+
LabelContainer7,
|
|
13978
|
+
{
|
|
13979
|
+
$required: required,
|
|
13980
|
+
$viewMode: viewMode,
|
|
13981
|
+
$breakLabel: props.breakLabel,
|
|
13982
|
+
children: label.label
|
|
13983
|
+
}
|
|
13984
|
+
),
|
|
13971
13985
|
viewMode ? /* @__PURE__ */ jsx328(
|
|
13972
13986
|
LabelContainer7,
|
|
13973
13987
|
{
|