@solid-design-system/tokens 5.5.0 → 6.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/theme.js +1 -0
  2. package/dist/tokens.scss +135 -146
  3. package/package.json +16 -6
  4. package/themes/tailwind.css +297 -0
  5. package/themes/ui-dark/ui-dark.css +197 -0
  6. package/themes/ui-light/ui-light.css +139 -0
  7. package/themes/vb/icons.css +26 -0
  8. package/themes/vb/vb.css +196 -0
  9. package/dist/tokens.tailwind.json +0 -708
package/dist/theme.js ADDED
@@ -0,0 +1 @@
1
+ export default {"base":[{"name":"animate-bounce-once","value":"bounce-once var(--sd-duration-medium, 300ms) ease-in-out;"},{"name":"animate-grow","value":"grow linear;"},{"name":"animate-loader-current","value":"wave 1.3s infinite, loader-color-current 2.6s infinite;"},{"name":"animate-loader-primary","value":"wave 1.3s infinite, loader-color-primary 2.6s infinite;"},{"name":"animate-loader-white","value":"wave 1.3s infinite, loader-color-white 2.6s infinite;"},{"name":"aspect-16/10","value":"var(--sd-aspect-16\\/10);"},{"name":"aspect-21/9","value":"var(--sd-aspect-21\\/9);"},{"name":"aspect-2/1","value":"var(--sd-aspect-2\\/1);"},{"name":"aspect-3/2","value":"var(--sd-aspect-3\\/2);"},{"name":"aspect-3/4","value":"var(--sd-aspect-3\\/4);"},{"name":"aspect-4/3","value":"var(--sd-aspect-4\\/3);"},{"name":"aspect-4/5","value":"var(--sd-aspect-4\\/5);"},{"name":"aspect-5/4","value":"var(--sd-aspect-5\\/4);"},{"name":"aspect-6/5","value":"var(--sd-aspect-6\\/5);"},{"name":"aspect-golden-ratio","value":"var(--sd-aspect-golden-ratio);"},{"name":"aspect-square","value":"var(--sd-aspect-square);"},{"name":"aspect-video","value":"var(--sd-aspect-video);"},{"name":"background-color-accent-300","value":"var(--sd-color-background-accent-300, var(--sd-color-accent-300));"},{"name":"background-color-accent-500","value":"var(--sd-color-background-accent-500, var(--sd-color-accent-500));"},{"name":"background-color-accent-550","value":"var(--sd-color-background-accent-550, var(--sd-color-accent-550));"},{"name":"background-color-accent-700","value":"var(--sd-color-background-accent-700, var(--sd-color-accent-700));"},{"name":"background-color-accent","value":"var(--sd-color-background-accent, var(--sd-color-accent));"},{"name":"background-color-error-400","value":"var(--sd-color-background-error-400, var(--sd-color-error-400));"},{"name":"background-color-error","value":"var(--sd-color-background-error, var(--sd-color-error));"},{"name":"background-color-info","value":"var(--sd-color-background-info, var(--sd-color-info));"},{"name":"background-color-neutral-100","value":"var(--sd-color-background-neutral-100, var(--sd-color-neutral-100));"},{"name":"background-color-neutral-200","value":"var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));"},{"name":"background-color-neutral-300","value":"var(--sd-color-background-neutral-300, var(--sd-color-neutral-300));"},{"name":"background-color-neutral-400","value":"var(--sd-color-background-neutral-400, var(--sd-color-neutral-400));"},{"name":"background-color-neutral-500","value":"var(--sd-color-background-neutral-500, var(--sd-color-neutral-500));"},{"name":"background-color-neutral-600","value":"var(--sd-color-background-neutral-600, var(--sd-color-neutral-600));"},{"name":"background-color-neutral-800","value":"var(--sd-color-background-neutral-800, var(--sd-color-neutral-800));"},{"name":"background-color-primary-100","value":"var(--sd-color-background-primary-100, var(--sd-color-primary-100));"},{"name":"background-color-primary-200","value":"var(--sd-color-background-primary-200, var(--sd-color-primary-200));"},{"name":"background-color-primary-300","value":"var(--sd-color-background-primary-300, var(--sd-color-primary-300));"},{"name":"background-color-primary-500","value":"var(--sd-color-background-primary-500, var(--sd-color-primary-500));"},{"name":"background-color-primary-800","value":"var(--sd-color-background-primary-800, var(--sd-color-primary-800));"},{"name":"background-color-primary","value":"var(--sd-color-background-primary, var(--sd-color-primary));"},{"name":"background-color-success","value":"var(--sd-color-background-success, var(--sd-color-success));"},{"name":"background-color-warning","value":"var(--sd-color-background-warning, var(--sd-color-warning));"},{"name":"background-color-white","value":"var(--sd-color-background-white, var(--sd-color-white));"},{"name":"border-color-accent-550","value":"var(--sd-color-border-accent-550, var(--sd-color-accent-550));"},{"name":"border-color-accent","value":"var(--sd-color-border-accent, var(--sd-color-accent));"},{"name":"border-color-error-400","value":"var(--sd-color-border-error-400, var(--sd-color-error-400));"},{"name":"border-color-error","value":"var(--sd-color-border-error, var(--sd-color-error));"},{"name":"border-color-neutral-400","value":"var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));"},{"name":"border-color-neutral-500","value":"var(--sd-color-border-neutral-500, var(--sd-color-neutral-500));"},{"name":"border-color-neutral-600","value":"var(--sd-color-border-neutral-600, var(--sd-color-neutral-600));"},{"name":"border-color-neutral-800","value":"var(--sd-color-border-neutral-800, var(--sd-color-neutral-800));"},{"name":"border-color-primary-100","value":"var(--sd-color-border-primary-100, var(--sd-color-primary-100));"},{"name":"border-color-primary-200","value":"var(--sd-color-border-primary-200, var(--sd-color-primary-200));"},{"name":"border-color-primary-400","value":"var(--sd-color-border-primary-400, var(--sd-color-primary-400));"},{"name":"border-color-primary-500","value":"var(--sd-color-border-primary-500, var(--sd-color-primary-500));"},{"name":"border-color-primary-800","value":"var(--sd-color-border-primary-800, var(--sd-color-primary-800));"},{"name":"border-color-primary","value":"var(--sd-color-border-primary, var(--sd-color-primary));"},{"name":"border-color-success","value":"var(--sd-color-border-success, var(--sd-color-success));"},{"name":"border-color-white","value":"var(--sd-color-border-white, var(--sd-color-white));"},{"name":"border-width-2","value":"var(--sd-border-width-2);"},{"name":"border-width-4","value":"var(--sd-border-width-4);"},{"name":"border-width-6","value":"var(--sd-border-width-6);"},{"name":"border-width-default","value":"var(--sd-border-width);"},{"name":"drop-shadow-sm","value":"var(--sd-drop-shadow-sm);"},{"name":"drop-shadow","value":"var(--sd-drop-shadow);"},{"name":"fill-accent-550","value":"var(--sd-color-icon-fill-accent-550, var(--sd-color-accent-550));"},{"name":"fill-accent","value":"var(--sd-color-icon-fill-accent, var(--sd-color-accent));"},{"name":"fill-error-400","value":"var(--sd-color-icon-fill-error-400, var(--sd-color-error-400));"},{"name":"fill-error","value":"var(--sd-color-icon-fill-error, var(--sd-color-error));"},{"name":"fill-neutral-400","value":"var(--sd-color-icon-fill-neutral-400, var(--sd-color-neutral-400));"},{"name":"fill-neutral-500","value":"var(--sd-color-icon-fill-neutral-500, var(--sd-color-neutral-500));"},{"name":"fill-neutral-600","value":"var(--sd-color-icon-fill-neutral-600, var(--sd-color-neutral-600));"},{"name":"fill-neutral-800","value":"var(--sd-color-icon-fill-neutral-800, var(--sd-color-neutral-800));"},{"name":"fill-primary-100","value":"var(--sd-color-icon-fill-primary-100, var(--sd-color-primary-100));"},{"name":"fill-primary-200","value":"var(--sd-color-icon-fill-primary-200, var(--sd-color-primary-200));"},{"name":"fill-primary-400","value":"var(--sd-color-icon-fill-primary-400, var(--sd-color-primary-400));"},{"name":"fill-primary-500","value":"var(--sd-color-icon-fill-primary-500, var(--sd-color-primary-500));"},{"name":"fill-primary-800","value":"var(--sd-color-icon-fill-primary-800, var(--sd-color-primary-800));"},{"name":"fill-primary","value":"var(--sd-color-icon-fill-primary, var(--sd-color-primary));"},{"name":"fill-risk-high","value":"var(--sd-color-icon-fill-risk-high, var(--sd-color-risk-high));"},{"name":"fill-risk-increased","value":"var(--sd-color-icon-fill-risk-increased, var(--sd-color-risk-increased));"},{"name":"fill-risk-low","value":"var(--sd-color-icon-fill-risk-low, var(--sd-color-risk-low));"},{"name":"fill-risk-moderate","value":"var(--sd-color-icon-fill-risk-moderate, var(--sd-color-risk-moderate));"},{"name":"fill-risk-veryhigh","value":"var(--sd-color-icon-fill-risk-veryhigh, var(--sd-color-risk-veryhigh));"},{"name":"fill-success","value":"var(--sd-color-icon-fill-success, var(--sd-color-success));"},{"name":"fill-white","value":"var(--sd-color-icon-fill-white, var(--sd-color-white));"},{"name":"font-weight-bold","value":"var(--sd-font-weight-bold);"},{"name":"font-weight-normal","value":"var(--sd-font-weight-normal);"},{"name":"opacity-0","value":"var(--sd-opacity-0);"},{"name":"opacity-100","value":"var(--sd-opacity-100);"},{"name":"opacity-10","value":"var(--sd-opacity-10);"},{"name":"opacity-20","value":"var(--sd-opacity-20);"},{"name":"opacity-30","value":"var(--sd-opacity-30);"},{"name":"opacity-50","value":"var(--sd-opacity-50);"},{"name":"opacity-55","value":"var(--sd-opacity-55);"},{"name":"opacity-5","value":"var(--sd-opacity-5);"},{"name":"opacity-60","value":"var(--sd-opacity-60);"},{"name":"opacity-70","value":"var(--sd-opacity-70);"},{"name":"opacity-75","value":"var(--sd-opacity-75);"},{"name":"opacity-80","value":"var(--sd-opacity-80);"},{"name":"opacity-85","value":"var(--sd-opacity-85);"},{"name":"opacity-90","value":"var(--sd-opacity-90);"},{"name":"outline-color-error","value":"var(--sd-border-color-error, var(--sd-color-error));"},{"name":"outline-color-primary","value":"var(--sd-border-color-primary, var(--sd-color-primary));"},{"name":"radius-default","value":"var(--sd-radius);"},{"name":"radius-full","value":"var(--sd-radius-full);"},{"name":"radius-lg","value":"var(--sd-radius-lg);"},{"name":"radius-md","value":"var(--sd-radius-md);"},{"name":"radius-none","value":"var(--sd-radius-none);"},{"name":"radius-sm","value":"var(--sd-radius-sm);"},{"name":"shadow-sm","value":"var(--sd-shadow-sm);"},{"name":"shadow","value":"var(--sd-shadow);"},{"name":"sizing-10","value":"var(--sd-sizing-10);"},{"name":"sizing-12","value":"var(--sd-sizing-12);"},{"name":"sizing-16","value":"var(--sd-sizing-16);"},{"name":"sizing-20","value":"var(--sd-sizing-20);"},{"name":"sizing-24","value":"var(--sd-sizing-24);"},{"name":"sizing-2","value":"var(--sd-sizing-2);"},{"name":"sizing-2.5","value":"var(--sd-sizing-2\\.5);"},{"name":"sizing-3","value":"var(--sd-sizing-3);"},{"name":"sizing-4","value":"var(--sd-sizing-4);"},{"name":"sizing-5","value":"var(--sd-sizing-5);"},{"name":"sizing-6","value":"var(--sd-sizing-6);"},{"name":"sizing-8","value":"var(--sd-sizing-8);"},{"name":"sizing-varspacing","value":"var(--tw-varspacing);"},{"name":"spacing-0.25","value":"var(--sd-spacing-0\\.25);"},{"name":"spacing-0.5","value":"var(--sd-spacing-0\\.5);"},{"name":"spacing-10","value":"var(--sd-spacing-10);"},{"name":"spacing-12","value":"var(--sd-spacing-12);"},{"name":"spacing-16","value":"var(--sd-spacing-16);"},{"name":"spacing-1","value":"var(--sd-spacing-1);"},{"name":"spacing-1.5","value":"var(--sd-spacing-1\\.5);"},{"name":"spacing-20","value":"var(--sd-spacing-20);"},{"name":"spacing-24","value":"var(--sd-spacing-24);"},{"name":"spacing-2","value":"var(--sd-spacing-2);"},{"name":"spacing-32","value":"var(--sd-spacing-32);"},{"name":"spacing-3","value":"var(--sd-spacing-3);"},{"name":"spacing-40","value":"var(--sd-spacing-40);"},{"name":"spacing-4","value":"var(--sd-spacing-4);"},{"name":"spacing-6","value":"var(--sd-spacing-6);"},{"name":"spacing-8","value":"var(--sd-spacing-8);"},{"name":"spacing-varspacing","value":"var(--tw-varspacing);"},{"name":"spacing","value":"var(--sd-spacing-1);"},{"name":"text-2xl","value":"var(--sd-text-2xl);"},{"name":"text-3xl","value":"var(--sd-text-3xl);"},{"name":"text-4xl","value":"var(--sd-text-4xl);"},{"name":"text-base","value":"var(--sd-text-base);"},{"name":"text-color-accent","value":"var(--sd-color-text-accent, var(--sd-color-accent));"},{"name":"text-color-black","value":"var(--sd-color-text-black, var(--sd-color-black));"},{"name":"text-color-error","value":"var(--sd-color-text-error, var(--sd-color-error));"},{"name":"text-color-neutral-500","value":"var(--sd-color-text-neutral-500, var(--sd-color-neutral-500));"},{"name":"text-color-neutral-600","value":"var(--sd-color-text-neutral-600, var(--sd-color-neutral-600));"},{"name":"text-color-neutral-700","value":"var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));"},{"name":"text-color-primary-100","value":"var(--sd-color-text-primary-100, var(--sd-color-primary-100));"},{"name":"text-color-primary-200","value":"var(--sd-color-text-primary-200, var(--sd-color-primary-200));"},{"name":"text-color-primary-400","value":"var(--sd-color-text-primary-400, var(--sd-color-primary-400));"},{"name":"text-color-primary-500","value":"var(--sd-color-text-primary-500, var(--sd-color-primary-500));"},{"name":"text-color-primary-800","value":"var(--sd-color-text-primary-800, var(--sd-color-primary-800));"},{"name":"text-color-primary","value":"var(--sd-color-text-primary, var(--sd-color-primary));"},{"name":"text-color-success","value":"var(--sd-color-text-success, var(--sd-color-success));"},{"name":"text-color-white","value":"var(--sd-color-text-white, var(--sd-color-white));"},{"name":"text-lg","value":"var(--sd-text-lg);"},{"name":"text-sm","value":"var(--sd-text-sm);"},{"name":"text-xl","value":"var(--sd-text-xl);"},{"name":"transition-duration-fast","value":"var(--sd-duration-fast, 150ms);"},{"name":"transition-duration-medium","value":"var(--sd-duration-medium, 300ms);"},{"name":"transition-duration-slow","value":"var(--sd-duration-slow, 500ms);"},{"name":"transition-duration-x-slow","value":"var(--sd-duration-x-slow, 750ms);"}],"utilities":[{"name":"z-10","declarations":[{"prop":"z-index","value":"10"}]},{"name":"z-20","declarations":[{"prop":"z-index","value":"20"}]},{"name":"z-30","declarations":[{"prop":"z-index","value":"30"}]},{"name":"z-40","declarations":[{"prop":"z-index","value":"40"}]},{"name":"z-50","declarations":[{"prop":"z-index","value":"50"}]},{"name":"z-alert-group","declarations":[{"prop":"z-index","value":"var(--sd-z-index-alert-group, 950)"}]},{"name":"z-auto","declarations":[{"prop":"z-index","value":"auto"}]},{"name":"z-dialog","declarations":[{"prop":"z-index","value":"var(--sd-z-index-dialog, 800)"}]},{"name":"z-drawer","declarations":[{"prop":"z-index","value":"var(--sd-z-index-drawer, 700)"}]},{"name":"z-dropdown","declarations":[{"prop":"z-index","value":"var(--sd-z-index-dropdown, 900)"}]},{"name":"z-header","declarations":[{"prop":"z-index","value":"var(--sd-z-index-header, 600)"}]},{"name":"z-tooltip","declarations":[{"prop":"z-index","value":"var(--sd-z-index-tooltip, 1000)"}]},{"name":"varspacing-*","declarations":[{"prop":"--tw-varspacing","value":"--value(--spacing-*)"}]},{"name":"focus-outline","declarations":[{"prop":"outline-style","value":"solid"},{"prop":"outline-offset","value":"2px"},{"prop":"outline-width","value":"2px"},{"prop":"outline-color","value":"var(--outline-color-primary)"}]},{"name":"focus-outline-inverted","declarations":[{"prop":"outline-style","value":"solid"},{"prop":"outline-offset","value":"2px"},{"prop":"outline-width","value":"2px"},{"prop":"outline-color","value":"var(--outline-color-white)"}]}],"theme":[{"name":"sd-theme","value":"'ui-light';"},{"name":"sd-accordion-border-width","value":"var(--sd-spacing-0\\.25);"},{"name":"sd-accordion-padding-block","value":"var(--sd-spacing-3);"},{"name":"sd-aspect-16/10","value":"16 / 10;"},{"name":"sd-aspect-21/9","value":"21 / 9;"},{"name":"sd-aspect-2/1","value":"2 / 1;"},{"name":"sd-aspect-3/2","value":"3 / 2;"},{"name":"sd-aspect-3/4","value":"3 / 4;"},{"name":"sd-aspect-4/3","value":"4 / 3;"},{"name":"sd-aspect-4/5","value":"4 / 5;"},{"name":"sd-aspect-5/4","value":"5 / 4;"},{"name":"sd-aspect-6/5","value":"6 / 5;"},{"name":"sd-aspect-golden-ratio","value":"1.6180339887498948482 / 1;"},{"name":"sd-aspect-square","value":"1 / 1;"},{"name":"sd-aspect-video","value":"16 / 9;"},{"name":"sd-border-width-2","value":"0.125rem;"},{"name":"sd-border-width-4","value":"0.25rem;"},{"name":"sd-border-width-6","value":"0.375rem;"},{"name":"sd-border-width","value":"0.0625rem;"},{"name":"sd-button--size-lg-border-radius","value":"var(--sd-spacing-1);"},{"name":"sd-button--size-lg-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-button--size-lg-icon-font-size","value":"var(--sd-spacing-6);"},{"name":"sd-button--size-lg-padding-block","value":"var(--sd-spacing-2);"},{"name":"sd-button--size-md-border-radius","value":"var(--sd-spacing-1);"},{"name":"sd-button--size-md-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-button--size-md-padding-block","value":"var(--sd-spacing-2);"},{"name":"sd-color-accent-100","value":"#b6dfaa;"},{"name":"sd-color-accent-200","value":"#8ed082;"},{"name":"sd-color-accent-300","value":"#6cc254;"},{"name":"sd-color-accent-400","value":"#2d9d00;"},{"name":"sd-color-accent-500","value":"#25880e;"},{"name":"sd-color-accent-550","value":"#367b28;"},{"name":"sd-color-accent-600","value":"#316f24;"},{"name":"sd-color-accent-700","value":"#215725;"},{"name":"sd-color-accent-800","value":"#19411b;"},{"name":"sd-color-accent","value":"#2d9d00;"},{"name":"sd-color-black","value":"#181818;"},{"name":"sd-color-error-300","value":"#cc1937;"},{"name":"sd-color-error-400","value":"#ac1938;"},{"name":"sd-color-error","value":"#cc1937;"},{"name":"sd-color-info","value":"#1582d5;"},{"name":"sd-color-neutral-100","value":"#f6f6f6;"},{"name":"sd-color-neutral-200","value":"#e9e9e9;"},{"name":"sd-color-neutral-300","value":"#dadada;"},{"name":"sd-color-neutral-400","value":"#c3c3c3;"},{"name":"sd-color-neutral-500","value":"#aeaeae;"},{"name":"sd-color-neutral-600","value":"#888888;"},{"name":"sd-color-neutral-700","value":"#686868;"},{"name":"sd-color-neutral-800","value":"#515151;"},{"name":"sd-color-primary-100","value":"#ecf0f9;"},{"name":"sd-color-primary-200","value":"#e0e9f3;"},{"name":"sd-color-primary-300","value":"#c8d5e7;"},{"name":"sd-color-primary-400","value":"#99abd0;"},{"name":"sd-color-primary-500","value":"#466daf;"},{"name":"sd-color-primary-600","value":"#00358e;"},{"name":"sd-color-primary-700","value":"#132e6e;"},{"name":"sd-color-primary-750","value":"#0a204a;"},{"name":"sd-color-primary-800","value":"#051530;"},{"name":"sd-color-primary-900","value":"#020920;"},{"name":"sd-color-primary","value":"#00358e;"},{"name":"sd-color-risk-high","value":"#fa9b1e;"},{"name":"sd-color-risk-increased","value":"#fff000;"},{"name":"sd-color-risk-low","value":"#017dc3;"},{"name":"sd-color-risk-moderate","value":"#00a593;"},{"name":"sd-color-risk-veryhigh","value":"#ff0000;"},{"name":"sd-color-success","value":"#367b28;"},{"name":"sd-color-warning","value":"#bb8d20;"},{"name":"sd-color-white","value":"#ffffff;"},{"name":"sd-drop-shadow-sm","value":"0.5px 0.5px 1.5px var(--sd-color-neutral-800);"},{"name":"sd-drop-shadow","value":"0 1px 3px var(--sd-color-neutral-800);"},{"name":"sd-font-weight-bold","value":"700;"},{"name":"sd-font-weight-normal","value":"400;"},{"name":"sd-header-padding-bottom","value":"0;"},{"name":"sd-navigation-item-border-radius-bottom","value":"0;"},{"name":"sd-navigation-item-border-radius-top","value":"0;"},{"name":"sd-navigation-item-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-navigation-item__current-indicator-border-radius","value":"0;"},{"name":"sd-navigation-item__current-indicator-height","value":"var(--sd-spacing-1);"},{"name":"sd-opacity-0","value":"0%;"},{"name":"sd-opacity-100","value":"100%;"},{"name":"sd-opacity-10","value":"10%;"},{"name":"sd-opacity-20","value":"20%;"},{"name":"sd-opacity-30","value":"30%;"},{"name":"sd-opacity-50","value":"50%;"},{"name":"sd-opacity-55","value":"55%;"},{"name":"sd-opacity-5","value":"5%;"},{"name":"sd-opacity-60","value":"60%;"},{"name":"sd-opacity-70","value":"70%;"},{"name":"sd-opacity-75","value":"75%;"},{"name":"sd-opacity-80","value":"80%;"},{"name":"sd-opacity-85","value":"85%;"},{"name":"sd-opacity-90","value":"90%;"},{"name":"sd-radius-full","value":"624.9375rem;"},{"name":"sd-radius-lg","value":"0.5rem;"},{"name":"sd-radius-md","value":"0.375rem;"},{"name":"sd-radius-none","value":"0;"},{"name":"sd-radius-sm","value":"0.125rem;"},{"name":"sd-radius","value":"0.25rem;"},{"name":"sd-shadow-sm","value":"0.5px 0.5px 1.5px var(--sd-color-neutral-800);"},{"name":"sd-shadow","value":"0 1px 3px var(--sd-color-neutral-800);"},{"name":"sd-sizing-10","value":"2.5rem;"},{"name":"sd-sizing-12","value":"3rem;"},{"name":"sd-sizing-16","value":"4rem;"},{"name":"sd-sizing-20","value":"5rem;"},{"name":"sd-sizing-24","value":"6rem;"},{"name":"sd-sizing-2","value":"0.5rem;"},{"name":"sd-sizing-2.5","value":"0.625rem;"},{"name":"sd-sizing-3","value":"0.75rem;"},{"name":"sd-sizing-4","value":"1rem;"},{"name":"sd-sizing-5","value":"1.25rem;"},{"name":"sd-sizing-6","value":"1.5rem;"},{"name":"sd-sizing-8","value":"2rem;"},{"name":"sd-spacing-0.25","value":"0.0625rem;"},{"name":"sd-spacing-0.5","value":"0.125rem;"},{"name":"sd-spacing-10","value":"2.5rem;"},{"name":"sd-spacing-12","value":"3rem;"},{"name":"sd-spacing-16","value":"4rem;"},{"name":"sd-spacing-1","value":"0.25rem;"},{"name":"sd-spacing-1.5","value":"0.375rem;"},{"name":"sd-spacing-20","value":"5rem;"},{"name":"sd-spacing-24","value":"6rem;"},{"name":"sd-spacing-2","value":"0.5rem;"},{"name":"sd-spacing-32","value":"8rem;"},{"name":"sd-spacing-3","value":"0.75rem;"},{"name":"sd-spacing-40","value":"10rem;"},{"name":"sd-spacing-4","value":"1rem;"},{"name":"sd-spacing-6","value":"1.5rem;"},{"name":"sd-spacing-8","value":"2rem;"},{"name":"sd-text-2xl","value":"1.75rem;"},{"name":"sd-text-3xl","value":"2rem;"},{"name":"sd-text-4xl","value":"2.5rem;"},{"name":"sd-text-base","value":"1rem;"},{"name":"sd-text-lg","value":"1.25rem;"},{"name":"sd-text-sm","value":"0.875rem;"},{"name":"sd-text-xl","value":"1.5rem;"}]}
package/dist/tokens.scss CHANGED
@@ -1,146 +1,135 @@
1
- /* Converted Tailwind Config to scss */
2
- $sd-backgroundColor-primary-100: (rgb(var(--sd-color-primary-100, 236 240 249)) /* Additional background color (light mode) */);
3
- $sd-backgroundColor-primary-200: (rgb(var(--sd-color-primary-200, 224 233 243)) /* Additional background color (light mode) on primary-100 */);
4
- $sd-backgroundColor-primary-300: (rgb(var(--sd-color-primary-300, 200 213 231)) /* Used for chip background */);
5
- $sd-backgroundColor-primary-500: (rgb(var(--sd-color-primary-500, 70 109 175)) /* Used for hover interaction */);
6
- $sd-backgroundColor-primary-800: (rgb(var(--sd-color-primary-800, 5 21 48)) /* Used for pressed interaction */);
7
- $sd-backgroundColor-primary-DEFAULT: (rgb(var(--sd-color-primary, 0 53 142)) /* Inverted background color (light mode)
8
- Used for button */);
9
- $sd-backgroundColor-white: (rgb(var(--sd-color-white, 255 255 255)) /* Default background color (light mode) 
Used for inverted button */);
10
- $sd-backgroundColor-accent-300: (rgb(var(--sd-color-accent-300, 108 194 84)) /* Used for inverted hover interaction */);
11
- $sd-backgroundColor-accent-500: (rgb(var(--sd-color-accent-500, 37 136 14)) /* Used for cta background */);
12
- $sd-backgroundColor-accent-550: (rgb(var(--sd-color-accent-550, 54 123 40)) /* Used for hover interaction */);
13
- $sd-backgroundColor-accent-700: (rgb(var(--sd-color-accent-700, 33 87 37)) /* Used for pressed interaction */);
14
- $sd-backgroundColor-accent-DEFAULT: (rgb(var(--sd-color-accent, 45 157 0)) /* Used for checkbox, switch */);
15
- $sd-backgroundColor-neutral-100: (rgb(var(--sd-color-neutral-100, 246 246 246)) /* Additional background color (light mode) */);
16
- $sd-backgroundColor-neutral-200: (rgb(var(--sd-color-neutral-200, 233 233 233)) /* Used for hover interaction */);
17
- $sd-backgroundColor-neutral-300: (rgb(var(--sd-color-neutral-300, 218 218 218)) /* Used for flag */);
18
- $sd-backgroundColor-neutral-400: (rgb(var(--sd-color-neutral-400, 195 195 195)) /* Used for breadcrumbs separator */);
19
- $sd-backgroundColor-neutral-500: (rgb(var(--sd-color-neutral-500, 174 174 174)) /* Used for disabled state */);
20
- $sd-backgroundColor-neutral-600: (rgb(var(--sd-color-neutral-600, 136 136 136)) /* Used for inverted disabled state */);
21
- $sd-backgroundColor-neutral-800: (rgb(var(--sd-color-neutral-800, 81 81 81)) /* Used for badge */);
22
- $sd-backgroundColor-success: (rgb(var(--sd-color-success, 37 136 14)) /* Used for success messages */);
23
- $sd-backgroundColor-error-400: (rgb(var(--sd-color-error-400, 172 25 56)) /* Used for hover interaction invalid form elements */);
24
- $sd-backgroundColor-error-DEFAULT: (rgb(var(--sd-color-error, 204 25 55)) /* Used for notification, status-badge */);
25
- $sd-backgroundColor-info: (rgb(var(--sd-color-info, 21 130 213)) /* Used for notification, status-badge */);
26
- $sd-backgroundColor-warning: (rgb(var(--sd-color-warning, 187 141 32)) /* Used for notifications */);
27
- $sd-backgroundColor-risk-low: (rgb(var(--sd-color-risk-low, 1 125 195)) /* Exclusively for marking fonds */);
28
- $sd-backgroundColor-risk-moderate: (rgb(var(--sd-color-risk-moderate, 0 165 147)) /* Exclusively for marking fonds */);
29
- $sd-backgroundColor-risk-increased: (rgb(var(--sd-color-risk-increased, 255 240 0)) /* Exclusively for marking fonds */);
30
- $sd-backgroundColor-risk-high: (rgb(var(--sd-color-risk-high, 250 155 30)) /* Exclusively for marking fonds */);
31
- $sd-backgroundColor-risk-veryhigh: (rgb(var(--sd-color-risk-veryhigh, 255 0 0)) /* Exclusively for marking fonds */);
32
- $sd-backgroundColor-transparent: transparent;
33
- $sd-backgroundColor-inherit: inherit;
34
- $sd-backgroundColor-current: currentColor;
35
-
36
- $sd-borderColor-primary-100: (rgb(var(--sd-color-primary-100, 236 240 249)) /* Used for inverted hover interaction */);
37
- $sd-borderColor-primary-200: (rgb(var(--sd-color-primary-200, 224 233 243)) /* Used for inverted pressed interaction */);
38
- $sd-borderColor-primary-400: (rgb(var(--sd-color-primary-400, 153 171 208)) /* Used for inverted dividers */);
39
- $sd-borderColor-primary-500: (rgb(var(--sd-color-primary-500, 70 109 175)) /* Used for hover interaction */);
40
- $sd-borderColor-primary-800: (rgb(var(--sd-color-primary-800, 5 21 48)) /* Used for pressed interaction */);
41
- $sd-borderColor-primary-DEFAULT: (rgb(var(--sd-color-primary, 0 53 142)) /* Used for buttons, select field, focus state */);
42
- $sd-borderColor-white: (rgb(var(--sd-color-white, 255 255 255)) /* Used for buttons, inverted focus state */);
43
- $sd-borderColor-accent-550: (rgb(var(--sd-color-accent-550, 54 123 40)) /* Used for hover interaction */);
44
- $sd-borderColor-accent-700: (rgb(var(--sd-color-accent-700, 33 87 37)) /* Used for motion design only */);
45
- $sd-borderColor-accent-DEFAULT: (rgb(var(--sd-color-accent, 45 157 0)) /* Used to highlight active/selected elements
46
- */);
47
- $sd-borderColor-neutral-400: (rgb(var(--sd-color-neutral-400, 195 195 195)) /* Default border color.
48
- Used for divider, teaser, container, ... */);
49
- $sd-borderColor-neutral-500: (rgb(var(--sd-color-neutral-500, 174 174 174)) /* Used for disabled state */);
50
- $sd-borderColor-neutral-600: (rgb(var(--sd-color-neutral-600, 136 136 136)) /* Used for inverted disabled state */);
51
- $sd-borderColor-neutral-800: (rgb(var(--sd-color-neutral-800, 81 81 81)) /* Used for form fields, switch, radio, checkbox */);
52
- $sd-borderColor-success: (rgb(var(--sd-color-success, 37 136 14)) /* Used for success messages */);
53
- $sd-borderColor-error-400: (rgb(var(--sd-color-error-400, 172 25 56)) /* Used for hover interaction invalid form elements */);
54
- $sd-borderColor-error-DEFAULT: (rgb(var(--sd-color-error, 204 25 55)) /* Used for invalid form fields */);
55
- $sd-borderColor-warning: (rgb(var(--sd-color-warning, 187 141 32)) /* Used for notifications */);
56
- $sd-borderColor-risk-low: (rgb(var(--sd-color-risk-low, 1 125 195)) /* Exclusively for marking fonds */);
57
- $sd-borderColor-risk-moderate: (rgb(var(--sd-color-risk-moderate, 0 165 147)) /* Exclusively for marking fonds */);
58
- $sd-borderColor-risk-increased: (rgb(var(--sd-color-risk-increased, 255 240 0)) /* Exclusively for marking fonds */);
59
- $sd-borderColor-risk-high: (rgb(var(--sd-color-risk-high, 250 155 30)) /* Exclusively for marking fonds */);
60
- $sd-borderColor-risk-veryhigh: (rgb(var(--sd-color-risk-veryhigh, 255 0 0)) /* Exclusively for marking fonds */);
61
- $sd-borderColor-transparent: transparent;
62
- $sd-borderColor-inherit: inherit;
63
- $sd-borderColor-current: currentColor;
64
-
65
- $sd-borderRadius-default: (var(--sd-border-radius-default, 0.25rem) /* 4px Default radius for buttons */);
66
- $sd-borderRadius-sm: (var(--sd-border-radius-sm, 0.125rem) /* 2px */);
67
- $sd-borderRadius-md: (var(--sd-border-radius-md, 0.375rem) /* 6px Inner focus outline */);
68
- $sd-borderRadius-lg: (var(--sd-border-radius-lg, 0.5rem) /* 8px Outer focus outline */);
69
- $sd-borderRadius-full: (var(--sd-border-radius-full, 9999px) /* Radius for pill shape buttons */);
70
- $sd-borderRadius-none: (var(--sd-border-radius-none, 0px));
71
-
72
- $sd-fontSize-sm: (var(--sd-font-size-sm, 0.875rem) /* 14px */);
73
- $sd-fontSize-base: (var(--sd-font-size-base, 1rem) /* 16px */);
74
- $sd-fontSize-lg: (var(--sd-font-size-lg, 1.25rem) /* 20px */);
75
- $sd-fontSize-xl: (var(--sd-font-size-xl, 1.5rem) /* 24px */);
76
- $sd-fontSize-2xl: (var(--sd-font-size-2xl, 1.75rem) /* 28px */);
77
- $sd-fontSize-3xl: (var(--sd-font-size-3xl, 2rem) /* 32px */);
78
- $sd-fontSize-4xl: (var(--sd-font-size-4xl, 2.5rem) /* 40px */);
79
-
80
- $sd-fontWeight-normal: 400;
81
- $sd-fontWeight-bold: 700;
82
-
83
- $sd-lineHeight-none: (var(--sd-line-height-none, 100%) /* Used for buttons, input fields etc. */);
84
- $sd-lineHeight-tight: (var(--sd-line-height-tight, 120%) /* Used for display and large titles */);
85
- $sd-lineHeight-normal: (var(--sd-line-height-normal, 150%) /* Used for body copy and smaller titles */);
86
-
87
- $sd-opacity-0: (var(--sd-opacity-0, 0));
88
- $sd-opacity-5: (var(--sd-opacity-5, 0.05));
89
- $sd-opacity-10: (var(--sd-opacity-10, 0.1));
90
- $sd-opacity-20: (var(--sd-opacity-20, 0.2));
91
- $sd-opacity-30: (var(--sd-opacity-30, 0.3));
92
- $sd-opacity-50: (var(--sd-opacity-50, 0.5));
93
- $sd-opacity-55: (var(--sd-opacity-55, 0.55));
94
- $sd-opacity-60: (var(--sd-opacity-60, 0.6));
95
- $sd-opacity-70: (var(--sd-opacity-70, 0.7));
96
- $sd-opacity-75: (var(--sd-opacity-75, 0.75));
97
- $sd-opacity-80: (var(--sd-opacity-80, 0.8));
98
- $sd-opacity-85: (var(--sd-opacity-85, 0.85));
99
- $sd-opacity-90: (var(--sd-opacity-90, 0.9));
100
- $sd-opacity-100: (var(--sd-opacity-100, 1));
101
-
102
- $sd-spacing-0: (var(--sd-spacing-0, 0px) /* No spacing (manually added) */);
103
- $sd-spacing-1: (var(--sd-spacing-1, 0.25rem) /* 4px */);
104
- $sd-spacing-2: (var(--sd-spacing-2, 0.5rem) /* 8px */);
105
- $sd-spacing-3: (var(--sd-spacing-3, 0.75rem) /* 12px */);
106
- $sd-spacing-4: (var(--sd-spacing-4, 1rem) /* 16px */);
107
- $sd-spacing-5: (var(--sd-spacing-5, 1.25rem) /* 20px */);
108
- $sd-spacing-6: (var(--sd-spacing-6, 1.5rem) /* 24px */);
109
- $sd-spacing-8: (var(--sd-spacing-8, 2rem) /* 32px */);
110
- $sd-spacing-10: (var(--sd-spacing-10, 2.5rem) /* 40px */);
111
- $sd-spacing-12: (var(--sd-spacing-12, 3rem) /* 48px */);
112
- $sd-spacing-16: (var(--sd-spacing-16, 4rem) /* 64px */);
113
- $sd-spacing-20: (var(--sd-spacing-20, 5rem) /* 80px */);
114
- $sd-spacing-24: (var(--sd-spacing-24, 6rem) /* 96px */);
115
- $sd-spacing-32: (var(--sd-spacing-32, 8rem) /* 128px */);
116
- $sd-spacing-40: (var(--sd-spacing-40, 10rem) /* 160px */);
117
- $sd-spacing-0\.5: (var(--sd-spacing-0-5, 0.125rem) /* 2px */);
118
- $sd-spacing-0\.25: (var(--sd-spacing-0-25, 1px) /* 1px */);
119
- $sd-spacing-1\.5: (var(--sd-spacing-1-5, 0.375rem));
120
- $sd-spacing-auto: (var(--sd-spacing-auto, auto) /* Automatic spacing (manually added) */);
121
- $sd-spacing-2\.5: (var(--sd-spacing-2-5, 0.625rem) /* 10px */);
122
-
123
- $sd-textColor-black: (rgb(var(--sd-color-black, 24 24 24)) /* Default text color */);
124
- $sd-textColor-primary-100: (rgb(var(--sd-color-primary-100, 236 240 249)) /* Used for inverted hover interaction button label */);
125
- $sd-textColor-primary-200: (rgb(var(--sd-color-primary-200, 224 233 243)) /* Used for inverted hover interaction text link and inverted pressed interaction button label */);
126
- $sd-textColor-primary-400: (rgb(var(--sd-color-primary-400, 153 171 208)) /* Additional text inverted color
127
- Used for inverted pressed interaction text link */);
128
- $sd-textColor-primary-500: (rgb(var(--sd-color-primary-500, 70 109 175)) /* Used for hover interaction */);
129
- $sd-textColor-primary-800: (rgb(var(--sd-color-primary-800, 5 21 48)) /* Used for pressed interaction */);
130
- $sd-textColor-primary-DEFAULT: (rgb(var(--sd-color-primary, 0 53 142)) /* Primary brand color for text */);
131
- $sd-textColor-white: (rgb(var(--sd-color-white, 255 255 255)) /* Inverted text color */);
132
- $sd-textColor-accent: (rgb(var(--sd-color-accent, 45 157 0)) /* Used for inverted hover interaction button label */);
133
- $sd-textColor-neutral-500: (rgb(var(--sd-color-neutral-500, 174 174 174)) /* Used for disabled state */);
134
- $sd-textColor-neutral-600: (rgb(var(--sd-color-neutral-600, 136 136 136)) /* Used for inverted disabled state */);
135
- $sd-textColor-neutral-700: (rgb(var(--sd-color-neutral-700, 104 104 104)) /* Additional text color */);
136
- $sd-textColor-success: (rgb(var(--sd-color-success, 37 136 14)) /* Used for success messages */);
137
- $sd-textColor-error: (rgb(var(--sd-color-error, 204 25 55)) /* Used to display negative performance values */);
138
- $sd-textColor-warning: (rgb(var(--sd-color-warning, 187 141 32)) /* Used for notifications */);
139
- $sd-textColor-risk-low: (rgb(var(--sd-color-risk-low, 1 125 195)) /* Exclusively for marking fonds */);
140
- $sd-textColor-risk-moderate: (rgb(var(--sd-color-risk-moderate, 0 165 147)) /* Exclusively for marking fonds */);
141
- $sd-textColor-risk-increased: (rgb(var(--sd-color-risk-increased, 255 240 0)) /* Exclusively for marking fonds */);
142
- $sd-textColor-risk-high: (rgb(var(--sd-color-risk-high, 250 155 30)) /* Exclusively for marking fonds */);
143
- $sd-textColor-risk-veryhigh: (rgb(var(--sd-color-risk-veryhigh, 255 0 0)) /* Exclusively for marking fonds */);
144
- $sd-textColor-transparent: transparent;
145
- $sd-textColor-inherit: inherit;
146
- $sd-textColor-current: currentColor;
1
+ $sd-theme: var(--sd-theme);
2
+ $sd-accordion-border-width: var(--sd-accordion-border-width);
3
+ $sd-accordion-padding-block: var(--sd-accordion-padding-block);
4
+ $sd-aspect-16\/10: var(--sd-aspect-16/10);
5
+ $sd-aspect-21\/9: var(--sd-aspect-21/9);
6
+ $sd-aspect-2\/1: var(--sd-aspect-2/1);
7
+ $sd-aspect-3\/2: var(--sd-aspect-3/2);
8
+ $sd-aspect-3\/4: var(--sd-aspect-3/4);
9
+ $sd-aspect-4\/3: var(--sd-aspect-4/3)) /* Default background color (light mode) 
Used for inverted button */);
10
+ $sd-aspect-4\/5: var(--sd-aspect-4/5);
11
+ $sd-aspect-5\/4: var(--sd-aspect-5/4);
12
+ $sd-aspect-6\/5: var(--sd-aspect-6/5);
13
+ $sd-aspect-golden-ratio: var(--sd-aspect-golden-ratio);
14
+ $sd-aspect-square: var(--sd-aspect-square);
15
+ $sd-aspect-video: var(--sd-aspect-video);
16
+ $sd-border-width-2: var(--sd-border-width-2);
17
+ $sd-border-width-4: var(--sd-border-width-4);
18
+ $sd-border-width-6: var(--sd-border-width-6);
19
+ $sd-border-width: var(--sd-border-width);
20
+ $sd-button--size-lg-border-radius: var(--sd-button--size-lg-border-radius);
21
+ $sd-button--size-lg-font-size: var(--sd-button--size-lg-font-size);
22
+ $sd-button--size-lg-icon-font-size: var(--sd-button--size-lg-icon-font-size);
23
+ $sd-button--size-lg-padding-block: var(--sd-button--size-lg-padding-block);
24
+ $sd-button--size-md-border-radius: var(--sd-button--size-md-border-radius);
25
+ $sd-button--size-md-font-size: var(--sd-button--size-md-font-size);
26
+ $sd-button--size-md-padding-block: var(--sd-button--size-md-padding-block);
27
+ $sd-color-accent-100: var(--sd-color-accent-100);
28
+ $sd-color-accent-200: var(--sd-color-accent-200);
29
+ $sd-color-accent-300: var(--sd-color-accent-300);
30
+ $sd-color-accent-400: var(--sd-color-accent-400);
31
+ $sd-color-accent-500: var(--sd-color-accent-500);
32
+ $sd-color-accent-550: var(--sd-color-accent-550);
33
+ $sd-color-accent-600: var(--sd-color-accent-600);
34
+ $sd-color-accent-700: var(--sd-color-accent-700);
35
+ $sd-color-accent-800: var(--sd-color-accent-800);
36
+ $sd-color-accent: var(--sd-color-accent);
37
+ $sd-color-black: var(--sd-color-black);
38
+ $sd-color-error-300: var(--sd-color-error-300);
39
+ $sd-color-error-400: var(--sd-color-error-400);
40
+ $sd-color-error: var(--sd-color-error);
41
+ $sd-color-info: var(--sd-color-info);
42
+ $sd-color-neutral-100: var(--sd-color-neutral-100);
43
+ $sd-color-neutral-200: var(--sd-color-neutral-200);
44
+ $sd-color-neutral-300: var(--sd-color-neutral-300);
45
+ $sd-color-neutral-400: var(--sd-color-neutral-400);
46
+ $sd-color-neutral-500: var(--sd-color-neutral-500);
47
+ $sd-color-neutral-600: var(--sd-color-neutral-600);
48
+ $sd-color-neutral-700: var(--sd-color-neutral-700);
49
+ $sd-color-neutral-800: var(--sd-color-neutral-800);
50
+ $sd-color-primary-100: var(--sd-color-primary-100);
51
+ $sd-color-primary-200: var(--sd-color-primary-200);
52
+ $sd-color-primary-300: var(--sd-color-primary-300);
53
+ $sd-color-primary-400: var(--sd-color-primary-400);
54
+ $sd-color-primary-500: var(--sd-color-primary-500);
55
+ $sd-color-primary-600: var(--sd-color-primary-600);
56
+ $sd-color-primary-700: var(--sd-color-primary-700);
57
+ $sd-color-primary-750: var(--sd-color-primary-750);
58
+ $sd-color-primary-800: var(--sd-color-primary-800);
59
+ $sd-color-primary-900: var(--sd-color-primary-900);
60
+ $sd-color-primary: var(--sd-color-primary);
61
+ $sd-color-risk-high: var(--sd-color-risk-high);
62
+ $sd-color-risk-increased: var(--sd-color-risk-increased);
63
+ $sd-color-risk-low: var(--sd-color-risk-low);
64
+ $sd-color-risk-moderate: var(--sd-color-risk-moderate);
65
+ $sd-color-risk-veryhigh: var(--sd-color-risk-veryhigh);
66
+ $sd-color-success: var(--sd-color-success);
67
+ $sd-color-warning: var(--sd-color-warning);
68
+ $sd-color-white: var(--sd-color-white);
69
+ $sd-drop-shadow-sm: var(--sd-drop-shadow-sm);
70
+ $sd-drop-shadow: var(--sd-drop-shadow);
71
+ $sd-font-weight-bold: var(--sd-font-weight-bold);
72
+ $sd-font-weight-normal: var(--sd-font-weight-normal);
73
+ $sd-header-padding-bottom: var(--sd-header-padding-bottom);
74
+ $sd-navigation-item-border-radius-bottom: var(--sd-navigation-item-border-radius-bottom);
75
+ $sd-navigation-item-border-radius-top: var(--sd-navigation-item-border-radius-top);
76
+ $sd-navigation-item-font-size: var(--sd-navigation-item-font-size);
77
+ $sd-navigation-item__current-indicator-border-radius: var(--sd-navigation-item__current-indicator-border-radius);
78
+ $sd-navigation-item__current-indicator-height: var(--sd-navigation-item__current-indicator-height);
79
+ $sd-opacity-0: var(--sd-opacity-0);
80
+ $sd-opacity-100: var(--sd-opacity-100);
81
+ $sd-opacity-10: var(--sd-opacity-10);
82
+ $sd-opacity-20: var(--sd-opacity-20);
83
+ $sd-opacity-30: var(--sd-opacity-30);
84
+ $sd-opacity-50: var(--sd-opacity-50);
85
+ $sd-opacity-55: var(--sd-opacity-55);
86
+ $sd-opacity-5: var(--sd-opacity-5);
87
+ $sd-opacity-60: var(--sd-opacity-60);
88
+ $sd-opacity-70: var(--sd-opacity-70);
89
+ $sd-opacity-75: var(--sd-opacity-75);
90
+ $sd-opacity-80: var(--sd-opacity-80);
91
+ $sd-opacity-85: var(--sd-opacity-85);
92
+ $sd-opacity-90: var(--sd-opacity-90);
93
+ $sd-radius-full: var(--sd-radius-full);
94
+ $sd-radius-lg: var(--sd-radius-lg);
95
+ $sd-radius-md: var(--sd-radius-md);
96
+ $sd-radius-none: var(--sd-radius-none);
97
+ $sd-radius-sm: var(--sd-radius-sm);
98
+ $sd-radius: var(--sd-radius);
99
+ $sd-shadow-sm: var(--sd-shadow-sm);
100
+ $sd-shadow: var(--sd-shadow);
101
+ $sd-sizing-10: var(--sd-sizing-10);
102
+ $sd-sizing-12: var(--sd-sizing-12);
103
+ $sd-sizing-16: var(--sd-sizing-16);
104
+ $sd-sizing-20: var(--sd-sizing-20);
105
+ $sd-sizing-24: var(--sd-sizing-24);
106
+ $sd-sizing-2: var(--sd-sizing-2);
107
+ $sd-sizing-2\.5: var(--sd-sizing-2.5);
108
+ $sd-sizing-3: var(--sd-sizing-3);
109
+ $sd-sizing-4: var(--sd-sizing-4);
110
+ $sd-sizing-5: var(--sd-sizing-5);
111
+ $sd-sizing-6: var(--sd-sizing-6);
112
+ $sd-sizing-8: var(--sd-sizing-8);
113
+ $sd-spacing-0\.25: var(--sd-spacing-0.25);
114
+ $sd-spacing-0\.5: var(--sd-spacing-0.5);
115
+ $sd-spacing-10: var(--sd-spacing-10);
116
+ $sd-spacing-12: var(--sd-spacing-12);
117
+ $sd-spacing-16: var(--sd-spacing-16);
118
+ $sd-spacing-1: var(--sd-spacing-1);
119
+ $sd-spacing-1\.5: var(--sd-spacing-1.5);
120
+ $sd-spacing-20: var(--sd-spacing-20);
121
+ $sd-spacing-24: var(--sd-spacing-24);
122
+ $sd-spacing-2: var(--sd-spacing-2);
123
+ $sd-spacing-32: var(--sd-spacing-32);
124
+ $sd-spacing-3: var(--sd-spacing-3);
125
+ $sd-spacing-40: var(--sd-spacing-40);
126
+ $sd-spacing-4: var(--sd-spacing-4);
127
+ $sd-spacing-6: var(--sd-spacing-6);
128
+ $sd-spacing-8: var(--sd-spacing-8);
129
+ $sd-text-2xl: var(--sd-text-2xl);
130
+ $sd-text-3xl: var(--sd-text-3xl);
131
+ $sd-text-4xl: var(--sd-text-4xl);
132
+ $sd-text-base: var(--sd-text-base);
133
+ $sd-text-lg: var(--sd-text-lg);
134
+ $sd-text-sm: var(--sd-text-sm);
135
+ $sd-text-xl: var(--sd-text-xl);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@solid-design-system/tokens",
3
- "version": "5.5.0",
3
+ "version": "6.0.0-next.0",
4
4
  "description": "Solid Design System: Tokens",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -8,11 +8,13 @@
8
8
  },
9
9
  "main": "index.js",
10
10
  "files": [
11
- "dist"
11
+ "dist",
12
+ "themes",
13
+ "!themes/components.css"
12
14
  ],
13
15
  "exports": {
14
16
  "./scss": "./dist/tokens.scss",
15
- "./tailwind": "./dist/tokens.tailwind.json"
17
+ "./themes": "./themes"
16
18
  },
17
19
  "keywords": [],
18
20
  "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
@@ -26,12 +28,20 @@
26
28
  },
27
29
  "license": "MIT",
28
30
  "devDependencies": {
31
+ "@figma-export/types": "^6.2.2",
32
+ "@figma/rest-api-spec": "^0.33.0",
33
+ "@tamtamchik/json-deep-sort": "^1.4.1",
34
+ "@tokens-studio/sd-transforms": "^2.0.1",
35
+ "picocolors": "^1.1.1",
36
+ "style-dictionary": "^5.0.1",
37
+ "tailwindcss": "^4.1.13",
29
38
  "tailwindcss-export-config": "^4.1.0"
30
39
  },
31
40
  "readme": "README.md",
32
41
  "scripts": {
33
- "build": "node scripts/build.mjs && echo '✅ Build verified'",
34
- "verify": "pnpm build",
35
- "postversion": "pnpm build"
42
+ "build": "node scripts/build.mjs",
43
+ "verify": "pnpm build && echo '✅ Build verified'",
44
+ "postversion": "pnpm build",
45
+ "fetch:figma": "node ./scripts/figma/fetch-variables.js"
36
46
  }
37
47
  }