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

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

@@ -0,0 +1,521 @@
+/**
+ *
+ * Pantheon Systems
+ *
+ * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+ * !! DO NOT EDIT THIS FILE DIRECTLY !!
+ * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+ *
+ * This file has been generated automatically.
+ */
+
+:root {
+	--pds-color-background-brand-secondary: #dfd8f5;
+	--pds-color-background-default: #ffffff;
+	--pds-color-background-default-secondary: #f8f8f8;
+	--pds-color-background-reverse: #23232d;
+	--pds-color-badge-indicator-brand-background: #5e45cf;
+	--pds-color-badge-indicator-brand-foreground: #ffffff;
+	--pds-color-badge-indicator-critical-background: #ca3521;
+	--pds-color-badge-indicator-critical-foreground: #ffffff;
+	--pds-color-badge-indicator-diamond-background: #cfe1fc;
+	--pds-color-badge-indicator-diamond-foreground: #035ad3;
+	--pds-color-badge-indicator-gold-background: #ffe668;
+	--pds-color-badge-indicator-gold-foreground: #705e00;
+	--pds-color-badge-indicator-info-background: #1d7afc;
+	--pds-color-badge-indicator-info-foreground: #ffffff;
+	--pds-color-badge-indicator-neutral-background: #6d6d78;
+	--pds-color-badge-indicator-neutral-foreground: #ffffff;
+	--pds-color-badge-indicator-platinum-background: #dfd8f5;
+	--pds-color-badge-indicator-platinum-foreground: #3017a1;
+	--pds-color-badge-indicator-silver-background: #cfcfd3;
+	--pds-color-badge-indicator-silver-foreground: #23232d;
+	--pds-color-badge-indicator-success-background: #218c5f;
+	--pds-color-badge-indicator-success-foreground: #ffffff;
+	--pds-color-badge-indicator-warning-background: #d97008;
+	--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: #cfcfd3;
+	--pds-color-badge-status-dot-disabled: #cfcfd3;
+	--pds-color-badge-status-dot-discovery: var(
+		--pds-color-semantic-discovery-foreground
+	);
+	--pds-color-badge-status-dot-frozen: #dfd8f5;
+	--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: #23232d;
+	--pds-color-border-default: rgba(0, 0, 0, 0.11);
+	--pds-color-brand-accent-100: #ffe5f6;
+	--pds-color-brand-accent-200: #ff99dc;
+	--pds-color-brand-accent-300: #ff4cc3;
+	--pds-color-brand-accent-400: #de0093;
+	--pds-color-brand-accent-500: #9a0066;
+	--pds-color-brand-accent-600: #560039;
+	--pds-color-brand-accent-default: #de0093;
+	--pds-color-brand-primary-100: #fffbe9;
+	--pds-color-brand-primary-200: #fff1a9;
+	--pds-color-brand-primary-300: #ffe668;
+	--pds-color-brand-primary-400: #ffdc28;
+	--pds-color-brand-primary-500: #ddbd16;
+	--pds-color-brand-primary-600: #705e00;
+	--pds-color-brand-primary-default: #ffdc28;
+	--pds-color-brand-secondary-100: #f0edfb;
+	--pds-color-brand-secondary-200: #dfd8f5;
+	--pds-color-brand-secondary-300: #5e45cf;
+	--pds-color-brand-secondary-400: #3017a1;
+	--pds-color-brand-secondary-500: #200c7f;
+	--pds-color-brand-secondary-default: #3017a1;
+	--pds-color-breadcrumb-link: var(--pds-color-interactive-link-default);
+	--pds-color-breadcrumb-separator: #cfcfd3;
+	--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: #23232d;
+	--pds-color-button-brand-foreground-default: #23232d;
+	--pds-color-button-brand-foreground-hover: #23232d;
+	--pds-color-button-brand-secondary-background-active: #f1f1f1;
+	--pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
+	--pds-color-button-brand-secondary-background-hover: #f8f8f8;
+	--pds-color-button-brand-secondary-border-active: #23232d;
+	--pds-color-button-brand-secondary-border-default: #6d6d78;
+	--pds-color-button-brand-secondary-border-hover: #23232d;
+	--pds-color-button-brand-secondary-foreground-active: #23232d;
+	--pds-color-button-brand-secondary-foreground-default: #23232d;
+	--pds-color-button-brand-secondary-foreground-hover: #23232d;
+	--pds-color-button-critical-background-active: #ffdcd8;
+	--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: #b52f1d;
+	--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: #b52f1d;
+	--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: var(
+		--pds-color-foreground-default
+	);
+	--pds-color-button-navbar-foreground-hover: var(
+		--pds-color-interactive-link-hover
+	);
+	--pds-color-button-primary-background-active: #200c7f;
+	--pds-color-button-primary-background-default: #3017a1;
+	--pds-color-button-primary-background-hover: #5e45cf;
+	--pds-color-button-primary-border-active: #200c7f;
+	--pds-color-button-primary-border-default: #3017a1;
+	--pds-color-button-primary-border-hover: #5e45cf;
+	--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: #dfd8f5;
+	--pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
+	--pds-color-button-secondary-background-hover: #f0edfb;
+	--pds-color-button-secondary-border-active: #200c7f;
+	--pds-color-button-secondary-border-default: #3017a1;
+	--pds-color-button-secondary-border-hover: #5e45cf;
+	--pds-color-button-secondary-foreground-active: #200c7f;
+	--pds-color-button-secondary-foreground-default: #3017a1;
+	--pds-color-button-secondary-foreground-hover: #3017a1;
+	--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: #200c7f;
+	--pds-color-button-subtle-foreground-default: #3017a1;
+	--pds-color-button-subtle-foreground-hover: #5e45cf;
+	--pds-color-card-border: var(--pds-color-border-default);
+	--pds-color-code-inline-background: #f0edfb;
+	--pds-color-code-inline-border: #dfd8f5;
+	--pds-color-code-inline-text: #000000;
+	--pds-color-dashboard-nav-background: var(
+		--pds-color-background-default-secondary
+	);
+	--pds-color-dashboard-nav-item-background-active: var(
+		--pds-color-background-reverse
+	);
+	--pds-color-dashboard-nav-item-background-default: rgba(0, 0, 0, 0);
+	--pds-color-dashboard-nav-item-background-hover: #e8e8e9;
+	--pds-color-dashboard-nav-item-foreground-active: var(
+		--pds-color-foreground-reverse
+	);
+	--pds-color-dashboard-nav-item-foreground-default: var(
+		--pds-color-foreground-default
+	);
+	--pds-color-dashboard-nav-item-foreground-hover: var(
+		--pds-color-foreground-default
+	);
+	--pds-color-dashboard-toggle-button-background: var(
+		--pds-color-background-reverse
+	);
+	--pds-color-dashboard-toggle-button-foreground: var(
+		--pds-color-foreground-reverse
+	);
+	--pds-color-expansion-panel-hover: #f1f1f1;
+	--pds-color-expansion-panel-open: #f1f1f1;
+	--pds-color-foreground-default: #23232d;
+	--pds-color-foreground-reverse: #ffffff;
+	--pds-color-gradient-after-hours: linear-gradient(
+		228.64deg,
+		#1b0874 41.87%,
+		#29b2ff 100%
+	);
+	--pds-color-gradient-avatar-dawn: linear-gradient(
+		315deg,
+		#ffdc28 0%,
+		#a2cfff 100%
+	);
+	--pds-color-gradient-avatar-dragonfruit: linear-gradient(
+		315deg,
+		#d0c6ff 0%,
+		#de0093 100%
+	);
+	--pds-color-gradient-avatar-dusk: linear-gradient(
+		315deg,
+		#01effe 0%,
+		#ff00c5 100%
+	);
+	--pds-color-gradient-avatar-earth: linear-gradient(
+		315deg,
+		#6bc5fc 0%,
+		#218c5f 100%
+	);
+	--pds-color-gradient-avatar-fall: linear-gradient(
+		135deg,
+		#cc36c9 0%,
+		#ffff11 100%
+	);
+	--pds-color-gradient-avatar-grape: linear-gradient(
+		315deg,
+		#de0093 0%,
+		#5f41e5 100%
+	);
+	--pds-color-gradient-avatar-midnight: linear-gradient(
+		315deg,
+		#5f41e5 0%,
+		#141013 100%
+	);
+	--pds-color-gradient-avatar-moon: linear-gradient(
+		315deg,
+		#a2cfff 0%,
+		#8a70ff 100%
+	);
+	--pds-color-gradient-avatar-plum: linear-gradient(
+		135deg,
+		#000006 0%,
+		#782ea9 76.76%
+	);
+	--pds-color-gradient-avatar-spring: linear-gradient(
+		315deg,
+		#ffdc28 0%,
+		#218c5f 100%
+	);
+	--pds-color-gradient-avatar-summer: linear-gradient(
+		135deg,
+		#ff00c5 0%,
+		#f09737 100%
+	);
+	--pds-color-gradient-avatar-sun: linear-gradient(
+		135deg,
+		#e65f35 0%,
+		#ffff11 100%
+	);
+	--pds-color-gradient-avatar-sundown: linear-gradient(
+		135deg,
+		#4bce97 0%,
+		#a2cfff 50%,
+		#f9dfcf 100%
+	);
+	--pds-color-gradient-avatar-sunrise: linear-gradient(
+		135deg,
+		#3017a1 0%,
+		#f09737 100%
+	);
+	--pds-color-gradient-avatar-twilight: linear-gradient(
+		315deg,
+		#c72fa2 0%,
+		#1b0874 100%
+	);
+	--pds-color-gradient-avatar-winter: linear-gradient(
+		315deg,
+		#ffdc28 0%,
+		#5f41e5 100%
+	);
+	--pds-color-gradient-card-fog: linear-gradient(
+		45deg,
+		#ead7d3 0%,
+		#a2dcff 100%
+	);
+	--pds-color-gradient-card-lavender: linear-gradient(
+		225deg,
+		#8a70ff 0%,
+		#bfb1ff 100%
+	);
+	--pds-color-gradient-card-mint: linear-gradient(
+		225deg,
+		#4bce97 0%,
+		#baf3db 100%
+	);
+	--pds-color-gradient-card-royal: linear-gradient(
+		225deg,
+		#3017a1 0%,
+		#8a70ff 100%
+	);
+	--pds-color-gradient-card-sundown: linear-gradient(
+		225deg,
+		#4bce97 0%,
+		#a2cfff 50%,
+		#f9dfcf 100%
+	);
+	--pds-color-gradient-card-yellow: linear-gradient(
+		225deg,
+		#ffcb45 0%,
+		#ffdc28 50%,
+		#fff1a9 100%
+	);
+	--pds-color-gradient-midnight: linear-gradient(
+		228.64deg,
+		#1b0874 46.34%,
+		#00e0c3 100%
+	);
+	--pds-color-gradient-pastel-1: linear-gradient(
+		175deg,
+		#dfd8f55c 15%,
+		#ffffff00 80%
+	);
+	--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: #fcc5be;
+	--pds-color-icon-button-critical-background-default: rgba(0, 0, 0, 0);
+	--pds-color-icon-button-critical-background-hover: #ffedeb;
+	--pds-color-icon-button-critical-foreground-default: #ca3521;
+	--pds-color-icon-button-standard-background-active: #cfcfd3;
+	--pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
+	--pds-color-icon-button-standard-background-hover: #f1f1f1;
+	--pds-color-icon-button-standard-foreground-default: #6d6d78;
+	--pds-color-input-action-background-hover: #f8f8f8;
+	--pds-color-input-background-critical: #ffedeb;
+	--pds-color-input-background-default: #ffffff;
+	--pds-color-input-background-hover: #f0edfb;
+	--pds-color-input-border-critical: #ca3521;
+	--pds-color-input-border-default: #cfcfd3;
+	--pds-color-input-border-hover: #5e45cf;
+	--pds-color-input-border-success: #218c5f;
+	--pds-color-input-checked-background: var(--pds-color-interactive-focus);
+	--pds-color-input-checked-foreground: #ffffff;
+	--pds-color-input-file-upload-button-background-default: #f1f1f1;
+	--pds-color-input-file-upload-button-background-hover: #e6e6e7;
+	--pds-color-input-foreground-critical: #ca3521;
+	--pds-color-input-foreground-default: #23232d;
+	--pds-color-input-foreground-success: #218c5f;
+	--pds-color-input-placeholder-text: #6d6d78;
+	--pds-color-input-toggle-switch-icon: #ffffff;
+	--pds-color-input-toggle-switch-off: #6d6d78;
+	--pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
+	--pds-color-interactive-focus: #0f62fe;
+	--pds-color-interactive-link-active: #3017a1;
+	--pds-color-interactive-link-default: #0f62fe;
+	--pds-color-interactive-link-hover: #5e45cf;
+	--pds-color-interactive-link-visited: #5e45cf;
+	--pds-color-interactive-reverse-focus: #36a3ff;
+	--pds-color-interactive-reverse-link-active: #ad9bff;
+	--pds-color-interactive-reverse-link-default: #36a3ff;
+	--pds-color-interactive-reverse-link-hover: #8a70ff;
+	--pds-color-interactive-reverse-link-visited: #8a70ff;
+	--pds-color-link-cta-active: #200c7f;
+	--pds-color-link-cta-default: #3017a1;
+	--pds-color-link-cta-hover: #5e45cf;
+	--pds-color-logo-carousel-background: #5e45cf;
+	--pds-color-logo-carousel-foreground: var(--pds-color-foreground-reverse);
+	--pds-color-menu-background: #ffffff;
+	--pds-color-menu-item-background-active: #f1f1f1;
+	--pds-color-menu-item-background-default: #ffffff;
+	--pds-color-menu-item-background-hover: #f1f1f1;
+	--pds-color-menu-item-description-text: #6d6d78;
+	--pds-color-menu-item-foreground: #23232d;
+	--pds-color-menu-item-heading-text: #6d6d78;
+	--pds-color-neutral-000: #ffffff;
+	--pds-color-neutral-100: #f8f8f8;
+	--pds-color-neutral-200: #f1f1f1;
+	--pds-color-neutral-300: #cfcfd3;
+	--pds-color-neutral-400: #6d6d78;
+	--pds-color-neutral-500: #23232d;
+	--pds-color-overlay: rgba(9, 0, 48, 0.45);
+	--pds-color-pager-background-active: #f0edfb;
+	--pds-color-pager-background-hover: #f1f1f1;
+	--pds-color-pager-foreground-active: #5e45cf;
+	--pds-color-panel-critical-border: #ca3521;
+	--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: #f1f1f1;
+	--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: #218c5f;
+	--pds-color-progress-empty: #cfcfd3;
+	--pds-color-progress-partial: #1d7afc;
+	--pds-color-segmented-button-background-active: #f0edfb;
+	--pds-color-segmented-button-background-default: #ffffff;
+	--pds-color-segmented-button-background-hover: #f8f8f8;
+	--pds-color-segmented-button-border-active: #3017a1;
+	--pds-color-segmented-button-border-default: #cfcfd3;
+	--pds-color-segmented-button-foreground-active: #3017a1;
+	--pds-color-segmented-button-foreground-default: #6d6d78;
+	--pds-color-semantic-critical-background: #ffedeb;
+	--pds-color-semantic-critical-foreground: #ca3521;
+	--pds-color-semantic-critical-utility: #f35945;
+	--pds-color-semantic-critical-utility-light: #fcc5be;
+	--pds-color-semantic-discovery-background: #eae6ff;
+	--pds-color-semantic-discovery-foreground: #8270db;
+	--pds-color-semantic-info-background: #e9f2ff;
+	--pds-color-semantic-info-foreground: #1d7afc;
+	--pds-color-semantic-neutral-background: #cfcfd3;
+	--pds-color-semantic-neutral-foreground: #23232d;
+	--pds-color-semantic-neutral-utility: #6d6d78;
+	--pds-color-semantic-success-background: #e3fcef;
+	--pds-color-semantic-success-foreground: #218c5f;
+	--pds-color-semantic-success-utility: #35ae7b;
+	--pds-color-semantic-warning-background: #fff7d6;
+	--pds-color-semantic-warning-foreground: #d97008;
+	--pds-color-side-nav-background-hover: #f0edfb;
+	--pds-color-social-rss: #f26522;
+	--pds-color-stepper-completed: #3017a1;
+	--pds-color-stepper-current: #3017a1;
+	--pds-color-stepper-default: #cfcfd3;
+	--pds-color-stepper-error: #ca3521;
+	--pds-color-strength-fair: #d97008;
+	--pds-color-strength-strong: #218c5f;
+	--pds-color-strength-very-weak: #cfcfd3;
+	--pds-color-strength-weak: #ca3521;
+	--pds-color-table-sort-arrow-active: #5e45cf;
+	--pds-color-table-sort-arrow-inactive: #cfcfd3;
+	--pds-color-tabs-accent: #5e45cf;
+	--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: #54221c;
+	--pds-color-tag-16-background: #f1a76e;
+	--pds-color-tag-16-foreground: #68320f;
+	--pds-color-tag-17-background: #d87ab8;
+	--pds-color-tag-17-foreground: #49273e;
+	--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: #6d6d78;
+	--pds-color-text-reverse: var(--pds-color-foreground-reverse);
+	--pds-color-tile-background-active: #f1f1f1;
+	--pds-color-tile-background-hover: #f8f8f8;
+	--pds-color-tile-separator: #cfcfd3;
+	--pds-color-toggle-button-background-off: #f1f1f1;
+	--pds-color-toggle-button-foreground-off: #6d6d78;
+	--pds-color-tooltip-background: #23232d;
+	--pds-color-tooltip-text: #ffffff;
+	--pds-color-tooltip-trigger-icon-critical: #ca3521;
+	--pds-color-tooltip-trigger-icon-default: #23232d;
+	--pds-elevation-active: 0px 0px 0px 1px rgba(0, 0, 0, 0.08),
+		0px 6px 14px 0px rgba(0, 0, 0, 0.08);
+	--pds-elevation-dropdown: 0px 1px 0px 1px rgba(0, 0, 0, 0.08),
+		0px 6px 14px 0px rgba(0, 0, 0, 0.08);
+	--pds-elevation-overlay: 0px 0px 0px 1px rgba(0, 0, 0, 0.08),
+		0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04),
+		0px 24px 32px -8px rgba(0, 0, 0, 0.06);
+	--pds-elevation-raised: 0px 0px 0px 1px rgba(0, 0, 0, 0.08),
+		0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
+}

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

@@ -0,0 +1,105 @@
+/**
+ * 
+ * Pantheon Systems
+ * 
+ * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+ * !! DO NOT EDIT THIS FILE DIRECTLY !!
+ * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+ * 
+ * This file has been generated automatically.
+ */
+
+:root {
+  --pds-animation-button-transition: all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
+  --pds-animation-focus-transition: outline var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
+  --pds-animation-input-transition: background-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay), border-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
+  --pds-animation-link-transition: all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
+  --pds-animation-reveal-transition: all var(--pds-animation-transition-reveal-duration) var(--pds-animation-transition-default-timing-function);
+  --pds-animation-rotation-transition: transform var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
+  --pds-animation-transition-default-delay: 0s;
+  --pds-animation-transition-default-duration: 200ms;
+  --pds-animation-transition-default-timing-function: ease-in-out;
+  --pds-animation-transition-dropdown-duration: 300ms;
+  --pds-animation-transition-reveal-duration: 300ms;
+  --pds-border-radius-bar: 3.5rem;
+  --pds-border-radius-container: 0.375rem;
+  --pds-border-radius-default: 0.1875rem;
+  --pds-border-width-default: 0.0625rem;
+  --pds-border-width-outline: 0.125rem;
+  --pds-border-width-stepper: 0.1875rem;
+  --pds-container-max-width-narrow: 1024px;
+  --pds-container-max-width-standard: 1200px;
+  --pds-container-max-width-wide: 1440px;
+  --pds-container-max-width-x-wide: 1600px;
+  --pds-container-modal-width-large: 44rem;
+  --pds-container-modal-width-medium: 36rem;
+  --pds-container-modal-width-small: 25rem;
+  --pds-container-padding-base: var(--pds-spacing-xl);
+  --pds-container-padding-narrow-bp-lg: 20%;
+  --pds-container-padding-narrow-bp-md: 12%;
+  --pds-container-padding-standard-bp-lg: 8%;
+  --pds-container-padding-standard-bp-md: 6%;
+  --pds-container-padding-wide-bp-lg: 4%;
+  --pds-container-padding-wide-bp-md: 5%;
+  --pds-container-tooltip-max-width: 12.5rem;
+  --pds-grid-marketing-column-medium-large: 4.36875%;
+  --pds-grid-marketing-column-small: 21.34375%;
+  --pds-grid-marketing-gap-medium-large: 4.325%;
+  --pds-grid-marketing-gap-small: 4.875%;
+  --pds-spacing-2xl: 1.953rem;
+  --pds-spacing-2xs: 0.512rem;
+  --pds-spacing-3xl: 2.441rem;
+  --pds-spacing-3xs: 0.41rem;
+  --pds-spacing-4xl: 3.052rem;
+  --pds-spacing-4xs: 0.328rem;
+  --pds-spacing-5xl: 3.815rem;
+  --pds-spacing-5xs: 0.25rem;
+  --pds-spacing-6xl: 4.678rem;
+  --pds-spacing-6xs: 0.125rem;
+  --pds-spacing-7xl: 5.96rem;
+  --pds-spacing-8xl: 7.451rem;
+  --pds-spacing-dashboard-nav-item-height: 2.25rem;
+  --pds-spacing-dashboard-nav-item-padding: 0.625rem;
+  --pds-spacing-l: 1.25rem;
+  --pds-spacing-m: 1rem;
+  --pds-spacing-s: 0.8rem;
+  --pds-spacing-xl: 1.563rem;
+  --pds-spacing-xs: 0.64rem;
+  --pds-typography-font-code: 'Source Code Pro', monospace;
+  --pds-typography-font-default: 'Poppins', sans-serif;
+  --pds-typography-font-secondary: 'Aleo', serif;
+  --pds-typography-font-weight-bold: 700;
+  --pds-typography-font-weight-light: 300;
+  --pds-typography-font-weight-regular: 400;
+  --pds-typography-font-weight-semibold: 600;
+  --pds-typography-letter-spacing-l: 0.04rem;
+  --pds-typography-letter-spacing-m: 0.02rem;
+  --pds-typography-letter-spacing-s: 0.01rem;
+  --pds-typography-letter-spacing-xl: 0.06rem;
+  --pds-typography-line-height-l: 165%;
+  --pds-typography-line-height-m: 140%;
+  --pds-typography-line-height-s: 120%;
+  --pds-typography-line-height-xl: 195%;
+  --pds-typography-multiplier-medium: 0.88;
+  --pds-typography-multiplier-small: 0.84;
+  --pds-typography-size-2xl: 1.728rem;
+  --pds-typography-size-3xl: 2.074rem;
+  --pds-typography-size-4xl: 2.488rem;
+  --pds-typography-size-5xl: 2.986rem;
+  --pds-typography-size-6xl: 3.583rem;
+  --pds-typography-size-7xl: 4.3rem;
+  --pds-typography-size-8xl: 5.160rem;
+  --pds-typography-size-9xl: 6.192rem;
+  --pds-typography-size-default: 1rem;
+  --pds-typography-size-input-label: 1rem;
+  --pds-typography-size-l: 1.2rem;
+  --pds-typography-size-m: 1rem;
+  --pds-typography-size-s: 0.833rem;
+  --pds-typography-size-xl: 1.44rem;
+  --pds-typography-size-xs: 0.694rem;
+  --pds-z-index-dropdown: 200;
+  --pds-z-index-modal: 500;
+  --pds-z-index-navigation: 100;
+  --pds-z-index-notifications: 300;
+  --pds-z-index-overlay: 400;
+}