@vitality-ds/components 4.3.0 → 4.3.2

package/dist/esm/SkeletonBox/primitives/index.js

@@ -0,0 +1,10 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+import React from "react";
+import Box from "../../Box";
+import { BasePrimitiveSkeletonBox } from "./styled";
+function PrimitiveSkeletonBox(_ref) {
+  var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(Box, restProps, /*#__PURE__*/React.createElement(BasePrimitiveSkeletonBox, null));
+}
+export default PrimitiveSkeletonBox;

package/dist/esm/SkeletonBox/primitives/styled.js

@@ -0,0 +1,5 @@
+import { styled } from "@vitality-ds/system";
+import BasePrimitiveSkeletonBoxStyles from "./styles/BasePrimitiveSkeletonBox";
+
+// eslint-disable-next-line import/prefer-default-export
+export var BasePrimitiveSkeletonBox = styled("div", BasePrimitiveSkeletonBoxStyles);

package/dist/esm/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js

@@ -0,0 +1,15 @@
+import { colorUseCases, css, getColorScaleValueByUseCase, keyframes } from "@vitality-ds/system";
+var pulse = keyframes({
+  "0%": {
+    backgroundColor: getColorScaleValueByUseCase("neutral", colorUseCases.backgrounds.uiElement_hovered)
+  },
+  "100%": {
+    backgroundColor: getColorScaleValueByUseCase("neutral", colorUseCases.borders.uiElement_disabled)
+  }
+});
+export default css({
+  height: "100%",
+  width: "100%",
+  borderRadius: "$default",
+  animation: "".concat(pulse, " 1s linear infinite alternate")
+});

package/dist/esm/SkeletonBox/primitives/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/SkeletonBox/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/TruncateContent/index.js

@@ -18,6 +18,7 @@ function TruncateContent(_ref) {
     css: dynamicStyle,
     truncated: isTruncated
   }, children), /*#__PURE__*/React.createElement(BaseButton, {
+    type: "button",
     css: {
       color: buttonTextColor
     },

package/dist/esm/index.js

@@ -46,4 +46,5 @@ export { default as RadioButtons } from "./Input/RadioButtons";
 export { default as DropdownMenu } from "./DropdownMenu";
 export { default as EmptyState } from "./EmptyState";
 export { default as Box } from "./Box";
-export { default as Flex } from "./Flex";
+export { default as Flex } from "./Flex";
+export { default as SkeletonBox } from "./SkeletonBox";

package/dist/index.js

@@ -256,6 +256,12 @@ Object.defineProperty(exports, "SidebarProvider", {
     return _Sidebar.SidebarProvider;
   }
 });
+Object.defineProperty(exports, "SkeletonBox", {
+  enumerable: true,
+  get: function get() {
+    return _SkeletonBox["default"];
+  }
+});
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function get() {
@@ -406,4 +412,5 @@ var _RadioButtons = _interopRequireDefault(require("./Input/RadioButtons"));
 var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
 var _EmptyState = _interopRequireDefault(require("./EmptyState"));
 var _Box = _interopRequireDefault(require("./Box"));
-var _Flex = _interopRequireDefault(require("./Flex"));
+var _Flex = _interopRequireDefault(require("./Flex"));
+var _SkeletonBox = _interopRequireDefault(require("./SkeletonBox"));