dibk-design 0.3.24

package/dist/images/spinner.svg

@@ -0,0 +1,57 @@
+<svg class="lds-spin" width="47px"  height="47px"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="translate(80,50)">
+<g transform="rotate(0)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="1" transform="scale(1.0175 1.0175)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.875s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.875s"></animate>
+</circle>
+</g>
+</g><g transform="translate(71.21320343559643,71.21320343559643)">
+<g transform="rotate(45)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.875" transform="scale(1.03 1.03)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.75s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.75s"></animate>
+</circle>
+</g>
+</g><g transform="translate(50,80)">
+<g transform="rotate(90)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.75" transform="scale(1.0425 1.0425)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.625s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.625s"></animate>
+</circle>
+</g>
+</g><g transform="translate(28.786796564403577,71.21320343559643)">
+<g transform="rotate(135)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.625" transform="scale(1.055 1.055)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.5s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.5s"></animate>
+</circle>
+</g>
+</g><g transform="translate(20,50.00000000000001)">
+<g transform="rotate(180)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.5" transform="scale(1.0675 1.0675)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.375s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.375s"></animate>
+</circle>
+</g>
+</g><g transform="translate(28.78679656440357,28.786796564403577)">
+<g transform="rotate(225)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.375" transform="scale(1.08 1.08)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.25s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.25s"></animate>
+</circle>
+</g>
+</g><g transform="translate(49.99999999999999,20)">
+<g transform="rotate(270)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.25" transform="scale(1.0925 1.0925)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.125s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.125s"></animate>
+</circle>
+</g>
+</g><g transform="translate(71.21320343559643,28.78679656440357)">
+<g transform="rotate(315)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.125" transform="scale(1.005 1.005)">
+  <animateTransform attributeName="transform" type="scale" begin="0s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="0s"></animate>
+</circle>
+</g>
+</g></svg>

package/dist/index.js

@@ -0,0 +1,185 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "CheckBoxIcon", {
+  enumerable: true,
+  get: function get() {
+    return _CheckBoxIcon.default;
+  }
+});
+Object.defineProperty(exports, "CheckBoxInput", {
+  enumerable: true,
+  get: function get() {
+    return _CheckBoxInput.default;
+  }
+});
+Object.defineProperty(exports, "CheckBoxListItem", {
+  enumerable: true,
+  get: function get() {
+    return _CheckBoxListItem.default;
+  }
+});
+Object.defineProperty(exports, "ContentBox", {
+  enumerable: true,
+  get: function get() {
+    return _ContentBox.default;
+  }
+});
+Object.defineProperty(exports, "DragAndDropFileInput", {
+  enumerable: true,
+  get: function get() {
+    return _DragAndDropFileInput.default;
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function get() {
+    return _Header.default;
+  }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function get() {
+    return _List.default;
+  }
+});
+Object.defineProperty(exports, "LoadingAnimation", {
+  enumerable: true,
+  get: function get() {
+    return _LoadingAnimation.default;
+  }
+});
+Object.defineProperty(exports, "NavigationBar", {
+  enumerable: true,
+  get: function get() {
+    return _NavigationBar.default;
+  }
+});
+Object.defineProperty(exports, "NavigationBarListItem", {
+  enumerable: true,
+  get: function get() {
+    return _NavigationBarListItem.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select.default;
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _Footer.default;
+  }
+});
+Object.defineProperty(exports, "InputField", {
+  enumerable: true,
+  get: function get() {
+    return _InputField.default;
+  }
+});
+Object.defineProperty(exports, "Paper", {
+  enumerable: true,
+  get: function get() {
+    return _Paper.default;
+  }
+});
+Object.defineProperty(exports, "RadioButtonIcon", {
+  enumerable: true,
+  get: function get() {
+    return _RadioButtonIcon.default;
+  }
+});
+Object.defineProperty(exports, "RadioButtonInput", {
+  enumerable: true,
+  get: function get() {
+    return _RadioButtonInput.default;
+  }
+});
+Object.defineProperty(exports, "RadioButtonListItem", {
+  enumerable: true,
+  get: function get() {
+    return _RadioButtonListItem.default;
+  }
+});
+Object.defineProperty(exports, "WizardNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _WizardNavigation.default;
+  }
+});
+Object.defineProperty(exports, "WizardNavigationStep", {
+  enumerable: true,
+  get: function get() {
+    return _Step.default;
+  }
+});
+
+var _webfontloader = _interopRequireDefault(require("webfontloader"));
+
+var _Accordion = _interopRequireDefault(require("./components/Accordion"));
+
+var _Button = _interopRequireDefault(require("./components/Button"));
+
+var _CheckBoxIcon = _interopRequireDefault(require("./components/CheckBoxIcon"));
+
+var _CheckBoxInput = _interopRequireDefault(require("./components/CheckBoxInput"));
+
+var _CheckBoxListItem = _interopRequireDefault(require("./components/CheckBoxListItem"));
+
+var _ContentBox = _interopRequireDefault(require("./components/ContentBox"));
+
+var _DragAndDropFileInput = _interopRequireDefault(require("./components/DragAndDropFileInput"));
+
+var _Header = _interopRequireDefault(require("./components/Header"));
+
+var _List = _interopRequireDefault(require("./components/List"));
+
+var _LoadingAnimation = _interopRequireDefault(require("./components/LoadingAnimation"));
+
+var _NavigationBar = _interopRequireDefault(require("./components/NavigationBar"));
+
+var _NavigationBarListItem = _interopRequireDefault(require("./components/NavigationBarListItem"));
+
+var _Select = _interopRequireDefault(require("./components/Select"));
+
+var _Footer = _interopRequireDefault(require("./components/Footer"));
+
+var _InputField = _interopRequireDefault(require("./components/InputField"));
+
+var _Paper = _interopRequireDefault(require("./components/Paper"));
+
+var _RadioButtonIcon = _interopRequireDefault(require("./components/RadioButtonIcon"));
+
+var _RadioButtonInput = _interopRequireDefault(require("./components/RadioButtonInput"));
+
+var _RadioButtonListItem = _interopRequireDefault(require("./components/RadioButtonListItem"));
+
+var _WizardNavigation = _interopRequireDefault(require("./components/WizardNavigation"));
+
+var _Step = _interopRequireDefault(require("./components/WizardNavigation/Step"));
+
+require("./style/base/fonts.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_webfontloader.default.load({
+  google: {
+    families: ['Open Sans:300,400,700', 'sans-serif']
+  }
+});

package/dist/style/abstracts/_all.scss

@@ -0,0 +1,2 @@
+@import "variables/all";
+@import "mixins/all";

package/dist/style/abstracts/mixins/_all.scss

@@ -0,0 +1,12 @@
+@import "animation";
+@import "appearance";
+@import "border-radius";
+@import "box-shadow";
+@import "box-sizing";
+@import "calc";
+@import "keyframes";
+@import "opacity";
+@import "placeholder";
+@import "scrollbar";
+@import "transform";
+@import "transition";

package/dist/style/abstracts/mixins/_animation.scss

@@ -0,0 +1,6 @@
+@mixin animation ($value) {
+  -webkit-animation: $value;
+  -moz-animation: $value;
+  -ms-animation: $value;
+  animation: $value;
+}

package/dist/style/abstracts/mixins/_appearance.scss

@@ -0,0 +1,5 @@
+@mixin appearance ($value) {
+	-webkit-appearance: $value;
+	-moz-appearance: $value;
+	appearance: $value;
+}

package/dist/style/abstracts/mixins/_border-radius.scss

@@ -0,0 +1,31 @@
+@mixin border-radius($radius) {
+  -webkit-border-radius: $radius;
+  border-radius: $radius;
+}
+
+// Single side border-radius
+
+@mixin border-top-radius($radius) {
+  -webkit-border-top-right-radius: $radius;
+  border-top-right-radius: $radius;
+  -webkit-border-top-left-radius: $radius;
+  border-top-left-radius: $radius;
+}
+@mixin border-right-radius($radius) {
+  -webkit-border-bottom-right-radius: $radius;
+  border-bottom-right-radius: $radius;
+  -webkit-border-top-right-radius: $radius;
+  border-top-right-radius: $radius;
+}
+@mixin border-bottom-radius($radius) {
+  -webkit-border-bottom-right-radius: $radius;
+  border-bottom-right-radius: $radius;
+  -webkit-border-bottom-left-radius: $radius;
+  border-bottom-left-radius: $radius;
+}
+@mixin border-left-radius($radius) {
+  -webkit-border-bottom-left-radius: $radius;
+  border-bottom-left-radius: $radius;
+  -webkit-border-top-left-radius: $radius;
+  border-top-left-radius: $radius;
+}

package/dist/style/abstracts/mixins/_box-shadow.scss

@@ -0,0 +1,5 @@
+@mixin box-shadow($shadows...) {
+    -webkit-box-shadow: $shadows;
+    -moz-box-shadow: $shadows;
+    box-shadow: $shadows;
+}

package/dist/style/abstracts/mixins/_box-sizing.scss

@@ -0,0 +1,5 @@
+@mixin box-sizing($box-model) {
+  -webkit-box-sizing: $box-model; // Safari <= 5
+     -moz-box-sizing: $box-model; // Firefox <= 19
+          box-sizing: $box-model;
+}

package/dist/style/abstracts/mixins/_calc.scss

@@ -0,0 +1,5 @@
+@mixin calc($property, $expression) {
+  #{$property}: -moz-calc(#{$expression});
+  #{$property}: -webkit-calc(#{$expression});
+  #{$property}: calc(#{$expression});
+}

package/dist/style/abstracts/mixins/_keyframes.scss

@@ -0,0 +1,14 @@
+@mixin keyframes($name) {
+  @-webkit-keyframes #{$name} {
+    @content;
+  }
+  @-moz-keyframes #{$name} {
+    @content;
+  }
+  @-ms-keyframes #{$name} {
+    @content;
+  }
+  @keyframes #{$name} {
+    @content;
+  }
+}

package/dist/style/abstracts/mixins/_opacity.scss

@@ -0,0 +1,5 @@
+@mixin opacity($opacity) {
+    opacity: $opacity;
+    $opacity-ie: $opacity * 100;
+    filter: alpha(opacity=$opacity-ie); //IE8
+}

package/dist/style/abstracts/mixins/_placeholder.scss

@@ -0,0 +1,17 @@
+@mixin placeholder {
+    &::-webkit-input-placeholder {
+        @content
+    }
+
+    &:-moz-placeholder {
+        @content
+    }
+
+    &::-moz-placeholder {
+        @content
+    }
+
+    &:-ms-input-placeholder {
+        @content
+    }
+}

package/dist/style/abstracts/mixins/_scrollbar.scss

@@ -0,0 +1,26 @@
+@mixin scrollbar($size, $foreground-color, $background-color, $border-radius) {
+
+  // For Google Chrome
+  ::-webkit-scrollbar {
+    width:  $size;
+    height: $size;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    -webkit-box-shadow: none;
+    border-radius: $border-radius;
+    background: $foreground-color;
+  }
+
+  ::-webkit-scrollbar-track {
+    -webkit-box-shadow: none;
+    border-radius: $border-radius;
+    background: $background-color;
+  }
+
+  // For Internet Explorer
+  body {
+    scrollbar-face-color: $foreground-color;
+    scrollbar-track-color: $background-color;
+  }
+}

package/dist/style/abstracts/mixins/_transform.scss

@@ -0,0 +1,6 @@
+@mixin transform ($value) {
+	-webkit-transform: $value;
+	-moz-transform: $value;
+  -ms-transform: $value;
+	transform: $value;
+}

package/dist/style/abstracts/mixins/_transition.scss

@@ -0,0 +1,34 @@
+@mixin transition($transition...) {
+    -moz-transition: $transition;
+    -o-transition: $transition;
+    -webkit-transition: $transition;
+    transition: $transition;
+}
+
+@mixin transition-property($property...) {
+    -moz-transition-property: $property;
+    -o-transition-property: $property;
+    -webkit-transition-property: $property;
+    transition-property: $property;
+}
+
+@mixin transition-duration($duration...) {
+    -moz-transition-property: $duration;
+    -o-transition-property: $duration;
+    -webkit-transition-property: $duration;
+    transition-property: $duration;
+}
+
+@mixin transition-timing-function($timing...) {
+    -moz-transition-timing-function: $timing;
+    -o-transition-timing-function: $timing;
+    -webkit-transition-timing-function: $timing;
+    transition-timing-function: $timing;
+}
+
+@mixin transition-delay($delay...) {
+    -moz-transition-delay: $delay;
+    -o-transition-delay: $delay;
+    -webkit-transition-delay: $delay;
+    transition-delay: $delay;
+}

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

@@ -0,0 +1,3 @@
+@import "colors";
+@import "typography";
+@import "viewports";