@rolster/react-components 19.1.0 → 19.1.2

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-C2Gi7f6R.css → index-B3qsKGu2.css} +21 -7
  2. package/dist/cjs/index.js +6 -6
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-C2Gi7f6R.css → index-B3qsKGu2.css} +21 -7
  5. package/dist/es/index.js +6 -6
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Image/Image.js +6 -6
  8. package/dist/esm/components/atoms/Image/Image.js.map +1 -1
  9. package/dist/esm/components/atoms/RadioButton/RadioButton.css +1 -4
  10. package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -1
  11. package/dist/esm/components/molecules/Alert/Alert.css +1 -0
  12. package/dist/esm/components/molecules/Alert/Alert.css.map +1 -1
  13. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +6 -1
  14. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
  15. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +9 -1
  16. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
  17. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +4 -1
  18. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
  19. package/package.json +4 -4
package/dist/esm/components/atoms/Image/Image.js CHANGED
@@ -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
package/dist/esm/components/atoms/Image/Image.js.map CHANGED
@@ -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"}
package/dist/esm/components/atoms/RadioButton/RadioButton.css CHANGED
@@ -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;
package/dist/esm/components/atoms/RadioButton/RadioButton.css.map CHANGED
@@ -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"}
package/dist/esm/components/molecules/Alert/Alert.css CHANGED
@@ -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;
package/dist/esm/components/molecules/Alert/Alert.css.map CHANGED
@@ -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"}
package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css CHANGED
@@ -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;
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,+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"}
package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css CHANGED
@@ -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;
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,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"}
package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css CHANGED
@@ -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;
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,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.0",
3
+ "version": "19.1.2",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -33,9 +33,9 @@
33
33
  "@rolster/commons": "^3.1.9",
34
34
  "@rolster/components": "^1.0.0",
35
35
  "@rolster/dates": "^3.1.1",
36
- "@rolster/forms": "^3.1.0",
36
+ "@rolster/forms": "^3.1.1",
37
37
  "@rolster/i18n": "^2.2.1",
38
- "@rolster/react-forms": "^19.1.0",
38
+ "@rolster/react-forms": "^19.1.1",
39
39
  "@rolster/react-lottie": "^19.0.0",
40
40
  "@rolster/strings": "^2.2.0",
41
41
  "@rolster/validators": "^2.3.2",
@@ -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",