@sentry-internal/feedback - npm Package Compare versions

Comparing version 7.94.1 to 7.95.0

cjs/index.js

@@ -22,2 +22,3 @@ Object.defineProperty(exports, '__esModule', { value: true });
   border: '1.5px solid rgba(41, 35, 47, 0.13)',
+  borderRadius: '12px',
   boxShadow: '0px 4px 24px 0px rgba(43, 34, 51, 0.12)',
@@ -46,2 +47,5 @@
   inputOutlineFocus: SUBMIT_COLOR,
+
+  formBorderRadius: '20px',
+  formContentBorderRadius: '6px',
 };
@@ -306,3 +310,3 @@
 
-  border-radius: 12px;
+  border-radius: var(--border-radius);
   cursor: pointer;
@@ -389,3 +393,3 @@ font-size: 14px;
   border: var(--border);
-  border-radius: 20px;
+  border-radius: var(--form-border-radius);
   background-color: var(--background);
@@ -465,3 +469,3 @@ color: var(--foreground);
   border: var(--input-border);
-  border-radius: 6px;
+  border-radius: var(--form-content-border-radius);
   color: var(--input-foreground);
@@ -491,3 +495,3 @@ font-size: 14px;
   border: var(--cancel-border);
-  border-radius: 6px;
+  border-radius: var(--form-content-border-radius);
   cursor: pointer;
@@ -532,3 +536,3 @@ font-size: 14px;
   border: var(--border);
-  border-radius: 12px;
+  border-radius: var(--border-radius);
   box-shadow: var(--box-shadow);
@@ -562,2 +566,3 @@ font-weight: 600;
   --border: ${theme.border};
+  --border-radius: ${theme.borderRadius};
   --box-shadow: ${theme.boxShadow};
@@ -583,2 +588,5 @@
   --input-outline-focus: ${theme.inputOutlineFocus};
+
+  --form-border-radius: ${theme.formBorderRadius};
+  --form-content-border-radius: ${theme.formContentBorderRadius};
   `;
@@ -1584,2 +1592,7 @@ }
 
+const feedbackIntegration = ((options) => {
+  // eslint-disable-next-line deprecation/deprecation
+  return new Feedback(options);
+}) ;
+
 /**
@@ -1589,2 +1602,4 @@ * Feedback integration. When added as an integration to the SDK, it will
  * feedback modal when clicked.
+ *
+ * @deprecated Use `feedbackIntegration()` instead.
  */
@@ -1659,3 +1674,3 @@ class Feedback  {
   } = {}) {
-    // Initializations
+    // eslint-disable-next-line deprecation/deprecation
     this.name = Feedback.id;
@@ -1936,3 +1951,4 @@
 exports.Feedback = Feedback;
+exports.feedbackIntegration = feedbackIntegration;
 exports.sendFeedback = sendFeedback;
 //# sourceMappingURL=index.js.map

esm/index.js

@@ -20,2 +20,3 @@ import { GLOBAL_OBJ, getLocationHref, logger, isBrowser } from '@sentry/utils';
   border: '1.5px solid rgba(41, 35, 47, 0.13)',
+  borderRadius: '12px',
   boxShadow: '0px 4px 24px 0px rgba(43, 34, 51, 0.12)',
@@ -44,2 +45,5 @@
   inputOutlineFocus: SUBMIT_COLOR,
+
+  formBorderRadius: '20px',
+  formContentBorderRadius: '6px',
 };
@@ -304,3 +308,3 @@
 
-  border-radius: 12px;
+  border-radius: var(--border-radius);
   cursor: pointer;
@@ -387,3 +391,3 @@ font-size: 14px;
   border: var(--border);
-  border-radius: 20px;
+  border-radius: var(--form-border-radius);
   background-color: var(--background);
@@ -463,3 +467,3 @@ color: var(--foreground);
   border: var(--input-border);
-  border-radius: 6px;
+  border-radius: var(--form-content-border-radius);
   color: var(--input-foreground);
@@ -489,3 +493,3 @@ font-size: 14px;
   border: var(--cancel-border);
-  border-radius: 6px;
+  border-radius: var(--form-content-border-radius);
   cursor: pointer;
@@ -530,3 +534,3 @@ font-size: 14px;
   border: var(--border);
-  border-radius: 12px;
+  border-radius: var(--border-radius);
   box-shadow: var(--box-shadow);
@@ -560,2 +564,3 @@ font-weight: 600;
   --border: ${theme.border};
+  --border-radius: ${theme.borderRadius};
   --box-shadow: ${theme.boxShadow};
@@ -581,2 +586,5 @@
   --input-outline-focus: ${theme.inputOutlineFocus};
+
+  --form-border-radius: ${theme.formBorderRadius};
+  --form-content-border-radius: ${theme.formContentBorderRadius};
   `;
@@ -1582,2 +1590,7 @@ }
 
+const feedbackIntegration = ((options) => {
+  // eslint-disable-next-line deprecation/deprecation
+  return new Feedback(options);
+}) ;
+
 /**
@@ -1587,2 +1600,4 @@ * Feedback integration. When added as an integration to the SDK, it will
  * feedback modal when clicked.
+ *
+ * @deprecated Use `feedbackIntegration()` instead.
  */
@@ -1657,3 +1672,3 @@ class Feedback  {
   } = {}) {
-    // Initializations
+    // eslint-disable-next-line deprecation/deprecation
     this.name = Feedback.id;
@@ -1933,3 +1948,3 @@
 
-export { Feedback, sendFeedback };
+export { Feedback, feedbackIntegration, sendFeedback };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@sentry-internal/feedback",
-  "version": "7.94.1",
+  "version": "7.95.0",
   "description": "Sentry SDK integration for user feedback",
@@ -32,7 +32,7 @@ "repository": "git://github.com/getsentry/sentry-javascript.git",
   "dependencies": {
-    "@sentry/core": "7.94.1",
-    "@sentry/types": "7.94.1",
-    "@sentry/utils": "7.94.1"
+    "@sentry/core": "7.95.0",
+    "@sentry/types": "7.95.0",
+    "@sentry/utils": "7.95.0"
   },
   "sideEffects": false
 }

types-ts3.8/constants.d.ts

@@ -10,2 +10,3 @@ export declare const WINDOW: import("@sentry/utils").InternalGlobal & Window;
         border: string;
+        borderRadius: string;
         boxShadow: string;
@@ -30,2 +31,4 @@ success: string;
         inputOutlineFocus: string;
+        formBorderRadius: string;
+        formContentBorderRadius: string;
     };
@@ -41,2 +44,3 @@ dark: {
         fontSize: string;
+        borderRadius: string;
         boxShadow: string;
@@ -59,2 +63,4 @@ submitBackground: string;
         inputOutlineFocus: string;
+        formBorderRadius: string;
+        formContentBorderRadius: string;
     };
@@ -61,0 +67,0 @@ };

types-ts3.8/index.d.ts

 export { sendFeedback } from './sendFeedback';
-export { Feedback } from './integration';
+export { Feedback, feedbackIntegration, } from './integration';
 //# sourceMappingURL=index.d.ts.map

types-ts3.8/integration.d.ts

 import { Integration } from '@sentry/types';
 import { FeedbackInternalOptions, FeedbackWidget, OptionalFeedbackConfiguration } from './types';
 import { createShadowHost } from './widget/createShadowHost';
+export declare const feedbackIntegration: (options?: OptionalFeedbackConfiguration) => Feedback;
 /**
@@ -8,2 +9,4 @@ * Feedback integration. When added as an integration to the SDK, it will
  * feedback modal when clicked.
+ *
+ * @deprecated Use `feedbackIntegration()` instead.
  */
@@ -10,0 +13,0 @@ export declare class Feedback implements Integration {

types-ts3.8/types/index.d.ts

@@ -194,2 +194,6 @@ import { Primitive } from '@sentry/types';
     /**
+     * Border radius styling for actor
+     */
+    borderRadius: string;
+    /**
      * Box shadow for actor and dialog
@@ -274,2 +278,10 @@ */
     inputOutlineFocus: string;
+    /**
+     * Border radius for dialog
+     */
+    formBorderRadius: string;
+    /**
+     * Border radius for form inputs
+     */
+    formContentBorderRadius: string;
 }
@@ -276,0 +288,0 @@ export interface FeedbackThemes {

types/constants.d.ts

@@ -10,2 +10,3 @@ export declare const WINDOW: import("@sentry/utils").InternalGlobal & Window;
         border: string;
+        borderRadius: string;
         boxShadow: string;
@@ -30,2 +31,4 @@ success: string;
         inputOutlineFocus: string;
+        formBorderRadius: string;
+        formContentBorderRadius: string;
     };
@@ -41,2 +44,3 @@ dark: {
         fontSize: string;
+        borderRadius: string;
         boxShadow: string;
@@ -59,2 +63,4 @@ submitBackground: string;
         inputOutlineFocus: string;
+        formBorderRadius: string;
+        formContentBorderRadius: string;
     };
@@ -61,0 +67,0 @@ };

types/index.d.ts

 export { sendFeedback } from './sendFeedback';
-export { Feedback } from './integration';
+export { Feedback, feedbackIntegration, } from './integration';
 //# sourceMappingURL=index.d.ts.map

types/integration.d.ts

 import type { Integration } from '@sentry/types';
 import type { FeedbackInternalOptions, FeedbackWidget, OptionalFeedbackConfiguration } from './types';
 import { createShadowHost } from './widget/createShadowHost';
+export declare const feedbackIntegration: (options?: OptionalFeedbackConfiguration) => Feedback;
 /**
@@ -8,2 +9,4 @@ * Feedback integration. When added as an integration to the SDK, it will
  * feedback modal when clicked.
+ *
+ * @deprecated Use `feedbackIntegration()` instead.
  */
@@ -10,0 +13,0 @@ export declare class Feedback implements Integration {

types/types/index.d.ts

@@ -194,2 +194,6 @@ import type { Primitive } from '@sentry/types';
     /**
+     * Border radius styling for actor
+     */
+    borderRadius: string;
+    /**
      * Box shadow for actor and dialog
@@ -274,2 +278,10 @@ */
     inputOutlineFocus: string;
+    /**
+     * Border radius for dialog
+     */
+    formBorderRadius: string;
+    /**
+     * Border radius for form inputs
+     */
+    formContentBorderRadius: string;
 }
@@ -276,0 +288,0 @@ export interface FeedbackThemes {

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

356211

increased by1.34%

Lines of code

4870

increased by1.39%

Dependency changes

• + Added@sentry/core@7.95.0(transitive)

• + Added@sentry/types@7.95.0(transitive)

• + Added@sentry/utils@7.95.0(transitive)

• - Removed@sentry/core@7.94.1(transitive)

• - Removed@sentry/types@7.94.1(transitive)

• - Removed@sentry/utils@7.94.1(transitive)

• Updated@sentry/core@7.95.0

• Updated@sentry/types@7.95.0

• Updated@sentry/utils@7.95.0