@targetprocess/confirmation - npm Package Compare versions

Comparing version 12.27.4 to 12.28.0

Confirmation.jsx

@@ -168,3 +168,2 @@ import React from 'react'
         showTip
-        trackScroll={this.props.trackScroll}
       >
@@ -209,4 +208,2 @@ {({isOpen, setOpened}) => {
   popoverPosition: Popover.propTypes && Popover.propTypes.getPopoverPosition,
-  /** Enable scroll tracking and position adjustment */
-  trackScroll: PropTypes.bool,
   /** DOM element to append popover to. (see `Popover`'s `getContainerElement` prop)*/
@@ -224,4 +221,3 @@ getContainerElement: Popover.propTypes && Popover.propTypes.getContainerElement
   cancelButtonProps: {},
-  popoverPosition: 'bottomLeft',
-  trackScroll: false
+  popoverPosition: 'bottomLeft'
 }

dist/confirmation.es.js

@@ -170,4 +170,4 @@ import React from 'react';
 
-var css = "/*********************************************************************\n* © Copyright IBM Corp. 2024\n*********************************************************************/\n.confirmation__confirmation__12-27-4 {\n  min-width: 200px;\n  max-width: 280px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.confirmation__icon__confirmation__12-27-4 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    margin-right: var(--SpaceSM, 12px);\n    border-radius: 50%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    width: var(--ControlHeightDefault, 24px);\n    height: var(--ControlHeightDefault, 24px);\n  }\n.confirmation__inner__confirmation__12-27-4 {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n  }\n.confirmation__text__confirmation__12-27-4 {\n    margin-bottom: var(--SpaceM, 16px);\n    line-height: 1.23;\n  }\n.confirmation__text--detailed__confirmation__12-27-4 {\n    font-weight: var(--FontWeightSemibold, 600);\n    line-height: 1.23;\n    font-size: var(--FontSizeTitleSubsection, 16px);\n    margin: var(--SpaceXS, 4px) 0 var(--SpaceS, 8px) 0;\n    min-width: 200px;\n  }\n.confirmation__description__confirmation__12-27-4 {\n    margin-bottom: var(--SpaceM, 16px);\n    line-height: 1.23;\n    color: var(--FontColorGray, rgba(0, 0, 0, 0.7));\n  }\n.confirmation__controls__confirmation__12-27-4 {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    margin-bottom: var(--SpaceXS, 4px);\n  }\n.confirmation__controls__item__confirmation__12-27-4:not(:last-child) {\n      margin-right: var(--SpaceS, 8px);\n    }\n";
-var styles = {"confirmation":"confirmation__confirmation__12-27-4","confirmation__icon":"confirmation__icon__confirmation__12-27-4","confirmation__inner":"confirmation__inner__confirmation__12-27-4","confirmation__text":"confirmation__text__confirmation__12-27-4","confirmation__text--detailed":"confirmation__text--detailed__confirmation__12-27-4","confirmation__description":"confirmation__description__confirmation__12-27-4","confirmation__controls":"confirmation__controls__confirmation__12-27-4","confirmation__controls__item":"confirmation__controls__item__confirmation__12-27-4"};
+var css = "/*********************************************************************\n* © Copyright IBM Corp. 2024\n*********************************************************************/\n.confirmation__confirmation__12-28-0 {\n  min-width: 200px;\n  max-width: 280px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.confirmation__icon__confirmation__12-28-0 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    margin-right: var(--SpaceSM, 12px);\n    border-radius: 50%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    width: var(--ControlHeightDefault, 24px);\n    height: var(--ControlHeightDefault, 24px);\n  }\n.confirmation__inner__confirmation__12-28-0 {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n  }\n.confirmation__text__confirmation__12-28-0 {\n    margin-bottom: var(--SpaceM, 16px);\n    line-height: 1.23;\n  }\n.confirmation__text--detailed__confirmation__12-28-0 {\n    font-weight: var(--FontWeightSemibold, 600);\n    line-height: 1.23;\n    font-size: var(--FontSizeTitleSubsection, 16px);\n    margin: var(--SpaceXS, 4px) 0 var(--SpaceS, 8px) 0;\n    min-width: 200px;\n  }\n.confirmation__description__confirmation__12-28-0 {\n    margin-bottom: var(--SpaceM, 16px);\n    line-height: 1.23;\n    color: var(--FontColorGray, rgba(0, 0, 0, 0.7));\n  }\n.confirmation__controls__confirmation__12-28-0 {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    margin-bottom: var(--SpaceXS, 4px);\n  }\n.confirmation__controls__item__confirmation__12-28-0:not(:last-child) {\n      margin-right: var(--SpaceS, 8px);\n    }\n";
+var styles = {"confirmation":"confirmation__confirmation__12-28-0","confirmation__icon":"confirmation__icon__confirmation__12-28-0","confirmation__inner":"confirmation__inner__confirmation__12-28-0","confirmation__text":"confirmation__text__confirmation__12-28-0","confirmation__text--detailed":"confirmation__text--detailed__confirmation__12-28-0","confirmation__description":"confirmation__description__confirmation__12-28-0","confirmation__controls":"confirmation__controls__confirmation__12-28-0","confirmation__controls__item":"confirmation__controls__item__confirmation__12-28-0"};
 styleInject(css);
@@ -319,4 +319,3 @@
         zIndex: this.props.zIndex,
-        showTip: true,
-        trackScroll: this.props.trackScroll
+        showTip: true
       }, function (_ref2) {
@@ -343,4 +342,3 @@ var isOpen = _ref2.isOpen,
   cancelButtonProps: {},
-  popoverPosition: 'bottomLeft',
-  trackScroll: false
+  popoverPosition: 'bottomLeft'
 };
@@ -347,0 +345,0 @@

dist/confirmation.js

@@ -175,4 +175,4 @@ 'use strict';
 
-var css = "/*********************************************************************\n* © Copyright IBM Corp. 2024\n*********************************************************************/\n.confirmation__confirmation__12-27-4 {\n  min-width: 200px;\n  max-width: 280px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.confirmation__icon__confirmation__12-27-4 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    margin-right: var(--SpaceSM, 12px);\n    border-radius: 50%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    width: var(--ControlHeightDefault, 24px);\n    height: var(--ControlHeightDefault, 24px);\n  }\n.confirmation__inner__confirmation__12-27-4 {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n  }\n.confirmation__text__confirmation__12-27-4 {\n    margin-bottom: var(--SpaceM, 16px);\n    line-height: 1.23;\n  }\n.confirmation__text--detailed__confirmation__12-27-4 {\n    font-weight: var(--FontWeightSemibold, 600);\n    line-height: 1.23;\n    font-size: var(--FontSizeTitleSubsection, 16px);\n    margin: var(--SpaceXS, 4px) 0 var(--SpaceS, 8px) 0;\n    min-width: 200px;\n  }\n.confirmation__description__confirmation__12-27-4 {\n    margin-bottom: var(--SpaceM, 16px);\n    line-height: 1.23;\n    color: var(--FontColorGray, rgba(0, 0, 0, 0.7));\n  }\n.confirmation__controls__confirmation__12-27-4 {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    margin-bottom: var(--SpaceXS, 4px);\n  }\n.confirmation__controls__item__confirmation__12-27-4:not(:last-child) {\n      margin-right: var(--SpaceS, 8px);\n    }\n";
-var styles = {"confirmation":"confirmation__confirmation__12-27-4","confirmation__icon":"confirmation__icon__confirmation__12-27-4","confirmation__inner":"confirmation__inner__confirmation__12-27-4","confirmation__text":"confirmation__text__confirmation__12-27-4","confirmation__text--detailed":"confirmation__text--detailed__confirmation__12-27-4","confirmation__description":"confirmation__description__confirmation__12-27-4","confirmation__controls":"confirmation__controls__confirmation__12-27-4","confirmation__controls__item":"confirmation__controls__item__confirmation__12-27-4"};
+var css = "/*********************************************************************\n* © Copyright IBM Corp. 2024\n*********************************************************************/\n.confirmation__confirmation__12-28-0 {\n  min-width: 200px;\n  max-width: 280px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.confirmation__icon__confirmation__12-28-0 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    margin-right: var(--SpaceSM, 12px);\n    border-radius: 50%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    width: var(--ControlHeightDefault, 24px);\n    height: var(--ControlHeightDefault, 24px);\n  }\n.confirmation__inner__confirmation__12-28-0 {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n  }\n.confirmation__text__confirmation__12-28-0 {\n    margin-bottom: var(--SpaceM, 16px);\n    line-height: 1.23;\n  }\n.confirmation__text--detailed__confirmation__12-28-0 {\n    font-weight: var(--FontWeightSemibold, 600);\n    line-height: 1.23;\n    font-size: var(--FontSizeTitleSubsection, 16px);\n    margin: var(--SpaceXS, 4px) 0 var(--SpaceS, 8px) 0;\n    min-width: 200px;\n  }\n.confirmation__description__confirmation__12-28-0 {\n    margin-bottom: var(--SpaceM, 16px);\n    line-height: 1.23;\n    color: var(--FontColorGray, rgba(0, 0, 0, 0.7));\n  }\n.confirmation__controls__confirmation__12-28-0 {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    margin-bottom: var(--SpaceXS, 4px);\n  }\n.confirmation__controls__item__confirmation__12-28-0:not(:last-child) {\n      margin-right: var(--SpaceS, 8px);\n    }\n";
+var styles = {"confirmation":"confirmation__confirmation__12-28-0","confirmation__icon":"confirmation__icon__confirmation__12-28-0","confirmation__inner":"confirmation__inner__confirmation__12-28-0","confirmation__text":"confirmation__text__confirmation__12-28-0","confirmation__text--detailed":"confirmation__text--detailed__confirmation__12-28-0","confirmation__description":"confirmation__description__confirmation__12-28-0","confirmation__controls":"confirmation__controls__confirmation__12-28-0","confirmation__controls__item":"confirmation__controls__item__confirmation__12-28-0"};
 styleInject(css);
@@ -324,4 +324,3 @@
         zIndex: this.props.zIndex,
-        showTip: true,
-        trackScroll: this.props.trackScroll
+        showTip: true
       }, function (_ref2) {
@@ -348,4 +347,3 @@ var isOpen = _ref2.isOpen,
   cancelButtonProps: {},
-  popoverPosition: 'bottomLeft',
-  trackScroll: false
+  popoverPosition: 'bottomLeft'
 };
@@ -352,0 +350,0 @@

package.json

 {
   "name": "@targetprocess/confirmation",
-  "version": "12.27.4",
+  "version": "12.28.0",
   "description": "",
@@ -13,5 +13,5 @@ "main": "dist/confirmation.js",
   "dependencies": {
-    "@targetprocess/button": "^12.27.4",
-    "@targetprocess/css-variables": "^12.27.4",
-    "@targetprocess/popover": "^12.27.4",
+    "@targetprocess/button": "^12.28.0",
+    "@targetprocess/css-variables": "^12.25.4",
+    "@targetprocess/popover": "^12.25.4",
     "classnames": "^2.2.5",
@@ -25,3 +25,3 @@ "prop-types": "^15.6.0",
   "sideEffects": false,
-  "gitHead": "d651f7c71f39fec22aa1b55b180d62ccdb8a1b21"
+  "gitHead": "dcac07e0b38f166a45df5244bbc1161af4d9d1e3"
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

42773

-0.67%

Lines of code

1014

-0.78%

Dependency changes

• Updated

  @targetprocess/button@^12.28.0

• Updated

  @targetprocess/css-variables@^12.25.4

• Updated

  @targetprocess/popover@^12.25.4