cortex-react-ui 0.1.106 → 0.1.108

package/lib/styles/TagInput/index.scss

@@ -1,141 +1,141 @@
-@import "../global.scss";
-
-@mixin taginput($props: null, $options: null) {
-    $internal-options: $default-options;
-
-    $internal-props: (
-        line-height: 1.5,
-        background-color: #fff,
-        border-bottom: 1px solid #444,
-        item: (
-            border:  1px solid #444,
-            color: #000,
-            remove: (
-                color: #fff,
-                background-color: #444
-            )
-        ),
-        filter: (
-            background-color: #fff,
-            group: (
-                color: #fff,
-                background-color: #444
-            ),
-            item: (
-                color: #000,
-                background-color: #fff
-            )
-        )
-    );
-
-    $internal-props: safe-map-merge($internal-props, $props);
-    $internal-options: safe-map-merge($internal-options, $options);
-
-    .ui-taginput {
-        @if showProps($internal-options) {
-            display: block;
-            width: 100%;
-            padding: 0.375rem 0.75rem;
-            font-size: 0.9375rem;
-            line-height: get-map-deep($internal-props, "line-height");
-            user-select: none;
-        }
-        @if showColors($internal-options) {
-            background-color: get-map-deep($internal-props, "background-color");
-            border-bottom: get-map-deep($internal-props, "border-bottom")
-        }
-    }
-
-    .ui-taginputItem {
-        @if showProps($internal-options) {
-            display: inline-block;
-            line-height: 1;
-            text-align: center;
-            white-space: nowrap;
-            vertical-align: baseline;
-            border-radius: 0.25rem;
-            margin: 2px;
-        }
-        @if showColors($internal-options) {
-            border: get-map-deep($internal-props, "item.border");
-            color: get-map-deep($internal-props, "item.color");
-        }
-    }
-
-    .ui-taginputItemLabel {
-        @if showProps($internal-options) {
-            padding: 2px;
-        }
-    }
-
-    .ui-taginputItemRemove {
-        @if showProps($internal-options) {
-            appearance: none;
-            border: 0;
-            cursor: pointer;
-        }
-        @if showColors($internal-options) {
-            background: get-map-deep($internal-props, "item.remove.background-color");
-            color: get-map-deep($internal-props, "item.remove.color");
-        }
-    }
-
-    .ui-taginputFilter {
-        @if showProps($internal-options) {
-            outline: none;
-            border: 0;
-            overflow: visible;
-            padding-left: 4px;
-        }
-    }
-
-    .ui-taginputSelect {
-        @if showProps($internal-options) {
-            box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
-            min-width: 180px;
-            user-select: none;
-        }
-        @if showColors($internal-options) {
-            background-color: get-map-deep($internal-props, "filter.background-color");
-        }
-    }
-
-    .ui-taginputSelectItem {
-        @if showProps($internal-options) {
-            display: block;
-            white-space: nowrap;
-            overflow: hidden;
-            line-height: 48px;
-            padding: 0 16px;
-            cursor: pointer;
-        }
-        @if showColors($internal-options) {
-            color: get-map-deep($internal-props, "filter.item.color");
-            background-color: get-map-deep($internal-props, "filter.item.background-color");
-        }
-    }
-
-    .ui-taginputSelectGroup {
-
-    }
-
-    .ui-taginputSelectGroupLabel {
-        @if showProps($internal-options) {
-            display: block;
-            white-space: nowrap;
-            overflow: hidden;
-            line-height: 48px;
-            padding: 0 16px;
-        }
-        @if showColors($internal-options) {
-            background-color: get-map-deep($internal-props, "filter.group.background-color");
-            color: get-map-deep($internal-props, "filter.group.color");
-        }
-    }
-
-    .ui-taginputSelectGroupItems {
-        @if showProps($internal-options) {
-            padding-left: 10px;
-        }
-    }
-}
+@import "../global.scss";
+
+@mixin taginput($props: null, $options: null) {
+    $internal-options: $default-options;
+
+    $internal-props: (
+        line-height: 1.5,
+        background-color: #fff,
+        border-bottom: 1px solid #444,
+        item: (
+            border:  1px solid #444,
+            color: #000,
+            remove: (
+                color: #fff,
+                background-color: #444
+            )
+        ),
+        filter: (
+            background-color: #fff,
+            group: (
+                color: #fff,
+                background-color: #444
+            ),
+            item: (
+                color: #000,
+                background-color: #fff
+            )
+        )
+    );
+
+    $internal-props: safe-map-merge($internal-props, $props);
+    $internal-options: safe-map-merge($internal-options, $options);
+
+    .ui-taginput {
+        @if showProps($internal-options) {
+            display: block;
+            width: 100%;
+            padding: 0.375rem 0.75rem;
+            font-size: 0.9375rem;
+            line-height: get-map-deep($internal-props, "line-height");
+            user-select: none;
+        }
+        @if showColors($internal-options) {
+            background-color: get-map-deep($internal-props, "background-color");
+            border-bottom: get-map-deep($internal-props, "border-bottom")
+        }
+    }
+
+    .ui-taginputItem {
+        @if showProps($internal-options) {
+            display: inline-block;
+            line-height: 1;
+            text-align: center;
+            white-space: nowrap;
+            vertical-align: baseline;
+            border-radius: 0.25rem;
+            margin: 2px;
+        }
+        @if showColors($internal-options) {
+            border: get-map-deep($internal-props, "item.border");
+            color: get-map-deep($internal-props, "item.color");
+        }
+    }
+
+    .ui-taginputItemLabel {
+        @if showProps($internal-options) {
+            padding: 2px;
+        }
+    }
+
+    .ui-taginputItemRemove {
+        @if showProps($internal-options) {
+            appearance: none;
+            border: 0;
+            cursor: pointer;
+        }
+        @if showColors($internal-options) {
+            background: get-map-deep($internal-props, "item.remove.background-color");
+            color: get-map-deep($internal-props, "item.remove.color");
+        }
+    }
+
+    .ui-taginputFilter {
+        @if showProps($internal-options) {
+            outline: none;
+            border: 0;
+            overflow: visible;
+            padding-left: 4px;
+        }
+    }
+
+    .ui-taginputSelect {
+        @if showProps($internal-options) {
+            box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
+            min-width: 180px;
+            user-select: none;
+        }
+        @if showColors($internal-options) {
+            background-color: get-map-deep($internal-props, "filter.background-color");
+        }
+    }
+
+    .ui-taginputSelectItem {
+        @if showProps($internal-options) {
+            display: block;
+            white-space: nowrap;
+            overflow: hidden;
+            line-height: 48px;
+            padding: 0 16px;
+            cursor: pointer;
+        }
+        @if showColors($internal-options) {
+            color: get-map-deep($internal-props, "filter.item.color");
+            background-color: get-map-deep($internal-props, "filter.item.background-color");
+        }
+    }
+
+    .ui-taginputSelectGroup {
+
+    }
+
+    .ui-taginputSelectGroupLabel {
+        @if showProps($internal-options) {
+            display: block;
+            white-space: nowrap;
+            overflow: hidden;
+            line-height: 48px;
+            padding: 0 16px;
+        }
+        @if showColors($internal-options) {
+            background-color: get-map-deep($internal-props, "filter.group.background-color");
+            color: get-map-deep($internal-props, "filter.group.color");
+        }
+    }
+
+    .ui-taginputSelectGroupItems {
+        @if showProps($internal-options) {
+            padding-left: 10px;
+        }
+    }
+}

package/lib/styles/TextField/index.scss

@@ -1,22 +1,22 @@
-@import "../global.scss";
-
-@mixin textfield($props: null, $options: null) {
-    $internal-options: $default-options;
-
-    $internal-props: (
-        color: blue,
-    );
-
-    $internal-props: safe-map-merge($internal-props, $props);
-    $internal-options: safe-map-merge($internal-options, $options);
-
-    .ui-textfield-input {
-        border: none;
-        background: none;
-        appearance: none;
-
-        &:focus {
-            outline: none;
-        }
-    }
-}
+@import "../global.scss";
+
+@mixin textfield($props: null, $options: null) {
+    $internal-options: $default-options;
+
+    $internal-props: (
+        color: blue,
+    );
+
+    $internal-props: safe-map-merge($internal-props, $props);
+    $internal-options: safe-map-merge($internal-options, $options);
+
+    .ui-textfield-input {
+        border: none;
+        background: none;
+        appearance: none;
+
+        &:focus {
+            outline: none;
+        }
+    }
+}

package/lib/styles/ToggleButton/index.scss

@@ -1,60 +1,60 @@
-@import "../global.scss";
-
-@mixin toggleButton($props: null, $options: null) {
-    $internal-options: $default-options;
-
-    $internal-props: ();
-
-    $internal-props: safe-map-merge($internal-props, $props);
-    $internal-options: safe-map-merge($internal-options, $options);
-
-    .ui-toggleBtn {
-        background: none;
-        appearance: none;
-        border: 1px solid $color-grey;
-        border-radius: $border-radius-xs;
-        font-family: $font-family;
-        font-size: $font-size-md;
-        color: $color-grey-darker;
-        padding: $spacer-sm;
-        cursor: pointer;
-        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
-            color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-
-        &:hover {
-            text-decoration: none;
-            background-color: rgba($color: $color-blue-grey-light, $alpha: 0.2);
-        }
-    }
-
-    .ui-toggleBtn-selected {
-        background-color: $color-blue;
-        border-color: $color-blue;
-        color: $color-white;
-
-        &:hover {
-            text-decoration: none;
-            background-color: rgba($color: $color-blue, $alpha: 0.8);
-        }
-    }
-
-    .ui-toggleBtn-size-xs {
-        font-size: $font-size-xs;
-    }
-
-    .ui-toggleBtn-size-sm {
-        font-size: $font-size-sm;
-    }
-
-    .ui-toggleBtn-size-md {
-        font-size: $font-size-md;
-    }
-
-    .ui-toggleBtn-size-lg {
-        font-size: $font-size-lg;
-    }
-
-    .ui-toggleBtn-size-xl {
-        font-size: $font-size-xl;
-    }
-}
+@import "../global.scss";
+
+@mixin toggleButton($props: null, $options: null) {
+    $internal-options: $default-options;
+
+    $internal-props: ();
+
+    $internal-props: safe-map-merge($internal-props, $props);
+    $internal-options: safe-map-merge($internal-options, $options);
+
+    .ui-toggleBtn {
+        background: none;
+        appearance: none;
+        border: 1px solid $color-grey;
+        border-radius: $border-radius-xs;
+        font-family: $font-family;
+        font-size: $font-size-md;
+        color: $color-grey-darker;
+        padding: $spacer-sm;
+        cursor: pointer;
+        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+            color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+
+        &:hover {
+            text-decoration: none;
+            background-color: rgba($color: $color-blue-grey-light, $alpha: 0.2);
+        }
+    }
+
+    .ui-toggleBtn-selected {
+        background-color: $color-blue;
+        border-color: $color-blue;
+        color: $color-white;
+
+        &:hover {
+            text-decoration: none;
+            background-color: rgba($color: $color-blue, $alpha: 0.8);
+        }
+    }
+
+    .ui-toggleBtn-size-xs {
+        font-size: $font-size-xs;
+    }
+
+    .ui-toggleBtn-size-sm {
+        font-size: $font-size-sm;
+    }
+
+    .ui-toggleBtn-size-md {
+        font-size: $font-size-md;
+    }
+
+    .ui-toggleBtn-size-lg {
+        font-size: $font-size-lg;
+    }
+
+    .ui-toggleBtn-size-xl {
+        font-size: $font-size-xl;
+    }
+}

package/lib/styles/Tooltip/index.scss

@@ -1,25 +1,25 @@
-@import "../global.scss";
-
-@mixin tooltip($props: null, $options: null) {
-    $internal-options: $default-options;
-
-    $internal-props: (
-        bgColor: red,
-        fgColor: #fff
-    );
-
-    $internal-props: safe-map-merge($internal-props, $props);
-    $internal-options: safe-map-merge($internal-options, $options);
-    
-    .ui-tooltip-content {
-        @if get-map-deep($internal-options, "properties") == true {
-            padding: 8px;
-            border-radius: 4px;
-            box-shadow: 0 3px 6px rgba(#000, 0.16), 0 3px 6px rgba(#000, 0.23);
-        }
-        @if get-map-deep($internal-options, "colors") == true {
-            background-color: get-map-deep($internal-props, "bgColor");
-            color: get-map-deep($internal-props, "fgColor");
-        }
-    }
+@import "../global.scss";
+
+@mixin tooltip($props: null, $options: null) {
+    $internal-options: $default-options;
+
+    $internal-props: (
+        bgColor: red,
+        fgColor: #fff
+    );
+
+    $internal-props: safe-map-merge($internal-props, $props);
+    $internal-options: safe-map-merge($internal-options, $options);
+    
+    .ui-tooltip-content {
+        @if get-map-deep($internal-options, "properties") == true {
+            padding: 8px;
+            border-radius: 4px;
+            box-shadow: 0 3px 6px rgba(#000, 0.16), 0 3px 6px rgba(#000, 0.23);
+        }
+        @if get-map-deep($internal-options, "colors") == true {
+            background-color: get-map-deep($internal-props, "bgColor");
+            color: get-map-deep($internal-props, "fgColor");
+        }
+    }
 }

package/lib/styles/Transition/index.scss

@@ -1,15 +1,15 @@
-.ui-fade {
-    opacity: 0;
-    transition: opacity linear 160ms;
-}
-
-.ui-fade-entering,
-.ui-fade-entered {
-    opacity: 1;
-}
-
-
-.ui-fade-exited,
-.ui-fade-exiting {
-    opacity: 0;
-}
+.ui-fade {
+    opacity: 0;
+    transition: opacity linear 160ms;
+}
+
+.ui-fade-entering,
+.ui-fade-entered {
+    opacity: 1;
+}
+
+
+.ui-fade-exited,
+.ui-fade-exiting {
+    opacity: 0;
+}