@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/cjs/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/cjs/index.js CHANGED
@@ -1905,7 +1905,7 @@ function RlsLabelCheckBox({ children, disabled, extended, identifier, formContro
1905
1905
  const className = require$$0.useMemo(() => {
1906
1906
  return renderClassStatus('rls-label-checkbox', { disabled, extended });
1907
1907
  }, [disabled, extended]);
1908
- 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 })] }));
1908
+ 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 })] }));
1909
1909
  }
1910
1910
 
1911
1911
  function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, rlsTheme, value }) {
@@ -1919,7 +1919,7 @@ function RlsLabelRadioButton({ children, disabled, extended, identifier, formCon
1919
1919
  const className = require$$0.useMemo(() => {
1920
1920
  return renderClassStatus('rls-label-radiobutton', { disabled, extended });
1921
1921
  }, [disabled, extended]);
1922
- 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 })] }));
1922
+ 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 })] }));
1923
1923
  }
1924
1924
 
1925
1925
  function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, rlsTheme }) {
@@ -1935,7 +1935,7 @@ function RlsLabelSwitch({ children, disabled, extended, identifier, formControl,
1935
1935
  const className = require$$0.useMemo(() => {
1936
1936
  return renderClassStatus('rls-label-switch', { disabled, extended });
1937
1937
  }, [disabled, extended]);
1938
- 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 })] }));
1938
+ 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 })] }));
1939
1939
  }
1940
1940
 
1941
1941
  function RlsPagination({ suggestions, count, filter, onPagination }) {