@porsche-design-system/components-js - npm Package Compare versions

Comparing version 2.18.0 to 2.19.0-rc.0

CHANGELOG.md

@@ -12,2 +12,12 @@ # Changelog
 
+### [2.19.0-rc.0] - 2022-12-21
+
+#### Added
+
+- Vue: typed components are available via the `@porsche-design-system/components-vue` package
+
+#### Fixed
+
+- `Modal` focus cycle when pressing Shift Tab right after it was opened
+
 ### [2.18.0] - 2022-12-15
@@ -14,0 +24,0 @@

index.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.porscheDesignSystem=t():e.porscheDesignSystem=t()}("undefined"!=typeof self?self:this,(()=>(()=>{"use strict";var e={d:(t,o)=>{for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function o(e){if("noModule"in HTMLScriptElement.prototype){const t=("script",document.createElement("script"));t.src=e,t.setAttribute("crossorigin",""),document.body.appendChild(t)}}e.r(t),e.d(t,{componentsReady:()=>r,load:()=>s});const n="porscheDesignSystem";const s=(e={prefix:""})=>{!function({script:e,version:t,prefix:s}){var r;const c=null!==(r=function(e){const t=(document[n]||(document[n]={}),document[n]),{[e]:o=null}=t;if(null===o){const o={isLoaded:!1,prefixes:[],registerCustomElements:null};t[e]=o}return t[e]}(t))&&void 0!==r?r:{},{isLoaded:i,prefixes:d,registerCustomElements:p}=c;i||(o(e),c.isLoaded=!0),d.includes(s)||(d.push(s),p&&p(s))}(Object.assign(Object.assign({},{version:"2.18.0",script:(typeof window!=='undefined'&&window.PORSCHE_DESIGN_SYSTEM_CDN==='cn'?'https://cdn.ui.porsche.cn':'https://cdn.ui.porsche.com')+"/porsche-design-system/components/porsche-design-system.v2.18.0.ec5f4e3768659fe2c13b.js"}),e))},r=(e=document.body)=>{let t;const o=new Promise((e=>t=e));if(c())i(e,t);else{const o="readystatechange",n=()=>{c()&&(document.removeEventListener(o,n),i(e,t))};document.addEventListener(o,n)}return o},c=()=>"complete"===document.readyState,i=(e,t)=>{const o=d(e);Promise.all(o).then((e=>t(e.length))).catch(console.error)},d=e=>{let t=[];return 1===(null==e?void 0:e.nodeType)&&Array.from(e.children).forEach((e=>{l(e)&&t.push(e.componentOnReady()),t=t.concat(d(e))})),t},p=/^(.*-)?P-(.*)$/,l=e=>p.exec(e.tagName)&&"function"==typeof e.componentOnReady;return t})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.porscheDesignSystem=t():e.porscheDesignSystem=t()}("undefined"!=typeof self?self:this,(()=>(()=>{"use strict";var e={d:(t,o)=>{for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function o(e){if("noModule"in HTMLScriptElement.prototype){const t=("script",document.createElement("script"));t.src=e,t.setAttribute("crossorigin",""),document.body.appendChild(t)}}e.r(t),e.d(t,{componentsReady:()=>r,load:()=>s});const n="porscheDesignSystem";const s=(e={prefix:""})=>{!function({script:e,version:t,prefix:s}){const r=function(e){const t=(document[n]||(document[n]={}),document[n]),{[e]:o=null}=t;if(null===o){const o={isLoaded:!1,prefixes:[],registerCustomElements:null};t[e]=o}return t[e]}(t)||{},{isLoaded:c,prefixes:i,registerCustomElements:d}=r;c||(o(e),r.isLoaded=!0),i.includes(s)||(i.push(s),d&&d(s))}(Object.assign(Object.assign({},{version:"2.19.0-rc.0",script:(typeof window!=='undefined'&&window.PORSCHE_DESIGN_SYSTEM_CDN==='cn'?'https://cdn.ui.porsche.cn':'https://cdn.ui.porsche.com')+"/porsche-design-system/components/porsche-design-system.v2.19.0-rc.0.aa2c57d839a3ad47c193.js"}),e))},r=(e=document.body)=>{let t;const o=new Promise((e=>t=e));if(c())i(e,t);else{const o="readystatechange",n=()=>{c()&&(document.removeEventListener(o,n),i(e,t))};document.addEventListener(o,n)}return o},c=()=>"complete"===document.readyState,i=(e,t)=>{const o=d(e);Promise.all(o).then((e=>t(e.length))).catch(console.error)},d=e=>{let t=[];return 1===(null==e?void 0:e.nodeType)&&Array.from(e.children).forEach((e=>{u(e)&&t.push(e.componentOnReady()),t=t.concat(d(e))})),t},p=/^(.*-)?P-(.*)$/,u=e=>p.exec(e.tagName)&&"function"==typeof e.componentOnReady;return t})()));

package.json

 {
   "name": "@porsche-design-system/components-js",
-  "version": "2.18.0",
+  "version": "2.19.0-rc.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
@@ -19,3 +19,5 @@ "keywords": [
   "homepage": "https://designsystem.porsche.com",
-  "main": "index.js"
+  "main": "index.js",
+  "module": "esm/index.js",
+  "types": "index.d.ts"
 }

partials/esm/index.js

@@ -130,3 +130,3 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
     var cdnBaseUrl = getCdnBaseUrl(cdn);
-    var manifest = { "core": "porsche-design-system.v2.18.0.ec5f4e3768659fe2c13b.js", "accordion": "porsche-design-system.accordion.bc81f79e01294089aad3.js", "banner": "porsche-design-system.banner.4ce173c77f2596bc754c.js", "button-group": "porsche-design-system.button-group.1b13a781a60f09e7987e.js", "button-pure": "porsche-design-system.button-pure.fa2a34ce8093445370ef.js", "button": "porsche-design-system.button.071260543259e91448a3.js", "carousel": "porsche-design-system.carousel.f7cf190c068826a1a406.js", "checkbox-wrapper": "porsche-design-system.checkbox-wrapper.7cbd2efa27d9b50dabcb.js", "content-wrapper": "porsche-design-system.content-wrapper.2d1ffa594a1ead928cc7.js", "divider": "porsche-design-system.divider.8127a246a5a63a4855f9.js", "fieldset-wrapper": "porsche-design-system.fieldset-wrapper.ecf9ca89c8d9f8b9c811.js", "flex": "porsche-design-system.flex.38ba528bbe2ee4ea5e3b.js", "grid": "porsche-design-system.grid.030a109dcff50c578787.js", "headline": "porsche-design-system.headline.d399bcda3f752bb83fb1.js", "icon": "porsche-design-system.icon.620c84e2a43671a00666.js", "inline-notification": "porsche-design-system.inline-notification.82022d260f15fdab88c6.js", "link-pure": "porsche-design-system.link-pure.8b48e52f588005eda0f1.js", "link-social": "porsche-design-system.link-social.c4357b1868edc69f0c27.js", "link-tile": "porsche-design-system.link-tile.53e7567dbe4d968f79b8.js", "link": "porsche-design-system.link.ec44e46131aaaac496c0.js", "marque": "porsche-design-system.marque.64ea23dbd0040590ab3b.js", "modal": "porsche-design-system.modal.6df420d849ea28d45aa0.js", "pagination": "porsche-design-system.pagination.0c044d14f68062bf5bcc.js", "popover": "porsche-design-system.popover.3641dde1196489364d0f.js", "radio-button-wrapper": "porsche-design-system.radio-button-wrapper.87e0f405e3b1f38708a6.js", "scroller": "porsche-design-system.scroller.69eae65bb128f47f671e.js", "segmented-control": "porsche-design-system.segmented-control.89898b3227710beaceae.js", "select-wrapper": "porsche-design-system.select-wrapper.a53170462ba7af57fca6.js", "spinner": "porsche-design-system.spinner.120eb13962db50b23b31.js", "stepper-horizontal": "porsche-design-system.stepper-horizontal.41c07f04ee8e72c4c5f6.js", "switch": "porsche-design-system.switch.93a74118bd9512adc40a.js", "table": "porsche-design-system.table.4405434d882c1cc2d395.js", "tabs-bar": "porsche-design-system.tabs-bar.75cab45ad07b183ee818.js", "tabs": "porsche-design-system.tabs.dccf68fdfbd867ec902c.js", "tag-dismissible": "porsche-design-system.tag-dismissible.eb89ffae22400370a3d1.js", "tag": "porsche-design-system.tag.08e97f7b0c188a772b6f.js", "text-field-wrapper": "porsche-design-system.text-field-wrapper.51d4ae5d334e430fd12b.js", "text-list": "porsche-design-system.text-list.4b782a6b7049f257474e.js", "text": "porsche-design-system.text.92f17655c1d89f9d720b.js", "textarea-wrapper": "porsche-design-system.textarea-wrapper.8eb37dfd4064b538033e.js", "toast": "porsche-design-system.toast.8c9211f96e17302cb30d.js" };
+    var manifest = { "core": "porsche-design-system.v2.19.0-rc.0.aa2c57d839a3ad47c193.js", "accordion": "porsche-design-system.accordion.dd66cf3ff142db905311.js", "banner": "porsche-design-system.banner.80c09f2d046822eea8c7.js", "button-group": "porsche-design-system.button-group.cf834ac6024edb6a6beb.js", "button-pure": "porsche-design-system.button-pure.40a42330ae63e69cb58c.js", "button": "porsche-design-system.button.eb8df23ee7952e1ab688.js", "carousel": "porsche-design-system.carousel.40168091f4cf21820c2a.js", "checkbox-wrapper": "porsche-design-system.checkbox-wrapper.f5c1c964909d076b905f.js", "content-wrapper": "porsche-design-system.content-wrapper.3bd6fd406614eeacba9c.js", "divider": "porsche-design-system.divider.98bce1d32701d73bfe49.js", "fieldset-wrapper": "porsche-design-system.fieldset-wrapper.ea2c56bb7ab69352461f.js", "flex": "porsche-design-system.flex.155d5c615b88a09ac19e.js", "grid": "porsche-design-system.grid.1832f1e9675d48dab636.js", "headline": "porsche-design-system.headline.c5b3b28d480388997be7.js", "icon": "porsche-design-system.icon.e28b1b52e8e9301430af.js", "inline-notification": "porsche-design-system.inline-notification.d68e2d65b4048eab63ec.js", "link-pure": "porsche-design-system.link-pure.72bc22c6cb970d5a4f0a.js", "link-social": "porsche-design-system.link-social.73b6c8a785cf44433306.js", "link-tile": "porsche-design-system.link-tile.3f14ae8e5091c5ab51d6.js", "link": "porsche-design-system.link.6119b5d12734271f5de5.js", "marque": "porsche-design-system.marque.401ddd7bb0c79595f0fc.js", "modal": "porsche-design-system.modal.60147d2b307f5d2654c7.js", "pagination": "porsche-design-system.pagination.ee61e14656d839a108b5.js", "popover": "porsche-design-system.popover.aa26200c341ee84a257a.js", "radio-button-wrapper": "porsche-design-system.radio-button-wrapper.0a5b01099e4486eefbf8.js", "scroller": "porsche-design-system.scroller.725ce6fc80bdebd7114b.js", "segmented-control": "porsche-design-system.segmented-control.1f45a0d5d81193e32e1a.js", "select-wrapper": "porsche-design-system.select-wrapper.cfee9c4f6989ea461ac7.js", "spinner": "porsche-design-system.spinner.6aac500e8e0d7e9b673c.js", "stepper-horizontal": "porsche-design-system.stepper-horizontal.a50f322d4aa8ea6ebe53.js", "switch": "porsche-design-system.switch.6fdfa9466e131c0bbaf7.js", "table": "porsche-design-system.table.6801015149c0c2de7598.js", "tabs-bar": "porsche-design-system.tabs-bar.1f3caf623878895bf4b3.js", "tabs": "porsche-design-system.tabs.24ba4fd94a64d8cd7845.js", "tag-dismissible": "porsche-design-system.tag-dismissible.b70bdb4ebe5431773a4b.js", "tag": "porsche-design-system.tag.e30d358ec9b17c775e31.js", "text-field-wrapper": "porsche-design-system.text-field-wrapper.a70744ff05f3ef4a60f0.js", "text-list": "porsche-design-system.text-list.cf07376d58c406bf1974.js", "text": "porsche-design-system.text.53fb5094ba2b9e8ca113.js", "textarea-wrapper": "porsche-design-system.textarea-wrapper.855375b6cab057af541d.js", "toast": "porsche-design-system.toast.6f5435a8b0167e370e3a.js" };
     var urls = ['core'].concat(components).map(function (cmp) { return "".concat(cdnBaseUrl, "/porsche-design-system/components/").concat(manifest[cmp]); });
@@ -182,3 +182,3 @@ var linksHtml = urls
         : 'porscheDesignSystem.load()';
-    var scriptContent = "var porscheDesignSystem;(()=>{\"use strict\";var e={d:(t,s)=>{for(var o in s)e.o(s,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:s[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})}},t={};function s(e){if(\"noModule\"in HTMLScriptElement.prototype){const t=(\"script\",document.createElement(\"script\"));t.src=e,t.setAttribute(\"crossorigin\",\"\"),document.body.appendChild(t)}}e.r(t),e.d(t,{load:()=>n});const o=\"porscheDesignSystem\";const n=(e={prefix:\"\"})=>{!function({script:e,version:t,prefix:n}){var r;const i=null!==(r=function(e){const t=(document[o]||(document[o]={}),document[o]),{[e]:s=null}=t;if(null===s){const s={isLoaded:!1,prefixes:[],registerCustomElements:null};t[e]=s}return t[e]}(t))&&void 0!==r?r:{},{isLoaded:c,prefixes:d,registerCustomElements:p}=i;c||(s(e),i.isLoaded=!0),d.includes(n)||(d.push(n),p&&p(n))}(Object.assign(Object.assign({},{version:\"2.18.0\",script:(typeof window!=='undefined'&&window.PORSCHE_DESIGN_SYSTEM_CDN==='cn'?'https://cdn.ui.porsche.cn':'https://cdn.ui.porsche.com')+\"/porsche-design-system/components/porsche-design-system.v2.18.0.ec5f4e3768659fe2c13b.js\"}),e))};porscheDesignSystem=t})();" + loadCalls;
+    var scriptContent = "var porscheDesignSystem;(()=>{\"use strict\";var e={d:(t,s)=>{for(var o in s)e.o(s,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:s[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})}},t={};function s(e){if(\"noModule\"in HTMLScriptElement.prototype){const t=(\"script\",document.createElement(\"script\"));t.src=e,t.setAttribute(\"crossorigin\",\"\"),document.body.appendChild(t)}}e.r(t),e.d(t,{load:()=>n});const o=\"porscheDesignSystem\";const n=(e={prefix:\"\"})=>{!function({script:e,version:t,prefix:n}){const r=function(e){const t=(document[o]||(document[o]={}),document[o]),{[e]:s=null}=t;if(null===s){const s={isLoaded:!1,prefixes:[],registerCustomElements:null};t[e]=s}return t[e]}(t)||{},{isLoaded:i,prefixes:c,registerCustomElements:d}=r;i||(s(e),r.isLoaded=!0),c.includes(n)||(c.push(n),d&&d(n))}(Object.assign(Object.assign({},{version:\"2.19.0-rc.0\",script:(typeof window!=='undefined'&&window.PORSCHE_DESIGN_SYSTEM_CDN==='cn'?'https://cdn.ui.porsche.cn':'https://cdn.ui.porsche.com')+\"/porsche-design-system/components/porsche-design-system.v2.19.0-rc.0.aa2c57d839a3ad47c193.js\"}),e))};porscheDesignSystem=t})();" + loadCalls;
     // there is no other solution than using dangerouslySetInnerHTML since JSX elements are rendered by the createElement() function
@@ -185,0 +185,0 @@ // https://stackoverflow.com/a/64815699

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

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

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

Improved metrics

Total package byte prevSize

1372450

increased by0.13%

Number of package files

139

increased by0.72%

Worsened metrics

Lines of code

5583

decreased by-0.02%

Number of low quality alerts

1

increased byInfinity%

No dependency changes