@rolster/react-components 18.22.3 → 18.22.5

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 (26) hide show
  1. package/dist/cjs/assets/{index-DZlD2mZH.css → index-2Kl_PXwH.css} +79 -59
  2. package/dist/cjs/index.js +9 -9
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-DZlD2mZH.css → index-2Kl_PXwH.css} +79 -59
  5. package/dist/es/index.js +9 -9
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Image/Image.css +20 -4
  8. package/dist/esm/components/atoms/Image/Image.css.map +1 -1
  9. package/dist/esm/components/atoms/Image/Image.d.ts +3 -2
  10. package/dist/esm/components/atoms/Image/Image.js +4 -3
  11. package/dist/esm/components/atoms/Image/Image.js.map +1 -1
  12. package/dist/esm/components/atoms/Skeleton/Skeleton.css +18 -20
  13. package/dist/esm/components/atoms/Skeleton/Skeleton.css.map +1 -1
  14. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +8 -6
  15. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
  16. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +1 -1
  17. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
  18. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +8 -6
  19. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
  20. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +1 -1
  21. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
  22. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +7 -5
  23. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
  24. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +1 -1
  25. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
  26. package/package.json +2 -2
@@ -1,8 +1,24 @@
1
1
  .rls-image {
2
- content-visibility: auto;
3
- background-color: var(--rls-theme-color-600);
4
- opacity: 0;
2
+ --pvt-background: transparent;
3
+ --pvt-width: var(--rlc-image-width, 100%);
4
+ --pvt-height: var(--rlc-image-height, 100%);
5
+ --pvt-img-display: none;
6
+ --rlc-skeleton-width: var(--pvt-width);
7
+ --rlc-skeleton-height: var(--pvt-height);
8
+ width: var(--pvt-width);
9
+ height: var(--pvt-height);
10
+ overflow: hidden;
5
11
  }
6
12
  .rls-image--complet {
7
- opacity: 1;
13
+ --pvt-img-display: block;
14
+ background: var(--pvt-background);
15
+ }
16
+ .rls-image[rls-theme] {
17
+ --pvt-background: var(--rls-theme-color-600);
18
+ }
19
+ .rls-image > img {
20
+ display: var(--pvt-img-display);
21
+ width: var(--pvt-width);
22
+ height: var(--pvt-height);
23
+ content-visibility: auto;
8
24
  } /*# sourceMappingURL=Image.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Image/Image.scss"],"names":[],"mappings":"AAOA,WACE,wBACA,4CACA,UAEA,oBACE","file":"Image.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Image/Image.scss"],"names":[],"mappings":"AAOA,WACE,8BACA,0CACA,4CACA,wBAEA,uCACA,yCAEA,uBACA,yBACA,gBAEA,oBACE,yBAEA,iCAGF,sBACE,6CAGF,eACE,+BACA,uBACA,yBACA","file":"Image.css"}
@@ -1,6 +1,7 @@
1
+ import { RlsComponent } from '../../definitions';
1
2
  import './Image.css';
2
- interface ImageProps {
3
+ interface ImageProps extends RlsComponent {
3
4
  src: Undefined<string>;
4
5
  }
5
- export declare function RlsImage({ src }: ImageProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function RlsImage({ src, rlsTheme }: ImageProps): import("react/jsx-runtime").JSX.Element;
6
7
  export {};
@@ -1,8 +1,9 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers';
4
+ import { RlsSkeleton } from '../Skeleton/Skeleton';
4
5
  import './Image.css';
5
- export function RlsImage({ src }) {
6
+ export function RlsImage({ src, rlsTheme }) {
6
7
  const [isComplet, setIsComplet] = useState(false);
7
8
  const refSrc = useRef(src);
8
9
  const className = useMemo(() => {
@@ -17,6 +18,6 @@ export function RlsImage({ src }) {
17
18
  const onLoad = useCallback(() => {
18
19
  setIsComplet(true);
19
20
  }, []);
20
- return _jsx("img", { className: className, src: src, onLoad: onLoad });
21
+ return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [!isComplet && _jsx(RlsSkeleton, { rlsTheme: rlsTheme }), _jsx("img", { src: src, onLoad: onLoad })] }));
21
22
  }
22
23
  //# sourceMappingURL=Image.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,aAAa,CAAC;AAMrB,MAAM,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAc;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;YAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,cAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACjE,CAAC"}
1
+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,aAAa,CAAC;AAMrB,MAAM,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAc;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;YAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,CAAC,SAAS,IAAI,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAClD,cAAK,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAI,IAC7B,CACP,CAAC;AACJ,CAAC"}
@@ -2,36 +2,34 @@
2
2
  --pvt-height: var(--rlc-skeleton-height, inherit);
3
3
  --pvt-max-height: var(--rlc-skeleton-max-height, inherit);
4
4
  --pvt-min-height: var(--rlc-skeleton-min-height, inherit);
5
+ --pvt-color-primary: var(--rls-app-color-100);
6
+ --pvt-color-secondary: var(--rls-app-color-200);
5
7
  position: relative;
6
8
  width: 100%;
9
+ height: var(--pvt-height);
7
10
  max-height: var(--pvt-max-height);
8
11
  min-height: var(--pvt-min-height);
9
- height: var(--pvt-height);
10
12
  line-height: var(--pvt-height);
11
- letter-spacing: inherit;
12
- overflow: hidden;
13
- background: var(--rls-theme-color-100);
14
- border-radius: var(--rls-sizing-x2);
15
- }
16
- .rls-skeleton::after {
17
- position: absolute;
18
- content: '';
19
- top: 0rem;
20
- right: 0rem;
21
- bottom: 0rem;
22
- left: 0rem;
23
- transform: translateX(-100%);
24
- background-image: linear-gradient(
13
+ background: linear-gradient(
25
14
  90deg,
26
- var(--rls-theme-skeleton-200) 0%,
27
- var(--rls-theme-skeleton-200) 20%,
28
- var(--rls-theme-skeleton-300) 60%,
29
- var(--rls-theme-skeleton-200)
15
+ var(--pvt-color-primary) 25%,
16
+ var(--pvt-color-secondary) 50%,
17
+ var(--pvt-color-primary) 75%
30
18
  );
19
+ overflow: hidden;
20
+ background-size: 200% 100%;
31
21
  animation: skeleton-animation 1600ms infinite;
22
+ border-radius: var(--rls-sizing-x2);
23
+ }
24
+ .rls-skeleton[rls-theme] {
25
+ --pvt-color-primary: var(--rls-theme-color-100);
26
+ --pvt-color-secondary: var(--rls-theme-color-200);
32
27
  }
33
28
  @keyframes skeleton-animation {
29
+ 0% {
30
+ background-position: 200% 0;
31
+ }
34
32
  100% {
35
- transform: translateX(100%);
33
+ background-position: -200% 0;
36
34
  }
37
35
  } /*# sourceMappingURL=Skeleton.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.scss"],"names":[],"mappings":"AAOA,cACE,kDACA,0DACA,0DAEA,kBACA,WACA,iCACA,iCACA,yBACA,8BACA,uBACA,gBACA,sCACA,mCAEA,qBACE,kBACA,WACA,SACA,WACA,YACA,UACA,4BACA,+KAOA,6CAIJ,8BACE,KACE","file":"Skeleton.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.scss"],"names":[],"mappings":"AAOA,cACE,kDACA,0DACA,0DACA,8CACA,gDAEA,kBACA,WACA,yBACA,iCACA,iCACA,8BACA,8HAMA,gBACA,0BACA,6CACA,mCAEA,yBACE,gDACA,kDAIJ,8BACE,GACE,2BAGF,KACE","file":"Skeleton.css"}
@@ -22,16 +22,18 @@
22
22
  width: auto;
23
23
  }
24
24
  .rls-label-checkbox__text {
25
- max-width: calc(100% - var(--rls-sizing-x16));
26
- height: var(--pvt-text-height);
27
- line-height: var(--rls-sizing-x12);
25
+ max-width: calc(100% - var(--rls-sizing-x28));
28
26
  color: var(--rls-app-color-600);
27
+ 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);
32
31
  user-select: none;
33
32
  opacity: var(--pvt-text-opacity);
34
- overflow: var(--pvt-text-overflow);
35
- white-space: var(--pvt-text-white-space);
36
- text-overflow: var(--pvt-text-text-overflow);
33
+ }
34
+ .rls-label-checkbox__text > p {
35
+ height: initial;
36
+ overflow: initial;
37
+ text-overflow: initial;
38
+ white-space: initial;
37
39
  } /*# sourceMappingURL=LabelCheckBox.css.map */
@@ -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,8BACA,kCACA,+BACA,qCACA,0CACA,+CACA,iBACA,gCACA,kCACA,wCACA","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,8BACE,kCACA,6BACA,gCACA,wBAGF,+BACE,WAGF,0BACE,6CACA,+BACA,mCACA,qCACA,0CACA,+CACA,iBACA,gCAEA,4BACE,eACA,iBACA,sBACA","file":"LabelCheckBox.css"}
@@ -16,6 +16,6 @@ export function RlsLabelCheckBox({ children, disabled, extended, identifier, for
16
16
  const className = useMemo(() => {
17
17
  return renderClassStatus('rls-label-checkbox', { disabled, extended });
18
18
  }, [disabled, extended]);
19
- 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("label", { className: "rls-label-checkbox__text", children: children })] }));
19
+ 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
20
  }
21
21
  //# sourceMappingURL=LabelCheckBox.js.map
@@ -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,kBAAkB,CAAC;AACrD,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,gBAAO,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAS,IAC1D,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,kBAAkB,CAAC;AACrD,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"}
@@ -23,16 +23,18 @@
23
23
  width: auto;
24
24
  }
25
25
  .rls-label-radiobutton__text {
26
- max-width: calc(100% - var(--rls-sizing-x16));
27
- height: var(--pvt-text-height);
28
- line-height: var(--rls-sizing-x12);
26
+ max-width: calc(100% - var(--rls-sizing-x28));
29
27
  color: var(--rls-app-color-600);
28
+ line-height: var(--pvt-text-height);
30
29
  font-size: var(--rls-label-font-size);
31
30
  font-weight: var(--rls-font-weight-medium);
32
31
  letter-spacing: var(--rls-label-letter-spacing);
33
32
  user-select: none;
34
33
  opacity: var(--pvt-text-opacity);
35
- overflow: var(--pvt-text-overflow);
36
- white-space: var(--pvt-text-white-space);
37
- text-overflow: var(--pvt-text-text-overflow);
34
+ }
35
+ .rls-label-radiobutton__text > p {
36
+ height: initial;
37
+ overflow: initial;
38
+ text-overflow: initial;
39
+ white-space: initial;
38
40
  } /*# sourceMappingURL=LabelRadioButton.css.map */
@@ -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,8BACA,kCACA,+BACA,qCACA,0CACA,+CACA,iBACA,gCACA,kCACA,wCACA","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,iCACE,kCACA,6BACA,gCACA,wBAGF,kCACE,kCACA,WAGF,6BACE,6CACA,+BACA,mCACA,qCACA,0CACA,+CACA,iBACA,gCAEA,+BACE,eACA,iBACA,sBACA","file":"LabelRadioButton.css"}
@@ -14,6 +14,6 @@ export function RlsLabelRadioButton({ children, disabled, extended, identifier,
14
14
  const className = useMemo(() => {
15
15
  return renderClassStatus('rls-label-radiobutton', { disabled, extended });
16
16
  }, [disabled, extended]);
17
- 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("label", { className: "rls-label-radiobutton__text", children: children })] }));
17
+ 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 })] }));
18
18
  }
19
19
  //# sourceMappingURL=LabelRadioButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAShC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,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,KAAK,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,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,EACN,gBAAO,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAS,IAC7D,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAShC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,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,KAAK,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,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,EACN,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,IACzD,CACP,CAAC;AACJ,CAAC"}
@@ -23,15 +23,17 @@
23
23
  }
24
24
  .rls-label-switch__text {
25
25
  max-width: calc(100% - var(--rls-sizing-x28));
26
- height: var(--pvt-text-height);
27
- line-height: var(--rls-sizing-x12);
28
26
  color: var(--rls-app-color-600);
27
+ 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);
32
31
  user-select: none;
33
32
  opacity: var(--pvt-text-opacity);
34
- overflow: var(--pvt-text-overflow);
35
- white-space: var(--pvt-text-white-space);
36
- text-overflow: var(--pvt-text-text-overflow);
33
+ }
34
+ .rls-label-switch__text > p {
35
+ height: initial;
36
+ overflow: initial;
37
+ text-overflow: initial;
38
+ white-space: initial;
37
39
  } /*# sourceMappingURL=LabelSwitch.css.map */
@@ -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,8BACA,kCACA,+BACA,qCACA,0CACA,+CACA,iBACA,gCACA,kCACA,wCACA","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,4BACE,kCACA,6BACA,gCACA,wBAGF,6BACE,gBAGF,wBACE,6CACA,+BACA,mCACA,qCACA,0CACA,+CACA,iBACA,gCAEA,0BACE,eACA,iBACA,sBACA","file":"LabelSwitch.css"}
@@ -16,6 +16,6 @@ export function RlsLabelSwitch({ children, disabled, extended, identifier, formC
16
16
  const className = useMemo(() => {
17
17
  return renderClassStatus('rls-label-switch', { disabled, extended });
18
18
  }, [disabled, extended]);
19
- 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("label", { className: "rls-label-switch__text", children: children })] }));
19
+ 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
20
  }
21
21
  //# sourceMappingURL=LabelSwitch.js.map
@@ -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,kBAAkB,CAAC;AACrD,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,gBAAO,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAS,IACxD,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,kBAAkB,CAAC;AACrD,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.22.3",
3
+ "version": "18.22.5",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -49,7 +49,7 @@
49
49
  "@rollup/plugin-node-resolve": "^15.2.1",
50
50
  "@rollup/plugin-typescript": "^11.1.3",
51
51
  "@rolster/rollup": "^1.0.6",
52
- "@rolster/styles-foundations": "^2.5.27",
52
+ "@rolster/styles-foundations": "^2.5.29",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",