@qasa/qds-ui 0.11.0 → 0.12.0

package/dist/cjs/types/components/avatar/avatar.d.ts

@@ -17,7 +17,8 @@ interface AvatarOptions {
      */
     src?: string;
     /**
-     * Name of the user. Important for accessibility.
+     * Name of the user. Used to generate the initials
+     * if no image is provided, but also for accessibility.
      */
     name?: string;
     /**

package/dist/cjs/types/components/button/button-styles.d.ts

@@ -108,6 +108,7 @@ export declare const getSizeStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -565,6 +566,7 @@ export declare const getVariantStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/components/icon/icons.d.ts

@@ -23,6 +23,7 @@ export declare const HelpCircleIcon: import("react").ForwardRefExoticComponent<i
 export declare const HistoryIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const HomeIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const ImageIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const InfoIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const ListIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const ListFilterIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const LogOutIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon-button/icon-button-styles.d.ts

@@ -107,6 +107,7 @@ export declare const getSizeStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -525,6 +526,7 @@ export declare const getVariantStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/components/label/label.d.ts

@@ -111,6 +111,7 @@ declare const getSizeStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/components/loading-dots/loading-dots.d.ts

@@ -111,6 +111,7 @@ declare const getSizeStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/components/paragraph/paragraph.d.ts

@@ -111,6 +111,7 @@ declare const getSizeStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/components/toast/toast-styles.d.ts

@@ -108,6 +108,7 @@ export declare const getVariantStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export * from './use-breakpoint';
 export * from './use-breakpoint-value';
-export * from './use-image';
 export * from './use-form-field';
 export * from './use-stable-id';
 export * from './use-safe-layout-effect';

package/dist/cjs/types/styles/common-styles.d.ts

@@ -107,6 +107,7 @@ export declare const getFormFieldBaseStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/theme/foundations/colors.d.ts

@@ -60,6 +60,7 @@ export declare const colors: {
         yellow30: string;
         yellow20: string;
         yellow10: string;
+        blackAlpha5: string;
         blackAlpha20: string;
     };
     bg: {

package/dist/cjs/types/theme/foundations/index.d.ts

@@ -112,6 +112,7 @@ export declare const foundations: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/theme/theme-tools.d.ts

@@ -264,6 +264,7 @@ export declare const overrideTheme: (overrides: ThemeOverrides) => {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {

package/dist/cjs/types/theme/theme.d.ts

@@ -107,6 +107,7 @@ export declare const theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {