@digigov/ui 0.20.2 → 0.21.2

package/typography/Hint/__stories__/FontSizes.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FontSizes = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Hint = _interopRequireDefault(require("@digigov/ui/typography/Hint"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+  fontSize: "14"
+}, " govgr-hint ");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+  fontSize: "16"
+}, " govgr-hint ");
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, " govgr-hint ");
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+  fontSize: "24"
+}, " govgr-hint ");
+
+var FontSizes = function FontSizes() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4);
+};
+
+exports.FontSizes = FontSizes;
+var _default = FontSizes;
+exports["default"] = _default;

package/typography/NormalText/NormalText.stories.d.ts

@@ -0,0 +1,10 @@
+declare namespace _default {
+    export const title: string;
+    export { NormalText as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/FontSizes";
+export * from "./__stories__/FontWeight";
+export * from "./__stories__/Variants";
+import NormalText from "@digigov/ui/typography/NormalText";

package/typography/NormalText/NormalText.stories.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+
+var _Default = require("./__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 _FontSizes = require("./__stories__/FontSizes");
+
+Object.keys(_FontSizes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FontSizes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FontSizes[key];
+    }
+  });
+});
+
+var _FontWeight = require("./__stories__/FontWeight");
+
+Object.keys(_FontWeight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FontWeight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FontWeight[key];
+    }
+  });
+});
+
+var _Variants = require("./__stories__/Variants");
+
+Object.keys(_Variants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Variants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Variants[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/typography/NormalText',
+  component: _NormalText["default"]
+};
+exports["default"] = _default;

package/typography/NormalText/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/typography/NormalText/__stories__/Default.js

@@ -0,0 +1,22 @@
+"use strict";
+
+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 _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, "govgr-normal-text");
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/typography/NormalText/__stories__/FontSizes.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const FontSizes: () => JSX.Element;
+export default FontSizes;

package/typography/NormalText/__stories__/FontSizes.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FontSizes = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+
+var _core = require("@digigov/ui/core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontSize: "14"
+}, " govgr-!-font-size-14 ");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_core.SectionBreak, null);
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontSize: "16"
+}, " govgr-!-font-size-16 ");
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_core.SectionBreak, null);
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontSize: "19"
+}, " govgr-!-font-size-19 ");
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_core.SectionBreak, null);
+
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontSize: "24"
+}, " govgr-!-font-size-24 ");
+
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_core.SectionBreak, null);
+
+var _ref9 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontSize: "30"
+}, " govgr-!-font-size-30 ");
+
+var _ref10 = /*#__PURE__*/_react["default"].createElement(_core.SectionBreak, null);
+
+var _ref11 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontSize: "48"
+}, " govgr-!-font-size-48 ");
+
+var _ref12 = /*#__PURE__*/_react["default"].createElement(_core.SectionBreak, null);
+
+var _ref13 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontSize: "72"
+}, " govgr-!-font-size-72 ");
+
+var FontSizes = function FontSizes() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13);
+};
+
+exports.FontSizes = FontSizes;
+var _default = FontSizes;
+exports["default"] = _default;

package/typography/NormalText/__stories__/FontWeight.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const fontWeight: () => JSX.Element;
+export default fontWeight;

package/typography/NormalText/__stories__/FontWeight.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontWeight = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+
+var _core = require("@digigov/ui/core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontWeight: "regular"
+}, " govgr-!-font-weight-regular ");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_core.SectionBreak, null);
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  fontWeight: "bold"
+}, " govgr-!-font-weight-bold ");
+
+var fontWeight = function fontWeight() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3);
+};
+
+exports.fontWeight = fontWeight;
+var _default = fontWeight;
+exports["default"] = _default;

package/typography/NormalText/__stories__/Variants.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Variants: () => JSX.Element;
+export default Variants;

package/typography/NormalText/__stories__/Variants.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Variants = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+
+var _core = require("@digigov/ui/core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  variant: "small"
+}, " govgr-variant-small ");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_core.SectionBreak, null);
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
+  variant: "lead"
+}, " govgr-variant-lead ");
+
+var Variants = function Variants() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3);
+};
+
+exports.Variants = Variants;
+var _default = Variants;
+exports["default"] = _default;

package/typography/Paragraph/Paragraph.stories.d.ts

@@ -0,0 +1,11 @@
+declare namespace _default {
+    export const title: string;
+    export { Paragraph as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/LeadVariant";
+export * from "./__stories__/SmallVariant";
+export * from "./__stories__/FontSizes";
+export * from "./__stories__/FontWeight";
+import Paragraph from "@digigov/ui/typography/Paragraph";

package/typography/Paragraph/Paragraph.stories.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
+
+var _Default = require("./__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 _LeadVariant = require("./__stories__/LeadVariant");
+
+Object.keys(_LeadVariant).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _LeadVariant[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LeadVariant[key];
+    }
+  });
+});
+
+var _SmallVariant = require("./__stories__/SmallVariant");
+
+Object.keys(_SmallVariant).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SmallVariant[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SmallVariant[key];
+    }
+  });
+});
+
+var _FontSizes = require("./__stories__/FontSizes");
+
+Object.keys(_FontSizes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FontSizes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FontSizes[key];
+    }
+  });
+});
+
+var _FontWeight = require("./__stories__/FontWeight");
+
+Object.keys(_FontWeight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FontWeight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FontWeight[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/typography/Paragraph',
+  component: _Paragraph["default"]
+};
+exports["default"] = _default;

package/typography/Paragraph/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/typography/Paragraph/__stories__/Default.js

@@ -0,0 +1,22 @@
+"use strict";
+
+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 _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, "govgr-body");
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/typography/Paragraph/__stories__/FontSizes.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const FontSizes: () => JSX.Element;
+export default FontSizes;

package/typography/Paragraph/__stories__/FontSizes.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FontSizes = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontSize: "14"
+}, " govgr-!-font-size-14 ");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontSize: "16"
+}, " govgr-!-font-size-16 ");
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontSize: "19"
+}, " govgr-!-font-size-19 ");
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontSize: "24"
+}, " govgr-!-font-size-24 ");
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontSize: "30"
+}, " govgr-!-font-size-30 ");
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontSize: "48"
+}, " govgr-!-font-size-48 ");
+
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontSize: "72"
+}, " govgr-!-font-size-72 ");
+
+var FontSizes = function FontSizes() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7);
+};
+
+exports.FontSizes = FontSizes;
+var _default = FontSizes;
+exports["default"] = _default;

package/typography/Paragraph/__stories__/FontWeight.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const fontWeight: () => JSX.Element;
+export default fontWeight;

package/typography/Paragraph/__stories__/FontWeight.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontWeight = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontWeight: "regular"
+}, " govgr-!-font-weight-regular ");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontWeight: "bold"
+}, " govgr-!-font-weight-bold ");
+
+var fontWeight = function fontWeight() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2);
+};
+
+exports.fontWeight = fontWeight;
+var _default = fontWeight;
+exports["default"] = _default;

package/typography/Paragraph/__stories__/LeadVariant.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const LeadVariant: () => JSX.Element;
+export default LeadVariant;

package/typography/Paragraph/__stories__/LeadVariant.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LeadVariant = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  variant: "lead"
+}, "govgr-body");
+
+var LeadVariant = function LeadVariant() {
+  return _ref;
+};
+
+exports.LeadVariant = LeadVariant;
+var _default = LeadVariant;
+exports["default"] = _default;

package/typography/Paragraph/__stories__/SmallVariant.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SmallVariant: () => JSX.Element;
+export default SmallVariant;

package/typography/Paragraph/__stories__/SmallVariant.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SmallVariant = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  variant: "small"
+}, "govgr-body");
+
+var SmallVariant = function SmallVariant() {
+  return _ref;
+};
+
+exports.SmallVariant = SmallVariant;
+var _default = SmallVariant;
+exports["default"] = _default;

package/typography/Title/Title.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { Title as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+import Title from "@digigov/ui/typography/Title";

package/typography/Title/Title.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
+
+var _Default = require("./__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 _default = {
+  title: 'Digigov UI/typography/Title',
+  component: _Title["default"]
+};
+exports["default"] = _default;

package/typography/Title/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/typography/Title/__stories__/Default.js

@@ -0,0 +1,37 @@
+"use strict";
+
+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 _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Title["default"], null, " govgr-heading-xl ");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+  size: "lg",
+  element: "h2"
+}, " govgr-heading-lg ");
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+  size: "md",
+  element: "h3"
+}, " govgr-heading-md ");
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+  size: "sm",
+  element: "h4"
+}, " govgr-heading-sm ");
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;