@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-b0737a96

package/form/TextInput/TextInput.stories.js

@@ -1,145 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _TextInput = _interopRequireDefault(require("@digigov/ui/form/TextInput"));
-
-var _Default = require("@digigov/ui/form/TextInput/__stories__/Default");
-
-Object.keys(_Default).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Default[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Default[key];
-    }
-  });
-});
-
-var _MultipleQuestions = require("@digigov/ui/form/TextInput/__stories__/MultipleQuestions");
-
-Object.keys(_MultipleQuestions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MultipleQuestions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MultipleQuestions[key];
-    }
-  });
-});
-
-var _FixedWidths = require("@digigov/ui/form/TextInput/__stories__/FixedWidths");
-
-Object.keys(_FixedWidths).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _FixedWidths[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FixedWidths[key];
-    }
-  });
-});
-
-var _FluidWidths = require("@digigov/ui/form/TextInput/__stories__/FluidWidths");
-
-Object.keys(_FluidWidths).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _FluidWidths[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FluidWidths[key];
-    }
-  });
-});
-
-var _WithHint = require("@digigov/ui/form/TextInput/__stories__/WithHint");
-
-Object.keys(_WithHint).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithHint[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithHint[key];
-    }
-  });
-});
-
-var _AskingForNumbers = require("@digigov/ui/form/TextInput/__stories__/AskingForNumbers");
-
-Object.keys(_AskingForNumbers).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AskingForNumbers[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AskingForNumbers[key];
-    }
-  });
-});
-
-var _WithErrorMessage = require("@digigov/ui/form/TextInput/__stories__/WithErrorMessage");
-
-Object.keys(_WithErrorMessage).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithErrorMessage[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithErrorMessage[key];
-    }
-  });
-});
-
-var _DisabledInput = require("@digigov/ui/form/TextInput/__stories__/DisabledInput");
-
-Object.keys(_DisabledInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DisabledInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DisabledInput[key];
-    }
-  });
-});
-
-var _Dense = require("@digigov/ui/form/TextInput/__stories__/Dense");
-
-Object.keys(_Dense).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Dense[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dense[key];
-    }
-  });
-});
-var _default = {
+import TextInput from "./";
+export default {
   title: 'Digigov UI/form/TextInput',
   description: 'Use the text input component when you need to let users enter text that’s no longer than a single line.',
   link: 'https://guide.services.gov.gr/docs/components/TextInput',
-  component: _TextInput["default"],
+  component: TextInput,
   displayName: 'TextInput'
 };
-exports["default"] = _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/MultipleQuestions";
+export * from "./__stories__/FixedWidths";
+export * from "./__stories__/FluidWidths";
+export * from "./__stories__/WithHint";
+export * from "./__stories__/AskingForNumbers";
+export * from "./__stories__/WithErrorMessage";
+export * from "./__stories__/DisabledInput";
+export * from "./__stories__/Dense";

package/form/TextInput/__stories__/AskingForNumbers.js

@@ -1,37 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.AskingForNumbers = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _LabelContainer = require("@digigov/ui/form/LabelContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _Hint = require("@digigov/ui/typography/Hint");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+import React from 'react';
+import { FieldContainer } from "../../FieldContainer";
+import { LabelContainer } from "../../LabelContainer";
+import { LabelTitle } from "../../LabelContainer";
+import { TextInput } from "./..";
+import { Hint } from "../../../typography/Hint";
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "md"
-}, "\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+}, "\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7"), /*#__PURE__*/React.createElement(Hint, {
   id: "input-hint"
-}, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B1\u03BA\u03C1\u03B9\u03B2\u03CE\u03C2 9 \u03C8\u03B7\u03C6\u03AF\u03B1."), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B1\u03BA\u03C1\u03B9\u03B2\u03CE\u03C2 9 \u03C8\u03B7\u03C6\u03AF\u03B1."), /*#__PURE__*/React.createElement(TextInput, {
   "aria-describedby": "input-hint",
   name: "inputext",
   pattern: "[0-9]*",
   inputMode: "numeric"
 })));
 
-var AskingForNumbers = function AskingForNumbers() {
+export var AskingForNumbers = function AskingForNumbers() {
   return _ref;
 };
-
-exports.AskingForNumbers = AskingForNumbers;
-var _default = AskingForNumbers;
-exports["default"] = _default;
+export default AskingForNumbers;

package/form/TextInput/__stories__/Default.js

@@ -1,30 +1,16 @@
-"use strict";
+import React from 'react';
+import { FieldContainer } from "../../FieldContainer";
+import { LabelContainer } from "../../LabelContainer";
+import { LabelTitle } from "../../LabelContainer";
+import { TextInput } from "./..";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _LabelContainer = require("@digigov/ui/form/LabelContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "md"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext"
 })));
 
-var Default = function Default() {
+export var Default = function Default() {
   return _ref;
 };
-
-exports.Default = Default;
-var _default = Default;
-exports["default"] = _default;
+export default Default;

package/form/TextInput/__stories__/Dense.js

@@ -1,29 +1,14 @@
-"use strict";
+import React from 'react';
+import { FieldContainer } from "../../FieldContainer";
+import { LabelContainer } from "../../LabelContainer";
+import { TextInput } from "./..";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Dense = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _LabelContainer = require("@digigov/ui/form/LabelContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2", /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2", /*#__PURE__*/React.createElement(TextInput, {
   dense: true,
   name: "inputext"
 })));
 
-var Dense = function Dense() {
+export var Dense = function Dense() {
   return _ref;
 };
-
-exports.Dense = Dense;
-var _default = Dense;
-exports["default"] = _default;
+export default Dense;

package/form/TextInput/__stories__/DisabledInput.js

@@ -1,36 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DisabledInput = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _LabelContainer = require("@digigov/ui/form/LabelContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _Hint = require("@digigov/ui/typography/Hint");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+import React from 'react';
+import { FieldContainer } from "../../FieldContainer";
+import { LabelContainer } from "../../LabelContainer";
+import { LabelTitle } from "../../LabelContainer";
+import { TextInput } from "./..";
+import { Hint } from "../../../typography/Hint";
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "md"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, {
   id: "input-hint"
-}, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03B5 \u03B5\u03C0\u03AF\u03C3\u03B7\u03BC\u03B1 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1;"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03B5 \u03B5\u03C0\u03AF\u03C3\u03B7\u03BC\u03B1 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1;"), /*#__PURE__*/React.createElement(TextInput, {
   "aria-describedby": "input-hint",
   name: "inputext",
   disabled: true
 })));
 
-var DisabledInput = function DisabledInput() {
+export var DisabledInput = function DisabledInput() {
   return _ref;
 };
-
-exports.DisabledInput = DisabledInput;
-var _default = DisabledInput;
-exports["default"] = _default;
+export default DisabledInput;

package/form/TextInput/__stories__/FixedWidths.js

@@ -1,56 +1,42 @@
-"use strict";
+import React from 'react';
+import { FieldContainer } from "../../FieldContainer";
+import { LabelContainer } from "../../LabelContainer";
+import { LabelTitle } from "../../LabelContainer";
+import { TextInput } from "./..";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FixedWidths = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _LabelContainer = require("@digigov/ui/form/LabelContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03B5\u03B4\u03AF\u03BF 20 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03B5\u03B4\u03AF\u03BF 20 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   maxWidth: '20-char'
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03B5\u03B4\u03AF\u03BF 10 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03B5\u03B4\u03AF\u03BF 10 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   maxWidth: '10-char'
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03B5\u03B4\u03AF\u03BF 5 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03B5\u03B4\u03AF\u03BF 5 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   maxWidth: '5-char'
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03B5\u03B4\u03AF\u03BF 4 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03B5\u03B4\u03AF\u03BF 4 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   maxWidth: '4-char'
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03B5\u03B4\u03AF\u03BF 3 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03B5\u03B4\u03AF\u03BF 3 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   maxWidth: '3-char'
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03B5\u03B4\u03AF\u03BF 2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03B5\u03B4\u03AF\u03BF 2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   maxWidth: '2-char'
 }))));
 
-var FixedWidths = function FixedWidths() {
+export var FixedWidths = function FixedWidths() {
   return _ref;
 };
-
-exports.FixedWidths = FixedWidths;
-var _default = FixedWidths;
-exports["default"] = _default;
+export default FixedWidths;

package/form/TextInput/__stories__/FluidWidths.js

@@ -1,56 +1,42 @@
-"use strict";
+import React from 'react';
+import { FieldContainer } from "../../FieldContainer";
+import { LabelContainer } from "../../LabelContainer";
+import { LabelTitle } from "../../LabelContainer";
+import { TextInput } from "./..";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FluidWidths = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _LabelContainer = require("@digigov/ui/form/LabelContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C2"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   width: "full"
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03C4\u03C1\u03AF\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03B1"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03C4\u03C1\u03AF\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03B1"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   width: "75%"
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03B4\u03CD\u03BF-\u03C4\u03C1\u03AF\u03C4\u03B1"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03B4\u03CD\u03BF-\u03C4\u03C1\u03AF\u03C4\u03B1"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   width: "66.6%"
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03BC\u03B9\u03C3\u03CC"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03BC\u03B9\u03C3\u03CC"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   width: "50%"
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03C1\u03AF\u03C4\u03BF"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03C1\u03AF\u03C4\u03BF"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   width: "33.3%"
-}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "sm"
-}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03BF"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03BF"), /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext",
   width: "25%"
 }))));
 
-var FluidWidths = function FluidWidths() {
+export var FluidWidths = function FluidWidths() {
   return _ref;
 };
-
-exports.FluidWidths = FluidWidths;
-var _default = FluidWidths;
-exports["default"] = _default;
+export default FluidWidths;

package/form/TextInput/__stories__/MultipleQuestions.js

@@ -1,28 +1,13 @@
-"use strict";
+import React from 'react';
+import { FieldContainer } from "../../FieldContainer";
+import { LabelContainer } from "../../LabelContainer";
+import { TextInput } from "./..";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.MultipleQuestions = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _LabelContainer = require("@digigov/ui/form/LabelContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2", /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2", /*#__PURE__*/React.createElement(TextInput, {
   name: "inputext"
 })));
 
-var MultipleQuestions = function MultipleQuestions() {
+export var MultipleQuestions = function MultipleQuestions() {
   return _ref;
 };
-
-exports.MultipleQuestions = MultipleQuestions;
-var _default = MultipleQuestions;
-exports["default"] = _default;
+export default MultipleQuestions;

package/form/TextInput/__stories__/WithErrorMessage.js

@@ -1,43 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithErrorMessage = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ErrorMessage = require("@digigov/ui/form/ErrorMessage");
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _LabelContainer = require("@digigov/ui/form/LabelContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _Hint = require("@digigov/ui/typography/Hint");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+import React from 'react';
+import { ErrorMessage } from "../../ErrorMessage";
+import { FieldContainer } from "../../FieldContainer";
+import { LabelContainer } from "../../LabelContainer";
+import { LabelTitle } from "../../LabelContainer";
+import { TextInput } from "./..";
+import { Hint } from "../../../typography/Hint";
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   error: true,
   "aria-describedby": "input-error"
-}, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
   size: "md"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, {
   id: "input-hint"
-}, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, {
+}, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;"), /*#__PURE__*/React.createElement(ErrorMessage, {
   id: "input-error"
-}, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(TextInput, {
   "aria-describedby": "input-hint",
   error: true,
   name: "inputext"
 })));
 
-var WithErrorMessage = function WithErrorMessage() {
+export var WithErrorMessage = function WithErrorMessage() {
   return _ref;
 };
-
-exports.WithErrorMessage = WithErrorMessage;
-var _default = WithErrorMessage;
-exports["default"] = _default;
+export default WithErrorMessage;