@central-design-system/components 3.0.2 → 3.0.4

package/dist/themes/b2bLight.d.ts

@@ -1,122 +1,122 @@
 declare const _default: {
     dark: boolean;
     colors: {
-        'surface-secondary': string;
-        'surface-primary': string;
-        'surface-overlay': string;
-        'surface-inverse': string;
-        'surface-elevated': string;
-        'status-warning-surface': string;
-        'status-warning-line': string;
-        'status-warning-fill-hover': string;
-        'status-warning-fill': string;
-        'status-warning-content': string;
-        'status-success-surface': string;
-        'status-success-line': string;
-        'status-success-fill-hover': string;
-        'status-success-fill': string;
-        'status-success-content': string;
-        'status-progress-surface': string;
-        'status-progress-line': string;
-        'status-progress-fill-hover': string;
-        'status-progress-fill': string;
-        'status-progress-content': string;
-        'status-info-surface': string;
-        'status-info-line': string;
-        'status-info-fill-hover': string;
-        'status-info-fill': string;
-        'status-info-content': string;
-        'status-indication-surface': string;
-        'status-indication-line': string;
-        'status-indication-fill-hover': string;
-        'status-indication-fill': string;
-        'status-indication-content': string;
-        'status-danger-surface': string;
-        'status-danger-line': string;
-        'status-danger-fill-hover': string;
-        'status-danger-fill': string;
-        'status-danger-content': string;
-        'page-primary': string;
-        'other-teal-surface': string;
-        'other-teal-line': string;
-        'other-teal-fill-hover': string;
-        'other-teal-fill': string;
-        'other-teal-content': string;
-        'other-purple-surface': string;
-        'other-purple-line': string;
-        'other-purple-fill-hover': string;
-        'other-purple-fill': string;
-        'other-purple-content': string;
-        'other-pink-surface': string;
-        'other-pink-line': string;
-        'other-pink-fill-hover': string;
-        'other-pink-fill': string;
-        'other-pink-content': string;
-        'other-lime-surface': string;
-        'other-lime-line': string;
-        'other-lime-fill-hover': string;
-        'other-lime-fill': string;
-        'other-lime-content': string;
-        'other-lemon-surface': string;
-        'other-lemon-line': string;
-        'other-lemon-fill-hover': string;
-        'other-lemon-fill': string;
-        'other-lemon-content': string;
-        'other-indigo-surface': string;
-        'other-indigo-line': string;
-        'other-indigo-fill-hover': string;
-        'other-indigo-fill': string;
-        'other-indigo-content': string;
-        'other-cyan-surface': string;
-        'other-cyan-line': string;
-        'other-cyan-fill-hover': string;
-        'other-cyan-fill': string;
-        'other-cyan-content': string;
-        'other-chocolate-surface': string;
-        'other-chocolate-line': string;
-        'other-chocolate-fill-hover': string;
-        'other-chocolate-fill': string;
-        'other-chocolate-content': string;
-        'line-tertiary-hover': string;
-        'line-tertiary': string;
-        'line-selected-hover': string;
-        'line-selected': string;
-        'line-secondary-hover': string;
-        'line-secondary': string;
-        'line-primary-hover': string;
-        'line-primary': string;
-        'line-focus-outline': string;
-        'line-focus': string;
-        'line-elevated': string;
-        'line-disable': string;
-        'fill-selected-hover': string;
-        'fill-selected': string;
-        'fill-secondary-hover': string;
-        'fill-secondary-active': string;
-        'fill-secondary': string;
-        'fill-primary-hover': string;
-        'fill-primary-active': string;
-        'fill-primary': string;
-        'fill-elevated': string;
-        'fill-disable': string;
-        'content-tertiary': string;
-        'content-secondary': string;
-        'content-primary': string;
-        'content-placeholder': string;
-        'content-on-dark': string;
-        'content-link-visited': string;
-        'content-link': string;
-        'content-inverse': string;
-        'content-disable': string;
-        'brand-secondary-hover': string;
-        'brand-secondary-border': string;
-        'brand-secondary-active': string;
-        'brand-secondary': string;
-        'brand-primary-hover': string;
-        'brand-primary-content': string;
-        'brand-primary-border': string;
-        'brand-primary-active': string;
-        'brand-primary': string;
+        'surface-secondary': "#FFFFFF";
+        'surface-primary': "#FFFFFF";
+        'surface-overlay': "#272A3080";
+        'surface-inverse': "#404653";
+        'surface-elevated': "#FFFFFF";
+        'status-warning-surface': "#A6840A";
+        'status-warning-line': "#B69210";
+        'status-warning-fill-hover': "#DEC048";
+        'status-warning-fill': "#F2DB82";
+        'status-warning-content': "#584001";
+        'status-success-surface': "#3C9C2C";
+        'status-success-line': "#50A946";
+        'status-success-fill-hover': "#97D283";
+        'status-success-fill': "#BCE8AB";
+        'status-success-content': "#005005";
+        'status-progress-surface': "#198FD8";
+        'status-progress-line': "#2B9DE9";
+        'status-progress-fill-hover': "#90C8FF";
+        'status-progress-fill': "#C3DFFF";
+        'status-progress-content': "#004871";
+        'status-info-surface': "#828A97";
+        'status-info-line': "#9298A4";
+        'status-info-fill-hover': "#C0C3CB";
+        'status-info-fill': "#DADDE2";
+        'status-info-content': "#404653";
+        'status-indication-surface': "#D1453F";
+        'status-indication-line': "#D1453F";
+        'status-indication-fill-hover': "#FFAE9E";
+        'status-indication-fill': "#FFD1C6";
+        'status-indication-content': "#831118";
+        'status-danger-surface': "#D1453F";
+        'status-danger-line': "#D1453F";
+        'status-danger-fill-hover': "#FFAE9E";
+        'status-danger-fill': "#FFD1C6";
+        'status-danger-content': "#831118";
+        'page-primary': "#ECEEF2";
+        'other-teal-surface': "#3A969E";
+        'other-teal-line': "#3CA5AD";
+        'other-teal-fill-hover': "#48D6DB";
+        'other-teal-fill': "#A1E9E9";
+        'other-teal-content': "#022B2F";
+        'other-purple-surface': "#A96FDE";
+        'other-purple-line': "#B381E1";
+        'other-purple-fill-hover': "#D6B8EF";
+        'other-purple-fill': "#E8D5F6";
+        'other-purple-content': "#2F0F50";
+        'other-pink-surface': "#D25CB8";
+        'other-pink-line': "#DB70C4";
+        'other-pink-fill-hover': "#F3ACE7";
+        'other-pink-fill': "#F8D1F2";
+        'other-pink-content': "#420D35";
+        'other-lime-surface': "#78922C";
+        'other-lime-line': "#85A12D";
+        'other-lime-fill-hover': "#B6CC65";
+        'other-lime-fill': "#D4E490";
+        'other-lime-content': "#202901";
+        'other-lemon-surface': "#8E8C23";
+        'other-lemon-line': "#9D9B25";
+        'other-lemon-fill-hover': "#CBC65F";
+        'other-lemon-fill': "#E6DF83";
+        'other-lemon-content': "#282601";
+        'other-indigo-surface': "#807EEC";
+        'other-indigo-line': "#918DEC";
+        'other-indigo-fill-hover': "#C3BDF9";
+        'other-indigo-fill': "#DDD9FC";
+        'other-indigo-content': "#1F1F55";
+        'other-cyan-surface': "#439786";
+        'other-cyan-line': "#48A692";
+        'other-cyan-fill-hover': "#58D8BE";
+        'other-cyan-fill': "#9FEBD8";
+        'other-cyan-content': "#052B24";
+        'other-chocolate-surface': "#AC7F58";
+        'other-chocolate-line': "#B78F6D";
+        'other-chocolate-fill-hover': "#D8BEA9";
+        'other-chocolate-fill': "#E7D9CC";
+        'other-chocolate-content': "#361D01";
+        'line-tertiary-hover': "#AFB3BD";
+        'line-tertiary': "#CCCFD6";
+        'line-selected-hover': "#2978D4";
+        'line-selected': "#4D98F9";
+        'line-secondary-hover': "#9298A4";
+        'line-secondary': "#AFB3BD";
+        'line-primary-hover': "#727987";
+        'line-primary': "#9298A4";
+        'line-focus-outline': "#A4C5FE";
+        'line-focus': "#4D98F9";
+        'line-elevated': "#FFFFFF00";
+        'line-disable': "#C0C3CB";
+        'fill-selected-hover': "#2978D4";
+        'fill-selected': "#4D98F9";
+        'fill-secondary-hover': "#CCCFD6";
+        'fill-secondary-active': "#C0C3CB";
+        'fill-secondary': "#DADDE2";
+        'fill-primary-hover': "#DADDE2";
+        'fill-primary-active': "#CCCFD6";
+        'fill-primary': "#FFFFFF";
+        'fill-elevated': "#FFFFFF";
+        'fill-disable': "#DADDE2";
+        'content-tertiary': "#727987";
+        'content-secondary': "#4F5666";
+        'content-primary': "#212631";
+        'content-placeholder': "#828A97";
+        'content-on-dark': "#FFFFFF";
+        'content-link-visited': "#BD49A2";
+        'content-link': "#2978D4";
+        'content-inverse': "#FFFFFF";
+        'content-disable': "#9298A4";
+        'brand-secondary-hover': "#A9D3FF";
+        'brand-secondary-border': "#C3DFFF";
+        'brand-secondary-active': "#90C8FF";
+        'brand-secondary': "#C3DFFF";
+        'brand-primary-hover': "#198FD8";
+        'brand-primary-content': "#004871";
+        'brand-primary-border': "#1D7DBC";
+        'brand-primary-active': "#2B9DE9";
+        'brand-primary': "#1D7DBC";
     };
     variables: {
         'spacing-900': string;

package/dist/themes/cdsDark.d.ts

@@ -1,122 +1,122 @@
 declare const _default: {
     dark: boolean;
     colors: {
-        'surface-secondary': string;
-        'surface-primary': string;
-        'surface-overlay': string;
-        'surface-inverse': string;
-        'surface-elevated': string;
-        'status-warning-surface': string;
-        'status-warning-line': string;
-        'status-warning-fill-hover': string;
-        'status-warning-fill': string;
-        'status-warning-content': string;
-        'status-success-surface': string;
-        'status-success-line': string;
-        'status-success-fill-hover': string;
-        'status-success-fill': string;
-        'status-success-content': string;
-        'status-progress-surface': string;
-        'status-progress-line': string;
-        'status-progress-fill-hover': string;
-        'status-progress-fill': string;
-        'status-progress-content': string;
-        'status-info-surface': string;
-        'status-info-line': string;
-        'status-info-fill-hover': string;
-        'status-info-fill': string;
-        'status-info-content': string;
-        'status-indication-surface': string;
-        'status-indication-line': string;
-        'status-indication-fill-hover': string;
-        'status-indication-fill': string;
-        'status-indication-content': string;
-        'status-danger-surface': string;
-        'status-danger-line': string;
-        'status-danger-fill-hover': string;
-        'status-danger-fill': string;
-        'status-danger-content': string;
-        'page-primary': string;
-        'other-teal-surface': string;
-        'other-teal-line': string;
-        'other-teal-fill-hover': string;
-        'other-teal-fill': string;
-        'other-teal-content': string;
-        'other-purple-surface': string;
-        'other-purple-line': string;
-        'other-purple-fill-hover': string;
-        'other-purple-fill': string;
-        'other-purple-content': string;
-        'other-pink-surface': string;
-        'other-pink-line': string;
-        'other-pink-fill-hover': string;
-        'other-pink-fill': string;
-        'other-pink-content': string;
-        'other-lime-surface': string;
-        'other-lime-line': string;
-        'other-lime-fill-hover': string;
-        'other-lime-fill': string;
-        'other-lime-content': string;
-        'other-lemon-surface': string;
-        'other-lemon-line': string;
-        'other-lemon-fill-hover': string;
-        'other-lemon-fill': string;
-        'other-lemon-content': string;
-        'other-indigo-surface': string;
-        'other-indigo-line': string;
-        'other-indigo-fill-hover': string;
-        'other-indigo-fill': string;
-        'other-indigo-content': string;
-        'other-cyan-surface': string;
-        'other-cyan-line': string;
-        'other-cyan-fill-hover': string;
-        'other-cyan-fill': string;
-        'other-cyan-content': string;
-        'other-chocolate-surface': string;
-        'other-chocolate-line': string;
-        'other-chocolate-fill-hover': string;
-        'other-chocolate-fill': string;
-        'other-chocolate-content': string;
-        'line-tertiary-hover': string;
-        'line-tertiary': string;
-        'line-selected-hover': string;
-        'line-selected': string;
-        'line-secondary-hover': string;
-        'line-secondary': string;
-        'line-primary-hover': string;
-        'line-primary': string;
-        'line-focus-outline': string;
-        'line-focus': string;
-        'line-elevated': string;
-        'line-disable': string;
-        'fill-selected-hover': string;
-        'fill-selected': string;
-        'fill-secondary-hover': string;
-        'fill-secondary-active': string;
-        'fill-secondary': string;
-        'fill-primary-hover': string;
-        'fill-primary-active': string;
-        'fill-primary': string;
-        'fill-elevated': string;
-        'fill-disable': string;
-        'content-tertiary': string;
-        'content-secondary': string;
-        'content-primary': string;
-        'content-placeholder': string;
-        'content-on-dark': string;
-        'content-link-visited': string;
-        'content-link': string;
-        'content-inverse': string;
-        'content-disable': string;
-        'brand-secondary-hover': string;
-        'brand-secondary-border': string;
-        'brand-secondary-active': string;
-        'brand-secondary': string;
-        'brand-primary-hover': string;
-        'brand-primary-content': string;
-        'brand-primary-border': string;
-        'brand-primary-active': string;
-        'brand-primary': string;
+        'surface-secondary': "#33373F";
+        'surface-primary': "#272A30";
+        'surface-overlay': "#272A30CC";
+        'surface-inverse': "#DCDDE3";
+        'surface-elevated': "#33373F";
+        'status-warning-surface': "#C9A449";
+        'status-warning-line': "#BE9737";
+        'status-warning-fill-hover': "#8A6502";
+        'status-warning-fill': "#614301";
+        'status-warning-content': "#EADBBA";
+        'status-success-surface': "#6EBA66";
+        'status-success-line': "#5DAF55";
+        'status-success-fill-hover': "#1F7C22";
+        'status-success-fill': "#0D5512";
+        'status-success-content': "#CAE4C4";
+        'status-progress-surface': "#4DB1FF";
+        'status-progress-line': "#0EA4F8";
+        'status-progress-fill-hover': "#0172AC";
+        'status-progress-fill': "#014F77";
+        'status-progress-content': "#C7E0FF";
+        'status-info-surface': "#A5A9B2";
+        'status-info-line': "#989DA8";
+        'status-info-fill-hover': "#666C79";
+        'status-info-fill': "#454951";
+        'status-info-content': "#DCDDE3";
+        'status-indication-surface': "#FF9E92";
+        'status-indication-line': "#FF9E92";
+        'status-indication-fill-hover': "#B8423D";
+        'status-indication-fill': "#822825";
+        'status-indication-content': "#FFD2CC";
+        'status-danger-surface': "#FF9E92";
+        'status-danger-line': "#FF9E92";
+        'status-danger-fill-hover': "#B8423D";
+        'status-danger-fill': "#822825";
+        'status-danger-content': "#FFD2CC";
+        'page-primary': "#1A1A1A";
+        'other-teal-surface': "#0ABACE";
+        'other-teal-line': "#01ACBF";
+        'other-teal-fill-hover': "#007886";
+        'other-teal-fill': "#04525B";
+        'other-teal-content': "#D4F2F7";
+        'other-purple-surface': "#B79AF5";
+        'other-purple-line': "#AE8BEE";
+        'other-purple-fill-hover': "#8457B8";
+        'other-purple-fill': "#5E3882";
+        'other-purple-content': "#F3E9FE";
+        'other-pink-surface': "#E889D1";
+        'other-pink-line': "#E078C7";
+        'other-pink-fill-hover': "#AC4296";
+        'other-pink-fill': "#7A2869";
+        'other-pink-content': "#FDE6F6";
+        'other-lime-surface': "#9BB24D";
+        'other-lime-line': "#8DA63B";
+        'other-lime-fill-hover': "#5B7400";
+        'other-lime-fill': "#3D4F00";
+        'other-lime-content': "#EBEED8";
+        'other-lemon-surface': "#ABAE48";
+        'other-lemon-line': "#9DA235";
+        'other-lemon-fill-hover': "#6A7100";
+        'other-lemon-fill': "#484C01";
+        'other-lemon-content': "#EEEED9";
+        'other-indigo-surface': "#96A4FF";
+        'other-indigo-line': "#8B95F9";
+        'other-indigo-fill-hover': "#6362C5";
+        'other-indigo-fill': "#40428D";
+        'other-indigo-content': "#EBEBFF";
+        'other-cyan-surface': "#0ABEA3";
+        'other-cyan-line': "#0AB098";
+        'other-cyan-fill-hover': "#067A69";
+        'other-cyan-fill': "#005348";
+        'other-cyan-content': "#D5F3EB";
+        'other-chocolate-surface': "#D49E6D";
+        'other-chocolate-line': "#CA915C";
+        'other-chocolate-fill-hover': "#985E1F";
+        'other-chocolate-fill': "#6E3B01";
+        'other-chocolate-content': "#FAEADB";
+        'line-tertiary-hover': "#7A808E";
+        'line-tertiary': "#565D67";
+        'line-selected-hover': "#92BAFE";
+        'line-selected': "#5D9DFC";
+        'line-secondary-hover': "#989DA8";
+        'line-secondary': "#7A808E";
+        'line-primary-hover': "#B5B7C0";
+        'line-primary': "#989DA8";
+        'line-focus-outline': "#1159B5";
+        'line-focus': "#5D9DFC";
+        'line-elevated': "#828A9766";
+        'line-disable': "#666C79";
+        'fill-selected-hover': "#92BAFE";
+        'fill-selected': "#5D9DFC";
+        'fill-secondary-hover': "#565D67";
+        'fill-secondary-active': "#666C79";
+        'fill-secondary': "#454951";
+        'fill-primary-hover': "#454951";
+        'fill-primary-active': "#565D67";
+        'fill-primary': "#272A30";
+        'fill-elevated': "#7A808E";
+        'fill-disable': "#454951";
+        'content-tertiary': "#B5B7C0";
+        'content-secondary': "#CFD2D7";
+        'content-primary': "#ECECEF";
+        'content-placeholder': "#A5A9B2";
+        'content-on-dark': "#F9F9FC";
+        'content-link-visited': "#C0AEF8";
+        'content-link': "#92BAFE";
+        'content-inverse': "#1A1A1A";
+        'content-disable': "#989DA8";
+        'brand-secondary-hover': "#1D4790";
+        'brand-secondary-border': "#1159B5";
+        'brand-secondary-active': "#1159B5";
+        'brand-secondary': "#142955";
+        'brand-primary-hover': "#1159B5";
+        'brand-primary-content': "#CDDEFF";
+        'brand-primary-border': "#417FE1";
+        'brand-primary-active': "#1D4790";
+        'brand-primary': "#417FE1";
     };
     variables: {
         'spacing-900': string;