@ornikar/kitt-universal 3.6.0 → 3.7.0
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/Button/AnimatedButtonPressable.web.d.ts +2 -2
- package/dist/definitions/Button/AnimatedButtonPressable.web.d.ts.map +1 -1
- package/dist/definitions/IconButton/PressableIconButton.d.ts.map +1 -1
- package/dist/definitions/themes/default.d.ts +21 -21
- package/dist/definitions/themes/default.d.ts.map +1 -1
- package/dist/definitions/useKittTheme.d.ts +0 -2
- package/dist/definitions/useKittTheme.d.ts.map +1 -1
- package/dist/definitions/utils/withTheme.d.ts +2 -2
- package/dist/definitions/utils/withTheme.d.ts.map +1 -1
- package/dist/index-browser-all.es.android.js +8 -6
- package/dist/index-browser-all.es.android.js.map +1 -1
- package/dist/index-browser-all.es.css +1 -1
- package/dist/index-browser-all.es.ios.js +8 -6
- package/dist/index-browser-all.es.ios.js.map +1 -1
- package/dist/index-browser-all.es.js +25 -27
- package/dist/index-browser-all.es.js.map +1 -1
- package/dist/index-browser-all.es.web.js +69 -75
- package/dist/index-browser-all.es.web.js.map +1 -1
- package/dist/index-node-14.17.cjs.css +1 -1
- package/dist/index-node-14.17.cjs.js +8 -9
- package/dist/index-node-14.17.cjs.js.map +1 -1
- package/dist/index-node-14.17.cjs.web.css +2 -2
- package/dist/index-node-14.17.cjs.web.js +42 -46
- package/dist/index-node-14.17.cjs.web.js.map +1 -1
- package/dist/styles.css +2 -2
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@media (hover:none) and (pointer:coarse){.p1nlccvg > *:hover,.kitt-hover .p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-0));-ms-transform:scale(var(--p1nlccvg-0));transform:scale(var(--p1nlccvg-0));}}@media (
|
|
1
|
+
@media (hover:none) and (pointer:coarse){.p1nlccvg > *:hover,.kitt-hover .p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-0));-ms-transform:scale(var(--p1nlccvg-0));transform:scale(var(--p1nlccvg-0));}}@media (min-width:768px){.p1nlccvg > *:hover,.kitt-hover .p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-2));-ms-transform:scale(var(--p1nlccvg-2));transform:scale(var(--p1nlccvg-2));}}.p1nlccvg > *:active,.kitt-active .p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-3));-ms-transform:scale(var(--p1nlccvg-3));transform:scale(var(--p1nlccvg-3));}.p1nlccvg,.p1nlccvg > [data-focusvisible-polyfill]{outline:none;}.p1nlccvg > *:hover,.kitt-hover .p1nlccvg > *,.p1nlccvg > *:focus,.kitt-focus .p1nlccvg > *,.p1nlccvg > [data-focusvisible-polyfill],.p1nlccvg > *:active,.kitt-active .p1nlccvg > *{background-color:var(--p1nlccvg-4);}
|
|
2
2
|
.tcwz3nt > *:hover,.tcwz3nt > *:active,.kitt-hover .tcwz3nt > *{-webkit-text-decoration:none;text-decoration:none;}.tcwz3nt > *:hover,.tcwz3nt > *:active,.kitt-hover .tcwz3nt > *{-webkit-text-decoration:var(--tcwz3nt-0);text-decoration:var(--tcwz3nt-0);}
|
|
@@ -1398,13 +1398,15 @@ function StyleWebWrapper({
|
|
|
1398
1398
|
// };
|
|
1399
1399
|
// }
|
|
1400
1400
|
function withTheme(WrappedComponent) {
|
|
1401
|
-
|
|
1401
|
+
// eslint-disable-next-line prefer-arrow-callback
|
|
1402
|
+
return /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1402
1403
|
const theme = /*#__PURE__*/styled.useTheme();
|
|
1403
1404
|
return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, {
|
|
1405
|
+
ref: ref,
|
|
1404
1406
|
theme: theme,
|
|
1405
1407
|
...props
|
|
1406
1408
|
});
|
|
1407
|
-
};
|
|
1409
|
+
});
|
|
1408
1410
|
}
|
|
1409
1411
|
|
|
1410
1412
|
const PressableIconButtonWebWrapper = withTheme( /*#__PURE__*/react$1.styled("div")({
|
|
@@ -1414,9 +1416,6 @@ const PressableIconButtonWebWrapper = withTheme( /*#__PURE__*/react$1.styled("di
|
|
|
1414
1416
|
"p1nlccvg-0": [({
|
|
1415
1417
|
theme
|
|
1416
1418
|
}) => theme.kitt.iconButton.scale.base.hover],
|
|
1417
|
-
"p1nlccvg-1": [({
|
|
1418
|
-
theme
|
|
1419
|
-
}) => theme.breakpoints.min.mediumBreakpoint],
|
|
1420
1419
|
"p1nlccvg-2": [({
|
|
1421
1420
|
theme
|
|
1422
1421
|
}) => theme.kitt.iconButton.scale.medium.hover],
|
|
@@ -3019,7 +3018,7 @@ const breakpoints = {
|
|
|
3019
3018
|
wideBreakpoint: 'max-width: 1279px'
|
|
3020
3019
|
}
|
|
3021
3020
|
}; // eslint-disable-next-line unicorn/expiring-todo-comments
|
|
3022
|
-
// TODO : seperate brand
|
|
3021
|
+
// TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
|
|
3023
3022
|
|
|
3024
3023
|
const theme = {
|
|
3025
3024
|
spacing: 4,
|
|
@@ -3039,7 +3038,8 @@ const theme = {
|
|
|
3039
3038
|
iconButton,
|
|
3040
3039
|
listItem: listItemLateOceanTheme,
|
|
3041
3040
|
tooltip,
|
|
3042
|
-
skeleton: skeletonTheme
|
|
3041
|
+
skeleton: skeletonTheme,
|
|
3042
|
+
breakpoints
|
|
3043
3043
|
};
|
|
3044
3044
|
|
|
3045
3045
|
function Title({
|
|
@@ -3516,8 +3516,7 @@ function useKittTheme() {
|
|
|
3516
3516
|
return react.useMemo(() => {
|
|
3517
3517
|
return {
|
|
3518
3518
|
kitt: theme,
|
|
3519
|
-
responsive: createWindowSizeHelper(dimensions)
|
|
3520
|
-
breakpoints
|
|
3519
|
+
responsive: createWindowSizeHelper(dimensions)
|
|
3521
3520
|
};
|
|
3522
3521
|
}, [dimensions]);
|
|
3523
3522
|
}
|