@rolster/react-components 18.21.30 → 18.21.32
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-DQbtHgNQ.css → index-BQ758ZeF.css} +25 -11
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-DQbtHgNQ.css → index-BQ758ZeF.css} +25 -11
- package/dist/es/index.js +2 -2
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +3 -5
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css.map +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.d.ts +2 -0
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.css +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.d.ts +2 -1
- package/dist/esm/components/molecules/Ballot/Ballot.js +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.js.map +1 -1
- package/dist/esm/components/organisms/Card/Card.css +11 -4
- package/dist/esm/components/organisms/Card/Card.css.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css +1 -0
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.css +1 -0
- package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +1 -0
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +7 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +1 -1
- package/package.json +2 -2
|
@@ -43,17 +43,15 @@
|
|
|
43
43
|
vertical-align: top;
|
|
44
44
|
-webkit-font-smoothing: antialiased;
|
|
45
45
|
}
|
|
46
|
-
.rls-breadcrumb__label--active {
|
|
47
|
-
--pvt-link-font-color: var(--rls-theme-color-500);
|
|
48
|
-
}
|
|
49
46
|
.rls-breadcrumb__label__a {
|
|
50
47
|
display: inline-block;
|
|
51
|
-
|
|
48
|
+
}
|
|
49
|
+
.rls-breadcrumb__label__a[rls-theme] {
|
|
50
|
+
color: var(--rls-theme-color-500);
|
|
52
51
|
}
|
|
53
52
|
.rls-breadcrumb__label__a--actionable {
|
|
54
53
|
cursor: pointer;
|
|
55
54
|
}
|
|
56
55
|
.rls-breadcrumb__label__a--actionable:hover {
|
|
57
|
-
color: var(--rls-theme-color-500);
|
|
58
56
|
text-decoration: underline;
|
|
59
57
|
} /*# sourceMappingURL=Breadcrumb.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.scss"],"names":[],"mappings":"CAOA,gBACE,kEACA,gDAEA,oBACA,WACA,yBACA,8BACA,kCACA,sBACA,iBACA,cACA,kBACA,+BACA,0CAEA,mCACE,WACA,YAGF,uBACE,cACA,eACA,oBACA,oBACA,cACA,oCACA,8CAGE,2CACE,aAIJ,+BACE,2BACA,qBACA,YACA,iCACA,eACA,cACA,gCACA,mBACA,kBACA,sBACA,mBACA,mCAGF
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.scss"],"names":[],"mappings":"CAOA,gBACE,kEACA,gDAEA,oBACA,WACA,yBACA,8BACA,kCACA,sBACA,iBACA,cACA,kBACA,+BACA,0CAEA,mCACE,WACA,YAGF,uBACE,cACA,eACA,oBACA,oBACA,cACA,oCACA,8CAGE,2CACE,aAIJ,+BACE,2BACA,qBACA,YACA,iCACA,eACA,cACA,gCACA,mBACA,kBACA,sBACA,mBACA,mCAGF,0BACE,qBAEA,qCACE,iCAGF,sCACE,eAEA,4CACE","file":"Breadcrumb.css"}
|
|
@@ -8,7 +8,7 @@ function RlsBreadcrumbLabel({ label }) {
|
|
|
8
8
|
actionable: !!label.onClick
|
|
9
9
|
});
|
|
10
10
|
}, [label.onClick]);
|
|
11
|
-
return (_jsx("label", { className: "rls-breadcrumb__label", onClick: label.onClick, children: _jsx("a", { className: className, children: label.label }) }));
|
|
11
|
+
return (_jsx("label", { className: "rls-breadcrumb__label", onClick: label.onClick, "rls-theme": label.rlsTheme, children: _jsx("a", { className: className, children: label.label }) }));
|
|
12
12
|
}
|
|
13
13
|
export function RlsBreadcrumb({ labels }) {
|
|
14
14
|
return (_jsx("div", { className: "rls-breadcrumb", children: labels.map((label, index) => (_jsx(RlsBreadcrumbLabel, { label: label }, index))) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,kBAAkB,CAAC;AAgB1B,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAwB;IACzD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,0BAA0B,EAAE;YACnD,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SAC5B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,gBACE,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,KAAK,CAAC,OAAO,eACX,KAAK,CAAC,QAAQ,YAEzB,YAAG,SAAS,EAAE,SAAS,YAAG,KAAK,CAAC,KAAK,GAAK,GACpC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAmB;IACvD,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC5B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,kBAAkB,IAAa,KAAK,EAAE,KAAK,IAAnB,KAAK,CAAkB,CACjD,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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?:
|
|
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 {};
|
|
@@ -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("
|
|
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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
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"}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
.rls-card {
|
|
2
|
-
background: var(--rls-app-color-
|
|
2
|
+
--rlc-divider-background: var(--rls-app-color-300);
|
|
3
|
+
--pvt-background: var(--rls-app-color-100);
|
|
4
|
+
--pvt-border: var(--rls-app-border-2-300);
|
|
5
|
+
background: var(--pvt-background);
|
|
3
6
|
border-radius: var(--rls-sizing-x4);
|
|
4
|
-
|
|
7
|
+
}
|
|
8
|
+
.rls-card[rls-theme] {
|
|
9
|
+
--rlc-divider-background: var(--rls-theme-color-300);
|
|
10
|
+
--pvt-background: var(--rls-theme-color-100);
|
|
5
11
|
}
|
|
6
12
|
.rls-card--outline {
|
|
7
|
-
border: var(--
|
|
8
|
-
box-
|
|
13
|
+
border: var(--pvt-border);
|
|
14
|
+
box-sizing: border-box;
|
|
9
15
|
}
|
|
10
16
|
.rls-card__content {
|
|
11
17
|
display: flex;
|
|
12
18
|
flex-direction: column;
|
|
19
|
+
row-gap: var(--rlc-card-content-gap, var(--rls-sizing-x4));
|
|
13
20
|
padding: var(--rlc-card-content-padding, var(--rls-sizing-x8));
|
|
14
21
|
box-sizing: border-box;
|
|
15
22
|
} /*# sourceMappingURL=Card.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,mDACA,2CACA,0CAEA,iCACA,mCAEA,qBACE,qDACA,6CAGF,mBACE,yBACA,sBAGF,mBACE,aACA,sBACA,0DACA,8DACA","file":"Card.css"}
|
|
@@ -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,
|
|
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"}
|
|
@@ -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,
|
|
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"}
|
|
@@ -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,
|
|
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"}
|
|
@@ -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:
|
|
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);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.scss"],"names":[],"mappings":"
|
|
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.
|
|
3
|
+
"version": "18.21.32",
|
|
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.25",
|
|
53
53
|
"@rolster/types": "^1.1.0",
|
|
54
54
|
"@types/node-sass": "^4.11.4",
|
|
55
55
|
"@types/react": "^18.0.28",
|