@digigov/ui 0.21.1 → 0.22.0

package/typography/Caption/__stories__/NestedToTitle.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NestedToTitle = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
+
+var _typography = require("@digigov/ui/typography");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+  size: "lg",
+  element: "h2"
+}, /*#__PURE__*/_react["default"].createElement(_typography.Caption, {
+  size: "xl"
+}, "caption for govgr-heading-xl "), "govgr-heading-xl");
+
+var NestedToTitle = function NestedToTitle() {
+  return _ref;
+};
+
+exports.NestedToTitle = NestedToTitle;
+var _default = NestedToTitle;
+exports["default"] = _default;

package/typography/Caption/index.mdx

@@ -0,0 +1,16 @@
+---
+id: caption
+title: Caption
+---
+
+```bash
+import Caption from '@digigov/ui/typography/Caption';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="typography/Caption" story="Default.tsx" />
+
+### Nested caption to title
+
+<Story packageName="@digigov/ui" component="typography/Caption" story="NestedToTitle.tsx" />

package/typography/Hint/Hint.stories.d.ts

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

package/typography/Hint/Hint.stories.js

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

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

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

package/typography/Hint/__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 _Hint = _interopRequireDefault(require("@digigov/ui/typography/Hint"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, " govgr-hint ");
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

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

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

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/Hint/index.mdx

@@ -0,0 +1,16 @@
+---
+id: hint
+title: Hint
+---
+
+```bash
+import Hint from '@digigov/ui/typography/Hint';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="typography/Hint" story="Default.tsx" />
+
+### Font sizes
+
+<Story packageName="@digigov/ui" component="typography/Hint" story="FontSizes.tsx" />

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/NormalText/index.mdx

@@ -0,0 +1,26 @@
+---
+id: normal-text
+title: NormalText
+---
+
+```bash
+import NormalText from '@digigov/ui/typography/NormalText';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="typography/NormalText" story="Default.tsx" />
+
+### Variants
+
+<Story packageName="@digigov/ui" component="typography/NormalText" story="Variants.tsx" />
+
+## Font override classes
+
+### Font size
+
+<Story packageName="@digigov/ui" component="typography/NormalText" story="FontSizes.tsx" />
+
+### Font weight
+
+<Story packageName="@digigov/ui" component="typography/NormalText" story="FontWeight.tsx" />

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;