@zendeskgarden/react-avatars - npm Package Compare versions

Comparing version 9.2.0 to 9.3.0

dist/esm/styled/StyledAvatar.js

@@ -111,3 +111,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -114,0 +114,0 @@ displayName: "StyledAvatar",

dist/esm/styled/StyledStandaloneStatus.js

@@ -14,3 +14,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -17,0 +17,0 @@ displayName: "StyledStandaloneStatus",

dist/esm/styled/StyledStandaloneStatusCaption.js

@@ -17,3 +17,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -20,0 +20,0 @@ displayName: "StyledStandaloneStatusCaption",

dist/esm/styled/StyledStandaloneStatusIndicator.js

@@ -15,3 +15,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -18,0 +18,0 @@ displayName: "StyledStandaloneStatusIndicator",

dist/esm/styled/StyledStatusIndicator.js

@@ -53,3 +53,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -56,0 +56,0 @@ displayName: "StyledStatusIndicator",

dist/esm/styled/StyledStatusIndicatorBase.js

@@ -43,3 +43,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -46,0 +46,0 @@ displayName: "StyledStatusIndicatorBase",

dist/esm/styled/StyledText.js

@@ -13,3 +13,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -16,0 +16,0 @@ displayName: "StyledText",

dist/index.cjs.js

@@ -125,3 +125,3 @@ /**
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -246,3 +246,3 @@ displayName: "StyledText",
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -296,3 +296,3 @@ displayName: "StyledStatusIndicatorBase",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -403,3 +403,3 @@ displayName: "StyledStatusIndicator",
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -417,3 +417,3 @@ displayName: "StyledAvatar",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -431,3 +431,3 @@ displayName: "StyledStandaloneStatus",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -441,3 +441,3 @@ displayName: "StyledStandaloneStatusCaption",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.3.0'
 }).withConfig({
@@ -444,0 +444,0 @@ displayName: "StyledStandaloneStatusIndicator",

dist/typings/styled/StyledAvatar.d.ts

@@ -7,3 +7,2 @@ /**
  */
-import { DefaultTheme } from 'styled-components';
 import { IAvatarProps } from '../types';
@@ -21,5 +20,4 @@ export interface IStyledAvatarProps {
  */
-export declare const StyledAvatar: import("styled-components").StyledComponent<"figure", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledAvatarProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, never>, IStyledAvatarProps>> & string;

dist/typings/styled/StyledStandaloneStatus.d.ts

@@ -8,5 +8,4 @@ /**
 import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const StyledStandaloneStatus: import("styled-components").StyledComponent<"figure", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+export declare const StyledStandaloneStatus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, never>, ThemeProps<DefaultTheme>>> & string;

dist/typings/styled/StyledStandaloneStatusCaption.d.ts

@@ -8,5 +8,4 @@ /**
 import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const StyledStandaloneStatusCaption: import("styled-components").StyledComponent<"figcaption", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+export declare const StyledStandaloneStatusCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, never>, ThemeProps<DefaultTheme>>> & string;

dist/typings/styled/StyledStandaloneStatusIndicator.d.ts

@@ -8,8 +8,6 @@ /**
 import { IStyledStatusIndicatorProps } from './utility';
-export declare const StyledStandaloneStatusIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledStatusIndicatorProps & {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledStandaloneStatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps>, never>, IStyledStatusIndicatorProps>> & string;

dist/typings/styled/StyledStatusIndicator.d.ts

@@ -7,3 +7,2 @@ /**
  */
-import { DefaultTheme } from 'styled-components';
 import { IAvatarProps } from '../types';
@@ -17,8 +16,6 @@ import { IStyledStatusIndicatorProps } from './utility';
 }
-export declare const StyledStatusIndicator: import("styled-components").StyledComponent<"div", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledStatusIndicatorProps & {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStatusIndicatorProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledStatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps>, never>, IStatusIndicatorProps>> & string;

dist/typings/styled/StyledStatusIndicatorBase.d.ts

@@ -8,5 +8,4 @@ /**
 import { IStyledStatusIndicatorProps } from './utility';
-export declare const StyledStatusIndicatorBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledStatusIndicatorProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledStatusIndicatorBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, IStyledStatusIndicatorProps>> & string;

dist/typings/styled/StyledText.d.ts

@@ -10,5 +10,4 @@ /**
  */
-export declare const StyledText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}>, never>, never>> & string;

package.json

 {
   "name": "@zendeskgarden/react-avatars",
-  "version": "9.2.0",
+  "version": "9.3.0",
   "description": "Components relating to avatars in the Garden Design System",
@@ -31,7 +31,7 @@ "license": "Apache-2.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-dropdowns": "^9.2.0",
-    "@zendeskgarden/react-theming": "^9.2.0",
+    "@zendeskgarden/react-dropdowns": "^9.3.0",
+    "@zendeskgarden/react-theming": "^9.3.0",
     "@zendeskgarden/svg-icons": "7.3.0"
@@ -49,3 +49,3 @@ },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "23a86c9a1e830685e277544c089b44614c2261ac"
+  "gitHead": "fa6461e0d9fae27956980056006e8013daedc6b9"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

77028

increased by7.16%

Lines of code

1504

increased by0.4%

No dependency changes