oa-componentbook 0.0.0-sit1.1

package/build/global-css/ColorVariables.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+var _ColorVariablesMap = _interopRequireDefault(require("./ColorVariablesMap"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+/*
+? Keep this at the top level of the app using any of these components.
+* Do not add any children to it because this element does NOT render any of its children
+
+* Instead, follow a syntax similar to this:
+<>
+<ColorVariables />
+<App />
+</>
+*/
+
+// TODO: Figure out a way to make this work with storybook.
+// Can be used to wrap the entire application, to make these styles available to every component
+const ColorVariables = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n:root {\n  --color-primary: ", ";\n  --color-primary-hover: ", ";\n  --color-background-dark: ", ";\n  --color-background-info: ", ";\n  --color-positive: ", ";\n  --color-background-positive: ", ";\n  --color-warning: ", ";\n  --color-background-warning: ", ";\n  --color-negative: ", ";\n  --color-hover-negative: ", ";\n  --color-background-negative: ", ";\n  --color-primary-content: ", ";\n  --color-secondary-content: ", ";\n  --color-placeholder-text: ", ";\n  --color-disabled-button: ", ";\n  --color-divider: ", ";\n  --color-secondary-background: ", ";\n  --color-primary-background: ", ";\n  --color-background-overlay: ", ";\n  --color-tags: ", ";\n}   \n"])), _ColorVariablesMap.default['--color-primary'], _ColorVariablesMap.default['--color-primary-hover'], _ColorVariablesMap.default['--color-background-dark'], _ColorVariablesMap.default['--color-background-info'], _ColorVariablesMap.default['--color-positive'], _ColorVariablesMap.default['--color-background-positive'], _ColorVariablesMap.default['--color-warning'], _ColorVariablesMap.default['--color-background-warning'], _ColorVariablesMap.default['--color-negative'], _ColorVariablesMap.default['--color-hover-negative'], _ColorVariablesMap.default['--color-background-negative'], _ColorVariablesMap.default['--color-primary-content'], _ColorVariablesMap.default['--color-secondary-content'], _ColorVariablesMap.default['--color-placeholder-text'], _ColorVariablesMap.default['--color-disabled-button'], _ColorVariablesMap.default['--color-divider'], _ColorVariablesMap.default['--color-secondary-background'], _ColorVariablesMap.default['--color-primary-background'], _ColorVariablesMap.default['--color-background-overlay'], _ColorVariablesMap.default['--color-tags']);
+var _default = exports.default = ColorVariables;

package/build/global-css/ColorVariablesMap.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const ColorVariablesMap = {
+  '--color-primary': '#014FC5',
+  '--color-primary-hover': '#82A9E2',
+  '--color-background-dark': '#003264',
+  '--color-background-info': '#DEF1FB',
+  '--color-positive': '#00875A',
+  '--color-background-positive': '#E1F1EC',
+  '--color-warning': '#FF991F',
+  '--color-background-warning': '#FFF2E2',
+  '--color-negative': '#DE350B',
+  '--color-hover-negative': '#E87254',
+  '--color-background-negative': '#FBE5DF',
+  '--color-primary-content': '#212121',
+  '--color-secondary-content': '#717171',
+  '--color-placeholder-text': '#959595',
+  '--color-disabled-button': '#BFBFBF',
+  '--color-divider': '#E0E0E0',
+  '--color-secondary-background': '#F6F6F6',
+  '--color-primary-background': '#FFFFFF',
+  '--color-background-overlay': 'rgba(0, 0, 0, 0.7)',
+  '--color-tags': '#F5C82D'
+};
+var _default = exports.default = ColorVariablesMap;

package/build/global-css/CustomDropDownThemes.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ColorVariablesMap = _interopRequireDefault(require("./ColorVariablesMap"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TypographiesMap = {
+  default: {
+    colorText: _ColorVariablesMap.default['--color-primary-content'],
+    controlPaddingHorizontal: 24,
+    controlItemBgHover: _ColorVariablesMap.default['--color-secondary-background'],
+    borderRadiusLG: 4,
+    colorTextDisabled: _ColorVariablesMap.default['--color-divider'],
+    paddingXXS: 0
+  },
+  primary: {
+    colorText: _ColorVariablesMap.default['--color-primary'],
+    controlPaddingHorizontal: 24,
+    controlItemBgHover: _ColorVariablesMap.default['--color-background-info'],
+    borderRadiusLG: 8,
+    colorTextDisabled: _ColorVariablesMap.default['--color-divider'],
+    paddingXXS: 0,
+    paddingXS: 8,
+    boxShadowSecondary: '0px 4px 32px 0px rgba(0, 0, 0, 0.14)',
+    borderRadiusSM: 0,
+    colorError: _ColorVariablesMap.default['--color-negative']
+  }
+};
+var _default = exports.default = TypographiesMap;

package/build/global-css/Elevation.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ElevationMap = void 0;
+var _styledComponents = require("styled-components");
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+/*
+? Keep this at the top level of the app using any of these components.
+* Do not add any children to it because this element does NOT render any of its children
+
+* Instead, follow a syntax similar to this:
+<>
+<Elevation />
+<App />
+</>
+*/
+
+const ElevationMap = exports.ElevationMap = {
+  'elevation-white-1': '0px 2px 10px 0px rgba(0, 0, 0, 0.14)',
+  'elevation-above-white-1': '0px -2px 10px 0px rgba(0, 0, 0, 0.14)',
+  'elevation-white-2': '0px 4px 20px 0px rgba(0, 0, 0, 0.14)',
+  'elevation-above-white-2': '0px -4px 12px 0px rgba(0, 0, 0, 0.14)',
+  'elevation-white-3': '0px 4px 32px 0px rgba(0, 0, 0, 0.14)',
+  'elevation-dark-1': '0px 2px 10px 0px rgba(0, 0, 0, 0.34)',
+  'elevation-dark-2': '0px 4px 12px 0px rgba(0, 0, 0, 0.34)',
+  'elevation-dark-3': '0px 4px 32px 0px rgba(0, 0, 0, 0.34)'
+};
+
+// TODO: Figure out a way to make this work with storybook.
+// Can be used to wrap the entire application, to make these styles available to every component
+const Elevation = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .elevation-white-1 {\n    box-shadow: ", ";\n  }   \n\n  .elevation-above-white-1 {\n    box-shadow: ", ";\n  }\n\n  .elevation-white-2 {\n    box-shadow: ", ";\n  }\n\n  .elevation-above-white-2 {\n    box-shadow: ", ";\n  }\n\n  .elevation-white-3 {\n    box-shadow: ", ";\n  }\n\n  .elevation-dark-1 {\n    box-shadow: ", ";\n  }\n\n  .elevation-dark-2 {\n    box-shadow: ", ";\n  }\n\n  .elevation-dark-3 {\n    box-shadow: ", ";\n  }\n"])), ElevationMap['elevation-white-1'], ElevationMap['elevation-above-white-1'], ElevationMap['elevation-white-2'], ElevationMap['elevation-above-white-2'], ElevationMap['elevation-white-3'], ElevationMap['elevation-dark-1'], ElevationMap['elevation-dark-2'], ElevationMap['elevation-dark-3']);
+var _default = exports.default = Elevation;

package/build/global-css/GlobalCss.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GlobalCss;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _BorderRadius = _interopRequireDefault(require("./BorderRadius"));
+var _ColorVariables = _interopRequireDefault(require("./ColorVariables"));
+var _Elevation = _interopRequireDefault(require("./Elevation"));
+var _GridLayout = _interopRequireDefault(require("./GridLayout"));
+var _SpacingScales = _interopRequireDefault(require("./SpacingScales"));
+var _Typographies = _interopRequireDefault(require("./Typographies"));
+var _commonStyles = _interopRequireDefault(require("./commonStyles"));
+require("antd/dist/reset.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function GlobalCss(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BorderRadius.default, null), /*#__PURE__*/_react.default.createElement(_SpacingScales.default, null), /*#__PURE__*/_react.default.createElement(_ColorVariables.default, null), /*#__PURE__*/_react.default.createElement(_Elevation.default, null), /*#__PURE__*/_react.default.createElement(_GridLayout.default, null), /*#__PURE__*/_react.default.createElement(_commonStyles.default, null), /*#__PURE__*/_react.default.createElement(_Typographies.default, null), children);
+}
+GlobalCss.propTypes = {
+  children: _propTypes.default.node.isRequired
+};

package/build/global-css/GridLayout.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+/*
+? Keep this at the top level of the app using any of these components.
+* Do not add any children to it because this element does NOT render any of its children
+
+* Instead, follow a syntax similar to this:
+<>
+<GridLayout />
+<App />
+</>
+*/
+
+// TODO: Figure out a way to make this work with storybook.
+// Can be used to wrap the entire application, to make these styles available to every component
+
+const GridLayout = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.container {\n  max-width: 1154px;\n  margin: 0 auto;\n  padding: 0 16px;\n}\n\n.container-fluid {\n  width: 100%;\n  padding: 0 16px;\n}\n\n.row {\n  display: flex;\n  flex-direction: column;\n}\n\n.gutter {\n  padding: 0 24px 0 0;\n}\n\n.row::after {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n\n.col-xs-1 {\n  width: 8.33333%;\n}\n\n.col-xs-2 {\n  width: 16.66667%;\n}\n\n.col-xs-3 {\n  width: 25%;\n}\n\n.col-xs-4 {\n  width: 33.33333%;\n}\n\n.col-xs-5 {\n  width: 41.66667%;\n}\n\n.col-xs-6 {\n  width: 50%;\n}\n\n.col-xs-7 {\n  width: 58.33333%;\n}\n\n.col-xs-8 {\n  width: 66.66667%;\n}\n\n.col-xs-9 {\n  width: 75%;\n}\n\n.col-xs-10 {\n  width: 83.33333%;\n}\n\n.col-xs-11 {\n  width: 91.66667%;\n}\n\n.col-xs-12 {\n  width: 100%;\n}\n\n@media (min-width: 768px) {\n  .row {\n    flex-direction: row;\n  }\n\n  .col-sm-1 {\n    width: 8.33333%;\n  }\n\n  .col-sm-2 {\n    width: 16.66667%;\n  }\n\n  .col-sm-3 {\n    width: 25%;\n  }\n\n  .col-sm-4 {\n    width: 33.33333%;\n  }\n\n  .col-sm-5 {\n    width: 41.66667%;\n  }\n\n  .col-sm-6 {\n    width: 50%;\n  }\n\n  .col-sm-7 {\n    width: 58.33333%;\n  }\n\n  .col-sm-8 {\n    width: 66.66667%;\n  }\n\n  .col-sm-9 {\n    width: 75%;\n  }\n\n  .col-sm-10 {\n    width: 83.33333%;\n  }\n\n  .col-sm-11 {\n    width: 91.66667%;\n  }\n\n  .col-sm-12 {\n    width: 100%;\n  }\n}\n\n@media (min-width: 768px) {\n  .col-md-1 {\n    width: 8.33333%;\n  }\n\n  .col-md-2 {\n    width: 16.66667%;\n  }\n\n  .col-md-3 {\n    width: 25%;\n  }\n\n  .col-md-4 {\n    width: 33.33333%;\n    float: left;\n  }\n\n  .col-md-5 {\n    width: 41.66667%;\n  }\n\n  .col-md-6 {\n    width: 50%;\n  }\n\n  .col-md-7 {\n    width: 58.33333%;\n  }\n\n  .col-md-8 {\n    width: 66.66667%;\n  }\n\n  .col-md-9 {\n    width: 75%;\n  }\n\n  .col-md-10 {\n    width: 83.33333%;\n  }\n\n  .col-md-11 {\n    width: 91.66667%;\n  }\n\n  .col-md-12 {\n    width: 100%;\n  }\n}\n\n/* Large Devices (desktops) */\n@media (min-width: 992px) {\n  .gutter {\n    padding: 0 24px 0 0;\n  }\n\n  .col-lg-1 {\n    width: 8.33333%;\n  }\n\n  .col-lg-2 {\n    width: 16.66667%;\n  }\n\n  .col-lg-3 {\n    width: 25%;\n  }\n\n  .col-lg-4 {\n    width: 33.33333%;\n  }\n\n  .col-lg-5 {\n    width: 41.66667%;\n  }\n\n  .col-lg-6 {\n    width: 50%;\n  }\n\n  .col-lg-7 {\n    width: 58.33333%;\n  }\n\n  .col-lg-8 {\n    width: 66.66667%;\n  }\n\n  .col-lg-9 {\n    width: 75%;\n  }\n\n  .col-lg-10 {\n    width: 83.33333%;\n  }\n\n  .col-lg-11 {\n    width: 91.66667%;\n  }\n\n  .col-lg-12 {\n    width: 100%;\n  }\n}  \n \n\n@media (min-width: 1200px) {\n  .gutter {\n    padding: 0 32px 0 0;\n  }\n\n  .col-xl-1 {\n    width: 8.33333%;\n  }\n  \n  .col-xl-2 {\n    width: 16.66667%;\n  }\n\n  .col-xl-3 {\n    width: 25%;\n  }\n\n  .col-xl-4 {\n    width: 33.33333%;\n  }\n\n  .col-xl-5 {\n    width: 41.66667%;\n  }\n\n  .col-xl-6 {\n    width: 50%;\n  }\n\n  .col-xl-7 {\n    width: 58.33333%;\n  }\n\n  .col-xl-8 {\n    width: 66.66667%;\n  }\n\n  .col-xl-9 {\n    width: 75%;\n  }\n\n  .col-xl-10 {\n    width: 83.33333%;\n  }\n\n  .col-xl-11 {\n    width: 91.66667%;\n  }\n\n  .col-xl-12 {\n    width: 100%;\n  }\n \n}\n"])));
+var _default = exports.default = GridLayout;

package/build/global-css/SpacingScales.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const SpacingScales = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.padding-top-4 {\n    padding-top: 4px;\n  }\n  \n  .padding-left-4 {\n    padding-left: 4px;\n  }\n  \n  .padding-right-4 {\n    padding-right: 4px;\n  }\n  \n  .padding-bottom-4 {\n    padding-bottom: 4px;\n  }\n  \n  .padding-top-8 {\n    padding-top: 8px;\n  }\n  \n  .padding-left-8 {\n    padding-left: 8px;\n  }\n  \n  .padding-right-8 {\n    padding-right: 8px;\n  }\n  \n  .padding-bottom-8 {\n    padding-bottom: 8px;\n  }\n  \n  .padding-top-12 {\n    padding-top: 12px;\n  }\n  \n  .padding-left-12 {\n    padding-left: 12px;\n  }\n  \n  .padding-right-12 {\n    padding-right: 12px;\n  }\n  \n  .padding-bottom-12 {\n    padding-bottom: 12px;\n  }\n  \n  .padding-top-16 {\n    padding-top: 16px;\n  }\n  \n  .padding-left-16 {\n    padding-left: 16px;\n  }\n  \n  .padding-right-16 {\n    padding-right: 16px;\n  }\n  \n  .padding-bottom-16 {\n    padding-bottom: 16px;\n  }\n  \n  .padding-top-24 {\n    padding-top: 24px;\n  }\n  \n  .padding-left-24 {\n    padding-left: 24px;\n  }\n  \n  .padding-right-24 {\n    padding-right: 24px;\n  }\n  \n  .padding-bottom-24 {\n    padding-bottom: 24px;\n  }\n  \n  .padding-top-32 {\n    padding-top: 32px;\n  }\n  \n  .padding-left-32 {\n    padding-left: 32px;\n  }\n  \n  .padding-right-32 {\n    padding-right: 32px;\n  }\n  \n  .padding-bottom-32 {\n    padding-bottom: 32px;\n  }\n  \n  .padding-top-40 {\n    padding-top: 40px;\n  }\n  \n  .padding-left-40 {\n    padding-left: 40px;\n  }\n  \n  .padding-right-40 {\n    padding-right: 40px;\n  }\n  \n  .padding-bottom-40 {\n    padding-bottom: 40px;\n  }\n  \n  .padding-top-48 {\n    padding-top: 48px;\n  }\n  \n  .padding-left-48 {\n    padding-left: 48px;\n  }\n  \n  .padding-right-48 {\n    padding-right: 48px;\n  }\n  \n  .padding-bottom-48 {\n    padding-bottom: 48px;\n  }\n  \n  .padding-top-56 {\n    padding-top: 56px;\n  }\n  \n  .padding-left-56 {\n    padding-left: 56px;\n  }\n  \n  .padding-right-56 {\n    padding-right: 56px;\n  }\n  \n  .padding-bottom-56 {\n    padding-bottom: 56px;\n  }\n  \n  .padding-top-64 {\n    padding-top: 64px;\n  }\n  \n  .padding-left-64 {\n    padding-left: 64px;\n  }\n  \n  .padding-right-64 {\n    padding-right: 64px;\n  }\n  \n  .padding-bottom-64 {\n    padding-bottom: 64px;\n  }\n  \n  .padding-top-72 {\n    padding-top: 72px;\n  }\n  \n  .padding-left-72 {\n    padding-left: 72px;\n  }\n  \n  .padding-right-72 {\n    padding-right: 72px;\n  }\n  \n  .padding-bottom-72 {\n    padding-bottom: 72px;\n  }\n  \n  .padding-top-80 {\n    padding-top: 80px;\n  }\n  \n  .padding-left-80 {\n    padding-left: 80px;\n  }\n  \n  .padding-right-80 {\n    padding-right: 80px;\n  }\n  \n  .padding-bottom-80 {\n    padding-bottom: 80px;\n  }\n  \n  .padding-top-96 {\n    padding-top: 96px;\n  }\n  \n  .padding-left-96 {\n    padding-left: 96px;\n  }\n  \n  .padding-right-96 {\n    padding-right: 96px;\n  }\n  \n  .padding-bottom-96 {\n    padding-bottom: 96px;\n  }\n  \n  .padding-top-108 {\n    padding-top: 108px;\n  }\n  \n  .padding-left-108 {\n    padding-left: 108px;\n  }\n  \n  .padding-right-108 {\n    padding-right: 108px;\n  }\n  \n  .padding-bottom-108 {\n    padding-bottom: 108px;\n  }\n  \n  .margin-top-4 {\n    margin-top: 4px;\n  }\n  \n  .margin-left-4 {\n    margin-left: 4px;\n  }\n  \n  .margin-right-4 {\n    margin-right: 4px;\n  }\n  \n  .margin-bottom-4 {\n    margin-bottom: 4px;\n  }\n  \n  .margin-top-8 {\n    margin-top: 8px;\n  }\n  \n  .margin-left-8 {\n    margin-left: 8px;\n  }\n  \n  .margin-right-8 {\n    margin-right: 8px;\n  }\n  \n  .margin-bottom-8 {\n    margin-bottom: 8px;\n  }\n  \n  .margin-top-12 {\n    margin-top: 12px;\n  }\n  \n  .margin-left-12 {\n    margin-left: 12px;\n  }\n  \n  .margin-right-12 {\n    margin-right: 12px;\n  }\n  \n  .margin-bottom-12 {\n    margin-bottom: 12px;\n  }\n  \n  .margin-top-16 {\n    margin-top: 16px;\n  }\n  \n  .margin-left-16 {\n    margin-left: 16px;\n  }\n  \n  .margin-right-16 {\n    margin-right: 16px;\n  }\n  \n  .margin-bottom-16 {\n    margin-bottom: 16px;\n  }\n  \n  .margin-top-24 {\n    margin-top: 24px;\n  }\n  \n  .margin-left-24 {\n    margin-left: 24px;\n  }\n  \n  .margin-right-24 {\n    margin-right: 24px;\n  }\n  \n  .margin-bottom-24 {\n    margin-bottom: 24px;\n  }\n  \n  .margin-top-32 {\n    margin-top: 32px;\n  }\n  \n  .margin-left-32 {\n    margin-left: 32px;\n  }\n  \n  .margin-right-32 {\n    margin-right: 32px;\n  }\n  \n  .margin-bottom-32 {\n    margin-bottom: 32px;\n  }\n  \n  .margin-top-40 {\n    margin-top: 40px;\n  }\n  \n  .margin-left-40 {\n    margin-left: 40px;\n  }\n  \n  .margin-right-40 {\n    margin-right: 40px;\n  }\n  \n  .margin-bottom-40 {\n    margin-bottom: 40px;\n  }\n  \n  .margin-top-48 {\n    margin-top: 48px;\n  }\n  \n  .margin-left-48 {\n    margin-left: 48px;\n  }\n  \n  .margin-right-48 {\n    margin-right: 48px;\n  }\n  \n  .margin-bottom-48 {\n    margin-bottom: 48px;\n  }\n  \n  .margin-top-56 {\n    margin-top: 56px;\n  }\n  \n  .margin-left-56 {\n    margin-left: 56px;\n  }\n  \n  .margin-right-56 {\n    margin-right: 56px;\n  }\n  \n  .margin-bottom-56 {\n    margin-bottom: 56px;\n  }\n  \n  .margin-top-64 {\n    margin-top: 64px;\n  }\n  \n  .margin-left-64 {\n    margin-left: 64px;\n  }\n  \n  .margin-right-64 {\n    margin-right: 64px;\n  }\n  \n  .margin-bottom-64 {\n    margin-bottom: 64px;\n  }\n  \n  .margin-top-72 {\n    margin-top: 72px;\n  }\n  \n  .margin-left-72 {\n    margin-left: 72px;\n  }\n  \n  .margin-right-72 {\n    margin-right: 72px;\n  }\n  \n  .margin-bottom-72 {\n    margin-bottom: 72px;\n  }\n  \n  .margin-top-80 {\n    margin-top: 80px;\n  }\n  \n  .margin-left-80 {\n    margin-left: 80px;\n  }\n  \n  .margin-right-80 {\n    margin-right: 80px;\n  }\n  \n  .margin-bottom-80 {\n    margin-bottom: 80px;\n  }\n  \n  .margin-top-96 {\n    margin-top: 96px;\n  }\n  \n  .margin-left-96 {\n    margin-left: 96px;\n  }\n  \n  .margin-right-96 {\n    margin-right: 96px;\n  }\n  \n  .margin-bottom-96 {\n    margin-bottom: 96px;\n  }\n  \n  .margin-top-108 {\n    margin-top: 108px;\n  }\n  \n  .margin-left-108 {\n    margin-left: 108px;\n  }\n  \n  .margin-right-108 {\n    margin-right: 108px;\n  }\n  \n  .margin-bottom-108 {\n    margin-bottom: 108px;\n  }  \n.spacing-4 {\n  padding: 4px;\n}\n.spacing-8 {\n    padding: 8px;\n  }\n  .spacing-12 {\n    padding: 12px;\n  }\n  .spacing-16 {\n    padding: 16px;\n  }\n  .spacing-24 {\n    padding: 24px;\n  }\n  .spacing-32 {\n    padding: 32px;\n  }\n @media screen and (max-width: 1024px) {\n  .padding-left-96, .padding-right-96, .padding-top-56, .padding-bottom-56{\n    padding: 16px;\n  }\n}\n"])));
+var _default = exports.default = SpacingScales;

package/build/global-css/Typographies.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+var _TypographiesMap = _interopRequireDefault(require("./TypographiesMap"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+/*
+? Keep this at the top level of the app using any of these components.
+* Do not add any children to it because this element does NOT render any of its children
+
+* Instead, follow a syntax similar to this:
+<>
+<Typographies />
+<App />
+</>
+*/
+
+// TODO: Figure out a way to make this work with storybook.
+// Can be used to wrap the entire application, to make these styles available to every component
+const Typographies = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');\n\n  * {\n    font-family: 'Roboto', sans-serif;\n  }\n\n  .type-d1-500 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-d2-500 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-h1-500 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-h2-500 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-h3-500 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n\n  .type-t1-500 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-t2-700 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-b1-400 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-b2-400 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-b3-400 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-button-500 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n  }\n  \n  .type-sl1-700 {\n    font-size: ", "px;\n    font-weight: ", ";\n    line-height: ", "px;\n    letter-spacing: ", "px;\n    text-transform: ", ";\n  }  \n"])), _TypographiesMap.default['type-d1-500']['font-size'], _TypographiesMap.default['type-d1-500']['font-weight'], _TypographiesMap.default['type-d1-500']['line-height'], _TypographiesMap.default['type-d2-500']['font-size'], _TypographiesMap.default['type-d2-500']['font-weight'], _TypographiesMap.default['type-d2-500']['line-height'], _TypographiesMap.default['type-h1-500']['font-size'], _TypographiesMap.default['type-h1-500']['font-weight'], _TypographiesMap.default['type-h1-500']['line-height'], _TypographiesMap.default['type-h2-500']['font-size'], _TypographiesMap.default['type-h2-500']['font-weight'], _TypographiesMap.default['type-h2-500']['line-height'], _TypographiesMap.default['type-h3-500']['font-size'], _TypographiesMap.default['type-h3-500']['font-weight'], _TypographiesMap.default['type-h3-500']['line-height'], _TypographiesMap.default['type-t1-500']['font-size'], _TypographiesMap.default['type-t1-500']['font-weight'], _TypographiesMap.default['type-t1-500']['line-height'], _TypographiesMap.default['type-t2-700']['font-size'], _TypographiesMap.default['type-t2-700']['font-weight'], _TypographiesMap.default['type-t2-700']['line-height'], _TypographiesMap.default['type-b1-400']['font-size'], _TypographiesMap.default['type-b1-400']['font-weight'], _TypographiesMap.default['type-b1-400']['line-height'], _TypographiesMap.default['type-b2-400']['font-size'], _TypographiesMap.default['type-b2-400']['font-weight'], _TypographiesMap.default['type-b2-400']['line-height'], _TypographiesMap.default['type-b3-400']['font-size'], _TypographiesMap.default['type-b3-400']['font-weight'], _TypographiesMap.default['type-b3-400']['line-height'], _TypographiesMap.default['type-button-500']['font-size'], _TypographiesMap.default['type-button-500']['font-weight'], _TypographiesMap.default['type-button-500']['line-height'], _TypographiesMap.default['type-sl1-700']['font-size'], _TypographiesMap.default['type-sl1-700']['font-weight'], _TypographiesMap.default['type-sl1-700']['line-height'], _TypographiesMap.default['type-sl1-700']['letter-spacing'], _TypographiesMap.default['type-sl1-700']['text-transform']);
+var _default = exports.default = Typographies;

package/build/global-css/TypographiesMap.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const TypographiesMap = {
+  'type-d1-500': {
+    'font-size': 56,
+    'font-weight': 500,
+    'line-height': 68
+  },
+  'type-d2-500': {
+    'font-size': 40,
+    'font-weight': 500,
+    'line-height': 52
+  },
+  'type-h1-500': {
+    'font-size': 32,
+    'font-weight': 500,
+    'line-height': 40
+  },
+  'type-h2-500': {
+    'font-size': 28,
+    'font-weight': 500,
+    'line-height': 36
+  },
+  'type-h3-500': {
+    'font-size': 24,
+    'font-weight': 500,
+    'line-height': 32
+  },
+  'type-t1-500': {
+    'font-size': 20,
+    'font-weight': 500,
+    'line-height': 28
+  },
+  'type-t2-700': {
+    'font-size': 16,
+    'font-weight': 700,
+    'line-height': 24
+  },
+  'type-b1-400': {
+    'font-size': 16,
+    'font-weight': 400,
+    'line-height': 24
+  },
+  'type-b2-400': {
+    'font-size': 14,
+    'font-weight': 400,
+    'line-height': 20
+  },
+  'type-b3-400': {
+    'font-size': 12,
+    'font-weight': 400,
+    'line-height': 16
+  },
+  'type-button-500': {
+    'font-size': 14,
+    'font-weight': 500,
+    'line-height': 20
+  },
+  'type-sl1-700': {
+    'font-size': 12,
+    'font-weight': 700,
+    'line-height': 16,
+    'letter-spacing': 0.24,
+    'text-transform': 'uppercase'
+  }
+};
+var _default = exports.default = TypographiesMap;

package/build/global-css/color-options.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.colorOptions = void 0;
+const colorOptions = exports.colorOptions = ['primary', 'background-dark', 'background-info', 'primary-hover', 'positive', 'background-positive', 'warning', 'background-warning', 'negative', 'hover-negative', 'background-negative', 'primary-content', 'secondary-content', 'placeholder-text', 'disabled-button', 'divider', 'secondary-background', 'primary-background', 'background-overlay', 'tags'];
+var _default = exports.default = {};

package/build/global-css/commonStyles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const CommonStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.customLightTooltip .ant-tooltip-inner  {\n  background-color: #ffffff !important;\n  color: #212121 !important;\n  border-radius: 12px !important;\n  padding: 16px;\n  box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.14);\n}\n\n.customLightTooltip .ant-tooltip-arrow::before {\n  background-color: #ffffff !important;\n}\n\n.tooltip-grid {\n  display: flex;\n  align-items: flex-start;\n  padding: 8px 0 0;\n  gap: 0px 32px;\n}\n\n.tooltip-column {\n  display: flex;\n  flex-direction: column;\n  width: 200px;\n}\n\n\n.multipleDocumentTooltip .ant-tooltip-inner{\n  padding: 16px;\n  background: #fff;\n  color: #212121;\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  width: max-content;\n  border-radius: 12px;\n  min-width: 300px;\n\n}\n.customLightTooltip .ant-tooltip-inner  {\n  background-color: #ffffff !important;\n  color: #212121 !important;\n  border-radius: 12px !important;\n  padding: 16px;\n  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);\n}\n\n.customLightTooltip .ant-tooltip-arrow::before {\n  background-color: #ffffff !important;\n}\n\n  .multipleDocumentTooltip .ant-tooltip-arrow:before{\n  background: #fff;\n  }\n     .multipleDocumentTooltip li.tooltip-item{\n      display: flex;\n      gap: 8px;\n      align-items: flex-start;\n      color: #212121;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px; \n      padding: 8px 0;\n          // width: max-content;\n      }\n          .tooltip-item p{\n              margin: 0;\n          }\n     .multipleDocumentTooltip ul .headingName{\n      color: #717171;\n      font-size: 12px;\n      font-style: normal;\n      font-weight: 700;\n      line-height: 16px; \n      letter-spacing: 0.24px;\n      text-transform: uppercase;\n      padding: 0 0 16px;\n     }\n      .multipleDocumentTooltip .flexWrap{\n          display: flex;\n          flex-wrap: wrap;\n          column-count: 1;\n          column-gap: 8px;\n          list-style: none;\n          justify-content: space-between;\n      }\n.ant-modal .ant-modal-content {\n  padding: 24px 24px 32px;\n  border-radius: 12px;\n }\n .ant-select-dropdown .ant-select-item{\n  min-height: auto !important;\n }\n  .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-message{\n      margin-bottom: 0 !important;\n  }\n  .ant-notification .ant-notification-notice-wrapper{\n    background: transparent;\n  }\n  .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-close{\n    position: inherit !important;\n    width: 24px  !important;\n    height: 24px  !important;\n  }\n    .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-closable .ant-notification-notice-message {\n  padding-inline-end: 0px !important;\n}\n    .ant-notification-notice-close > button{\n    width: 24px  !important;\n    height: 24px !important;\n    }\n  .ant-notification .ant-notification-notice-wrapper .ant-notification-notice {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    justify-content: space-between;\n  }\n    .documentDrawer .ant-drawer-body{\n        overflow: hidden;\n        padding: 0;\n    }\n  .documentDrawer .rightContSection  {\n    overflow-y: auto;\n    max-width: 480px !important;\n    height: calc(100vh - 114px);\n  }\n    .documentDrawer .ant-radio-group{\n        display: flex;\n    white-space: nowrap;\n    }\n    .documentDrawer .ant-drawer-content-wrapper{\n      width: 100% !important;\n    }\n    .documentDrawer .ant-select-selector .ant-select-selection-item > span{\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          width: 269px;\n          display: block;\n    }\n @media (max-width: 372px) {\n  .ant-picker-date-panel .ant-picker-body{\n    padding: 8px !important;\n  }\n }\n@media (max-width: 600px) {\n  .ant-drawer .ant-drawer-header,.ant-drawer .ant-drawer-body{\n    padding: 16px !important;\n  }\n  .ant-drawer .ant-drawer-footer {\n    padding: 12px 16px;\n  }\n  .ant-picker-dropdown .ant-picker-date-panel{\n    width: 100%;\n  }\n  .ant-picker-dropdown .ant-picker-time-panel-column {\n    overflow-y: auto;\n}\n.ant-picker-dropdown .ant-picker-time-panel-column::-webkit-scrollbar {\n    width: 2px;\n  }\n\n  .ant-modal-root .ant-modal-wrap {\n    position: fixed;\n    overflow: inherit;\n  }\n  .ant-modal-root .ant-modal-centered .ant-modal{\n    vertical-align: middle;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100% !important;\n    max-width: 100%!important;\n    // transform-origin: bottom !important;\n    //animation-duration: 0s !important;\n    animation-name: slideUp;\n    animation-duration: 0.2s;\n    transition: .3s ease-in-out;\n    animation-timing-function: ease-in;\n    }\n    @keyframes slideUp {\n      0%,\n      50% {\n        transform: translateY(100%);\n        opacity: 0;\n      }\n       \n      60%,\n      100% {\n        transform: translateY(0);\n        opacity: 1;\n      \n      }\n    }\n .ant-modal .ant-modal-content {\n  bottom: -8px;\n  left: 0;\n  position: absolute;\n  right: 0;\n  border-bottom-left-radius: 0px;\n  border-bottom-right-radius: 0px;\n }\n .ant-modal .ant-modal-body{\n  max-height: calc(90vh - 126px);\n  overflow: auto;\n  padding-right: 16px;\n }\n .ant-modal-footer{\n  padding-right: 16px !important;\n }\n .ant-modal .ant-modal-content{\n  padding: 24px 16px 32px;\n  padding-right: 0;\n }\n}\n\n.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{\n  padding: 12px 24px;\n}\n.ant-dropdown-menu{\n  min-width: 256px;\n  top: 4px;\n}\n.ant-space-item span{\n  line-height: 0 !important;\n  display: flex;\n}\n.ant-select-dropdown{border-radius: 4px; padding:8px 0 !important;\n  background: var(--color-primary-background) ;\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);}\n\n.ant-select-dropdown .ant-select-item {  \n  min-height: auto;\n  padding: 12px 16px;\n  color: var(--color-primary-content) ;\n  line-height: 20px;\n  border-radius: 0px;\n}\n\n.label-date-dropdown {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.ant-select-dropdown .ant-select-item-option-active span{ color: var(--color-primary) !important;}\n.ant-picker-range {opacity: 0;}\n.ant-picker-dropdown-range { padding: 0; }\n\n.fadeImg{\n  position: relative;\n  width: 100%;\n  max-height: 300px;\n  overflow-x: auto;\n}\n.overLayImg{\n  background: rgb(0 0 0 / 40%);\n  border-radius: 12px 12px 0px 0px;\n  overflow: hidden;\n}\n \n.OaTooltip .ant-tooltip-inner{\n  padding: 24px 16px;\n  background: #fff;\n  color: #212121;\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  width: 348px;\n  border-radius: 12px;\n}\n.OaTooltip .ant-tooltip-arrow:before{\n  background: #fff !important;\n}\n.OaFooterBtn{\n  display: flex;\n  justify-content: end;\n}\n.OaTooltip{\n  max-width: 348px !important;\n}\n.paddingBot .ant-drawer-body{\n  padding-bottom: 100px !important;\n}\n.react-transform-component,.react-transform-wrapper,.react-transform-component > div{\n  width: 100%;\n}\n.ascCollapse .ant-collapse-arrow{\n  transform: rotate(90deg);\n  color: var(--color-primary) !important;\n  font-size: 14px !important;\n}\n.gappingIcons{\n  display: flex;\n  gap: 16px;\n}\n.imageZoom .ant-modal-body > div{\n  height: 350px;\n    overflow-y: auto;\n    margin: 30px 0px 0px;\n    padding: 0px 8px 0 0;;\n    \n}\n/* width */\n.imageZoom ::-webkit-scrollbar {\n  width: 8px;\n  height: 100px;\n  border-radius: 8px;\n}\n\n/* Track */\n.imageZoom ::-webkit-scrollbar-track {\n  background: #f6f6f6; \n  border-radius: 8px;\n}\n \n/* Handle */\n.imageZoom ::-webkit-scrollbar-thumb {\n  background: #888; \n  border-radius: 8px;\n  height: 100px;\n}\n\n/* Handle on hover */\n.imageZoom ::-webkit-scrollbar-thumb:hover {\n  background: #555; \n}\n   .modalImg{\n        width: 100%;\n    }\n.overflowScroll{\n  position: relative;\n}\n.ascCollapse .ant-collapse-header{\n  border-radius: 4px !important;\n  background: var(--color-secondary-background);\n}\n.ascCollapse,.ant-collapse{\n  overflow: hidden;\n}\n.ascCollapse .totalVal{\n  display: flex;\n  gap: 12px;\n}\n.ascCollapse.ant-collapse-item-active .ant-collapse-arrow{\n  transform: rotate(180deg) !important;\n}.mobilesIcons li.ant-dropdown-menu-item > svg {\n  display: none\n}\n  .ant-notification-notice-close svg{\n  font-size: 24px !important;\n  height: auto;\n  }\n  @media only screen and (max-width: 574px) {\n         .ant-steps-item-tail{\n        inset-inline-start: 78px !important;\n        \n    }\n}\n     @media only screen and (max-width: 480px) {\n         .ant-steps-item-tail{\n        inset-inline-start: 60px !important;\n        \n    }\n}\n@media only screen and (max-width: 600px) {\n    \n  .ant-picker-dropdown .ant-picker-date-panel .ant-picker-body {\n      padding: 8px;\n  }\n      .ant-picker-dropdown { width: 100%; left: 0 !important; }\n  .mobilesIcons li.ant-dropdown-menu-item > svg {\n    display: block;\n}\n.imageZoom .ant-modal-body>div{\n  height: auto;\n  overflow-y: auto;\n}\n.imageZoom .ant-modal-footer{\n  padding-right: 16px !important;\n}\n  .fadeImg{\n    max-height: auto;\n  }\n  .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {\n      width: 24px;     font-size: 12px; font-weight: bold; }\n\n  .ant-picker-dropdown .ant-picker-content th {\n      height: 24px;\n  }\n  .ant-picker-dropdown .ant-picker-content td {\n      font-size: 12px;\n  }\n  .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content {\n      width: 100%;\n  }\n\n}\n.ant-picker .ant-picker-clear{\n  font-size: 20px;\n}\n\n"])));
+var _default = exports.default = CommonStyles;

package/build/global-css/tooltip-placement-option.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tooltipPlacementOptions = exports.default = void 0;
+const tooltipPlacementOptions = exports.tooltipPlacementOptions = ['top', 'right', 'bottom', 'left', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom'];
+var _default = exports.default = {};

package/build/global-css/typography-options.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typographyOptions = exports.default = void 0;
+const typographyOptions = exports.typographyOptions = ['type-d1-500', 'type-d2-500', 'type-h1-500', 'type-h2-500', 'type-h3-500', 'type-t1-500', 'type-t2-700', 'type-b1-400', 'type-b2-400', 'type-b3-400', 'type-button-500', 'type-sl1-700'];
+var _default = exports.default = {};

package/build/images/caution.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.8723 4.0809C11.6825 3.75226 11.4096 3.47936 11.0809 3.28962C10.7523 3.09989 10.3795 3 10 3C9.62051 3 9.2477 3.09989 8.91905 3.28962C8.59039 3.47936 8.31747 3.75226 8.1277 4.0809L2.2896 14.1929C2.09987 14.5216 1.99999 14.8944 2 15.2739C2.00001 15.6534 2.09991 16.0262 2.28966 16.3548C2.4794 16.6835 2.75231 16.9564 3.08096 17.1461C3.4096 17.3359 3.7824 17.4358 4.16189 17.4358H15.8381C16.2176 17.4358 16.5904 17.3359 16.919 17.1461C17.2477 16.9564 17.5206 16.6835 17.7103 16.3548C17.9001 16.0262 18 15.6534 18 15.2739C18 14.8944 17.9001 14.5216 17.7104 14.1929L11.8723 4.0809ZM10 15.6848C9.83506 15.6848 9.67383 15.6359 9.5367 15.5443C9.39956 15.4526 9.29267 15.3224 9.22956 15.17C9.16644 15.0176 9.14993 14.8499 9.1821 14.6882C9.21428 14.5264 9.29371 14.3778 9.41033 14.2612C9.52696 14.1446 9.67555 14.0651 9.83732 14.033C9.99908 14.0008 10.1668 14.0173 10.3191 14.0804C10.4715 14.1435 10.6018 14.2504 10.6934 14.3876C10.785 14.5247 10.8339 14.6859 10.8339 14.8509C10.8339 14.9604 10.8124 15.0688 10.7704 15.17C10.7285 15.2712 10.6671 15.3631 10.5897 15.4405C10.5122 15.518 10.4203 15.5794 10.3191 15.6213C10.218 15.6632 10.1095 15.6848 10 15.6848ZM11.1774 7.31731L10.8829 12.3245C10.8696 12.5497 10.7708 12.7613 10.6067 12.916C10.4426 13.0708 10.2255 13.157 9.99997 13.157C9.77439 13.157 9.55734 13.0708 9.39322 12.916C9.2291 12.7613 9.13031 12.5497 9.11707 12.3245L8.82253 7.31731C8.81309 7.15686 8.83654 6.99618 8.89144 6.84513C8.94635 6.69407 9.03155 6.55583 9.14181 6.43889C9.25207 6.32196 9.38507 6.22879 9.53264 6.1651C9.68021 6.10142 9.83924 6.06858 9.99996 6.06858C10.1607 6.06858 10.3197 6.10142 10.4673 6.1651C10.6149 6.22879 10.7478 6.32196 10.8581 6.43889C10.9684 6.55583 11.0536 6.69407 11.1085 6.84513C11.1634 6.99618 11.1868 7.15686 11.1774 7.31731Z" fill="#FF991F"/>
+</svg>

package/build/images/close.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.00391 0.753906L10.8496 7.82227L14.8027 0.753906H21.3984L14.8242 12.1191L21.6992 24H15.082L10.8926 16.5234L6.70312 24H0.0859375L6.96094 12.1191L0.386719 0.753906H7.00391Z" fill="white"/>
+</svg>

package/build/images/current-location.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.753 9.9002H19.4219C19.6108 9.9002 19.7855 10.001 19.88 10.1647C19.9746 10.3284 19.9746 10.5301 19.88 10.6938C19.7855 10.8575 19.6108 10.9583 19.4219 10.9583H16.753C16.6277 12.454 15.9768 13.8566 14.9157 14.9178C13.8543 15.979 12.4517 16.6299 10.9562 16.7552V19.424C10.9562 19.6129 10.8554 19.7877 10.6917 19.8821C10.528 19.9767 10.3263 19.9767 10.1626 19.8821C9.99891 19.7876 9.89806 19.6129 9.89806 19.424V16.7552C8.40244 16.6299 6.99978 15.979 5.93861 14.9178C4.8774 13.8565 4.22651 12.4539 4.10122 10.9583H1.43239C1.24345 10.9583 1.06873 10.8575 0.974268 10.6938C0.879671 10.5301 0.879671 10.3284 0.974268 10.1647C1.06876 10.001 1.24346 9.9002 1.43239 9.9002H4.10122C4.22653 8.40458 4.87743 7.00192 5.93861 5.94074C6.99992 4.87954 8.40254 4.22865 9.89806 4.10336V1.43453C9.89806 1.24559 9.99891 1.07087 10.1626 0.976404C10.3263 0.881807 10.528 0.881807 10.6917 0.976404C10.8554 1.07089 10.9562 1.24559 10.9562 1.43453V4.10336C12.4518 4.22866 13.8545 4.87957 14.9157 5.94074C15.9769 7.00205 16.6277 8.40468 16.753 9.9002ZM10.956 14.8738V15.6928C12.1701 15.5706 13.3045 15.0324 14.1673 14.1698C15.03 13.307 15.5681 12.1726 15.6903 10.9585H14.8714C14.6823 10.9585 14.5076 10.8576 14.4131 10.6939C14.3186 10.5302 14.3186 10.3285 14.4131 10.1649C14.5076 10.0012 14.6823 9.90032 14.8714 9.90032H15.6903C15.5681 8.68623 15.03 7.55183 14.1673 6.68902C13.3045 5.82634 12.1701 5.28825 10.956 5.16602V5.98498C10.956 6.17406 10.8552 6.34877 10.6915 6.44324C10.5278 6.5377 10.3261 6.5377 10.1624 6.44324C9.99872 6.34875 9.89788 6.17405 9.89788 5.98498V5.16602C8.68379 5.28822 7.54938 5.82634 6.68658 6.68902C5.8239 7.55183 5.28581 8.68623 5.16357 9.90032H5.98254C6.17162 9.90032 6.34633 10.0012 6.4408 10.1649C6.53526 10.3286 6.53526 10.5302 6.4408 10.6939C6.34631 10.8576 6.17161 10.9585 5.98254 10.9585H5.16357C5.28578 12.1726 5.8239 13.307 6.68658 14.1698C7.54938 15.0324 8.68379 15.5705 9.89788 15.6928V14.8738C9.89788 14.6847 9.99872 14.51 10.1624 14.4155C10.3261 14.3211 10.5278 14.3211 10.6915 14.4155C10.8552 14.51 10.956 14.6847 10.956 14.8738Z" fill="#212121"/>
+</svg>

package/build/images/delete.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_2670_1928" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-1" width="24" height="25">
+<rect y="-0.000274658" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_2670_1928)">
+<path d="M6.9577 20.4997C6.56443 20.4997 6.22573 20.3576 5.9416 20.0735C5.65747 19.7893 5.5154 19.4506 5.5154 19.0574V5.45167H5.0673C4.90625 5.45167 4.77144 5.39694 4.66287 5.28749C4.55429 5.17804 4.5 5.04215 4.5 4.87982C4.5 4.71747 4.55429 4.58308 4.66287 4.47667C4.77144 4.37027 4.90625 4.31707 5.0673 4.31707H8.7769C8.7769 4.11963 8.84561 3.95329 8.98303 3.81804C9.12044 3.68278 9.28571 3.61514 9.47883 3.61514H14.5211C14.7142 3.61514 14.8795 3.68385 15.0169 3.82127C15.1543 3.9587 15.2231 4.12397 15.2231 4.31707H18.9327C19.0937 4.31707 19.2285 4.37179 19.3371 4.48124C19.4457 4.59068 19.5 4.72657 19.5 4.88892C19.5 5.05127 19.4457 5.18564 19.3371 5.29204C19.2285 5.39846 19.0937 5.45167 18.9327 5.45167H18.4846V19.0574C18.4846 19.4506 18.3425 19.7893 18.0584 20.0735C17.7742 20.3576 17.4355 20.4997 17.0423 20.4997H6.9577ZM17.35 5.45167H6.64998V19.0574C6.64998 19.1471 6.68042 19.2208 6.74132 19.2785C6.80224 19.3362 6.87437 19.3651 6.9577 19.3651H17.0423C17.1256 19.3651 17.1977 19.3362 17.2586 19.2785C17.3195 19.2208 17.35 19.1471 17.35 19.0574V5.45167ZM9.53078 17.2536H10.6654V7.53819H9.53078V17.2536ZM13.3346 17.2536H14.4692V7.53819H13.3346V17.2536Z" fill="#DE350B"/>
+</g>
+</svg>

package/build/images/hand-icon.svg

@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle opacity="0.2" cx="18" cy="18" r="18" fill="#DE350B"/>
+<path d="M19.5998 11.6696V17.188C19.5998 17.4828 19.3628 17.722 19.0709 17.722C18.779 17.722 18.542 17.4828 18.542 17.188V9.17745C18.542 8.58751 18.0685 8.10938 17.4843 8.10938C16.9001 8.10938 16.4266 8.58751 16.4266 9.17745V17.188C16.4266 17.4828 16.1897 17.722 15.8977 17.722C15.6058 17.722 15.3689 17.4828 15.3689 17.188V10.7796C15.3689 10.2879 14.9743 9.88949 14.4874 9.88949C14.0005 9.88949 13.606 10.2879 13.606 10.7796V17.9C13.606 18.1948 13.3691 18.4341 13.0771 18.4341C12.7852 18.4341 12.5483 18.1948 12.5483 17.9V13.4497C12.5483 12.9581 12.1537 12.5597 11.6668 12.5597H11.6633C11.1764 12.5597 10.7819 12.9581 10.7819 13.4497V23.1079C11.0766 27.4087 13.4121 28.4262 16.7086 28.4262C19.0593 28.4262 21.0862 27.2125 22.0597 25.4531C22.469 24.7859 24.9487 20.8871 25.1616 20.4798C25.4098 20.0048 25.7733 19.4331 26.2317 19.055C26.476 18.8535 26.6386 18.5857 26.7891 18.3055C26.8275 18.2336 26.9393 17.3635 26.2987 17.366C25.743 17.3681 25.1087 17.6045 24.6486 17.9185C24.1328 18.2706 23.4633 18.8784 22.8914 19.8877C22.7056 20.216 22.3728 20.4445 21.9987 20.4531C21.6457 20.4613 21.7371 20.2864 21.7152 19.5502V18.4864V11.6696C21.7152 11.0797 21.2417 10.6015 20.6575 10.6015C20.0733 10.6015 19.5998 11.0797 19.5998 11.6696Z" fill="#DE350B"/>
+</svg>