@rolster/react-components 18.22.3 → 18.22.4

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.
Files changed (19) hide show
  1. package/dist/cjs/assets/{index-DZlD2mZH.css → index-DrZV0dgi.css} +23 -17
  2. package/dist/cjs/index.js +3 -3
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-DZlD2mZH.css → index-DrZV0dgi.css} +23 -17
  5. package/dist/es/index.js +3 -3
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +8 -6
  8. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
  9. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +1 -1
  10. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
  11. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +8 -6
  12. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
  13. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +1 -1
  14. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
  15. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +7 -5
  16. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
  17. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +1 -1
  18. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
  19. package/package.json +1 -1
package/dist/es/assets/{index-DZlD2mZH.css → index-DrZV0dgi.css} RENAMED
@@ -1284,18 +1284,20 @@
1284
1284
  width: auto;
1285
1285
  }
1286
1286
  .rls-label-checkbox__text {
1287
- max-width: calc(100% - var(--rls-sizing-x16));
1288
- height: var(--pvt-text-height);
1289
- line-height: var(--rls-sizing-x12);
1287
+ max-width: calc(100% - var(--rls-sizing-x28));
1290
1288
  color: var(--rls-app-color-600);
1289
+ line-height: var(--pvt-text-height);
1291
1290
  font-size: var(--rls-label-font-size);
1292
1291
  font-weight: var(--rls-font-weight-medium);
1293
1292
  letter-spacing: var(--rls-label-letter-spacing);
1294
1293
  user-select: none;
1295
1294
  opacity: var(--pvt-text-opacity);
1296
- overflow: var(--pvt-text-overflow);
1297
- white-space: var(--pvt-text-white-space);
1298
- text-overflow: var(--pvt-text-text-overflow);
1295
+ }
1296
+ .rls-label-checkbox__text > p {
1297
+ height: initial;
1298
+ overflow: initial;
1299
+ text-overflow: initial;
1300
+ white-space: initial;
1299
1301
  } /*# sourceMappingURL=LabelCheckBox.css.map */
1300
1302
 
1301
1303
  .rls-label-radiobutton {
@@ -1323,18 +1325,20 @@
1323
1325
  width: auto;
1324
1326
  }
1325
1327
  .rls-label-radiobutton__text {
1326
- max-width: calc(100% - var(--rls-sizing-x16));
1327
- height: var(--pvt-text-height);
1328
- line-height: var(--rls-sizing-x12);
1328
+ max-width: calc(100% - var(--rls-sizing-x28));
1329
1329
  color: var(--rls-app-color-600);
1330
+ line-height: var(--pvt-text-height);
1330
1331
  font-size: var(--rls-label-font-size);
1331
1332
  font-weight: var(--rls-font-weight-medium);
1332
1333
  letter-spacing: var(--rls-label-letter-spacing);
1333
1334
  user-select: none;
1334
1335
  opacity: var(--pvt-text-opacity);
1335
- overflow: var(--pvt-text-overflow);
1336
- white-space: var(--pvt-text-white-space);
1337
- text-overflow: var(--pvt-text-text-overflow);
1336
+ }
1337
+ .rls-label-radiobutton__text > p {
1338
+ height: initial;
1339
+ overflow: initial;
1340
+ text-overflow: initial;
1341
+ white-space: initial;
1338
1342
  } /*# sourceMappingURL=LabelRadioButton.css.map */
1339
1343
 
1340
1344
  .rls-label-switch {
@@ -1362,17 +1366,19 @@
1362
1366
  }
1363
1367
  .rls-label-switch__text {
1364
1368
  max-width: calc(100% - var(--rls-sizing-x28));
1365
- height: var(--pvt-text-height);
1366
- line-height: var(--rls-sizing-x12);
1367
1369
  color: var(--rls-app-color-600);
1370
+ line-height: var(--pvt-text-height);
1368
1371
  font-size: var(--rls-label-font-size);
1369
1372
  font-weight: var(--rls-font-weight-medium);
1370
1373
  letter-spacing: var(--rls-label-letter-spacing);
1371
1374
  user-select: none;
1372
1375
  opacity: var(--pvt-text-opacity);
1373
- overflow: var(--pvt-text-overflow);
1374
- white-space: var(--pvt-text-white-space);
1375
- text-overflow: var(--pvt-text-text-overflow);
1376
+ }
1377
+ .rls-label-switch__text > p {
1378
+ height: initial;
1379
+ overflow: initial;
1380
+ text-overflow: initial;
1381
+ white-space: initial;
1376
1382
  } /*# sourceMappingURL=LabelSwitch.css.map */
1377
1383
 
1378
1384
  .rls-pagination {
package/dist/es/index.js CHANGED
@@ -1903,7 +1903,7 @@ function RlsLabelCheckBox({ children, disabled, extended, identifier, formContro
1903
1903
  const className = useMemo(() => {
1904
1904
  return renderClassStatus('rls-label-checkbox', { disabled, extended });
1905
1905
  }, [disabled, extended]);
1906
- return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-label-checkbox__component", onClick: onToggle, children: jsxRuntimeExports.jsx(RlsCheckBox, { checked: checked, disabled: disabled }) }), jsxRuntimeExports.jsx("label", { className: "rls-label-checkbox__text", children: children })] }));
1906
+ return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-label-checkbox__component", onClick: onToggle, children: jsxRuntimeExports.jsx(RlsCheckBox, { checked: checked, disabled: disabled }) }), jsxRuntimeExports.jsx("div", { className: "rls-label-checkbox__text", children: children })] }));
1907
1907
  }
1908
1908
 
1909
1909
  function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, rlsTheme, value }) {
@@ -1917,7 +1917,7 @@ function RlsLabelRadioButton({ children, disabled, extended, identifier, formCon
1917
1917
  const className = useMemo(() => {
1918
1918
  return renderClassStatus('rls-label-radiobutton', { disabled, extended });
1919
1919
  }, [disabled, extended]);
1920
- return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-label-radiobutton__component", onClick: onSelect, children: jsxRuntimeExports.jsx(RlsRadioButton, { checked: checked, disabled: disabled }) }), jsxRuntimeExports.jsx("label", { className: "rls-label-radiobutton__text", children: children })] }));
1920
+ return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-label-radiobutton__component", onClick: onSelect, children: jsxRuntimeExports.jsx(RlsRadioButton, { checked: checked, disabled: disabled }) }), jsxRuntimeExports.jsx("div", { className: "rls-label-radiobutton__text", children: children })] }));
1921
1921
  }
1922
1922
 
1923
1923
  function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, rlsTheme }) {
@@ -1933,7 +1933,7 @@ function RlsLabelSwitch({ children, disabled, extended, identifier, formControl,
1933
1933
  const className = useMemo(() => {
1934
1934
  return renderClassStatus('rls-label-switch', { disabled, extended });
1935
1935
  }, [disabled, extended]);
1936
- return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-label-switch__component", onClick: onToggle, children: jsxRuntimeExports.jsx(RlsSwitch, { checked: checked, disabled: disabled }) }), jsxRuntimeExports.jsx("label", { className: "rls-label-switch__text", children: children })] }));
1936
+ return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-label-switch__component", onClick: onToggle, children: jsxRuntimeExports.jsx(RlsSwitch, { checked: checked, disabled: disabled }) }), jsxRuntimeExports.jsx("div", { className: "rls-label-switch__text", children: children })] }));
1937
1937
  }
1938
1938
 
1939
1939
  function RlsPagination({ suggestions, count, filter, onPagination }) {