@ornikar/kitt-universal 2.0.0 → 2.1.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/IconButton/PressableAnimatedContainer.d.ts +2 -4
- package/dist/definitions/IconButton/PressableAnimatedContainer.d.ts.map +1 -1
- package/dist/definitions/IconButton/PressableAnimatedContainer.web.d.ts +4 -0
- package/dist/definitions/IconButton/PressableAnimatedContainer.web.d.ts.map +1 -0
- package/dist/index-browser-all.es.android.js +20 -24
- package/dist/index-browser-all.es.android.js.map +1 -1
- package/dist/index-browser-all.es.ios.js +20 -24
- package/dist/index-browser-all.es.ios.js.map +1 -1
- package/dist/index-browser-all.es.js +20 -36
- package/dist/index-browser-all.es.js.map +1 -1
- package/dist/index-browser-all.es.web.js +5 -8
- package/dist/index-browser-all.es.web.js.map +1 -1
- package/dist/index-node-14.17.cjs.js +3 -20
- package/dist/index-node-14.17.cjs.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +5 -5
|
@@ -1136,51 +1136,37 @@ var PressableIconButton = /*#__PURE__*/styled(PrimitivePressable).withConfig({
|
|
|
1136
1136
|
return "\n transition: ".concat(transition.property, " ").concat(transition.duration, " ").concat(transition.timingFunction, ";\n\n &:hover,\n .kitt-hover & {\n @media (hover: none) and (pointer: coarse) {\n transform: scale(").concat(scale.base.hover, ");\n }\n\n @media(").concat(theme.breakpoints.min.mediumBreakpoint, ") {\n transform: scale(").concat(scale.medium.hover, ");\n }\n }\n\n &:active,\n .kitt-active & {\n transform: scale(").concat(scale.base.active, ");\n }\n\n &:hover,\n .kitt-hover &,\n &:focus,\n .kitt-focus &,\n &:active,\n .kitt-active & {\n background-color: ").concat(color === 'white' ? iconButton.white.pressedBackgroundColor : iconButton["default"].pressedBackgroundColor, ";\n }\n ");
|
|
1137
1137
|
});
|
|
1138
1138
|
|
|
1139
|
-
function WebAnimatedContainer(_ref) {
|
|
1140
|
-
var children = _ref.children,
|
|
1141
|
-
color = _ref.color,
|
|
1142
|
-
disabled = _ref.disabled,
|
|
1143
|
-
onPress = _ref.onPress;
|
|
1144
|
-
return /*#__PURE__*/React.createElement(PressableIconButton, {
|
|
1145
|
-
accessibilityRole: "button",
|
|
1146
|
-
color: color,
|
|
1147
|
-
disabled: disabled,
|
|
1148
|
-
onPress: onPress
|
|
1149
|
-
}, children);
|
|
1150
|
-
}
|
|
1151
|
-
|
|
1152
1139
|
var AnimatedIconButtonBackground = /*#__PURE__*/styled(Animated$1.View).withConfig({
|
|
1153
1140
|
displayName: "PressableAnimatedContainer__AnimatedIconButtonBackground",
|
|
1154
1141
|
componentId: "kitt-universal__sc-xl9ll5-0"
|
|
1155
|
-
})(["background-color:", ";border-radius:", "px;width:", "px;height:", "px;position:absolute;bottom:0;left:0;"], function (
|
|
1156
|
-
var theme =
|
|
1157
|
-
color =
|
|
1158
|
-
disabled =
|
|
1142
|
+
})(["background-color:", ";border-radius:", "px;width:", "px;height:", "px;position:absolute;bottom:0;left:0;"], function (_ref) {
|
|
1143
|
+
var theme = _ref.theme,
|
|
1144
|
+
color = _ref.color,
|
|
1145
|
+
disabled = _ref.disabled;
|
|
1159
1146
|
var iconButton = theme.kitt.iconButton;
|
|
1160
1147
|
if (disabled) return iconButton.disabled.backgroundColor;
|
|
1161
1148
|
if (color === 'white') return iconButton.white.pressedBackgroundColor;
|
|
1162
1149
|
return iconButton["default"].pressedBackgroundColor;
|
|
1150
|
+
}, function (_ref2) {
|
|
1151
|
+
var theme = _ref2.theme;
|
|
1152
|
+
return theme.kitt.iconButton.borderRadius;
|
|
1163
1153
|
}, function (_ref3) {
|
|
1164
1154
|
var theme = _ref3.theme;
|
|
1165
|
-
return theme.kitt.iconButton.
|
|
1155
|
+
return theme.kitt.iconButton.width;
|
|
1166
1156
|
}, function (_ref4) {
|
|
1167
1157
|
var theme = _ref4.theme;
|
|
1168
|
-
return theme.kitt.iconButton.width;
|
|
1169
|
-
}, function (_ref5) {
|
|
1170
|
-
var theme = _ref5.theme;
|
|
1171
1158
|
return theme.kitt.iconButton.height;
|
|
1172
1159
|
});
|
|
1173
1160
|
var AnimatedViewContainer = /*#__PURE__*/styled(Animated$1.View).withConfig({
|
|
1174
1161
|
displayName: "PressableAnimatedContainer__AnimatedViewContainer",
|
|
1175
1162
|
componentId: "kitt-universal__sc-xl9ll5-1"
|
|
1176
1163
|
})(["position:relative;align-items:center;justify-content:center;width:100%;height:100%;"]);
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
onPress = _ref6.onPress;
|
|
1164
|
+
function PressableAnimatedContainer(_ref5) {
|
|
1165
|
+
var disabled = _ref5.disabled,
|
|
1166
|
+
_ref5$color = _ref5.color,
|
|
1167
|
+
color = _ref5$color === void 0 ? 'black' : _ref5$color,
|
|
1168
|
+
children = _ref5.children,
|
|
1169
|
+
onPress = _ref5.onPress;
|
|
1184
1170
|
var theme = /*#__PURE__*/useTheme();
|
|
1185
1171
|
var pressed = useSharedValue(false);
|
|
1186
1172
|
var opacityStyles = useAnimatedStyle(function () {
|
|
@@ -1196,7 +1182,7 @@ function NativeAnimatedContainer(_ref6) {
|
|
|
1196
1182
|
};
|
|
1197
1183
|
_f.asString = "function _f(){const{withSpring,pressed}=jsThis._closure;{return{opacity:withSpring(pressed.value?1:0)};}}";
|
|
1198
1184
|
_f.__workletHash = 10645190329247;
|
|
1199
|
-
_f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/IconButton/PressableAnimatedContainer.tsx (
|
|
1185
|
+
_f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/IconButton/PressableAnimatedContainer.tsx (55:41)";
|
|
1200
1186
|
_f.__optimalization = 2;
|
|
1201
1187
|
|
|
1202
1188
|
global.__reanimatedWorkletInit(_f);
|
|
@@ -1230,7 +1216,7 @@ function NativeAnimatedContainer(_ref6) {
|
|
|
1230
1216
|
};
|
|
1231
1217
|
_f.asString = "function _f(){const{withSpring,pressed,theme}=jsThis._closure;{return{transform:[{scale:withSpring(pressed.value?theme.kitt.iconButton.scale.base.active:theme.kitt.iconButton.scale.base.default)}]};}}";
|
|
1232
1218
|
_f.__workletHash = 13861998831411;
|
|
1233
|
-
_f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/IconButton/PressableAnimatedContainer.tsx (
|
|
1219
|
+
_f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/IconButton/PressableAnimatedContainer.tsx (61:39)";
|
|
1234
1220
|
_f.__optimalization = 2;
|
|
1235
1221
|
|
|
1236
1222
|
global.__reanimatedWorkletInit(_f);
|
|
@@ -1263,8 +1249,6 @@ function NativeAnimatedContainer(_ref6) {
|
|
|
1263
1249
|
}), children));
|
|
1264
1250
|
}
|
|
1265
1251
|
|
|
1266
|
-
var PressableAnimatedContainer = Platform.OS === 'web' ? WebAnimatedContainer : NativeAnimatedContainer;
|
|
1267
|
-
|
|
1268
1252
|
var IconButtonContentBorder = /*#__PURE__*/styled(PrimitiveView).withConfig({
|
|
1269
1253
|
displayName: "IconButton__IconButtonContentBorder",
|
|
1270
1254
|
componentId: "kitt-universal__sc-swelbf-0"
|
|
@@ -1371,9 +1355,9 @@ function ListItemSideContent(_ref5) {
|
|
|
1371
1355
|
|
|
1372
1356
|
var _excluded$3 = ["children", "withPadding", "borders", "left", "right", "onPress"];
|
|
1373
1357
|
|
|
1374
|
-
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
1358
|
+
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1375
1359
|
|
|
1376
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
1360
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1377
1361
|
var ContainerView = /*#__PURE__*/styled(PrimitiveView).withConfig({
|
|
1378
1362
|
displayName: "ListItem__ContainerView",
|
|
1379
1363
|
componentId: "kitt-universal__sc-2afp9s-0"
|
|
@@ -1580,9 +1564,9 @@ function Message(_ref11) {
|
|
|
1580
1564
|
})) : null);
|
|
1581
1565
|
}
|
|
1582
1566
|
|
|
1583
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
1567
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1584
1568
|
|
|
1585
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
1569
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1586
1570
|
var OverlayPressable = /*#__PURE__*/styled(PrimitivePressable).withConfig({
|
|
1587
1571
|
displayName: "Overlay__OverlayPressable",
|
|
1588
1572
|
componentId: "kitt-universal__sc-1cz1gbr-0"
|