@dxc-technology/halstack-react 0.0.0-e832ef8 → 0.0.0-e8505b7

package/text/Text.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare type TextProps = {
+    as?: "p" | "span";
+    children: React.ReactNode;
+};
+declare function Text({ as, children }: TextProps): JSX.Element;
+export default Text;

package/text/Text.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+function Text(_ref) {
+  var _ref$as = _ref.as,
+      as = _ref$as === void 0 ? "span" : _ref$as,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(StyledText, {
+    as: as
+  }, children);
+}
+
+var StyledText = _styledComponents["default"].span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0px;\n  font-family: Open Sans, sans-serif;\n  line-height: 1.5em;\n"])));
+
+var _default = Text;
+exports["default"] = _default;

package/text/Text.stories.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import Title from "../../.storybook/components/Title";
+import DxcText from "./Text";
+
+export default {
+  title: "Text",
+  component: DxcText,
+};
+
+export const Chromatic = () => (
+  <>
+    <Title title="Two texts as span" theme="light" level={4} />
+    <DxcText>Text 1.</DxcText>
+    <DxcText>Text 2.</DxcText>
+    <Title title="Two texts as p" theme="light" level={4} />
+    <DxcText as="p">Text 1.</DxcText>
+    <DxcText as="p">Text 2.</DxcText>
+  </>
+);

package/text-input/TextInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import TextInputPropsType from "./types";
+declare const DxcTextInput: React.ForwardRefExoticComponent<TextInputPropsType & React.RefAttributes<HTMLDivElement>>;
+export default DxcTextInput;