@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.
- package/dist/cjs/assets/{index-DZlD2mZH.css → index-2Kl_PXwH.css} +79 -59
- package/dist/cjs/index.js +9 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-DZlD2mZH.css → index-2Kl_PXwH.css} +79 -59
- package/dist/es/index.js +9 -9
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Image/Image.css +20 -4
- package/dist/esm/components/atoms/Image/Image.css.map +1 -1
- package/dist/esm/components/atoms/Image/Image.d.ts +3 -2
- package/dist/esm/components/atoms/Image/Image.js +4 -3
- package/dist/esm/components/atoms/Image/Image.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.css +18 -20
- package/dist/esm/components/atoms/Skeleton/Skeleton.css.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +8 -6
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +8 -6
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +7 -5
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,8 +1,24 @@
|
|
|
1
1
|
.rls-image {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
|
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;
|
|
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
|
-
|
|
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(--
|
|
27
|
-
var(--
|
|
28
|
-
var(--
|
|
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
|
-
|
|
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,
|
|
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-
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
|
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("
|
|
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,
|
|
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-
|
|
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
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
|
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("
|
|
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,
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
|
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("
|
|
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,
|
|
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
|
+
"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.
|
|
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",
|