@rolster/react-components 18.26.0 → 18.26.1

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 (15) hide show
  1. package/dist/cjs/assets/{index-C00JrtzY.css → index-Ds0DvsiS.css} +8 -6
  2. package/dist/cjs/index.js +5 -5
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-C00JrtzY.css → index-Ds0DvsiS.css} +8 -6
  5. package/dist/es/index.js +5 -5
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Button/Button.css +4 -4
  8. package/dist/esm/components/atoms/InputSearch/InputSearch.css +2 -1
  9. package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +1 -1
  10. package/dist/esm/components/organisms/Card/Card.css +2 -1
  11. package/dist/esm/components/organisms/Card/Card.css.map +1 -1
  12. package/dist/esm/components/organisms/Card/Card.d.ts +2 -1
  13. package/dist/esm/components/organisms/Card/Card.js +5 -5
  14. package/dist/esm/components/organisms/Card/Card.js.map +1 -1
  15. package/package.json +2 -2
package/dist/esm/components/atoms/Button/Button.css CHANGED
@@ -7,19 +7,19 @@
7
7
  --pvt-button-content-visibility: hidden;
8
8
  --pvt-button-ripple-background: var(--rls-theme-color-700);
9
9
  --pvt-ghost-background: none;
10
- --pvt-ghost-font-color: var(--rls-theme-color-400);
10
+ --pvt-ghost-font-color: var(--rls-theme-color-500);
11
11
  --pvt-ghost-border: none;
12
12
  --pvt-outline-background: var(--rls-app-color-050);
13
13
  --pvt-outline-font-color: var(--rls-app-color-500);
14
14
  --pvt-outline-border: var(--rls-app-border-1-300);
15
15
  --pvt-flat-background: var(--rls-theme-color-050);
16
- --pvt-flat-font-color: var(--rls-theme-color-400);
16
+ --pvt-flat-font-color: var(--rls-theme-color-500);
17
17
  --pvt-flat-border: none;
18
18
  --pvt-stroked-background: var(--rls-app-color-050);
19
- --pvt-stroked-font-color: var(--rls-theme-color-400);
19
+ --pvt-stroked-font-color: var(--rls-theme-color-500);
20
20
  --pvt-stroked-border: var(--rls-theme-border-1-300);
21
21
  --pvt-classic-background: var(--rls-theme-color-050);
22
- --pvt-classic-font-color: var(--rls-theme-color-400);
22
+ --pvt-classic-font-color: var(--rls-theme-color-500);
23
23
  --pvt-classic-border: var(--rls-theme-border-1-300);
24
24
  --pvt-raised-background: var(--rls-theme-color-500);
25
25
  --pvt-raised-font-color: var(--rls-theme-color-050);
package/dist/esm/components/atoms/InputSearch/InputSearch.css CHANGED
@@ -5,8 +5,9 @@
5
5
  align-items: center;
6
6
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
7
7
  box-sizing: border-box;
8
- background: var(--rlc-input-search-background, var(--rls-app-color-100));
8
+ background: var(--rlc-input-search-background, transparent);
9
9
  border-radius: var(--rls-sizing-x4);
10
+ border: var(--rls-app-border-1-200);
10
11
  }
11
12
  .rls-input-search--disabled {
12
13
  opacity: 0.5;
package/dist/esm/components/atoms/InputSearch/InputSearch.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.scss"],"names":[],"mappings":"AAOA,kBACE,0CAEA,kBACA,aACA,mBACA,kDACA,sBACA,wEACA,mCAEA,4BACE,WAGF,+FAEE","file":"InputSearch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.scss"],"names":[],"mappings":"AAOA,kBACE,0CAEA,kBACA,aACA,mBACA,kDACA,sBACA,2DACA,mCACA,mCAEA,4BACE,WAGF,+FAEE","file":"InputSearch.css"}
package/dist/esm/components/organisms/Card/Card.css CHANGED
@@ -1,7 +1,7 @@
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-2-300);
4
+ --pvt-border: var(--rls-app-border-1-300);
5
5
  --pvt-box-shadow: var(--rlc-card-box-shadow, var(--rls-app-shadow-center-4));
6
6
  background: var(--pvt-background);
7
7
  border-radius: var(--rls-sizing-x4);
@@ -10,6 +10,7 @@
10
10
  .rls-card[rls-theme] {
11
11
  --rlc-divider-background: var(--rls-theme-color-300);
12
12
  --pvt-background: var(--rls-theme-color-050);
13
+ --pvt-border: var(--rls-theme-border-1-300);
13
14
  }
14
15
  .rls-card--outline {
15
16
  border: var(--pvt-border);
package/dist/esm/components/organisms/Card/Card.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,mDACA,2CACA,0CACA,6EAEA,iCACA,mCACA,iCAEA,qBACE,qDACA,6CAGF,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,0CACA,6EAEA,iCACA,mCACA,iCAEA,qBACE,qDACA,6CACA,4CAGF,mBACE,yBACA,sBACA,gBAGF,mBACE,aACA,sBACA,0DACA,8DACA","file":"Card.css"}
package/dist/esm/components/organisms/Card/Card.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { RlsComponent } from '../../definitions';
2
2
  import './Card.css';
3
3
  interface CardProps extends RlsComponent {
4
+ className?: string;
4
5
  outline?: boolean;
5
6
  }
6
- export declare function RlsCard({ children, outline, rlsTheme }: CardProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function RlsCard({ children, className, outline, rlsTheme }: CardProps): import("react/jsx-runtime").JSX.Element;
7
8
  export {};
package/dist/esm/components/organisms/Card/Card.js CHANGED
@@ -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 './Card.css';
5
- export function RlsCard({ children, outline, rlsTheme }) {
6
- const className = useMemo(() => {
7
- return renderClassStatus('rls-card', { outline });
8
- }, [outline]);
9
- return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-card__content", children: children }) }));
5
+ export function RlsCard({ children, className, outline, rlsTheme }) {
6
+ const classNameCard = useMemo(() => {
7
+ return renderClassStatus('rls-card', { outline }, className);
8
+ }, [outline, className]);
9
+ return (_jsx("div", { className: classNameCard, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-card__content", children: children }) }));
10
10
  }
11
11
  //# sourceMappingURL=Card.js.map
package/dist/esm/components/organisms/Card/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,YAAY,CAAC;AAMpB,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAa;IAChE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,GAC/C,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,YAAY,CAAC;AAOpB,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAa;IAC3E,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,cAAK,SAAS,EAAE,aAAa,eAAa,QAAQ,YAChD,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,GAC/C,CACP,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.26.0",
3
+ "version": "18.26.1",
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.0",
52
+ "@rolster/styles-foundations": "^2.6.1",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",