cortex-react-ui 0.1.106 → 0.1.108

package/lib/styles/Menu/index.scss

@@ -1,129 +1,129 @@
-@import "../global.scss";
-
-@mixin menu($props: null, $options: null) {
-    $internal-options: $default-options;
-
-    $internal-props: (
-        background-color: #fff,
-        group: (
-            color: #fff,
-            background-color: $color-grey-dark,
-        ),
-        item: (
-            color: #000,
-            colorDisable: $color-grey,
-            background-color: #fff,
-        ),
-    );
-
-    $internal-props: safe-map-merge($internal-props, $props);
-    $internal-options: safe-map-merge($internal-options, $options);
-
-    .ui-menu-popper {
-        z-index: 3000;
-    }
-
-    .ui-menu {
-        @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;
-            margin: 0;
-            padding: 0;
-            z-index: 100;
-        }
-        @if showColors($internal-options) {
-            background-color: get-map-deep($internal-props, "background-color");
-        }
-    }
-
-    .ui-menuList {
-        @if showProps($internal-options) {
-            margin: 0;
-            padding: 0;
-        }
-    }
-
-    .ui-menu .ui-menu {
-        position: absolute;
-        top: 0;
-        left: 92%;
-        // opacity: 0;
-    }
-
-    .ui-menuItem {
-        @if showProps($internal-options) {
-            position: relative;
-            display: block;
-            white-space: nowrap;
-            cursor: pointer;
-        }
-        @if showColors($internal-options) {
-            background-color: get-map-deep($internal-props, "item.background-color");
-        }
-
-        &:hover:not(.ui-menuItem-disable) {
-            background-color: #39b1d1;
-
-            > .ui-menuItem-btn {
-                color: #fff;
-            }
-        }
-    }
-
-    .ui-menuItem-disable {
-        cursor: default;
-
-        .ui-menuItem-btn {
-            color: get-map-deep($internal-props, "item.colorDisable");
-        }
-
-        .ui-menuItem-icon {
-            opacity: 0.2;
-        }
-    }
-
-    .ui-menuItem-btn {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        padding: ($spacer-xs * 3) $spacer-md;
-        background: transparent;
-        border: 0;
-        font-size: 0.9em;
-        cursor: pointer;
-
-        @if showColors($internal-options) {
-            color: get-map-deep($internal-props, "item.color");
-        }
-    }
-
-    .ui-menuItem-icon {
-        display: flex;
-        align-items: center;
-        margin-right: $spacer-sm;
-    }
-
-    .ui-menuItem-menuIcon {
-        position: absolute;
-        right: 5px;
-        top: 7px;
-        width: 16px;
-        height: 16px;
-    }
-
-    .ui-group-title {
-        @if showProps($internal-options) {
-            position: relative;
-            display: block;
-            white-space: nowrap;
-            padding: $spacer-sm $spacer-md;
-            cursor: pointer;
-        }
-
-        @if showColors($internal-options) {
-            color: get-map-deep($internal-props, "group.color");
-            background-color: get-map-deep($internal-props, "group.background-color");
-        }
-    }
-}
+@import "../global.scss";
+
+@mixin menu($props: null, $options: null) {
+    $internal-options: $default-options;
+
+    $internal-props: (
+        background-color: #fff,
+        group: (
+            color: #fff,
+            background-color: $color-grey-dark,
+        ),
+        item: (
+            color: #000,
+            colorDisable: $color-grey,
+            background-color: #fff,
+        ),
+    );
+
+    $internal-props: safe-map-merge($internal-props, $props);
+    $internal-options: safe-map-merge($internal-options, $options);
+
+    .ui-menu-popper {
+        z-index: 3000;
+    }
+
+    .ui-menu {
+        @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;
+            margin: 0;
+            padding: 0;
+            z-index: 100;
+        }
+        @if showColors($internal-options) {
+            background-color: get-map-deep($internal-props, "background-color");
+        }
+    }
+
+    .ui-menuList {
+        @if showProps($internal-options) {
+            margin: 0;
+            padding: 0;
+        }
+    }
+
+    .ui-menu .ui-menu {
+        position: absolute;
+        top: 0;
+        left: 92%;
+        // opacity: 0;
+    }
+
+    .ui-menuItem {
+        @if showProps($internal-options) {
+            position: relative;
+            display: block;
+            white-space: nowrap;
+            cursor: pointer;
+        }
+        @if showColors($internal-options) {
+            background-color: get-map-deep($internal-props, "item.background-color");
+        }
+
+        &:hover:not(.ui-menuItem-disable) {
+            background-color: #39b1d1;
+
+            > .ui-menuItem-btn {
+                color: #fff;
+            }
+        }
+    }
+
+    .ui-menuItem-disable {
+        cursor: default;
+
+        .ui-menuItem-btn {
+            color: get-map-deep($internal-props, "item.colorDisable");
+        }
+
+        .ui-menuItem-icon {
+            opacity: 0.2;
+        }
+    }
+
+    .ui-menuItem-btn {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        padding: ($spacer-xs * 3) $spacer-md;
+        background: transparent;
+        border: 0;
+        font-size: 0.9em;
+        cursor: pointer;
+
+        @if showColors($internal-options) {
+            color: get-map-deep($internal-props, "item.color");
+        }
+    }
+
+    .ui-menuItem-icon {
+        display: flex;
+        align-items: center;
+        margin-right: $spacer-sm;
+    }
+
+    .ui-menuItem-menuIcon {
+        position: absolute;
+        right: 5px;
+        top: 7px;
+        width: 16px;
+        height: 16px;
+    }
+
+    .ui-group-title {
+        @if showProps($internal-options) {
+            position: relative;
+            display: block;
+            white-space: nowrap;
+            padding: $spacer-sm $spacer-md;
+            cursor: pointer;
+        }
+
+        @if showColors($internal-options) {
+            color: get-map-deep($internal-props, "group.color");
+            background-color: get-map-deep($internal-props, "group.background-color");
+        }
+    }
+}

package/lib/styles/Popper/index.scss

@@ -1,24 +1,24 @@
-@import "../global.scss";
-
-@mixin popper($props: null, $options: null) {
-    $internal-options: $default-options;
-
-    $internal-props: (
-        bgColor: #212121,
-        fgColor: #fff,
-    );
-
-    $internal-props: safe-map-merge($internal-props, $props);
-    $internal-options: safe-map-merge($internal-options, $options);
-
-    // .ui-popper {
-    //     @if get-map-deep($internal-options, "properties") == true {
-    //         padding: 8px;
-    //         border-radius: 4px;
-    //     }
-    //     @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 popper($props: null, $options: null) {
+    $internal-options: $default-options;
+
+    $internal-props: (
+        bgColor: #212121,
+        fgColor: #fff,
+    );
+
+    $internal-props: safe-map-merge($internal-props, $props);
+    $internal-options: safe-map-merge($internal-options, $options);
+
+    // .ui-popper {
+    //     @if get-map-deep($internal-options, "properties") == true {
+    //         padding: 8px;
+    //         border-radius: 4px;
+    //     }
+    //     @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/Select/index.scss

@@ -1,13 +1,13 @@
-@import "../global.scss";
-
-@mixin select($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);
-
-}
+@import "../global.scss";
+
+@mixin select($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);
+
+}

package/lib/styles/Selected/index.scss

@@ -0,0 +1,69 @@
+@import "../global.scss";
+
+.ui-selected-params {
+    float: left;
+    color: black;
+    margin: 15px;
+    border: 1px solid black;
+    width: 250px;
+}
+
+.ui-selected-title {
+    color: black;
+    font-weight: bold;
+    font-size: 15px;
+    margin-left: 5px;
+    display: table;
+    margin-top: -10px;
+    background-color: white;
+    padding-right: 5px;
+    padding-left: 5px;
+}
+
+.ui-selected-content {
+    color: black;
+    margin: 10px;
+}
+
+.ui-selected-button {
+    display: inline;
+}
+
+.ui-selected-btn {
+    width: 28%;
+    border-radius: 5px;
+    height: 30px;
+    margin: 5px;
+    margin-left: 7px;
+    font-weight: bold;
+    cursor: pointer;
+    background-color: #75c475;
+    color: white;
+    border: none;
+}
+
+.ui-not-selected {
+    width: 28%;
+    border-radius: 5px;
+    height: 30px;
+    margin: 5px;
+    margin-left: 7px;
+    font-weight: bold;
+    cursor: pointer;
+    background-color: black;
+    color: white;
+    border: none;
+}
+
+.ui-new-selected {
+    width: 28%;
+    border-radius: 5px;
+    height: 30px;
+    margin: 5px;
+    margin-left: 7px;
+    font-weight: bold;
+    cursor: pointer;
+    background-color: red;
+    color: white;
+    border: none;
+}

package/lib/styles/Spinner/index.scss

@@ -1,43 +1,43 @@
-@import "../global.scss";
-
-@mixin spinner($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);
-
-    @if get-map-deep($internal-options, "properties") == true {
-        @keyframes ui-spinner-anim {
-            to {
-                transform: rotate(360deg);
-            }
-        }
-    }
-
-    .ui-spinner {
-        @if get-map-deep($internal-options, "properties") == true {
-            display: inline-block;
-            width: 2rem;
-            height: 2rem;
-            vertical-align: text-bottom;
-            border: 0.25em solid;
-            border-right: 0.25em solid transparent;
-            border-radius: 50%;
-            text-indent: -9999em;
-        }
-
-        @if get-map-deep($internal-options, "colors") == true {
-            border-left-color: get-map-deep($internal-props, "color");
-            border-top-color: get-map-deep($internal-props, "color");
-            border-bottom-color: get-map-deep($internal-props, "color");
-        }
-    }
-
-    .ui-spinner-indeterminate {
-        animation: ui-spinner-anim 0.75s linear infinite;
-    }
-}
+@import "../global.scss";
+
+@mixin spinner($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);
+
+    @if get-map-deep($internal-options, "properties") == true {
+        @keyframes ui-spinner-anim {
+            to {
+                transform: rotate(360deg);
+            }
+        }
+    }
+
+    .ui-spinner {
+        @if get-map-deep($internal-options, "properties") == true {
+            display: inline-block;
+            width: 2rem;
+            height: 2rem;
+            vertical-align: text-bottom;
+            border: 0.25em solid;
+            border-right: 0.25em solid transparent;
+            border-radius: 50%;
+            text-indent: -9999em;
+        }
+
+        @if get-map-deep($internal-options, "colors") == true {
+            border-left-color: get-map-deep($internal-props, "color");
+            border-top-color: get-map-deep($internal-props, "color");
+            border-bottom-color: get-map-deep($internal-props, "color");
+        }
+    }
+
+    .ui-spinner-indeterminate {
+        animation: ui-spinner-anim 0.75s linear infinite;
+    }
+}