@toptal/picasso-application-update-notification 2.0.34 → 2.0.35-alpha-1757603192867.0

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@toptal/picasso-application-update-notification",
-  "version": "2.0.34",
+  "version": "2.0.35-alpha-1757603192867.0",
   "description": "Toptal UI components library - ApplicationUpdateNotification",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "main": "./dist-package/src/index.js",
   "module": "./dist-package/src/index.js",
   "scripts": {
     "build:package": "tsc -b tsconfig.json",
-    "prepublishOnly": "yarn build:package"
+    "prepublishOnly": "echo 0"
   },
   "repository": {
     "type": "git",
@@ -22,11 +23,11 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-button": "4.0.23",
-    "@toptal/picasso-container": "3.1.2",
-    "@toptal/picasso-icons": "1.12.1",
-    "@toptal/picasso-typography": "4.0.4",
-    "@toptal/picasso-utils": "3.1.0",
+    "@toptal/picasso-button": "4.0.24-alpha-1757603192867.0",
+    "@toptal/picasso-container": "3.1.3-alpha-1757603192867.0",
+    "@toptal/picasso-icons": "1.12.2-alpha-1757603192867.0",
+    "@toptal/picasso-typography": "4.0.5-alpha-1757603192867.0",
+    "@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0",
     "classnames": "^2.5.1"
   },
   "sideEffects": [
@@ -34,14 +35,14 @@
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@toptal/picasso-tailwind": ">=2.7",
+    "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-test-utils": "1.1.1"
+    "@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0"
   },
   "files": [
     "dist-package/**",

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

@@ -1,18 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { BaseProps } from '@toptal/picasso-shared';
-export interface Props extends BaseProps {
-    /** Notification title */
-    title?: ReactNode;
-    /** Notification decription text */
-    description?: ReactNode;
-    /** Actions to be rendered */
-    actions?: (onClose?: () => void) => ReactNode;
-    /** Controls the dismissability of the notification */
-    dismissable?: boolean;
-    /** On close click callback */
-    onClose?: () => void;
-}
-export declare const ApplicationUpdateNotification: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default ApplicationUpdateNotification;
-//# sourceMappingURL=ApplicationUpdateNotification.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationUpdateNotification.d.ts","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotification/ApplicationUpdateNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAMvD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mCAAmC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,KAAK,SAAS,CAAA;IAC7C,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,6BAA6B,8EAoEzC,CAAA;AAWD,eAAe,6BAA6B,CAAA"}

package/dist-package/src/ApplicationUpdateNotification/ApplicationUpdateNotification.js

@@ -1,37 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import { Typography } from '@toptal/picasso-typography';
-import { Container } from '@toptal/picasso-container';
-import { Close16 } from '@toptal/picasso-icons';
-import { ButtonCircular } from '@toptal/picasso-button';
-export const ApplicationUpdateNotification = forwardRef(function ApplicationUpdateNotification(props, ref) {
-    const { title, description, actions = null, dismissable = false, onClose } = props, rest = __rest(props, ["title", "description", "actions", "dismissable", "onClose"]);
-    const notification = (React.createElement(Container, { flex: true, direction: 'column', gap: 'xsmall' },
-        React.createElement("svg", { className: 'opacity-40 absolute -top-[0.4em] -left-[0.5em] fill-blue-700', viewBox: '0 0 105 105', width: '105', height: '105' },
-            React.createElement("path", { d: 'M8.364 72.364h32v8h-21.47c.829.99 1.701 1.942 2.614 2.855C29.641 91.353 40.63 96 52.364 96 76.464 96 96 76.463 96 52.364h8.727c0 28.92-23.444 52.363-52.363 52.363A52.192 52.192 0 0116.363 90.39v13.975h-8v-32zM52.364 0a52.192 52.192 0 0136 14.338V.364h8v32h-32v-8l21.469-.001a43.924 43.924 0 00-2.614-2.855c-8.133-8.133-19.12-12.78-30.855-12.78-24.1 0-43.637 19.536-43.637 43.636H0C0 23.444 23.444 0 52.364 0z' })),
-        React.createElement(Container, { flex: true, direction: 'row', alignItems: 'flex-start', justifyContent: 'space-between' },
-            React.createElement(Typography, { variant: 'heading', size: 'medium', color: 'inherit', className: 'relative' }, title),
-            dismissable && (React.createElement(ButtonCircular, { "data-testid": 'btn-dismiss', className: 'text-lg text-white inline-flex items-center font-semibold whitespace-nowrap', variant: 'transparent', icon: React.createElement(Close16, null), onClick: onClose }))),
-        React.createElement(Container, { className: 'relative' },
-            React.createElement(Typography, { size: 'medium', color: 'inherit' }, description)), actions === null || actions === void 0 ? void 0 :
-        actions(onClose)));
-    return (React.createElement("div", Object.assign({}, rest, { className: 'relative flex flex-wrap text-lg/[1.43] items-center rounded-md bg-blue-600 shadow-3 w-[27.5em] text-white p-[1.5em] overflow-hidden', ref: ref, role: 'alert' }), notification));
-});
-ApplicationUpdateNotification.defaultProps = {
-    title: 'A New Update is Available',
-    description: 'Get performance improvements and bug fixes with this update. Make sure to save any data on this page before updating.',
-    onClose: () => { },
-};
-ApplicationUpdateNotification.displayName = 'ApplicationUpdateNotification';
-export default ApplicationUpdateNotification;
-//# sourceMappingURL=ApplicationUpdateNotification.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationUpdateNotification.js","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotification/ApplicationUpdateNotification.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAevD,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU,CACrD,SAAS,6BAA6B,CAAC,KAAK,EAAE,GAAG;IAC/C,MAAM,EACJ,KAAK,EACL,WAAW,EACX,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,6DAOL,CAAQ,CAAA;IAET,MAAM,YAAY,GAAG,CACnB,oBAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,QAAQ;QAC7C,6BACE,SAAS,EAAC,8DAA8D,EACxE,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK;YAEZ,8BAAM,CAAC,EAAC,0ZAA0Z,GAAG,CACja;QAEN,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,YAAY,EACvB,cAAc,EAAC,eAAe;YAE9B,oBAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,UAAU,IAEnB,KAAK,CACK;YACZ,WAAW,IAAI,CACd,oBAAC,cAAc,mBACD,aAAa,EACzB,SAAS,EAAC,6EAA6E,EACvF,OAAO,EAAC,aAAa,EACrB,IAAI,EAAE,oBAAC,OAAO,OAAG,EACjB,OAAO,EAAE,OAAO,GAChB,CACH,CACS;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAC,UAAU;YAC7B,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,IACtC,WAAW,CACD,CACH,EAEX,OAAO,aAAP,OAAO;QAAP,OAAO,CAAG,OAAO,CAAC,CACT,CACb,CAAA;IAED,OAAO,CACL,6CACM,IAAI,IACR,SAAS,EAAC,qIAAqI,EAC/I,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,KAEX,YAAY,CACT,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,6BAA6B,CAAC,YAAY,GAAG;IAC3C,KAAK,EAAE,2BAA2B;IAClC,WAAW,EACT,uHAAuH;IACzH,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAA;AAED,6BAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA;AAE3E,eAAe,6BAA6B,CAAA"}

package/dist-package/src/ApplicationUpdateNotification/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ApplicationUpdateNotification } from './ApplicationUpdateNotification';
-export type { Props as ApplicationUpdateNotificationProps } from './ApplicationUpdateNotification';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ApplicationUpdateNotification/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAA;AAC1F,YAAY,EAAE,KAAK,IAAI,kCAAkC,EAAE,MAAM,iCAAiC,CAAA"}

package/dist-package/src/ApplicationUpdateNotification/index.js

@@ -1,2 +0,0 @@
-export { default as ApplicationUpdateNotification } from './ApplicationUpdateNotification';
-//# sourceMappingURL=index.js.map

package/dist-package/src/ApplicationUpdateNotification/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAA"}

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

@@ -1,16 +0,0 @@
-import type { ReactNode } from 'react';
-import type { BaseProps } from '@toptal/picasso-shared';
-import type { AlignItemsType, JustifyContentType } from '@toptal/picasso-container';
-export interface Props extends BaseProps {
-    /** Defines the align-items style property */
-    alignItems?: AlignItemsType;
-    /** Defines the justify-content style property */
-    justifyContent?: JustifyContentType;
-    children: ReactNode;
-}
-export declare const ApplicationUpdateNotificationActions: {
-    ({ justifyContent, alignItems, children, }: Props): JSX.Element;
-    displayName: string;
-};
-export default ApplicationUpdateNotificationActions;
-//# sourceMappingURL=ApplicationUpdateNotificationActions.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationUpdateNotificationActions.d.ts","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotificationActions/ApplicationUpdateNotificationActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAElC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,oCAAoC;gDAI9C,KAAK;;CAYP,CAAA;AAKD,eAAe,oCAAoC,CAAA"}

package/dist-package/src/ApplicationUpdateNotificationActions/ApplicationUpdateNotificationActions.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Container } from '@toptal/picasso-container';
-export const ApplicationUpdateNotificationActions = ({ justifyContent = 'flex-start', alignItems = 'center', children, }) => {
-    return (React.createElement(Container, { flex: true, direction: 'row', alignItems: alignItems, justifyContent: justifyContent, gap: 'xsmall' }, children));
-};
-ApplicationUpdateNotificationActions.displayName =
-    'ApplicationUpdateNotificationActions';
-export default ApplicationUpdateNotificationActions;
-//# sourceMappingURL=ApplicationUpdateNotificationActions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationUpdateNotificationActions.js","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotificationActions/ApplicationUpdateNotificationActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAcrD,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,EACnD,cAAc,GAAG,YAAY,EAC7B,UAAU,GAAG,QAAQ,EACrB,QAAQ,GACF,EAAE,EAAE;IACV,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,KAAK,EACf,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAC,QAAQ,IAEX,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,oCAAoC,CAAC,WAAW;IAC9C,sCAAsC,CAAA;AAExC,eAAe,oCAAoC,CAAA"}

package/dist-package/src/ApplicationUpdateNotificationActions/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ApplicationUpdateNotificationActions } from './ApplicationUpdateNotificationActions';
-export type { Props as ApplicationUpdateNotificationActionsProps } from './ApplicationUpdateNotificationActions';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ApplicationUpdateNotificationActions/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotificationActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oCAAoC,EAAE,MAAM,wCAAwC,CAAA;AACxG,YAAY,EAAE,KAAK,IAAI,yCAAyC,EAAE,MAAM,wCAAwC,CAAA"}

package/dist-package/src/ApplicationUpdateNotificationActions/index.js

@@ -1,2 +0,0 @@
-export { default as ApplicationUpdateNotificationActions } from './ApplicationUpdateNotificationActions';
-//# sourceMappingURL=index.js.map

package/dist-package/src/ApplicationUpdateNotificationActions/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotificationActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oCAAoC,EAAE,MAAM,wCAAwC,CAAA"}

package/dist-package/src/ApplicationUpdateNotificationCompound/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const ApplicationUpdateNotificationCompound: import("react").ForwardRefExoticComponent<import("../ApplicationUpdateNotification").ApplicationUpdateNotificationProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Actions: {
-        ({ justifyContent, alignItems, children, }: import("../ApplicationUpdateNotificationActions").ApplicationUpdateNotificationActionsProps): JSX.Element;
-        displayName: string;
-    };
-};
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ApplicationUpdateNotificationCompound/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotificationCompound/index.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,qCAAqC;;;;;CAKjD,CAAA"}

package/dist-package/src/ApplicationUpdateNotificationCompound/index.js

@@ -1,6 +0,0 @@
-import { ApplicationUpdateNotification } from '../ApplicationUpdateNotification';
-import { ApplicationUpdateNotificationActions } from '../ApplicationUpdateNotificationActions';
-export const ApplicationUpdateNotificationCompound = Object.assign(ApplicationUpdateNotification, {
-    Actions: ApplicationUpdateNotificationActions,
-});
-//# sourceMappingURL=index.js.map

package/dist-package/src/ApplicationUpdateNotificationCompound/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ApplicationUpdateNotificationCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAA;AAChF,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAA;AAE9F,MAAM,CAAC,MAAM,qCAAqC,GAAG,MAAM,CAAC,MAAM,CAChE,6BAA6B,EAC7B;IACE,OAAO,EAAE,oCAAoC;CAC9C,CACF,CAAA"}

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

@@ -1,4 +0,0 @@
-export * from './ApplicationUpdateNotification';
-export * from './ApplicationUpdateNotificationActions';
-export * from './ApplicationUpdateNotificationCompound';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,wCAAwC,CAAA;AACtD,cAAc,yCAAyC,CAAA"}

package/dist-package/src/index.js

@@ -1,4 +0,0 @@
-export * from './ApplicationUpdateNotification';
-export * from './ApplicationUpdateNotificationActions';
-export * from './ApplicationUpdateNotificationCompound';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,wCAAwC,CAAA;AACtD,cAAc,yCAAyC,CAAA"}