@pine-ds/icons 3.1.0 → 3.3.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/components/pds-icon.d.ts +2 -2
  2. package/components/pds-icon.js +175 -171
  3. package/components/pds-icon.js.map +1 -1
  4. package/components/utils.js +65 -45
  5. package/components/utils.js.map +1 -1
  6. package/dist/cheatsheet.html +7 -5
  7. package/dist/cjs/{index-b35d5b0f.js → index-17212f65.js} +81 -21
  8. package/dist/cjs/index-17212f65.js.map +1 -0
  9. package/dist/cjs/index.cjs.js +2 -2
  10. package/dist/cjs/loader.cjs.js +2 -2
  11. package/dist/cjs/pds-icon.cjs.entry.js +152 -150
  12. package/dist/cjs/pds-icon.cjs.entry.js.map +1 -1
  13. package/dist/cjs/pds-icons.cjs.js +3 -3
  14. package/dist/cjs/pds-icons.cjs.js.map +1 -1
  15. package/dist/cjs/utils-8c57ce6a.js +101 -0
  16. package/dist/cjs/utils-8c57ce6a.js.map +1 -0
  17. package/dist/collection/collection-manifest.json +1 -1
  18. package/dist/collection/components/pds-icon/pds-icon.js +189 -168
  19. package/dist/collection/components/pds-icon/pds-icon.js.map +1 -1
  20. package/dist/collection/components/pds-icon/request.js +21 -21
  21. package/dist/collection/components/pds-icon/request.js.map +1 -1
  22. package/dist/collection/components/pds-icon/svg/premium.svg +1 -0
  23. package/dist/collection/components/pds-icon/svg/theme-store.svg +1 -1
  24. package/dist/collection/components/pds-icon/test/pds-icon.e2e.js +6 -6
  25. package/dist/collection/components/pds-icon/test/pds-icon.e2e.js.map +1 -1
  26. package/dist/collection/components/pds-icon/test/pds-icon.spec.js +69 -31
  27. package/dist/collection/components/pds-icon/test/pds-icon.spec.js.map +1 -1
  28. package/dist/collection/components/pds-icon/utils.js +61 -51
  29. package/dist/collection/components/pds-icon/utils.js.map +1 -1
  30. package/dist/collection/components/pds-icon/validate.js +35 -35
  31. package/dist/collection/components/pds-icon/validate.js.map +1 -1
  32. package/dist/docs.json +23 -2
  33. package/dist/esm/{index-8effeb27.js → index-d1a605fc.js} +81 -21
  34. package/dist/esm/index-d1a605fc.js.map +1 -0
  35. package/dist/esm/index.js +2 -2
  36. package/dist/esm/loader.js +3 -3
  37. package/dist/esm/pds-icon.entry.js +152 -150
  38. package/dist/esm/pds-icon.entry.js.map +1 -1
  39. package/dist/esm/pds-icons.js +4 -4
  40. package/dist/esm/pds-icons.js.map +1 -1
  41. package/dist/esm/utils-15462a67.js +95 -0
  42. package/dist/esm/utils-15462a67.js.map +1 -0
  43. package/dist/pds-icons/index.esm.js +1 -1
  44. package/dist/pds-icons/p-19d7058a.js +3 -0
  45. package/dist/pds-icons/p-19d7058a.js.map +1 -0
  46. package/dist/pds-icons/p-229b8f4e.entry.js +2 -0
  47. package/dist/pds-icons/p-229b8f4e.entry.js.map +1 -0
  48. package/dist/pds-icons/p-f0b1dbd6.js +2 -0
  49. package/dist/pds-icons/p-f0b1dbd6.js.map +1 -0
  50. package/dist/pds-icons/pds-icons.esm.js +1 -1
  51. package/dist/pds-icons/pds-icons.esm.js.map +1 -1
  52. package/dist/pds-icons.json +8 -1
  53. package/dist/pds-icons.symbols.svg +3 -2
  54. package/dist/svg/premium.svg +1 -0
  55. package/dist/svg/theme-store.svg +1 -1
  56. package/dist/types/components/pds-icon/pds-icon.d.ts +41 -35
  57. package/dist/types/components/pds-icon/utils.d.ts +4 -4
  58. package/dist/types/components.d.ts +8 -0
  59. package/dist/types/stencil-public-runtime.d.ts +29 -0
  60. package/icons/index.d.ts +2 -1
  61. package/icons/index.js +3 -2
  62. package/icons/index.mjs +3 -2
  63. package/icons/package.json +1 -1
  64. package/package.json +6 -6
  65. package/dist/cjs/index-b35d5b0f.js.map +0 -1
  66. package/dist/cjs/utils-395a38b7.js +0 -81
  67. package/dist/cjs/utils-395a38b7.js.map +0 -1
  68. package/dist/esm/index-8effeb27.js.map +0 -1
  69. package/dist/esm/utils-a0ad61d0.js +0 -75
  70. package/dist/esm/utils-a0ad61d0.js.map +0 -1
  71. package/dist/pds-icons/p-91678731.entry.js +0 -2
  72. package/dist/pds-icons/p-91678731.entry.js.map +0 -1
  73. package/dist/pds-icons/p-a3383818.js +0 -3
  74. package/dist/pds-icons/p-a3383818.js.map +0 -1
  75. package/dist/pds-icons/p-dc5765cb.js +0 -2
  76. package/dist/pds-icons/p-dc5765cb.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"names":["CACHED_MAP","addIcons","icons","map","getIconMap","Object","keys","forEach","name","set","window","Map","win","PdsIcons","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","getAssetPath","getSrc","src","getUrl","pdsIcon","str","length","test","val","toLowerCase","inheritAttributes","el","attributes","attributeObject","attr","hasAttribute","value","getAttribute","removeAttribute"],"sources":["src/components/pds-icon/utils.ts"],"sourcesContent":["import { getAssetPath } from '@stencil/core';\nimport { PdsIcon } from './pds-icon';\n\nlet CACHED_MAP: Map<string, string>;\n\nexport const addIcons = (icons: { [name: string]: string; }) => {\n const map = getIconMap();\n Object.keys(icons).forEach(name => map.set(name, icons[name]));\n}\n\nexport const getIconMap = (): Map<string, string> => {\n if (typeof window === 'undefined') {\n return new Map();\n } else {\n if (!CACHED_MAP) {\n const win = window as any; // eslint-disable-line @typescript-eslint/no-explicit-any\n win.PdsIcons = win.PdsIcons || {};\n CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n }\n\n return CACHED_MAP;\n }\n}\n\nexport const getName = (\n iconName: string | undefined,\n icon: string | undefined\n ) => {\n\n if(!iconName && icon && !isSrc(icon)) {\n iconName = icon;\n }\n\n if (isStr(iconName)) {\n iconName = toLower(iconName);\n }\n\n if (!isStr(iconName) || iconName.trim() === '') {\n return null;\n }\n\n const invalidChars = iconName.replace(/[a-z]|-|\\d/gi,'');\n if (invalidChars != '') { return null; }\n\n return iconName;\n}\n\nconst getNamedUrl = (iconName: string) => {\n const url = getIconMap().get(iconName);\n if (url) {\n return url;\n }\n\n return getAssetPath(`svg/${iconName}.svg`);\n};\n\nexport const getSrc = (src: string | undefined) => {\n if (isStr(src)) {\n src = src.trim();\n\n if (isSrc(src)) {\n return src;\n }\n }\n\n return null;\n}\n\nexport const getUrl = (pdsIcon: PdsIcon) => {\n let url = getName(pdsIcon.name, pdsIcon.icon);\n if (url) {\n return getNamedUrl(url);\n }\n\n if (pdsIcon.icon) {\n url = getSrc(pdsIcon.icon);\n\n if(url) {\n return url;\n }\n }\n\n return null;\n};\n\n\nexport const isSrc = (str: string) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val: any): val is string => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val: string) => val.toLowerCase();\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\n export const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n const attributeObject: { [k: string]: any } = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n attributes.forEach(attr => {\n if (el.hasAttribute(attr)) {\n const value = el.getAttribute(attr);\n if (value !== null) {\n attributeObject[attr] = el.getAttribute(attr);\n }\n el.removeAttribute(attr);\n }\n });\n\n return attributeObject;\n}\n"],"mappings":"oCAGA,IAAIA,E,MAESC,EAAYC,IACvB,MAAMC,EAAMC,IACZC,OAAOC,KAAKJ,GAAOK,SAAQC,GAAQL,EAAIM,IAAID,EAAMN,EAAMM,KAAO,EAGzD,MAAMJ,EAAa,KACxB,UAAWM,SAAW,YAAa,CACjC,OAAO,IAAIC,G,KACL,CACN,IAAKX,EAAY,CACf,MAAMY,EAAMF,OACZE,EAAIC,SAAWD,EAAIC,UAAY,GAC/Bb,EAAaY,EAAIC,SAASV,IAAMS,EAAIC,SAASV,KAAO,IAAIQ,G,CAG1D,OAAOX,C,SAIEc,EAAU,CACrBC,EACAC,KAGA,IAAID,GAAYC,IAASC,EAAMD,GAAO,CACpCD,EAAWC,C,CAGb,GAAIE,EAAMH,GAAW,CACnBA,EAAWI,EAAQJ,E,CAGrB,IAAKG,EAAMH,IAAaA,EAASK,SAAW,GAAI,CAC9C,OAAO,I,CAGT,MAAMC,EAAeN,EAASO,QAAQ,eAAe,IACrD,GAAID,GAAgB,GAAI,CAAE,OAAO,I,CAEjC,OAAON,CAAQ,EAGjB,MAAMQ,EAAeR,IACnB,MAAMS,EAAMpB,IAAaqB,IAAIV,GAC7B,GAAIS,EAAK,CACP,OAAOA,C,CAGT,OAAOE,EAAa,OAAOX,QAAe,EAGrC,MAAMY,EAAUC,IACrB,GAAIV,EAAMU,GAAM,CACdA,EAAMA,EAAIR,OAEV,GAAIH,EAAMW,GAAM,CACd,OAAOA,C,EAIX,OAAO,IAAI,E,MAGAC,EAAUC,IACrB,IAAIN,EAAMV,EAAQgB,EAAQtB,KAAMsB,EAAQd,MACxC,GAAIQ,EAAK,CACP,OAAOD,EAAYC,E,CAGrB,GAAIM,EAAQd,KAAM,CAChBQ,EAAMG,EAAOG,EAAQd,MAErB,GAAGQ,EAAK,CACN,OAAOA,C,EAIX,OAAO,IAAI,EAIN,MAAMP,EAASc,GAAgBA,EAAIC,OAAS,GAAK,UAAUC,KAAKF,G,MAC1Db,EAASgB,UAAmCA,IAAQ,SAC1D,MAAMf,EAAWe,GAAgBA,EAAIC,c,MAY9BC,EAAoB,CAACC,EAAiBC,EAAuB,MACzE,MAAMC,EAAwC,GAE9CD,EAAW/B,SAAQiC,IACjB,GAAIH,EAAGI,aAAaD,GAAO,CACzB,MAAME,EAAQL,EAAGM,aAAaH,GAC9B,GAAIE,IAAU,KAAM,CAClBH,EAAgBC,GAAQH,EAAGM,aAAaH,E,CAE1CH,EAAGO,gBAAgBJ,E,KAIvB,OAAOD,CAAe,S"}
@@ -1,2 +1,2 @@
1
- import{p as o,b as n}from"./p-a3383818.js";export{s as setNonce}from"./p-a3383818.js";const a=()=>{const s=import.meta.url;const n={};if(s!==""){n.resourcesUrl=new URL(".",s).href}return o(n)};a().then((o=>n([["p-91678731",[[1,"pds-icon",{color:[1],name:[513],size:[513],ariaLabel:[32],isVisible:[32],svgContent:[32]},null,{name:["loadIcon"]}]]]],o)));
1
+ import{p as o,b as n}from"./p-19d7058a.js";export{s as setNonce}from"./p-19d7058a.js";const a=()=>{const n=import.meta.url;const s={};if(n!==""){s.resourcesUrl=new URL(".",n).href}return o(s)};a().then((o=>n([["p-229b8f4e",[[1,"pds-icon",{color:[1],icon:[8],name:[513],size:[513],ariaLabel:[32],isVisible:[32],svgContent:[32]},null,{name:["loadIcon"],icon:["loadIcon"]}]]]],o)));
2
2
  //# sourceMappingURL=pds-icons.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","color","name","size","ariaLabel","isVisible","svgContent"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.4.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n if (importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAyBjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EC/B/BH,IAAeQ,MAAKC,GAEXC,EAAc,8BAA8B,CAAAC,MAAS,IAAAC,KAAA,MAAAC,KAAA,MAAAC,UAAA,KAAAC,UAAA,KAAAC,WAAA,YAAAJ,KAAA,kBAAAH"}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","color","icon","name","size","ariaLabel","isVisible","svgContent"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.8.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n if (importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,8BAA8B,CAAAC,MAAS,IAAAC,KAAA,IAAAC,KAAA,MAAAC,KAAA,MAAAC,UAAA,KAAAC,UAAA,KAAAC,WAAA,YAAAJ,KAAA,aAAAD,KAAA,kBAAAH"}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-icons",
3
- "version": "3.1.0",
3
+ "version": "3.3.0-rc.0",
4
4
  "icons": [
5
5
  {
6
6
  "name": "access-key",
@@ -2991,6 +2991,13 @@
2991
2991
  "widget"
2992
2992
  ]
2993
2993
  },
2994
+ {
2995
+ "name": "premium",
2996
+ "category": "features",
2997
+ "tags": [
2998
+ "premium"
2999
+ ]
3000
+ },
2994
3001
  {
2995
3002
  "name": "present",
2996
3003
  "category": "features",
@@ -1,4 +1,4 @@
1
- <svg data-pdsicons="3.1.0" style="display:none">
1
+ <svg data-pdsicons="3.3.0-rc.0" style="display:none">
2
2
  <style>
3
3
  .pdsicon {
4
4
  fill: currentColor;
@@ -202,6 +202,7 @@
202
202
  <symbol id="play-outline" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M3.109.084a.8.8 0 0 1 .838.076l9.6 7.2a.8.8 0 0 1 0 1.28l-9.6 7.2a.8.8 0 0 1-1.28-.64V.8a.8.8 0 0 1 .442-.716ZM4.267 2.4v11.2L11.733 8 4.267 2.4Z"/></symbol>
203
203
  <symbol id="play-store" viewBox="0 0 16 16" class="pdsicon"><path d="M15.022 7.373c-.1-.2-.301-.3-.502-.502L2.683.151c-.4-.201-.902-.201-1.304 0-.1.1-.3.2-.4.4-.101.201-.202.402-.202.603v13.542c0 .2.1.401.201.602.1.2.301.3.502.501.2.1.4.201.602.201.2 0 .4-.1.601-.2L14.52 8.977c.201 0 .402-.2.502-.401.1-.2.2-.401.2-.602 0-.2-.1-.401-.2-.602Zm-1.404.602L11.21 9.379 9.806 7.975 11.21 6.57l2.408 1.404Zm-3.612 2.107L4.69 13.09l4.113-4.113 1.203 1.104ZM4.69 2.859l5.316 3.01-1.203 1.103L4.69 2.859ZM7.9 7.975l-5.718 5.718V2.257L7.9 7.975Z"/></symbol>
204
204
  <symbol id="plug" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M12.985 2.073a4 4 0 0 0-5.147.432L6.367 3.976l5.657 5.657 1.471-1.47a4 4 0 0 0 .432-5.147l1.683-1.683-.943-.942-1.682 1.682Zm-5.652 7.65L6.276 8.668 7.61 7.333l-.942-.942-1.334 1.333-1.357-1.357-1.471 1.47a4 4 0 0 0-.432 5.147L.39 14.667l.942.943 1.683-1.683a4 4 0 0 0 5.146-.432l1.471-1.471-1.357-1.357L9.61 9.333l-.942-.943-1.334 1.334Zm-.942.944L5.333 9.609l-.942-.942-.415-.415-.529.529a2.667 2.667 0 0 0 3.772 3.772l.529-.529-.415-.414-.942-.943Zm2.39-7.22a2.667 2.667 0 0 1 3.772 3.772l-.529.529-3.772-3.772.529-.529Z"/></symbol>
205
+ <symbol id="premium" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M16 1.057V10H0V1.057l4.041 4.041L8 1.798l3.959 3.3L16 1.058ZM0 12.667v-1.334h16v1.334A1.334 1.334 0 0 1 14.667 14H1.333A1.334 1.334 0 0 1 0 12.667Z"/></symbol>
205
206
  <symbol id="present" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M3.667 1.62a1.058 1.058 0 0 1 .777-.286c.993 0 1.706.62 2.21 1.372.144.214.265.43.363.628h-2.67a1.058 1.058 0 0 1-1.013-1c.014-.272.134-.528.333-.715ZM2.245 3.333A2.39 2.39 0 0 1 2 2.356v-.044A2.391 2.391 0 0 1 4.455.001c1.63.004 2.692 1.048 3.306 1.961.087.129.166.257.239.383a6.54 6.54 0 0 1 .238-.383C8.852 1.05 9.914.005 11.545.001a2.391 2.391 0 0 1 2.454 2.355 2.39 2.39 0 0 1-.245.978h1.579c.368 0 .666.298.666.667v2.666a.667.667 0 0 1-.667.667H8.666v7.333h4a.667.667 0 0 0 .667-.667V8.667a.667.667 0 0 1 1.333 0V14a2 2 0 0 1-2 2H3.333a2 2 0 0 1-2-2V8.667a.667.667 0 1 1 1.334 0V14a.667.667 0 0 0 .666.667h4V7.334H.667A.667.667 0 0 1 0 6.667V4.001c0-.369.298-.667.667-.667h1.578Zm2.081 1.333H1.333v1.334h6V4.667H4.454a2.388 2.388 0 0 1-.128 0Zm4.34 0v1.334h6V4.667h-2.993a2.385 2.385 0 0 1-.128 0H8.666Zm2.986-1.333a1.058 1.058 0 0 0 1.013-1 1.058 1.058 0 0 0-1.11-1c-.993 0-1.706.62-2.21 1.372-.144.214-.265.43-.363.628h2.67Z"/></symbol>
206
207
  <symbol id="preview-off" viewBox="0 0 16 16" class="pdsicon"><path d="M15.247 7.667c-.067-.12-1.067-1.827-2.76-3.214l1.986-1.986a.664.664 0 1 0-.94-.94l-2.146 2.146C10.407 3.087 9.273 2.667 8 2.667c-4.34 0-7.127 4.8-7.247 5a.65.65 0 0 0 0 .66c.067.12 1.067 1.826 2.76 3.213l-1.986 1.987c-.26.26-.26.68 0 .94.133.133.3.2.473.2s.34-.067.473-.194l2.147-2.146c.973.586 2.107 1.006 3.38 1.006 4.34 0 7.127-4.8 7.247-5a.696.696 0 0 0 0-.666ZM2.12 8C2.793 6.987 5.02 4 8 4c.873 0 1.68.26 2.407.653l-1.06 1.06c-.4-.233-.854-.38-1.347-.38A2.666 2.666 0 0 0 5.333 8c0 .493.147.947.38 1.347l-1.246 1.246C3.313 9.673 2.487 8.547 2.12 8Zm7.213 0c0 .733-.6 1.333-1.333 1.333-.12 0-.233-.02-.34-.046L9.287 7.66c.026.107.046.22.046.34ZM6.667 8c0-.733.6-1.333 1.333-1.333.12 0 .233.02.34.046L6.713 8.34A1.396 1.396 0 0 1 6.667 8ZM8 12c-.873 0-1.68-.26-2.407-.653l1.06-1.06c.4.233.854.38 1.347.38A2.666 2.666 0 0 0 10.667 8c0-.493-.147-.947-.38-1.347l1.246-1.246c1.154.92 1.98 2.046 2.34 2.593-.666 1.013-2.893 4-5.873 4Z"/></symbol>
207
208
  <symbol id="preview-on" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M1.585 7.818A13.344 13.344 0 0 0 3.241 9.85c1.221 1.221 2.863 2.333 4.76 2.333 1.895 0 3.537-1.112 4.758-2.333a13.347 13.347 0 0 0 1.656-2.03 13.348 13.348 0 0 0-1.656-2.031C11.539 4.566 9.896 3.454 8 3.454c-1.896 0-3.538 1.111-4.758 2.332a13.345 13.345 0 0 0-1.657 2.031Zm13.688 0 .631-.361-.001-.002-.003-.005-.008-.014a13.813 13.813 0 0 0-.138-.225 14.797 14.797 0 0 0-1.967-2.452C12.462 3.434 10.467 2 8 2 5.532 2 3.538 3.434 2.213 4.759A14.8 14.8 0 0 0 .246 7.21a8.859 8.859 0 0 0-.138.225L.1 7.45l-.003.005v.001s-.001.001.63.362l-.631-.36a.727.727 0 0 0 0 .721l.631-.36-.631.36.001.003.003.004.008.014a5.202 5.202 0 0 0 .138.226 14.8 14.8 0 0 0 1.967 2.452c1.325 1.325 3.32 2.758 5.787 2.758 2.468 0 4.462-1.433 5.787-2.758a14.797 14.797 0 0 0 1.967-2.452 8.904 8.904 0 0 0 .138-.226l.008-.014.003-.004V8.18l-.63-.362Zm0 0 .631.361a.728.728 0 0 0 0-.722l-.631.361Z"/><path fill-rule="evenodd" d="M8 6.364a1.455 1.455 0 1 0 0 2.909 1.455 1.455 0 0 0 0-2.91ZM5.091 7.818a2.91 2.91 0 1 1 5.818 0 2.91 2.91 0 0 1-5.818 0Z"/></symbol>
@@ -250,7 +251,7 @@
250
251
  <symbol id="tablet-landscape" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M14.667 13.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V2.667A.667.667 0 0 1 2 2h12a.667.667 0 0 1 .667.667v10.666Zm.747 1.415A2 2 0 0 0 16 13.333V2.667a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v10.666a2 2 0 0 0 2 2h12a2 2 0 0 0 1.414-.585Z"/><path d="M12 8a.667.667 0 1 1 1.333 0A.667.667 0 0 1 12 8Z"/></symbol>
251
252
  <symbol id="tablet-portrait" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M2.667 14.667A.667.667 0 0 1 2 14V2a.667.667 0 0 1 .667-.667h10.666A.667.667 0 0 1 14 2v12a.667.667 0 0 1-.667.667H2.667Zm-1.415.747A2 2 0 0 0 2.667 16h10.666a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2.667a2 2 0 0 0-2 2v12a2 2 0 0 0 .585 1.414Z"/><path d="M8 12a.667.667 0 1 1 0 1.333A.667.667 0 0 1 8 12Z"/></symbol>
252
253
  <symbol id="text-styles" viewBox="0 0 16 16" class="pdsicon"><path d="M7.814 13.312a.694.694 0 1 0 1.305-.472l-3.36-9.184A1 1 0 0 0 4.82 3h-.18a1 1 0 0 0-.94.656L.337 12.851a.685.685 0 1 0 1.29.461l.841-2.414a.2.2 0 0 1 .19-.134h4.104a.2.2 0 0 1 .188.133l.864 2.415ZM4.508 5.085a.2.2 0 0 1 .377-.001l1.434 4.03a.2.2 0 0 1-.189.267H3.286a.2.2 0 0 1-.189-.266l1.41-4.03ZM10.23 11.812c0 1.155.88 2.188 2.249 2.188.922 0 1.532-.412 1.898-.837.082-.095.28.09.29.216.024.302.271.393.574.393h.019c.39 0 .686-.347.667-.736a9.617 9.617 0 0 1-.01-.464V8.91c0-1.428-.783-2.674-2.795-2.674-1.258 0-2.296.728-2.643 1.83-.095.303.118.598.425.676.38.097.743-.182.924-.53.241-.463.685-.76 1.322-.76 1.02 0 1.453.592 1.453 1.306 0 .259-.112.486-.517.547l-1.817.289c-1.16.182-2.04.912-2.04 2.218Zm2.43.988c-.67 0-1.09-.517-1.09-1.064 0-.653.42-1.003.979-1.094l1.822-.296a.2.2 0 0 1 .232.197v.1c0 1.595-.867 2.157-1.942 2.157Z"/></symbol>
253
- <symbol id="theme-store" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M2.095.99c.12-.2.337-.323.572-.323h10.666c.235 0 .451.123.572.323l2 3.334a.667.667 0 0 1 .095.341 2.661 2.661 0 0 1-4.443 1.983A2.65 2.65 0 0 1 8 6.649a2.651 2.651 0 0 1-3.557-.001A2.66 2.66 0 0 1 0 4.665c0-.12.033-.238.095-.341l2-3.334ZM3.045 2 1.342 4.835a1.328 1.328 0 0 0 2.506.431.667.667 0 0 1 1.193.002 1.318 1.318 0 0 0 2.36 0 .667.667 0 0 1 1.195 0 1.318 1.318 0 0 0 2.361 0 .667.667 0 0 1 1.193-.002 1.327 1.327 0 0 0 2.506-.431L12.956 2H3.044ZM2.667 8c.368 0 .666.298.666.667V14H6v-3.333c0-.368.298-.667.667-.667h2.666c.369 0 .667.299.667.667V14h2.667V8.667a.667.667 0 1 1 1.333 0v6a.667.667 0 0 1-.667.666H2.667A.667.667 0 0 1 2 14.667v-6C2 8.298 2.298 8 2.667 8Zm4.666 6h1.334v-2.667H7.333V14Z"/></symbol>
254
+ <symbol id="theme-store" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M2.095.99c.12-.2.337-.323.572-.323h10.666c.235 0 .451.123.572.323l2 3.334a.667.667 0 0 1 .095.341 2.661 2.661 0 0 1-4.443 1.983A2.651 2.651 0 0 1 8 6.649a2.65 2.65 0 0 1-3.557-.001A2.661 2.661 0 0 1 0 4.665c0-.12.033-.238.095-.341l2-3.334ZM3.045 2 1.342 4.835a1.328 1.328 0 0 0 2.506.431.667.667 0 0 1 1.193.002 1.318 1.318 0 0 0 2.36 0 .667.667 0 0 1 1.195 0 1.318 1.318 0 0 0 2.361 0 .667.667 0 0 1 1.193-.002 1.328 1.328 0 0 0 2.506-.431L12.956 2H3.044ZM2.667 8c.368 0 .666.298.666.667V14H6v-3.333c0-.368.298-.667.667-.667h2.666c.369 0 .667.299.667.667V14h2.667V8.667a.667.667 0 1 1 1.333 0v6a.667.667 0 0 1-.667.666H2.667A.667.667 0 0 1 2 14.667v-6C2 8.298 2.298 8 2.667 8Zm4.666 6h1.334v-2.667H7.333V14Z"/></symbol>
254
255
  <symbol id="theme-store-filled" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="m13.905.657 2 3.333a.667.667 0 0 1 .095.343 2.661 2.661 0 0 1-4.444 1.984 2.65 2.65 0 0 1-3.558 0 2.65 2.65 0 0 1-3.555 0A2.65 2.65 0 0 1 2.661 7h-.006A2.662 2.662 0 0 1 0 4.333c0-.12.033-.24.095-.343l2-3.333a.667.667 0 0 1 .572-.324h10.666a.667.667 0 0 1 .572.324Zm-2.347 7.258c.555.275 1.166.419 1.786.418.22-.003.44-.024.656-.062V15a.666.666 0 0 1-.667.667h-4v-4H6.667v4h-4A.667.667 0 0 1 2 15V8.273c.218.038.44.058.66.06a3.993 3.993 0 0 0 1.783-.416c.164.08.333.15.506.209a3.959 3.959 0 0 0 3.042-.206L8 7.917a3.965 3.965 0 0 0 3.55.003l.009-.005Z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></symbol>
255
256
  <symbol id="thumbs-down" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M.667 0A.667.667 0 0 0 0 .667V8c0 .368.298.667.667.667H3.49l1.866 6.842c.079.29.342.491.643.491a2.667 2.667 0 0 0 2.667-2.667V10H13a2.667 2.667 0 0 0 2.636-3.072l-.718-4.667A2.667 2.667 0 0 0 12.285 0H.667Zm2.666 1.333h-2v6h2v-6Zm1.334 6.578V1.333h7.617A1.333 1.333 0 0 1 13.6 2.464l.718 4.667A1.333 1.333 0 0 1 13 8.667H8a.667.667 0 0 0-.667.666v4a1.333 1.333 0 0 1-.849 1.243L4.667 7.91Z"/></symbol>
256
257
  <symbol id="thumbs-down-filled" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M14.115 9.757a2.667 2.667 0 0 0 1.522-2.829l-.717-4.667A2.653 2.653 0 0 0 12.284 0H4v8.667l2.023 6.842a.667.667 0 0 0 .644.491c1.47 0 2-1.196 2-2.667V10H13c.385 0 .765-.083 1.115-.243ZM.667 8.667h2V0h-2A.667.667 0 0 0 0 .667V8a.667.667 0 0 0 .667.667Z"/></symbol>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M16 1.057V10H0V1.057l4.041 4.041L8 1.798l3.959 3.3L16 1.058ZM0 12.667v-1.334h16v1.334A1.334 1.334 0 0 1 14.667 14H1.333A1.334 1.334 0 0 1 0 12.667Z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M2.095.99c.12-.2.337-.323.572-.323h10.666c.235 0 .451.123.572.323l2 3.334a.667.667 0 0 1 .095.341 2.661 2.661 0 0 1-4.443 1.983A2.65 2.65 0 0 1 8 6.649a2.651 2.651 0 0 1-3.557-.001A2.66 2.66 0 0 1 0 4.665c0-.12.033-.238.095-.341l2-3.334ZM3.045 2 1.342 4.835a1.328 1.328 0 0 0 2.506.431.667.667 0 0 1 1.193.002 1.318 1.318 0 0 0 2.36 0 .667.667 0 0 1 1.195 0 1.318 1.318 0 0 0 2.361 0 .667.667 0 0 1 1.193-.002 1.327 1.327 0 0 0 2.506-.431L12.956 2H3.044ZM2.667 8c.368 0 .666.298.666.667V14H6v-3.333c0-.368.298-.667.667-.667h2.666c.369 0 .667.299.667.667V14h2.667V8.667a.667.667 0 1 1 1.333 0v6a.667.667 0 0 1-.667.666H2.667A.667.667 0 0 1 2 14.667v-6C2 8.298 2.298 8 2.667 8Zm4.666 6h1.334v-2.667H7.333V14Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M2.095.99c.12-.2.337-.323.572-.323h10.666c.235 0 .451.123.572.323l2 3.334a.667.667 0 0 1 .095.341 2.661 2.661 0 0 1-4.443 1.983A2.651 2.651 0 0 1 8 6.649a2.65 2.65 0 0 1-3.557-.001A2.661 2.661 0 0 1 0 4.665c0-.12.033-.238.095-.341l2-3.334ZM3.045 2 1.342 4.835a1.328 1.328 0 0 0 2.506.431.667.667 0 0 1 1.193.002 1.318 1.318 0 0 0 2.36 0 .667.667 0 0 1 1.195 0 1.318 1.318 0 0 0 2.361 0 .667.667 0 0 1 1.193-.002 1.328 1.328 0 0 0 2.506-.431L12.956 2H3.044ZM2.667 8c.368 0 .666.298.666.667V14H6v-3.333c0-.368.298-.667.667-.667h2.666c.369 0 .667.299.667.667V14h2.667V8.667a.667.667 0 1 1 1.333 0v6a.667.667 0 0 1-.667.666H2.667A.667.667 0 0 1 2 14.667v-6C2 8.298 2.298 8 2.667 8Zm4.666 6h1.334v-2.667H7.333V14Z"/></svg>
@@ -1,37 +1,43 @@
1
1
  export declare class PdsIcon {
2
- private io?;
3
- private inheritedAttributes;
4
- el: HTMLPdsIconElement;
5
- private ariaLabel?;
6
- private isVisible;
7
- private svgContent?;
8
- /**
9
- *
10
- * The color of the icon
11
- *
12
- */
13
- color?: string;
14
- /**
15
- * The name of the icon to use from
16
- * the built-in set.
17
- */
18
- name?: string;
19
- /**
20
- * The size of the icon. This can be
21
- * 'small', 'regular', 'medium', large, or a
22
- * custom value (40px, 1rem, etc)
23
- *
24
- */
25
- size?: 'small' | 'regular' | 'medium' | 'large' | 'auto' | string;
26
- private iconSize;
27
- componentWillLoad(): void;
28
- connectedCallback(): void;
29
- disconnectedCallback(): void;
30
- loadIcon(): void;
31
- render(): any;
32
- /*****
33
- * Private Methods
34
- ****/
35
- private waitUntilVisible;
36
- private hasAriaHidden;
2
+ private io?;
3
+ private inheritedAttributes;
4
+ el: HTMLPdsIconElement;
5
+ private ariaLabel?;
6
+ private isVisible;
7
+ private svgContent?;
8
+ /**
9
+ *
10
+ * The color of the icon
11
+ *
12
+ */
13
+ color?: string;
14
+ /**
15
+ * This a combination of both `name` and `src`. If a `src` url is detected
16
+ * it will set the `src` property. Otherwise it assumes it's a built-in named
17
+ * SVG and set the `name` property.
18
+ */
19
+ icon?: any;
20
+ /**
21
+ * The name of the icon to use from
22
+ * the built-in set.
23
+ */
24
+ name?: string;
25
+ /**
26
+ * The size of the icon. This can be
27
+ * 'small', 'regular', 'medium', large, or a
28
+ * custom value (40px, 1rem, etc)
29
+ *
30
+ */
31
+ size?: 'small' | 'regular' | 'medium' | 'large' | 'auto' | string;
32
+ private iconSize;
33
+ componentWillLoad(): void;
34
+ connectedCallback(): void;
35
+ disconnectedCallback(): void;
36
+ loadIcon(): void;
37
+ render(): any;
38
+ /*****
39
+ * Private Methods
40
+ ****/
41
+ private waitUntilVisible;
42
+ private hasAriaHidden;
37
43
  }
@@ -1,11 +1,11 @@
1
1
  import { PdsIcon } from './pds-icon';
2
2
  export declare const addIcons: (icons: {
3
- [name: string]: string;
3
+ [name: string]: string;
4
4
  }) => void;
5
5
  export declare const getIconMap: () => Map<string, string>;
6
- export declare const getName: (iconName: string | undefined) => string;
6
+ export declare const getName: (iconName: string | undefined, icon: string | undefined) => string;
7
7
  export declare const getSrc: (src: string | undefined) => string;
8
- export declare const getUrl: (icon: PdsIcon) => string;
8
+ export declare const getUrl: (pdsIcon: PdsIcon) => string;
9
9
  export declare const isSrc: (str: string) => boolean;
10
10
  export declare const isStr: (val: any) => val is string;
11
11
  export declare const toLower: (val: string) => string;
@@ -20,5 +20,5 @@ export declare const toLower: (val: string) => string;
20
20
  * does not trigger a re-render.
21
21
  */
22
22
  export declare const inheritAttributes: (el: HTMLElement, attributes?: string[]) => {
23
- [k: string]: any;
23
+ [k: string]: any;
24
24
  };
@@ -11,6 +11,10 @@ export namespace Components {
11
11
  * The color of the icon
12
12
  */
13
13
  "color"?: string;
14
+ /**
15
+ * This a combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
16
+ */
17
+ "icon"?: any;
14
18
  /**
15
19
  * The name of the icon to use from the built-in set.
16
20
  */
@@ -43,6 +47,10 @@ declare namespace LocalJSX {
43
47
  * The color of the icon
44
48
  */
45
49
  "color"?: string;
50
+ /**
51
+ * This a combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
52
+ */
53
+ "icon"?: any;
46
54
  /**
47
55
  * The name of the icon to use from the built-in set.
48
56
  */
@@ -3,6 +3,16 @@ export interface ComponentDecorator {
3
3
  (opts?: ComponentOptions): ClassDecorator;
4
4
  }
5
5
  export interface ComponentOptions {
6
+ /**
7
+ * When set to `true` this component will be form-associated. See
8
+ * https://stenciljs.com/docs/next/form-associated documentation on how to
9
+ * build form-associated Stencil components that integrate into forms like
10
+ * native browser elements such as `<input>` and `<textarea>`.
11
+ *
12
+ * The {@link AttachInternals} decorator allows for access to the
13
+ * `ElementInternals` object to modify the associated form.
14
+ */
15
+ formAssociated?: boolean;
6
16
  /**
7
17
  * Tag name of the web component. Ideally, the tag name must be globally unique,
8
18
  * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -107,6 +117,9 @@ export interface EventOptions {
107
117
  */
108
118
  composed?: boolean;
109
119
  }
120
+ export interface AttachInternalsDecorator {
121
+ (): PropertyDecorator;
122
+ }
110
123
  export interface ListenDecorator {
111
124
  (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
112
125
  }
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
175
188
  * https://stenciljs.com/docs/events
176
189
  */
177
190
  export declare const Event: EventDecorator;
191
+ /**
192
+ * If the `formAssociated` option is set in options passed to the
193
+ * `@Component()` decorator then this decorator may be used to get access to the
194
+ * `ElementInternals` instance associated with the component.
195
+ */
196
+ export declare const AttachInternals: AttachInternalsDecorator;
178
197
  /**
179
198
  * The `Listen()` decorator is for listening DOM events, including the ones
180
199
  * dispatched from `@Events()`.
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
791
810
  name?: string;
792
811
  type?: string;
793
812
  value?: string | string[] | number;
813
+ popoverTargetAction?: string;
814
+ popoverTargetElement?: Element | null;
815
+ popoverTarget?: string;
794
816
  }
795
817
  interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
796
818
  height?: number | string;
@@ -952,6 +974,9 @@ export declare namespace JSXBase {
952
974
  webkitdirectory?: boolean;
953
975
  webkitEntries?: any;
954
976
  width?: number | string;
977
+ popoverTargetAction?: string;
978
+ popoverTargetElement?: Element | null;
979
+ popoverTarget?: string;
955
980
  }
956
981
  interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
957
982
  autoFocus?: boolean;
@@ -1115,11 +1140,13 @@ export declare namespace JSXBase {
1115
1140
  autocomplete?: string;
1116
1141
  }
1117
1142
  interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
1143
+ height?: number;
1118
1144
  media?: string;
1119
1145
  sizes?: string;
1120
1146
  src?: string;
1121
1147
  srcSet?: string;
1122
1148
  type?: string;
1149
+ width?: number;
1123
1150
  }
1124
1151
  interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
1125
1152
  media?: string;
@@ -1202,6 +1229,7 @@ export declare namespace JSXBase {
1202
1229
  draggable?: boolean;
1203
1230
  hidden?: boolean;
1204
1231
  id?: string;
1232
+ inert?: boolean;
1205
1233
  lang?: string;
1206
1234
  spellcheck?: 'true' | 'false' | any;
1207
1235
  style?: {
@@ -1210,6 +1238,7 @@ export declare namespace JSXBase {
1210
1238
  tabIndex?: number;
1211
1239
  tabindex?: number | string;
1212
1240
  title?: string;
1241
+ popover?: string | null;
1213
1242
  inputMode?: string;
1214
1243
  inputmode?: string;
1215
1244
  enterKeyHint?: string;
package/icons/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /* pds-icons v3.1.0, Types */
1
+ /* pds-icons v3.3.0-rc.0, Types */
2
2
 
3
3
  export declare var accessKey: string
4
4
  export declare var add: string
@@ -192,6 +192,7 @@ export declare var playCircle: string
192
192
  export declare var playOutline: string
193
193
  export declare var playStore: string
194
194
  export declare var plug: string
195
+ export declare var premium: string
195
196
  export declare var present: string
196
197
  export declare var previewOff: string
197
198
  export declare var previewOn: string
package/icons/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /* pds-icons v3.1.0, CommonJs */
1
+ /* pds-icons v3.3.0-rc.0, CommonJs */
2
2
 
3
3
  exports.accessKey = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='m14.193 2.75 1.571-1.572c.315-.314.315-.733 0-.942-.314-.315-.733-.315-.942 0L12.727 2.33l-2.095 2.095-2.933 2.828c-1.886-1.467-4.609-1.257-6.285.419-1.885 1.885-1.885 5.027 0 6.913 1.886 1.885 5.028 1.885 6.913 0a4.817 4.817 0 0 0 .42-6.39l2.409-2.409 1.57 1.571c.315.315.734.315.943 0l2.095-2.095c.315-.314.315-.733 0-.942l-1.57-1.571ZM7.28 13.643a3.477 3.477 0 0 1-4.923 0 3.477 3.477 0 0 1 0-4.923 3.477 3.477 0 0 1 4.923 0 3.477 3.477 0 0 1 0 4.923Zm5.97-7.646-1.152-1.152 1.152-1.153 1.153 1.153-1.153 1.152Z'/></svg>"
4
4
  exports.add = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M8 2a.628.628 0 0 0-.628.628v4.744H2.628a.628.628 0 0 0 0 1.256h4.744v4.744a.628.628 0 1 0 1.256 0V8.628h4.744a.628.628 0 1 0 0-1.256H8.628V2.628A.628.628 0 0 0 8 2Z'/></svg>"
@@ -192,6 +192,7 @@ exports.playCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000
192
192
  exports.playOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M3.109.084a.8.8 0 0 1 .838.076l9.6 7.2a.8.8 0 0 1 0 1.28l-9.6 7.2a.8.8 0 0 1-1.28-.64V.8a.8.8 0 0 1 .442-.716ZM4.267 2.4v11.2L11.733 8 4.267 2.4Z'/></svg>"
193
193
  exports.playStore = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M15.022 7.373c-.1-.2-.301-.3-.502-.502L2.683.151c-.4-.201-.902-.201-1.304 0-.1.1-.3.2-.4.4-.101.201-.202.402-.202.603v13.542c0 .2.1.401.201.602.1.2.301.3.502.501.2.1.4.201.602.201.2 0 .4-.1.601-.2L14.52 8.977c.201 0 .402-.2.502-.401.1-.2.2-.401.2-.602 0-.2-.1-.401-.2-.602Zm-1.404.602L11.21 9.379 9.806 7.975 11.21 6.57l2.408 1.404Zm-3.612 2.107L4.69 13.09l4.113-4.113 1.203 1.104ZM4.69 2.859l5.316 3.01-1.203 1.103L4.69 2.859ZM7.9 7.975l-5.718 5.718V2.257L7.9 7.975Z'/></svg>"
194
194
  exports.plug = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M12.985 2.073a4 4 0 0 0-5.147.432L6.367 3.976l5.657 5.657 1.471-1.47a4 4 0 0 0 .432-5.147l1.683-1.683-.943-.942-1.682 1.682Zm-5.652 7.65L6.276 8.668 7.61 7.333l-.942-.942-1.334 1.333-1.357-1.357-1.471 1.47a4 4 0 0 0-.432 5.147L.39 14.667l.942.943 1.683-1.683a4 4 0 0 0 5.146-.432l1.471-1.471-1.357-1.357L9.61 9.333l-.942-.943-1.334 1.334Zm-.942.944L5.333 9.609l-.942-.942-.415-.415-.529.529a2.667 2.667 0 0 0 3.772 3.772l.529-.529-.415-.414-.942-.943Zm2.39-7.22a2.667 2.667 0 0 1 3.772 3.772l-.529.529-3.772-3.772.529-.529Z'/></svg>"
195
+ exports.premium = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M16 1.057V10H0V1.057l4.041 4.041L8 1.798l3.959 3.3L16 1.058ZM0 12.667v-1.334h16v1.334A1.334 1.334 0 0 1 14.667 14H1.333A1.334 1.334 0 0 1 0 12.667Z'/></svg>"
195
196
  exports.present = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M3.667 1.62a1.058 1.058 0 0 1 .777-.286c.993 0 1.706.62 2.21 1.372.144.214.265.43.363.628h-2.67a1.058 1.058 0 0 1-1.013-1c.014-.272.134-.528.333-.715ZM2.245 3.333A2.39 2.39 0 0 1 2 2.356v-.044A2.391 2.391 0 0 1 4.455.001c1.63.004 2.692 1.048 3.306 1.961.087.129.166.257.239.383a6.54 6.54 0 0 1 .238-.383C8.852 1.05 9.914.005 11.545.001a2.391 2.391 0 0 1 2.454 2.355 2.39 2.39 0 0 1-.245.978h1.579c.368 0 .666.298.666.667v2.666a.667.667 0 0 1-.667.667H8.666v7.333h4a.667.667 0 0 0 .667-.667V8.667a.667.667 0 0 1 1.333 0V14a2 2 0 0 1-2 2H3.333a2 2 0 0 1-2-2V8.667a.667.667 0 1 1 1.334 0V14a.667.667 0 0 0 .666.667h4V7.334H.667A.667.667 0 0 1 0 6.667V4.001c0-.369.298-.667.667-.667h1.578Zm2.081 1.333H1.333v1.334h6V4.667H4.454a2.388 2.388 0 0 1-.128 0Zm4.34 0v1.334h6V4.667h-2.993a2.385 2.385 0 0 1-.128 0H8.666Zm2.986-1.333a1.058 1.058 0 0 0 1.013-1 1.058 1.058 0 0 0-1.11-1c-.993 0-1.706.62-2.21 1.372-.144.214-.265.43-.363.628h2.67Z'/></svg>"
196
197
  exports.previewOff = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M15.247 7.667c-.067-.12-1.067-1.827-2.76-3.214l1.986-1.986a.664.664 0 1 0-.94-.94l-2.146 2.146C10.407 3.087 9.273 2.667 8 2.667c-4.34 0-7.127 4.8-7.247 5a.65.65 0 0 0 0 .66c.067.12 1.067 1.826 2.76 3.213l-1.986 1.987c-.26.26-.26.68 0 .94.133.133.3.2.473.2s.34-.067.473-.194l2.147-2.146c.973.586 2.107 1.006 3.38 1.006 4.34 0 7.127-4.8 7.247-5a.696.696 0 0 0 0-.666ZM2.12 8C2.793 6.987 5.02 4 8 4c.873 0 1.68.26 2.407.653l-1.06 1.06c-.4-.233-.854-.38-1.347-.38A2.666 2.666 0 0 0 5.333 8c0 .493.147.947.38 1.347l-1.246 1.246C3.313 9.673 2.487 8.547 2.12 8Zm7.213 0c0 .733-.6 1.333-1.333 1.333-.12 0-.233-.02-.34-.046L9.287 7.66c.026.107.046.22.046.34ZM6.667 8c0-.733.6-1.333 1.333-1.333.12 0 .233.02.34.046L6.713 8.34A1.396 1.396 0 0 1 6.667 8ZM8 12c-.873 0-1.68-.26-2.407-.653l1.06-1.06c.4.233.854.38 1.347.38A2.666 2.666 0 0 0 10.667 8c0-.493-.147-.947-.38-1.347l1.246-1.246c1.154.92 1.98 2.046 2.34 2.593-.666 1.013-2.893 4-5.873 4Z'/></svg>"
197
198
  exports.previewOn = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M1.585 7.818A13.344 13.344 0 0 0 3.241 9.85c1.221 1.221 2.863 2.333 4.76 2.333 1.895 0 3.537-1.112 4.758-2.333a13.347 13.347 0 0 0 1.656-2.03 13.348 13.348 0 0 0-1.656-2.031C11.539 4.566 9.896 3.454 8 3.454c-1.896 0-3.538 1.111-4.758 2.332a13.345 13.345 0 0 0-1.657 2.031Zm13.688 0 .631-.361-.001-.002-.003-.005-.008-.014a13.813 13.813 0 0 0-.138-.225 14.797 14.797 0 0 0-1.967-2.452C12.462 3.434 10.467 2 8 2 5.532 2 3.538 3.434 2.213 4.759A14.8 14.8 0 0 0 .246 7.21a8.859 8.859 0 0 0-.138.225L.1 7.45l-.003.005v.001s-.001.001.63.362l-.631-.36a.727.727 0 0 0 0 .721l.631-.36-.631.36.001.003.003.004.008.014a5.202 5.202 0 0 0 .138.226 14.8 14.8 0 0 0 1.967 2.452c1.325 1.325 3.32 2.758 5.787 2.758 2.468 0 4.462-1.433 5.787-2.758a14.797 14.797 0 0 0 1.967-2.452 8.904 8.904 0 0 0 .138-.226l.008-.014.003-.004V8.18l-.63-.362Zm0 0 .631.361a.728.728 0 0 0 0-.722l-.631.361Z'/><path fill-rule='evenodd' d='M8 6.364a1.455 1.455 0 1 0 0 2.909 1.455 1.455 0 0 0 0-2.91ZM5.091 7.818a2.91 2.91 0 1 1 5.818 0 2.91 2.91 0 0 1-5.818 0Z'/></svg>"
@@ -240,7 +241,7 @@ exports.sync = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'
240
241
  exports.tabletLandscape = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M14.667 13.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V2.667A.667.667 0 0 1 2 2h12a.667.667 0 0 1 .667.667v10.666Zm.747 1.415A2 2 0 0 0 16 13.333V2.667a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v10.666a2 2 0 0 0 2 2h12a2 2 0 0 0 1.414-.585Z'/><path d='M12 8a.667.667 0 1 1 1.333 0A.667.667 0 0 1 12 8Z'/></svg>"
241
242
  exports.tabletPortrait = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M2.667 14.667A.667.667 0 0 1 2 14V2a.667.667 0 0 1 .667-.667h10.666A.667.667 0 0 1 14 2v12a.667.667 0 0 1-.667.667H2.667Zm-1.415.747A2 2 0 0 0 2.667 16h10.666a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2.667a2 2 0 0 0-2 2v12a2 2 0 0 0 .585 1.414Z'/><path d='M8 12a.667.667 0 1 1 0 1.333A.667.667 0 0 1 8 12Z'/></svg>"
242
243
  exports.textStyles = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M7.814 13.312a.694.694 0 1 0 1.305-.472l-3.36-9.184A1 1 0 0 0 4.82 3h-.18a1 1 0 0 0-.94.656L.337 12.851a.685.685 0 1 0 1.29.461l.841-2.414a.2.2 0 0 1 .19-.134h4.104a.2.2 0 0 1 .188.133l.864 2.415ZM4.508 5.085a.2.2 0 0 1 .377-.001l1.434 4.03a.2.2 0 0 1-.189.267H3.286a.2.2 0 0 1-.189-.266l1.41-4.03ZM10.23 11.812c0 1.155.88 2.188 2.249 2.188.922 0 1.532-.412 1.898-.837.082-.095.28.09.29.216.024.302.271.393.574.393h.019c.39 0 .686-.347.667-.736a9.617 9.617 0 0 1-.01-.464V8.91c0-1.428-.783-2.674-2.795-2.674-1.258 0-2.296.728-2.643 1.83-.095.303.118.598.425.676.38.097.743-.182.924-.53.241-.463.685-.76 1.322-.76 1.02 0 1.453.592 1.453 1.306 0 .259-.112.486-.517.547l-1.817.289c-1.16.182-2.04.912-2.04 2.218Zm2.43.988c-.67 0-1.09-.517-1.09-1.064 0-.653.42-1.003.979-1.094l1.822-.296a.2.2 0 0 1 .232.197v.1c0 1.595-.867 2.157-1.942 2.157Z'/></svg>"
243
- exports.themeStore = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M2.095.99c.12-.2.337-.323.572-.323h10.666c.235 0 .451.123.572.323l2 3.334a.667.667 0 0 1 .095.341 2.661 2.661 0 0 1-4.443 1.983A2.65 2.65 0 0 1 8 6.649a2.651 2.651 0 0 1-3.557-.001A2.66 2.66 0 0 1 0 4.665c0-.12.033-.238.095-.341l2-3.334ZM3.045 2 1.342 4.835a1.328 1.328 0 0 0 2.506.431.667.667 0 0 1 1.193.002 1.318 1.318 0 0 0 2.36 0 .667.667 0 0 1 1.195 0 1.318 1.318 0 0 0 2.361 0 .667.667 0 0 1 1.193-.002 1.327 1.327 0 0 0 2.506-.431L12.956 2H3.044ZM2.667 8c.368 0 .666.298.666.667V14H6v-3.333c0-.368.298-.667.667-.667h2.666c.369 0 .667.299.667.667V14h2.667V8.667a.667.667 0 1 1 1.333 0v6a.667.667 0 0 1-.667.666H2.667A.667.667 0 0 1 2 14.667v-6C2 8.298 2.298 8 2.667 8Zm4.666 6h1.334v-2.667H7.333V14Z'/></svg>"
244
+ exports.themeStore = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M2.095.99c.12-.2.337-.323.572-.323h10.666c.235 0 .451.123.572.323l2 3.334a.667.667 0 0 1 .095.341 2.661 2.661 0 0 1-4.443 1.983A2.651 2.651 0 0 1 8 6.649a2.65 2.65 0 0 1-3.557-.001A2.661 2.661 0 0 1 0 4.665c0-.12.033-.238.095-.341l2-3.334ZM3.045 2 1.342 4.835a1.328 1.328 0 0 0 2.506.431.667.667 0 0 1 1.193.002 1.318 1.318 0 0 0 2.36 0 .667.667 0 0 1 1.195 0 1.318 1.318 0 0 0 2.361 0 .667.667 0 0 1 1.193-.002 1.328 1.328 0 0 0 2.506-.431L12.956 2H3.044ZM2.667 8c.368 0 .666.298.666.667V14H6v-3.333c0-.368.298-.667.667-.667h2.666c.369 0 .667.299.667.667V14h2.667V8.667a.667.667 0 1 1 1.333 0v6a.667.667 0 0 1-.667.666H2.667A.667.667 0 0 1 2 14.667v-6C2 8.298 2.298 8 2.667 8Zm4.666 6h1.334v-2.667H7.333V14Z'/></svg>"
244
245
  exports.themeStoreFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path fill-rule='evenodd' d='m13.905.657 2 3.333a.667.667 0 0 1 .095.343 2.661 2.661 0 0 1-4.444 1.984 2.65 2.65 0 0 1-3.558 0 2.65 2.65 0 0 1-3.555 0A2.65 2.65 0 0 1 2.661 7h-.006A2.662 2.662 0 0 1 0 4.333c0-.12.033-.24.095-.343l2-3.333a.667.667 0 0 1 .572-.324h10.666a.667.667 0 0 1 .572.324Zm-2.347 7.258c.555.275 1.166.419 1.786.418.22-.003.44-.024.656-.062V15a.666.666 0 0 1-.667.667h-4v-4H6.667v4h-4A.667.667 0 0 1 2 15V8.273c.218.038.44.058.66.06a3.993 3.993 0 0 0 1.783-.416c.164.08.333.15.506.209a3.959 3.959 0 0 0 3.042-.206L8 7.917a3.965 3.965 0 0 0 3.55.003l.009-.005Z'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>"
245
246
  exports.thumbsDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M.667 0A.667.667 0 0 0 0 .667V8c0 .368.298.667.667.667H3.49l1.866 6.842c.079.29.342.491.643.491a2.667 2.667 0 0 0 2.667-2.667V10H13a2.667 2.667 0 0 0 2.636-3.072l-.718-4.667A2.667 2.667 0 0 0 12.285 0H.667Zm2.666 1.333h-2v6h2v-6Zm1.334 6.578V1.333h7.617A1.333 1.333 0 0 1 13.6 2.464l.718 4.667A1.333 1.333 0 0 1 13 8.667H8a.667.667 0 0 0-.667.666v4a1.333 1.333 0 0 1-.849 1.243L4.667 7.91Z'/></svg>"
246
247
  exports.thumbsDownFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M14.115 9.757a2.667 2.667 0 0 0 1.522-2.829l-.717-4.667A2.653 2.653 0 0 0 12.284 0H4v8.667l2.023 6.842a.667.667 0 0 0 .644.491c1.47 0 2-1.196 2-2.667V10H13c.385 0 .765-.083 1.115-.243ZM.667 8.667h2V0h-2A.667.667 0 0 0 0 .667V8a.667.667 0 0 0 .667.667Z'/></svg>"
package/icons/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- /* pds-icons v3.1.0, ES Modules */
1
+ /* pds-icons v3.3.0-rc.0, ES Modules */
2
2
 
3
3
  export const accessKey = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='m14.193 2.75 1.571-1.572c.315-.314.315-.733 0-.942-.314-.315-.733-.315-.942 0L12.727 2.33l-2.095 2.095-2.933 2.828c-1.886-1.467-4.609-1.257-6.285.419-1.885 1.885-1.885 5.027 0 6.913 1.886 1.885 5.028 1.885 6.913 0a4.817 4.817 0 0 0 .42-6.39l2.409-2.409 1.57 1.571c.315.315.734.315.943 0l2.095-2.095c.315-.314.315-.733 0-.942l-1.57-1.571ZM7.28 13.643a3.477 3.477 0 0 1-4.923 0 3.477 3.477 0 0 1 0-4.923 3.477 3.477 0 0 1 4.923 0 3.477 3.477 0 0 1 0 4.923Zm5.97-7.646-1.152-1.152 1.152-1.153 1.153 1.153-1.153 1.152Z'/></svg>"
4
4
  export const add = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M8 2a.628.628 0 0 0-.628.628v4.744H2.628a.628.628 0 0 0 0 1.256h4.744v4.744a.628.628 0 1 0 1.256 0V8.628h4.744a.628.628 0 1 0 0-1.256H8.628V2.628A.628.628 0 0 0 8 2Z'/></svg>"
@@ -192,6 +192,7 @@ export const playCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org
192
192
  export const playOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M3.109.084a.8.8 0 0 1 .838.076l9.6 7.2a.8.8 0 0 1 0 1.28l-9.6 7.2a.8.8 0 0 1-1.28-.64V.8a.8.8 0 0 1 .442-.716ZM4.267 2.4v11.2L11.733 8 4.267 2.4Z'/></svg>"
193
193
  export const playStore = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M15.022 7.373c-.1-.2-.301-.3-.502-.502L2.683.151c-.4-.201-.902-.201-1.304 0-.1.1-.3.2-.4.4-.101.201-.202.402-.202.603v13.542c0 .2.1.401.201.602.1.2.301.3.502.501.2.1.4.201.602.201.2 0 .4-.1.601-.2L14.52 8.977c.201 0 .402-.2.502-.401.1-.2.2-.401.2-.602 0-.2-.1-.401-.2-.602Zm-1.404.602L11.21 9.379 9.806 7.975 11.21 6.57l2.408 1.404Zm-3.612 2.107L4.69 13.09l4.113-4.113 1.203 1.104ZM4.69 2.859l5.316 3.01-1.203 1.103L4.69 2.859ZM7.9 7.975l-5.718 5.718V2.257L7.9 7.975Z'/></svg>"
194
194
  export const plug = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M12.985 2.073a4 4 0 0 0-5.147.432L6.367 3.976l5.657 5.657 1.471-1.47a4 4 0 0 0 .432-5.147l1.683-1.683-.943-.942-1.682 1.682Zm-5.652 7.65L6.276 8.668 7.61 7.333l-.942-.942-1.334 1.333-1.357-1.357-1.471 1.47a4 4 0 0 0-.432 5.147L.39 14.667l.942.943 1.683-1.683a4 4 0 0 0 5.146-.432l1.471-1.471-1.357-1.357L9.61 9.333l-.942-.943-1.334 1.334Zm-.942.944L5.333 9.609l-.942-.942-.415-.415-.529.529a2.667 2.667 0 0 0 3.772 3.772l.529-.529-.415-.414-.942-.943Zm2.39-7.22a2.667 2.667 0 0 1 3.772 3.772l-.529.529-3.772-3.772.529-.529Z'/></svg>"
195
+ export const premium = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M16 1.057V10H0V1.057l4.041 4.041L8 1.798l3.959 3.3L16 1.058ZM0 12.667v-1.334h16v1.334A1.334 1.334 0 0 1 14.667 14H1.333A1.334 1.334 0 0 1 0 12.667Z'/></svg>"
195
196
  export const present = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M3.667 1.62a1.058 1.058 0 0 1 .777-.286c.993 0 1.706.62 2.21 1.372.144.214.265.43.363.628h-2.67a1.058 1.058 0 0 1-1.013-1c.014-.272.134-.528.333-.715ZM2.245 3.333A2.39 2.39 0 0 1 2 2.356v-.044A2.391 2.391 0 0 1 4.455.001c1.63.004 2.692 1.048 3.306 1.961.087.129.166.257.239.383a6.54 6.54 0 0 1 .238-.383C8.852 1.05 9.914.005 11.545.001a2.391 2.391 0 0 1 2.454 2.355 2.39 2.39 0 0 1-.245.978h1.579c.368 0 .666.298.666.667v2.666a.667.667 0 0 1-.667.667H8.666v7.333h4a.667.667 0 0 0 .667-.667V8.667a.667.667 0 0 1 1.333 0V14a2 2 0 0 1-2 2H3.333a2 2 0 0 1-2-2V8.667a.667.667 0 1 1 1.334 0V14a.667.667 0 0 0 .666.667h4V7.334H.667A.667.667 0 0 1 0 6.667V4.001c0-.369.298-.667.667-.667h1.578Zm2.081 1.333H1.333v1.334h6V4.667H4.454a2.388 2.388 0 0 1-.128 0Zm4.34 0v1.334h6V4.667h-2.993a2.385 2.385 0 0 1-.128 0H8.666Zm2.986-1.333a1.058 1.058 0 0 0 1.013-1 1.058 1.058 0 0 0-1.11-1c-.993 0-1.706.62-2.21 1.372-.144.214-.265.43-.363.628h2.67Z'/></svg>"
196
197
  export const previewOff = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M15.247 7.667c-.067-.12-1.067-1.827-2.76-3.214l1.986-1.986a.664.664 0 1 0-.94-.94l-2.146 2.146C10.407 3.087 9.273 2.667 8 2.667c-4.34 0-7.127 4.8-7.247 5a.65.65 0 0 0 0 .66c.067.12 1.067 1.826 2.76 3.213l-1.986 1.987c-.26.26-.26.68 0 .94.133.133.3.2.473.2s.34-.067.473-.194l2.147-2.146c.973.586 2.107 1.006 3.38 1.006 4.34 0 7.127-4.8 7.247-5a.696.696 0 0 0 0-.666ZM2.12 8C2.793 6.987 5.02 4 8 4c.873 0 1.68.26 2.407.653l-1.06 1.06c-.4-.233-.854-.38-1.347-.38A2.666 2.666 0 0 0 5.333 8c0 .493.147.947.38 1.347l-1.246 1.246C3.313 9.673 2.487 8.547 2.12 8Zm7.213 0c0 .733-.6 1.333-1.333 1.333-.12 0-.233-.02-.34-.046L9.287 7.66c.026.107.046.22.046.34ZM6.667 8c0-.733.6-1.333 1.333-1.333.12 0 .233.02.34.046L6.713 8.34A1.396 1.396 0 0 1 6.667 8ZM8 12c-.873 0-1.68-.26-2.407-.653l1.06-1.06c.4.233.854.38 1.347.38A2.666 2.666 0 0 0 10.667 8c0-.493-.147-.947-.38-1.347l1.246-1.246c1.154.92 1.98 2.046 2.34 2.593-.666 1.013-2.893 4-5.873 4Z'/></svg>"
197
198
  export const previewOn = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M1.585 7.818A13.344 13.344 0 0 0 3.241 9.85c1.221 1.221 2.863 2.333 4.76 2.333 1.895 0 3.537-1.112 4.758-2.333a13.347 13.347 0 0 0 1.656-2.03 13.348 13.348 0 0 0-1.656-2.031C11.539 4.566 9.896 3.454 8 3.454c-1.896 0-3.538 1.111-4.758 2.332a13.345 13.345 0 0 0-1.657 2.031Zm13.688 0 .631-.361-.001-.002-.003-.005-.008-.014a13.813 13.813 0 0 0-.138-.225 14.797 14.797 0 0 0-1.967-2.452C12.462 3.434 10.467 2 8 2 5.532 2 3.538 3.434 2.213 4.759A14.8 14.8 0 0 0 .246 7.21a8.859 8.859 0 0 0-.138.225L.1 7.45l-.003.005v.001s-.001.001.63.362l-.631-.36a.727.727 0 0 0 0 .721l.631-.36-.631.36.001.003.003.004.008.014a5.202 5.202 0 0 0 .138.226 14.8 14.8 0 0 0 1.967 2.452c1.325 1.325 3.32 2.758 5.787 2.758 2.468 0 4.462-1.433 5.787-2.758a14.797 14.797 0 0 0 1.967-2.452 8.904 8.904 0 0 0 .138-.226l.008-.014.003-.004V8.18l-.63-.362Zm0 0 .631.361a.728.728 0 0 0 0-.722l-.631.361Z'/><path fill-rule='evenodd' d='M8 6.364a1.455 1.455 0 1 0 0 2.909 1.455 1.455 0 0 0 0-2.91ZM5.091 7.818a2.91 2.91 0 1 1 5.818 0 2.91 2.91 0 0 1-5.818 0Z'/></svg>"
@@ -240,7 +241,7 @@ export const sync = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/
240
241
  export const tabletLandscape = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M14.667 13.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V2.667A.667.667 0 0 1 2 2h12a.667.667 0 0 1 .667.667v10.666Zm.747 1.415A2 2 0 0 0 16 13.333V2.667a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v10.666a2 2 0 0 0 2 2h12a2 2 0 0 0 1.414-.585Z'/><path d='M12 8a.667.667 0 1 1 1.333 0A.667.667 0 0 1 12 8Z'/></svg>"
241
242
  export const tabletPortrait = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M2.667 14.667A.667.667 0 0 1 2 14V2a.667.667 0 0 1 .667-.667h10.666A.667.667 0 0 1 14 2v12a.667.667 0 0 1-.667.667H2.667Zm-1.415.747A2 2 0 0 0 2.667 16h10.666a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2.667a2 2 0 0 0-2 2v12a2 2 0 0 0 .585 1.414Z'/><path d='M8 12a.667.667 0 1 1 0 1.333A.667.667 0 0 1 8 12Z'/></svg>"
242
243
  export const textStyles = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M7.814 13.312a.694.694 0 1 0 1.305-.472l-3.36-9.184A1 1 0 0 0 4.82 3h-.18a1 1 0 0 0-.94.656L.337 12.851a.685.685 0 1 0 1.29.461l.841-2.414a.2.2 0 0 1 .19-.134h4.104a.2.2 0 0 1 .188.133l.864 2.415ZM4.508 5.085a.2.2 0 0 1 .377-.001l1.434 4.03a.2.2 0 0 1-.189.267H3.286a.2.2 0 0 1-.189-.266l1.41-4.03ZM10.23 11.812c0 1.155.88 2.188 2.249 2.188.922 0 1.532-.412 1.898-.837.082-.095.28.09.29.216.024.302.271.393.574.393h.019c.39 0 .686-.347.667-.736a9.617 9.617 0 0 1-.01-.464V8.91c0-1.428-.783-2.674-2.795-2.674-1.258 0-2.296.728-2.643 1.83-.095.303.118.598.425.676.38.097.743-.182.924-.53.241-.463.685-.76 1.322-.76 1.02 0 1.453.592 1.453 1.306 0 .259-.112.486-.517.547l-1.817.289c-1.16.182-2.04.912-2.04 2.218Zm2.43.988c-.67 0-1.09-.517-1.09-1.064 0-.653.42-1.003.979-1.094l1.822-.296a.2.2 0 0 1 .232.197v.1c0 1.595-.867 2.157-1.942 2.157Z'/></svg>"
243
- export const themeStore = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M2.095.99c.12-.2.337-.323.572-.323h10.666c.235 0 .451.123.572.323l2 3.334a.667.667 0 0 1 .095.341 2.661 2.661 0 0 1-4.443 1.983A2.65 2.65 0 0 1 8 6.649a2.651 2.651 0 0 1-3.557-.001A2.66 2.66 0 0 1 0 4.665c0-.12.033-.238.095-.341l2-3.334ZM3.045 2 1.342 4.835a1.328 1.328 0 0 0 2.506.431.667.667 0 0 1 1.193.002 1.318 1.318 0 0 0 2.36 0 .667.667 0 0 1 1.195 0 1.318 1.318 0 0 0 2.361 0 .667.667 0 0 1 1.193-.002 1.327 1.327 0 0 0 2.506-.431L12.956 2H3.044ZM2.667 8c.368 0 .666.298.666.667V14H6v-3.333c0-.368.298-.667.667-.667h2.666c.369 0 .667.299.667.667V14h2.667V8.667a.667.667 0 1 1 1.333 0v6a.667.667 0 0 1-.667.666H2.667A.667.667 0 0 1 2 14.667v-6C2 8.298 2.298 8 2.667 8Zm4.666 6h1.334v-2.667H7.333V14Z'/></svg>"
244
+ export const themeStore = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M2.095.99c.12-.2.337-.323.572-.323h10.666c.235 0 .451.123.572.323l2 3.334a.667.667 0 0 1 .095.341 2.661 2.661 0 0 1-4.443 1.983A2.651 2.651 0 0 1 8 6.649a2.65 2.65 0 0 1-3.557-.001A2.661 2.661 0 0 1 0 4.665c0-.12.033-.238.095-.341l2-3.334ZM3.045 2 1.342 4.835a1.328 1.328 0 0 0 2.506.431.667.667 0 0 1 1.193.002 1.318 1.318 0 0 0 2.36 0 .667.667 0 0 1 1.195 0 1.318 1.318 0 0 0 2.361 0 .667.667 0 0 1 1.193-.002 1.328 1.328 0 0 0 2.506-.431L12.956 2H3.044ZM2.667 8c.368 0 .666.298.666.667V14H6v-3.333c0-.368.298-.667.667-.667h2.666c.369 0 .667.299.667.667V14h2.667V8.667a.667.667 0 1 1 1.333 0v6a.667.667 0 0 1-.667.666H2.667A.667.667 0 0 1 2 14.667v-6C2 8.298 2.298 8 2.667 8Zm4.666 6h1.334v-2.667H7.333V14Z'/></svg>"
244
245
  export const themeStoreFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path fill-rule='evenodd' d='m13.905.657 2 3.333a.667.667 0 0 1 .095.343 2.661 2.661 0 0 1-4.444 1.984 2.65 2.65 0 0 1-3.558 0 2.65 2.65 0 0 1-3.555 0A2.65 2.65 0 0 1 2.661 7h-.006A2.662 2.662 0 0 1 0 4.333c0-.12.033-.24.095-.343l2-3.333a.667.667 0 0 1 .572-.324h10.666a.667.667 0 0 1 .572.324Zm-2.347 7.258c.555.275 1.166.419 1.786.418.22-.003.44-.024.656-.062V15a.666.666 0 0 1-.667.667h-4v-4H6.667v4h-4A.667.667 0 0 1 2 15V8.273c.218.038.44.058.66.06a3.993 3.993 0 0 0 1.783-.416c.164.08.333.15.506.209a3.959 3.959 0 0 0 3.042-.206L8 7.917a3.965 3.965 0 0 0 3.55.003l.009-.005Z'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>"
245
246
  export const thumbsDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M.667 0A.667.667 0 0 0 0 .667V8c0 .368.298.667.667.667H3.49l1.866 6.842c.079.29.342.491.643.491a2.667 2.667 0 0 0 2.667-2.667V10H13a2.667 2.667 0 0 0 2.636-3.072l-.718-4.667A2.667 2.667 0 0 0 12.285 0H.667Zm2.666 1.333h-2v6h2v-6Zm1.334 6.578V1.333h7.617A1.333 1.333 0 0 1 13.6 2.464l.718 4.667A1.333 1.333 0 0 1 13 8.667H8a.667.667 0 0 0-.667.666v4a1.333 1.333 0 0 1-.849 1.243L4.667 7.91Z'/></svg>"
246
247
  export const thumbsDownFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M14.115 9.757a2.667 2.667 0 0 0 1.522-2.829l-.717-4.667A2.653 2.653 0 0 0 12.284 0H4v8.667l2.023 6.842a.667.667 0 0 0 .644.491c1.47 0 2-1.196 2-2.667V10H13c.385 0 .765-.083 1.115-.243ZM.667 8.667h2V0h-2A.667.667 0 0 0 0 .667V8a.667.667 0 0 0 .667.667Z'/></svg>"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ju-skinner/icons",
3
- "version": "3.1.0",
3
+ "version": "3.3.0-rc.0",
4
4
  "module": "index.mjs",
5
5
  "main": "index.js",
6
6
  "typings": "index.d.ts",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pine-ds/icons",
3
- "version": "3.1.0",
3
+ "version": "3.3.0-rc.0",
4
4
  "license": "MIT",
5
5
  "description": "Pine Icon Library",
6
6
  "author": " Kajabi Design System Services",
@@ -59,14 +59,14 @@
59
59
  "icons/"
60
60
  ],
61
61
  "dependencies": {
62
- "@stencil/core": "^4.0.2"
62
+ "@stencil/core": "^4.8.1"
63
63
  },
64
64
  "devDependencies": {
65
65
  "@commitlint/cli": "^17.7.2",
66
66
  "@commitlint/config-conventional": "^17.7.0",
67
67
  "@stencil/sass": "^2.0.0",
68
68
  "@types/fs-extra": "^9.0.13",
69
- "@types/jest": "^27.0.3",
69
+ "@types/jest": "^29.5.11",
70
70
  "@types/mkdirp": "^1.0.2",
71
71
  "@types/svgo": "^2.6.4",
72
72
  "@typescript-eslint/eslint-plugin": "^6.7.4",
@@ -81,15 +81,15 @@
81
81
  "eslint-plugin-storybook": "^0.6.14",
82
82
  "fs-extra": "^10.1.0",
83
83
  "husky": "^8.0.3",
84
- "jest": "^27.4.5",
85
- "jest-cli": "^27.4.5",
84
+ "jest": "^29.7.0",
85
+ "jest-cli": "^29.7.0",
86
86
  "lerna": "^7.3.0",
87
87
  "lint-staged": "^14.0.1",
88
88
  "mkdirp": "^1.0.4",
89
89
  "npm-run-all": "^4.1.5",
90
90
  "nx": "16.10.0",
91
91
  "prettier": "^2.7.1",
92
- "puppeteer": "^10.0.0",
92
+ "puppeteer": "^21.6.0",
93
93
  "run-func": "^3.0.0",
94
94
  "simple-git": "^3.16.0",
95
95
  "svgo": "^3.0.0",