dibk-design 0.3.24

package/dist/style/abstracts/variables/_colors.scss

@@ -0,0 +1,35 @@
+$body-background: #ffffff;
+$color-default-text: #222;
+$color-link: #072938;
+$color-dark-blue: #072938;
+$color-light-blue: #acc5d4;
+
+
+$color-primary: #00757f;
+$color-primary-hover: #00676f;
+
+$color-default: #f2f1f0;
+$color-default-hover: #e9e7e5;
+
+$color-success: #43ac6a;
+$color-success-hover: #368a55;
+
+$color-warning: #c12732;
+$color-warning-hover: #a2220b;
+$color-light-warning: #ffeaeb;
+
+$color-info: #a0d3e8;
+$color-info-hover: #61b6d9;
+
+$color-light-cyan: #ecf2f6;
+$color-light-cyan-hover: #dee9ef;
+
+$color-orange: #f08a24;
+$color-orange-hover: #cf6e0e;
+$color-light-orange: #faefdf;
+$color-light-orange-hover: #f7e4c9;
+
+$color-lime: #c9d12b;
+$color-lime-hover: #b5bc27;
+$color-light-lime: #f0f2cb;
+$color-light-lime-hover: #ebeebb;

package/dist/style/abstracts/variables/_typography.scss

@@ -0,0 +1 @@
+$default-font: "Open Sans";

package/dist/style/abstracts/variables/_viewports.scss

@@ -0,0 +1,11 @@
+$screen-xs: 40.0625em !default;
+$screen-xs-min: $screen-xs !default;
+$screen-sm: 52.5625em !default;
+$screen-sm-min: $screen-sm !default;
+$screen-md: 64.0625em !default;
+$screen-md-min: $screen-md !default;
+$screen-lg: 85.0625em !default;
+$screen-lg-min: $screen-lg !default;
+$screen-xs-max: ($screen-sm-min - 1) !default;
+$screen-sm-max: ($screen-md-min - 1) !default;
+$screen-md-max: ($screen-lg-min - 1) !default;

package/dist/style/base/_all.scss

@@ -0,0 +1,2 @@
+@import "typography";
+@import "reset";

package/dist/style/base/_reset.scss

@@ -0,0 +1,15 @@
+* {
+	-webkit-box-sizing: border-box; // Safari <= 5
+	-moz-box-sizing: border-box; // Firefox <= 19
+	box-sizing: border-box;
+}
+
+html {
+	margin: 0;
+	padding: 0;
+}
+
+body{
+	margin: 0;
+	padding: 0;
+}

package/dist/style/base/_typography.scss

@@ -0,0 +1,6 @@
+body {
+	font-family: $default-font;
+	color: $color-default-text;
+	font-weight: normal;
+	line-height: 1.4;
+}

package/dist/style/base/fonts.css

@@ -0,0 +1,6 @@
+@font-face {
+	font-family: "Altis-Light";
+	src: url("../../fonts/Altis-Light.eot#Altis-Light") format("eot");
+	src: local("Altis-Light"), url("../../fonts/Altis-Light.woff") format("woff"), url("../../fonts/Altis-Light.ttf") format("truetype"), url("../../fonts/Altis-Light.svg") format("svg");
+}
+.flex {display: flex;}

package/dist/style/global.scss

@@ -0,0 +1,3 @@
+@import "abstracts/all";
+@import "base/all";
+@import "layout/all";

package/dist/style/layout/_all.scss

@@ -0,0 +1 @@
+@import "containers";

package/dist/style/layout/_containers.scss

@@ -0,0 +1,9 @@
+.main-content {
+	padding: 0 20px 20px;
+	max-width: 1280px;
+	margin: 0 auto;
+	font-size: 18px;
+	@media only screen and (min-width: $screen-md){
+		padding: 0 40px;
+	}
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "dibk-design",
+  "version": "0.3.24",
+  "private": false,
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "dependencies": {
+    "prop-types": "^15.6.2",
+    "react": "^17.0.1",
+    "react-datepicker": "^4.1.1",
+    "react-dom": "^17.0.1",
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "^4.0.0",
+    "webfontloader": "^1.6.28"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__",
+    "windows-build": "rm -rf dist && SET NODE_ENV=production&& babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "styleguide": "FAST_REFRESH=false styleguidist server",
+    "styleguide:build": "styleguidist build"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "devDependencies": {
+    "@babel/cli": "^7.0.0",
+    "react-styleguidist": "^11.0.4",
+    "sass": "^1.28.0"
+  }
+}