@rolster/react-components 1.5.5 → 1.5.7

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/{lib.cjs-49b3766e.css → lib.cjs-c052832f.css} +16 -11
  2. package/dist/cjs/lib.cjs.js +1 -1
  3. package/dist/cjs/lib.cjs.js.map +1 -1
  4. package/dist/es/assets/{lib-49b3766e.css → lib-c052832f.css} +16 -11
  5. package/dist/es/lib.js +1 -1
  6. package/dist/es/lib.js.map +1 -1
  7. package/dist/esm/components/atoms/Button/Button.css +6 -2
  8. package/dist/esm/components/atoms/Button/Button.js +1 -1
  9. package/dist/esm/components/atoms/Button/Button.js.map +1 -1
  10. package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +7 -7
  11. package/dist/esm/components/atoms/SearchInput/SearchInput.css +1 -0
  12. package/dist/esm/components/molecules/PasswordField/PasswordField.css +2 -2
  13. package/package.json +2 -2
package/dist/esm/components/atoms/Button/Button.css CHANGED
@@ -52,6 +52,7 @@
52
52
  .rls-button__content {
53
53
  display: flex;
54
54
  justify-content: center;
55
+ overflow: hidden;
55
56
  line-height: var(--sizing-40);
56
57
  height: var(--sizing-40);
57
58
  padding: var(--rls-button-content-padding);
@@ -109,10 +110,13 @@
109
110
  line-height: initial;
110
111
  width: auto;
111
112
  margin: auto 0rem;
112
- font-size: 0.825rem;
113
+ font-size: var(--button-font-size);
113
114
  font-weight: var(--font-weight-bold);
114
- letter-spacing: 0.825px;
115
+ letter-spacing: var(--button-letter-spacing);
115
116
  text-transform: var(--rls-button-label-text-transform);
117
+ text-overflow: ellipsis;
118
+ overflow: hidden;
119
+ white-space: nowrap;
116
120
  }
117
121
  .rls-button__label a {
118
122
  text-decoration: none;
package/dist/esm/components/atoms/Button/Button.js CHANGED
@@ -3,6 +3,6 @@ import { renderClassStatus } from '../../../utils/css';
3
3
  import { RlsIcon } from '../Icon/Icon';
4
4
  import './Button.css';
5
5
  export function RlsButton({ type, children, disabled, prefixIcon, suffixIcon, rlsTheme, onClick }) {
6
- return (_jsx("button", { className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: renderClassStatus('rls-button__content', { type }), children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && (_jsx("div", { className: "rls-button__label truncate", children: children })), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
6
+ return (_jsx("button", { className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: renderClassStatus('rls-button__content', { type }), children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && (_jsx("div", { className: "rls-button__label", children: children })), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
7
7
  }
8
8
  //# sourceMappingURL=Button.js.map
package/dist/esm/components/atoms/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAYtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACA;IACP,OAAO,CACL,iBACE,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,aAC/D,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAC5C,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAO,CAC7D,EACA,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAYtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACA;IACP,OAAO,CACL,iBACE,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,aAC/D,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAC5C,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,CACpD,EACA,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}
package/dist/esm/components/atoms/ButtonAction/ButtonAction.css CHANGED
@@ -11,7 +11,7 @@
11
11
  user-select: none;
12
12
  cursor: default;
13
13
  background: transparent;
14
- color: var(--rls-buttonaction-color);
14
+ color: var(--rls-action-color);
15
15
  }
16
16
  .rls-button-action::before {
17
17
  position: absolute;
@@ -23,7 +23,7 @@
23
23
  visibility: hidden;
24
24
  border-radius: 50%;
25
25
  transform: scale(0);
26
- background: var(--rls-buttonaction-ripple-color);
26
+ background: var(--rls-action-ripple-color);
27
27
  padding-top: calc(120% - var(--sizing-8));
28
28
  padding-left: calc(120% - var(--sizing-8));
29
29
  margin-top: calc(-60% + var(--sizing-4));
@@ -41,12 +41,12 @@
41
41
  top: 50%;
42
42
  left: 50%;
43
43
  opacity: 0.24;
44
- width: var(--rls-buttonaction-ripple-dimension);
45
- height: var(--rls-buttonaction-ripple-dimension);
46
- margin-top: var(--rls-buttonaction-ripple-position);
47
- margin-left: var(--rls-buttonaction-ripple-position);
44
+ width: var(--rls-action-ripple-dimension);
45
+ height: var(--rls-action-ripple-dimension);
46
+ margin-top: var(--rls-action-ripple-position);
47
+ margin-left: var(--rls-action-ripple-position);
48
48
  border-radius: 50%;
49
- background: var(--rls-buttonaction-ripple-color);
49
+ background: var(--rls-action-ripple-color);
50
50
  transform: scale(0);
51
51
  transition: transform 160ms 0ms var(--sharp-curve);
52
52
  }
package/dist/esm/components/atoms/SearchInput/SearchInput.css CHANGED
@@ -3,6 +3,7 @@
3
3
  position: relative;
4
4
  float: left;
5
5
  display: flex;
6
+ align-items: center;
6
7
  padding: var(--sizing-8) var(--sizing-12);
7
8
  box-sizing: border-box;
8
9
  border: var(--border-1-theme-300);
package/dist/esm/components/molecules/PasswordField/PasswordField.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .rls-password-field {
2
2
  --rls-input-parent-padding: var(--sizing-6) var(--sizing-8);
3
- --rls-buttonaction-ripple-dimension: var(--sizing-32);
4
- --rls-buttonaction-ripple-position: -1rem;
3
+ --rls-action-ripple-dimension: var(--sizing-32);
4
+ --rls-action-ripple-position: -1rem;
5
5
  position: relative;
6
6
  float: left;
7
7
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "1.5.5",
3
+ "version": "1.5.7",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -45,7 +45,7 @@
45
45
  "@rollup/plugin-commonjs": "^25.0.4",
46
46
  "@rollup/plugin-node-resolve": "^15.2.1",
47
47
  "@rollup/plugin-typescript": "^11.1.3",
48
- "@rolster/styles-foundations": "^1.0.1",
48
+ "@rolster/styles-foundations": "^1.0.11",
49
49
  "@rolster/typescript-types": "^4.0.0",
50
50
  "@types/node-sass": "^4.11.4",
51
51
  "@types/react": "^18.0.28",