@dynamic-framework/ui-react 1.33.0 → 1.34.0

package/dist/types/components/DQuickActionButton/DQuickActionButton.d.ts

@@ -2,11 +2,8 @@ import type { BaseProps } from '../interface';
 type Props = BaseProps & {
     line1: string;
     line2: string;
-    actionLinkText?: string;
-    actionLinkTheme?: string;
     actionIcon?: string;
-    secondaryActionIcon?: string;
-    secondaryActionAriaLabel?: string;
+    actionIconTheme?: string;
     actionIconFamilyClass?: string;
     actionIconFamilyPrefix?: string;
     representativeImage?: string;
@@ -15,11 +12,9 @@ type Props = BaseProps & {
     representativeIconHasCircle?: boolean;
     representativeIconFamilyClass?: string;
     representativeIconFamilyPrefix?: string;
+    href?: string;
+    hrefTarget?: string;
     onClick?: () => void;
-    onClickSecondary?: () => void;
 };
-/**
- * @deprecated
- */
-export default function DQuickActionButton({ line1, line2, className, actionLinkText, actionLinkTheme, actionIcon, secondaryActionIcon, secondaryActionAriaLabel, actionIconFamilyClass, actionIconFamilyPrefix, representativeImage, representativeIcon, representativeIconTheme, representativeIconHasCircle, representativeIconFamilyClass, representativeIconFamilyPrefix, onClick, onClickSecondary, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DQuickActionButton({ line1, line2, className, actionIcon, actionIconFamilyClass, actionIconFamilyPrefix, actionIconTheme, representativeImage, representativeIcon, representativeIconTheme, representativeIconHasCircle, representativeIconFamilyClass, representativeIconFamilyPrefix, onClick, href, hrefTarget, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/contexts/DContext.d.ts

@@ -33,11 +33,20 @@ type IconMapProps = {
         increase: string;
     };
 };
+export type BreakpointProps = {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
 type Props<T extends Record<string, unknown>> = {
     language: string;
     currency: CurrencyProps;
     icon: IconProps;
     iconMap: IconMapProps;
+    breakpoints: BreakpointProps;
 } & PortalContextProps<T>;
 type Context<T extends Record<string, unknown>> = Props<T> & {
     setContext: (value: Partial<Props<T>>) => void;

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

@@ -6,3 +6,5 @@ export { default as useStackState } from './useStackState';
 export { default as useDisableBodyScrollEffect } from './useDisableBodyScrollEffect';
 export { default as usePortal } from './usePortal';
 export { default as useItemSelection } from './useItemSelection';
+export { default as useMediaQuery } from './useMediaQuery';
+export { useMediaBreakpointUpXs, useMediaBreakpointUpSm, useMediaBreakpointUpMd, useMediaBreakpointUpLg, useMediaBreakpointUpXl, useMediaBreakpointUpXxl, } from './useMediaBreakpointUp';

package/dist/types/hooks/useMediaBreakpointUp.d.ts

@@ -0,0 +1,6 @@
+export declare function useMediaBreakpointUpXs(useListener?: boolean): boolean;
+export declare function useMediaBreakpointUpSm(useListener?: boolean): boolean;
+export declare function useMediaBreakpointUpMd(useListener?: boolean): boolean;
+export declare function useMediaBreakpointUpLg(useListener?: boolean): boolean;
+export declare function useMediaBreakpointUpXl(useListener?: boolean): boolean;
+export declare function useMediaBreakpointUpXxl(useListener?: boolean): boolean;

package/dist/types/hooks/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export default function useMediaQuery(mediaQuery: string, useListener?: boolean): boolean;

package/dist/types/utils/getCssVariable.d.ts

@@ -0,0 +1 @@
+export default function getCssVariable(variable: string): string;

package/dist/types/utils/index.d.ts

@@ -2,3 +2,5 @@ export { default as formatCurrency } from './formatCurrency';
 export { default as configureI18n } from './configureI18n';
 export { default as getQueryString } from './getQueryString';
 export { default as changeQueryString } from './changeQueryString';
+export { default as getCssVariable } from './getCssVariable';
+export * from './mediaQuery';

package/dist/types/utils/mediaQuery.d.ts

@@ -0,0 +1,2 @@
+export declare function subscribeToMediaQuery(query: string, callback: () => void): () => void;
+export declare function checkMediaQuery(query: string): boolean;

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "1.33.0",
+  "version": "1.34.0",
   "description": "React Dynamic Framework",
   "license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md",
   "repository": {

package/src/style/components/_d-quick-action-button.scss

@@ -53,13 +53,15 @@
   border-radius: var(--#{$prefix}quick-action-button-border-radius);
   box-shadow: var(--#{$prefix}quick-action-button-box-shadow);
 
-  &:hover {
+  &.d-quick-action-button-feedback:hover {
+    text-decoration: none;
     background: var(--#{$prefix}quick-action-button-hover-bg);
     border-color: var(--#{$prefix}quick-action-button-hover-border-color);
     box-shadow: var(--#{$prefix}quick-action-button-hover-box-shadow);
   }
 
-  &:active {
+  &.d-quick-action-button-feedback:active {
+    text-decoration: none;
     background: var(--#{$prefix}quick-action-button-active-bg);
     border-color: var(--#{$prefix}quick-action-button-active-border-color);
     box-shadow: var(--#{$prefix}quick-action-button-active-box-shadow);