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

Comparing version 2.14.0 to 2.15.0-beta.0

CHANGELOG.md

@@ -12,2 +12,22 @@ # Changelog
 
+### [2.15.0-beta.0] - 2022-08-05
+
+#### Fixed
+
+- `Tabs` & `Tabs Bar` `size` property when using `BreakpointCustomizable`
+
+#### Changed
+
+- `Modal` uses poly fluid sizing for outer spacing
+- `Banner` uses poly fluid sizing for outer spacing
+- `Content Wrapper` uses poly fluid sizing for inner spacing
+- `Modal` min-width is slightly updated to perfectly fit into content area of `Content Wrapper` at 320px viewport width
+
+#### Added
+
+- Validation of properties for all components
+- `Text Field Wrapper` with `input type="search"` is clearable via Escape key and custom clear button across browsers
+- `Text Field Wrapper` with `input type="search"` shows a "Locate me" button when `actionIcon="locate"` is set, emits
+  the `action` event on click and can be put into a loading state via `actionLoading="true"`
+
 ### [2.14.0] - 2022-07-11
@@ -14,0 +34,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,(function(){return function(){"use strict";var e={d:function(t,n){for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function n(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:function(){return s},load:function(){return r}});const o="porscheDesignSystem";const r=(e={prefix:""})=>{!function({script:e,version:t,prefix:r}){var s;const c=null!==(s=function(e){const t=(document[o]||(document[o]={}),document[o]),{[e]:n=null}=t;if(null===n){const n={isLoaded:!1,prefixes:[],registerCustomElements:null};t[e]=n}return t[e]}(t))&&void 0!==s?s:{},{isLoaded:i,prefixes:d,registerCustomElements:u}=c;i||(n(e),c.isLoaded=!0),d.includes(r)||(d.push(r),u&&u(r))}(Object.assign(Object.assign({},{version:"2.14.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.14.0.0d235cb796a974f2edda.js"}),e))},s=(e=document.body)=>{let t;const n=new Promise((e=>t=e));if(c())i(e,t);else{const n="readystatechange",o=()=>{c()&&(document.removeEventListener(n,o),i(e,t))};document.addEventListener(n,o)}return n},c=()=>"complete"===document.readyState,i=(e,t)=>{const n=d(e);Promise.all(n).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=>{p(e)&&t.push(e.componentOnReady()),t=t.concat(d(e))})),t},u=/^(.*-)?P-(.*)$/,p=e=>u.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}){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.15.0-beta.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.15.0-beta.0.7327d41f77c218886aff.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})()));

package.json

 {
   "name": "@porsche-design-system/components-js",
-  "version": "2.14.0",
+  "version": "2.15.0-beta.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.",
@@ -5,0 +5,0 @@ "keywords": [

partials/esm/index.js

@@ -122,3 +122,3 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
     var cdnBaseUrl = getCdnBaseUrl(cdn);
-    var manifest = { "core": "porsche-design-system.v2.14.0.0d235cb796a974f2edda.js", "accordion": "porsche-design-system.accordion.9cc98f947aff91c52ce8.js", "banner": "porsche-design-system.banner.822cc3e3bb4d8cc0ad27.js", "button-pure": "porsche-design-system.button-pure.b0451f0a464e4cbdab29.js", "button": "porsche-design-system.button.693c14a42cc66c85581b.js", "checkbox-wrapper": "porsche-design-system.checkbox-wrapper.9841522d1ecbceca4215.js", "content-wrapper": "porsche-design-system.content-wrapper.04e2a33d72b53ee97ffa.js", "divider": "porsche-design-system.divider.1347ecc3589a0f631587.js", "fieldset-wrapper": "porsche-design-system.fieldset-wrapper.8aec813c038091da7cee.js", "flex": "porsche-design-system.flex.47bbdaa77fcf306d6a56.js", "grid": "porsche-design-system.grid.7f24eee7e0ff7781e442.js", "headline": "porsche-design-system.headline.ed0615029eeb029a898b.js", "icon": "porsche-design-system.icon.0019bae5afd4589ef95c.js", "link-pure": "porsche-design-system.link-pure.50a7048d9220ba5e505f.js", "link-social": "porsche-design-system.link-social.8d924bc6d9f110b30499.js", "link": "porsche-design-system.link.0d61122bf0950c1ea88b.js", "marque": "porsche-design-system.marque.4aeda1bf1dd166cf3e2f.js", "modal": "porsche-design-system.modal.6eabb4639d2defa9fc41.js", "pagination": "porsche-design-system.pagination.4f9b2f88b46e40206bcf.js", "popover": "porsche-design-system.popover.6f588d2e1f16a3666888.js", "radio-button-wrapper": "porsche-design-system.radio-button-wrapper.1a3866ea4b5d0db9e890.js", "scroller": "porsche-design-system.scroller.a586420ca18eafcb64e1.js", "segmented-control": "porsche-design-system.segmented-control.3f948c63e052caa346cd.js", "select-wrapper": "porsche-design-system.select-wrapper.f7f4fd2602aca1a6166f.js", "spinner": "porsche-design-system.spinner.09573348943b9c8a74a0.js", "stepper-horizontal": "porsche-design-system.stepper-horizontal.700ccbbc9ce0388dc075.js", "switch": "porsche-design-system.switch.355c1fc6438a523d2f48.js", "table": "porsche-design-system.table.d43dd3feee08ca93a786.js", "tabs": "porsche-design-system.tabs.e1ff8afd82c3c7b27881.js", "tag": "porsche-design-system.tag.2cc46b6bebabe46cde9a.js", "text-field-wrapper": "porsche-design-system.text-field-wrapper.83778e15ff69569a51b0.js", "text-list": "porsche-design-system.text-list.5f46bb8c5782f3a4a172.js", "text": "porsche-design-system.text.717be3c474ae1728ee3e.js", "textarea-wrapper": "porsche-design-system.textarea-wrapper.82a6c93c230790843d5b.js", "toast": "porsche-design-system.toast.d098ded4ee60bfe762c6.js" };
+    var manifest = { "core": "porsche-design-system.v2.15.0-beta.0.7327d41f77c218886aff.js", "accordion": "porsche-design-system.accordion.6a97082851f8c7fda6ed.js", "banner": "porsche-design-system.banner.1b257b316fdf92412d4d.js", "button-pure": "porsche-design-system.button-pure.a0df578178d929cdea4b.js", "button": "porsche-design-system.button.fe923e0a3ff53b1146e6.js", "checkbox-wrapper": "porsche-design-system.checkbox-wrapper.4b400623abb46b95ca80.js", "content-wrapper": "porsche-design-system.content-wrapper.e98d56dffbb87e5a5939.js", "divider": "porsche-design-system.divider.eafa4a7eb78b7b08dcc9.js", "fieldset-wrapper": "porsche-design-system.fieldset-wrapper.4667410bb9280cd0975f.js", "flex": "porsche-design-system.flex.995dcdfeabceaecd63f4.js", "grid": "porsche-design-system.grid.5b10378734a52fe36a10.js", "headline": "porsche-design-system.headline.77faa55bbf545d69523c.js", "icon": "porsche-design-system.icon.7e57d770fa03b271afd4.js", "link-pure": "porsche-design-system.link-pure.7f31d48a88ca1a2d5f7c.js", "link-social": "porsche-design-system.link-social.e6aefb651edde5ed84ea.js", "link": "porsche-design-system.link.de9990e2343360ca2b9b.js", "marque": "porsche-design-system.marque.b18152d4b75df8f3aa52.js", "modal": "porsche-design-system.modal.ab1f258a5fc2c962472e.js", "pagination": "porsche-design-system.pagination.3d8401521fcf131bfc59.js", "popover": "porsche-design-system.popover.a6169c295789eee3b84b.js", "radio-button-wrapper": "porsche-design-system.radio-button-wrapper.8f76ae9f714b2a6e7c56.js", "scroller": "porsche-design-system.scroller.3abb20334e565781f8b4.js", "segmented-control": "porsche-design-system.segmented-control.342b4574984d6a33226a.js", "select-wrapper": "porsche-design-system.select-wrapper.98b4fbc03c76e148a47c.js", "spinner": "porsche-design-system.spinner.4ea215d41aeb2b822bf8.js", "stepper-horizontal": "porsche-design-system.stepper-horizontal.e08d3b2e37be78dfdb73.js", "switch": "porsche-design-system.switch.8905301d2cff1c26b2f5.js", "table": "porsche-design-system.table.74b9b9122ce8b2b06803.js", "tabs": "porsche-design-system.tabs.a47ec0d0c2bb6a3b3a5c.js", "tag": "porsche-design-system.tag.b51439606bed503d3539.js", "text-field-wrapper": "porsche-design-system.text-field-wrapper.faa2a5c05e76613c9e65.js", "text-list": "porsche-design-system.text-list.aaa3b5890eaee5ce0249.js", "text": "porsche-design-system.text.15b7e43245188dc513a3.js", "textarea-wrapper": "porsche-design-system.textarea-wrapper.1072357ef4d918eaae62.js", "toast": "porsche-design-system.toast.61e4eb9a6aa8db86740d.js" };
     var urls = ['core'].concat(components).map(function (cmp) { return "".concat(cdnBaseUrl, "/porsche-design-system/components/").concat(manifest[cmp]); });
@@ -172,3 +172,3 @@ var linksHtml = urls
         : 'porscheDesignSystem.load()';
-    var scriptContent = "var porscheDesignSystem;!function(){\"use strict\";var e={d:function(t,n){for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})}},t={};function n(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:function(){return s}});const o=\"porscheDesignSystem\";const s=(e={prefix:\"\"})=>{!function({script:e,version:t,prefix:s}){var r;const i=null!==(r=function(e){const t=(document[o]||(document[o]={}),document[o]),{[e]:n=null}=t;if(null===n){const n={isLoaded:!1,prefixes:[],registerCustomElements:null};t[e]=n}return t[e]}(t))&&void 0!==r?r:{},{isLoaded:c,prefixes:u,registerCustomElements:d}=i;c||(n(e),i.isLoaded=!0),u.includes(s)||(u.push(s),d&&d(s))}(Object.assign(Object.assign({},{version:\"2.14.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.14.0.0d235cb796a974f2edda.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}){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.15.0-beta.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.15.0-beta.0.7327d41f77c218886aff.js\"}),e))};porscheDesignSystem=t})();" + loadCalls;
     // there is no other solution than using dangerouslySetInnerHTML since JSX elements are rendered by the createElement() function
@@ -175,0 +175,0 @@ // https://stackoverflow.com/a/64815699

utilities/js/esm/index.js

@@ -11,2 +11,6 @@ export { breakpoint } from './breakpoint.js';
 export { fontVariant } from './font/font-variant.js';
+export { grid } from './grid/grid.js';
+export { gridGap } from './grid/grid-gap.js';
+export { gridMaxWidth, gridMinWidth } from './grid/grid-width.js';
+export { gridSafeZone } from './grid/grid-safe-zone.js';
 export { mediaQueryMax, mediaQueryMin, mediaQueryMinMax } from './mediaQuery.js';
@@ -13,0 +17,0 @@ export { spacing } from './spacing.js';

utilities/js/index.d.ts

@@ -5,2 +5,3 @@ export * from './breakpoint';
 export * from './font';
+export * from './grid';
 export * from './mediaQuery';
@@ -7,0 +8,0 @@ export * from './spacing';

utilities/js/index.js

@@ -15,2 +15,6 @@ 'use strict';
 var fontVariant = require('./font/font-variant.js');
+var grid = require('./grid/grid.js');
+var gridGap = require('./grid/grid-gap.js');
+var gridWidth = require('./grid/grid-width.js');
+var gridSafeZone = require('./grid/grid-safe-zone.js');
 var mediaQuery = require('./mediaQuery.js');
@@ -46,2 +50,7 @@ var spacing = require('./spacing.js');
 exports.fontVariant = fontVariant.fontVariant;
+exports.grid = grid.grid;
+exports.gridGap = gridGap.gridGap;
+exports.gridMaxWidth = gridWidth.gridMaxWidth;
+exports.gridMinWidth = gridWidth.gridMinWidth;
+exports.gridSafeZone = gridSafeZone.gridSafeZone;
 exports.mediaQueryMax = mediaQuery.mediaQueryMax;
@@ -48,0 +57,0 @@ exports.mediaQueryMin = mediaQuery.mediaQueryMin;

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

1363464

increased by0.51%

Number of package files

134

increased by15.52%

Lines of code

5584

increased by2.27%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes