Skip to content

Commit

Permalink
chore: update colors for qlik-theme and icons (#5084)
Browse files Browse the repository at this point in the history 
* rework tokens

* Update favicon icons for different products

* Update qlik theme
  • Loading branch information
@romainseb
romainseb authored Dec 22, 2023
1 parent fb1af4d commit 076147b
Show file tree
Hide file tree
Showing 53 changed files with 335 additions and 216 deletions.
9 changes: 9 additions & 0 deletions .changeset/red-pens-tickle.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
---
'@talend/scripts-config-react-webpack': minor
'@talend/design-tokens': minor
'@talend/react-components': minor
'@talend/icons': minor
'@talend/design-system': minor
---

feat: update qlik theme
6 changes: 3 additions & 3 deletions packages/components/src/HeaderBar/HeaderBar.module.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
@use '~@talend/bootstrap-theme/src/theme/guidelines' as *;
@use '~@talend/design-tokens/lib/tokens';

$tc-headerbar-logo-width: 6rem !default;
$tc-headerbar-logo-width: tokens.$coral-sizing-s !default;
$tc-headerbar-logo-full-width: 8.5rem !default;

@keyframes fadeIn {
Expand Down Expand Up @@ -98,9 +98,9 @@ $tc-headerbar-logo-full-width: 8.5rem !default;

.tc-header-bar-logo {
padding: 0;
width: $tc-headerbar-logo-width;
width: calc($tc-headerbar-logo-width + tokens.$coral-sizing-branding-logo);
background-image: tokens.$coral-branding-logo;
background-size: 2.8rem;
background-size: tokens.$coral-sizing-branding-logo;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
Expand Down
1 change: 1 addition & 0 deletions packages/design-tokens/src/_tokens.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -290,6 +290,7 @@ $coral-sizing-m: #{var(--coral-sizing-m, 3.6rem)};
$coral-sizing-l: #{var(--coral-sizing-l, 4rem)};
$coral-sizing-xxxl: #{var(--coral-sizing-xxxl, 22rem)};
$coral-sizing-maximal: #{var(--coral-sizing-maximal, 32rem)};
$coral-sizing-branding-logo: #{var(--coral-sizing-branding-logo, 2.8rem)};
$coral-elevation-shadow-neutral-m: #{var(--coral-elevation-shadow-neutral-m, 0 0.2rem 0.6rem 0 hsla(0, 0%, 0%, 0.3))};
$coral-elevation-shadow-accent: #{var(--coral-elevation-shadow-accent, 0 0.1rem 0.1rem 0 hsla(204, 95%, 31%, 0.3))};
$coral-elevation-shadow-success: #{var(--coral-elevation-shadow-success, 0 0.1rem 0.1rem 0 hsla(111, 49%, 34%, 0.3))};
Expand Down
1 change: 1 addition & 0 deletions packages/design-tokens/src/dark/_index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -290,6 +290,7 @@
--coral-sizing-l: 4rem;
--coral-sizing-xxxl: 22rem;
--coral-sizing-maximal: 32rem;
--coral-sizing-branding-logo: 2.8rem;
--coral-elevation-shadow-neutral-m: 0 0.2rem 0.6rem 0 hsla(0, 0%, 0%, 0.5);
--coral-elevation-shadow-neutral-l: 0 0.4rem 0.8rem 0 hsla(0, 0%, 0%, 0.5);
--coral-elevation-shadow-accent: 0 0.1rem 0.1rem 0 hsla(198, 72%, 75%, 0.3);
Expand Down
1 change: 1 addition & 0 deletions packages/design-tokens/src/dark/_tokens.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -290,6 +290,7 @@ $coral-sizing-m: #{var(--coral-sizing-m, 3.6rem)};
$coral-sizing-l: #{var(--coral-sizing-l, 4rem)};
$coral-sizing-xxxl: #{var(--coral-sizing-xxxl, 22rem)};
$coral-sizing-maximal: #{var(--coral-sizing-maximal, 32rem)};
$coral-sizing-branding-logo: #{var(--coral-sizing-branding-logo, 2.8rem)};
$coral-elevation-shadow-neutral-m: #{var(--coral-elevation-shadow-neutral-m, 0 0.2rem 0.6rem 0 hsla(0, 0%, 0%, 0.5))};
$coral-elevation-shadow-neutral-l: #{var(--coral-elevation-shadow-neutral-l, 0 0.4rem 0.8rem 0 hsla(0, 0%, 0%, 0.5))};
$coral-elevation-shadow-accent: #{var(--coral-elevation-shadow-accent, 0 0.1rem 0.1rem 0 hsla(198, 72%, 75%, 0.3))};
Expand Down
6 changes: 6 additions & 0 deletions packages/design-tokens/src/dark/dictionary.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2573,6 +2573,12 @@ const dictionary = [
value: '32rem',
id: 'e21f0ed0-b4d6-11ec-bb22-090b530f3237',
},
{
name: 'coralSizingBrandingLogo',
type: 'branding',
description: ``,
value: '2.8rem',
},
{
name: 'coralElevationShadowNeutralM',
type: 'shadow',
Expand Down
1 change: 1 addition & 0 deletions packages/design-tokens/src/dark/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -289,6 +289,7 @@ const tokens = {
coralSizingL: `var(--coral-sizing-l, 4rem)`,
coralSizingXxxl: `var(--coral-sizing-xxxl, 22rem)`,
coralSizingMaximal: `var(--coral-sizing-maximal, 32rem)`,
coralSizingBrandingLogo: `var(--coral-sizing-branding-logo, 2.8rem)`,
coralElevationShadowNeutralM: `var(--coral-elevation-shadow-neutral-m, 0rem 0.2rem 0.6rem 0rem hsla(0, 0%, 0%, 0.5))`,
coralElevationShadowNeutralL: `var(--coral-elevation-shadow-neutral-l, 0rem 0.4rem 0.8rem 0rem hsla(0, 0%, 0%, 0.5))`,
coralElevationShadowAccent: `var(--coral-elevation-shadow-accent, 0rem 0.1rem 0.1rem 0rem hsla(198, 72%, 75%, 0.3))`,
Expand Down
1 change: 1 addition & 0 deletions packages/design-tokens/src/light/_index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -290,6 +290,7 @@
--coral-sizing-l: 4rem;
--coral-sizing-xxxl: 22rem;
--coral-sizing-maximal: 32rem;
--coral-sizing-branding-logo: 2.8rem;
--coral-elevation-shadow-neutral-m: 0 0.2rem 0.6rem 0 hsla(0, 0%, 0%, 0.3);
--coral-elevation-shadow-accent: 0 0.1rem 0.1rem 0 hsla(204, 95%, 31%, 0.3);
--coral-elevation-shadow-success: 0 0.1rem 0.1rem 0 hsla(111, 49%, 34%, 0.3);
Expand Down
6 changes: 6 additions & 0 deletions packages/design-tokens/src/light/dictionary.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2769,6 +2769,12 @@ Ex: Spot illustration width`,
value: '32rem',
id: '2e751ee0-b4c4-11ec-9f9f-75ac4ca4ac00',
},
{
name: 'coralSizingBrandingLogo',
type: 'branding',
description: ``,
value: '2.8rem',
},
{
name: 'coralElevationShadowNeutralM',
type: 'shadow',
Expand Down
1 change: 1 addition & 0 deletions packages/design-tokens/src/light/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -289,6 +289,7 @@ const tokens = {
coralSizingL: `var(--coral-sizing-l, 4rem)`,
coralSizingXxxl: `var(--coral-sizing-xxxl, 22rem)`,
coralSizingMaximal: `var(--coral-sizing-maximal, 32rem)`,
coralSizingBrandingLogo: `var(--coral-sizing-branding-logo, 2.8rem)`,
coralElevationShadowNeutralM: `var(--coral-elevation-shadow-neutral-m, 0rem 0.2rem 0.6rem 0rem hsla(0, 0%, 0%, 0.3))`,
coralElevationShadowAccent: `var(--coral-elevation-shadow-accent, 0rem 0.1rem 0.1rem 0rem hsla(204, 95%, 31%, 0.3))`,
coralElevationShadowSuccess: `var(--coral-elevation-shadow-success, 0rem 0.1rem 0.1rem 0rem hsla(111, 49%, 34%, 0.3))`,
Expand Down
75 changes: 38 additions & 37 deletions packages/design-tokens/src/qlik-light/_index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,15 +14,15 @@
--coral-color-accent-text-weak: white;
--coral-color-accent-text-weak-hover: hsla(138, 56%, 92%, 1);
--coral-color-accent-text-weak-active: hsla(135, 48%, 84%, 1);
--coral-color-accent-text: hsla(147, 100%, 26%, 1);
--coral-color-accent-text-hover: hsla(144, 78%, 23%, 1);
--coral-color-accent-text-active: hsla(144, 78%, 16%, 1);
--coral-color-accent-text: hsla(0, 0%, 25%, 1);
--coral-color-accent-text-hover: hsla(0, 0%, 17%, 1);
--coral-color-accent-text-active: hsla(0, 0%, 13%, 1);
--coral-color-accent-background: hsla(138, 56%, 92%, 1);
--coral-color-accent-background-hover: hsla(135, 48%, 84%, 1);
--coral-color-accent-background-active: hsla(136, 47%, 74%, 1);
--coral-color-accent-background-weak: white;
--coral-color-accent-background-weak-hover: hsla(138, 56%, 92%, 1);
--coral-color-accent-background-weak-active: hsla(135, 48%, 84%, 1);
--coral-color-accent-background-weak-hover: hsla(0, 0%, 87%, 1);
--coral-color-accent-background-weak-active: hsla(0, 0%, 79%, 1);
--coral-color-accent-background-strong: hsla(147, 100%, 26%, 1);
--coral-color-accent-background-strong-hover: hsla(144, 78%, 23%, 1);
--coral-color-accent-background-strong-active: hsla(144, 78%, 16%, 1);
Expand Down Expand Up @@ -50,7 +50,7 @@
--coral-color-danger-background-strong: hsla(336, 100%, 34%, 1);
--coral-color-danger-background-strong-hover: hsla(332, 100%, 27%, 1);
--coral-color-danger-background-strong-active: hsla(332, 100%, 18%, 1);
--coral-color-danger-border: hsla(332, 100%, 27%, 1);
--coral-color-danger-border: hsla(336, 100%, 34%, 1);
--coral-color-success-background-hover: hsla(144, 78%, 23%, 1);
--coral-color-danger-border-hover: hsla(332, 100%, 27%, 1);
--coral-color-success-background-active: hsla(136, 47%, 74%, 1);
Expand All @@ -64,7 +64,7 @@
--coral-color-warning-text-weak: white;
--coral-color-warning-text-weak-hover: hsla(35, 100%, 88%, 1);
--coral-color-warning-text-weak-active: hsla(36, 100%, 75%, 1);
--coral-color-success-border: hsla(144, 78%, 23%, 1);
--coral-color-success-border: hsla(147, 100%, 26%, 1);
--coral-color-warning-text: hsla(18, 100%, 37%, 1);
--coral-color-warning-text-hover: hsla(14, 100%, 28%, 1);
--coral-color-warning-text-active: hsla(11, 100%, 19%, 1);
Expand All @@ -78,29 +78,29 @@
--coral-color-warning-background-weak-hover: hsla(35, 100%, 88%, 1);
--coral-color-warning-background-weak-active: hsla(36, 100%, 75%, 1);
--coral-color-assistive-background: hsla(210, 62%, 5%, 1);
--coral-color-warning-background-strong: hsla(21, 100%, 45%, 1);
--coral-color-warning-background-strong: hsla(18, 100%, 37%, 1);
--coral-color-warning-background-strong-hover: hsla(14, 100%, 28%, 1);
--coral-color-warning-background-strong-active: hsla(11, 100%, 19%, 1);
--coral-color-warning-border: hsla(14, 100%, 28%, 1);
--coral-color-warning-border: hsla(18, 100%, 37%, 1);
--coral-color-assistive-border: hsla(0, 0%, 47%, 1);
--coral-color-warning-border-hover: hsla(14, 100%, 28%, 1);
--coral-color-warning-border-active: hsla(11, 100%, 19%, 1);
--coral-color-branding-brand: hsla(144, 78%, 37%, 1);
--coral-color-neutral-border-disabled: hsla(0, 0%, 65%, 1);
--coral-color-neutral-border-weak-hover: hsla(0, 0%, 70%, 1);
--coral-color-assistive-border-focus: hsla(208, 98%, 43%, 1);
--coral-color-accent-text-strong: hsla(144, 78%, 16%, 1);
--coral-color-accent-text-strong-hover: hsla(144, 78%, 23%, 1);
--coral-color-accent-text-strong-active: hsla(144, 78%, 16%, 1);
--coral-color-danger-text-strong: hsla(332, 100%, 18%, 1);
--coral-color-danger-text-strong-hover: hsla(332, 100%, 27%, 1);
--coral-color-danger-text-strong-active: hsla(332, 100%, 18%, 1);
--coral-color-success-text-strong: hsla(144, 78%, 16%, 1);
--coral-color-success-text-strong-hover: hsla(144, 78%, 23%, 1);
--coral-color-success-text-strong-active: hsla(144, 78%, 16%, 1);
--coral-color-warning-text-strong: hsla(11, 100%, 19%, 1);
--coral-color-warning-text-strong-hover: hsla(14, 100%, 28%, 1);
--coral-color-warning-text-strong-active: hsla(11, 100%, 19%, 1);
--coral-color-accent-text-strong: hsla(0, 0%, 13%, 1);
--coral-color-accent-text-strong-hover: hsla(0, 0%, 5%, 1);
--coral-color-accent-text-strong-active: hsla(0, 0%, 0%, 1);
--coral-color-danger-text-strong: hsla(332, 100%, 27%, 1);
--coral-color-danger-text-strong-hover: hsla(332, 100%, 18%, 1);
--coral-color-danger-text-strong-active: hsla(341, 100%, 14%, 1);
--coral-color-success-text-strong: hsla(144, 78%, 23%, 1);
--coral-color-success-text-strong-hover: hsla(144, 78%, 16%, 1);
--coral-color-success-text-strong-active: hsla(137, 100%, 10%, 1);
--coral-color-warning-text-strong: hsla(14, 100%, 28%, 1);
--coral-color-warning-text-strong-hover: hsla(11, 100%, 19%, 1);
--coral-color-warning-text-strong-active: hsla(0, 100%, 15%, 1);
--coral-color-beta-text: hsla(280, 57%, 49%, 1);
--coral-color-beta-text-hover: hsla(281, 58%, 39%, 1);
--coral-color-beta-text-active: hsla(281, 58%, 29%, 1);
Expand Down Expand Up @@ -130,9 +130,9 @@
--coral-color-neutral-icon-inverted: white;
--coral-color-neutral-icon: hsla(0, 0%, 25%, 1);
--coral-color-neutral-icon-weak: hsla(0, 0%, 55%, 1);
--coral-color-accent-icon: hsla(144, 78%, 37%, 1);
--coral-color-accent-icon-hover: hsla(147, 100%, 26%, 1);
--coral-color-accent-icon-active: hsla(144, 78%, 16%, 1);
--coral-color-accent-icon: hsla(0, 0%, 25%, 1);
--coral-color-accent-icon-hover: hsla(0, 0%, 17%, 1);
--coral-color-accent-icon-active: hsla(0, 0%, 13%, 1);
--coral-color-danger-icon: hsla(339, 100%, 42%, 1);
--coral-color-danger-icon-hover: hsla(336, 100%, 34%, 1);
--coral-color-danger-icon-active: hsla(332, 100%, 18%, 1);
Expand Down Expand Up @@ -202,7 +202,7 @@
--coral-color-charts-color-09-weak: hsla(35, 28%, 82%, 1);
--coral-color-charts-color-09-strong: hsla(35, 34%, 27%, 1);
--coral-color-charts-color-09-hover: hsla(35, 34%, 27%, 1);
--coral-color-accent-border: hsla(144, 78%, 23%, 1);
--coral-color-accent-border: hsla(147, 100%, 26%, 1);
--coral-color-charts-default-text: hsla(205, 87%, 94%, 1);
--coral-color-charts-default-text-strong: hsla(205, 93%, 22%, 1);
--coral-color-charts-default-text-weak: hsla(207, 93%, 94%, 1);
Expand All @@ -211,28 +211,28 @@
--coral-color-charts-color-09-text-weak: hsla(35, 28%, 82%, 1);
--coral-color-neutral-background-heavy: hsla(0, 0%, 78%, 1);
--coral-color-illustration-color-01: hsla(211, 62%, 26%, 1);
--coral-color-illustration-color-02: hsla(211, 43%, 47%, 1);
--coral-color-illustration-color-03: hsla(201, 31%, 85%, 1);
--coral-color-illustration-color-05: hsla(359, 82%, 81%, 1);
--coral-color-illustration-color-04: hsla(359, 100%, 72%, 1);
--coral-color-illustration-color-06: hsla(358, 100%, 93%, 1);
--coral-color-illustration-color-02: hsla(0, 0%, 35%, 1);
--coral-color-illustration-color-03: hsla(138, 19%, 90%, 1);
--coral-color-illustration-color-04: hsla(316, 100%, 26%, 1);
--coral-color-illustration-color-05: hsla(316, 36%, 71%, 1);
--coral-color-illustration-color-06: hsla(316, 36%, 85%, 1);
--coral-color-illustration-skintone-01: hsla(20, 91%, 83%, 1);
--coral-color-illustration-skintone-02: hsla(21, 34%, 55%, 1);
--coral-color-illustration-skintone-03: hsla(17, 33%, 28%, 1);
--coral-color-illustration-shadow: hsla(0, 0%, 0%, 0.1);
--coral-color-illustration-color-07: hsla(192, 33%, 97%, 1);
--coral-color-illustration-color-08: hsla(211, 23%, 74%, 1);
--coral-color-illustration-color-09: hsla(245, 10%, 23%, 1);
--coral-color-accent-background-selected: hsla(138, 56%, 92%, 1);
--coral-color-info-text: hsla(215, 100%, 34%, 1);
--coral-color-accent-background-selected: hsla(146, 37%, 96%, 1);
--coral-color-info-text: hsla(210, 100%, 36%, 1);
--coral-color-info-text-hover: hsla(216, 100%, 28%, 1);
--coral-color-info-text-active: hsla(215, 100%, 21%, 1);
--coral-color-info-text-weak: white;
--coral-color-info-text-weak-hover: hsla(205, 80%, 92%, 1);
--coral-color-info-text-weak-active: hsla(208, 84%, 85%, 1);
--coral-color-info-text-strong: hsla(215, 100%, 21%, 1);
--coral-color-info-text-strong-hover: hsla(216, 100%, 28%, 1);
--coral-color-info-text-strong-active: hsla(215, 100%, 21%, 1);
--coral-color-info-text-strong: hsla(216, 100%, 28%, 1);
--coral-color-info-text-strong-hover: hsla(215, 100%, 21%, 1);
--coral-color-info-text-strong-active: hsla(223, 100%, 17%, 1);
--coral-color-info-background-hover: hsla(208, 84%, 85%, 1);
--coral-color-info-background-active: hsla(207, 84%, 75%, 1);
--coral-color-info-background-weak: white;
Expand All @@ -241,7 +241,7 @@
--coral-color-info-background-strong: hsla(210, 100%, 36%, 1);
--coral-color-info-background-strong-hover: hsla(216, 100%, 28%, 1);
--coral-color-info-background-strong-active: hsla(215, 100%, 21%, 1);
--coral-color-info-border: hsla(216, 100%, 28%, 1);
--coral-color-info-border: hsla(210, 100%, 36%, 1);
--coral-color-info-border-hover: hsla(216, 100%, 28%, 1);
--coral-color-info-border-active: hsla(215, 100%, 21%, 1);
--coral-color-info-icon: hsla(208, 98%, 43%, 1);
Expand Down Expand Up @@ -290,6 +290,7 @@
--coral-sizing-l: 4rem;
--coral-sizing-xxxl: 22rem;
--coral-sizing-maximal: 32rem;
--coral-sizing-branding-logo: 5rem;
--coral-elevation-shadow-neutral-m: 0 0.2rem 0.4rem 0 hsla(0, 0%, 0%, 0.15);
--coral-elevation-shadow-accent: 0 0.1rem 0.1rem 0 hsla(147, 100%, 26%, 0.25);
--coral-elevation-shadow-success: 0 0.1rem 0.1rem 0 hsla(147, 100%, 26%, 0.25);
Expand Down Expand Up @@ -331,7 +332,7 @@
--coral-breakpoint-m: 48em;
--coral-breakpoint-l: 64em;
--coral-breakpoint-xl: 80em;
--coral-branding-logo: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIzLjMwMDIgMjUuMTk4NEMyMS4zMDAyIDI2Ljc5ODQgMTguNzAwMiAyNy42OTg0IDE2LjAwMDIgMjcuNjk4NEM5LjUwMDIgMjcuNzk4NCA0LjIwMDIgMjIuNDk4NCA0LjIwMDIgMTUuOTk4NEM0LjIwMDIgMTMuMTk4NCA1LjIwMDIgMTAuNTk4NCA2LjgwMDIgOC41OTg0NEw0LjcwMDIgNi4zOTg0NEMyLjUwMDIgOC45OTg0NCAxLjIwMDIgMTIuMjk4NCAxLjIwMDIgMTUuOTk4NEMxLjIwMDIgMjQuMTk4NCA3LjgwMDIgMzAuNzk4NCAxNi4wMDAyIDMwLjc5ODRDMTkuNjAwMiAzMC43OTg0IDIyLjkwMDIgMjkuNDk4NCAyNS41MDAyIDI3LjM5ODRMMjMuMzAwMiAyNS4xOTg0WiIgZmlsbD0iIzU0NTY1QSIvPgogIDxwYXRoIGQ9Ik0yNy45MDAyIDMwLjA5OTJIMzIuMDAwMkwyNy42MDAyIDI1LjI5OTJDMjkuNjAwMiAyMi43OTkyIDMwLjgwMDIgMTkuNDk5MiAzMC44MDAyIDE1Ljk5OTJDMzAuODAwMiA3Ljc5OTIyIDI0LjIwMDIgMS4xOTkyMiAxNi4wMDAyIDEuMTk5MjJDMTEuNTAwMiAxLjE5OTIyIDcuNDAwMiAzLjI5OTIyIDQuNzAwMiA2LjQ5OTIyTDYuOTAwMiA4LjY5OTIyQzkuMDAwMiA1Ljg5OTIyIDEyLjMwMDIgNC4xOTkyMiAxNi4wMDAyIDQuMTk5MjJDMjIuNTAwMiA0LjE5OTIyIDI3LjgwMDIgOS40OTkyMiAyNy44MDAyIDE1Ljk5OTJDMjcuODAwMiAxOS42OTkyIDI2LjEwMDIgMjMuMDk5MiAyMy4zMDAyIDI1LjE5OTJMMjUuMzAwMiAyNy4xOTkyTDI1LjQwMDIgMjcuMjk5MkwyNy45MDAyIDMwLjA5OTJaIiBmaWxsPSIjMDA5ODQ1Ii8+Cjwvc3ZnPg==);
--coral-branding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NyIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDc3IDMyIj4KICA8cGF0aCBmaWxsPSIjNTQ1NjVBIiBkPSJNNDAuNzMzLjcwM2gtMy4xODRWMzEuMTdoMy4xODRWLjcwM1pNNDkuMzg0IDkuODg3aC0zLjE3MlYzMS4xN2gzLjE3MlY5Ljg4N1pNNDkuOTY0IDMuMjIyYTIuMTY5IDIuMTY5IDAgMSAwLTQuMjgyLS42OTUgMi4xNjkgMi4xNjkgMCAwIDAgNC4yODIuNjk1Wk0yMy45MDIgMjUuOTU2QTEyLjY3NyAxMi42NzcgMCAwIDEgMTYgMjguN2MtNy4wMTQuMDEyLTEyLjctNS42NzUtMTIuNy0xMi43IDAtMy4wMjMgMS4wNDktNS43OTIgMi44MDItNy45NzJsLTIuMzMtMi4zNDFBMTUuOTA2IDE1LjkwNiAwIDAgMCAwIDE2YzAgOC44MzcgNy4xNjQgMTYgMTYgMTZhMTUuOTEgMTUuOTEgMCAwIDAgMTAuMjItMy42OTFsLTIuMzE4LTIuMzUzWiIvPgogIDxwYXRoIGZpbGw9IiMwMDk4NDUiIGQ9Ik0yOC44NCAzMS4xOGg0LjQwNmwtNC43NTMtNS4xNzlBMTUuOTQ3IDE1Ljk0NyAwIDAgMCAzMiAxNmMwLTguODM2LTcuMTYzLTE2LTE2LTE2QTE1Ljk3MiAxNS45NzIgMCAwIDAgMy43NzIgNS42ODdsMi4zMyAyLjM0MmExMi42NyAxMi42NyAwIDAgMSA5LjkxLTQuNzQxYzcuMDI1IDAgMTIuNzEyIDUuNjg3IDEyLjcxMiAxMi43MTIgMCA0LjAzOC0xLjg4IDcuNjM3LTQuODEgOS45NTVsMi4xOCAyLjE5Mi4wOTIuMTA0LjAyMy4wMjMgMi42MyAyLjkwN1oiLz4KICA8cGF0aCBmaWxsPSIjNTQ1NjVBIiBkPSJNNzEuNjcxIDkuODg2aC00LjQxOGwtOS4xNyA4LjAyOEw1OC4wNy43MDRoLTMuMTczdjMwLjQ2NWgzLjE3M1YyMS4zNGw5LjQxMyA5LjgyOWg0LjQwN0w2MC42NjYgMTkuNzgzbDExLjAwNS05Ljg5N1pNNzYuMjYzIDI5LjY3MnYxLjUxMWgtLjI2NXYtMS4wMzhsLS40NSAxLjAzOGgtLjEzOWwtLjQ2MS0xLjAzOHYxLjAzOGgtLjI2NXYtMS41MTFoLjMyM2wuNDczIDEuMTA3LjQ2MS0xLjEwN2guMzIzWk03NC40MjggMjkuNjcydi4yMmgtLjQ2MXYxLjI5MWgtLjI2NXYtMS4yOTJoLS40NjJ2LS4yMmgxLjE4OFoiLz4KPC9zdmc+Cg==);
--coral-transition-instant: 100ms ease-out;
--coral-transition-fast: 250ms ease-in-out;
--coral-transition-normal: 300ms ease-in-out;
Expand Down
Loading

0 comments on commit 076147b

Please sign in to comment.