diff --git a/packages/docs/src/app/components/navbar/navbar-property.ts b/packages/docs/src/app/components/navbar/navbar-property.ts index 2b00512a8..59e97ec81 100644 --- a/packages/docs/src/app/components/navbar/navbar-property.ts +++ b/packages/docs/src/app/components/navbar/navbar-property.ts @@ -28,8 +28,14 @@ export class NavbarProperty { setValue(i: number) { this.currentValue = this.data[i]; localStorage.setItem(this.property, `${i}`); - if (this.updateTemplate) { this.updateTemplate(); } - if (this.updateSelected) { this.updateSelected(i); } + + if (this.updateTemplate) { + this.updateTemplate(); + } + + if (this.updateSelected) { + this.updateSelected(i); + } } init() { @@ -43,20 +49,18 @@ export class NavbarProperty { } private updateTemplate() { - if (this.currentValue) { - for (const color of this.data) { - document.body.classList.remove(color.className); - } + if (!this.currentValue) { return; } - document.body.classList.add(this.currentValue.className); + for (const color of this.data) { + document.body.classList.remove(color.className); } + + document.body.classList.add(this.currentValue.className); } private updateSelected(i: number) { if (this.data[i]) { - this.data.forEach((color) => { - color.selected = false; - }); + this.data.forEach((color) => color.selected = false); this.data[i].selected = true; } } diff --git a/packages/docs/src/app/components/navbar/navbar.component.ts b/packages/docs/src/app/components/navbar/navbar.component.ts index 8fb1049e2..65ef26aae 100644 --- a/packages/docs/src/app/components/navbar/navbar.component.ts +++ b/packages/docs/src/app/components/navbar/navbar.component.ts @@ -1,16 +1,17 @@ -import { Component, OnInit, OnDestroy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core'; import { Subscription } from 'rxjs'; import { mosaicVersion } from '../../shared/version/version'; import { INavbarProperty, NavbarProperty } from './navbar-property'; -import { ThemeService } from './theme.service'; +import { Themes, ThemeService } from './theme.service'; @Component({ selector: 'navbar', templateUrl: './navbar.template.html', - styleUrls: ['./navbar.scss'] + styleUrls: ['./navbar.scss'], + encapsulation: ViewEncapsulation.None }) export class NavbarComponent implements OnInit, OnDestroy { mosaicVersion = mosaicVersion; @@ -20,6 +21,7 @@ export class NavbarComponent implements OnInit, OnDestroy { versionSwitch: NavbarProperty; colorSwitch: NavbarProperty; themeSwitch: NavbarProperty; + skinSwitch: NavbarProperty; languageSwitch: NavbarProperty; // To add new version to dropdown add new object to the end of data array, @@ -27,7 +29,7 @@ export class NavbarComponent implements OnInit, OnDestroy { // run npm show @ptsecurity/mosaic versions --json to see all mosaic versions versionData = [ { - number: 'Версия 11', + number: 'Версия 13', date: '30 марта', selected: false, link: '//mosaic.ptsecurity.com' @@ -62,23 +64,23 @@ export class NavbarComponent implements OnInit, OnDestroy { property: 'PT_color', data: [ { - code: '#2f80ed', - className: 'active-blue', + code: '#2F80ED', + className: 'color-blue', selected: true }, { code: '#832112', - className: 'active-red', + className: 'color-red', selected: false }, { - code: '#07804e', - className: 'active-green', + code: '#07804E', + className: 'color-green', selected: false }, { - code: '#eaaf00', - className: 'active-yellow', + code: '#EAAF00', + className: 'color-yellow', selected: false } ], @@ -89,8 +91,8 @@ export class NavbarComponent implements OnInit, OnDestroy { private languageProperty: INavbarProperty = { property: 'PT_language', data: [ - 'Русский язык', - 'Английский язык' + 'Русский', + 'English' ], updateTemplate: false, updateSelected: false @@ -101,20 +103,20 @@ export class NavbarComponent implements OnInit, OnDestroy { data: [ { theme: 'auto', - name: 'Автоматическое переключение', - className: this.colorAutomaticTheme.matches ? 'theme-default' : 'theme-dark', + name: 'Авто', + className: this.colorAutomaticTheme.matches ? Themes.Default : Themes.Dark, selected: true }, { theme: 'default', - name: 'Светлая тема', - className: 'theme-default', + name: 'Светлая', + className: Themes.Default, selected: false }, { theme: 'dark', - name: 'Темная тема', - className: 'theme-dark', + name: 'Тёмная', + className: Themes.Dark, selected: false } ], @@ -122,20 +124,41 @@ export class NavbarComponent implements OnInit, OnDestroy { updateSelected: true }; + private skinProperty: INavbarProperty = { + property: 'PT_skin', + data: [ + { + theme: 'pt-2022', + name: 'Mosaic 2022', + className: 'pt-2022', + selected: false + }, + { + theme: 'legacy-2017', + name: 'Mosaic 2017', + className: 'legacy-2017', + selected: true + } + ], + updateTemplate: true, + updateSelected: true + }; + constructor(private themeService: ThemeService) { this.setSelectedVersion(); this.colorSwitch = new NavbarProperty(this.activeColorProperty); this.themeSwitch = new NavbarProperty(this.themeProperty); + this.skinSwitch = new NavbarProperty(this.skinProperty); this.languageSwitch = new NavbarProperty(this.languageProperty); try { // Chrome & Firefox this.colorAutomaticTheme.addEventListener('change', (e) => { if (e.matches) { - this.themeProperty.data[0].className = 'theme-default'; + this.themeProperty.data[0].className = Themes.Default; } else { - this.themeProperty.data[0].className = 'theme-dark'; + this.themeProperty.data[0].className = Themes.Dark; } }); } catch (err) { @@ -143,9 +166,9 @@ export class NavbarComponent implements OnInit, OnDestroy { // Safari this.colorAutomaticTheme.addListener((e) => { if (e.matches) { - this.themeProperty.data[0].className = 'theme-default'; + this.themeProperty.data[0].className = Themes.Default; } else { - this.themeProperty.data[0].className = 'theme-dark'; + this.themeProperty.data[0].className = Themes.Dark; } }); } catch (errSafari) { @@ -156,12 +179,13 @@ export class NavbarComponent implements OnInit, OnDestroy { } ngOnInit() { - this.themingSubscription = this.themeService.currentTheme.subscribe((theme: string) => { - if (this.themeSwitch.data[0].selected) { - this.themeSwitch.data[0].className = theme; - this.themeSwitch.setValue(0); - } - }); + this.themingSubscription = this.themeService.currentTheme + .subscribe((theme: string) => { + if (this.themeSwitch.data[0].selected) { + this.themeSwitch.data[0].className = theme; + this.themeSwitch.setValue(0); + } + }); } ngOnDestroy() { @@ -170,9 +194,11 @@ export class NavbarComponent implements OnInit, OnDestroy { goToVersion(i: number) { const link = this.versionData[i].link; + if (!location.origin.match(link)) { location.href = `${link}${location.pathname}${location.search}${location.hash}`; } + this.versionSwitch.setValue(i); } diff --git a/packages/docs/src/app/components/navbar/navbar.module.ts b/packages/docs/src/app/components/navbar/navbar.module.ts index 23b443415..06b89480b 100644 --- a/packages/docs/src/app/components/navbar/navbar.module.ts +++ b/packages/docs/src/app/components/navbar/navbar.module.ts @@ -4,6 +4,7 @@ import { McButtonModule } from '@ptsecurity/mosaic/button'; import { McDropdownModule } from '@ptsecurity/mosaic/dropdown'; import { McIconModule } from '@ptsecurity/mosaic/icon'; import { McLinkModule } from '@ptsecurity/mosaic/link'; +import { McNavbarModule } from '@ptsecurity/mosaic/navbar'; import { McSelectModule } from '@ptsecurity/mosaic/select'; import { NavbarComponent } from './navbar.component'; @@ -16,7 +17,8 @@ import { NavbarComponent } from './navbar.component'; McDropdownModule, McLinkModule, McIconModule, - McSelectModule + McSelectModule, + McNavbarModule ], exports: [NavbarComponent], declarations: [NavbarComponent] diff --git a/packages/docs/src/app/components/navbar/navbar.scss b/packages/docs/src/app/components/navbar/navbar.scss index 1757a5344..c8ac33edf 100644 --- a/packages/docs/src/app/components/navbar/navbar.scss +++ b/packages/docs/src/app/components/navbar/navbar.scss @@ -1,4 +1,8 @@ -@import "navbar-theme"; + + +.docs-navbar__version-dropdown { + width: 220px; +} $doc-navbar-height: 64px; $doc-navbar-icon-font-size: 22px; diff --git a/packages/docs/src/app/components/navbar/navbar.template.html b/packages/docs/src/app/components/navbar/navbar.template.html index d8529a026..dfd1f8c9d 100644 --- a/packages/docs/src/app/components/navbar/navbar.template.html +++ b/packages/docs/src/app/components/navbar/navbar.template.html @@ -1,71 +1,104 @@ -
- - -
- - - - + + +
+ + + + Mosaic +
+ + + + Версия {{mosaicVersion}} + + + +
+ +
+ {{version.number}}{{version.date}} +
+
-
+ + + + + + + -
+ + + + + + -
- + - - -
-
- + + + + +
ТЕМА
+ -
-
- + + -
- - - -
+ -
-
+ + diff --git a/packages/docs/src/app/components/navbar/theme.service.ts b/packages/docs/src/app/components/navbar/theme.service.ts index 8088450df..be0a13d73 100644 --- a/packages/docs/src/app/components/navbar/theme.service.ts +++ b/packages/docs/src/app/components/navbar/theme.service.ts @@ -3,7 +3,7 @@ import { BehaviorSubject } from 'rxjs'; export enum Themes { - Default = 'theme-default', + Default = 'theme-light', Dark = 'theme-dark' } diff --git a/packages/docs/src/index.html b/packages/docs/src/index.html index afd3b2800..733890b4e 100644 --- a/packages/docs/src/index.html +++ b/packages/docs/src/index.html @@ -16,7 +16,7 @@ - + diff --git a/packages/docs/src/main.scss b/packages/docs/src/main.scss index d23a15040..7acaaf0b9 100644 --- a/packages/docs/src/main.scss +++ b/packages/docs/src/main.scss @@ -18,10 +18,15 @@ @import './styles/hot-keys'; -@import './styles/default-theme/theme'; -@import './styles/red-theme/theme'; -@import './styles/green-theme/theme'; -@import './styles/yellow-theme/theme'; +@import './styles/legacy-2017/default-theme/theme'; +@import './styles/legacy-2017/red-theme/theme'; +@import './styles/legacy-2017/green-theme/theme'; +@import './styles/legacy-2017/yellow-theme/theme'; + +@import './styles/pt-2022/default-theme/theme'; +@import './styles/pt-2022/red-theme/theme'; +@import './styles/pt-2022/green-theme/theme'; +@import './styles/pt-2022/yellow-theme/theme'; $typography: mc-typography-config(); @@ -64,42 +69,83 @@ $typography: mc-typography-config(); @include docs-component-theme($theme); } +.legacy-2017 { + &.theme-light { + &.color-blue { + @include docs-theme($legacy-2017-light-blue-theme); + } -.theme-default { - &.active-blue { - @include docs-theme($default-theme); - } + &.color-red { + @include docs-theme($legacy-2017-light-red-theme); + } - &.active-red { - @include docs-theme($theme-red); - } + &.color-green { + @include docs-theme($legacy-2017-light-green-theme); + } - &.active-green { - @include docs-theme($theme-green); + &.color-yellow { + @include docs-theme($legacy-2017-light-yellow-theme); + } } - &.active-yellow { - @include docs-theme($theme-yellow); + &.theme-dark { + @include material-dark(); + + &.color-blue { + @include docs-theme($legacy-2017-dark-blue-theme); + } + + &.color-red { + @include docs-theme($legacy-2017-dark-red-theme); + } + + &.color-green { + @include docs-theme($legacy-2017-dark-green-theme); + } + + &.color-yellow { + @include docs-theme($legacy-2017-dark-yellow-theme); + } } } -.theme-dark { - @include material-dark(); +.pt-2022 { + &.theme-light { + &.color-blue { + @include docs-theme($pt-2022-light-blue-theme); + } - &.active-blue { - @include docs-theme($default-dark-theme); - } + &.color-red { + @include docs-theme($pt-2022-light-red-theme); + } - &.active-red { - @include docs-theme($dark-theme-red); - } + &.color-green { + @include docs-theme($pt-2022-light-green-theme); + } - &.active-green { - @include docs-theme($dark-theme-green); + &.color-yellow { + @include docs-theme($pt-2022-light-yellow-theme); + } } - &.active-yellow { - @include docs-theme($dark-theme-yellow); + &.theme-dark { + @include material-dark(); + + &.color-blue { + @include docs-theme($pt-2022-dark-blue-theme); + } + + &.color-red { + @include docs-theme($pt-2022-dark-red-theme); + } + + &.color-green { + @include docs-theme($pt-2022-dark-green-theme); + } + + &.color-yellow { + @include docs-theme($pt-2022-dark-yellow-theme); + } } } diff --git a/packages/docs/src/styles/default-theme/_theme.scss b/packages/docs/src/styles/default-theme/_theme.scss deleted file mode 100644 index 7c6f69456..000000000 --- a/packages/docs/src/styles/default-theme/_theme.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import '../../../../mosaic/core/theming/theming'; -@import './tokens'; - - -$default-theme: mc-light-theme(); -$default-dark-theme: mc-dark-theme(); diff --git a/packages/docs/src/styles/legacy-2017/default-theme/_palette.scss b/packages/docs/src/styles/legacy-2017/default-theme/_palette.scss new file mode 100644 index 000000000..c5ca89316 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/default-theme/_palette.scss @@ -0,0 +1,531 @@ +$light-color-scheme-primary-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$light-color-scheme-second-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$light-color-scheme-error-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-info-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$light-color-scheme-success-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-warning-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-primary-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$dark-color-scheme-second-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$dark-color-scheme-error-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-info-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$dark-color-scheme-success-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-warning-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-blue-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$color-green-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-red-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-grey-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$color-yellow-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); diff --git a/packages/docs/src/styles/legacy-2017/default-theme/_theme.scss b/packages/docs/src/styles/legacy-2017/default-theme/_theme.scss new file mode 100644 index 000000000..a5df0680b --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/default-theme/_theme.scss @@ -0,0 +1,6 @@ +@import '../../../../../mosaic/core/theming/theming'; +@import './tokens'; + + +$legacy-2017-light-blue-theme: mc-light-theme(); +$legacy-2017-dark-blue-theme: mc-dark-theme(); diff --git a/packages/docs/src/styles/legacy-2017/default-theme/_typography.scss b/packages/docs/src/styles/legacy-2017/default-theme/_typography.scss new file mode 100644 index 000000000..74c166673 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/default-theme/_typography.scss @@ -0,0 +1,309 @@ +$typography-display-1-font-size: 56px; +$typography-display-1-line-height: 76px; +$typography-display-1-letter-spacing: -0.4px; +$typography-display-1-font-weight: normal; +$typography-display-1-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-1-text-transform: null; +$typography-display-1-font-feature-settings: null; +$typography-display-2-font-size: 45px; +$typography-display-2-line-height: 56px; +$typography-display-2-letter-spacing: normal; +$typography-display-2-font-weight: normal; +$typography-display-2-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-2-text-transform: null; +$typography-display-2-font-feature-settings: null; +$typography-display-3-font-size: 34px; +$typography-display-3-line-height: 44px; +$typography-display-3-letter-spacing: 0.25px; +$typography-display-3-font-weight: normal; +$typography-display-3-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-3-text-transform: null; +$typography-display-3-font-feature-settings: null; +$typography-headline-font-size: 24px; +$typography-headline-line-height: 32px; +$typography-headline-letter-spacing: normal; +$typography-headline-font-weight: normal; +$typography-headline-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-headline-text-transform: null; +$typography-headline-font-feature-settings: null; +$typography-title-font-size: 20px; +$typography-title-line-height: 28px; +$typography-title-letter-spacing: 0.15px; +$typography-title-font-weight: 500; +$typography-title-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-title-text-transform: null; +$typography-title-font-feature-settings: null; +$typography-subheading-font-size: 15px; +$typography-subheading-line-height: 20px; +$typography-subheading-letter-spacing: 0.15px; +$typography-subheading-font-weight: 700; +$typography-subheading-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-subheading-text-transform: null; +$typography-subheading-font-feature-settings: null; +$typography-body-font-size: 15px; +$typography-body-line-height: 20px; +$typography-body-letter-spacing: 0.15px; +$typography-body-font-weight: normal; +$typography-body-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-text-transform: null; +$typography-body-font-feature-settings: null; +$typography-body-tabular-font-size: 15px; +$typography-body-tabular-line-height: 20px; +$typography-body-tabular-letter-spacing: 0.15px; +$typography-body-tabular-font-weight: normal; +$typography-body-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-tabular-text-transform: null; +$typography-body-tabular-font-feature-settings: "tnum" on; +$typography-body-strong-font-size: 15px; +$typography-body-strong-line-height: 20px; +$typography-body-strong-letter-spacing: -0.009em; +$typography-body-strong-font-weight: 500; +$typography-body-strong-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-strong-text-transform: null; +$typography-body-strong-font-feature-settings: null; +$typography-body-caps-font-size: 15px; +$typography-body-caps-line-height: 20px; +$typography-body-caps-letter-spacing: 1.7px; +$typography-body-caps-font-weight: normal; +$typography-body-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-caps-text-transform: uppercase; +$typography-body-caps-font-feature-settings: null; +$typography-body-mono-font-size: 15px; +$typography-body-mono-line-height: 20px; +$typography-body-mono-letter-spacing: normal; +$typography-body-mono-font-weight: normal; +$typography-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-body-mono-text-transform: null; +$typography-body-mono-font-feature-settings: null; +$typography-caption-font-size: 13px; +$typography-caption-line-height: 16px; +$typography-caption-letter-spacing: 0.25px; +$typography-caption-font-weight: normal; +$typography-caption-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-text-transform: null; +$typography-caption-font-feature-settings: null; +$typography-caption-tabular-font-size: 13px; +$typography-caption-tabular-line-height: 16px; +$typography-caption-tabular-letter-spacing: 0.25px; +$typography-caption-tabular-font-weight: normal; +$typography-caption-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-tabular-text-transform: null; +$typography-caption-tabular-font-feature-settings: "tnum" on; +$typography-caption-caps-font-size: 13px; +$typography-caption-caps-line-height: 16px; +$typography-caption-caps-letter-spacing: 1.5px; +$typography-caption-caps-font-weight: normal; +$typography-caption-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-caps-text-transform: uppercase; +$typography-caption-caps-font-feature-settings: null; +$typography-caption-mono-font-size: 13px; +$typography-caption-mono-line-height: 16px; +$typography-caption-mono-letter-spacing: normal; +$typography-caption-mono-font-weight: normal; +$typography-caption-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-caption-mono-text-transform: null; +$typography-caption-mono-font-feature-settings: null; +$typography-small-text-font-size: 13px; +$typography-small-text-line-height: 16px; +$typography-small-text-letter-spacing: 0.25px; +$typography-small-text-font-weight: normal; +$typography-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-small-text-text-transform: null; +$typography-small-text-font-feature-settings: null; +$typography-extra-small-text-font-size: 11px; +$typography-extra-small-text-line-height: 16px; +$typography-extra-small-text-letter-spacing: 0.22px; +$typography-extra-small-text-font-weight: normal; +$typography-extra-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-extra-small-text-text-transform: null; +$typography-extra-small-text-font-feature-settings: null; +$typography-extra-small-text-caps-font-size: 11px; +$typography-extra-small-text-caps-line-height: 16px; +$typography-extra-small-text-caps-letter-spacing: 1px; +$typography-extra-small-text-caps-font-weight: normal; +$typography-extra-small-text-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-extra-small-text-caps-text-transform: uppercase; +$typography-extra-small-text-caps-font-feature-settings: null; +$typography-extra-small-text-mono-font-size: 11px; +$typography-extra-small-text-mono-line-height: 16px; +$typography-extra-small-text-mono-letter-spacing: 0px; +$typography-extra-small-text-mono-font-weight: normal; +$typography-extra-small-text-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-extra-small-text-mono-text-transform: null; +$typography-extra-small-text-mono-font-feature-settings: null; + +$mosaic: ( + 'typography': ( + 'display-1': ( + 'font-size': $typography-display-1-font-size, + 'line-height': $typography-display-1-line-height, + 'letter-spacing': $typography-display-1-letter-spacing, + 'font-weight': $typography-display-1-font-weight, + 'font-family': $typography-display-1-font-family, + 'text-transform': $typography-display-1-text-transform, + 'font-feature-settings': $typography-display-1-font-feature-settings + ), + 'display-2': ( + 'font-size': $typography-display-2-font-size, + 'line-height': $typography-display-2-line-height, + 'letter-spacing': $typography-display-2-letter-spacing, + 'font-weight': $typography-display-2-font-weight, + 'font-family': $typography-display-2-font-family, + 'text-transform': $typography-display-2-text-transform, + 'font-feature-settings': $typography-display-2-font-feature-settings + ), + 'display-3': ( + 'font-size': $typography-display-3-font-size, + 'line-height': $typography-display-3-line-height, + 'letter-spacing': $typography-display-3-letter-spacing, + 'font-weight': $typography-display-3-font-weight, + 'font-family': $typography-display-3-font-family, + 'text-transform': $typography-display-3-text-transform, + 'font-feature-settings': $typography-display-3-font-feature-settings + ), + 'headline': ( + 'font-size': $typography-headline-font-size, + 'line-height': $typography-headline-line-height, + 'letter-spacing': $typography-headline-letter-spacing, + 'font-weight': $typography-headline-font-weight, + 'font-family': $typography-headline-font-family, + 'text-transform': $typography-headline-text-transform, + 'font-feature-settings': $typography-headline-font-feature-settings + ), + 'title': ( + 'font-size': $typography-title-font-size, + 'line-height': $typography-title-line-height, + 'letter-spacing': $typography-title-letter-spacing, + 'font-weight': $typography-title-font-weight, + 'font-family': $typography-title-font-family, + 'text-transform': $typography-title-text-transform, + 'font-feature-settings': $typography-title-font-feature-settings + ), + 'subheading': ( + 'font-size': $typography-subheading-font-size, + 'line-height': $typography-subheading-line-height, + 'letter-spacing': $typography-subheading-letter-spacing, + 'font-weight': $typography-subheading-font-weight, + 'font-family': $typography-subheading-font-family, + 'text-transform': $typography-subheading-text-transform, + 'font-feature-settings': $typography-subheading-font-feature-settings + ), + 'body': ( + 'font-size': $typography-body-font-size, + 'line-height': $typography-body-line-height, + 'letter-spacing': $typography-body-letter-spacing, + 'font-weight': $typography-body-font-weight, + 'font-family': $typography-body-font-family, + 'text-transform': $typography-body-text-transform, + 'font-feature-settings': $typography-body-font-feature-settings + ), + 'body-tabular': ( + 'font-size': $typography-body-tabular-font-size, + 'line-height': $typography-body-tabular-line-height, + 'letter-spacing': $typography-body-tabular-letter-spacing, + 'font-weight': $typography-body-tabular-font-weight, + 'font-family': $typography-body-tabular-font-family, + 'text-transform': $typography-body-tabular-text-transform, + 'font-feature-settings': $typography-body-tabular-font-feature-settings + ), + 'body-strong': ( + 'font-size': $typography-body-strong-font-size, + 'line-height': $typography-body-strong-line-height, + 'letter-spacing': $typography-body-strong-letter-spacing, + 'font-weight': $typography-body-strong-font-weight, + 'font-family': $typography-body-strong-font-family, + 'text-transform': $typography-body-strong-text-transform, + 'font-feature-settings': $typography-body-strong-font-feature-settings + ), + 'body-caps': ( + 'font-size': $typography-body-caps-font-size, + 'line-height': $typography-body-caps-line-height, + 'letter-spacing': $typography-body-caps-letter-spacing, + 'font-weight': $typography-body-caps-font-weight, + 'font-family': $typography-body-caps-font-family, + 'text-transform': $typography-body-caps-text-transform, + 'font-feature-settings': $typography-body-caps-font-feature-settings + ), + 'body-mono': ( + 'font-size': $typography-body-mono-font-size, + 'line-height': $typography-body-mono-line-height, + 'letter-spacing': $typography-body-mono-letter-spacing, + 'font-weight': $typography-body-mono-font-weight, + 'font-family': $typography-body-mono-font-family, + 'text-transform': $typography-body-mono-text-transform, + 'font-feature-settings': $typography-body-mono-font-feature-settings + ), + 'caption': ( + 'font-size': $typography-caption-font-size, + 'line-height': $typography-caption-line-height, + 'letter-spacing': $typography-caption-letter-spacing, + 'font-weight': $typography-caption-font-weight, + 'font-family': $typography-caption-font-family, + 'text-transform': $typography-caption-text-transform, + 'font-feature-settings': $typography-caption-font-feature-settings + ), + 'caption-tabular': ( + 'font-size': $typography-caption-tabular-font-size, + 'line-height': $typography-caption-tabular-line-height, + 'letter-spacing': $typography-caption-tabular-letter-spacing, + 'font-weight': $typography-caption-tabular-font-weight, + 'font-family': $typography-caption-tabular-font-family, + 'text-transform': $typography-caption-tabular-text-transform, + 'font-feature-settings': $typography-caption-tabular-font-feature-settings + ), + 'caption-caps': ( + 'font-size': $typography-caption-caps-font-size, + 'line-height': $typography-caption-caps-line-height, + 'letter-spacing': $typography-caption-caps-letter-spacing, + 'font-weight': $typography-caption-caps-font-weight, + 'font-family': $typography-caption-caps-font-family, + 'text-transform': $typography-caption-caps-text-transform, + 'font-feature-settings': $typography-caption-caps-font-feature-settings + ), + 'caption-mono': ( + 'font-size': $typography-caption-mono-font-size, + 'line-height': $typography-caption-mono-line-height, + 'letter-spacing': $typography-caption-mono-letter-spacing, + 'font-weight': $typography-caption-mono-font-weight, + 'font-family': $typography-caption-mono-font-family, + 'text-transform': $typography-caption-mono-text-transform, + 'font-feature-settings': $typography-caption-mono-font-feature-settings + ), + 'small-text': ( + 'font-size': $typography-small-text-font-size, + 'line-height': $typography-small-text-line-height, + 'letter-spacing': $typography-small-text-letter-spacing, + 'font-weight': $typography-small-text-font-weight, + 'font-family': $typography-small-text-font-family, + 'text-transform': $typography-small-text-text-transform, + 'font-feature-settings': $typography-small-text-font-feature-settings + ), + 'extra-small-text': ( + 'font-size': $typography-extra-small-text-font-size, + 'line-height': $typography-extra-small-text-line-height, + 'letter-spacing': $typography-extra-small-text-letter-spacing, + 'font-weight': $typography-extra-small-text-font-weight, + 'font-family': $typography-extra-small-text-font-family, + 'text-transform': $typography-extra-small-text-text-transform, + 'font-feature-settings': $typography-extra-small-text-font-feature-settings + ), + 'extra-small-text-caps': ( + 'font-size': $typography-extra-small-text-caps-font-size, + 'line-height': $typography-extra-small-text-caps-line-height, + 'letter-spacing': $typography-extra-small-text-caps-letter-spacing, + 'font-weight': $typography-extra-small-text-caps-font-weight, + 'font-family': $typography-extra-small-text-caps-font-family, + 'text-transform': $typography-extra-small-text-caps-text-transform, + 'font-feature-settings': $typography-extra-small-text-caps-font-feature-settings + ), + 'extra-small-text-mono': ( + 'font-size': $typography-extra-small-text-mono-font-size, + 'line-height': $typography-extra-small-text-mono-line-height, + 'letter-spacing': $typography-extra-small-text-mono-letter-spacing, + 'font-weight': $typography-extra-small-text-mono-font-weight, + 'font-family': $typography-extra-small-text-mono-font-family, + 'text-transform': $typography-extra-small-text-mono-text-transform, + 'font-feature-settings': $typography-extra-small-text-mono-font-feature-settings + ) + ) +); diff --git a/packages/docs/src/styles/legacy-2017/default-theme/_variables.scss b/packages/docs/src/styles/legacy-2017/default-theme/_variables.scss new file mode 100644 index 000000000..854d00fc3 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/default-theme/_variables.scss @@ -0,0 +1,899 @@ + +// Do not edit directly + +$light-color-scheme-primary-default: #338FCC; +$light-color-scheme-second-default: #B3B3B3; +$light-color-scheme-error-default: #E76E5C; +$light-color-scheme-info-default: #AAD1EC; +$light-color-scheme-success-default: #B4DEA4; +$light-color-scheme-warning-default: #F0D49B; +$light-color-scheme-foreground-text: #4D4D4D; +$light-color-scheme-foreground-text-less-contrast: #999999; +$light-color-scheme-foreground-text-disabled: #B3B3B3; +$light-color-scheme-foreground-text-error: #E04D36; +$light-color-scheme-foreground-text-success: #449327; +$light-color-scheme-foreground-divider: #E6E6E6; +$light-color-scheme-foreground-border: #B3B3B3; +$light-color-scheme-foreground-icon: #999999; +$light-color-scheme-background-background: white; +$light-color-scheme-background-background-disabled: #F0F0F0; +$light-color-scheme-background-overlay-hover: rgba(black, 0.05); +$light-color-scheme-background-overlay-active: rgba(black, 0.1); +$light-color-scheme-background-overlay-disabled: rgba(white, 0.3); +$light-color-scheme-states-focused-color: #338FCC; +$light-color-scheme-states-selected-color: #D8EAF7; +$light-color-scheme-states-pressed-shadow: inset 0 1px 2px 0 rgba(black, 0.2); +$light-color-scheme-states-disabled-opacity: 0.3; +$dark-color-scheme-primary-default: #57A4D7; +$dark-color-scheme-second-default: #999999; +$dark-color-scheme-error-default: #E76E5C; +$dark-color-scheme-info-default: #57A4D7; +$dark-color-scheme-success-default: #6FBA53; +$dark-color-scheme-warning-default: #DFA739; +$dark-color-scheme-foreground-text: #F0F0F0; +$dark-color-scheme-foreground-text-less-contrast: #999999; +$dark-color-scheme-foreground-text-disabled: #999999; +$dark-color-scheme-foreground-text-error: #E76E5C; +$dark-color-scheme-foreground-text-success: #6FBA53; +$dark-color-scheme-foreground-divider: #666666; +$dark-color-scheme-foreground-border: #808080; +$dark-color-scheme-foreground-icon: #999999; +$dark-color-scheme-background-background: #333333; +$dark-color-scheme-background-background-disabled: #666666; +$dark-color-scheme-background-overlay-hover: rgba(black, 0.05); +$dark-color-scheme-background-overlay-active: rgba(black, 0.1); +$dark-color-scheme-background-overlay-disabled: rgba(white, 0.2); +$dark-color-scheme-states-focused-color: #57A4D7; +$dark-color-scheme-states-selected-color: #114E77; +$dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2); +$dark-color-scheme-states-disabled-opacity: 0.3; +$font-family-base: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$size-3xs: 2px; +$size-xxs: 4px; +$size-xs: 6px; +$size-s: 8px; +$size-m: 12px; +$size-l: 16px; +$size-xl: 20px; +$size-xxl: 24px; +$size-3xl: 32px; +$size-4xl: 40px; +$size-5xl: 48px; +$size-6xl: 56px; +$size-7xl: 64px; +$palette-blue-40: #F5FAFD; +$palette-blue-60: #EBF4FB; +$palette-blue-100: #D8EAF7; +$palette-blue-200: #AAD1EC; +$palette-blue-300: #7FBAE1; +$palette-blue-400: #57A4D7; +$palette-blue-500: #338FCC; +$palette-blue-560: #277BB3; +$palette-blue-600: #206EA2; +$palette-blue-700: #114E77; +$palette-blue-800: #07314D; +$palette-blue-a100: rgba(0, 153, 255, 0.15); +$palette-blue-a200: rgba(0, 153, 255, 0.3); +$palette-blue-contrast-40: #4D4D4D; +$palette-blue-contrast-60: #4D4D4D; +$palette-blue-contrast-100: #4D4D4D; +$palette-blue-contrast-200: #4D4D4D; +$palette-blue-contrast-300: #4D4D4D; +$palette-blue-contrast-400: white; +$palette-blue-contrast-500: white; +$palette-blue-contrast-560: white; +$palette-blue-contrast-600: white; +$palette-blue-contrast-700: white; +$palette-blue-contrast-800: white; +$palette-blue-contrast-a100: #4D4D4D; +$palette-blue-contrast-a200: white; +$palette-green-40: #F6FBF4; +$palette-green-60: #EDF8E9; +$palette-green-100: #DCF1D4; +$palette-green-200: #B4DEA4; +$palette-green-300: #8FCC79; +$palette-green-400: #6FBA53; +$palette-green-500: #52A832; +$palette-green-560: #449327; +$palette-green-600: #3B8520; +$palette-green-700: #276211; +$palette-green-800: #163F07; +$palette-green-a100: rgba(68, 255, 0, 0.15); +$palette-green-contrast-40: #4D4D4D; +$palette-green-contrast-60: #4D4D4D; +$palette-green-contrast-100: #4D4D4D; +$palette-green-contrast-200: #4D4D4D; +$palette-green-contrast-300: #4D4D4D; +$palette-green-contrast-400: white; +$palette-green-contrast-500: white; +$palette-green-contrast-560: white; +$palette-green-contrast-600: white; +$palette-green-contrast-700: white; +$palette-green-contrast-800: white; +$palette-green-contrast-a100: #4D4D4D; +$palette-red-40: #FEF7F6; +$palette-red-60: #FCEFEC; +$palette-red-100: #FADEDA; +$palette-red-200: #F4B7AE; +$palette-red-300: #ED9284; +$palette-red-400: #E76E5C; +$palette-red-500: #E04D36; +$palette-red-560: #C43E29; +$palette-red-600: #B23522; +$palette-red-700: #832112; +$palette-red-800: #541208; +$palette-red-a100: rgba(224, 79, 56, 0.15); +$palette-red-contrast-40: #4D4D4D; +$palette-red-contrast-60: #4D4D4D; +$palette-red-contrast-100: #4D4D4D; +$palette-red-contrast-200: #4D4D4D; +$palette-red-contrast-300: #4D4D4D; +$palette-red-contrast-400: white; +$palette-red-contrast-500: white; +$palette-red-contrast-560: white; +$palette-red-contrast-600: white; +$palette-red-contrast-700: white; +$palette-red-contrast-800: white; +$palette-red-contrast-a100: #4D4D4D; +$palette-grey-40: #F5F5F5; +$palette-grey-60: #F0F0F0; +$palette-grey-100: #E6E6E6; +$palette-grey-200: #CCCCCC; +$palette-grey-300: #B3B3B3; +$palette-grey-400: #999999; +$palette-grey-500: #808080; +$palette-grey-560: #707070; +$palette-grey-600: #666666; +$palette-grey-700: #4D4D4D; +$palette-grey-800: #333333; +$palette-grey-a40: rgba(0, 0, 0, 0.04); +$palette-grey-a60: rgba(0, 0, 0, 0.06); +$palette-grey-a100: rgba(0, 0, 0, 0.1); +$palette-grey-a200: rgba(0, 0, 0, 0.2); +$palette-grey-a300: rgba(0, 0, 0, 0.3); +$palette-grey-a500: rgba(0, 0, 0, 0.5); +$palette-grey-contrast-40: #4D4D4D; +$palette-grey-contrast-60: #4D4D4D; +$palette-grey-contrast-100: #4D4D4D; +$palette-grey-contrast-200: #4D4D4D; +$palette-grey-contrast-300: #4D4D4D; +$palette-grey-contrast-400: white; +$palette-grey-contrast-500: white; +$palette-grey-contrast-560: white; +$palette-grey-contrast-600: white; +$palette-grey-contrast-700: white; +$palette-grey-contrast-800: white; +$palette-yellow-40: #FDFAF3; +$palette-yellow-60: #FCF5E8; +$palette-yellow-100: #F8EBD1; +$palette-yellow-200: #F0D49B; +$palette-yellow-300: #E7BD68; +$palette-yellow-400: #DFA739; +$palette-yellow-500: #D6930D; +$palette-yellow-560: #BB800A; +$palette-yellow-600: #AA7408; +$palette-yellow-700: #7D5504; +$palette-yellow-800: #503602; +$palette-yellow-a100: rgba(255, 170, 0, 0.15); +$palette-yellow-contrast-40: #4D4D4D; +$palette-yellow-contrast-60: #4D4D4D; +$palette-yellow-contrast-100: #4D4D4D; +$palette-yellow-contrast-200: #4D4D4D; +$palette-yellow-contrast-300: #4D4D4D; +$palette-yellow-contrast-400: white; +$palette-yellow-contrast-500: white; +$palette-yellow-contrast-560: white; +$palette-yellow-contrast-600: white; +$palette-yellow-contrast-700: white; +$palette-yellow-contrast-800: white; +$palette-yellow-contrast-a100: #4D4D4D; +$alert-light-color-scheme-error-background: #FCEFEC; +$alert-light-color-scheme-error-border: #E76E5C; +$alert-light-color-scheme-error-icon: #E76E5C; +$alert-light-color-scheme-warning-background: #FCF5E8; +$alert-light-color-scheme-warning-border: #F0D49B; +$alert-light-color-scheme-warning-icon: #DFA739; +$alert-light-color-scheme-success-background: #EDF8E9; +$alert-light-color-scheme-success-border: #B4DEA4; +$alert-light-color-scheme-success-icon: #6FBA53; +$alert-light-color-scheme-info-background: #EBF4FB; +$alert-light-color-scheme-info-border: #AAD1EC; +$alert-light-color-scheme-info-icon: #57A4D7; +$alert-light-color-scheme-default-background: #F0F0F0; +$alert-light-color-scheme-default-border: #B3B3B3; +$alert-light-color-scheme-default-icon: #CCCCCC; +$alert-dark-color-scheme-error-background: #832112; +$alert-dark-color-scheme-error-border: #832112; +$alert-dark-color-scheme-error-icon: #E76E5C; +$alert-dark-color-scheme-warning-background: #7D5504; +$alert-dark-color-scheme-warning-border: #7D5504; +$alert-dark-color-scheme-warning-icon: #DFA739; +$alert-dark-color-scheme-success-background: #276211; +$alert-dark-color-scheme-success-border: #276211; +$alert-dark-color-scheme-success-icon: #6FBA53; +$alert-dark-color-scheme-info-background: #114E77; +$alert-dark-color-scheme-info-border: #114E77; +$alert-dark-color-scheme-info-icon: #57A4D7; +$alert-dark-color-scheme-default-background: #4D4D4D; +$alert-dark-color-scheme-default-border: #4D4D4D; +$alert-dark-color-scheme-default-icon: #999999; +$alert-size-border-width: 1px; +$alert-size-border-radius: 4px; +$alert-size-horizontal-padding: 16px; +$alert-size-vertical-padding: 13px; +$alert-size-icon-margin: 8px; +$alert-size-close-button-width: 16px; +$alert-size-small-vertical-padding: 11px; +$alert-font-default-header: subheading; +$alert-font-default-body: body; +$alert-font-small-header: caption; +$alert-font-small-body: caption; +$autocomplete-size-panel-padding: 4px 0; +$autocomplete-size-panel-max-height: 256px; +$autocomplete-size-panel-border-radius: 3px; +$badge-light-color-scheme-solid-primary-background: #338FCC; +$badge-light-color-scheme-solid-primary-color: white; +$badge-light-color-scheme-solid-primary-border: #338FCC; +$badge-light-color-scheme-solid-info-border: #338FCC; +$badge-light-color-scheme-solid-info-background: #338FCC; +$badge-light-color-scheme-solid-info-color: white; +$badge-light-color-scheme-solid-success-border: #52A832; +$badge-light-color-scheme-solid-success-background: #52A832; +$badge-light-color-scheme-solid-success-color: white; +$badge-light-color-scheme-solid-warning-border: #D6930D; +$badge-light-color-scheme-solid-warning-background: #D6930D; +$badge-light-color-scheme-solid-warning-color: white; +$badge-light-color-scheme-solid-error-border: #E04D36; +$badge-light-color-scheme-solid-error-background: #E04D36; +$badge-light-color-scheme-solid-error-color: white; +$badge-light-color-scheme-solid-transparent-border: #CCCCCC; +$badge-light-color-scheme-solid-transparent-color: #4D4D4D; +$badge-light-color-scheme-solid-transparent-background: transparent; +$badge-light-color-scheme-solid-light-border: #E6E6E6; +$badge-light-color-scheme-solid-light-background: #E6E6E6; +$badge-light-color-scheme-solid-light-color: #4D4D4D; +$badge-light-color-scheme-solid-second-border: #666666; +$badge-light-color-scheme-solid-second-background: #666666; +$badge-light-color-scheme-solid-second-color: white; +$badge-light-color-scheme-pastel-primary-background: #F5FAFD; +$badge-light-color-scheme-pastel-primary-border: #AAD1EC; +$badge-light-color-scheme-pastel-primary-color: #338FCC; +$badge-light-color-scheme-pastel-info-background: #F5FAFD; +$badge-light-color-scheme-pastel-info-border: #AAD1EC; +$badge-light-color-scheme-pastel-info-color: #338FCC; +$badge-light-color-scheme-pastel-success-background: #F6FBF4; +$badge-light-color-scheme-pastel-success-border: #B4DEA4; +$badge-light-color-scheme-pastel-success-color: #449327; +$badge-light-color-scheme-pastel-warning-background: #FDFAF3; +$badge-light-color-scheme-pastel-warning-border: #F0D49B; +$badge-light-color-scheme-pastel-warning-color: #BB800A; +$badge-light-color-scheme-pastel-error-background: #FEF7F6; +$badge-light-color-scheme-pastel-error-border: #F4B7AE; +$badge-light-color-scheme-pastel-error-color: #E04D36; +$badge-dark-color-scheme-pastel-primary-background: rgba(0, 153, 255, 0.15); +$badge-dark-color-scheme-pastel-primary-color: #D8EAF7; +$badge-dark-color-scheme-pastel-primary-border: #114E77; +$badge-dark-color-scheme-pastel-info-background: #D8EAF7; +$badge-dark-color-scheme-pastel-info-color: #D8EAF7; +$badge-dark-color-scheme-pastel-info-border: rgba(0, 153, 255, 0.15); +$badge-dark-color-scheme-pastel-success-border: #276211; +$badge-dark-color-scheme-pastel-success-background: rgba(68, 255, 0, 0.15); +$badge-dark-color-scheme-pastel-success-color: #DCF1D4; +$badge-dark-color-scheme-pastel-warning-border: #7D5504; +$badge-dark-color-scheme-pastel-warning-background: rgba(255, 170, 0, 0.15); +$badge-dark-color-scheme-pastel-warning-color: #F8EBD1; +$badge-dark-color-scheme-pastel-error-border: #832112; +$badge-dark-color-scheme-pastel-error-background: rgba(224, 79, 56, 0.15); +$badge-dark-color-scheme-pastel-error-color: #FADEDA; +$badge-dark-color-scheme-solid-primary-background: #114E77; +$badge-dark-color-scheme-solid-primary-color: white; +$badge-dark-color-scheme-solid-primary-border: #114E77; +$badge-dark-color-scheme-solid-info-border: #07314D; +$badge-dark-color-scheme-solid-info-background: #07314D; +$badge-dark-color-scheme-solid-info-color: white; +$badge-dark-color-scheme-solid-success-border: #276211; +$badge-dark-color-scheme-solid-success-background: #276211; +$badge-dark-color-scheme-solid-success-color: white; +$badge-dark-color-scheme-solid-warning-border: #7D5504; +$badge-dark-color-scheme-solid-warning-background: #7D5504; +$badge-dark-color-scheme-solid-warning-color: white; +$badge-dark-color-scheme-solid-error-border: #832112; +$badge-dark-color-scheme-solid-error-background: #832112; +$badge-dark-color-scheme-solid-error-color: white; +$badge-dark-color-scheme-solid-transparent-border: #808080; +$badge-dark-color-scheme-solid-transparent-color: #F5F5F5; +$badge-dark-color-scheme-solid-transparent-background: transparent; +$badge-dark-color-scheme-solid-light-border: #999999; +$badge-dark-color-scheme-solid-light-background: #999999; +$badge-dark-color-scheme-solid-light-color: white; +$badge-dark-color-scheme-solid-second-border: #4D4D4D; +$badge-dark-color-scheme-solid-second-background: #4D4D4D; +$badge-dark-color-scheme-solid-second-color: white; +$badge-size-default-height: 24px; +$badge-size-default-min-width: 10px; +$badge-size-default-padding: 0 8px; +$badge-size-default-border-width: 1px; +$badge-size-default-border-radius: 4px; +$badge-size-mini-height: 16px; +$badge-size-mini-min-width: 10px; +$badge-size-mini-border-width: 1px; +$badge-size-mini-border-radius: 2px; +$badge-size-mini-padding: 0 4px; +$badge-font-default-default: caption; +$badge-font-default-caps: caption-caps; +$badge-font-default-mono: caption-mono; +$badge-font-mini-default: extra-small-text; +$badge-font-mini-caps: extra-small-text-caps; +$badge-font-mini-mono: extra-small-text-mono; +$button-toggle-size-border-size: 1px; +$button-toggle-size-border-radius: 3px; +$button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2); +$button-light-color-scheme-primary-color: white; +$button-light-color-scheme-primary-border: #277BB3; +$button-light-color-scheme-primary-background: #338FCC; +$button-light-color-scheme-primary-icon: white; +$button-light-color-scheme-primary-states-active-border: darken(#277BB3, 5); +$button-light-color-scheme-primary-states-active-background: darken(#338FCC, 5); +$button-light-color-scheme-primary-transparent-color: #338FCC; +$button-light-color-scheme-primary-transparent-icon: #338FCC; +$button-light-color-scheme-primary-transparent-states-hover-color: #206EA2; +$button-light-color-scheme-primary-transparent-states-hover-icon: #206EA2; +$button-light-color-scheme-primary-transparent-states-active-color: #114E77; +$button-light-color-scheme-primary-transparent-states-active-icon: #114E77; +$button-light-color-scheme-second-border: #B3B3B3; +$button-light-color-scheme-second-background: #F0F0F0; +$button-light-color-scheme-second-color: #4D4D4D; +$button-light-color-scheme-second-icon: #999999; +$button-light-color-scheme-second-states-active-border: darken(#B3B3B3, 5); +$button-light-color-scheme-second-states-active-background: darken(#F0F0F0, 5); +$button-light-color-scheme-error-border: #B3B3B3; +$button-light-color-scheme-error-background: #F0F0F0; +$button-light-color-scheme-error-color: #E76E5C; +$button-light-color-scheme-error-icon: #E76E5C; +$button-light-color-scheme-error-states-active-border: darken(#B3B3B3, 5); +$button-light-color-scheme-error-states-active-background: darken(#F0F0F0, 5); +$button-dark-color-scheme-active-shadow: inset 1px 2px 2px 0 rgba(black, 0.2); +$button-dark-color-scheme-primary-color: white; +$button-dark-color-scheme-primary-border: #277BB3; +$button-dark-color-scheme-primary-background: #338FCC; +$button-dark-color-scheme-primary-icon: white; +$button-dark-color-scheme-primary-states-active-border: darken(#277BB3, 5); +$button-dark-color-scheme-primary-states-active-background: darken(#57A4D7, 5); +$button-dark-color-scheme-primary-transparent-color: #338FCC; +$button-dark-color-scheme-primary-transparent-icon: #338FCC; +$button-dark-color-scheme-primary-transparent-states-hover-color: #206EA2; +$button-dark-color-scheme-primary-transparent-states-hover-icon: #206EA2; +$button-dark-color-scheme-primary-transparent-states-active-color: #114E77; +$button-dark-color-scheme-primary-transparent-states-active-icon: #114E77; +$button-dark-color-scheme-second-border: #808080; +$button-dark-color-scheme-second-background: #666666; +$button-dark-color-scheme-second-color: #F0F0F0; +$button-dark-color-scheme-second-icon: #999999; +$button-dark-color-scheme-second-states-active-border: darken(#808080, 5); +$button-dark-color-scheme-second-states-active-background: darken(#666666, 5); +$button-dark-color-scheme-error-border: #808080; +$button-dark-color-scheme-error-background: #666666; +$button-dark-color-scheme-error-color: #E76E5C; +$button-dark-color-scheme-error-icon: #E76E5C; +$button-dark-color-scheme-error-states-active-border: darken(#808080, 5); +$button-dark-color-scheme-error-states-active-background: darken(#666666, 5); +$button-size-border-width: 1px; +$button-size-border-radius: 3px; +$button-size-vertical-padding: 6px; +$button-size-horizontal-padding: 16px; +$button-font-default: body; +$button-font-primary: body-strong; +$button-font-primary-transparent: body; +$icon-button-size-vertical-padding: 6px; +$icon-button-size-horizontal-padding: 8px; +$icon-button-size-icon-horizontal-padding: 16px; +$card-light-color-scheme-error-vertical-line: #E76E5C; +$card-light-color-scheme-error-background: #FCEFEC; +$card-light-color-scheme-error-shadow: #E6E6E6; +$card-light-color-scheme-warning-vertical-line: #F0D49B; +$card-light-color-scheme-warning-background: #FCF5E8; +$card-light-color-scheme-warning-shadow: #E6E6E6; +$card-light-color-scheme-success-vertical-line: #B4DEA4; +$card-light-color-scheme-success-background: #EDF8E9; +$card-light-color-scheme-success-shadow: #E6E6E6; +$card-light-color-scheme-info-vertical-line: #AAD1EC; +$card-light-color-scheme-info-background: #EBF4FB; +$card-light-color-scheme-info-shadow: #E6E6E6; +$card-dark-color-scheme-error-vertical-line: #E76E5C; +$card-dark-color-scheme-error-background: #832112; +$card-dark-color-scheme-error-shadow: #4D4D4D; +$card-dark-color-scheme-warning-vertical-line: #DFA739; +$card-dark-color-scheme-warning-background: #7D5504; +$card-dark-color-scheme-warning-shadow: #4D4D4D; +$card-dark-color-scheme-success-vertical-line: #6FBA53; +$card-dark-color-scheme-success-background: #276211; +$card-dark-color-scheme-success-shadow: #4D4D4D; +$card-dark-color-scheme-info-vertical-line: #57A4D7; +$card-dark-color-scheme-info-background: #114E77; +$card-dark-color-scheme-info-shadow: #4D4D4D; +$card-size-vertical-line: 4px; +$checkbox-light-color-scheme-border: #B3B3B3; +$checkbox-light-color-scheme-states-checked-border: #206EA2; +$checkbox-light-color-scheme-states-checked-background: #338FCC; +$checkbox-light-color-scheme-states-focused-border: #206EA2; +$checkbox-light-color-scheme-states-focused-shadow: 0 0 0 1px #206EA2; +$checkbox-dark-color-scheme-border: #999999; +$checkbox-dark-color-scheme-states-checked-border: #57A4D7; +$checkbox-dark-color-scheme-states-checked-background: #206EA2; +$checkbox-dark-color-scheme-states-focused-border: #57A4D7; +$checkbox-dark-color-scheme-states-focused-shadow: 0 0 0 1px #57A4D7; +$checkbox-size-width: 16px; +$checkbox-size-label-margin: 8px; +$checkbox-size-border-width: 1px; +$checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); +$checkbox-font-default: body; +$datepicker-toggle-size-width: 30px; +$datepicker-toggle-size-height: 30px; +$datepicker-body-light-color-scheme-states-selected-color: #338FCC; +$datepicker-body-light-color-scheme-states-selected-background: #D8EAF7; +$datepicker-body-dark-color-scheme-states-selected-color: #338FCC; +$datepicker-body-dark-color-scheme-states-selected-background: #114E77; +$datepicker-body-size-label-paddings: 8px 28px 12px 12px; +$datepicker-body-size-cell-min-size: 32px; +$datepicker-body-size-cell-margin: 5%; +$datepicker-body-size-cell-padding: 8px; +$datepicker-body-size-cell-border-width: 1px; +$datepicker-body-font-label: body-strong; +$datepicker-body-font-today: body-strong; +$datepicker-calendar-size-padding-top: 16px; +$datepicker-calendar-size-padding-horizontal: 8px; +$datepicker-calendar-size-padding-bottom: 8px; +$datepicker-calendar-size-padding-blocks: 12px; +$datepicker-calendar-size-divider-width: 1px; +$datepicker-calendar-size-icon-border-width: 2px; +$datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg); +$datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg); +$datepicker-calendar-font-default: body; +$datepicker-calendar-font-header: caption; +$datepicker-input-size-width: 130px; +$divider-size-width: 1px; +$divider-size-inset-margin: 80px; +$description-list-light-color-scheme-dt: #999999; +$description-list-light-color-scheme-dd: #4D4D4D; +$description-list-dark-color-scheme-dt: #999999; +$description-list-dark-color-scheme-dd: #F0F0F0; +$description-list-size-grid-template-columns: repeat(4, 1fr); +$description-list-size-dt-grid-column: 1; +$description-list-size-dd-grid-column: 2 / span 3; +$description-list-size-horizontal-column-gap: 16px; +$description-list-size-horizontal-row-gap: 12px; +$description-list-size-vertical-column-gap: 0; +$description-list-size-vertical-row-gap: 2px; +$description-list-size-vertical-dd-margin-bottom: 16px; +$description-list-font-horizontal-dt: body; +$description-list-font-horizontal-dd: body; +$description-list-font-vertical-dt: caption; +$description-list-font-vertical-dd: body; +$dropdown-item-size-padding: 5px 15px; +$dropdown-item-size-icon-padding: 0 8px 2px 0; +$dropdown-item-font-default: body; +$dropdown-item-font-caption: caption; +$dropdown-group-header-size-default-padding: 6px 15px; +$dropdown-group-header-size-small-padding: 8px 15px; +$dropdown-group-header-font-default: body-strong; +$dropdown-group-header-font-small: caption-caps; +$dropdown-divider-size-height: 1px; +$dropdown-divider-size-margin: 4px 0; +$dropdown-trigger-size-icon-padding-right: 8px; +$dropdown-panel-size-max-width: 640px; +$dropdown-panel-size-padding: 4px 0; +$dropdown-panel-size-border-width: 1px; +$dropdown-panel-size-border-radius: 3px; +$form-field-light-color-scheme-border: #B3B3B3; +$form-field-light-color-scheme-background: white; +$form-field-light-color-scheme-states-hover-border: #999999; +$form-field-light-color-scheme-states-invalid-border: #E76E5C; +$form-field-light-color-scheme-states-invalid-background: transparent; +$form-field-dark-color-scheme-border: #999999; +$form-field-dark-color-scheme-background: #333333; +$form-field-dark-color-scheme-states-hover-border: #CCCCCC; +$form-field-dark-color-scheme-states-invalid-border: #E76E5C; +$form-field-dark-color-scheme-states-invalid-background: transparent; +$form-field-size-border-width: 1px; +$form-field-size-border-radius: 3px; +$form-field-size-button-width: 32px; +$form-field-font-default: body; +$form-field-hint-size-margin-top: 4px; +$form-field-hint-font-default: caption; +$form-field-password-hint-light-color-scheme-text-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-icon-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #E04D36; +$form-field-password-hint-light-color-scheme-states-invalid-text-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-states-valid-text-color: #449327; +$form-field-password-hint-light-color-scheme-states-valid-icon-color: #449327; +$form-field-password-hint-dark-color-scheme-text-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-icon-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #E76E5C; +$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-states-valid-text-color: #6FBA53; +$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #6FBA53; +$form-field-password-hint-size-margin-top: 8px; +$form-field-password-hint-size-icon-margin: 4px; +$form-field-password-hint-font-default: caption; +$forms-light-color-scheme-label: #999999; +$forms-light-color-scheme-legend: #4D4D4D; +$forms-dark-color-scheme-label: #999999; +$forms-dark-color-scheme-legend: #F0F0F0; +$forms-size-horizontal-row-margin-bottom: 20px; +$forms-size-horizontal-label-padding-top: 6px; +$forms-size-horizontal-label-padding-bottom: 0; +$forms-size-horizontal-control-padding-left: 16px; +$forms-size-horizontal-legend-margin-top: 32px; +$forms-size-horizontal-legend-margin-bottom: 16px; +$forms-size-vertical-row-margin-bottom: 16px; +$forms-size-vertical-label-padding-top: 0; +$forms-size-vertical-label-padding-bottom: 4px; +$forms-size-vertical-control-padding-left: 24px; +$forms-size-vertical-legend-margin-top: 32px; +$forms-size-vertical-legend-margin-bottom: 12px; +$forms-font-default-label: body; +$forms-font-default-legend: subheading; +$input-size-padding: 5px 16px; +$input-size-width: 100%; +$input-size-min-height: 30px; +$input-font-default: body; +$input-font-monospace: body-mono; +$link-light-color-scheme-text: #338FCC; +$link-light-color-scheme-border-bottom: rgba(#338FCC, 0.32); +$link-light-color-scheme-state-visited-text: #6A2795; +$link-light-color-scheme-state-visited-border-bottom: rgba(106, 39, 149, 0.32); +$link-light-color-scheme-state-hover-text: #206EA2; +$link-light-color-scheme-state-hover-border-bottom: rgba(#206EA2, 0.32); +$link-light-color-scheme-state-active: #114E77; +$link-light-color-scheme-state-focused-outline: #338FCC; +$link-dark-color-scheme-text: #57A4D7; +$link-dark-color-scheme-border-bottom: rgba(#57A4D7, 0.32); +$link-dark-color-scheme-state-visited-text: #a23ee2; +$link-dark-color-scheme-state-visited-border-bottom: rgba(162, 62, 226, 0.32); +$link-dark-color-scheme-state-hover-text: #7FBAE1; +$link-dark-color-scheme-state-hover-border-bottom: rgba(#7FBAE1, 0.32); +$link-dark-color-scheme-state-active: #7FBAE1; +$link-dark-color-scheme-state-focused-outline: #57A4D7; +$link-size-icon-margin: 4px; +$link-size-state-focused-outline-offset: 2px; +$link-size-state-focused-outline-width: 2px; +$link-animation-transition: color ease-out 300ms; +$link-animation-state-hover-transition: color 0ms; +$link-font-default: body; +$list-size-horizontal-padding: 16px; +$list-size-icon-padding: 4px; +$list-size-item-height: 32px; +$list-size-icon-width: 24px; +$list-font-item: body; +$modal-light-color-scheme-shadow: (0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5)); +$modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-light-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-light-color-scheme-background-mask: rgba(0, 0, 0, 0.5); +$modal-dark-color-scheme-shadow: (0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5)); +$modal-dark-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-dark-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-dark-color-scheme-background-mask: rgba(0, 0, 0, 0.5); +$modal-size-small: 400px; +$modal-size-normal: 640px; +$modal-size-large: 960px; +$modal-size-top: 48px; +$modal-size-close-width: 56px; +$modal-size-border-radius: 4px; +$modal-size-border-width: 1px; +$modal-header-light-color-scheme-border: #E6E6E6; +$modal-header-dark-color-scheme-border: #666666; +$modal-header-size-border-radius: 4px 4px 0 0; +$modal-header-size-padding: 14px 16px; +$modal-header-font-default: title; +$modal-body-size-max-height: calc(100vh - 260px); +$modal-body-size-padding: 16px 24px 24px; +$modal-body-font-default: body; +$modal-footer-light-color-scheme-border: #E6E6E6; +$modal-footer-dark-color-scheme-border: #666666; +$modal-footer-size-border-radius: 0 0 4px 4px; +$modal-footer-size-padding: 16px 16px; +$modal-confirm-size-padding: 24px; +$navbar-light-color-scheme-background: #114E77; +$navbar-light-color-scheme-divider-background: rgba(255, 255, 255, 0.3); +$navbar-dark-color-scheme-background: #114E77; +$navbar-dark-color-scheme-divider-background: rgba(255, 255, 255, 0.3); +$navbar-size-icon-margin: 6px; +$navbar-font-title: body; +$vertical-navbar-size-states-expanded-width: 240px; +$vertical-navbar-size-states-collapsed-width: 56px; +$vertical-navbar-size-icon-margin: 16px; +$navbar-item-light-color-scheme-text: #D8EAF7; +$navbar-item-light-color-scheme-icon: #D8EAF7; +$navbar-item-light-color-scheme-states-active: rgba(0, 0, 0, 0.1); +$navbar-item-light-color-scheme-states-selected: #4D4D4D; +$navbar-item-light-color-scheme-states-hover: rgba(255, 255, 255, 0.1); +$navbar-item-light-color-scheme-states-progress: #07314D; +$navbar-item-light-color-scheme-states-disabled-opacity: 0.3; +$navbar-item-dark-color-scheme-text: #D8EAF7; +$navbar-item-dark-color-scheme-icon: #D8EAF7; +$navbar-item-dark-color-scheme-states-active: rgba(0, 0, 0, 0.1); +$navbar-item-dark-color-scheme-states-selected: #666666; +$navbar-item-dark-color-scheme-states-hover: rgba(255, 255, 255, 0.1); +$navbar-item-dark-color-scheme-states-progress: #07314D; +$navbar-item-dark-color-scheme-states-disabled-opacity: 0.3; +$navbar-item-size-padding: 16px; +$navbar-item-size-height: 48px; +$navbar-item-size-height-vertical: 56px; +$navbar-brand-size-padding: 12px; +$navbar-brand-size-margin-right: 24px; +$navbar-brand-font-title: title; +$optgroup-size-padding-left: 17px; +$optgroup-font-default: subheading; +$option-size-horizontal-padding: 16px; +$option-size-height: 32px; +$option-size-border-width: 2px; +$option-font-default: body; +$popover-light-color-scheme-background: white; +$popover-light-color-scheme-text: #4D4D4D; +$popover-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popover-light-color-scheme-border: #B3B3B3; +$popover-dark-color-scheme-background: #4D4D4D; +$popover-dark-color-scheme-text: #F0F0F0; +$popover-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popover-dark-color-scheme-border: #4D4D4D; +$popover-size-max-height: 480px; +$popover-size-padding: 16px; +$popover-size-border-radius: 3px; +$popover-size-arrow-size: 12px; +$popover-size-trigger-margin: 9px; +$popover-size-small-width: 200px; +$popover-size-normal-width: 400px; +$popover-size-large-width: 640px; +$popover-font-default: body; +$popover-header-light-color-scheme-border: #E6E6E6; +$popover-header-light-color-scheme-text: #4D4D4D; +$popover-header-light-color-scheme-background: white; +$popover-header-dark-color-scheme-border: transparent; +$popover-header-dark-color-scheme-text: #F0F0F0; +$popover-header-dark-color-scheme-background: #4D4D4D; +$popover-header-size-height: 10px 16px; +$popover-header-size-padding: 10px 16px; +$popover-header-font-default: subheading; +$popover-footer-light-color-scheme-border: #F0F0F0; +$popover-footer-light-color-scheme-background: #F0F0F0; +$popover-footer-dark-color-scheme-border: transparent; +$popover-footer-dark-color-scheme-background: transparent; +$popover-footer-size-margin-top: 8px; +$popover-footer-size-padding: 12px 16px; +$popover-footer-size-height: 56px; +$popover-footer-font-default: body; +$popup-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popup-light-color-scheme-border: #B3B3B3; +$popup-light-color-scheme-divider: #CCCCCC; +$popup-light-color-scheme-background: white; +$popup-light-color-scheme-footer-background: #F0F0F0; +$popup-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popup-dark-color-scheme-border: #999999; +$popup-dark-color-scheme-divider: #666666; +$popup-dark-color-scheme-background: #4D4D4D; +$popup-dark-color-scheme-footer-background: transparent; +$progress-bar-light-color-scheme-background: #F0F0F0; +$progress-bar-dark-color-scheme-background: #666666; +$progress-bar-size-height: 4px; +$progress-spinner-size-size: 16px; +$radio-light-color-scheme-outer-circle-border: #B3B3B3; +$radio-light-color-scheme-inner-circle-border: transparent; +$radio-light-color-scheme-states-checked-outer-circle-border: #338FCC; +$radio-light-color-scheme-states-checked-inner-circle-border: #338FCC; +$radio-light-color-scheme-states-focused-outer-circle-border: #338FCC; +$radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #B3B3B3; +$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px white; +$radio-dark-color-scheme-outer-circle-border: #999999; +$radio-dark-color-scheme-inner-circle-border: transparent; +$radio-dark-color-scheme-states-checked-outer-circle-border: #57A4D7; +$radio-dark-color-scheme-states-checked-inner-circle-border: #206EA2; +$radio-dark-color-scheme-states-focused-outer-circle-border: #57A4D7; +$radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #57A4D7; +$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px #333333; +$radio-size-size: 14px; +$radio-size-label-margin: 8px; +$radio-font-default: body; +$select-size-height: 30px; +$select-size-left-padding: 16px; +$select-size-right-padding: 8px; +$select-size-left-padding-multiple: 8px; +$select-font-default: body; +$select-panel-size-max-height: 232px; +$select-panel-size-max-width: 640px; +$select-panel-size-vertical-padding: 4px; +$select-panel-size-border-width: 1px; +$select-panel-size-border-radius: 3px; +$select-panel-font-default: body; +$sidepanel-light-color-scheme-border: #B3B3B3; +$sidepanel-dark-color-scheme-border: #333333; +$sidepanel-font-default: body; +$sidepanel-header-size-padding: 14px 16px; +$sidepanel-header-size-close-padding: 0 0 0 8px; +$sidepanel-header-font-default: title; +$sidepanel-footer-size-padding: 16px; +$sidepanel-footer-font-default: body; +$table-size-border-width: 1px; +$table-size-row-padding-vertical: 8px; +$table-size-row-padding-horizontal: 16px; +$table-font-header: caption; +$table-font-body: body; +$tabs-light-color-scheme-border: #B3B3B3; +$tabs-light-color-scheme-state-normal-icon: #999999; +$tabs-light-color-scheme-state-normal-text: #4D4D4D; +$tabs-light-color-scheme-state-hover-icon: #4D4D4D; +$tabs-light-color-scheme-state-hover-text: #4D4D4D; +$tabs-light-color-scheme-state-active-marker-color: #338FCC; +$tabs-light-color-scheme-state-empty-icon: #B3B3B3; +$tabs-light-color-scheme-state-empty-text: #B3B3B3; +$tabs-light-color-scheme-state-disabled-icon: #B3B3B3; +$tabs-light-color-scheme-state-disabled-text: #B3B3B3; +$tabs-light-color-scheme-state-disabled-marker-opacity: 0.3; +$tabs-dark-color-scheme-border: #B3B3B3; +$tabs-dark-color-scheme-state-normal-icon: #999999; +$tabs-dark-color-scheme-state-normal-text: #F0F0F0; +$tabs-dark-color-scheme-state-hover-icon: #F0F0F0; +$tabs-dark-color-scheme-state-hover-text: #F0F0F0; +$tabs-dark-color-scheme-state-active-marker-color: #57A4D7; +$tabs-dark-color-scheme-state-empty-icon: #999999; +$tabs-dark-color-scheme-state-empty-text: #999999; +$tabs-dark-color-scheme-state-disabled-icon: #999999; +$tabs-dark-color-scheme-state-disabled-text: #999999; +$tabs-dark-color-scheme-state-disabled-marker-opacity: 0.3; +$tabs-size-height: 40px; +$tabs-size-highlight-height: 4px; +$tabs-size-padding-horizontal: 16px; +$tabs-size-border-width: 1px; +$tabs-size-border-radius: 3px; +$tabs-size-label-icon-margin: 8px; +$tabs-font-default: body; +$vertical-tabs-light-color-scheme-state-normal-background: transparent; +$vertical-tabs-light-color-scheme-state-selected-background: #D8EAF7; +$vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05); +$vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#D8EAF7, $saturation:-22%, $lightness:-5%); +$vertical-tabs-dark-color-scheme-state-normal-background: transparent; +$vertical-tabs-dark-color-scheme-state-selected-background: #114E77; +$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05); +$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#114E77, $lightness:-1%); +$tags-light-color-scheme-primary-background: #D8EAF7; +$tags-light-color-scheme-primary-border: #D8EAF7; +$tags-light-color-scheme-primary-text: #338FCC; +$tags-light-color-scheme-primary-icon: mix(#57A4D7, rgba(black, 0.05)); +$tags-light-color-scheme-primary-states-hover-icon: #206EA2; +$tags-light-color-scheme-primary-states-focused: #338FCC; +$tags-light-color-scheme-primary-states-disabled-text: mix(#338FCC, transparent, 50%); +$tags-light-color-scheme-primary-states-disabled-background: mix(#338FCC, transparent, 10%); +$tags-light-color-scheme-second-background: #E6E6E6; +$tags-light-color-scheme-second-border: #E6E6E6; +$tags-light-color-scheme-second-text: #4D4D4D; +$tags-light-color-scheme-second-icon: mix(#999999, rgba(black, 0.05)); +$tags-light-color-scheme-second-states-hover-icon: #999999; +$tags-light-color-scheme-second-states-focused: #338FCC; +$tags-light-color-scheme-second-states-disabled-text: mix(#B3B3B3, transparent, 50%); +$tags-light-color-scheme-second-states-disabled-background: mix(#B3B3B3, transparent, 10%); +$tags-light-color-scheme-error-background: #FADEDA; +$tags-light-color-scheme-error-border: #FADEDA; +$tags-light-color-scheme-error-text: #E76E5C; +$tags-light-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-light-color-scheme-error-states-hover-icon: #E04D36; +$tags-light-color-scheme-error-states-focused: #E76E5C; +$tags-light-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-light-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-dark-color-scheme-primary-background: #114E77; +$tags-dark-color-scheme-primary-border: #114E77; +$tags-dark-color-scheme-primary-text: #AAD1EC; +$tags-dark-color-scheme-primary-icon: mix(#57A4D7, rgba(black, 0.05)); +$tags-dark-color-scheme-primary-states-hover-icon: #338FCC; +$tags-dark-color-scheme-primary-states-focused: #57A4D7; +$tags-dark-color-scheme-primary-states-disabled-text: mix(#57A4D7, transparent, 50%); +$tags-dark-color-scheme-primary-states-disabled-background: mix(#57A4D7, transparent, 10%); +$tags-dark-color-scheme-second-background: #4D4D4D; +$tags-dark-color-scheme-second-border: #4D4D4D; +$tags-dark-color-scheme-second-text: #CCCCCC; +$tags-dark-color-scheme-second-icon: mix(#999999, rgba(black, 0.05)); +$tags-dark-color-scheme-second-states-hover-icon: #E6E6E6; +$tags-dark-color-scheme-second-states-focused: #57A4D7; +$tags-dark-color-scheme-second-states-disabled-text: mix(#999999, transparent, 50%); +$tags-dark-color-scheme-second-states-disabled-background: mix(#999999, transparent, 10%); +$tags-dark-color-scheme-error-background: #832112; +$tags-dark-color-scheme-error-border: #832112; +$tags-dark-color-scheme-error-text: #F4B7AE; +$tags-dark-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-dark-color-scheme-error-states-hover-icon: #F4B7AE; +$tags-dark-color-scheme-error-states-focused: #E76E5C; +$tags-dark-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-dark-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-size-margin: 2px; +$tags-size-height: 24px; +$tags-size-border-width: 1px; +$tags-size-border-radius: 4px; +$tags-size-icon-padding: 3px; +$tags-size-text-margin: 8px; +$tags-font-default: caption; +$tags-font-mono: caption-mono; +$tags-font-caps: caption-caps; +$tag-list-size-padding: 1px 6px; +$tag-list-size-min-height: 30px; +$tag-input-size-height: 22px; +$tag-input-size-margin: 2px 4px; +$tag-input-font-default: body; +$textarea-size-min-height: 50px; +$textarea-size-padding: 5px 16px; +$textarea-font-default: body; +$textarea-font-mono: body-mono; +$timepicker-size-padding-right: 16px; +$toggle-light-color-scheme-border: #B3B3B3; +$toggle-light-color-scheme-background: linear-gradient(to bottom, #E6E6E6, #F0F0F0); +$toggle-light-color-scheme-circle-border: #B3B3B3; +$toggle-light-color-scheme-circle-background: linear-gradient(to bottom, white, #E6E6E6); +$toggle-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 2px #338FCC; +$toggle-light-color-scheme-primary-checked-border-color: #338FCC; +$toggle-light-color-scheme-primary-checked-background: #338FCC; +$toggle-light-color-scheme-error-checked-border-color: #E76E5C; +$toggle-light-color-scheme-error-checked-background: #E76E5C; +$toggle-dark-color-scheme-border: #808080; +$toggle-dark-color-scheme-background: #333333; +$toggle-dark-color-scheme-circle-border: #808080; +$toggle-dark-color-scheme-circle-background: white; +$toggle-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #333333, 0 0 0 2px #57A4D7; +$toggle-dark-color-scheme-primary-checked-border-color: #57A4D7; +$toggle-dark-color-scheme-primary-checked-background: #57A4D7; +$toggle-dark-color-scheme-error-checked-border-color: #E76E5C; +$toggle-dark-color-scheme-error-checked-background: #E76E5C; +$toggle-size-height: 16px; +$toggle-size-width: 28px; +$toggle-size-border-radius: 9px; +$toggle-size-label-margin: 8px; +$toggle-font-default: body; +$toggle-small-size-height: 14px; +$toggle-small-size-width: 24px; +$toggle-small-size-border-radius: 8px; +$toggle-small-font-default: caption; +$tooltip-light-color-scheme-background: #4D4D4D; +$tooltip-light-color-scheme-text: white; +$tooltip-light-color-scheme-border: transparent; +$tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$tooltip-light-color-scheme-warning-background: #FCF5E8; +$tooltip-light-color-scheme-warning-text: #4D4D4D; +$tooltip-light-color-scheme-warning-border: #F0D49B; +$tooltip-dark-color-scheme-background: #F5F5F5; +$tooltip-dark-color-scheme-text: #4D4D4D; +$tooltip-dark-color-scheme-border: transparent; +$tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$tooltip-dark-color-scheme-warning-background: #FCF5E8; +$tooltip-dark-color-scheme-warning-text: #4D4D4D; +$tooltip-dark-color-scheme-warning-border: #F0D49B; +$tooltip-size-max-width: 300px; +$tooltip-size-border-width: 1px; +$tooltip-size-border-radius: 3px; +$tooltip-size-padding: 8px 16px; +$tooltip-size-arrow-size: 12px; +$tooltip-size-trigger-margin: 9px; +$tooltip-font-default: caption; +$extended-tooltip-light-color-scheme-background: white; +$extended-tooltip-light-color-scheme-text: #4D4D4D; +$extended-tooltip-light-color-scheme-border: #B3B3B3; +$extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$extended-tooltip-dark-color-scheme-background: #4D4D4D; +$extended-tooltip-dark-color-scheme-text: #F0F0F0; +$extended-tooltip-dark-color-scheme-border: #999999; +$extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$extended-tooltip-size-border-radius: 3px; +$extended-tooltip-size-arrow-size: 12px; +$extended-tooltip-size-trigger-margin: 9px; +$extended-tooltip-size-padding: 8px 16px; +$extended-tooltip-size-max-height: 480px; +$extended-tooltip-font-default: caption; +$extended-tooltip-header-light-color-scheme-border: #E6E6E6; +$extended-tooltip-header-light-color-scheme-text: #4D4D4D; +$extended-tooltip-header-light-color-scheme-background: white; +$extended-tooltip-header-dark-color-scheme-border: #F0F0F0; +$extended-tooltip-header-dark-color-scheme-text: #F0F0F0; +$extended-tooltip-header-dark-color-scheme-background: #4D4D4D; +$extended-tooltip-header-size-height: 40px; +$extended-tooltip-header-size-padding: 10px 16px; +$extended-tooltip-header-font-default: subheading; +$tree-size-node-height: 32px; +$tree-size-padding-left: 8px; +$tree-size-padding-right: 16px; +$tree-font-node: body; \ No newline at end of file diff --git a/packages/docs/src/styles/default-theme/css-tokens.css b/packages/docs/src/styles/legacy-2017/default-theme/css-tokens.css similarity index 100% rename from packages/docs/src/styles/default-theme/css-tokens.css rename to packages/docs/src/styles/legacy-2017/default-theme/css-tokens.css diff --git a/packages/docs/src/styles/default-theme/tokens.scss b/packages/docs/src/styles/legacy-2017/default-theme/tokens.scss similarity index 100% rename from packages/docs/src/styles/default-theme/tokens.scss rename to packages/docs/src/styles/legacy-2017/default-theme/tokens.scss diff --git a/packages/docs/src/styles/legacy-2017/default-theme/tokens.ts b/packages/docs/src/styles/legacy-2017/default-theme/tokens.ts new file mode 100644 index 000000000..1364ae823 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/default-theme/tokens.ts @@ -0,0 +1,1050 @@ +/** + * Do not edit directly + */ + +export const LightColorSchemePrimaryDefault = "#338FCC"; +export const LightColorSchemePrimaryPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const LightColorSchemeSecondDefault = "#B3B3B3"; +export const LightColorSchemeSecondPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const LightColorSchemeErrorDefault = "#E76E5C"; +export const LightColorSchemeErrorPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const LightColorSchemeInfoDefault = "#AAD1EC"; +export const LightColorSchemeInfoPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const LightColorSchemeSuccessDefault = "#B4DEA4"; +export const LightColorSchemeSuccessPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const LightColorSchemeWarningDefault = "#F0D49B"; +export const LightColorSchemeWarningPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const LightColorSchemeForegroundText = "#4D4D4D"; +export const LightColorSchemeForegroundTextLessContrast = "#999999"; +export const LightColorSchemeForegroundTextDisabled = "#B3B3B3"; +export const LightColorSchemeForegroundTextError = "#E04D36"; +export const LightColorSchemeForegroundTextSuccess = "#449327"; +export const LightColorSchemeForegroundDivider = "#E6E6E6"; +export const LightColorSchemeForegroundBorder = "#B3B3B3"; +export const LightColorSchemeForegroundIcon = "#999999"; +export const LightColorSchemeBackgroundBackground = "white"; +export const LightColorSchemeBackgroundBackgroundDisabled = "#F0F0F0"; +export const LightColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)"; +export const LightColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"; +export const LightColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.3)"; +export const LightColorSchemeStatesFocusedColor = "#338FCC"; +export const LightColorSchemeStatesSelectedColor = "#D8EAF7"; +export const LightColorSchemeStatesPressedShadow = "inset 0 1px 2px 0 rgba(black, 0.2)"; +export const LightColorSchemeStatesDisabledOpacity = 0.3; +export const DarkColorSchemePrimaryDefault = "#57A4D7"; +export const DarkColorSchemePrimaryPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const DarkColorSchemeSecondDefault = "#999999"; +export const DarkColorSchemeSecondPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const DarkColorSchemeErrorDefault = "#E76E5C"; +export const DarkColorSchemeErrorPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const DarkColorSchemeInfoDefault = "#57A4D7"; +export const DarkColorSchemeInfoPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const DarkColorSchemeSuccessDefault = "#6FBA53"; +export const DarkColorSchemeSuccessPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const DarkColorSchemeWarningDefault = "#DFA739"; +export const DarkColorSchemeWarningPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const DarkColorSchemeForegroundText = "#F0F0F0"; +export const DarkColorSchemeForegroundTextLessContrast = "#999999"; +export const DarkColorSchemeForegroundTextDisabled = "#999999"; +export const DarkColorSchemeForegroundTextError = "#E76E5C"; +export const DarkColorSchemeForegroundTextSuccess = "#6FBA53"; +export const DarkColorSchemeForegroundDivider = "#666666"; +export const DarkColorSchemeForegroundBorder = "#808080"; +export const DarkColorSchemeForegroundIcon = "#999999"; +export const DarkColorSchemeBackgroundBackground = "#333333"; +export const DarkColorSchemeBackgroundBackgroundDisabled = "#666666"; +export const DarkColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)"; +export const DarkColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"; +export const DarkColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.2)"; +export const DarkColorSchemeStatesFocusedColor = "#57A4D7"; +export const DarkColorSchemeStatesSelectedColor = "#114E77"; +export const DarkColorSchemeStatesPressedShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)"; +export const DarkColorSchemeStatesDisabledOpacity = 0.3; +export const FontFamilyBase = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const FontFamilyMonospace = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const Size3xs = "2rem"; +export const SizeXxs = "4rem"; +export const SizeXs = "6rem"; +export const SizeS = "8rem"; +export const SizeM = "12rem"; +export const SizeL = "16rem"; +export const SizeXl = "20rem"; +export const SizeXxl = "24rem"; +export const Size3xl = "32rem"; +export const Size4xl = "40rem"; +export const Size5xl = "48rem"; +export const Size6xl = "56rem"; +export const Size7xl = "64rem"; +export const PaletteBlue40 = "#F5FAFD"; +export const PaletteBlue60 = "#EBF4FB"; +export const PaletteBlue100 = "#D8EAF7"; +export const PaletteBlue200 = "#AAD1EC"; +export const PaletteBlue300 = "#7FBAE1"; +export const PaletteBlue400 = "#57A4D7"; +export const PaletteBlue500 = "#338FCC"; +export const PaletteBlue560 = "#277BB3"; +export const PaletteBlue600 = "#206EA2"; +export const PaletteBlue700 = "#114E77"; +export const PaletteBlue800 = "#07314D"; +export const PaletteBlueA100 = "rgba(0, 153, 255, 0.15)"; +export const PaletteBlueA200 = "rgba(0, 153, 255, 0.3)"; +export const PaletteBlueContrast40 = "#4D4D4D"; +export const PaletteBlueContrast60 = "#4D4D4D"; +export const PaletteBlueContrast100 = "#4D4D4D"; +export const PaletteBlueContrast200 = "#4D4D4D"; +export const PaletteBlueContrast300 = "#4D4D4D"; +export const PaletteBlueContrast400 = "white"; +export const PaletteBlueContrast500 = "white"; +export const PaletteBlueContrast560 = "white"; +export const PaletteBlueContrast600 = "white"; +export const PaletteBlueContrast700 = "white"; +export const PaletteBlueContrast800 = "white"; +export const PaletteBlueContrastA100 = "#4D4D4D"; +export const PaletteBlueContrastA200 = "white"; +export const PaletteGreen40 = "#F6FBF4"; +export const PaletteGreen60 = "#EDF8E9"; +export const PaletteGreen100 = "#DCF1D4"; +export const PaletteGreen200 = "#B4DEA4"; +export const PaletteGreen300 = "#8FCC79"; +export const PaletteGreen400 = "#6FBA53"; +export const PaletteGreen500 = "#52A832"; +export const PaletteGreen560 = "#449327"; +export const PaletteGreen600 = "#3B8520"; +export const PaletteGreen700 = "#276211"; +export const PaletteGreen800 = "#163F07"; +export const PaletteGreenA100 = "rgba(68, 255, 0, 0.15)"; +export const PaletteGreenContrast40 = "#4D4D4D"; +export const PaletteGreenContrast60 = "#4D4D4D"; +export const PaletteGreenContrast100 = "#4D4D4D"; +export const PaletteGreenContrast200 = "#4D4D4D"; +export const PaletteGreenContrast300 = "#4D4D4D"; +export const PaletteGreenContrast400 = "white"; +export const PaletteGreenContrast500 = "white"; +export const PaletteGreenContrast560 = "white"; +export const PaletteGreenContrast600 = "white"; +export const PaletteGreenContrast700 = "white"; +export const PaletteGreenContrast800 = "white"; +export const PaletteGreenContrastA100 = "#4D4D4D"; +export const PaletteRed40 = "#FEF7F6"; +export const PaletteRed60 = "#FCEFEC"; +export const PaletteRed100 = "#FADEDA"; +export const PaletteRed200 = "#F4B7AE"; +export const PaletteRed300 = "#ED9284"; +export const PaletteRed400 = "#E76E5C"; +export const PaletteRed500 = "#E04D36"; +export const PaletteRed560 = "#C43E29"; +export const PaletteRed600 = "#B23522"; +export const PaletteRed700 = "#832112"; +export const PaletteRed800 = "#541208"; +export const PaletteRedA100 = "rgba(224, 79, 56, 0.15)"; +export const PaletteRedContrast40 = "#4D4D4D"; +export const PaletteRedContrast60 = "#4D4D4D"; +export const PaletteRedContrast100 = "#4D4D4D"; +export const PaletteRedContrast200 = "#4D4D4D"; +export const PaletteRedContrast300 = "#4D4D4D"; +export const PaletteRedContrast400 = "white"; +export const PaletteRedContrast500 = "white"; +export const PaletteRedContrast560 = "white"; +export const PaletteRedContrast600 = "white"; +export const PaletteRedContrast700 = "white"; +export const PaletteRedContrast800 = "white"; +export const PaletteRedContrastA100 = "#4D4D4D"; +export const PaletteGrey40 = "#F5F5F5"; +export const PaletteGrey60 = "#F0F0F0"; +export const PaletteGrey100 = "#E6E6E6"; +export const PaletteGrey200 = "#CCCCCC"; +export const PaletteGrey300 = "#B3B3B3"; +export const PaletteGrey400 = "#999999"; +export const PaletteGrey500 = "#808080"; +export const PaletteGrey560 = "#707070"; +export const PaletteGrey600 = "#666666"; +export const PaletteGrey700 = "#4D4D4D"; +export const PaletteGrey800 = "#333333"; +export const PaletteGreyA40 = "rgba(0, 0, 0, 0.04)"; +export const PaletteGreyA60 = "rgba(0, 0, 0, 0.06)"; +export const PaletteGreyA100 = "rgba(0, 0, 0, 0.1)"; +export const PaletteGreyA200 = "rgba(0, 0, 0, 0.2)"; +export const PaletteGreyA300 = "rgba(0, 0, 0, 0.3)"; +export const PaletteGreyA500 = "rgba(0, 0, 0, 0.5)"; +export const PaletteGreyContrast40 = "#4D4D4D"; +export const PaletteGreyContrast60 = "#4D4D4D"; +export const PaletteGreyContrast100 = "#4D4D4D"; +export const PaletteGreyContrast200 = "#4D4D4D"; +export const PaletteGreyContrast300 = "#4D4D4D"; +export const PaletteGreyContrast400 = "white"; +export const PaletteGreyContrast500 = "white"; +export const PaletteGreyContrast560 = "white"; +export const PaletteGreyContrast600 = "white"; +export const PaletteGreyContrast700 = "white"; +export const PaletteGreyContrast800 = "white"; +export const PaletteYellow40 = "#FDFAF3"; +export const PaletteYellow60 = "#FCF5E8"; +export const PaletteYellow100 = "#F8EBD1"; +export const PaletteYellow200 = "#F0D49B"; +export const PaletteYellow300 = "#E7BD68"; +export const PaletteYellow400 = "#DFA739"; +export const PaletteYellow500 = "#D6930D"; +export const PaletteYellow560 = "#BB800A"; +export const PaletteYellow600 = "#AA7408"; +export const PaletteYellow700 = "#7D5504"; +export const PaletteYellow800 = "#503602"; +export const PaletteYellowA100 = "rgba(255, 170, 0, 0.15)"; +export const PaletteYellowContrast40 = "#4D4D4D"; +export const PaletteYellowContrast60 = "#4D4D4D"; +export const PaletteYellowContrast100 = "#4D4D4D"; +export const PaletteYellowContrast200 = "#4D4D4D"; +export const PaletteYellowContrast300 = "#4D4D4D"; +export const PaletteYellowContrast400 = "white"; +export const PaletteYellowContrast500 = "white"; +export const PaletteYellowContrast560 = "white"; +export const PaletteYellowContrast600 = "white"; +export const PaletteYellowContrast700 = "white"; +export const PaletteYellowContrast800 = "white"; +export const PaletteYellowContrastA100 = "#4D4D4D"; +export const ColorBluePalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const ColorGreenPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const ColorRedPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const ColorGreyPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const ColorYellowPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const TypographyDisplay1FontSize = "56px"; +export const TypographyDisplay1LineHeight = "76px"; +export const TypographyDisplay1LetterSpacing = "-0.4px"; +export const TypographyDisplay1FontWeight = "normal"; +export const TypographyDisplay1FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay1TextTransform = "null"; +export const TypographyDisplay1FontFeatureSettings = "null"; +export const TypographyDisplay2FontSize = "45px"; +export const TypographyDisplay2LineHeight = "56px"; +export const TypographyDisplay2LetterSpacing = "normal"; +export const TypographyDisplay2FontWeight = "normal"; +export const TypographyDisplay2FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay2TextTransform = "null"; +export const TypographyDisplay2FontFeatureSettings = "null"; +export const TypographyDisplay3FontSize = "34px"; +export const TypographyDisplay3LineHeight = "44px"; +export const TypographyDisplay3LetterSpacing = "0.25px"; +export const TypographyDisplay3FontWeight = "normal"; +export const TypographyDisplay3FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay3TextTransform = "null"; +export const TypographyDisplay3FontFeatureSettings = "null"; +export const TypographyHeadlineFontSize = "24px"; +export const TypographyHeadlineLineHeight = "32px"; +export const TypographyHeadlineLetterSpacing = "normal"; +export const TypographyHeadlineFontWeight = "normal"; +export const TypographyHeadlineFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyHeadlineTextTransform = "null"; +export const TypographyHeadlineFontFeatureSettings = "null"; +export const TypographyTitleFontSize = "20px"; +export const TypographyTitleLineHeight = "28px"; +export const TypographyTitleLetterSpacing = "0.15px"; +export const TypographyTitleFontWeight = "500"; +export const TypographyTitleFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyTitleTextTransform = "null"; +export const TypographyTitleFontFeatureSettings = "null"; +export const TypographySubheadingFontSize = "15px"; +export const TypographySubheadingLineHeight = "20px"; +export const TypographySubheadingLetterSpacing = "0.15px"; +export const TypographySubheadingFontWeight = "700"; +export const TypographySubheadingFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographySubheadingTextTransform = "null"; +export const TypographySubheadingFontFeatureSettings = "null"; +export const TypographyBodyFontSize = "15px"; +export const TypographyBodyLineHeight = "20px"; +export const TypographyBodyLetterSpacing = "0.15px"; +export const TypographyBodyFontWeight = "normal"; +export const TypographyBodyFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyTextTransform = "null"; +export const TypographyBodyFontFeatureSettings = "null"; +export const TypographyBodyTabularFontSize = "15px"; +export const TypographyBodyTabularLineHeight = "20px"; +export const TypographyBodyTabularLetterSpacing = "0.15px"; +export const TypographyBodyTabularFontWeight = "normal"; +export const TypographyBodyTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyTabularTextTransform = "null"; +export const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on"; +export const TypographyBodyStrongFontSize = "15px"; +export const TypographyBodyStrongLineHeight = "20px"; +export const TypographyBodyStrongLetterSpacing = "-0.009em"; +export const TypographyBodyStrongFontWeight = "500"; +export const TypographyBodyStrongFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyStrongTextTransform = "null"; +export const TypographyBodyStrongFontFeatureSettings = "null"; +export const TypographyBodyCapsFontSize = "15px"; +export const TypographyBodyCapsLineHeight = "20px"; +export const TypographyBodyCapsLetterSpacing = "1.7px"; +export const TypographyBodyCapsFontWeight = "normal"; +export const TypographyBodyCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyCapsTextTransform = "uppercase"; +export const TypographyBodyCapsFontFeatureSettings = "null"; +export const TypographyBodyMonoFontSize = "15px"; +export const TypographyBodyMonoLineHeight = "20px"; +export const TypographyBodyMonoLetterSpacing = "normal"; +export const TypographyBodyMonoFontWeight = "normal"; +export const TypographyBodyMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyBodyMonoTextTransform = "null"; +export const TypographyBodyMonoFontFeatureSettings = "null"; +export const TypographyCaptionFontSize = "13px"; +export const TypographyCaptionLineHeight = "16px"; +export const TypographyCaptionLetterSpacing = "0.25px"; +export const TypographyCaptionFontWeight = "normal"; +export const TypographyCaptionFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionTextTransform = "null"; +export const TypographyCaptionFontFeatureSettings = "null"; +export const TypographyCaptionTabularFontSize = "13px"; +export const TypographyCaptionTabularLineHeight = "16px"; +export const TypographyCaptionTabularLetterSpacing = "0.25px"; +export const TypographyCaptionTabularFontWeight = "normal"; +export const TypographyCaptionTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionTabularTextTransform = "null"; +export const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on"; +export const TypographyCaptionCapsFontSize = "13px"; +export const TypographyCaptionCapsLineHeight = "16px"; +export const TypographyCaptionCapsLetterSpacing = "1.5px"; +export const TypographyCaptionCapsFontWeight = "normal"; +export const TypographyCaptionCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionCapsTextTransform = "uppercase"; +export const TypographyCaptionCapsFontFeatureSettings = "null"; +export const TypographyCaptionMonoFontSize = "13px"; +export const TypographyCaptionMonoLineHeight = "16px"; +export const TypographyCaptionMonoLetterSpacing = "normal"; +export const TypographyCaptionMonoFontWeight = "normal"; +export const TypographyCaptionMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyCaptionMonoTextTransform = "null"; +export const TypographyCaptionMonoFontFeatureSettings = "null"; +export const TypographySmallTextFontSize = "13px"; +export const TypographySmallTextLineHeight = "16px"; +export const TypographySmallTextLetterSpacing = "0.25px"; +export const TypographySmallTextFontWeight = "normal"; +export const TypographySmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographySmallTextTextTransform = "null"; +export const TypographySmallTextFontFeatureSettings = "null"; +export const TypographyExtraSmallTextFontSize = "11px"; +export const TypographyExtraSmallTextLineHeight = "16px"; +export const TypographyExtraSmallTextLetterSpacing = "0.22px"; +export const TypographyExtraSmallTextFontWeight = "normal"; +export const TypographyExtraSmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyExtraSmallTextTextTransform = "null"; +export const TypographyExtraSmallTextFontFeatureSettings = "null"; +export const TypographyExtraSmallTextCapsFontSize = "11px"; +export const TypographyExtraSmallTextCapsLineHeight = "16px"; +export const TypographyExtraSmallTextCapsLetterSpacing = "1px"; +export const TypographyExtraSmallTextCapsFontWeight = "normal"; +export const TypographyExtraSmallTextCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyExtraSmallTextCapsTextTransform = "uppercase"; +export const TypographyExtraSmallTextCapsFontFeatureSettings = "null"; +export const TypographyExtraSmallTextMonoFontSize = "11px"; +export const TypographyExtraSmallTextMonoLineHeight = "16px"; +export const TypographyExtraSmallTextMonoLetterSpacing = "0px"; +export const TypographyExtraSmallTextMonoFontWeight = "normal"; +export const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyExtraSmallTextMonoTextTransform = "null"; +export const TypographyExtraSmallTextMonoFontFeatureSettings = "null"; +export const AlertLightColorSchemeErrorBackground = "#FCEFEC"; +export const AlertLightColorSchemeErrorBorder = "#E76E5C"; +export const AlertLightColorSchemeErrorIcon = "#E76E5C"; +export const AlertLightColorSchemeWarningBackground = "#FCF5E8"; +export const AlertLightColorSchemeWarningBorder = "#F0D49B"; +export const AlertLightColorSchemeWarningIcon = "#DFA739"; +export const AlertLightColorSchemeSuccessBackground = "#EDF8E9"; +export const AlertLightColorSchemeSuccessBorder = "#B4DEA4"; +export const AlertLightColorSchemeSuccessIcon = "#6FBA53"; +export const AlertLightColorSchemeInfoBackground = "#EBF4FB"; +export const AlertLightColorSchemeInfoBorder = "#AAD1EC"; +export const AlertLightColorSchemeInfoIcon = "#57A4D7"; +export const AlertLightColorSchemeDefaultBackground = "#F0F0F0"; +export const AlertLightColorSchemeDefaultBorder = "#B3B3B3"; +export const AlertLightColorSchemeDefaultIcon = "#CCCCCC"; +export const AlertDarkColorSchemeErrorBackground = "#832112"; +export const AlertDarkColorSchemeErrorBorder = "#832112"; +export const AlertDarkColorSchemeErrorIcon = "#E76E5C"; +export const AlertDarkColorSchemeWarningBackground = "#7D5504"; +export const AlertDarkColorSchemeWarningBorder = "#7D5504"; +export const AlertDarkColorSchemeWarningIcon = "#DFA739"; +export const AlertDarkColorSchemeSuccessBackground = "#276211"; +export const AlertDarkColorSchemeSuccessBorder = "#276211"; +export const AlertDarkColorSchemeSuccessIcon = "#6FBA53"; +export const AlertDarkColorSchemeInfoBackground = "#114E77"; +export const AlertDarkColorSchemeInfoBorder = "#114E77"; +export const AlertDarkColorSchemeInfoIcon = "#57A4D7"; +export const AlertDarkColorSchemeDefaultBackground = "#4D4D4D"; +export const AlertDarkColorSchemeDefaultBorder = "#4D4D4D"; +export const AlertDarkColorSchemeDefaultIcon = "#999999"; +export const AlertSizeBorderWidth = "1px"; +export const AlertSizeBorderRadius = "4px"; +export const AlertSizeHorizontalPadding = "16px"; +export const AlertSizeVerticalPadding = "13px"; +export const AlertSizeIconMargin = "8px"; +export const AlertSizeCloseButtonWidth = "16px"; +export const AlertSizeSmallVerticalPadding = "11px"; +export const AlertFontDefaultHeader = "subheading"; +export const AlertFontDefaultBody = "body"; +export const AlertFontSmallHeader = "caption"; +export const AlertFontSmallBody = "caption"; +export const AutocompleteSizePanelPadding = "4px 0"; +export const AutocompleteSizePanelMaxHeight = "256px"; +export const AutocompleteSizePanelBorderRadius = "3px"; +export const BadgeLightColorSchemeSolidPrimaryBackground = "#338FCC"; +export const BadgeLightColorSchemeSolidPrimaryColor = "white"; +export const BadgeLightColorSchemeSolidPrimaryBorder = "#338FCC"; +export const BadgeLightColorSchemeSolidInfoBorder = "#338FCC"; +export const BadgeLightColorSchemeSolidInfoBackground = "#338FCC"; +export const BadgeLightColorSchemeSolidInfoColor = "white"; +export const BadgeLightColorSchemeSolidSuccessBorder = "#52A832"; +export const BadgeLightColorSchemeSolidSuccessBackground = "#52A832"; +export const BadgeLightColorSchemeSolidSuccessColor = "white"; +export const BadgeLightColorSchemeSolidWarningBorder = "#D6930D"; +export const BadgeLightColorSchemeSolidWarningBackground = "#D6930D"; +export const BadgeLightColorSchemeSolidWarningColor = "white"; +export const BadgeLightColorSchemeSolidErrorBorder = "#E04D36"; +export const BadgeLightColorSchemeSolidErrorBackground = "#E04D36"; +export const BadgeLightColorSchemeSolidErrorColor = "white"; +export const BadgeLightColorSchemeSolidTransparentBorder = "#CCCCCC"; +export const BadgeLightColorSchemeSolidTransparentColor = "#4D4D4D"; +export const BadgeLightColorSchemeSolidTransparentBackground = "transparent"; +export const BadgeLightColorSchemeSolidLightBorder = "#E6E6E6"; +export const BadgeLightColorSchemeSolidLightBackground = "#E6E6E6"; +export const BadgeLightColorSchemeSolidLightColor = "#4D4D4D"; +export const BadgeLightColorSchemeSolidSecondBorder = "#666666"; +export const BadgeLightColorSchemeSolidSecondBackground = "#666666"; +export const BadgeLightColorSchemeSolidSecondColor = "white"; +export const BadgeLightColorSchemePastelPrimaryBackground = "#F5FAFD"; +export const BadgeLightColorSchemePastelPrimaryBorder = "#AAD1EC"; +export const BadgeLightColorSchemePastelPrimaryColor = "#338FCC"; +export const BadgeLightColorSchemePastelInfoBackground = "#F5FAFD"; +export const BadgeLightColorSchemePastelInfoBorder = "#AAD1EC"; +export const BadgeLightColorSchemePastelInfoColor = "#338FCC"; +export const BadgeLightColorSchemePastelSuccessBackground = "#F6FBF4"; +export const BadgeLightColorSchemePastelSuccessBorder = "#B4DEA4"; +export const BadgeLightColorSchemePastelSuccessColor = "#449327"; +export const BadgeLightColorSchemePastelWarningBackground = "#FDFAF3"; +export const BadgeLightColorSchemePastelWarningBorder = "#F0D49B"; +export const BadgeLightColorSchemePastelWarningColor = "#BB800A"; +export const BadgeLightColorSchemePastelErrorBackground = "#FEF7F6"; +export const BadgeLightColorSchemePastelErrorBorder = "#F4B7AE"; +export const BadgeLightColorSchemePastelErrorColor = "#E04D36"; +export const BadgeDarkColorSchemePastelPrimaryBackground = "rgba(0, 153, 255, 0.15)"; +export const BadgeDarkColorSchemePastelPrimaryColor = "#D8EAF7"; +export const BadgeDarkColorSchemePastelPrimaryBorder = "#114E77"; +export const BadgeDarkColorSchemePastelInfoBackground = "#D8EAF7"; +export const BadgeDarkColorSchemePastelInfoColor = "#D8EAF7"; +export const BadgeDarkColorSchemePastelInfoBorder = "rgba(0, 153, 255, 0.15)"; +export const BadgeDarkColorSchemePastelSuccessBorder = "#276211"; +export const BadgeDarkColorSchemePastelSuccessBackground = "rgba(68, 255, 0, 0.15)"; +export const BadgeDarkColorSchemePastelSuccessColor = "#DCF1D4"; +export const BadgeDarkColorSchemePastelWarningBorder = "#7D5504"; +export const BadgeDarkColorSchemePastelWarningBackground = "rgba(255, 170, 0, 0.15)"; +export const BadgeDarkColorSchemePastelWarningColor = "#F8EBD1"; +export const BadgeDarkColorSchemePastelErrorBorder = "#832112"; +export const BadgeDarkColorSchemePastelErrorBackground = "rgba(224, 79, 56, 0.15)"; +export const BadgeDarkColorSchemePastelErrorColor = "#FADEDA"; +export const BadgeDarkColorSchemeSolidPrimaryBackground = "#114E77"; +export const BadgeDarkColorSchemeSolidPrimaryColor = "white"; +export const BadgeDarkColorSchemeSolidPrimaryBorder = "#114E77"; +export const BadgeDarkColorSchemeSolidInfoBorder = "#07314D"; +export const BadgeDarkColorSchemeSolidInfoBackground = "#07314D"; +export const BadgeDarkColorSchemeSolidInfoColor = "white"; +export const BadgeDarkColorSchemeSolidSuccessBorder = "#276211"; +export const BadgeDarkColorSchemeSolidSuccessBackground = "#276211"; +export const BadgeDarkColorSchemeSolidSuccessColor = "white"; +export const BadgeDarkColorSchemeSolidWarningBorder = "#7D5504"; +export const BadgeDarkColorSchemeSolidWarningBackground = "#7D5504"; +export const BadgeDarkColorSchemeSolidWarningColor = "white"; +export const BadgeDarkColorSchemeSolidErrorBorder = "#832112"; +export const BadgeDarkColorSchemeSolidErrorBackground = "#832112"; +export const BadgeDarkColorSchemeSolidErrorColor = "white"; +export const BadgeDarkColorSchemeSolidTransparentBorder = "#808080"; +export const BadgeDarkColorSchemeSolidTransparentColor = "#F5F5F5"; +export const BadgeDarkColorSchemeSolidTransparentBackground = "transparent"; +export const BadgeDarkColorSchemeSolidLightBorder = "#999999"; +export const BadgeDarkColorSchemeSolidLightBackground = "#999999"; +export const BadgeDarkColorSchemeSolidLightColor = "white"; +export const BadgeDarkColorSchemeSolidSecondBorder = "#4D4D4D"; +export const BadgeDarkColorSchemeSolidSecondBackground = "#4D4D4D"; +export const BadgeDarkColorSchemeSolidSecondColor = "white"; +export const BadgeSizeDefaultHeight = "24rem"; +export const BadgeSizeDefaultMinWidth = "10px"; +export const BadgeSizeDefaultPadding = "0 8px"; +export const BadgeSizeDefaultBorderWidth = "1px"; +export const BadgeSizeDefaultBorderRadius = "4px"; +export const BadgeSizeMiniHeight = "16rem"; +export const BadgeSizeMiniMinWidth = "10px"; +export const BadgeSizeMiniBorderWidth = "1px"; +export const BadgeSizeMiniBorderRadius = "2px"; +export const BadgeSizeMiniPadding = "0 4px"; +export const BadgeFontDefaultDefault = "caption"; +export const BadgeFontDefaultCaps = "caption-caps"; +export const BadgeFontDefaultMono = "caption-mono"; +export const BadgeFontMiniDefault = "extra-small-text"; +export const BadgeFontMiniCaps = "extra-small-text-caps"; +export const BadgeFontMiniMono = "extra-small-text-mono"; +export const ButtonToggleSizeBorderSize = "1px"; +export const ButtonToggleSizeBorderRadius = "3px"; +export const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)"; +export const ButtonLightColorSchemePrimaryColor = "white"; +export const ButtonLightColorSchemePrimaryBorder = "#277BB3"; +export const ButtonLightColorSchemePrimaryBackground = "#338FCC"; +export const ButtonLightColorSchemePrimaryIcon = "white"; +export const ButtonLightColorSchemePrimaryStatesActiveBorder = "darken(#277BB3, 5)"; +export const ButtonLightColorSchemePrimaryStatesActiveBackground = "darken(#338FCC, 5)"; +export const ButtonLightColorSchemePrimaryTransparentColor = "#338FCC"; +export const ButtonLightColorSchemePrimaryTransparentIcon = "#338FCC"; +export const ButtonLightColorSchemePrimaryTransparentStatesHoverColor = "#206EA2"; +export const ButtonLightColorSchemePrimaryTransparentStatesHoverIcon = "#206EA2"; +export const ButtonLightColorSchemePrimaryTransparentStatesActiveColor = "#114E77"; +export const ButtonLightColorSchemePrimaryTransparentStatesActiveIcon = "#114E77"; +export const ButtonLightColorSchemeSecondBorder = "#B3B3B3"; +export const ButtonLightColorSchemeSecondBackground = "#F0F0F0"; +export const ButtonLightColorSchemeSecondColor = "#4D4D4D"; +export const ButtonLightColorSchemeSecondIcon = "#999999"; +export const ButtonLightColorSchemeSecondStatesActiveBorder = "darken(#B3B3B3, 5)"; +export const ButtonLightColorSchemeSecondStatesActiveBackground = "darken(#F0F0F0, 5)"; +export const ButtonLightColorSchemeErrorBorder = "#B3B3B3"; +export const ButtonLightColorSchemeErrorBackground = "#F0F0F0"; +export const ButtonLightColorSchemeErrorColor = "#E76E5C"; +export const ButtonLightColorSchemeErrorIcon = "#E76E5C"; +export const ButtonLightColorSchemeErrorStatesActiveBorder = "darken(#B3B3B3, 5)"; +export const ButtonLightColorSchemeErrorStatesActiveBackground = "darken(#F0F0F0, 5)"; +export const ButtonDarkColorSchemeActiveShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)"; +export const ButtonDarkColorSchemePrimaryColor = "white"; +export const ButtonDarkColorSchemePrimaryBorder = "#277BB3"; +export const ButtonDarkColorSchemePrimaryBackground = "#338FCC"; +export const ButtonDarkColorSchemePrimaryIcon = "white"; +export const ButtonDarkColorSchemePrimaryStatesActiveBorder = "darken(#277BB3, 5)"; +export const ButtonDarkColorSchemePrimaryStatesActiveBackground = "darken(#57A4D7, 5)"; +export const ButtonDarkColorSchemePrimaryTransparentColor = "#338FCC"; +export const ButtonDarkColorSchemePrimaryTransparentIcon = "#338FCC"; +export const ButtonDarkColorSchemePrimaryTransparentStatesHoverColor = "#206EA2"; +export const ButtonDarkColorSchemePrimaryTransparentStatesHoverIcon = "#206EA2"; +export const ButtonDarkColorSchemePrimaryTransparentStatesActiveColor = "#114E77"; +export const ButtonDarkColorSchemePrimaryTransparentStatesActiveIcon = "#114E77"; +export const ButtonDarkColorSchemeSecondBorder = "#808080"; +export const ButtonDarkColorSchemeSecondBackground = "#666666"; +export const ButtonDarkColorSchemeSecondColor = "#F0F0F0"; +export const ButtonDarkColorSchemeSecondIcon = "#999999"; +export const ButtonDarkColorSchemeSecondStatesActiveBorder = "darken(#808080, 5)"; +export const ButtonDarkColorSchemeSecondStatesActiveBackground = "darken(#666666, 5)"; +export const ButtonDarkColorSchemeErrorBorder = "#808080"; +export const ButtonDarkColorSchemeErrorBackground = "#666666"; +export const ButtonDarkColorSchemeErrorColor = "#E76E5C"; +export const ButtonDarkColorSchemeErrorIcon = "#E76E5C"; +export const ButtonDarkColorSchemeErrorStatesActiveBorder = "darken(#808080, 5)"; +export const ButtonDarkColorSchemeErrorStatesActiveBackground = "darken(#666666, 5)"; +export const ButtonSizeBorderWidth = "1px"; +export const ButtonSizeBorderRadius = "3px"; +export const ButtonSizeVerticalPadding = "6px"; +export const ButtonSizeHorizontalPadding = "16px"; +export const ButtonFontDefault = "body"; +export const ButtonFontPrimary = "body-strong"; +export const ButtonFontPrimaryTransparent = "body"; +export const IconButtonSizeVerticalPadding = "6px"; +export const IconButtonSizeHorizontalPadding = "8px"; +export const IconButtonSizeIconHorizontalPadding = "16px"; +export const CardLightColorSchemeErrorVerticalLine = "#E76E5C"; +export const CardLightColorSchemeErrorBackground = "#FCEFEC"; +export const CardLightColorSchemeErrorShadow = "#E6E6E6"; +export const CardLightColorSchemeWarningVerticalLine = "#F0D49B"; +export const CardLightColorSchemeWarningBackground = "#FCF5E8"; +export const CardLightColorSchemeWarningShadow = "#E6E6E6"; +export const CardLightColorSchemeSuccessVerticalLine = "#B4DEA4"; +export const CardLightColorSchemeSuccessBackground = "#EDF8E9"; +export const CardLightColorSchemeSuccessShadow = "#E6E6E6"; +export const CardLightColorSchemeInfoVerticalLine = "#AAD1EC"; +export const CardLightColorSchemeInfoBackground = "#EBF4FB"; +export const CardLightColorSchemeInfoShadow = "#E6E6E6"; +export const CardDarkColorSchemeErrorVerticalLine = "#E76E5C"; +export const CardDarkColorSchemeErrorBackground = "#832112"; +export const CardDarkColorSchemeErrorShadow = "#4D4D4D"; +export const CardDarkColorSchemeWarningVerticalLine = "#DFA739"; +export const CardDarkColorSchemeWarningBackground = "#7D5504"; +export const CardDarkColorSchemeWarningShadow = "#4D4D4D"; +export const CardDarkColorSchemeSuccessVerticalLine = "#6FBA53"; +export const CardDarkColorSchemeSuccessBackground = "#276211"; +export const CardDarkColorSchemeSuccessShadow = "#4D4D4D"; +export const CardDarkColorSchemeInfoVerticalLine = "#57A4D7"; +export const CardDarkColorSchemeInfoBackground = "#114E77"; +export const CardDarkColorSchemeInfoShadow = "#4D4D4D"; +export const CardSizeVerticalLine = "4px"; +export const CheckboxLightColorSchemeBorder = "#B3B3B3"; +export const CheckboxLightColorSchemeStatesCheckedBorder = "#206EA2"; +export const CheckboxLightColorSchemeStatesCheckedBackground = "#338FCC"; +export const CheckboxLightColorSchemeStatesFocusedBorder = "#206EA2"; +export const CheckboxLightColorSchemeStatesFocusedShadow = "0 0 0 1px #206EA2"; +export const CheckboxDarkColorSchemeBorder = "#999999"; +export const CheckboxDarkColorSchemeStatesCheckedBorder = "#57A4D7"; +export const CheckboxDarkColorSchemeStatesCheckedBackground = "#206EA2"; +export const CheckboxDarkColorSchemeStatesFocusedBorder = "#57A4D7"; +export const CheckboxDarkColorSchemeStatesFocusedShadow = "0 0 0 1px #57A4D7"; +export const CheckboxSizeWidth = "16px"; +export const CheckboxSizeLabelMargin = "8px"; +export const CheckboxSizeBorderWidth = "1px"; +export const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0, 0.2)"; +export const CheckboxFontDefault = "body"; +export const DatepickerToggleSizeWidth = "30px"; +export const DatepickerToggleSizeHeight = "30px"; +export const DatepickerBodyLightColorSchemeStatesSelectedColor = "#338FCC"; +export const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#D8EAF7"; +export const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#338FCC"; +export const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#114E77"; +export const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px"; +export const DatepickerBodySizeCellMinSize = "32px"; +export const DatepickerBodySizeCellMargin = "5%"; +export const DatepickerBodySizeCellPadding = "8px"; +export const DatepickerBodySizeCellBorderWidth = "1px"; +export const DatepickerBodyFontLabel = "body-strong"; +export const DatepickerBodyFontToday = "body-strong"; +export const DatepickerCalendarSizePaddingTop = "16px"; +export const DatepickerCalendarSizePaddingHorizontal = "8px"; +export const DatepickerCalendarSizePaddingBottom = "8px"; +export const DatepickerCalendarSizePaddingBlocks = "12px"; +export const DatepickerCalendarSizeDividerWidth = "1px"; +export const DatepickerCalendarSizeIconBorderWidth = "2px"; +export const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)"; +export const DatepickerCalendarSizeIconNexIconTransform = "translateX(-2px) rotate(45deg)"; +export const DatepickerCalendarFontDefault = "body"; +export const DatepickerCalendarFontHeader = "caption"; +export const DatepickerInputSizeWidth = "130px"; +export const DividerSizeWidth = "1px"; +export const DividerSizeInsetMargin = "80px"; +export const DescriptionListLightColorSchemeDt = "#999999"; +export const DescriptionListLightColorSchemeDd = "#4D4D4D"; +export const DescriptionListDarkColorSchemeDt = "#999999"; +export const DescriptionListDarkColorSchemeDd = "#F0F0F0"; +export const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)"; +export const DescriptionListSizeDtGridColumn = "1"; +export const DescriptionListSizeDdGridColumn = "2 / span 3"; +export const DescriptionListSizeHorizontalColumnGap = "16rem"; +export const DescriptionListSizeHorizontalRowGap = "12rem"; +export const DescriptionListSizeVerticalColumnGap = "0"; +export const DescriptionListSizeVerticalRowGap = "2rem"; +export const DescriptionListSizeVerticalDdMarginBottom = "16rem"; +export const DescriptionListFontHorizontalDt = "body"; +export const DescriptionListFontHorizontalDd = "body"; +export const DescriptionListFontVerticalDt = "caption"; +export const DescriptionListFontVerticalDd = "body"; +export const DropdownItemSizePadding = "5px 15px"; +export const DropdownItemSizeIconPadding = "0 8px 2px 0"; +export const DropdownItemFontDefault = "body"; +export const DropdownItemFontCaption = "caption"; +export const DropdownGroupHeaderSizeDefaultPadding = "6px 15px"; +export const DropdownGroupHeaderSizeSmallPadding = "8px 15px"; +export const DropdownGroupHeaderFontDefault = "body-strong"; +export const DropdownGroupHeaderFontSmall = "caption-caps"; +export const DropdownDividerSizeHeight = "1px"; +export const DropdownDividerSizeMargin = "4px 0"; +export const DropdownTriggerSizeIconPaddingRight = "8px"; +export const DropdownPanelSizeMaxWidth = "640px"; +export const DropdownPanelSizePadding = "4px 0"; +export const DropdownPanelSizeBorderWidth = "1px"; +export const DropdownPanelSizeBorderRadius = "3px"; +export const FormFieldLightColorSchemeBorder = "#B3B3B3"; +export const FormFieldLightColorSchemeBackground = "white"; +export const FormFieldLightColorSchemeStatesHoverBorder = "#999999"; +export const FormFieldLightColorSchemeStatesInvalidBorder = "#E76E5C"; +export const FormFieldLightColorSchemeStatesInvalidBackground = "transparent"; +export const FormFieldDarkColorSchemeBorder = "#999999"; +export const FormFieldDarkColorSchemeBackground = "#333333"; +export const FormFieldDarkColorSchemeStatesHoverBorder = "#CCCCCC"; +export const FormFieldDarkColorSchemeStatesInvalidBorder = "#E76E5C"; +export const FormFieldDarkColorSchemeStatesInvalidBackground = "transparent"; +export const FormFieldSizeBorderWidth = "1px"; +export const FormFieldSizeBorderRadius = "3px"; +export const FormFieldSizeButtonWidth = "32px"; +export const FormFieldFontDefault = "body"; +export const FormFieldHintSizeMarginTop = "4px"; +export const FormFieldHintFontDefault = "caption"; +export const FormFieldPasswordHintLightColorSchemeTextColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeIconColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#E04D36"; +export const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#449327"; +export const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#449327"; +export const FormFieldPasswordHintDarkColorSchemeTextColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeIconColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#E76E5C"; +export const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#6FBA53"; +export const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#6FBA53"; +export const FormFieldPasswordHintSizeMarginTop = "8px"; +export const FormFieldPasswordHintSizeIconMargin = "4px"; +export const FormFieldPasswordHintFontDefault = "caption"; +export const FormsLightColorSchemeLabel = "#999999"; +export const FormsLightColorSchemeLegend = "#4D4D4D"; +export const FormsDarkColorSchemeLabel = "#999999"; +export const FormsDarkColorSchemeLegend = "#F0F0F0"; +export const FormsSizeHorizontalRowMarginBottom = "20px"; +export const FormsSizeHorizontalLabelPaddingTop = "6px"; +export const FormsSizeHorizontalLabelPaddingBottom = "0"; +export const FormsSizeHorizontalControlPaddingLeft = "16px"; +export const FormsSizeHorizontalLegendMarginTop = "32px"; +export const FormsSizeHorizontalLegendMarginBottom = "16px"; +export const FormsSizeVerticalRowMarginBottom = "16px"; +export const FormsSizeVerticalLabelPaddingTop = "0"; +export const FormsSizeVerticalLabelPaddingBottom = "4px"; +export const FormsSizeVerticalControlPaddingLeft = "24px"; +export const FormsSizeVerticalLegendMarginTop = "32px"; +export const FormsSizeVerticalLegendMarginBottom = "12px"; +export const FormsFontDefaultLabel = "body"; +export const FormsFontDefaultLegend = "subheading"; +export const InputSizePadding = "5px 16px"; +export const InputSizeWidth = "100%"; +export const InputSizeMinHeight = "30px"; +export const InputFontDefault = "body"; +export const InputFontMonospace = "body-mono"; +export const LinkLightColorSchemeText = "#338FCC"; +export const LinkLightColorSchemeBorderBottom = "rgba(#338FCC, 0.32)"; +export const LinkLightColorSchemeStateVisitedText = "#6A2795"; +export const LinkLightColorSchemeStateVisitedBorderBottom = "rgba(106, 39, 149, 0.32)"; +export const LinkLightColorSchemeStateHoverText = "#206EA2"; +export const LinkLightColorSchemeStateHoverBorderBottom = "rgba(#206EA2, 0.32)"; +export const LinkLightColorSchemeStateActive = "#114E77"; +export const LinkLightColorSchemeStateFocusedOutline = "#338FCC"; +export const LinkDarkColorSchemeText = "#57A4D7"; +export const LinkDarkColorSchemeBorderBottom = "rgba(#57A4D7, 0.32)"; +export const LinkDarkColorSchemeStateVisitedText = "#a23ee2"; +export const LinkDarkColorSchemeStateVisitedBorderBottom = "rgba(162, 62, 226, 0.32)"; +export const LinkDarkColorSchemeStateHoverText = "#7FBAE1"; +export const LinkDarkColorSchemeStateHoverBorderBottom = "rgba(#7FBAE1, 0.32)"; +export const LinkDarkColorSchemeStateActive = "#7FBAE1"; +export const LinkDarkColorSchemeStateFocusedOutline = "#57A4D7"; +export const LinkSizeIconMargin = "4px"; +export const LinkSizeStateFocusedOutlineOffset = "2px"; +export const LinkSizeStateFocusedOutlineWidth = "2px"; +export const LinkAnimationTransition = "color ease-out 300ms"; +export const LinkAnimationStateHoverTransition = "color 0ms"; +export const LinkFontDefault = "body"; +export const ListSizeHorizontalPadding = "16px"; +export const ListSizeIconPadding = "4px"; +export const ListSizeItemHeight = "32px"; +export const ListSizeIconWidth = "24px"; +export const ListFontItem = "body"; +export const ModalLightColorSchemeShadow = "(0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5))"; +export const ModalLightColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalLightColorSchemeBodyBottomShadow = "0 -2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalLightColorSchemeBackgroundMask = "rgba(0, 0, 0, 0.5)"; +export const ModalDarkColorSchemeShadow = "(0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5))"; +export const ModalDarkColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalDarkColorSchemeBodyBottomShadow = "0 -2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalDarkColorSchemeBackgroundMask = "rgba(0, 0, 0, 0.5)"; +export const ModalSizeSmall = "400px"; +export const ModalSizeNormal = "640px"; +export const ModalSizeLarge = "960px"; +export const ModalSizeTop = "48px"; +export const ModalSizeCloseWidth = "56px"; +export const ModalSizeBorderRadius = "4px"; +export const ModalSizeBorderWidth = "1px"; +export const ModalHeaderLightColorSchemeBorder = "#E6E6E6"; +export const ModalHeaderDarkColorSchemeBorder = "#666666"; +export const ModalHeaderSizeBorderRadius = "4px 4px 0 0"; +export const ModalHeaderSizePadding = "14px 16px"; +export const ModalHeaderFontDefault = "title"; +export const ModalBodySizeMaxHeight = "calc(100vh - 260px)"; +export const ModalBodySizePadding = "16px 24px 24px"; +export const ModalBodyFontDefault = "body"; +export const ModalFooterLightColorSchemeBorder = "#E6E6E6"; +export const ModalFooterDarkColorSchemeBorder = "#666666"; +export const ModalFooterSizeBorderRadius = "0 0 4px 4px"; +export const ModalFooterSizePadding = "16px 16px"; +export const ModalConfirmSizePadding = "24px"; +export const NavbarLightColorSchemeBackground = "#114E77"; +export const NavbarLightColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)"; +export const NavbarDarkColorSchemeBackground = "#114E77"; +export const NavbarDarkColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)"; +export const NavbarSizeIconMargin = "6px"; +export const NavbarFontTitle = "body"; +export const VerticalNavbarSizeStatesExpandedWidth = "240px"; +export const VerticalNavbarSizeStatesCollapsedWidth = "56px"; +export const VerticalNavbarSizeIconMargin = "16px"; +export const NavbarItemLightColorSchemeText = "#D8EAF7"; +export const NavbarItemLightColorSchemeIcon = "#D8EAF7"; +export const NavbarItemLightColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)"; +export const NavbarItemLightColorSchemeStatesSelected = "#4D4D4D"; +export const NavbarItemLightColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)"; +export const NavbarItemLightColorSchemeStatesProgress = "#07314D"; +export const NavbarItemLightColorSchemeStatesDisabledOpacity = 0.3; +export const NavbarItemDarkColorSchemeText = "#D8EAF7"; +export const NavbarItemDarkColorSchemeIcon = "#D8EAF7"; +export const NavbarItemDarkColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)"; +export const NavbarItemDarkColorSchemeStatesSelected = "#666666"; +export const NavbarItemDarkColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)"; +export const NavbarItemDarkColorSchemeStatesProgress = "#07314D"; +export const NavbarItemDarkColorSchemeStatesDisabledOpacity = 0.3; +export const NavbarItemSizePadding = "16px"; +export const NavbarItemSizeHeight = "48px"; +export const NavbarItemSizeHeightVertical = "56px"; +export const NavbarBrandSizePadding = "12px"; +export const NavbarBrandSizeMarginRight = "24px"; +export const NavbarBrandFontTitle = "title"; +export const OptgroupSizePaddingLeft = "17px"; +export const OptgroupFontDefault = "subheading"; +export const OptionSizeHorizontalPadding = "16px"; +export const OptionSizeHeight = "32px"; +export const OptionSizeBorderWidth = "2px"; +export const OptionFontDefault = "body"; +export const PopoverLightColorSchemeBackground = "white"; +export const PopoverLightColorSchemeText = "#4D4D4D"; +export const PopoverLightColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopoverLightColorSchemeBorder = "#B3B3B3"; +export const PopoverDarkColorSchemeBackground = "#4D4D4D"; +export const PopoverDarkColorSchemeText = "#F0F0F0"; +export const PopoverDarkColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopoverDarkColorSchemeBorder = "#4D4D4D"; +export const PopoverSizeMaxHeight = "480px"; +export const PopoverSizePadding = "16px"; +export const PopoverSizeBorderRadius = "3px"; +export const PopoverSizeArrowSize = "12px"; +export const PopoverSizeTriggerMargin = "9px"; +export const PopoverSizeSmallWidth = "200px"; +export const PopoverSizeNormalWidth = "400px"; +export const PopoverSizeLargeWidth = "640px"; +export const PopoverFontDefault = "body"; +export const PopoverHeaderLightColorSchemeBorder = "#E6E6E6"; +export const PopoverHeaderLightColorSchemeText = "#4D4D4D"; +export const PopoverHeaderLightColorSchemeBackground = "white"; +export const PopoverHeaderDarkColorSchemeBorder = "transparent"; +export const PopoverHeaderDarkColorSchemeText = "#F0F0F0"; +export const PopoverHeaderDarkColorSchemeBackground = "#4D4D4D"; +export const PopoverHeaderSizeHeight = "10px 16px"; +export const PopoverHeaderSizePadding = "10px 16px"; +export const PopoverHeaderFontDefault = "subheading"; +export const PopoverFooterLightColorSchemeBorder = "#F0F0F0"; +export const PopoverFooterLightColorSchemeBackground = "#F0F0F0"; +export const PopoverFooterDarkColorSchemeBorder = "transparent"; +export const PopoverFooterDarkColorSchemeBackground = "transparent"; +export const PopoverFooterSizeMarginTop = "8px"; +export const PopoverFooterSizePadding = "12px 16px"; +export const PopoverFooterSizeHeight = "56px"; +export const PopoverFooterFontDefault = "body"; +export const PopupLightColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopupLightColorSchemeBorder = "#B3B3B3"; +export const PopupLightColorSchemeDivider = "#CCCCCC"; +export const PopupLightColorSchemeBackground = "white"; +export const PopupLightColorSchemeFooterBackground = "#F0F0F0"; +export const PopupDarkColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopupDarkColorSchemeBorder = "#999999"; +export const PopupDarkColorSchemeDivider = "#666666"; +export const PopupDarkColorSchemeBackground = "#4D4D4D"; +export const PopupDarkColorSchemeFooterBackground = "transparent"; +export const ProgressBarLightColorSchemeBackground = "#F0F0F0"; +export const ProgressBarDarkColorSchemeBackground = "#666666"; +export const ProgressBarSizeHeight = "4px"; +export const ProgressSpinnerSizeSize = "16px"; +export const RadioLightColorSchemeOuterCircleBorder = "#B3B3B3"; +export const RadioLightColorSchemeInnerCircleBorder = "transparent"; +export const RadioLightColorSchemeStatesCheckedOuterCircleBorder = "#338FCC"; +export const RadioLightColorSchemeStatesCheckedInnerCircleBorder = "#338FCC"; +export const RadioLightColorSchemeStatesFocusedOuterCircleBorder = "#338FCC"; +export const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #B3B3B3"; +export const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px white"; +export const RadioDarkColorSchemeOuterCircleBorder = "#999999"; +export const RadioDarkColorSchemeInnerCircleBorder = "transparent"; +export const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#57A4D7"; +export const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#206EA2"; +export const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#57A4D7"; +export const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #57A4D7"; +export const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px #333333"; +export const RadioSizeSize = "14px"; +export const RadioSizeLabelMargin = "8px"; +export const RadioFontDefault = "body"; +export const SelectSizeHeight = "30px"; +export const SelectSizeLeftPadding = "16px"; +export const SelectSizeRightPadding = "8px"; +export const SelectSizeLeftPaddingMultiple = "8px"; +export const SelectFontDefault = "body"; +export const SelectPanelSizeMaxHeight = "232px"; +export const SelectPanelSizeMaxWidth = "640px"; +export const SelectPanelSizeVerticalPadding = "4px"; +export const SelectPanelSizeBorderWidth = "1px"; +export const SelectPanelSizeBorderRadius = "3px"; +export const SelectPanelFontDefault = "body"; +export const SidepanelLightColorSchemeBorder = "#B3B3B3"; +export const SidepanelDarkColorSchemeBorder = "#333333"; +export const SidepanelFontDefault = "body"; +export const SidepanelHeaderSizePadding = "14px 16px"; +export const SidepanelHeaderSizeClosePadding = "0 0 0 8px"; +export const SidepanelHeaderFontDefault = "title"; +export const SidepanelFooterSizePadding = "16px"; +export const SidepanelFooterFontDefault = "body"; +export const TableSizeBorderWidth = "1px"; +export const TableSizeRowPaddingVertical = "8px"; +export const TableSizeRowPaddingHorizontal = "16px"; +export const TableFontHeader = "caption"; +export const TableFontBody = "body"; +export const TabsLightColorSchemeBorder = "#B3B3B3"; +export const TabsLightColorSchemeStateNormalIcon = "#999999"; +export const TabsLightColorSchemeStateNormalText = "#4D4D4D"; +export const TabsLightColorSchemeStateHoverIcon = "#4D4D4D"; +export const TabsLightColorSchemeStateHoverText = "#4D4D4D"; +export const TabsLightColorSchemeStateActiveMarkerColor = "#338FCC"; +export const TabsLightColorSchemeStateEmptyIcon = "#B3B3B3"; +export const TabsLightColorSchemeStateEmptyText = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledIcon = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledText = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledMarkerOpacity = "0.3"; +export const TabsDarkColorSchemeBorder = "#B3B3B3"; +export const TabsDarkColorSchemeStateNormalIcon = "#999999"; +export const TabsDarkColorSchemeStateNormalText = "#F0F0F0"; +export const TabsDarkColorSchemeStateHoverIcon = "#F0F0F0"; +export const TabsDarkColorSchemeStateHoverText = "#F0F0F0"; +export const TabsDarkColorSchemeStateActiveMarkerColor = "#57A4D7"; +export const TabsDarkColorSchemeStateEmptyIcon = "#999999"; +export const TabsDarkColorSchemeStateEmptyText = "#999999"; +export const TabsDarkColorSchemeStateDisabledIcon = "#999999"; +export const TabsDarkColorSchemeStateDisabledText = "#999999"; +export const TabsDarkColorSchemeStateDisabledMarkerOpacity = "0.3"; +export const TabsSizeHeight = "40px"; +export const TabsSizeHighlightHeight = "4px"; +export const TabsSizePaddingHorizontal = "16px"; +export const TabsSizeBorderWidth = "1px"; +export const TabsSizeBorderRadius = "3px"; +export const TabsSizeLabelIconMargin = "8px"; +export const TabsFontDefault = "body"; +export const VerticalTabsLightColorSchemeStateNormalBackground = "transparent"; +export const VerticalTabsLightColorSchemeStateSelectedBackground = "#D8EAF7"; +export const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)"; +export const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#D8EAF7, $saturation:-22%, $lightness:-5%)"; +export const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent"; +export const VerticalTabsDarkColorSchemeStateSelectedBackground = "#114E77"; +export const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(black, 0.05)"; +export const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#114E77, $lightness:-1%)"; +export const TagsLightColorSchemePrimaryBackground = "#D8EAF7"; +export const TagsLightColorSchemePrimaryBorder = "#D8EAF7"; +export const TagsLightColorSchemePrimaryText = "#338FCC"; +export const TagsLightColorSchemePrimaryIcon = "mix(#57A4D7, rgba(black, 0.05))"; +export const TagsLightColorSchemePrimaryStatesHoverIcon = "#206EA2"; +export const TagsLightColorSchemePrimaryStatesFocused = "#338FCC"; +export const TagsLightColorSchemePrimaryStatesDisabledText = "mix(#338FCC, transparent, 50%)"; +export const TagsLightColorSchemePrimaryStatesDisabledBackground = "mix(#338FCC, transparent, 10%)"; +export const TagsLightColorSchemeSecondBackground = "#E6E6E6"; +export const TagsLightColorSchemeSecondBorder = "#E6E6E6"; +export const TagsLightColorSchemeSecondText = "#4D4D4D"; +export const TagsLightColorSchemeSecondIcon = "mix(#999999, rgba(black, 0.05))"; +export const TagsLightColorSchemeSecondStatesHoverIcon = "#999999"; +export const TagsLightColorSchemeSecondStatesFocused = "#338FCC"; +export const TagsLightColorSchemeSecondStatesDisabledText = "mix(#B3B3B3, transparent, 50%)"; +export const TagsLightColorSchemeSecondStatesDisabledBackground = "mix(#B3B3B3, transparent, 10%)"; +export const TagsLightColorSchemeErrorBackground = "#FADEDA"; +export const TagsLightColorSchemeErrorBorder = "#FADEDA"; +export const TagsLightColorSchemeErrorText = "#E76E5C"; +export const TagsLightColorSchemeErrorIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsLightColorSchemeErrorStatesHoverIcon = "#E04D36"; +export const TagsLightColorSchemeErrorStatesFocused = "#E76E5C"; +export const TagsLightColorSchemeErrorStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsLightColorSchemeErrorStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsDarkColorSchemePrimaryBackground = "#114E77"; +export const TagsDarkColorSchemePrimaryBorder = "#114E77"; +export const TagsDarkColorSchemePrimaryText = "#AAD1EC"; +export const TagsDarkColorSchemePrimaryIcon = "mix(#57A4D7, rgba(black, 0.05))"; +export const TagsDarkColorSchemePrimaryStatesHoverIcon = "#338FCC"; +export const TagsDarkColorSchemePrimaryStatesFocused = "#57A4D7"; +export const TagsDarkColorSchemePrimaryStatesDisabledText = "mix(#57A4D7, transparent, 50%)"; +export const TagsDarkColorSchemePrimaryStatesDisabledBackground = "mix(#57A4D7, transparent, 10%)"; +export const TagsDarkColorSchemeSecondBackground = "#4D4D4D"; +export const TagsDarkColorSchemeSecondBorder = "#4D4D4D"; +export const TagsDarkColorSchemeSecondText = "#CCCCCC"; +export const TagsDarkColorSchemeSecondIcon = "mix(#999999, rgba(black, 0.05))"; +export const TagsDarkColorSchemeSecondStatesHoverIcon = "#E6E6E6"; +export const TagsDarkColorSchemeSecondStatesFocused = "#57A4D7"; +export const TagsDarkColorSchemeSecondStatesDisabledText = "mix(#999999, transparent, 50%)"; +export const TagsDarkColorSchemeSecondStatesDisabledBackground = "mix(#999999, transparent, 10%)"; +export const TagsDarkColorSchemeErrorBackground = "#832112"; +export const TagsDarkColorSchemeErrorBorder = "#832112"; +export const TagsDarkColorSchemeErrorText = "#F4B7AE"; +export const TagsDarkColorSchemeErrorIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsDarkColorSchemeErrorStatesHoverIcon = "#F4B7AE"; +export const TagsDarkColorSchemeErrorStatesFocused = "#E76E5C"; +export const TagsDarkColorSchemeErrorStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsDarkColorSchemeErrorStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsSizeMargin = "2px"; +export const TagsSizeHeight = "24px"; +export const TagsSizeBorderWidth = "1px"; +export const TagsSizeBorderRadius = "4px"; +export const TagsSizeIconPadding = "3px"; +export const TagsSizeTextMargin = "8px"; +export const TagsFontDefault = "caption"; +export const TagsFontMono = "caption-mono"; +export const TagsFontCaps = "caption-caps"; +export const TagListSizePadding = "1px 6px"; +export const TagListSizeMinHeight = "30px"; +export const TagInputSizeHeight = "22px"; +export const TagInputSizeMargin = "2px 4px"; +export const TagInputFontDefault = "body"; +export const TextareaSizeMinHeight = "50px"; +export const TextareaSizePadding = "5px 16px"; +export const TextareaFontDefault = "body"; +export const TextareaFontMono = "body-mono"; +export const TimepickerSizePaddingRight = "16px"; +export const ToggleLightColorSchemeBorder = "#B3B3B3"; +export const ToggleLightColorSchemeBackground = "linear-gradient(to bottom, #E6E6E6, #F0F0F0)"; +export const ToggleLightColorSchemeCircleBorder = "#B3B3B3"; +export const ToggleLightColorSchemeCircleBackground = "linear-gradient(to bottom, white, #E6E6E6)"; +export const ToggleLightColorSchemeStatesFocusedShadow = "inset 0 0 0 1px white, 0 0 0 2px #338FCC"; +export const ToggleLightColorSchemePrimaryCheckedBorderColor = "#338FCC"; +export const ToggleLightColorSchemePrimaryCheckedBackground = "#338FCC"; +export const ToggleLightColorSchemeErrorCheckedBorderColor = "#E76E5C"; +export const ToggleLightColorSchemeErrorCheckedBackground = "#E76E5C"; +export const ToggleDarkColorSchemeBorder = "#808080"; +export const ToggleDarkColorSchemeBackground = "#333333"; +export const ToggleDarkColorSchemeCircleBorder = "#808080"; +export const ToggleDarkColorSchemeCircleBackground = "white"; +export const ToggleDarkColorSchemeStatesFocusedShadow = "inset 0 0 0 1px #333333, 0 0 0 2px #57A4D7"; +export const ToggleDarkColorSchemePrimaryCheckedBorderColor = "#57A4D7"; +export const ToggleDarkColorSchemePrimaryCheckedBackground = "#57A4D7"; +export const ToggleDarkColorSchemeErrorCheckedBorderColor = "#E76E5C"; +export const ToggleDarkColorSchemeErrorCheckedBackground = "#E76E5C"; +export const ToggleSizeHeight = "16px"; +export const ToggleSizeWidth = "28px"; +export const ToggleSizeBorderRadius = "9px"; +export const ToggleSizeLabelMargin = "8px"; +export const ToggleFontDefault = "body"; +export const ToggleSmallSizeHeight = "14px"; +export const ToggleSmallSizeWidth = "24px"; +export const ToggleSmallSizeBorderRadius = "8px"; +export const ToggleSmallFontDefault = "caption"; +export const TooltipLightColorSchemeBackground = "#4D4D4D"; +export const TooltipLightColorSchemeText = "white"; +export const TooltipLightColorSchemeBorder = "transparent"; +export const TooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const TooltipLightColorSchemeWarningBackground = "#FCF5E8"; +export const TooltipLightColorSchemeWarningText = "#4D4D4D"; +export const TooltipLightColorSchemeWarningBorder = "#F0D49B"; +export const TooltipDarkColorSchemeBackground = "#F5F5F5"; +export const TooltipDarkColorSchemeText = "#4D4D4D"; +export const TooltipDarkColorSchemeBorder = "transparent"; +export const TooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const TooltipDarkColorSchemeWarningBackground = "#FCF5E8"; +export const TooltipDarkColorSchemeWarningText = "#4D4D4D"; +export const TooltipDarkColorSchemeWarningBorder = "#F0D49B"; +export const TooltipSizeMaxWidth = "300px"; +export const TooltipSizeBorderWidth = "1px"; +export const TooltipSizeBorderRadius = "3px"; +export const TooltipSizePadding = "8px 16px"; +export const TooltipSizeArrowSize = "12px"; +export const TooltipSizeTriggerMargin = "9px"; +export const TooltipFontDefault = "caption"; +export const ExtendedTooltipLightColorSchemeBackground = "white"; +export const ExtendedTooltipLightColorSchemeText = "#4D4D4D"; +export const ExtendedTooltipLightColorSchemeBorder = "#B3B3B3"; +export const ExtendedTooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const ExtendedTooltipDarkColorSchemeBackground = "#4D4D4D"; +export const ExtendedTooltipDarkColorSchemeText = "#F0F0F0"; +export const ExtendedTooltipDarkColorSchemeBorder = "#999999"; +export const ExtendedTooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const ExtendedTooltipSizeBorderRadius = "3px"; +export const ExtendedTooltipSizeArrowSize = "12px"; +export const ExtendedTooltipSizeTriggerMargin = "9px"; +export const ExtendedTooltipSizePadding = "8px 16px"; +export const ExtendedTooltipSizeMaxHeight = "480px"; +export const ExtendedTooltipFontDefault = "caption"; +export const ExtendedTooltipHeaderLightColorSchemeBorder = "#E6E6E6"; +export const ExtendedTooltipHeaderLightColorSchemeText = "#4D4D4D"; +export const ExtendedTooltipHeaderLightColorSchemeBackground = "white"; +export const ExtendedTooltipHeaderDarkColorSchemeBorder = "#F0F0F0"; +export const ExtendedTooltipHeaderDarkColorSchemeText = "#F0F0F0"; +export const ExtendedTooltipHeaderDarkColorSchemeBackground = "#4D4D4D"; +export const ExtendedTooltipHeaderSizeHeight = "40px"; +export const ExtendedTooltipHeaderSizePadding = "10px 16px"; +export const ExtendedTooltipHeaderFontDefault = "subheading"; +export const TreeSizeNodeHeight = "32px"; +export const TreeSizePaddingLeft = "8px"; +export const TreeSizePaddingRight = "16px"; +export const TreeFontNode = "body"; \ No newline at end of file diff --git a/packages/docs/src/styles/legacy-2017/green-theme/_palette.scss b/packages/docs/src/styles/legacy-2017/green-theme/_palette.scss new file mode 100644 index 000000000..babf7e407 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/green-theme/_palette.scss @@ -0,0 +1,527 @@ +$light-color-scheme-primary-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-second-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$light-color-scheme-error-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-info-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$light-color-scheme-success-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-warning-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-primary-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-second-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$dark-color-scheme-error-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-info-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$dark-color-scheme-success-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-warning-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-blue-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$color-green-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-red-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-grey-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$color-yellow-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); diff --git a/packages/docs/src/styles/legacy-2017/green-theme/_theme.scss b/packages/docs/src/styles/legacy-2017/green-theme/_theme.scss new file mode 100644 index 000000000..a9db4c86e --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/green-theme/_theme.scss @@ -0,0 +1,24 @@ +@import '../../../../../mosaic/core/theming/theming'; +@import './tokens'; + + +$light-primary: mc-palette($light-color-scheme-primary-palette, $light-color-scheme-primary-default); +$light-second: mc-palette($light-color-scheme-second-palette, $light-color-scheme-second-default); +$light-error: mc-palette($light-color-scheme-error-palette, $light-color-scheme-error-default); + +$light-info: mc-palette($light-color-scheme-info-palette, $light-color-scheme-info-default); +$light-success: mc-palette($light-color-scheme-success-palette, $light-color-scheme-success-default); +$light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-scheme-warning-default); + +$legacy-2017-light-green-theme: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); + + +$dark-primary: mc-palette($dark-color-scheme-primary-palette, $dark-color-scheme-primary-default); +$dark-second: mc-palette($dark-color-scheme-second-palette, $dark-color-scheme-second-default); +$dark-error: mc-palette($dark-color-scheme-error-palette, $dark-color-scheme-error-default); + +$dark-info: mc-palette($dark-color-scheme-info-palette, $dark-color-scheme-info-default); +$dark-success: mc-palette($dark-color-scheme-success-palette, $dark-color-scheme-success-default); +$dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme-warning-default); + +$legacy-2017-dark-green-theme: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); diff --git a/packages/docs/src/styles/legacy-2017/green-theme/_typography.scss b/packages/docs/src/styles/legacy-2017/green-theme/_typography.scss new file mode 100644 index 000000000..74c166673 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/green-theme/_typography.scss @@ -0,0 +1,309 @@ +$typography-display-1-font-size: 56px; +$typography-display-1-line-height: 76px; +$typography-display-1-letter-spacing: -0.4px; +$typography-display-1-font-weight: normal; +$typography-display-1-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-1-text-transform: null; +$typography-display-1-font-feature-settings: null; +$typography-display-2-font-size: 45px; +$typography-display-2-line-height: 56px; +$typography-display-2-letter-spacing: normal; +$typography-display-2-font-weight: normal; +$typography-display-2-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-2-text-transform: null; +$typography-display-2-font-feature-settings: null; +$typography-display-3-font-size: 34px; +$typography-display-3-line-height: 44px; +$typography-display-3-letter-spacing: 0.25px; +$typography-display-3-font-weight: normal; +$typography-display-3-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-3-text-transform: null; +$typography-display-3-font-feature-settings: null; +$typography-headline-font-size: 24px; +$typography-headline-line-height: 32px; +$typography-headline-letter-spacing: normal; +$typography-headline-font-weight: normal; +$typography-headline-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-headline-text-transform: null; +$typography-headline-font-feature-settings: null; +$typography-title-font-size: 20px; +$typography-title-line-height: 28px; +$typography-title-letter-spacing: 0.15px; +$typography-title-font-weight: 500; +$typography-title-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-title-text-transform: null; +$typography-title-font-feature-settings: null; +$typography-subheading-font-size: 15px; +$typography-subheading-line-height: 20px; +$typography-subheading-letter-spacing: 0.15px; +$typography-subheading-font-weight: 700; +$typography-subheading-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-subheading-text-transform: null; +$typography-subheading-font-feature-settings: null; +$typography-body-font-size: 15px; +$typography-body-line-height: 20px; +$typography-body-letter-spacing: 0.15px; +$typography-body-font-weight: normal; +$typography-body-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-text-transform: null; +$typography-body-font-feature-settings: null; +$typography-body-tabular-font-size: 15px; +$typography-body-tabular-line-height: 20px; +$typography-body-tabular-letter-spacing: 0.15px; +$typography-body-tabular-font-weight: normal; +$typography-body-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-tabular-text-transform: null; +$typography-body-tabular-font-feature-settings: "tnum" on; +$typography-body-strong-font-size: 15px; +$typography-body-strong-line-height: 20px; +$typography-body-strong-letter-spacing: -0.009em; +$typography-body-strong-font-weight: 500; +$typography-body-strong-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-strong-text-transform: null; +$typography-body-strong-font-feature-settings: null; +$typography-body-caps-font-size: 15px; +$typography-body-caps-line-height: 20px; +$typography-body-caps-letter-spacing: 1.7px; +$typography-body-caps-font-weight: normal; +$typography-body-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-caps-text-transform: uppercase; +$typography-body-caps-font-feature-settings: null; +$typography-body-mono-font-size: 15px; +$typography-body-mono-line-height: 20px; +$typography-body-mono-letter-spacing: normal; +$typography-body-mono-font-weight: normal; +$typography-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-body-mono-text-transform: null; +$typography-body-mono-font-feature-settings: null; +$typography-caption-font-size: 13px; +$typography-caption-line-height: 16px; +$typography-caption-letter-spacing: 0.25px; +$typography-caption-font-weight: normal; +$typography-caption-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-text-transform: null; +$typography-caption-font-feature-settings: null; +$typography-caption-tabular-font-size: 13px; +$typography-caption-tabular-line-height: 16px; +$typography-caption-tabular-letter-spacing: 0.25px; +$typography-caption-tabular-font-weight: normal; +$typography-caption-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-tabular-text-transform: null; +$typography-caption-tabular-font-feature-settings: "tnum" on; +$typography-caption-caps-font-size: 13px; +$typography-caption-caps-line-height: 16px; +$typography-caption-caps-letter-spacing: 1.5px; +$typography-caption-caps-font-weight: normal; +$typography-caption-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-caps-text-transform: uppercase; +$typography-caption-caps-font-feature-settings: null; +$typography-caption-mono-font-size: 13px; +$typography-caption-mono-line-height: 16px; +$typography-caption-mono-letter-spacing: normal; +$typography-caption-mono-font-weight: normal; +$typography-caption-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-caption-mono-text-transform: null; +$typography-caption-mono-font-feature-settings: null; +$typography-small-text-font-size: 13px; +$typography-small-text-line-height: 16px; +$typography-small-text-letter-spacing: 0.25px; +$typography-small-text-font-weight: normal; +$typography-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-small-text-text-transform: null; +$typography-small-text-font-feature-settings: null; +$typography-extra-small-text-font-size: 11px; +$typography-extra-small-text-line-height: 16px; +$typography-extra-small-text-letter-spacing: 0.22px; +$typography-extra-small-text-font-weight: normal; +$typography-extra-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-extra-small-text-text-transform: null; +$typography-extra-small-text-font-feature-settings: null; +$typography-extra-small-text-caps-font-size: 11px; +$typography-extra-small-text-caps-line-height: 16px; +$typography-extra-small-text-caps-letter-spacing: 1px; +$typography-extra-small-text-caps-font-weight: normal; +$typography-extra-small-text-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-extra-small-text-caps-text-transform: uppercase; +$typography-extra-small-text-caps-font-feature-settings: null; +$typography-extra-small-text-mono-font-size: 11px; +$typography-extra-small-text-mono-line-height: 16px; +$typography-extra-small-text-mono-letter-spacing: 0px; +$typography-extra-small-text-mono-font-weight: normal; +$typography-extra-small-text-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-extra-small-text-mono-text-transform: null; +$typography-extra-small-text-mono-font-feature-settings: null; + +$mosaic: ( + 'typography': ( + 'display-1': ( + 'font-size': $typography-display-1-font-size, + 'line-height': $typography-display-1-line-height, + 'letter-spacing': $typography-display-1-letter-spacing, + 'font-weight': $typography-display-1-font-weight, + 'font-family': $typography-display-1-font-family, + 'text-transform': $typography-display-1-text-transform, + 'font-feature-settings': $typography-display-1-font-feature-settings + ), + 'display-2': ( + 'font-size': $typography-display-2-font-size, + 'line-height': $typography-display-2-line-height, + 'letter-spacing': $typography-display-2-letter-spacing, + 'font-weight': $typography-display-2-font-weight, + 'font-family': $typography-display-2-font-family, + 'text-transform': $typography-display-2-text-transform, + 'font-feature-settings': $typography-display-2-font-feature-settings + ), + 'display-3': ( + 'font-size': $typography-display-3-font-size, + 'line-height': $typography-display-3-line-height, + 'letter-spacing': $typography-display-3-letter-spacing, + 'font-weight': $typography-display-3-font-weight, + 'font-family': $typography-display-3-font-family, + 'text-transform': $typography-display-3-text-transform, + 'font-feature-settings': $typography-display-3-font-feature-settings + ), + 'headline': ( + 'font-size': $typography-headline-font-size, + 'line-height': $typography-headline-line-height, + 'letter-spacing': $typography-headline-letter-spacing, + 'font-weight': $typography-headline-font-weight, + 'font-family': $typography-headline-font-family, + 'text-transform': $typography-headline-text-transform, + 'font-feature-settings': $typography-headline-font-feature-settings + ), + 'title': ( + 'font-size': $typography-title-font-size, + 'line-height': $typography-title-line-height, + 'letter-spacing': $typography-title-letter-spacing, + 'font-weight': $typography-title-font-weight, + 'font-family': $typography-title-font-family, + 'text-transform': $typography-title-text-transform, + 'font-feature-settings': $typography-title-font-feature-settings + ), + 'subheading': ( + 'font-size': $typography-subheading-font-size, + 'line-height': $typography-subheading-line-height, + 'letter-spacing': $typography-subheading-letter-spacing, + 'font-weight': $typography-subheading-font-weight, + 'font-family': $typography-subheading-font-family, + 'text-transform': $typography-subheading-text-transform, + 'font-feature-settings': $typography-subheading-font-feature-settings + ), + 'body': ( + 'font-size': $typography-body-font-size, + 'line-height': $typography-body-line-height, + 'letter-spacing': $typography-body-letter-spacing, + 'font-weight': $typography-body-font-weight, + 'font-family': $typography-body-font-family, + 'text-transform': $typography-body-text-transform, + 'font-feature-settings': $typography-body-font-feature-settings + ), + 'body-tabular': ( + 'font-size': $typography-body-tabular-font-size, + 'line-height': $typography-body-tabular-line-height, + 'letter-spacing': $typography-body-tabular-letter-spacing, + 'font-weight': $typography-body-tabular-font-weight, + 'font-family': $typography-body-tabular-font-family, + 'text-transform': $typography-body-tabular-text-transform, + 'font-feature-settings': $typography-body-tabular-font-feature-settings + ), + 'body-strong': ( + 'font-size': $typography-body-strong-font-size, + 'line-height': $typography-body-strong-line-height, + 'letter-spacing': $typography-body-strong-letter-spacing, + 'font-weight': $typography-body-strong-font-weight, + 'font-family': $typography-body-strong-font-family, + 'text-transform': $typography-body-strong-text-transform, + 'font-feature-settings': $typography-body-strong-font-feature-settings + ), + 'body-caps': ( + 'font-size': $typography-body-caps-font-size, + 'line-height': $typography-body-caps-line-height, + 'letter-spacing': $typography-body-caps-letter-spacing, + 'font-weight': $typography-body-caps-font-weight, + 'font-family': $typography-body-caps-font-family, + 'text-transform': $typography-body-caps-text-transform, + 'font-feature-settings': $typography-body-caps-font-feature-settings + ), + 'body-mono': ( + 'font-size': $typography-body-mono-font-size, + 'line-height': $typography-body-mono-line-height, + 'letter-spacing': $typography-body-mono-letter-spacing, + 'font-weight': $typography-body-mono-font-weight, + 'font-family': $typography-body-mono-font-family, + 'text-transform': $typography-body-mono-text-transform, + 'font-feature-settings': $typography-body-mono-font-feature-settings + ), + 'caption': ( + 'font-size': $typography-caption-font-size, + 'line-height': $typography-caption-line-height, + 'letter-spacing': $typography-caption-letter-spacing, + 'font-weight': $typography-caption-font-weight, + 'font-family': $typography-caption-font-family, + 'text-transform': $typography-caption-text-transform, + 'font-feature-settings': $typography-caption-font-feature-settings + ), + 'caption-tabular': ( + 'font-size': $typography-caption-tabular-font-size, + 'line-height': $typography-caption-tabular-line-height, + 'letter-spacing': $typography-caption-tabular-letter-spacing, + 'font-weight': $typography-caption-tabular-font-weight, + 'font-family': $typography-caption-tabular-font-family, + 'text-transform': $typography-caption-tabular-text-transform, + 'font-feature-settings': $typography-caption-tabular-font-feature-settings + ), + 'caption-caps': ( + 'font-size': $typography-caption-caps-font-size, + 'line-height': $typography-caption-caps-line-height, + 'letter-spacing': $typography-caption-caps-letter-spacing, + 'font-weight': $typography-caption-caps-font-weight, + 'font-family': $typography-caption-caps-font-family, + 'text-transform': $typography-caption-caps-text-transform, + 'font-feature-settings': $typography-caption-caps-font-feature-settings + ), + 'caption-mono': ( + 'font-size': $typography-caption-mono-font-size, + 'line-height': $typography-caption-mono-line-height, + 'letter-spacing': $typography-caption-mono-letter-spacing, + 'font-weight': $typography-caption-mono-font-weight, + 'font-family': $typography-caption-mono-font-family, + 'text-transform': $typography-caption-mono-text-transform, + 'font-feature-settings': $typography-caption-mono-font-feature-settings + ), + 'small-text': ( + 'font-size': $typography-small-text-font-size, + 'line-height': $typography-small-text-line-height, + 'letter-spacing': $typography-small-text-letter-spacing, + 'font-weight': $typography-small-text-font-weight, + 'font-family': $typography-small-text-font-family, + 'text-transform': $typography-small-text-text-transform, + 'font-feature-settings': $typography-small-text-font-feature-settings + ), + 'extra-small-text': ( + 'font-size': $typography-extra-small-text-font-size, + 'line-height': $typography-extra-small-text-line-height, + 'letter-spacing': $typography-extra-small-text-letter-spacing, + 'font-weight': $typography-extra-small-text-font-weight, + 'font-family': $typography-extra-small-text-font-family, + 'text-transform': $typography-extra-small-text-text-transform, + 'font-feature-settings': $typography-extra-small-text-font-feature-settings + ), + 'extra-small-text-caps': ( + 'font-size': $typography-extra-small-text-caps-font-size, + 'line-height': $typography-extra-small-text-caps-line-height, + 'letter-spacing': $typography-extra-small-text-caps-letter-spacing, + 'font-weight': $typography-extra-small-text-caps-font-weight, + 'font-family': $typography-extra-small-text-caps-font-family, + 'text-transform': $typography-extra-small-text-caps-text-transform, + 'font-feature-settings': $typography-extra-small-text-caps-font-feature-settings + ), + 'extra-small-text-mono': ( + 'font-size': $typography-extra-small-text-mono-font-size, + 'line-height': $typography-extra-small-text-mono-line-height, + 'letter-spacing': $typography-extra-small-text-mono-letter-spacing, + 'font-weight': $typography-extra-small-text-mono-font-weight, + 'font-family': $typography-extra-small-text-mono-font-family, + 'text-transform': $typography-extra-small-text-mono-text-transform, + 'font-feature-settings': $typography-extra-small-text-mono-font-feature-settings + ) + ) +); diff --git a/packages/docs/src/styles/legacy-2017/green-theme/_variables.scss b/packages/docs/src/styles/legacy-2017/green-theme/_variables.scss new file mode 100644 index 000000000..9f2d867d6 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/green-theme/_variables.scss @@ -0,0 +1,899 @@ + +// Do not edit directly + +$light-color-scheme-primary-default: #52A832; +$light-color-scheme-second-default: #B3B3B3; +$light-color-scheme-error-default: #E76E5C; +$light-color-scheme-info-default: #AAD1EC; +$light-color-scheme-success-default: #B4DEA4; +$light-color-scheme-warning-default: #F0D49B; +$light-color-scheme-foreground-text: #4D4D4D; +$light-color-scheme-foreground-text-less-contrast: #999999; +$light-color-scheme-foreground-text-disabled: #B3B3B3; +$light-color-scheme-foreground-text-error: #E04D36; +$light-color-scheme-foreground-text-success: #449327; +$light-color-scheme-foreground-divider: #E6E6E6; +$light-color-scheme-foreground-border: #B3B3B3; +$light-color-scheme-foreground-icon: #999999; +$light-color-scheme-background-background: white; +$light-color-scheme-background-background-disabled: #F0F0F0; +$light-color-scheme-background-overlay-hover: rgba(black, 0.05); +$light-color-scheme-background-overlay-active: rgba(black, 0.1); +$light-color-scheme-background-overlay-disabled: rgba(white, 0.3); +$light-color-scheme-states-focused-color: #52A832; +$light-color-scheme-states-selected-color: #DCF1D4; +$light-color-scheme-states-pressed-shadow: inset 0 1px 2px 0 rgba(black, 0.2); +$light-color-scheme-states-disabled-opacity: 0.3; +$dark-color-scheme-primary-default: #6FBA53; +$dark-color-scheme-second-default: #999999; +$dark-color-scheme-error-default: #E76E5C; +$dark-color-scheme-info-default: #57A4D7; +$dark-color-scheme-success-default: #6FBA53; +$dark-color-scheme-warning-default: #DFA739; +$dark-color-scheme-foreground-text: #F0F0F0; +$dark-color-scheme-foreground-text-less-contrast: #999999; +$dark-color-scheme-foreground-text-disabled: #999999; +$dark-color-scheme-foreground-text-error: #E76E5C; +$dark-color-scheme-foreground-text-success: #6FBA53; +$dark-color-scheme-foreground-divider: #666666; +$dark-color-scheme-foreground-border: #808080; +$dark-color-scheme-foreground-icon: #999999; +$dark-color-scheme-background-background: #333333; +$dark-color-scheme-background-background-disabled: #666666; +$dark-color-scheme-background-overlay-hover: rgba(black, 0.05); +$dark-color-scheme-background-overlay-active: rgba(black, 0.1); +$dark-color-scheme-background-overlay-disabled: rgba(white, 0.2); +$dark-color-scheme-states-focused-color: #6FBA53; +$dark-color-scheme-states-selected-color: #276211; +$dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2); +$dark-color-scheme-states-disabled-opacity: 0.3; +$font-family-base: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$size-3xs: 2px; +$size-xxs: 4px; +$size-xs: 6px; +$size-s: 8px; +$size-m: 12px; +$size-l: 16px; +$size-xl: 20px; +$size-xxl: 24px; +$size-3xl: 32px; +$size-4xl: 40px; +$size-5xl: 48px; +$size-6xl: 56px; +$size-7xl: 64px; +$palette-blue-40: #F5FAFD; +$palette-blue-60: #EBF4FB; +$palette-blue-100: #D8EAF7; +$palette-blue-200: #AAD1EC; +$palette-blue-300: #7FBAE1; +$palette-blue-400: #57A4D7; +$palette-blue-500: #338FCC; +$palette-blue-560: #277BB3; +$palette-blue-600: #206EA2; +$palette-blue-700: #114E77; +$palette-blue-800: #07314D; +$palette-blue-a100: rgba(0, 153, 255, 0.15); +$palette-blue-a200: rgba(0, 153, 255, 0.3); +$palette-blue-contrast-40: #4D4D4D; +$palette-blue-contrast-60: #4D4D4D; +$palette-blue-contrast-100: #4D4D4D; +$palette-blue-contrast-200: #4D4D4D; +$palette-blue-contrast-300: #4D4D4D; +$palette-blue-contrast-400: white; +$palette-blue-contrast-500: white; +$palette-blue-contrast-560: white; +$palette-blue-contrast-600: white; +$palette-blue-contrast-700: white; +$palette-blue-contrast-800: white; +$palette-blue-contrast-a100: #4D4D4D; +$palette-blue-contrast-a200: white; +$palette-green-40: #F6FBF4; +$palette-green-60: #EDF8E9; +$palette-green-100: #DCF1D4; +$palette-green-200: #B4DEA4; +$palette-green-300: #8FCC79; +$palette-green-400: #6FBA53; +$palette-green-500: #52A832; +$palette-green-560: #449327; +$palette-green-600: #3B8520; +$palette-green-700: #276211; +$palette-green-800: #163F07; +$palette-green-a100: rgba(68, 255, 0, 0.15); +$palette-green-contrast-40: #4D4D4D; +$palette-green-contrast-60: #4D4D4D; +$palette-green-contrast-100: #4D4D4D; +$palette-green-contrast-200: #4D4D4D; +$palette-green-contrast-300: #4D4D4D; +$palette-green-contrast-400: white; +$palette-green-contrast-500: white; +$palette-green-contrast-560: white; +$palette-green-contrast-600: white; +$palette-green-contrast-700: white; +$palette-green-contrast-800: white; +$palette-green-contrast-a100: #4D4D4D; +$palette-red-40: #FEF7F6; +$palette-red-60: #FCEFEC; +$palette-red-100: #FADEDA; +$palette-red-200: #F4B7AE; +$palette-red-300: #ED9284; +$palette-red-400: #E76E5C; +$palette-red-500: #E04D36; +$palette-red-560: #C43E29; +$palette-red-600: #B23522; +$palette-red-700: #832112; +$palette-red-800: #541208; +$palette-red-a100: rgba(224, 79, 56, 0.15); +$palette-red-contrast-40: #4D4D4D; +$palette-red-contrast-60: #4D4D4D; +$palette-red-contrast-100: #4D4D4D; +$palette-red-contrast-200: #4D4D4D; +$palette-red-contrast-300: #4D4D4D; +$palette-red-contrast-400: white; +$palette-red-contrast-500: white; +$palette-red-contrast-560: white; +$palette-red-contrast-600: white; +$palette-red-contrast-700: white; +$palette-red-contrast-800: white; +$palette-red-contrast-a100: #4D4D4D; +$palette-grey-40: #F5F5F5; +$palette-grey-60: #F0F0F0; +$palette-grey-100: #E6E6E6; +$palette-grey-200: #CCCCCC; +$palette-grey-300: #B3B3B3; +$palette-grey-400: #999999; +$palette-grey-500: #808080; +$palette-grey-560: #707070; +$palette-grey-600: #666666; +$palette-grey-700: #4D4D4D; +$palette-grey-800: #333333; +$palette-grey-a40: rgba(0, 0, 0, 0.04); +$palette-grey-a60: rgba(0, 0, 0, 0.06); +$palette-grey-a100: rgba(0, 0, 0, 0.1); +$palette-grey-a200: rgba(0, 0, 0, 0.2); +$palette-grey-a300: rgba(0, 0, 0, 0.3); +$palette-grey-a500: rgba(0, 0, 0, 0.5); +$palette-grey-contrast-40: #4D4D4D; +$palette-grey-contrast-60: #4D4D4D; +$palette-grey-contrast-100: #4D4D4D; +$palette-grey-contrast-200: #4D4D4D; +$palette-grey-contrast-300: #4D4D4D; +$palette-grey-contrast-400: white; +$palette-grey-contrast-500: white; +$palette-grey-contrast-560: white; +$palette-grey-contrast-600: white; +$palette-grey-contrast-700: white; +$palette-grey-contrast-800: white; +$palette-yellow-40: #FDFAF3; +$palette-yellow-60: #FCF5E8; +$palette-yellow-100: #F8EBD1; +$palette-yellow-200: #F0D49B; +$palette-yellow-300: #E7BD68; +$palette-yellow-400: #DFA739; +$palette-yellow-500: #D6930D; +$palette-yellow-560: #BB800A; +$palette-yellow-600: #AA7408; +$palette-yellow-700: #7D5504; +$palette-yellow-800: #503602; +$palette-yellow-a100: rgba(255, 170, 0, 0.15); +$palette-yellow-contrast-40: #4D4D4D; +$palette-yellow-contrast-60: #4D4D4D; +$palette-yellow-contrast-100: #4D4D4D; +$palette-yellow-contrast-200: #4D4D4D; +$palette-yellow-contrast-300: #4D4D4D; +$palette-yellow-contrast-400: white; +$palette-yellow-contrast-500: white; +$palette-yellow-contrast-560: white; +$palette-yellow-contrast-600: white; +$palette-yellow-contrast-700: white; +$palette-yellow-contrast-800: white; +$palette-yellow-contrast-a100: #4D4D4D; +$alert-light-color-scheme-error-background: #FCEFEC; +$alert-light-color-scheme-error-border: #E76E5C; +$alert-light-color-scheme-error-icon: #E76E5C; +$alert-light-color-scheme-warning-background: #FCF5E8; +$alert-light-color-scheme-warning-border: #F0D49B; +$alert-light-color-scheme-warning-icon: #DFA739; +$alert-light-color-scheme-success-background: #EDF8E9; +$alert-light-color-scheme-success-border: #B4DEA4; +$alert-light-color-scheme-success-icon: #6FBA53; +$alert-light-color-scheme-info-background: #EBF4FB; +$alert-light-color-scheme-info-border: #AAD1EC; +$alert-light-color-scheme-info-icon: #57A4D7; +$alert-light-color-scheme-default-background: #F0F0F0; +$alert-light-color-scheme-default-border: #B3B3B3; +$alert-light-color-scheme-default-icon: #CCCCCC; +$alert-dark-color-scheme-error-background: #832112; +$alert-dark-color-scheme-error-border: #832112; +$alert-dark-color-scheme-error-icon: #E76E5C; +$alert-dark-color-scheme-warning-background: #7D5504; +$alert-dark-color-scheme-warning-border: #7D5504; +$alert-dark-color-scheme-warning-icon: #DFA739; +$alert-dark-color-scheme-success-background: #276211; +$alert-dark-color-scheme-success-border: #276211; +$alert-dark-color-scheme-success-icon: #6FBA53; +$alert-dark-color-scheme-info-background: #114E77; +$alert-dark-color-scheme-info-border: #114E77; +$alert-dark-color-scheme-info-icon: #57A4D7; +$alert-dark-color-scheme-default-background: #4D4D4D; +$alert-dark-color-scheme-default-border: #4D4D4D; +$alert-dark-color-scheme-default-icon: #999999; +$alert-size-border-width: 1px; +$alert-size-border-radius: 4px; +$alert-size-horizontal-padding: 16px; +$alert-size-vertical-padding: 13px; +$alert-size-icon-margin: 8px; +$alert-size-close-button-width: 16px; +$alert-size-small-vertical-padding: 11px; +$alert-font-default-header: subheading; +$alert-font-default-body: body; +$alert-font-small-header: caption; +$alert-font-small-body: caption; +$autocomplete-size-panel-padding: 4px 0; +$autocomplete-size-panel-max-height: 256px; +$autocomplete-size-panel-border-radius: 3px; +$badge-light-color-scheme-solid-primary-background: #52A832; +$badge-light-color-scheme-solid-primary-color: white; +$badge-light-color-scheme-solid-primary-border: #52A832; +$badge-light-color-scheme-solid-info-border: #52A832; +$badge-light-color-scheme-solid-info-background: #52A832; +$badge-light-color-scheme-solid-info-color: white; +$badge-light-color-scheme-solid-success-border: #52A832; +$badge-light-color-scheme-solid-success-background: #52A832; +$badge-light-color-scheme-solid-success-color: white; +$badge-light-color-scheme-solid-warning-border: #D6930D; +$badge-light-color-scheme-solid-warning-background: #D6930D; +$badge-light-color-scheme-solid-warning-color: white; +$badge-light-color-scheme-solid-error-border: #E04D36; +$badge-light-color-scheme-solid-error-background: #E04D36; +$badge-light-color-scheme-solid-error-color: white; +$badge-light-color-scheme-solid-transparent-border: #CCCCCC; +$badge-light-color-scheme-solid-transparent-color: #4D4D4D; +$badge-light-color-scheme-solid-transparent-background: transparent; +$badge-light-color-scheme-solid-light-border: #E6E6E6; +$badge-light-color-scheme-solid-light-background: #E6E6E6; +$badge-light-color-scheme-solid-light-color: #4D4D4D; +$badge-light-color-scheme-solid-second-border: #666666; +$badge-light-color-scheme-solid-second-background: #666666; +$badge-light-color-scheme-solid-second-color: white; +$badge-light-color-scheme-pastel-primary-background: #F6FBF4; +$badge-light-color-scheme-pastel-primary-border: #B4DEA4; +$badge-light-color-scheme-pastel-primary-color: #52A832; +$badge-light-color-scheme-pastel-info-background: #F5FAFD; +$badge-light-color-scheme-pastel-info-border: #B4DEA4; +$badge-light-color-scheme-pastel-info-color: #338FCC; +$badge-light-color-scheme-pastel-success-background: #F6FBF4; +$badge-light-color-scheme-pastel-success-border: #B4DEA4; +$badge-light-color-scheme-pastel-success-color: #449327; +$badge-light-color-scheme-pastel-warning-background: #FDFAF3; +$badge-light-color-scheme-pastel-warning-border: #F0D49B; +$badge-light-color-scheme-pastel-warning-color: #BB800A; +$badge-light-color-scheme-pastel-error-background: #FEF7F6; +$badge-light-color-scheme-pastel-error-border: #F4B7AE; +$badge-light-color-scheme-pastel-error-color: #E04D36; +$badge-dark-color-scheme-pastel-primary-background: rgba(68, 255, 0, 0.15); +$badge-dark-color-scheme-pastel-primary-color: #DCF1D4; +$badge-dark-color-scheme-pastel-primary-border: #276211; +$badge-dark-color-scheme-pastel-info-background: #DCF1D4; +$badge-dark-color-scheme-pastel-info-color: #DCF1D4; +$badge-dark-color-scheme-pastel-info-border: rgba(68, 255, 0, 0.15); +$badge-dark-color-scheme-pastel-success-border: #276211; +$badge-dark-color-scheme-pastel-success-background: rgba(68, 255, 0, 0.15); +$badge-dark-color-scheme-pastel-success-color: #DCF1D4; +$badge-dark-color-scheme-pastel-warning-border: #7D5504; +$badge-dark-color-scheme-pastel-warning-background: rgba(255, 170, 0, 0.15); +$badge-dark-color-scheme-pastel-warning-color: #F8EBD1; +$badge-dark-color-scheme-pastel-error-border: #832112; +$badge-dark-color-scheme-pastel-error-background: rgba(224, 79, 56, 0.15); +$badge-dark-color-scheme-pastel-error-color: #FADEDA; +$badge-dark-color-scheme-solid-primary-background: #276211; +$badge-dark-color-scheme-solid-primary-color: white; +$badge-dark-color-scheme-solid-primary-border: #276211; +$badge-dark-color-scheme-solid-info-border: #163F07; +$badge-dark-color-scheme-solid-info-background: #163F07; +$badge-dark-color-scheme-solid-info-color: white; +$badge-dark-color-scheme-solid-success-border: #276211; +$badge-dark-color-scheme-solid-success-background: #276211; +$badge-dark-color-scheme-solid-success-color: white; +$badge-dark-color-scheme-solid-warning-border: #7D5504; +$badge-dark-color-scheme-solid-warning-background: #7D5504; +$badge-dark-color-scheme-solid-warning-color: white; +$badge-dark-color-scheme-solid-error-border: #832112; +$badge-dark-color-scheme-solid-error-background: #832112; +$badge-dark-color-scheme-solid-error-color: white; +$badge-dark-color-scheme-solid-transparent-border: #808080; +$badge-dark-color-scheme-solid-transparent-color: #F5F5F5; +$badge-dark-color-scheme-solid-transparent-background: transparent; +$badge-dark-color-scheme-solid-light-border: #999999; +$badge-dark-color-scheme-solid-light-background: #999999; +$badge-dark-color-scheme-solid-light-color: white; +$badge-dark-color-scheme-solid-second-border: #4D4D4D; +$badge-dark-color-scheme-solid-second-background: #4D4D4D; +$badge-dark-color-scheme-solid-second-color: white; +$badge-size-default-height: 24px; +$badge-size-default-min-width: 10px; +$badge-size-default-padding: 0 8px; +$badge-size-default-border-width: 1px; +$badge-size-default-border-radius: 4px; +$badge-size-mini-height: 16px; +$badge-size-mini-min-width: 10px; +$badge-size-mini-border-width: 1px; +$badge-size-mini-border-radius: 2px; +$badge-size-mini-padding: 0 4px; +$badge-font-default-default: caption; +$badge-font-default-caps: caption-caps; +$badge-font-default-mono: caption-mono; +$badge-font-mini-default: extra-small-text; +$badge-font-mini-caps: extra-small-text-caps; +$badge-font-mini-mono: extra-small-text-mono; +$button-toggle-size-border-size: 1px; +$button-toggle-size-border-radius: 3px; +$button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2); +$button-light-color-scheme-primary-color: white; +$button-light-color-scheme-primary-border: #449327; +$button-light-color-scheme-primary-background: #52A832; +$button-light-color-scheme-primary-icon: white; +$button-light-color-scheme-primary-states-active-border: darken(#449327, 5); +$button-light-color-scheme-primary-states-active-background: darken(#52A832, 5); +$button-light-color-scheme-primary-transparent-color: #52A832; +$button-light-color-scheme-primary-transparent-icon: #52A832; +$button-light-color-scheme-primary-transparent-states-hover-color: #3B8520; +$button-light-color-scheme-primary-transparent-states-hover-icon: #3B8520; +$button-light-color-scheme-primary-transparent-states-active-color: #276211; +$button-light-color-scheme-primary-transparent-states-active-icon: #276211; +$button-light-color-scheme-second-border: #B3B3B3; +$button-light-color-scheme-second-background: #F0F0F0; +$button-light-color-scheme-second-color: #4D4D4D; +$button-light-color-scheme-second-icon: #999999; +$button-light-color-scheme-second-states-active-border: darken(#B3B3B3, 5); +$button-light-color-scheme-second-states-active-background: darken(#F0F0F0, 5); +$button-light-color-scheme-error-border: #B3B3B3; +$button-light-color-scheme-error-background: #F0F0F0; +$button-light-color-scheme-error-color: #E76E5C; +$button-light-color-scheme-error-icon: #E76E5C; +$button-light-color-scheme-error-states-active-border: darken(#B3B3B3, 5); +$button-light-color-scheme-error-states-active-background: darken(#F0F0F0, 5); +$button-dark-color-scheme-active-shadow: inset 1px 2px 2px 0 rgba(black, 0.2); +$button-dark-color-scheme-primary-color: white; +$button-dark-color-scheme-primary-border: #449327; +$button-dark-color-scheme-primary-background: #52A832; +$button-dark-color-scheme-primary-icon: white; +$button-dark-color-scheme-primary-states-active-border: darken(#449327, 5); +$button-dark-color-scheme-primary-states-active-background: darken(#6FBA53, 5); +$button-dark-color-scheme-primary-transparent-color: #52A832; +$button-dark-color-scheme-primary-transparent-icon: #52A832; +$button-dark-color-scheme-primary-transparent-states-hover-color: #3B8520; +$button-dark-color-scheme-primary-transparent-states-hover-icon: #3B8520; +$button-dark-color-scheme-primary-transparent-states-active-color: #276211; +$button-dark-color-scheme-primary-transparent-states-active-icon: #276211; +$button-dark-color-scheme-second-border: #808080; +$button-dark-color-scheme-second-background: #666666; +$button-dark-color-scheme-second-color: #F0F0F0; +$button-dark-color-scheme-second-icon: #999999; +$button-dark-color-scheme-second-states-active-border: darken(#808080, 5); +$button-dark-color-scheme-second-states-active-background: darken(#666666, 5); +$button-dark-color-scheme-error-border: #808080; +$button-dark-color-scheme-error-background: #666666; +$button-dark-color-scheme-error-color: #E76E5C; +$button-dark-color-scheme-error-icon: #E76E5C; +$button-dark-color-scheme-error-states-active-border: darken(#808080, 5); +$button-dark-color-scheme-error-states-active-background: darken(#666666, 5); +$button-size-border-width: 1px; +$button-size-border-radius: 3px; +$button-size-vertical-padding: 6px; +$button-size-horizontal-padding: 16px; +$button-font-default: body; +$button-font-primary: body-strong; +$button-font-primary-transparent: body; +$icon-button-size-vertical-padding: 6px; +$icon-button-size-horizontal-padding: 8px; +$icon-button-size-icon-horizontal-padding: 16px; +$card-light-color-scheme-error-vertical-line: #E76E5C; +$card-light-color-scheme-error-background: #FCEFEC; +$card-light-color-scheme-error-shadow: #E6E6E6; +$card-light-color-scheme-warning-vertical-line: #F0D49B; +$card-light-color-scheme-warning-background: #FCF5E8; +$card-light-color-scheme-warning-shadow: #E6E6E6; +$card-light-color-scheme-success-vertical-line: #B4DEA4; +$card-light-color-scheme-success-background: #EDF8E9; +$card-light-color-scheme-success-shadow: #E6E6E6; +$card-light-color-scheme-info-vertical-line: #AAD1EC; +$card-light-color-scheme-info-background: #EBF4FB; +$card-light-color-scheme-info-shadow: #E6E6E6; +$card-dark-color-scheme-error-vertical-line: #E76E5C; +$card-dark-color-scheme-error-background: #832112; +$card-dark-color-scheme-error-shadow: #4D4D4D; +$card-dark-color-scheme-warning-vertical-line: #DFA739; +$card-dark-color-scheme-warning-background: #7D5504; +$card-dark-color-scheme-warning-shadow: #4D4D4D; +$card-dark-color-scheme-success-vertical-line: #6FBA53; +$card-dark-color-scheme-success-background: #276211; +$card-dark-color-scheme-success-shadow: #4D4D4D; +$card-dark-color-scheme-info-vertical-line: #57A4D7; +$card-dark-color-scheme-info-background: #114E77; +$card-dark-color-scheme-info-shadow: #4D4D4D; +$card-size-vertical-line: 4px; +$checkbox-light-color-scheme-border: #B3B3B3; +$checkbox-light-color-scheme-states-checked-border: #3B8520; +$checkbox-light-color-scheme-states-checked-background: #52A832; +$checkbox-light-color-scheme-states-focused-border: #3B8520; +$checkbox-light-color-scheme-states-focused-shadow: 0 0 0 1px #3B8520; +$checkbox-dark-color-scheme-border: #999999; +$checkbox-dark-color-scheme-states-checked-border: #6FBA53; +$checkbox-dark-color-scheme-states-checked-background: #3B8520; +$checkbox-dark-color-scheme-states-focused-border: #6FBA53; +$checkbox-dark-color-scheme-states-focused-shadow: 0 0 0 1px #6FBA53; +$checkbox-size-width: 16px; +$checkbox-size-label-margin: 8px; +$checkbox-size-border-width: 1px; +$checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); +$checkbox-font-default: body; +$datepicker-toggle-size-width: 30px; +$datepicker-toggle-size-height: 30px; +$datepicker-body-light-color-scheme-states-selected-color: #52A832; +$datepicker-body-light-color-scheme-states-selected-background: #DCF1D4; +$datepicker-body-dark-color-scheme-states-selected-color: #52A832; +$datepicker-body-dark-color-scheme-states-selected-background: #276211; +$datepicker-body-size-label-paddings: 8px 28px 12px 12px; +$datepicker-body-size-cell-min-size: 32px; +$datepicker-body-size-cell-margin: 5%; +$datepicker-body-size-cell-padding: 8px; +$datepicker-body-size-cell-border-width: 1px; +$datepicker-body-font-label: body-strong; +$datepicker-body-font-today: body-strong; +$datepicker-calendar-size-padding-top: 16px; +$datepicker-calendar-size-padding-horizontal: 8px; +$datepicker-calendar-size-padding-bottom: 8px; +$datepicker-calendar-size-padding-blocks: 12px; +$datepicker-calendar-size-divider-width: 1px; +$datepicker-calendar-size-icon-border-width: 2px; +$datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg); +$datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg); +$datepicker-calendar-font-default: body; +$datepicker-calendar-font-header: caption; +$datepicker-input-size-width: 130px; +$divider-size-width: 1px; +$divider-size-inset-margin: 80px; +$description-list-light-color-scheme-dt: #999999; +$description-list-light-color-scheme-dd: #4D4D4D; +$description-list-dark-color-scheme-dt: #999999; +$description-list-dark-color-scheme-dd: #F0F0F0; +$description-list-size-grid-template-columns: repeat(4, 1fr); +$description-list-size-dt-grid-column: 1; +$description-list-size-dd-grid-column: 2 / span 3; +$description-list-size-horizontal-column-gap: 16px; +$description-list-size-horizontal-row-gap: 12px; +$description-list-size-vertical-column-gap: 0; +$description-list-size-vertical-row-gap: 2px; +$description-list-size-vertical-dd-margin-bottom: 16px; +$description-list-font-horizontal-dt: body; +$description-list-font-horizontal-dd: body; +$description-list-font-vertical-dt: caption; +$description-list-font-vertical-dd: body; +$dropdown-item-size-padding: 5px 15px; +$dropdown-item-size-icon-padding: 0 8px 2px 0; +$dropdown-item-font-default: body; +$dropdown-item-font-caption: caption; +$dropdown-group-header-size-default-padding: 6px 15px; +$dropdown-group-header-size-small-padding: 8px 15px; +$dropdown-group-header-font-default: body-strong; +$dropdown-group-header-font-small: caption-caps; +$dropdown-divider-size-height: 1px; +$dropdown-divider-size-margin: 4px 0; +$dropdown-trigger-size-icon-padding-right: 8px; +$dropdown-panel-size-max-width: 640px; +$dropdown-panel-size-padding: 4px 0; +$dropdown-panel-size-border-width: 1px; +$dropdown-panel-size-border-radius: 3px; +$form-field-light-color-scheme-border: #B3B3B3; +$form-field-light-color-scheme-background: white; +$form-field-light-color-scheme-states-hover-border: #999999; +$form-field-light-color-scheme-states-invalid-border: #E76E5C; +$form-field-light-color-scheme-states-invalid-background: transparent; +$form-field-dark-color-scheme-border: #999999; +$form-field-dark-color-scheme-background: #333333; +$form-field-dark-color-scheme-states-hover-border: #CCCCCC; +$form-field-dark-color-scheme-states-invalid-border: #E76E5C; +$form-field-dark-color-scheme-states-invalid-background: transparent; +$form-field-size-border-width: 1px; +$form-field-size-border-radius: 3px; +$form-field-size-button-width: 32px; +$form-field-font-default: body; +$form-field-hint-size-margin-top: 4px; +$form-field-hint-font-default: caption; +$form-field-password-hint-light-color-scheme-text-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-icon-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #E04D36; +$form-field-password-hint-light-color-scheme-states-invalid-text-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-states-valid-text-color: #449327; +$form-field-password-hint-light-color-scheme-states-valid-icon-color: #449327; +$form-field-password-hint-dark-color-scheme-text-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-icon-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #E76E5C; +$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-states-valid-text-color: #6FBA53; +$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #6FBA53; +$form-field-password-hint-size-margin-top: 8px; +$form-field-password-hint-size-icon-margin: 4px; +$form-field-password-hint-font-default: caption; +$forms-light-color-scheme-label: #999999; +$forms-light-color-scheme-legend: #4D4D4D; +$forms-dark-color-scheme-label: #999999; +$forms-dark-color-scheme-legend: #F0F0F0; +$forms-size-horizontal-row-margin-bottom: 20px; +$forms-size-horizontal-label-padding-top: 6px; +$forms-size-horizontal-label-padding-bottom: 0; +$forms-size-horizontal-control-padding-left: 16px; +$forms-size-horizontal-legend-margin-top: 32px; +$forms-size-horizontal-legend-margin-bottom: 16px; +$forms-size-vertical-row-margin-bottom: 16px; +$forms-size-vertical-label-padding-top: 0; +$forms-size-vertical-label-padding-bottom: 4px; +$forms-size-vertical-control-padding-left: 24px; +$forms-size-vertical-legend-margin-top: 32px; +$forms-size-vertical-legend-margin-bottom: 12px; +$forms-font-default-label: body; +$forms-font-default-legend: subheading; +$input-size-padding: 5px 16px; +$input-size-width: 100%; +$input-size-min-height: 30px; +$input-font-default: body; +$input-font-monospace: body-mono; +$link-light-color-scheme-text: #52A832; +$link-light-color-scheme-border-bottom: rgba(#52A832, 0.32); +$link-light-color-scheme-state-visited-text: #6A2795; +$link-light-color-scheme-state-visited-border-bottom: rgba(106, 39, 149, 0.32); +$link-light-color-scheme-state-hover-text: #3B8520; +$link-light-color-scheme-state-hover-border-bottom: rgba(#3B8520, 0.32); +$link-light-color-scheme-state-active: #276211; +$link-light-color-scheme-state-focused-outline: #52A832; +$link-dark-color-scheme-text: #6FBA53; +$link-dark-color-scheme-border-bottom: rgba(#6FBA53, 0.32); +$link-dark-color-scheme-state-visited-text: #a23ee2; +$link-dark-color-scheme-state-visited-border-bottom: rgba(162, 62, 226, 0.32); +$link-dark-color-scheme-state-hover-text: #8FCC79; +$link-dark-color-scheme-state-hover-border-bottom: rgba(#8FCC79, 0.32); +$link-dark-color-scheme-state-active: #8FCC79; +$link-dark-color-scheme-state-focused-outline: #6FBA53; +$link-size-icon-margin: 4px; +$link-size-state-focused-outline-offset: 2px; +$link-size-state-focused-outline-width: 2px; +$link-animation-transition: color ease-out 300ms; +$link-animation-state-hover-transition: color 0ms; +$link-font-default: body; +$list-size-horizontal-padding: 16px; +$list-size-icon-padding: 4px; +$list-size-item-height: 32px; +$list-size-icon-width: 24px; +$list-font-item: body; +$modal-light-color-scheme-shadow: (0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5)); +$modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-light-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-light-color-scheme-background-mask: rgba(0, 0, 0, 0.5); +$modal-dark-color-scheme-shadow: (0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5)); +$modal-dark-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-dark-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-dark-color-scheme-background-mask: rgba(0, 0, 0, 0.5); +$modal-size-small: 400px; +$modal-size-normal: 640px; +$modal-size-large: 960px; +$modal-size-top: 48px; +$modal-size-close-width: 56px; +$modal-size-border-radius: 4px; +$modal-size-border-width: 1px; +$modal-header-light-color-scheme-border: #E6E6E6; +$modal-header-dark-color-scheme-border: #666666; +$modal-header-size-border-radius: 4px 4px 0 0; +$modal-header-size-padding: 14px 16px; +$modal-header-font-default: title; +$modal-body-size-max-height: calc(100vh - 260px); +$modal-body-size-padding: 16px 24px 24px; +$modal-body-font-default: body; +$modal-footer-light-color-scheme-border: #E6E6E6; +$modal-footer-dark-color-scheme-border: #666666; +$modal-footer-size-border-radius: 0 0 4px 4px; +$modal-footer-size-padding: 16px 16px; +$modal-confirm-size-padding: 24px; +$navbar-light-color-scheme-background: #276211; +$navbar-light-color-scheme-divider-background: rgba(255, 255, 255, 0.3); +$navbar-dark-color-scheme-background: #276211; +$navbar-dark-color-scheme-divider-background: rgba(255, 255, 255, 0.3); +$navbar-size-icon-margin: 6px; +$navbar-font-title: body; +$vertical-navbar-size-states-expanded-width: 240px; +$vertical-navbar-size-states-collapsed-width: 56px; +$vertical-navbar-size-icon-margin: 16px; +$navbar-item-light-color-scheme-text: #DCF1D4; +$navbar-item-light-color-scheme-icon: #DCF1D4; +$navbar-item-light-color-scheme-states-active: rgba(0, 0, 0, 0.1); +$navbar-item-light-color-scheme-states-selected: #4D4D4D; +$navbar-item-light-color-scheme-states-hover: rgba(255, 255, 255, 0.1); +$navbar-item-light-color-scheme-states-progress: #163F07; +$navbar-item-light-color-scheme-states-disabled-opacity: 0.3; +$navbar-item-dark-color-scheme-text: #DCF1D4; +$navbar-item-dark-color-scheme-icon: #DCF1D4; +$navbar-item-dark-color-scheme-states-active: rgba(0, 0, 0, 0.1); +$navbar-item-dark-color-scheme-states-selected: #666666; +$navbar-item-dark-color-scheme-states-hover: rgba(255, 255, 255, 0.1); +$navbar-item-dark-color-scheme-states-progress: #163F07; +$navbar-item-dark-color-scheme-states-disabled-opacity: 0.3; +$navbar-item-size-padding: 16px; +$navbar-item-size-height: 48px; +$navbar-item-size-height-vertical: 56px; +$navbar-brand-size-padding: 12px; +$navbar-brand-size-margin-right: 24px; +$navbar-brand-font-title: title; +$optgroup-size-padding-left: 17px; +$optgroup-font-default: subheading; +$option-size-horizontal-padding: 16px; +$option-size-height: 32px; +$option-size-border-width: 2px; +$option-font-default: body; +$popover-light-color-scheme-background: white; +$popover-light-color-scheme-text: #4D4D4D; +$popover-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popover-light-color-scheme-border: #B3B3B3; +$popover-dark-color-scheme-background: #4D4D4D; +$popover-dark-color-scheme-text: #F0F0F0; +$popover-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popover-dark-color-scheme-border: #4D4D4D; +$popover-size-max-height: 480px; +$popover-size-padding: 16px; +$popover-size-border-radius: 3px; +$popover-size-arrow-size: 12px; +$popover-size-trigger-margin: 9px; +$popover-size-small-width: 200px; +$popover-size-normal-width: 400px; +$popover-size-large-width: 640px; +$popover-font-default: body; +$popover-header-light-color-scheme-border: #E6E6E6; +$popover-header-light-color-scheme-text: #4D4D4D; +$popover-header-light-color-scheme-background: white; +$popover-header-dark-color-scheme-border: transparent; +$popover-header-dark-color-scheme-text: #F0F0F0; +$popover-header-dark-color-scheme-background: #4D4D4D; +$popover-header-size-height: 10px 16px; +$popover-header-size-padding: 10px 16px; +$popover-header-font-default: subheading; +$popover-footer-light-color-scheme-border: #F0F0F0; +$popover-footer-light-color-scheme-background: #F0F0F0; +$popover-footer-dark-color-scheme-border: transparent; +$popover-footer-dark-color-scheme-background: transparent; +$popover-footer-size-margin-top: 8px; +$popover-footer-size-padding: 12px 16px; +$popover-footer-size-height: 56px; +$popover-footer-font-default: body; +$popup-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popup-light-color-scheme-border: #B3B3B3; +$popup-light-color-scheme-divider: #CCCCCC; +$popup-light-color-scheme-background: white; +$popup-light-color-scheme-footer-background: #F0F0F0; +$popup-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popup-dark-color-scheme-border: #999999; +$popup-dark-color-scheme-divider: #666666; +$popup-dark-color-scheme-background: #4D4D4D; +$popup-dark-color-scheme-footer-background: transparent; +$progress-bar-light-color-scheme-background: #F0F0F0; +$progress-bar-dark-color-scheme-background: #666666; +$progress-bar-size-height: 4px; +$progress-spinner-size-size: 16px; +$radio-light-color-scheme-outer-circle-border: #B3B3B3; +$radio-light-color-scheme-inner-circle-border: transparent; +$radio-light-color-scheme-states-checked-outer-circle-border: #52A832; +$radio-light-color-scheme-states-checked-inner-circle-border: #52A832; +$radio-light-color-scheme-states-focused-outer-circle-border: #52A832; +$radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #B3B3B3; +$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px white; +$radio-dark-color-scheme-outer-circle-border: #999999; +$radio-dark-color-scheme-inner-circle-border: transparent; +$radio-dark-color-scheme-states-checked-outer-circle-border: #6FBA53; +$radio-dark-color-scheme-states-checked-inner-circle-border: #3B8520; +$radio-dark-color-scheme-states-focused-outer-circle-border: #6FBA53; +$radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #6FBA53; +$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px #333333; +$radio-size-size: 14px; +$radio-size-label-margin: 8px; +$radio-font-default: body; +$select-size-height: 30px; +$select-size-left-padding: 16px; +$select-size-right-padding: 8px; +$select-size-left-padding-multiple: 8px; +$select-font-default: body; +$select-panel-size-max-height: 232px; +$select-panel-size-max-width: 640px; +$select-panel-size-vertical-padding: 4px; +$select-panel-size-border-width: 1px; +$select-panel-size-border-radius: 3px; +$select-panel-font-default: body; +$sidepanel-light-color-scheme-border: #B3B3B3; +$sidepanel-dark-color-scheme-border: #333333; +$sidepanel-font-default: body; +$sidepanel-header-size-padding: 14px 16px; +$sidepanel-header-size-close-padding: 0 0 0 8px; +$sidepanel-header-font-default: title; +$sidepanel-footer-size-padding: 16px; +$sidepanel-footer-font-default: body; +$table-size-border-width: 1px; +$table-size-row-padding-vertical: 8px; +$table-size-row-padding-horizontal: 16px; +$table-font-header: caption; +$table-font-body: body; +$tabs-light-color-scheme-border: #B3B3B3; +$tabs-light-color-scheme-state-normal-icon: #999999; +$tabs-light-color-scheme-state-normal-text: #4D4D4D; +$tabs-light-color-scheme-state-hover-icon: #4D4D4D; +$tabs-light-color-scheme-state-hover-text: #4D4D4D; +$tabs-light-color-scheme-state-active-marker-color: #52A832; +$tabs-light-color-scheme-state-empty-icon: #B3B3B3; +$tabs-light-color-scheme-state-empty-text: #B3B3B3; +$tabs-light-color-scheme-state-disabled-icon: #B3B3B3; +$tabs-light-color-scheme-state-disabled-text: #B3B3B3; +$tabs-light-color-scheme-state-disabled-marker-opacity: 0.3; +$tabs-dark-color-scheme-border: #B3B3B3; +$tabs-dark-color-scheme-state-normal-icon: #999999; +$tabs-dark-color-scheme-state-normal-text: #F0F0F0; +$tabs-dark-color-scheme-state-hover-icon: #F0F0F0; +$tabs-dark-color-scheme-state-hover-text: #F0F0F0; +$tabs-dark-color-scheme-state-active-marker-color: #6FBA53; +$tabs-dark-color-scheme-state-empty-icon: #999999; +$tabs-dark-color-scheme-state-empty-text: #999999; +$tabs-dark-color-scheme-state-disabled-icon: #999999; +$tabs-dark-color-scheme-state-disabled-text: #999999; +$tabs-dark-color-scheme-state-disabled-marker-opacity: 0.3; +$tabs-size-height: 40px; +$tabs-size-highlight-height: 4px; +$tabs-size-padding-horizontal: 16px; +$tabs-size-border-width: 1px; +$tabs-size-border-radius: 3px; +$tabs-size-label-icon-margin: 8px; +$tabs-font-default: body; +$vertical-tabs-light-color-scheme-state-normal-background: transparent; +$vertical-tabs-light-color-scheme-state-selected-background: #DCF1D4; +$vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05); +$vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#DCF1D4, $saturation:-22%, $lightness:-5%); +$vertical-tabs-dark-color-scheme-state-normal-background: transparent; +$vertical-tabs-dark-color-scheme-state-selected-background: #276211; +$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05); +$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#276211, $lightness:-1%); +$tags-light-color-scheme-primary-background: #DCF1D4; +$tags-light-color-scheme-primary-border: #DCF1D4; +$tags-light-color-scheme-primary-text: #52A832; +$tags-light-color-scheme-primary-icon: mix(#6FBA53, rgba(black, 0.05)); +$tags-light-color-scheme-primary-states-hover-icon: #3B8520; +$tags-light-color-scheme-primary-states-focused: #52A832; +$tags-light-color-scheme-primary-states-disabled-text: mix(#52A832, transparent, 50%); +$tags-light-color-scheme-primary-states-disabled-background: mix(#52A832, transparent, 10%); +$tags-light-color-scheme-second-background: #E6E6E6; +$tags-light-color-scheme-second-border: #E6E6E6; +$tags-light-color-scheme-second-text: #4D4D4D; +$tags-light-color-scheme-second-icon: mix(#999999, rgba(black, 0.05)); +$tags-light-color-scheme-second-states-hover-icon: #999999; +$tags-light-color-scheme-second-states-focused: #52A832; +$tags-light-color-scheme-second-states-disabled-text: mix(#B3B3B3, transparent, 50%); +$tags-light-color-scheme-second-states-disabled-background: mix(#B3B3B3, transparent, 10%); +$tags-light-color-scheme-error-background: #FADEDA; +$tags-light-color-scheme-error-border: #FADEDA; +$tags-light-color-scheme-error-text: #E76E5C; +$tags-light-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-light-color-scheme-error-states-hover-icon: #E04D36; +$tags-light-color-scheme-error-states-focused: #E76E5C; +$tags-light-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-light-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-dark-color-scheme-primary-background: #276211; +$tags-dark-color-scheme-primary-border: #276211; +$tags-dark-color-scheme-primary-text: #B4DEA4; +$tags-dark-color-scheme-primary-icon: mix(#6FBA53, rgba(black, 0.05)); +$tags-dark-color-scheme-primary-states-hover-icon: #52A832; +$tags-dark-color-scheme-primary-states-focused: #6FBA53; +$tags-dark-color-scheme-primary-states-disabled-text: mix(#6FBA53, transparent, 50%); +$tags-dark-color-scheme-primary-states-disabled-background: mix(#6FBA53, transparent, 10%); +$tags-dark-color-scheme-second-background: #4D4D4D; +$tags-dark-color-scheme-second-border: #4D4D4D; +$tags-dark-color-scheme-second-text: #CCCCCC; +$tags-dark-color-scheme-second-icon: mix(#999999, rgba(black, 0.05)); +$tags-dark-color-scheme-second-states-hover-icon: #E6E6E6; +$tags-dark-color-scheme-second-states-focused: #6FBA53; +$tags-dark-color-scheme-second-states-disabled-text: mix(#999999, transparent, 50%); +$tags-dark-color-scheme-second-states-disabled-background: mix(#999999, transparent, 10%); +$tags-dark-color-scheme-error-background: #832112; +$tags-dark-color-scheme-error-border: #832112; +$tags-dark-color-scheme-error-text: #F4B7AE; +$tags-dark-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-dark-color-scheme-error-states-hover-icon: #F4B7AE; +$tags-dark-color-scheme-error-states-focused: #E76E5C; +$tags-dark-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-dark-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-size-margin: 2px; +$tags-size-height: 24px; +$tags-size-border-width: 1px; +$tags-size-border-radius: 4px; +$tags-size-icon-padding: 3px; +$tags-size-text-margin: 8px; +$tags-font-default: caption; +$tags-font-mono: caption-mono; +$tags-font-caps: caption-caps; +$tag-list-size-padding: 1px 6px; +$tag-list-size-min-height: 30px; +$tag-input-size-height: 22px; +$tag-input-size-margin: 2px 4px; +$tag-input-font-default: body; +$textarea-size-min-height: 50px; +$textarea-size-padding: 5px 16px; +$textarea-font-default: body; +$textarea-font-mono: body-mono; +$timepicker-size-padding-right: 16px; +$toggle-light-color-scheme-border: #B3B3B3; +$toggle-light-color-scheme-background: linear-gradient(to bottom, #E6E6E6, #F0F0F0); +$toggle-light-color-scheme-circle-border: #B3B3B3; +$toggle-light-color-scheme-circle-background: linear-gradient(to bottom, white, #E6E6E6); +$toggle-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 2px #52A832; +$toggle-light-color-scheme-primary-checked-border-color: #52A832; +$toggle-light-color-scheme-primary-checked-background: #52A832; +$toggle-light-color-scheme-error-checked-border-color: #E76E5C; +$toggle-light-color-scheme-error-checked-background: #E76E5C; +$toggle-dark-color-scheme-border: #808080; +$toggle-dark-color-scheme-background: #333333; +$toggle-dark-color-scheme-circle-border: #808080; +$toggle-dark-color-scheme-circle-background: white; +$toggle-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #333333, 0 0 0 2px #6FBA53; +$toggle-dark-color-scheme-primary-checked-border-color: #6FBA53; +$toggle-dark-color-scheme-primary-checked-background: #6FBA53; +$toggle-dark-color-scheme-error-checked-border-color: #E76E5C; +$toggle-dark-color-scheme-error-checked-background: #E76E5C; +$toggle-size-height: 16px; +$toggle-size-width: 28px; +$toggle-size-border-radius: 9px; +$toggle-size-label-margin: 8px; +$toggle-font-default: body; +$toggle-small-size-height: 14px; +$toggle-small-size-width: 24px; +$toggle-small-size-border-radius: 8px; +$toggle-small-font-default: caption; +$tooltip-light-color-scheme-background: #4D4D4D; +$tooltip-light-color-scheme-text: white; +$tooltip-light-color-scheme-border: transparent; +$tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$tooltip-light-color-scheme-warning-background: #FCF5E8; +$tooltip-light-color-scheme-warning-text: #4D4D4D; +$tooltip-light-color-scheme-warning-border: #F0D49B; +$tooltip-dark-color-scheme-background: #F5F5F5; +$tooltip-dark-color-scheme-text: #4D4D4D; +$tooltip-dark-color-scheme-border: transparent; +$tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$tooltip-dark-color-scheme-warning-background: #FCF5E8; +$tooltip-dark-color-scheme-warning-text: #4D4D4D; +$tooltip-dark-color-scheme-warning-border: #F0D49B; +$tooltip-size-max-width: 300px; +$tooltip-size-border-width: 1px; +$tooltip-size-border-radius: 3px; +$tooltip-size-padding: 8px 16px; +$tooltip-size-arrow-size: 12px; +$tooltip-size-trigger-margin: 9px; +$tooltip-font-default: caption; +$extended-tooltip-light-color-scheme-background: white; +$extended-tooltip-light-color-scheme-text: #4D4D4D; +$extended-tooltip-light-color-scheme-border: #B3B3B3; +$extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$extended-tooltip-dark-color-scheme-background: #4D4D4D; +$extended-tooltip-dark-color-scheme-text: #F0F0F0; +$extended-tooltip-dark-color-scheme-border: #999999; +$extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$extended-tooltip-size-border-radius: 3px; +$extended-tooltip-size-arrow-size: 12px; +$extended-tooltip-size-trigger-margin: 9px; +$extended-tooltip-size-padding: 8px 16px; +$extended-tooltip-size-max-height: 480px; +$extended-tooltip-font-default: caption; +$extended-tooltip-header-light-color-scheme-border: #E6E6E6; +$extended-tooltip-header-light-color-scheme-text: #4D4D4D; +$extended-tooltip-header-light-color-scheme-background: white; +$extended-tooltip-header-dark-color-scheme-border: #F0F0F0; +$extended-tooltip-header-dark-color-scheme-text: #F0F0F0; +$extended-tooltip-header-dark-color-scheme-background: #4D4D4D; +$extended-tooltip-header-size-height: 40px; +$extended-tooltip-header-size-padding: 10px 16px; +$extended-tooltip-header-font-default: subheading; +$tree-size-node-height: 32px; +$tree-size-padding-left: 8px; +$tree-size-padding-right: 16px; +$tree-font-node: body; \ No newline at end of file diff --git a/packages/docs/src/styles/green-theme/css-tokens.css b/packages/docs/src/styles/legacy-2017/green-theme/css-tokens.css similarity index 100% rename from packages/docs/src/styles/green-theme/css-tokens.css rename to packages/docs/src/styles/legacy-2017/green-theme/css-tokens.css diff --git a/packages/docs/src/styles/green-theme/properties/colors.json5 b/packages/docs/src/styles/legacy-2017/green-theme/properties/colors.json5 similarity index 100% rename from packages/docs/src/styles/green-theme/properties/colors.json5 rename to packages/docs/src/styles/legacy-2017/green-theme/properties/colors.json5 diff --git a/packages/docs/src/styles/green-theme/tokens.scss b/packages/docs/src/styles/legacy-2017/green-theme/tokens.scss similarity index 100% rename from packages/docs/src/styles/green-theme/tokens.scss rename to packages/docs/src/styles/legacy-2017/green-theme/tokens.scss diff --git a/packages/docs/src/styles/legacy-2017/green-theme/tokens.ts b/packages/docs/src/styles/legacy-2017/green-theme/tokens.ts new file mode 100644 index 000000000..be755a2af --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/green-theme/tokens.ts @@ -0,0 +1,1050 @@ +/** + * Do not edit directly + */ + +export const LightColorSchemePrimaryDefault = "#52A832"; +export const LightColorSchemePrimaryPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const LightColorSchemeSecondDefault = "#B3B3B3"; +export const LightColorSchemeSecondPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const LightColorSchemeErrorDefault = "#E76E5C"; +export const LightColorSchemeErrorPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const LightColorSchemeInfoDefault = "#AAD1EC"; +export const LightColorSchemeInfoPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const LightColorSchemeSuccessDefault = "#B4DEA4"; +export const LightColorSchemeSuccessPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const LightColorSchemeWarningDefault = "#F0D49B"; +export const LightColorSchemeWarningPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const LightColorSchemeForegroundText = "#4D4D4D"; +export const LightColorSchemeForegroundTextLessContrast = "#999999"; +export const LightColorSchemeForegroundTextDisabled = "#B3B3B3"; +export const LightColorSchemeForegroundTextError = "#E04D36"; +export const LightColorSchemeForegroundTextSuccess = "#449327"; +export const LightColorSchemeForegroundDivider = "#E6E6E6"; +export const LightColorSchemeForegroundBorder = "#B3B3B3"; +export const LightColorSchemeForegroundIcon = "#999999"; +export const LightColorSchemeBackgroundBackground = "white"; +export const LightColorSchemeBackgroundBackgroundDisabled = "#F0F0F0"; +export const LightColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)"; +export const LightColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"; +export const LightColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.3)"; +export const LightColorSchemeStatesFocusedColor = "#52A832"; +export const LightColorSchemeStatesSelectedColor = "#DCF1D4"; +export const LightColorSchemeStatesPressedShadow = "inset 0 1px 2px 0 rgba(black, 0.2)"; +export const LightColorSchemeStatesDisabledOpacity = 0.3; +export const DarkColorSchemePrimaryDefault = "#6FBA53"; +export const DarkColorSchemePrimaryPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const DarkColorSchemeSecondDefault = "#999999"; +export const DarkColorSchemeSecondPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const DarkColorSchemeErrorDefault = "#E76E5C"; +export const DarkColorSchemeErrorPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const DarkColorSchemeInfoDefault = "#57A4D7"; +export const DarkColorSchemeInfoPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const DarkColorSchemeSuccessDefault = "#6FBA53"; +export const DarkColorSchemeSuccessPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const DarkColorSchemeWarningDefault = "#DFA739"; +export const DarkColorSchemeWarningPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const DarkColorSchemeForegroundText = "#F0F0F0"; +export const DarkColorSchemeForegroundTextLessContrast = "#999999"; +export const DarkColorSchemeForegroundTextDisabled = "#999999"; +export const DarkColorSchemeForegroundTextError = "#E76E5C"; +export const DarkColorSchemeForegroundTextSuccess = "#6FBA53"; +export const DarkColorSchemeForegroundDivider = "#666666"; +export const DarkColorSchemeForegroundBorder = "#808080"; +export const DarkColorSchemeForegroundIcon = "#999999"; +export const DarkColorSchemeBackgroundBackground = "#333333"; +export const DarkColorSchemeBackgroundBackgroundDisabled = "#666666"; +export const DarkColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)"; +export const DarkColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"; +export const DarkColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.2)"; +export const DarkColorSchemeStatesFocusedColor = "#6FBA53"; +export const DarkColorSchemeStatesSelectedColor = "#276211"; +export const DarkColorSchemeStatesPressedShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)"; +export const DarkColorSchemeStatesDisabledOpacity = 0.3; +export const FontFamilyBase = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const FontFamilyMonospace = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const Size3xs = "2rem"; +export const SizeXxs = "4rem"; +export const SizeXs = "6rem"; +export const SizeS = "8rem"; +export const SizeM = "12rem"; +export const SizeL = "16rem"; +export const SizeXl = "20rem"; +export const SizeXxl = "24rem"; +export const Size3xl = "32rem"; +export const Size4xl = "40rem"; +export const Size5xl = "48rem"; +export const Size6xl = "56rem"; +export const Size7xl = "64rem"; +export const PaletteBlue40 = "#F5FAFD"; +export const PaletteBlue60 = "#EBF4FB"; +export const PaletteBlue100 = "#D8EAF7"; +export const PaletteBlue200 = "#AAD1EC"; +export const PaletteBlue300 = "#7FBAE1"; +export const PaletteBlue400 = "#57A4D7"; +export const PaletteBlue500 = "#338FCC"; +export const PaletteBlue560 = "#277BB3"; +export const PaletteBlue600 = "#206EA2"; +export const PaletteBlue700 = "#114E77"; +export const PaletteBlue800 = "#07314D"; +export const PaletteBlueA100 = "rgba(0, 153, 255, 0.15)"; +export const PaletteBlueA200 = "rgba(0, 153, 255, 0.3)"; +export const PaletteBlueContrast40 = "#4D4D4D"; +export const PaletteBlueContrast60 = "#4D4D4D"; +export const PaletteBlueContrast100 = "#4D4D4D"; +export const PaletteBlueContrast200 = "#4D4D4D"; +export const PaletteBlueContrast300 = "#4D4D4D"; +export const PaletteBlueContrast400 = "white"; +export const PaletteBlueContrast500 = "white"; +export const PaletteBlueContrast560 = "white"; +export const PaletteBlueContrast600 = "white"; +export const PaletteBlueContrast700 = "white"; +export const PaletteBlueContrast800 = "white"; +export const PaletteBlueContrastA100 = "#4D4D4D"; +export const PaletteBlueContrastA200 = "white"; +export const PaletteGreen40 = "#F6FBF4"; +export const PaletteGreen60 = "#EDF8E9"; +export const PaletteGreen100 = "#DCF1D4"; +export const PaletteGreen200 = "#B4DEA4"; +export const PaletteGreen300 = "#8FCC79"; +export const PaletteGreen400 = "#6FBA53"; +export const PaletteGreen500 = "#52A832"; +export const PaletteGreen560 = "#449327"; +export const PaletteGreen600 = "#3B8520"; +export const PaletteGreen700 = "#276211"; +export const PaletteGreen800 = "#163F07"; +export const PaletteGreenA100 = "rgba(68, 255, 0, 0.15)"; +export const PaletteGreenContrast40 = "#4D4D4D"; +export const PaletteGreenContrast60 = "#4D4D4D"; +export const PaletteGreenContrast100 = "#4D4D4D"; +export const PaletteGreenContrast200 = "#4D4D4D"; +export const PaletteGreenContrast300 = "#4D4D4D"; +export const PaletteGreenContrast400 = "white"; +export const PaletteGreenContrast500 = "white"; +export const PaletteGreenContrast560 = "white"; +export const PaletteGreenContrast600 = "white"; +export const PaletteGreenContrast700 = "white"; +export const PaletteGreenContrast800 = "white"; +export const PaletteGreenContrastA100 = "#4D4D4D"; +export const PaletteRed40 = "#FEF7F6"; +export const PaletteRed60 = "#FCEFEC"; +export const PaletteRed100 = "#FADEDA"; +export const PaletteRed200 = "#F4B7AE"; +export const PaletteRed300 = "#ED9284"; +export const PaletteRed400 = "#E76E5C"; +export const PaletteRed500 = "#E04D36"; +export const PaletteRed560 = "#C43E29"; +export const PaletteRed600 = "#B23522"; +export const PaletteRed700 = "#832112"; +export const PaletteRed800 = "#541208"; +export const PaletteRedA100 = "rgba(224, 79, 56, 0.15)"; +export const PaletteRedContrast40 = "#4D4D4D"; +export const PaletteRedContrast60 = "#4D4D4D"; +export const PaletteRedContrast100 = "#4D4D4D"; +export const PaletteRedContrast200 = "#4D4D4D"; +export const PaletteRedContrast300 = "#4D4D4D"; +export const PaletteRedContrast400 = "white"; +export const PaletteRedContrast500 = "white"; +export const PaletteRedContrast560 = "white"; +export const PaletteRedContrast600 = "white"; +export const PaletteRedContrast700 = "white"; +export const PaletteRedContrast800 = "white"; +export const PaletteRedContrastA100 = "#4D4D4D"; +export const PaletteGrey40 = "#F5F5F5"; +export const PaletteGrey60 = "#F0F0F0"; +export const PaletteGrey100 = "#E6E6E6"; +export const PaletteGrey200 = "#CCCCCC"; +export const PaletteGrey300 = "#B3B3B3"; +export const PaletteGrey400 = "#999999"; +export const PaletteGrey500 = "#808080"; +export const PaletteGrey560 = "#707070"; +export const PaletteGrey600 = "#666666"; +export const PaletteGrey700 = "#4D4D4D"; +export const PaletteGrey800 = "#333333"; +export const PaletteGreyA40 = "rgba(0, 0, 0, 0.04)"; +export const PaletteGreyA60 = "rgba(0, 0, 0, 0.06)"; +export const PaletteGreyA100 = "rgba(0, 0, 0, 0.1)"; +export const PaletteGreyA200 = "rgba(0, 0, 0, 0.2)"; +export const PaletteGreyA300 = "rgba(0, 0, 0, 0.3)"; +export const PaletteGreyA500 = "rgba(0, 0, 0, 0.5)"; +export const PaletteGreyContrast40 = "#4D4D4D"; +export const PaletteGreyContrast60 = "#4D4D4D"; +export const PaletteGreyContrast100 = "#4D4D4D"; +export const PaletteGreyContrast200 = "#4D4D4D"; +export const PaletteGreyContrast300 = "#4D4D4D"; +export const PaletteGreyContrast400 = "white"; +export const PaletteGreyContrast500 = "white"; +export const PaletteGreyContrast560 = "white"; +export const PaletteGreyContrast600 = "white"; +export const PaletteGreyContrast700 = "white"; +export const PaletteGreyContrast800 = "white"; +export const PaletteYellow40 = "#FDFAF3"; +export const PaletteYellow60 = "#FCF5E8"; +export const PaletteYellow100 = "#F8EBD1"; +export const PaletteYellow200 = "#F0D49B"; +export const PaletteYellow300 = "#E7BD68"; +export const PaletteYellow400 = "#DFA739"; +export const PaletteYellow500 = "#D6930D"; +export const PaletteYellow560 = "#BB800A"; +export const PaletteYellow600 = "#AA7408"; +export const PaletteYellow700 = "#7D5504"; +export const PaletteYellow800 = "#503602"; +export const PaletteYellowA100 = "rgba(255, 170, 0, 0.15)"; +export const PaletteYellowContrast40 = "#4D4D4D"; +export const PaletteYellowContrast60 = "#4D4D4D"; +export const PaletteYellowContrast100 = "#4D4D4D"; +export const PaletteYellowContrast200 = "#4D4D4D"; +export const PaletteYellowContrast300 = "#4D4D4D"; +export const PaletteYellowContrast400 = "white"; +export const PaletteYellowContrast500 = "white"; +export const PaletteYellowContrast560 = "white"; +export const PaletteYellowContrast600 = "white"; +export const PaletteYellowContrast700 = "white"; +export const PaletteYellowContrast800 = "white"; +export const PaletteYellowContrastA100 = "#4D4D4D"; +export const ColorBluePalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const ColorGreenPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const ColorRedPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const ColorGreyPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const ColorYellowPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const TypographyDisplay1FontSize = "56px"; +export const TypographyDisplay1LineHeight = "76px"; +export const TypographyDisplay1LetterSpacing = "-0.4px"; +export const TypographyDisplay1FontWeight = "normal"; +export const TypographyDisplay1FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay1TextTransform = "null"; +export const TypographyDisplay1FontFeatureSettings = "null"; +export const TypographyDisplay2FontSize = "45px"; +export const TypographyDisplay2LineHeight = "56px"; +export const TypographyDisplay2LetterSpacing = "normal"; +export const TypographyDisplay2FontWeight = "normal"; +export const TypographyDisplay2FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay2TextTransform = "null"; +export const TypographyDisplay2FontFeatureSettings = "null"; +export const TypographyDisplay3FontSize = "34px"; +export const TypographyDisplay3LineHeight = "44px"; +export const TypographyDisplay3LetterSpacing = "0.25px"; +export const TypographyDisplay3FontWeight = "normal"; +export const TypographyDisplay3FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay3TextTransform = "null"; +export const TypographyDisplay3FontFeatureSettings = "null"; +export const TypographyHeadlineFontSize = "24px"; +export const TypographyHeadlineLineHeight = "32px"; +export const TypographyHeadlineLetterSpacing = "normal"; +export const TypographyHeadlineFontWeight = "normal"; +export const TypographyHeadlineFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyHeadlineTextTransform = "null"; +export const TypographyHeadlineFontFeatureSettings = "null"; +export const TypographyTitleFontSize = "20px"; +export const TypographyTitleLineHeight = "28px"; +export const TypographyTitleLetterSpacing = "0.15px"; +export const TypographyTitleFontWeight = "500"; +export const TypographyTitleFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyTitleTextTransform = "null"; +export const TypographyTitleFontFeatureSettings = "null"; +export const TypographySubheadingFontSize = "15px"; +export const TypographySubheadingLineHeight = "20px"; +export const TypographySubheadingLetterSpacing = "0.15px"; +export const TypographySubheadingFontWeight = "700"; +export const TypographySubheadingFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographySubheadingTextTransform = "null"; +export const TypographySubheadingFontFeatureSettings = "null"; +export const TypographyBodyFontSize = "15px"; +export const TypographyBodyLineHeight = "20px"; +export const TypographyBodyLetterSpacing = "0.15px"; +export const TypographyBodyFontWeight = "normal"; +export const TypographyBodyFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyTextTransform = "null"; +export const TypographyBodyFontFeatureSettings = "null"; +export const TypographyBodyTabularFontSize = "15px"; +export const TypographyBodyTabularLineHeight = "20px"; +export const TypographyBodyTabularLetterSpacing = "0.15px"; +export const TypographyBodyTabularFontWeight = "normal"; +export const TypographyBodyTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyTabularTextTransform = "null"; +export const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on"; +export const TypographyBodyStrongFontSize = "15px"; +export const TypographyBodyStrongLineHeight = "20px"; +export const TypographyBodyStrongLetterSpacing = "-0.009em"; +export const TypographyBodyStrongFontWeight = "500"; +export const TypographyBodyStrongFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyStrongTextTransform = "null"; +export const TypographyBodyStrongFontFeatureSettings = "null"; +export const TypographyBodyCapsFontSize = "15px"; +export const TypographyBodyCapsLineHeight = "20px"; +export const TypographyBodyCapsLetterSpacing = "1.7px"; +export const TypographyBodyCapsFontWeight = "normal"; +export const TypographyBodyCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyCapsTextTransform = "uppercase"; +export const TypographyBodyCapsFontFeatureSettings = "null"; +export const TypographyBodyMonoFontSize = "15px"; +export const TypographyBodyMonoLineHeight = "20px"; +export const TypographyBodyMonoLetterSpacing = "normal"; +export const TypographyBodyMonoFontWeight = "normal"; +export const TypographyBodyMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyBodyMonoTextTransform = "null"; +export const TypographyBodyMonoFontFeatureSettings = "null"; +export const TypographyCaptionFontSize = "13px"; +export const TypographyCaptionLineHeight = "16px"; +export const TypographyCaptionLetterSpacing = "0.25px"; +export const TypographyCaptionFontWeight = "normal"; +export const TypographyCaptionFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionTextTransform = "null"; +export const TypographyCaptionFontFeatureSettings = "null"; +export const TypographyCaptionTabularFontSize = "13px"; +export const TypographyCaptionTabularLineHeight = "16px"; +export const TypographyCaptionTabularLetterSpacing = "0.25px"; +export const TypographyCaptionTabularFontWeight = "normal"; +export const TypographyCaptionTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionTabularTextTransform = "null"; +export const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on"; +export const TypographyCaptionCapsFontSize = "13px"; +export const TypographyCaptionCapsLineHeight = "16px"; +export const TypographyCaptionCapsLetterSpacing = "1.5px"; +export const TypographyCaptionCapsFontWeight = "normal"; +export const TypographyCaptionCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionCapsTextTransform = "uppercase"; +export const TypographyCaptionCapsFontFeatureSettings = "null"; +export const TypographyCaptionMonoFontSize = "13px"; +export const TypographyCaptionMonoLineHeight = "16px"; +export const TypographyCaptionMonoLetterSpacing = "normal"; +export const TypographyCaptionMonoFontWeight = "normal"; +export const TypographyCaptionMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyCaptionMonoTextTransform = "null"; +export const TypographyCaptionMonoFontFeatureSettings = "null"; +export const TypographySmallTextFontSize = "13px"; +export const TypographySmallTextLineHeight = "16px"; +export const TypographySmallTextLetterSpacing = "0.25px"; +export const TypographySmallTextFontWeight = "normal"; +export const TypographySmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographySmallTextTextTransform = "null"; +export const TypographySmallTextFontFeatureSettings = "null"; +export const TypographyExtraSmallTextFontSize = "11px"; +export const TypographyExtraSmallTextLineHeight = "16px"; +export const TypographyExtraSmallTextLetterSpacing = "0.22px"; +export const TypographyExtraSmallTextFontWeight = "normal"; +export const TypographyExtraSmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyExtraSmallTextTextTransform = "null"; +export const TypographyExtraSmallTextFontFeatureSettings = "null"; +export const TypographyExtraSmallTextCapsFontSize = "11px"; +export const TypographyExtraSmallTextCapsLineHeight = "16px"; +export const TypographyExtraSmallTextCapsLetterSpacing = "1px"; +export const TypographyExtraSmallTextCapsFontWeight = "normal"; +export const TypographyExtraSmallTextCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyExtraSmallTextCapsTextTransform = "uppercase"; +export const TypographyExtraSmallTextCapsFontFeatureSettings = "null"; +export const TypographyExtraSmallTextMonoFontSize = "11px"; +export const TypographyExtraSmallTextMonoLineHeight = "16px"; +export const TypographyExtraSmallTextMonoLetterSpacing = "0px"; +export const TypographyExtraSmallTextMonoFontWeight = "normal"; +export const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyExtraSmallTextMonoTextTransform = "null"; +export const TypographyExtraSmallTextMonoFontFeatureSettings = "null"; +export const AlertLightColorSchemeErrorBackground = "#FCEFEC"; +export const AlertLightColorSchemeErrorBorder = "#E76E5C"; +export const AlertLightColorSchemeErrorIcon = "#E76E5C"; +export const AlertLightColorSchemeWarningBackground = "#FCF5E8"; +export const AlertLightColorSchemeWarningBorder = "#F0D49B"; +export const AlertLightColorSchemeWarningIcon = "#DFA739"; +export const AlertLightColorSchemeSuccessBackground = "#EDF8E9"; +export const AlertLightColorSchemeSuccessBorder = "#B4DEA4"; +export const AlertLightColorSchemeSuccessIcon = "#6FBA53"; +export const AlertLightColorSchemeInfoBackground = "#EBF4FB"; +export const AlertLightColorSchemeInfoBorder = "#AAD1EC"; +export const AlertLightColorSchemeInfoIcon = "#57A4D7"; +export const AlertLightColorSchemeDefaultBackground = "#F0F0F0"; +export const AlertLightColorSchemeDefaultBorder = "#B3B3B3"; +export const AlertLightColorSchemeDefaultIcon = "#CCCCCC"; +export const AlertDarkColorSchemeErrorBackground = "#832112"; +export const AlertDarkColorSchemeErrorBorder = "#832112"; +export const AlertDarkColorSchemeErrorIcon = "#E76E5C"; +export const AlertDarkColorSchemeWarningBackground = "#7D5504"; +export const AlertDarkColorSchemeWarningBorder = "#7D5504"; +export const AlertDarkColorSchemeWarningIcon = "#DFA739"; +export const AlertDarkColorSchemeSuccessBackground = "#276211"; +export const AlertDarkColorSchemeSuccessBorder = "#276211"; +export const AlertDarkColorSchemeSuccessIcon = "#6FBA53"; +export const AlertDarkColorSchemeInfoBackground = "#114E77"; +export const AlertDarkColorSchemeInfoBorder = "#114E77"; +export const AlertDarkColorSchemeInfoIcon = "#57A4D7"; +export const AlertDarkColorSchemeDefaultBackground = "#4D4D4D"; +export const AlertDarkColorSchemeDefaultBorder = "#4D4D4D"; +export const AlertDarkColorSchemeDefaultIcon = "#999999"; +export const AlertSizeBorderWidth = "1px"; +export const AlertSizeBorderRadius = "4px"; +export const AlertSizeHorizontalPadding = "16px"; +export const AlertSizeVerticalPadding = "13px"; +export const AlertSizeIconMargin = "8px"; +export const AlertSizeCloseButtonWidth = "16px"; +export const AlertSizeSmallVerticalPadding = "11px"; +export const AlertFontDefaultHeader = "subheading"; +export const AlertFontDefaultBody = "body"; +export const AlertFontSmallHeader = "caption"; +export const AlertFontSmallBody = "caption"; +export const AutocompleteSizePanelPadding = "4px 0"; +export const AutocompleteSizePanelMaxHeight = "256px"; +export const AutocompleteSizePanelBorderRadius = "3px"; +export const BadgeLightColorSchemeSolidPrimaryBackground = "#52A832"; +export const BadgeLightColorSchemeSolidPrimaryColor = "white"; +export const BadgeLightColorSchemeSolidPrimaryBorder = "#52A832"; +export const BadgeLightColorSchemeSolidInfoBorder = "#52A832"; +export const BadgeLightColorSchemeSolidInfoBackground = "#52A832"; +export const BadgeLightColorSchemeSolidInfoColor = "white"; +export const BadgeLightColorSchemeSolidSuccessBorder = "#52A832"; +export const BadgeLightColorSchemeSolidSuccessBackground = "#52A832"; +export const BadgeLightColorSchemeSolidSuccessColor = "white"; +export const BadgeLightColorSchemeSolidWarningBorder = "#D6930D"; +export const BadgeLightColorSchemeSolidWarningBackground = "#D6930D"; +export const BadgeLightColorSchemeSolidWarningColor = "white"; +export const BadgeLightColorSchemeSolidErrorBorder = "#E04D36"; +export const BadgeLightColorSchemeSolidErrorBackground = "#E04D36"; +export const BadgeLightColorSchemeSolidErrorColor = "white"; +export const BadgeLightColorSchemeSolidTransparentBorder = "#CCCCCC"; +export const BadgeLightColorSchemeSolidTransparentColor = "#4D4D4D"; +export const BadgeLightColorSchemeSolidTransparentBackground = "transparent"; +export const BadgeLightColorSchemeSolidLightBorder = "#E6E6E6"; +export const BadgeLightColorSchemeSolidLightBackground = "#E6E6E6"; +export const BadgeLightColorSchemeSolidLightColor = "#4D4D4D"; +export const BadgeLightColorSchemeSolidSecondBorder = "#666666"; +export const BadgeLightColorSchemeSolidSecondBackground = "#666666"; +export const BadgeLightColorSchemeSolidSecondColor = "white"; +export const BadgeLightColorSchemePastelPrimaryBackground = "#F6FBF4"; +export const BadgeLightColorSchemePastelPrimaryBorder = "#B4DEA4"; +export const BadgeLightColorSchemePastelPrimaryColor = "#52A832"; +export const BadgeLightColorSchemePastelInfoBackground = "#F5FAFD"; +export const BadgeLightColorSchemePastelInfoBorder = "#B4DEA4"; +export const BadgeLightColorSchemePastelInfoColor = "#338FCC"; +export const BadgeLightColorSchemePastelSuccessBackground = "#F6FBF4"; +export const BadgeLightColorSchemePastelSuccessBorder = "#B4DEA4"; +export const BadgeLightColorSchemePastelSuccessColor = "#449327"; +export const BadgeLightColorSchemePastelWarningBackground = "#FDFAF3"; +export const BadgeLightColorSchemePastelWarningBorder = "#F0D49B"; +export const BadgeLightColorSchemePastelWarningColor = "#BB800A"; +export const BadgeLightColorSchemePastelErrorBackground = "#FEF7F6"; +export const BadgeLightColorSchemePastelErrorBorder = "#F4B7AE"; +export const BadgeLightColorSchemePastelErrorColor = "#E04D36"; +export const BadgeDarkColorSchemePastelPrimaryBackground = "rgba(68, 255, 0, 0.15)"; +export const BadgeDarkColorSchemePastelPrimaryColor = "#DCF1D4"; +export const BadgeDarkColorSchemePastelPrimaryBorder = "#276211"; +export const BadgeDarkColorSchemePastelInfoBackground = "#DCF1D4"; +export const BadgeDarkColorSchemePastelInfoColor = "#DCF1D4"; +export const BadgeDarkColorSchemePastelInfoBorder = "rgba(68, 255, 0, 0.15)"; +export const BadgeDarkColorSchemePastelSuccessBorder = "#276211"; +export const BadgeDarkColorSchemePastelSuccessBackground = "rgba(68, 255, 0, 0.15)"; +export const BadgeDarkColorSchemePastelSuccessColor = "#DCF1D4"; +export const BadgeDarkColorSchemePastelWarningBorder = "#7D5504"; +export const BadgeDarkColorSchemePastelWarningBackground = "rgba(255, 170, 0, 0.15)"; +export const BadgeDarkColorSchemePastelWarningColor = "#F8EBD1"; +export const BadgeDarkColorSchemePastelErrorBorder = "#832112"; +export const BadgeDarkColorSchemePastelErrorBackground = "rgba(224, 79, 56, 0.15)"; +export const BadgeDarkColorSchemePastelErrorColor = "#FADEDA"; +export const BadgeDarkColorSchemeSolidPrimaryBackground = "#276211"; +export const BadgeDarkColorSchemeSolidPrimaryColor = "white"; +export const BadgeDarkColorSchemeSolidPrimaryBorder = "#276211"; +export const BadgeDarkColorSchemeSolidInfoBorder = "#163F07"; +export const BadgeDarkColorSchemeSolidInfoBackground = "#163F07"; +export const BadgeDarkColorSchemeSolidInfoColor = "white"; +export const BadgeDarkColorSchemeSolidSuccessBorder = "#276211"; +export const BadgeDarkColorSchemeSolidSuccessBackground = "#276211"; +export const BadgeDarkColorSchemeSolidSuccessColor = "white"; +export const BadgeDarkColorSchemeSolidWarningBorder = "#7D5504"; +export const BadgeDarkColorSchemeSolidWarningBackground = "#7D5504"; +export const BadgeDarkColorSchemeSolidWarningColor = "white"; +export const BadgeDarkColorSchemeSolidErrorBorder = "#832112"; +export const BadgeDarkColorSchemeSolidErrorBackground = "#832112"; +export const BadgeDarkColorSchemeSolidErrorColor = "white"; +export const BadgeDarkColorSchemeSolidTransparentBorder = "#808080"; +export const BadgeDarkColorSchemeSolidTransparentColor = "#F5F5F5"; +export const BadgeDarkColorSchemeSolidTransparentBackground = "transparent"; +export const BadgeDarkColorSchemeSolidLightBorder = "#999999"; +export const BadgeDarkColorSchemeSolidLightBackground = "#999999"; +export const BadgeDarkColorSchemeSolidLightColor = "white"; +export const BadgeDarkColorSchemeSolidSecondBorder = "#4D4D4D"; +export const BadgeDarkColorSchemeSolidSecondBackground = "#4D4D4D"; +export const BadgeDarkColorSchemeSolidSecondColor = "white"; +export const BadgeSizeDefaultHeight = "24rem"; +export const BadgeSizeDefaultMinWidth = "10px"; +export const BadgeSizeDefaultPadding = "0 8px"; +export const BadgeSizeDefaultBorderWidth = "1px"; +export const BadgeSizeDefaultBorderRadius = "4px"; +export const BadgeSizeMiniHeight = "16rem"; +export const BadgeSizeMiniMinWidth = "10px"; +export const BadgeSizeMiniBorderWidth = "1px"; +export const BadgeSizeMiniBorderRadius = "2px"; +export const BadgeSizeMiniPadding = "0 4px"; +export const BadgeFontDefaultDefault = "caption"; +export const BadgeFontDefaultCaps = "caption-caps"; +export const BadgeFontDefaultMono = "caption-mono"; +export const BadgeFontMiniDefault = "extra-small-text"; +export const BadgeFontMiniCaps = "extra-small-text-caps"; +export const BadgeFontMiniMono = "extra-small-text-mono"; +export const ButtonToggleSizeBorderSize = "1px"; +export const ButtonToggleSizeBorderRadius = "3px"; +export const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)"; +export const ButtonLightColorSchemePrimaryColor = "white"; +export const ButtonLightColorSchemePrimaryBorder = "#449327"; +export const ButtonLightColorSchemePrimaryBackground = "#52A832"; +export const ButtonLightColorSchemePrimaryIcon = "white"; +export const ButtonLightColorSchemePrimaryStatesActiveBorder = "darken(#449327, 5)"; +export const ButtonLightColorSchemePrimaryStatesActiveBackground = "darken(#52A832, 5)"; +export const ButtonLightColorSchemePrimaryTransparentColor = "#52A832"; +export const ButtonLightColorSchemePrimaryTransparentIcon = "#52A832"; +export const ButtonLightColorSchemePrimaryTransparentStatesHoverColor = "#3B8520"; +export const ButtonLightColorSchemePrimaryTransparentStatesHoverIcon = "#3B8520"; +export const ButtonLightColorSchemePrimaryTransparentStatesActiveColor = "#276211"; +export const ButtonLightColorSchemePrimaryTransparentStatesActiveIcon = "#276211"; +export const ButtonLightColorSchemeSecondBorder = "#B3B3B3"; +export const ButtonLightColorSchemeSecondBackground = "#F0F0F0"; +export const ButtonLightColorSchemeSecondColor = "#4D4D4D"; +export const ButtonLightColorSchemeSecondIcon = "#999999"; +export const ButtonLightColorSchemeSecondStatesActiveBorder = "darken(#B3B3B3, 5)"; +export const ButtonLightColorSchemeSecondStatesActiveBackground = "darken(#F0F0F0, 5)"; +export const ButtonLightColorSchemeErrorBorder = "#B3B3B3"; +export const ButtonLightColorSchemeErrorBackground = "#F0F0F0"; +export const ButtonLightColorSchemeErrorColor = "#E76E5C"; +export const ButtonLightColorSchemeErrorIcon = "#E76E5C"; +export const ButtonLightColorSchemeErrorStatesActiveBorder = "darken(#B3B3B3, 5)"; +export const ButtonLightColorSchemeErrorStatesActiveBackground = "darken(#F0F0F0, 5)"; +export const ButtonDarkColorSchemeActiveShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)"; +export const ButtonDarkColorSchemePrimaryColor = "white"; +export const ButtonDarkColorSchemePrimaryBorder = "#449327"; +export const ButtonDarkColorSchemePrimaryBackground = "#52A832"; +export const ButtonDarkColorSchemePrimaryIcon = "white"; +export const ButtonDarkColorSchemePrimaryStatesActiveBorder = "darken(#449327, 5)"; +export const ButtonDarkColorSchemePrimaryStatesActiveBackground = "darken(#6FBA53, 5)"; +export const ButtonDarkColorSchemePrimaryTransparentColor = "#52A832"; +export const ButtonDarkColorSchemePrimaryTransparentIcon = "#52A832"; +export const ButtonDarkColorSchemePrimaryTransparentStatesHoverColor = "#3B8520"; +export const ButtonDarkColorSchemePrimaryTransparentStatesHoverIcon = "#3B8520"; +export const ButtonDarkColorSchemePrimaryTransparentStatesActiveColor = "#276211"; +export const ButtonDarkColorSchemePrimaryTransparentStatesActiveIcon = "#276211"; +export const ButtonDarkColorSchemeSecondBorder = "#808080"; +export const ButtonDarkColorSchemeSecondBackground = "#666666"; +export const ButtonDarkColorSchemeSecondColor = "#F0F0F0"; +export const ButtonDarkColorSchemeSecondIcon = "#999999"; +export const ButtonDarkColorSchemeSecondStatesActiveBorder = "darken(#808080, 5)"; +export const ButtonDarkColorSchemeSecondStatesActiveBackground = "darken(#666666, 5)"; +export const ButtonDarkColorSchemeErrorBorder = "#808080"; +export const ButtonDarkColorSchemeErrorBackground = "#666666"; +export const ButtonDarkColorSchemeErrorColor = "#E76E5C"; +export const ButtonDarkColorSchemeErrorIcon = "#E76E5C"; +export const ButtonDarkColorSchemeErrorStatesActiveBorder = "darken(#808080, 5)"; +export const ButtonDarkColorSchemeErrorStatesActiveBackground = "darken(#666666, 5)"; +export const ButtonSizeBorderWidth = "1px"; +export const ButtonSizeBorderRadius = "3px"; +export const ButtonSizeVerticalPadding = "6px"; +export const ButtonSizeHorizontalPadding = "16px"; +export const ButtonFontDefault = "body"; +export const ButtonFontPrimary = "body-strong"; +export const ButtonFontPrimaryTransparent = "body"; +export const IconButtonSizeVerticalPadding = "6px"; +export const IconButtonSizeHorizontalPadding = "8px"; +export const IconButtonSizeIconHorizontalPadding = "16px"; +export const CardLightColorSchemeErrorVerticalLine = "#E76E5C"; +export const CardLightColorSchemeErrorBackground = "#FCEFEC"; +export const CardLightColorSchemeErrorShadow = "#E6E6E6"; +export const CardLightColorSchemeWarningVerticalLine = "#F0D49B"; +export const CardLightColorSchemeWarningBackground = "#FCF5E8"; +export const CardLightColorSchemeWarningShadow = "#E6E6E6"; +export const CardLightColorSchemeSuccessVerticalLine = "#B4DEA4"; +export const CardLightColorSchemeSuccessBackground = "#EDF8E9"; +export const CardLightColorSchemeSuccessShadow = "#E6E6E6"; +export const CardLightColorSchemeInfoVerticalLine = "#AAD1EC"; +export const CardLightColorSchemeInfoBackground = "#EBF4FB"; +export const CardLightColorSchemeInfoShadow = "#E6E6E6"; +export const CardDarkColorSchemeErrorVerticalLine = "#E76E5C"; +export const CardDarkColorSchemeErrorBackground = "#832112"; +export const CardDarkColorSchemeErrorShadow = "#4D4D4D"; +export const CardDarkColorSchemeWarningVerticalLine = "#DFA739"; +export const CardDarkColorSchemeWarningBackground = "#7D5504"; +export const CardDarkColorSchemeWarningShadow = "#4D4D4D"; +export const CardDarkColorSchemeSuccessVerticalLine = "#6FBA53"; +export const CardDarkColorSchemeSuccessBackground = "#276211"; +export const CardDarkColorSchemeSuccessShadow = "#4D4D4D"; +export const CardDarkColorSchemeInfoVerticalLine = "#57A4D7"; +export const CardDarkColorSchemeInfoBackground = "#114E77"; +export const CardDarkColorSchemeInfoShadow = "#4D4D4D"; +export const CardSizeVerticalLine = "4px"; +export const CheckboxLightColorSchemeBorder = "#B3B3B3"; +export const CheckboxLightColorSchemeStatesCheckedBorder = "#3B8520"; +export const CheckboxLightColorSchemeStatesCheckedBackground = "#52A832"; +export const CheckboxLightColorSchemeStatesFocusedBorder = "#3B8520"; +export const CheckboxLightColorSchemeStatesFocusedShadow = "0 0 0 1px #3B8520"; +export const CheckboxDarkColorSchemeBorder = "#999999"; +export const CheckboxDarkColorSchemeStatesCheckedBorder = "#6FBA53"; +export const CheckboxDarkColorSchemeStatesCheckedBackground = "#3B8520"; +export const CheckboxDarkColorSchemeStatesFocusedBorder = "#6FBA53"; +export const CheckboxDarkColorSchemeStatesFocusedShadow = "0 0 0 1px #6FBA53"; +export const CheckboxSizeWidth = "16px"; +export const CheckboxSizeLabelMargin = "8px"; +export const CheckboxSizeBorderWidth = "1px"; +export const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0, 0.2)"; +export const CheckboxFontDefault = "body"; +export const DatepickerToggleSizeWidth = "30px"; +export const DatepickerToggleSizeHeight = "30px"; +export const DatepickerBodyLightColorSchemeStatesSelectedColor = "#52A832"; +export const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#DCF1D4"; +export const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#52A832"; +export const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#276211"; +export const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px"; +export const DatepickerBodySizeCellMinSize = "32px"; +export const DatepickerBodySizeCellMargin = "5%"; +export const DatepickerBodySizeCellPadding = "8px"; +export const DatepickerBodySizeCellBorderWidth = "1px"; +export const DatepickerBodyFontLabel = "body-strong"; +export const DatepickerBodyFontToday = "body-strong"; +export const DatepickerCalendarSizePaddingTop = "16px"; +export const DatepickerCalendarSizePaddingHorizontal = "8px"; +export const DatepickerCalendarSizePaddingBottom = "8px"; +export const DatepickerCalendarSizePaddingBlocks = "12px"; +export const DatepickerCalendarSizeDividerWidth = "1px"; +export const DatepickerCalendarSizeIconBorderWidth = "2px"; +export const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)"; +export const DatepickerCalendarSizeIconNexIconTransform = "translateX(-2px) rotate(45deg)"; +export const DatepickerCalendarFontDefault = "body"; +export const DatepickerCalendarFontHeader = "caption"; +export const DatepickerInputSizeWidth = "130px"; +export const DividerSizeWidth = "1px"; +export const DividerSizeInsetMargin = "80px"; +export const DescriptionListLightColorSchemeDt = "#999999"; +export const DescriptionListLightColorSchemeDd = "#4D4D4D"; +export const DescriptionListDarkColorSchemeDt = "#999999"; +export const DescriptionListDarkColorSchemeDd = "#F0F0F0"; +export const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)"; +export const DescriptionListSizeDtGridColumn = "1"; +export const DescriptionListSizeDdGridColumn = "2 / span 3"; +export const DescriptionListSizeHorizontalColumnGap = "16rem"; +export const DescriptionListSizeHorizontalRowGap = "12rem"; +export const DescriptionListSizeVerticalColumnGap = "0"; +export const DescriptionListSizeVerticalRowGap = "2rem"; +export const DescriptionListSizeVerticalDdMarginBottom = "16rem"; +export const DescriptionListFontHorizontalDt = "body"; +export const DescriptionListFontHorizontalDd = "body"; +export const DescriptionListFontVerticalDt = "caption"; +export const DescriptionListFontVerticalDd = "body"; +export const DropdownItemSizePadding = "5px 15px"; +export const DropdownItemSizeIconPadding = "0 8px 2px 0"; +export const DropdownItemFontDefault = "body"; +export const DropdownItemFontCaption = "caption"; +export const DropdownGroupHeaderSizeDefaultPadding = "6px 15px"; +export const DropdownGroupHeaderSizeSmallPadding = "8px 15px"; +export const DropdownGroupHeaderFontDefault = "body-strong"; +export const DropdownGroupHeaderFontSmall = "caption-caps"; +export const DropdownDividerSizeHeight = "1px"; +export const DropdownDividerSizeMargin = "4px 0"; +export const DropdownTriggerSizeIconPaddingRight = "8px"; +export const DropdownPanelSizeMaxWidth = "640px"; +export const DropdownPanelSizePadding = "4px 0"; +export const DropdownPanelSizeBorderWidth = "1px"; +export const DropdownPanelSizeBorderRadius = "3px"; +export const FormFieldLightColorSchemeBorder = "#B3B3B3"; +export const FormFieldLightColorSchemeBackground = "white"; +export const FormFieldLightColorSchemeStatesHoverBorder = "#999999"; +export const FormFieldLightColorSchemeStatesInvalidBorder = "#E76E5C"; +export const FormFieldLightColorSchemeStatesInvalidBackground = "transparent"; +export const FormFieldDarkColorSchemeBorder = "#999999"; +export const FormFieldDarkColorSchemeBackground = "#333333"; +export const FormFieldDarkColorSchemeStatesHoverBorder = "#CCCCCC"; +export const FormFieldDarkColorSchemeStatesInvalidBorder = "#E76E5C"; +export const FormFieldDarkColorSchemeStatesInvalidBackground = "transparent"; +export const FormFieldSizeBorderWidth = "1px"; +export const FormFieldSizeBorderRadius = "3px"; +export const FormFieldSizeButtonWidth = "32px"; +export const FormFieldFontDefault = "body"; +export const FormFieldHintSizeMarginTop = "4px"; +export const FormFieldHintFontDefault = "caption"; +export const FormFieldPasswordHintLightColorSchemeTextColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeIconColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#E04D36"; +export const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#449327"; +export const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#449327"; +export const FormFieldPasswordHintDarkColorSchemeTextColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeIconColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#E76E5C"; +export const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#6FBA53"; +export const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#6FBA53"; +export const FormFieldPasswordHintSizeMarginTop = "8px"; +export const FormFieldPasswordHintSizeIconMargin = "4px"; +export const FormFieldPasswordHintFontDefault = "caption"; +export const FormsLightColorSchemeLabel = "#999999"; +export const FormsLightColorSchemeLegend = "#4D4D4D"; +export const FormsDarkColorSchemeLabel = "#999999"; +export const FormsDarkColorSchemeLegend = "#F0F0F0"; +export const FormsSizeHorizontalRowMarginBottom = "20px"; +export const FormsSizeHorizontalLabelPaddingTop = "6px"; +export const FormsSizeHorizontalLabelPaddingBottom = "0"; +export const FormsSizeHorizontalControlPaddingLeft = "16px"; +export const FormsSizeHorizontalLegendMarginTop = "32px"; +export const FormsSizeHorizontalLegendMarginBottom = "16px"; +export const FormsSizeVerticalRowMarginBottom = "16px"; +export const FormsSizeVerticalLabelPaddingTop = "0"; +export const FormsSizeVerticalLabelPaddingBottom = "4px"; +export const FormsSizeVerticalControlPaddingLeft = "24px"; +export const FormsSizeVerticalLegendMarginTop = "32px"; +export const FormsSizeVerticalLegendMarginBottom = "12px"; +export const FormsFontDefaultLabel = "body"; +export const FormsFontDefaultLegend = "subheading"; +export const InputSizePadding = "5px 16px"; +export const InputSizeWidth = "100%"; +export const InputSizeMinHeight = "30px"; +export const InputFontDefault = "body"; +export const InputFontMonospace = "body-mono"; +export const LinkLightColorSchemeText = "#52A832"; +export const LinkLightColorSchemeBorderBottom = "rgba(#52A832, 0.32)"; +export const LinkLightColorSchemeStateVisitedText = "#6A2795"; +export const LinkLightColorSchemeStateVisitedBorderBottom = "rgba(106, 39, 149, 0.32)"; +export const LinkLightColorSchemeStateHoverText = "#3B8520"; +export const LinkLightColorSchemeStateHoverBorderBottom = "rgba(#3B8520, 0.32)"; +export const LinkLightColorSchemeStateActive = "#276211"; +export const LinkLightColorSchemeStateFocusedOutline = "#52A832"; +export const LinkDarkColorSchemeText = "#6FBA53"; +export const LinkDarkColorSchemeBorderBottom = "rgba(#6FBA53, 0.32)"; +export const LinkDarkColorSchemeStateVisitedText = "#a23ee2"; +export const LinkDarkColorSchemeStateVisitedBorderBottom = "rgba(162, 62, 226, 0.32)"; +export const LinkDarkColorSchemeStateHoverText = "#8FCC79"; +export const LinkDarkColorSchemeStateHoverBorderBottom = "rgba(#8FCC79, 0.32)"; +export const LinkDarkColorSchemeStateActive = "#8FCC79"; +export const LinkDarkColorSchemeStateFocusedOutline = "#6FBA53"; +export const LinkSizeIconMargin = "4px"; +export const LinkSizeStateFocusedOutlineOffset = "2px"; +export const LinkSizeStateFocusedOutlineWidth = "2px"; +export const LinkAnimationTransition = "color ease-out 300ms"; +export const LinkAnimationStateHoverTransition = "color 0ms"; +export const LinkFontDefault = "body"; +export const ListSizeHorizontalPadding = "16px"; +export const ListSizeIconPadding = "4px"; +export const ListSizeItemHeight = "32px"; +export const ListSizeIconWidth = "24px"; +export const ListFontItem = "body"; +export const ModalLightColorSchemeShadow = "(0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5))"; +export const ModalLightColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalLightColorSchemeBodyBottomShadow = "0 -2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalLightColorSchemeBackgroundMask = "rgba(0, 0, 0, 0.5)"; +export const ModalDarkColorSchemeShadow = "(0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5))"; +export const ModalDarkColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalDarkColorSchemeBodyBottomShadow = "0 -2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalDarkColorSchemeBackgroundMask = "rgba(0, 0, 0, 0.5)"; +export const ModalSizeSmall = "400px"; +export const ModalSizeNormal = "640px"; +export const ModalSizeLarge = "960px"; +export const ModalSizeTop = "48px"; +export const ModalSizeCloseWidth = "56px"; +export const ModalSizeBorderRadius = "4px"; +export const ModalSizeBorderWidth = "1px"; +export const ModalHeaderLightColorSchemeBorder = "#E6E6E6"; +export const ModalHeaderDarkColorSchemeBorder = "#666666"; +export const ModalHeaderSizeBorderRadius = "4px 4px 0 0"; +export const ModalHeaderSizePadding = "14px 16px"; +export const ModalHeaderFontDefault = "title"; +export const ModalBodySizeMaxHeight = "calc(100vh - 260px)"; +export const ModalBodySizePadding = "16px 24px 24px"; +export const ModalBodyFontDefault = "body"; +export const ModalFooterLightColorSchemeBorder = "#E6E6E6"; +export const ModalFooterDarkColorSchemeBorder = "#666666"; +export const ModalFooterSizeBorderRadius = "0 0 4px 4px"; +export const ModalFooterSizePadding = "16px 16px"; +export const ModalConfirmSizePadding = "24px"; +export const NavbarLightColorSchemeBackground = "#276211"; +export const NavbarLightColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)"; +export const NavbarDarkColorSchemeBackground = "#276211"; +export const NavbarDarkColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)"; +export const NavbarSizeIconMargin = "6px"; +export const NavbarFontTitle = "body"; +export const VerticalNavbarSizeStatesExpandedWidth = "240px"; +export const VerticalNavbarSizeStatesCollapsedWidth = "56px"; +export const VerticalNavbarSizeIconMargin = "16px"; +export const NavbarItemLightColorSchemeText = "#DCF1D4"; +export const NavbarItemLightColorSchemeIcon = "#DCF1D4"; +export const NavbarItemLightColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)"; +export const NavbarItemLightColorSchemeStatesSelected = "#4D4D4D"; +export const NavbarItemLightColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)"; +export const NavbarItemLightColorSchemeStatesProgress = "#163F07"; +export const NavbarItemLightColorSchemeStatesDisabledOpacity = 0.3; +export const NavbarItemDarkColorSchemeText = "#DCF1D4"; +export const NavbarItemDarkColorSchemeIcon = "#DCF1D4"; +export const NavbarItemDarkColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)"; +export const NavbarItemDarkColorSchemeStatesSelected = "#666666"; +export const NavbarItemDarkColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)"; +export const NavbarItemDarkColorSchemeStatesProgress = "#163F07"; +export const NavbarItemDarkColorSchemeStatesDisabledOpacity = 0.3; +export const NavbarItemSizePadding = "16px"; +export const NavbarItemSizeHeight = "48px"; +export const NavbarItemSizeHeightVertical = "56px"; +export const NavbarBrandSizePadding = "12px"; +export const NavbarBrandSizeMarginRight = "24px"; +export const NavbarBrandFontTitle = "title"; +export const OptgroupSizePaddingLeft = "17px"; +export const OptgroupFontDefault = "subheading"; +export const OptionSizeHorizontalPadding = "16px"; +export const OptionSizeHeight = "32px"; +export const OptionSizeBorderWidth = "2px"; +export const OptionFontDefault = "body"; +export const PopoverLightColorSchemeBackground = "white"; +export const PopoverLightColorSchemeText = "#4D4D4D"; +export const PopoverLightColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopoverLightColorSchemeBorder = "#B3B3B3"; +export const PopoverDarkColorSchemeBackground = "#4D4D4D"; +export const PopoverDarkColorSchemeText = "#F0F0F0"; +export const PopoverDarkColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopoverDarkColorSchemeBorder = "#4D4D4D"; +export const PopoverSizeMaxHeight = "480px"; +export const PopoverSizePadding = "16px"; +export const PopoverSizeBorderRadius = "3px"; +export const PopoverSizeArrowSize = "12px"; +export const PopoverSizeTriggerMargin = "9px"; +export const PopoverSizeSmallWidth = "200px"; +export const PopoverSizeNormalWidth = "400px"; +export const PopoverSizeLargeWidth = "640px"; +export const PopoverFontDefault = "body"; +export const PopoverHeaderLightColorSchemeBorder = "#E6E6E6"; +export const PopoverHeaderLightColorSchemeText = "#4D4D4D"; +export const PopoverHeaderLightColorSchemeBackground = "white"; +export const PopoverHeaderDarkColorSchemeBorder = "transparent"; +export const PopoverHeaderDarkColorSchemeText = "#F0F0F0"; +export const PopoverHeaderDarkColorSchemeBackground = "#4D4D4D"; +export const PopoverHeaderSizeHeight = "10px 16px"; +export const PopoverHeaderSizePadding = "10px 16px"; +export const PopoverHeaderFontDefault = "subheading"; +export const PopoverFooterLightColorSchemeBorder = "#F0F0F0"; +export const PopoverFooterLightColorSchemeBackground = "#F0F0F0"; +export const PopoverFooterDarkColorSchemeBorder = "transparent"; +export const PopoverFooterDarkColorSchemeBackground = "transparent"; +export const PopoverFooterSizeMarginTop = "8px"; +export const PopoverFooterSizePadding = "12px 16px"; +export const PopoverFooterSizeHeight = "56px"; +export const PopoverFooterFontDefault = "body"; +export const PopupLightColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopupLightColorSchemeBorder = "#B3B3B3"; +export const PopupLightColorSchemeDivider = "#CCCCCC"; +export const PopupLightColorSchemeBackground = "white"; +export const PopupLightColorSchemeFooterBackground = "#F0F0F0"; +export const PopupDarkColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopupDarkColorSchemeBorder = "#999999"; +export const PopupDarkColorSchemeDivider = "#666666"; +export const PopupDarkColorSchemeBackground = "#4D4D4D"; +export const PopupDarkColorSchemeFooterBackground = "transparent"; +export const ProgressBarLightColorSchemeBackground = "#F0F0F0"; +export const ProgressBarDarkColorSchemeBackground = "#666666"; +export const ProgressBarSizeHeight = "4px"; +export const ProgressSpinnerSizeSize = "16px"; +export const RadioLightColorSchemeOuterCircleBorder = "#B3B3B3"; +export const RadioLightColorSchemeInnerCircleBorder = "transparent"; +export const RadioLightColorSchemeStatesCheckedOuterCircleBorder = "#52A832"; +export const RadioLightColorSchemeStatesCheckedInnerCircleBorder = "#52A832"; +export const RadioLightColorSchemeStatesFocusedOuterCircleBorder = "#52A832"; +export const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #B3B3B3"; +export const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px white"; +export const RadioDarkColorSchemeOuterCircleBorder = "#999999"; +export const RadioDarkColorSchemeInnerCircleBorder = "transparent"; +export const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#6FBA53"; +export const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#3B8520"; +export const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#6FBA53"; +export const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #6FBA53"; +export const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px #333333"; +export const RadioSizeSize = "14px"; +export const RadioSizeLabelMargin = "8px"; +export const RadioFontDefault = "body"; +export const SelectSizeHeight = "30px"; +export const SelectSizeLeftPadding = "16px"; +export const SelectSizeRightPadding = "8px"; +export const SelectSizeLeftPaddingMultiple = "8px"; +export const SelectFontDefault = "body"; +export const SelectPanelSizeMaxHeight = "232px"; +export const SelectPanelSizeMaxWidth = "640px"; +export const SelectPanelSizeVerticalPadding = "4px"; +export const SelectPanelSizeBorderWidth = "1px"; +export const SelectPanelSizeBorderRadius = "3px"; +export const SelectPanelFontDefault = "body"; +export const SidepanelLightColorSchemeBorder = "#B3B3B3"; +export const SidepanelDarkColorSchemeBorder = "#333333"; +export const SidepanelFontDefault = "body"; +export const SidepanelHeaderSizePadding = "14px 16px"; +export const SidepanelHeaderSizeClosePadding = "0 0 0 8px"; +export const SidepanelHeaderFontDefault = "title"; +export const SidepanelFooterSizePadding = "16px"; +export const SidepanelFooterFontDefault = "body"; +export const TableSizeBorderWidth = "1px"; +export const TableSizeRowPaddingVertical = "8px"; +export const TableSizeRowPaddingHorizontal = "16px"; +export const TableFontHeader = "caption"; +export const TableFontBody = "body"; +export const TabsLightColorSchemeBorder = "#B3B3B3"; +export const TabsLightColorSchemeStateNormalIcon = "#999999"; +export const TabsLightColorSchemeStateNormalText = "#4D4D4D"; +export const TabsLightColorSchemeStateHoverIcon = "#4D4D4D"; +export const TabsLightColorSchemeStateHoverText = "#4D4D4D"; +export const TabsLightColorSchemeStateActiveMarkerColor = "#52A832"; +export const TabsLightColorSchemeStateEmptyIcon = "#B3B3B3"; +export const TabsLightColorSchemeStateEmptyText = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledIcon = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledText = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledMarkerOpacity = "0.3"; +export const TabsDarkColorSchemeBorder = "#B3B3B3"; +export const TabsDarkColorSchemeStateNormalIcon = "#999999"; +export const TabsDarkColorSchemeStateNormalText = "#F0F0F0"; +export const TabsDarkColorSchemeStateHoverIcon = "#F0F0F0"; +export const TabsDarkColorSchemeStateHoverText = "#F0F0F0"; +export const TabsDarkColorSchemeStateActiveMarkerColor = "#6FBA53"; +export const TabsDarkColorSchemeStateEmptyIcon = "#999999"; +export const TabsDarkColorSchemeStateEmptyText = "#999999"; +export const TabsDarkColorSchemeStateDisabledIcon = "#999999"; +export const TabsDarkColorSchemeStateDisabledText = "#999999"; +export const TabsDarkColorSchemeStateDisabledMarkerOpacity = "0.3"; +export const TabsSizeHeight = "40px"; +export const TabsSizeHighlightHeight = "4px"; +export const TabsSizePaddingHorizontal = "16px"; +export const TabsSizeBorderWidth = "1px"; +export const TabsSizeBorderRadius = "3px"; +export const TabsSizeLabelIconMargin = "8px"; +export const TabsFontDefault = "body"; +export const VerticalTabsLightColorSchemeStateNormalBackground = "transparent"; +export const VerticalTabsLightColorSchemeStateSelectedBackground = "#DCF1D4"; +export const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)"; +export const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#DCF1D4, $saturation:-22%, $lightness:-5%)"; +export const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent"; +export const VerticalTabsDarkColorSchemeStateSelectedBackground = "#276211"; +export const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(black, 0.05)"; +export const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#276211, $lightness:-1%)"; +export const TagsLightColorSchemePrimaryBackground = "#DCF1D4"; +export const TagsLightColorSchemePrimaryBorder = "#DCF1D4"; +export const TagsLightColorSchemePrimaryText = "#52A832"; +export const TagsLightColorSchemePrimaryIcon = "mix(#6FBA53, rgba(black, 0.05))"; +export const TagsLightColorSchemePrimaryStatesHoverIcon = "#3B8520"; +export const TagsLightColorSchemePrimaryStatesFocused = "#52A832"; +export const TagsLightColorSchemePrimaryStatesDisabledText = "mix(#52A832, transparent, 50%)"; +export const TagsLightColorSchemePrimaryStatesDisabledBackground = "mix(#52A832, transparent, 10%)"; +export const TagsLightColorSchemeSecondBackground = "#E6E6E6"; +export const TagsLightColorSchemeSecondBorder = "#E6E6E6"; +export const TagsLightColorSchemeSecondText = "#4D4D4D"; +export const TagsLightColorSchemeSecondIcon = "mix(#999999, rgba(black, 0.05))"; +export const TagsLightColorSchemeSecondStatesHoverIcon = "#999999"; +export const TagsLightColorSchemeSecondStatesFocused = "#52A832"; +export const TagsLightColorSchemeSecondStatesDisabledText = "mix(#B3B3B3, transparent, 50%)"; +export const TagsLightColorSchemeSecondStatesDisabledBackground = "mix(#B3B3B3, transparent, 10%)"; +export const TagsLightColorSchemeErrorBackground = "#FADEDA"; +export const TagsLightColorSchemeErrorBorder = "#FADEDA"; +export const TagsLightColorSchemeErrorText = "#E76E5C"; +export const TagsLightColorSchemeErrorIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsLightColorSchemeErrorStatesHoverIcon = "#E04D36"; +export const TagsLightColorSchemeErrorStatesFocused = "#E76E5C"; +export const TagsLightColorSchemeErrorStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsLightColorSchemeErrorStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsDarkColorSchemePrimaryBackground = "#276211"; +export const TagsDarkColorSchemePrimaryBorder = "#276211"; +export const TagsDarkColorSchemePrimaryText = "#B4DEA4"; +export const TagsDarkColorSchemePrimaryIcon = "mix(#6FBA53, rgba(black, 0.05))"; +export const TagsDarkColorSchemePrimaryStatesHoverIcon = "#52A832"; +export const TagsDarkColorSchemePrimaryStatesFocused = "#6FBA53"; +export const TagsDarkColorSchemePrimaryStatesDisabledText = "mix(#6FBA53, transparent, 50%)"; +export const TagsDarkColorSchemePrimaryStatesDisabledBackground = "mix(#6FBA53, transparent, 10%)"; +export const TagsDarkColorSchemeSecondBackground = "#4D4D4D"; +export const TagsDarkColorSchemeSecondBorder = "#4D4D4D"; +export const TagsDarkColorSchemeSecondText = "#CCCCCC"; +export const TagsDarkColorSchemeSecondIcon = "mix(#999999, rgba(black, 0.05))"; +export const TagsDarkColorSchemeSecondStatesHoverIcon = "#E6E6E6"; +export const TagsDarkColorSchemeSecondStatesFocused = "#6FBA53"; +export const TagsDarkColorSchemeSecondStatesDisabledText = "mix(#999999, transparent, 50%)"; +export const TagsDarkColorSchemeSecondStatesDisabledBackground = "mix(#999999, transparent, 10%)"; +export const TagsDarkColorSchemeErrorBackground = "#832112"; +export const TagsDarkColorSchemeErrorBorder = "#832112"; +export const TagsDarkColorSchemeErrorText = "#F4B7AE"; +export const TagsDarkColorSchemeErrorIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsDarkColorSchemeErrorStatesHoverIcon = "#F4B7AE"; +export const TagsDarkColorSchemeErrorStatesFocused = "#E76E5C"; +export const TagsDarkColorSchemeErrorStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsDarkColorSchemeErrorStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsSizeMargin = "2px"; +export const TagsSizeHeight = "24px"; +export const TagsSizeBorderWidth = "1px"; +export const TagsSizeBorderRadius = "4px"; +export const TagsSizeIconPadding = "3px"; +export const TagsSizeTextMargin = "8px"; +export const TagsFontDefault = "caption"; +export const TagsFontMono = "caption-mono"; +export const TagsFontCaps = "caption-caps"; +export const TagListSizePadding = "1px 6px"; +export const TagListSizeMinHeight = "30px"; +export const TagInputSizeHeight = "22px"; +export const TagInputSizeMargin = "2px 4px"; +export const TagInputFontDefault = "body"; +export const TextareaSizeMinHeight = "50px"; +export const TextareaSizePadding = "5px 16px"; +export const TextareaFontDefault = "body"; +export const TextareaFontMono = "body-mono"; +export const TimepickerSizePaddingRight = "16px"; +export const ToggleLightColorSchemeBorder = "#B3B3B3"; +export const ToggleLightColorSchemeBackground = "linear-gradient(to bottom, #E6E6E6, #F0F0F0)"; +export const ToggleLightColorSchemeCircleBorder = "#B3B3B3"; +export const ToggleLightColorSchemeCircleBackground = "linear-gradient(to bottom, white, #E6E6E6)"; +export const ToggleLightColorSchemeStatesFocusedShadow = "inset 0 0 0 1px white, 0 0 0 2px #52A832"; +export const ToggleLightColorSchemePrimaryCheckedBorderColor = "#52A832"; +export const ToggleLightColorSchemePrimaryCheckedBackground = "#52A832"; +export const ToggleLightColorSchemeErrorCheckedBorderColor = "#E76E5C"; +export const ToggleLightColorSchemeErrorCheckedBackground = "#E76E5C"; +export const ToggleDarkColorSchemeBorder = "#808080"; +export const ToggleDarkColorSchemeBackground = "#333333"; +export const ToggleDarkColorSchemeCircleBorder = "#808080"; +export const ToggleDarkColorSchemeCircleBackground = "white"; +export const ToggleDarkColorSchemeStatesFocusedShadow = "inset 0 0 0 1px #333333, 0 0 0 2px #6FBA53"; +export const ToggleDarkColorSchemePrimaryCheckedBorderColor = "#6FBA53"; +export const ToggleDarkColorSchemePrimaryCheckedBackground = "#6FBA53"; +export const ToggleDarkColorSchemeErrorCheckedBorderColor = "#E76E5C"; +export const ToggleDarkColorSchemeErrorCheckedBackground = "#E76E5C"; +export const ToggleSizeHeight = "16px"; +export const ToggleSizeWidth = "28px"; +export const ToggleSizeBorderRadius = "9px"; +export const ToggleSizeLabelMargin = "8px"; +export const ToggleFontDefault = "body"; +export const ToggleSmallSizeHeight = "14px"; +export const ToggleSmallSizeWidth = "24px"; +export const ToggleSmallSizeBorderRadius = "8px"; +export const ToggleSmallFontDefault = "caption"; +export const TooltipLightColorSchemeBackground = "#4D4D4D"; +export const TooltipLightColorSchemeText = "white"; +export const TooltipLightColorSchemeBorder = "transparent"; +export const TooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const TooltipLightColorSchemeWarningBackground = "#FCF5E8"; +export const TooltipLightColorSchemeWarningText = "#4D4D4D"; +export const TooltipLightColorSchemeWarningBorder = "#F0D49B"; +export const TooltipDarkColorSchemeBackground = "#F5F5F5"; +export const TooltipDarkColorSchemeText = "#4D4D4D"; +export const TooltipDarkColorSchemeBorder = "transparent"; +export const TooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const TooltipDarkColorSchemeWarningBackground = "#FCF5E8"; +export const TooltipDarkColorSchemeWarningText = "#4D4D4D"; +export const TooltipDarkColorSchemeWarningBorder = "#F0D49B"; +export const TooltipSizeMaxWidth = "300px"; +export const TooltipSizeBorderWidth = "1px"; +export const TooltipSizeBorderRadius = "3px"; +export const TooltipSizePadding = "8px 16px"; +export const TooltipSizeArrowSize = "12px"; +export const TooltipSizeTriggerMargin = "9px"; +export const TooltipFontDefault = "caption"; +export const ExtendedTooltipLightColorSchemeBackground = "white"; +export const ExtendedTooltipLightColorSchemeText = "#4D4D4D"; +export const ExtendedTooltipLightColorSchemeBorder = "#B3B3B3"; +export const ExtendedTooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const ExtendedTooltipDarkColorSchemeBackground = "#4D4D4D"; +export const ExtendedTooltipDarkColorSchemeText = "#F0F0F0"; +export const ExtendedTooltipDarkColorSchemeBorder = "#999999"; +export const ExtendedTooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const ExtendedTooltipSizeBorderRadius = "3px"; +export const ExtendedTooltipSizeArrowSize = "12px"; +export const ExtendedTooltipSizeTriggerMargin = "9px"; +export const ExtendedTooltipSizePadding = "8px 16px"; +export const ExtendedTooltipSizeMaxHeight = "480px"; +export const ExtendedTooltipFontDefault = "caption"; +export const ExtendedTooltipHeaderLightColorSchemeBorder = "#E6E6E6"; +export const ExtendedTooltipHeaderLightColorSchemeText = "#4D4D4D"; +export const ExtendedTooltipHeaderLightColorSchemeBackground = "white"; +export const ExtendedTooltipHeaderDarkColorSchemeBorder = "#F0F0F0"; +export const ExtendedTooltipHeaderDarkColorSchemeText = "#F0F0F0"; +export const ExtendedTooltipHeaderDarkColorSchemeBackground = "#4D4D4D"; +export const ExtendedTooltipHeaderSizeHeight = "40px"; +export const ExtendedTooltipHeaderSizePadding = "10px 16px"; +export const ExtendedTooltipHeaderFontDefault = "subheading"; +export const TreeSizeNodeHeight = "32px"; +export const TreeSizePaddingLeft = "8px"; +export const TreeSizePaddingRight = "16px"; +export const TreeFontNode = "body"; \ No newline at end of file diff --git a/packages/docs/src/styles/legacy-2017/red-theme/_palette.scss b/packages/docs/src/styles/legacy-2017/red-theme/_palette.scss new file mode 100644 index 000000000..080964984 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/red-theme/_palette.scss @@ -0,0 +1,527 @@ +$light-color-scheme-primary-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-second-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$light-color-scheme-error-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-info-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$light-color-scheme-success-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-warning-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-primary-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-second-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$dark-color-scheme-error-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-info-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$dark-color-scheme-success-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-warning-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-blue-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$color-green-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-red-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-grey-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$color-yellow-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); diff --git a/packages/docs/src/styles/legacy-2017/red-theme/_theme.scss b/packages/docs/src/styles/legacy-2017/red-theme/_theme.scss new file mode 100644 index 000000000..a47144406 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/red-theme/_theme.scss @@ -0,0 +1,24 @@ +@import '../../../../../mosaic/core/theming/theming'; +@import './tokens'; + + +$light-primary: mc-palette($light-color-scheme-primary-palette, $light-color-scheme-primary-default); +$light-second: mc-palette($light-color-scheme-second-palette, $light-color-scheme-second-default); +$light-error: mc-palette($light-color-scheme-error-palette, $light-color-scheme-error-default); + +$light-info: mc-palette($light-color-scheme-info-palette, $light-color-scheme-info-default); +$light-success: mc-palette($light-color-scheme-success-palette, $light-color-scheme-success-default); +$light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-scheme-warning-default); + +$legacy-2017-light-red-theme: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); + + +$dark-primary: mc-palette($dark-color-scheme-primary-palette, $dark-color-scheme-primary-default); +$dark-second: mc-palette($dark-color-scheme-second-palette, $dark-color-scheme-second-default); +$dark-error: mc-palette($dark-color-scheme-error-palette, $dark-color-scheme-error-default); + +$dark-info: mc-palette($dark-color-scheme-info-palette, $dark-color-scheme-info-default); +$dark-success: mc-palette($dark-color-scheme-success-palette, $dark-color-scheme-success-default); +$dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme-warning-default); + +$legacy-2017-dark-red-theme: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); diff --git a/packages/docs/src/styles/legacy-2017/red-theme/_typography.scss b/packages/docs/src/styles/legacy-2017/red-theme/_typography.scss new file mode 100644 index 000000000..74c166673 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/red-theme/_typography.scss @@ -0,0 +1,309 @@ +$typography-display-1-font-size: 56px; +$typography-display-1-line-height: 76px; +$typography-display-1-letter-spacing: -0.4px; +$typography-display-1-font-weight: normal; +$typography-display-1-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-1-text-transform: null; +$typography-display-1-font-feature-settings: null; +$typography-display-2-font-size: 45px; +$typography-display-2-line-height: 56px; +$typography-display-2-letter-spacing: normal; +$typography-display-2-font-weight: normal; +$typography-display-2-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-2-text-transform: null; +$typography-display-2-font-feature-settings: null; +$typography-display-3-font-size: 34px; +$typography-display-3-line-height: 44px; +$typography-display-3-letter-spacing: 0.25px; +$typography-display-3-font-weight: normal; +$typography-display-3-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-3-text-transform: null; +$typography-display-3-font-feature-settings: null; +$typography-headline-font-size: 24px; +$typography-headline-line-height: 32px; +$typography-headline-letter-spacing: normal; +$typography-headline-font-weight: normal; +$typography-headline-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-headline-text-transform: null; +$typography-headline-font-feature-settings: null; +$typography-title-font-size: 20px; +$typography-title-line-height: 28px; +$typography-title-letter-spacing: 0.15px; +$typography-title-font-weight: 500; +$typography-title-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-title-text-transform: null; +$typography-title-font-feature-settings: null; +$typography-subheading-font-size: 15px; +$typography-subheading-line-height: 20px; +$typography-subheading-letter-spacing: 0.15px; +$typography-subheading-font-weight: 700; +$typography-subheading-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-subheading-text-transform: null; +$typography-subheading-font-feature-settings: null; +$typography-body-font-size: 15px; +$typography-body-line-height: 20px; +$typography-body-letter-spacing: 0.15px; +$typography-body-font-weight: normal; +$typography-body-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-text-transform: null; +$typography-body-font-feature-settings: null; +$typography-body-tabular-font-size: 15px; +$typography-body-tabular-line-height: 20px; +$typography-body-tabular-letter-spacing: 0.15px; +$typography-body-tabular-font-weight: normal; +$typography-body-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-tabular-text-transform: null; +$typography-body-tabular-font-feature-settings: "tnum" on; +$typography-body-strong-font-size: 15px; +$typography-body-strong-line-height: 20px; +$typography-body-strong-letter-spacing: -0.009em; +$typography-body-strong-font-weight: 500; +$typography-body-strong-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-strong-text-transform: null; +$typography-body-strong-font-feature-settings: null; +$typography-body-caps-font-size: 15px; +$typography-body-caps-line-height: 20px; +$typography-body-caps-letter-spacing: 1.7px; +$typography-body-caps-font-weight: normal; +$typography-body-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-caps-text-transform: uppercase; +$typography-body-caps-font-feature-settings: null; +$typography-body-mono-font-size: 15px; +$typography-body-mono-line-height: 20px; +$typography-body-mono-letter-spacing: normal; +$typography-body-mono-font-weight: normal; +$typography-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-body-mono-text-transform: null; +$typography-body-mono-font-feature-settings: null; +$typography-caption-font-size: 13px; +$typography-caption-line-height: 16px; +$typography-caption-letter-spacing: 0.25px; +$typography-caption-font-weight: normal; +$typography-caption-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-text-transform: null; +$typography-caption-font-feature-settings: null; +$typography-caption-tabular-font-size: 13px; +$typography-caption-tabular-line-height: 16px; +$typography-caption-tabular-letter-spacing: 0.25px; +$typography-caption-tabular-font-weight: normal; +$typography-caption-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-tabular-text-transform: null; +$typography-caption-tabular-font-feature-settings: "tnum" on; +$typography-caption-caps-font-size: 13px; +$typography-caption-caps-line-height: 16px; +$typography-caption-caps-letter-spacing: 1.5px; +$typography-caption-caps-font-weight: normal; +$typography-caption-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-caps-text-transform: uppercase; +$typography-caption-caps-font-feature-settings: null; +$typography-caption-mono-font-size: 13px; +$typography-caption-mono-line-height: 16px; +$typography-caption-mono-letter-spacing: normal; +$typography-caption-mono-font-weight: normal; +$typography-caption-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-caption-mono-text-transform: null; +$typography-caption-mono-font-feature-settings: null; +$typography-small-text-font-size: 13px; +$typography-small-text-line-height: 16px; +$typography-small-text-letter-spacing: 0.25px; +$typography-small-text-font-weight: normal; +$typography-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-small-text-text-transform: null; +$typography-small-text-font-feature-settings: null; +$typography-extra-small-text-font-size: 11px; +$typography-extra-small-text-line-height: 16px; +$typography-extra-small-text-letter-spacing: 0.22px; +$typography-extra-small-text-font-weight: normal; +$typography-extra-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-extra-small-text-text-transform: null; +$typography-extra-small-text-font-feature-settings: null; +$typography-extra-small-text-caps-font-size: 11px; +$typography-extra-small-text-caps-line-height: 16px; +$typography-extra-small-text-caps-letter-spacing: 1px; +$typography-extra-small-text-caps-font-weight: normal; +$typography-extra-small-text-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-extra-small-text-caps-text-transform: uppercase; +$typography-extra-small-text-caps-font-feature-settings: null; +$typography-extra-small-text-mono-font-size: 11px; +$typography-extra-small-text-mono-line-height: 16px; +$typography-extra-small-text-mono-letter-spacing: 0px; +$typography-extra-small-text-mono-font-weight: normal; +$typography-extra-small-text-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-extra-small-text-mono-text-transform: null; +$typography-extra-small-text-mono-font-feature-settings: null; + +$mosaic: ( + 'typography': ( + 'display-1': ( + 'font-size': $typography-display-1-font-size, + 'line-height': $typography-display-1-line-height, + 'letter-spacing': $typography-display-1-letter-spacing, + 'font-weight': $typography-display-1-font-weight, + 'font-family': $typography-display-1-font-family, + 'text-transform': $typography-display-1-text-transform, + 'font-feature-settings': $typography-display-1-font-feature-settings + ), + 'display-2': ( + 'font-size': $typography-display-2-font-size, + 'line-height': $typography-display-2-line-height, + 'letter-spacing': $typography-display-2-letter-spacing, + 'font-weight': $typography-display-2-font-weight, + 'font-family': $typography-display-2-font-family, + 'text-transform': $typography-display-2-text-transform, + 'font-feature-settings': $typography-display-2-font-feature-settings + ), + 'display-3': ( + 'font-size': $typography-display-3-font-size, + 'line-height': $typography-display-3-line-height, + 'letter-spacing': $typography-display-3-letter-spacing, + 'font-weight': $typography-display-3-font-weight, + 'font-family': $typography-display-3-font-family, + 'text-transform': $typography-display-3-text-transform, + 'font-feature-settings': $typography-display-3-font-feature-settings + ), + 'headline': ( + 'font-size': $typography-headline-font-size, + 'line-height': $typography-headline-line-height, + 'letter-spacing': $typography-headline-letter-spacing, + 'font-weight': $typography-headline-font-weight, + 'font-family': $typography-headline-font-family, + 'text-transform': $typography-headline-text-transform, + 'font-feature-settings': $typography-headline-font-feature-settings + ), + 'title': ( + 'font-size': $typography-title-font-size, + 'line-height': $typography-title-line-height, + 'letter-spacing': $typography-title-letter-spacing, + 'font-weight': $typography-title-font-weight, + 'font-family': $typography-title-font-family, + 'text-transform': $typography-title-text-transform, + 'font-feature-settings': $typography-title-font-feature-settings + ), + 'subheading': ( + 'font-size': $typography-subheading-font-size, + 'line-height': $typography-subheading-line-height, + 'letter-spacing': $typography-subheading-letter-spacing, + 'font-weight': $typography-subheading-font-weight, + 'font-family': $typography-subheading-font-family, + 'text-transform': $typography-subheading-text-transform, + 'font-feature-settings': $typography-subheading-font-feature-settings + ), + 'body': ( + 'font-size': $typography-body-font-size, + 'line-height': $typography-body-line-height, + 'letter-spacing': $typography-body-letter-spacing, + 'font-weight': $typography-body-font-weight, + 'font-family': $typography-body-font-family, + 'text-transform': $typography-body-text-transform, + 'font-feature-settings': $typography-body-font-feature-settings + ), + 'body-tabular': ( + 'font-size': $typography-body-tabular-font-size, + 'line-height': $typography-body-tabular-line-height, + 'letter-spacing': $typography-body-tabular-letter-spacing, + 'font-weight': $typography-body-tabular-font-weight, + 'font-family': $typography-body-tabular-font-family, + 'text-transform': $typography-body-tabular-text-transform, + 'font-feature-settings': $typography-body-tabular-font-feature-settings + ), + 'body-strong': ( + 'font-size': $typography-body-strong-font-size, + 'line-height': $typography-body-strong-line-height, + 'letter-spacing': $typography-body-strong-letter-spacing, + 'font-weight': $typography-body-strong-font-weight, + 'font-family': $typography-body-strong-font-family, + 'text-transform': $typography-body-strong-text-transform, + 'font-feature-settings': $typography-body-strong-font-feature-settings + ), + 'body-caps': ( + 'font-size': $typography-body-caps-font-size, + 'line-height': $typography-body-caps-line-height, + 'letter-spacing': $typography-body-caps-letter-spacing, + 'font-weight': $typography-body-caps-font-weight, + 'font-family': $typography-body-caps-font-family, + 'text-transform': $typography-body-caps-text-transform, + 'font-feature-settings': $typography-body-caps-font-feature-settings + ), + 'body-mono': ( + 'font-size': $typography-body-mono-font-size, + 'line-height': $typography-body-mono-line-height, + 'letter-spacing': $typography-body-mono-letter-spacing, + 'font-weight': $typography-body-mono-font-weight, + 'font-family': $typography-body-mono-font-family, + 'text-transform': $typography-body-mono-text-transform, + 'font-feature-settings': $typography-body-mono-font-feature-settings + ), + 'caption': ( + 'font-size': $typography-caption-font-size, + 'line-height': $typography-caption-line-height, + 'letter-spacing': $typography-caption-letter-spacing, + 'font-weight': $typography-caption-font-weight, + 'font-family': $typography-caption-font-family, + 'text-transform': $typography-caption-text-transform, + 'font-feature-settings': $typography-caption-font-feature-settings + ), + 'caption-tabular': ( + 'font-size': $typography-caption-tabular-font-size, + 'line-height': $typography-caption-tabular-line-height, + 'letter-spacing': $typography-caption-tabular-letter-spacing, + 'font-weight': $typography-caption-tabular-font-weight, + 'font-family': $typography-caption-tabular-font-family, + 'text-transform': $typography-caption-tabular-text-transform, + 'font-feature-settings': $typography-caption-tabular-font-feature-settings + ), + 'caption-caps': ( + 'font-size': $typography-caption-caps-font-size, + 'line-height': $typography-caption-caps-line-height, + 'letter-spacing': $typography-caption-caps-letter-spacing, + 'font-weight': $typography-caption-caps-font-weight, + 'font-family': $typography-caption-caps-font-family, + 'text-transform': $typography-caption-caps-text-transform, + 'font-feature-settings': $typography-caption-caps-font-feature-settings + ), + 'caption-mono': ( + 'font-size': $typography-caption-mono-font-size, + 'line-height': $typography-caption-mono-line-height, + 'letter-spacing': $typography-caption-mono-letter-spacing, + 'font-weight': $typography-caption-mono-font-weight, + 'font-family': $typography-caption-mono-font-family, + 'text-transform': $typography-caption-mono-text-transform, + 'font-feature-settings': $typography-caption-mono-font-feature-settings + ), + 'small-text': ( + 'font-size': $typography-small-text-font-size, + 'line-height': $typography-small-text-line-height, + 'letter-spacing': $typography-small-text-letter-spacing, + 'font-weight': $typography-small-text-font-weight, + 'font-family': $typography-small-text-font-family, + 'text-transform': $typography-small-text-text-transform, + 'font-feature-settings': $typography-small-text-font-feature-settings + ), + 'extra-small-text': ( + 'font-size': $typography-extra-small-text-font-size, + 'line-height': $typography-extra-small-text-line-height, + 'letter-spacing': $typography-extra-small-text-letter-spacing, + 'font-weight': $typography-extra-small-text-font-weight, + 'font-family': $typography-extra-small-text-font-family, + 'text-transform': $typography-extra-small-text-text-transform, + 'font-feature-settings': $typography-extra-small-text-font-feature-settings + ), + 'extra-small-text-caps': ( + 'font-size': $typography-extra-small-text-caps-font-size, + 'line-height': $typography-extra-small-text-caps-line-height, + 'letter-spacing': $typography-extra-small-text-caps-letter-spacing, + 'font-weight': $typography-extra-small-text-caps-font-weight, + 'font-family': $typography-extra-small-text-caps-font-family, + 'text-transform': $typography-extra-small-text-caps-text-transform, + 'font-feature-settings': $typography-extra-small-text-caps-font-feature-settings + ), + 'extra-small-text-mono': ( + 'font-size': $typography-extra-small-text-mono-font-size, + 'line-height': $typography-extra-small-text-mono-line-height, + 'letter-spacing': $typography-extra-small-text-mono-letter-spacing, + 'font-weight': $typography-extra-small-text-mono-font-weight, + 'font-family': $typography-extra-small-text-mono-font-family, + 'text-transform': $typography-extra-small-text-mono-text-transform, + 'font-feature-settings': $typography-extra-small-text-mono-font-feature-settings + ) + ) +); diff --git a/packages/docs/src/styles/legacy-2017/red-theme/_variables.scss b/packages/docs/src/styles/legacy-2017/red-theme/_variables.scss new file mode 100644 index 000000000..6b53c7481 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/red-theme/_variables.scss @@ -0,0 +1,899 @@ + +// Do not edit directly + +$light-color-scheme-primary-default: #E04D36; +$light-color-scheme-second-default: #B3B3B3; +$light-color-scheme-error-default: #E76E5C; +$light-color-scheme-info-default: #AAD1EC; +$light-color-scheme-success-default: #B4DEA4; +$light-color-scheme-warning-default: #F0D49B; +$light-color-scheme-foreground-text: #4D4D4D; +$light-color-scheme-foreground-text-less-contrast: #999999; +$light-color-scheme-foreground-text-disabled: #B3B3B3; +$light-color-scheme-foreground-text-error: #E04D36; +$light-color-scheme-foreground-text-success: #449327; +$light-color-scheme-foreground-divider: #E6E6E6; +$light-color-scheme-foreground-border: #B3B3B3; +$light-color-scheme-foreground-icon: #999999; +$light-color-scheme-background-background: white; +$light-color-scheme-background-background-disabled: #F0F0F0; +$light-color-scheme-background-overlay-hover: rgba(black, 0.05); +$light-color-scheme-background-overlay-active: rgba(black, 0.1); +$light-color-scheme-background-overlay-disabled: rgba(white, 0.3); +$light-color-scheme-states-focused-color: #E04D36; +$light-color-scheme-states-selected-color: #FADEDA; +$light-color-scheme-states-pressed-shadow: inset 0 1px 2px 0 rgba(black, 0.2); +$light-color-scheme-states-disabled-opacity: 0.3; +$dark-color-scheme-primary-default: #E76E5C; +$dark-color-scheme-second-default: #999999; +$dark-color-scheme-error-default: #E76E5C; +$dark-color-scheme-info-default: #57A4D7; +$dark-color-scheme-success-default: #6FBA53; +$dark-color-scheme-warning-default: #DFA739; +$dark-color-scheme-foreground-text: #F0F0F0; +$dark-color-scheme-foreground-text-less-contrast: #999999; +$dark-color-scheme-foreground-text-disabled: #999999; +$dark-color-scheme-foreground-text-error: #E76E5C; +$dark-color-scheme-foreground-text-success: #6FBA53; +$dark-color-scheme-foreground-divider: #666666; +$dark-color-scheme-foreground-border: #808080; +$dark-color-scheme-foreground-icon: #999999; +$dark-color-scheme-background-background: #333333; +$dark-color-scheme-background-background-disabled: #666666; +$dark-color-scheme-background-overlay-hover: rgba(black, 0.05); +$dark-color-scheme-background-overlay-active: rgba(black, 0.1); +$dark-color-scheme-background-overlay-disabled: rgba(white, 0.2); +$dark-color-scheme-states-focused-color: #E76E5C; +$dark-color-scheme-states-selected-color: #832112; +$dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2); +$dark-color-scheme-states-disabled-opacity: 0.3; +$font-family-base: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$size-3xs: 2px; +$size-xxs: 4px; +$size-xs: 6px; +$size-s: 8px; +$size-m: 12px; +$size-l: 16px; +$size-xl: 20px; +$size-xxl: 24px; +$size-3xl: 32px; +$size-4xl: 40px; +$size-5xl: 48px; +$size-6xl: 56px; +$size-7xl: 64px; +$palette-blue-40: #F5FAFD; +$palette-blue-60: #EBF4FB; +$palette-blue-100: #D8EAF7; +$palette-blue-200: #AAD1EC; +$palette-blue-300: #7FBAE1; +$palette-blue-400: #57A4D7; +$palette-blue-500: #338FCC; +$palette-blue-560: #277BB3; +$palette-blue-600: #206EA2; +$palette-blue-700: #114E77; +$palette-blue-800: #07314D; +$palette-blue-a100: rgba(0, 153, 255, 0.15); +$palette-blue-a200: rgba(0, 153, 255, 0.3); +$palette-blue-contrast-40: #4D4D4D; +$palette-blue-contrast-60: #4D4D4D; +$palette-blue-contrast-100: #4D4D4D; +$palette-blue-contrast-200: #4D4D4D; +$palette-blue-contrast-300: #4D4D4D; +$palette-blue-contrast-400: white; +$palette-blue-contrast-500: white; +$palette-blue-contrast-560: white; +$palette-blue-contrast-600: white; +$palette-blue-contrast-700: white; +$palette-blue-contrast-800: white; +$palette-blue-contrast-a100: #4D4D4D; +$palette-blue-contrast-a200: white; +$palette-green-40: #F6FBF4; +$palette-green-60: #EDF8E9; +$palette-green-100: #DCF1D4; +$palette-green-200: #B4DEA4; +$palette-green-300: #8FCC79; +$palette-green-400: #6FBA53; +$palette-green-500: #52A832; +$palette-green-560: #449327; +$palette-green-600: #3B8520; +$palette-green-700: #276211; +$palette-green-800: #163F07; +$palette-green-a100: rgba(68, 255, 0, 0.15); +$palette-green-contrast-40: #4D4D4D; +$palette-green-contrast-60: #4D4D4D; +$palette-green-contrast-100: #4D4D4D; +$palette-green-contrast-200: #4D4D4D; +$palette-green-contrast-300: #4D4D4D; +$palette-green-contrast-400: white; +$palette-green-contrast-500: white; +$palette-green-contrast-560: white; +$palette-green-contrast-600: white; +$palette-green-contrast-700: white; +$palette-green-contrast-800: white; +$palette-green-contrast-a100: #4D4D4D; +$palette-red-40: #FEF7F6; +$palette-red-60: #FCEFEC; +$palette-red-100: #FADEDA; +$palette-red-200: #F4B7AE; +$palette-red-300: #ED9284; +$palette-red-400: #E76E5C; +$palette-red-500: #E04D36; +$palette-red-560: #C43E29; +$palette-red-600: #B23522; +$palette-red-700: #832112; +$palette-red-800: #541208; +$palette-red-a100: rgba(224, 79, 56, 0.15); +$palette-red-contrast-40: #4D4D4D; +$palette-red-contrast-60: #4D4D4D; +$palette-red-contrast-100: #4D4D4D; +$palette-red-contrast-200: #4D4D4D; +$palette-red-contrast-300: #4D4D4D; +$palette-red-contrast-400: white; +$palette-red-contrast-500: white; +$palette-red-contrast-560: white; +$palette-red-contrast-600: white; +$palette-red-contrast-700: white; +$palette-red-contrast-800: white; +$palette-red-contrast-a100: #4D4D4D; +$palette-grey-40: #F5F5F5; +$palette-grey-60: #F0F0F0; +$palette-grey-100: #E6E6E6; +$palette-grey-200: #CCCCCC; +$palette-grey-300: #B3B3B3; +$palette-grey-400: #999999; +$palette-grey-500: #808080; +$palette-grey-560: #707070; +$palette-grey-600: #666666; +$palette-grey-700: #4D4D4D; +$palette-grey-800: #333333; +$palette-grey-a40: rgba(0, 0, 0, 0.04); +$palette-grey-a60: rgba(0, 0, 0, 0.06); +$palette-grey-a100: rgba(0, 0, 0, 0.1); +$palette-grey-a200: rgba(0, 0, 0, 0.2); +$palette-grey-a300: rgba(0, 0, 0, 0.3); +$palette-grey-a500: rgba(0, 0, 0, 0.5); +$palette-grey-contrast-40: #4D4D4D; +$palette-grey-contrast-60: #4D4D4D; +$palette-grey-contrast-100: #4D4D4D; +$palette-grey-contrast-200: #4D4D4D; +$palette-grey-contrast-300: #4D4D4D; +$palette-grey-contrast-400: white; +$palette-grey-contrast-500: white; +$palette-grey-contrast-560: white; +$palette-grey-contrast-600: white; +$palette-grey-contrast-700: white; +$palette-grey-contrast-800: white; +$palette-yellow-40: #FDFAF3; +$palette-yellow-60: #FCF5E8; +$palette-yellow-100: #F8EBD1; +$palette-yellow-200: #F0D49B; +$palette-yellow-300: #E7BD68; +$palette-yellow-400: #DFA739; +$palette-yellow-500: #D6930D; +$palette-yellow-560: #BB800A; +$palette-yellow-600: #AA7408; +$palette-yellow-700: #7D5504; +$palette-yellow-800: #503602; +$palette-yellow-a100: rgba(255, 170, 0, 0.15); +$palette-yellow-contrast-40: #4D4D4D; +$palette-yellow-contrast-60: #4D4D4D; +$palette-yellow-contrast-100: #4D4D4D; +$palette-yellow-contrast-200: #4D4D4D; +$palette-yellow-contrast-300: #4D4D4D; +$palette-yellow-contrast-400: white; +$palette-yellow-contrast-500: white; +$palette-yellow-contrast-560: white; +$palette-yellow-contrast-600: white; +$palette-yellow-contrast-700: white; +$palette-yellow-contrast-800: white; +$palette-yellow-contrast-a100: #4D4D4D; +$alert-light-color-scheme-error-background: #FCEFEC; +$alert-light-color-scheme-error-border: #E76E5C; +$alert-light-color-scheme-error-icon: #E76E5C; +$alert-light-color-scheme-warning-background: #FCF5E8; +$alert-light-color-scheme-warning-border: #F0D49B; +$alert-light-color-scheme-warning-icon: #DFA739; +$alert-light-color-scheme-success-background: #EDF8E9; +$alert-light-color-scheme-success-border: #B4DEA4; +$alert-light-color-scheme-success-icon: #6FBA53; +$alert-light-color-scheme-info-background: #EBF4FB; +$alert-light-color-scheme-info-border: #AAD1EC; +$alert-light-color-scheme-info-icon: #57A4D7; +$alert-light-color-scheme-default-background: #F0F0F0; +$alert-light-color-scheme-default-border: #B3B3B3; +$alert-light-color-scheme-default-icon: #CCCCCC; +$alert-dark-color-scheme-error-background: #832112; +$alert-dark-color-scheme-error-border: #832112; +$alert-dark-color-scheme-error-icon: #E76E5C; +$alert-dark-color-scheme-warning-background: #7D5504; +$alert-dark-color-scheme-warning-border: #7D5504; +$alert-dark-color-scheme-warning-icon: #DFA739; +$alert-dark-color-scheme-success-background: #276211; +$alert-dark-color-scheme-success-border: #276211; +$alert-dark-color-scheme-success-icon: #6FBA53; +$alert-dark-color-scheme-info-background: #114E77; +$alert-dark-color-scheme-info-border: #114E77; +$alert-dark-color-scheme-info-icon: #57A4D7; +$alert-dark-color-scheme-default-background: #4D4D4D; +$alert-dark-color-scheme-default-border: #4D4D4D; +$alert-dark-color-scheme-default-icon: #999999; +$alert-size-border-width: 1px; +$alert-size-border-radius: 4px; +$alert-size-horizontal-padding: 16px; +$alert-size-vertical-padding: 13px; +$alert-size-icon-margin: 8px; +$alert-size-close-button-width: 16px; +$alert-size-small-vertical-padding: 11px; +$alert-font-default-header: subheading; +$alert-font-default-body: body; +$alert-font-small-header: caption; +$alert-font-small-body: caption; +$autocomplete-size-panel-padding: 4px 0; +$autocomplete-size-panel-max-height: 256px; +$autocomplete-size-panel-border-radius: 3px; +$badge-light-color-scheme-solid-primary-background: #E04D36; +$badge-light-color-scheme-solid-primary-color: white; +$badge-light-color-scheme-solid-primary-border: #E04D36; +$badge-light-color-scheme-solid-info-border: #E04D36; +$badge-light-color-scheme-solid-info-background: #E04D36; +$badge-light-color-scheme-solid-info-color: white; +$badge-light-color-scheme-solid-success-border: #52A832; +$badge-light-color-scheme-solid-success-background: #52A832; +$badge-light-color-scheme-solid-success-color: white; +$badge-light-color-scheme-solid-warning-border: #D6930D; +$badge-light-color-scheme-solid-warning-background: #D6930D; +$badge-light-color-scheme-solid-warning-color: white; +$badge-light-color-scheme-solid-error-border: #E04D36; +$badge-light-color-scheme-solid-error-background: #E04D36; +$badge-light-color-scheme-solid-error-color: white; +$badge-light-color-scheme-solid-transparent-border: #CCCCCC; +$badge-light-color-scheme-solid-transparent-color: #4D4D4D; +$badge-light-color-scheme-solid-transparent-background: transparent; +$badge-light-color-scheme-solid-light-border: #E6E6E6; +$badge-light-color-scheme-solid-light-background: #E6E6E6; +$badge-light-color-scheme-solid-light-color: #4D4D4D; +$badge-light-color-scheme-solid-second-border: #666666; +$badge-light-color-scheme-solid-second-background: #666666; +$badge-light-color-scheme-solid-second-color: white; +$badge-light-color-scheme-pastel-primary-background: #FEF7F6; +$badge-light-color-scheme-pastel-primary-border: #F4B7AE; +$badge-light-color-scheme-pastel-primary-color: #E04D36; +$badge-light-color-scheme-pastel-info-background: #F5FAFD; +$badge-light-color-scheme-pastel-info-border: #F4B7AE; +$badge-light-color-scheme-pastel-info-color: #338FCC; +$badge-light-color-scheme-pastel-success-background: #F6FBF4; +$badge-light-color-scheme-pastel-success-border: #B4DEA4; +$badge-light-color-scheme-pastel-success-color: #449327; +$badge-light-color-scheme-pastel-warning-background: #FDFAF3; +$badge-light-color-scheme-pastel-warning-border: #F0D49B; +$badge-light-color-scheme-pastel-warning-color: #BB800A; +$badge-light-color-scheme-pastel-error-background: #FEF7F6; +$badge-light-color-scheme-pastel-error-border: #F4B7AE; +$badge-light-color-scheme-pastel-error-color: #E04D36; +$badge-dark-color-scheme-pastel-primary-background: rgba(224, 79, 56, 0.15); +$badge-dark-color-scheme-pastel-primary-color: #FADEDA; +$badge-dark-color-scheme-pastel-primary-border: #832112; +$badge-dark-color-scheme-pastel-info-background: #FADEDA; +$badge-dark-color-scheme-pastel-info-color: #FADEDA; +$badge-dark-color-scheme-pastel-info-border: rgba(224, 79, 56, 0.15); +$badge-dark-color-scheme-pastel-success-border: #276211; +$badge-dark-color-scheme-pastel-success-background: rgba(68, 255, 0, 0.15); +$badge-dark-color-scheme-pastel-success-color: #DCF1D4; +$badge-dark-color-scheme-pastel-warning-border: #7D5504; +$badge-dark-color-scheme-pastel-warning-background: rgba(255, 170, 0, 0.15); +$badge-dark-color-scheme-pastel-warning-color: #F8EBD1; +$badge-dark-color-scheme-pastel-error-border: #832112; +$badge-dark-color-scheme-pastel-error-background: rgba(224, 79, 56, 0.15); +$badge-dark-color-scheme-pastel-error-color: #FADEDA; +$badge-dark-color-scheme-solid-primary-background: #832112; +$badge-dark-color-scheme-solid-primary-color: white; +$badge-dark-color-scheme-solid-primary-border: #832112; +$badge-dark-color-scheme-solid-info-border: #541208; +$badge-dark-color-scheme-solid-info-background: #541208; +$badge-dark-color-scheme-solid-info-color: white; +$badge-dark-color-scheme-solid-success-border: #276211; +$badge-dark-color-scheme-solid-success-background: #276211; +$badge-dark-color-scheme-solid-success-color: white; +$badge-dark-color-scheme-solid-warning-border: #7D5504; +$badge-dark-color-scheme-solid-warning-background: #7D5504; +$badge-dark-color-scheme-solid-warning-color: white; +$badge-dark-color-scheme-solid-error-border: #832112; +$badge-dark-color-scheme-solid-error-background: #832112; +$badge-dark-color-scheme-solid-error-color: white; +$badge-dark-color-scheme-solid-transparent-border: #808080; +$badge-dark-color-scheme-solid-transparent-color: #F5F5F5; +$badge-dark-color-scheme-solid-transparent-background: transparent; +$badge-dark-color-scheme-solid-light-border: #999999; +$badge-dark-color-scheme-solid-light-background: #999999; +$badge-dark-color-scheme-solid-light-color: white; +$badge-dark-color-scheme-solid-second-border: #4D4D4D; +$badge-dark-color-scheme-solid-second-background: #4D4D4D; +$badge-dark-color-scheme-solid-second-color: white; +$badge-size-default-height: 24px; +$badge-size-default-min-width: 10px; +$badge-size-default-padding: 0 8px; +$badge-size-default-border-width: 1px; +$badge-size-default-border-radius: 4px; +$badge-size-mini-height: 16px; +$badge-size-mini-min-width: 10px; +$badge-size-mini-border-width: 1px; +$badge-size-mini-border-radius: 2px; +$badge-size-mini-padding: 0 4px; +$badge-font-default-default: caption; +$badge-font-default-caps: caption-caps; +$badge-font-default-mono: caption-mono; +$badge-font-mini-default: extra-small-text; +$badge-font-mini-caps: extra-small-text-caps; +$badge-font-mini-mono: extra-small-text-mono; +$button-toggle-size-border-size: 1px; +$button-toggle-size-border-radius: 3px; +$button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2); +$button-light-color-scheme-primary-color: white; +$button-light-color-scheme-primary-border: #C43E29; +$button-light-color-scheme-primary-background: #E04D36; +$button-light-color-scheme-primary-icon: white; +$button-light-color-scheme-primary-states-active-border: darken(#C43E29, 5); +$button-light-color-scheme-primary-states-active-background: darken(#E04D36, 5); +$button-light-color-scheme-primary-transparent-color: #E04D36; +$button-light-color-scheme-primary-transparent-icon: #E04D36; +$button-light-color-scheme-primary-transparent-states-hover-color: #B23522; +$button-light-color-scheme-primary-transparent-states-hover-icon: #B23522; +$button-light-color-scheme-primary-transparent-states-active-color: #832112; +$button-light-color-scheme-primary-transparent-states-active-icon: #832112; +$button-light-color-scheme-second-border: #B3B3B3; +$button-light-color-scheme-second-background: #F0F0F0; +$button-light-color-scheme-second-color: #4D4D4D; +$button-light-color-scheme-second-icon: #999999; +$button-light-color-scheme-second-states-active-border: darken(#B3B3B3, 5); +$button-light-color-scheme-second-states-active-background: darken(#F0F0F0, 5); +$button-light-color-scheme-error-border: #B3B3B3; +$button-light-color-scheme-error-background: #F0F0F0; +$button-light-color-scheme-error-color: #E76E5C; +$button-light-color-scheme-error-icon: #E76E5C; +$button-light-color-scheme-error-states-active-border: darken(#B3B3B3, 5); +$button-light-color-scheme-error-states-active-background: darken(#F0F0F0, 5); +$button-dark-color-scheme-active-shadow: inset 1px 2px 2px 0 rgba(black, 0.2); +$button-dark-color-scheme-primary-color: white; +$button-dark-color-scheme-primary-border: #C43E29; +$button-dark-color-scheme-primary-background: #E04D36; +$button-dark-color-scheme-primary-icon: white; +$button-dark-color-scheme-primary-states-active-border: darken(#C43E29, 5); +$button-dark-color-scheme-primary-states-active-background: darken(#E76E5C, 5); +$button-dark-color-scheme-primary-transparent-color: #E04D36; +$button-dark-color-scheme-primary-transparent-icon: #E04D36; +$button-dark-color-scheme-primary-transparent-states-hover-color: #B23522; +$button-dark-color-scheme-primary-transparent-states-hover-icon: #B23522; +$button-dark-color-scheme-primary-transparent-states-active-color: #832112; +$button-dark-color-scheme-primary-transparent-states-active-icon: #832112; +$button-dark-color-scheme-second-border: #808080; +$button-dark-color-scheme-second-background: #666666; +$button-dark-color-scheme-second-color: #F0F0F0; +$button-dark-color-scheme-second-icon: #999999; +$button-dark-color-scheme-second-states-active-border: darken(#808080, 5); +$button-dark-color-scheme-second-states-active-background: darken(#666666, 5); +$button-dark-color-scheme-error-border: #808080; +$button-dark-color-scheme-error-background: #666666; +$button-dark-color-scheme-error-color: #E76E5C; +$button-dark-color-scheme-error-icon: #E76E5C; +$button-dark-color-scheme-error-states-active-border: darken(#808080, 5); +$button-dark-color-scheme-error-states-active-background: darken(#666666, 5); +$button-size-border-width: 1px; +$button-size-border-radius: 3px; +$button-size-vertical-padding: 6px; +$button-size-horizontal-padding: 16px; +$button-font-default: body; +$button-font-primary: body-strong; +$button-font-primary-transparent: body; +$icon-button-size-vertical-padding: 6px; +$icon-button-size-horizontal-padding: 8px; +$icon-button-size-icon-horizontal-padding: 16px; +$card-light-color-scheme-error-vertical-line: #E76E5C; +$card-light-color-scheme-error-background: #FCEFEC; +$card-light-color-scheme-error-shadow: #E6E6E6; +$card-light-color-scheme-warning-vertical-line: #F0D49B; +$card-light-color-scheme-warning-background: #FCF5E8; +$card-light-color-scheme-warning-shadow: #E6E6E6; +$card-light-color-scheme-success-vertical-line: #B4DEA4; +$card-light-color-scheme-success-background: #EDF8E9; +$card-light-color-scheme-success-shadow: #E6E6E6; +$card-light-color-scheme-info-vertical-line: #AAD1EC; +$card-light-color-scheme-info-background: #EBF4FB; +$card-light-color-scheme-info-shadow: #E6E6E6; +$card-dark-color-scheme-error-vertical-line: #E76E5C; +$card-dark-color-scheme-error-background: #832112; +$card-dark-color-scheme-error-shadow: #4D4D4D; +$card-dark-color-scheme-warning-vertical-line: #DFA739; +$card-dark-color-scheme-warning-background: #7D5504; +$card-dark-color-scheme-warning-shadow: #4D4D4D; +$card-dark-color-scheme-success-vertical-line: #6FBA53; +$card-dark-color-scheme-success-background: #276211; +$card-dark-color-scheme-success-shadow: #4D4D4D; +$card-dark-color-scheme-info-vertical-line: #57A4D7; +$card-dark-color-scheme-info-background: #114E77; +$card-dark-color-scheme-info-shadow: #4D4D4D; +$card-size-vertical-line: 4px; +$checkbox-light-color-scheme-border: #B3B3B3; +$checkbox-light-color-scheme-states-checked-border: #B23522; +$checkbox-light-color-scheme-states-checked-background: #E04D36; +$checkbox-light-color-scheme-states-focused-border: #B23522; +$checkbox-light-color-scheme-states-focused-shadow: 0 0 0 1px #B23522; +$checkbox-dark-color-scheme-border: #999999; +$checkbox-dark-color-scheme-states-checked-border: #E76E5C; +$checkbox-dark-color-scheme-states-checked-background: #B23522; +$checkbox-dark-color-scheme-states-focused-border: #E76E5C; +$checkbox-dark-color-scheme-states-focused-shadow: 0 0 0 1px #E76E5C; +$checkbox-size-width: 16px; +$checkbox-size-label-margin: 8px; +$checkbox-size-border-width: 1px; +$checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); +$checkbox-font-default: body; +$datepicker-toggle-size-width: 30px; +$datepicker-toggle-size-height: 30px; +$datepicker-body-light-color-scheme-states-selected-color: #E04D36; +$datepicker-body-light-color-scheme-states-selected-background: #FADEDA; +$datepicker-body-dark-color-scheme-states-selected-color: #E04D36; +$datepicker-body-dark-color-scheme-states-selected-background: #832112; +$datepicker-body-size-label-paddings: 8px 28px 12px 12px; +$datepicker-body-size-cell-min-size: 32px; +$datepicker-body-size-cell-margin: 5%; +$datepicker-body-size-cell-padding: 8px; +$datepicker-body-size-cell-border-width: 1px; +$datepicker-body-font-label: body-strong; +$datepicker-body-font-today: body-strong; +$datepicker-calendar-size-padding-top: 16px; +$datepicker-calendar-size-padding-horizontal: 8px; +$datepicker-calendar-size-padding-bottom: 8px; +$datepicker-calendar-size-padding-blocks: 12px; +$datepicker-calendar-size-divider-width: 1px; +$datepicker-calendar-size-icon-border-width: 2px; +$datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg); +$datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg); +$datepicker-calendar-font-default: body; +$datepicker-calendar-font-header: caption; +$datepicker-input-size-width: 130px; +$divider-size-width: 1px; +$divider-size-inset-margin: 80px; +$description-list-light-color-scheme-dt: #999999; +$description-list-light-color-scheme-dd: #4D4D4D; +$description-list-dark-color-scheme-dt: #999999; +$description-list-dark-color-scheme-dd: #F0F0F0; +$description-list-size-grid-template-columns: repeat(4, 1fr); +$description-list-size-dt-grid-column: 1; +$description-list-size-dd-grid-column: 2 / span 3; +$description-list-size-horizontal-column-gap: 16px; +$description-list-size-horizontal-row-gap: 12px; +$description-list-size-vertical-column-gap: 0; +$description-list-size-vertical-row-gap: 2px; +$description-list-size-vertical-dd-margin-bottom: 16px; +$description-list-font-horizontal-dt: body; +$description-list-font-horizontal-dd: body; +$description-list-font-vertical-dt: caption; +$description-list-font-vertical-dd: body; +$dropdown-item-size-padding: 5px 15px; +$dropdown-item-size-icon-padding: 0 8px 2px 0; +$dropdown-item-font-default: body; +$dropdown-item-font-caption: caption; +$dropdown-group-header-size-default-padding: 6px 15px; +$dropdown-group-header-size-small-padding: 8px 15px; +$dropdown-group-header-font-default: body-strong; +$dropdown-group-header-font-small: caption-caps; +$dropdown-divider-size-height: 1px; +$dropdown-divider-size-margin: 4px 0; +$dropdown-trigger-size-icon-padding-right: 8px; +$dropdown-panel-size-max-width: 640px; +$dropdown-panel-size-padding: 4px 0; +$dropdown-panel-size-border-width: 1px; +$dropdown-panel-size-border-radius: 3px; +$form-field-light-color-scheme-border: #B3B3B3; +$form-field-light-color-scheme-background: white; +$form-field-light-color-scheme-states-hover-border: #999999; +$form-field-light-color-scheme-states-invalid-border: #E76E5C; +$form-field-light-color-scheme-states-invalid-background: transparent; +$form-field-dark-color-scheme-border: #999999; +$form-field-dark-color-scheme-background: #333333; +$form-field-dark-color-scheme-states-hover-border: #CCCCCC; +$form-field-dark-color-scheme-states-invalid-border: #E76E5C; +$form-field-dark-color-scheme-states-invalid-background: transparent; +$form-field-size-border-width: 1px; +$form-field-size-border-radius: 3px; +$form-field-size-button-width: 32px; +$form-field-font-default: body; +$form-field-hint-size-margin-top: 4px; +$form-field-hint-font-default: caption; +$form-field-password-hint-light-color-scheme-text-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-icon-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #E04D36; +$form-field-password-hint-light-color-scheme-states-invalid-text-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-states-valid-text-color: #449327; +$form-field-password-hint-light-color-scheme-states-valid-icon-color: #449327; +$form-field-password-hint-dark-color-scheme-text-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-icon-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #E76E5C; +$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-states-valid-text-color: #6FBA53; +$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #6FBA53; +$form-field-password-hint-size-margin-top: 8px; +$form-field-password-hint-size-icon-margin: 4px; +$form-field-password-hint-font-default: caption; +$forms-light-color-scheme-label: #999999; +$forms-light-color-scheme-legend: #4D4D4D; +$forms-dark-color-scheme-label: #999999; +$forms-dark-color-scheme-legend: #F0F0F0; +$forms-size-horizontal-row-margin-bottom: 20px; +$forms-size-horizontal-label-padding-top: 6px; +$forms-size-horizontal-label-padding-bottom: 0; +$forms-size-horizontal-control-padding-left: 16px; +$forms-size-horizontal-legend-margin-top: 32px; +$forms-size-horizontal-legend-margin-bottom: 16px; +$forms-size-vertical-row-margin-bottom: 16px; +$forms-size-vertical-label-padding-top: 0; +$forms-size-vertical-label-padding-bottom: 4px; +$forms-size-vertical-control-padding-left: 24px; +$forms-size-vertical-legend-margin-top: 32px; +$forms-size-vertical-legend-margin-bottom: 12px; +$forms-font-default-label: body; +$forms-font-default-legend: subheading; +$input-size-padding: 5px 16px; +$input-size-width: 100%; +$input-size-min-height: 30px; +$input-font-default: body; +$input-font-monospace: body-mono; +$link-light-color-scheme-text: #E04D36; +$link-light-color-scheme-border-bottom: rgba(#E04D36, 0.32); +$link-light-color-scheme-state-visited-text: #6A2795; +$link-light-color-scheme-state-visited-border-bottom: rgba(106, 39, 149, 0.32); +$link-light-color-scheme-state-hover-text: #B23522; +$link-light-color-scheme-state-hover-border-bottom: rgba(#B23522, 0.32); +$link-light-color-scheme-state-active: #832112; +$link-light-color-scheme-state-focused-outline: #E04D36; +$link-dark-color-scheme-text: #E76E5C; +$link-dark-color-scheme-border-bottom: rgba(#E76E5C, 0.32); +$link-dark-color-scheme-state-visited-text: #a23ee2; +$link-dark-color-scheme-state-visited-border-bottom: rgba(162, 62, 226, 0.32); +$link-dark-color-scheme-state-hover-text: #ED9284; +$link-dark-color-scheme-state-hover-border-bottom: rgba(#ED9284, 0.32); +$link-dark-color-scheme-state-active: #ED9284; +$link-dark-color-scheme-state-focused-outline: #E76E5C; +$link-size-icon-margin: 4px; +$link-size-state-focused-outline-offset: 2px; +$link-size-state-focused-outline-width: 2px; +$link-animation-transition: color ease-out 300ms; +$link-animation-state-hover-transition: color 0ms; +$link-font-default: body; +$list-size-horizontal-padding: 16px; +$list-size-icon-padding: 4px; +$list-size-item-height: 32px; +$list-size-icon-width: 24px; +$list-font-item: body; +$modal-light-color-scheme-shadow: (0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5)); +$modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-light-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-light-color-scheme-background-mask: rgba(0, 0, 0, 0.5); +$modal-dark-color-scheme-shadow: (0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5)); +$modal-dark-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-dark-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-dark-color-scheme-background-mask: rgba(0, 0, 0, 0.5); +$modal-size-small: 400px; +$modal-size-normal: 640px; +$modal-size-large: 960px; +$modal-size-top: 48px; +$modal-size-close-width: 56px; +$modal-size-border-radius: 4px; +$modal-size-border-width: 1px; +$modal-header-light-color-scheme-border: #E6E6E6; +$modal-header-dark-color-scheme-border: #666666; +$modal-header-size-border-radius: 4px 4px 0 0; +$modal-header-size-padding: 14px 16px; +$modal-header-font-default: title; +$modal-body-size-max-height: calc(100vh - 260px); +$modal-body-size-padding: 16px 24px 24px; +$modal-body-font-default: body; +$modal-footer-light-color-scheme-border: #E6E6E6; +$modal-footer-dark-color-scheme-border: #666666; +$modal-footer-size-border-radius: 0 0 4px 4px; +$modal-footer-size-padding: 16px 16px; +$modal-confirm-size-padding: 24px; +$navbar-light-color-scheme-background: #832112; +$navbar-light-color-scheme-divider-background: rgba(255, 255, 255, 0.3); +$navbar-dark-color-scheme-background: #832112; +$navbar-dark-color-scheme-divider-background: rgba(255, 255, 255, 0.3); +$navbar-size-icon-margin: 6px; +$navbar-font-title: body; +$vertical-navbar-size-states-expanded-width: 240px; +$vertical-navbar-size-states-collapsed-width: 56px; +$vertical-navbar-size-icon-margin: 16px; +$navbar-item-light-color-scheme-text: #FADEDA; +$navbar-item-light-color-scheme-icon: #FADEDA; +$navbar-item-light-color-scheme-states-active: rgba(0, 0, 0, 0.1); +$navbar-item-light-color-scheme-states-selected: #4D4D4D; +$navbar-item-light-color-scheme-states-hover: rgba(255, 255, 255, 0.1); +$navbar-item-light-color-scheme-states-progress: #541208; +$navbar-item-light-color-scheme-states-disabled-opacity: 0.3; +$navbar-item-dark-color-scheme-text: #FADEDA; +$navbar-item-dark-color-scheme-icon: #FADEDA; +$navbar-item-dark-color-scheme-states-active: rgba(0, 0, 0, 0.1); +$navbar-item-dark-color-scheme-states-selected: #666666; +$navbar-item-dark-color-scheme-states-hover: rgba(255, 255, 255, 0.1); +$navbar-item-dark-color-scheme-states-progress: #541208; +$navbar-item-dark-color-scheme-states-disabled-opacity: 0.3; +$navbar-item-size-padding: 16px; +$navbar-item-size-height: 48px; +$navbar-item-size-height-vertical: 56px; +$navbar-brand-size-padding: 12px; +$navbar-brand-size-margin-right: 24px; +$navbar-brand-font-title: title; +$optgroup-size-padding-left: 17px; +$optgroup-font-default: subheading; +$option-size-horizontal-padding: 16px; +$option-size-height: 32px; +$option-size-border-width: 2px; +$option-font-default: body; +$popover-light-color-scheme-background: white; +$popover-light-color-scheme-text: #4D4D4D; +$popover-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popover-light-color-scheme-border: #B3B3B3; +$popover-dark-color-scheme-background: #4D4D4D; +$popover-dark-color-scheme-text: #F0F0F0; +$popover-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popover-dark-color-scheme-border: #4D4D4D; +$popover-size-max-height: 480px; +$popover-size-padding: 16px; +$popover-size-border-radius: 3px; +$popover-size-arrow-size: 12px; +$popover-size-trigger-margin: 9px; +$popover-size-small-width: 200px; +$popover-size-normal-width: 400px; +$popover-size-large-width: 640px; +$popover-font-default: body; +$popover-header-light-color-scheme-border: #E6E6E6; +$popover-header-light-color-scheme-text: #4D4D4D; +$popover-header-light-color-scheme-background: white; +$popover-header-dark-color-scheme-border: transparent; +$popover-header-dark-color-scheme-text: #F0F0F0; +$popover-header-dark-color-scheme-background: #4D4D4D; +$popover-header-size-height: 10px 16px; +$popover-header-size-padding: 10px 16px; +$popover-header-font-default: subheading; +$popover-footer-light-color-scheme-border: #F0F0F0; +$popover-footer-light-color-scheme-background: #F0F0F0; +$popover-footer-dark-color-scheme-border: transparent; +$popover-footer-dark-color-scheme-background: transparent; +$popover-footer-size-margin-top: 8px; +$popover-footer-size-padding: 12px 16px; +$popover-footer-size-height: 56px; +$popover-footer-font-default: body; +$popup-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popup-light-color-scheme-border: #B3B3B3; +$popup-light-color-scheme-divider: #CCCCCC; +$popup-light-color-scheme-background: white; +$popup-light-color-scheme-footer-background: #F0F0F0; +$popup-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popup-dark-color-scheme-border: #999999; +$popup-dark-color-scheme-divider: #666666; +$popup-dark-color-scheme-background: #4D4D4D; +$popup-dark-color-scheme-footer-background: transparent; +$progress-bar-light-color-scheme-background: #F0F0F0; +$progress-bar-dark-color-scheme-background: #666666; +$progress-bar-size-height: 4px; +$progress-spinner-size-size: 16px; +$radio-light-color-scheme-outer-circle-border: #B3B3B3; +$radio-light-color-scheme-inner-circle-border: transparent; +$radio-light-color-scheme-states-checked-outer-circle-border: #E04D36; +$radio-light-color-scheme-states-checked-inner-circle-border: #E04D36; +$radio-light-color-scheme-states-focused-outer-circle-border: #E04D36; +$radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #B3B3B3; +$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px white; +$radio-dark-color-scheme-outer-circle-border: #999999; +$radio-dark-color-scheme-inner-circle-border: transparent; +$radio-dark-color-scheme-states-checked-outer-circle-border: #E76E5C; +$radio-dark-color-scheme-states-checked-inner-circle-border: #B23522; +$radio-dark-color-scheme-states-focused-outer-circle-border: #E76E5C; +$radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #E76E5C; +$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px #333333; +$radio-size-size: 14px; +$radio-size-label-margin: 8px; +$radio-font-default: body; +$select-size-height: 30px; +$select-size-left-padding: 16px; +$select-size-right-padding: 8px; +$select-size-left-padding-multiple: 8px; +$select-font-default: body; +$select-panel-size-max-height: 232px; +$select-panel-size-max-width: 640px; +$select-panel-size-vertical-padding: 4px; +$select-panel-size-border-width: 1px; +$select-panel-size-border-radius: 3px; +$select-panel-font-default: body; +$sidepanel-light-color-scheme-border: #B3B3B3; +$sidepanel-dark-color-scheme-border: #333333; +$sidepanel-font-default: body; +$sidepanel-header-size-padding: 14px 16px; +$sidepanel-header-size-close-padding: 0 0 0 8px; +$sidepanel-header-font-default: title; +$sidepanel-footer-size-padding: 16px; +$sidepanel-footer-font-default: body; +$table-size-border-width: 1px; +$table-size-row-padding-vertical: 8px; +$table-size-row-padding-horizontal: 16px; +$table-font-header: caption; +$table-font-body: body; +$tabs-light-color-scheme-border: #B3B3B3; +$tabs-light-color-scheme-state-normal-icon: #999999; +$tabs-light-color-scheme-state-normal-text: #4D4D4D; +$tabs-light-color-scheme-state-hover-icon: #4D4D4D; +$tabs-light-color-scheme-state-hover-text: #4D4D4D; +$tabs-light-color-scheme-state-active-marker-color: #E04D36; +$tabs-light-color-scheme-state-empty-icon: #B3B3B3; +$tabs-light-color-scheme-state-empty-text: #B3B3B3; +$tabs-light-color-scheme-state-disabled-icon: #B3B3B3; +$tabs-light-color-scheme-state-disabled-text: #B3B3B3; +$tabs-light-color-scheme-state-disabled-marker-opacity: 0.3; +$tabs-dark-color-scheme-border: #B3B3B3; +$tabs-dark-color-scheme-state-normal-icon: #999999; +$tabs-dark-color-scheme-state-normal-text: #F0F0F0; +$tabs-dark-color-scheme-state-hover-icon: #F0F0F0; +$tabs-dark-color-scheme-state-hover-text: #F0F0F0; +$tabs-dark-color-scheme-state-active-marker-color: #E76E5C; +$tabs-dark-color-scheme-state-empty-icon: #999999; +$tabs-dark-color-scheme-state-empty-text: #999999; +$tabs-dark-color-scheme-state-disabled-icon: #999999; +$tabs-dark-color-scheme-state-disabled-text: #999999; +$tabs-dark-color-scheme-state-disabled-marker-opacity: 0.3; +$tabs-size-height: 40px; +$tabs-size-highlight-height: 4px; +$tabs-size-padding-horizontal: 16px; +$tabs-size-border-width: 1px; +$tabs-size-border-radius: 3px; +$tabs-size-label-icon-margin: 8px; +$tabs-font-default: body; +$vertical-tabs-light-color-scheme-state-normal-background: transparent; +$vertical-tabs-light-color-scheme-state-selected-background: #FADEDA; +$vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05); +$vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#FADEDA, $saturation:-22%, $lightness:-5%); +$vertical-tabs-dark-color-scheme-state-normal-background: transparent; +$vertical-tabs-dark-color-scheme-state-selected-background: #832112; +$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05); +$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#832112, $lightness:-1%); +$tags-light-color-scheme-primary-background: #FADEDA; +$tags-light-color-scheme-primary-border: #FADEDA; +$tags-light-color-scheme-primary-text: #E04D36; +$tags-light-color-scheme-primary-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-light-color-scheme-primary-states-hover-icon: #B23522; +$tags-light-color-scheme-primary-states-focused: #E04D36; +$tags-light-color-scheme-primary-states-disabled-text: mix(#E04D36, transparent, 50%); +$tags-light-color-scheme-primary-states-disabled-background: mix(#E04D36, transparent, 10%); +$tags-light-color-scheme-second-background: #E6E6E6; +$tags-light-color-scheme-second-border: #E6E6E6; +$tags-light-color-scheme-second-text: #4D4D4D; +$tags-light-color-scheme-second-icon: mix(#999999, rgba(black, 0.05)); +$tags-light-color-scheme-second-states-hover-icon: #999999; +$tags-light-color-scheme-second-states-focused: #E04D36; +$tags-light-color-scheme-second-states-disabled-text: mix(#B3B3B3, transparent, 50%); +$tags-light-color-scheme-second-states-disabled-background: mix(#B3B3B3, transparent, 10%); +$tags-light-color-scheme-error-background: #FADEDA; +$tags-light-color-scheme-error-border: #FADEDA; +$tags-light-color-scheme-error-text: #E76E5C; +$tags-light-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-light-color-scheme-error-states-hover-icon: #E04D36; +$tags-light-color-scheme-error-states-focused: #E76E5C; +$tags-light-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-light-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-dark-color-scheme-primary-background: #832112; +$tags-dark-color-scheme-primary-border: #832112; +$tags-dark-color-scheme-primary-text: #F4B7AE; +$tags-dark-color-scheme-primary-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-dark-color-scheme-primary-states-hover-icon: #E04D36; +$tags-dark-color-scheme-primary-states-focused: #E76E5C; +$tags-dark-color-scheme-primary-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-dark-color-scheme-primary-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-dark-color-scheme-second-background: #4D4D4D; +$tags-dark-color-scheme-second-border: #4D4D4D; +$tags-dark-color-scheme-second-text: #CCCCCC; +$tags-dark-color-scheme-second-icon: mix(#999999, rgba(black, 0.05)); +$tags-dark-color-scheme-second-states-hover-icon: #E6E6E6; +$tags-dark-color-scheme-second-states-focused: #E76E5C; +$tags-dark-color-scheme-second-states-disabled-text: mix(#999999, transparent, 50%); +$tags-dark-color-scheme-second-states-disabled-background: mix(#999999, transparent, 10%); +$tags-dark-color-scheme-error-background: #832112; +$tags-dark-color-scheme-error-border: #832112; +$tags-dark-color-scheme-error-text: #F4B7AE; +$tags-dark-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-dark-color-scheme-error-states-hover-icon: #F4B7AE; +$tags-dark-color-scheme-error-states-focused: #E76E5C; +$tags-dark-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-dark-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-size-margin: 2px; +$tags-size-height: 24px; +$tags-size-border-width: 1px; +$tags-size-border-radius: 4px; +$tags-size-icon-padding: 3px; +$tags-size-text-margin: 8px; +$tags-font-default: caption; +$tags-font-mono: caption-mono; +$tags-font-caps: caption-caps; +$tag-list-size-padding: 1px 6px; +$tag-list-size-min-height: 30px; +$tag-input-size-height: 22px; +$tag-input-size-margin: 2px 4px; +$tag-input-font-default: body; +$textarea-size-min-height: 50px; +$textarea-size-padding: 5px 16px; +$textarea-font-default: body; +$textarea-font-mono: body-mono; +$timepicker-size-padding-right: 16px; +$toggle-light-color-scheme-border: #B3B3B3; +$toggle-light-color-scheme-background: linear-gradient(to bottom, #E6E6E6, #F0F0F0); +$toggle-light-color-scheme-circle-border: #B3B3B3; +$toggle-light-color-scheme-circle-background: linear-gradient(to bottom, white, #E6E6E6); +$toggle-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 2px #E04D36; +$toggle-light-color-scheme-primary-checked-border-color: #E04D36; +$toggle-light-color-scheme-primary-checked-background: #E04D36; +$toggle-light-color-scheme-error-checked-border-color: #E76E5C; +$toggle-light-color-scheme-error-checked-background: #E76E5C; +$toggle-dark-color-scheme-border: #808080; +$toggle-dark-color-scheme-background: #333333; +$toggle-dark-color-scheme-circle-border: #808080; +$toggle-dark-color-scheme-circle-background: white; +$toggle-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #333333, 0 0 0 2px #E76E5C; +$toggle-dark-color-scheme-primary-checked-border-color: #E76E5C; +$toggle-dark-color-scheme-primary-checked-background: #E76E5C; +$toggle-dark-color-scheme-error-checked-border-color: #E76E5C; +$toggle-dark-color-scheme-error-checked-background: #E76E5C; +$toggle-size-height: 16px; +$toggle-size-width: 28px; +$toggle-size-border-radius: 9px; +$toggle-size-label-margin: 8px; +$toggle-font-default: body; +$toggle-small-size-height: 14px; +$toggle-small-size-width: 24px; +$toggle-small-size-border-radius: 8px; +$toggle-small-font-default: caption; +$tooltip-light-color-scheme-background: #4D4D4D; +$tooltip-light-color-scheme-text: white; +$tooltip-light-color-scheme-border: transparent; +$tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$tooltip-light-color-scheme-warning-background: #FCF5E8; +$tooltip-light-color-scheme-warning-text: #4D4D4D; +$tooltip-light-color-scheme-warning-border: #F0D49B; +$tooltip-dark-color-scheme-background: #F5F5F5; +$tooltip-dark-color-scheme-text: #4D4D4D; +$tooltip-dark-color-scheme-border: transparent; +$tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$tooltip-dark-color-scheme-warning-background: #FCF5E8; +$tooltip-dark-color-scheme-warning-text: #4D4D4D; +$tooltip-dark-color-scheme-warning-border: #F0D49B; +$tooltip-size-max-width: 300px; +$tooltip-size-border-width: 1px; +$tooltip-size-border-radius: 3px; +$tooltip-size-padding: 8px 16px; +$tooltip-size-arrow-size: 12px; +$tooltip-size-trigger-margin: 9px; +$tooltip-font-default: caption; +$extended-tooltip-light-color-scheme-background: white; +$extended-tooltip-light-color-scheme-text: #4D4D4D; +$extended-tooltip-light-color-scheme-border: #B3B3B3; +$extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$extended-tooltip-dark-color-scheme-background: #4D4D4D; +$extended-tooltip-dark-color-scheme-text: #F0F0F0; +$extended-tooltip-dark-color-scheme-border: #999999; +$extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$extended-tooltip-size-border-radius: 3px; +$extended-tooltip-size-arrow-size: 12px; +$extended-tooltip-size-trigger-margin: 9px; +$extended-tooltip-size-padding: 8px 16px; +$extended-tooltip-size-max-height: 480px; +$extended-tooltip-font-default: caption; +$extended-tooltip-header-light-color-scheme-border: #E6E6E6; +$extended-tooltip-header-light-color-scheme-text: #4D4D4D; +$extended-tooltip-header-light-color-scheme-background: white; +$extended-tooltip-header-dark-color-scheme-border: #F0F0F0; +$extended-tooltip-header-dark-color-scheme-text: #F0F0F0; +$extended-tooltip-header-dark-color-scheme-background: #4D4D4D; +$extended-tooltip-header-size-height: 40px; +$extended-tooltip-header-size-padding: 10px 16px; +$extended-tooltip-header-font-default: subheading; +$tree-size-node-height: 32px; +$tree-size-padding-left: 8px; +$tree-size-padding-right: 16px; +$tree-font-node: body; \ No newline at end of file diff --git a/packages/docs/src/styles/red-theme/css-tokens.css b/packages/docs/src/styles/legacy-2017/red-theme/css-tokens.css similarity index 100% rename from packages/docs/src/styles/red-theme/css-tokens.css rename to packages/docs/src/styles/legacy-2017/red-theme/css-tokens.css diff --git a/packages/docs/src/styles/red-theme/properties/colors.json5 b/packages/docs/src/styles/legacy-2017/red-theme/properties/colors.json5 similarity index 100% rename from packages/docs/src/styles/red-theme/properties/colors.json5 rename to packages/docs/src/styles/legacy-2017/red-theme/properties/colors.json5 diff --git a/packages/docs/src/styles/red-theme/tokens.scss b/packages/docs/src/styles/legacy-2017/red-theme/tokens.scss similarity index 100% rename from packages/docs/src/styles/red-theme/tokens.scss rename to packages/docs/src/styles/legacy-2017/red-theme/tokens.scss diff --git a/packages/docs/src/styles/legacy-2017/red-theme/tokens.ts b/packages/docs/src/styles/legacy-2017/red-theme/tokens.ts new file mode 100644 index 000000000..c8242caa4 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/red-theme/tokens.ts @@ -0,0 +1,1050 @@ +/** + * Do not edit directly + */ + +export const LightColorSchemePrimaryDefault = "#E04D36"; +export const LightColorSchemePrimaryPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const LightColorSchemeSecondDefault = "#B3B3B3"; +export const LightColorSchemeSecondPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const LightColorSchemeErrorDefault = "#E76E5C"; +export const LightColorSchemeErrorPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const LightColorSchemeInfoDefault = "#AAD1EC"; +export const LightColorSchemeInfoPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const LightColorSchemeSuccessDefault = "#B4DEA4"; +export const LightColorSchemeSuccessPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const LightColorSchemeWarningDefault = "#F0D49B"; +export const LightColorSchemeWarningPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const LightColorSchemeForegroundText = "#4D4D4D"; +export const LightColorSchemeForegroundTextLessContrast = "#999999"; +export const LightColorSchemeForegroundTextDisabled = "#B3B3B3"; +export const LightColorSchemeForegroundTextError = "#E04D36"; +export const LightColorSchemeForegroundTextSuccess = "#449327"; +export const LightColorSchemeForegroundDivider = "#E6E6E6"; +export const LightColorSchemeForegroundBorder = "#B3B3B3"; +export const LightColorSchemeForegroundIcon = "#999999"; +export const LightColorSchemeBackgroundBackground = "white"; +export const LightColorSchemeBackgroundBackgroundDisabled = "#F0F0F0"; +export const LightColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)"; +export const LightColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"; +export const LightColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.3)"; +export const LightColorSchemeStatesFocusedColor = "#E04D36"; +export const LightColorSchemeStatesSelectedColor = "#FADEDA"; +export const LightColorSchemeStatesPressedShadow = "inset 0 1px 2px 0 rgba(black, 0.2)"; +export const LightColorSchemeStatesDisabledOpacity = 0.3; +export const DarkColorSchemePrimaryDefault = "#E76E5C"; +export const DarkColorSchemePrimaryPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const DarkColorSchemeSecondDefault = "#999999"; +export const DarkColorSchemeSecondPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const DarkColorSchemeErrorDefault = "#E76E5C"; +export const DarkColorSchemeErrorPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const DarkColorSchemeInfoDefault = "#57A4D7"; +export const DarkColorSchemeInfoPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const DarkColorSchemeSuccessDefault = "#6FBA53"; +export const DarkColorSchemeSuccessPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const DarkColorSchemeWarningDefault = "#DFA739"; +export const DarkColorSchemeWarningPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const DarkColorSchemeForegroundText = "#F0F0F0"; +export const DarkColorSchemeForegroundTextLessContrast = "#999999"; +export const DarkColorSchemeForegroundTextDisabled = "#999999"; +export const DarkColorSchemeForegroundTextError = "#E76E5C"; +export const DarkColorSchemeForegroundTextSuccess = "#6FBA53"; +export const DarkColorSchemeForegroundDivider = "#666666"; +export const DarkColorSchemeForegroundBorder = "#808080"; +export const DarkColorSchemeForegroundIcon = "#999999"; +export const DarkColorSchemeBackgroundBackground = "#333333"; +export const DarkColorSchemeBackgroundBackgroundDisabled = "#666666"; +export const DarkColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)"; +export const DarkColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"; +export const DarkColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.2)"; +export const DarkColorSchemeStatesFocusedColor = "#E76E5C"; +export const DarkColorSchemeStatesSelectedColor = "#832112"; +export const DarkColorSchemeStatesPressedShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)"; +export const DarkColorSchemeStatesDisabledOpacity = 0.3; +export const FontFamilyBase = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const FontFamilyMonospace = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const Size3xs = "2rem"; +export const SizeXxs = "4rem"; +export const SizeXs = "6rem"; +export const SizeS = "8rem"; +export const SizeM = "12rem"; +export const SizeL = "16rem"; +export const SizeXl = "20rem"; +export const SizeXxl = "24rem"; +export const Size3xl = "32rem"; +export const Size4xl = "40rem"; +export const Size5xl = "48rem"; +export const Size6xl = "56rem"; +export const Size7xl = "64rem"; +export const PaletteBlue40 = "#F5FAFD"; +export const PaletteBlue60 = "#EBF4FB"; +export const PaletteBlue100 = "#D8EAF7"; +export const PaletteBlue200 = "#AAD1EC"; +export const PaletteBlue300 = "#7FBAE1"; +export const PaletteBlue400 = "#57A4D7"; +export const PaletteBlue500 = "#338FCC"; +export const PaletteBlue560 = "#277BB3"; +export const PaletteBlue600 = "#206EA2"; +export const PaletteBlue700 = "#114E77"; +export const PaletteBlue800 = "#07314D"; +export const PaletteBlueA100 = "rgba(0, 153, 255, 0.15)"; +export const PaletteBlueA200 = "rgba(0, 153, 255, 0.3)"; +export const PaletteBlueContrast40 = "#4D4D4D"; +export const PaletteBlueContrast60 = "#4D4D4D"; +export const PaletteBlueContrast100 = "#4D4D4D"; +export const PaletteBlueContrast200 = "#4D4D4D"; +export const PaletteBlueContrast300 = "#4D4D4D"; +export const PaletteBlueContrast400 = "white"; +export const PaletteBlueContrast500 = "white"; +export const PaletteBlueContrast560 = "white"; +export const PaletteBlueContrast600 = "white"; +export const PaletteBlueContrast700 = "white"; +export const PaletteBlueContrast800 = "white"; +export const PaletteBlueContrastA100 = "#4D4D4D"; +export const PaletteBlueContrastA200 = "white"; +export const PaletteGreen40 = "#F6FBF4"; +export const PaletteGreen60 = "#EDF8E9"; +export const PaletteGreen100 = "#DCF1D4"; +export const PaletteGreen200 = "#B4DEA4"; +export const PaletteGreen300 = "#8FCC79"; +export const PaletteGreen400 = "#6FBA53"; +export const PaletteGreen500 = "#52A832"; +export const PaletteGreen560 = "#449327"; +export const PaletteGreen600 = "#3B8520"; +export const PaletteGreen700 = "#276211"; +export const PaletteGreen800 = "#163F07"; +export const PaletteGreenA100 = "rgba(68, 255, 0, 0.15)"; +export const PaletteGreenContrast40 = "#4D4D4D"; +export const PaletteGreenContrast60 = "#4D4D4D"; +export const PaletteGreenContrast100 = "#4D4D4D"; +export const PaletteGreenContrast200 = "#4D4D4D"; +export const PaletteGreenContrast300 = "#4D4D4D"; +export const PaletteGreenContrast400 = "white"; +export const PaletteGreenContrast500 = "white"; +export const PaletteGreenContrast560 = "white"; +export const PaletteGreenContrast600 = "white"; +export const PaletteGreenContrast700 = "white"; +export const PaletteGreenContrast800 = "white"; +export const PaletteGreenContrastA100 = "#4D4D4D"; +export const PaletteRed40 = "#FEF7F6"; +export const PaletteRed60 = "#FCEFEC"; +export const PaletteRed100 = "#FADEDA"; +export const PaletteRed200 = "#F4B7AE"; +export const PaletteRed300 = "#ED9284"; +export const PaletteRed400 = "#E76E5C"; +export const PaletteRed500 = "#E04D36"; +export const PaletteRed560 = "#C43E29"; +export const PaletteRed600 = "#B23522"; +export const PaletteRed700 = "#832112"; +export const PaletteRed800 = "#541208"; +export const PaletteRedA100 = "rgba(224, 79, 56, 0.15)"; +export const PaletteRedContrast40 = "#4D4D4D"; +export const PaletteRedContrast60 = "#4D4D4D"; +export const PaletteRedContrast100 = "#4D4D4D"; +export const PaletteRedContrast200 = "#4D4D4D"; +export const PaletteRedContrast300 = "#4D4D4D"; +export const PaletteRedContrast400 = "white"; +export const PaletteRedContrast500 = "white"; +export const PaletteRedContrast560 = "white"; +export const PaletteRedContrast600 = "white"; +export const PaletteRedContrast700 = "white"; +export const PaletteRedContrast800 = "white"; +export const PaletteRedContrastA100 = "#4D4D4D"; +export const PaletteGrey40 = "#F5F5F5"; +export const PaletteGrey60 = "#F0F0F0"; +export const PaletteGrey100 = "#E6E6E6"; +export const PaletteGrey200 = "#CCCCCC"; +export const PaletteGrey300 = "#B3B3B3"; +export const PaletteGrey400 = "#999999"; +export const PaletteGrey500 = "#808080"; +export const PaletteGrey560 = "#707070"; +export const PaletteGrey600 = "#666666"; +export const PaletteGrey700 = "#4D4D4D"; +export const PaletteGrey800 = "#333333"; +export const PaletteGreyA40 = "rgba(0, 0, 0, 0.04)"; +export const PaletteGreyA60 = "rgba(0, 0, 0, 0.06)"; +export const PaletteGreyA100 = "rgba(0, 0, 0, 0.1)"; +export const PaletteGreyA200 = "rgba(0, 0, 0, 0.2)"; +export const PaletteGreyA300 = "rgba(0, 0, 0, 0.3)"; +export const PaletteGreyA500 = "rgba(0, 0, 0, 0.5)"; +export const PaletteGreyContrast40 = "#4D4D4D"; +export const PaletteGreyContrast60 = "#4D4D4D"; +export const PaletteGreyContrast100 = "#4D4D4D"; +export const PaletteGreyContrast200 = "#4D4D4D"; +export const PaletteGreyContrast300 = "#4D4D4D"; +export const PaletteGreyContrast400 = "white"; +export const PaletteGreyContrast500 = "white"; +export const PaletteGreyContrast560 = "white"; +export const PaletteGreyContrast600 = "white"; +export const PaletteGreyContrast700 = "white"; +export const PaletteGreyContrast800 = "white"; +export const PaletteYellow40 = "#FDFAF3"; +export const PaletteYellow60 = "#FCF5E8"; +export const PaletteYellow100 = "#F8EBD1"; +export const PaletteYellow200 = "#F0D49B"; +export const PaletteYellow300 = "#E7BD68"; +export const PaletteYellow400 = "#DFA739"; +export const PaletteYellow500 = "#D6930D"; +export const PaletteYellow560 = "#BB800A"; +export const PaletteYellow600 = "#AA7408"; +export const PaletteYellow700 = "#7D5504"; +export const PaletteYellow800 = "#503602"; +export const PaletteYellowA100 = "rgba(255, 170, 0, 0.15)"; +export const PaletteYellowContrast40 = "#4D4D4D"; +export const PaletteYellowContrast60 = "#4D4D4D"; +export const PaletteYellowContrast100 = "#4D4D4D"; +export const PaletteYellowContrast200 = "#4D4D4D"; +export const PaletteYellowContrast300 = "#4D4D4D"; +export const PaletteYellowContrast400 = "white"; +export const PaletteYellowContrast500 = "white"; +export const PaletteYellowContrast560 = "white"; +export const PaletteYellowContrast600 = "white"; +export const PaletteYellowContrast700 = "white"; +export const PaletteYellowContrast800 = "white"; +export const PaletteYellowContrastA100 = "#4D4D4D"; +export const ColorBluePalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const ColorGreenPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const ColorRedPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const ColorGreyPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const ColorYellowPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const TypographyDisplay1FontSize = "56px"; +export const TypographyDisplay1LineHeight = "76px"; +export const TypographyDisplay1LetterSpacing = "-0.4px"; +export const TypographyDisplay1FontWeight = "normal"; +export const TypographyDisplay1FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay1TextTransform = "null"; +export const TypographyDisplay1FontFeatureSettings = "null"; +export const TypographyDisplay2FontSize = "45px"; +export const TypographyDisplay2LineHeight = "56px"; +export const TypographyDisplay2LetterSpacing = "normal"; +export const TypographyDisplay2FontWeight = "normal"; +export const TypographyDisplay2FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay2TextTransform = "null"; +export const TypographyDisplay2FontFeatureSettings = "null"; +export const TypographyDisplay3FontSize = "34px"; +export const TypographyDisplay3LineHeight = "44px"; +export const TypographyDisplay3LetterSpacing = "0.25px"; +export const TypographyDisplay3FontWeight = "normal"; +export const TypographyDisplay3FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay3TextTransform = "null"; +export const TypographyDisplay3FontFeatureSettings = "null"; +export const TypographyHeadlineFontSize = "24px"; +export const TypographyHeadlineLineHeight = "32px"; +export const TypographyHeadlineLetterSpacing = "normal"; +export const TypographyHeadlineFontWeight = "normal"; +export const TypographyHeadlineFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyHeadlineTextTransform = "null"; +export const TypographyHeadlineFontFeatureSettings = "null"; +export const TypographyTitleFontSize = "20px"; +export const TypographyTitleLineHeight = "28px"; +export const TypographyTitleLetterSpacing = "0.15px"; +export const TypographyTitleFontWeight = "500"; +export const TypographyTitleFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyTitleTextTransform = "null"; +export const TypographyTitleFontFeatureSettings = "null"; +export const TypographySubheadingFontSize = "15px"; +export const TypographySubheadingLineHeight = "20px"; +export const TypographySubheadingLetterSpacing = "0.15px"; +export const TypographySubheadingFontWeight = "700"; +export const TypographySubheadingFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographySubheadingTextTransform = "null"; +export const TypographySubheadingFontFeatureSettings = "null"; +export const TypographyBodyFontSize = "15px"; +export const TypographyBodyLineHeight = "20px"; +export const TypographyBodyLetterSpacing = "0.15px"; +export const TypographyBodyFontWeight = "normal"; +export const TypographyBodyFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyTextTransform = "null"; +export const TypographyBodyFontFeatureSettings = "null"; +export const TypographyBodyTabularFontSize = "15px"; +export const TypographyBodyTabularLineHeight = "20px"; +export const TypographyBodyTabularLetterSpacing = "0.15px"; +export const TypographyBodyTabularFontWeight = "normal"; +export const TypographyBodyTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyTabularTextTransform = "null"; +export const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on"; +export const TypographyBodyStrongFontSize = "15px"; +export const TypographyBodyStrongLineHeight = "20px"; +export const TypographyBodyStrongLetterSpacing = "-0.009em"; +export const TypographyBodyStrongFontWeight = "500"; +export const TypographyBodyStrongFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyStrongTextTransform = "null"; +export const TypographyBodyStrongFontFeatureSettings = "null"; +export const TypographyBodyCapsFontSize = "15px"; +export const TypographyBodyCapsLineHeight = "20px"; +export const TypographyBodyCapsLetterSpacing = "1.7px"; +export const TypographyBodyCapsFontWeight = "normal"; +export const TypographyBodyCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyCapsTextTransform = "uppercase"; +export const TypographyBodyCapsFontFeatureSettings = "null"; +export const TypographyBodyMonoFontSize = "15px"; +export const TypographyBodyMonoLineHeight = "20px"; +export const TypographyBodyMonoLetterSpacing = "normal"; +export const TypographyBodyMonoFontWeight = "normal"; +export const TypographyBodyMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyBodyMonoTextTransform = "null"; +export const TypographyBodyMonoFontFeatureSettings = "null"; +export const TypographyCaptionFontSize = "13px"; +export const TypographyCaptionLineHeight = "16px"; +export const TypographyCaptionLetterSpacing = "0.25px"; +export const TypographyCaptionFontWeight = "normal"; +export const TypographyCaptionFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionTextTransform = "null"; +export const TypographyCaptionFontFeatureSettings = "null"; +export const TypographyCaptionTabularFontSize = "13px"; +export const TypographyCaptionTabularLineHeight = "16px"; +export const TypographyCaptionTabularLetterSpacing = "0.25px"; +export const TypographyCaptionTabularFontWeight = "normal"; +export const TypographyCaptionTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionTabularTextTransform = "null"; +export const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on"; +export const TypographyCaptionCapsFontSize = "13px"; +export const TypographyCaptionCapsLineHeight = "16px"; +export const TypographyCaptionCapsLetterSpacing = "1.5px"; +export const TypographyCaptionCapsFontWeight = "normal"; +export const TypographyCaptionCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionCapsTextTransform = "uppercase"; +export const TypographyCaptionCapsFontFeatureSettings = "null"; +export const TypographyCaptionMonoFontSize = "13px"; +export const TypographyCaptionMonoLineHeight = "16px"; +export const TypographyCaptionMonoLetterSpacing = "normal"; +export const TypographyCaptionMonoFontWeight = "normal"; +export const TypographyCaptionMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyCaptionMonoTextTransform = "null"; +export const TypographyCaptionMonoFontFeatureSettings = "null"; +export const TypographySmallTextFontSize = "13px"; +export const TypographySmallTextLineHeight = "16px"; +export const TypographySmallTextLetterSpacing = "0.25px"; +export const TypographySmallTextFontWeight = "normal"; +export const TypographySmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographySmallTextTextTransform = "null"; +export const TypographySmallTextFontFeatureSettings = "null"; +export const TypographyExtraSmallTextFontSize = "11px"; +export const TypographyExtraSmallTextLineHeight = "16px"; +export const TypographyExtraSmallTextLetterSpacing = "0.22px"; +export const TypographyExtraSmallTextFontWeight = "normal"; +export const TypographyExtraSmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyExtraSmallTextTextTransform = "null"; +export const TypographyExtraSmallTextFontFeatureSettings = "null"; +export const TypographyExtraSmallTextCapsFontSize = "11px"; +export const TypographyExtraSmallTextCapsLineHeight = "16px"; +export const TypographyExtraSmallTextCapsLetterSpacing = "1px"; +export const TypographyExtraSmallTextCapsFontWeight = "normal"; +export const TypographyExtraSmallTextCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyExtraSmallTextCapsTextTransform = "uppercase"; +export const TypographyExtraSmallTextCapsFontFeatureSettings = "null"; +export const TypographyExtraSmallTextMonoFontSize = "11px"; +export const TypographyExtraSmallTextMonoLineHeight = "16px"; +export const TypographyExtraSmallTextMonoLetterSpacing = "0px"; +export const TypographyExtraSmallTextMonoFontWeight = "normal"; +export const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyExtraSmallTextMonoTextTransform = "null"; +export const TypographyExtraSmallTextMonoFontFeatureSettings = "null"; +export const AlertLightColorSchemeErrorBackground = "#FCEFEC"; +export const AlertLightColorSchemeErrorBorder = "#E76E5C"; +export const AlertLightColorSchemeErrorIcon = "#E76E5C"; +export const AlertLightColorSchemeWarningBackground = "#FCF5E8"; +export const AlertLightColorSchemeWarningBorder = "#F0D49B"; +export const AlertLightColorSchemeWarningIcon = "#DFA739"; +export const AlertLightColorSchemeSuccessBackground = "#EDF8E9"; +export const AlertLightColorSchemeSuccessBorder = "#B4DEA4"; +export const AlertLightColorSchemeSuccessIcon = "#6FBA53"; +export const AlertLightColorSchemeInfoBackground = "#EBF4FB"; +export const AlertLightColorSchemeInfoBorder = "#AAD1EC"; +export const AlertLightColorSchemeInfoIcon = "#57A4D7"; +export const AlertLightColorSchemeDefaultBackground = "#F0F0F0"; +export const AlertLightColorSchemeDefaultBorder = "#B3B3B3"; +export const AlertLightColorSchemeDefaultIcon = "#CCCCCC"; +export const AlertDarkColorSchemeErrorBackground = "#832112"; +export const AlertDarkColorSchemeErrorBorder = "#832112"; +export const AlertDarkColorSchemeErrorIcon = "#E76E5C"; +export const AlertDarkColorSchemeWarningBackground = "#7D5504"; +export const AlertDarkColorSchemeWarningBorder = "#7D5504"; +export const AlertDarkColorSchemeWarningIcon = "#DFA739"; +export const AlertDarkColorSchemeSuccessBackground = "#276211"; +export const AlertDarkColorSchemeSuccessBorder = "#276211"; +export const AlertDarkColorSchemeSuccessIcon = "#6FBA53"; +export const AlertDarkColorSchemeInfoBackground = "#114E77"; +export const AlertDarkColorSchemeInfoBorder = "#114E77"; +export const AlertDarkColorSchemeInfoIcon = "#57A4D7"; +export const AlertDarkColorSchemeDefaultBackground = "#4D4D4D"; +export const AlertDarkColorSchemeDefaultBorder = "#4D4D4D"; +export const AlertDarkColorSchemeDefaultIcon = "#999999"; +export const AlertSizeBorderWidth = "1px"; +export const AlertSizeBorderRadius = "4px"; +export const AlertSizeHorizontalPadding = "16px"; +export const AlertSizeVerticalPadding = "13px"; +export const AlertSizeIconMargin = "8px"; +export const AlertSizeCloseButtonWidth = "16px"; +export const AlertSizeSmallVerticalPadding = "11px"; +export const AlertFontDefaultHeader = "subheading"; +export const AlertFontDefaultBody = "body"; +export const AlertFontSmallHeader = "caption"; +export const AlertFontSmallBody = "caption"; +export const AutocompleteSizePanelPadding = "4px 0"; +export const AutocompleteSizePanelMaxHeight = "256px"; +export const AutocompleteSizePanelBorderRadius = "3px"; +export const BadgeLightColorSchemeSolidPrimaryBackground = "#E04D36"; +export const BadgeLightColorSchemeSolidPrimaryColor = "white"; +export const BadgeLightColorSchemeSolidPrimaryBorder = "#E04D36"; +export const BadgeLightColorSchemeSolidInfoBorder = "#E04D36"; +export const BadgeLightColorSchemeSolidInfoBackground = "#E04D36"; +export const BadgeLightColorSchemeSolidInfoColor = "white"; +export const BadgeLightColorSchemeSolidSuccessBorder = "#52A832"; +export const BadgeLightColorSchemeSolidSuccessBackground = "#52A832"; +export const BadgeLightColorSchemeSolidSuccessColor = "white"; +export const BadgeLightColorSchemeSolidWarningBorder = "#D6930D"; +export const BadgeLightColorSchemeSolidWarningBackground = "#D6930D"; +export const BadgeLightColorSchemeSolidWarningColor = "white"; +export const BadgeLightColorSchemeSolidErrorBorder = "#E04D36"; +export const BadgeLightColorSchemeSolidErrorBackground = "#E04D36"; +export const BadgeLightColorSchemeSolidErrorColor = "white"; +export const BadgeLightColorSchemeSolidTransparentBorder = "#CCCCCC"; +export const BadgeLightColorSchemeSolidTransparentColor = "#4D4D4D"; +export const BadgeLightColorSchemeSolidTransparentBackground = "transparent"; +export const BadgeLightColorSchemeSolidLightBorder = "#E6E6E6"; +export const BadgeLightColorSchemeSolidLightBackground = "#E6E6E6"; +export const BadgeLightColorSchemeSolidLightColor = "#4D4D4D"; +export const BadgeLightColorSchemeSolidSecondBorder = "#666666"; +export const BadgeLightColorSchemeSolidSecondBackground = "#666666"; +export const BadgeLightColorSchemeSolidSecondColor = "white"; +export const BadgeLightColorSchemePastelPrimaryBackground = "#FEF7F6"; +export const BadgeLightColorSchemePastelPrimaryBorder = "#F4B7AE"; +export const BadgeLightColorSchemePastelPrimaryColor = "#E04D36"; +export const BadgeLightColorSchemePastelInfoBackground = "#F5FAFD"; +export const BadgeLightColorSchemePastelInfoBorder = "#F4B7AE"; +export const BadgeLightColorSchemePastelInfoColor = "#338FCC"; +export const BadgeLightColorSchemePastelSuccessBackground = "#F6FBF4"; +export const BadgeLightColorSchemePastelSuccessBorder = "#B4DEA4"; +export const BadgeLightColorSchemePastelSuccessColor = "#449327"; +export const BadgeLightColorSchemePastelWarningBackground = "#FDFAF3"; +export const BadgeLightColorSchemePastelWarningBorder = "#F0D49B"; +export const BadgeLightColorSchemePastelWarningColor = "#BB800A"; +export const BadgeLightColorSchemePastelErrorBackground = "#FEF7F6"; +export const BadgeLightColorSchemePastelErrorBorder = "#F4B7AE"; +export const BadgeLightColorSchemePastelErrorColor = "#E04D36"; +export const BadgeDarkColorSchemePastelPrimaryBackground = "rgba(224, 79, 56, 0.15)"; +export const BadgeDarkColorSchemePastelPrimaryColor = "#FADEDA"; +export const BadgeDarkColorSchemePastelPrimaryBorder = "#832112"; +export const BadgeDarkColorSchemePastelInfoBackground = "#FADEDA"; +export const BadgeDarkColorSchemePastelInfoColor = "#FADEDA"; +export const BadgeDarkColorSchemePastelInfoBorder = "rgba(224, 79, 56, 0.15)"; +export const BadgeDarkColorSchemePastelSuccessBorder = "#276211"; +export const BadgeDarkColorSchemePastelSuccessBackground = "rgba(68, 255, 0, 0.15)"; +export const BadgeDarkColorSchemePastelSuccessColor = "#DCF1D4"; +export const BadgeDarkColorSchemePastelWarningBorder = "#7D5504"; +export const BadgeDarkColorSchemePastelWarningBackground = "rgba(255, 170, 0, 0.15)"; +export const BadgeDarkColorSchemePastelWarningColor = "#F8EBD1"; +export const BadgeDarkColorSchemePastelErrorBorder = "#832112"; +export const BadgeDarkColorSchemePastelErrorBackground = "rgba(224, 79, 56, 0.15)"; +export const BadgeDarkColorSchemePastelErrorColor = "#FADEDA"; +export const BadgeDarkColorSchemeSolidPrimaryBackground = "#832112"; +export const BadgeDarkColorSchemeSolidPrimaryColor = "white"; +export const BadgeDarkColorSchemeSolidPrimaryBorder = "#832112"; +export const BadgeDarkColorSchemeSolidInfoBorder = "#541208"; +export const BadgeDarkColorSchemeSolidInfoBackground = "#541208"; +export const BadgeDarkColorSchemeSolidInfoColor = "white"; +export const BadgeDarkColorSchemeSolidSuccessBorder = "#276211"; +export const BadgeDarkColorSchemeSolidSuccessBackground = "#276211"; +export const BadgeDarkColorSchemeSolidSuccessColor = "white"; +export const BadgeDarkColorSchemeSolidWarningBorder = "#7D5504"; +export const BadgeDarkColorSchemeSolidWarningBackground = "#7D5504"; +export const BadgeDarkColorSchemeSolidWarningColor = "white"; +export const BadgeDarkColorSchemeSolidErrorBorder = "#832112"; +export const BadgeDarkColorSchemeSolidErrorBackground = "#832112"; +export const BadgeDarkColorSchemeSolidErrorColor = "white"; +export const BadgeDarkColorSchemeSolidTransparentBorder = "#808080"; +export const BadgeDarkColorSchemeSolidTransparentColor = "#F5F5F5"; +export const BadgeDarkColorSchemeSolidTransparentBackground = "transparent"; +export const BadgeDarkColorSchemeSolidLightBorder = "#999999"; +export const BadgeDarkColorSchemeSolidLightBackground = "#999999"; +export const BadgeDarkColorSchemeSolidLightColor = "white"; +export const BadgeDarkColorSchemeSolidSecondBorder = "#4D4D4D"; +export const BadgeDarkColorSchemeSolidSecondBackground = "#4D4D4D"; +export const BadgeDarkColorSchemeSolidSecondColor = "white"; +export const BadgeSizeDefaultHeight = "24rem"; +export const BadgeSizeDefaultMinWidth = "10px"; +export const BadgeSizeDefaultPadding = "0 8px"; +export const BadgeSizeDefaultBorderWidth = "1px"; +export const BadgeSizeDefaultBorderRadius = "4px"; +export const BadgeSizeMiniHeight = "16rem"; +export const BadgeSizeMiniMinWidth = "10px"; +export const BadgeSizeMiniBorderWidth = "1px"; +export const BadgeSizeMiniBorderRadius = "2px"; +export const BadgeSizeMiniPadding = "0 4px"; +export const BadgeFontDefaultDefault = "caption"; +export const BadgeFontDefaultCaps = "caption-caps"; +export const BadgeFontDefaultMono = "caption-mono"; +export const BadgeFontMiniDefault = "extra-small-text"; +export const BadgeFontMiniCaps = "extra-small-text-caps"; +export const BadgeFontMiniMono = "extra-small-text-mono"; +export const ButtonToggleSizeBorderSize = "1px"; +export const ButtonToggleSizeBorderRadius = "3px"; +export const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)"; +export const ButtonLightColorSchemePrimaryColor = "white"; +export const ButtonLightColorSchemePrimaryBorder = "#C43E29"; +export const ButtonLightColorSchemePrimaryBackground = "#E04D36"; +export const ButtonLightColorSchemePrimaryIcon = "white"; +export const ButtonLightColorSchemePrimaryStatesActiveBorder = "darken(#C43E29, 5)"; +export const ButtonLightColorSchemePrimaryStatesActiveBackground = "darken(#E04D36, 5)"; +export const ButtonLightColorSchemePrimaryTransparentColor = "#E04D36"; +export const ButtonLightColorSchemePrimaryTransparentIcon = "#E04D36"; +export const ButtonLightColorSchemePrimaryTransparentStatesHoverColor = "#B23522"; +export const ButtonLightColorSchemePrimaryTransparentStatesHoverIcon = "#B23522"; +export const ButtonLightColorSchemePrimaryTransparentStatesActiveColor = "#832112"; +export const ButtonLightColorSchemePrimaryTransparentStatesActiveIcon = "#832112"; +export const ButtonLightColorSchemeSecondBorder = "#B3B3B3"; +export const ButtonLightColorSchemeSecondBackground = "#F0F0F0"; +export const ButtonLightColorSchemeSecondColor = "#4D4D4D"; +export const ButtonLightColorSchemeSecondIcon = "#999999"; +export const ButtonLightColorSchemeSecondStatesActiveBorder = "darken(#B3B3B3, 5)"; +export const ButtonLightColorSchemeSecondStatesActiveBackground = "darken(#F0F0F0, 5)"; +export const ButtonLightColorSchemeErrorBorder = "#B3B3B3"; +export const ButtonLightColorSchemeErrorBackground = "#F0F0F0"; +export const ButtonLightColorSchemeErrorColor = "#E76E5C"; +export const ButtonLightColorSchemeErrorIcon = "#E76E5C"; +export const ButtonLightColorSchemeErrorStatesActiveBorder = "darken(#B3B3B3, 5)"; +export const ButtonLightColorSchemeErrorStatesActiveBackground = "darken(#F0F0F0, 5)"; +export const ButtonDarkColorSchemeActiveShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)"; +export const ButtonDarkColorSchemePrimaryColor = "white"; +export const ButtonDarkColorSchemePrimaryBorder = "#C43E29"; +export const ButtonDarkColorSchemePrimaryBackground = "#E04D36"; +export const ButtonDarkColorSchemePrimaryIcon = "white"; +export const ButtonDarkColorSchemePrimaryStatesActiveBorder = "darken(#C43E29, 5)"; +export const ButtonDarkColorSchemePrimaryStatesActiveBackground = "darken(#E76E5C, 5)"; +export const ButtonDarkColorSchemePrimaryTransparentColor = "#E04D36"; +export const ButtonDarkColorSchemePrimaryTransparentIcon = "#E04D36"; +export const ButtonDarkColorSchemePrimaryTransparentStatesHoverColor = "#B23522"; +export const ButtonDarkColorSchemePrimaryTransparentStatesHoverIcon = "#B23522"; +export const ButtonDarkColorSchemePrimaryTransparentStatesActiveColor = "#832112"; +export const ButtonDarkColorSchemePrimaryTransparentStatesActiveIcon = "#832112"; +export const ButtonDarkColorSchemeSecondBorder = "#808080"; +export const ButtonDarkColorSchemeSecondBackground = "#666666"; +export const ButtonDarkColorSchemeSecondColor = "#F0F0F0"; +export const ButtonDarkColorSchemeSecondIcon = "#999999"; +export const ButtonDarkColorSchemeSecondStatesActiveBorder = "darken(#808080, 5)"; +export const ButtonDarkColorSchemeSecondStatesActiveBackground = "darken(#666666, 5)"; +export const ButtonDarkColorSchemeErrorBorder = "#808080"; +export const ButtonDarkColorSchemeErrorBackground = "#666666"; +export const ButtonDarkColorSchemeErrorColor = "#E76E5C"; +export const ButtonDarkColorSchemeErrorIcon = "#E76E5C"; +export const ButtonDarkColorSchemeErrorStatesActiveBorder = "darken(#808080, 5)"; +export const ButtonDarkColorSchemeErrorStatesActiveBackground = "darken(#666666, 5)"; +export const ButtonSizeBorderWidth = "1px"; +export const ButtonSizeBorderRadius = "3px"; +export const ButtonSizeVerticalPadding = "6px"; +export const ButtonSizeHorizontalPadding = "16px"; +export const ButtonFontDefault = "body"; +export const ButtonFontPrimary = "body-strong"; +export const ButtonFontPrimaryTransparent = "body"; +export const IconButtonSizeVerticalPadding = "6px"; +export const IconButtonSizeHorizontalPadding = "8px"; +export const IconButtonSizeIconHorizontalPadding = "16px"; +export const CardLightColorSchemeErrorVerticalLine = "#E76E5C"; +export const CardLightColorSchemeErrorBackground = "#FCEFEC"; +export const CardLightColorSchemeErrorShadow = "#E6E6E6"; +export const CardLightColorSchemeWarningVerticalLine = "#F0D49B"; +export const CardLightColorSchemeWarningBackground = "#FCF5E8"; +export const CardLightColorSchemeWarningShadow = "#E6E6E6"; +export const CardLightColorSchemeSuccessVerticalLine = "#B4DEA4"; +export const CardLightColorSchemeSuccessBackground = "#EDF8E9"; +export const CardLightColorSchemeSuccessShadow = "#E6E6E6"; +export const CardLightColorSchemeInfoVerticalLine = "#AAD1EC"; +export const CardLightColorSchemeInfoBackground = "#EBF4FB"; +export const CardLightColorSchemeInfoShadow = "#E6E6E6"; +export const CardDarkColorSchemeErrorVerticalLine = "#E76E5C"; +export const CardDarkColorSchemeErrorBackground = "#832112"; +export const CardDarkColorSchemeErrorShadow = "#4D4D4D"; +export const CardDarkColorSchemeWarningVerticalLine = "#DFA739"; +export const CardDarkColorSchemeWarningBackground = "#7D5504"; +export const CardDarkColorSchemeWarningShadow = "#4D4D4D"; +export const CardDarkColorSchemeSuccessVerticalLine = "#6FBA53"; +export const CardDarkColorSchemeSuccessBackground = "#276211"; +export const CardDarkColorSchemeSuccessShadow = "#4D4D4D"; +export const CardDarkColorSchemeInfoVerticalLine = "#57A4D7"; +export const CardDarkColorSchemeInfoBackground = "#114E77"; +export const CardDarkColorSchemeInfoShadow = "#4D4D4D"; +export const CardSizeVerticalLine = "4px"; +export const CheckboxLightColorSchemeBorder = "#B3B3B3"; +export const CheckboxLightColorSchemeStatesCheckedBorder = "#B23522"; +export const CheckboxLightColorSchemeStatesCheckedBackground = "#E04D36"; +export const CheckboxLightColorSchemeStatesFocusedBorder = "#B23522"; +export const CheckboxLightColorSchemeStatesFocusedShadow = "0 0 0 1px #B23522"; +export const CheckboxDarkColorSchemeBorder = "#999999"; +export const CheckboxDarkColorSchemeStatesCheckedBorder = "#E76E5C"; +export const CheckboxDarkColorSchemeStatesCheckedBackground = "#B23522"; +export const CheckboxDarkColorSchemeStatesFocusedBorder = "#E76E5C"; +export const CheckboxDarkColorSchemeStatesFocusedShadow = "0 0 0 1px #E76E5C"; +export const CheckboxSizeWidth = "16px"; +export const CheckboxSizeLabelMargin = "8px"; +export const CheckboxSizeBorderWidth = "1px"; +export const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0, 0.2)"; +export const CheckboxFontDefault = "body"; +export const DatepickerToggleSizeWidth = "30px"; +export const DatepickerToggleSizeHeight = "30px"; +export const DatepickerBodyLightColorSchemeStatesSelectedColor = "#E04D36"; +export const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#FADEDA"; +export const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#E04D36"; +export const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#832112"; +export const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px"; +export const DatepickerBodySizeCellMinSize = "32px"; +export const DatepickerBodySizeCellMargin = "5%"; +export const DatepickerBodySizeCellPadding = "8px"; +export const DatepickerBodySizeCellBorderWidth = "1px"; +export const DatepickerBodyFontLabel = "body-strong"; +export const DatepickerBodyFontToday = "body-strong"; +export const DatepickerCalendarSizePaddingTop = "16px"; +export const DatepickerCalendarSizePaddingHorizontal = "8px"; +export const DatepickerCalendarSizePaddingBottom = "8px"; +export const DatepickerCalendarSizePaddingBlocks = "12px"; +export const DatepickerCalendarSizeDividerWidth = "1px"; +export const DatepickerCalendarSizeIconBorderWidth = "2px"; +export const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)"; +export const DatepickerCalendarSizeIconNexIconTransform = "translateX(-2px) rotate(45deg)"; +export const DatepickerCalendarFontDefault = "body"; +export const DatepickerCalendarFontHeader = "caption"; +export const DatepickerInputSizeWidth = "130px"; +export const DividerSizeWidth = "1px"; +export const DividerSizeInsetMargin = "80px"; +export const DescriptionListLightColorSchemeDt = "#999999"; +export const DescriptionListLightColorSchemeDd = "#4D4D4D"; +export const DescriptionListDarkColorSchemeDt = "#999999"; +export const DescriptionListDarkColorSchemeDd = "#F0F0F0"; +export const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)"; +export const DescriptionListSizeDtGridColumn = "1"; +export const DescriptionListSizeDdGridColumn = "2 / span 3"; +export const DescriptionListSizeHorizontalColumnGap = "16rem"; +export const DescriptionListSizeHorizontalRowGap = "12rem"; +export const DescriptionListSizeVerticalColumnGap = "0"; +export const DescriptionListSizeVerticalRowGap = "2rem"; +export const DescriptionListSizeVerticalDdMarginBottom = "16rem"; +export const DescriptionListFontHorizontalDt = "body"; +export const DescriptionListFontHorizontalDd = "body"; +export const DescriptionListFontVerticalDt = "caption"; +export const DescriptionListFontVerticalDd = "body"; +export const DropdownItemSizePadding = "5px 15px"; +export const DropdownItemSizeIconPadding = "0 8px 2px 0"; +export const DropdownItemFontDefault = "body"; +export const DropdownItemFontCaption = "caption"; +export const DropdownGroupHeaderSizeDefaultPadding = "6px 15px"; +export const DropdownGroupHeaderSizeSmallPadding = "8px 15px"; +export const DropdownGroupHeaderFontDefault = "body-strong"; +export const DropdownGroupHeaderFontSmall = "caption-caps"; +export const DropdownDividerSizeHeight = "1px"; +export const DropdownDividerSizeMargin = "4px 0"; +export const DropdownTriggerSizeIconPaddingRight = "8px"; +export const DropdownPanelSizeMaxWidth = "640px"; +export const DropdownPanelSizePadding = "4px 0"; +export const DropdownPanelSizeBorderWidth = "1px"; +export const DropdownPanelSizeBorderRadius = "3px"; +export const FormFieldLightColorSchemeBorder = "#B3B3B3"; +export const FormFieldLightColorSchemeBackground = "white"; +export const FormFieldLightColorSchemeStatesHoverBorder = "#999999"; +export const FormFieldLightColorSchemeStatesInvalidBorder = "#E76E5C"; +export const FormFieldLightColorSchemeStatesInvalidBackground = "transparent"; +export const FormFieldDarkColorSchemeBorder = "#999999"; +export const FormFieldDarkColorSchemeBackground = "#333333"; +export const FormFieldDarkColorSchemeStatesHoverBorder = "#CCCCCC"; +export const FormFieldDarkColorSchemeStatesInvalidBorder = "#E76E5C"; +export const FormFieldDarkColorSchemeStatesInvalidBackground = "transparent"; +export const FormFieldSizeBorderWidth = "1px"; +export const FormFieldSizeBorderRadius = "3px"; +export const FormFieldSizeButtonWidth = "32px"; +export const FormFieldFontDefault = "body"; +export const FormFieldHintSizeMarginTop = "4px"; +export const FormFieldHintFontDefault = "caption"; +export const FormFieldPasswordHintLightColorSchemeTextColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeIconColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#E04D36"; +export const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#449327"; +export const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#449327"; +export const FormFieldPasswordHintDarkColorSchemeTextColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeIconColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#E76E5C"; +export const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#6FBA53"; +export const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#6FBA53"; +export const FormFieldPasswordHintSizeMarginTop = "8px"; +export const FormFieldPasswordHintSizeIconMargin = "4px"; +export const FormFieldPasswordHintFontDefault = "caption"; +export const FormsLightColorSchemeLabel = "#999999"; +export const FormsLightColorSchemeLegend = "#4D4D4D"; +export const FormsDarkColorSchemeLabel = "#999999"; +export const FormsDarkColorSchemeLegend = "#F0F0F0"; +export const FormsSizeHorizontalRowMarginBottom = "20px"; +export const FormsSizeHorizontalLabelPaddingTop = "6px"; +export const FormsSizeHorizontalLabelPaddingBottom = "0"; +export const FormsSizeHorizontalControlPaddingLeft = "16px"; +export const FormsSizeHorizontalLegendMarginTop = "32px"; +export const FormsSizeHorizontalLegendMarginBottom = "16px"; +export const FormsSizeVerticalRowMarginBottom = "16px"; +export const FormsSizeVerticalLabelPaddingTop = "0"; +export const FormsSizeVerticalLabelPaddingBottom = "4px"; +export const FormsSizeVerticalControlPaddingLeft = "24px"; +export const FormsSizeVerticalLegendMarginTop = "32px"; +export const FormsSizeVerticalLegendMarginBottom = "12px"; +export const FormsFontDefaultLabel = "body"; +export const FormsFontDefaultLegend = "subheading"; +export const InputSizePadding = "5px 16px"; +export const InputSizeWidth = "100%"; +export const InputSizeMinHeight = "30px"; +export const InputFontDefault = "body"; +export const InputFontMonospace = "body-mono"; +export const LinkLightColorSchemeText = "#E04D36"; +export const LinkLightColorSchemeBorderBottom = "rgba(#E04D36, 0.32)"; +export const LinkLightColorSchemeStateVisitedText = "#6A2795"; +export const LinkLightColorSchemeStateVisitedBorderBottom = "rgba(106, 39, 149, 0.32)"; +export const LinkLightColorSchemeStateHoverText = "#B23522"; +export const LinkLightColorSchemeStateHoverBorderBottom = "rgba(#B23522, 0.32)"; +export const LinkLightColorSchemeStateActive = "#832112"; +export const LinkLightColorSchemeStateFocusedOutline = "#E04D36"; +export const LinkDarkColorSchemeText = "#E76E5C"; +export const LinkDarkColorSchemeBorderBottom = "rgba(#E76E5C, 0.32)"; +export const LinkDarkColorSchemeStateVisitedText = "#a23ee2"; +export const LinkDarkColorSchemeStateVisitedBorderBottom = "rgba(162, 62, 226, 0.32)"; +export const LinkDarkColorSchemeStateHoverText = "#ED9284"; +export const LinkDarkColorSchemeStateHoverBorderBottom = "rgba(#ED9284, 0.32)"; +export const LinkDarkColorSchemeStateActive = "#ED9284"; +export const LinkDarkColorSchemeStateFocusedOutline = "#E76E5C"; +export const LinkSizeIconMargin = "4px"; +export const LinkSizeStateFocusedOutlineOffset = "2px"; +export const LinkSizeStateFocusedOutlineWidth = "2px"; +export const LinkAnimationTransition = "color ease-out 300ms"; +export const LinkAnimationStateHoverTransition = "color 0ms"; +export const LinkFontDefault = "body"; +export const ListSizeHorizontalPadding = "16px"; +export const ListSizeIconPadding = "4px"; +export const ListSizeItemHeight = "32px"; +export const ListSizeIconWidth = "24px"; +export const ListFontItem = "body"; +export const ModalLightColorSchemeShadow = "(0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5))"; +export const ModalLightColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalLightColorSchemeBodyBottomShadow = "0 -2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalLightColorSchemeBackgroundMask = "rgba(0, 0, 0, 0.5)"; +export const ModalDarkColorSchemeShadow = "(0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5))"; +export const ModalDarkColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalDarkColorSchemeBodyBottomShadow = "0 -2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalDarkColorSchemeBackgroundMask = "rgba(0, 0, 0, 0.5)"; +export const ModalSizeSmall = "400px"; +export const ModalSizeNormal = "640px"; +export const ModalSizeLarge = "960px"; +export const ModalSizeTop = "48px"; +export const ModalSizeCloseWidth = "56px"; +export const ModalSizeBorderRadius = "4px"; +export const ModalSizeBorderWidth = "1px"; +export const ModalHeaderLightColorSchemeBorder = "#E6E6E6"; +export const ModalHeaderDarkColorSchemeBorder = "#666666"; +export const ModalHeaderSizeBorderRadius = "4px 4px 0 0"; +export const ModalHeaderSizePadding = "14px 16px"; +export const ModalHeaderFontDefault = "title"; +export const ModalBodySizeMaxHeight = "calc(100vh - 260px)"; +export const ModalBodySizePadding = "16px 24px 24px"; +export const ModalBodyFontDefault = "body"; +export const ModalFooterLightColorSchemeBorder = "#E6E6E6"; +export const ModalFooterDarkColorSchemeBorder = "#666666"; +export const ModalFooterSizeBorderRadius = "0 0 4px 4px"; +export const ModalFooterSizePadding = "16px 16px"; +export const ModalConfirmSizePadding = "24px"; +export const NavbarLightColorSchemeBackground = "#832112"; +export const NavbarLightColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)"; +export const NavbarDarkColorSchemeBackground = "#832112"; +export const NavbarDarkColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)"; +export const NavbarSizeIconMargin = "6px"; +export const NavbarFontTitle = "body"; +export const VerticalNavbarSizeStatesExpandedWidth = "240px"; +export const VerticalNavbarSizeStatesCollapsedWidth = "56px"; +export const VerticalNavbarSizeIconMargin = "16px"; +export const NavbarItemLightColorSchemeText = "#FADEDA"; +export const NavbarItemLightColorSchemeIcon = "#FADEDA"; +export const NavbarItemLightColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)"; +export const NavbarItemLightColorSchemeStatesSelected = "#4D4D4D"; +export const NavbarItemLightColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)"; +export const NavbarItemLightColorSchemeStatesProgress = "#541208"; +export const NavbarItemLightColorSchemeStatesDisabledOpacity = 0.3; +export const NavbarItemDarkColorSchemeText = "#FADEDA"; +export const NavbarItemDarkColorSchemeIcon = "#FADEDA"; +export const NavbarItemDarkColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)"; +export const NavbarItemDarkColorSchemeStatesSelected = "#666666"; +export const NavbarItemDarkColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)"; +export const NavbarItemDarkColorSchemeStatesProgress = "#541208"; +export const NavbarItemDarkColorSchemeStatesDisabledOpacity = 0.3; +export const NavbarItemSizePadding = "16px"; +export const NavbarItemSizeHeight = "48px"; +export const NavbarItemSizeHeightVertical = "56px"; +export const NavbarBrandSizePadding = "12px"; +export const NavbarBrandSizeMarginRight = "24px"; +export const NavbarBrandFontTitle = "title"; +export const OptgroupSizePaddingLeft = "17px"; +export const OptgroupFontDefault = "subheading"; +export const OptionSizeHorizontalPadding = "16px"; +export const OptionSizeHeight = "32px"; +export const OptionSizeBorderWidth = "2px"; +export const OptionFontDefault = "body"; +export const PopoverLightColorSchemeBackground = "white"; +export const PopoverLightColorSchemeText = "#4D4D4D"; +export const PopoverLightColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopoverLightColorSchemeBorder = "#B3B3B3"; +export const PopoverDarkColorSchemeBackground = "#4D4D4D"; +export const PopoverDarkColorSchemeText = "#F0F0F0"; +export const PopoverDarkColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopoverDarkColorSchemeBorder = "#4D4D4D"; +export const PopoverSizeMaxHeight = "480px"; +export const PopoverSizePadding = "16px"; +export const PopoverSizeBorderRadius = "3px"; +export const PopoverSizeArrowSize = "12px"; +export const PopoverSizeTriggerMargin = "9px"; +export const PopoverSizeSmallWidth = "200px"; +export const PopoverSizeNormalWidth = "400px"; +export const PopoverSizeLargeWidth = "640px"; +export const PopoverFontDefault = "body"; +export const PopoverHeaderLightColorSchemeBorder = "#E6E6E6"; +export const PopoverHeaderLightColorSchemeText = "#4D4D4D"; +export const PopoverHeaderLightColorSchemeBackground = "white"; +export const PopoverHeaderDarkColorSchemeBorder = "transparent"; +export const PopoverHeaderDarkColorSchemeText = "#F0F0F0"; +export const PopoverHeaderDarkColorSchemeBackground = "#4D4D4D"; +export const PopoverHeaderSizeHeight = "10px 16px"; +export const PopoverHeaderSizePadding = "10px 16px"; +export const PopoverHeaderFontDefault = "subheading"; +export const PopoverFooterLightColorSchemeBorder = "#F0F0F0"; +export const PopoverFooterLightColorSchemeBackground = "#F0F0F0"; +export const PopoverFooterDarkColorSchemeBorder = "transparent"; +export const PopoverFooterDarkColorSchemeBackground = "transparent"; +export const PopoverFooterSizeMarginTop = "8px"; +export const PopoverFooterSizePadding = "12px 16px"; +export const PopoverFooterSizeHeight = "56px"; +export const PopoverFooterFontDefault = "body"; +export const PopupLightColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopupLightColorSchemeBorder = "#B3B3B3"; +export const PopupLightColorSchemeDivider = "#CCCCCC"; +export const PopupLightColorSchemeBackground = "white"; +export const PopupLightColorSchemeFooterBackground = "#F0F0F0"; +export const PopupDarkColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopupDarkColorSchemeBorder = "#999999"; +export const PopupDarkColorSchemeDivider = "#666666"; +export const PopupDarkColorSchemeBackground = "#4D4D4D"; +export const PopupDarkColorSchemeFooterBackground = "transparent"; +export const ProgressBarLightColorSchemeBackground = "#F0F0F0"; +export const ProgressBarDarkColorSchemeBackground = "#666666"; +export const ProgressBarSizeHeight = "4px"; +export const ProgressSpinnerSizeSize = "16px"; +export const RadioLightColorSchemeOuterCircleBorder = "#B3B3B3"; +export const RadioLightColorSchemeInnerCircleBorder = "transparent"; +export const RadioLightColorSchemeStatesCheckedOuterCircleBorder = "#E04D36"; +export const RadioLightColorSchemeStatesCheckedInnerCircleBorder = "#E04D36"; +export const RadioLightColorSchemeStatesFocusedOuterCircleBorder = "#E04D36"; +export const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #B3B3B3"; +export const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px white"; +export const RadioDarkColorSchemeOuterCircleBorder = "#999999"; +export const RadioDarkColorSchemeInnerCircleBorder = "transparent"; +export const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#E76E5C"; +export const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#B23522"; +export const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#E76E5C"; +export const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #E76E5C"; +export const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px #333333"; +export const RadioSizeSize = "14px"; +export const RadioSizeLabelMargin = "8px"; +export const RadioFontDefault = "body"; +export const SelectSizeHeight = "30px"; +export const SelectSizeLeftPadding = "16px"; +export const SelectSizeRightPadding = "8px"; +export const SelectSizeLeftPaddingMultiple = "8px"; +export const SelectFontDefault = "body"; +export const SelectPanelSizeMaxHeight = "232px"; +export const SelectPanelSizeMaxWidth = "640px"; +export const SelectPanelSizeVerticalPadding = "4px"; +export const SelectPanelSizeBorderWidth = "1px"; +export const SelectPanelSizeBorderRadius = "3px"; +export const SelectPanelFontDefault = "body"; +export const SidepanelLightColorSchemeBorder = "#B3B3B3"; +export const SidepanelDarkColorSchemeBorder = "#333333"; +export const SidepanelFontDefault = "body"; +export const SidepanelHeaderSizePadding = "14px 16px"; +export const SidepanelHeaderSizeClosePadding = "0 0 0 8px"; +export const SidepanelHeaderFontDefault = "title"; +export const SidepanelFooterSizePadding = "16px"; +export const SidepanelFooterFontDefault = "body"; +export const TableSizeBorderWidth = "1px"; +export const TableSizeRowPaddingVertical = "8px"; +export const TableSizeRowPaddingHorizontal = "16px"; +export const TableFontHeader = "caption"; +export const TableFontBody = "body"; +export const TabsLightColorSchemeBorder = "#B3B3B3"; +export const TabsLightColorSchemeStateNormalIcon = "#999999"; +export const TabsLightColorSchemeStateNormalText = "#4D4D4D"; +export const TabsLightColorSchemeStateHoverIcon = "#4D4D4D"; +export const TabsLightColorSchemeStateHoverText = "#4D4D4D"; +export const TabsLightColorSchemeStateActiveMarkerColor = "#E04D36"; +export const TabsLightColorSchemeStateEmptyIcon = "#B3B3B3"; +export const TabsLightColorSchemeStateEmptyText = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledIcon = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledText = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledMarkerOpacity = "0.3"; +export const TabsDarkColorSchemeBorder = "#B3B3B3"; +export const TabsDarkColorSchemeStateNormalIcon = "#999999"; +export const TabsDarkColorSchemeStateNormalText = "#F0F0F0"; +export const TabsDarkColorSchemeStateHoverIcon = "#F0F0F0"; +export const TabsDarkColorSchemeStateHoverText = "#F0F0F0"; +export const TabsDarkColorSchemeStateActiveMarkerColor = "#E76E5C"; +export const TabsDarkColorSchemeStateEmptyIcon = "#999999"; +export const TabsDarkColorSchemeStateEmptyText = "#999999"; +export const TabsDarkColorSchemeStateDisabledIcon = "#999999"; +export const TabsDarkColorSchemeStateDisabledText = "#999999"; +export const TabsDarkColorSchemeStateDisabledMarkerOpacity = "0.3"; +export const TabsSizeHeight = "40px"; +export const TabsSizeHighlightHeight = "4px"; +export const TabsSizePaddingHorizontal = "16px"; +export const TabsSizeBorderWidth = "1px"; +export const TabsSizeBorderRadius = "3px"; +export const TabsSizeLabelIconMargin = "8px"; +export const TabsFontDefault = "body"; +export const VerticalTabsLightColorSchemeStateNormalBackground = "transparent"; +export const VerticalTabsLightColorSchemeStateSelectedBackground = "#FADEDA"; +export const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)"; +export const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#FADEDA, $saturation:-22%, $lightness:-5%)"; +export const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent"; +export const VerticalTabsDarkColorSchemeStateSelectedBackground = "#832112"; +export const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(black, 0.05)"; +export const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#832112, $lightness:-1%)"; +export const TagsLightColorSchemePrimaryBackground = "#FADEDA"; +export const TagsLightColorSchemePrimaryBorder = "#FADEDA"; +export const TagsLightColorSchemePrimaryText = "#E04D36"; +export const TagsLightColorSchemePrimaryIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsLightColorSchemePrimaryStatesHoverIcon = "#B23522"; +export const TagsLightColorSchemePrimaryStatesFocused = "#E04D36"; +export const TagsLightColorSchemePrimaryStatesDisabledText = "mix(#E04D36, transparent, 50%)"; +export const TagsLightColorSchemePrimaryStatesDisabledBackground = "mix(#E04D36, transparent, 10%)"; +export const TagsLightColorSchemeSecondBackground = "#E6E6E6"; +export const TagsLightColorSchemeSecondBorder = "#E6E6E6"; +export const TagsLightColorSchemeSecondText = "#4D4D4D"; +export const TagsLightColorSchemeSecondIcon = "mix(#999999, rgba(black, 0.05))"; +export const TagsLightColorSchemeSecondStatesHoverIcon = "#999999"; +export const TagsLightColorSchemeSecondStatesFocused = "#E04D36"; +export const TagsLightColorSchemeSecondStatesDisabledText = "mix(#B3B3B3, transparent, 50%)"; +export const TagsLightColorSchemeSecondStatesDisabledBackground = "mix(#B3B3B3, transparent, 10%)"; +export const TagsLightColorSchemeErrorBackground = "#FADEDA"; +export const TagsLightColorSchemeErrorBorder = "#FADEDA"; +export const TagsLightColorSchemeErrorText = "#E76E5C"; +export const TagsLightColorSchemeErrorIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsLightColorSchemeErrorStatesHoverIcon = "#E04D36"; +export const TagsLightColorSchemeErrorStatesFocused = "#E76E5C"; +export const TagsLightColorSchemeErrorStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsLightColorSchemeErrorStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsDarkColorSchemePrimaryBackground = "#832112"; +export const TagsDarkColorSchemePrimaryBorder = "#832112"; +export const TagsDarkColorSchemePrimaryText = "#F4B7AE"; +export const TagsDarkColorSchemePrimaryIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsDarkColorSchemePrimaryStatesHoverIcon = "#E04D36"; +export const TagsDarkColorSchemePrimaryStatesFocused = "#E76E5C"; +export const TagsDarkColorSchemePrimaryStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsDarkColorSchemePrimaryStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsDarkColorSchemeSecondBackground = "#4D4D4D"; +export const TagsDarkColorSchemeSecondBorder = "#4D4D4D"; +export const TagsDarkColorSchemeSecondText = "#CCCCCC"; +export const TagsDarkColorSchemeSecondIcon = "mix(#999999, rgba(black, 0.05))"; +export const TagsDarkColorSchemeSecondStatesHoverIcon = "#E6E6E6"; +export const TagsDarkColorSchemeSecondStatesFocused = "#E76E5C"; +export const TagsDarkColorSchemeSecondStatesDisabledText = "mix(#999999, transparent, 50%)"; +export const TagsDarkColorSchemeSecondStatesDisabledBackground = "mix(#999999, transparent, 10%)"; +export const TagsDarkColorSchemeErrorBackground = "#832112"; +export const TagsDarkColorSchemeErrorBorder = "#832112"; +export const TagsDarkColorSchemeErrorText = "#F4B7AE"; +export const TagsDarkColorSchemeErrorIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsDarkColorSchemeErrorStatesHoverIcon = "#F4B7AE"; +export const TagsDarkColorSchemeErrorStatesFocused = "#E76E5C"; +export const TagsDarkColorSchemeErrorStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsDarkColorSchemeErrorStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsSizeMargin = "2px"; +export const TagsSizeHeight = "24px"; +export const TagsSizeBorderWidth = "1px"; +export const TagsSizeBorderRadius = "4px"; +export const TagsSizeIconPadding = "3px"; +export const TagsSizeTextMargin = "8px"; +export const TagsFontDefault = "caption"; +export const TagsFontMono = "caption-mono"; +export const TagsFontCaps = "caption-caps"; +export const TagListSizePadding = "1px 6px"; +export const TagListSizeMinHeight = "30px"; +export const TagInputSizeHeight = "22px"; +export const TagInputSizeMargin = "2px 4px"; +export const TagInputFontDefault = "body"; +export const TextareaSizeMinHeight = "50px"; +export const TextareaSizePadding = "5px 16px"; +export const TextareaFontDefault = "body"; +export const TextareaFontMono = "body-mono"; +export const TimepickerSizePaddingRight = "16px"; +export const ToggleLightColorSchemeBorder = "#B3B3B3"; +export const ToggleLightColorSchemeBackground = "linear-gradient(to bottom, #E6E6E6, #F0F0F0)"; +export const ToggleLightColorSchemeCircleBorder = "#B3B3B3"; +export const ToggleLightColorSchemeCircleBackground = "linear-gradient(to bottom, white, #E6E6E6)"; +export const ToggleLightColorSchemeStatesFocusedShadow = "inset 0 0 0 1px white, 0 0 0 2px #E04D36"; +export const ToggleLightColorSchemePrimaryCheckedBorderColor = "#E04D36"; +export const ToggleLightColorSchemePrimaryCheckedBackground = "#E04D36"; +export const ToggleLightColorSchemeErrorCheckedBorderColor = "#E76E5C"; +export const ToggleLightColorSchemeErrorCheckedBackground = "#E76E5C"; +export const ToggleDarkColorSchemeBorder = "#808080"; +export const ToggleDarkColorSchemeBackground = "#333333"; +export const ToggleDarkColorSchemeCircleBorder = "#808080"; +export const ToggleDarkColorSchemeCircleBackground = "white"; +export const ToggleDarkColorSchemeStatesFocusedShadow = "inset 0 0 0 1px #333333, 0 0 0 2px #E76E5C"; +export const ToggleDarkColorSchemePrimaryCheckedBorderColor = "#E76E5C"; +export const ToggleDarkColorSchemePrimaryCheckedBackground = "#E76E5C"; +export const ToggleDarkColorSchemeErrorCheckedBorderColor = "#E76E5C"; +export const ToggleDarkColorSchemeErrorCheckedBackground = "#E76E5C"; +export const ToggleSizeHeight = "16px"; +export const ToggleSizeWidth = "28px"; +export const ToggleSizeBorderRadius = "9px"; +export const ToggleSizeLabelMargin = "8px"; +export const ToggleFontDefault = "body"; +export const ToggleSmallSizeHeight = "14px"; +export const ToggleSmallSizeWidth = "24px"; +export const ToggleSmallSizeBorderRadius = "8px"; +export const ToggleSmallFontDefault = "caption"; +export const TooltipLightColorSchemeBackground = "#4D4D4D"; +export const TooltipLightColorSchemeText = "white"; +export const TooltipLightColorSchemeBorder = "transparent"; +export const TooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const TooltipLightColorSchemeWarningBackground = "#FCF5E8"; +export const TooltipLightColorSchemeWarningText = "#4D4D4D"; +export const TooltipLightColorSchemeWarningBorder = "#F0D49B"; +export const TooltipDarkColorSchemeBackground = "#F5F5F5"; +export const TooltipDarkColorSchemeText = "#4D4D4D"; +export const TooltipDarkColorSchemeBorder = "transparent"; +export const TooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const TooltipDarkColorSchemeWarningBackground = "#FCF5E8"; +export const TooltipDarkColorSchemeWarningText = "#4D4D4D"; +export const TooltipDarkColorSchemeWarningBorder = "#F0D49B"; +export const TooltipSizeMaxWidth = "300px"; +export const TooltipSizeBorderWidth = "1px"; +export const TooltipSizeBorderRadius = "3px"; +export const TooltipSizePadding = "8px 16px"; +export const TooltipSizeArrowSize = "12px"; +export const TooltipSizeTriggerMargin = "9px"; +export const TooltipFontDefault = "caption"; +export const ExtendedTooltipLightColorSchemeBackground = "white"; +export const ExtendedTooltipLightColorSchemeText = "#4D4D4D"; +export const ExtendedTooltipLightColorSchemeBorder = "#B3B3B3"; +export const ExtendedTooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const ExtendedTooltipDarkColorSchemeBackground = "#4D4D4D"; +export const ExtendedTooltipDarkColorSchemeText = "#F0F0F0"; +export const ExtendedTooltipDarkColorSchemeBorder = "#999999"; +export const ExtendedTooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const ExtendedTooltipSizeBorderRadius = "3px"; +export const ExtendedTooltipSizeArrowSize = "12px"; +export const ExtendedTooltipSizeTriggerMargin = "9px"; +export const ExtendedTooltipSizePadding = "8px 16px"; +export const ExtendedTooltipSizeMaxHeight = "480px"; +export const ExtendedTooltipFontDefault = "caption"; +export const ExtendedTooltipHeaderLightColorSchemeBorder = "#E6E6E6"; +export const ExtendedTooltipHeaderLightColorSchemeText = "#4D4D4D"; +export const ExtendedTooltipHeaderLightColorSchemeBackground = "white"; +export const ExtendedTooltipHeaderDarkColorSchemeBorder = "#F0F0F0"; +export const ExtendedTooltipHeaderDarkColorSchemeText = "#F0F0F0"; +export const ExtendedTooltipHeaderDarkColorSchemeBackground = "#4D4D4D"; +export const ExtendedTooltipHeaderSizeHeight = "40px"; +export const ExtendedTooltipHeaderSizePadding = "10px 16px"; +export const ExtendedTooltipHeaderFontDefault = "subheading"; +export const TreeSizeNodeHeight = "32px"; +export const TreeSizePaddingLeft = "8px"; +export const TreeSizePaddingRight = "16px"; +export const TreeFontNode = "body"; \ No newline at end of file diff --git a/packages/docs/src/styles/legacy-2017/yellow-theme/_palette.scss b/packages/docs/src/styles/legacy-2017/yellow-theme/_palette.scss new file mode 100644 index 000000000..3e59126c4 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/yellow-theme/_palette.scss @@ -0,0 +1,527 @@ +$light-color-scheme-primary-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-second-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$light-color-scheme-error-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-info-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$light-color-scheme-success-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$light-color-scheme-warning-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-primary-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-second-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$dark-color-scheme-error-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-info-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$dark-color-scheme-success-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$dark-color-scheme-warning-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-blue-palette: ( +40: #F5FAFD, +60: #EBF4FB, +100: #D8EAF7, +200: #AAD1EC, +300: #7FBAE1, +400: #57A4D7, +500: #338FCC, +560: #277BB3, +600: #206EA2, +700: #114E77, +800: #07314D, +A100: rgba(0, 153, 255, 0.15), +A200: rgba(0, 153, 255, 0.3), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, +A200: white, + +) +); + +$color-green-palette: ( +40: #F6FBF4, +60: #EDF8E9, +100: #DCF1D4, +200: #B4DEA4, +300: #8FCC79, +400: #6FBA53, +500: #52A832, +560: #449327, +600: #3B8520, +700: #276211, +800: #163F07, +A100: rgba(68, 255, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-red-palette: ( +40: #FEF7F6, +60: #FCEFEC, +100: #FADEDA, +200: #F4B7AE, +300: #ED9284, +400: #E76E5C, +500: #E04D36, +560: #C43E29, +600: #B23522, +700: #832112, +800: #541208, +A100: rgba(224, 79, 56, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); + +$color-grey-palette: ( +40: #F5F5F5, +60: #F0F0F0, +100: #E6E6E6, +200: #CCCCCC, +300: #B3B3B3, +400: #999999, +500: #808080, +560: #707070, +600: #666666, +700: #4D4D4D, +800: #333333, +A40: rgba(0, 0, 0, 0.04), +A60: rgba(0, 0, 0, 0.06), +A100: rgba(0, 0, 0, 0.1), +A200: rgba(0, 0, 0, 0.2), +A300: rgba(0, 0, 0, 0.3), +A500: rgba(0, 0, 0, 0.5), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, + +) +); + +$color-yellow-palette: ( +40: #FDFAF3, +60: #FCF5E8, +100: #F8EBD1, +200: #F0D49B, +300: #E7BD68, +400: #DFA739, +500: #D6930D, +560: #BB800A, +600: #AA7408, +700: #7D5504, +800: #503602, +A100: rgba(255, 170, 0, 0.15), +contrast: ( +40: #4D4D4D, +60: #4D4D4D, +100: #4D4D4D, +200: #4D4D4D, +300: #4D4D4D, +400: white, +500: white, +560: white, +600: white, +700: white, +800: white, +A100: #4D4D4D, + +) +); diff --git a/packages/docs/src/styles/legacy-2017/yellow-theme/_theme.scss b/packages/docs/src/styles/legacy-2017/yellow-theme/_theme.scss new file mode 100644 index 000000000..8a9feb779 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/yellow-theme/_theme.scss @@ -0,0 +1,25 @@ +@import '../../../../../mosaic/core/theming/theming'; +@import './tokens'; + + +$light-primary: mc-palette($light-color-scheme-primary-palette, $light-color-scheme-primary-default); +$light-second: mc-palette($light-color-scheme-second-palette, $light-color-scheme-second-default); +$light-error: mc-palette($light-color-scheme-error-palette, $light-color-scheme-error-default); + +$light-info: mc-palette($light-color-scheme-info-palette, $light-color-scheme-info-default); +$light-success: mc-palette($light-color-scheme-success-palette, $light-color-scheme-success-default); +$light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-scheme-warning-default); + +$legacy-2017-light-yellow-theme: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); + + +$dark-primary: mc-palette($dark-color-scheme-primary-palette, $dark-color-scheme-primary-default); +$dark-second: mc-palette($dark-color-scheme-second-palette, $dark-color-scheme-second-default); +$dark-error: mc-palette($dark-color-scheme-error-palette, $dark-color-scheme-error-default); + +$dark-info: mc-palette($dark-color-scheme-info-palette, $dark-color-scheme-info-default); +$dark-success: mc-palette($dark-color-scheme-success-palette, $dark-color-scheme-success-default); +$dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme-warning-default); + +$legacy-2017-dark-yellow-theme: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); + diff --git a/packages/docs/src/styles/legacy-2017/yellow-theme/_typography.scss b/packages/docs/src/styles/legacy-2017/yellow-theme/_typography.scss new file mode 100644 index 000000000..74c166673 --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/yellow-theme/_typography.scss @@ -0,0 +1,309 @@ +$typography-display-1-font-size: 56px; +$typography-display-1-line-height: 76px; +$typography-display-1-letter-spacing: -0.4px; +$typography-display-1-font-weight: normal; +$typography-display-1-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-1-text-transform: null; +$typography-display-1-font-feature-settings: null; +$typography-display-2-font-size: 45px; +$typography-display-2-line-height: 56px; +$typography-display-2-letter-spacing: normal; +$typography-display-2-font-weight: normal; +$typography-display-2-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-2-text-transform: null; +$typography-display-2-font-feature-settings: null; +$typography-display-3-font-size: 34px; +$typography-display-3-line-height: 44px; +$typography-display-3-letter-spacing: 0.25px; +$typography-display-3-font-weight: normal; +$typography-display-3-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-display-3-text-transform: null; +$typography-display-3-font-feature-settings: null; +$typography-headline-font-size: 24px; +$typography-headline-line-height: 32px; +$typography-headline-letter-spacing: normal; +$typography-headline-font-weight: normal; +$typography-headline-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-headline-text-transform: null; +$typography-headline-font-feature-settings: null; +$typography-title-font-size: 20px; +$typography-title-line-height: 28px; +$typography-title-letter-spacing: 0.15px; +$typography-title-font-weight: 500; +$typography-title-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-title-text-transform: null; +$typography-title-font-feature-settings: null; +$typography-subheading-font-size: 15px; +$typography-subheading-line-height: 20px; +$typography-subheading-letter-spacing: 0.15px; +$typography-subheading-font-weight: 700; +$typography-subheading-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-subheading-text-transform: null; +$typography-subheading-font-feature-settings: null; +$typography-body-font-size: 15px; +$typography-body-line-height: 20px; +$typography-body-letter-spacing: 0.15px; +$typography-body-font-weight: normal; +$typography-body-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-text-transform: null; +$typography-body-font-feature-settings: null; +$typography-body-tabular-font-size: 15px; +$typography-body-tabular-line-height: 20px; +$typography-body-tabular-letter-spacing: 0.15px; +$typography-body-tabular-font-weight: normal; +$typography-body-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-tabular-text-transform: null; +$typography-body-tabular-font-feature-settings: "tnum" on; +$typography-body-strong-font-size: 15px; +$typography-body-strong-line-height: 20px; +$typography-body-strong-letter-spacing: -0.009em; +$typography-body-strong-font-weight: 500; +$typography-body-strong-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-strong-text-transform: null; +$typography-body-strong-font-feature-settings: null; +$typography-body-caps-font-size: 15px; +$typography-body-caps-line-height: 20px; +$typography-body-caps-letter-spacing: 1.7px; +$typography-body-caps-font-weight: normal; +$typography-body-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-body-caps-text-transform: uppercase; +$typography-body-caps-font-feature-settings: null; +$typography-body-mono-font-size: 15px; +$typography-body-mono-line-height: 20px; +$typography-body-mono-letter-spacing: normal; +$typography-body-mono-font-weight: normal; +$typography-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-body-mono-text-transform: null; +$typography-body-mono-font-feature-settings: null; +$typography-caption-font-size: 13px; +$typography-caption-line-height: 16px; +$typography-caption-letter-spacing: 0.25px; +$typography-caption-font-weight: normal; +$typography-caption-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-text-transform: null; +$typography-caption-font-feature-settings: null; +$typography-caption-tabular-font-size: 13px; +$typography-caption-tabular-line-height: 16px; +$typography-caption-tabular-letter-spacing: 0.25px; +$typography-caption-tabular-font-weight: normal; +$typography-caption-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-tabular-text-transform: null; +$typography-caption-tabular-font-feature-settings: "tnum" on; +$typography-caption-caps-font-size: 13px; +$typography-caption-caps-line-height: 16px; +$typography-caption-caps-letter-spacing: 1.5px; +$typography-caption-caps-font-weight: normal; +$typography-caption-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-caption-caps-text-transform: uppercase; +$typography-caption-caps-font-feature-settings: null; +$typography-caption-mono-font-size: 13px; +$typography-caption-mono-line-height: 16px; +$typography-caption-mono-letter-spacing: normal; +$typography-caption-mono-font-weight: normal; +$typography-caption-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-caption-mono-text-transform: null; +$typography-caption-mono-font-feature-settings: null; +$typography-small-text-font-size: 13px; +$typography-small-text-line-height: 16px; +$typography-small-text-letter-spacing: 0.25px; +$typography-small-text-font-weight: normal; +$typography-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-small-text-text-transform: null; +$typography-small-text-font-feature-settings: null; +$typography-extra-small-text-font-size: 11px; +$typography-extra-small-text-line-height: 16px; +$typography-extra-small-text-letter-spacing: 0.22px; +$typography-extra-small-text-font-weight: normal; +$typography-extra-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-extra-small-text-text-transform: null; +$typography-extra-small-text-font-feature-settings: null; +$typography-extra-small-text-caps-font-size: 11px; +$typography-extra-small-text-caps-line-height: 16px; +$typography-extra-small-text-caps-letter-spacing: 1px; +$typography-extra-small-text-caps-font-weight: normal; +$typography-extra-small-text-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$typography-extra-small-text-caps-text-transform: uppercase; +$typography-extra-small-text-caps-font-feature-settings: null; +$typography-extra-small-text-mono-font-size: 11px; +$typography-extra-small-text-mono-line-height: 16px; +$typography-extra-small-text-mono-letter-spacing: 0px; +$typography-extra-small-text-mono-font-weight: normal; +$typography-extra-small-text-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$typography-extra-small-text-mono-text-transform: null; +$typography-extra-small-text-mono-font-feature-settings: null; + +$mosaic: ( + 'typography': ( + 'display-1': ( + 'font-size': $typography-display-1-font-size, + 'line-height': $typography-display-1-line-height, + 'letter-spacing': $typography-display-1-letter-spacing, + 'font-weight': $typography-display-1-font-weight, + 'font-family': $typography-display-1-font-family, + 'text-transform': $typography-display-1-text-transform, + 'font-feature-settings': $typography-display-1-font-feature-settings + ), + 'display-2': ( + 'font-size': $typography-display-2-font-size, + 'line-height': $typography-display-2-line-height, + 'letter-spacing': $typography-display-2-letter-spacing, + 'font-weight': $typography-display-2-font-weight, + 'font-family': $typography-display-2-font-family, + 'text-transform': $typography-display-2-text-transform, + 'font-feature-settings': $typography-display-2-font-feature-settings + ), + 'display-3': ( + 'font-size': $typography-display-3-font-size, + 'line-height': $typography-display-3-line-height, + 'letter-spacing': $typography-display-3-letter-spacing, + 'font-weight': $typography-display-3-font-weight, + 'font-family': $typography-display-3-font-family, + 'text-transform': $typography-display-3-text-transform, + 'font-feature-settings': $typography-display-3-font-feature-settings + ), + 'headline': ( + 'font-size': $typography-headline-font-size, + 'line-height': $typography-headline-line-height, + 'letter-spacing': $typography-headline-letter-spacing, + 'font-weight': $typography-headline-font-weight, + 'font-family': $typography-headline-font-family, + 'text-transform': $typography-headline-text-transform, + 'font-feature-settings': $typography-headline-font-feature-settings + ), + 'title': ( + 'font-size': $typography-title-font-size, + 'line-height': $typography-title-line-height, + 'letter-spacing': $typography-title-letter-spacing, + 'font-weight': $typography-title-font-weight, + 'font-family': $typography-title-font-family, + 'text-transform': $typography-title-text-transform, + 'font-feature-settings': $typography-title-font-feature-settings + ), + 'subheading': ( + 'font-size': $typography-subheading-font-size, + 'line-height': $typography-subheading-line-height, + 'letter-spacing': $typography-subheading-letter-spacing, + 'font-weight': $typography-subheading-font-weight, + 'font-family': $typography-subheading-font-family, + 'text-transform': $typography-subheading-text-transform, + 'font-feature-settings': $typography-subheading-font-feature-settings + ), + 'body': ( + 'font-size': $typography-body-font-size, + 'line-height': $typography-body-line-height, + 'letter-spacing': $typography-body-letter-spacing, + 'font-weight': $typography-body-font-weight, + 'font-family': $typography-body-font-family, + 'text-transform': $typography-body-text-transform, + 'font-feature-settings': $typography-body-font-feature-settings + ), + 'body-tabular': ( + 'font-size': $typography-body-tabular-font-size, + 'line-height': $typography-body-tabular-line-height, + 'letter-spacing': $typography-body-tabular-letter-spacing, + 'font-weight': $typography-body-tabular-font-weight, + 'font-family': $typography-body-tabular-font-family, + 'text-transform': $typography-body-tabular-text-transform, + 'font-feature-settings': $typography-body-tabular-font-feature-settings + ), + 'body-strong': ( + 'font-size': $typography-body-strong-font-size, + 'line-height': $typography-body-strong-line-height, + 'letter-spacing': $typography-body-strong-letter-spacing, + 'font-weight': $typography-body-strong-font-weight, + 'font-family': $typography-body-strong-font-family, + 'text-transform': $typography-body-strong-text-transform, + 'font-feature-settings': $typography-body-strong-font-feature-settings + ), + 'body-caps': ( + 'font-size': $typography-body-caps-font-size, + 'line-height': $typography-body-caps-line-height, + 'letter-spacing': $typography-body-caps-letter-spacing, + 'font-weight': $typography-body-caps-font-weight, + 'font-family': $typography-body-caps-font-family, + 'text-transform': $typography-body-caps-text-transform, + 'font-feature-settings': $typography-body-caps-font-feature-settings + ), + 'body-mono': ( + 'font-size': $typography-body-mono-font-size, + 'line-height': $typography-body-mono-line-height, + 'letter-spacing': $typography-body-mono-letter-spacing, + 'font-weight': $typography-body-mono-font-weight, + 'font-family': $typography-body-mono-font-family, + 'text-transform': $typography-body-mono-text-transform, + 'font-feature-settings': $typography-body-mono-font-feature-settings + ), + 'caption': ( + 'font-size': $typography-caption-font-size, + 'line-height': $typography-caption-line-height, + 'letter-spacing': $typography-caption-letter-spacing, + 'font-weight': $typography-caption-font-weight, + 'font-family': $typography-caption-font-family, + 'text-transform': $typography-caption-text-transform, + 'font-feature-settings': $typography-caption-font-feature-settings + ), + 'caption-tabular': ( + 'font-size': $typography-caption-tabular-font-size, + 'line-height': $typography-caption-tabular-line-height, + 'letter-spacing': $typography-caption-tabular-letter-spacing, + 'font-weight': $typography-caption-tabular-font-weight, + 'font-family': $typography-caption-tabular-font-family, + 'text-transform': $typography-caption-tabular-text-transform, + 'font-feature-settings': $typography-caption-tabular-font-feature-settings + ), + 'caption-caps': ( + 'font-size': $typography-caption-caps-font-size, + 'line-height': $typography-caption-caps-line-height, + 'letter-spacing': $typography-caption-caps-letter-spacing, + 'font-weight': $typography-caption-caps-font-weight, + 'font-family': $typography-caption-caps-font-family, + 'text-transform': $typography-caption-caps-text-transform, + 'font-feature-settings': $typography-caption-caps-font-feature-settings + ), + 'caption-mono': ( + 'font-size': $typography-caption-mono-font-size, + 'line-height': $typography-caption-mono-line-height, + 'letter-spacing': $typography-caption-mono-letter-spacing, + 'font-weight': $typography-caption-mono-font-weight, + 'font-family': $typography-caption-mono-font-family, + 'text-transform': $typography-caption-mono-text-transform, + 'font-feature-settings': $typography-caption-mono-font-feature-settings + ), + 'small-text': ( + 'font-size': $typography-small-text-font-size, + 'line-height': $typography-small-text-line-height, + 'letter-spacing': $typography-small-text-letter-spacing, + 'font-weight': $typography-small-text-font-weight, + 'font-family': $typography-small-text-font-family, + 'text-transform': $typography-small-text-text-transform, + 'font-feature-settings': $typography-small-text-font-feature-settings + ), + 'extra-small-text': ( + 'font-size': $typography-extra-small-text-font-size, + 'line-height': $typography-extra-small-text-line-height, + 'letter-spacing': $typography-extra-small-text-letter-spacing, + 'font-weight': $typography-extra-small-text-font-weight, + 'font-family': $typography-extra-small-text-font-family, + 'text-transform': $typography-extra-small-text-text-transform, + 'font-feature-settings': $typography-extra-small-text-font-feature-settings + ), + 'extra-small-text-caps': ( + 'font-size': $typography-extra-small-text-caps-font-size, + 'line-height': $typography-extra-small-text-caps-line-height, + 'letter-spacing': $typography-extra-small-text-caps-letter-spacing, + 'font-weight': $typography-extra-small-text-caps-font-weight, + 'font-family': $typography-extra-small-text-caps-font-family, + 'text-transform': $typography-extra-small-text-caps-text-transform, + 'font-feature-settings': $typography-extra-small-text-caps-font-feature-settings + ), + 'extra-small-text-mono': ( + 'font-size': $typography-extra-small-text-mono-font-size, + 'line-height': $typography-extra-small-text-mono-line-height, + 'letter-spacing': $typography-extra-small-text-mono-letter-spacing, + 'font-weight': $typography-extra-small-text-mono-font-weight, + 'font-family': $typography-extra-small-text-mono-font-family, + 'text-transform': $typography-extra-small-text-mono-text-transform, + 'font-feature-settings': $typography-extra-small-text-mono-font-feature-settings + ) + ) +); diff --git a/packages/docs/src/styles/legacy-2017/yellow-theme/_variables.scss b/packages/docs/src/styles/legacy-2017/yellow-theme/_variables.scss new file mode 100644 index 000000000..793d482cf --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/yellow-theme/_variables.scss @@ -0,0 +1,899 @@ + +// Do not edit directly + +$light-color-scheme-primary-default: #D6930D; +$light-color-scheme-second-default: #B3B3B3; +$light-color-scheme-error-default: #E76E5C; +$light-color-scheme-info-default: #AAD1EC; +$light-color-scheme-success-default: #B4DEA4; +$light-color-scheme-warning-default: #F0D49B; +$light-color-scheme-foreground-text: #4D4D4D; +$light-color-scheme-foreground-text-less-contrast: #999999; +$light-color-scheme-foreground-text-disabled: #B3B3B3; +$light-color-scheme-foreground-text-error: #E04D36; +$light-color-scheme-foreground-text-success: #449327; +$light-color-scheme-foreground-divider: #E6E6E6; +$light-color-scheme-foreground-border: #B3B3B3; +$light-color-scheme-foreground-icon: #999999; +$light-color-scheme-background-background: white; +$light-color-scheme-background-background-disabled: #F0F0F0; +$light-color-scheme-background-overlay-hover: rgba(black, 0.05); +$light-color-scheme-background-overlay-active: rgba(black, 0.1); +$light-color-scheme-background-overlay-disabled: rgba(white, 0.3); +$light-color-scheme-states-focused-color: #D6930D; +$light-color-scheme-states-selected-color: #F8EBD1; +$light-color-scheme-states-pressed-shadow: inset 0 1px 2px 0 rgba(black, 0.2); +$light-color-scheme-states-disabled-opacity: 0.3; +$dark-color-scheme-primary-default: #DFA739; +$dark-color-scheme-second-default: #999999; +$dark-color-scheme-error-default: #E76E5C; +$dark-color-scheme-info-default: #57A4D7; +$dark-color-scheme-success-default: #6FBA53; +$dark-color-scheme-warning-default: #DFA739; +$dark-color-scheme-foreground-text: #F0F0F0; +$dark-color-scheme-foreground-text-less-contrast: #999999; +$dark-color-scheme-foreground-text-disabled: #999999; +$dark-color-scheme-foreground-text-error: #E76E5C; +$dark-color-scheme-foreground-text-success: #6FBA53; +$dark-color-scheme-foreground-divider: #666666; +$dark-color-scheme-foreground-border: #808080; +$dark-color-scheme-foreground-icon: #999999; +$dark-color-scheme-background-background: #333333; +$dark-color-scheme-background-background-disabled: #666666; +$dark-color-scheme-background-overlay-hover: rgba(black, 0.05); +$dark-color-scheme-background-overlay-active: rgba(black, 0.1); +$dark-color-scheme-background-overlay-disabled: rgba(white, 0.2); +$dark-color-scheme-states-focused-color: #DFA739; +$dark-color-scheme-states-selected-color: #7D5504; +$dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2); +$dark-color-scheme-states-disabled-opacity: 0.3; +$font-family-base: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; +$font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; +$size-3xs: 2px; +$size-xxs: 4px; +$size-xs: 6px; +$size-s: 8px; +$size-m: 12px; +$size-l: 16px; +$size-xl: 20px; +$size-xxl: 24px; +$size-3xl: 32px; +$size-4xl: 40px; +$size-5xl: 48px; +$size-6xl: 56px; +$size-7xl: 64px; +$palette-blue-40: #F5FAFD; +$palette-blue-60: #EBF4FB; +$palette-blue-100: #D8EAF7; +$palette-blue-200: #AAD1EC; +$palette-blue-300: #7FBAE1; +$palette-blue-400: #57A4D7; +$palette-blue-500: #338FCC; +$palette-blue-560: #277BB3; +$palette-blue-600: #206EA2; +$palette-blue-700: #114E77; +$palette-blue-800: #07314D; +$palette-blue-a100: rgba(0, 153, 255, 0.15); +$palette-blue-a200: rgba(0, 153, 255, 0.3); +$palette-blue-contrast-40: #4D4D4D; +$palette-blue-contrast-60: #4D4D4D; +$palette-blue-contrast-100: #4D4D4D; +$palette-blue-contrast-200: #4D4D4D; +$palette-blue-contrast-300: #4D4D4D; +$palette-blue-contrast-400: white; +$palette-blue-contrast-500: white; +$palette-blue-contrast-560: white; +$palette-blue-contrast-600: white; +$palette-blue-contrast-700: white; +$palette-blue-contrast-800: white; +$palette-blue-contrast-a100: #4D4D4D; +$palette-blue-contrast-a200: white; +$palette-green-40: #F6FBF4; +$palette-green-60: #EDF8E9; +$palette-green-100: #DCF1D4; +$palette-green-200: #B4DEA4; +$palette-green-300: #8FCC79; +$palette-green-400: #6FBA53; +$palette-green-500: #52A832; +$palette-green-560: #449327; +$palette-green-600: #3B8520; +$palette-green-700: #276211; +$palette-green-800: #163F07; +$palette-green-a100: rgba(68, 255, 0, 0.15); +$palette-green-contrast-40: #4D4D4D; +$palette-green-contrast-60: #4D4D4D; +$palette-green-contrast-100: #4D4D4D; +$palette-green-contrast-200: #4D4D4D; +$palette-green-contrast-300: #4D4D4D; +$palette-green-contrast-400: white; +$palette-green-contrast-500: white; +$palette-green-contrast-560: white; +$palette-green-contrast-600: white; +$palette-green-contrast-700: white; +$palette-green-contrast-800: white; +$palette-green-contrast-a100: #4D4D4D; +$palette-red-40: #FEF7F6; +$palette-red-60: #FCEFEC; +$palette-red-100: #FADEDA; +$palette-red-200: #F4B7AE; +$palette-red-300: #ED9284; +$palette-red-400: #E76E5C; +$palette-red-500: #E04D36; +$palette-red-560: #C43E29; +$palette-red-600: #B23522; +$palette-red-700: #832112; +$palette-red-800: #541208; +$palette-red-a100: rgba(224, 79, 56, 0.15); +$palette-red-contrast-40: #4D4D4D; +$palette-red-contrast-60: #4D4D4D; +$palette-red-contrast-100: #4D4D4D; +$palette-red-contrast-200: #4D4D4D; +$palette-red-contrast-300: #4D4D4D; +$palette-red-contrast-400: white; +$palette-red-contrast-500: white; +$palette-red-contrast-560: white; +$palette-red-contrast-600: white; +$palette-red-contrast-700: white; +$palette-red-contrast-800: white; +$palette-red-contrast-a100: #4D4D4D; +$palette-grey-40: #F5F5F5; +$palette-grey-60: #F0F0F0; +$palette-grey-100: #E6E6E6; +$palette-grey-200: #CCCCCC; +$palette-grey-300: #B3B3B3; +$palette-grey-400: #999999; +$palette-grey-500: #808080; +$palette-grey-560: #707070; +$palette-grey-600: #666666; +$palette-grey-700: #4D4D4D; +$palette-grey-800: #333333; +$palette-grey-a40: rgba(0, 0, 0, 0.04); +$palette-grey-a60: rgba(0, 0, 0, 0.06); +$palette-grey-a100: rgba(0, 0, 0, 0.1); +$palette-grey-a200: rgba(0, 0, 0, 0.2); +$palette-grey-a300: rgba(0, 0, 0, 0.3); +$palette-grey-a500: rgba(0, 0, 0, 0.5); +$palette-grey-contrast-40: #4D4D4D; +$palette-grey-contrast-60: #4D4D4D; +$palette-grey-contrast-100: #4D4D4D; +$palette-grey-contrast-200: #4D4D4D; +$palette-grey-contrast-300: #4D4D4D; +$palette-grey-contrast-400: white; +$palette-grey-contrast-500: white; +$palette-grey-contrast-560: white; +$palette-grey-contrast-600: white; +$palette-grey-contrast-700: white; +$palette-grey-contrast-800: white; +$palette-yellow-40: #FDFAF3; +$palette-yellow-60: #FCF5E8; +$palette-yellow-100: #F8EBD1; +$palette-yellow-200: #F0D49B; +$palette-yellow-300: #E7BD68; +$palette-yellow-400: #DFA739; +$palette-yellow-500: #D6930D; +$palette-yellow-560: #BB800A; +$palette-yellow-600: #AA7408; +$palette-yellow-700: #7D5504; +$palette-yellow-800: #503602; +$palette-yellow-a100: rgba(255, 170, 0, 0.15); +$palette-yellow-contrast-40: #4D4D4D; +$palette-yellow-contrast-60: #4D4D4D; +$palette-yellow-contrast-100: #4D4D4D; +$palette-yellow-contrast-200: #4D4D4D; +$palette-yellow-contrast-300: #4D4D4D; +$palette-yellow-contrast-400: white; +$palette-yellow-contrast-500: white; +$palette-yellow-contrast-560: white; +$palette-yellow-contrast-600: white; +$palette-yellow-contrast-700: white; +$palette-yellow-contrast-800: white; +$palette-yellow-contrast-a100: #4D4D4D; +$alert-light-color-scheme-error-background: #FCEFEC; +$alert-light-color-scheme-error-border: #E76E5C; +$alert-light-color-scheme-error-icon: #E76E5C; +$alert-light-color-scheme-warning-background: #FCF5E8; +$alert-light-color-scheme-warning-border: #F0D49B; +$alert-light-color-scheme-warning-icon: #DFA739; +$alert-light-color-scheme-success-background: #EDF8E9; +$alert-light-color-scheme-success-border: #B4DEA4; +$alert-light-color-scheme-success-icon: #6FBA53; +$alert-light-color-scheme-info-background: #EBF4FB; +$alert-light-color-scheme-info-border: #AAD1EC; +$alert-light-color-scheme-info-icon: #57A4D7; +$alert-light-color-scheme-default-background: #F0F0F0; +$alert-light-color-scheme-default-border: #B3B3B3; +$alert-light-color-scheme-default-icon: #CCCCCC; +$alert-dark-color-scheme-error-background: #832112; +$alert-dark-color-scheme-error-border: #832112; +$alert-dark-color-scheme-error-icon: #E76E5C; +$alert-dark-color-scheme-warning-background: #7D5504; +$alert-dark-color-scheme-warning-border: #7D5504; +$alert-dark-color-scheme-warning-icon: #DFA739; +$alert-dark-color-scheme-success-background: #276211; +$alert-dark-color-scheme-success-border: #276211; +$alert-dark-color-scheme-success-icon: #6FBA53; +$alert-dark-color-scheme-info-background: #114E77; +$alert-dark-color-scheme-info-border: #114E77; +$alert-dark-color-scheme-info-icon: #57A4D7; +$alert-dark-color-scheme-default-background: #4D4D4D; +$alert-dark-color-scheme-default-border: #4D4D4D; +$alert-dark-color-scheme-default-icon: #999999; +$alert-size-border-width: 1px; +$alert-size-border-radius: 4px; +$alert-size-horizontal-padding: 16px; +$alert-size-vertical-padding: 13px; +$alert-size-icon-margin: 8px; +$alert-size-close-button-width: 16px; +$alert-size-small-vertical-padding: 11px; +$alert-font-default-header: subheading; +$alert-font-default-body: body; +$alert-font-small-header: caption; +$alert-font-small-body: caption; +$autocomplete-size-panel-padding: 4px 0; +$autocomplete-size-panel-max-height: 256px; +$autocomplete-size-panel-border-radius: 3px; +$badge-light-color-scheme-solid-primary-background: #D6930D; +$badge-light-color-scheme-solid-primary-color: white; +$badge-light-color-scheme-solid-primary-border: #D6930D; +$badge-light-color-scheme-solid-info-border: #D6930D; +$badge-light-color-scheme-solid-info-background: #D6930D; +$badge-light-color-scheme-solid-info-color: white; +$badge-light-color-scheme-solid-success-border: #52A832; +$badge-light-color-scheme-solid-success-background: #52A832; +$badge-light-color-scheme-solid-success-color: white; +$badge-light-color-scheme-solid-warning-border: #D6930D; +$badge-light-color-scheme-solid-warning-background: #D6930D; +$badge-light-color-scheme-solid-warning-color: white; +$badge-light-color-scheme-solid-error-border: #E04D36; +$badge-light-color-scheme-solid-error-background: #E04D36; +$badge-light-color-scheme-solid-error-color: white; +$badge-light-color-scheme-solid-transparent-border: #CCCCCC; +$badge-light-color-scheme-solid-transparent-color: #4D4D4D; +$badge-light-color-scheme-solid-transparent-background: transparent; +$badge-light-color-scheme-solid-light-border: #E6E6E6; +$badge-light-color-scheme-solid-light-background: #E6E6E6; +$badge-light-color-scheme-solid-light-color: #4D4D4D; +$badge-light-color-scheme-solid-second-border: #666666; +$badge-light-color-scheme-solid-second-background: #666666; +$badge-light-color-scheme-solid-second-color: white; +$badge-light-color-scheme-pastel-primary-background: #FDFAF3; +$badge-light-color-scheme-pastel-primary-border: #F0D49B; +$badge-light-color-scheme-pastel-primary-color: #D6930D; +$badge-light-color-scheme-pastel-info-background: #F5FAFD; +$badge-light-color-scheme-pastel-info-border: #F0D49B; +$badge-light-color-scheme-pastel-info-color: #338FCC; +$badge-light-color-scheme-pastel-success-background: #F6FBF4; +$badge-light-color-scheme-pastel-success-border: #B4DEA4; +$badge-light-color-scheme-pastel-success-color: #449327; +$badge-light-color-scheme-pastel-warning-background: #FDFAF3; +$badge-light-color-scheme-pastel-warning-border: #F0D49B; +$badge-light-color-scheme-pastel-warning-color: #BB800A; +$badge-light-color-scheme-pastel-error-background: #FEF7F6; +$badge-light-color-scheme-pastel-error-border: #F4B7AE; +$badge-light-color-scheme-pastel-error-color: #E04D36; +$badge-dark-color-scheme-pastel-primary-background: rgba(255, 170, 0, 0.15); +$badge-dark-color-scheme-pastel-primary-color: #F8EBD1; +$badge-dark-color-scheme-pastel-primary-border: #7D5504; +$badge-dark-color-scheme-pastel-info-background: #F8EBD1; +$badge-dark-color-scheme-pastel-info-color: #F8EBD1; +$badge-dark-color-scheme-pastel-info-border: rgba(255, 170, 0, 0.15); +$badge-dark-color-scheme-pastel-success-border: #276211; +$badge-dark-color-scheme-pastel-success-background: rgba(68, 255, 0, 0.15); +$badge-dark-color-scheme-pastel-success-color: #DCF1D4; +$badge-dark-color-scheme-pastel-warning-border: #7D5504; +$badge-dark-color-scheme-pastel-warning-background: rgba(255, 170, 0, 0.15); +$badge-dark-color-scheme-pastel-warning-color: #F8EBD1; +$badge-dark-color-scheme-pastel-error-border: #832112; +$badge-dark-color-scheme-pastel-error-background: rgba(224, 79, 56, 0.15); +$badge-dark-color-scheme-pastel-error-color: #FADEDA; +$badge-dark-color-scheme-solid-primary-background: #7D5504; +$badge-dark-color-scheme-solid-primary-color: white; +$badge-dark-color-scheme-solid-primary-border: #7D5504; +$badge-dark-color-scheme-solid-info-border: #503602; +$badge-dark-color-scheme-solid-info-background: #503602; +$badge-dark-color-scheme-solid-info-color: white; +$badge-dark-color-scheme-solid-success-border: #276211; +$badge-dark-color-scheme-solid-success-background: #276211; +$badge-dark-color-scheme-solid-success-color: white; +$badge-dark-color-scheme-solid-warning-border: #7D5504; +$badge-dark-color-scheme-solid-warning-background: #7D5504; +$badge-dark-color-scheme-solid-warning-color: white; +$badge-dark-color-scheme-solid-error-border: #832112; +$badge-dark-color-scheme-solid-error-background: #832112; +$badge-dark-color-scheme-solid-error-color: white; +$badge-dark-color-scheme-solid-transparent-border: #808080; +$badge-dark-color-scheme-solid-transparent-color: #F5F5F5; +$badge-dark-color-scheme-solid-transparent-background: transparent; +$badge-dark-color-scheme-solid-light-border: #999999; +$badge-dark-color-scheme-solid-light-background: #999999; +$badge-dark-color-scheme-solid-light-color: white; +$badge-dark-color-scheme-solid-second-border: #4D4D4D; +$badge-dark-color-scheme-solid-second-background: #4D4D4D; +$badge-dark-color-scheme-solid-second-color: white; +$badge-size-default-height: 24px; +$badge-size-default-min-width: 10px; +$badge-size-default-padding: 0 8px; +$badge-size-default-border-width: 1px; +$badge-size-default-border-radius: 4px; +$badge-size-mini-height: 16px; +$badge-size-mini-min-width: 10px; +$badge-size-mini-border-width: 1px; +$badge-size-mini-border-radius: 2px; +$badge-size-mini-padding: 0 4px; +$badge-font-default-default: caption; +$badge-font-default-caps: caption-caps; +$badge-font-default-mono: caption-mono; +$badge-font-mini-default: extra-small-text; +$badge-font-mini-caps: extra-small-text-caps; +$badge-font-mini-mono: extra-small-text-mono; +$button-toggle-size-border-size: 1px; +$button-toggle-size-border-radius: 3px; +$button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2); +$button-light-color-scheme-primary-color: white; +$button-light-color-scheme-primary-border: #BB800A; +$button-light-color-scheme-primary-background: #D6930D; +$button-light-color-scheme-primary-icon: white; +$button-light-color-scheme-primary-states-active-border: darken(#BB800A, 5); +$button-light-color-scheme-primary-states-active-background: darken(#D6930D, 5); +$button-light-color-scheme-primary-transparent-color: #D6930D; +$button-light-color-scheme-primary-transparent-icon: #D6930D; +$button-light-color-scheme-primary-transparent-states-hover-color: #AA7408; +$button-light-color-scheme-primary-transparent-states-hover-icon: #AA7408; +$button-light-color-scheme-primary-transparent-states-active-color: #7D5504; +$button-light-color-scheme-primary-transparent-states-active-icon: #7D5504; +$button-light-color-scheme-second-border: #B3B3B3; +$button-light-color-scheme-second-background: #F0F0F0; +$button-light-color-scheme-second-color: #4D4D4D; +$button-light-color-scheme-second-icon: #999999; +$button-light-color-scheme-second-states-active-border: darken(#B3B3B3, 5); +$button-light-color-scheme-second-states-active-background: darken(#F0F0F0, 5); +$button-light-color-scheme-error-border: #B3B3B3; +$button-light-color-scheme-error-background: #F0F0F0; +$button-light-color-scheme-error-color: #E76E5C; +$button-light-color-scheme-error-icon: #E76E5C; +$button-light-color-scheme-error-states-active-border: darken(#B3B3B3, 5); +$button-light-color-scheme-error-states-active-background: darken(#F0F0F0, 5); +$button-dark-color-scheme-active-shadow: inset 1px 2px 2px 0 rgba(black, 0.2); +$button-dark-color-scheme-primary-color: white; +$button-dark-color-scheme-primary-border: #BB800A; +$button-dark-color-scheme-primary-background: #D6930D; +$button-dark-color-scheme-primary-icon: white; +$button-dark-color-scheme-primary-states-active-border: darken(#BB800A, 5); +$button-dark-color-scheme-primary-states-active-background: darken(#DFA739, 5); +$button-dark-color-scheme-primary-transparent-color: #D6930D; +$button-dark-color-scheme-primary-transparent-icon: #D6930D; +$button-dark-color-scheme-primary-transparent-states-hover-color: #AA7408; +$button-dark-color-scheme-primary-transparent-states-hover-icon: #AA7408; +$button-dark-color-scheme-primary-transparent-states-active-color: #7D5504; +$button-dark-color-scheme-primary-transparent-states-active-icon: #7D5504; +$button-dark-color-scheme-second-border: #808080; +$button-dark-color-scheme-second-background: #666666; +$button-dark-color-scheme-second-color: #F0F0F0; +$button-dark-color-scheme-second-icon: #999999; +$button-dark-color-scheme-second-states-active-border: darken(#808080, 5); +$button-dark-color-scheme-second-states-active-background: darken(#666666, 5); +$button-dark-color-scheme-error-border: #808080; +$button-dark-color-scheme-error-background: #666666; +$button-dark-color-scheme-error-color: #E76E5C; +$button-dark-color-scheme-error-icon: #E76E5C; +$button-dark-color-scheme-error-states-active-border: darken(#808080, 5); +$button-dark-color-scheme-error-states-active-background: darken(#666666, 5); +$button-size-border-width: 1px; +$button-size-border-radius: 3px; +$button-size-vertical-padding: 6px; +$button-size-horizontal-padding: 16px; +$button-font-default: body; +$button-font-primary: body-strong; +$button-font-primary-transparent: body; +$icon-button-size-vertical-padding: 6px; +$icon-button-size-horizontal-padding: 8px; +$icon-button-size-icon-horizontal-padding: 16px; +$card-light-color-scheme-error-vertical-line: #E76E5C; +$card-light-color-scheme-error-background: #FCEFEC; +$card-light-color-scheme-error-shadow: #E6E6E6; +$card-light-color-scheme-warning-vertical-line: #F0D49B; +$card-light-color-scheme-warning-background: #FCF5E8; +$card-light-color-scheme-warning-shadow: #E6E6E6; +$card-light-color-scheme-success-vertical-line: #B4DEA4; +$card-light-color-scheme-success-background: #EDF8E9; +$card-light-color-scheme-success-shadow: #E6E6E6; +$card-light-color-scheme-info-vertical-line: #AAD1EC; +$card-light-color-scheme-info-background: #EBF4FB; +$card-light-color-scheme-info-shadow: #E6E6E6; +$card-dark-color-scheme-error-vertical-line: #E76E5C; +$card-dark-color-scheme-error-background: #832112; +$card-dark-color-scheme-error-shadow: #4D4D4D; +$card-dark-color-scheme-warning-vertical-line: #DFA739; +$card-dark-color-scheme-warning-background: #7D5504; +$card-dark-color-scheme-warning-shadow: #4D4D4D; +$card-dark-color-scheme-success-vertical-line: #6FBA53; +$card-dark-color-scheme-success-background: #276211; +$card-dark-color-scheme-success-shadow: #4D4D4D; +$card-dark-color-scheme-info-vertical-line: #57A4D7; +$card-dark-color-scheme-info-background: #114E77; +$card-dark-color-scheme-info-shadow: #4D4D4D; +$card-size-vertical-line: 4px; +$checkbox-light-color-scheme-border: #B3B3B3; +$checkbox-light-color-scheme-states-checked-border: #AA7408; +$checkbox-light-color-scheme-states-checked-background: #D6930D; +$checkbox-light-color-scheme-states-focused-border: #AA7408; +$checkbox-light-color-scheme-states-focused-shadow: 0 0 0 1px #AA7408; +$checkbox-dark-color-scheme-border: #999999; +$checkbox-dark-color-scheme-states-checked-border: #DFA739; +$checkbox-dark-color-scheme-states-checked-background: #AA7408; +$checkbox-dark-color-scheme-states-focused-border: #DFA739; +$checkbox-dark-color-scheme-states-focused-shadow: 0 0 0 1px #DFA739; +$checkbox-size-width: 16px; +$checkbox-size-label-margin: 8px; +$checkbox-size-border-width: 1px; +$checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); +$checkbox-font-default: body; +$datepicker-toggle-size-width: 30px; +$datepicker-toggle-size-height: 30px; +$datepicker-body-light-color-scheme-states-selected-color: #D6930D; +$datepicker-body-light-color-scheme-states-selected-background: #F8EBD1; +$datepicker-body-dark-color-scheme-states-selected-color: #D6930D; +$datepicker-body-dark-color-scheme-states-selected-background: #7D5504; +$datepicker-body-size-label-paddings: 8px 28px 12px 12px; +$datepicker-body-size-cell-min-size: 32px; +$datepicker-body-size-cell-margin: 5%; +$datepicker-body-size-cell-padding: 8px; +$datepicker-body-size-cell-border-width: 1px; +$datepicker-body-font-label: body-strong; +$datepicker-body-font-today: body-strong; +$datepicker-calendar-size-padding-top: 16px; +$datepicker-calendar-size-padding-horizontal: 8px; +$datepicker-calendar-size-padding-bottom: 8px; +$datepicker-calendar-size-padding-blocks: 12px; +$datepicker-calendar-size-divider-width: 1px; +$datepicker-calendar-size-icon-border-width: 2px; +$datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg); +$datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg); +$datepicker-calendar-font-default: body; +$datepicker-calendar-font-header: caption; +$datepicker-input-size-width: 130px; +$divider-size-width: 1px; +$divider-size-inset-margin: 80px; +$description-list-light-color-scheme-dt: #999999; +$description-list-light-color-scheme-dd: #4D4D4D; +$description-list-dark-color-scheme-dt: #999999; +$description-list-dark-color-scheme-dd: #F0F0F0; +$description-list-size-grid-template-columns: repeat(4, 1fr); +$description-list-size-dt-grid-column: 1; +$description-list-size-dd-grid-column: 2 / span 3; +$description-list-size-horizontal-column-gap: 16px; +$description-list-size-horizontal-row-gap: 12px; +$description-list-size-vertical-column-gap: 0; +$description-list-size-vertical-row-gap: 2px; +$description-list-size-vertical-dd-margin-bottom: 16px; +$description-list-font-horizontal-dt: body; +$description-list-font-horizontal-dd: body; +$description-list-font-vertical-dt: caption; +$description-list-font-vertical-dd: body; +$dropdown-item-size-padding: 5px 15px; +$dropdown-item-size-icon-padding: 0 8px 2px 0; +$dropdown-item-font-default: body; +$dropdown-item-font-caption: caption; +$dropdown-group-header-size-default-padding: 6px 15px; +$dropdown-group-header-size-small-padding: 8px 15px; +$dropdown-group-header-font-default: body-strong; +$dropdown-group-header-font-small: caption-caps; +$dropdown-divider-size-height: 1px; +$dropdown-divider-size-margin: 4px 0; +$dropdown-trigger-size-icon-padding-right: 8px; +$dropdown-panel-size-max-width: 640px; +$dropdown-panel-size-padding: 4px 0; +$dropdown-panel-size-border-width: 1px; +$dropdown-panel-size-border-radius: 3px; +$form-field-light-color-scheme-border: #B3B3B3; +$form-field-light-color-scheme-background: white; +$form-field-light-color-scheme-states-hover-border: #999999; +$form-field-light-color-scheme-states-invalid-border: #E76E5C; +$form-field-light-color-scheme-states-invalid-background: transparent; +$form-field-dark-color-scheme-border: #999999; +$form-field-dark-color-scheme-background: #333333; +$form-field-dark-color-scheme-states-hover-border: #CCCCCC; +$form-field-dark-color-scheme-states-invalid-border: #E76E5C; +$form-field-dark-color-scheme-states-invalid-background: transparent; +$form-field-size-border-width: 1px; +$form-field-size-border-radius: 3px; +$form-field-size-button-width: 32px; +$form-field-font-default: body; +$form-field-hint-size-margin-top: 4px; +$form-field-hint-font-default: caption; +$form-field-password-hint-light-color-scheme-text-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-icon-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #E04D36; +$form-field-password-hint-light-color-scheme-states-invalid-text-color: #4D4D4D; +$form-field-password-hint-light-color-scheme-states-valid-text-color: #449327; +$form-field-password-hint-light-color-scheme-states-valid-icon-color: #449327; +$form-field-password-hint-dark-color-scheme-text-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-icon-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #E76E5C; +$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #F0F0F0; +$form-field-password-hint-dark-color-scheme-states-valid-text-color: #6FBA53; +$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #6FBA53; +$form-field-password-hint-size-margin-top: 8px; +$form-field-password-hint-size-icon-margin: 4px; +$form-field-password-hint-font-default: caption; +$forms-light-color-scheme-label: #999999; +$forms-light-color-scheme-legend: #4D4D4D; +$forms-dark-color-scheme-label: #999999; +$forms-dark-color-scheme-legend: #F0F0F0; +$forms-size-horizontal-row-margin-bottom: 20px; +$forms-size-horizontal-label-padding-top: 6px; +$forms-size-horizontal-label-padding-bottom: 0; +$forms-size-horizontal-control-padding-left: 16px; +$forms-size-horizontal-legend-margin-top: 32px; +$forms-size-horizontal-legend-margin-bottom: 16px; +$forms-size-vertical-row-margin-bottom: 16px; +$forms-size-vertical-label-padding-top: 0; +$forms-size-vertical-label-padding-bottom: 4px; +$forms-size-vertical-control-padding-left: 24px; +$forms-size-vertical-legend-margin-top: 32px; +$forms-size-vertical-legend-margin-bottom: 12px; +$forms-font-default-label: body; +$forms-font-default-legend: subheading; +$input-size-padding: 5px 16px; +$input-size-width: 100%; +$input-size-min-height: 30px; +$input-font-default: body; +$input-font-monospace: body-mono; +$link-light-color-scheme-text: #D6930D; +$link-light-color-scheme-border-bottom: rgba(#D6930D, 0.32); +$link-light-color-scheme-state-visited-text: #6A2795; +$link-light-color-scheme-state-visited-border-bottom: rgba(106, 39, 149, 0.32); +$link-light-color-scheme-state-hover-text: #AA7408; +$link-light-color-scheme-state-hover-border-bottom: rgba(#AA7408, 0.32); +$link-light-color-scheme-state-active: #7D5504; +$link-light-color-scheme-state-focused-outline: #D6930D; +$link-dark-color-scheme-text: #DFA739; +$link-dark-color-scheme-border-bottom: rgba(#DFA739, 0.32); +$link-dark-color-scheme-state-visited-text: #a23ee2; +$link-dark-color-scheme-state-visited-border-bottom: rgba(162, 62, 226, 0.32); +$link-dark-color-scheme-state-hover-text: #E7BD68; +$link-dark-color-scheme-state-hover-border-bottom: rgba(#E7BD68, 0.32); +$link-dark-color-scheme-state-active: #E7BD68; +$link-dark-color-scheme-state-focused-outline: #DFA739; +$link-size-icon-margin: 4px; +$link-size-state-focused-outline-offset: 2px; +$link-size-state-focused-outline-width: 2px; +$link-animation-transition: color ease-out 300ms; +$link-animation-state-hover-transition: color 0ms; +$link-font-default: body; +$list-size-horizontal-padding: 16px; +$list-size-icon-padding: 4px; +$list-size-item-height: 32px; +$list-size-icon-width: 24px; +$list-font-item: body; +$modal-light-color-scheme-shadow: (0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5)); +$modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-light-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-light-color-scheme-background-mask: rgba(0, 0, 0, 0.5); +$modal-dark-color-scheme-shadow: (0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5)); +$modal-dark-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-dark-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); +$modal-dark-color-scheme-background-mask: rgba(0, 0, 0, 0.5); +$modal-size-small: 400px; +$modal-size-normal: 640px; +$modal-size-large: 960px; +$modal-size-top: 48px; +$modal-size-close-width: 56px; +$modal-size-border-radius: 4px; +$modal-size-border-width: 1px; +$modal-header-light-color-scheme-border: #E6E6E6; +$modal-header-dark-color-scheme-border: #666666; +$modal-header-size-border-radius: 4px 4px 0 0; +$modal-header-size-padding: 14px 16px; +$modal-header-font-default: title; +$modal-body-size-max-height: calc(100vh - 260px); +$modal-body-size-padding: 16px 24px 24px; +$modal-body-font-default: body; +$modal-footer-light-color-scheme-border: #E6E6E6; +$modal-footer-dark-color-scheme-border: #666666; +$modal-footer-size-border-radius: 0 0 4px 4px; +$modal-footer-size-padding: 16px 16px; +$modal-confirm-size-padding: 24px; +$navbar-light-color-scheme-background: #7D5504; +$navbar-light-color-scheme-divider-background: rgba(255, 255, 255, 0.3); +$navbar-dark-color-scheme-background: #7D5504; +$navbar-dark-color-scheme-divider-background: rgba(255, 255, 255, 0.3); +$navbar-size-icon-margin: 6px; +$navbar-font-title: body; +$vertical-navbar-size-states-expanded-width: 240px; +$vertical-navbar-size-states-collapsed-width: 56px; +$vertical-navbar-size-icon-margin: 16px; +$navbar-item-light-color-scheme-text: #F8EBD1; +$navbar-item-light-color-scheme-icon: #F8EBD1; +$navbar-item-light-color-scheme-states-active: rgba(0, 0, 0, 0.1); +$navbar-item-light-color-scheme-states-selected: #4D4D4D; +$navbar-item-light-color-scheme-states-hover: rgba(255, 255, 255, 0.1); +$navbar-item-light-color-scheme-states-progress: #503602; +$navbar-item-light-color-scheme-states-disabled-opacity: 0.3; +$navbar-item-dark-color-scheme-text: #F8EBD1; +$navbar-item-dark-color-scheme-icon: #F8EBD1; +$navbar-item-dark-color-scheme-states-active: rgba(0, 0, 0, 0.1); +$navbar-item-dark-color-scheme-states-selected: #666666; +$navbar-item-dark-color-scheme-states-hover: rgba(255, 255, 255, 0.1); +$navbar-item-dark-color-scheme-states-progress: #503602; +$navbar-item-dark-color-scheme-states-disabled-opacity: 0.3; +$navbar-item-size-padding: 16px; +$navbar-item-size-height: 48px; +$navbar-item-size-height-vertical: 56px; +$navbar-brand-size-padding: 12px; +$navbar-brand-size-margin-right: 24px; +$navbar-brand-font-title: title; +$optgroup-size-padding-left: 17px; +$optgroup-font-default: subheading; +$option-size-horizontal-padding: 16px; +$option-size-height: 32px; +$option-size-border-width: 2px; +$option-font-default: body; +$popover-light-color-scheme-background: white; +$popover-light-color-scheme-text: #4D4D4D; +$popover-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popover-light-color-scheme-border: #B3B3B3; +$popover-dark-color-scheme-background: #4D4D4D; +$popover-dark-color-scheme-text: #F0F0F0; +$popover-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popover-dark-color-scheme-border: #4D4D4D; +$popover-size-max-height: 480px; +$popover-size-padding: 16px; +$popover-size-border-radius: 3px; +$popover-size-arrow-size: 12px; +$popover-size-trigger-margin: 9px; +$popover-size-small-width: 200px; +$popover-size-normal-width: 400px; +$popover-size-large-width: 640px; +$popover-font-default: body; +$popover-header-light-color-scheme-border: #E6E6E6; +$popover-header-light-color-scheme-text: #4D4D4D; +$popover-header-light-color-scheme-background: white; +$popover-header-dark-color-scheme-border: transparent; +$popover-header-dark-color-scheme-text: #F0F0F0; +$popover-header-dark-color-scheme-background: #4D4D4D; +$popover-header-size-height: 10px 16px; +$popover-header-size-padding: 10px 16px; +$popover-header-font-default: subheading; +$popover-footer-light-color-scheme-border: #F0F0F0; +$popover-footer-light-color-scheme-background: #F0F0F0; +$popover-footer-dark-color-scheme-border: transparent; +$popover-footer-dark-color-scheme-background: transparent; +$popover-footer-size-margin-top: 8px; +$popover-footer-size-padding: 12px 16px; +$popover-footer-size-height: 56px; +$popover-footer-font-default: body; +$popup-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popup-light-color-scheme-border: #B3B3B3; +$popup-light-color-scheme-divider: #CCCCCC; +$popup-light-color-scheme-background: white; +$popup-light-color-scheme-footer-background: #F0F0F0; +$popup-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); +$popup-dark-color-scheme-border: #999999; +$popup-dark-color-scheme-divider: #666666; +$popup-dark-color-scheme-background: #4D4D4D; +$popup-dark-color-scheme-footer-background: transparent; +$progress-bar-light-color-scheme-background: #F0F0F0; +$progress-bar-dark-color-scheme-background: #666666; +$progress-bar-size-height: 4px; +$progress-spinner-size-size: 16px; +$radio-light-color-scheme-outer-circle-border: #B3B3B3; +$radio-light-color-scheme-inner-circle-border: transparent; +$radio-light-color-scheme-states-checked-outer-circle-border: #D6930D; +$radio-light-color-scheme-states-checked-inner-circle-border: #D6930D; +$radio-light-color-scheme-states-focused-outer-circle-border: #D6930D; +$radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #B3B3B3; +$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px white; +$radio-dark-color-scheme-outer-circle-border: #999999; +$radio-dark-color-scheme-inner-circle-border: transparent; +$radio-dark-color-scheme-states-checked-outer-circle-border: #DFA739; +$radio-dark-color-scheme-states-checked-inner-circle-border: #AA7408; +$radio-dark-color-scheme-states-focused-outer-circle-border: #DFA739; +$radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #DFA739; +$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px #333333; +$radio-size-size: 14px; +$radio-size-label-margin: 8px; +$radio-font-default: body; +$select-size-height: 30px; +$select-size-left-padding: 16px; +$select-size-right-padding: 8px; +$select-size-left-padding-multiple: 8px; +$select-font-default: body; +$select-panel-size-max-height: 232px; +$select-panel-size-max-width: 640px; +$select-panel-size-vertical-padding: 4px; +$select-panel-size-border-width: 1px; +$select-panel-size-border-radius: 3px; +$select-panel-font-default: body; +$sidepanel-light-color-scheme-border: #B3B3B3; +$sidepanel-dark-color-scheme-border: #333333; +$sidepanel-font-default: body; +$sidepanel-header-size-padding: 14px 16px; +$sidepanel-header-size-close-padding: 0 0 0 8px; +$sidepanel-header-font-default: title; +$sidepanel-footer-size-padding: 16px; +$sidepanel-footer-font-default: body; +$table-size-border-width: 1px; +$table-size-row-padding-vertical: 8px; +$table-size-row-padding-horizontal: 16px; +$table-font-header: caption; +$table-font-body: body; +$tabs-light-color-scheme-border: #B3B3B3; +$tabs-light-color-scheme-state-normal-icon: #999999; +$tabs-light-color-scheme-state-normal-text: #4D4D4D; +$tabs-light-color-scheme-state-hover-icon: #4D4D4D; +$tabs-light-color-scheme-state-hover-text: #4D4D4D; +$tabs-light-color-scheme-state-active-marker-color: #D6930D; +$tabs-light-color-scheme-state-empty-icon: #B3B3B3; +$tabs-light-color-scheme-state-empty-text: #B3B3B3; +$tabs-light-color-scheme-state-disabled-icon: #B3B3B3; +$tabs-light-color-scheme-state-disabled-text: #B3B3B3; +$tabs-light-color-scheme-state-disabled-marker-opacity: 0.3; +$tabs-dark-color-scheme-border: #B3B3B3; +$tabs-dark-color-scheme-state-normal-icon: #999999; +$tabs-dark-color-scheme-state-normal-text: #F0F0F0; +$tabs-dark-color-scheme-state-hover-icon: #F0F0F0; +$tabs-dark-color-scheme-state-hover-text: #F0F0F0; +$tabs-dark-color-scheme-state-active-marker-color: #DFA739; +$tabs-dark-color-scheme-state-empty-icon: #999999; +$tabs-dark-color-scheme-state-empty-text: #999999; +$tabs-dark-color-scheme-state-disabled-icon: #999999; +$tabs-dark-color-scheme-state-disabled-text: #999999; +$tabs-dark-color-scheme-state-disabled-marker-opacity: 0.3; +$tabs-size-height: 40px; +$tabs-size-highlight-height: 4px; +$tabs-size-padding-horizontal: 16px; +$tabs-size-border-width: 1px; +$tabs-size-border-radius: 3px; +$tabs-size-label-icon-margin: 8px; +$tabs-font-default: body; +$vertical-tabs-light-color-scheme-state-normal-background: transparent; +$vertical-tabs-light-color-scheme-state-selected-background: #F8EBD1; +$vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05); +$vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#F8EBD1, $saturation:-22%, $lightness:-5%); +$vertical-tabs-dark-color-scheme-state-normal-background: transparent; +$vertical-tabs-dark-color-scheme-state-selected-background: #7D5504; +$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05); +$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#7D5504, $lightness:-1%); +$tags-light-color-scheme-primary-background: #F8EBD1; +$tags-light-color-scheme-primary-border: #F8EBD1; +$tags-light-color-scheme-primary-text: #D6930D; +$tags-light-color-scheme-primary-icon: mix(#DFA739, rgba(black, 0.05)); +$tags-light-color-scheme-primary-states-hover-icon: #AA7408; +$tags-light-color-scheme-primary-states-focused: #D6930D; +$tags-light-color-scheme-primary-states-disabled-text: mix(#D6930D, transparent, 50%); +$tags-light-color-scheme-primary-states-disabled-background: mix(#D6930D, transparent, 10%); +$tags-light-color-scheme-second-background: #E6E6E6; +$tags-light-color-scheme-second-border: #E6E6E6; +$tags-light-color-scheme-second-text: #4D4D4D; +$tags-light-color-scheme-second-icon: mix(#999999, rgba(black, 0.05)); +$tags-light-color-scheme-second-states-hover-icon: #999999; +$tags-light-color-scheme-second-states-focused: #D6930D; +$tags-light-color-scheme-second-states-disabled-text: mix(#B3B3B3, transparent, 50%); +$tags-light-color-scheme-second-states-disabled-background: mix(#B3B3B3, transparent, 10%); +$tags-light-color-scheme-error-background: #FADEDA; +$tags-light-color-scheme-error-border: #FADEDA; +$tags-light-color-scheme-error-text: #E76E5C; +$tags-light-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-light-color-scheme-error-states-hover-icon: #E04D36; +$tags-light-color-scheme-error-states-focused: #E76E5C; +$tags-light-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-light-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-dark-color-scheme-primary-background: #7D5504; +$tags-dark-color-scheme-primary-border: #7D5504; +$tags-dark-color-scheme-primary-text: #F0D49B; +$tags-dark-color-scheme-primary-icon: mix(#DFA739, rgba(black, 0.05)); +$tags-dark-color-scheme-primary-states-hover-icon: #D6930D; +$tags-dark-color-scheme-primary-states-focused: #DFA739; +$tags-dark-color-scheme-primary-states-disabled-text: mix(#DFA739, transparent, 50%); +$tags-dark-color-scheme-primary-states-disabled-background: mix(#DFA739, transparent, 10%); +$tags-dark-color-scheme-second-background: #4D4D4D; +$tags-dark-color-scheme-second-border: #4D4D4D; +$tags-dark-color-scheme-second-text: #CCCCCC; +$tags-dark-color-scheme-second-icon: mix(#999999, rgba(black, 0.05)); +$tags-dark-color-scheme-second-states-hover-icon: #E6E6E6; +$tags-dark-color-scheme-second-states-focused: #DFA739; +$tags-dark-color-scheme-second-states-disabled-text: mix(#999999, transparent, 50%); +$tags-dark-color-scheme-second-states-disabled-background: mix(#999999, transparent, 10%); +$tags-dark-color-scheme-error-background: #832112; +$tags-dark-color-scheme-error-border: #832112; +$tags-dark-color-scheme-error-text: #F4B7AE; +$tags-dark-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05)); +$tags-dark-color-scheme-error-states-hover-icon: #F4B7AE; +$tags-dark-color-scheme-error-states-focused: #E76E5C; +$tags-dark-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%); +$tags-dark-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%); +$tags-size-margin: 2px; +$tags-size-height: 24px; +$tags-size-border-width: 1px; +$tags-size-border-radius: 4px; +$tags-size-icon-padding: 3px; +$tags-size-text-margin: 8px; +$tags-font-default: caption; +$tags-font-mono: caption-mono; +$tags-font-caps: caption-caps; +$tag-list-size-padding: 1px 6px; +$tag-list-size-min-height: 30px; +$tag-input-size-height: 22px; +$tag-input-size-margin: 2px 4px; +$tag-input-font-default: body; +$textarea-size-min-height: 50px; +$textarea-size-padding: 5px 16px; +$textarea-font-default: body; +$textarea-font-mono: body-mono; +$timepicker-size-padding-right: 16px; +$toggle-light-color-scheme-border: #B3B3B3; +$toggle-light-color-scheme-background: linear-gradient(to bottom, #E6E6E6, #F0F0F0); +$toggle-light-color-scheme-circle-border: #B3B3B3; +$toggle-light-color-scheme-circle-background: linear-gradient(to bottom, white, #E6E6E6); +$toggle-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 2px #D6930D; +$toggle-light-color-scheme-primary-checked-border-color: #D6930D; +$toggle-light-color-scheme-primary-checked-background: #D6930D; +$toggle-light-color-scheme-error-checked-border-color: #E76E5C; +$toggle-light-color-scheme-error-checked-background: #E76E5C; +$toggle-dark-color-scheme-border: #808080; +$toggle-dark-color-scheme-background: #333333; +$toggle-dark-color-scheme-circle-border: #808080; +$toggle-dark-color-scheme-circle-background: white; +$toggle-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #333333, 0 0 0 2px #DFA739; +$toggle-dark-color-scheme-primary-checked-border-color: #DFA739; +$toggle-dark-color-scheme-primary-checked-background: #DFA739; +$toggle-dark-color-scheme-error-checked-border-color: #E76E5C; +$toggle-dark-color-scheme-error-checked-background: #E76E5C; +$toggle-size-height: 16px; +$toggle-size-width: 28px; +$toggle-size-border-radius: 9px; +$toggle-size-label-margin: 8px; +$toggle-font-default: body; +$toggle-small-size-height: 14px; +$toggle-small-size-width: 24px; +$toggle-small-size-border-radius: 8px; +$toggle-small-font-default: caption; +$tooltip-light-color-scheme-background: #4D4D4D; +$tooltip-light-color-scheme-text: white; +$tooltip-light-color-scheme-border: transparent; +$tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$tooltip-light-color-scheme-warning-background: #FCF5E8; +$tooltip-light-color-scheme-warning-text: #4D4D4D; +$tooltip-light-color-scheme-warning-border: #F0D49B; +$tooltip-dark-color-scheme-background: #F5F5F5; +$tooltip-dark-color-scheme-text: #4D4D4D; +$tooltip-dark-color-scheme-border: transparent; +$tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$tooltip-dark-color-scheme-warning-background: #FCF5E8; +$tooltip-dark-color-scheme-warning-text: #4D4D4D; +$tooltip-dark-color-scheme-warning-border: #F0D49B; +$tooltip-size-max-width: 300px; +$tooltip-size-border-width: 1px; +$tooltip-size-border-radius: 3px; +$tooltip-size-padding: 8px 16px; +$tooltip-size-arrow-size: 12px; +$tooltip-size-trigger-margin: 9px; +$tooltip-font-default: caption; +$extended-tooltip-light-color-scheme-background: white; +$extended-tooltip-light-color-scheme-text: #4D4D4D; +$extended-tooltip-light-color-scheme-border: #B3B3B3; +$extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$extended-tooltip-dark-color-scheme-background: #4D4D4D; +$extended-tooltip-dark-color-scheme-text: #F0F0F0; +$extended-tooltip-dark-color-scheme-border: #999999; +$extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +$extended-tooltip-size-border-radius: 3px; +$extended-tooltip-size-arrow-size: 12px; +$extended-tooltip-size-trigger-margin: 9px; +$extended-tooltip-size-padding: 8px 16px; +$extended-tooltip-size-max-height: 480px; +$extended-tooltip-font-default: caption; +$extended-tooltip-header-light-color-scheme-border: #E6E6E6; +$extended-tooltip-header-light-color-scheme-text: #4D4D4D; +$extended-tooltip-header-light-color-scheme-background: white; +$extended-tooltip-header-dark-color-scheme-border: #F0F0F0; +$extended-tooltip-header-dark-color-scheme-text: #F0F0F0; +$extended-tooltip-header-dark-color-scheme-background: #4D4D4D; +$extended-tooltip-header-size-height: 40px; +$extended-tooltip-header-size-padding: 10px 16px; +$extended-tooltip-header-font-default: subheading; +$tree-size-node-height: 32px; +$tree-size-padding-left: 8px; +$tree-size-padding-right: 16px; +$tree-font-node: body; \ No newline at end of file diff --git a/packages/docs/src/styles/yellow-theme/css-tokens.css b/packages/docs/src/styles/legacy-2017/yellow-theme/css-tokens.css similarity index 100% rename from packages/docs/src/styles/yellow-theme/css-tokens.css rename to packages/docs/src/styles/legacy-2017/yellow-theme/css-tokens.css diff --git a/packages/docs/src/styles/yellow-theme/properties/colors.json5 b/packages/docs/src/styles/legacy-2017/yellow-theme/properties/colors.json5 similarity index 100% rename from packages/docs/src/styles/yellow-theme/properties/colors.json5 rename to packages/docs/src/styles/legacy-2017/yellow-theme/properties/colors.json5 diff --git a/packages/docs/src/styles/yellow-theme/tokens.scss b/packages/docs/src/styles/legacy-2017/yellow-theme/tokens.scss similarity index 100% rename from packages/docs/src/styles/yellow-theme/tokens.scss rename to packages/docs/src/styles/legacy-2017/yellow-theme/tokens.scss diff --git a/packages/docs/src/styles/legacy-2017/yellow-theme/tokens.ts b/packages/docs/src/styles/legacy-2017/yellow-theme/tokens.ts new file mode 100644 index 000000000..9140ce0ba --- /dev/null +++ b/packages/docs/src/styles/legacy-2017/yellow-theme/tokens.ts @@ -0,0 +1,1050 @@ +/** + * Do not edit directly + */ + +export const LightColorSchemePrimaryDefault = "#D6930D"; +export const LightColorSchemePrimaryPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const LightColorSchemeSecondDefault = "#B3B3B3"; +export const LightColorSchemeSecondPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const LightColorSchemeErrorDefault = "#E76E5C"; +export const LightColorSchemeErrorPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const LightColorSchemeInfoDefault = "#AAD1EC"; +export const LightColorSchemeInfoPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const LightColorSchemeSuccessDefault = "#B4DEA4"; +export const LightColorSchemeSuccessPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const LightColorSchemeWarningDefault = "#F0D49B"; +export const LightColorSchemeWarningPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const LightColorSchemeForegroundText = "#4D4D4D"; +export const LightColorSchemeForegroundTextLessContrast = "#999999"; +export const LightColorSchemeForegroundTextDisabled = "#B3B3B3"; +export const LightColorSchemeForegroundTextError = "#E04D36"; +export const LightColorSchemeForegroundTextSuccess = "#449327"; +export const LightColorSchemeForegroundDivider = "#E6E6E6"; +export const LightColorSchemeForegroundBorder = "#B3B3B3"; +export const LightColorSchemeForegroundIcon = "#999999"; +export const LightColorSchemeBackgroundBackground = "white"; +export const LightColorSchemeBackgroundBackgroundDisabled = "#F0F0F0"; +export const LightColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)"; +export const LightColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"; +export const LightColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.3)"; +export const LightColorSchemeStatesFocusedColor = "#D6930D"; +export const LightColorSchemeStatesSelectedColor = "#F8EBD1"; +export const LightColorSchemeStatesPressedShadow = "inset 0 1px 2px 0 rgba(black, 0.2)"; +export const LightColorSchemeStatesDisabledOpacity = 0.3; +export const DarkColorSchemePrimaryDefault = "#DFA739"; +export const DarkColorSchemePrimaryPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const DarkColorSchemeSecondDefault = "#999999"; +export const DarkColorSchemeSecondPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const DarkColorSchemeErrorDefault = "#E76E5C"; +export const DarkColorSchemeErrorPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const DarkColorSchemeInfoDefault = "#57A4D7"; +export const DarkColorSchemeInfoPalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const DarkColorSchemeSuccessDefault = "#6FBA53"; +export const DarkColorSchemeSuccessPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const DarkColorSchemeWarningDefault = "#DFA739"; +export const DarkColorSchemeWarningPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const DarkColorSchemeForegroundText = "#F0F0F0"; +export const DarkColorSchemeForegroundTextLessContrast = "#999999"; +export const DarkColorSchemeForegroundTextDisabled = "#999999"; +export const DarkColorSchemeForegroundTextError = "#E76E5C"; +export const DarkColorSchemeForegroundTextSuccess = "#6FBA53"; +export const DarkColorSchemeForegroundDivider = "#666666"; +export const DarkColorSchemeForegroundBorder = "#808080"; +export const DarkColorSchemeForegroundIcon = "#999999"; +export const DarkColorSchemeBackgroundBackground = "#333333"; +export const DarkColorSchemeBackgroundBackgroundDisabled = "#666666"; +export const DarkColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)"; +export const DarkColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"; +export const DarkColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.2)"; +export const DarkColorSchemeStatesFocusedColor = "#DFA739"; +export const DarkColorSchemeStatesSelectedColor = "#7D5504"; +export const DarkColorSchemeStatesPressedShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)"; +export const DarkColorSchemeStatesDisabledOpacity = 0.3; +export const FontFamilyBase = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const FontFamilyMonospace = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const Size3xs = "2rem"; +export const SizeXxs = "4rem"; +export const SizeXs = "6rem"; +export const SizeS = "8rem"; +export const SizeM = "12rem"; +export const SizeL = "16rem"; +export const SizeXl = "20rem"; +export const SizeXxl = "24rem"; +export const Size3xl = "32rem"; +export const Size4xl = "40rem"; +export const Size5xl = "48rem"; +export const Size6xl = "56rem"; +export const Size7xl = "64rem"; +export const PaletteBlue40 = "#F5FAFD"; +export const PaletteBlue60 = "#EBF4FB"; +export const PaletteBlue100 = "#D8EAF7"; +export const PaletteBlue200 = "#AAD1EC"; +export const PaletteBlue300 = "#7FBAE1"; +export const PaletteBlue400 = "#57A4D7"; +export const PaletteBlue500 = "#338FCC"; +export const PaletteBlue560 = "#277BB3"; +export const PaletteBlue600 = "#206EA2"; +export const PaletteBlue700 = "#114E77"; +export const PaletteBlue800 = "#07314D"; +export const PaletteBlueA100 = "rgba(0, 153, 255, 0.15)"; +export const PaletteBlueA200 = "rgba(0, 153, 255, 0.3)"; +export const PaletteBlueContrast40 = "#4D4D4D"; +export const PaletteBlueContrast60 = "#4D4D4D"; +export const PaletteBlueContrast100 = "#4D4D4D"; +export const PaletteBlueContrast200 = "#4D4D4D"; +export const PaletteBlueContrast300 = "#4D4D4D"; +export const PaletteBlueContrast400 = "white"; +export const PaletteBlueContrast500 = "white"; +export const PaletteBlueContrast560 = "white"; +export const PaletteBlueContrast600 = "white"; +export const PaletteBlueContrast700 = "white"; +export const PaletteBlueContrast800 = "white"; +export const PaletteBlueContrastA100 = "#4D4D4D"; +export const PaletteBlueContrastA200 = "white"; +export const PaletteGreen40 = "#F6FBF4"; +export const PaletteGreen60 = "#EDF8E9"; +export const PaletteGreen100 = "#DCF1D4"; +export const PaletteGreen200 = "#B4DEA4"; +export const PaletteGreen300 = "#8FCC79"; +export const PaletteGreen400 = "#6FBA53"; +export const PaletteGreen500 = "#52A832"; +export const PaletteGreen560 = "#449327"; +export const PaletteGreen600 = "#3B8520"; +export const PaletteGreen700 = "#276211"; +export const PaletteGreen800 = "#163F07"; +export const PaletteGreenA100 = "rgba(68, 255, 0, 0.15)"; +export const PaletteGreenContrast40 = "#4D4D4D"; +export const PaletteGreenContrast60 = "#4D4D4D"; +export const PaletteGreenContrast100 = "#4D4D4D"; +export const PaletteGreenContrast200 = "#4D4D4D"; +export const PaletteGreenContrast300 = "#4D4D4D"; +export const PaletteGreenContrast400 = "white"; +export const PaletteGreenContrast500 = "white"; +export const PaletteGreenContrast560 = "white"; +export const PaletteGreenContrast600 = "white"; +export const PaletteGreenContrast700 = "white"; +export const PaletteGreenContrast800 = "white"; +export const PaletteGreenContrastA100 = "#4D4D4D"; +export const PaletteRed40 = "#FEF7F6"; +export const PaletteRed60 = "#FCEFEC"; +export const PaletteRed100 = "#FADEDA"; +export const PaletteRed200 = "#F4B7AE"; +export const PaletteRed300 = "#ED9284"; +export const PaletteRed400 = "#E76E5C"; +export const PaletteRed500 = "#E04D36"; +export const PaletteRed560 = "#C43E29"; +export const PaletteRed600 = "#B23522"; +export const PaletteRed700 = "#832112"; +export const PaletteRed800 = "#541208"; +export const PaletteRedA100 = "rgba(224, 79, 56, 0.15)"; +export const PaletteRedContrast40 = "#4D4D4D"; +export const PaletteRedContrast60 = "#4D4D4D"; +export const PaletteRedContrast100 = "#4D4D4D"; +export const PaletteRedContrast200 = "#4D4D4D"; +export const PaletteRedContrast300 = "#4D4D4D"; +export const PaletteRedContrast400 = "white"; +export const PaletteRedContrast500 = "white"; +export const PaletteRedContrast560 = "white"; +export const PaletteRedContrast600 = "white"; +export const PaletteRedContrast700 = "white"; +export const PaletteRedContrast800 = "white"; +export const PaletteRedContrastA100 = "#4D4D4D"; +export const PaletteGrey40 = "#F5F5F5"; +export const PaletteGrey60 = "#F0F0F0"; +export const PaletteGrey100 = "#E6E6E6"; +export const PaletteGrey200 = "#CCCCCC"; +export const PaletteGrey300 = "#B3B3B3"; +export const PaletteGrey400 = "#999999"; +export const PaletteGrey500 = "#808080"; +export const PaletteGrey560 = "#707070"; +export const PaletteGrey600 = "#666666"; +export const PaletteGrey700 = "#4D4D4D"; +export const PaletteGrey800 = "#333333"; +export const PaletteGreyA40 = "rgba(0, 0, 0, 0.04)"; +export const PaletteGreyA60 = "rgba(0, 0, 0, 0.06)"; +export const PaletteGreyA100 = "rgba(0, 0, 0, 0.1)"; +export const PaletteGreyA200 = "rgba(0, 0, 0, 0.2)"; +export const PaletteGreyA300 = "rgba(0, 0, 0, 0.3)"; +export const PaletteGreyA500 = "rgba(0, 0, 0, 0.5)"; +export const PaletteGreyContrast40 = "#4D4D4D"; +export const PaletteGreyContrast60 = "#4D4D4D"; +export const PaletteGreyContrast100 = "#4D4D4D"; +export const PaletteGreyContrast200 = "#4D4D4D"; +export const PaletteGreyContrast300 = "#4D4D4D"; +export const PaletteGreyContrast400 = "white"; +export const PaletteGreyContrast500 = "white"; +export const PaletteGreyContrast560 = "white"; +export const PaletteGreyContrast600 = "white"; +export const PaletteGreyContrast700 = "white"; +export const PaletteGreyContrast800 = "white"; +export const PaletteYellow40 = "#FDFAF3"; +export const PaletteYellow60 = "#FCF5E8"; +export const PaletteYellow100 = "#F8EBD1"; +export const PaletteYellow200 = "#F0D49B"; +export const PaletteYellow300 = "#E7BD68"; +export const PaletteYellow400 = "#DFA739"; +export const PaletteYellow500 = "#D6930D"; +export const PaletteYellow560 = "#BB800A"; +export const PaletteYellow600 = "#AA7408"; +export const PaletteYellow700 = "#7D5504"; +export const PaletteYellow800 = "#503602"; +export const PaletteYellowA100 = "rgba(255, 170, 0, 0.15)"; +export const PaletteYellowContrast40 = "#4D4D4D"; +export const PaletteYellowContrast60 = "#4D4D4D"; +export const PaletteYellowContrast100 = "#4D4D4D"; +export const PaletteYellowContrast200 = "#4D4D4D"; +export const PaletteYellowContrast300 = "#4D4D4D"; +export const PaletteYellowContrast400 = "white"; +export const PaletteYellowContrast500 = "white"; +export const PaletteYellowContrast560 = "white"; +export const PaletteYellowContrast600 = "white"; +export const PaletteYellowContrast700 = "white"; +export const PaletteYellowContrast800 = "white"; +export const PaletteYellowContrastA100 = "#4D4D4D"; +export const ColorBluePalette = {"40":{"value":"#F5FAFD","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5FAFD"},"name":"PaletteBlue40","attributes":{"category":"palette","type":"blue","item":"40"},"path":["palette","blue","40"]},"60":{"value":"#EBF4FB","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EBF4FB"},"name":"PaletteBlue60","attributes":{"category":"palette","type":"blue","item":"60"},"path":["palette","blue","60"]},"100":{"value":"#D8EAF7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D8EAF7"},"name":"PaletteBlue100","attributes":{"category":"palette","type":"blue","item":"100"},"path":["palette","blue","100"]},"200":{"value":"#AAD1EC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AAD1EC"},"name":"PaletteBlue200","attributes":{"category":"palette","type":"blue","item":"200"},"path":["palette","blue","200"]},"300":{"value":"#7FBAE1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7FBAE1"},"name":"PaletteBlue300","attributes":{"category":"palette","type":"blue","item":"300"},"path":["palette","blue","300"]},"400":{"value":"#57A4D7","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#57A4D7"},"name":"PaletteBlue400","attributes":{"category":"palette","type":"blue","item":"400"},"path":["palette","blue","400"]},"500":{"value":"#338FCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#338FCC"},"name":"PaletteBlue500","attributes":{"category":"palette","type":"blue","item":"500"},"path":["palette","blue","500"]},"560":{"value":"#277BB3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#277BB3"},"name":"PaletteBlue560","attributes":{"category":"palette","type":"blue","item":"560"},"path":["palette","blue","560"]},"600":{"value":"#206EA2","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#206EA2"},"name":"PaletteBlue600","attributes":{"category":"palette","type":"blue","item":"600"},"path":["palette","blue","600"]},"700":{"value":"#114E77","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#114E77"},"name":"PaletteBlue700","attributes":{"category":"palette","type":"blue","item":"700"},"path":["palette","blue","700"]},"800":{"value":"#07314D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#07314D"},"name":"PaletteBlue800","attributes":{"category":"palette","type":"blue","item":"800"},"path":["palette","blue","800"]},"A100":{"value":"rgba(0, 153, 255, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.15)"},"name":"PaletteBlueA100","attributes":{"category":"palette","type":"blue","item":"A100"},"path":["palette","blue","A100"]},"A200":{"value":"rgba(0, 153, 255, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 153, 255, 0.3)"},"name":"PaletteBlueA200","attributes":{"category":"palette","type":"blue","item":"A200"},"path":["palette","blue","A200"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast40","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"40"},"path":["palette","blue","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast60","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"60"},"path":["palette","blue","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"100"},"path":["palette","blue","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"200"},"path":["palette","blue","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrast300","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"300"},"path":["palette","blue","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast400","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"400"},"path":["palette","blue","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast500","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"500"},"path":["palette","blue","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast560","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"560"},"path":["palette","blue","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast600","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"600"},"path":["palette","blue","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast700","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"700"},"path":["palette","blue","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrast800","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"800"},"path":["palette","blue","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteBlueContrastA100","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A100"},"path":["palette","blue","contrast","A100"]},"A200":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteBlueContrastA200","attributes":{"category":"palette","type":"blue","item":"contrast","subitem":"A200"},"path":["palette","blue","contrast","A200"]}}}; +export const ColorGreenPalette = {"40":{"value":"#F6FBF4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F6FBF4"},"name":"PaletteGreen40","attributes":{"category":"palette","type":"green","item":"40"},"path":["palette","green","40"]},"60":{"value":"#EDF8E9","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#EDF8E9"},"name":"PaletteGreen60","attributes":{"category":"palette","type":"green","item":"60"},"path":["palette","green","60"]},"100":{"value":"#DCF1D4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DCF1D4"},"name":"PaletteGreen100","attributes":{"category":"palette","type":"green","item":"100"},"path":["palette","green","100"]},"200":{"value":"#B4DEA4","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B4DEA4"},"name":"PaletteGreen200","attributes":{"category":"palette","type":"green","item":"200"},"path":["palette","green","200"]},"300":{"value":"#8FCC79","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#8FCC79"},"name":"PaletteGreen300","attributes":{"category":"palette","type":"green","item":"300"},"path":["palette","green","300"]},"400":{"value":"#6FBA53","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#6FBA53"},"name":"PaletteGreen400","attributes":{"category":"palette","type":"green","item":"400"},"path":["palette","green","400"]},"500":{"value":"#52A832","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#52A832"},"name":"PaletteGreen500","attributes":{"category":"palette","type":"green","item":"500"},"path":["palette","green","500"]},"560":{"value":"#449327","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#449327"},"name":"PaletteGreen560","attributes":{"category":"palette","type":"green","item":"560"},"path":["palette","green","560"]},"600":{"value":"#3B8520","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#3B8520"},"name":"PaletteGreen600","attributes":{"category":"palette","type":"green","item":"600"},"path":["palette","green","600"]},"700":{"value":"#276211","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#276211"},"name":"PaletteGreen700","attributes":{"category":"palette","type":"green","item":"700"},"path":["palette","green","700"]},"800":{"value":"#163F07","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#163F07"},"name":"PaletteGreen800","attributes":{"category":"palette","type":"green","item":"800"},"path":["palette","green","800"]},"A100":{"value":"rgba(68, 255, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(68, 255, 0, 0.15)"},"name":"PaletteGreenA100","attributes":{"category":"palette","type":"green","item":"A100"},"path":["palette","green","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast40","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"40"},"path":["palette","green","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast60","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"60"},"path":["palette","green","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"100"},"path":["palette","green","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast200","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"200"},"path":["palette","green","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrast300","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"300"},"path":["palette","green","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast400","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"400"},"path":["palette","green","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast500","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"500"},"path":["palette","green","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast560","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"560"},"path":["palette","green","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast600","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"600"},"path":["palette","green","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast700","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"700"},"path":["palette","green","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreenContrast800","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"800"},"path":["palette","green","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreenContrastA100","attributes":{"category":"palette","type":"green","item":"contrast","subitem":"A100"},"path":["palette","green","contrast","A100"]}}}; +export const ColorRedPalette = {"40":{"value":"#FEF7F6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FEF7F6"},"name":"PaletteRed40","attributes":{"category":"palette","type":"red","item":"40"},"path":["palette","red","40"]},"60":{"value":"#FCEFEC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCEFEC"},"name":"PaletteRed60","attributes":{"category":"palette","type":"red","item":"60"},"path":["palette","red","60"]},"100":{"value":"#FADEDA","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FADEDA"},"name":"PaletteRed100","attributes":{"category":"palette","type":"red","item":"100"},"path":["palette","red","100"]},"200":{"value":"#F4B7AE","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F4B7AE"},"name":"PaletteRed200","attributes":{"category":"palette","type":"red","item":"200"},"path":["palette","red","200"]},"300":{"value":"#ED9284","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#ED9284"},"name":"PaletteRed300","attributes":{"category":"palette","type":"red","item":"300"},"path":["palette","red","300"]},"400":{"value":"#E76E5C","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E76E5C"},"name":"PaletteRed400","attributes":{"category":"palette","type":"red","item":"400"},"path":["palette","red","400"]},"500":{"value":"#E04D36","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E04D36"},"name":"PaletteRed500","attributes":{"category":"palette","type":"red","item":"500"},"path":["palette","red","500"]},"560":{"value":"#C43E29","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#C43E29"},"name":"PaletteRed560","attributes":{"category":"palette","type":"red","item":"560"},"path":["palette","red","560"]},"600":{"value":"#B23522","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B23522"},"name":"PaletteRed600","attributes":{"category":"palette","type":"red","item":"600"},"path":["palette","red","600"]},"700":{"value":"#832112","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#832112"},"name":"PaletteRed700","attributes":{"category":"palette","type":"red","item":"700"},"path":["palette","red","700"]},"800":{"value":"#541208","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#541208"},"name":"PaletteRed800","attributes":{"category":"palette","type":"red","item":"800"},"path":["palette","red","800"]},"A100":{"value":"rgba(224, 79, 56, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(224, 79, 56, 0.15)"},"name":"PaletteRedA100","attributes":{"category":"palette","type":"red","item":"A100"},"path":["palette","red","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast40","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"40"},"path":["palette","red","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast60","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"60"},"path":["palette","red","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"100"},"path":["palette","red","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast200","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"200"},"path":["palette","red","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrast300","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"300"},"path":["palette","red","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast400","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"400"},"path":["palette","red","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast500","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"500"},"path":["palette","red","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast560","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"560"},"path":["palette","red","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast600","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"600"},"path":["palette","red","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast700","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"700"},"path":["palette","red","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteRedContrast800","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"800"},"path":["palette","red","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteRedContrastA100","attributes":{"category":"palette","type":"red","item":"contrast","subitem":"A100"},"path":["palette","red","contrast","A100"]}}}; +export const ColorGreyPalette = {"40":{"value":"#F5F5F5","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F5F5F5"},"name":"PaletteGrey40","attributes":{"category":"palette","type":"grey","item":"40"},"path":["palette","grey","40"]},"60":{"value":"#F0F0F0","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0F0F0"},"name":"PaletteGrey60","attributes":{"category":"palette","type":"grey","item":"60"},"path":["palette","grey","60"]},"100":{"value":"#E6E6E6","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E6E6E6"},"name":"PaletteGrey100","attributes":{"category":"palette","type":"grey","item":"100"},"path":["palette","grey","100"]},"200":{"value":"#CCCCCC","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#CCCCCC"},"name":"PaletteGrey200","attributes":{"category":"palette","type":"grey","item":"200"},"path":["palette","grey","200"]},"300":{"value":"#B3B3B3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#B3B3B3"},"name":"PaletteGrey300","attributes":{"category":"palette","type":"grey","item":"300"},"path":["palette","grey","300"]},"400":{"value":"#999999","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#999999"},"name":"PaletteGrey400","attributes":{"category":"palette","type":"grey","item":"400"},"path":["palette","grey","400"]},"500":{"value":"#808080","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#808080"},"name":"PaletteGrey500","attributes":{"category":"palette","type":"grey","item":"500"},"path":["palette","grey","500"]},"560":{"value":"#707070","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#707070"},"name":"PaletteGrey560","attributes":{"category":"palette","type":"grey","item":"560"},"path":["palette","grey","560"]},"600":{"value":"#666666","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#666666"},"name":"PaletteGrey600","attributes":{"category":"palette","type":"grey","item":"600"},"path":["palette","grey","600"]},"700":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGrey700","attributes":{"category":"palette","type":"grey","item":"700"},"path":["palette","grey","700"]},"800":{"value":"#333333","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#333333"},"name":"PaletteGrey800","attributes":{"category":"palette","type":"grey","item":"800"},"path":["palette","grey","800"]},"A40":{"value":"rgba(0, 0, 0, 0.04)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.04)"},"name":"PaletteGreyA40","attributes":{"category":"palette","type":"grey","item":"A40"},"path":["palette","grey","A40"]},"A60":{"value":"rgba(0, 0, 0, 0.06)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.06)"},"name":"PaletteGreyA60","attributes":{"category":"palette","type":"grey","item":"A60"},"path":["palette","grey","A60"]},"A100":{"value":"rgba(0, 0, 0, 0.1)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.1)"},"name":"PaletteGreyA100","attributes":{"category":"palette","type":"grey","item":"A100"},"path":["palette","grey","A100"]},"A200":{"value":"rgba(0, 0, 0, 0.2)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.2)"},"name":"PaletteGreyA200","attributes":{"category":"palette","type":"grey","item":"A200"},"path":["palette","grey","A200"]},"A300":{"value":"rgba(0, 0, 0, 0.3)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.3)"},"name":"PaletteGreyA300","attributes":{"category":"palette","type":"grey","item":"A300"},"path":["palette","grey","A300"]},"A500":{"value":"rgba(0, 0, 0, 0.5)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(0, 0, 0, 0.5)"},"name":"PaletteGreyA500","attributes":{"category":"palette","type":"grey","item":"A500"},"path":["palette","grey","A500"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast40","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"40"},"path":["palette","grey","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast60","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"60"},"path":["palette","grey","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast100","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"100"},"path":["palette","grey","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast200","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"200"},"path":["palette","grey","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteGreyContrast300","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"300"},"path":["palette","grey","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast400","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"400"},"path":["palette","grey","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast500","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"500"},"path":["palette","grey","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast560","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"560"},"path":["palette","grey","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast600","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"600"},"path":["palette","grey","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast700","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"700"},"path":["palette","grey","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteGreyContrast800","attributes":{"category":"palette","type":"grey","item":"contrast","subitem":"800"},"path":["palette","grey","contrast","800"]}}}; +export const ColorYellowPalette = {"40":{"value":"#FDFAF3","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FDFAF3"},"name":"PaletteYellow40","attributes":{"category":"palette","type":"yellow","item":"40"},"path":["palette","yellow","40"]},"60":{"value":"#FCF5E8","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#FCF5E8"},"name":"PaletteYellow60","attributes":{"category":"palette","type":"yellow","item":"60"},"path":["palette","yellow","60"]},"100":{"value":"#F8EBD1","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F8EBD1"},"name":"PaletteYellow100","attributes":{"category":"palette","type":"yellow","item":"100"},"path":["palette","yellow","100"]},"200":{"value":"#F0D49B","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#F0D49B"},"name":"PaletteYellow200","attributes":{"category":"palette","type":"yellow","item":"200"},"path":["palette","yellow","200"]},"300":{"value":"#E7BD68","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#E7BD68"},"name":"PaletteYellow300","attributes":{"category":"palette","type":"yellow","item":"300"},"path":["palette","yellow","300"]},"400":{"value":"#DFA739","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#DFA739"},"name":"PaletteYellow400","attributes":{"category":"palette","type":"yellow","item":"400"},"path":["palette","yellow","400"]},"500":{"value":"#D6930D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#D6930D"},"name":"PaletteYellow500","attributes":{"category":"palette","type":"yellow","item":"500"},"path":["palette","yellow","500"]},"560":{"value":"#BB800A","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#BB800A"},"name":"PaletteYellow560","attributes":{"category":"palette","type":"yellow","item":"560"},"path":["palette","yellow","560"]},"600":{"value":"#AA7408","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#AA7408"},"name":"PaletteYellow600","attributes":{"category":"palette","type":"yellow","item":"600"},"path":["palette","yellow","600"]},"700":{"value":"#7D5504","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#7D5504"},"name":"PaletteYellow700","attributes":{"category":"palette","type":"yellow","item":"700"},"path":["palette","yellow","700"]},"800":{"value":"#503602","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#503602"},"name":"PaletteYellow800","attributes":{"category":"palette","type":"yellow","item":"800"},"path":["palette","yellow","800"]},"A100":{"value":"rgba(255, 170, 0, 0.15)","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"rgba(255, 170, 0, 0.15)"},"name":"PaletteYellowA100","attributes":{"category":"palette","type":"yellow","item":"A100"},"path":["palette","yellow","A100"]},"contrast":{"40":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast40","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"40"},"path":["palette","yellow","contrast","40"]},"60":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast60","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"60"},"path":["palette","yellow","contrast","60"]},"100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"100"},"path":["palette","yellow","contrast","100"]},"200":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast200","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"200"},"path":["palette","yellow","contrast","200"]},"300":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrast300","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"300"},"path":["palette","yellow","contrast","300"]},"400":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast400","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"400"},"path":["palette","yellow","contrast","400"]},"500":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast500","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"500"},"path":["palette","yellow","contrast","500"]},"560":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast560","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"560"},"path":["palette","yellow","contrast","560"]},"600":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast600","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"600"},"path":["palette","yellow","contrast","600"]},"700":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast700","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"700"},"path":["palette","yellow","contrast","700"]},"800":{"value":"white","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"white"},"name":"PaletteYellowContrast800","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"800"},"path":["palette","yellow","contrast","800"]},"A100":{"value":"#4D4D4D","filePath":"packages/mosaic/design-tokens/legacy-2017/tokens/properties/palette.json5","isSource":true,"original":{"value":"#4D4D4D"},"name":"PaletteYellowContrastA100","attributes":{"category":"palette","type":"yellow","item":"contrast","subitem":"A100"},"path":["palette","yellow","contrast","A100"]}}}; +export const TypographyDisplay1FontSize = "56px"; +export const TypographyDisplay1LineHeight = "76px"; +export const TypographyDisplay1LetterSpacing = "-0.4px"; +export const TypographyDisplay1FontWeight = "normal"; +export const TypographyDisplay1FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay1TextTransform = "null"; +export const TypographyDisplay1FontFeatureSettings = "null"; +export const TypographyDisplay2FontSize = "45px"; +export const TypographyDisplay2LineHeight = "56px"; +export const TypographyDisplay2LetterSpacing = "normal"; +export const TypographyDisplay2FontWeight = "normal"; +export const TypographyDisplay2FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay2TextTransform = "null"; +export const TypographyDisplay2FontFeatureSettings = "null"; +export const TypographyDisplay3FontSize = "34px"; +export const TypographyDisplay3LineHeight = "44px"; +export const TypographyDisplay3LetterSpacing = "0.25px"; +export const TypographyDisplay3FontWeight = "normal"; +export const TypographyDisplay3FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyDisplay3TextTransform = "null"; +export const TypographyDisplay3FontFeatureSettings = "null"; +export const TypographyHeadlineFontSize = "24px"; +export const TypographyHeadlineLineHeight = "32px"; +export const TypographyHeadlineLetterSpacing = "normal"; +export const TypographyHeadlineFontWeight = "normal"; +export const TypographyHeadlineFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyHeadlineTextTransform = "null"; +export const TypographyHeadlineFontFeatureSettings = "null"; +export const TypographyTitleFontSize = "20px"; +export const TypographyTitleLineHeight = "28px"; +export const TypographyTitleLetterSpacing = "0.15px"; +export const TypographyTitleFontWeight = "500"; +export const TypographyTitleFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyTitleTextTransform = "null"; +export const TypographyTitleFontFeatureSettings = "null"; +export const TypographySubheadingFontSize = "15px"; +export const TypographySubheadingLineHeight = "20px"; +export const TypographySubheadingLetterSpacing = "0.15px"; +export const TypographySubheadingFontWeight = "700"; +export const TypographySubheadingFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographySubheadingTextTransform = "null"; +export const TypographySubheadingFontFeatureSettings = "null"; +export const TypographyBodyFontSize = "15px"; +export const TypographyBodyLineHeight = "20px"; +export const TypographyBodyLetterSpacing = "0.15px"; +export const TypographyBodyFontWeight = "normal"; +export const TypographyBodyFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyTextTransform = "null"; +export const TypographyBodyFontFeatureSettings = "null"; +export const TypographyBodyTabularFontSize = "15px"; +export const TypographyBodyTabularLineHeight = "20px"; +export const TypographyBodyTabularLetterSpacing = "0.15px"; +export const TypographyBodyTabularFontWeight = "normal"; +export const TypographyBodyTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyTabularTextTransform = "null"; +export const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on"; +export const TypographyBodyStrongFontSize = "15px"; +export const TypographyBodyStrongLineHeight = "20px"; +export const TypographyBodyStrongLetterSpacing = "-0.009em"; +export const TypographyBodyStrongFontWeight = "500"; +export const TypographyBodyStrongFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyStrongTextTransform = "null"; +export const TypographyBodyStrongFontFeatureSettings = "null"; +export const TypographyBodyCapsFontSize = "15px"; +export const TypographyBodyCapsLineHeight = "20px"; +export const TypographyBodyCapsLetterSpacing = "1.7px"; +export const TypographyBodyCapsFontWeight = "normal"; +export const TypographyBodyCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyBodyCapsTextTransform = "uppercase"; +export const TypographyBodyCapsFontFeatureSettings = "null"; +export const TypographyBodyMonoFontSize = "15px"; +export const TypographyBodyMonoLineHeight = "20px"; +export const TypographyBodyMonoLetterSpacing = "normal"; +export const TypographyBodyMonoFontWeight = "normal"; +export const TypographyBodyMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyBodyMonoTextTransform = "null"; +export const TypographyBodyMonoFontFeatureSettings = "null"; +export const TypographyCaptionFontSize = "13px"; +export const TypographyCaptionLineHeight = "16px"; +export const TypographyCaptionLetterSpacing = "0.25px"; +export const TypographyCaptionFontWeight = "normal"; +export const TypographyCaptionFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionTextTransform = "null"; +export const TypographyCaptionFontFeatureSettings = "null"; +export const TypographyCaptionTabularFontSize = "13px"; +export const TypographyCaptionTabularLineHeight = "16px"; +export const TypographyCaptionTabularLetterSpacing = "0.25px"; +export const TypographyCaptionTabularFontWeight = "normal"; +export const TypographyCaptionTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionTabularTextTransform = "null"; +export const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on"; +export const TypographyCaptionCapsFontSize = "13px"; +export const TypographyCaptionCapsLineHeight = "16px"; +export const TypographyCaptionCapsLetterSpacing = "1.5px"; +export const TypographyCaptionCapsFontWeight = "normal"; +export const TypographyCaptionCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyCaptionCapsTextTransform = "uppercase"; +export const TypographyCaptionCapsFontFeatureSettings = "null"; +export const TypographyCaptionMonoFontSize = "13px"; +export const TypographyCaptionMonoLineHeight = "16px"; +export const TypographyCaptionMonoLetterSpacing = "normal"; +export const TypographyCaptionMonoFontWeight = "normal"; +export const TypographyCaptionMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyCaptionMonoTextTransform = "null"; +export const TypographyCaptionMonoFontFeatureSettings = "null"; +export const TypographySmallTextFontSize = "13px"; +export const TypographySmallTextLineHeight = "16px"; +export const TypographySmallTextLetterSpacing = "0.25px"; +export const TypographySmallTextFontWeight = "normal"; +export const TypographySmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographySmallTextTextTransform = "null"; +export const TypographySmallTextFontFeatureSettings = "null"; +export const TypographyExtraSmallTextFontSize = "11px"; +export const TypographyExtraSmallTextLineHeight = "16px"; +export const TypographyExtraSmallTextLetterSpacing = "0.22px"; +export const TypographyExtraSmallTextFontWeight = "normal"; +export const TypographyExtraSmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyExtraSmallTextTextTransform = "null"; +export const TypographyExtraSmallTextFontFeatureSettings = "null"; +export const TypographyExtraSmallTextCapsFontSize = "11px"; +export const TypographyExtraSmallTextCapsLineHeight = "16px"; +export const TypographyExtraSmallTextCapsLetterSpacing = "1px"; +export const TypographyExtraSmallTextCapsFontWeight = "normal"; +export const TypographyExtraSmallTextCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; +export const TypographyExtraSmallTextCapsTextTransform = "uppercase"; +export const TypographyExtraSmallTextCapsFontFeatureSettings = "null"; +export const TypographyExtraSmallTextMonoFontSize = "11px"; +export const TypographyExtraSmallTextMonoLineHeight = "16px"; +export const TypographyExtraSmallTextMonoLetterSpacing = "0px"; +export const TypographyExtraSmallTextMonoFontWeight = "normal"; +export const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"; +export const TypographyExtraSmallTextMonoTextTransform = "null"; +export const TypographyExtraSmallTextMonoFontFeatureSettings = "null"; +export const AlertLightColorSchemeErrorBackground = "#FCEFEC"; +export const AlertLightColorSchemeErrorBorder = "#E76E5C"; +export const AlertLightColorSchemeErrorIcon = "#E76E5C"; +export const AlertLightColorSchemeWarningBackground = "#FCF5E8"; +export const AlertLightColorSchemeWarningBorder = "#F0D49B"; +export const AlertLightColorSchemeWarningIcon = "#DFA739"; +export const AlertLightColorSchemeSuccessBackground = "#EDF8E9"; +export const AlertLightColorSchemeSuccessBorder = "#B4DEA4"; +export const AlertLightColorSchemeSuccessIcon = "#6FBA53"; +export const AlertLightColorSchemeInfoBackground = "#EBF4FB"; +export const AlertLightColorSchemeInfoBorder = "#AAD1EC"; +export const AlertLightColorSchemeInfoIcon = "#57A4D7"; +export const AlertLightColorSchemeDefaultBackground = "#F0F0F0"; +export const AlertLightColorSchemeDefaultBorder = "#B3B3B3"; +export const AlertLightColorSchemeDefaultIcon = "#CCCCCC"; +export const AlertDarkColorSchemeErrorBackground = "#832112"; +export const AlertDarkColorSchemeErrorBorder = "#832112"; +export const AlertDarkColorSchemeErrorIcon = "#E76E5C"; +export const AlertDarkColorSchemeWarningBackground = "#7D5504"; +export const AlertDarkColorSchemeWarningBorder = "#7D5504"; +export const AlertDarkColorSchemeWarningIcon = "#DFA739"; +export const AlertDarkColorSchemeSuccessBackground = "#276211"; +export const AlertDarkColorSchemeSuccessBorder = "#276211"; +export const AlertDarkColorSchemeSuccessIcon = "#6FBA53"; +export const AlertDarkColorSchemeInfoBackground = "#114E77"; +export const AlertDarkColorSchemeInfoBorder = "#114E77"; +export const AlertDarkColorSchemeInfoIcon = "#57A4D7"; +export const AlertDarkColorSchemeDefaultBackground = "#4D4D4D"; +export const AlertDarkColorSchemeDefaultBorder = "#4D4D4D"; +export const AlertDarkColorSchemeDefaultIcon = "#999999"; +export const AlertSizeBorderWidth = "1px"; +export const AlertSizeBorderRadius = "4px"; +export const AlertSizeHorizontalPadding = "16px"; +export const AlertSizeVerticalPadding = "13px"; +export const AlertSizeIconMargin = "8px"; +export const AlertSizeCloseButtonWidth = "16px"; +export const AlertSizeSmallVerticalPadding = "11px"; +export const AlertFontDefaultHeader = "subheading"; +export const AlertFontDefaultBody = "body"; +export const AlertFontSmallHeader = "caption"; +export const AlertFontSmallBody = "caption"; +export const AutocompleteSizePanelPadding = "4px 0"; +export const AutocompleteSizePanelMaxHeight = "256px"; +export const AutocompleteSizePanelBorderRadius = "3px"; +export const BadgeLightColorSchemeSolidPrimaryBackground = "#D6930D"; +export const BadgeLightColorSchemeSolidPrimaryColor = "white"; +export const BadgeLightColorSchemeSolidPrimaryBorder = "#D6930D"; +export const BadgeLightColorSchemeSolidInfoBorder = "#D6930D"; +export const BadgeLightColorSchemeSolidInfoBackground = "#D6930D"; +export const BadgeLightColorSchemeSolidInfoColor = "white"; +export const BadgeLightColorSchemeSolidSuccessBorder = "#52A832"; +export const BadgeLightColorSchemeSolidSuccessBackground = "#52A832"; +export const BadgeLightColorSchemeSolidSuccessColor = "white"; +export const BadgeLightColorSchemeSolidWarningBorder = "#D6930D"; +export const BadgeLightColorSchemeSolidWarningBackground = "#D6930D"; +export const BadgeLightColorSchemeSolidWarningColor = "white"; +export const BadgeLightColorSchemeSolidErrorBorder = "#E04D36"; +export const BadgeLightColorSchemeSolidErrorBackground = "#E04D36"; +export const BadgeLightColorSchemeSolidErrorColor = "white"; +export const BadgeLightColorSchemeSolidTransparentBorder = "#CCCCCC"; +export const BadgeLightColorSchemeSolidTransparentColor = "#4D4D4D"; +export const BadgeLightColorSchemeSolidTransparentBackground = "transparent"; +export const BadgeLightColorSchemeSolidLightBorder = "#E6E6E6"; +export const BadgeLightColorSchemeSolidLightBackground = "#E6E6E6"; +export const BadgeLightColorSchemeSolidLightColor = "#4D4D4D"; +export const BadgeLightColorSchemeSolidSecondBorder = "#666666"; +export const BadgeLightColorSchemeSolidSecondBackground = "#666666"; +export const BadgeLightColorSchemeSolidSecondColor = "white"; +export const BadgeLightColorSchemePastelPrimaryBackground = "#FDFAF3"; +export const BadgeLightColorSchemePastelPrimaryBorder = "#F0D49B"; +export const BadgeLightColorSchemePastelPrimaryColor = "#D6930D"; +export const BadgeLightColorSchemePastelInfoBackground = "#F5FAFD"; +export const BadgeLightColorSchemePastelInfoBorder = "#F0D49B"; +export const BadgeLightColorSchemePastelInfoColor = "#338FCC"; +export const BadgeLightColorSchemePastelSuccessBackground = "#F6FBF4"; +export const BadgeLightColorSchemePastelSuccessBorder = "#B4DEA4"; +export const BadgeLightColorSchemePastelSuccessColor = "#449327"; +export const BadgeLightColorSchemePastelWarningBackground = "#FDFAF3"; +export const BadgeLightColorSchemePastelWarningBorder = "#F0D49B"; +export const BadgeLightColorSchemePastelWarningColor = "#BB800A"; +export const BadgeLightColorSchemePastelErrorBackground = "#FEF7F6"; +export const BadgeLightColorSchemePastelErrorBorder = "#F4B7AE"; +export const BadgeLightColorSchemePastelErrorColor = "#E04D36"; +export const BadgeDarkColorSchemePastelPrimaryBackground = "rgba(255, 170, 0, 0.15)"; +export const BadgeDarkColorSchemePastelPrimaryColor = "#F8EBD1"; +export const BadgeDarkColorSchemePastelPrimaryBorder = "#7D5504"; +export const BadgeDarkColorSchemePastelInfoBackground = "#F8EBD1"; +export const BadgeDarkColorSchemePastelInfoColor = "#F8EBD1"; +export const BadgeDarkColorSchemePastelInfoBorder = "rgba(255, 170, 0, 0.15)"; +export const BadgeDarkColorSchemePastelSuccessBorder = "#276211"; +export const BadgeDarkColorSchemePastelSuccessBackground = "rgba(68, 255, 0, 0.15)"; +export const BadgeDarkColorSchemePastelSuccessColor = "#DCF1D4"; +export const BadgeDarkColorSchemePastelWarningBorder = "#7D5504"; +export const BadgeDarkColorSchemePastelWarningBackground = "rgba(255, 170, 0, 0.15)"; +export const BadgeDarkColorSchemePastelWarningColor = "#F8EBD1"; +export const BadgeDarkColorSchemePastelErrorBorder = "#832112"; +export const BadgeDarkColorSchemePastelErrorBackground = "rgba(224, 79, 56, 0.15)"; +export const BadgeDarkColorSchemePastelErrorColor = "#FADEDA"; +export const BadgeDarkColorSchemeSolidPrimaryBackground = "#7D5504"; +export const BadgeDarkColorSchemeSolidPrimaryColor = "white"; +export const BadgeDarkColorSchemeSolidPrimaryBorder = "#7D5504"; +export const BadgeDarkColorSchemeSolidInfoBorder = "#503602"; +export const BadgeDarkColorSchemeSolidInfoBackground = "#503602"; +export const BadgeDarkColorSchemeSolidInfoColor = "white"; +export const BadgeDarkColorSchemeSolidSuccessBorder = "#276211"; +export const BadgeDarkColorSchemeSolidSuccessBackground = "#276211"; +export const BadgeDarkColorSchemeSolidSuccessColor = "white"; +export const BadgeDarkColorSchemeSolidWarningBorder = "#7D5504"; +export const BadgeDarkColorSchemeSolidWarningBackground = "#7D5504"; +export const BadgeDarkColorSchemeSolidWarningColor = "white"; +export const BadgeDarkColorSchemeSolidErrorBorder = "#832112"; +export const BadgeDarkColorSchemeSolidErrorBackground = "#832112"; +export const BadgeDarkColorSchemeSolidErrorColor = "white"; +export const BadgeDarkColorSchemeSolidTransparentBorder = "#808080"; +export const BadgeDarkColorSchemeSolidTransparentColor = "#F5F5F5"; +export const BadgeDarkColorSchemeSolidTransparentBackground = "transparent"; +export const BadgeDarkColorSchemeSolidLightBorder = "#999999"; +export const BadgeDarkColorSchemeSolidLightBackground = "#999999"; +export const BadgeDarkColorSchemeSolidLightColor = "white"; +export const BadgeDarkColorSchemeSolidSecondBorder = "#4D4D4D"; +export const BadgeDarkColorSchemeSolidSecondBackground = "#4D4D4D"; +export const BadgeDarkColorSchemeSolidSecondColor = "white"; +export const BadgeSizeDefaultHeight = "24rem"; +export const BadgeSizeDefaultMinWidth = "10px"; +export const BadgeSizeDefaultPadding = "0 8px"; +export const BadgeSizeDefaultBorderWidth = "1px"; +export const BadgeSizeDefaultBorderRadius = "4px"; +export const BadgeSizeMiniHeight = "16rem"; +export const BadgeSizeMiniMinWidth = "10px"; +export const BadgeSizeMiniBorderWidth = "1px"; +export const BadgeSizeMiniBorderRadius = "2px"; +export const BadgeSizeMiniPadding = "0 4px"; +export const BadgeFontDefaultDefault = "caption"; +export const BadgeFontDefaultCaps = "caption-caps"; +export const BadgeFontDefaultMono = "caption-mono"; +export const BadgeFontMiniDefault = "extra-small-text"; +export const BadgeFontMiniCaps = "extra-small-text-caps"; +export const BadgeFontMiniMono = "extra-small-text-mono"; +export const ButtonToggleSizeBorderSize = "1px"; +export const ButtonToggleSizeBorderRadius = "3px"; +export const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)"; +export const ButtonLightColorSchemePrimaryColor = "white"; +export const ButtonLightColorSchemePrimaryBorder = "#BB800A"; +export const ButtonLightColorSchemePrimaryBackground = "#D6930D"; +export const ButtonLightColorSchemePrimaryIcon = "white"; +export const ButtonLightColorSchemePrimaryStatesActiveBorder = "darken(#BB800A, 5)"; +export const ButtonLightColorSchemePrimaryStatesActiveBackground = "darken(#D6930D, 5)"; +export const ButtonLightColorSchemePrimaryTransparentColor = "#D6930D"; +export const ButtonLightColorSchemePrimaryTransparentIcon = "#D6930D"; +export const ButtonLightColorSchemePrimaryTransparentStatesHoverColor = "#AA7408"; +export const ButtonLightColorSchemePrimaryTransparentStatesHoverIcon = "#AA7408"; +export const ButtonLightColorSchemePrimaryTransparentStatesActiveColor = "#7D5504"; +export const ButtonLightColorSchemePrimaryTransparentStatesActiveIcon = "#7D5504"; +export const ButtonLightColorSchemeSecondBorder = "#B3B3B3"; +export const ButtonLightColorSchemeSecondBackground = "#F0F0F0"; +export const ButtonLightColorSchemeSecondColor = "#4D4D4D"; +export const ButtonLightColorSchemeSecondIcon = "#999999"; +export const ButtonLightColorSchemeSecondStatesActiveBorder = "darken(#B3B3B3, 5)"; +export const ButtonLightColorSchemeSecondStatesActiveBackground = "darken(#F0F0F0, 5)"; +export const ButtonLightColorSchemeErrorBorder = "#B3B3B3"; +export const ButtonLightColorSchemeErrorBackground = "#F0F0F0"; +export const ButtonLightColorSchemeErrorColor = "#E76E5C"; +export const ButtonLightColorSchemeErrorIcon = "#E76E5C"; +export const ButtonLightColorSchemeErrorStatesActiveBorder = "darken(#B3B3B3, 5)"; +export const ButtonLightColorSchemeErrorStatesActiveBackground = "darken(#F0F0F0, 5)"; +export const ButtonDarkColorSchemeActiveShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)"; +export const ButtonDarkColorSchemePrimaryColor = "white"; +export const ButtonDarkColorSchemePrimaryBorder = "#BB800A"; +export const ButtonDarkColorSchemePrimaryBackground = "#D6930D"; +export const ButtonDarkColorSchemePrimaryIcon = "white"; +export const ButtonDarkColorSchemePrimaryStatesActiveBorder = "darken(#BB800A, 5)"; +export const ButtonDarkColorSchemePrimaryStatesActiveBackground = "darken(#DFA739, 5)"; +export const ButtonDarkColorSchemePrimaryTransparentColor = "#D6930D"; +export const ButtonDarkColorSchemePrimaryTransparentIcon = "#D6930D"; +export const ButtonDarkColorSchemePrimaryTransparentStatesHoverColor = "#AA7408"; +export const ButtonDarkColorSchemePrimaryTransparentStatesHoverIcon = "#AA7408"; +export const ButtonDarkColorSchemePrimaryTransparentStatesActiveColor = "#7D5504"; +export const ButtonDarkColorSchemePrimaryTransparentStatesActiveIcon = "#7D5504"; +export const ButtonDarkColorSchemeSecondBorder = "#808080"; +export const ButtonDarkColorSchemeSecondBackground = "#666666"; +export const ButtonDarkColorSchemeSecondColor = "#F0F0F0"; +export const ButtonDarkColorSchemeSecondIcon = "#999999"; +export const ButtonDarkColorSchemeSecondStatesActiveBorder = "darken(#808080, 5)"; +export const ButtonDarkColorSchemeSecondStatesActiveBackground = "darken(#666666, 5)"; +export const ButtonDarkColorSchemeErrorBorder = "#808080"; +export const ButtonDarkColorSchemeErrorBackground = "#666666"; +export const ButtonDarkColorSchemeErrorColor = "#E76E5C"; +export const ButtonDarkColorSchemeErrorIcon = "#E76E5C"; +export const ButtonDarkColorSchemeErrorStatesActiveBorder = "darken(#808080, 5)"; +export const ButtonDarkColorSchemeErrorStatesActiveBackground = "darken(#666666, 5)"; +export const ButtonSizeBorderWidth = "1px"; +export const ButtonSizeBorderRadius = "3px"; +export const ButtonSizeVerticalPadding = "6px"; +export const ButtonSizeHorizontalPadding = "16px"; +export const ButtonFontDefault = "body"; +export const ButtonFontPrimary = "body-strong"; +export const ButtonFontPrimaryTransparent = "body"; +export const IconButtonSizeVerticalPadding = "6px"; +export const IconButtonSizeHorizontalPadding = "8px"; +export const IconButtonSizeIconHorizontalPadding = "16px"; +export const CardLightColorSchemeErrorVerticalLine = "#E76E5C"; +export const CardLightColorSchemeErrorBackground = "#FCEFEC"; +export const CardLightColorSchemeErrorShadow = "#E6E6E6"; +export const CardLightColorSchemeWarningVerticalLine = "#F0D49B"; +export const CardLightColorSchemeWarningBackground = "#FCF5E8"; +export const CardLightColorSchemeWarningShadow = "#E6E6E6"; +export const CardLightColorSchemeSuccessVerticalLine = "#B4DEA4"; +export const CardLightColorSchemeSuccessBackground = "#EDF8E9"; +export const CardLightColorSchemeSuccessShadow = "#E6E6E6"; +export const CardLightColorSchemeInfoVerticalLine = "#AAD1EC"; +export const CardLightColorSchemeInfoBackground = "#EBF4FB"; +export const CardLightColorSchemeInfoShadow = "#E6E6E6"; +export const CardDarkColorSchemeErrorVerticalLine = "#E76E5C"; +export const CardDarkColorSchemeErrorBackground = "#832112"; +export const CardDarkColorSchemeErrorShadow = "#4D4D4D"; +export const CardDarkColorSchemeWarningVerticalLine = "#DFA739"; +export const CardDarkColorSchemeWarningBackground = "#7D5504"; +export const CardDarkColorSchemeWarningShadow = "#4D4D4D"; +export const CardDarkColorSchemeSuccessVerticalLine = "#6FBA53"; +export const CardDarkColorSchemeSuccessBackground = "#276211"; +export const CardDarkColorSchemeSuccessShadow = "#4D4D4D"; +export const CardDarkColorSchemeInfoVerticalLine = "#57A4D7"; +export const CardDarkColorSchemeInfoBackground = "#114E77"; +export const CardDarkColorSchemeInfoShadow = "#4D4D4D"; +export const CardSizeVerticalLine = "4px"; +export const CheckboxLightColorSchemeBorder = "#B3B3B3"; +export const CheckboxLightColorSchemeStatesCheckedBorder = "#AA7408"; +export const CheckboxLightColorSchemeStatesCheckedBackground = "#D6930D"; +export const CheckboxLightColorSchemeStatesFocusedBorder = "#AA7408"; +export const CheckboxLightColorSchemeStatesFocusedShadow = "0 0 0 1px #AA7408"; +export const CheckboxDarkColorSchemeBorder = "#999999"; +export const CheckboxDarkColorSchemeStatesCheckedBorder = "#DFA739"; +export const CheckboxDarkColorSchemeStatesCheckedBackground = "#AA7408"; +export const CheckboxDarkColorSchemeStatesFocusedBorder = "#DFA739"; +export const CheckboxDarkColorSchemeStatesFocusedShadow = "0 0 0 1px #DFA739"; +export const CheckboxSizeWidth = "16px"; +export const CheckboxSizeLabelMargin = "8px"; +export const CheckboxSizeBorderWidth = "1px"; +export const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0, 0.2)"; +export const CheckboxFontDefault = "body"; +export const DatepickerToggleSizeWidth = "30px"; +export const DatepickerToggleSizeHeight = "30px"; +export const DatepickerBodyLightColorSchemeStatesSelectedColor = "#D6930D"; +export const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#F8EBD1"; +export const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#D6930D"; +export const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#7D5504"; +export const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px"; +export const DatepickerBodySizeCellMinSize = "32px"; +export const DatepickerBodySizeCellMargin = "5%"; +export const DatepickerBodySizeCellPadding = "8px"; +export const DatepickerBodySizeCellBorderWidth = "1px"; +export const DatepickerBodyFontLabel = "body-strong"; +export const DatepickerBodyFontToday = "body-strong"; +export const DatepickerCalendarSizePaddingTop = "16px"; +export const DatepickerCalendarSizePaddingHorizontal = "8px"; +export const DatepickerCalendarSizePaddingBottom = "8px"; +export const DatepickerCalendarSizePaddingBlocks = "12px"; +export const DatepickerCalendarSizeDividerWidth = "1px"; +export const DatepickerCalendarSizeIconBorderWidth = "2px"; +export const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)"; +export const DatepickerCalendarSizeIconNexIconTransform = "translateX(-2px) rotate(45deg)"; +export const DatepickerCalendarFontDefault = "body"; +export const DatepickerCalendarFontHeader = "caption"; +export const DatepickerInputSizeWidth = "130px"; +export const DividerSizeWidth = "1px"; +export const DividerSizeInsetMargin = "80px"; +export const DescriptionListLightColorSchemeDt = "#999999"; +export const DescriptionListLightColorSchemeDd = "#4D4D4D"; +export const DescriptionListDarkColorSchemeDt = "#999999"; +export const DescriptionListDarkColorSchemeDd = "#F0F0F0"; +export const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)"; +export const DescriptionListSizeDtGridColumn = "1"; +export const DescriptionListSizeDdGridColumn = "2 / span 3"; +export const DescriptionListSizeHorizontalColumnGap = "16rem"; +export const DescriptionListSizeHorizontalRowGap = "12rem"; +export const DescriptionListSizeVerticalColumnGap = "0"; +export const DescriptionListSizeVerticalRowGap = "2rem"; +export const DescriptionListSizeVerticalDdMarginBottom = "16rem"; +export const DescriptionListFontHorizontalDt = "body"; +export const DescriptionListFontHorizontalDd = "body"; +export const DescriptionListFontVerticalDt = "caption"; +export const DescriptionListFontVerticalDd = "body"; +export const DropdownItemSizePadding = "5px 15px"; +export const DropdownItemSizeIconPadding = "0 8px 2px 0"; +export const DropdownItemFontDefault = "body"; +export const DropdownItemFontCaption = "caption"; +export const DropdownGroupHeaderSizeDefaultPadding = "6px 15px"; +export const DropdownGroupHeaderSizeSmallPadding = "8px 15px"; +export const DropdownGroupHeaderFontDefault = "body-strong"; +export const DropdownGroupHeaderFontSmall = "caption-caps"; +export const DropdownDividerSizeHeight = "1px"; +export const DropdownDividerSizeMargin = "4px 0"; +export const DropdownTriggerSizeIconPaddingRight = "8px"; +export const DropdownPanelSizeMaxWidth = "640px"; +export const DropdownPanelSizePadding = "4px 0"; +export const DropdownPanelSizeBorderWidth = "1px"; +export const DropdownPanelSizeBorderRadius = "3px"; +export const FormFieldLightColorSchemeBorder = "#B3B3B3"; +export const FormFieldLightColorSchemeBackground = "white"; +export const FormFieldLightColorSchemeStatesHoverBorder = "#999999"; +export const FormFieldLightColorSchemeStatesInvalidBorder = "#E76E5C"; +export const FormFieldLightColorSchemeStatesInvalidBackground = "transparent"; +export const FormFieldDarkColorSchemeBorder = "#999999"; +export const FormFieldDarkColorSchemeBackground = "#333333"; +export const FormFieldDarkColorSchemeStatesHoverBorder = "#CCCCCC"; +export const FormFieldDarkColorSchemeStatesInvalidBorder = "#E76E5C"; +export const FormFieldDarkColorSchemeStatesInvalidBackground = "transparent"; +export const FormFieldSizeBorderWidth = "1px"; +export const FormFieldSizeBorderRadius = "3px"; +export const FormFieldSizeButtonWidth = "32px"; +export const FormFieldFontDefault = "body"; +export const FormFieldHintSizeMarginTop = "4px"; +export const FormFieldHintFontDefault = "caption"; +export const FormFieldPasswordHintLightColorSchemeTextColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeIconColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#E04D36"; +export const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#4D4D4D"; +export const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#449327"; +export const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#449327"; +export const FormFieldPasswordHintDarkColorSchemeTextColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeIconColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#E76E5C"; +export const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#F0F0F0"; +export const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#6FBA53"; +export const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#6FBA53"; +export const FormFieldPasswordHintSizeMarginTop = "8px"; +export const FormFieldPasswordHintSizeIconMargin = "4px"; +export const FormFieldPasswordHintFontDefault = "caption"; +export const FormsLightColorSchemeLabel = "#999999"; +export const FormsLightColorSchemeLegend = "#4D4D4D"; +export const FormsDarkColorSchemeLabel = "#999999"; +export const FormsDarkColorSchemeLegend = "#F0F0F0"; +export const FormsSizeHorizontalRowMarginBottom = "20px"; +export const FormsSizeHorizontalLabelPaddingTop = "6px"; +export const FormsSizeHorizontalLabelPaddingBottom = "0"; +export const FormsSizeHorizontalControlPaddingLeft = "16px"; +export const FormsSizeHorizontalLegendMarginTop = "32px"; +export const FormsSizeHorizontalLegendMarginBottom = "16px"; +export const FormsSizeVerticalRowMarginBottom = "16px"; +export const FormsSizeVerticalLabelPaddingTop = "0"; +export const FormsSizeVerticalLabelPaddingBottom = "4px"; +export const FormsSizeVerticalControlPaddingLeft = "24px"; +export const FormsSizeVerticalLegendMarginTop = "32px"; +export const FormsSizeVerticalLegendMarginBottom = "12px"; +export const FormsFontDefaultLabel = "body"; +export const FormsFontDefaultLegend = "subheading"; +export const InputSizePadding = "5px 16px"; +export const InputSizeWidth = "100%"; +export const InputSizeMinHeight = "30px"; +export const InputFontDefault = "body"; +export const InputFontMonospace = "body-mono"; +export const LinkLightColorSchemeText = "#D6930D"; +export const LinkLightColorSchemeBorderBottom = "rgba(#D6930D, 0.32)"; +export const LinkLightColorSchemeStateVisitedText = "#6A2795"; +export const LinkLightColorSchemeStateVisitedBorderBottom = "rgba(106, 39, 149, 0.32)"; +export const LinkLightColorSchemeStateHoverText = "#AA7408"; +export const LinkLightColorSchemeStateHoverBorderBottom = "rgba(#AA7408, 0.32)"; +export const LinkLightColorSchemeStateActive = "#7D5504"; +export const LinkLightColorSchemeStateFocusedOutline = "#D6930D"; +export const LinkDarkColorSchemeText = "#DFA739"; +export const LinkDarkColorSchemeBorderBottom = "rgba(#DFA739, 0.32)"; +export const LinkDarkColorSchemeStateVisitedText = "#a23ee2"; +export const LinkDarkColorSchemeStateVisitedBorderBottom = "rgba(162, 62, 226, 0.32)"; +export const LinkDarkColorSchemeStateHoverText = "#E7BD68"; +export const LinkDarkColorSchemeStateHoverBorderBottom = "rgba(#E7BD68, 0.32)"; +export const LinkDarkColorSchemeStateActive = "#E7BD68"; +export const LinkDarkColorSchemeStateFocusedOutline = "#DFA739"; +export const LinkSizeIconMargin = "4px"; +export const LinkSizeStateFocusedOutlineOffset = "2px"; +export const LinkSizeStateFocusedOutlineWidth = "2px"; +export const LinkAnimationTransition = "color ease-out 300ms"; +export const LinkAnimationStateHoverTransition = "color 0ms"; +export const LinkFontDefault = "body"; +export const ListSizeHorizontalPadding = "16px"; +export const ListSizeIconPadding = "4px"; +export const ListSizeItemHeight = "32px"; +export const ListSizeIconWidth = "24px"; +export const ListFontItem = "body"; +export const ModalLightColorSchemeShadow = "(0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5))"; +export const ModalLightColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalLightColorSchemeBodyBottomShadow = "0 -2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalLightColorSchemeBackgroundMask = "rgba(0, 0, 0, 0.5)"; +export const ModalDarkColorSchemeShadow = "(0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5))"; +export const ModalDarkColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalDarkColorSchemeBodyBottomShadow = "0 -2px 4px 0 rgba(0, 0, 0, 0.16)"; +export const ModalDarkColorSchemeBackgroundMask = "rgba(0, 0, 0, 0.5)"; +export const ModalSizeSmall = "400px"; +export const ModalSizeNormal = "640px"; +export const ModalSizeLarge = "960px"; +export const ModalSizeTop = "48px"; +export const ModalSizeCloseWidth = "56px"; +export const ModalSizeBorderRadius = "4px"; +export const ModalSizeBorderWidth = "1px"; +export const ModalHeaderLightColorSchemeBorder = "#E6E6E6"; +export const ModalHeaderDarkColorSchemeBorder = "#666666"; +export const ModalHeaderSizeBorderRadius = "4px 4px 0 0"; +export const ModalHeaderSizePadding = "14px 16px"; +export const ModalHeaderFontDefault = "title"; +export const ModalBodySizeMaxHeight = "calc(100vh - 260px)"; +export const ModalBodySizePadding = "16px 24px 24px"; +export const ModalBodyFontDefault = "body"; +export const ModalFooterLightColorSchemeBorder = "#E6E6E6"; +export const ModalFooterDarkColorSchemeBorder = "#666666"; +export const ModalFooterSizeBorderRadius = "0 0 4px 4px"; +export const ModalFooterSizePadding = "16px 16px"; +export const ModalConfirmSizePadding = "24px"; +export const NavbarLightColorSchemeBackground = "#7D5504"; +export const NavbarLightColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)"; +export const NavbarDarkColorSchemeBackground = "#7D5504"; +export const NavbarDarkColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)"; +export const NavbarSizeIconMargin = "6px"; +export const NavbarFontTitle = "body"; +export const VerticalNavbarSizeStatesExpandedWidth = "240px"; +export const VerticalNavbarSizeStatesCollapsedWidth = "56px"; +export const VerticalNavbarSizeIconMargin = "16px"; +export const NavbarItemLightColorSchemeText = "#F8EBD1"; +export const NavbarItemLightColorSchemeIcon = "#F8EBD1"; +export const NavbarItemLightColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)"; +export const NavbarItemLightColorSchemeStatesSelected = "#4D4D4D"; +export const NavbarItemLightColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)"; +export const NavbarItemLightColorSchemeStatesProgress = "#503602"; +export const NavbarItemLightColorSchemeStatesDisabledOpacity = 0.3; +export const NavbarItemDarkColorSchemeText = "#F8EBD1"; +export const NavbarItemDarkColorSchemeIcon = "#F8EBD1"; +export const NavbarItemDarkColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)"; +export const NavbarItemDarkColorSchemeStatesSelected = "#666666"; +export const NavbarItemDarkColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)"; +export const NavbarItemDarkColorSchemeStatesProgress = "#503602"; +export const NavbarItemDarkColorSchemeStatesDisabledOpacity = 0.3; +export const NavbarItemSizePadding = "16px"; +export const NavbarItemSizeHeight = "48px"; +export const NavbarItemSizeHeightVertical = "56px"; +export const NavbarBrandSizePadding = "12px"; +export const NavbarBrandSizeMarginRight = "24px"; +export const NavbarBrandFontTitle = "title"; +export const OptgroupSizePaddingLeft = "17px"; +export const OptgroupFontDefault = "subheading"; +export const OptionSizeHorizontalPadding = "16px"; +export const OptionSizeHeight = "32px"; +export const OptionSizeBorderWidth = "2px"; +export const OptionFontDefault = "body"; +export const PopoverLightColorSchemeBackground = "white"; +export const PopoverLightColorSchemeText = "#4D4D4D"; +export const PopoverLightColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopoverLightColorSchemeBorder = "#B3B3B3"; +export const PopoverDarkColorSchemeBackground = "#4D4D4D"; +export const PopoverDarkColorSchemeText = "#F0F0F0"; +export const PopoverDarkColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopoverDarkColorSchemeBorder = "#4D4D4D"; +export const PopoverSizeMaxHeight = "480px"; +export const PopoverSizePadding = "16px"; +export const PopoverSizeBorderRadius = "3px"; +export const PopoverSizeArrowSize = "12px"; +export const PopoverSizeTriggerMargin = "9px"; +export const PopoverSizeSmallWidth = "200px"; +export const PopoverSizeNormalWidth = "400px"; +export const PopoverSizeLargeWidth = "640px"; +export const PopoverFontDefault = "body"; +export const PopoverHeaderLightColorSchemeBorder = "#E6E6E6"; +export const PopoverHeaderLightColorSchemeText = "#4D4D4D"; +export const PopoverHeaderLightColorSchemeBackground = "white"; +export const PopoverHeaderDarkColorSchemeBorder = "transparent"; +export const PopoverHeaderDarkColorSchemeText = "#F0F0F0"; +export const PopoverHeaderDarkColorSchemeBackground = "#4D4D4D"; +export const PopoverHeaderSizeHeight = "10px 16px"; +export const PopoverHeaderSizePadding = "10px 16px"; +export const PopoverHeaderFontDefault = "subheading"; +export const PopoverFooterLightColorSchemeBorder = "#F0F0F0"; +export const PopoverFooterLightColorSchemeBackground = "#F0F0F0"; +export const PopoverFooterDarkColorSchemeBorder = "transparent"; +export const PopoverFooterDarkColorSchemeBackground = "transparent"; +export const PopoverFooterSizeMarginTop = "8px"; +export const PopoverFooterSizePadding = "12px 16px"; +export const PopoverFooterSizeHeight = "56px"; +export const PopoverFooterFontDefault = "body"; +export const PopupLightColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopupLightColorSchemeBorder = "#B3B3B3"; +export const PopupLightColorSchemeDivider = "#CCCCCC"; +export const PopupLightColorSchemeBackground = "white"; +export const PopupLightColorSchemeFooterBackground = "#F0F0F0"; +export const PopupDarkColorSchemeShadow = "0 3px 3px 0 rgba(0, 0, 0, 0.2)"; +export const PopupDarkColorSchemeBorder = "#999999"; +export const PopupDarkColorSchemeDivider = "#666666"; +export const PopupDarkColorSchemeBackground = "#4D4D4D"; +export const PopupDarkColorSchemeFooterBackground = "transparent"; +export const ProgressBarLightColorSchemeBackground = "#F0F0F0"; +export const ProgressBarDarkColorSchemeBackground = "#666666"; +export const ProgressBarSizeHeight = "4px"; +export const ProgressSpinnerSizeSize = "16px"; +export const RadioLightColorSchemeOuterCircleBorder = "#B3B3B3"; +export const RadioLightColorSchemeInnerCircleBorder = "transparent"; +export const RadioLightColorSchemeStatesCheckedOuterCircleBorder = "#D6930D"; +export const RadioLightColorSchemeStatesCheckedInnerCircleBorder = "#D6930D"; +export const RadioLightColorSchemeStatesFocusedOuterCircleBorder = "#D6930D"; +export const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #B3B3B3"; +export const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px white"; +export const RadioDarkColorSchemeOuterCircleBorder = "#999999"; +export const RadioDarkColorSchemeInnerCircleBorder = "transparent"; +export const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#DFA739"; +export const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#AA7408"; +export const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#DFA739"; +export const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #DFA739"; +export const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px #333333"; +export const RadioSizeSize = "14px"; +export const RadioSizeLabelMargin = "8px"; +export const RadioFontDefault = "body"; +export const SelectSizeHeight = "30px"; +export const SelectSizeLeftPadding = "16px"; +export const SelectSizeRightPadding = "8px"; +export const SelectSizeLeftPaddingMultiple = "8px"; +export const SelectFontDefault = "body"; +export const SelectPanelSizeMaxHeight = "232px"; +export const SelectPanelSizeMaxWidth = "640px"; +export const SelectPanelSizeVerticalPadding = "4px"; +export const SelectPanelSizeBorderWidth = "1px"; +export const SelectPanelSizeBorderRadius = "3px"; +export const SelectPanelFontDefault = "body"; +export const SidepanelLightColorSchemeBorder = "#B3B3B3"; +export const SidepanelDarkColorSchemeBorder = "#333333"; +export const SidepanelFontDefault = "body"; +export const SidepanelHeaderSizePadding = "14px 16px"; +export const SidepanelHeaderSizeClosePadding = "0 0 0 8px"; +export const SidepanelHeaderFontDefault = "title"; +export const SidepanelFooterSizePadding = "16px"; +export const SidepanelFooterFontDefault = "body"; +export const TableSizeBorderWidth = "1px"; +export const TableSizeRowPaddingVertical = "8px"; +export const TableSizeRowPaddingHorizontal = "16px"; +export const TableFontHeader = "caption"; +export const TableFontBody = "body"; +export const TabsLightColorSchemeBorder = "#B3B3B3"; +export const TabsLightColorSchemeStateNormalIcon = "#999999"; +export const TabsLightColorSchemeStateNormalText = "#4D4D4D"; +export const TabsLightColorSchemeStateHoverIcon = "#4D4D4D"; +export const TabsLightColorSchemeStateHoverText = "#4D4D4D"; +export const TabsLightColorSchemeStateActiveMarkerColor = "#D6930D"; +export const TabsLightColorSchemeStateEmptyIcon = "#B3B3B3"; +export const TabsLightColorSchemeStateEmptyText = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledIcon = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledText = "#B3B3B3"; +export const TabsLightColorSchemeStateDisabledMarkerOpacity = "0.3"; +export const TabsDarkColorSchemeBorder = "#B3B3B3"; +export const TabsDarkColorSchemeStateNormalIcon = "#999999"; +export const TabsDarkColorSchemeStateNormalText = "#F0F0F0"; +export const TabsDarkColorSchemeStateHoverIcon = "#F0F0F0"; +export const TabsDarkColorSchemeStateHoverText = "#F0F0F0"; +export const TabsDarkColorSchemeStateActiveMarkerColor = "#DFA739"; +export const TabsDarkColorSchemeStateEmptyIcon = "#999999"; +export const TabsDarkColorSchemeStateEmptyText = "#999999"; +export const TabsDarkColorSchemeStateDisabledIcon = "#999999"; +export const TabsDarkColorSchemeStateDisabledText = "#999999"; +export const TabsDarkColorSchemeStateDisabledMarkerOpacity = "0.3"; +export const TabsSizeHeight = "40px"; +export const TabsSizeHighlightHeight = "4px"; +export const TabsSizePaddingHorizontal = "16px"; +export const TabsSizeBorderWidth = "1px"; +export const TabsSizeBorderRadius = "3px"; +export const TabsSizeLabelIconMargin = "8px"; +export const TabsFontDefault = "body"; +export const VerticalTabsLightColorSchemeStateNormalBackground = "transparent"; +export const VerticalTabsLightColorSchemeStateSelectedBackground = "#F8EBD1"; +export const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)"; +export const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#F8EBD1, $saturation:-22%, $lightness:-5%)"; +export const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent"; +export const VerticalTabsDarkColorSchemeStateSelectedBackground = "#7D5504"; +export const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(black, 0.05)"; +export const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#7D5504, $lightness:-1%)"; +export const TagsLightColorSchemePrimaryBackground = "#F8EBD1"; +export const TagsLightColorSchemePrimaryBorder = "#F8EBD1"; +export const TagsLightColorSchemePrimaryText = "#D6930D"; +export const TagsLightColorSchemePrimaryIcon = "mix(#DFA739, rgba(black, 0.05))"; +export const TagsLightColorSchemePrimaryStatesHoverIcon = "#AA7408"; +export const TagsLightColorSchemePrimaryStatesFocused = "#D6930D"; +export const TagsLightColorSchemePrimaryStatesDisabledText = "mix(#D6930D, transparent, 50%)"; +export const TagsLightColorSchemePrimaryStatesDisabledBackground = "mix(#D6930D, transparent, 10%)"; +export const TagsLightColorSchemeSecondBackground = "#E6E6E6"; +export const TagsLightColorSchemeSecondBorder = "#E6E6E6"; +export const TagsLightColorSchemeSecondText = "#4D4D4D"; +export const TagsLightColorSchemeSecondIcon = "mix(#999999, rgba(black, 0.05))"; +export const TagsLightColorSchemeSecondStatesHoverIcon = "#999999"; +export const TagsLightColorSchemeSecondStatesFocused = "#D6930D"; +export const TagsLightColorSchemeSecondStatesDisabledText = "mix(#B3B3B3, transparent, 50%)"; +export const TagsLightColorSchemeSecondStatesDisabledBackground = "mix(#B3B3B3, transparent, 10%)"; +export const TagsLightColorSchemeErrorBackground = "#FADEDA"; +export const TagsLightColorSchemeErrorBorder = "#FADEDA"; +export const TagsLightColorSchemeErrorText = "#E76E5C"; +export const TagsLightColorSchemeErrorIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsLightColorSchemeErrorStatesHoverIcon = "#E04D36"; +export const TagsLightColorSchemeErrorStatesFocused = "#E76E5C"; +export const TagsLightColorSchemeErrorStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsLightColorSchemeErrorStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsDarkColorSchemePrimaryBackground = "#7D5504"; +export const TagsDarkColorSchemePrimaryBorder = "#7D5504"; +export const TagsDarkColorSchemePrimaryText = "#F0D49B"; +export const TagsDarkColorSchemePrimaryIcon = "mix(#DFA739, rgba(black, 0.05))"; +export const TagsDarkColorSchemePrimaryStatesHoverIcon = "#D6930D"; +export const TagsDarkColorSchemePrimaryStatesFocused = "#DFA739"; +export const TagsDarkColorSchemePrimaryStatesDisabledText = "mix(#DFA739, transparent, 50%)"; +export const TagsDarkColorSchemePrimaryStatesDisabledBackground = "mix(#DFA739, transparent, 10%)"; +export const TagsDarkColorSchemeSecondBackground = "#4D4D4D"; +export const TagsDarkColorSchemeSecondBorder = "#4D4D4D"; +export const TagsDarkColorSchemeSecondText = "#CCCCCC"; +export const TagsDarkColorSchemeSecondIcon = "mix(#999999, rgba(black, 0.05))"; +export const TagsDarkColorSchemeSecondStatesHoverIcon = "#E6E6E6"; +export const TagsDarkColorSchemeSecondStatesFocused = "#DFA739"; +export const TagsDarkColorSchemeSecondStatesDisabledText = "mix(#999999, transparent, 50%)"; +export const TagsDarkColorSchemeSecondStatesDisabledBackground = "mix(#999999, transparent, 10%)"; +export const TagsDarkColorSchemeErrorBackground = "#832112"; +export const TagsDarkColorSchemeErrorBorder = "#832112"; +export const TagsDarkColorSchemeErrorText = "#F4B7AE"; +export const TagsDarkColorSchemeErrorIcon = "mix(#E76E5C, rgba(black, 0.05))"; +export const TagsDarkColorSchemeErrorStatesHoverIcon = "#F4B7AE"; +export const TagsDarkColorSchemeErrorStatesFocused = "#E76E5C"; +export const TagsDarkColorSchemeErrorStatesDisabledText = "mix(#E76E5C, transparent, 50%)"; +export const TagsDarkColorSchemeErrorStatesDisabledBackground = "mix(#E76E5C, transparent, 10%)"; +export const TagsSizeMargin = "2px"; +export const TagsSizeHeight = "24px"; +export const TagsSizeBorderWidth = "1px"; +export const TagsSizeBorderRadius = "4px"; +export const TagsSizeIconPadding = "3px"; +export const TagsSizeTextMargin = "8px"; +export const TagsFontDefault = "caption"; +export const TagsFontMono = "caption-mono"; +export const TagsFontCaps = "caption-caps"; +export const TagListSizePadding = "1px 6px"; +export const TagListSizeMinHeight = "30px"; +export const TagInputSizeHeight = "22px"; +export const TagInputSizeMargin = "2px 4px"; +export const TagInputFontDefault = "body"; +export const TextareaSizeMinHeight = "50px"; +export const TextareaSizePadding = "5px 16px"; +export const TextareaFontDefault = "body"; +export const TextareaFontMono = "body-mono"; +export const TimepickerSizePaddingRight = "16px"; +export const ToggleLightColorSchemeBorder = "#B3B3B3"; +export const ToggleLightColorSchemeBackground = "linear-gradient(to bottom, #E6E6E6, #F0F0F0)"; +export const ToggleLightColorSchemeCircleBorder = "#B3B3B3"; +export const ToggleLightColorSchemeCircleBackground = "linear-gradient(to bottom, white, #E6E6E6)"; +export const ToggleLightColorSchemeStatesFocusedShadow = "inset 0 0 0 1px white, 0 0 0 2px #D6930D"; +export const ToggleLightColorSchemePrimaryCheckedBorderColor = "#D6930D"; +export const ToggleLightColorSchemePrimaryCheckedBackground = "#D6930D"; +export const ToggleLightColorSchemeErrorCheckedBorderColor = "#E76E5C"; +export const ToggleLightColorSchemeErrorCheckedBackground = "#E76E5C"; +export const ToggleDarkColorSchemeBorder = "#808080"; +export const ToggleDarkColorSchemeBackground = "#333333"; +export const ToggleDarkColorSchemeCircleBorder = "#808080"; +export const ToggleDarkColorSchemeCircleBackground = "white"; +export const ToggleDarkColorSchemeStatesFocusedShadow = "inset 0 0 0 1px #333333, 0 0 0 2px #DFA739"; +export const ToggleDarkColorSchemePrimaryCheckedBorderColor = "#DFA739"; +export const ToggleDarkColorSchemePrimaryCheckedBackground = "#DFA739"; +export const ToggleDarkColorSchemeErrorCheckedBorderColor = "#E76E5C"; +export const ToggleDarkColorSchemeErrorCheckedBackground = "#E76E5C"; +export const ToggleSizeHeight = "16px"; +export const ToggleSizeWidth = "28px"; +export const ToggleSizeBorderRadius = "9px"; +export const ToggleSizeLabelMargin = "8px"; +export const ToggleFontDefault = "body"; +export const ToggleSmallSizeHeight = "14px"; +export const ToggleSmallSizeWidth = "24px"; +export const ToggleSmallSizeBorderRadius = "8px"; +export const ToggleSmallFontDefault = "caption"; +export const TooltipLightColorSchemeBackground = "#4D4D4D"; +export const TooltipLightColorSchemeText = "white"; +export const TooltipLightColorSchemeBorder = "transparent"; +export const TooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const TooltipLightColorSchemeWarningBackground = "#FCF5E8"; +export const TooltipLightColorSchemeWarningText = "#4D4D4D"; +export const TooltipLightColorSchemeWarningBorder = "#F0D49B"; +export const TooltipDarkColorSchemeBackground = "#F5F5F5"; +export const TooltipDarkColorSchemeText = "#4D4D4D"; +export const TooltipDarkColorSchemeBorder = "transparent"; +export const TooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const TooltipDarkColorSchemeWarningBackground = "#FCF5E8"; +export const TooltipDarkColorSchemeWarningText = "#4D4D4D"; +export const TooltipDarkColorSchemeWarningBorder = "#F0D49B"; +export const TooltipSizeMaxWidth = "300px"; +export const TooltipSizeBorderWidth = "1px"; +export const TooltipSizeBorderRadius = "3px"; +export const TooltipSizePadding = "8px 16px"; +export const TooltipSizeArrowSize = "12px"; +export const TooltipSizeTriggerMargin = "9px"; +export const TooltipFontDefault = "caption"; +export const ExtendedTooltipLightColorSchemeBackground = "white"; +export const ExtendedTooltipLightColorSchemeText = "#4D4D4D"; +export const ExtendedTooltipLightColorSchemeBorder = "#B3B3B3"; +export const ExtendedTooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const ExtendedTooltipDarkColorSchemeBackground = "#4D4D4D"; +export const ExtendedTooltipDarkColorSchemeText = "#F0F0F0"; +export const ExtendedTooltipDarkColorSchemeBorder = "#999999"; +export const ExtendedTooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.2)"; +export const ExtendedTooltipSizeBorderRadius = "3px"; +export const ExtendedTooltipSizeArrowSize = "12px"; +export const ExtendedTooltipSizeTriggerMargin = "9px"; +export const ExtendedTooltipSizePadding = "8px 16px"; +export const ExtendedTooltipSizeMaxHeight = "480px"; +export const ExtendedTooltipFontDefault = "caption"; +export const ExtendedTooltipHeaderLightColorSchemeBorder = "#E6E6E6"; +export const ExtendedTooltipHeaderLightColorSchemeText = "#4D4D4D"; +export const ExtendedTooltipHeaderLightColorSchemeBackground = "white"; +export const ExtendedTooltipHeaderDarkColorSchemeBorder = "#F0F0F0"; +export const ExtendedTooltipHeaderDarkColorSchemeText = "#F0F0F0"; +export const ExtendedTooltipHeaderDarkColorSchemeBackground = "#4D4D4D"; +export const ExtendedTooltipHeaderSizeHeight = "40px"; +export const ExtendedTooltipHeaderSizePadding = "10px 16px"; +export const ExtendedTooltipHeaderFontDefault = "subheading"; +export const TreeSizeNodeHeight = "32px"; +export const TreeSizePaddingLeft = "8px"; +export const TreeSizePaddingRight = "16px"; +export const TreeFontNode = "body"; \ No newline at end of file diff --git a/packages/docs/src/styles/default-theme/_palette.scss b/packages/docs/src/styles/pt-2022/default-theme/_palette.scss similarity index 100% rename from packages/docs/src/styles/default-theme/_palette.scss rename to packages/docs/src/styles/pt-2022/default-theme/_palette.scss diff --git a/packages/docs/src/styles/pt-2022/default-theme/_theme.scss b/packages/docs/src/styles/pt-2022/default-theme/_theme.scss new file mode 100644 index 000000000..241e4794f --- /dev/null +++ b/packages/docs/src/styles/pt-2022/default-theme/_theme.scss @@ -0,0 +1,6 @@ +@import '../../../../../mosaic/core/theming/theming'; +@import './tokens'; + + +$pt-2022-light-blue-theme: mc-light-theme(); +$pt-2022-dark-blue-theme: mc-dark-theme(); diff --git a/packages/docs/src/styles/default-theme/_typography.scss b/packages/docs/src/styles/pt-2022/default-theme/_typography.scss similarity index 100% rename from packages/docs/src/styles/default-theme/_typography.scss rename to packages/docs/src/styles/pt-2022/default-theme/_typography.scss diff --git a/packages/docs/src/styles/default-theme/_variables.scss b/packages/docs/src/styles/pt-2022/default-theme/_variables.scss similarity index 100% rename from packages/docs/src/styles/default-theme/_variables.scss rename to packages/docs/src/styles/pt-2022/default-theme/_variables.scss diff --git a/packages/docs/src/styles/pt-2022/default-theme/css-tokens.css b/packages/docs/src/styles/pt-2022/default-theme/css-tokens.css new file mode 100644 index 000000000..d021db2c9 --- /dev/null +++ b/packages/docs/src/styles/pt-2022/default-theme/css-tokens.css @@ -0,0 +1,206 @@ +/** + * Do not edit directly + */ + +:root { + --mc-alert-size-border-width: 1px; + --mc-alert-size-border-radius: 4px; + --mc-alert-size-horizontal-padding: 16px; + --mc-alert-size-vertical-padding: 13px; + --mc-alert-size-icon-margin: 8px; + --mc-alert-size-close-button-width: 16px; + --mc-alert-size-small-vertical-padding: 11px; + --mc-autocomplete-size-panel-padding: 4px 0; + --mc-autocomplete-size-panel-max-height: 256px; + --mc-autocomplete-size-panel-border-radius: 3px; + --mc-badge-size-default-height: 24px; + --mc-badge-size-default-min-width: 10px; + --mc-badge-size-default-padding: 0 8px; + --mc-badge-size-default-border-width: 1px; + --mc-badge-size-default-border-radius: 4px; + --mc-badge-size-mini-height: 16px; + --mc-badge-size-mini-min-width: 10px; + --mc-badge-size-mini-border-width: 1px; + --mc-badge-size-mini-border-radius: 2px; + --mc-badge-size-mini-padding: 0 4px; + --mc-button-toggle-size-border-size: 1px; + --mc-button-toggle-size-border-radius: 3px; + --mc-button-size-border-width: 1px; + --mc-button-size-border-radius: 3px; + --mc-button-size-vertical-padding: 6px; + --mc-button-size-horizontal-padding: 16px; + --mc-icon-button-size-vertical-padding: 6px; + --mc-icon-button-size-horizontal-padding: 8px; + --mc-icon-button-size-icon-horizontal-padding: 16px; + --mc-card-size-vertical-line: 4px; + --mc-checkbox-size-width: 16px; + --mc-checkbox-size-label-margin: 8px; + --mc-checkbox-size-border-width: 1px; + --mc-checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); + --mc-datepicker-toggle-size-width: 30px; + --mc-datepicker-toggle-size-height: 30px; + --mc-datepicker-body-size-label-paddings: 8px 28px 12px 12px; + --mc-datepicker-body-size-cell-min-size: 32px; + --mc-datepicker-body-size-cell-margin: 5%; + --mc-datepicker-body-size-cell-padding: 8px; + --mc-datepicker-body-size-cell-border-width: 1px; + --mc-datepicker-calendar-size-padding-top: 16px; + --mc-datepicker-calendar-size-padding-horizontal: 8px; + --mc-datepicker-calendar-size-padding-bottom: 8px; + --mc-datepicker-calendar-size-padding-blocks: 12px; + --mc-datepicker-calendar-size-divider-width: 1px; + --mc-datepicker-calendar-size-icon-border-width: 2px; + --mc-datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg); + --mc-datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg); + --mc-datepicker-input-size-width: 130px; + --mc-divider-size-width: 1px; + --mc-divider-size-inset-margin: 80px; + --mc-description-list-size-grid-template-columns: repeat(4, 1fr); + --mc-description-list-size-dt-grid-column: 1; + --mc-description-list-size-dd-grid-column: 2 / span 3; + --mc-description-list-size-horizontal-column-gap: 16px; + --mc-description-list-size-horizontal-row-gap: 12px; + --mc-description-list-size-vertical-column-gap: 0; + --mc-description-list-size-vertical-row-gap: 2px; + --mc-description-list-size-vertical-dd-margin-bottom: 16px; + --mc-dropdown-item-size-padding: 5px 15px; + --mc-dropdown-item-size-icon-padding: 0 8px 2px 0; + --mc-dropdown-group-header-size-default-padding: 6px 15px; + --mc-dropdown-group-header-size-small-padding: 8px 15px; + --mc-dropdown-divider-size-height: 1px; + --mc-dropdown-divider-size-margin: 4px 0; + --mc-dropdown-trigger-size-icon-padding-right: 8px; + --mc-dropdown-panel-size-max-width: 640px; + --mc-dropdown-panel-size-padding: 4px 0; + --mc-dropdown-panel-size-border-width: 1px; + --mc-dropdown-panel-size-border-radius: 3px; + --mc-form-field-size-border-width: 1px; + --mc-form-field-size-border-radius: 3px; + --mc-form-field-size-button-width: 32px; + --mc-form-field-hint-size-margin-top: 4px; + --mc-form-field-password-hint-size-margin-top: 8px; + --mc-form-field-password-hint-size-icon-margin: 4px; + --mc-forms-size-horizontal-row-margin-bottom: 20px; + --mc-forms-size-horizontal-label-padding-top: 6px; + --mc-forms-size-horizontal-label-padding-bottom: 0; + --mc-forms-size-horizontal-control-padding-left: 16px; + --mc-forms-size-horizontal-legend-margin-top: 32px; + --mc-forms-size-horizontal-legend-margin-bottom: 16px; + --mc-forms-size-vertical-row-margin-bottom: 16px; + --mc-forms-size-vertical-label-padding-top: 0; + --mc-forms-size-vertical-label-padding-bottom: 4px; + --mc-forms-size-vertical-control-padding-left: 24px; + --mc-forms-size-vertical-legend-margin-top: 32px; + --mc-forms-size-vertical-legend-margin-bottom: 12px; + --mc-input-size-padding: 5px 16px; + --mc-input-size-width: 100%; + --mc-input-size-min-height: 30px; + --mc-link-size-icon-margin: 4px; + --mc-link-size-state-focused-outline-offset: 2px; + --mc-link-size-state-focused-outline-width: 2px; + --mc-list-size-horizontal-padding: 16px; + --mc-list-size-icon-padding: 4px; + --mc-list-size-item-height: 32px; + --mc-list-size-icon-width: 24px; + --mc-modal-size-small: 400px; + --mc-modal-size-normal: 640px; + --mc-modal-size-large: 960px; + --mc-modal-size-top: 48px; + --mc-modal-size-close-width: 56px; + --mc-modal-size-border-radius: 4px; + --mc-modal-size-border-width: 1px; + --mc-modal-header-size-border-radius: 4px 4px 0 0; + --mc-modal-header-size-padding: 14px 16px; + --mc-modal-body-size-max-height: calc(100vh - 260px); + --mc-modal-body-size-padding: 16px 24px 24px; + --mc-modal-footer-size-border-radius: 0 0 4px 4px; + --mc-modal-footer-size-padding: 16px 16px; + --mc-modal-confirm-size-padding: 24px; + --mc-navbar-size-icon-margin: 6px; + --mc-vertical-navbar-size-states-expanded-width: 240px; + --mc-vertical-navbar-size-states-collapsed-width: 56px; + --mc-vertical-navbar-size-icon-margin: 16px; + --mc-navbar-item-size-padding: 16px; + --mc-navbar-item-size-height: 48px; + --mc-navbar-item-size-height-vertical: 56px; + --mc-navbar-brand-size-padding: 12px; + --mc-navbar-brand-size-margin-right: 24px; + --mc-optgroup-size-padding-left: 17px; + --mc-option-size-horizontal-padding: 16px; + --mc-option-size-height: 32px; + --mc-option-size-border-width: 2px; + --mc-popover-size-max-height: 480px; + --mc-popover-size-padding: 16px; + --mc-popover-size-border-radius: 3px; + --mc-popover-size-arrow-size: 12px; + --mc-popover-size-trigger-margin: 9px; + --mc-popover-size-small-width: 200px; + --mc-popover-size-normal-width: 400px; + --mc-popover-size-large-width: 640px; + --mc-popover-header-size-height: 10px 16px; + --mc-popover-header-size-padding: 10px 16px; + --mc-popover-footer-size-margin-top: 8px; + --mc-popover-footer-size-padding: 12px 16px; + --mc-popover-footer-size-height: 56px; + --mc-progress-bar-size-height: 4px; + --mc-progress-spinner-size-size: 16px; + --mc-radio-size-size: 14px; + --mc-radio-size-label-margin: 8px; + --mc-select-size-height: 30px; + --mc-select-size-left-padding: 16px; + --mc-select-size-right-padding: 8px; + --mc-select-size-left-padding-multiple: 8px; + --mc-select-panel-size-max-height: 232px; + --mc-select-panel-size-max-width: 640px; + --mc-select-panel-size-vertical-padding: 4px; + --mc-select-panel-size-border-width: 1px; + --mc-select-panel-size-border-radius: 3px; + --mc-sidepanel-header-size-padding: 14px 16px; + --mc-sidepanel-header-size-close-padding: 0 0 0 8px; + --mc-sidepanel-footer-size-padding: 16px; + --mc-table-size-border-width: 1px; + --mc-table-size-row-padding-vertical: 8px; + --mc-table-size-row-padding-horizontal: 16px; + --mc-tabs-size-height: 40px; + --mc-tabs-size-highlight-height: 4px; + --mc-tabs-size-padding-horizontal: 16px; + --mc-tabs-size-border-width: 1px; + --mc-tabs-size-border-radius: 3px; + --mc-tabs-size-label-icon-margin: 8px; + --mc-tags-size-margin: 2px; + --mc-tags-size-height: 24px; + --mc-tags-size-border-width: 1px; + --mc-tags-size-border-radius: 4px; + --mc-tags-size-icon-padding: 3px; + --mc-tags-size-text-margin: 8px; + --mc-tag-list-size-padding: 1px 6px; + --mc-tag-list-size-min-height: 30px; + --mc-tag-input-size-height: 22px; + --mc-tag-input-size-margin: 2px 4px; + --mc-textarea-size-min-height: 50px; + --mc-textarea-size-padding: 5px 16px; + --mc-timepicker-size-padding-right: 16px; + --mc-toggle-size-height: 16px; + --mc-toggle-size-width: 28px; + --mc-toggle-size-border-radius: 9px; + --mc-toggle-size-label-margin: 8px; + --mc-toggle-small-size-height: 14px; + --mc-toggle-small-size-width: 24px; + --mc-toggle-small-size-border-radius: 8px; + --mc-tooltip-size-max-width: 300px; + --mc-tooltip-size-border-width: 1px; + --mc-tooltip-size-border-radius: 3px; + --mc-tooltip-size-padding: 8px 16px; + --mc-tooltip-size-arrow-size: 12px; + --mc-tooltip-size-trigger-margin: 9px; + --mc-extended-tooltip-size-border-radius: 3px; + --mc-extended-tooltip-size-arrow-size: 12px; + --mc-extended-tooltip-size-trigger-margin: 9px; + --mc-extended-tooltip-size-padding: 8px 16px; + --mc-extended-tooltip-size-max-height: 480px; + --mc-extended-tooltip-header-size-height: 40px; + --mc-extended-tooltip-header-size-padding: 10px 16px; + --mc-tree-size-node-height: 32px; + --mc-tree-size-padding-left: 8px; + --mc-tree-size-padding-right: 16px; +} diff --git a/packages/docs/src/styles/pt-2022/default-theme/tokens.scss b/packages/docs/src/styles/pt-2022/default-theme/tokens.scss new file mode 100644 index 000000000..70166173a --- /dev/null +++ b/packages/docs/src/styles/pt-2022/default-theme/tokens.scss @@ -0,0 +1,3 @@ +@import './variables'; +@import './palette'; +@import './typography'; diff --git a/packages/docs/src/styles/default-theme/tokens.ts b/packages/docs/src/styles/pt-2022/default-theme/tokens.ts similarity index 100% rename from packages/docs/src/styles/default-theme/tokens.ts rename to packages/docs/src/styles/pt-2022/default-theme/tokens.ts diff --git a/packages/docs/src/styles/green-theme/_palette.scss b/packages/docs/src/styles/pt-2022/green-theme/_palette.scss similarity index 100% rename from packages/docs/src/styles/green-theme/_palette.scss rename to packages/docs/src/styles/pt-2022/green-theme/_palette.scss diff --git a/packages/docs/src/styles/red-theme/_theme.scss b/packages/docs/src/styles/pt-2022/green-theme/_theme.scss similarity index 79% rename from packages/docs/src/styles/red-theme/_theme.scss rename to packages/docs/src/styles/pt-2022/green-theme/_theme.scss index 972a78292..c880fbb07 100644 --- a/packages/docs/src/styles/red-theme/_theme.scss +++ b/packages/docs/src/styles/pt-2022/green-theme/_theme.scss @@ -1,4 +1,4 @@ -@import '../../../../mosaic/core/theming/theming'; +@import '../../../../../mosaic/core/theming/theming'; @import './tokens'; @@ -10,7 +10,7 @@ $light-info: mc-palette($light-color-scheme-info-palette, $light-color-scheme-in $light-success: mc-palette($light-color-scheme-success-palette, $light-color-scheme-success-default); $light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-scheme-warning-default); -$theme-red: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); +$pt-2022-light-green-theme: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); $dark-primary: mc-palette($dark-color-scheme-primary-palette, $dark-color-scheme-primary-default); @@ -21,4 +21,4 @@ $dark-info: mc-palette($dark-color-scheme-info-palette, $dark-color-scheme-info- $dark-success: mc-palette($dark-color-scheme-success-palette, $dark-color-scheme-success-default); $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme-warning-default); -$dark-theme-red: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); +$pt-2022-dark-green-theme: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); diff --git a/packages/docs/src/styles/green-theme/_typography.scss b/packages/docs/src/styles/pt-2022/green-theme/_typography.scss similarity index 100% rename from packages/docs/src/styles/green-theme/_typography.scss rename to packages/docs/src/styles/pt-2022/green-theme/_typography.scss diff --git a/packages/docs/src/styles/green-theme/_variables.scss b/packages/docs/src/styles/pt-2022/green-theme/_variables.scss similarity index 100% rename from packages/docs/src/styles/green-theme/_variables.scss rename to packages/docs/src/styles/pt-2022/green-theme/_variables.scss diff --git a/packages/docs/src/styles/pt-2022/green-theme/css-tokens.css b/packages/docs/src/styles/pt-2022/green-theme/css-tokens.css new file mode 100644 index 000000000..d021db2c9 --- /dev/null +++ b/packages/docs/src/styles/pt-2022/green-theme/css-tokens.css @@ -0,0 +1,206 @@ +/** + * Do not edit directly + */ + +:root { + --mc-alert-size-border-width: 1px; + --mc-alert-size-border-radius: 4px; + --mc-alert-size-horizontal-padding: 16px; + --mc-alert-size-vertical-padding: 13px; + --mc-alert-size-icon-margin: 8px; + --mc-alert-size-close-button-width: 16px; + --mc-alert-size-small-vertical-padding: 11px; + --mc-autocomplete-size-panel-padding: 4px 0; + --mc-autocomplete-size-panel-max-height: 256px; + --mc-autocomplete-size-panel-border-radius: 3px; + --mc-badge-size-default-height: 24px; + --mc-badge-size-default-min-width: 10px; + --mc-badge-size-default-padding: 0 8px; + --mc-badge-size-default-border-width: 1px; + --mc-badge-size-default-border-radius: 4px; + --mc-badge-size-mini-height: 16px; + --mc-badge-size-mini-min-width: 10px; + --mc-badge-size-mini-border-width: 1px; + --mc-badge-size-mini-border-radius: 2px; + --mc-badge-size-mini-padding: 0 4px; + --mc-button-toggle-size-border-size: 1px; + --mc-button-toggle-size-border-radius: 3px; + --mc-button-size-border-width: 1px; + --mc-button-size-border-radius: 3px; + --mc-button-size-vertical-padding: 6px; + --mc-button-size-horizontal-padding: 16px; + --mc-icon-button-size-vertical-padding: 6px; + --mc-icon-button-size-horizontal-padding: 8px; + --mc-icon-button-size-icon-horizontal-padding: 16px; + --mc-card-size-vertical-line: 4px; + --mc-checkbox-size-width: 16px; + --mc-checkbox-size-label-margin: 8px; + --mc-checkbox-size-border-width: 1px; + --mc-checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); + --mc-datepicker-toggle-size-width: 30px; + --mc-datepicker-toggle-size-height: 30px; + --mc-datepicker-body-size-label-paddings: 8px 28px 12px 12px; + --mc-datepicker-body-size-cell-min-size: 32px; + --mc-datepicker-body-size-cell-margin: 5%; + --mc-datepicker-body-size-cell-padding: 8px; + --mc-datepicker-body-size-cell-border-width: 1px; + --mc-datepicker-calendar-size-padding-top: 16px; + --mc-datepicker-calendar-size-padding-horizontal: 8px; + --mc-datepicker-calendar-size-padding-bottom: 8px; + --mc-datepicker-calendar-size-padding-blocks: 12px; + --mc-datepicker-calendar-size-divider-width: 1px; + --mc-datepicker-calendar-size-icon-border-width: 2px; + --mc-datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg); + --mc-datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg); + --mc-datepicker-input-size-width: 130px; + --mc-divider-size-width: 1px; + --mc-divider-size-inset-margin: 80px; + --mc-description-list-size-grid-template-columns: repeat(4, 1fr); + --mc-description-list-size-dt-grid-column: 1; + --mc-description-list-size-dd-grid-column: 2 / span 3; + --mc-description-list-size-horizontal-column-gap: 16px; + --mc-description-list-size-horizontal-row-gap: 12px; + --mc-description-list-size-vertical-column-gap: 0; + --mc-description-list-size-vertical-row-gap: 2px; + --mc-description-list-size-vertical-dd-margin-bottom: 16px; + --mc-dropdown-item-size-padding: 5px 15px; + --mc-dropdown-item-size-icon-padding: 0 8px 2px 0; + --mc-dropdown-group-header-size-default-padding: 6px 15px; + --mc-dropdown-group-header-size-small-padding: 8px 15px; + --mc-dropdown-divider-size-height: 1px; + --mc-dropdown-divider-size-margin: 4px 0; + --mc-dropdown-trigger-size-icon-padding-right: 8px; + --mc-dropdown-panel-size-max-width: 640px; + --mc-dropdown-panel-size-padding: 4px 0; + --mc-dropdown-panel-size-border-width: 1px; + --mc-dropdown-panel-size-border-radius: 3px; + --mc-form-field-size-border-width: 1px; + --mc-form-field-size-border-radius: 3px; + --mc-form-field-size-button-width: 32px; + --mc-form-field-hint-size-margin-top: 4px; + --mc-form-field-password-hint-size-margin-top: 8px; + --mc-form-field-password-hint-size-icon-margin: 4px; + --mc-forms-size-horizontal-row-margin-bottom: 20px; + --mc-forms-size-horizontal-label-padding-top: 6px; + --mc-forms-size-horizontal-label-padding-bottom: 0; + --mc-forms-size-horizontal-control-padding-left: 16px; + --mc-forms-size-horizontal-legend-margin-top: 32px; + --mc-forms-size-horizontal-legend-margin-bottom: 16px; + --mc-forms-size-vertical-row-margin-bottom: 16px; + --mc-forms-size-vertical-label-padding-top: 0; + --mc-forms-size-vertical-label-padding-bottom: 4px; + --mc-forms-size-vertical-control-padding-left: 24px; + --mc-forms-size-vertical-legend-margin-top: 32px; + --mc-forms-size-vertical-legend-margin-bottom: 12px; + --mc-input-size-padding: 5px 16px; + --mc-input-size-width: 100%; + --mc-input-size-min-height: 30px; + --mc-link-size-icon-margin: 4px; + --mc-link-size-state-focused-outline-offset: 2px; + --mc-link-size-state-focused-outline-width: 2px; + --mc-list-size-horizontal-padding: 16px; + --mc-list-size-icon-padding: 4px; + --mc-list-size-item-height: 32px; + --mc-list-size-icon-width: 24px; + --mc-modal-size-small: 400px; + --mc-modal-size-normal: 640px; + --mc-modal-size-large: 960px; + --mc-modal-size-top: 48px; + --mc-modal-size-close-width: 56px; + --mc-modal-size-border-radius: 4px; + --mc-modal-size-border-width: 1px; + --mc-modal-header-size-border-radius: 4px 4px 0 0; + --mc-modal-header-size-padding: 14px 16px; + --mc-modal-body-size-max-height: calc(100vh - 260px); + --mc-modal-body-size-padding: 16px 24px 24px; + --mc-modal-footer-size-border-radius: 0 0 4px 4px; + --mc-modal-footer-size-padding: 16px 16px; + --mc-modal-confirm-size-padding: 24px; + --mc-navbar-size-icon-margin: 6px; + --mc-vertical-navbar-size-states-expanded-width: 240px; + --mc-vertical-navbar-size-states-collapsed-width: 56px; + --mc-vertical-navbar-size-icon-margin: 16px; + --mc-navbar-item-size-padding: 16px; + --mc-navbar-item-size-height: 48px; + --mc-navbar-item-size-height-vertical: 56px; + --mc-navbar-brand-size-padding: 12px; + --mc-navbar-brand-size-margin-right: 24px; + --mc-optgroup-size-padding-left: 17px; + --mc-option-size-horizontal-padding: 16px; + --mc-option-size-height: 32px; + --mc-option-size-border-width: 2px; + --mc-popover-size-max-height: 480px; + --mc-popover-size-padding: 16px; + --mc-popover-size-border-radius: 3px; + --mc-popover-size-arrow-size: 12px; + --mc-popover-size-trigger-margin: 9px; + --mc-popover-size-small-width: 200px; + --mc-popover-size-normal-width: 400px; + --mc-popover-size-large-width: 640px; + --mc-popover-header-size-height: 10px 16px; + --mc-popover-header-size-padding: 10px 16px; + --mc-popover-footer-size-margin-top: 8px; + --mc-popover-footer-size-padding: 12px 16px; + --mc-popover-footer-size-height: 56px; + --mc-progress-bar-size-height: 4px; + --mc-progress-spinner-size-size: 16px; + --mc-radio-size-size: 14px; + --mc-radio-size-label-margin: 8px; + --mc-select-size-height: 30px; + --mc-select-size-left-padding: 16px; + --mc-select-size-right-padding: 8px; + --mc-select-size-left-padding-multiple: 8px; + --mc-select-panel-size-max-height: 232px; + --mc-select-panel-size-max-width: 640px; + --mc-select-panel-size-vertical-padding: 4px; + --mc-select-panel-size-border-width: 1px; + --mc-select-panel-size-border-radius: 3px; + --mc-sidepanel-header-size-padding: 14px 16px; + --mc-sidepanel-header-size-close-padding: 0 0 0 8px; + --mc-sidepanel-footer-size-padding: 16px; + --mc-table-size-border-width: 1px; + --mc-table-size-row-padding-vertical: 8px; + --mc-table-size-row-padding-horizontal: 16px; + --mc-tabs-size-height: 40px; + --mc-tabs-size-highlight-height: 4px; + --mc-tabs-size-padding-horizontal: 16px; + --mc-tabs-size-border-width: 1px; + --mc-tabs-size-border-radius: 3px; + --mc-tabs-size-label-icon-margin: 8px; + --mc-tags-size-margin: 2px; + --mc-tags-size-height: 24px; + --mc-tags-size-border-width: 1px; + --mc-tags-size-border-radius: 4px; + --mc-tags-size-icon-padding: 3px; + --mc-tags-size-text-margin: 8px; + --mc-tag-list-size-padding: 1px 6px; + --mc-tag-list-size-min-height: 30px; + --mc-tag-input-size-height: 22px; + --mc-tag-input-size-margin: 2px 4px; + --mc-textarea-size-min-height: 50px; + --mc-textarea-size-padding: 5px 16px; + --mc-timepicker-size-padding-right: 16px; + --mc-toggle-size-height: 16px; + --mc-toggle-size-width: 28px; + --mc-toggle-size-border-radius: 9px; + --mc-toggle-size-label-margin: 8px; + --mc-toggle-small-size-height: 14px; + --mc-toggle-small-size-width: 24px; + --mc-toggle-small-size-border-radius: 8px; + --mc-tooltip-size-max-width: 300px; + --mc-tooltip-size-border-width: 1px; + --mc-tooltip-size-border-radius: 3px; + --mc-tooltip-size-padding: 8px 16px; + --mc-tooltip-size-arrow-size: 12px; + --mc-tooltip-size-trigger-margin: 9px; + --mc-extended-tooltip-size-border-radius: 3px; + --mc-extended-tooltip-size-arrow-size: 12px; + --mc-extended-tooltip-size-trigger-margin: 9px; + --mc-extended-tooltip-size-padding: 8px 16px; + --mc-extended-tooltip-size-max-height: 480px; + --mc-extended-tooltip-header-size-height: 40px; + --mc-extended-tooltip-header-size-padding: 10px 16px; + --mc-tree-size-node-height: 32px; + --mc-tree-size-padding-left: 8px; + --mc-tree-size-padding-right: 16px; +} diff --git a/packages/docs/src/styles/pt-2022/green-theme/properties/colors.json5 b/packages/docs/src/styles/pt-2022/green-theme/properties/colors.json5 new file mode 100644 index 000000000..c72bf0af0 --- /dev/null +++ b/packages/docs/src/styles/pt-2022/green-theme/properties/colors.json5 @@ -0,0 +1,16 @@ +{ + 'light-color-scheme': { + primary: { + default: { value: '{palette.green.500.value}' }, + + palette: { value: '{palette.green}' } + } + }, + 'dark-color-scheme': { + primary: { + default: { value: '{palette.green.400.value}' }, + + palette: { value: '{palette.green}' } + } + } +} diff --git a/packages/docs/src/styles/pt-2022/green-theme/tokens.scss b/packages/docs/src/styles/pt-2022/green-theme/tokens.scss new file mode 100644 index 000000000..70166173a --- /dev/null +++ b/packages/docs/src/styles/pt-2022/green-theme/tokens.scss @@ -0,0 +1,3 @@ +@import './variables'; +@import './palette'; +@import './typography'; diff --git a/packages/docs/src/styles/green-theme/tokens.ts b/packages/docs/src/styles/pt-2022/green-theme/tokens.ts similarity index 100% rename from packages/docs/src/styles/green-theme/tokens.ts rename to packages/docs/src/styles/pt-2022/green-theme/tokens.ts diff --git a/packages/docs/src/styles/red-theme/_palette.scss b/packages/docs/src/styles/pt-2022/red-theme/_palette.scss similarity index 100% rename from packages/docs/src/styles/red-theme/_palette.scss rename to packages/docs/src/styles/pt-2022/red-theme/_palette.scss diff --git a/packages/docs/src/styles/green-theme/_theme.scss b/packages/docs/src/styles/pt-2022/red-theme/_theme.scss similarity index 79% rename from packages/docs/src/styles/green-theme/_theme.scss rename to packages/docs/src/styles/pt-2022/red-theme/_theme.scss index f91f14765..30da6b380 100644 --- a/packages/docs/src/styles/green-theme/_theme.scss +++ b/packages/docs/src/styles/pt-2022/red-theme/_theme.scss @@ -1,4 +1,4 @@ -@import '../../../../mosaic/core/theming/theming'; +@import '../../../../../mosaic/core/theming/theming'; @import './tokens'; @@ -10,7 +10,7 @@ $light-info: mc-palette($light-color-scheme-info-palette, $light-color-scheme-in $light-success: mc-palette($light-color-scheme-success-palette, $light-color-scheme-success-default); $light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-scheme-warning-default); -$theme-green: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); +$pt-2022-light-red-theme: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); $dark-primary: mc-palette($dark-color-scheme-primary-palette, $dark-color-scheme-primary-default); @@ -21,4 +21,4 @@ $dark-info: mc-palette($dark-color-scheme-info-palette, $dark-color-scheme-info- $dark-success: mc-palette($dark-color-scheme-success-palette, $dark-color-scheme-success-default); $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme-warning-default); -$dark-theme-green: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); +$pt-2022-dark-red-theme: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); diff --git a/packages/docs/src/styles/red-theme/_typography.scss b/packages/docs/src/styles/pt-2022/red-theme/_typography.scss similarity index 100% rename from packages/docs/src/styles/red-theme/_typography.scss rename to packages/docs/src/styles/pt-2022/red-theme/_typography.scss diff --git a/packages/docs/src/styles/red-theme/_variables.scss b/packages/docs/src/styles/pt-2022/red-theme/_variables.scss similarity index 100% rename from packages/docs/src/styles/red-theme/_variables.scss rename to packages/docs/src/styles/pt-2022/red-theme/_variables.scss diff --git a/packages/docs/src/styles/pt-2022/red-theme/css-tokens.css b/packages/docs/src/styles/pt-2022/red-theme/css-tokens.css new file mode 100644 index 000000000..d021db2c9 --- /dev/null +++ b/packages/docs/src/styles/pt-2022/red-theme/css-tokens.css @@ -0,0 +1,206 @@ +/** + * Do not edit directly + */ + +:root { + --mc-alert-size-border-width: 1px; + --mc-alert-size-border-radius: 4px; + --mc-alert-size-horizontal-padding: 16px; + --mc-alert-size-vertical-padding: 13px; + --mc-alert-size-icon-margin: 8px; + --mc-alert-size-close-button-width: 16px; + --mc-alert-size-small-vertical-padding: 11px; + --mc-autocomplete-size-panel-padding: 4px 0; + --mc-autocomplete-size-panel-max-height: 256px; + --mc-autocomplete-size-panel-border-radius: 3px; + --mc-badge-size-default-height: 24px; + --mc-badge-size-default-min-width: 10px; + --mc-badge-size-default-padding: 0 8px; + --mc-badge-size-default-border-width: 1px; + --mc-badge-size-default-border-radius: 4px; + --mc-badge-size-mini-height: 16px; + --mc-badge-size-mini-min-width: 10px; + --mc-badge-size-mini-border-width: 1px; + --mc-badge-size-mini-border-radius: 2px; + --mc-badge-size-mini-padding: 0 4px; + --mc-button-toggle-size-border-size: 1px; + --mc-button-toggle-size-border-radius: 3px; + --mc-button-size-border-width: 1px; + --mc-button-size-border-radius: 3px; + --mc-button-size-vertical-padding: 6px; + --mc-button-size-horizontal-padding: 16px; + --mc-icon-button-size-vertical-padding: 6px; + --mc-icon-button-size-horizontal-padding: 8px; + --mc-icon-button-size-icon-horizontal-padding: 16px; + --mc-card-size-vertical-line: 4px; + --mc-checkbox-size-width: 16px; + --mc-checkbox-size-label-margin: 8px; + --mc-checkbox-size-border-width: 1px; + --mc-checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); + --mc-datepicker-toggle-size-width: 30px; + --mc-datepicker-toggle-size-height: 30px; + --mc-datepicker-body-size-label-paddings: 8px 28px 12px 12px; + --mc-datepicker-body-size-cell-min-size: 32px; + --mc-datepicker-body-size-cell-margin: 5%; + --mc-datepicker-body-size-cell-padding: 8px; + --mc-datepicker-body-size-cell-border-width: 1px; + --mc-datepicker-calendar-size-padding-top: 16px; + --mc-datepicker-calendar-size-padding-horizontal: 8px; + --mc-datepicker-calendar-size-padding-bottom: 8px; + --mc-datepicker-calendar-size-padding-blocks: 12px; + --mc-datepicker-calendar-size-divider-width: 1px; + --mc-datepicker-calendar-size-icon-border-width: 2px; + --mc-datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg); + --mc-datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg); + --mc-datepicker-input-size-width: 130px; + --mc-divider-size-width: 1px; + --mc-divider-size-inset-margin: 80px; + --mc-description-list-size-grid-template-columns: repeat(4, 1fr); + --mc-description-list-size-dt-grid-column: 1; + --mc-description-list-size-dd-grid-column: 2 / span 3; + --mc-description-list-size-horizontal-column-gap: 16px; + --mc-description-list-size-horizontal-row-gap: 12px; + --mc-description-list-size-vertical-column-gap: 0; + --mc-description-list-size-vertical-row-gap: 2px; + --mc-description-list-size-vertical-dd-margin-bottom: 16px; + --mc-dropdown-item-size-padding: 5px 15px; + --mc-dropdown-item-size-icon-padding: 0 8px 2px 0; + --mc-dropdown-group-header-size-default-padding: 6px 15px; + --mc-dropdown-group-header-size-small-padding: 8px 15px; + --mc-dropdown-divider-size-height: 1px; + --mc-dropdown-divider-size-margin: 4px 0; + --mc-dropdown-trigger-size-icon-padding-right: 8px; + --mc-dropdown-panel-size-max-width: 640px; + --mc-dropdown-panel-size-padding: 4px 0; + --mc-dropdown-panel-size-border-width: 1px; + --mc-dropdown-panel-size-border-radius: 3px; + --mc-form-field-size-border-width: 1px; + --mc-form-field-size-border-radius: 3px; + --mc-form-field-size-button-width: 32px; + --mc-form-field-hint-size-margin-top: 4px; + --mc-form-field-password-hint-size-margin-top: 8px; + --mc-form-field-password-hint-size-icon-margin: 4px; + --mc-forms-size-horizontal-row-margin-bottom: 20px; + --mc-forms-size-horizontal-label-padding-top: 6px; + --mc-forms-size-horizontal-label-padding-bottom: 0; + --mc-forms-size-horizontal-control-padding-left: 16px; + --mc-forms-size-horizontal-legend-margin-top: 32px; + --mc-forms-size-horizontal-legend-margin-bottom: 16px; + --mc-forms-size-vertical-row-margin-bottom: 16px; + --mc-forms-size-vertical-label-padding-top: 0; + --mc-forms-size-vertical-label-padding-bottom: 4px; + --mc-forms-size-vertical-control-padding-left: 24px; + --mc-forms-size-vertical-legend-margin-top: 32px; + --mc-forms-size-vertical-legend-margin-bottom: 12px; + --mc-input-size-padding: 5px 16px; + --mc-input-size-width: 100%; + --mc-input-size-min-height: 30px; + --mc-link-size-icon-margin: 4px; + --mc-link-size-state-focused-outline-offset: 2px; + --mc-link-size-state-focused-outline-width: 2px; + --mc-list-size-horizontal-padding: 16px; + --mc-list-size-icon-padding: 4px; + --mc-list-size-item-height: 32px; + --mc-list-size-icon-width: 24px; + --mc-modal-size-small: 400px; + --mc-modal-size-normal: 640px; + --mc-modal-size-large: 960px; + --mc-modal-size-top: 48px; + --mc-modal-size-close-width: 56px; + --mc-modal-size-border-radius: 4px; + --mc-modal-size-border-width: 1px; + --mc-modal-header-size-border-radius: 4px 4px 0 0; + --mc-modal-header-size-padding: 14px 16px; + --mc-modal-body-size-max-height: calc(100vh - 260px); + --mc-modal-body-size-padding: 16px 24px 24px; + --mc-modal-footer-size-border-radius: 0 0 4px 4px; + --mc-modal-footer-size-padding: 16px 16px; + --mc-modal-confirm-size-padding: 24px; + --mc-navbar-size-icon-margin: 6px; + --mc-vertical-navbar-size-states-expanded-width: 240px; + --mc-vertical-navbar-size-states-collapsed-width: 56px; + --mc-vertical-navbar-size-icon-margin: 16px; + --mc-navbar-item-size-padding: 16px; + --mc-navbar-item-size-height: 48px; + --mc-navbar-item-size-height-vertical: 56px; + --mc-navbar-brand-size-padding: 12px; + --mc-navbar-brand-size-margin-right: 24px; + --mc-optgroup-size-padding-left: 17px; + --mc-option-size-horizontal-padding: 16px; + --mc-option-size-height: 32px; + --mc-option-size-border-width: 2px; + --mc-popover-size-max-height: 480px; + --mc-popover-size-padding: 16px; + --mc-popover-size-border-radius: 3px; + --mc-popover-size-arrow-size: 12px; + --mc-popover-size-trigger-margin: 9px; + --mc-popover-size-small-width: 200px; + --mc-popover-size-normal-width: 400px; + --mc-popover-size-large-width: 640px; + --mc-popover-header-size-height: 10px 16px; + --mc-popover-header-size-padding: 10px 16px; + --mc-popover-footer-size-margin-top: 8px; + --mc-popover-footer-size-padding: 12px 16px; + --mc-popover-footer-size-height: 56px; + --mc-progress-bar-size-height: 4px; + --mc-progress-spinner-size-size: 16px; + --mc-radio-size-size: 14px; + --mc-radio-size-label-margin: 8px; + --mc-select-size-height: 30px; + --mc-select-size-left-padding: 16px; + --mc-select-size-right-padding: 8px; + --mc-select-size-left-padding-multiple: 8px; + --mc-select-panel-size-max-height: 232px; + --mc-select-panel-size-max-width: 640px; + --mc-select-panel-size-vertical-padding: 4px; + --mc-select-panel-size-border-width: 1px; + --mc-select-panel-size-border-radius: 3px; + --mc-sidepanel-header-size-padding: 14px 16px; + --mc-sidepanel-header-size-close-padding: 0 0 0 8px; + --mc-sidepanel-footer-size-padding: 16px; + --mc-table-size-border-width: 1px; + --mc-table-size-row-padding-vertical: 8px; + --mc-table-size-row-padding-horizontal: 16px; + --mc-tabs-size-height: 40px; + --mc-tabs-size-highlight-height: 4px; + --mc-tabs-size-padding-horizontal: 16px; + --mc-tabs-size-border-width: 1px; + --mc-tabs-size-border-radius: 3px; + --mc-tabs-size-label-icon-margin: 8px; + --mc-tags-size-margin: 2px; + --mc-tags-size-height: 24px; + --mc-tags-size-border-width: 1px; + --mc-tags-size-border-radius: 4px; + --mc-tags-size-icon-padding: 3px; + --mc-tags-size-text-margin: 8px; + --mc-tag-list-size-padding: 1px 6px; + --mc-tag-list-size-min-height: 30px; + --mc-tag-input-size-height: 22px; + --mc-tag-input-size-margin: 2px 4px; + --mc-textarea-size-min-height: 50px; + --mc-textarea-size-padding: 5px 16px; + --mc-timepicker-size-padding-right: 16px; + --mc-toggle-size-height: 16px; + --mc-toggle-size-width: 28px; + --mc-toggle-size-border-radius: 9px; + --mc-toggle-size-label-margin: 8px; + --mc-toggle-small-size-height: 14px; + --mc-toggle-small-size-width: 24px; + --mc-toggle-small-size-border-radius: 8px; + --mc-tooltip-size-max-width: 300px; + --mc-tooltip-size-border-width: 1px; + --mc-tooltip-size-border-radius: 3px; + --mc-tooltip-size-padding: 8px 16px; + --mc-tooltip-size-arrow-size: 12px; + --mc-tooltip-size-trigger-margin: 9px; + --mc-extended-tooltip-size-border-radius: 3px; + --mc-extended-tooltip-size-arrow-size: 12px; + --mc-extended-tooltip-size-trigger-margin: 9px; + --mc-extended-tooltip-size-padding: 8px 16px; + --mc-extended-tooltip-size-max-height: 480px; + --mc-extended-tooltip-header-size-height: 40px; + --mc-extended-tooltip-header-size-padding: 10px 16px; + --mc-tree-size-node-height: 32px; + --mc-tree-size-padding-left: 8px; + --mc-tree-size-padding-right: 16px; +} diff --git a/packages/docs/src/styles/pt-2022/red-theme/properties/colors.json5 b/packages/docs/src/styles/pt-2022/red-theme/properties/colors.json5 new file mode 100644 index 000000000..68ead4a2b --- /dev/null +++ b/packages/docs/src/styles/pt-2022/red-theme/properties/colors.json5 @@ -0,0 +1,16 @@ +{ + 'light-color-scheme': { + primary: { + default: { value: '{palette.red.500.value}' }, + + palette: { value: '{palette.red}' } + } + }, + 'dark-color-scheme': { + primary: { + default: { value: '{palette.red.400.value}' }, + + palette: { value: '{palette.red}' } + } + } +} diff --git a/packages/docs/src/styles/pt-2022/red-theme/tokens.scss b/packages/docs/src/styles/pt-2022/red-theme/tokens.scss new file mode 100644 index 000000000..70166173a --- /dev/null +++ b/packages/docs/src/styles/pt-2022/red-theme/tokens.scss @@ -0,0 +1,3 @@ +@import './variables'; +@import './palette'; +@import './typography'; diff --git a/packages/docs/src/styles/red-theme/tokens.ts b/packages/docs/src/styles/pt-2022/red-theme/tokens.ts similarity index 100% rename from packages/docs/src/styles/red-theme/tokens.ts rename to packages/docs/src/styles/pt-2022/red-theme/tokens.ts diff --git a/packages/docs/src/styles/yellow-theme/_palette.scss b/packages/docs/src/styles/pt-2022/yellow-theme/_palette.scss similarity index 100% rename from packages/docs/src/styles/yellow-theme/_palette.scss rename to packages/docs/src/styles/pt-2022/yellow-theme/_palette.scss diff --git a/packages/docs/src/styles/yellow-theme/_theme.scss b/packages/docs/src/styles/pt-2022/yellow-theme/_theme.scss similarity index 79% rename from packages/docs/src/styles/yellow-theme/_theme.scss rename to packages/docs/src/styles/pt-2022/yellow-theme/_theme.scss index 61aab8cfd..a833bb4f4 100644 --- a/packages/docs/src/styles/yellow-theme/_theme.scss +++ b/packages/docs/src/styles/pt-2022/yellow-theme/_theme.scss @@ -1,4 +1,4 @@ -@import '../../../../mosaic/core/theming/theming'; +@import '../../../../../mosaic/core/theming/theming'; @import './tokens'; @@ -10,7 +10,7 @@ $light-info: mc-palette($light-color-scheme-info-palette, $light-color-scheme-in $light-success: mc-palette($light-color-scheme-success-palette, $light-color-scheme-success-default); $light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-scheme-warning-default); -$theme-yellow: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); +$pt-2022-light-yellow-theme: mc-light-theme($light-primary, $light-second, $light-error, $light-info, $light-success, $light-warning); $dark-primary: mc-palette($dark-color-scheme-primary-palette, $dark-color-scheme-primary-default); @@ -21,5 +21,4 @@ $dark-info: mc-palette($dark-color-scheme-info-palette, $dark-color-scheme-info- $dark-success: mc-palette($dark-color-scheme-success-palette, $dark-color-scheme-success-default); $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme-warning-default); -$dark-theme-yellow: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); - +$pt-2022-dark-yellow-theme: mc-dark-theme($dark-primary, $dark-second, $dark-error, $dark-info, $dark-success, $dark-warning); diff --git a/packages/docs/src/styles/yellow-theme/_typography.scss b/packages/docs/src/styles/pt-2022/yellow-theme/_typography.scss similarity index 100% rename from packages/docs/src/styles/yellow-theme/_typography.scss rename to packages/docs/src/styles/pt-2022/yellow-theme/_typography.scss diff --git a/packages/docs/src/styles/yellow-theme/_variables.scss b/packages/docs/src/styles/pt-2022/yellow-theme/_variables.scss similarity index 100% rename from packages/docs/src/styles/yellow-theme/_variables.scss rename to packages/docs/src/styles/pt-2022/yellow-theme/_variables.scss diff --git a/packages/docs/src/styles/pt-2022/yellow-theme/css-tokens.css b/packages/docs/src/styles/pt-2022/yellow-theme/css-tokens.css new file mode 100644 index 000000000..d021db2c9 --- /dev/null +++ b/packages/docs/src/styles/pt-2022/yellow-theme/css-tokens.css @@ -0,0 +1,206 @@ +/** + * Do not edit directly + */ + +:root { + --mc-alert-size-border-width: 1px; + --mc-alert-size-border-radius: 4px; + --mc-alert-size-horizontal-padding: 16px; + --mc-alert-size-vertical-padding: 13px; + --mc-alert-size-icon-margin: 8px; + --mc-alert-size-close-button-width: 16px; + --mc-alert-size-small-vertical-padding: 11px; + --mc-autocomplete-size-panel-padding: 4px 0; + --mc-autocomplete-size-panel-max-height: 256px; + --mc-autocomplete-size-panel-border-radius: 3px; + --mc-badge-size-default-height: 24px; + --mc-badge-size-default-min-width: 10px; + --mc-badge-size-default-padding: 0 8px; + --mc-badge-size-default-border-width: 1px; + --mc-badge-size-default-border-radius: 4px; + --mc-badge-size-mini-height: 16px; + --mc-badge-size-mini-min-width: 10px; + --mc-badge-size-mini-border-width: 1px; + --mc-badge-size-mini-border-radius: 2px; + --mc-badge-size-mini-padding: 0 4px; + --mc-button-toggle-size-border-size: 1px; + --mc-button-toggle-size-border-radius: 3px; + --mc-button-size-border-width: 1px; + --mc-button-size-border-radius: 3px; + --mc-button-size-vertical-padding: 6px; + --mc-button-size-horizontal-padding: 16px; + --mc-icon-button-size-vertical-padding: 6px; + --mc-icon-button-size-horizontal-padding: 8px; + --mc-icon-button-size-icon-horizontal-padding: 16px; + --mc-card-size-vertical-line: 4px; + --mc-checkbox-size-width: 16px; + --mc-checkbox-size-label-margin: 8px; + --mc-checkbox-size-border-width: 1px; + --mc-checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); + --mc-datepicker-toggle-size-width: 30px; + --mc-datepicker-toggle-size-height: 30px; + --mc-datepicker-body-size-label-paddings: 8px 28px 12px 12px; + --mc-datepicker-body-size-cell-min-size: 32px; + --mc-datepicker-body-size-cell-margin: 5%; + --mc-datepicker-body-size-cell-padding: 8px; + --mc-datepicker-body-size-cell-border-width: 1px; + --mc-datepicker-calendar-size-padding-top: 16px; + --mc-datepicker-calendar-size-padding-horizontal: 8px; + --mc-datepicker-calendar-size-padding-bottom: 8px; + --mc-datepicker-calendar-size-padding-blocks: 12px; + --mc-datepicker-calendar-size-divider-width: 1px; + --mc-datepicker-calendar-size-icon-border-width: 2px; + --mc-datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg); + --mc-datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg); + --mc-datepicker-input-size-width: 130px; + --mc-divider-size-width: 1px; + --mc-divider-size-inset-margin: 80px; + --mc-description-list-size-grid-template-columns: repeat(4, 1fr); + --mc-description-list-size-dt-grid-column: 1; + --mc-description-list-size-dd-grid-column: 2 / span 3; + --mc-description-list-size-horizontal-column-gap: 16px; + --mc-description-list-size-horizontal-row-gap: 12px; + --mc-description-list-size-vertical-column-gap: 0; + --mc-description-list-size-vertical-row-gap: 2px; + --mc-description-list-size-vertical-dd-margin-bottom: 16px; + --mc-dropdown-item-size-padding: 5px 15px; + --mc-dropdown-item-size-icon-padding: 0 8px 2px 0; + --mc-dropdown-group-header-size-default-padding: 6px 15px; + --mc-dropdown-group-header-size-small-padding: 8px 15px; + --mc-dropdown-divider-size-height: 1px; + --mc-dropdown-divider-size-margin: 4px 0; + --mc-dropdown-trigger-size-icon-padding-right: 8px; + --mc-dropdown-panel-size-max-width: 640px; + --mc-dropdown-panel-size-padding: 4px 0; + --mc-dropdown-panel-size-border-width: 1px; + --mc-dropdown-panel-size-border-radius: 3px; + --mc-form-field-size-border-width: 1px; + --mc-form-field-size-border-radius: 3px; + --mc-form-field-size-button-width: 32px; + --mc-form-field-hint-size-margin-top: 4px; + --mc-form-field-password-hint-size-margin-top: 8px; + --mc-form-field-password-hint-size-icon-margin: 4px; + --mc-forms-size-horizontal-row-margin-bottom: 20px; + --mc-forms-size-horizontal-label-padding-top: 6px; + --mc-forms-size-horizontal-label-padding-bottom: 0; + --mc-forms-size-horizontal-control-padding-left: 16px; + --mc-forms-size-horizontal-legend-margin-top: 32px; + --mc-forms-size-horizontal-legend-margin-bottom: 16px; + --mc-forms-size-vertical-row-margin-bottom: 16px; + --mc-forms-size-vertical-label-padding-top: 0; + --mc-forms-size-vertical-label-padding-bottom: 4px; + --mc-forms-size-vertical-control-padding-left: 24px; + --mc-forms-size-vertical-legend-margin-top: 32px; + --mc-forms-size-vertical-legend-margin-bottom: 12px; + --mc-input-size-padding: 5px 16px; + --mc-input-size-width: 100%; + --mc-input-size-min-height: 30px; + --mc-link-size-icon-margin: 4px; + --mc-link-size-state-focused-outline-offset: 2px; + --mc-link-size-state-focused-outline-width: 2px; + --mc-list-size-horizontal-padding: 16px; + --mc-list-size-icon-padding: 4px; + --mc-list-size-item-height: 32px; + --mc-list-size-icon-width: 24px; + --mc-modal-size-small: 400px; + --mc-modal-size-normal: 640px; + --mc-modal-size-large: 960px; + --mc-modal-size-top: 48px; + --mc-modal-size-close-width: 56px; + --mc-modal-size-border-radius: 4px; + --mc-modal-size-border-width: 1px; + --mc-modal-header-size-border-radius: 4px 4px 0 0; + --mc-modal-header-size-padding: 14px 16px; + --mc-modal-body-size-max-height: calc(100vh - 260px); + --mc-modal-body-size-padding: 16px 24px 24px; + --mc-modal-footer-size-border-radius: 0 0 4px 4px; + --mc-modal-footer-size-padding: 16px 16px; + --mc-modal-confirm-size-padding: 24px; + --mc-navbar-size-icon-margin: 6px; + --mc-vertical-navbar-size-states-expanded-width: 240px; + --mc-vertical-navbar-size-states-collapsed-width: 56px; + --mc-vertical-navbar-size-icon-margin: 16px; + --mc-navbar-item-size-padding: 16px; + --mc-navbar-item-size-height: 48px; + --mc-navbar-item-size-height-vertical: 56px; + --mc-navbar-brand-size-padding: 12px; + --mc-navbar-brand-size-margin-right: 24px; + --mc-optgroup-size-padding-left: 17px; + --mc-option-size-horizontal-padding: 16px; + --mc-option-size-height: 32px; + --mc-option-size-border-width: 2px; + --mc-popover-size-max-height: 480px; + --mc-popover-size-padding: 16px; + --mc-popover-size-border-radius: 3px; + --mc-popover-size-arrow-size: 12px; + --mc-popover-size-trigger-margin: 9px; + --mc-popover-size-small-width: 200px; + --mc-popover-size-normal-width: 400px; + --mc-popover-size-large-width: 640px; + --mc-popover-header-size-height: 10px 16px; + --mc-popover-header-size-padding: 10px 16px; + --mc-popover-footer-size-margin-top: 8px; + --mc-popover-footer-size-padding: 12px 16px; + --mc-popover-footer-size-height: 56px; + --mc-progress-bar-size-height: 4px; + --mc-progress-spinner-size-size: 16px; + --mc-radio-size-size: 14px; + --mc-radio-size-label-margin: 8px; + --mc-select-size-height: 30px; + --mc-select-size-left-padding: 16px; + --mc-select-size-right-padding: 8px; + --mc-select-size-left-padding-multiple: 8px; + --mc-select-panel-size-max-height: 232px; + --mc-select-panel-size-max-width: 640px; + --mc-select-panel-size-vertical-padding: 4px; + --mc-select-panel-size-border-width: 1px; + --mc-select-panel-size-border-radius: 3px; + --mc-sidepanel-header-size-padding: 14px 16px; + --mc-sidepanel-header-size-close-padding: 0 0 0 8px; + --mc-sidepanel-footer-size-padding: 16px; + --mc-table-size-border-width: 1px; + --mc-table-size-row-padding-vertical: 8px; + --mc-table-size-row-padding-horizontal: 16px; + --mc-tabs-size-height: 40px; + --mc-tabs-size-highlight-height: 4px; + --mc-tabs-size-padding-horizontal: 16px; + --mc-tabs-size-border-width: 1px; + --mc-tabs-size-border-radius: 3px; + --mc-tabs-size-label-icon-margin: 8px; + --mc-tags-size-margin: 2px; + --mc-tags-size-height: 24px; + --mc-tags-size-border-width: 1px; + --mc-tags-size-border-radius: 4px; + --mc-tags-size-icon-padding: 3px; + --mc-tags-size-text-margin: 8px; + --mc-tag-list-size-padding: 1px 6px; + --mc-tag-list-size-min-height: 30px; + --mc-tag-input-size-height: 22px; + --mc-tag-input-size-margin: 2px 4px; + --mc-textarea-size-min-height: 50px; + --mc-textarea-size-padding: 5px 16px; + --mc-timepicker-size-padding-right: 16px; + --mc-toggle-size-height: 16px; + --mc-toggle-size-width: 28px; + --mc-toggle-size-border-radius: 9px; + --mc-toggle-size-label-margin: 8px; + --mc-toggle-small-size-height: 14px; + --mc-toggle-small-size-width: 24px; + --mc-toggle-small-size-border-radius: 8px; + --mc-tooltip-size-max-width: 300px; + --mc-tooltip-size-border-width: 1px; + --mc-tooltip-size-border-radius: 3px; + --mc-tooltip-size-padding: 8px 16px; + --mc-tooltip-size-arrow-size: 12px; + --mc-tooltip-size-trigger-margin: 9px; + --mc-extended-tooltip-size-border-radius: 3px; + --mc-extended-tooltip-size-arrow-size: 12px; + --mc-extended-tooltip-size-trigger-margin: 9px; + --mc-extended-tooltip-size-padding: 8px 16px; + --mc-extended-tooltip-size-max-height: 480px; + --mc-extended-tooltip-header-size-height: 40px; + --mc-extended-tooltip-header-size-padding: 10px 16px; + --mc-tree-size-node-height: 32px; + --mc-tree-size-padding-left: 8px; + --mc-tree-size-padding-right: 16px; +} diff --git a/packages/docs/src/styles/pt-2022/yellow-theme/properties/colors.json5 b/packages/docs/src/styles/pt-2022/yellow-theme/properties/colors.json5 new file mode 100644 index 000000000..0cc040229 --- /dev/null +++ b/packages/docs/src/styles/pt-2022/yellow-theme/properties/colors.json5 @@ -0,0 +1,16 @@ +{ + 'light-color-scheme': { + primary: { + default: { value: '{palette.yellow.500.value}' }, + + palette: { value: '{palette.yellow}' } + } + }, + 'dark-color-scheme': { + primary: { + default: { value: '{palette.yellow.400.value}' }, + + palette: { value: '{palette.yellow}' } + } + } +} diff --git a/packages/docs/src/styles/pt-2022/yellow-theme/tokens.scss b/packages/docs/src/styles/pt-2022/yellow-theme/tokens.scss new file mode 100644 index 000000000..70166173a --- /dev/null +++ b/packages/docs/src/styles/pt-2022/yellow-theme/tokens.scss @@ -0,0 +1,3 @@ +@import './variables'; +@import './palette'; +@import './typography'; diff --git a/packages/docs/src/styles/yellow-theme/tokens.ts b/packages/docs/src/styles/pt-2022/yellow-theme/tokens.ts similarity index 100% rename from packages/docs/src/styles/yellow-theme/tokens.ts rename to packages/docs/src/styles/pt-2022/yellow-theme/tokens.ts diff --git a/packages/mosaic/design-tokens/legacy-2017/_typography.scss b/packages/mosaic/design-tokens/legacy-2017/_typography.scss index fa4097050..74c166673 100644 --- a/packages/mosaic/design-tokens/legacy-2017/_typography.scss +++ b/packages/mosaic/design-tokens/legacy-2017/_typography.scss @@ -53,7 +53,7 @@ $typography-body-tabular-letter-spacing: 0.15px; $typography-body-tabular-font-weight: normal; $typography-body-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; $typography-body-tabular-text-transform: null; -$typography-body-tabular-font-feature-settings: null; +$typography-body-tabular-font-feature-settings: "tnum" on; $typography-body-strong-font-size: 15px; $typography-body-strong-line-height: 20px; $typography-body-strong-letter-spacing: -0.009em; @@ -88,7 +88,7 @@ $typography-caption-tabular-letter-spacing: 0.25px; $typography-caption-tabular-font-weight: normal; $typography-caption-tabular-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; $typography-caption-tabular-text-transform: null; -$typography-caption-tabular-font-feature-settings: null; +$typography-caption-tabular-font-feature-settings: "tnum" on; $typography-caption-caps-font-size: 13px; $typography-caption-caps-line-height: 16px; $typography-caption-caps-letter-spacing: 1.5px; diff --git a/packages/mosaic/design-tokens/legacy-2017/tokens.ts b/packages/mosaic/design-tokens/legacy-2017/tokens.ts index 5c16e6e30..1364ae823 100644 --- a/packages/mosaic/design-tokens/legacy-2017/tokens.ts +++ b/packages/mosaic/design-tokens/legacy-2017/tokens.ts @@ -261,7 +261,7 @@ export const TypographyBodyTabularLetterSpacing = "0.15px"; export const TypographyBodyTabularFontWeight = "normal"; export const TypographyBodyTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; export const TypographyBodyTabularTextTransform = "null"; -export const TypographyBodyTabularFontFeatureSettings = "null"; +export const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on"; export const TypographyBodyStrongFontSize = "15px"; export const TypographyBodyStrongLineHeight = "20px"; export const TypographyBodyStrongLetterSpacing = "-0.009em"; @@ -296,7 +296,7 @@ export const TypographyCaptionTabularLetterSpacing = "0.25px"; export const TypographyCaptionTabularFontWeight = "normal"; export const TypographyCaptionTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; export const TypographyCaptionTabularTextTransform = "null"; -export const TypographyCaptionTabularFontFeatureSettings = "null"; +export const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on"; export const TypographyCaptionCapsFontSize = "13px"; export const TypographyCaptionCapsLineHeight = "16px"; export const TypographyCaptionCapsLetterSpacing = "1.5px"; @@ -612,11 +612,11 @@ export const DescriptionListDarkColorSchemeDd = "#F0F0F0"; export const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)"; export const DescriptionListSizeDtGridColumn = "1"; export const DescriptionListSizeDdGridColumn = "2 / span 3"; -export const DescriptionListSizeHorizontalColumnGap = "16px"; -export const DescriptionListSizeHorizontalRowGap = "12px"; +export const DescriptionListSizeHorizontalColumnGap = "16rem"; +export const DescriptionListSizeHorizontalRowGap = "12rem"; export const DescriptionListSizeVerticalColumnGap = "0"; -export const DescriptionListSizeVerticalRowGap = "2px"; -export const DescriptionListSizeVerticalDdMarginBottom = "16px"; +export const DescriptionListSizeVerticalRowGap = "2rem"; +export const DescriptionListSizeVerticalDdMarginBottom = "16rem"; export const DescriptionListFontHorizontalDt = "body"; export const DescriptionListFontHorizontalDd = "body"; export const DescriptionListFontVerticalDt = "caption"; diff --git a/packages/mosaic/design-tokens/legacy-2017/tokens/properties/typography.json5 b/packages/mosaic/design-tokens/legacy-2017/tokens/properties/typography.json5 index c894e6e68..25e952470 100644 --- a/packages/mosaic/design-tokens/legacy-2017/tokens/properties/typography.json5 +++ b/packages/mosaic/design-tokens/legacy-2017/tokens/properties/typography.json5 @@ -70,7 +70,7 @@ "font-weight": { value: 'normal' }, "font-family": { value: '{font.family.base.value}' }, "text-transform": { value: 'null' }, - "font-feature-settings": { value: '"tnum" on } + "font-feature-settings": { value: '"tnum" on' } }, "body-strong": { "font-size": { value: '15px' }, @@ -115,7 +115,7 @@ "font-weight": { value: 'normal' }, "font-family": { value: '{font.family.base.value}' }, "text-transform": { value: 'null' }, - "font-feature-settings": { value: '"tnum" on } + "font-feature-settings": { value: '"tnum" on' } }, "caption-caps": { "font-size": { value: '13px' }, diff --git a/packages/mosaic/design-tokens/pt-2022/_typography.scss b/packages/mosaic/design-tokens/pt-2022/_typography.scss index 2bc91fad0..816a48eee 100644 --- a/packages/mosaic/design-tokens/pt-2022/_typography.scss +++ b/packages/mosaic/design-tokens/pt-2022/_typography.scss @@ -39,7 +39,7 @@ $typography-subheading-letter-spacing: -0.009em; $typography-subheading-font-weight: 600; $typography-subheading-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; $typography-subheading-text-transform: null; -$typography-subheading-font-feature-settings: 'ss01' on, 'ss04' on; +$typography-subheading-font-feature-settings: "ss01" on, "ss04" on; $typography-body-font-size: 15px; $typography-body-line-height: 20px; $typography-body-letter-spacing: -0.009em; diff --git a/packages/mosaic/design-tokens/pt-2022/tokens.ts b/packages/mosaic/design-tokens/pt-2022/tokens.ts index 814a447c3..4dde70864 100644 --- a/packages/mosaic/design-tokens/pt-2022/tokens.ts +++ b/packages/mosaic/design-tokens/pt-2022/tokens.ts @@ -307,7 +307,7 @@ export const TypographySubheadingLetterSpacing = "-0.009em"; export const TypographySubheadingFontWeight = "600"; export const TypographySubheadingFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"; export const TypographySubheadingTextTransform = "null"; -export const TypographySubheadingFontFeatureSettings = "'ss01' on, 'ss04' on"; +export const TypographySubheadingFontFeatureSettings = "\"ss01\" on, \"ss04\" on"; export const TypographyBodyFontSize = "15px"; export const TypographyBodyLineHeight = "20px"; export const TypographyBodyLetterSpacing = "-0.009em"; diff --git a/packages/mosaic/dropdown/dropdown-item.scss b/packages/mosaic/dropdown/dropdown-item.scss index 2a4a70365..25485cf60 100644 --- a/packages/mosaic/dropdown/dropdown-item.scss +++ b/packages/mosaic/dropdown/dropdown-item.scss @@ -33,11 +33,6 @@ margin-left: 24px; } } - - // wtf ? - .docs-navbar-version__num { - margin-right: 4px; - } } .mc-dropdown-item-wrapper { @@ -45,6 +40,8 @@ text-overflow: ellipsis; white-space: nowrap; + width: 100%; + padding: var(--mc-dropdown-item-size-padding, $dropdown-item-size-padding); & [mc-icon] {