@rolster/react-components 18.26.6 → 18.26.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.
- package/dist/cjs/assets/{index-BWk6HbJL.css → index-H6EZ9odJ.css} +6 -3
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-BWk6HbJL.css → index-H6EZ9odJ.css} +6 -3
- package/dist/es/index.js +1 -1
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +6 -3
- package/dist/esm/components/atoms/Button/Button.css.map +1 -1
- package/dist/esm/components/atoms/Button/Button.js +1 -1
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/package.json +2 -2
|
@@ -374,10 +374,13 @@
|
|
|
374
374
|
--pvt-button-content-border: var(--pvt-gradient-border);
|
|
375
375
|
--pvt-button-ripple-background: var(--rls-theme-font-900);
|
|
376
376
|
}
|
|
377
|
-
.rls-
|
|
377
|
+
.rls-button__description {
|
|
378
|
+
display: flex;
|
|
379
|
+
width: auto;
|
|
380
|
+
align-items: center;
|
|
381
|
+
column-gap: var(--rlc-button-description-gap, var(--rls-sizing-x2));
|
|
378
382
|
padding: 0rem var(--rls-sizing-x2);
|
|
379
383
|
line-height: initial;
|
|
380
|
-
width: auto;
|
|
381
384
|
font-size: var(--rls-button-font-size);
|
|
382
385
|
letter-spacing: var(--rls-button-letter-spacing);
|
|
383
386
|
font-weight: var(--rlc-button-font-weight, var(--rls-font-weight-medium));
|
|
@@ -386,7 +389,7 @@
|
|
|
386
389
|
overflow: hidden;
|
|
387
390
|
white-space: nowrap;
|
|
388
391
|
}
|
|
389
|
-
.rls-
|
|
392
|
+
.rls-button__description a {
|
|
390
393
|
text-decoration: none;
|
|
391
394
|
color: inherit;
|
|
392
395
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1428,7 +1428,7 @@ function RlsButton({ type, children, disabled, identifier, prefixIcon, suffixIco
|
|
|
1428
1428
|
const className = require$$0.useMemo(() => {
|
|
1429
1429
|
return renderClassStatus('rls-button__content', { type });
|
|
1430
1430
|
}, [type]);
|
|
1431
|
-
return (jsxRuntimeExports.jsx("button", { id: identifier, className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: jsxRuntimeExports.jsxs("div", { className: className, children: [prefixIcon && jsxRuntimeExports.jsx(RlsIcon, { value: prefixIcon }), children && jsxRuntimeExports.jsx("div", { className: "rls-
|
|
1431
|
+
return (jsxRuntimeExports.jsx("button", { id: identifier, className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: jsxRuntimeExports.jsxs("div", { className: className, children: [prefixIcon && jsxRuntimeExports.jsx(RlsIcon, { value: prefixIcon }), children && jsxRuntimeExports.jsx("div", { className: "rls-button__description", children: children }), suffixIcon && jsxRuntimeExports.jsx(RlsIcon, { value: suffixIcon })] }) }));
|
|
1432
1432
|
}
|
|
1433
1433
|
|
|
1434
1434
|
function RlsButtonAction({ icon, disabled, identifier, onClick, tooltip }) {
|