@pantheon-systems/pds-toolkit-react 1.0.0-dev.19 → 1.0.0-dev.190

package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css

@@ -0,0 +1,272 @@
+/**
+ * 
+ * Pantheon Systems
+ * 
+ * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+ * !! DO NOT EDIT THIS FILE DIRECTLY !!
+ * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+ * 
+ * This file has been generated automatically.
+ */
+
+:root {
+  --pds-color-background-brand-secondary: #4e39a8;
+  --pds-color-background-default: #1d1d29;
+  --pds-color-background-default-secondary: #282839;
+  --pds-color-background-reverse: #e7e7eb;
+  --pds-color-badge-indicator-critical-background: #ef5c48;
+  --pds-color-badge-indicator-critical-foreground: #ffffff;
+  --pds-color-badge-indicator-diamond-background: #f0fdff;
+  --pds-color-badge-indicator-diamond-foreground: #388bff;
+  --pds-color-badge-indicator-gold-background: #fff1a9;
+  --pds-color-badge-indicator-gold-foreground: #705e00;
+  --pds-color-badge-indicator-info-background: #388bff;
+  --pds-color-badge-indicator-info-foreground: #ffffff;
+  --pds-color-badge-indicator-neutral-background: #504e62;
+  --pds-color-badge-indicator-neutral-foreground: #ffffff;
+  --pds-color-badge-indicator-platinum-background: #d0c6ff;
+  --pds-color-badge-indicator-platinum-foreground: #4e39a8;
+  --pds-color-badge-indicator-silver-background: #a6a3b4;
+  --pds-color-badge-indicator-silver-foreground: var(--pds-color-text-default-secondary);
+  --pds-color-badge-indicator-success-background: #2abb7f;
+  --pds-color-badge-indicator-success-foreground: #ffffff;
+  --pds-color-badge-indicator-warning-background: #cf9f02;
+  --pds-color-badge-indicator-warning-foreground: #ffffff;
+  --pds-color-badge-status-dot-critical: var(--pds-color-semantic-critical-foreground);
+  --pds-color-badge-status-dot-default: #858299;
+  --pds-color-badge-status-dot-disabled: #858299;
+  --pds-color-badge-status-dot-discovery: var(--pds-color-semantic-discovery-foreground);
+  --pds-color-badge-status-dot-frozen: #d0c6ff;
+  --pds-color-badge-status-dot-info: var(--pds-color-semantic-info-foreground);
+  --pds-color-badge-status-dot-success: var(--pds-color-semantic-success-foreground);
+  --pds-color-badge-status-dot-warning: var(--pds-color-semantic-warning-foreground);
+  --pds-color-badge-status-neutral-background: var(--pds-color-background-default);
+  --pds-color-badge-status-neutral-border: var(--pds-color-border-default);
+  --pds-color-badge-status-neutral-label: var(--pds-color-text-default-secondary);
+  --pds-color-badge-status-reverse-background: var(--pds-color-background-reverse);
+  --pds-color-badge-status-reverse-border: var(--pds-color-background-reverse);
+  --pds-color-badge-status-reverse-label: var(--pds-color-text-reverse);
+  --pds-color-badge-status-transparent-background: rgba(0, 0, 0, 0);
+  --pds-color-badge-status-transparent-border: var(--pds-color-border-default);
+  --pds-color-badge-status-transparent-label: var(--pds-color-text-default-secondary);
+  --pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
+  --pds-color-banner-critical-foreground: #ffffff;
+  --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
+  --pds-color-banner-info-foreground: #ffffff;
+  --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
+  --pds-color-banner-warning-foreground: #121219;
+  --pds-color-border-default: #504e62;
+  --pds-color-brand-accent-default: #de0093;
+  --pds-color-brand-primary-default: #ffdc28;
+  --pds-color-brand-secondary-default: #8a70ff;
+  --pds-color-breadcrumb-link: var(--pds-color-interactive-link-default);
+  --pds-color-breadcrumb-separator: #858299;
+  --pds-color-breadcrumb-text: var(--pds-color-text-default-secondary);
+  --pds-color-button-brand-background-active: #ddbd16;
+  --pds-color-button-brand-background-default: #ffdc28;
+  --pds-color-button-brand-background-hover: #ffe668;
+  --pds-color-button-brand-border-active: #ddbd16;
+  --pds-color-button-brand-border-default: #ffdc28;
+  --pds-color-button-brand-border-hover: #ffe668;
+  --pds-color-button-brand-foreground-active: #121219;
+  --pds-color-button-brand-foreground-default: #121219;
+  --pds-color-button-brand-foreground-hover: #121219;
+  --pds-color-button-brand-secondary-background-active: #282839;
+  --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
+  --pds-color-button-brand-secondary-background-hover: #504e62;
+  --pds-color-button-brand-secondary-border-active: #504e62;
+  --pds-color-button-brand-secondary-border-default: #a6a3b4;
+  --pds-color-button-brand-secondary-border-hover: #ffffff;
+  --pds-color-button-brand-secondary-foreground-active: #e7e7eb;
+  --pds-color-button-brand-secondary-foreground-default: #e7e7eb;
+  --pds-color-button-brand-secondary-foreground-hover: #ffffff;
+  --pds-color-button-critical-background-active: #4b2d28;
+  --pds-color-button-critical-background-default: var(--pds-color-background-default);
+  --pds-color-button-critical-background-hover: var(--pds-color-semantic-critical-background);
+  --pds-color-button-critical-border-active: var(--pds-color-semantic-critical-foreground);
+  --pds-color-button-critical-border-default: var(--pds-color-semantic-critical-foreground);
+  --pds-color-button-critical-border-hover: var(--pds-color-semantic-critical-foreground);
+  --pds-color-button-critical-foreground-active: var(--pds-color-semantic-critical-foreground);
+  --pds-color-button-critical-foreground-default: var(--pds-color-semantic-critical-foreground);
+  --pds-color-button-critical-foreground-hover: var(--pds-color-semantic-critical-foreground);
+  --pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
+  --pds-color-button-navbar-foreground-default: #ffffff;
+  --pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
+  --pds-color-button-primary-background-active: #4e39a8;
+  --pds-color-button-primary-background-default: #8a70ff;
+  --pds-color-button-primary-background-hover: #ad9bff;
+  --pds-color-button-primary-border-active: #4e39a8;
+  --pds-color-button-primary-border-default: #8a70ff;
+  --pds-color-button-primary-border-hover: #ad9bff;
+  --pds-color-button-primary-foreground-active: #ffffff;
+  --pds-color-button-primary-foreground-default: #ffffff;
+  --pds-color-button-primary-foreground-hover: #ffffff;
+  --pds-color-button-secondary-background-active: #282839;
+  --pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
+  --pds-color-button-secondary-background-hover: #504e62;
+  --pds-color-button-secondary-border-active: #504e62;
+  --pds-color-button-secondary-border-default: #a6a3b4;
+  --pds-color-button-secondary-border-hover: #ffffff;
+  --pds-color-button-secondary-foreground-active: #e7e7eb;
+  --pds-color-button-secondary-foreground-default: #e7e7eb;
+  --pds-color-button-secondary-foreground-hover: #ffffff;
+  --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
+  --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
+  --pds-color-button-subtle-foreground-active: #8a70ff;
+  --pds-color-button-subtle-foreground-default: #d0c6ff;
+  --pds-color-button-subtle-foreground-hover: #8a70ff;
+  --pds-color-card-border: #504e62;
+  --pds-color-code-inline-background: #282839;
+  --pds-color-code-inline-border: #504e62;
+  --pds-color-code-inline-text: #ffffff;
+  --pds-color-expansion-panel-hover: #282839;
+  --pds-color-expansion-panel-open: #282839;
+  --pds-color-foreground-default: #ffffff;
+  --pds-color-foreground-reverse: #1d1d29;
+  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #1B0874 41.87%, #29B2FF 100%);
+  --pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
+  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
+  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
+  --pds-color-icon-button-critical-background-active: #391813;
+  --pds-color-icon-button-critical-background-default: rgba(0, 0, 0, 0);
+  --pds-color-icon-button-critical-background-hover: #391813;
+  --pds-color-icon-button-critical-foreground-default: #ef5c48;
+  --pds-color-icon-button-standard-background-active: #858299;
+  --pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
+  --pds-color-icon-button-standard-background-hover: #a6a3b4;
+  --pds-color-icon-button-standard-foreground-default: #ffffff;
+  --pds-color-input-action-background-hover: #504e62;
+  --pds-color-input-background-critical: #1d1d29;
+  --pds-color-input-background-default: #1d1d29;
+  --pds-color-input-background-hover: #282839;
+  --pds-color-input-border-critical: #ef5c48;
+  --pds-color-input-border-default: #858299;
+  --pds-color-input-border-hover: #ad9bff;
+  --pds-color-input-border-success: #2abb7f;
+  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
+  --pds-color-input-checked-foreground: #ffffff;
+  --pds-color-input-file-upload-button-background-default: #504e62;
+  --pds-color-input-file-upload-button-background-hover: #3d3c4d;
+  --pds-color-input-foreground-critical: #ef5c48;
+  --pds-color-input-foreground-default: #ffffff;
+  --pds-color-input-foreground-success: #2abb7f;
+  --pds-color-input-placeholder-text: #a6a3b4;
+  --pds-color-input-toggle-switch-icon: #ffffff;
+  --pds-color-input-toggle-switch-off: #504e62;
+  --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
+  --pds-color-interactive-focus: #36a3ff;
+  --pds-color-interactive-link-active: #ad9bff;
+  --pds-color-interactive-link-default: #36a3ff;
+  --pds-color-interactive-link-hover: #8a70ff;
+  --pds-color-interactive-link-visited: #8a70ff;
+  --pds-color-interactive-reverse-focus: #0f62fe;
+  --pds-color-interactive-reverse-link-active: #3017a1;
+  --pds-color-interactive-reverse-link-default: #0f62fe;
+  --pds-color-interactive-reverse-link-hover: #654bd5;
+  --pds-color-interactive-reverse-link-visited: #654bd5;
+  --pds-color-link-cta-active: #d0c6ff;
+  --pds-color-link-cta-default: #8a70ff;
+  --pds-color-link-cta-hover: #ad9bff;
+  --pds-color-menu-background: #282839;
+  --pds-color-menu-item-background-active: #858299;
+  --pds-color-menu-item-background-default: #282839;
+  --pds-color-menu-item-background-hover: #504e62;
+  --pds-color-menu-item-description-text: #a6a3b4;
+  --pds-color-menu-item-foreground: #ffffff;
+  --pds-color-menu-item-heading-text: #a6a3b4;
+  --pds-color-overlay: rgba(9, 0, 48, 0.45);
+  --pds-color-panel-critical-border: #ef5c48;
+  --pds-color-panel-default-background: var(--pds-color-background-default);
+  --pds-color-panel-default-border: var(--pds-color-border-default);
+  --pds-color-panel-sunken-background: #121219;
+  --pds-color-partner-bitbucket: #004dc0;
+  --pds-color-partner-drupal: #009cde;
+  --pds-color-partner-gatsby: #663399;
+  --pds-color-partner-gitlab: #ffedfb;
+  --pds-color-partner-nextjs: #000000;
+  --pds-color-partner-wordpress: #0073aa;
+  --pds-color-progress-complete: #2abb7f;
+  --pds-color-progress-empty: #a6a3b4;
+  --pds-color-progress-partial: #388bff;
+  --pds-color-semantic-critical-background: #391813;
+  --pds-color-semantic-critical-foreground: #ef5c48;
+  --pds-color-semantic-discovery-background: #231c3f;
+  --pds-color-semantic-discovery-foreground: #8f7ee7;
+  --pds-color-semantic-info-background: #082145;
+  --pds-color-semantic-info-foreground: #388bff;
+  --pds-color-semantic-neutral-background: #1d1d29;
+  --pds-color-semantic-neutral-foreground: #a6a3b4;
+  --pds-color-semantic-neutral-utility: #858299;
+  --pds-color-semantic-success-background: #133527;
+  --pds-color-semantic-success-foreground: #2abb7f;
+  --pds-color-semantic-warning-background: #3d2e00;
+  --pds-color-semantic-warning-foreground: #cf9f02;
+  --pds-color-side-nav-background-hover: #282839;
+  --pds-color-social-rss: #f3763a;
+  --pds-color-stepper-completed: #8a70ff;
+  --pds-color-stepper-current: #8a70ff;
+  --pds-color-stepper-default: #858299;
+  --pds-color-stepper-error: #ef5c48;
+  --pds-color-strength-fair: #cf9f02;
+  --pds-color-strength-strong: #2abb7f;
+  --pds-color-strength-very-weak: #a6a3b4;
+  --pds-color-strength-weak: #ef5c48;
+  --pds-color-table-sort-arrow-active: #8a70ff;
+  --pds-color-table-sort-arrow-inactive: #a6a3b4;
+  --pds-color-tabs-accent: #ad9bff;
+  --pds-color-tag-1-background: #ded8fa;
+  --pds-color-tag-1-foreground: #5c4fac;
+  --pds-color-tag-10-background: #d0dffc;
+  --pds-color-tag-10-foreground: #2254c5;
+  --pds-color-tag-11-background: #72cb9b;
+  --pds-color-tag-11-foreground: #264a37;
+  --pds-color-tag-12-background: #81c1dd;
+  --pds-color-tag-12-foreground: #234453;
+  --pds-color-tag-13-background: #689bf8;
+  --pds-color-tag-13-foreground: #163168;
+  --pds-color-tag-14-background: #9c90e9;
+  --pds-color-tag-14-foreground: #342c60;
+  --pds-color-tag-15-background: #e7796d;
+  --pds-color-tag-15-foreground: #56231d;
+  --pds-color-tag-16-background: #f1a76e;
+  --pds-color-tag-16-foreground: #68320f;
+  --pds-color-tag-17-background: #d87ab8;
+  --pds-color-tag-17-foreground: #4a273e;
+  --pds-color-tag-18-background: #efce60;
+  --pds-color-tag-18-foreground: #504012;
+  --pds-color-tag-19-background: #9fc65b;
+  --pds-color-tag-19-foreground: #3f4d27;
+  --pds-color-tag-2-background: #f8d7d3;
+  --pds-color-tag-2-foreground: #a0392c;
+  --pds-color-tag-20-background: #8790a0;
+  --pds-color-tag-20-foreground: #0e1e40;
+  --pds-color-tag-3-background: #f5e7a8;
+  --pds-color-tag-3-foreground: #7b611e;
+  --pds-color-tag-4-background: #f7d7ec;
+  --pds-color-tag-4-foreground: #894271;
+  --pds-color-tag-5-background: #d9f0af;
+  --pds-color-tag-5-foreground: #536a2b;
+  --pds-color-tag-6-background: #dddfe3;
+  --pds-color-tag-6-foreground: #47546d;
+  --pds-color-tag-7-background: #c6f1dc;
+  --pds-color-tag-7-foreground: #3e7256;
+  --pds-color-tag-8-background: #f9dfcb;
+  --pds-color-tag-8-foreground: #9a4e1c;
+  --pds-color-tag-9-background: #ceecf9;
+  --pds-color-tag-9-foreground: #366880;
+  --pds-color-text-default: var(--pds-color-foreground-default);
+  --pds-color-text-default-secondary: #a6a3b4;
+  --pds-color-text-reverse: var(--pds-color-foreground-reverse);
+  --pds-color-tile-background-active: #858299;
+  --pds-color-tile-background-hover: #504e62;
+  --pds-color-tile-separator: #504e62;
+  --pds-color-toggle-button-background-off: #504e62;
+  --pds-color-toggle-button-foreground-off: #e7e7eb;
+  --pds-color-tooltip-background: #a6a3b4;
+  --pds-color-tooltip-text: #121219;
+  --pds-color-tooltip-trigger-icon-critical: #ef5c48;
+  --pds-color-tooltip-trigger-icon-default: #e7e7eb;
+  --pds-elevation-dropdown: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
+  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
+  --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
+}