@rolster/react-components 18.21.29 → 18.21.31

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 (35) hide show
  1. package/dist/cjs/assets/{index-iBIATb-B.css → index-DsP20SgC.css} +57 -53
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-iBIATb-B.css → index-DsP20SgC.css} +57 -53
  5. package/dist/es/index.js +1 -1
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/CheckBox/CheckBox.css +6 -9
  8. package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +1 -1
  9. package/dist/esm/components/atoms/RadioButton/RadioButton.css +6 -9
  10. package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -1
  11. package/dist/esm/components/atoms/Switch/Switch.css +17 -27
  12. package/dist/esm/components/atoms/Switch/Switch.css.map +1 -1
  13. package/dist/esm/components/molecules/Ballot/Ballot.css +1 -1
  14. package/dist/esm/components/molecules/Ballot/Ballot.d.ts +2 -1
  15. package/dist/esm/components/molecules/Ballot/Ballot.js +1 -1
  16. package/dist/esm/components/molecules/Ballot/Ballot.js.map +1 -1
  17. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +1 -0
  18. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
  19. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +2 -2
  20. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
  21. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +1 -0
  22. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
  23. package/dist/esm/components/organisms/Card/Card.css +8 -4
  24. package/dist/esm/components/organisms/Card/Card.css.map +1 -1
  25. package/dist/esm/components/organisms/Confirmation/Confirmation.css +5 -0
  26. package/dist/esm/components/organisms/Confirmation/Confirmation.css.map +1 -1
  27. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css +1 -0
  28. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css.map +1 -1
  29. package/dist/esm/components/organisms/FieldDate/FieldDate.css +1 -0
  30. package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -1
  31. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +1 -0
  32. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -1
  33. package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +7 -1
  34. package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +1 -1
  35. package/package.json +2 -2
package/dist/esm/components/atoms/CheckBox/CheckBox.css CHANGED
@@ -4,8 +4,7 @@
4
4
  --rlc-checkbox-children-dimension,
5
5
  var(--rls-sizing-x6)
6
6
  );
7
- --pvt-component-border-color: var(--rls-app-color-500);
8
- --pvt-component-transform: scale(0);
7
+ --pvt-component-background: var(--rls-app-color-050);
9
8
  position: relative;
10
9
  display: flex;
11
10
  width: var(--pvt-dimension);
@@ -15,15 +14,15 @@
15
14
  box-sizing: border-box;
16
15
  outline: none;
17
16
  border-radius: var(--rls-sizing-x3);
18
- background: var(--rls-theme-color-050);
19
- border: var(--rls-sizing-x1) solid var(--pvt-component-border-color);
17
+ background: var(--rls-app-color-300);
18
+ transition: all 160ms 0ms var(--rls-standard-curve);
20
19
  }
21
20
  .rls-checkbox:hover {
22
21
  cursor: pointer;
23
22
  }
24
23
  .rls-checkbox--checked {
25
- --pvt-component-border-color: var(--rls-theme-color-500);
26
- --pvt-component-transform: scale(1);
24
+ --pvt-component-background: var(--rls-theme-color-200);
25
+ background: var(--rls-theme-color-400);
27
26
  }
28
27
  .rls-checkbox--disabled {
29
28
  opacity: 0.5;
@@ -33,8 +32,6 @@
33
32
  width: var(--pvt-component-dimension);
34
33
  height: var(--pvt-component-dimension);
35
34
  border-radius: var(--rls-sizing-x1);
36
- background: var(--rls-theme-color-500);
37
- transform: var(--pvt-component-transform);
38
- transform-origin: 50% 50%;
35
+ background: var(--pvt-component-background);
39
36
  transition: all 160ms 0ms var(--rls-standard-curve);
40
37
  } /*# sourceMappingURL=CheckBox.css.map */
package/dist/esm/components/atoms/CheckBox/CheckBox.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.scss"],"names":[],"mappings":"AAOA,cACE,sEAEA,0FAKA,uDACA,oCAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,sBACA,aACA,mCACA,sCACA,oEAEA,oBACE,eAGF,uBACE,yDACA,oCAGF,wBACE,WACA,oBAGF,yBACE,qCACA,sCACA,mCACA,sCACA,yCACA,yBACA","file":"CheckBox.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.scss"],"names":[],"mappings":"AAOA,cACE,sEAEA,0FAKA,qDAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,sBACA,aACA,mCACA,oCACA,mDAEA,oBACE,eAGF,uBACE,uDAEA,sCAGF,wBACE,WACA,oBAGF,yBACE,qCACA,sCACA,mCACA,2CACA","file":"CheckBox.css"}
package/dist/esm/components/atoms/RadioButton/RadioButton.css CHANGED
@@ -4,8 +4,7 @@
4
4
  --rlc-radiobutton-children-dimension,
5
5
  var(--rls-sizing-x6)
6
6
  );
7
- --pvt-component-border-color: var(--rls-app-color-500);
8
- --pvt-component-transform: scale(0);
7
+ --pvt-component-background: var(--rls-app-color-050);
9
8
  position: relative;
10
9
  display: flex;
11
10
  width: var(--pvt-dimension);
@@ -15,15 +14,15 @@
15
14
  outline: none;
16
15
  border-radius: 50%;
17
16
  box-sizing: border-box;
18
- background: var(--rls-theme-color-050);
19
- border: var(--rls-sizing-x1) solid var(--pvt-component-border-color);
17
+ background: var(--rls-app-color-300);
18
+ transition: all 160ms 0ms var(--rls-standard-curve);
20
19
  }
21
20
  .rls-radiobutton:hover {
22
21
  cursor: pointer;
23
22
  }
24
23
  .rls-radiobutton--checked {
25
- --pvt-component-border-color: var(--rls-theme-color-500);
26
- --pvt-component-transform: scale(1);
24
+ --pvt-component-background: var(--rls-theme-color-200);
25
+ background: var(--rls-theme-color-400);
27
26
  }
28
27
  .rls-radiobutton--disabled {
29
28
  opacity: 0.5;
@@ -33,8 +32,6 @@
33
32
  width: var(--pvt-component-dimension);
34
33
  height: var(--pvt-component-dimension);
35
34
  border-radius: 50%;
36
- background: var(--rls-theme-color-500);
37
- transform: var(--pvt-component-transform);
38
- transform-origin: 50% 50%;
35
+ background: var(--pvt-component-background);
39
36
  transition: all 160ms 0ms var(--rls-standard-curve);
40
37
  } /*# sourceMappingURL=RadioButton.css.map */
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,uDACA,oCAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,aACA,kBACA,sBACA,sCACA,oEAEA,uBACE,eAGF,0BACE,yDACA,oCAGF,2BACE,WACA,oBAGF,4BACE,qCACA,sCACA,kBACA,sCACA,yCACA,yBACA","file":"RadioButton.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.scss"],"names":[],"mappings":"AAOA,iBACE,yEAEA,6FAKA,qDAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,aACA,kBACA,sBACA,oCACA,mDAEA,uBACE,eAGF,0BACE,uDAEA,sCAGF,2BACE,WACA,oBAGF,4BACE,qCACA,sCACA,kBACA,2CACA","file":"RadioButton.css"}
package/dist/esm/components/atoms/Switch/Switch.css CHANGED
@@ -1,23 +1,21 @@
1
1
  .rls-switch {
2
- --pvt-element-size: var(--rlc-switch-element-size, var(--rls-sizing-x10));
3
- --pvt-element-left: var(--rls-sizing-x1);
4
- --pvt-element-border-color: var(--rls-app-color-400);
5
- --pvt-element-background: var(--rls-app-color-050);
6
- --pvt-element-item-background: transparent;
7
- --pvt-bar-background: var(--rls-app-color-300);
8
- max-width: var(--rlc-switch-max-width, var(--rls-sizing-x18));
2
+ --pvt-component-padding: var(
3
+ --rlc-switch-component-padding,
4
+ var(--rls-sizing-x4) var(--rls-sizing-x1)
5
+ );
6
+ --pvt-element-size: var(--rlc-switch-element-size, var(--rls-sizing-x12));
7
+ --pvt-element-left: 0rem;
8
+ --pvt-element-background: var(--rls-app-color-300);
9
+ --pvt-bar-background: var(--rls-app-color-500);
10
+ max-width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
9
11
  }
10
12
  .rls-switch:hover {
11
13
  cursor: pointer;
12
14
  }
13
15
  .rls-switch--checked {
14
- --pvt-element-left: calc(
15
- 100% - var(--pvt-element-size) - var(--rls-sizing-x1)
16
- );
17
- --pvt-element-border-color: var(--rls-theme-color-500);
18
- --pvt-element-background: var(--rls-theme-color-050);
19
- --pvt-element-item-background: var(--rls-theme-color-500);
20
- --pvt-bar-background: var(--rls-theme-color-300);
16
+ --pvt-element-left: calc(100% - var(--pvt-element-size));
17
+ --pvt-element-background: var(--rls-theme-color-200);
18
+ --pvt-bar-background: var(--rls-theme-color-400);
21
19
  }
22
20
  .rls-switch--disabled {
23
21
  opacity: 0.5;
@@ -26,7 +24,7 @@
26
24
  .rls-switch__component {
27
25
  position: relative;
28
26
  width: 100%;
29
- padding: var(--rls-sizing-x3) var(--rls-sizing-x1);
27
+ padding: var(--pvt-component-padding);
30
28
  box-sizing: border-box;
31
29
  }
32
30
  .rls-switch__component__element {
@@ -35,25 +33,17 @@
35
33
  left: var(--pvt-element-left);
36
34
  width: var(--pvt-element-size);
37
35
  height: var(--pvt-element-size);
38
- z-index: var(--rls-z-index-2);
36
+ border-radius: 50%;
39
37
  padding: var(--rls-sizing-x2);
40
38
  box-sizing: border-box;
41
- border-radius: 50%;
39
+ z-index: var(--rls-z-index-2);
42
40
  background: var(--pvt-element-background);
43
- border: var(--rls-sizing-x1) solid var(--pvt-element-border-color);
44
- transition: left 240ms var(--rls-standard-curve);
45
- }
46
- .rls-switch__component__element::before {
47
- display: block;
48
- content: '';
49
- width: 100%;
50
- height: 100%;
51
- border-radius: 50%;
52
- background: var(--pvt-element-item-background);
41
+ transition: all 160ms var(--rls-standard-curve);
53
42
  }
54
43
  .rls-switch__component__bar {
55
44
  background: var(--pvt-bar-background);
56
45
  width: 100%;
57
46
  height: var(--rlc-switch-bar-height, var(--rls-sizing-x4));
58
47
  border-radius: var(--rlc-switch-bar-radius, var(--rls-sizing-x2));
48
+ transition: all 160ms 0ms var(--rls-standard-curve);
59
49
  } /*# sourceMappingURL=Switch.css.map */
package/dist/esm/components/atoms/Switch/Switch.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.scss"],"names":[],"mappings":"AAOA,YACE,0EACA,yCACA,qDACA,mDACA,2CACA,+CAEA,6DAEA,kBACE,eAGF,qBACE,kFAGA,uDACA,qDACA,0DACA,iDAGF,sBACE,WACA,oBAGF,uBACE,kBACA,WACA,kDACA,sBAEA,gCACE,kBACA,SACA,6BACA,8BACA,+BACA,6BACA,6BACA,sBACA,kBACA,yCACA,kEACA,gDAEA,wCACE,cACA,WACA,WACA,YACA,kBACA,8CAIJ,4BACE,qCACA,WACA,0DACA","file":"Switch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.scss"],"names":[],"mappings":"AAOA,YACE,0GAKA,0EACA,yBACA,mDACA,+CAEA,6DAEA,kBACE,eAGF,qBACE,yDACA,qDACA,iDAGF,sBACE,WACA,oBAGF,uBACE,kBACA,WACA,qCACA,sBAEA,gCACE,kBACA,SACA,6BACA,8BACA,+BACA,kBACA,6BACA,sBACA,6BACA,yCACA,+CAGF,4BACE,qCACA,WACA,0DACA,iEACA","file":"Switch.css"}
package/dist/esm/components/molecules/Ballot/Ballot.css CHANGED
@@ -32,7 +32,7 @@
32
32
  }
33
33
  .rls-ballot--bordered {
34
34
  border-radius: var(--rls-sizing-x4);
35
- border: var(--rls-app-border-1-100);
35
+ border: var(--rls-app-border-2-100);
36
36
  }
37
37
  .rls-ballot--skeleton {
38
38
  --rls-subtitle-width: 60%;
package/dist/esm/components/molecules/Ballot/Ballot.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  import { RlsComponent } from '../../definitions';
2
3
  import './Ballot.css';
3
4
  interface BallotProps extends RlsComponent {
@@ -5,7 +6,7 @@ interface BallotProps extends RlsComponent {
5
6
  img?: string;
6
7
  initials?: string;
7
8
  skeleton?: boolean;
8
- subtitle?: string;
9
+ subtitle?: ReactNode;
9
10
  }
10
11
  export declare function RlsBallot({ bordered, children, img, initials, skeleton, subtitle, rlsTheme }: BallotProps): import("react/jsx-runtime").JSX.Element;
11
12
  export {};
package/dist/esm/components/molecules/Ballot/Ballot.js CHANGED
@@ -8,6 +8,6 @@ export function RlsBallot({ bordered, children, img, initials, skeleton, subtitl
8
8
  const className = useMemo(() => {
9
9
  return renderClassStatus('rls-ballot', { bordered, skeleton });
10
10
  }, [bordered, skeleton]);
11
- return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [(img || initials) && (_jsxs(RlsAvatar, { skeleton: skeleton, children: [img && _jsx("img", { src: img }), initials && _jsx("span", { children: initials })] })), _jsxs("div", { className: "rls-ballot__component", children: [_jsx("label", { className: "rls-ballot__title", children: _jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (_jsx("label", { className: "rls-ballot__subtitle", children: _jsx(RlsSkeletonText, { active: skeleton, children: _jsx("span", { children: subtitle }) }) }))] })] }));
11
+ return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [(img || initials) && (_jsxs(RlsAvatar, { skeleton: skeleton, children: [img && _jsx("img", { src: img }), initials && _jsx("span", { children: initials })] })), _jsxs("div", { className: "rls-ballot__component", children: [_jsx("div", { className: "rls-ballot__title", children: _jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (_jsx("div", { className: "rls-ballot__subtitle", children: _jsx(RlsSkeletonText, { active: skeleton, children: subtitle }) }))] })] }));
12
12
  }
13
13
  //# sourceMappingURL=Ballot.js.map
package/dist/esm/components/molecules/Ballot/Ballot.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CACpB,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,aAC1B,GAAG,IAAI,cAAK,GAAG,EAAE,GAAG,GAAI,EACxB,QAAQ,IAAI,yBAAO,QAAQ,GAAQ,IAC1B,CACb,EAED,eAAK,SAAS,EAAC,uBAAuB,aACpC,gBAAO,SAAS,EAAC,mBAAmB,YAClC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GACzD,EACP,QAAQ,IAAI,CACX,gBAAO,SAAS,EAAC,sBAAsB,YACrC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAC/B,yBAAO,QAAQ,GAAQ,GACP,GACZ,CACT,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CACpB,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,aAC1B,GAAG,IAAI,cAAK,GAAG,EAAE,GAAG,GAAI,EACxB,QAAQ,IAAI,yBAAO,QAAQ,GAAQ,IAC1B,CACb,EAED,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GAC3D,EACL,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GAC3D,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css CHANGED
@@ -6,6 +6,7 @@
6
6
  --pvt-text-text-overflow: ellipsis;
7
7
  display: flex;
8
8
  column-gap: var(--rls-sizing-x4);
9
+ align-items: center;
9
10
  }
10
11
  .rls-label-checkbox--disabled {
11
12
  --pvt-text-opacity: 0.5;
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,gCAEA,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,8BACA,kCACA,+BACA,qCACA,0CACA,+CACA,iBACA,gCACA,kCACA,wCACA","file":"LabelCheckBox.css"}
package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css CHANGED
@@ -4,9 +4,9 @@
4
4
  --pvt-text-overflow: hidden;
5
5
  --pvt-text-white-space: nowrap;
6
6
  --pvt-text-text-overflow: ellipsis;
7
- position: relative;
8
- width: 100%;
9
7
  display: flex;
8
+ column-gap: var(--rls-sizing-x4);
9
+ align-items: center;
10
10
  }
11
11
  .rls-label-radiobutton--disabled {
12
12
  --pvt-text-opacity: 0.5;
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,kBACA,WACA,aAEA,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,8BACA,kCACA,+BACA,qCACA,0CACA,+CACA,iBACA,gCACA,kCACA,wCACA","file":"LabelRadioButton.css"}
package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css CHANGED
@@ -6,6 +6,7 @@
6
6
  --pvt-text-text-overflow: ellipsis;
7
7
  display: flex;
8
8
  column-gap: var(--rls-sizing-x4);
9
+ align-items: center;
9
10
  }
10
11
  .rls-label-switch--disabled {
11
12
  --pvt-text-opacity: 0.5;
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,gCAEA,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,8BACA,kCACA,+BACA,qCACA,0CACA,+CACA,iBACA,gCACA,kCACA,wCACA","file":"LabelSwitch.css"}
package/dist/esm/components/organisms/Card/Card.css CHANGED
@@ -1,11 +1,15 @@
1
1
  .rls-card {
2
- background: var(--rls-app-color-050);
2
+ --pvt-background: var(--rls-app-color-100);
3
+ --pvt-border: var(--rls-app-border-2-300);
4
+ background: var(--pvt-background);
3
5
  border-radius: var(--rls-sizing-x4);
4
- box-shadow: var(--rls-light-shadow-center-8);
6
+ }
7
+ .rls-card[rls-theme] {
8
+ --pvt-background: var(--rls-theme-color-100);
5
9
  }
6
10
  .rls-card--outline {
7
- border: var(--rls-app-border-1-100);
8
- box-shadow: none;
11
+ border: var(--pvt-border);
12
+ box-sizing: border-box;
9
13
  }
10
14
  .rls-card__content {
11
15
  display: flex;
package/dist/esm/components/organisms/Card/Card.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,oCACA,mCACA,4CAEA,mBACE,mCACA,gBAGF,mBACE,aACA,sBACA,8DACA","file":"Card.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,2CACA,0CAEA,iCACA,mCAEA,qBACE,6CAGF,mBACE,yBACA,sBAGF,mBACE,aACA,sBACA,8DACA","file":"Card.css"}
package/dist/esm/components/organisms/Confirmation/Confirmation.css CHANGED
@@ -53,6 +53,9 @@
53
53
  background: var(--rls-app-color-050);
54
54
  box-shadow: var(--rls-app-shadow-4);
55
55
  transform: var(--pvt-component-transform);
56
+ transition: opacity 125ms 0ms var(--rls-deceleration-curve),
57
+ transform 125ms 0ms var(--rls-deceleration-curve),
58
+ visibility 125ms 0ms var(--rls-deceleration-curve);
56
59
  }
57
60
  .rls-confirmation__header {
58
61
  position: relative;
@@ -122,6 +125,8 @@
122
125
  z-index: var(--rls-z-index-2);
123
126
  background: var(--rls-theme-backdrop-900);
124
127
  backdrop-filter: blur(2px);
128
+ transition: opacity 120ms 0ms var(--rls-deceleration-curve),
129
+ bottom 120ms 0ms var(--rls-deceleration-curve);
125
130
  }
126
131
  @media screen and (max-width: 480px) {
127
132
  .rls-confirmation {
package/dist/esm/components/organisms/Confirmation/Confirmation.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.scss"],"names":[],"mappings":"AAOA,kBACE,wDACA,6BACA,2BACA,mCAEA,qDACA,+DACA,yDACA,oCAEA,oDACA,8DACA,wDACA,uCAEA,gCACA,qCACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,YACA,aACA,uBACA,mBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,yCACA,iBACA,mCACA,sBACA,6BACA,qCACA,2CACA,kCACA,sBACA,6BACA,mCACA,oCACA,mCACA,yCAMF,0BACE,kBACA,aACA,WACA,sBACA,6BACA,kCACA,sBAGF,yBACE,kBACA,+BACA,wCACA,qCACA,yCACA,+CACA,+CAGF,4BACE,kBACA,iCACA,wCACA,wCACA,4CACA,kDACA,kDAGF,wBACE,kBACA,WACA,kCACA,sBAGF,2BACE,+BACA,kBAEA,6BACE,0CACA,uCACA,2CACA,iDAIJ,0BACE,kBACA,WACA,4EACA,sBAGF,2BACE,kBACA,WACA,aACA,2BACA,uBACA,gCAGF,4BACE,kBACA,cACA,QACA,SACA,UACA,kCACA,oCACA,6BACA,yCACA,0BAMJ,qCACE,kBACE,kDACA,4DACA,sDAEA,yDACA,mEACA,6DAEA,kCAEA,0BACE,6BAGF,2BACE,8BACA,gBACA","file":"Confirmation.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.scss"],"names":[],"mappings":"AAOA,kBACE,wDACA,6BACA,2BACA,mCAEA,qDACA,+DACA,yDACA,oCAEA,oDACA,8DACA,wDACA,uCAEA,gCACA,qCACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,YACA,aACA,uBACA,mBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,yCACA,iBACA,mCACA,sBACA,6BACA,qCACA,2CACA,kCACA,sBACA,6BACA,mCACA,oCACA,mCACA,yCACA,gKAKF,0BACE,kBACA,aACA,WACA,sBACA,6BACA,kCACA,sBAGF,yBACE,kBACA,+BACA,wCACA,qCACA,yCACA,+CACA,+CAGF,4BACE,kBACA,iCACA,wCACA,wCACA,4CACA,kDACA,kDAGF,wBACE,kBACA,WACA,kCACA,sBAGF,2BACE,+BACA,kBAEA,6BACE,0CACA,uCACA,2CACA,iDAIJ,0BACE,kBACA,WACA,4EACA,sBAGF,2BACE,kBACA,WACA,aACA,2BACA,uBACA,gCAGF,4BACE,kBACA,cACA,QACA,SACA,UACA,kCACA,oCACA,6BACA,yCACA,0BACA,0GAKJ,qCACE,kBACE,kDACA,4DACA,sDAEA,yDACA,mEACA,6DAEA,kCAEA,0BACE,6BAGF,2BACE,8BACA,gBACA","file":"Confirmation.css"}
package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css CHANGED
@@ -57,6 +57,7 @@
57
57
  }
58
58
  .rls-field-autocomplete .rls-field-list__ul__control:disabled {
59
59
  opacity: 0.5;
60
+ pointer-events: none;
60
61
  }
61
62
  .rls-field-autocomplete .rls-field-list__ul .rls-progress-bar {
62
63
  margin-bottom: var(--rls-sizing-x8);
package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.scss"],"names":[],"mappings":"AAOA,wBACE,0BACA,yBAEA,gDACE,8DAGF,gDACE,2BAGF,iDACE,+BAIA,oDACE,aACA,mBACA,WACA,gCACA,mCACA,oCACA,mCACA,6BACA,sBAEA,2DACE,+BACA,yBAEA,gFACE,iCAGF,oEACE,WAKN,qDACE,WACA,6BACA,kCACA,aACA,YACA,YACA,aACA,yBACA,+BACA,qCACA,0CACA,+CAEA,kEACE,+BAGF,gEACE,sCACA,+BAGF,8DACE,WAIJ,8DACE","file":"FieldAutocomplete.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.scss"],"names":[],"mappings":"AAOA,wBACE,0BACA,yBAEA,gDACE,8DAGF,gDACE,2BAGF,iDACE,+BAIA,oDACE,aACA,mBACA,WACA,gCACA,mCACA,oCACA,mCACA,6BACA,sBAEA,2DACE,+BACA,yBAEA,gFACE,iCAGF,oEACE,WAKN,qDACE,WACA,6BACA,kCACA,aACA,YACA,YACA,aACA,yBACA,+BACA,qCACA,0CACA,+CAEA,kEACE,+BAGF,gEACE,sCACA,+BAGF,8DACE,WACA,oBAIJ,8DACE","file":"FieldAutocomplete.css"}
package/dist/esm/components/organisms/FieldDate/FieldDate.css CHANGED
@@ -36,6 +36,7 @@
36
36
  }
37
37
  .rls-field-date__control:disabled {
38
38
  opacity: 0.5;
39
+ pointer-events: none;
39
40
  }
40
41
  .rls-field-date__action {
41
42
  --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
package/dist/esm/components/organisms/FieldDate/FieldDate.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.scss"],"names":[],"mappings":"AAOA,gBACE,kDAEA,4EAEA,6FAKA,sFAKA,kBACA,WACA,sBAEA,qCACE,gCAGF,yBACE,kBACA,+CACA,6BACA,kCACA,aACA,eACA,YACA,aACA,yBACA,+BACA,0CACA,+BACA,yCAEA,sCACE,+BAGF,kCACE,WAIJ,wBACE,+DAEA,kCACA,mCACA,+BACA,aACA,aACA,sEACA,2EAEA,iCACE,WAGF,kCACE","file":"FieldDate.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.scss"],"names":[],"mappings":"AAOA,gBACE,kDAEA,4EAEA,6FAKA,sFAKA,kBACA,WACA,sBAEA,qCACE,gCAGF,yBACE,kBACA,+CACA,6BACA,kCACA,aACA,eACA,YACA,aACA,yBACA,+BACA,0CACA,+BACA,yCAEA,sCACE,+BAGF,kCACE,WACA,oBAIJ,wBACE,+DAEA,kCACA,mCACA,+BACA,aACA,aACA,sEACA,2EAEA,iCACE,WAGF,kCACE","file":"FieldDate.css"}
package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css CHANGED
@@ -33,6 +33,7 @@
33
33
  }
34
34
  .rls-field-date-range__control:disabled {
35
35
  opacity: 0.5;
36
+ pointer-events: none;
36
37
  }
37
38
  .rls-field-date-range__action {
38
39
  --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.scss"],"names":[],"mappings":"AAOA,sBACE,kDAEA,4EAEA,6FAKA,sFAKA,kBACA,WACA,sBAEA,+BACE,kBACA,+CACA,6BACA,kCACA,aACA,eACA,YACA,aACA,yBACA,+BACA,0CACA,+BACA,yCAEA,4CACE,+BAGF,wCACE,WAIJ,8BACE,+DAEA,kCACA,mCACA,+BACA,aACA,aACA,sEACA,2EAEA,uCACE,WAGF,wCACE","file":"FieldDateRange.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.scss"],"names":[],"mappings":"AAOA,sBACE,kDAEA,4EAEA,6FAKA,sFAKA,kBACA,WACA,sBAEA,+BACE,kBACA,+CACA,6BACA,kCACA,aACA,eACA,YACA,aACA,yBACA,+BACA,0CACA,+BACA,yCAEA,4CACE,+BAGF,wCACE,WACA,oBAIJ,8BACE,+DAEA,kCACA,mCACA,+BACA,aACA,aACA,sEACA,2EAEA,uCACE,WAGF,wCACE","file":"FieldDateRange.css"}
package/dist/esm/components/organisms/FieldSelect/FieldSelect.css CHANGED
@@ -1,5 +1,11 @@
1
+ .rls-field-select {
2
+ --pvt-control-cursor: pointer;
3
+ }
4
+ .rls-field-select.rls-field-box--disabled {
5
+ --pvt-control-cursor: none;
6
+ }
1
7
  .rls-field-select .rls-field-list__control {
2
- cursor: pointer;
8
+ cursor: var(--pvt-control-cursor);
3
9
  }
4
10
  .rls-field-select .rls-field-list__action {
5
11
  transition: transform 160ms 0ms var(--rls-sharp-curve);
package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.scss"],"names":[],"mappings":"AAQE,2CACE,eAGF,0CACE,sDAEA,mDACE","file":"FieldSelect.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.scss"],"names":[],"mappings":"AAOA,kBACE,8BAEA,0CACE,2BAGF,2CACE,iCAGF,0CACE,sDAEA,mDACE","file":"FieldSelect.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.21.29",
3
+ "version": "18.21.31",
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.23",
52
+ "@rolster/styles-foundations": "^2.5.24",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",