@sendoutcards/quantum-design-ui 1.7.23 → 1.7.27

package/dist/src/customThemes/sendOutCards/concepts.d.ts

@@ -28,7 +28,7 @@ export declare const concepts: {
         mediumLight: string;
         mediumDark: string;
         dark: string;
-        generate: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+        generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
     };
     typography: {
         imports: {

package/dist/src/helpers/hoc-functions/makeResponsive.d.ts

@@ -13,7 +13,7 @@ export declare const makeResponsive: (property: string, value: HOCValues | CSSVa
     mediumLight: string;
     mediumDark: string;
     dark: string;
-    generate: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+    generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
 } | {
     primaryBrand: string;
     secondaryBrand: string;

package/dist/src/helpers/hoc-types/entityValueTypes.d.ts

@@ -46,7 +46,7 @@ export declare const colors: {
     mediumLight: string;
     mediumDark: string;
     dark: string;
-    generate: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+    generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
 }, textColors: {
     primaryBrand: string;
     secondaryBrand: string;

package/dist/src/helpers/theme-functions/computeShadow.d.ts

@@ -1,4 +1,4 @@
 import { shadows } from "../../theme/tokens/shadows";
 declare type ShadowConceptKey = keyof typeof shadows;
-export declare const computeShadow: (shadow: ShadowConceptKey, color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+export declare const computeShadow: (shadow: ShadowConceptKey | number[], color?: string | undefined, reverseOffset?: boolean | undefined) => string;
 export {};

package/dist/src/hooks/useEntities.d.ts

@@ -73,7 +73,7 @@ export declare const useEntities: () => {
             mediumLight: string;
             mediumDark: string;
             dark: string;
-            generate: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+            generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
         };
         borders: {
             thin: string;
@@ -220,7 +220,7 @@ export declare const useEntities: () => {
             fontColor: string;
             fontFamily: string;
         };
-        boxShadow: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+        boxShadow: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
         borderSize: string;
         outlinedBackgroundColor: string;
         fontWeight: number;
@@ -447,6 +447,16 @@ export declare const useEntities: () => {
         hoverBoxShadow: string;
         hoverBottomDirectionShadow: string;
         defaultInset: string;
+        tab: {
+            dark: {
+                backgroundColor: string | undefined;
+                arrowColor: string;
+            };
+            light: {
+                backgroundColor: string;
+                arrowColor: string | undefined;
+            };
+        };
     };
     sheet: {
         mobileBorderRadius: string;
@@ -490,4 +500,11 @@ export declare const useEntities: () => {
         backgroundColor: string;
         fontColor: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue";
     }>;
+    colorOption: {
+        defaults: {
+            circleFill: string;
+            innerRing: string;
+            outerRing: string;
+        };
+    };
 };

package/dist/src/hooks/useProgressiveImage.d.ts

@@ -0,0 +1 @@
+export declare const useProgressiveImage: (src: string) => string | null;

package/dist/src/molecules/drawer/drawer.d.ts

@@ -17,5 +17,6 @@ export declare type DrawerProps = {
     overflow?: Overflow;
     closedValue?: number;
     tabMode?: 'dark' | 'light';
+    shoudHideScroll?: boolean;
 };
 export declare const Drawer: FC<DrawerProps>;

package/dist/src/molecules/drawer/styles.d.ts

@@ -2,6 +2,7 @@ import { DrawerLocation } from './drawer';
 import { DrawerEntity } from "../../theme/theming/entities";
 declare const _default: {
     drawerContainer: (location: DrawerLocation, drawerEntity: DrawerEntity) => import("@emotion/utils").SerializedStyles;
+    childContainer: (shouldHideScroll?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
     drawerTab: (location: DrawerLocation, openValue: number) => import("@emotion/utils").SerializedStyles;
 };
 export default _default;

package/dist/src/molecules/image/image.d.ts

@@ -14,9 +14,6 @@ export declare type ImageProps = {
     title?: string;
     borderRadius?: BorderRadiusDirection | LiteralUnion<HOCBorderRadiusKeys>;
     onClick?: () => void;
-    lazyLoadOffset?: number | number[];
-    lazyLoadOverflow?: boolean;
-    shouldLoadOnce?: boolean;
     backgroundSize?: Responsive<BackgroundSize> | BackgroundSize;
 };
 export declare const Image: FC<ImageProps>;

package/dist/src/molecules/logo/logo.d.ts

@@ -6,5 +6,7 @@ export declare type LogoProps = {
     color: LogoColorTypes;
     type?: 'fullLogo' | 'icon';
     width?: string;
+    href?: string;
+    onClick?: () => void;
 };
 export declare const Logo: FC<LogoProps>;

package/dist/src/organisms/staticNavigation/staticNavigation.d.ts

@@ -24,6 +24,8 @@ export declare type StaticNavigationProps = {
     logo: {
         brand: BrandTypes;
         color: LogoColorTypes;
+        href?: string;
+        onClick?: () => void;
     };
     accountSection?: React.ReactNode;
     links: (DropdownLink | Link)[];

package/dist/src/theme/theming/concepts.d.ts

@@ -28,7 +28,7 @@ export declare const concepts: {
         mediumLight: string;
         mediumDark: string;
         dark: string;
-        generate: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+        generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
     };
     typography: {
         imports: {

package/dist/src/theme/theming/entities.d.ts

@@ -171,7 +171,7 @@ declare const hocs: {
         mediumLight: string;
         mediumDark: string;
         dark: string;
-        generate: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+        generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
     };
     borders: {
         thin: string;
@@ -220,7 +220,7 @@ declare const buttons: {
         fontColor: string;
         fontFamily: string;
     };
-    boxShadow: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+    boxShadow: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
     borderSize: string;
     outlinedBackgroundColor: string;
     fontWeight: number;
@@ -494,6 +494,13 @@ declare const colorPicker: {
 };
 declare const sphere: Sphere;
 declare const widget: Widget;
+declare const colorOption: {
+    defaults: {
+        circleFill: string;
+        innerRing: string;
+        outerRing: string;
+    };
+};
 export declare const entities: {
     mediaQueries: {
         queries: {
@@ -569,7 +576,7 @@ export declare const entities: {
             mediumLight: string;
             mediumDark: string;
             dark: string;
-            generate: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+            generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
         };
         borders: {
             thin: string;
@@ -716,7 +723,7 @@ export declare const entities: {
             fontColor: string;
             fontFamily: string;
         };
-        boxShadow: (shadow: "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+        boxShadow: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
         borderSize: string;
         outlinedBackgroundColor: string;
         fontWeight: number;
@@ -996,6 +1003,13 @@ export declare const entities: {
         backgroundColor: string;
         fontColor: "inverseBody" | "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "accent" | "success" | "warning" | "danger" | "anchorBlue";
     }>;
+    colorOption: {
+        defaults: {
+            circleFill: string;
+            innerRing: string;
+            outerRing: string;
+        };
+    };
 };
 export declare type MediaQueriesEntity = typeof mediaQueries;
 export declare type HOCEntity = typeof hocs;
@@ -1019,5 +1033,6 @@ export declare type TooltipEntity = typeof tooltip;
 export declare type ColorPicker = typeof colorPicker;
 export declare type SphereEntity = typeof sphere;
 export declare type WidgetEntity = typeof widget;
+export declare type ColorOptionEntity = typeof colorOption;
 export declare type Entities = typeof entities;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.7.23",
+  "version": "1.7.27",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
@@ -61,7 +61,6 @@
     "react-eyedrop": "^5.1.3",
     "react-infinite-scroll-component": "^6.1.0",
     "react-infinite-scroller": "^1.2.4",
-    "react-lazyload": "^3.1.1",
     "react-use-dimensions": "^1.2.1",
     "ttypescript": "^1.5.12",
     "use-callback-ref": "^1.2.4",

package/dist/src/organisms/releaseNoteDialog/styles.d.ts

@@ -1,4 +0,0 @@
-declare const _default: {
-    featureListContainer: import("@emotion/utils").SerializedStyles;
-};
-export default _default;