@progress/kendo-theme-material 7.1.0-dev.0 → 7.1.0-dev.10

package/scss/core/color-system/_palettes.scss

@@ -0,0 +1,297 @@
+$_default-palette-gray: (
+    white: #ffffff,
+    1: #fafafa,
+    2: #f5f5f5,
+    3: #eeeeee,
+    4: #ebebeb,
+    5: #e0e0e0,
+    6: #d6d6d6,
+    7: #c7c7c7,
+    8: #c2c2c2,
+    9: #bdbdbd,
+    10: #adadad,
+    11: #9e9e9e,
+    12: #757575,
+    13: #616161,
+    14: #424242,
+    15: #212121,
+    black: #000000
+);
+
+$_default-palette-indigo: (
+    1: #f0f1fa,
+    2: #e7eaf6,
+    3: #e0e3f3,
+    4: #d1d5ee,
+    5: #c5cae8,
+    6: #b5bde3,
+    7: #97a0d7,
+    8: #3f51b5,
+    9: #3a4ba7,
+    10: #37479f,
+    11: #354498,
+    12: #324191,
+    13: #303e8a,
+    14: #20295b,
+    15: #161c3f
+);
+
+$_default-palette-pink: (
+    1: #ffeef3,
+    2: #fde5ec,
+    3: #fddee5,
+    4: #fbcdd9,
+    5: #f9afc3,
+    6: #f79bb3,
+    7: #f58da9,
+    8: #e51a5f,
+    9: #d31857,
+    10: #ca1754,
+    11: #c01650,
+    12: #b7154c,
+    13: #ae1549,
+    14: #730f2f,
+    15: #500c22,
+);
+
+$_default-palette-dark-teal: (
+    1: #eef3f2,
+    2: #e3eceb,
+    3: #dae7e5,
+    4: #c9dbd8,
+    5: #a9c6c1,
+    6: #92b8b1,
+    7: #84aea7,
+    8: #00695c,
+    9: #006155,
+    10: #005c51,
+    11: #00584d,
+    12: #00544a,
+    13: #054f46,
+    14: #00352e,
+    15: #002520
+);
+
+$_default-palette-red: (
+    1: #ffeeed,
+    2: #ffe6e3,
+    3: #fddad6,
+    4: #fcc7c2,
+    5: #feafa8,
+    6: #fe9a91,
+    7: #fc8d83,
+    8: #f31700,
+    9: #e01701,
+    10: #d51504,
+    11: #cc1505,
+    12: #c21505,
+    13: #b91406,
+    14: #790f08,
+    15: #550c07
+);
+
+$_default-palette-blue: (
+    1: #edf2fe,
+    2: #e2eafd,
+    3: #dae4fc,
+    4: #c8d7fb,
+    5: #a7c0f7,
+    6: #8fb0f6,
+    7: #80a5f4,
+    8: #0058e9,
+    9: #0251d6,
+    10: #054dcc,
+    11: #034ac3,
+    12: #0447ba,
+    13: #0443b0,
+    14: #072c74,
+    15: #071f51
+);
+
+$_default-palette-green: (
+    1: #f1f9ee,
+    2: #e8f5e4,
+    3: #e2f2dc,
+    4: #d7f0cc,
+    5: #bae2ad,
+    6: #a7db97,
+    7: #93d775,
+    8: #37b400,
+    9: #33a600,
+    10: #319e03,
+    11: #2e9704,
+    12: #2c9005,
+    13: #2b8906,
+    14: #1d5a08,
+    15: #163f09
+);
+
+$_default-palette-yellow: (
+    1: #fffbef,
+    2: #fef7e6,
+    3: #fff4df,
+    4: #fff0ce,
+    5: #ffe7b0,
+    6: #ffe19c,
+    7: #ffdd8f,
+    8: #ffc000,
+    9: #ebb201,
+    10: #dfa903,
+    11: #d6a202,
+    12: #cb9a07,
+    13: #c19207,
+    14: #7f600b,
+    15: #59430a
+);
+
+$_default-palette-deep-purple: (
+    1: #f5e9f7,
+    2: #e6c9eb,
+    3: #d9ade1,
+    4: #cd93d7,
+    5: #c075cc,
+    6: #b55dc4,
+    7: #a841b9,
+    8: #9c27b0,
+    9: #89229b,
+    10: #751d84,
+    11: #641971,
+    12: #4e1458,
+    13: #3b0f43,
+    14: #270a2c,
+    15: #100412
+);
+
+$_default-palette-baby-blue: (
+    1: #e9f4fe,
+    2: #c7e5fc,
+    3: #abd7fa,
+    4: #90cbf9,
+    5: #71bcf7,
+    6: #59b0f6,
+    7: #3ca3f4,
+    8: #2196f3,
+    9: #1d84d6,
+    10: #1971b6,
+    11: #15609c,
+    12: #114b7a,
+    13: #0d395c,
+    14: #08263d,
+    15: #030f18
+);
+
+$_default-palette-teal: (
+    1: #e5f4f3,
+    2: #bfe5e1,
+    3: #9ed7d2,
+    4: #80cbc4,
+    5: #5cbcb3,
+    6: #40b0a6,
+    7: #1fa396,
+    8: #009688,
+    9: #008478,
+    10: #007166,
+    11: #006057,
+    12: #004b44,
+    13: #003934,
+    14: #002622,
+    15: #030f18
+);
+
+$_default-palette-canary-yellow: (
+    1: #fffdeb,
+    2: #ffface,
+    3: #fff7b5,
+    4: #fff59d,
+    5: #fff282,
+    6: #fff06c,
+    7: #ffed53,
+    8: #ffeb3b,
+    9: #e0cf34,
+    10: #bfb02c,
+    11: #a39626,
+    12: #80761e,
+    13: #615916,
+    14: #403b0f,
+    15: #1a1806
+);
+
+$_default-palette-candy-red: (
+    1: #feeceb,
+    2: #fcd0cd,
+    3: #fbb8b3,
+    4: #faa19b,
+    5: #f8877e,
+    6: #f77268,
+    7: #f55a4e,
+    8: #f44336,
+    9: #d73b30,
+    10: #b73229,
+    11: #9c2b23,
+    12: #7a221b,
+    13: #5d1915,
+    14: #3d110e,
+    15: #180705
+);
+
+$_default-palette-forest-green: (
+    1: #edf7ed,
+    2: #d2ebd3,
+    3: #bbe1bc,
+    4: #a6d7a8,
+    5: #8ccc8f,
+    6: #79c37c,
+    7: #61b965,
+    8: #4caf50,
+    9: #439a46,
+    10: #39833c,
+    11: #317033,
+    12: #265828,
+    13: #1d431e,
+    14: #132c14,
+    15: #081208
+);
+
+// stylelint-disable scss/no-global-function-names
+$kendo-palette-gray: $_default-palette-gray !default;
+$kendo-palette-gray: map-merge($_default-palette-gray, $kendo-palette-gray);
+
+$kendo-palette-indigo: $_default-palette-indigo !default;
+$kendo-palette-indigo: map-merge($_default-palette-indigo, $kendo-palette-indigo);
+
+$kendo-palette-pink: $_default-palette-pink !default;
+$kendo-palette-pink: map-merge($_default-palette-pink, $kendo-palette-pink);
+
+$kendo-palette-dark-teal: $_default-palette-dark-teal !default;
+$kendo-palette-dark-teal: map-merge($_default-palette-dark-teal, $kendo-palette-dark-teal);
+
+$kendo-palette-red: $_default-palette-red !default;
+$kendo-palette-red: map-merge($_default-palette-red, $kendo-palette-red);
+
+$kendo-palette-blue: $_default-palette-blue !default;
+$kendo-palette-blue: map-merge($_default-palette-blue, $kendo-palette-blue);
+
+$kendo-palette-green: $_default-palette-green !default;
+$kendo-palette-green: map-merge($_default-palette-green, $kendo-palette-green);
+
+$kendo-palette-yellow: $_default-palette-yellow !default;
+$kendo-palette-yellow: map-merge($_default-palette-yellow, $kendo-palette-yellow);
+
+$kendo-palette-deep-purple: $_default-palette-deep-purple !default;
+$kendo-palette-deep-purple: map-merge($_default-palette-deep-purple, $kendo-palette-deep-purple);
+
+$kendo-palette-baby-blue: $_default-palette-baby-blue !default;
+$kendo-palette-baby-blue: map-merge($_default-palette-baby-blue, $kendo-palette-baby-blue);
+
+$kendo-palette-teal: $_default-palette-teal !default;
+$kendo-palette-teal: map-merge($_default-palette-teal, $kendo-palette-teal);
+
+$kendo-palette-canary-yellow: $_default-palette-canary-yellow !default;
+$kendo-palette-canary-yellow: map-merge($_default-palette-canary-yellow, $kendo-palette-canary-yellow);
+
+$kendo-palette-candy-red: $_default-palette-candy-red !default;
+$kendo-palette-candy-red: map-merge($_default-palette-candy-red, $kendo-palette-candy-red);
+
+$kendo-palette-forest-green: $_default-palette-forest-green !default;
+$kendo-palette-forest-green: map-merge($_default-palette-forest-green, $kendo-palette-forest-green);
+// stylelint-enable scss/no-global-function-names

package/scss/core/color-system/_swatch-legacy.scss

@@ -0,0 +1,65 @@
+@if ($kendo-enable-color-system) {
+    $kendo-color-primary: k-color( primary );
+    $kendo-color-primary-contrast: k-color( on-primary );
+    $kendo-color-secondary: k-color( secondary );
+    $kendo-color-secondary-contrast: k-color( on-secondary );
+    $kendo-color-tertiary: k-color( tertiary );
+    $kendo-color-info: k-color( info );
+    $kendo-color-success: k-color( success );
+    $kendo-color-warning: k-color( warning );
+    $kendo-color-error: k-color( error );
+    $kendo-color-dark: k-color( dark );
+    $kendo-color-light: k-color( light );
+    $kendo-color-inverse: $kendo-color-dark;
+    $kendo-body-bg: k-color( app-surface );
+    $kendo-body-text: k-color( on-app-surface );
+    $kendo-subtle-text: k-color( subtle );
+    $kendo-app-bg: $kendo-body-bg;
+    $kendo-app-text: $kendo-body-text;
+    $kendo-app-border: k-color( border );
+    $kendo-link-text: $kendo-color-secondary;
+    $kendo-link-hover-text: k-color( secondary-hover );
+    $kendo-component-bg: $kendo-body-bg;
+    $kendo-component-text: $kendo-body-text;
+    $kendo-component-border: $kendo-app-border;
+    $kendo-base-bg: $kendo-body-bg;
+    $kendo-base-text: $kendo-body-text;
+    $kendo-base-border: $kendo-app-border;
+    $kendo-base-gradient: null;
+    $kendo-hover-bg: k-color( base-hover );
+    $kendo-hover-text: $kendo-base-text;
+    $kendo-hover-border: $kendo-base-border;
+    $kendo-hover-gradient: null;
+    $kendo-selected-bg: $kendo-color-secondary;
+    $kendo-selected-text: $kendo-color-secondary-contrast;
+    $kendo-selected-border: $kendo-base-border;
+    $kendo-selected-gradient: null;
+    $kendo-selected-hover-bg: k-color( secondary-hover );
+    $kendo-selected-hover-text: $kendo-selected-text;
+    $kendo-selected-hover-border: $kendo-base-border;
+    $kendo-selected-hover-gradient: null;
+    $kendo-disabled-text: k-color( on-app-surface );
+    $kendo-component-header-bg: $kendo-base-bg;
+    $kendo-component-header-text: $kendo-base-text;
+    $kendo-component-header-border: $kendo-base-border;
+    $kendo-component-header-gradient: null;
+    $kendo-invalid-bg: null;
+    $kendo-invalid-text: $kendo-color-error;
+    $kendo-invalid-border: $kendo-color-error;
+    $kendo-invalid-shadow: null;
+
+    $kendo-theme-colors: (
+        "primary": $kendo-color-primary,
+        "secondary": $kendo-color-secondary,
+        "tertiary": $kendo-color-tertiary,
+        "info": $kendo-color-info,
+        "success": $kendo-color-success,
+        "warning": $kendo-color-warning,
+        "error": $kendo-color-error,
+        "dark": $kendo-color-dark,
+        "light": $kendo-color-light,
+        "inverse": $kendo-color-inverse,
+    );
+
+
+}