@elliemae/pui-app-sdk 2.15.2 → 3.0.0-beta.1

package/dist/cjs/view/fields/form-item-layout/index.stories.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("../text-box/index.js");
-
-var _index3 = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Components/Form/Controls/FormItemLayout',
-  component: _index3.FormItemLayout
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  floatingLabel: true,
-  inputComponent: _index2.TextBox,
-  labelText: 'First Name',
-  name: 'firstname',
-  required: true,
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter firstname'
-    }
-  }
-};

package/dist/cjs/view/fields/input-mask/index.stories.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _index3 = require("../form-item-layout/index.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Components/Form/Controls/InputMask',
-  component: _index2.InputMask
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: _index2.InputMask,
-  required: true,
-  ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'otp',
-  labelText: 'Enter One time passcode',
-  mask: number => _index2.MASK_TYPES.NUMBER({
-    decimalLimit: 2,
-    integerLimit: 8,
-    allowDecimal: true
-  })(number),
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter OTP'
-    }
-  }
-};

package/dist/cjs/view/fields/large-text-box/index.stories.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _index3 = require("../form-item-layout/index.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Components/Form/Controls/LargeTextBox',
-  component: _index2.LargeTextBox
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: _index2.LargeTextBox,
-  required: true,
-  ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'feedback',
-  labelText: 'Enter Feedback',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter feedback'
-    }
-  }
-};

package/dist/cjs/view/fields/radio/index.stories.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _connectForm = require("../connect-form.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!(0, _reactHookForm.get)(errors, name);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Radio, {
-    name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
-  name: name,
-  ...rest
-}));
-
-var _default = {
-  title: 'Components/Form/Controls/Radio',
-  component: _index2.Radio
-};
-exports.default = _default;
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'gender',
-  labelText: 'Male',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please select a gender'
-    }
-  },
-  defaultChecked: false
-};

package/dist/cjs/view/fields/radio/set-value.stories.js

@@ -1,81 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SetValue = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _connectForm = require("../connect-form.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _ToggleValue;
-
-const radioName = 'gender';
-
-const ToggleValue = () => {
-  const {
-    setValue,
-    watch
-  } = (0, _reactHookForm.useFormContext)();
-  const currentValue = watch(radioName);
-  return /*#__PURE__*/(0, _jsx3.default)(_StyledDSButton, {
-    size: "m",
-    labelText: "Toggle",
-    onClick: () => setValue(radioName, !currentValue, {
-      shouldDirty: true
-    })
-  });
-};
-
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!(0, _reactHookForm.get)(errors, name);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Radio, {
-    name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), _ToggleValue || (_ToggleValue = /*#__PURE__*/(0, _jsx3.default)(ToggleValue, {})));
-
-var _default = {
-  title: 'Components/Form/Controls/Radio'
-};
-exports.default = _default;
-const SetValue = Template.bind({});
-exports.SetValue = SetValue;
-SetValue.args = {
-  name: radioName,
-  labelText: 'Male',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please select a gender'
-    }
-  },
-  defaultChecked: true
-};
-
-var _StyledDSButton = /*#__PURE__*/(0, _styledComponents.default)(_Button.default).withConfig({
-  componentId: "sc-fd8n0e-0"
-})(["margin-top:10px;"]);

package/dist/cjs/view/fields/radio-group/index.stories.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _Radio = _interopRequireDefault(require("@elliemae/ds-basic/form/Radio"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _index = require("./index.js");
-
-var _index2 = require("../../form/index.js");
-
-var _connectForm = require("../connect-form.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _DSRadio, _DSRadio2;
-
-const radioName = 'gender';
-
-const Gender = ({
-  feedbackMessage,
-  ...rest
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.RadioGroup, {
-  name: radioName,
-  labelProps: {
-    labelText: 'Gender',
-    required: true,
-    feedbackMessage
-  },
-  orientation: "horizontal",
-  ...rest,
-  children: [_DSRadio || (_DSRadio = /*#__PURE__*/(0, _jsx3.default)(_Radio.default, {
-    name: radioName,
-    value: "male",
-    labelText: "Male"
-  })), _DSRadio2 || (_DSRadio2 = /*#__PURE__*/(0, _jsx3.default)(_Radio.default, {
-    name: radioName,
-    value: "female",
-    labelText: "Female"
-  }))]
-});
-
-const Template = ({
-  props
-}) => /*#__PURE__*/(0, _jsx3.default)(_index2.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const errField = (0, _reactHookForm.get)(errors, radioName);
-  const feedbackMessage = errField === null || errField === void 0 ? void 0 : errField.message;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Gender, {
-    feedbackMessage: feedbackMessage,
-    ...props
-  });
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
-  name: radioName,
-  ...props
-}));
-
-var _default = {
-  title: 'Components/Form/Controls/RadioGroup',
-  component: _index.RadioGroup
-};
-exports.default = _default;
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  rules: {
-    required: {
-      value: true,
-      message: 'Please select a gender'
-    }
-  }
-};

package/dist/cjs/view/fields/text-box/index.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _index = require("../../form/index.js");
-
-var _index2 = require("./index.js");
-
-var _index3 = require("../form-item-layout/index.js");
-
-var _watchValue = require("../watch-value.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: 'Components/Form/Controls/TextBox',
-  component: _index2.TextBox
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: _index2.TextBox,
-  required: true,
-  ...args
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
-}));
-
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  name: 'firstname',
-  labelText: 'First Name',
-  defaultValue: 'John',
-  rules: {
-    required: {
-      value: true,
-      message: 'Please enter firstname'
-    }
-  }
-};

package/dist/cjs/view/form/index.stories.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WatchFormControls = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _index = require("./submit-button/index.js");
-
-var _index2 = require("./index.js");
-
-var _personalInfoSection = require("./personal-info-section.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _h, _FirstName, _DOB, _State, _MaritalStatus, _WatchDashBoard;
-
-const btnProps = {
-  containerProps: {
-    id: 'submit'
-  },
-  labelText: 'Submit Application',
-  size: 'l'
-};
-var _default = {
-  title: 'Components/Form',
-  component: _index2.Form
-};
-exports.default = _default;
-const StyledButton = /*#__PURE__*/(0, _styledComponents.default)(_index.FormSubmitButton).withConfig({
-  componentId: "sc-1mzmcta-0"
-})(["margin-top:", ";"], ({
-  theme
-}) => theme.space.xs);
-
-const WatchDashBoard = () => {
-  const {
-    watch
-  } = (0, _reactHookForm.useFormContext)();
-  const watchFirstName = watch('firstname', '');
-  const watchDOB = watch('dob', '');
-  const watchState = watch('state', '');
-  const watchMaritalStatus = watch('marital_status', '');
-  return /*#__PURE__*/(0, _jsx3.default)(_StyledSection, {}, void 0, _h || (_h = /*#__PURE__*/(0, _jsx3.default)("h4", {}, void 0, "Form Data:")), /*#__PURE__*/(0, _jsx3.default)(_StyledDiv, {}, void 0, /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "FirstName : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchFirstName)), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "DOB : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, JSON.stringify(watchDOB))), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "State : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchState)), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "Marital Status : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchMaritalStatus))));
-}; // eslint-disable-next-line no-unused-vars
-
-
-const Template = () => /*#__PURE__*/(0, _jsx3.default)(_index2.Form, {
-  onSubmit: data => {}
-}, void 0, _FirstName || (_FirstName = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.FirstName, {})), _DOB || (_DOB = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.DOB, {})), _State || (_State = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.MaritalStatus, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, { ...btnProps
-}), _WatchDashBoard || (_WatchDashBoard = /*#__PURE__*/(0, _jsx3.default)(WatchDashBoard, {})));
-
-const WatchFormControls = Template.bind({});
-exports.WatchFormControls = WatchFormControls;
-WatchFormControls.args = {};
-
-var _StyledSection = /*#__PURE__*/(0, _styledComponents.default)("section").withConfig({
-  componentId: "sc-1mzmcta-1"
-})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]);
-
-var _StyledDiv = /*#__PURE__*/(0, _styledComponents.default)("div").withConfig({
-  componentId: "sc-1mzmcta-2"
-})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]);

package/dist/cjs/view/form/usecases.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FormValidationOnSubmit = exports.FormValidationOnBlur = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _index = require("./submit-button/index.js");
-
-var _index2 = require("./index.js");
-
-var _personalInfoSection = require("./personal-info-section.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _FirstName, _DOB, _State, _MaritalStatus;
-
-const btnProps = {
-  containerProps: {
-    id: 'submit'
-  },
-  labelText: 'Submit Application',
-  size: 'l'
-};
-var _default = {
-  title: 'Components/Form',
-  component: _index.FormSubmitButton
-};
-exports.default = _default;
-const StyledButton = /*#__PURE__*/(0, _styledComponents.default)(_index.FormSubmitButton).withConfig({
-  componentId: "sc-1wwguuk-0"
-})(["margin-top:", ";"], ({
-  theme
-}) => theme.space.xs);
-
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Form, { ...args,
-  children: [_FirstName || (_FirstName = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.FirstName, {})), _DOB || (_DOB = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.DOB, {})), _State || (_State = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.MaritalStatus, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, { ...btnProps
-  })]
-});
-
-const FormValidationOnBlur = Template.bind({});
-exports.FormValidationOnBlur = FormValidationOnBlur;
-FormValidationOnBlur.args = {
-  onSubmit: data => {}
-};
-const FormValidationOnSubmit = Template.bind({});
-exports.FormValidationOnSubmit = FormValidationOnSubmit;
-FormValidationOnSubmit.args = {
-  onSubmit: data => {},
-  reactHookFormProps: {
-    mode: 'onSubmit'
-  }
-};

package/dist/cjs/view/header/index.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Basic = void 0;
-
-var _index = require("./index.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Header, { ...args
-});
-
-var _default = {
-  title: 'Components/Header',
-  component: _index.Header
-};
-exports.default = _default;
-const Basic = Template.bind({});
-exports.Basic = Basic;
-Basic.args = {
-  show: true
-};

package/dist/cjs/view/header/logo-region/logo.svg

@@ -1,2 +0,0 @@
-
-<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="195" height="28" viewBox="0 0 195 28"><style>.st0{fill:#dee3e0}.st1{fill:#fff}.st2{fill:#408a90}.st3{fill:#00acdc}.st4{fill:#f7911e}.st5{fill:#0067ab}.st6{fill:#fefefe}</style><g id="Page-1_2_"><g id="brand-assets" transform="translate(-107 -187)"><g id="logo-enc-em-inline-dark" transform="translate(107 187)"><g id="Group-3"><g id="Group" transform="translate(143 14)"><path id="Fill-27" class="st0" d="M1.8 1.9c-.6 0-.9.6-.9 1.1s.3 1.1.9 1.1c.6 0 .8-.7.8-1.1.1-.5-.2-1.1-.8-1.1zM.4.1h.5v1.8c.2-.3.5-.5 1-.5.9 0 1.3.7 1.3 1.5s-.4 1.6-1.3 1.6c-.5 0-.9-.3-1-.5v.4H.4V.1z"/><path id="Fill-29" class="st0" d="M3.7 5.3H4c.5 0 .7-.7.7-.7 0-.1-.1-.2-.1-.3l-1-2.8h.6L5 4l.8-2.5h.6l-1.1 3c-.2.6-.4 1.2-1.1 1.2h-.4l-.1-.4z"/><path id="Fill-31" class="st0" d="M50.5 1.8h.2c.1 0 .2 0 .2-.2 0-.1-.1-.2-.2-.2h-.2v.4zm-.2-.5h.4c.3 0 .4.1.4.3 0 .2-.1.3-.3.3l.3.5h-.2l-.3-.5h-.2v.5h-.2V1.3h.1zm.3 1.4c.5 0 .8-.4.8-.8 0-.5-.3-.8-.8-.8s-.8.4-.8.8.4.8.8.8zm0-1.8c.5 0 1 .4 1 1 0 .5-.4 1-1 1s-1-.4-1-1c.1-.6.5-1 1-1z"/><path id="Fill-33" class="st0" d="M8.8.1h4.8v1.1H10v2.5h3.2v1H10v2.9h3.6v1H8.8z"/><path id="Fill-35" class="st0" d="M14.6 8.6h1.1V0h-1.1z"/><path id="Fill-37" class="st0" d="M17 8.6h1.1V0H17z"/><path id="Fill-38" class="st0" d="M19.4 8.6h1.2V2.3h-1.2v6.3zm-.1-7.2h1.2V0h-1.2v1.4z"/><path id="Fill-39" class="st0" d="M25.7 4.9c0-1-.6-1.7-1.6-1.7-1.1 0-1.6.9-1.7 1.7h3.3zm.7 3.5c-.4.2-.9.4-2 .4-2.2 0-3.2-1.3-3.2-3.4 0-1.9 1.2-3.2 2.9-3.2 2.1 0 2.8 1.5 2.8 3.5h-4.5c0 1.2 1 2.1 2.1 2.1.8 0 1.6-.4 1.9-.6v1.2z"/><path id="Fill-40" class="st0" d="M27.9.1H30l2.6 7.1L35.3.1h2v8.5h-1.2V1.2l-2.9 7.4H32l-2.8-7.4v7.4h-1.3z"/><path id="Fill-41" class="st0" d="M48.2 4.9c0-1-.6-1.7-1.6-1.7-1.1 0-1.6.9-1.7 1.7h3.3zm.8 3.5c-.4.2-.9.4-2 .4-2.2 0-3.2-1.3-3.2-3.4 0-1.9 1.2-3.2 2.9-3.2 2.1 0 2.8 1.5 2.8 3.5H45c0 1.2 1 2.1 2.1 2.1.8 0 1.6-.4 1.9-.6v1.2z"/><path id="Fill-42" class="st0" d="M42.2 5.6h-.7c-.6 0-2.2.1-2.2 1.2 0 .7.6 1 1.2 1 1.1 0 1.7-.7 1.7-1.6v-.6zm-3-1.5l-.9-.2c.3-1.4 1.6-1.7 2.4-1.7 1.8 0 2.5.9 2.5 2.6v2.6c0 .7 0 1 .1 1.2h-1.2v-.8c-.3.4-.9 1-1.9 1-1.3 0-2.3-.6-2.3-1.9 0-1.6 1.7-2.1 2.9-2.1H42c0-1.1-.4-1.8-1.5-1.7-1 .1-1.3 1-1.3 1z"/></g><g id="Page-1"><path id="Fill-1" class="st1" d="M28 14c0 7.7-6.3 14-14 14S0 21.7 0 14 6.3 0 14 0s14 6.3 14 14"/><path id="Fill-3" class="st2" d="M14.1 2.3v-.5H14C7.2 1.8 1.8 7.3 1.8 14h.6c6.5.1 11.7-5.2 11.7-11.7"/><path id="Fill-5" class="st3" d="M2.3 14.1h-.6c.1 6.7 5.5 12.2 12.2 12.2h.1v-.4c.1-6.5-5.1-11.8-11.7-11.8"/><path id="Fill-7" class="st4" d="M25.9 14.1h.3V14c0-6.7-5.4-12.2-12.1-12.2v.5c0 6.5 5.3 11.8 11.8 11.8"/><path id="Fill-9" class="st5" d="M14.1 25.9v.4c6.7-.1 12-5.5 12.1-12.2h-.3c-6.5 0-11.8 5.3-11.8 11.8"/></g><path id="Page-1_1_" class="st6" d="M131.1 20.1c.8.5 2 .8 2.6.8.9 0 2.1-.4 2.1-1.6 0-2-4.9-1.9-4.9-5 0-2.3 1.7-3.5 4-3.5 1 0 1.8.2 2.6.4l-.2 1.8c-.5-.3-1.7-.6-2.2-.6-1.1 0-2 .4-2 1.4 0 2.3 4.9 1.6 4.9 5.2 0 2.4-1.9 3.5-3.9 3.5-1.1 0-2.1-.1-3.1-.6l.1-1.8zm9.4-9.7h.3c.2 0 .4 0 .4-.3 0-.2-.2-.3-.4-.3h-.3v.6zm-.3-.8h.7c.4 0 .6.2.6.5s-.2.5-.5.5l.5.8h-.3l-.5-.8h-.2v.8h-.3V9.6zm.6 2.2c.7 0 1.2-.6 1.2-1.3 0-.7-.5-1.3-1.2-1.3s-1.2.6-1.2 1.3c0 .8.5 1.3 1.2 1.3zm0-2.8c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5zM123 20.1c.8.5 2 .8 2.6.8.9 0 2.1-.4 2.1-1.6 0-2-4.9-1.9-4.9-5 0-2.3 1.7-3.5 4-3.5 1 0 1.8.2 2.6.4l-.2 1.8c-.5-.3-1.7-.6-2.2-.6-1.1 0-2 .4-2 1.4 0 2.3 4.9 1.6 4.9 5.2 0 2.4-1.9 3.5-3.9 3.5-1.1 0-2.1-.1-3.1-.6l.1-1.8zm-3.8-3.1h-1.3c-1.1 0-3.9.2-3.9 2.2 0 1.2 1.1 1.8 2.1 1.8 2 0 3.1-1.3 3.1-2.9V17zm-6.2-5.1c1-.6 2.3-1.1 3.7-1.1 3.2 0 4.5 1.6 4.5 4.6V20c0 1.3 0 1.9.1 2.2h-1.9v-1.5c-.5.7-1.6 1.7-3.5 1.7-2.4 0-4.1-1.1-4.1-3.5 0-2.8 3.1-3.7 5.2-3.7h2.2c0-1.9-.7-2.9-2.8-2.9-1.2 0-2.4.4-3.3 1.1l-.1-1.5zm-7.7.6c-2.2 0-3.3 2.1-3.3 4.2 0 1.9 1 4.2 3.3 4.2 2.2 0 3.1-2.5 3.1-4.2 0-2-.8-4.2-3.1-4.2zm-5.4-1.4h2v1.6c.5-.8 1.8-1.8 3.8-1.8 3.3 0 4.8 2.7 4.8 5.7 0 3.1-1.4 6.1-4.8 6.1-2 0-3.1-.8-3.7-1.8V26h-2.1V11.1zm-17.3 0h1.9v1.6c.8-1.3 1.9-1.9 3.6-1.9 1.3 0 2.6.7 3.2 2.2.8-1.6 2.5-2.2 3.5-2.2 2.9 0 3.9 1.8 3.9 4.3v7.2h-2.1v-6.7c0-1.4-.3-3.1-2-3.1-2.1 0-2.9 2.1-2.9 4.2v5.7h-2.1v-6.7c0-1.4-.3-3.1-2-3.1-2.1 0-2.9 2.1-2.9 4.2v5.7h-2.1V11.1zm-8 9.8c2.4 0 3.5-2.2 3.5-4.2 0-2.1-1.3-4.2-3.5-4.2s-3.5 2.1-3.5 4.2c-.1 2 1 4.2 3.5 4.2zm0-10c3.4 0 5.7 2.5 5.7 5.9 0 3.2-2.3 5.9-5.7 5.9s-5.7-2.7-5.7-5.9c-.1-3.5 2.2-5.9 5.7-5.9zM67.4 13c-.8-.3-1.6-.5-2.2-.5-2.3 0-3.6 2.1-3.6 4.2 0 2 1.1 4.2 3.7 4.2.7 0 1.6-.2 2.2-.6l.2 1.8c-.9.4-1.8.5-2.6.5-3.4 0-5.7-2.7-5.7-5.9 0-3.4 2.3-5.9 5.7-5.9.8 0 1.9.2 2.5.4l-.2 1.8zm-19.2-1.9h2v1.8c.6-1.3 2.1-2 3.7-2 2.9 0 4.2 1.8 4.2 4.8v6.7H56v-5.8c0-2.6-.6-3.9-2.4-4-2.4 0-3.4 1.9-3.4 4.6v5.2h-2.1V11.1h.1zM38 7h8.6v1.9h-6.4v4.5H46v1.9h-5.8v5.1h6.4v1.9H38V7z"/></g></g></g></g></svg>

package/dist/cjs/view/header/nav-region/notification/index.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16"><g>
-<path data-color="color-2" fill="#ffffff" d="M10,14H6c0,1.1,0.9,2,2,2S10,15.1,10,14z"/>
-<path fill="#ffffff" d="M15,11h-0.5C13.8,10.3,13,9.3,13,8V5c0-2.8-2.2-5-5-5S3,2.2,3,5v3c0,1.3-0.8,2.3-1.5,3H1c-0.6,0-1,0.4-1,1
-	s0.4,1,1,1h14c0.6,0,1-0.4,1-1S15.6,11,15,11z"/>
-</g></svg>

package/dist/cjs/view/header/nav-region/user/index.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16"><g><path fill="#ffffff" d="M8,2c1.1,0,2,0.9,2,2v1c0,1.1-0.9,2-2,2S6,6.1,6,5V4C6,2.9,6.9,2,8,2 M8,0C5.8,0,4,1.8,4,4v1
-	c0,2.2,1.8,4,4,4s4-1.8,4-4V4C12,1.8,10.2,0,8,0L8,0z"/>
-<path data-color="color-2" fill="#ffffff" d="M9,12c1.5,0,2.8,0.8,3.5,2l-8.9,0c0.7-1.2,2-2,3.5-2H9 M9,10H7c-3.3,0-6,2.7-6,6v0h14v0
-	C15,12.7,12.3,10,9,10L9,10z"/></g></svg>

package/dist/cjs/view/intro.stories.mdx

@@ -1,27 +0,0 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-
-<Meta title="Intro" />
-
-# Get Started
-
-Software Development Kit / API for developing React Web applications. Implements cross cutting concerns as reusable APIs
-
-## Install
-
-`npm install --save @elliemae/app-react-dependencies @elliemae/pui-user-monitoring @elliemae/pui-theme @elliemae/ds-basic @elliemae/ds-modal @elliemae/pui-app-sdk`
-
-### **Use**
-
-Import react components you want into your UI
-
-`import { WaitMessage } from ‘@elliemae/pui-app-sdk’;`
-
-and use them like so
-
-```
-  const LoadingIndicator = () => (
-    <div>
-      <WaitMessage size='m' isOpen />
-    </div>
-  )
-```