@helsenorge/designsystem-react 0.0.3-dev.6 → 1.0.0-alpha-nye-spacers

package/grid-11a70eb7.js

@@ -0,0 +1,2 @@
+var x={null:0,xs:360,sm:564,md:768,lg:1088,xl:1450},m={xs:"(min-width: ".concat(x.xs,"px)"),sm:"(min-width: ".concat(x.sm,"px)"),md:"(min-width: ".concat(x.md,"px)"),lg:"(min-width: ".concat(x.lg,"px)"),xl:"(min-width: ".concat(x.xl,"px)")};export{x as b,m as s};
+//# sourceMappingURL=grid-11a70eb7.js.map

package/grid-11a70eb7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-11a70eb7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/hooks/useBreakpoint.d.ts

@@ -0,0 +1,9 @@
+export declare enum Breakpoint {
+    Xs,
+    Sm,
+    Md,
+    Lg,
+    Xl
+}
+export declare const useBreakpoint: () => Breakpoint | undefined;
+//# sourceMappingURL=useBreakpoint.d.ts.map

package/hooks/useBreakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAIA,oBAAY,UAAU;IACpB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;CACpB;AAED,eAAO,MAAM,aAAa,8BAsBzB,CAAC"}

package/hooks/useFocusTrap.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function useFocusTrap(): React.MutableRefObject<null>;
+//# sourceMappingURL=useFocusTrap.d.ts.map

package/hooks/useFocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,YAAY,iCAuDnC"}

package/hooks/useHover.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+/** ref: Reference object for the trigger of the hover state
+ *
+ *  condition: Additional boolean condition to trigger the useEffect checking for hover.
+ *
+ *  includeFocus: If focusing the ref should count as a hover or not. True by default.
+ */
+export declare const useHover: <T extends HTMLElement>(ref?: RefObject<T> | undefined, condition?: boolean | undefined, includeFocus?: boolean) => {
+    hoverRef: RefObject<T>;
+    isHovered: boolean;
+};
+//# sourceMappingURL=useHover.d.ts.map

package/hooks/useHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/hooks/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;CA0BpB,CAAC"}

package/hooks/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowSize(): {
+    width: number | undefined;
+    height: number | undefined;
+};
+//# sourceMappingURL=useWindowSize.d.ts.map

package/hooks/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa;;;EAwB5B"}

package/index-0e78dfa0.js

@@ -0,0 +1,2 @@
+import{p as s}from"./palette-f206f488.js";import{s as a,b as e}from"./grid-11a70eb7.js";var r={spacer:1,spacers:{0:0,1:1/8,2:1/4,3:.5,4:.75,5:1,6:1.5,7:2,8:3,9:4,10:5,11:6,12:7,13:8},palette:s,screen:a,breakpoints:e};export{r as t};
+//# sourceMappingURL=index-0e78dfa0.js.map

package/index-0e78dfa0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-0e78dfa0.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/index-9b84fabc.js

@@ -0,0 +1,8 @@
+var r=function(r,e){return r(e={exports:{}},e.exports),e.exports}((function(r){
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+!function(){var e={}.hasOwnProperty;function n(){for(var r=arguments,t=[],o=0;o<arguments.length;o++){var s=r[o];if(s){var a=typeof s;if("string"===a||"number"===a)t.push(s);else if(Array.isArray(s)&&s.length){var i=n.apply(null,s);i&&t.push(i)}else if("object"===a)for(var p in s)e.call(s,p)&&s[p]&&t.push(p)}}return t.join(" ")}r.exports?(n.default=n,r.exports=n):window.classNames=n}()}));export{r as c};
+//# sourceMappingURL=index-9b84fabc.js.map

package/index-9b84fabc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-9b84fabc.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","key","call","join","module","exports","default","window"],"mappings":";;;;;;CAOC,WAGA,IAAIA,EAAS,GAAGC,eAEhB,SAASC,IAGR,oBAFIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,EAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IAAQA,EAAID,OAAQ,CAC5C,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,QAER,GAAgB,WAAZJ,EACV,IAAK,IAAIM,KAAOP,EACXP,EAAOe,KAAKR,EAAKO,IAAQP,EAAIO,IAChCX,EAAQM,KAAKK,IAMjB,OAAOX,EAAQa,KAAK,KAGgBC,EAAOC,SAC3ChB,EAAWiB,QAAUjB,EACrBe,UAAiBf,GAOjBkB,OAAOlB,WAAaA,EA1CtB"}

package/index.d.ts

@@ -0,0 +1,4 @@
+import { theme } from './theme';
+import { useHover } from './hooks/useHover';
+export { theme, useHover };
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC"}

package/index.js

@@ -0,0 +1,2 @@
+export{t as theme}from"./index-0e78dfa0.js";export{u as useHover}from"./useHover-57ad4df9.js";import"./palette-f206f488.js";import"./grid-11a70eb7.js";import"./_rollupPluginBabelHelpers-e1c7fe69.js";import"react";
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,56 +1,35 @@
 {
   "name": "@helsenorge/designsystem-react",
-  "version": "0.0.3-dev.6",
+  "sideEffects": false,
+  "version": "1.0.0-alpha-nye-spacers",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
-    "type": "git",
-    "url": "https://github.com/helsenorge/designsystem",
-    "directory": "packages/designsystem-react"
+    "type": "tfs",
+    "url": "https://dev.azure.com/nhnfelles/Helsenorge/_git/HN-Designsystem"
   },
   "homepage": "https://helsenorge.design",
-  "author": "Steffen Lien <steffen.lien@ehelse.no>",
-  "bugs": {
-    "url": "https://github.com/Helsenorge/designsystem/issues",
-    "email": "contact@helsenorge.design"
-  },
-  "license": "MIT",
-  "keywords": [
-    "components",
-    "design-system",
-    "helsenorge",
-    "patterns",
-    "react"
+  "author": "Helsenorge",
+  "maintainers": [
+    "ROX"
   ],
+  "license": "MIT",
   "publishConfig": {
+    "directory": "lib",
     "access": "public"
   },
-  "main": "dist/js/helsenorge.js",
-  "module": "dist/js/helsenorge.esm.js",
-  "types": "dist/index.d.ts",
+  "types": "lib/index.d.ts",
   "source": "src/index.ts",
-  "files": [
-    "dist/"
-  ],
-  "scripts": {
-    "build": "yarn clean && rollup -c --environment BUILD:production && yarn build:defs",
-    "build:defs": "tsc --emitDeclarationOnly && dts-bundle-generator -project ./tsconfig.json -o ./dist/index.d.ts ./types/src/index.d.ts",
-    "clean": "rimraf dist types",
-    "cz": "git-cz",
-    "format": "prettier --write \"src/**/*.+(js|jsx|json|ts|tsx)\"",
-    "generate:icons": "node scripts/iconGenerator.js generate",
-    "lint": "eslint \"src/**/*\"",
-    "precommit": "lint-staged",
-    "test": "jest",
-    "test:open": "open -a 'Google Chrome' coverage/lcov-report/index.html",
-    "test:watch": "jest --watch",
-    "start": "start-storybook",
-    "validate": "yarn lint && yarn format -l"
-  },
+  "scripts": {},
   "peerDependencies": {
-    "react": "^16.4.2",
-    "react-dom": "^16.4.2",
+    "bootstrap": "4.4.1",
+    "normalize.css": "8.0.1",
+    "react": ">= 16.12.0",
+    "react-dom": ">= 16.12.0",
     "styled-components": "^5.0.0"
   },
+  "dependencies": {
+    "bootstrap": "4.4.1"
+  },
   "devDependencies": {
     "@babel/core": "^7.8.3",
     "@babel/plugin-proposal-class-properties": "^7.8.3",
@@ -59,6 +38,8 @@
     "@babel/preset-env": "^7.8.3",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
+    "@rollup/plugin-typescript": "^4.1.2",
+    "@storybook/addon-a11y": "^5.3.13",
     "@storybook/addon-actions": "^5.3.12",
     "@storybook/addon-backgrounds": "^5.3.12",
     "@storybook/addon-centered": "^5.3.12",
@@ -67,44 +48,55 @@
     "@storybook/addons": "^5.3.12",
     "@storybook/react": "^5.3.12",
     "@svgr/core": "^4.3.3",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.4.0",
-    "@types/jest": "^24.9.0",
-    "@types/testing-library__react": "^9.1.2",
+    "@testing-library/jest-dom": "^5.9.0",
+    "@testing-library/react": "^10.0.5",
+    "@testing-library/user-event": "^13.1.8",
+    "@types/classnames": "^2.2.11",
+    "@types/jest": "^25.2.3",
+    "@types/prettier": "1.19.0",
+    "@types/styled-components": "5.0.1",
+    "@types/testing-library__react": "^10.0.5",
     "async": "^3.1.0",
     "babel-loader": "^8.0.6",
+    "classnames": "^2.2.6",
+    "copyfiles": "^2.2.0",
     "css-loader": "^3.2.0",
-    "dts-bundle-generator": "^3.3.0",
     "file-loader": "^4.2.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^24.9.0",
+    "jest": "^26.0.1",
     "jest-styled-components": "^7.0.0",
     "jest-watch-typeahead": "^0.4.2",
-    "postcss-import": "^12.0.1",
-    "postcss-loader": "^3.0.0",
-    "postcss-nested": "^4.2.1",
-    "postcss-preset-env": "^6.7.0",
-    "react": "^16.12.0",
+    "node-sass": "^4.13.0",
+    "normalize.css": "8.0.1",
+    "npm-run-all": "^4.1.5",
+    "prettier": "1.19.1",
+    "react": "16.12.0",
+    "react-docgen-typescript": "^1.22.0",
     "react-docgen-typescript-loader": "^3.3.0",
-    "react-dom": "^16.12.0",
+    "react-dom": "16.12.0",
+    "react-hook-form": "^6.15.8",
     "resolve-url-loader": "^3.1.1",
-    "rollup": "^1.26.5",
-    "rollup-plugin-babel": "^4.3.3",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.10.9",
+    "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-buble": "^0.19.8",
     "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-copy": "^3.1.0",
+    "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-execute": "^1.1.1",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.2",
-    "rollup-plugin-progress": "^1.1.1",
-    "rollup-plugin-scss": "^1.0.2",
-    "rollup-plugin-sizes": "^0.5.1",
+    "rollup-plugin-progress": "^1.1.2",
+    "rollup-plugin-terser": "^6.1.0",
+    "rollup-plugin-typescript2": "^0.29.0",
     "sass-loader": "^8.0.0",
     "style-loader": "^1.0.0",
     "styled-components": "5.0.1",
     "svg-parser": "^2.0.2",
+    "svgo": "^1.3.2",
     "ts-loader": "^6.2.1",
+    "typed-scss-modules": "^4.1.1",
+    "typescript": "~3.8.3",
     "webpack": "^4.41.2",
     "yargs": "^15.0.2"
   }
-}
+}

package/palette-f206f488.js

@@ -0,0 +1,2 @@
+var r=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},{banana50:"#FCF2BF",banana100:"#F9EA9F",banana200:"#F5E080",banana300:"#F1D460",banana400:"#EBC840",banana500:"#DDAB06",banana600:"#C59302",banana700:"#AB7C00",banana800:"#916500",banana900:"#764F00"}),{blueberry50:"#E4F7F9",blueberry100:"#CAE7ED",blueberry200:"#AFDAE3",blueberry300:"#7ABECC",blueberry400:"#58AABB",blueberry500:"#188097",blueberry600:"#126F87",blueberry700:"#08667C",blueberry800:"#06596C",blueberry900:"#084350"}),{cherry50:"#FFF2EA",cherry100:"#F7E1D2",cherry200:"#EEC0A5",cherry300:"#E39376",cherry400:"#D56147",cherry500:"#C83521",cherry600:"#B62E1C",cherry700:"#A31F0E",cherry800:"#912112",cherry900:"#7E1C0E"}),{kiwi50:"#E6F8EE",kiwi100:"#C2EDD6",kiwi200:"#9DE2BF",kiwi300:"#79D6AA",kiwi400:"#56CA96",kiwi500:"#33BE84",kiwi600:"#10B172",kiwi700:"#0CA161",kiwi800:"#099150",kiwi900:"#078141"}),{neutral50:"#F5F3F3",neutral100:"#EAE7E7",neutral200:"#D6D4D3",neutral300:"#BDBAB9",neutral400:"#AAA8A6",neutral500:"#989693",neutral600:"#7D7C79",neutral700:"#62625F",neutral800:"#474745",neutral900:"#2B2C2B"}),{plum50:"#EFE4FD",plum100:"#D7BDF9",plum200:"#BF98F3",plum300:"#A875EB",plum400:"#9153E2",plum500:"#7A33D7",plum600:"#6A2ABF",plum700:"#5B22A6",plum800:"#4C1B8C",plum900:"#3C1471"}),{black:"#000000",white:"#ffffff"});export{r as p};
+//# sourceMappingURL=palette-f206f488.js.map

package/palette-f206f488.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette-f206f488.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/scss/_body.scss

@@ -0,0 +1,11 @@
+body {
+  font-family: 'Source Sans Pro', Arial, Verdana, sans-serif;
+  background-color: $neutral50;
+  color: $black;
+  font-size: $font-size-sm;
+  line-height: $lineheight-size-sm;
+  @include media-breakpoint-up(md) {
+    font-size: $font-size-md;
+    line-height: $lineheight-size-md;
+  }
+}

package/{dist/scss/_overrides.scss → scss/_breakpoints.scss}

@@ -1,13 +1,16 @@
-// Grid
+$grid-gutter-width: map-get($spacers, 5);
+
 $grid-breakpoints: (
-  xs: 0,
+  null: 0,
+  xs: 360px,
   sm: 564px,
-  md: 682px,
+  md: 768px,
   lg: 1088px,
+  xl: 1450px,
 );
 
 $container-max-widths: (
   sm: 528px,
-  md: 634px,
+  md: 612px,
   lg: 1056px,
 );

package/scss/_font-settings.scss

@@ -0,0 +1,8 @@
+$font-size-xs: 1rem; // 16px
+$font-size-sm: 1.125rem; // 18px
+$font-size-md: 1.25rem; // 20px
+$font-size-lg: 1.5rem; // 24px
+$lineheight-size-xs: 1.5rem; // 28px
+$lineheight-size-sm: 1.75rem; // 28px
+$lineheight-size-md: 1.875rem; // 30px
+$lineheight-size-lg: 2rem; // 32px

package/scss/_fonts.scss

@@ -0,0 +1,112 @@
+@import './font-settings.scss';
+
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: local('Source Sans Pro Extra Light'), local('SourceSansPro-ExtraLight'),
+    url(../fonts/source-sans-pro-200-extralight.woff) format('woff'), url(../fonts/source-sans-pro-200-extralight.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: local('Source Sans Pro Extra Light Italic'), local('SourceSansPro-ExtraLightItalic'),
+    url(../fonts/source-sans-pro-200-extralight-italic.woff) format('woff'),
+    url(../fonts/source-sans-pro-200-extralight-italic.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../fonts/source-sans-pro-300-light.woff) format('woff'),
+    url(../fonts/source-sans-pro-300-light.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
+    url(../fonts/source-sans-pro-300-light-italic.woff) format('woff'), url(../fonts/source-sans-pro-300-light-italic.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/source-sans-pro-400-regular.woff) format('woff'),
+    url(../fonts/source-sans-pro-400-regular.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(../fonts/source-sans-pro-400-regular-italic.woff) format('woff'),
+    url(../fonts/source-sans-pro-400-regular-italic.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/source-sans-pro-600-semibold.woff) format('woff'),
+    url(../fonts/source-sans-pro-600-semibold.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
+    url(../fonts/source-sans-pro-600-semibold-italic.woff) format('woff'),
+    url(../fonts/source-sans-pro-600-semibold-italic.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/source-sans-pro-700-bold.woff) format('woff'),
+    url(../fonts/source-sans-pro-700-bold.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
+    url(../fonts/source-sans-pro-700-bold-italic.woff) format('woff'), url(../fonts/source-sans-pro-700-bold-italic.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(../fonts/source-sans-pro-900-black.woff) format('woff'),
+    url(../fonts/source-sans-pro-900-black.woff2) format('woff2');
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),
+    url(../fonts/source-sans-pro-900-black-italic.woff) format('woff'), url(../fonts/source-sans-pro-900-black-italic.woff2) format('woff2');
+}

package/scss/_grid.scss

@@ -0,0 +1 @@
+@import 'bootstrap/scss/bootstrap-grid';

package/scss/_palette.scss

@@ -0,0 +1,136 @@
+$black: #000000;
+$white: #ffffff;
+
+$banana50: #fcf2bf;
+$banana100: #f9ea9f;
+$banana200: #f5e080;
+$banana300: #f1d460;
+$banana400: #ebc840;
+$banana500: #ddab06;
+$banana600: #c59302;
+$banana700: #ab7c00;
+$banana800: #916500;
+$banana900: #764f00;
+
+$blueberry50: #e4f7f9;
+$blueberry100: #cae7ed;
+$blueberry200: #afdae3;
+$blueberry300: #7abecc;
+$blueberry400: #58aabb;
+$blueberry500: #188097;
+$blueberry600: #126f87;
+$blueberry700: #08667c;
+$blueberry800: #06596c;
+$blueberry900: #084350;
+
+$cherry50: #fff2ea;
+$cherry100: #f7e1d2;
+$cherry200: #eec0a5;
+$cherry300: #e39376;
+$cherry400: #d56147;
+$cherry500: #c83521;
+$cherry600: #b62e1c;
+$cherry700: #a31f0e;
+$cherry800: #912112;
+$cherry900: #7e1c0e;
+
+$kiwi50: #e6f8ee;
+$kiwi100: #c2edd6;
+$kiwi200: #9de2bf;
+$kiwi300: #79d6aa;
+$kiwi400: #56ca96;
+$kiwi500: #33be84;
+$kiwi600: #10b172;
+$kiwi700: #0ca161;
+$kiwi800: #099150;
+$kiwi900: #078141;
+
+$neutral50: #f5f3f3;
+$neutral100: #eae7e7;
+$neutral200: #d6d4d3;
+$neutral300: #bdbab9;
+$neutral400: #aaa8a6;
+$neutral500: #989693;
+$neutral600: #7d7c79;
+$neutral700: #62625f;
+$neutral800: #474745;
+$neutral900: #2b2c2b;
+
+$plum50: #efe4fd;
+$plum100: #d7bdf9;
+$plum200: #bf98f3;
+$plum300: #a875eb;
+$plum400: #9153e2;
+$plum500: #7a33d7;
+$plum600: #6a2abf;
+$plum700: #5b22a6;
+$plum800: #4c1b8c;
+$plum900: #3c1471;
+
+$inverted-hover: #ffffff0d;
+$transparentGrey: rgba(102, 102, 102, 0.75);
+
+$palette-map: (
+  'banana50': $banana50,
+  'banana100': $banana100,
+  'banana200': $banana200,
+  'banana300': $banana300,
+  'banana400': $banana400,
+  'banana500': $banana500,
+  'banana600': $banana600,
+  'banana700': $banana700,
+  'banana800': $banana800,
+  'banana900': $banana900,
+  'blueberry50': $blueberry50,
+  'blueberry100': $blueberry100,
+  'blueberry200': $blueberry200,
+  'blueberry300': $blueberry300,
+  'blueberry400': $blueberry400,
+  'blueberry500': $blueberry500,
+  'blueberry600': $blueberry600,
+  'blueberry700': $blueberry700,
+  'blueberry800': $blueberry800,
+  'blueberry900': $blueberry900,
+  'cherry50': $cherry50,
+  'cherry100': $cherry100,
+  'cherry200': $cherry200,
+  'cherry300': $cherry300,
+  'cherry400': $cherry400,
+  'cherry500': $cherry500,
+  'cherry600': $cherry600,
+  'cherry700': $cherry700,
+  'cherry800': $cherry800,
+  'cherry900': $cherry900,
+  'kiwi50': $kiwi50,
+  'kiwi100': $kiwi100,
+  'kiwi200': $kiwi200,
+  'kiwi300': $kiwi300,
+  'kiwi400': $kiwi400,
+  'kiwi500': $kiwi500,
+  'kiwi600': $kiwi600,
+  'kiwi700': $kiwi700,
+  'kiwi800': $kiwi800,
+  'kiwi900': $kiwi900,
+  'neutral50': $neutral50,
+  'neutral100': $neutral100,
+  'neutral200': $neutral200,
+  'neutral300': $neutral300,
+  'neutral400': $neutral400,
+  'neutral500': $neutral500,
+  'neutral600': $neutral600,
+  'neutral700': $neutral700,
+  'neutral800': $neutral800,
+  'neutral900': $neutral900,
+  'plum50': $plum50,
+  'plum100': $plum100,
+  'plum200': $plum200,
+  'plum300': $plum300,
+  'plum400': $plum400,
+  'plum500': $plum500,
+  'plum600': $plum600,
+  'plum700': $plum700,
+  'plum800': $plum800,
+  'plum900': $plum900,
+  'black': $black,
+  'white': $white,
+);