@rolster/react-components 19.1.1 → 19.1.3

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-C2Gi7f6R.css → index-Dw8644Iw.css} +34 -16
  2. package/dist/cjs/index.js +9 -9
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-C2Gi7f6R.css → index-Dw8644Iw.css} +34 -16
  5. package/dist/es/index.js +9 -9
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Avatar/Avatar.css +10 -6
  8. package/dist/esm/components/atoms/Avatar/Avatar.css.map +1 -1
  9. package/dist/esm/components/atoms/Avatar/Avatar.d.ts +2 -1
  10. package/dist/esm/components/atoms/Avatar/Avatar.js +3 -3
  11. package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
  12. package/dist/esm/components/atoms/Badge/Badge.css +3 -3
  13. package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
  14. package/dist/esm/components/atoms/Image/Image.js +6 -6
  15. package/dist/esm/components/atoms/Image/Image.js.map +1 -1
  16. package/dist/esm/components/atoms/RadioButton/RadioButton.css +1 -4
  17. package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -1
  18. package/dist/esm/components/molecules/Alert/Alert.css +1 -0
  19. package/dist/esm/components/molecules/Alert/Alert.css.map +1 -1
  20. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +6 -1
  21. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
  22. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +9 -1
  23. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
  24. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +4 -1
  25. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
  26. package/package.json +2 -2
@@ -3,14 +3,15 @@
3
3
  --rlc-image-height: var(--rlc-avatar-height);
4
4
  position: relative;
5
5
  display: flex;
6
- justify-content: center;
7
- overflow: hidden;
8
- font-size: var(--rlc-avatar-font-size, var(--rls-title-font-size));
9
6
  width: var(--rlc-avatar-width, var(--rls-sizing-x24));
10
7
  height: var(--rlc-avatar-height, var(--rls-sizing-x24));
11
- background: var(--rls-theme-gradient-500);
12
- color: var(--rls-theme-color-050);
8
+ justify-content: center;
9
+ align-items: center;
13
10
  border-radius: var(--rlc-avatar-radius, var(--rls-sizing-x4));
11
+ font-size: var(--rlc-avatar-font-size, var(--rls-title-font-size));
12
+ color: var(--rls-theme-color-050);
13
+ background: var(--rls-theme-gradient-500);
14
+ overflow: hidden;
14
15
  }
15
16
  .rls-avatar--skeleton {
16
17
  background: var(--rls-theme-color-200);
@@ -21,7 +22,10 @@
21
22
  .rls-avatar--rounded {
22
23
  border-radius: 50%;
23
24
  }
25
+ .rls-avatar--contrast {
26
+ color: var(--rls-theme-color-600);
27
+ background: var(--rls-theme-color-200);
28
+ }
24
29
  .rls-avatar span {
25
- align-self: center;
26
30
  font-size: inherit;
27
31
  } /*# sourceMappingURL=Avatar.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.scss"],"names":[],"mappings":"AAOA,YACE,2CACA,6CAEA,kBACA,aACA,uBACA,gBACA,kEACA,qDACA,uDACA,yCACA,iCACA,6DAEA,sBACE,sCAEA,wBACE,aAIJ,qBACE,kBAGF,iBACE,kBACA","file":"Avatar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.scss"],"names":[],"mappings":"AAOA,YACE,2CACA,6CAEA,kBACA,aACA,qDACA,uDACA,uBACA,mBACA,6DACA,kEACA,iCACA,yCACA,gBAEA,sBACE,sCAEA,wBACE,aAIJ,qBACE,kBAGF,sBACE,iCACA,sCAGF,iBACE","file":"Avatar.css"}
@@ -1,8 +1,9 @@
1
1
  import { RlsComponent } from '../../definitions';
2
2
  import './Avatar.css';
3
3
  interface AvatarProps extends RlsComponent {
4
+ contrast?: boolean;
4
5
  rounded?: boolean;
5
6
  skeleton?: boolean;
6
7
  }
7
- export declare function RlsAvatar({ children, rounded, skeleton, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function RlsAvatar({ children, contrast, rounded, skeleton, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
8
9
  export {};
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useMemo } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
4
  import './Avatar.css';
5
- export function RlsAvatar({ children, rounded, skeleton, rlsTheme }) {
5
+ export function RlsAvatar({ children, contrast, rounded, skeleton, rlsTheme }) {
6
6
  const className = useMemo(() => {
7
- return renderClassStatus('rls-avatar', { rounded, skeleton });
8
- }, [rounded, skeleton]);
7
+ return renderClassStatus('rls-avatar', { contrast, rounded, skeleton });
8
+ }, [contrast, rounded, skeleton]);
9
9
  return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
10
10
  }
11
11
  //# sourceMappingURL=Avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAQtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
@@ -10,7 +10,7 @@
10
10
  min-width: var(--pvt-dimension);
11
11
  height: var(--pvt-dimension);
12
12
  line-height: var(--pvt-dimension);
13
- padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x4));
13
+ padding: var(--rlc-badge-padding, 0rem);
14
14
  box-sizing: border-box;
15
15
  font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
16
16
  font-weight: var(--rlc-badge-font-weight, var(--rls-font-weight-regular));
@@ -19,8 +19,8 @@
19
19
  --rlc-badge-letter-spacing,
20
20
  var(--rls-smalltext-letter-spacing)
21
21
  );
22
- color: var(--rls-app-color-050);
23
- background: var(--rls-app-color-700);
22
+ color: var(--pvt-font-color);
23
+ background: var(--pvt-background);
24
24
  border-radius: var(--rlc-badge-border-radius, calc(var(--pvt-dimension) / 2));
25
25
  }
26
26
  .rls-badge--contrast {
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,oDACA,oDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,4DACA,sBACA,qEACA,yEACA,kBACA,oFAIA,+BACA,oCACA,6EAEA,qBACE,qCACA,0CAGF,sBACE,6CACA,6CACA,sDACA,sDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,oDACA,oDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,uCACA,sBACA,qEACA,yEACA,kBACA,oFAIA,4BACA,iCACA,6EAEA,qBACE,qCACA,0CAGF,sBACE,6CACA,6CACA,sDACA,sDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
@@ -4,20 +4,20 @@ import { renderClassStatus } from '../../../helpers/css';
4
4
  import { RlsSkeleton } from '../Skeleton/Skeleton';
5
5
  import './Image.css';
6
6
  export function RlsImage({ src, rlsTheme }) {
7
- const [isComplet, setIsComplet] = useState(false);
7
+ const [srcIsComplet, setSrcIsComplet] = useState(false);
8
8
  const refSrc = useRef(src);
9
9
  const className = useMemo(() => {
10
- return renderClassStatus('rls-image', { complet: isComplet });
11
- }, [isComplet]);
10
+ return renderClassStatus('rls-image', { complet: srcIsComplet });
11
+ }, [srcIsComplet]);
12
12
  useEffect(() => {
13
13
  if (refSrc.current !== src) {
14
- setIsComplet(false);
14
+ setSrcIsComplet(false);
15
15
  refSrc.current = src;
16
16
  }
17
17
  }, [src]);
18
18
  const onLoad = useCallback(() => {
19
- setIsComplet(true);
19
+ setSrcIsComplet(true);
20
20
  }, []);
21
- return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [!isComplet && _jsx(RlsSkeleton, { rlsTheme: rlsTheme }), _jsx("img", { src: src, onLoad: onLoad })] }));
21
+ return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [!srcIsComplet && _jsx(RlsSkeleton, { rlsTheme: rlsTheme }), _jsx("img", { src: src, onLoad: onLoad })] }));
22
22
  }
23
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,sBAAsB,CAAC;AAEzD,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"}
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,sBAAsB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,aAAa,CAAC;AAMrB,MAAM,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAc;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,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,YAAY,EAAE,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;YAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,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,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,CAAC,YAAY,IAAI,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACrD,cAAK,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAI,IAC7B,CACP,CAAC;AACJ,CAAC"}
@@ -1,9 +1,6 @@
1
1
  .rls-radiobutton {
2
2
  --pvt-dimension: var(--rlc-radiobutton-dimension, var(--rls-sizing-x12));
3
- --pvt-component-dimension: var(
4
- --rlc-radiobutton-children-dimension,
5
- var(--rls-sizing-x6)
6
- );
3
+ --pvt-component-dimension: calc(var(--pvt-dimension) / 2);
7
4
  --pvt-component-background: transparent;
8
5
  position: relative;
9
6
  display: flex;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.scss"],"names":[],"mappings":"AAOA,iBACE,yEAEA,6FAKA,wCAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,aACA,kBACA,sBACA,yBACA,mCACA,mDAEA,uBACE,8CAGF,0BACE,qDAEA,yCACA,qCAGF,2BACE,WACA,oBACA,oCACA,YAEA,oDACE,qDAIJ,4BACE,qCACA,sCACA,kBACA,2CACA","file":"RadioButton.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.scss"],"names":[],"mappings":"AAOA,iBACE,yEACA,0DACA,wCAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,aACA,kBACA,sBACA,yBACA,mCACA,mDAEA,uBACE,8CAGF,0BACE,qDAEA,yCACA,qCAGF,2BACE,WACA,oBACA,oCACA,YAEA,oDACE,qDAIJ,4BACE,qCACA,sCACA,kBACA,2CACA","file":"RadioButton.css"}
@@ -4,6 +4,7 @@
4
4
  --pvt-content-font-color: var(--rls-app-color-500);
5
5
  position: relative;
6
6
  display: flex;
7
+ align-items: var(--rlc-alert-align-items, flex-start);
7
8
  column-gap: var(--rls-sizing-x6);
8
9
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
9
10
  box-sizing: border-box;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.scss"],"names":[],"mappings":"AAOA,WACE,gDACA,2CACA,mDAEA,kBACA,aACA,gCACA,kDACA,sBACA,oCACA,mCACA,mCAEA,sBACE,kDACA,6CACA,qDAEA,sCACA,qCAGF,iBACE,wCAEA,aACA,4BACA,6BACA,mBACA,uBACA,kBACA,sCAEA,qCACE,6BAIJ,oBACE,WACA","file":"Alert.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.scss"],"names":[],"mappings":"AAOA,WACE,gDACA,2CACA,mDAEA,kBACA,aACA,qDACA,gCACA,kDACA,sBACA,oCACA,mCACA,mCAEA,sBACE,kDACA,6CACA,qDAEA,sCACA,qCAGF,iBACE,wCAEA,aACA,4BACA,6BACA,mBACA,uBACA,kBACA,sCAEA,qCACE,6BAIJ,oBACE,WACA","file":"Alert.css"}
@@ -1,4 +1,6 @@
1
1
  .rls-label-checkbox {
2
+ --pvt-dimension: var(--rlc-label-checkbox-dimension, var(--rls-sizing-x12));
3
+ --rlc-checkbox-dimension: var(--pvt-dimension);
2
4
  --rlc-checkbox-cursor: pointer;
3
5
  --rlc-ballot-padding: 0rem;
4
6
  --pvt-text-opacity: 1;
@@ -24,9 +26,11 @@
24
26
  --pvt-text-height: auto;
25
27
  }
26
28
  .rls-label-checkbox__component {
27
- width: auto;
29
+ width: var(--pvt-dimension);
30
+ flex: 0 0 auto;
28
31
  }
29
32
  .rls-label-checkbox__text {
33
+ flex: 1 1 auto;
30
34
  font-size: var(--rls-label-font-size);
31
35
  font-weight: var(--rls-font-weight-medium);
32
36
  letter-spacing: var(--rls-label-letter-spacing);
@@ -34,6 +38,7 @@
34
38
  color: var(--rlc-label-checkbox-font-color, var(--rls-app-color-500));
35
39
  user-select: none;
36
40
  opacity: var(--pvt-text-opacity);
41
+ overflow: hidden;
37
42
  }
38
43
  .rls-label-checkbox__text > p {
39
44
  height: initial;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.scss"],"names":[],"mappings":"AAOA,oBACE,+BACA,2BAEA,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,qEACA,iBACA,gCAEA,4BACE,eACA,iBACA,sBACA","file":"LabelCheckBox.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.scss"],"names":[],"mappings":"AAOA,oBACE,4EAEA,+CACA,+BACA,2BAEA,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,8BACE,wBAEA,oBAGF,6BACE,2BAGF,8BACE,kCACA,6BACA,gCACA,wBAGF,+BACE,2BACA,cAGF,0BACE,cACA,qCACA,0CACA,+CACA,mCACA,qEACA,iBACA,gCACA,gBAEA,4BACE,eACA,iBACA,sBACA","file":"LabelCheckBox.css"}
@@ -1,4 +1,9 @@
1
1
  .rls-label-radiobutton {
2
+ --pvt-dimension: var(
3
+ --rlc-label-radiobutton-dimension,
4
+ var(--rls-sizing-x12)
5
+ );
6
+ --rlc-radiobutton-dimension: var(--pvt-dimension);
2
7
  --rlc-radiobutton-cursor: pointer;
3
8
  --rlc-ballot-padding: 0rem;
4
9
  --pvt-text-opacity: 1;
@@ -24,9 +29,11 @@
24
29
  --pvt-text-height: auto;
25
30
  }
26
31
  .rls-label-radiobutton__component {
27
- width: auto;
32
+ width: var(--pvt-dimension);
33
+ flex: 0 0 auto;
28
34
  }
29
35
  .rls-label-radiobutton__text {
36
+ flex: 1 1 auto;
30
37
  font-size: var(--rls-label-font-size);
31
38
  font-weight: var(--rls-font-weight-medium);
32
39
  letter-spacing: var(--rls-label-letter-spacing);
@@ -34,6 +41,7 @@
34
41
  color: var(--rlc-label-radiobutton-font-color, var(--rls-app-color-500));
35
42
  user-select: none;
36
43
  opacity: var(--pvt-text-opacity);
44
+ overflow: hidden;
37
45
  }
38
46
  .rls-label-radiobutton__text > p {
39
47
  height: initial;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.scss"],"names":[],"mappings":"AAOA,uBACE,kCACA,2BAEA,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,wEACA,iBACA,gCAEA,+BACE,eACA,iBACA,sBACA","file":"LabelRadioButton.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.scss"],"names":[],"mappings":"AAOA,uBACE,iFAKA,kDACA,kCACA,2BAEA,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,iCACE,wBAEA,oBAGF,gCACE,2BAGF,iCACE,kCACA,6BACA,gCACA,wBAGF,kCACE,2BACA,cAGF,6BACE,cACA,qCACA,0CACA,+CACA,mCACA,wEACA,iBACA,gCACA,gBAEA,+BACE,eACA,iBACA,sBACA","file":"LabelRadioButton.css"}
@@ -24,9 +24,11 @@
24
24
  --pvt-text-height: auto;
25
25
  }
26
26
  .rls-label-switch__component {
27
- max-width: 20rem;
27
+ width: 20rem;
28
+ flex: 0 0 auto;
28
29
  }
29
30
  .rls-label-switch__text {
31
+ flex: 1 1 auto;
30
32
  font-size: var(--rls-label-font-size);
31
33
  font-weight: var(--rls-font-weight-medium);
32
34
  letter-spacing: var(--rls-label-letter-spacing);
@@ -34,6 +36,7 @@
34
36
  color: var(--rlc-label-switch-font-color, var(--rls-app-color-500));
35
37
  user-select: none;
36
38
  opacity: var(--pvt-text-opacity);
39
+ overflow: hidden;
37
40
  }
38
41
  .rls-label-switch__text > p {
39
42
  height: initial;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.scss"],"names":[],"mappings":"AAOA,kBACE,6BACA,2BAEA,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,mEACA,iBACA,gCAEA,0BACE,eACA,iBACA,sBACA","file":"LabelSwitch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.scss"],"names":[],"mappings":"AAOA,kBACE,6BACA,2BAEA,sBACA,yCACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,4BACE,wBAEA,oBAGF,2BACE,2BAGF,4BACE,kCACA,6BACA,gCACA,wBAGF,6BACE,YACA,cAGF,wBACE,cACA,qCACA,0CACA,+CACA,mCACA,mEACA,iBACA,gCACA,gBAEA,0BACE,eACA,iBACA,sBACA","file":"LabelSwitch.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "19.1.1",
3
+ "version": "19.1.3",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -48,7 +48,7 @@
48
48
  "@rollup/plugin-node-resolve": "^15.2.1",
49
49
  "@rollup/plugin-typescript": "^11.1.3",
50
50
  "@rolster/rollup": "^1.0.8",
51
- "@rolster/styles-foundations": "^2.6.17",
51
+ "@rolster/styles-foundations": "^2.6.18",
52
52
  "@rolster/types": "^1.1.0",
53
53
  "@types/node-sass": "^4.11.4",
54
54
  "@types/react": "^19.0.0",