@rolster/react-components 18.24.6 → 18.24.8

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 (22) hide show
  1. package/dist/cjs/assets/{index-CtqvRNNR.css → index-BYLoD6-3.css} +15 -10
  2. package/dist/cjs/index.js +21 -9
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-CtqvRNNR.css → index-BYLoD6-3.css} +15 -10
  5. package/dist/es/index.js +21 -9
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +5 -3
  8. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
  9. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.d.ts +2 -1
  10. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +7 -3
  11. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
  12. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +5 -4
  13. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
  14. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.d.ts +1 -0
  15. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +7 -3
  16. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
  17. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +5 -3
  18. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
  19. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts +2 -1
  20. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +7 -3
  21. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
  22. package/package.json +1 -1
package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css CHANGED
@@ -12,6 +12,9 @@
12
12
  --pvt-text-opacity: 0.5;
13
13
  pointer-events: none;
14
14
  }
15
+ .rls-label-checkbox--reverse {
16
+ flex-direction: row-reverse;
17
+ }
15
18
  .rls-label-checkbox--extended {
16
19
  --pvt-text-text-overflow: initial;
17
20
  --pvt-text-overflow: initial;
@@ -22,12 +25,11 @@
22
25
  width: auto;
23
26
  }
24
27
  .rls-label-checkbox__text {
25
- max-width: calc(100% - var(--rls-sizing-x28));
26
- color: var(--rls-app-color-600);
27
- line-height: var(--pvt-text-height);
28
28
  font-size: var(--rls-label-font-size);
29
29
  font-weight: var(--rls-font-weight-medium);
30
30
  letter-spacing: var(--rls-label-letter-spacing);
31
+ line-height: var(--pvt-text-height);
32
+ color: var(--rls-app-color-600);
31
33
  user-select: none;
32
34
  opacity: var(--pvt-text-opacity);
33
35
  }
package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.scss"],"names":[],"mappings":"AAOA,oBACE,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,8BACE,wBAEA,oBAGF,8BACE,kCACA,6BACA,gCACA,wBAGF,+BACE,WAGF,0BACE,6CACA,+BACA,mCACA,qCACA,0CACA,+CACA,iBACA,gCAEA,4BACE,eACA,iBACA,sBACA","file":"LabelCheckBox.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.scss"],"names":[],"mappings":"AAOA,oBACE,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,8BACE,wBAEA,oBAGF,6BACE,2BAGF,8BACE,kCACA,6BACA,gCACA,wBAGF,+BACE,WAGF,0BACE,qCACA,0CACA,+CACA,mCACA,+BACA,iBACA,gCAEA,4BACE,eACA,iBACA,sBACA","file":"LabelCheckBox.css"}
package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.d.ts CHANGED
@@ -5,6 +5,7 @@ interface LabelCheckBoxProps extends RlsComponent {
5
5
  disabled?: boolean;
6
6
  extended?: boolean;
7
7
  formControl?: ReactControl<HTMLElement, boolean>;
8
+ reverse?: boolean;
8
9
  }
9
- export declare function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, rlsTheme }: LabelCheckBoxProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, reverse, rlsTheme }: LabelCheckBoxProps): import("react/jsx-runtime").JSX.Element;
10
11
  export {};
package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js CHANGED
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
4
  import { RlsCheckBox } from '../../atoms/CheckBox/CheckBox';
5
5
  import './LabelCheckBox.css';
6
- export function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, rlsTheme }) {
6
+ export function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, reverse, rlsTheme }) {
7
7
  const [checked, setChecked] = useState(!!formControl?.value);
8
8
  useEffect(() => {
9
9
  setChecked(!!formControl?.value);
@@ -14,8 +14,12 @@ export function RlsLabelCheckBox({ children, disabled, extended, identifier, for
14
14
  : setChecked((checked) => !checked);
15
15
  }, [formControl]);
16
16
  const className = useMemo(() => {
17
- return renderClassStatus('rls-label-checkbox', { disabled, extended });
18
- }, [disabled, extended]);
17
+ return renderClassStatus('rls-label-checkbox', {
18
+ disabled,
19
+ extended,
20
+ reverse
21
+ });
22
+ }, [disabled, extended, reverse]);
19
23
  return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-checkbox__component", onClick: onToggle, children: _jsx(RlsCheckBox, { checked: checked, disabled: disabled }) }), _jsx("div", { className: "rls-label-checkbox__text", children: children })] }));
20
24
  }
21
25
  //# sourceMappingURL=LabelCheckBox.js.map
package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW;YACT,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACN,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,IACtD,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,qBAAqB,CAAC;AAS7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACW;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW;YACT,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,oBAAoB,EAAE;YAC7C,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACN,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,IACtD,CACP,CAAC;AACJ,CAAC"}
package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css CHANGED
@@ -12,6 +12,9 @@
12
12
  --pvt-text-opacity: 0.5;
13
13
  pointer-events: none;
14
14
  }
15
+ .rls-label-radiobutton--reverse {
16
+ flex-direction: row-reverse;
17
+ }
15
18
  .rls-label-radiobutton--extended {
16
19
  --pvt-text-text-overflow: initial;
17
20
  --pvt-text-overflow: initial;
@@ -19,16 +22,14 @@
19
22
  --pvt-text-height: auto;
20
23
  }
21
24
  .rls-label-radiobutton__component {
22
- margin-right: var(--rls-sizing-x4);
23
25
  width: auto;
24
26
  }
25
27
  .rls-label-radiobutton__text {
26
- max-width: calc(100% - var(--rls-sizing-x28));
27
- color: var(--rls-app-color-600);
28
- line-height: var(--pvt-text-height);
29
28
  font-size: var(--rls-label-font-size);
30
29
  font-weight: var(--rls-font-weight-medium);
31
30
  letter-spacing: var(--rls-label-letter-spacing);
31
+ line-height: var(--pvt-text-height);
32
+ color: var(--rls-app-color-600);
32
33
  user-select: none;
33
34
  opacity: var(--pvt-text-opacity);
34
35
  }
package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.scss"],"names":[],"mappings":"AAOA,uBACE,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,iCACE,wBAEA,oBAGF,iCACE,kCACA,6BACA,gCACA,wBAGF,kCACE,kCACA,WAGF,6BACE,6CACA,+BACA,mCACA,qCACA,0CACA,+CACA,iBACA,gCAEA,+BACE,eACA,iBACA,sBACA","file":"LabelRadioButton.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.scss"],"names":[],"mappings":"AAOA,uBACE,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,iCACE,wBAEA,oBAGF,gCACE,2BAGF,iCACE,kCACA,6BACA,gCACA,wBAGF,kCACE,WAGF,6BACE,qCACA,0CACA,+CACA,mCACA,+BACA,iBACA,gCAEA,+BACE,eACA,iBACA,sBACA","file":"LabelRadioButton.css"}
package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.d.ts CHANGED
@@ -7,6 +7,7 @@ interface LabelRadioButtonProps<T = any> extends RlsComponent {
7
7
  extended?: boolean;
8
8
  formControl?: ReactControl<HTMLElement, T | undefined> | ReactControl<HTMLElement, T>;
9
9
  onValue?: ((value?: T) => void) | ((value: T) => void);
10
+ reverse?: boolean;
10
11
  value?: T;
11
12
  }
12
13
  interface FormControlDefinedProps<T> extends LabelRadioButtonProps<T> {
package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js CHANGED
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
4
  import { RlsRadioButton } from '../../atoms/RadioButton/RadioButton';
5
5
  import './LabelRadioButton.css';
6
- export function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, onValue, rlsTheme, value }) {
6
+ export function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, onValue, reverse, rlsTheme, value }) {
7
7
  const [checked, setChecked] = useState(formControl?.value === value);
8
8
  useEffect(() => {
9
9
  setChecked(formControl?.value === value);
@@ -13,8 +13,12 @@ export function RlsLabelRadioButton({ children, disabled, extended, identifier,
13
13
  onValue && onValue(value);
14
14
  }, [formControl, value, onValue]);
15
15
  const className = useMemo(() => {
16
- return renderClassStatus('rls-label-radiobutton', { disabled, extended });
17
- }, [disabled, extended]);
16
+ return renderClassStatus('rls-label-radiobutton', {
17
+ disabled,
18
+ extended,
19
+ reverse
20
+ });
21
+ }, [disabled, extended, reverse]);
18
22
  return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-radiobutton__component", onClick: onSelect, children: _jsx(RlsRadioButton, { checked: checked, disabled: disabled }) }), _jsx("div", { className: "rls-label-radiobutton__text", children: children })] }));
19
23
  }
20
24
  //# sourceMappingURL=LabelRadioButton.js.map
package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAqBhC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACoB;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW,IAAI,WAAW,EAAE,QAAQ,CAAC,KAAU,CAAC,CAAC;QACjD,OAAO,IAAI,OAAO,CAAC,KAAU,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,uBAAuB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EAEN,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,IACzD,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAsBhC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACoB;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW,IAAI,WAAW,EAAE,QAAQ,CAAC,KAAU,CAAC,CAAC;QACjD,OAAO,IAAI,OAAO,CAAC,KAAU,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,uBAAuB,EAAE;YAChD,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EAEN,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,IACzD,CACP,CAAC;AACJ,CAAC"}
package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css CHANGED
@@ -12,6 +12,9 @@
12
12
  --pvt-text-opacity: 0.5;
13
13
  pointer-events: none;
14
14
  }
15
+ .rls-label-switch--reverse {
16
+ flex-direction: row-reverse;
17
+ }
15
18
  .rls-label-switch--extended {
16
19
  --pvt-text-text-overflow: initial;
17
20
  --pvt-text-overflow: initial;
@@ -22,12 +25,11 @@
22
25
  max-width: 20rem;
23
26
  }
24
27
  .rls-label-switch__text {
25
- max-width: calc(100% - var(--rls-sizing-x28));
26
- color: var(--rls-app-color-600);
27
- line-height: var(--pvt-text-height);
28
28
  font-size: var(--rls-label-font-size);
29
29
  font-weight: var(--rls-font-weight-medium);
30
30
  letter-spacing: var(--rls-label-letter-spacing);
31
+ line-height: var(--pvt-text-height);
32
+ color: var(--rls-app-color-600);
31
33
  user-select: none;
32
34
  opacity: var(--pvt-text-opacity);
33
35
  }
package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.scss"],"names":[],"mappings":"AAOA,kBACE,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,4BACE,wBAEA,oBAGF,4BACE,kCACA,6BACA,gCACA,wBAGF,6BACE,gBAGF,wBACE,6CACA,+BACA,mCACA,qCACA,0CACA,+CACA,iBACA,gCAEA,0BACE,eACA,iBACA,sBACA","file":"LabelSwitch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.scss"],"names":[],"mappings":"AAOA,kBACE,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,4BACE,wBAEA,oBAGF,2BACE,2BAGF,4BACE,kCACA,6BACA,gCACA,wBAGF,6BACE,gBAGF,wBACE,qCACA,0CACA,+CACA,mCACA,+BACA,iBACA,gCAEA,0BACE,eACA,iBACA,sBACA","file":"LabelSwitch.css"}
package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts CHANGED
@@ -5,6 +5,7 @@ interface LabelSwitchProps extends RlsComponent {
5
5
  disabled?: boolean;
6
6
  extended?: boolean;
7
7
  formControl?: ReactControl<HTMLElement, boolean>;
8
+ reverse?: boolean;
8
9
  }
9
- export declare function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, rlsTheme }: LabelSwitchProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, reverse, rlsTheme }: LabelSwitchProps): import("react/jsx-runtime").JSX.Element;
10
11
  export {};
package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js CHANGED
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
4
  import { RlsSwitch } from '../../atoms/Switch/Switch';
5
5
  import './LabelSwitch.css';
6
- export function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, rlsTheme }) {
6
+ export function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, reverse, rlsTheme }) {
7
7
  const [checked, setChecked] = useState(!!formControl?.value);
8
8
  useEffect(() => {
9
9
  setChecked(!!formControl?.value);
@@ -14,8 +14,12 @@ export function RlsLabelSwitch({ children, disabled, extended, identifier, formC
14
14
  : setChecked((checked) => !checked);
15
15
  }, [formControl]);
16
16
  const className = useMemo(() => {
17
- return renderClassStatus('rls-label-switch', { disabled, extended });
18
- }, [disabled, extended]);
17
+ return renderClassStatus('rls-label-switch', {
18
+ disabled,
19
+ extended,
20
+ reverse
21
+ });
22
+ }, [disabled, extended, reverse]);
19
23
  return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-switch__component", onClick: onToggle, children: _jsx(RlsSwitch, { checked: checked, disabled: disabled }) }), _jsx("div", { className: "rls-label-switch__text", children: children })] }));
20
24
  }
21
25
  //# sourceMappingURL=LabelSwitch.js.map
package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LabelSwitch.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACS;IACjB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW;YACT,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,QAAQ,YAC5D,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC/C,EACN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,IACpD,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"LabelSwitch.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,mBAAmB,CAAC;AAS3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACS;IACjB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW;YACT,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,kBAAkB,EAAE;YAC3C,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,QAAQ,YAC5D,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC/C,EACN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,IACpD,CACP,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.24.6",
3
+ "version": "18.24.8",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",