@cleartrip/ct-design-alert-callout - npm Package Compare versions

Comparing version 3.14.1-SNAPSHOT-mevc-atp-typo.0 to 3.15.0-SNAPSHOT-EMOTION-JS.0

dist/ct-design-alert-callout.browser.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("styled-components"),a=require("@cleartrip/ct-design-container"),l=require("@cleartrip/ct-design-theme"),n=require("classnames");function i(e){return e&&e.__esModule?e:{default:e}}var o,c,u=i(t),d=i(n);exports.AlertCalloutVariants=void 0,(o=exports.AlertCalloutVariants||(exports.AlertCalloutVariants={})).SUCCESS="success",o.ERROR="error",o.WARNING="warning",o.INFO="info",o.NEUTRAL="neutral";var x=((c={})[exports.AlertCalloutVariants.SUCCESS]=l.BaseTheme.color.alert.success,c[exports.AlertCalloutVariants.ERROR]=l.BaseTheme.color.alert.error,c[exports.AlertCalloutVariants.WARNING]=l.BaseTheme.color.alert.warning,c[exports.AlertCalloutVariants.INFO]=l.BaseTheme.color.alert.info,c[exports.AlertCalloutVariants.NEUTRAL]=l.BaseTheme.color.alert.neutral,c);function f(e){var r;return null!==(r=x[e])&&void 0!==r?r:x[exports.AlertCalloutVariants.SUCCESS]}var m=u.default.div((function(r){var s=r.theme,t=r.css,a=e.__rest(r,["theme","css"]);return function(r){var s=r.theme,t=r.variant,a=r.css;return e.__assign({display:"flex",justifyContent:"center",flexDirection:"column",backgroundColor:f(t),padding:"8px 12px",borderRadius:s.border.radius[8]},a)}(e.__assign({theme:s,css:t},a))})),C=s.forwardRef((function(s,t){s.as;var n=s.textNode,i=s.css,o=s.rightActionNode,c=s.prefixIconNode,u=s.variant,x=s.description,f=s.styleConfig,C=void 0===f?{}:f,v=e.__rest(s,["as","textNode","css","rightActionNode","prefixIconNode","variant","description","styleConfig"]),N=l.useTheme(),h=C.root,p=C.rootContainer,_=C.prefixIconContainer,g=C.textNodeContainer,A=C.rightActionContainer;return r.jsxs(m,e.__assign({ref:t,theme:N,variant:null!=u?u:exports.AlertCalloutVariants.SUCCESS,css:(null==h?void 0:h.css)||i,className:null==h?void 0:h.className},v,{children:[r.jsxs(a.Container,e.__assign({className:"flex flex-middle flex-between"},{children:[r.jsxs(a.Container,e.__assign({className:d.default("flex flex-middle",null==p?void 0:p.className),css:null==p?void 0:p.css},{children:[!!c&&r.jsx(a.Container,e.__assign({className:d.default("flex flex-middle flex-no-shrink mr-2",null==_?void 0:_.className),css:null==_?void 0:_.css},{children:c})),r.jsx(a.Container,e.__assign({className:d.default("flex flex-middle",null==g?void 0:g.className),css:null==g?void 0:g.css},{children:n}))]})),!!o&&r.jsx(a.Container,e.__assign({className:d.default("ml-3 flex-no-shrink",null==A?void 0:A.className),css:null==A?void 0:A.css},{children:o}))]})),!!x&&x]}))}));exports.AlertCallout=C;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("@emotion/styled"),a=require("@cleartrip/ct-design-container"),l=require("@cleartrip/ct-design-theme"),n=require("classnames");function i(e){return e&&e.__esModule?e:{default:e}}var o,c,u=i(t),d=i(n);exports.AlertCalloutVariants=void 0,(o=exports.AlertCalloutVariants||(exports.AlertCalloutVariants={})).SUCCESS="success",o.ERROR="error",o.WARNING="warning",o.INFO="info",o.NEUTRAL="neutral";var x=((c={})[exports.AlertCalloutVariants.SUCCESS]=l.BaseTheme.color.alert.success,c[exports.AlertCalloutVariants.ERROR]=l.BaseTheme.color.alert.error,c[exports.AlertCalloutVariants.WARNING]=l.BaseTheme.color.alert.warning,c[exports.AlertCalloutVariants.INFO]=l.BaseTheme.color.alert.info,c[exports.AlertCalloutVariants.NEUTRAL]=l.BaseTheme.color.alert.neutral,c);function f(e){var r;return null!==(r=x[e])&&void 0!==r?r:x[exports.AlertCalloutVariants.SUCCESS]}var m=u.default.div((function(r){var s=r.theme,t=r.css,a=e.__rest(r,["theme","css"]);return function(r){var s=r.theme,t=r.variant,a=r.css;return e.__assign({display:"flex",justifyContent:"center",flexDirection:"column",backgroundColor:f(t),padding:"8px 12px",borderRadius:s.border.radius[8]},a)}(e.__assign({theme:s,css:t},a))})),C=s.forwardRef((function(s,t){s.as;var n=s.textNode,i=s.css,o=s.rightActionNode,c=s.prefixIconNode,u=s.variant,x=s.description,f=s.styleConfig,C=void 0===f?{}:f,v=e.__rest(s,["as","textNode","css","rightActionNode","prefixIconNode","variant","description","styleConfig"]),N=l.useTheme(),h=C.root,p=C.rootContainer,_=C.prefixIconContainer,g=C.textNodeContainer,A=C.rightActionContainer;return r.jsxs(m,e.__assign({ref:t,theme:N,variant:null!=u?u:exports.AlertCalloutVariants.SUCCESS,css:(null==h?void 0:h.css)||i,className:null==h?void 0:h.className},v,{children:[r.jsxs(a.Container,e.__assign({className:"flex flex-middle flex-between"},{children:[r.jsxs(a.Container,e.__assign({className:d.default("flex flex-middle",null==p?void 0:p.className),css:null==p?void 0:p.css},{children:[!!c&&r.jsx(a.Container,e.__assign({className:d.default("flex flex-middle flex-no-shrink mr-2",null==_?void 0:_.className),css:null==_?void 0:_.css},{children:c})),r.jsx(a.Container,e.__assign({className:d.default("flex flex-middle",null==g?void 0:g.className),css:null==g?void 0:g.css},{children:n}))]})),!!o&&r.jsx(a.Container,e.__assign({className:d.default("ml-3 flex-no-shrink",null==A?void 0:A.className),css:null==A?void 0:A.css},{children:o}))]})),!!x&&x]}))}));exports.AlertCallout=C;
 //# sourceMappingURL=ct-design-alert-callout.browser.cjs.js.map

dist/ct-design-alert-callout.browser.esm.js

@@ -1,2 +0,2 @@
-import{__assign as e,__rest as r}from"tslib";import{jsxs as o,jsx as n}from"react/jsx-runtime";import{forwardRef as l}from"react";import s from"styled-components";import{Container as i}from"@cleartrip/ct-design-container";import{BaseTheme as t,useTheme as c}from"@cleartrip/ct-design-theme";import a from"classnames";var d,m;!function(e){e.SUCCESS="success",e.ERROR="error",e.WARNING="warning",e.INFO="info",e.NEUTRAL="neutral"}(d||(d={}));var f=((m={})[d.SUCCESS]=t.color.alert.success,m[d.ERROR]=t.color.alert.error,m[d.WARNING]=t.color.alert.warning,m[d.INFO]=t.color.alert.info,m[d.NEUTRAL]=t.color.alert.neutral,m);function u(e){var r;return null!==(r=f[e])&&void 0!==r?r:f[d.SUCCESS]}var N=s.div((function(o){var n=o.theme,l=o.css,s=r(o,["theme","css"]);return function(r){var o=r.theme,n=r.variant,l=r.css;return e({display:"flex",justifyContent:"center",flexDirection:"column",backgroundColor:u(n),padding:"8px 12px",borderRadius:o.border.radius[8]},l)}(e({theme:n,css:l},s))})),v=l((function(l,s){l.as;var t=l.textNode,m=l.css,f=l.rightActionNode,u=l.prefixIconNode,v=l.variant,x=l.description,p=l.styleConfig,h=void 0===p?{}:p,C=r(l,["as","textNode","css","rightActionNode","prefixIconNode","variant","description","styleConfig"]),S=c(),g=h.root,R=h.rootContainer,E=h.prefixIconContainer,A=h.textNodeContainer,I=h.rightActionContainer;return o(N,e({ref:s,theme:S,variant:null!=v?v:d.SUCCESS,css:(null==g?void 0:g.css)||m,className:null==g?void 0:g.className},C,{children:[o(i,e({className:"flex flex-middle flex-between"},{children:[o(i,e({className:a("flex flex-middle",null==R?void 0:R.className),css:null==R?void 0:R.css},{children:[!!u&&n(i,e({className:a("flex flex-middle flex-no-shrink mr-2",null==E?void 0:E.className),css:null==E?void 0:E.css},{children:u})),n(i,e({className:a("flex flex-middle",null==A?void 0:A.className),css:null==A?void 0:A.css},{children:t}))]})),!!f&&n(i,e({className:a("ml-3 flex-no-shrink",null==I?void 0:I.className),css:null==I?void 0:I.css},{children:f}))]})),!!x&&x]}))}));export{v as AlertCallout,d as AlertCalloutVariants};
+import{__assign as e,__rest as r}from"tslib";import{jsxs as o,jsx as l}from"react/jsx-runtime";import{forwardRef as n}from"react";import s from"@emotion/styled";import{Container as i}from"@cleartrip/ct-design-container";import{BaseTheme as t,useTheme as c}from"@cleartrip/ct-design-theme";import a from"classnames";var d,m;!function(e){e.SUCCESS="success",e.ERROR="error",e.WARNING="warning",e.INFO="info",e.NEUTRAL="neutral"}(d||(d={}));var f=((m={})[d.SUCCESS]=t.color.alert.success,m[d.ERROR]=t.color.alert.error,m[d.WARNING]=t.color.alert.warning,m[d.INFO]=t.color.alert.info,m[d.NEUTRAL]=t.color.alert.neutral,m);function u(e){var r;return null!==(r=f[e])&&void 0!==r?r:f[d.SUCCESS]}var N=s.div((function(o){var l=o.theme,n=o.css,s=r(o,["theme","css"]);return function(r){var o=r.theme,l=r.variant,n=r.css;return e({display:"flex",justifyContent:"center",flexDirection:"column",backgroundColor:u(l),padding:"8px 12px",borderRadius:o.border.radius[8]},n)}(e({theme:l,css:n},s))})),v=n((function(n,s){n.as;var t=n.textNode,m=n.css,f=n.rightActionNode,u=n.prefixIconNode,v=n.variant,x=n.description,p=n.styleConfig,h=void 0===p?{}:p,C=r(n,["as","textNode","css","rightActionNode","prefixIconNode","variant","description","styleConfig"]),S=c(),g=h.root,R=h.rootContainer,E=h.prefixIconContainer,A=h.textNodeContainer,I=h.rightActionContainer;return o(N,e({ref:s,theme:S,variant:null!=v?v:d.SUCCESS,css:(null==g?void 0:g.css)||m,className:null==g?void 0:g.className},C,{children:[o(i,e({className:"flex flex-middle flex-between"},{children:[o(i,e({className:a("flex flex-middle",null==R?void 0:R.className),css:null==R?void 0:R.css},{children:[!!u&&l(i,e({className:a("flex flex-middle flex-no-shrink mr-2",null==E?void 0:E.className),css:null==E?void 0:E.css},{children:u})),l(i,e({className:a("flex flex-middle",null==A?void 0:A.className),css:null==A?void 0:A.css},{children:t}))]})),!!f&&l(i,e({className:a("ml-3 flex-no-shrink",null==I?void 0:I.className),css:null==I?void 0:I.css},{children:f}))]})),!!x&&x]}))}));export{v as AlertCallout,d as AlertCalloutVariants};
 //# sourceMappingURL=ct-design-alert-callout.browser.esm.js.map

dist/ct-design-alert-callout.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 var react = require('react');
-var styled = require('styled-components');
+var styled = require('@emotion/styled');
 var ctDesignContainer = require('@cleartrip/ct-design-container');
@@ -9,0 +9,0 @@ var ctDesignTheme = require('@cleartrip/ct-design-theme');

dist/ct-design-alert-callout.esm.js

 import { __assign, __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import styled from 'styled-components';
+import styled from '@emotion/styled';
 import { Container } from '@cleartrip/ct-design-container';
@@ -6,0 +6,0 @@ import { BaseTheme, useTheme } from '@cleartrip/ct-design-theme';

dist/ct-design-alert-callout.umd.js

 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('styled-components'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-theme')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', 'styled-components', '@cleartrip/ct-design-container', '@cleartrip/ct-design-theme'], factory) :
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@emotion/styled'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-theme')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@emotion/styled', '@cleartrip/ct-design-container', '@cleartrip/ct-design-theme'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemAlertCallout = {}, global.jsxRuntime, global.React, global.styled, global.ctDesignContainer, global.ctDesignTheme));
@@ -5,0 +5,0 @@ })(this, (function (exports, jsxRuntime, react, styled, ctDesignContainer, ctDesignTheme) { 'use strict';

dist/style.d.ts

@@ -1,2 +0,2 @@
-import { CSSObject } from 'styled-components';
+import { CSSObject } from '@emotion/react';
 import { AlertCalloutVariant, IStyledAlertCallout } from './type';
@@ -3,0 +3,0 @@ export declare function getAlertCalloutColourCode(variant: AlertCalloutVariant): string;

dist/type.d.ts

 import { ReactNode } from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 import { Theme } from '@cleartrip/ct-design-theme';
@@ -4,0 +4,0 @@ import { BaseStyleConfigProps } from '@cleartrip/ct-design-types';

package.json

 {
   "name": "@cleartrip/ct-design-alert-callout",
-  "version": "3.14.1-SNAPSHOT-mevc-atp-typo.0",
+  "version": "3.15.0-SNAPSHOT-EMOTION-JS.0",
   "description": "AlertCallout Component",
@@ -18,13 +18,14 @@ "types": "dist/index.d.ts",
   "dependencies": {
-    "@cleartrip/ct-design-theme": "3.15.0-SNAPSHOT-mevc-atp-typo.0",
-    "@cleartrip/ct-design-types": "3.14.1-SNAPSHOT-mevc-atp-typo.0",
-    "@cleartrip/ct-design-container": "3.14.0"
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@cleartrip/ct-design-types": "3.15.0-SNAPSHOT-EMOTION-JS.0",
+    "@cleartrip/ct-design-theme": "3.15.0-SNAPSHOT-EMOTION-JS.0",
+    "@cleartrip/ct-design-container": "3.15.0-SNAPSHOT-EMOTION-JS.0"
   },
   "devDependencies": {
-    "@cleartrip/ct-design-icons": "33.0.0-SNAPSHOT-mevc-atp-typo.0"
+    "@cleartrip/ct-design-icons": "32.1.0-SNAPSHOT-EMOTION-JS.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "styled-components": "^5.3.6"
+    "react-dom": ">=16.8.0"
   },
@@ -31,0 +32,0 @@ "publishConfig": {

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

72427

increased by0.02%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Added@emotion/react@^11.13.3

• + Added@emotion/styled@^11.13.0

• + Added@babel/runtime@7.26.0(transitive)

• + Added@cleartrip/ct-design-container@3.15.0-SNAPSHOT-EMOTION-JS.0(transitive)

• + Added@cleartrip/ct-design-theme@3.15.0-SNAPSHOT-EMOTION-JS.0(transitive)

• + Added@cleartrip/ct-design-tokens@3.15.0-SNAPSHOT-EMOTION-JS.0(transitive)

• + Added@cleartrip/ct-design-types@3.15.0-SNAPSHOT-EMOTION-JS.0(transitive)

• + Added@emotion/babel-plugin@11.13.5(transitive)

• + Added@emotion/cache@11.14.0(transitive)

• + Added@emotion/hash@0.9.2(transitive)

• + Added@emotion/react@11.14.0(transitive)

• + Added@emotion/serialize@1.3.3(transitive)

• + Added@emotion/sheet@1.4.0(transitive)

• + Added@emotion/styled@11.14.0(transitive)

• + Added@emotion/unitless@0.10.0(transitive)

• + Added@emotion/use-insertion-effect-with-fallbacks@1.2.0(transitive)

• + Added@emotion/utils@1.4.2(transitive)

• + Added@emotion/weak-memoize@0.4.0(transitive)

• + Added@types/parse-json@4.0.2(transitive)

• + Addedbabel-plugin-macros@3.1.0(transitive)

• + Addedcallsites@3.1.0(transitive)

• + Addedconvert-source-map@1.9.0(transitive)

• + Addedcosmiconfig@7.1.0(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addederror-ex@1.3.2(transitive)

• + Addedescape-string-regexp@4.0.0(transitive)

• + Addedfind-root@1.1.0(transitive)

• + Addedfunction-bind@1.1.2(transitive)

• + Addedhasown@2.0.2(transitive)

• + Addedimport-fresh@3.3.0(transitive)

• + Addedis-arrayish@0.2.1(transitive)

• + Addedis-core-module@2.16.1(transitive)

• + Addedjson-parse-even-better-errors@2.3.1(transitive)

• + Addedlines-and-columns@1.2.4(transitive)

• + Addedparent-module@1.0.1(transitive)

• + Addedparse-json@5.2.0(transitive)

• + Addedpath-parse@1.0.7(transitive)

• + Addedpath-type@4.0.0(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• + Addedresolve@1.22.10(transitive)

• + Addedresolve-from@4.0.0(transitive)

• + Addedsource-map@0.5.7(transitive)

• + Addedstylis@4.2.0(transitive)

• + Addedsupports-preserve-symlinks-flag@1.0.0(transitive)

• + Addedyaml@1.10.2(transitive)

• - Removed@ampproject/remapping@2.3.0(transitive)

• - Removed@babel/compat-data@7.26.3(transitive)

• - Removed@babel/core@7.26.0(transitive)

• - Removed@babel/helper-annotate-as-pure@7.25.9(transitive)

• - Removed@babel/helper-compilation-targets@7.25.9(transitive)

• - Removed@babel/helper-module-transforms@7.26.0(transitive)

• - Removed@babel/helper-plugin-utils@7.25.9(transitive)

• - Removed@babel/helper-validator-option@7.25.9(transitive)

• - Removed@babel/helpers@7.26.0(transitive)

• - Removed@babel/plugin-syntax-jsx@7.25.9(transitive)

• - Removed@cleartrip/ct-design-container@3.14.0(transitive)

• - Removed@cleartrip/ct-design-theme@3.15.0-SNAPSHOT-mevc-atp-typo.0(transitive)

• - Removed@cleartrip/ct-design-tokens@3.15.0-SNAPSHOT-mevc-atp-typo.0(transitive)

• - Removed@cleartrip/ct-design-types@3.14.1-SNAPSHOT-mevc-atp-typo.0(transitive)

• - Removed@emotion/stylis@0.8.5(transitive)

• - Removed@emotion/unitless@0.7.5(transitive)

• - Removedbabel-plugin-styled-components@2.1.4(transitive)

• - Removedbrowserslist@4.24.3(transitive)

• - Removedcamelize@1.0.1(transitive)

• - Removedcaniuse-lite@1.0.30001690(transitive)

• - Removedconvert-source-map@2.0.0(transitive)

• - Removedcss-color-keywords@1.0.0(transitive)

• - Removedcss-to-react-native@3.2.0(transitive)

• - Removedelectron-to-chromium@1.5.76(transitive)

• - Removedescalade@3.2.0(transitive)

• - Removedgensync@1.0.0-beta.2(transitive)

• - Removedhas-flag@3.0.0(transitive)

• - Removedjson5@2.2.3(transitive)

• - Removedlodash@4.17.21(transitive)

• - Removedlru-cache@5.1.1(transitive)

• - Removednode-releases@2.0.19(transitive)

• - Removedpicomatch@2.3.1(transitive)

• - Removedpostcss-value-parser@4.2.0(transitive)

• - Removedreact-is@19.0.0(transitive)

• - Removedsemver@6.3.1(transitive)

• - Removedshallowequal@1.1.0(transitive)

• - Removedstyled-components@5.3.11(transitive)

• - Removedsupports-color@5.5.0(transitive)

• - Removedupdate-browserslist-db@1.1.1(transitive)

• - Removedyallist@3.1.1(transitive)

• Updated@cleartrip/ct-design-container@3.15.0-SNAPSHOT-EMOTION-JS.0

• Updated@cleartrip/ct-design-theme@3.15.0-SNAPSHOT-EMOTION-JS.0

• Updated@cleartrip/ct-design-types@3.15.0-SNAPSHOT-EMOTION-JS.0