widenarrow-ui 0.1.2

package/src/styles/svg/users.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24">
+  <g  fill-rule="evenodd">
+    <path d="M9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12zm0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7zm0 6.75c-2.34 0-7 1.17-7 3.5V18c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-.75c0-2.33-4.66-3.5-7-3.5zM4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H4.34zm11.7-3.19c1.16.84 1.96 1.96 1.96 3.44V19h3c.55 0 1-.45 1-1v-.75c0-2.02-3.5-3.17-5.96-3.44zM15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35z"/>
+  </g>
+</svg>

package/src/styles/svg/usersAdd.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M5 15v-3h3v-2H5V7H3v3H0v2h3v3zm7-1.25c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM7.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H7.34zM12 12c1.93 0 3.5-1.57 3.5-3.5S13.93 5 12 5 8.5 6.57 8.5 8.5 10.07 12 12 12zm0-5c.83 0 1.5.67 1.5 1.5S12.83 10 12 10s-1.5-.67-1.5-1.5S11.17 7 12 7zm5 5c1.93 0 3.5-1.57 3.5-3.5S18.93 5 17 5c-.24 0-.48.02-.71.07.76.94 1.21 2.13 1.21 3.43 0 1.3-.47 2.48-1.23 3.42.24.05.48.08.73.08zm2.32 2.02c1 .81 1.68 1.87 1.68 3.23V19h3v-1.75c0-1.69-2.44-2.76-4.68-3.23z"/></svg>

package/src/styles/svg/verified.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px"><g><path d="M23,12l-2.44-2.79l0.34-3.69l-3.61-0.82L15.4,1.5L12,2.96L8.6,1.5L6.71,4.69L3.1,5.5L3.44,9.2L1,12l2.44,2.79l-0.34,3.7 l3.61,0.82L8.6,22.5l3.4-1.47l3.4,1.46l1.89-3.19l3.61-0.82l-0.34-3.69L23,12z M10.09,16.72l-3.8-3.81l1.48-1.48l2.32,2.33 l5.85-5.87l1.48,1.48L10.09,16.72z"/></g></svg>

package/src/styles/svg/warning.svg

@@ -0,0 +1 @@
+<svg viewbox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm-1-7v2h2v-2h-2zm0-12v10h2V5h-2z"  fill-rule="nonzero"/></svg>

package/src/styles/svg/warningOutlined.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"/></svg>

package/src/styles/svg/wide-narrow-logo.svg

@@ -0,0 +1 @@
+<svg width="536" height="81" viewBox="0 0 536 81" xmlns="http://www.w3.org/2000/svg"><g fill="#FFF" fill-rule="evenodd"><path d="M47.279 67.212c0-.664 0-1.443.11-2.215h-.11c-3.765 6.862-10.185 15.389-20.484 15.389-8.636 0-11.294-7.75-11.294-13.951 0-13.951 18.492-43.625 18.492-51.93v-.554c0-1.881-.333-4.537-3.212-4.537-7.75 0-16.939 16.83-16.939 23.472 0 3.211 1.438 4.983 4.095 4.983.554 0 1.218-.11 1.994-.334-1.219 4.874-5.316 11.074-11.517 11.074-6.31 0-8.414-6.424-8.414-9.966C0 28.124 6.865 17.052 15.944 9.855c5.98-4.762 12.733-7.641 20.151-7.641 8.637 0 14.838 4.208 14.838 13.62 0 14.504-17.162 38.422-17.162 47.614 0 1.438.553 3.428 2.657 3.428 7.75 0 17.164-25.242 19.489-32.218l7.307-22.367h17.605L65.881 56.914c-.331 1.105-1.218 3.431-1.218 5.538 0 2.323.776 4.424 3.543 4.424 9.411 0 23.142-40.191 23.142-50.71 0-6.311-2.99-7.308-4.763-7.308-.885 0-1.438.222-1.438.222l-.111-.112S85.922 0 94.226 0c5.978 0 7.751 4.874 8.083 10.962 0 20.706-21.48 69.424-42.296 69.424-8.416 0-12.734-6.201-12.734-13.174M119.691 6.533c4.65 0 7.862 3.764 7.196 8.416-.553 4.65-4.871 8.303-9.633 8.303-4.65 0-7.75-3.653-7.196-8.303.663-4.652 4.871-8.416 9.633-8.416m-15.17 26.353h15.391l-10.186 30.337c-.444 1.441-1.107 3.104-1.107 4.653 0 1.217.552 2.434 2.212 2.434 4.098 0 9.746-9.632 12.624-16.387l1.107-2.658 4.43 1.661c-4.319 10.075-12.844 27.46-25.689 27.46-6.421 0-9.301-4.871-9.301-10.518 0-4.208.776-8.083 2.104-12.069l2.216-6.534 6.199-18.379"/><path d="M149.696 38.976c-4.098 0-7.751 7.862-10.63 14.394-1.661 3.763-3.985 9.853-3.985 13.618 0 1.995.663 3.322 2.434 3.322 2.104 0 5.76-4.428 8.305-11.295l4.65-12.287c.665-1.885 2.88-7.752-.774-7.752m-4.983 31.111c-2.325 4.431-7.308 10.299-15.057 10.299-6.977 0-10.188-7.197-10.188-12.952 0-5.316 1.107-10.52 3.322-15.282 4.319-9.303 14.725-20.928 25.245-20.928 2.103 0 5.315.555 6.312 3.432l10.297-30.781h15.612l-19.93 59.348c-.444 1.441-1.108 3.104-1.108 4.653 0 1.218.553 2.434 2.215 2.434 4.096 0 9.743-9.634 12.622-16.385l1.106-2.66 4.429 1.661c-4.318 10.075-12.843 27.46-25.687 27.46-6.09 0-8.97-3.985-9.19-10.299"/><path d="M199.299 37.425c-5.648 0-12.069 13.064-12.844 18.049 6.643-2.104 14.836-9.746 14.836-15.724 0-.887-.443-2.325-1.992-2.325m-13.954 42.961c-10.74 0-15.277-8.413-15.277-16.829 0-8.083 3.764-16.166 8.967-21.812 5.203-5.648 11.737-10.521 19.378-10.521 7.527 0 9.633 3.875 9.633 8.416 0 9.966-11.517 19.488-22.81 22.478-.11.663-.11 1.327-.11 2.101 0 3.875 1.217 7.754 5.977 7.754 9.08 0 16.497-11.074 19.378-18.05l1.107-2.658 4.429 1.661c-5.868 14.835-15.169 27.46-30.672 27.46M224.436 78.756V3.368h10.441l17.645 48.344h1.567V3.368h9.398v75.388h-9.398l-18.691-52.313h-1.565v52.313h-9.397M286.479 52.861h14.828l-6.578-39.365h-1.567l-6.683 39.365zm-4.385 25.895h-9.189l13.992-75.388h13.994l13.883 75.388h-9.186l-2.924-17.437h-17.646l-2.924 17.437zM333.758 38.662h7.1c8.564 0 11.697-3.028 11.697-13.679 0-10.756-3.133-13.782-11.697-13.782h-7.1v27.461zm0 40.094h-9.396V3.367h16.496c13.992 0 21.197 5.954 21.197 21.616 0 11.694-5.01 16.706-9.816 18.898l11.175 34.875h-9.92l-9.607-32.786c-3.029.315-7.205.523-10.129.523v32.263zM384.694 38.662h7.099c8.565 0 11.697-3.028 11.697-13.679 0-10.756-3.132-13.782-11.697-13.782h-7.099v27.461zm0 40.094h-9.399V3.367h16.498c13.992 0 21.197 5.954 21.197 21.616 0 11.694-5.011 16.706-9.816 18.898l11.172 34.875h-9.92l-9.603-32.786c-3.03.315-7.206.523-10.129.523v32.263zM433.832 61.633c0 6.995 3.655 10.336 9.295 10.336 5.637 0 9.397-3.341 9.397-10.336V20.492c0-6.994-3.76-10.336-9.397-10.336-5.64 0-9.295 3.342-9.295 10.336v41.141zm-9.711-40.827c0-10.234 5.953-18.484 19.006-18.484 13.156 0 19.11 8.25 19.11 18.484v40.513c0 10.234-5.954 18.482-19.11 18.482-13.053 0-19.006-8.248-19.006-18.482V20.806zM483.014 78.756L469.75 3.368h9.19l8.353 53.566h1.567l9.814-53.566h8.041l9.815 53.566h1.568l8.351-53.566h9.19l-13.262 75.388h-9.293l-10.441-54.818-10.336 54.818h-9.293"/></g></svg>

package/src/styles/svg/wide-narrow-w-logo.svg

@@ -0,0 +1 @@
+<svg width="103" height="81" viewBox="0 0 103 81" xmlns="http://www.w3.org/2000/svg"><path d="M47.279 67.212c0-.664 0-1.443.11-2.215h-.11c-3.765 6.862-10.185 15.389-20.484 15.389-8.636 0-11.294-7.75-11.294-13.951 0-13.951 18.492-43.625 18.492-51.93v-.554c0-1.881-.333-4.537-3.212-4.537-7.75 0-16.939 16.83-16.939 23.472 0 3.211 1.438 4.983 4.095 4.983.554 0 1.218-.11 1.994-.334-1.219 4.874-5.316 11.074-11.517 11.074-6.31 0-8.414-6.424-8.414-9.966C0 28.124 6.865 17.052 15.944 9.855c5.98-4.762 12.733-7.641 20.151-7.641 8.637 0 14.838 4.208 14.838 13.62 0 14.504-17.162 38.422-17.162 47.614 0 1.438.553 3.428 2.657 3.428 7.75 0 17.164-25.242 19.489-32.218l7.307-22.367h17.605L65.881 56.914c-.331 1.105-1.218 3.431-1.218 5.538 0 2.323.776 4.424 3.543 4.424 9.411 0 23.142-40.191 23.142-50.71 0-6.311-2.99-7.308-4.763-7.308-.885 0-1.438.222-1.438.222l-.111-.112S85.922 0 94.226 0c5.978 0 7.751 4.874 8.083 10.962 0 20.706-21.48 69.424-42.296 69.424-8.416 0-12.734-6.201-12.734-13.174" fill="#fff" fill-rule="evenodd"/></svg>

package/src/styles/svg/willBeDeleted.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px"><g><rect fill="none" height="24" width="24"/></g><g><g><polygon points="15,2 11.5,2 10.5,1 5.5,1 4.5,2 1,2 1,4 15,4"/><path d="M16,9c-0.7,0-1.37,0.1-2,0.29V5H2v12c0,1.1,0.9,2,2,2h5.68c1.12,2.36,3.53,4,6.32,4c3.87,0,7-3.13,7-7 C23,12.13,19.87,9,16,9z M9,16c0,0.34,0.03,0.67,0.08,1H4V7h8v3.26C10.19,11.53,9,13.62,9,16z M16,21c-2.76,0-5-2.24-5-5 s2.24-5,5-5s5,2.24,5,5S18.76,21,16,21z"/><polygon points="16.5,12 15,12 15,17 18.6,19.1 19.4,17.9 16.5,16.2"/></g></g></svg>

package/src/styles/svg/world.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>

package/src/styles/svg/zoomIn.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"/></svg>

package/src/styles/svg/zoomOut.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"/></svg>

package/src/styles/variables.scss

@@ -0,0 +1,117 @@
+// Media queries breakpoints
+$xs: 1px;
+$sm: 576px;
+$md: 768px;
+$lg: 1024px;
+$xl: 1200px;
+$xxl: 1646px;
+$xxxl: 2000px;
+
+/* Default sizes base 8 */
+$half-base-size: 4px;
+$base-size: 8px;
+$two-base-size: 16px;
+$three-base-size: 24px;
+$four-base-size: 32px;
+$five-base-size: 40px;
+$six-base-size: 48px;
+$seven-base-size: 56px;
+$eight-base-size: 64px;
+$nine-base-size: 72px;
+$ten-base-size: 80px;
+
+// Percentages
+$golden-ratio-full: 100%;
+$golden-ratio-first: 61.8%;
+$golden-ratio-second: 38.2%;
+$golden-ratio-third: 23.6%;
+$golden-ratio-fourth: 14.6%;
+
+// z-indexes
+$z-index-negative: -1;
+$z-index-one: 1;
+$z-index-two: 10;
+$z-index-three: 50;
+$z-index-four: 100;
+$z-index-five: 200;
+
+// Common components z-indexes
+$modal-z-index: 1000;
+$modal-overlay-z-index: 5;
+$modal-container-z-index: 10;
+$sticky-post-list-header-z-index: 12;
+$notification-z-index: 2000;
+$drawer-z-index: 2000;
+$tooltip-z-index: 2000;
+$menu-z-index: 200;
+$chat-z-index: 500;
+$pageheader-z-index: 120;
+$appheader-z-index: 300;
+$dropdown-z-index: 2001;
+
+// App layout
+$menu-md-width: 225px;
+$menu-lg-width: 300px;
+$collapsed-menu-width: 84px;
+$app-max-width: 1640px;
+$app-header-height: 50px;
+$postquery-filter-width: 400px;
+$dropdown-list-max-height: 450px;
+
+// Component sizes
+$heading-height: 64px;
+$icon-small-size: 18px;
+$icon-medium-size: 24px;
+$icon-large-size: 40px;
+$pressarea-min-size: 35px;
+$form-component-height: 40px;
+$page-header-height: 100px;
+$border-radius: 6px;
+$thumbnail: 104px;
+$card-small-min-height: 214px;
+$report-wysiwyg-toolbar-bp: 1860px;
+
+// Content
+$text-max-width: 800px;
+$content-with-sidebar: 75%; // E.g Postlist on inbox and search page
+$newsletter-form-max-width: 730px;
+$newsletter-edit-max-width: 768px;
+$newsletter-edit-max-width: 688px; // 640px + 48px total padding
+$newsletter-section-container: 716px; // 640px + sendoutEditBar widths and spacing
+$newsletter-header-footer-container: 736px;
+$sendout-info-heading-height: 108px;
+$sendout-edit-footer-height: 104px;
+$newsletter-max-width: 640px;
+$iphone-width: 375px;
+
+// ContentWrapper
+$content-wrapper-size-small: 730px;
+$content-wrapper-size-medium: 1172px;
+$content-wrapper-size-large: 1400px;
+
+// Typography
+$font-size-xxxs: 8px;
+$font-size-xxs: 10px;
+$font-size-xs: 12px;
+$font-size-s: 14px;
+$font-size-m: 16px;
+$font-size-l: 18px;
+$font-size-xl: 20px;
+$font-size-xxl: 24px;
+$font-size-xxxl: 32px;
+$font-size-xxxxl: 36px;
+$font-size-xxxxxl: 44px;
+$letter-spacing-text: 0.44px;
+$letter-spacing-text-rem: 0.044rem;
+$letter-spacing-heading: 0.64px;
+$line-height: 1.25;
+
+// PDF-specific variables
+$pdf-font-size-s: 0.8rem; // meta text
+$pdf-font-size-m: 1rem; // bread text
+$pdf-font-size-l: 1.4rem; // report post titles
+$pdf-font-size-xl: 2rem; // first page header
+$pdf-font-size-xxl: 2.9rem; // h1
+$pdf-gutter: 1.2rem;
+
+$font-family-assistant: 'Assistant', sans-serif;

package/src/types/styling.ts

@@ -0,0 +1,34 @@
+export type baseSizes = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
+export type baseSizesExtended = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25' | 'auto';
+
+export interface MarginInterface {
+	margin?: baseSizes;
+	marginX?: baseSizes;
+	marginY?: baseSizes;
+	marginTop?: baseSizesExtended;
+	marginBottom?: baseSizesExtended;
+	marginRight?: baseSizesExtended;
+	marginLeft?: baseSizesExtended;
+}
+
+export interface PaddingInterface {
+	padding?: baseSizes;
+	paddingX?: baseSizes;
+	paddingY?: baseSizes;
+	paddingTop?: baseSizesExtended;
+	paddingBottom?: baseSizesExtended;
+	paddingRight?: baseSizesExtended;
+	paddingLeft?: baseSizesExtended;
+}
+
+export interface FlexStylingInterface {
+	alignItems?: 'center' | 'flexStart' | 'flexEnd' | 'spaceAround' | 'spaceBetween';
+	alignSelf?: 'center' | 'flexStart' | 'flexEnd';
+	displayFlex?: boolean;
+	displayFlexCenter?: boolean;
+	displayFlexCenterSpaceBetween?: boolean;
+	flexDirection?: 'row' | 'rowReverse' | 'column' | 'columnReverse';
+	flexGrow?: '0' | '1' | 'auto';
+	flexWrap?: 'wrap' | 'noWrap' | 'wrapReverse';
+	justifyContent?: 'center' | 'flexStart' | 'flexEnd' | 'spaceAround' | 'spaceBetween';
+}

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+	"compilerOptions": {
+		"declaration": true,
+		"emitDeclarationOnly": true,
+		"outDir": "dist/js",
+		"jsx": "react",
+		"lib": ["es2017", "dom"],
+		"module": "commonjs",
+		"moduleResolution": "node",
+		"skipLibCheck": true,
+		"strict": true,
+		"strictNullChecks": false,
+		"target": "es5"
+	},
+	"include": ["./src/*", "./src/**/*"],
+	"exclude": ["./src/**/**.test.tsx", "./src/**/**.test.ts", "./src/**/**.stories.ts", "./src/**/**.stories.tsx", "./src/**/examples/**"]
+}

package/types/classnames/index.d.ts

@@ -0,0 +1 @@
+declare module 'classnames/bind';

package/types/declaration.d.ts

@@ -0,0 +1 @@
+declare module "*.module.scss";

package/types/react-router-dom/index.d.ts

@@ -0,0 +1 @@
+declare module 'react-router-dom';