@toptal/picasso-notification 100.0.3-alpha-pf-react-19-improvements-970580a42.0 → 100.0.3

package/dist-package/src/Notification/Notification.d.ts

@@ -10,10 +10,7 @@ export interface PrivateProps extends Omit<StandardProps, 'classes'>, HTMLAttrib
     /** Style variant of Notification */
     variant?: VariantType;
     /** Add <Icon /> before Notification content  */
-    icon?: ReactElement<{
-        className?: string;
-        color?: string;
-    }>;
+    icon?: ReactElement;
     /** Enable elevated appearance for Notification */
     elevated?: boolean;
     testIds?: {

package/dist-package/src/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,KAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAW,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAcpE,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EACpC,cAAc,CAAC,cAAc,CAAC;IAChC,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAA;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD,oCAAoC;IACpC,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,gDAAgD;IAChD,IAAI,CAAC,EAAE,YAAY,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC3D,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE;QACR,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;CACF;AAED,+GAA+G;AAC/G,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAsEjE,eAAO,MAAM,YAAY,qFAqDxB,CAAA;AAID,eAAe,YAAY,CAAA"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,KAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAW,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAcpE,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EACpC,cAAc,CAAC,cAAc,CAAC;IAChC,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAA;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD,oCAAoC;IACpC,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,gDAAgD;IAChD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE;QACR,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;CACF;AAED,+GAA+G;AAC/G,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAsEjE,eAAO,MAAM,YAAY,qFAqDxB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/dist-package/src/Notification/Notification.js

@@ -38,7 +38,7 @@ const renderNotificationIcon = ({ icon, variant = 'yellow' }) => {
 const renderNotificationContent = (props) => {
     const { children, onClose, variant, testIds } = props;
     return (React.createElement(Container, { flex: true, className: 'flex w-full my-0 mx-auto p-0 max-w-[75em] min-w-0', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.content },
-        React.createElement(Container, { flex: true, alignItems: 'center', className: twMerge('min-w-[1.5em] mr-[1em]', variant === 'yellow'
+        React.createElement(Container, { flex: true, alignItems: 'center', className: twJoin('min-w-[1.5em] mr-[1em]', variant === 'yellow'
                 ? 'h-[1em] min-w-[1em] mt-[2px] basis-0'
                 : 'h-[1.5em] basis-[1.5em]') }, renderNotificationIcon(props)),
         React.createElement(Typography, { size: variant === 'yellow' ? 'small' : 'medium', color: 'black', className: twJoin('break-words min-w-0', variant === 'yellow' ? '!mt-0' : '!mt-[1px]'), as: 'div' }, children),
@@ -59,7 +59,7 @@ export const Notification = forwardRef(function Notification(_a, ref) {
         notificationWhite: 'bg-white px-[1.5em] pt-[1.5625em] pb-[1.5em]',
         notificationYellow: 'bg-yellow-100 px-[1em] py-[1.5em] sm:p-[1.5em] lg:px-[130px] lg:py-[1.5em]',
     };
-    return (React.createElement("div", Object.assign({}, rest, { className: twMerge('relative w-full flex flex-nowrap items-start shadow-none rounded-[none] pt-[1.5em] pb-[1.5625em] pr-[2.5em] pl-[1.5em] transition-shadow duration-300', elevated && 'shadow-3 rounded-sm', variant
+    return (React.createElement("div", Object.assign({}, rest, { className: twMerge('relative w-full flex flex-nowrap items-start shadow-[none] rounded-[none] pt-[1.5em] pb-[1.5625em] pr-[2.5em] pl-[1.5em] transition-shadow duration-300', elevated && 'shadow-3 rounded-sm', variant
             ? classByVariant[`notification${capitalize(variant)}`]
             : classByVariant.notificationYellow, className), "data-testid": dataTestId || (testIds === null || testIds === void 0 ? void 0 : testIds.notification), ref: ref, role: 'alert' }), renderNotificationContent(Object.assign({}, props))));
 });

package/dist-package/src/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"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"}

package/dist-package/src/use-notification/use-notifications.d.ts

@@ -1,22 +1,11 @@
 import type { ReactNode, ReactElement } from 'react';
 import React from 'react';
-import type { OptionsObject, SnackbarKey } from 'notistack';
+import type { OptionsObject } from 'notistack';
 export declare const useNotifications: () => {
-    showError: (content: ReactNode, icon?: ReactElement<{
-        className?: string;
-        color?: string;
-    }>, options?: OptionsObject) => SnackbarKey;
-    showInfo: (content: ReactNode, icon?: ReactElement<{
-        className?: string;
-        color?: string;
-    }>, options?: OptionsObject) => SnackbarKey;
-    showSuccess: (content: ReactNode, icon?: ReactElement<{
-        className?: string;
-        color?: string;
-    }>, options?: OptionsObject) => SnackbarKey;
-    showCustom: (notificationElement: React.ReactElement<{
-        onClose?: () => void;
-    }>, options?: OptionsObject) => SnackbarKey;
-    closeNotification: (key?: SnackbarKey) => void;
+    showError: (content: ReactNode, icon?: ReactElement, options?: OptionsObject) => import("notistack").SnackbarKey;
+    showInfo: (content: ReactNode, icon?: ReactElement, options?: OptionsObject) => import("notistack").SnackbarKey;
+    showSuccess: (content: ReactNode, icon?: ReactElement, options?: OptionsObject) => import("notistack").SnackbarKey;
+    showCustom: (notificationElement: React.ReactElement, options?: OptionsObject) => import("notistack").SnackbarKey;
+    closeNotification: (key?: import("notistack").SnackbarKey) => void;
 };
 //# sourceMappingURL=use-notifications.d.ts.map

package/dist-package/src/use-notification/use-notifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-notifications.d.ts","sourceRoot":"","sources":["../../../src/use-notification/use-notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAgD3D,eAAO,MAAM,gBAAgB;yBAsCZ,SAAS,SACX,YAAY,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,YACjD,aAAa;wBAFd,SAAS,SACX,YAAY,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,YACjD,aAAa;2BAFd,SAAS,SACX,YAAY,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,YACjD,aAAa;sCAlCF,KAAK,CAAC,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,YACvD,aAAa;;CA2D9B,CAAA"}
+{"version":3,"file":"use-notifications.d.ts","sourceRoot":"","sources":["../../../src/use-notification/use-notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAgD9C,eAAO,MAAM,gBAAgB;yBAkCb,SAAS,SAAS,YAAY,YAAY,aAAa;wBAAvD,SAAS,SAAS,YAAY,YAAY,aAAa;2BAAvD,SAAS,SAAS,YAAY,YAAY,aAAa;sCA7B3C,KAAK,CAAC,YAAY,YAAY,aAAa;;CAsDtE,CAAA"}

package/dist-package/src/use-notification/use-notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-notifications.js","sourceRoot":"","sources":["../../../src/use-notification/use-notifications.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-notifications.js","sourceRoot":"","sources":["../../../src/use-notification/use-notifications.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-notification",
-  "version": "100.0.3-alpha-pf-react-19-improvements-970580a42.0",
+  "version": "100.0.3",
   "description": "Toptal UI components library - Notification",
   "publishConfig": {
     "access": "public"
@@ -19,36 +19,37 @@
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
     "classnames": "^2.5.1",
-    "notistack": "3.0.2",
-    "@toptal/picasso-container": "100.0.2-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-button": "100.0.3-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-icons": "100.0.2-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-shared": "100.1.1-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-typography": "100.0.2-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-utils": "100.0.2-alpha-pf-react-19-improvements-970580a42.0"
+    "notistack": "3.0.1",
+    "@toptal/picasso-button": "100.0.3",
+    "@toptal/picasso-container": "100.0.1",
+    "@toptal/picasso-icons": "100.0.1",
+    "@toptal/picasso-shared": "100.1.0",
+    "@toptal/picasso-typography": "100.0.1",
+    "@toptal/picasso-utils": "100.0.1"
   },
   "sideEffects": [
     "**/styles.ts",
     "**/styles.js"
   ],
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@toptal/picasso-tailwind-merge": "^100.0.1-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-provider": "^100.2.1-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-tailwind": "^100.0.1-alpha-pf-react-19-improvements-970580a42.0"
+    "react": ">=17.0.0 < 19.0.0",
+    "@toptal/picasso-tailwind-merge": "^100.0.0",
+    "@toptal/picasso-provider": "^100.2.0",
+    "@toptal/picasso-tailwind": "^100.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-tailwind-merge": "100.0.1-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-provider": "100.2.1-alpha-pf-react-19-improvements-970580a42.0",
-    "@toptal/picasso-test-utils": "100.1.1-alpha-pf-react-19-improvements-970580a42.0"
+    "@toptal/picasso-tailwind-merge": "100.0.0",
+    "@toptal/picasso-provider": "100.2.0",
+    "@toptal/picasso-test-utils": "100.1.0"
   },
   "files": [
     "dist-package/**",
     "!dist-package/tsconfig.tsbuildinfo",
-    "src"
+    "src",
+    "!src/**/*.figma.ts"
   ],
   "scripts": {
     "build:package": "tsc -b tsconfig.json"

package/src/Notification/Notification.tsx

@@ -26,7 +26,7 @@ export interface PrivateProps
   /** Style variant of Notification */
   variant?: VariantType
   /** Add <Icon /> before Notification content  */
-  icon?: ReactElement<{ className?: string; color?: string }>
+  icon?: ReactElement
   /** Enable elevated appearance for Notification */
   elevated?: boolean
   testIds?: {
@@ -82,7 +82,7 @@ const renderNotificationContent = (props: PrivateProps) => {
       <Container
         flex
         alignItems='center'
-        className={twMerge(
+        className={twJoin(
           'min-w-[1.5em] mr-[1em]',
           variant === 'yellow'
             ? 'h-[1em] min-w-[1em] mt-[2px] basis-0'
@@ -143,7 +143,7 @@ export const Notification = forwardRef<HTMLDivElement, PrivateProps>(
       <div
         {...rest}
         className={twMerge(
-          'relative w-full flex flex-nowrap items-start shadow-none rounded-[none] pt-[1.5em] pb-[1.5625em] pr-[2.5em] pl-[1.5em] transition-shadow duration-300',
+          'relative w-full flex flex-nowrap items-start shadow-[none] rounded-[none] pt-[1.5em] pb-[1.5625em] pr-[2.5em] pl-[1.5em] transition-shadow duration-300',
           elevated && 'shadow-3 rounded-sm',
           variant
             ? classByVariant[`notification${capitalize(variant)}`]

package/src/Notification/__snapshots__/test.tsx.snap

@@ -6,7 +6,7 @@ exports[`Notification renders 1`] = `
     class="flex-1 box-border [:where(&)_*]:font-sans [&_*]:[box-sizing:inherit] [&_*::before]:[box-sizing:inherit] [&_*::after]:[box-sizing:inherit]"
   >
     <div
-      class="relative w-full flex flex-nowrap items-start shadow-none rounded-[none] transition-shadow duration-300 bg-yellow px-[1em] py-[1.5em] sm:p-[1.5em] lg:px-[130px] lg:py-[1.5em]"
+      class="relative w-full flex flex-nowrap items-start shadow-[none] rounded-[none] transition-shadow duration-300 bg-yellow px-[1em] py-[1.5em] sm:p-[1.5em] lg:px-[130px] lg:py-[1.5em]"
       role="alert"
     >
       <div

package/src/NotificationActions/__snapshots__/test.tsx.snap

@@ -6,7 +6,7 @@ exports[`NotificationActions renders 1`] = `
     class="flex-1 box-border [:where(&)_*]:font-sans [&_*]:[box-sizing:inherit] [&_*::before]:[box-sizing:inherit] [&_*::after]:[box-sizing:inherit]"
   >
     <div
-      class="relative w-full flex flex-nowrap items-start shadow-none rounded-[none] transition-shadow duration-300 bg-yellow px-[1em] py-[1.5em] sm:p-[1.5em] lg:px-[130px] lg:py-[1.5em]"
+      class="relative w-full flex flex-nowrap items-start shadow-[none] rounded-[none] transition-shadow duration-300 bg-yellow px-[1em] py-[1.5em] sm:p-[1.5em] lg:px-[130px] lg:py-[1.5em]"
       role="alert"
     >
       <div

package/src/use-notification/use-notifications.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode, ReactElement } from 'react'
 import React, { forwardRef, useMemo, useCallback } from 'react'
 import { twJoin } from '@toptal/picasso-tailwind-merge'
-import type { OptionsObject, SnackbarKey } from 'notistack'
+import type { OptionsObject } from 'notistack'
 import { useSnackbar } from 'notistack'
 import type { BaseProps } from '@toptal/picasso-shared'
 
@@ -21,7 +21,7 @@ const defaultPosition: SnackbarOrigin = {
 interface Props extends BaseProps {
   key?: string
   content: ReactNode
-  icon?: ReactElement<{ className?: string; color?: string }>
+  icon?: ReactElement
   onClose?: () => void
   variant?: VariantType
 }
@@ -54,10 +54,7 @@ export const useNotifications = () => {
 
   const getNotification = useCallback(
     () =>
-      (
-        notificationElement: React.ReactElement<{ onClose?: () => void }>,
-        options?: OptionsObject
-      ) => {
+      (notificationElement: React.ReactElement, options?: OptionsObject) => {
         const closeNotification = () => {
           if (!notificationId) {
             return
@@ -71,7 +68,7 @@ export const useNotifications = () => {
         }
         const notificationId = enqueueSnackbar('', {
           anchorOrigin: defaultPosition,
-          content: (key: SnackbarKey) =>
+          content: (key: string) =>
             React.cloneElement(notificationElement, {
               key,
               onClose: closeNotification,
@@ -86,11 +83,7 @@ export const useNotifications = () => {
 
   const getPicassoNotification = useCallback(
     (variant?: VariantType) =>
-      (
-        content: ReactNode,
-        icon?: ReactElement<{ className?: string; color?: string }>,
-        options?: OptionsObject
-      ) => {
+      (content: ReactNode, icon?: ReactElement, options?: OptionsObject) => {
         const notificationComponent = (
           <StyledNotification content={content} icon={icon} variant={variant} />
         )