@central-design-system/components 3.0.2 → 3.0.4

package/dist/themes/cdsLight.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': "#ECEEF2";
+        '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': "#955EC8";
+        'content-link': "#2978D4";
+        'content-inverse': "#FFFFFF";
+        'content-disable': "#9298A4";
+        'brand-secondary-hover': "#B6D0FD";
+        'brand-secondary-border': "#CBDDFD";
+        'brand-secondary-active': "#A4C5FE";
+        'brand-secondary': "#CBDDFD";
+        'brand-primary-hover': "#3D8AEC";
+        'brand-primary-content': "#11447D";
+        'brand-primary-border': "#2978D4";
+        'brand-primary-active': "#4D98F9";
+        'brand-primary': "#2978D4";
     };
     variables: {
         'spacing-900': string;

package/dist/transitions/createTransition.d.ts

@@ -1,5 +1,5 @@
-import type { PropType, Prop } from 'vue';
-export declare function createCssTransition(name: string, origin?: string, mode?: string): import("vue").DefineComponent<{
+import { PropType, Prop } from 'vue';
+export declare function createCssTransition(name: string, origin?: string, mode?: string): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     group: PropType<boolean>;
     hideOnLeave: PropType<boolean>;
     leaveAbsolute: PropType<boolean>;
@@ -11,9 +11,9 @@ export declare function createCssTransition(name: string, origin?: string, mode?
         type: PropType<string>;
         default: string;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     group: PropType<boolean>;
     hideOnLeave: PropType<boolean>;
     leaveAbsolute: PropType<boolean>;
@@ -25,14 +25,14 @@ export declare function createCssTransition(name: string, origin?: string, mode?
         type: PropType<string>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     mode: string;
     origin: string;
-}>;
-export declare function createJSTransition(name: string, functions: Record<string, any>, mode?: string): import("vue").DefineComponent<{
-    mode: Prop<"default" | "in-out" | "out-in", "default" | "in-out" | "out-in">;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare function createJSTransition(name: string, functions: Record<string, any>, mode?: string): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    mode: Prop<"in-out" | "out-in" | "default">;
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    mode: Prop<"default" | "in-out" | "out-in", "default" | "in-out" | "out-in">;
-}>>, {}>;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    mode: Prop<"in-out" | "out-in" | "default">;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;