@rolster/react-components 19.1.9 → 19.1.11
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-CoA-HvvU.css → index-CDqDWlee.css} +31 -24
- package/dist/cjs/index.js +15 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-CoA-HvvU.css → index-CDqDWlee.css} +31 -24
- package/dist/es/index.js +15 -15
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.css +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.css.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.d.ts +2 -2
- package/dist/esm/components/atoms/Avatar/Avatar.js +3 -3
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css +7 -7
- package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.d.ts +2 -2
- package/dist/esm/components/atoms/Badge/Badge.js +3 -3
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.css +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.css +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.css.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.css +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.css.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.css +2 -2
- package/dist/esm/components/atoms/Poster/Poster.css.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.d.ts +2 -2
- package/dist/esm/components/atoms/Poster/Poster.js +3 -3
- package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +6 -4
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +6 -4
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +6 -3
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.js +6 -6
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.scss"],"names":[],"mappings":"AAOA,YACE,2CACA,6CAEA,kBACA,aACA,qDACA,uDACA,uBACA,mBACA,6DACA,kEACA,iCACA,yCACA,gBAEA,sBACE,sCAEA,wBACE,aAIJ,qBACE,kBAGF,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.scss"],"names":[],"mappings":"AAOA,YACE,2CACA,6CAEA,kBACA,aACA,qDACA,uDACA,uBACA,mBACA,6DACA,kEACA,iCACA,yCACA,gBAEA,sBACE,sCAEA,wBACE,aAIJ,qBACE,kBAGF,wBACE,iCACA,sCAGF,iBACE,kBAGF,gBACE,WACA","file":"Avatar.css"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { RlsComponent } from '../../definitions';
|
|
2
2
|
import './Avatar.css';
|
|
3
3
|
interface AvatarProps extends RlsComponent {
|
|
4
|
-
|
|
4
|
+
contrasted?: boolean;
|
|
5
5
|
rounded?: boolean;
|
|
6
6
|
skeleton?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare function RlsAvatar({ children,
|
|
8
|
+
export declare function RlsAvatar({ children, contrasted, rounded, skeleton, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './Avatar.css';
|
|
5
|
-
export function RlsAvatar({ children,
|
|
5
|
+
export function RlsAvatar({ children, contrasted, rounded, skeleton, rlsTheme }) {
|
|
6
6
|
const className = useMemo(() => {
|
|
7
|
-
return renderClassStatus('rls-avatar', {
|
|
8
|
-
}, [
|
|
7
|
+
return renderClassStatus('rls-avatar', { contrasted, rounded, skeleton });
|
|
8
|
+
}, [contrasted, rounded, skeleton]);
|
|
9
9
|
return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAQtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAQtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
--pvt-dimension: var(--rlc-badge-dimension, var(--rls-sizing-x12));
|
|
3
3
|
--pvt-font-color: var(--rls-app-color-050);
|
|
4
4
|
--pvt-background: var(--rls-app-color-700);
|
|
5
|
-
--pvt-
|
|
6
|
-
--pvt-
|
|
5
|
+
--pvt-contrasted-font-color: var(--rls-app-color-600);
|
|
6
|
+
--pvt-contrasted-background: var(--rls-app-color-200);
|
|
7
7
|
position: relative;
|
|
8
8
|
display: inline-block;
|
|
9
9
|
width: auto;
|
|
@@ -23,15 +23,15 @@
|
|
|
23
23
|
background: var(--pvt-background);
|
|
24
24
|
border-radius: var(--rlc-badge-radius, calc(var(--pvt-dimension) / 2));
|
|
25
25
|
}
|
|
26
|
-
.rls-badge--
|
|
27
|
-
color: var(--pvt-
|
|
28
|
-
background: var(--pvt-
|
|
26
|
+
.rls-badge--contrasted {
|
|
27
|
+
color: var(--pvt-contrasted-font-color);
|
|
28
|
+
background: var(--pvt-contrasted-background);
|
|
29
29
|
}
|
|
30
30
|
.rls-badge[rls-theme] {
|
|
31
31
|
--pvt-font-color: var(--rls-theme-color-050);
|
|
32
32
|
--pvt-background: var(--rls-theme-color-500);
|
|
33
|
-
--pvt-
|
|
34
|
-
--pvt-
|
|
33
|
+
--pvt-contrasted-font-color: var(--rls-theme-color-700);
|
|
34
|
+
--pvt-contrasted-background: var(--rls-theme-color-100);
|
|
35
35
|
}
|
|
36
36
|
.rls-badge > span {
|
|
37
37
|
font-size: inherit;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,sDACA,sDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,4DACA,mDACA,qEACA,yEACA,kBACA,oFAIA,4BACA,iCACA,sEAEA,uBACE,uCACA,4CAGF,sBACE,6CACA,6CACA,wDACA,wDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RlsComponent } from '../../definitions';
|
|
2
2
|
import './Badge.css';
|
|
3
3
|
interface BadgeProps extends RlsComponent {
|
|
4
|
-
|
|
4
|
+
contrasted?: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare function RlsBadge({ children,
|
|
6
|
+
export declare function RlsBadge({ children, contrasted, rlsTheme }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './Badge.css';
|
|
5
|
-
export function RlsBadge({ children,
|
|
5
|
+
export function RlsBadge({ children, contrasted, rlsTheme }) {
|
|
6
6
|
const className = useMemo(() => {
|
|
7
|
-
return renderClassStatus('rls-badge', {
|
|
8
|
-
}, [
|
|
7
|
+
return renderClassStatus('rls-badge', { contrasted });
|
|
8
|
+
}, [contrasted]);
|
|
9
9
|
return (_jsx("span", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAMrB,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAMrB,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAc;IACrE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,eAAM,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC5C,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.rls-checkbox {
|
|
2
|
-
--rlc-icon-dimension: var(--rls-sizing-x10);
|
|
3
2
|
--rlc-icon-color: transparent;
|
|
4
3
|
--pvt-dimension: var(--rlc-checkbox-dimension, var(--rls-sizing-x12));
|
|
4
|
+
--rlc-icon-dimension: calc(var(--pvt-dimension) - 2rem);
|
|
5
5
|
--pvt-component-background: transparent;
|
|
6
6
|
position: relative;
|
|
7
7
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.scss"],"names":[],"mappings":"AAOA,cACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.scss"],"names":[],"mappings":"AAOA,cACE,8BACA,sEACA,wDACA,wCAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,sBACA,aACA,mCACA,yBACA,mCACA,mDAEA,oBACE,2CAGF,uBACE,2CACA,uDAEA,yCACA,qCAGF,wBACE,WACA,oBACA,oCACA,YAEA,8CACE","file":"CheckBox.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputDecimal/InputDecimal.scss"],"names":[],"mappings":"AAOA,mBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputDecimal/InputDecimal.scss"],"names":[],"mappings":"AAOA,mBACE,6CACA,iCACA,yDACA,uCAEA,kBACA,WACA","file":"InputDecimal.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,6CACA,iCACA,yDACA,uCAEA,kBACA,WACA","file":"InputMoney.css"}
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
color: var(--rls-theme-color-050);
|
|
22
22
|
background: var(--rls-theme-color-500);
|
|
23
23
|
}
|
|
24
|
-
.rls-poster--
|
|
24
|
+
.rls-poster--contrasted {
|
|
25
25
|
color: var(--rls-app-color-700);
|
|
26
26
|
background: var(--rls-app-color-200);
|
|
27
27
|
}
|
|
28
|
-
.rls-poster--
|
|
28
|
+
.rls-poster--contrasted[rls-theme] {
|
|
29
29
|
color: var(--rls-theme-color-700);
|
|
30
30
|
background: var(--rls-theme-color-100);
|
|
31
31
|
} /*# sourceMappingURL=Poster.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.scss"],"names":[],"mappings":"AAOA,YACE,yEAEA,kBACA,cACA,oCACA,oBACA,sEACA,gFAIA,yBACA,8BACA,6EACA,gDACA,mCACA,+BACA,oCAEA,uBACE,iCACA,sCAGF,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.scss"],"names":[],"mappings":"AAOA,YACE,yEAEA,kBACA,cACA,oCACA,oBACA,sEACA,gFAIA,yBACA,8BACA,6EACA,gDACA,mCACA,+BACA,oCAEA,uBACE,iCACA,sCAGF,wBACE,+BACA,oCAEA,mCACE,iCACA","file":"Poster.css"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RlsComponent } from '../../definitions';
|
|
2
2
|
import './Poster.css';
|
|
3
3
|
interface PosterProps extends RlsComponent {
|
|
4
|
-
|
|
4
|
+
contrasted?: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare function RlsPoster({ children,
|
|
6
|
+
export declare function RlsPoster({ children, contrasted, rlsTheme }: PosterProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './Poster.css';
|
|
5
|
-
export function RlsPoster({ children,
|
|
5
|
+
export function RlsPoster({ children, contrasted, rlsTheme }) {
|
|
6
6
|
const className = useMemo(() => {
|
|
7
|
-
return renderClassStatus('rls-poster', {
|
|
8
|
-
}, [
|
|
7
|
+
return renderClassStatus('rls-poster', { contrasted });
|
|
8
|
+
}, [contrasted]);
|
|
9
9
|
return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=Poster.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAMtB,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAMtB,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAe;IACvE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -4,11 +4,14 @@
|
|
|
4
4
|
--rlc-label-checkbox-font-size,
|
|
5
5
|
var(--rls-label-font-size)
|
|
6
6
|
);
|
|
7
|
+
--pvt-label-letter-spacing: var(
|
|
8
|
+
--rlc-label-checkbox-letter-spacing,
|
|
9
|
+
var(--rls-label-letter-spacing)
|
|
10
|
+
);
|
|
7
11
|
--rlc-checkbox-dimension: var(--pvt-dimension);
|
|
8
12
|
--rlc-checkbox-cursor: pointer;
|
|
9
13
|
--rlc-ballot-padding: 0rem;
|
|
10
14
|
--pvt-text-opacity: 1;
|
|
11
|
-
--pvt-text-height: var(--rls-sizing-x12);
|
|
12
15
|
--pvt-text-overflow: hidden;
|
|
13
16
|
--pvt-text-white-space: nowrap;
|
|
14
17
|
--pvt-text-text-overflow: ellipsis;
|
|
@@ -27,7 +30,6 @@
|
|
|
27
30
|
--pvt-text-text-overflow: initial;
|
|
28
31
|
--pvt-text-overflow: initial;
|
|
29
32
|
--pvt-text-white-space: initial;
|
|
30
|
-
--pvt-text-height: auto;
|
|
31
33
|
}
|
|
32
34
|
.rls-label-checkbox__component {
|
|
33
35
|
width: var(--pvt-dimension);
|
|
@@ -37,8 +39,8 @@
|
|
|
37
39
|
flex: 1 1 auto;
|
|
38
40
|
font-size: var(--pvt-label-font-size);
|
|
39
41
|
font-weight: var(--rls-font-weight-medium);
|
|
40
|
-
letter-spacing: var(--
|
|
41
|
-
line-height: var(--
|
|
42
|
+
letter-spacing: var(--pvt-label-letter-spacing);
|
|
43
|
+
line-height: var(--rlc-label-checkbox-line-height, var(--rls-sizing-x12));
|
|
42
44
|
color: var(--rlc-label-checkbox-font-color, var(--rls-app-color-500));
|
|
43
45
|
user-select: none;
|
|
44
46
|
opacity: var(--pvt-text-opacity);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.scss"],"names":[],"mappings":"AAOA,oBACE,4EACA,yFAKA,+CACA,+BACA,2BAEA,sBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.scss"],"names":[],"mappings":"AAOA,oBACE,4EACA,yFAKA,wGAKA,+CACA,+BACA,2BAEA,sBACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,8BACE,wBAEA,oBAGF,6BACE,2BAGF,8BACE,kCACA,6BACA,gCAGF,+BACE,2BACA,cAGF,0BACE,cACA,qCACA,0CACA,+CACA,yEACA,qEACA,iBACA,gCACA,gBAEA,4BACE,eACA,iBACA,sBACA","file":"LabelCheckBox.css"}
|
|
@@ -7,11 +7,14 @@
|
|
|
7
7
|
--rlc-label-radiobutton-font-size,
|
|
8
8
|
var(--rls-label-font-size)
|
|
9
9
|
);
|
|
10
|
+
--pvt-label-letter-spacing: var(
|
|
11
|
+
--rlc-label-radiobutton-letter-spacing,
|
|
12
|
+
var(--rls-label-letter-spacing)
|
|
13
|
+
);
|
|
10
14
|
--rlc-radiobutton-dimension: var(--pvt-dimension);
|
|
11
15
|
--rlc-radiobutton-cursor: pointer;
|
|
12
16
|
--rlc-ballot-padding: 0rem;
|
|
13
17
|
--pvt-text-opacity: 1;
|
|
14
|
-
--pvt-text-height: var(--rls-sizing-x12);
|
|
15
18
|
--pvt-text-overflow: hidden;
|
|
16
19
|
--pvt-text-white-space: nowrap;
|
|
17
20
|
--pvt-text-text-overflow: ellipsis;
|
|
@@ -30,7 +33,6 @@
|
|
|
30
33
|
--pvt-text-text-overflow: initial;
|
|
31
34
|
--pvt-text-overflow: initial;
|
|
32
35
|
--pvt-text-white-space: initial;
|
|
33
|
-
--pvt-text-height: auto;
|
|
34
36
|
}
|
|
35
37
|
.rls-label-radiobutton__component {
|
|
36
38
|
width: var(--pvt-dimension);
|
|
@@ -40,8 +42,8 @@
|
|
|
40
42
|
flex: 1 1 auto;
|
|
41
43
|
font-size: var(--pvt-label-font-size);
|
|
42
44
|
font-weight: var(--rls-font-weight-medium);
|
|
43
|
-
letter-spacing: var(--
|
|
44
|
-
line-height: var(--
|
|
45
|
+
letter-spacing: var(--pvt-label-letter-spacing);
|
|
46
|
+
line-height: var(--rlc-label-radiobutton-line-height, var(--rls-sizing-x12));
|
|
45
47
|
color: var(--rlc-label-radiobutton-font-color, var(--rls-app-color-500));
|
|
46
48
|
user-select: none;
|
|
47
49
|
opacity: var(--pvt-text-opacity);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.scss"],"names":[],"mappings":"AAOA,uBACE,iFAKA,4FAKA,kDACA,kCACA,2BAEA,sBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.scss"],"names":[],"mappings":"AAOA,uBACE,iFAKA,4FAKA,2GAKA,kDACA,kCACA,2BAEA,sBACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,iCACE,wBAEA,oBAGF,gCACE,2BAGF,iCACE,kCACA,6BACA,gCAGF,kCACE,2BACA,cAGF,6BACE,cACA,qCACA,0CACA,+CACA,4EAIA,wEACA,iBACA,gCACA,gBAEA,+BACE,eACA,iBACA,sBACA","file":"LabelRadioButton.css"}
|
|
@@ -5,8 +5,11 @@
|
|
|
5
5
|
--rlc-label-switch-font-size,
|
|
6
6
|
var(--rls-label-font-size)
|
|
7
7
|
);
|
|
8
|
+
--pvt-label-letter-spacing: var(
|
|
9
|
+
--rlc-label-switch-letter-spacing,
|
|
10
|
+
var(--rls-label-letter-spacing)
|
|
11
|
+
);
|
|
8
12
|
--pvt-text-opacity: 1;
|
|
9
|
-
--pvt-text-height: var(--rls-sizing-x12);
|
|
10
13
|
--pvt-text-overflow: hidden;
|
|
11
14
|
--pvt-text-white-space: nowrap;
|
|
12
15
|
--pvt-text-text-overflow: ellipsis;
|
|
@@ -35,8 +38,8 @@
|
|
|
35
38
|
flex: 1 1 auto;
|
|
36
39
|
font-size: var(--pvt-label-font-size);
|
|
37
40
|
font-weight: var(--rls-font-weight-medium);
|
|
38
|
-
letter-spacing: var(--
|
|
39
|
-
line-height: var(--
|
|
41
|
+
letter-spacing: var(--pvt-label-letter-spacing);
|
|
42
|
+
line-height: var(--rlc-label-switch-line-height, var(--rls-sizing-x12));
|
|
40
43
|
color: var(--rlc-label-switch-font-color, var(--rls-app-color-500));
|
|
41
44
|
user-select: none;
|
|
42
45
|
opacity: var(--pvt-text-opacity);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.scss"],"names":[],"mappings":"AAOA,kBACE,6BACA,2BAEA,uFAKA,sBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.scss"],"names":[],"mappings":"AAOA,kBACE,6BACA,2BAEA,uFAKA,sGAKA,sBACA,4BACA,+BACA,mCAEA,aACA,gCACA,mBAEA,4BACE,wBAEA,oBAGF,2BACE,2BAGF,4BACE,kCACA,6BACA,gCACA,wBAGF,6BACE,yDACA,cAGF,wBACE,cACA,qCACA,0CACA,+CACA,uEACA,mEACA,iBACA,gCACA,gBAEA,0BACE,eACA,iBACA,sBACA","file":"LabelSwitch.css"}
|
|
@@ -25,7 +25,7 @@ interface DatatableFloatingProps extends RlsComponent {
|
|
|
25
25
|
}
|
|
26
26
|
export declare function RlsDatatable({ children, footer, header, identifier, rlsTheme, resizable, summary, table, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
|
|
27
27
|
export declare function RlsDatatableHeader({ children, identifier, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export declare function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare function RlsDatatableTitle({ children, className, contained, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
export declare function RlsDatatableSubheader({ children, className, identifier, rlsTheme }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
export declare function RlsDatatableRecord({ children, className, contained, error, identifier, info, success, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
31
31
|
export declare function RlsDatatableTotals({ children, className, contained, error, identifier, info, success, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,10 +15,10 @@ export function RlsDatatable({ children, footer, header, identifier, rlsTheme, r
|
|
|
15
15
|
export function RlsDatatableHeader({ children, identifier, rlsTheme }) {
|
|
16
16
|
return (_jsx("tr", { id: identifier, className: "rls-datatable__header", "rls-theme": rlsTheme, children: children }));
|
|
17
17
|
}
|
|
18
|
-
export function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }) {
|
|
18
|
+
export function RlsDatatableTitle({ children, className, contained, control, identifier, rlsTheme }) {
|
|
19
19
|
const classNameTitle = useMemo(() => {
|
|
20
|
-
return renderClassStatus('rls-datatable__title', { control }, className);
|
|
21
|
-
}, [className, control]);
|
|
20
|
+
return renderClassStatus('rls-datatable__title', { contained, control }, className);
|
|
21
|
+
}, [className, contained, control]);
|
|
22
22
|
return (_jsx("th", { id: identifier, className: classNameTitle, "rls-theme": rlsTheme, children: children }));
|
|
23
23
|
}
|
|
24
24
|
export function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
|
|
@@ -30,19 +30,19 @@ export function RlsDatatableSubheader({ children, className, identifier, rlsThem
|
|
|
30
30
|
export function RlsDatatableRecord({ children, className, contained, error, identifier, info, success, warning, rlsTheme }) {
|
|
31
31
|
const classNameRecord = useMemo(() => {
|
|
32
32
|
return renderClassStatus('rls-datatable__record', { error, info, contained, success, warning }, className);
|
|
33
|
-
}, [className, error, info,
|
|
33
|
+
}, [className, contained, error, info, success, warning]);
|
|
34
34
|
return (_jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
|
|
35
35
|
}
|
|
36
36
|
export function RlsDatatableTotals({ children, className, contained, error, identifier, info, success, warning, rlsTheme }) {
|
|
37
37
|
const classNameTotals = useMemo(() => {
|
|
38
38
|
return renderClassStatus('rls-datatable__totals', { error, info, contained, success, warning }, className);
|
|
39
|
-
}, [className, error, info,
|
|
39
|
+
}, [className, contained, error, info, success, warning]);
|
|
40
40
|
return (_jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
|
|
41
41
|
}
|
|
42
42
|
export function RlsDatatableCell({ children, className, contained, control, identifier, rlsTheme }) {
|
|
43
43
|
const classNameCell = useMemo(() => {
|
|
44
44
|
return renderClassStatus('rls-datatable__cell', { control, contained }, className);
|
|
45
|
-
}, [className,
|
|
45
|
+
}, [className, contained, control]);
|
|
46
46
|
return (_jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
|
|
47
47
|
}
|
|
48
48
|
export function RlsDatatableData({ children, className, contained, control, identifier }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA+BzD,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACQ;IACf,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,SAAS;YACT,WAAW,EAAE,SAAS,IAAI,SAAS,EAAE,WAAW;SACjD,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAEnE,cAAK,SAAS,EAAC,sBAAsB,YACnC,iBAAO,EAAE,EAAE,UAAU,aAClB,MAAM,IAAI,gBAAO,SAAS,EAAC,qBAAqB,YAAE,MAAM,GAAS,EAElE,gBAAO,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,qBAAqB,YAC7D,QAAQ,GACH,IACF,GACJ,EAEL,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAElE,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,QAAQ,EACK;IACb,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,uBAAuB,eAAY,QAAQ,YACtE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACW;IACnB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "19.1.
|
|
3
|
+
"version": "19.1.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
49
49
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
50
50
|
"@rolster/rollup": "^1.0.8",
|
|
51
|
-
"@rolster/styles-foundations": "^2.6.
|
|
51
|
+
"@rolster/styles-foundations": "^2.6.20",
|
|
52
52
|
"@rolster/types": "^1.1.0",
|
|
53
53
|
"@types/node-sass": "^4.11.4",
|
|
54
54
|
"@types/react": "^19.0.0",
|