@snhaman/pollymorph 1.4.0 → 1.5.0

package/dist/pds-icons.css

@@ -0,0 +1,117 @@
+/* PDS-Icon-Font-20 — Elucidata icon font
+ * Bundled with @snhaman/pollymorph — import via "@snhaman/pollymorph/fonts"
+ * Usage: <span class="pds-icon pds-icon--settings"></span>
+ *    or: element { font-family: 'PDS-Icon-Font-20'; content: "\\E946"; }
+ */
+
+@font-face {
+  font-family: 'PDS-Icon-Font-20';
+  src: url('./fonts/PDS-Icon-Font-20.woff2') format('woff2'),
+       url('./fonts/PDS-Icon-Font-20.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="pds-icon--"],
+[class*=" pds-icon--"] {
+  font-family: 'PDS-Icon-Font-20' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.pds-icon--meatballs-settings::before { content: "\E900"; }
+.pds-icon--add-to-shortlist::before { content: "\E901"; }
+.pds-icon--shortlist::before { content: "\E902"; }
+.pds-icon--upload-file::before { content: "\E903"; }
+.pds-icon--download-file::before { content: "\E904"; }
+.pds-icon--edit::before { content: "\E905"; }
+.pds-icon--duplicate-or-copy::before { content: "\E906"; }
+.pds-icon--print::before { content: "\E907"; }
+.pds-icon--open-in-new-window::before { content: "\E908"; }
+.pds-icon--table-editor::before { content: "\E909"; }
+.pds-icon--table-sort::before { content: "\E90A"; }
+.pds-icon--save::before { content: "\E90B"; }
+.pds-icon--delete::before { content: "\E90C"; }
+.pds-icon--open-folder::before { content: "\E90D"; }
+.pds-icon--analyse::before { content: "\E90E"; }
+.pds-icon--star-empty::before { content: "\E90F"; }
+.pds-icon--filter::before { content: "\E910"; }
+.pds-icon--add::before { content: "\E911"; }
+.pds-icon--contract::before { content: "\E912"; }
+.pds-icon--expand::before { content: "\E913"; }
+.pds-icon--close::before { content: "\E914"; }
+.pds-icon--up-chevron::before { content: "\E915"; }
+.pds-icon--left-chevron::before { content: "\E916"; }
+.pds-icon--right-chevron::before { content: "\E917"; }
+.pds-icon--expand-chevron::before { content: "\E918"; }
+.pds-icon--up-carrot::before { content: "\E919"; }
+.pds-icon--left-carrot::before { content: "\E91A"; }
+.pds-icon--right-carrot::before { content: "\E91B"; }
+.pds-icon--down-carrot::before { content: "\E91C"; }
+.pds-icon--arrow-up::before { content: "\E91D"; }
+.pds-icon--arrow-left-back::before { content: "\E91E"; }
+.pds-icon--arrow-right-forward::before { content: "\E91F"; }
+.pds-icon--arrow-down::before { content: "\E920"; }
+.pds-icon--north-east::before { content: "\E921"; }
+.pds-icon--north-west::before { content: "\E922"; }
+.pds-icon--south-east::before { content: "\E923"; }
+.pds-icon--south-west::before { content: "\E924"; }
+.pds-icon--arrow-forward-large::before { content: "\E925"; }
+.pds-icon--arrow-back-large::before { content: "\E926"; }
+.pds-icon--skip-to-first::before { content: "\E927"; }
+.pds-icon--skip-to-last::before { content: "\E928"; }
+.pds-icon--star-full::before { content: "\E929"; }
+.pds-icon--visibility-on::before { content: "\E92A"; }
+.pds-icon--visibility-off::before { content: "\E92B"; }
+.pds-icon--pinned::before { content: "\E92C"; }
+.pds-icon--pin::before { content: "\E92D"; }
+.pds-icon--star-half::before { content: "\E92E"; }
+.pds-icon--previous-arrow::before { content: "\E92F"; }
+.pds-icon--next-arrow::before { content: "\E930"; }
+.pds-icon--folder-open::before { content: "\E931"; }
+.pds-icon--folder::before { content: "\E932"; }
+.pds-icon--create-new-folder::before { content: "\E933"; }
+.pds-icon--upload-folder::before { content: "\E934"; }
+.pds-icon--archive::before { content: "\E935"; }
+.pds-icon--unarchive::before { content: "\E936"; }
+.pds-icon--link::before { content: "\E937"; }
+.pds-icon--done::before { content: "\E938"; }
+.pds-icon--chart-icon::before { content: "\E939"; }
+.pds-icon--document::before { content: "\E93A"; }
+.pds-icon--code-document::before { content: "\E93B"; }
+.pds-icon--info::before { content: "\E93C"; }
+.pds-icon--swap::before { content: "\E93D"; }
+.pds-icon--description::before { content: "\E93E"; }
+.pds-icon--history::before { content: "\E93F"; }
+.pds-icon--rename::before { content: "\E940"; }
+.pds-icon--pan-move::before { content: "\E941"; }
+.pds-icon--github::before { content: "\E942"; }
+.pds-icon--curation::before { content: "\E943"; }
+.pds-icon--help-and-support::before { content: "\E944"; }
+.pds-icon--user-profile::before { content: "\E945"; }
+.pds-icon--settings::before { content: "\E946"; }
+.pds-icon--notification::before { content: "\E947"; }
+.pds-icon--ingestion::before { content: "\E948"; }
+.pds-icon--omix-logo-simple::before { content: "\E949"; }
+.pds-icon--workspaces::before { content: "\E94A"; }
+.pds-icon--application::before { content: "\E94B"; }
+.pds-icon--users-o-a::before { content: "\E94C"; }
+.pds-icon--admin::before { content: "\E94D"; }
+.pds-icon--cost-wallet::before { content: "\E94E"; }
+.pds-icon--split-view::before { content: "\E94F"; }
+.pds-icon--summary-view::before { content: "\E9B0"; } /* codepoint unverified */
+.pds-icon--list-view::before { content: "\E9B1"; } /* codepoint unverified */
+.pds-icon--card-view::before { content: "\E9B2"; } /* codepoint unverified */
+.pds-icon--table-view::before { content: "\E9B3"; } /* codepoint unverified */
+.pds-icon--cancel-round::before { content: "\E9B4"; } /* codepoint unverified */
+.pds-icon--user-single::before { content: "\E9B5"; } /* codepoint unverified */
+.pds-icon--add-user::before { content: "\E9B6"; } /* codepoint unverified */
+.pds-icon--calendar-event::before { content: "\E9B7"; } /* codepoint unverified */
+.pds-icon--calendar-empty::before { content: "\E9B8"; } /* codepoint unverified */

package/dist/pollymorph.css

@@ -0,0 +1,573 @@
+/* PollyMorph v1.4.0 — Elucidata Design System CSS Custom Properties */
+/* Auto-generated — do not edit manually */
+
+:root {
+  /* Primary colors */
+  /* primary */
+  --color-primary-purple: #8E42EE;
+  --color-primary-purple-98: #FDFBFF;
+  --color-primary-purple-95: #F9F6FE;
+  --color-primary-purple-92: #F6F0FE;
+  --color-primary-purple-90: #F4ECFD;
+  --color-primary-purple-85: #EEE3FC;
+  --color-primary-purple-80: #E8D9FC;
+  --color-primary-purple-75: #E3D0FB;
+  --color-primary-purple-70: #DDC6FA;
+  --color-primary-purple-60: #D2B3F8;
+  --color-primary-purple-50: #C6A0F6;
+  --color-primary-purple-40: #BB8EF5;
+  --color-primary-purple-30: #B07BF3;
+  --color-primary-purple-20: #A568F1;
+  --color-primary-purple-10: #9955F0;
+  --color-primary-purple-0: #8E42EE;
+  --color-primary-purple-neg10: #803BD6;
+  --color-primary-purple-neg20: #7235BE;
+  --color-primary-purple-neg30: #632EA7;
+  --color-primary-purple-neg40: #55288F;
+  --color-primary-purple-neg50: #472177;
+  --color-primary-purple-neg60: #391A5F;
+  --color-primary-purple-neg80: #1C0D30;
+  --color-primary-orange: #F78E12;
+  --color-primary-orange-98: #FFFDFA;
+  --color-primary-orange-95: #FFF9F3;
+  --color-primary-orange-92: #FEF6EC;
+  --color-primary-orange-90: #FEF4E7;
+  --color-primary-orange-85: #FEEEDB;
+  --color-primary-orange-80: #FDE8D0;
+  --color-primary-orange-75: #FDE3C4;
+  --color-primary-orange-70: #FDDDB8;
+  --color-primary-orange-60: #FCD2A0;
+  --color-primary-orange-50: #FBC688;
+  --color-primary-orange-40: #FABB71;
+  --color-primary-orange-30: #F9B059;
+  --color-primary-orange-20: #F9A541;
+  --color-primary-orange-10: #F8992A;
+  --color-primary-orange-0: #F78E12;
+  --color-primary-orange-neg10: #DE8010;
+  --color-primary-orange-neg20: #C6720E;
+  --color-primary-orange-neg30: #AD630D;
+  --color-primary-orange-neg40: #94550B;
+  --color-primary-orange-neg50: #7C4709;
+  --color-primary-orange-neg60: #633907;
+  --color-primary-orange-neg80: #311C04;
+  --color-primary-pink: #EC4899;
+  --color-primary-pink-98: #FFFBFD;
+  --color-primary-pink-95: #FEF6FA;
+  --color-primary-pink-92: #FDF0F7;
+  --color-primary-pink-90: #FDEDF5;
+  --color-primary-pink-85: #FCE4F0;
+  --color-primary-pink-80: #FBDAEB;
+  --color-primary-pink-75: #FAD1E6;
+  --color-primary-pink-70: #F9C8E0;
+  --color-primary-pink-60: #F7B6D6;
+  --color-primary-pink-50: #F6A4CC;
+  --color-primary-pink-40: #F491C2;
+  --color-primary-pink-30: #F27FB8;
+  --color-primary-pink-20: #F06DAD;
+  --color-primary-pink-10: #EE5AA3;
+  --color-primary-pink-0: #EC4899;
+  --color-primary-pink-neg10: #D4418A;
+  --color-primary-pink-neg20: #BD3A7A;
+  --color-primary-pink-neg30: #A5326B;
+  --color-primary-pink-neg40: #8E2B5C;
+  --color-primary-pink-neg50: #76244C;
+  --color-primary-pink-neg60: #5E1D3D;
+  --color-primary-pink-neg80: #2F0E1F;
+  --color-primary-cyan: #06B6D4;
+  --color-primary-cyan-98: #FAFEFE;
+  --color-primary-cyan-95: #F3FBFD;
+  --color-primary-cyan-92: #EBF9FC;
+  --color-primary-cyan-90: #E6F8FB;
+  --color-primary-cyan-85: #DAF4F9;
+  --color-primary-cyan-80: #CDF0F6;
+  --color-primary-cyan-75: #C1EDF4;
+  --color-primary-cyan-70: #B4E9F2;
+  --color-primary-cyan-60: #9BE2EE;
+  --color-primary-cyan-50: #82DAEA;
+  --color-primary-cyan-40: #6AD3E5;
+  --color-primary-cyan-30: #51CCE1;
+  --color-primary-cyan-20: #38C5DD;
+  --color-primary-cyan-10: #1FBDD8;
+  --color-primary-cyan-0: #06B6D4;
+  --color-primary-cyan-neg10: #05A4BF;
+  --color-primary-cyan-neg20: #0592AA;
+  --color-primary-cyan-neg30: #047F94;
+  --color-primary-cyan-neg40: #046D7F;
+  --color-primary-cyan-neg50: #035B6A;
+  --color-primary-cyan-neg60: #024955;
+  --color-primary-cyan-neg80: #01242A;
+  --color-primary-red: #FF004D;
+  --color-primary-red-98: #FFFAFB;
+  --color-primary-red-95: #FFF2F6;
+  --color-primary-red-92: #FFEBF1;
+  --color-primary-red-90: #FFE6ED;
+  --color-primary-red-85: #FFD9E4;
+  --color-primary-red-80: #FFCCDB;
+  --color-primary-red-75: #FFBFD2;
+  --color-primary-red-70: #FFB2CA;
+  --color-primary-red-60: #FF99B8;
+  --color-primary-red-50: #FF80A6;
+  --color-primary-red-40: #FF6694;
+  --color-primary-red-30: #FF4C82;
+  --color-primary-red-20: #FF3371;
+  --color-primary-red-10: #FF1A5F;
+  --color-primary-red-0: #FF004D;
+  --color-primary-red-neg10: #E60045;
+  --color-primary-red-neg20: #CC003E;
+  --color-primary-red-neg30: #B20036;
+  --color-primary-red-neg40: #99002E;
+  --color-primary-red-neg50: #800026;
+  --color-primary-red-neg60: #66001F;
+  --color-primary-red-neg80: #33000F;
+  --color-primary-blue: #3C5DE2;
+  --color-primary-blue-98: #FBFCFE;
+  --color-primary-blue-95: #F5F7FE;
+  --color-primary-blue-92: #EFF2FD;
+  --color-primary-blue-90: #ECEFFC;
+  --color-primary-blue-85: #E2E7FB;
+  --color-primary-blue-80: #D8DFF9;
+  --color-primary-blue-75: #CED6F8;
+  --color-primary-blue-70: #C4CEF6;
+  --color-primary-blue-60: #B1BEF3;
+  --color-primary-blue-50: #9EAEF0;
+  --color-primary-blue-40: #8A9EEE;
+  --color-primary-blue-30: #768EEB;
+  --color-primary-blue-20: #637DE8;
+  --color-primary-blue-10: #506DE5;
+  --color-primary-blue-0: #3C5DE2;
+  --color-primary-blue-neg10: #3654CB;
+  --color-primary-blue-neg20: #304AB5;
+  --color-primary-blue-neg30: #2A419E;
+  --color-primary-blue-neg40: #243888;
+  --color-primary-blue-neg50: #1E2E71;
+  --color-primary-blue-neg60: #18255A;
+  --color-primary-blue-neg80: #0C132D;
+  --color-primary-green: #24CF35;
+  --color-primary-green-98: #FBFEFB;
+  --color-primary-green-95: #F4FDF5;
+  --color-primary-green-92: #EDFBEF;
+  --color-primary-green-90: #E9FAEB;
+  --color-primary-green-85: #DEF8E1;
+  --color-primary-green-80: #D3F5D7;
+  --color-primary-green-75: #C8F3CC;
+  --color-primary-green-70: #BDF1C2;
+  --color-primary-green-60: #A7ECAE;
+  --color-primary-green-50: #92E79A;
+  --color-primary-green-40: #7CE286;
+  --color-primary-green-30: #66DD72;
+  --color-primary-green-20: #50D95D;
+  --color-primary-green-10: #3AD449;
+  --color-primary-green-0: #24CF35;
+  --color-primary-green-neg10: #20BA30;
+  --color-primary-green-neg20: #1DA62A;
+  --color-primary-green-neg30: #199125;
+  --color-primary-green-neg40: #167C20;
+  --color-primary-green-neg50: #12681A;
+  --color-primary-green-neg60: #0E5315;
+  --color-primary-green-neg80: #07290B;
+  --color-primary-yellow: #F7E217;
+  --color-primary-yellow-98: #FFFEFA;
+  --color-primary-yellow-95: #FFFEF3;
+  --color-primary-yellow-92: #FEFDEC;
+  --color-primary-yellow-90: #FEFCE8;
+  --color-primary-yellow-85: #FEFBDC;
+  --color-primary-yellow-80: #FDF9D1;
+  --color-primary-yellow-75: #FDF8C5;
+  --color-primary-yellow-70: #FDF6B9;
+  --color-primary-yellow-60: #FCF3A2;
+  --color-primary-yellow-50: #FBF08B;
+  --color-primary-yellow-40: #FAEE74;
+  --color-primary-yellow-30: #F9EB5D;
+  --color-primary-yellow-20: #F9E845;
+  --color-primary-yellow-10: #F8E52E;
+  --color-primary-yellow-0: #F7E217;
+  --color-primary-yellow-neg10: #DECB15;
+  --color-primary-yellow-neg20: #C6B512;
+  --color-primary-yellow-neg30: #AD9E10;
+  --color-primary-yellow-neg40: #94880E;
+  --color-primary-yellow-neg50: #7C710C;
+  --color-primary-yellow-neg60: #635A09;
+  --color-primary-yellow-neg80: #312D05;
+  --color-primary-neutral: #808080;
+  --color-primary-neutral-98: #FCFCFC;
+  --color-primary-neutral-95: #F9F9F9;
+  --color-primary-neutral-92: #F5F5F5;
+  --color-primary-neutral-90: #F2F2F2;
+  --color-primary-neutral-85: #ECECEC;
+  --color-primary-neutral-80: #E6E6E6;
+  --color-primary-neutral-75: #DFDFDF;
+  --color-primary-neutral-70: #D9D9D9;
+  --color-primary-neutral-60: #CCCCCC;
+  --color-primary-neutral-50: #C0C0C0;
+  --color-primary-neutral-40: #B3B3B3;
+  --color-primary-neutral-30: #A6A6A6;
+  --color-primary-neutral-20: #999999;
+  --color-primary-neutral-10: #8D8D8D;
+  --color-primary-neutral-0: #808080;
+  --color-primary-neutral-neg10: #737373;
+  --color-primary-neutral-neg20: #666666;
+  --color-primary-neutral-neg30: #5A5A5A;
+  --color-primary-neutral-neg40: #4D4D4D;
+  --color-primary-neutral-neg50: #404040;
+  --color-primary-neutral-neg60: #333333;
+  --color-primary-neutral-neg80: #1A1A1A;
+  /* secondary */
+  --color-secondary-purple: #936DC3;
+  --color-secondary-purple-98: #FDFCFE;
+  --color-secondary-purple-95: #FAF8FC;
+  --color-secondary-purple-92: #F6F3FA;
+  --color-secondary-purple-90: #F4F0F9;
+  --color-secondary-purple-85: #EFE9F6;
+  --color-secondary-purple-80: #E9E2F3;
+  --color-secondary-purple-75: #E4DAF0;
+  --color-secondary-purple-70: #DFD3ED;
+  --color-secondary-purple-60: #D4C5E7;
+  --color-secondary-purple-50: #C9B6E1;
+  --color-secondary-purple-40: #BEA7DB;
+  --color-secondary-purple-30: #B399D5;
+  --color-secondary-purple-20: #A98ACF;
+  --color-secondary-purple-10: #9E7CC9;
+  --color-secondary-purple-0: #936DC3;
+  --color-secondary-purple-neg10: #8462B0;
+  --color-secondary-purple-neg20: #76579C;
+  --color-secondary-purple-neg30: #674C88;
+  --color-secondary-purple-neg40: #584175;
+  --color-secondary-purple-neg50: #4A3662;
+  --color-secondary-purple-neg60: #3B2C4E;
+  --color-secondary-purple-neg80: #1D1627;
+  --color-secondary-orange: #D98C30;
+  --color-secondary-orange-98: #FEFDFB;
+  --color-secondary-orange-95: #FDF9F5;
+  --color-secondary-orange-92: #FCF6EE;
+  --color-secondary-orange-90: #FBF4EA;
+  --color-secondary-orange-85: #F9EEE0;
+  --color-secondary-orange-80: #F7E8D6;
+  --color-secondary-orange-75: #F6E2CB;
+  --color-secondary-orange-70: #F4DCC1;
+  --color-secondary-orange-60: #F0D1AC;
+  --color-secondary-orange-50: #ECC698;
+  --color-secondary-orange-40: #E8BA83;
+  --color-secondary-orange-30: #E4AE6E;
+  --color-secondary-orange-20: #E1A359;
+  --color-secondary-orange-10: #DD9845;
+  --color-secondary-orange-0: #D98C30;
+  --color-secondary-orange-neg10: #C37E2B;
+  --color-secondary-orange-neg20: #AE7026;
+  --color-secondary-orange-neg30: #986222;
+  --color-secondary-orange-neg40: #82541D;
+  --color-secondary-orange-neg50: #6C4618;
+  --color-secondary-orange-neg60: #573813;
+  --color-secondary-orange-neg80: #2B1C0A;
+  --color-secondary-pink: #D85C99;
+  --color-secondary-pink-98: #FEFCFD;
+  --color-secondary-pink-95: #FDF7FA;
+  --color-secondary-pink-92: #FCF2F7;
+  --color-secondary-pink-90: #FBEFF5;
+  --color-secondary-pink-85: #F9E7F0;
+  --color-secondary-pink-80: #F7DEEB;
+  --color-secondary-pink-75: #F5D6E6;
+  --color-secondary-pink-70: #F3CEE0;
+  --color-secondary-pink-60: #EFBED6;
+  --color-secondary-pink-50: #ECAECC;
+  --color-secondary-pink-40: #E89DC2;
+  --color-secondary-pink-30: #E48DB8;
+  --color-secondary-pink-20: #E07DAD;
+  --color-secondary-pink-10: #DC6CA3;
+  --color-secondary-pink-0: #D85C99;
+  --color-secondary-pink-neg10: #C2538A;
+  --color-secondary-pink-neg20: #AD4A7A;
+  --color-secondary-pink-neg30: #97406B;
+  --color-secondary-pink-neg40: #82375C;
+  --color-secondary-pink-neg50: #6C2E4C;
+  --color-secondary-pink-neg60: #56253D;
+  --color-secondary-pink-neg80: #2B121F;
+  --color-secondary-cyan: #21A3B9;
+  --color-secondary-cyan-98: #FBFDFE;
+  --color-secondary-cyan-95: #F4FAFC;
+  --color-secondary-cyan-92: #EDF8F9;
+  --color-secondary-cyan-90: #E9F6F8;
+  --color-secondary-cyan-85: #DEF1F4;
+  --color-secondary-cyan-80: #D3EDF1;
+  --color-secondary-cyan-75: #C8E8EE;
+  --color-secondary-cyan-70: #BCE3EA;
+  --color-secondary-cyan-60: #A6DAE3;
+  --color-secondary-cyan-50: #90D1DC;
+  --color-secondary-cyan-40: #7AC8D5;
+  --color-secondary-cyan-30: #64BFCE;
+  --color-secondary-cyan-20: #4DB5C7;
+  --color-secondary-cyan-10: #37ACC0;
+  --color-secondary-cyan-0: #21A3B9;
+  --color-secondary-cyan-neg10: #1E93A6;
+  --color-secondary-cyan-neg20: #1A8294;
+  --color-secondary-cyan-neg30: #177282;
+  --color-secondary-cyan-neg40: #14626F;
+  --color-secondary-cyan-neg50: #10525C;
+  --color-secondary-cyan-neg60: #0D414A;
+  --color-secondary-cyan-neg80: #072125;
+  --color-secondary-red: #CC3361;
+  --color-secondary-red-98: #FEFBFC;
+  --color-secondary-red-95: #FCF5F7;
+  --color-secondary-red-92: #FBEFF2;
+  --color-secondary-red-90: #FAEBEF;
+  --color-secondary-red-85: #F7E0E7;
+  --color-secondary-red-80: #F5D6DF;
+  --color-secondary-red-75: #F2CCD8;
+  --color-secondary-red-70: #F0C2D0;
+  --color-secondary-red-60: #EBADC0;
+  --color-secondary-red-50: #E699B0;
+  --color-secondary-red-40: #E085A0;
+  --color-secondary-red-30: #DB7090;
+  --color-secondary-red-20: #D65C81;
+  --color-secondary-red-10: #D14771;
+  --color-secondary-red-0: #CC3361;
+  --color-secondary-red-neg10: #B82E57;
+  --color-secondary-red-neg20: #A3294E;
+  --color-secondary-red-neg30: #8F2444;
+  --color-secondary-red-neg40: #7A1F3A;
+  --color-secondary-red-neg50: #661A30;
+  --color-secondary-red-neg60: #521427;
+  --color-secondary-red-neg80: #290A13;
+  --color-secondary-blue: #6173BD;
+  --color-secondary-blue-98: #FCFCFE;
+  --color-secondary-blue-95: #F7F8FC;
+  --color-secondary-blue-92: #F2F4FA;
+  --color-secondary-blue-90: #EFF1F8;
+  --color-secondary-blue-85: #E7EAF5;
+  --color-secondary-blue-80: #DFE3F2;
+  --color-secondary-blue-75: #D8DCEE;
+  --color-secondary-blue-70: #D0D5EB;
+  --color-secondary-blue-60: #C0C7E5;
+  --color-secondary-blue-50: #B0B9DE;
+  --color-secondary-blue-40: #A0ABD7;
+  --color-secondary-blue-30: #909DD1;
+  --color-secondary-blue-20: #818FCA;
+  --color-secondary-blue-10: #7181C4;
+  --color-secondary-blue-0: #6173BD;
+  --color-secondary-blue-neg10: #5768AA;
+  --color-secondary-blue-neg20: #4E5C97;
+  --color-secondary-blue-neg30: #445084;
+  --color-secondary-blue-neg40: #3A4571;
+  --color-secondary-blue-neg50: #303A5E;
+  --color-secondary-blue-neg60: #272E4C;
+  --color-secondary-blue-neg80: #131726;
+  /* neutral */
+  --color-neutral-purple: #968AA6;
+  --color-neutral-purple-98: #FDFDFD;
+  --color-neutral-purple-95: #FAF9FB;
+  --color-neutral-purple-92: #F7F6F8;
+  --color-neutral-purple-90: #F4F3F6;
+  --color-neutral-purple-85: #EFEDF2;
+  --color-neutral-purple-80: #EAE8ED;
+  --color-neutral-purple-75: #E5E2E9;
+  --color-neutral-purple-70: #E0DCE4;
+  --color-neutral-purple-60: #D5D0DB;
+  --color-neutral-purple-50: #CAC4D2;
+  --color-neutral-purple-40: #C0B9CA;
+  --color-neutral-purple-30: #B6ADC1;
+  --color-neutral-purple-20: #ABA1B8;
+  --color-neutral-purple-10: #A096AF;
+  --color-neutral-purple-0: #968AA6;
+  --color-neutral-purple-neg10: #877C95;
+  --color-neutral-purple-neg20: #786E85;
+  --color-neutral-purple-neg30: #696174;
+  --color-neutral-purple-neg40: #5A5364;
+  --color-neutral-purple-neg50: #4B4553;
+  --color-neutral-purple-neg60: #3C3742;
+  --color-neutral-purple-neg80: #1E1C21;
+  --color-neutral-orange: #A18768;
+  --color-neutral-orange-98: #FDFDFC;
+  --color-neutral-orange-95: #FAF9F7;
+  --color-neutral-orange-92: #F7F5F3;
+  --color-neutral-orange-90: #F6F3F0;
+  --color-neutral-orange-85: #F1EDE8;
+  --color-neutral-orange-80: #ECE7E1;
+  --color-neutral-orange-75: #E8E1D9;
+  --color-neutral-orange-70: #E3DBD2;
+  --color-neutral-orange-60: #D9CFC3;
+  --color-neutral-orange-50: #D0C3B4;
+  --color-neutral-orange-40: #C7B7A4;
+  --color-neutral-orange-30: #BDAB95;
+  --color-neutral-orange-20: #B49F86;
+  --color-neutral-orange-10: #AA9377;
+  --color-neutral-orange-0: #A18768;
+  --color-neutral-orange-neg10: #917A5E;
+  --color-neutral-orange-neg20: #816C53;
+  --color-neutral-orange-neg30: #715E49;
+  --color-neutral-orange-neg40: #61513E;
+  --color-neutral-orange-neg50: #504434;
+  --color-neutral-orange-neg60: #40362A;
+  --color-neutral-orange-neg80: #201B15;
+  --color-neutral-pink: #AF859A;
+  --color-neutral-pink-98: #FDFDFD;
+  --color-neutral-pink-95: #FBF9FA;
+  --color-neutral-pink-92: #F9F5F7;
+  --color-neutral-pink-90: #F7F3F5;
+  --color-neutral-pink-85: #F3EDF0;
+  --color-neutral-pink-80: #EFE7EB;
+  --color-neutral-pink-75: #EBE0E6;
+  --color-neutral-pink-70: #E7DAE1;
+  --color-neutral-pink-60: #DFCED7;
+  --color-neutral-pink-50: #D7C2CC;
+  --color-neutral-pink-40: #CFB6C2;
+  --color-neutral-pink-30: #C7AAB8;
+  --color-neutral-pink-20: #BF9DAE;
+  --color-neutral-pink-10: #B791A4;
+  --color-neutral-pink-0: #AF859A;
+  --color-neutral-pink-neg10: #9E788B;
+  --color-neutral-pink-neg20: #8C6A7B;
+  --color-neutral-pink-neg30: #7A5D6C;
+  --color-neutral-pink-neg40: #69505C;
+  --color-neutral-pink-neg50: #58424D;
+  --color-neutral-pink-neg60: #46353E;
+  --color-neutral-pink-neg80: #231B1F;
+  --color-neutral-cyan: #3A91A0;
+  --color-neutral-cyan-98: #FBFDFD;
+  --color-neutral-cyan-95: #F5FAFA;
+  --color-neutral-cyan-92: #EFF6F7;
+  --color-neutral-cyan-90: #EBF4F6;
+  --color-neutral-cyan-85: #E1EEF1;
+  --color-neutral-cyan-80: #D8E9EC;
+  --color-neutral-cyan-75: #CEE4E7;
+  --color-neutral-cyan-70: #C4DEE2;
+  --color-neutral-cyan-60: #B0D3D9;
+  --color-neutral-cyan-50: #9CC8D0;
+  --color-neutral-cyan-40: #89BDC6;
+  --color-neutral-cyan-30: #75B2BC;
+  --color-neutral-cyan-20: #61A7B3;
+  --color-neutral-cyan-10: #4E9CAA;
+  --color-neutral-cyan-0: #3A91A0;
+  --color-neutral-cyan-neg10: #348290;
+  --color-neutral-cyan-neg20: #2E7480;
+  --color-neutral-cyan-neg30: #296670;
+  --color-neutral-cyan-neg40: #235760;
+  --color-neutral-cyan-neg50: #1D4850;
+  --color-neutral-cyan-neg60: #173A40;
+  --color-neutral-cyan-neg80: #0C1D20;
+  --color-neutral-red: #9F6073;
+  --color-neutral-red-98: #FDFCFC;
+  --color-neutral-red-95: #FAF7F8;
+  --color-neutral-red-92: #F7F2F4;
+  --color-neutral-red-90: #F5EFF1;
+  --color-neutral-red-85: #F1E7EA;
+  --color-neutral-red-80: #ECDFE3;
+  --color-neutral-red-75: #E7D7DC;
+  --color-neutral-red-70: #E2CFD5;
+  --color-neutral-red-60: #D9BFC7;
+  --color-neutral-red-50: #CFB0B9;
+  --color-neutral-red-40: #C5A0AB;
+  --color-neutral-red-30: #BC909D;
+  --color-neutral-red-20: #B2808F;
+  --color-neutral-red-10: #A97081;
+  --color-neutral-red-0: #9F6073;
+  --color-neutral-red-neg10: #8F5668;
+  --color-neutral-red-neg20: #7F4D5C;
+  --color-neutral-red-neg30: #6F4350;
+  --color-neutral-red-neg40: #5F3A45;
+  --color-neutral-red-neg50: #50303A;
+  --color-neutral-red-neg60: #40262E;
+  --color-neutral-red-neg80: #201317;
+  --color-neutral-blue: #7A82A4;
+  --color-neutral-blue-98: #FCFCFD;
+  --color-neutral-blue-95: #F8F9FA;
+  --color-neutral-blue-92: #F4F5F8;
+  --color-neutral-blue-90: #F2F2F6;
+  --color-neutral-blue-85: #EBECF1;
+  --color-neutral-blue-80: #E4E6ED;
+  --color-neutral-blue-75: #DEE0E8;
+  --color-neutral-blue-70: #D7DAE4;
+  --color-neutral-blue-60: #CACDDB;
+  --color-neutral-blue-50: #BCC0D2;
+  --color-neutral-blue-40: #AFB4C8;
+  --color-neutral-blue-30: #A2A8BF;
+  --color-neutral-blue-20: #959BB6;
+  --color-neutral-blue-10: #878EAD;
+  --color-neutral-blue-0: #7A82A4;
+  --color-neutral-blue-neg10: #6E7594;
+  --color-neutral-blue-neg20: #626883;
+  --color-neutral-blue-neg30: #555B73;
+  --color-neutral-blue-neg40: #494E62;
+  --color-neutral-blue-neg50: #3D4152;
+  --color-neutral-blue-neg60: #313442;
+  --color-neutral-blue-neg80: #181A21;
+  /* Standard */
+  --color-standard-white: #FFFFFF;
+  --color-standard-black: #000000;
+  /* Platform surfaces */
+  --color-sidebar-bg: #211D33;
+  --color-sidebar-nested: #2C2840;
+  --color-sidebar-stroke: #433B60;
+  --color-platform-surface: linear-gradient(180deg, #EFECF1 0%, #F6F4F9 53%, #E1DBE7 99%);
+  /* Surface */
+  --color-surface-hover: #f8f5ff;
+  --color-surface-active: #f0ebff;
+  --color-surface-disabled: #f5f5f5;
+
+  /* Font families */
+  --font-family-grotesk: 'Space Grotesk', sans-serif;
+  --font-family-inter: 'Inter', sans-serif;
+  --font-family-jetbrains: 'JetBrains Mono', monospace;
+  --font-family-icon: 'PDS-Icon-Font-20', sans-serif;
+  --font-family-base: 'Inter', sans-serif;
+  /* Font sizes */
+  --font-size-cli: {'large': '0.875rem', 'medium': '0.75rem', 'small': '0.6875rem', 'micro': '0.625rem'};
+  --font-size-display: {'large': '3.375rem', 'medium': '2.75rem', 'small': '2.25rem'};
+  --font-size-headline: {'large': '2rem', 'medium': '1.75rem', 'small': '1.5rem'};
+  --font-size-title: {'large': '1.375rem', 'medium': '1rem', 'small': '0.875rem', 'micro': '0.75rem'};
+  --font-size-body: {'large': '1rem', 'medium': '0.875rem', 'small': '0.75rem', 'micro': '0.6875rem'};
+  --font-size-label: {'large': '0.875rem', 'medium': '0.75rem', 'small': '0.6875rem', 'micro': '0.625rem'};
+  --font-size-tag: {'large': '0.875rem', 'medium': '0.75rem', 'small': '0.6875rem', 'micro': '0.625rem'};
+  --font-size-slate: {'_note': 'Space Grotesk VW headline-alternative scale. Added from Figma PDS 2.0.', 'large': '2rem', 'medium': '1.75rem', 'small': '1.5rem'};
+  --font-size-subject: {'_note': 'Space Grotesk VW title-alternative scale. Added from Figma PDS 2.0.', 'large': '1.375rem', 'medium': '1rem', 'small': '0.875rem', 'micro': '0.75rem'};
+  --font-size-icon: {'_note': 'PDS-Icon-Font-20 icon scale. Added from Figma PDS 2.0.', 'large': '1.5rem', 'medium': '1.25rem', 'small': '1rem'};
+  /* Font weights */
+  --font-weight-normal: 400;
+  --font-weight-extraThick: 450;
+  --font-weight-medium: 500;
+  --font-weight-thick: 550;
+  --font-weight-semiBold: 600;
+  --font-weight-bold: 700;
+  /* Line heights */
+  --line-height-display: {'large': '4rem', 'medium': '3.25rem', 'small': '2.75rem'};
+  --line-height-headline: {'large': '2.5rem', 'medium': '2.25rem', 'small': '2rem'};
+  --line-height-title: {'large': '1.75rem', 'medium': '1.5rem', 'small': '1.25rem', 'micro': '1rem'};
+  --line-height-body: {'large': '1.75rem', 'medium': '1.5rem', 'small': '1.25rem', 'micro': '1.125rem'};
+  --line-height-label: {'large': '1.25rem', 'medium': '1rem', 'small': '1rem', 'micro': '0.875rem'};
+  --line-height-tag: {'large': '1.25rem', 'medium': '1rem', 'small': '1rem', 'micro': '0.875rem'};
+  --line-height-cli: {'large': '1.25rem', 'medium': '1rem', 'small': '1rem', 'micro': '0.875rem'};
+  --line-height-slate: {'large': '2.5rem', 'medium': '2.25rem', 'small': '2rem'};
+  --line-height-subject: {'large': '1.75rem', 'medium': '1.5rem', 'small': '1.25rem', 'micro': '1rem'};
+  --line-height-icon: {'large': '1.4375rem', 'medium': '1.25rem', 'small': '1rem'};
+  /* Letter spacing */
+  --letter-spacing-none: 0;
+  --letter-spacing-tight: -0.1px;
+  --letter-spacing-normal: 0.1px;
+  --letter-spacing-wide: 0.2px;
+  --letter-spacing-wider: 0.35px;
+  --letter-spacing-subtleWide: 0.15px;
+  --letter-spacing-semiWide: 0.3px;
+  --letter-spacing-widest: 0.5px;
+
+  /* Spacing */
+  --spacing-0: 0;
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-8: 2rem;
+  --spacing-10: 2.5rem;
+  --spacing-12: 3rem;
+  --spacing-16: 4rem;
+
+  /* Border radius */
+  --radius-none: 0;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-full: 9999px;
+
+  /* Elevation / shadows */
+}