@rolster/react-components 18.26.8 → 18.26.10

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 (28) hide show
  1. package/dist/cjs/assets/{index-Dlyq90g-.css → index-CwYV1zJh.css} +104 -13
  2. package/dist/cjs/index.js +7 -2
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-Dlyq90g-.css → index-CwYV1zJh.css} +104 -13
  5. package/dist/es/index.js +7 -3
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Button/Button.css +10 -3
  8. package/dist/esm/components/atoms/Button/Button.css.map +1 -1
  9. package/dist/esm/components/atoms/Button/Button.d.ts +3 -2
  10. package/dist/esm/components/atoms/Button/Button.js +3 -2
  11. package/dist/esm/components/atoms/Button/Button.js.map +1 -1
  12. package/dist/esm/components/atoms/Spinner/Spinner.css +82 -0
  13. package/dist/esm/components/atoms/Spinner/Spinner.css.map +1 -0
  14. package/dist/esm/components/atoms/Spinner/Spinner.d.ts +2 -0
  15. package/dist/esm/components/atoms/Spinner/Spinner.js +6 -0
  16. package/dist/esm/components/atoms/Spinner/Spinner.js.map +1 -0
  17. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +1 -1
  18. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css.map +1 -1
  19. package/dist/esm/components/molecules/PickerDay/PickerDay.css +1 -1
  20. package/dist/esm/components/molecules/PickerDay/PickerDay.css.map +1 -1
  21. package/dist/esm/components/organisms/Card/Card.css +4 -5
  22. package/dist/esm/components/organisms/Card/Card.css.map +1 -1
  23. package/dist/esm/components/organisms/Snackbar/Snackbar.css +5 -3
  24. package/dist/esm/components/organisms/Snackbar/Snackbar.css.map +1 -1
  25. package/dist/esm/index.d.ts +1 -0
  26. package/dist/esm/index.js +1 -0
  27. package/dist/esm/index.js.map +1 -1
  28. package/package.json +2 -2
@@ -123,41 +123,48 @@
123
123
  visibility: var(--pvt-button-content-visibility);
124
124
  }
125
125
  .rls-button__content--ghost {
126
+ --rlc-spinner-color: var(--pvt-ghost-font-color);
126
127
  --pvt-button-content-font-color: var(--pvt-ghost-font-color);
127
128
  --pvt-button-content-background: var(--pvt-ghost-background);
128
129
  --pvt-button-content-border: var(--pvt-ghost-border);
129
130
  }
130
131
  .rls-button__content--outline {
132
+ --rlc-spinner-color: var(--pvt-outline-font-color);
131
133
  --pvt-button-content-font-color: var(--pvt-outline-font-color);
132
134
  --pvt-button-content-background: var(--pvt-outline-background);
133
135
  --pvt-button-content-border: var(--pvt-outline-border);
134
136
  }
135
137
  .rls-button__content--stroked {
138
+ --rlc-spinner-color: var(--pvt-stroked-font-color);
136
139
  --pvt-button-content-font-color: var(--pvt-stroked-font-color);
137
140
  --pvt-button-content-background: var(--pvt-stroked-background);
138
141
  --pvt-button-content-border: var(--pvt-stroked-border);
139
142
  }
140
143
  .rls-button__content--classic {
141
- --pvt-button-content-background: var(--pvt-classic-background);
144
+ --rlc-spinner-color: var(--pvt-classic-font-color);
142
145
  --pvt-button-content-font-color: var(--pvt-classic-font-color);
146
+ --pvt-button-content-background: var(--pvt-classic-background);
143
147
  --pvt-button-content-border: var(--pvt-classic-border);
144
148
  --pvt-button-ripple-background: var(--rls-theme-font-100);
145
149
  }
146
150
  .rls-button__content--flat {
151
+ --rlc-spinner-color: var(--pvt-flat-font-color);
147
152
  --pvt-button-content-font-color: var(--pvt-flat-font-color);
148
153
  --pvt-button-content-background: var(--pvt-flat-background);
149
154
  --pvt-button-content-border: var(--pvt-flat-border);
150
155
  --pvt-button-ripple-background: var(--rls-theme-font-100);
151
156
  }
152
157
  .rls-button__content--raised {
153
- --pvt-button-content-background: var(--pvt-raised-background);
158
+ --rlc-spinner-color: var(--pvt-raised-font-color);
154
159
  --pvt-button-content-font-color: var(--pvt-raised-font-color);
160
+ --pvt-button-content-background: var(--pvt-raised-background);
155
161
  --pvt-button-content-border: var(--pvt-raised-border);
156
162
  --pvt-button-ripple-background: var(--rls-theme-font-900);
157
163
  }
158
164
  .rls-button__content--gradient {
159
- --pvt-button-content-background: var(--pvt-gradient-background);
165
+ --rlc-spinner-color: var(--pvt-gradiunt-font-color);
160
166
  --pvt-button-content-font-color: var(--pvt-gradient-font-color);
167
+ --pvt-button-content-background: var(--pvt-gradient-background);
161
168
  --pvt-button-content-border: var(--pvt-gradient-border);
162
169
  --pvt-button-ripple-background: var(--rls-theme-font-900);
163
170
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4EACA,4DACA,qCACA,wCACA,2DAEA,6BACA,mDACA,yBAEA,mDACA,mDACA,kDAEA,kDACA,kDACA,wBAEA,mDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,oDACA,oDACA,0BAEA,yDACA,sDACA,4BAEA,kBACA,aACA,oCACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,mDACA,kDACA,yBAEA,sCACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,kDACA,kDACA,wBAEA,oDACA,mDACA,0BAEA,sDACA,qDACA,4BAGF,qBACE,sCAEA,oCACA,iDACA,yBAEA,sCACA,mDACA,kDAEA,sCACA,mDACA,kDAEA,mDACA,mDACA,kDAEA,gDACA,gDACA,wBAEA,kDACA,kDACA,0BAEA,oDACA,oDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,+DACA,kCACA,6BACA,qEACA,sBACA,qEACA,gDACA,2CACA,wCACA,gDAEA,6BACE,kBACA,cACA,WACA,QACA,SACA,8CACA,+CACA,6CACA,8CACA,kBACA,YACA,mBACA,6BACA,+CACA,8CACA,gDAGF,4BACE,6DACA,6DACA,qDAGF,8BACE,+DACA,+DACA,uDAGF,8BACE,+DACA,+DACA,uDAGF,8BACE,+DACA,+DACA,uDACA,0DAGF,2BACE,4DACA,4DACA,oDACA,0DAGF,6BACE,8DACA,8DACA,sDACA,0DAGF,+BACE,gEACA,gEACA,wDACA,0DAIJ,yBACE,aACA,WACA,mBACA,mEACA,kCACA,oBACA,sCACA,gDACA,yEACA,iEACA,uBACA,gBACA,mBAEA,2BACE,qBACA,cAKN,+BACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"Button.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4EACA,4DACA,qCACA,wCACA,2DAEA,6BACA,mDACA,yBAEA,mDACA,mDACA,kDAEA,kDACA,kDACA,wBAEA,mDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,oDACA,oDACA,0BAEA,yDACA,sDACA,4BAEA,kBACA,aACA,oCACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,mDACA,kDACA,yBAEA,sCACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,kDACA,kDACA,wBAEA,oDACA,mDACA,0BAEA,sDACA,qDACA,4BAGF,qBACE,sCAEA,oCACA,iDACA,yBAEA,sCACA,mDACA,kDAEA,sCACA,mDACA,kDAEA,mDACA,mDACA,kDAEA,gDACA,gDACA,wBAEA,kDACA,kDACA,0BAEA,oDACA,oDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,+DACA,kCACA,6BACA,qEACA,sBACA,qEACA,gDACA,2CACA,wCACA,gDAEA,6BACE,kBACA,cACA,WACA,QACA,SACA,8CACA,+CACA,6CACA,8CACA,kBACA,YACA,mBACA,6BACA,+CACA,8CACA,gDAGF,4BACE,iDACA,6DACA,6DACA,qDAGF,8BACE,mDACA,+DACA,+DACA,uDAGF,8BACE,mDACA,+DACA,+DACA,uDAGF,8BACE,mDACA,+DACA,+DACA,uDACA,0DAGF,2BACE,gDACA,4DACA,4DACA,oDACA,0DAGF,6BACE,kDACA,8DACA,8DACA,sDACA,0DAGF,+BACE,oDACA,gEACA,gEACA,wDACA,0DAIJ,yBACE,aACA,WACA,mBACA,mEACA,kCACA,oBACA,sCACA,gDACA,yEACA,iEACA,uBACA,gBACA,mBAEA,2BACE,qBACA,cAKN,+BACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"Button.css"}
@@ -5,9 +5,10 @@ export type RlsButtonType = 'classic' | 'raised' | 'flat' | 'stroked' | 'outline
5
5
  interface ButtonProps extends RlsComponent {
6
6
  type: RlsButtonType;
7
7
  disabled?: boolean;
8
+ onClick?: MouseEventHandler<HTMLButtonElement>;
8
9
  prefixIcon?: string;
10
+ requesting?: boolean;
9
11
  suffixIcon?: string;
10
- onClick?: MouseEventHandler<HTMLButtonElement>;
11
12
  }
12
- export declare function RlsButton({ type, children, disabled, identifier, prefixIcon, suffixIcon, rlsTheme, onClick }: ButtonProps): import("react/jsx-runtime").JSX.Element;
13
+ export declare function RlsButton({ type, children, disabled, identifier, onClick, prefixIcon, requesting, rlsTheme, suffixIcon }: ButtonProps): import("react/jsx-runtime").JSX.Element;
13
14
  export {};
@@ -2,11 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useMemo } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
4
  import { RlsIcon } from '../Icon/Icon';
5
+ import { RlsSpinner } from '../Spinner/Spinner';
5
6
  import './Button.css';
6
- export function RlsButton({ type, children, disabled, identifier, prefixIcon, suffixIcon, rlsTheme, onClick }) {
7
+ export function RlsButton({ type, children, disabled, identifier, onClick, prefixIcon, requesting, rlsTheme, suffixIcon }) {
7
8
  const className = useMemo(() => {
8
9
  return renderClassStatus('rls-button__content', { type });
9
10
  }, [type]);
10
- return (_jsx("button", { id: identifier, className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: className, children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && _jsx("div", { className: "rls-button__description", children: children }), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
11
+ return (_jsx("button", { id: identifier, className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: className, children: [requesting && _jsx(RlsSpinner, {}), prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && _jsx("div", { className: "rls-button__description", children: children }), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
11
12
  }
12
13
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAmBtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACK;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,iBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,SAAS,aACtB,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAE5C,QAAQ,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,EAErE,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,cAAc,CAAC;AAoBtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACE;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,iBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,SAAS,aACtB,UAAU,IAAI,KAAC,UAAU,KAAG,EAE5B,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAE5C,QAAQ,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,EAErE,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}
@@ -0,0 +1,82 @@
1
+ .rls-spinner {
2
+ position: relative;
3
+ display: block;
4
+ width: var(--rlc-spinner-dimension, var(--rls-sizing-x12));
5
+ height: var(--rlc-spinner-dimension, var(--rls-sizing-x12));
6
+ fill: var(--rlc-spinner-color, var(--rls-app-color-800));
7
+ }
8
+ .rls-spinner__svg {
9
+ position: absolute;
10
+ width: 100%;
11
+ height: 100%;
12
+ fill: inherit;
13
+ transform-origin: center center;
14
+ transform: translateZ(0px);
15
+ animation: 1s linear 0s infinite normal none running rls-spinner-scale-out;
16
+ }
17
+ .rls-spinner__svg > circle {
18
+ r: 5;
19
+ transform: translate(32px, 32px);
20
+ }
21
+ .rls-spinner__svg--1 {
22
+ top: 0px;
23
+ left: 9px;
24
+ animation-delay: -1000ms;
25
+ animation-duration: 1000ms;
26
+ }
27
+ .rls-spinner__svg--2 {
28
+ top: 5.78509px;
29
+ left: 6.8944px;
30
+ animation-delay: -888.889ms;
31
+ animation-duration: 1000ms;
32
+ }
33
+ .rls-spinner__svg--3 {
34
+ top: 8.86327px;
35
+ left: 1.56283px;
36
+ animation-delay: -777.778ms;
37
+ animation-duration: 1000ms;
38
+ }
39
+ .rls-spinner__svg--4 {
40
+ top: 7.79423px;
41
+ left: -4.5px;
42
+ animation-delay: -666.667ms;
43
+ animation-duration: 1000ms;
44
+ }
45
+ .rls-spinner__svg--5 {
46
+ top: 3.07818px;
47
+ left: -8.45723px;
48
+ animation-delay: -555.556ms;
49
+ animation-duration: 1000ms;
50
+ }
51
+ .rls-spinner__svg--6 {
52
+ top: -3.07818px;
53
+ left: -8.45723px;
54
+ animation-delay: -444.444ms;
55
+ animation-duration: 1000ms;
56
+ }
57
+ .rls-spinner__svg--7 {
58
+ top: -7.79423px;
59
+ left: -4.5px;
60
+ animation-delay: -333.333ms;
61
+ animation-duration: 1000ms;
62
+ }
63
+ .rls-spinner__svg--8 {
64
+ top: -8.86327px;
65
+ left: 1.56283px;
66
+ animation-delay: -222.222ms;
67
+ animation-duration: 1000ms;
68
+ }
69
+ .rls-spinner__svg--9 {
70
+ top: -5.78509px;
71
+ left: 6.8944px;
72
+ animation-delay: -111.111ms;
73
+ animation-duration: 1000ms;
74
+ }
75
+ @keyframes rls-spinner-scale-out {
76
+ 0% {
77
+ transform: scale(1, 1);
78
+ }
79
+ 100% {
80
+ transform: scale(0, 0);
81
+ }
82
+ } /*# sourceMappingURL=Spinner.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Spinner/Spinner.scss"],"names":[],"mappings":"AAOA,aACE,kBACA,cACA,0DACA,2DACA,wDAEA,kBACE,kBACA,WACA,YACA,aACA,+BACA,0BACA,0EAEA,yBACE,IACA,gCAGF,qBACE,QACA,SACA,wBACA,0BAGF,qBACE,cACA,cACA,2BACA,0BAGF,qBACE,cACA,eACA,2BACA,0BAGF,qBACE,cACA,YACA,2BACA,0BAGF,qBACE,cACA,gBACA,2BACA,0BAGF,qBACE,eACA,gBACA,2BACA,0BAGF,qBACE,eACA,YACA,2BACA,0BAGF,qBACE,eACA,eACA,2BACA,0BAGF,qBACE,eACA,cACA,2BACA,0BAKN,iCACE,GACE,sBAGF,KACE","file":"Spinner.css"}
@@ -0,0 +1,2 @@
1
+ import './Spinner.css';
2
+ export declare function RlsSpinner(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import './Spinner.css';
3
+ export function RlsSpinner() {
4
+ return (_jsxs("div", { className: "rls-spinner", children: [_jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--1", viewBox: "0 0 64 64", children: _jsx("circle", {}) }), _jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--2", viewBox: "0 0 64 64", children: _jsx("circle", {}) }), _jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--3", viewBox: "0 0 64 64", children: _jsx("circle", {}) }), _jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--4", viewBox: "0 0 64 64", children: _jsx("circle", {}) }), _jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--5", viewBox: "0 0 64 64", children: _jsx("circle", {}) }), _jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--6", viewBox: "0 0 64 64", children: _jsx("circle", {}) }), _jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--7", viewBox: "0 0 64 64", children: _jsx("circle", {}) }), _jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--8", viewBox: "0 0 64 64", children: _jsx("circle", {}) }), _jsx("svg", { className: "rls-spinner__svg rls-spinner__svg--9", viewBox: "0 0 64 64", children: _jsx("circle", {}) })] }));
5
+ }
6
+ //# sourceMappingURL=Spinner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Spinner/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,EAEN,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,EAEN,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,EAEN,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,EAEN,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,EAEN,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,EAEN,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,EAEN,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,EAEN,cAAK,SAAS,EAAC,sCAAsC,EAAC,OAAO,EAAC,WAAW,YACvE,kBAAU,GACN,IACF,CACP,CAAC;AACJ,CAAC"}
@@ -58,7 +58,7 @@
58
58
  border: var(--rls-theme-border-1-500);
59
59
  transform: var(--rlc-button-toggle-ul-transform);
60
60
  transform-origin: 0% 0%;
61
- box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
61
+ box-shadow: var(--rls-theme-shadow-500);
62
62
  transition: transform 240ms 0ms var(--rls-standard-curve),
63
63
  opacity 240ms 0ms var(--rls-standard-curve);
64
64
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.scss"],"names":[],"mappings":"AAOA,mBACE,WAEA,4BACE,aACA,uBAGF,2BACE,iFAGA,WAGF,yBACE,iFAEA,mDAEA,WAGF,yBACE,oCACA,kCACA,uCAEA,kBACA,YACA,UACA,WACA,YACA,gBACA,6BAEA,+BACE,kCACA,8CAGF,kCACE,oCACA,kCACA,8CAEA,iBACA,UACA,YAGF,4BACE,kBACA,aACA,sBACA,WACA,WACA,0CACA,4CACA,kCACA,mCACA,sBACA,gBACA,kBACA,6BACA,oCACA,qCACA,gDACA,uBACA,uDACA,qGAGA,+BACE,kCACA,sBACA,6BACA,kCACA,eACA,4CACA,yCACA,mDACA,yBACA,+BAEA,qCACE,oCACA","file":"ButtonToggle.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.scss"],"names":[],"mappings":"AAOA,mBACE,WAEA,4BACE,aACA,uBAGF,2BACE,iFAGA,WAGF,yBACE,iFAEA,mDAEA,WAGF,yBACE,oCACA,kCACA,uCAEA,kBACA,YACA,UACA,WACA,YACA,gBACA,6BAEA,+BACE,kCACA,8CAGF,kCACE,oCACA,kCACA,8CAEA,iBACA,UACA,YAGF,4BACE,kBACA,aACA,sBACA,WACA,WACA,0CACA,4CACA,kCACA,mCACA,sBACA,gBACA,kBACA,6BACA,oCACA,qCACA,gDACA,uBACA,uCACA,qGAGA,+BACE,kCACA,sBACA,6BACA,kCACA,eACA,4CACA,yCACA,mDACA,yBACA,+BAEA,qCACE,oCACA","file":"ButtonToggle.css"}
@@ -42,7 +42,7 @@
42
42
  --pvt-span-background: transparent;
43
43
  --pvt-span-font-color: var(--rls-theme-color-500);
44
44
  --pvt-span-border: none;
45
- --pvt-span-box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
45
+ --pvt-span-box-shadow: var(--rls-theme-shadow-500);
46
46
  }
47
47
  .rls-picker-day__element--selected {
48
48
  --pvt-span-background: var(--rls-theme-color-200);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDay/PickerDay.scss"],"names":[],"mappings":"AAOA,gBACE,mCACA,gDACA,uDACA,4BAEA,kBACA,4CACA,WACA,iBACA,sBACA,6BACA,sBACA,iBAEA,wBACE,aAGF,uBACE,WACA,6BACA,kCACA,kBACA,uCACA,+BACA,2CACA,iDAGF,2BACE,aACA,sBACA,6BAGF,sBACE,aAGF,yBACE,kBACA,6BACA,sBAEA,gCACE,mCACA,kDACA,wBACA,mEAGF,mCACE,kDACA,kDACA,wBACA,4BAGF,kCACE,qDACA,kDACA,wBACA,4BAGF,oCACE,gDACA,gDACA,+CACA,4BAEA,oBAGF,mCACE,mCACA,gDACA,uDACA,4BAEA,oBAGF,+BACE,kBACA,cACA,yCACA,4CACA,mCACA,6BACA,kCACA,sBACA,mDACA,sCAEA,2CACE,iCACA,8BACA,sCAGF,qCACE,sCACA,iCACA","file":"PickerDay.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDay/PickerDay.scss"],"names":[],"mappings":"AAOA,gBACE,mCACA,gDACA,uDACA,4BAEA,kBACA,4CACA,WACA,iBACA,sBACA,6BACA,sBACA,iBAEA,wBACE,aAGF,uBACE,WACA,6BACA,kCACA,kBACA,uCACA,+BACA,2CACA,iDAGF,2BACE,aACA,sBACA,6BAGF,sBACE,aAGF,yBACE,kBACA,6BACA,sBAEA,gCACE,mCACA,kDACA,wBACA,mDAGF,mCACE,kDACA,kDACA,wBACA,4BAGF,kCACE,qDACA,kDACA,wBACA,4BAGF,oCACE,gDACA,gDACA,+CACA,4BAEA,oBAGF,mCACE,mCACA,gDACA,uDACA,4BAEA,oBAGF,+BACE,kBACA,cACA,yCACA,4CACA,mCACA,6BACA,kCACA,sBACA,mDACA,sCAEA,2CACE,iCACA,8BACA,sCAGF,qCACE,sCACA,iCACA","file":"PickerDay.css"}
@@ -1,21 +1,20 @@
1
1
  .rls-card {
2
2
  --rlc-divider-background: var(--rls-app-color-300);
3
3
  --pvt-background: var(--rls-app-color-050);
4
- --pvt-border: var(--rls-app-border-1-300);
5
- --pvt-box-shadow: var(--rlc-card-box-shadow, var(--rls-app-shadow-center-4));
4
+ --pvt-border: var(--rlc-card-border, var(--rls-app-border-1-300));
5
+ --pvt-box-shadow: var(--rlc-card-box-shadow, var(--rls-app-shadow-center-6));
6
6
  background: var(--pvt-background);
7
7
  border-radius: var(--rls-sizing-x4);
8
8
  box-shadow: var(--pvt-box-shadow);
9
9
  }
10
10
  .rls-card[rls-theme] {
11
- --rlc-divider-background: var(--rls-theme-color-300);
11
+ --rlc-divider-background: var(--rls-theme-color-200);
12
12
  --pvt-background: var(--rls-theme-color-050);
13
- --pvt-border: var(--rls-theme-border-1-300);
13
+ --pvt-border: var(--rlc-card-border, var(--rls-theme-border-1-200));
14
14
  }
15
15
  .rls-card--outline {
16
16
  border: var(--pvt-border);
17
17
  box-sizing: border-box;
18
- box-shadow: none;
19
18
  }
20
19
  .rls-card__content {
21
20
  display: flex;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,mDACA,2CACA,0CACA,6EAEA,iCACA,mCACA,iCAEA,qBACE,qDACA,6CACA,4CAGF,mBACE,yBACA,sBACA,gBAGF,mBACE,aACA,sBACA,0DACA,8DACA","file":"Card.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,mDACA,2CACA,kEACA,6EAEA,iCACA,mCACA,iCAEA,qBACE,qDACA,6CACA,oEAGF,mBACE,yBACA,sBAGF,mBACE,aACA,sBACA,0DACA,8DACA","file":"Card.css"}
@@ -10,10 +10,12 @@
10
10
  max-width: 240rem;
11
11
  padding: var(--rls-sizing-x6);
12
12
  box-sizing: border-box;
13
- border-radius: var(--rls-sizing-x4);
14
- background: var(--rls-theme-color-100);
13
+ border-radius: var(--rls-sizing-x6);
14
+ background: var(--rls-theme-color-050);
15
+ border: var(--rls-theme-border-1-400);
15
16
  transform: translate(-50%, 100%);
16
- transition: transform 160ms 0ms var(--rls-standard-curve);
17
+ transition: all 160ms 0ms var(--rls-standard-curve);
18
+ box-shadow: var(--rls-theme-shadow-500);
17
19
  }
18
20
  .rls-snackbar--visible {
19
21
  transform: translate(-50%, calc(0% - var(--rls-sizing-x8)));
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.scss"],"names":[],"mappings":"AAOA,cACE,eACA,aACA,gCACA,YACA,mCACA,WACA,WACA,YACA,iBACA,6BACA,sBACA,mCACA,sCACA,gCACA,yDAEA,uBACE,2DAGF,sBACE,6CAEA,aACA,uBACA,mBACA,gBACA,sCACA,4BACA,6BACA,mCAEA,+CACE,yCAIJ,yBACE,aACA,sBACA,6BAGF,sBACE,aACA,mBACA,8BACA,gCAEA,6BACE,yBACA,aACA,eACA,iCAIJ,qBACE,mBACA,gBACA,uBACA,iCACA,oCACA,wCACA,8CAIA,yBACE,kCACA,+BACA,qCACA,0CACA,+CAKN,0CACE,cACE","file":"Snackbar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.scss"],"names":[],"mappings":"AAOA,cACE,eACA,aACA,gCACA,YACA,mCACA,WACA,WACA,YACA,iBACA,6BACA,sBACA,mCACA,sCACA,qCACA,gCACA,mDACA,uCAEA,uBACE,2DAGF,sBACE,6CAEA,aACA,uBACA,mBACA,gBACA,sCACA,4BACA,6BACA,mCAEA,+CACE,yCAIJ,yBACE,aACA,sBACA,6BAGF,sBACE,aACA,mBACA,8BACA,gCAEA,6BACE,yBACA,aACA,eACA,iCAIJ,qBACE,mBACA,gBACA,uBACA,iCACA,oCACA,wCACA,8CAIA,yBACE,kCACA,+BACA,qCACA,0CACA,+CAKN,0CACE,cACE","file":"Snackbar.css"}
@@ -23,6 +23,7 @@ export * from './components/atoms/ProgressCircular/ProgressCircular';
23
23
  export * from './components/atoms/RadioButton/RadioButton';
24
24
  export * from './components/atoms/Skeleton/Skeleton';
25
25
  export * from './components/atoms/SkeletonText/SkeletonText';
26
+ export * from './components/atoms/Spinner/Spinner';
26
27
  export * from './components/atoms/Switch/Switch';
27
28
  export * from './components/atoms/TabularText/TabularText';
28
29
  export * from './components/molecules/Alert/Alert';
package/dist/esm/index.js CHANGED
@@ -23,6 +23,7 @@ export * from './components/atoms/ProgressCircular/ProgressCircular';
23
23
  export * from './components/atoms/RadioButton/RadioButton';
24
24
  export * from './components/atoms/Skeleton/Skeleton';
25
25
  export * from './components/atoms/SkeletonText/SkeletonText';
26
+ export * from './components/atoms/Spinner/Spinner';
26
27
  export * from './components/atoms/Switch/Switch';
27
28
  export * from './components/atoms/TabularText/TabularText';
28
29
  export * from './components/molecules/Alert/Alert';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AACvD,cAAc,kDAAkD,CAAC;AACjE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AACvD,cAAc,kDAAkD,CAAC;AACjE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.26.8",
3
+ "version": "18.26.10",
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.8",
52
- "@rolster/styles-foundations": "^2.6.7",
52
+ "@rolster/styles-foundations": "^2.6.8",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",