@mescius/wijmo.styles 5.20232.939

package/README.md

@@ -0,0 +1,363 @@
+[English](#wijmo) | [日本語](#wijmo-jp) | [中文](#wijmo-cn) | [한국어](#wijmo-kr)
+
+# Wijmo
+
+Wijmo is a complete set of [JavaScript UI components](https://developer.mescius.com/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) for enterprise development. It includes a powerful data grid, charts, pivot tools, inputs, and much more and is available in your favorite framework, including [Angular](https://developer.mescius.com/wijmo/angular-ui-components?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm), [React](https://developer.mescius.com/wijmo/react-ui-components?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm), and [Vue](https://developer.mescius.com/wijmo/vue-ui-components?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm).
+
+Cut your development time in half with Wijmo's lightweight, high-performance JavaScript UI components.
+
+Check out our popular [FlexGrid data grid](https://developer.mescius.com/wijmo/flexgrid-javascript-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) control.
+
+Read more about [Wijmo NPM Packages](https://developer.mescius.com/wijmo/docs/GettingStarted/Referencing-Wijmo-NPM?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+
+---
+
+## The BEST DataGrid for JavaScript, Angular, React and Vue
+
+A great datagrid starts with a fundamentally sound grid. FlexGrid includes only the essential vital features and offers everything else through an extensibility model. Basic Excel-like features like sorting, grouping, and editing are built-in, while the bells and whistles are optional.
+
+![FlexGrid features include Row Selection, Dyanmic Cell Images, Gauges, Conditional Styling and much more](https://global-cdn.grapecity.com/external/wijmo/npm/best-grids-opt.png "FlexGrid features include Row Selection, Dyanmic Cell Images, Gauges, Conditional Styling and much more")
+
+The result is a small, fast, familiar, flexible grid. Learn more about FlexGrid for your favorite framework:
+
+- [JavaScript datagrid](https://developer.mescius.com/wijmo/flexgrid-javascript-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Angular datagrid](https://developer.mescius.com/wijmo/angular-ui-components/flexgrid-angular-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [React datagrid](https://developer.mescius.com/wijmo/react-ui-components/flexgrid-react-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Vue datagrid](https://developer.mescius.com/wijmo/vue-ui-components/flexgrid-vue-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+
+---
+
+## Get What You're Missing From NPM!
+
+Make sure to download Wijmo to get the full developer pack. NPM only includes our JS components, but our developer pack includes hundreds of samples with source code for every JS framework, real-world reference applications, and much more!
+
+**[Download the Wijmo Developer Pack](https://developer.mescius.com/wijmo/npm?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) to jump-start your project.**
+
+---
+
+## Samples
+
+Over 450 feature samples available in any JavaScript framework
+
+- [JavaScript Samples](https://developer.mescius.com/wijmo/demos/Grid/Overview/purejs?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Angular Samples](https://developer.mescius.com/wijmo/demos/Grid/Overview/angular?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [React Samples](https://developer.mescius.com/wijmo/demos/Grid/Overview/react?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Vue Samples](https://developer.mescius.com/wijmo/demos/Grid/Overview/vue?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+
+We also have real-world reference applications available in any JavaScript framework
+
+- [JavaScript Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-purejs?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Angular Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-angular?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [React Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-react?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [React Redux Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-react-redux?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Vue Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-vue?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+
+Sample source code available with our [Wijmo Developer Pack](https://developer.mescius.com/wijmo/npm?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm).
+
+## Installation
+
+### To install latest release version:
+
+```sh
+npm install @grapecity/wijmo.all
+```
+
+### To install latest nightly build:
+
+```sh
+npm install @grapecity/wijmo.all@nightly
+```
+
+### To install latest RC build:
+
+```sh
+npm install @grapecity/wijmo.all@rc
+```
+
+## Documentation
+
+On-line documentation is available here:
+
+- [API Reference](https://developer.mescius.com/wijmo/api/?utm_source=wijmonpm&utm_medium=npm&utm_campaign=wijmonpm&utm_content=api)
+- [Documentation Guides](https://developer.mescius.com/wijmo/docs/?utm_source=wijmonpm&utm_medium=npm&utm_campaign=wijmonpm&utm_content=docs)
+
+## Licensing
+
+Wijmo is commercially licensed per developer.
+
+Read more about [Wijmo Licensing](https://developer.mescius.com/licensing/wijmo?utm_source=wijmonpm&utm_medium=npm&utm_campaign=wijmonpm&utm_content=licensing).
+
+## Resources
+
+- [Quick Start Guide](https://developer.mescius.com/wijmo/docs/GettingStarted/QuickStart/QuickStart-PureJS?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [About Wijmo](https://developer.mescius.com/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Blogs](https://developer.mescius.com/blogs/tags/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Knowledge Base](https://developer.mescius.com/kb/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+
+Wijmo Exclusive [Developer Pack Available Here](https://developer.mescius.com/wijmo/npm?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+
+## Support
+
+**Wijmo Support You Need, When You Need It**
+
+Whether it is through documentation and how-tos, support tickets, or phone assistance, we have one mission: to help you be even more successful.
+With our Customer Engagement Team, you get direct access to the developers building Wijmo, who will work with you to resolve any issue. You will be in good hands: our current customer satisfaction rating is 85%.
+
+- 24 hour response time in our [ticketing system](https://developer.mescius.com/support/contact?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- Access to our US-based [phone support](https://developer.mescius.com/contact?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) team (9AM-5PM EST)
+- Elevated priority in the support queue
+
+Support plans available with a [MESCIUS Wijmo](https://developer.mescius.com/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) license
+
+Product support is available through the following mediums:
+
+- [Submit a Ticket](https://developer.mescius.com/support/contact?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+- [Wijmo Forum](https://developer.mescius.com/forums/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+
+## Questions and Feedback
+
+We value your feedback and utilize suggestions to help create product roadmaps. Tell us what you think.
+
+Submit questions to our team of [Wijmo Experts](https://developer.mescius.com/forums/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
+
+## Wijmo JP
+
+[Wijmo](https://developer.mescius.jp/wijmo)は、Webアプリケーション開発に最適な数多くのUIを搭載するJavaScriptコンポーネントセットです。高速・軽量であり、開発工数の削減に大きく寄与します。データグリッド、チャート、ピボットテーブル、入力など、業務アプリケーション開発に必要となるコントロールを多数収録し、またAngularやReact、Vue.jsといったJavaScriptフレームワークにも対応しています。
+
+なお、日本語版での動作保証は日本語版サイトで公開しているバージョンのみとなります。
+また、日本語版を使用する場合は、日本語版のソフトウェア使用許諾契約書が適用されます。日本語版のソフトウェア使用許諾契約書は以下をご覧ください。
+
+- [ソフトウェア使用許諾契約書](https://download.mescius.jp/license/wijmo/wijmo-userlicense.pdf)
+
+## サンプル
+
+[オンラインデモ](https://developer.mescius.jp/wijmo#demo)では、Wijmoの各コントロールの基本機能や使い方をご紹介しています。
+
+また、[トライアル版](https://developer.mescius.jp/download#javascript)をダウンロードして、実際の機能や動作をご確認いただけます。
+
+## インストール方法
+
+[npmによるWijmoの参照](https://demo.mescius.jp/wijmo/docs/GettingStarted/Referencing-Wijmo-NPM)をご覧ください。
+
+## ドキュメント
+
+製品の各種ドキュメントは、下記をご参照ください。
+
+- [製品ヘルプ](https://demo.mescius.jp/wijmo/docs/GettingStarted/Introduction)
+- [APIリファレンス](https://demo.mescius.jp/wijmo/api/)
+
+## 製品情報
+
+製品の詳細や価格、ライセンスについては、下記をご参照ください。
+
+- [製品情報](https://developer.mescius.jp/wijmo)
+
+## サポート
+
+ヘルプやデモに加え、ナレッジベースでは製品の技術情報を公開しております。また、サブスクリプションをご契約中のお客様は、E-mailによる技術サポートをご利用いただけます。
+
+- [サポート＆サービス](https://developer.mescius.jp/support)
+- [サブスクリプションサービス利用規約](https://download.mescius.jp/license/other/componentone-subscriptionservice.pdf)
+
+## Wijmo CN
+
+Wijmo 是一套完整的企业级 JavaScript UI 开发组件。 它包括强大的表格、图表、数据透视、输入等组件，并且可以支持各类主流前端框架，包括 Angular、React 和 Vue。
+
+Wijmo 的轻量级、高性能 JavaScript UI 组件可以将您的开发时间缩短一半。
+
+查看我们 [FlexGrid 表格](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/purejs) 组件.
+
+
+---
+
+## 从 NPM 获取您所缺少的开发包！
+
+请务必下载 Wijmo 以获得完整的开发包。 NPM 仅包含我们的 JS 组件，但我们的开发包包含数百个示例，其中包含每个 JS 框架的源代码、实际参考应用程序等等！
+
+**[下载 Wijmo 开发包](https://www.grapecity.com.cn/developer/wijmojs/download) 以启动您的项目。**
+
+---
+
+## 示例
+
+每种 JavaScript 框架中都提供超过 450 个功能示例
+
+- [JavaScript 示例](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/purejs)
+- [Vue 示例](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/vue)
+- [Angular 示例](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/angular)
+- [React 示例](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/react)
+
+我们还提供了 JavaScript 框架中可用的实际应用示例
+
+
+- [Vue 参考应用](https://www.grapecity.com/wijmo/demos/reference-samples/#GeoDashboard)
+- [Angular 参考应用](https://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/WealthHealth)
+- [React 参考应用](https://www.grapecity.com/wijmo/demos/reference-samples/#GeoDashboard)
+- [React Redux 参考应用](https://www.grapecity.com/wijmo/demos/reference-samples/#CryptoCurrencyTracking)
+
+ [Wijmo 开发包](https://www.grapecity.com.cn/developer/wijmojs/download) 中提供了示例源代码。
+
+## 安装
+
+### 安装最新版本：
+
+```sh
+npm install @grapecity/wijmo.all
+```
+
+### 安装最新的 nightly 版本： 
+```sh
+npm install @grapecity/wijmo.all@nightly
+```
+
+### 安装最新的 RC 版本：
+
+```sh
+npm install @grapecity/wijmo.all@rc
+```
+
+## 文档
+
+在线文档可在此处获取：
+
+- [API Reference](https://demo.grapecity.com.cn/wijmo/api/)
+- [Documentation Guides](https://demo.grapecity.com.cn/wijmo/docs/GettingStarted/Introduction)
+
+## 许可
+
+Wijmo授权由开发授权和部署授权组成
+
+了解 [WijmoJS 价格与授权方式](https://www.grapecity.com.cn/developer/wijmojs#price).
+
+## 资源
+
+- [快速入门指南](https://demo.grapecity.com.cn/wijmo/docs/GettingStarted/QuickStart/QuickStart-PureJS)
+- [Wijmo 产品介绍](https://www.grapecity.com.cn/developer/wijmojs)
+- [博客](https://www.grapecity.com.cn/blogs/tags/wijmo)
+- [论坛](https://gcdn.grapecity.com.cn/showforum-140-1.html)
+
+Wijmo 开发包可以从 [这里](https://www.grapecity.com.cn/developer/wijmojs/download) 下载
+
+## 支持
+
+**Wijmo 随时为您提供支持**
+
+提供多种售前支持方式。您可以通过电话热线、邮件、售前顾问、在线咨询、添加企业微信等方式获取获取售前咨询、产品解决方案、产品选型等1V1服务。帮您快速了解产品特性，助您POC验证成功，节省时间成本。
+
+- [联系我们](https://www.grapecity.com.cn/support#goumaizixun)
+
+
+## 问题反馈
+
+我们重视您的反馈并利用建议来帮助创建产品路线图。 告诉我们你的想法。
+
+ [提交您的问题和反馈建议](https://gcdn.grapecity.com.cn/showforum-173-1.html)
+
+# Wijmo KR
+
+Wijmo(위즈모)는 고성능의 Web App 개발을 위한 완전한 JavaScript UI 컴포넌트 세트입니다. 강력한 데이터 그리드(DataGrid), 차트(Chart), 피벗 도구(OLAP/Pivop), 입력(Input) 등 개발에 필요한 100+의 다양한 컨트롤이 포함되어 있습니다. 
+
+또한, Wijmo는 Angular, React 및 Vue 등 개발자가 빠른 웹 개발과 효율적인 코드 유지 관리를 쉽게 할 수 있도록 JavaScript 프레임워크에 대한 지원을 제공합니다.
+
+Wijmo의 경량 고성능 JavaScript UI 컴포넌트로 개발 시간을 절반으로 줄이십시오.
+
+**[한국 Wijmo 공식 홈페이지 방문하기](https://mescius.co.kr/wijmo)**
+
+## 개발자 패키지를 다운받아 보세요.
+
+Wijmo 개발자 패키지를 아래 링크를 통해서 다운받아 보세요. NPM은 JS 라이브러리만 제공하지만, 개발자 패키지는 인기 있는 JS 프레임워크(Angular, React, Vue..)를 위한, 수백개의 샘플과 소스코드를 제공합니다. 
+
+**[Wijmo 개발자 패키지](https://mescius.co.kr/wijmo/download)를 다운로드하여 여러분의 개발 프로젝트를 시작해보세요.**
+
+## 튜토리얼 | Demo & Sample
+
+450가지 이상의 다양한 기능 샘플을 통해, 직접 사용해보고 소스코드를 보면서 Wijmo의 모든 기능을 여러분의 App에 쉽고 빠르게 적용해볼 수 있습니다.
+
+모든 샘플은 한국어가 지원됩니다.
+
+**[Wijmo 튜토리얼 페이지 바로가기](https://mescius.co.kr/wijmo/tutorial)**
+
+아래의 링크를 통해 원하시는 JS 프레임워크의 튜토리얼 사이트로 바로 이동할 수 있습니다.
+
+- [JavaScript 샘플](https://wijmo-js-demo.web.app/)
+- [JavaScript 샘플 (SystemJS/CommonJS 모듈 기반)](https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Overview/purejs)
+- [Angular 샘플](https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Overview/angular)
+- [React 샘플](https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Overview/react)
+- [Vue 샘플](https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Overview/vue)
+
+JavaScript(SystemJS/CommonJS 모듈 기반), Angular, React, Vue 샘플은 모두 [Wijmo 개발자 패키지](https://mescius.co.kr/wijmo/download)에 포함되어 있습니다.
+
+## 설치하기
+
+Wijmo 라이브러리를 사용하기 위해서는 아래와 같이 2가지 방법을 통해 JS 라이브러리를 얻으실 수 있습니다.
+
+#### 개발자 패키지
+
+가장 권장 드리는 방법으로, 홈페이지에서 한국 정식 버전의 [개발자 패키지를 다운로드](https://mescius.co.kr/wijmo/download)하여, 필요하신 Wijmo의 JS 라이브러리를 여러분의 어플리케이션으로 가져오시면 됩니다.
+
+#### WIJMO NPM
+
+Wijmo는 또한 NPM을 지원합니다. 이를 통해 최신 버전의 Wijmo 라이브러리를 사용하실 수 있습니다.
+
+**[최신 정식 버전]**
+
+```sh
+npm install @grapecity/wijmo.all
+```
+
+**[Nightly 버전]**
+
+```sh
+npm install @grapecity/wijmo.all@nightly
+```
+
+**[RC 버전]**
+
+```sh
+npm install @grapecity/wijmo.all@rc
+```
+
+## 빠른시작 가이드
+
+개발자 패키지 또는 NPM을 통해 Wijmo 라이브러리를 가져오셨다면, 아래의 가이드를 통해서 Wijmo 개발을 시작할 수 있습니다.
+
+- [PureJS](https://wijmo-js-demo.web.app/00-QuickStart)
+- [PureJS (JS 모듈 로더 사용시)](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/QuickStart/QuickStart-PureJS)
+- [Angular](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/QuickStart/QuickStart-Angular)
+- [React](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/QuickStart/QuickStart-React)
+- [Vue](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/QuickStart/QuickStart-Vue)
+
+## 라이선싱
+
+Wijmo 라이브러리를 상업용으로 개발하고 배포하기 위해서는 **개발자 라이선스**와 **배포 라이선스**를 반드시 구매하셔야 합니다.
+
+- [가격 및 라이선스](https://www.mescius.co.kr/wijmo#price)
+- [배포 라이선싱 등록 방법](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_faq&wr_id=1) 
+
+## 개발자 문서
+
+개발 시에 온라인 개발자 문서를 참고할 수 있습니다.
+
+- [개발자 도움말](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/Introduction)
+- [API 참조](https://demo.mescius.co.kr/wijmo/api/)
+
+## 기술 지원
+
+Wijmo를 사용하시다가 어려움이 있으실 경우, 언제든지 아래의 개발자 포럼을 통해 질문을 남겨주세요.
+
+한국 지사의 전문 기술팀의 지원을 받아 보실 수 있습니다.
+
+- [Wijmo 질문하기](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_qna)
+
+## 더 많은 소식을 받아 보세요.
+
+MESCIUS KOREA 개발자 포럼에서 Wijmo에 대한 신규 버전 출시 소식 및 다양한 블로그 컨텐츠를 확인해보세요.
+
+- [새로운 소식](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_news)
+- [블로그 & Tips](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_bntips)
+- [온라인 스터디](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_o_study)
+- [FAQ](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_faq)
+
+MESCIUS KOREA 카카오톡 친구 추가를 하시면, 더욱 빠르게 최신 소식, 이벤트 및 세미나 정보를 받아보실 수 있습니다
+
+- [카카오톡 친구 추가하기](https://pf.kakao.com/_ClxiWxb)

package/misc/_constants.scss

@@ -0,0 +1,79 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+//
+// constants
+//
+
+$white: #fff !default;
+$grey-100: #f8f9fa !default;
+$grey-200: #e9ecef !default;
+$grey-300: #dee2e6 !default;
+$grey-400: #ced4da !default;
+$grey-500: #adb5bd !default;
+$grey-600: #6c757d !default;
+$grey-700: #495057 !default;
+$grey-800: #343a40 !default;
+$grey-900: #212529 !default;
+$black: #000 !default;
+
+$blue: #007bff !default;
+$indigo: #6610f2 !default;
+$purple: #6f42c1 !default;
+$pink: #e83e8c !default;
+$red: #dc3545 !default;
+$orange: #fd7e14 !default;
+$yellow: #ffc107 !default;
+$green: #28a745 !default;
+$teal: #20c997 !default;
+$cyan: #17a2b8 !default;
+
+// material design colors
+$mdl-cyan: rgb(0, 188, 212) !default;
+$mdl-cyan-inner: rgb(0, 151, 167) !default;
+$mdl-teal: rgb(0, 150, 136) !default;
+$mdl-teal-inner: rgb(0, 121, 107) !default;
+$mdl-green: rgb(76, 175, 80) !default;
+$mdl-green-inner: rgb(56, 142, 60) !default;
+$mdl-light-green: rgb(139, 195, 74) !default;
+$mdl-light-green-inner: rgb(104, 159, 56) !default;
+$mdl-lime: rgb(205, 220, 57) !default;
+$mdl-lime-inner: rgb(175, 180, 43) !default;
+$mdl-yellow: rgb(255, 235, 59) !default;
+$mdl-yellow-inner: rgb(251, 192, 45) !default;
+$mdl-amber: rgb(255, 193, 7) !default;
+$mdl-amber-inner: rgb(255, 160, 0) !default;
+$mdl-orange: rgb(255, 152, 0) !default;
+$mdl-orange-inner: rgb(245, 124, 0) !default;
+$mdl-brown: rgb(121, 85, 72) !default;
+$mdl-brown-inner: rgb(93, 64, 55) !default;
+$mdl-blue-grey: rgb(96, 125, 139) !default;
+$mdl-blue-grey-inner: rgb(69, 90, 100) !default;
+$mdl-grey: rgb(158, 158, 158) !default;
+$mdl-grey-inner: rgb(97, 97, 97) !default;
+$mdl-deep-orange: rgb(255, 87, 34) !default;
+$mdl-deep-orange-inner: rgb(230, 74, 25) !default;
+$mdl-red: rgb(244, 67, 54) !default;
+$mdl-red-inner: rgb(211, 47, 47) !default;
+$mdl-pink: rgb(233, 30, 99) !default;
+$mdl-pink-inner: rgb(194, 24, 91) !default;
+$mdl-purple: rgb(156, 39, 176) !default;
+$mdl-purple-inner: rgb(123, 31, 162) !default;
+$mdl-deep-purple: rgb(103, 58, 183) !default;
+$mdl-deep-purple-inner: rgb(81, 45, 168) !default;
+$mdl-indigo: rgb(63, 81, 181) !default;
+$mdl-indigo-inner: rgb(48, 63, 159) !default;
+$mdl-blue: rgb(33, 150, 243) !default;
+$mdl-blue-inner: rgb(25, 118, 210) !default;
+$mdl-light-blue: rgb(3, 169, 244) !default;
+$mdl-light-blue-inner: rgb(2, 136, 209) !default;