@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/es/index.js
CHANGED
|
@@ -1426,7 +1426,7 @@ function RlsButton({ type, children, disabled, identifier, prefixIcon, suffixIco
|
|
|
1426
1426
|
const className = useMemo(() => {
|
|
1427
1427
|
return renderClassStatus('rls-button__content', { type });
|
|
1428
1428
|
}, [type]);
|
|
1429
|
-
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-
|
|
1429
|
+
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 })] }) }));
|
|
1430
1430
|
}
|
|
1431
1431
|
|
|
1432
1432
|
function RlsButtonAction({ icon, disabled, identifier, onClick, tooltip }) {
|