cortex-react-ui 0.1.106 → 0.1.108

package/lib/styles/global.scss

@@ -1,158 +1,158 @@
-@use "sass:math";
-
-$default-options: (
-    properties: true,
-    colors: true,
-);
-
-// Font
-$font-family: Roboto, Helvetica, Arial, 'sans-serif';
-$font-weight-semi-bold: 500;
-$font-weight-bold: 600;
-$font-size-base: 1rem; //16px
-
-$font-size-h1: $font-size-base * 6; //Headline 1 (96px)
-$font-size-h2: $font-size-base * 3.75; //Headline 2 (60px)
-$font-size-h3: $font-size-base * 3; //Headline 3 (48px)
-$font-size-h4: $font-size-base * 2.125; //Headline 4 (34px)
-$font-size-h5: $font-size-base * 1.5; //Headline 5 (24px)
-$font-size-h6: $font-size-base * 1.25; //Headline 6 (20px)
-
-$font-size-xs: $font-size-base * 0.625; //10px
-$font-size-sm: $font-size-base * 0.75; //12px
-$font-size-md: $font-size-base * 0.875; //14px
-$font-size-lg: $font-size-base * 1.125; //18px
-$font-size-xl: $font-size-base * 1.25; //20px
-
-// Border
-$border-radius-xs: 4px;
-$border-radius-sm: 6px;
-$border-radius: 8px;
-$border-radius-md: 10px;
-$border-radius-lg: 12px;
-
-// Spacers
-$spacer: 1rem !default;
-$spacers: (
-	0: 0,
-	1: math.div($spacer, 4),
-	2: math.div($spacer, 2),
-	3: $spacer,
-	4: $spacer * 1.5,
-	5: $spacer * 3,
-) !default;
-$spacer-xs: map-get($spacers, 1); //4px
-$spacer-sm: map-get($spacers, 2); //8px
-$spacer: map-get($spacers, 3); //16px
-$spacer-md: map-get($spacers, 4); //24px
-$spacer-lg: map-get($spacers, 5); //48px
-
-// Color
-$color-white: #fff;
-$color-black: #000;
-
-$color-red: #ef5350;
-$color-red-light: #ef9a9a;
-$color-red-lighter: #ffebee;
-$color-red-dark: #d32f2f;
-$color-red-darker: #b71c1c;
-
-$color-green: #66bb6a;
-$color-green-light: #a5d6a7;
-$color-green-lighter: #00f153;
-$color-green-dark: #43a047;
-$color-green-darker: #2e7d32;
-
-$color-grey: #9e9e9e;
-$color-grey-light: #e0e0e0;
-$color-grey-lighter: #f5f5f5;
-$color-grey-dark: #616161;
-$color-grey-darker: #212121;
-
-$color-amber: #ffc107;
-$color-amber-light: #ffd54f;
-$color-amber-lighter: #fff8e1;
-$color-amber-dark: #ffa000;
-$color-amber-darker: #ff6f00;
-
-$color-orange: #f8b123;
-$color-orange-light: #ffd0b3;
-$color-orange-lighter: #fff3e0;
-$color-orange-dark: #ec9f83;
-$color-orange-darker: #b77056;
-
-$color-blue: #29b6f6;
-$color-blue-light: #4fc3f7;
-$color-blue-lighter: #b3e5fc;
-$color-blue-dark: #0288d1;
-$color-blue-darker: #01579b;
-
-$color-cyan: #00bcd4;
-$color-cyan-light: #4dd0e1;
-$color-cyan-lighter: #b2ebf2;
-$color-cyan-dark: #0097a7;
-$color-cyan-darker: #006064;
-
-$color-blue-grey: #607d8b;
-$color-blue-grey-light: #90a4ae;
-$color-blue-grey-lighter: #cfd8dc;
-$color-blue-grey-dark: #455a64;
-$color-blue-grey-darker: #263238;
-
-$color-yellow: #fffb00;
-$color-yellow-light: #fffc57;
-$color-yellow-lighter: #fffeaf;
-$color-yellow-dark: #d3cf00;
-$color-yellow-darker: #a7a400;
-
-$color-purple: #9900ff;
-$color-purple-light: #ae36fd;
-$color-purple-lighter: #d493ff;
-$color-purple-dark: #7a00cc;
-$color-purple-darker: #54008b;
-
-@function showProps($internal-options) {
-    @return get-map-deep($internal-options, "properties") == true;
-}
-
-@function showColors($internal-options) {
-    @return get-map-deep($internal-options, "colors") == true;
-}
-
-@function str-split($input-string, $separator: " ") {
-    $result: ();
-    $index: str-index($input-string, $separator);
-    $indent: str-length($separator);
-
-    @while ($index != null) {
-        $item: str-slice($input-string, 1, $index - 1);
-        $input-string: str-slice($input-string, $index + $indent);
-        $index: str-index($input-string, $separator);
-
-        @if (str-length($item) != 0) {
-            $result: append($result, $item);
-        }
-    }
-
-    $result: append($result, $input-string);
-
-    @return $result;
-}
-
-@function get-map-deep($map, $keys) {
-    @each $key in str-split($keys, ".") {
-        $map: map-get($map, $key);
-    }
-    @return $map;
-}
-
-@function is-map($map) {
-    @return type-of($map) == "map";
-}
-
-@function safe-map-merge($map, $map2) {
-    @if is-map($map) == true and is-map($map2) == true {
-        @return map-merge($map, $map2);
-    }
-    @return $map;
-}
+@use "sass:math";
+
+$default-options: (
+    properties: true,
+    colors: true,
+);
+
+// Font
+$font-family: Roboto, Helvetica, Arial, 'sans-serif';
+$font-weight-semi-bold: 500;
+$font-weight-bold: 600;
+$font-size-base: 1rem; //16px
+
+$font-size-h1: $font-size-base * 6; //Headline 1 (96px)
+$font-size-h2: $font-size-base * 3.75; //Headline 2 (60px)
+$font-size-h3: $font-size-base * 3; //Headline 3 (48px)
+$font-size-h4: $font-size-base * 2.125; //Headline 4 (34px)
+$font-size-h5: $font-size-base * 1.5; //Headline 5 (24px)
+$font-size-h6: $font-size-base * 1.25; //Headline 6 (20px)
+
+$font-size-xs: $font-size-base * 0.625; //10px
+$font-size-sm: $font-size-base * 0.75; //12px
+$font-size-md: $font-size-base * 0.875; //14px
+$font-size-lg: $font-size-base * 1.125; //18px
+$font-size-xl: $font-size-base * 1.25; //20px
+
+// Border
+$border-radius-xs: 4px;
+$border-radius-sm: 6px;
+$border-radius: 8px;
+$border-radius-md: 10px;
+$border-radius-lg: 12px;
+
+// Spacers
+$spacer: 1rem !default;
+$spacers: (
+	0: 0,
+	1: math.div($spacer, 4),
+	2: math.div($spacer, 2),
+	3: $spacer,
+	4: $spacer * 1.5,
+	5: $spacer * 3,
+) !default;
+$spacer-xs: map-get($spacers, 1); //4px
+$spacer-sm: map-get($spacers, 2); //8px
+$spacer: map-get($spacers, 3); //16px
+$spacer-md: map-get($spacers, 4); //24px
+$spacer-lg: map-get($spacers, 5); //48px
+
+// Color
+$color-white: #fff;
+$color-black: #000;
+
+$color-red: #ef5350;
+$color-red-light: #ef9a9a;
+$color-red-lighter: #ffebee;
+$color-red-dark: #d32f2f;
+$color-red-darker: #b71c1c;
+
+$color-green: #66bb6a;
+$color-green-light: #a5d6a7;
+$color-green-lighter: #00f153;
+$color-green-dark: #43a047;
+$color-green-darker: #2e7d32;
+
+$color-grey: #9e9e9e;
+$color-grey-light: #e0e0e0;
+$color-grey-lighter: #f5f5f5;
+$color-grey-dark: #616161;
+$color-grey-darker: #212121;
+
+$color-amber: #ffc107;
+$color-amber-light: #ffd54f;
+$color-amber-lighter: #fff8e1;
+$color-amber-dark: #ffa000;
+$color-amber-darker: #ff6f00;
+
+$color-orange: #f8b123;
+$color-orange-light: #ffd0b3;
+$color-orange-lighter: #fff3e0;
+$color-orange-dark: #ec9f83;
+$color-orange-darker: #b77056;
+
+$color-blue: #29b6f6;
+$color-blue-light: #4fc3f7;
+$color-blue-lighter: #b3e5fc;
+$color-blue-dark: #0288d1;
+$color-blue-darker: #01579b;
+
+$color-cyan: #00bcd4;
+$color-cyan-light: #4dd0e1;
+$color-cyan-lighter: #b2ebf2;
+$color-cyan-dark: #0097a7;
+$color-cyan-darker: #006064;
+
+$color-blue-grey: #607d8b;
+$color-blue-grey-light: #90a4ae;
+$color-blue-grey-lighter: #cfd8dc;
+$color-blue-grey-dark: #455a64;
+$color-blue-grey-darker: #263238;
+
+$color-yellow: #fffb00;
+$color-yellow-light: #fffc57;
+$color-yellow-lighter: #fffeaf;
+$color-yellow-dark: #d3cf00;
+$color-yellow-darker: #a7a400;
+
+$color-purple: #9900ff;
+$color-purple-light: #ae36fd;
+$color-purple-lighter: #d493ff;
+$color-purple-dark: #7a00cc;
+$color-purple-darker: #54008b;
+
+@function showProps($internal-options) {
+    @return get-map-deep($internal-options, "properties") == true;
+}
+
+@function showColors($internal-options) {
+    @return get-map-deep($internal-options, "colors") == true;
+}
+
+@function str-split($input-string, $separator: " ") {
+    $result: ();
+    $index: str-index($input-string, $separator);
+    $indent: str-length($separator);
+
+    @while ($index != null) {
+        $item: str-slice($input-string, 1, $index - 1);
+        $input-string: str-slice($input-string, $index + $indent);
+        $index: str-index($input-string, $separator);
+
+        @if (str-length($item) != 0) {
+            $result: append($result, $item);
+        }
+    }
+
+    $result: append($result, $input-string);
+
+    @return $result;
+}
+
+@function get-map-deep($map, $keys) {
+    @each $key in str-split($keys, ".") {
+        $map: map-get($map, $key);
+    }
+    @return $map;
+}
+
+@function is-map($map) {
+    @return type-of($map) == "map";
+}
+
+@function safe-map-merge($map, $map2) {
+    @if is-map($map) == true and is-map($map2) == true {
+        @return map-merge($map, $map2);
+    }
+    @return $map;
+}

package/lib/styles/index.scss

@@ -1,40 +1,42 @@
-@import "icons";
-@import "Transition";
-@import "Popper";
-@import "Tooltip";
-@import "Spinner";
-@import "TagInput";
-@import "Input";
-@import "TextField";
-@import "Menu";
-@import "Dialog";
-@import "Button";
-@import "ToggleButton";
-
-@include icons();
-@include popper();
-@include tooltip();
-@include spinner();
-@include taginput();
-@include input();
-@include menu();
-@include dialog();
-@include button();
-@include toggleButton();
-
-// @include popper();
-// @include popper(
-//     (
-//         bgColor: red,
-//         fgColor: blue,
-//     )
-// );
-// @include popper(
-//     (
-//         bgColor: red,
-//         fgColor: blue,
-//     ),
-//     (
-//         properties: false
-//     )
-// );
+@import "icons";
+@import "Transition";
+@import "Popper";
+@import "Tooltip";
+@import "Spinner";
+@import "TagInput";
+@import "Input";
+@import "TextField";
+@import "Menu";
+@import "Dialog";
+@import "Button";
+@import "ToggleButton";
+@import "Selected";
+
+
+@include icons();
+@include popper();
+@include tooltip();
+@include spinner();
+@include taginput();
+@include input();
+@include menu();
+@include dialog();
+@include button();
+@include toggleButton();
+
+// @include popper();
+// @include popper(
+//     (
+//         bgColor: red,
+//         fgColor: blue,
+//     )
+// );
+// @include popper(
+//     (
+//         bgColor: red,
+//         fgColor: blue,
+//     ),
+//     (
+//         properties: false
+//     )
+// );

package/lib/typings/typings/index.d.ts

@@ -1,31 +1,31 @@
-declare module '*.module.scss' {
-    const classes: { readonly [key: string]: string };
-    export default classes;
-}
-
-/*
- ** Mapped types
- */
-type Nullable<T> = T | null;
-type Writeable<T> = { -readonly [P in keyof T]: T[P] };
-type DeepWriteable<T> = { -readonly [P in keyof T]: DeepWriteable<T[P]> };
-type Required<T> = { [P in keyof T]-?: T[P] };
-type ValuesOf<T extends readonly any[]> = T[number];
-type ObjectValues<T> = T[keyof T];
-type IndexableProperties<T> = keyof T extends string | number ? keyof T extends infer P ? P : never : never;
-type AssertPropDefined<T, K extends keyof T = never> = {
-    [P in keyof T]: P extends K ? NonNullable<T[P]> : T[P];
-};
-type NonEmptyArray<T> = [T, ...T[]];
-type ArrayType<T extends Array<any>> = T extends (infer U)[] ? U : never;
-type NameOfProp<T, P> = P extends keyof T ? P : never;
-
-/*
- ** Common Types
- */
-type CustomRange<S = any, E = any> = { start: S, end: E };
-
-type RefLabel<T = number> = {
-    id: T;
-    label: string;
+declare module '*.module.scss' {
+    const classes: { readonly [key: string]: string };
+    export default classes;
+}
+
+/*
+ ** Mapped types
+ */
+type Nullable<T> = T | null;
+type Writeable<T> = { -readonly [P in keyof T]: T[P] };
+type DeepWriteable<T> = { -readonly [P in keyof T]: DeepWriteable<T[P]> };
+type Required<T> = { [P in keyof T]-?: T[P] };
+type ValuesOf<T extends readonly any[]> = T[number];
+type ObjectValues<T> = T[keyof T];
+type IndexableProperties<T> = keyof T extends string | number ? keyof T extends infer P ? P : never : never;
+type AssertPropDefined<T, K extends keyof T = never> = {
+    [P in keyof T]: P extends K ? NonNullable<T[P]> : T[P];
+};
+type NonEmptyArray<T> = [T, ...T[]];
+type ArrayType<T extends Array<any>> = T extends (infer U)[] ? U : never;
+type NameOfProp<T, P> = P extends keyof T ? P : never;
+
+/*
+ ** Common Types
+ */
+type CustomRange<S = any, E = any> = { start: S, end: E };
+
+type RefLabel<T = number> = {
+    id: T;
+    label: string;
 };

package/lib/typings/typings/tagInput.d.ts

@@ -1,13 +1,13 @@
-// namespace Cortex {
-//     type Tag = {
-//         id: string,
-//         label: string
-//     };
-
-//     type TagSuggestion = {
-//         id: string,
-//         label: string,
-//         group?: boolean,
-//         suggestions?: TagSuggestion[]
-//     };
+// namespace Cortex {
+//     type Tag = {
+//         id: string,
+//         label: string
+//     };
+
+//     type TagSuggestion = {
+//         id: string,
+//         label: string,
+//         group?: boolean,
+//         suggestions?: TagSuggestion[]
+//     };
 // }