@rolster/react-components 18.21.21 → 18.21.23

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 (13) hide show
  1. package/dist/cjs/assets/{index-CiASINsv.css → index-R-vkwGLv.css} +20 -19
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-CiASINsv.css → index-R-vkwGLv.css} +20 -19
  5. package/dist/es/index.js +1 -1
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/CheckBox/CheckBox.css +9 -9
  8. package/dist/esm/components/atoms/InputSearch/InputSearch.css +1 -1
  9. package/dist/esm/components/atoms/RadioButton/RadioButton.css +9 -8
  10. package/dist/esm/components/atoms/Switch/Switch.css +1 -1
  11. package/dist/esm/context.js +1 -1
  12. package/dist/esm/context.js.map +1 -1
  13. package/package.json +2 -2
package/dist/esm/components/atoms/CheckBox/CheckBox.css CHANGED
@@ -1,33 +1,33 @@
1
1
  .rls-checkbox {
2
2
  --pvt-component-transform: scale(0);
3
3
  position: relative;
4
- float: left;
5
4
  display: flex;
6
- width: var(--rls-sizing-x12);
7
- height: var(--rls-sizing-x12);
5
+ width: var(--rlc-checkbox-dimension);
6
+ height: var(--rlc-checkbox-dimension);
7
+ justify-content: center;
8
+ align-items: center;
8
9
  box-sizing: border-box;
9
10
  outline: none;
10
11
  border-radius: var(--rls-sizing-x2);
11
- border: var(--rls-app-border-1-300);
12
+ background: var(--rls-app-color-050);
13
+ box-shadow: 0 0 2rem 0 rgba(37, 38, 65, 0.38);
12
14
  }
13
15
  .rls-checkbox:hover {
14
16
  cursor: pointer;
15
17
  }
16
18
  .rls-checkbox--checked {
17
19
  --pvt-component-transform: scale(1);
18
- border: var(--rls-theme-border-1-500);
19
20
  }
20
21
  .rls-checkbox--disabled {
21
22
  opacity: 0.5;
22
23
  pointer-events: none;
23
24
  }
24
25
  .rls-checkbox__component {
26
+ width: var(--rlc-checkbox-children-dimension);
27
+ height: var(--rlc-checkbox-children-dimension);
25
28
  border-radius: var(--rls-sizing-x1);
26
- width: 7rem;
27
- height: 7rem;
28
- margin: auto;
29
29
  background: var(--rls-theme-gradient-500);
30
30
  transform: var(--pvt-component-transform);
31
31
  transform-origin: 50% 50%;
32
- /*transition: all 160ms 0ms var(--rls-standard-curve);*/
32
+ transition: all 160ms 0ms var(--rls-standard-curve);
33
33
  }
package/dist/esm/components/atoms/InputSearch/InputSearch.css CHANGED
@@ -5,6 +5,6 @@
5
5
  align-items: center;
6
6
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
7
7
  box-sizing: border-box;
8
- border: var(--rls-app-border-1-300);
8
+ background: var(--rls-app-color-100);
9
9
  border-radius: var(--rls-sizing-x4);
10
10
  }
package/dist/esm/components/atoms/RadioButton/RadioButton.css CHANGED
@@ -2,31 +2,32 @@
2
2
  --pvt-component-transform: scale(0);
3
3
  position: relative;
4
4
  display: flex;
5
+ width: var(--rlc-radiobutton-dimension);
6
+ height: var(--rlc-radiobutton-dimension);
7
+ justify-content: center;
8
+ align-items: center;
5
9
  outline: none;
6
- width: var(--rls-sizing-x12);
7
- height: var(--rls-sizing-x12);
8
10
  border-radius: 50%;
9
11
  box-sizing: border-box;
10
- border: var(--rls-app-border-1-300);
12
+ background: var(--rls-app-color-050);
13
+ box-shadow: 0 0 2rem 0 rgba(37, 38, 65, 0.38);
11
14
  }
12
15
  .rls-radiobutton:hover {
13
16
  cursor: pointer;
14
17
  }
15
18
  .rls-radiobutton--checked {
16
19
  --pvt-component-transform: scale(1);
17
- border: var(--rls-theme-border-1-500);
18
20
  }
19
21
  .rls-radiobutton--disabled {
20
22
  opacity: 0.5;
21
23
  pointer-events: none;
22
24
  }
23
25
  .rls-radiobutton__component {
26
+ width: var(--rlc-radiobutton-children-dimension);
27
+ height: varr(--rlc-radiobutton-children-dimension);
24
28
  border-radius: 50%;
25
- width: 7rem;
26
- height: 7rem;
27
- margin: auto;
28
29
  background: var(--rls-theme-gradient-500);
29
30
  transform: var(--pvt-component-transform);
30
31
  transform-origin: 50% 50%;
31
- /*transition: all 160ms 0ms var(--rls-standard-curve);*/
32
+ transition: all 160ms 0ms var(--rls-standard-curve);
32
33
  }
package/dist/esm/components/atoms/Switch/Switch.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --pvt-element-left: var(--rls-sizing-x1);
3
3
  --pvt-element-background: var(--rls-app-color-050);
4
4
  --pvt-bar-background: var(--rls-app-color-200);
5
- max-width: var(--rls-sizing-x20);
5
+ max-width: var(--rlc-switch-max-width);
6
6
  }
7
7
  .rls-switch:hover {
8
8
  cursor: pointer;
package/dist/esm/context.js CHANGED
@@ -20,7 +20,7 @@ export function RlsApplication({ children }) {
20
20
  snackbar: hasNavbar,
21
21
  'navbar-condense': isNavbarCondense
22
22
  });
23
- }, [hasNavbar]);
23
+ }, [hasNavbar, isNavbarCondense]);
24
24
  return (_jsxs(RlsContext.Provider, { value: {
25
25
  confirmation,
26
26
  snackbar,
package/dist/esm/context.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EACL,kBAAkB,EAGlB,eAAe,EACf,WAAW,EACZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAS9C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAW;IAChD,YAAY,EAAE,GAAG,EAAE;QACjB,OAAO,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC;IACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAgB;IACvD,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhD,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,gBAAgB;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,MAAC,UAAU,CAAC,QAAQ,IAClB,KAAK,EAAE;YACL,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,mBAAmB;SACpB,aAED,eAAK,SAAS,EAAE,SAAS,aACtB,QAAQ,EACR,WAAW,IACR,EACL,eAAe,IACI,CACvB,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EACL,kBAAkB,EAGlB,eAAe,EACf,WAAW,EACZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAS9C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAW;IAChD,YAAY,EAAE,GAAG,EAAE;QACjB,OAAO,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC;IACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAgB;IACvD,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhD,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,gBAAgB;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,UAAU,CAAC,QAAQ,IAClB,KAAK,EAAE;YACL,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,mBAAmB;SACpB,aAED,eAAK,SAAS,EAAE,SAAS,aACtB,QAAQ,EACR,WAAW,IACR,EACL,eAAe,IACI,CACvB,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.21.21",
3
+ "version": "18.21.23",
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.4.16",
52
+ "@rolster/styles-foundations": "^2.4.17",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",