@ornikar/kitt-universal 3.8.0 → 3.8.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.
- package/dist/definitions/IconButton/PressableIconButton.d.ts +1 -1
- package/dist/definitions/IconButton/PressableIconButton.d.ts.map +1 -1
- package/dist/index-browser-all.es.android.js +6 -2
- package/dist/index-browser-all.es.android.js.map +1 -1
- package/dist/index-browser-all.es.ios.js +6 -2
- package/dist/index-browser-all.es.ios.js.map +1 -1
- package/dist/index-browser-all.es.js +18 -9
- package/dist/index-browser-all.es.js.map +1 -1
- package/dist/index-browser-all.es.web.js +18 -9
- package/dist/index-browser-all.es.web.js.map +1 -1
- package/dist/index-node-14.17.cjs.js +16 -8
- package/dist/index-node-14.17.cjs.js.map +1 -1
- package/dist/index-node-14.17.cjs.web.js +16 -8
- package/dist/index-node-14.17.cjs.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -1348,18 +1348,23 @@ const PressableIconButtonWebWrapper = withTheme( /*#__PURE__*/react$1.styled("di
|
|
|
1348
1348
|
class: "p1nlccvg",
|
|
1349
1349
|
vars: {
|
|
1350
1350
|
"p1nlccvg-0": [({
|
|
1351
|
-
theme
|
|
1352
|
-
|
|
1351
|
+
theme,
|
|
1352
|
+
$isDisabled
|
|
1353
|
+
}) => $isDisabled ? 1 : theme.kitt.iconButton.scale.base.hover],
|
|
1353
1354
|
"p1nlccvg-2": [({
|
|
1354
|
-
theme
|
|
1355
|
-
|
|
1355
|
+
theme,
|
|
1356
|
+
$isDisabled
|
|
1357
|
+
}) => $isDisabled ? 1 : theme.kitt.iconButton.scale.medium.hover],
|
|
1356
1358
|
"p1nlccvg-3": [({
|
|
1357
|
-
theme
|
|
1358
|
-
|
|
1359
|
+
theme,
|
|
1360
|
+
$isDisabled
|
|
1361
|
+
}) => $isDisabled ? 1 : theme.kitt.iconButton.scale.base.active],
|
|
1359
1362
|
"p1nlccvg-4": [({
|
|
1360
1363
|
theme,
|
|
1361
|
-
$isWhite
|
|
1364
|
+
$isWhite,
|
|
1365
|
+
$isDisabled
|
|
1362
1366
|
}) => {
|
|
1367
|
+
if ($isDisabled) return theme.kitt.iconButton.disabled.backgroundColor;
|
|
1363
1368
|
const {
|
|
1364
1369
|
white,
|
|
1365
1370
|
default: defaultIconButton
|
|
@@ -1401,12 +1406,15 @@ const StyledPressableIconButton = /*#__PURE__*/styled__default(BabelPluginStyled
|
|
|
1401
1406
|
});
|
|
1402
1407
|
function PressableIconButton({
|
|
1403
1408
|
color,
|
|
1409
|
+
disabled,
|
|
1404
1410
|
...props
|
|
1405
1411
|
}) {
|
|
1406
1412
|
return /*#__PURE__*/jsxRuntime.jsx(StyleWebWrapper, {
|
|
1407
1413
|
as: PressableIconButtonWebWrapper,
|
|
1408
1414
|
$isWhite: color === 'white',
|
|
1409
|
-
|
|
1415
|
+
$isDisabled: Boolean(disabled),
|
|
1416
|
+
children: /*#__PURE__*/jsxRuntime.jsx(StyledPressableIconButton, { ...props,
|
|
1417
|
+
disabled: disabled
|
|
1410
1418
|
})
|
|
1411
1419
|
});
|
|
1412
1420
|
}
|