@ptcwebops/ptcw-design 0.2.3 → 0.2.4

package/dist/types/stencil-public-runtime.d.ts

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -679,6 +679,7 @@ export declare namespace JSXBase {
         media?: string;
         rel?: string;
         target?: string;
+        referrerPolicy?: ReferrerPolicy;
     }
     interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
     }
@@ -1166,87 +1167,87 @@ export declare namespace JSXBase {
         unselectable?: boolean;
     }
     interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
-        'class'?: string | {
+        class?: string | {
             [className: string]: boolean;
         };
-        'color'?: string;
-        'height'?: number | string;
-        'id'?: string;
-        'lang'?: string;
-        'max'?: number | string;
-        'media'?: string;
-        'method'?: string;
-        'min'?: number | string;
-        'name'?: string;
-        'style'?: {
+        color?: string;
+        height?: number | string;
+        id?: string;
+        lang?: string;
+        max?: number | string;
+        media?: string;
+        method?: string;
+        min?: number | string;
+        name?: string;
+        style?: {
             [key: string]: string | undefined;
         };
-        'target'?: string;
-        'type'?: string;
-        'width'?: number | string;
-        'role'?: string;
-        'tabindex'?: number;
+        target?: string;
+        type?: string;
+        width?: number | string;
+        role?: string;
+        tabindex?: number;
         'accent-height'?: number | string;
-        'accumulate'?: 'none' | 'sum';
-        'additive'?: 'replace' | 'sum';
+        accumulate?: 'none' | 'sum';
+        additive?: 'replace' | 'sum';
         'alignment-baseline'?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
-        'allowReorder'?: 'no' | 'yes';
-        'alphabetic'?: number | string;
-        'amplitude'?: number | string;
+        allowReorder?: 'no' | 'yes';
+        alphabetic?: number | string;
+        amplitude?: number | string;
         'arabic-form'?: 'initial' | 'medial' | 'terminal' | 'isolated';
-        'ascent'?: number | string;
-        'attributeName'?: string;
-        'attributeType'?: string;
-        'autoReverse'?: number | string;
-        'azimuth'?: number | string;
-        'baseFrequency'?: number | string;
+        ascent?: number | string;
+        attributeName?: string;
+        attributeType?: string;
+        autoReverse?: number | string;
+        azimuth?: number | string;
+        baseFrequency?: number | string;
         'baseline-shift'?: number | string;
-        'baseProfile'?: number | string;
-        'bbox'?: number | string;
-        'begin'?: number | string;
-        'bias'?: number | string;
-        'by'?: number | string;
-        'calcMode'?: number | string;
+        baseProfile?: number | string;
+        bbox?: number | string;
+        begin?: number | string;
+        bias?: number | string;
+        by?: number | string;
+        calcMode?: number | string;
         'cap-height'?: number | string;
-        'clip'?: number | string;
+        clip?: number | string;
         'clip-path'?: string;
-        'clipPathUnits'?: number | string;
+        clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
         'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
-        'contentScriptType'?: number | string;
-        'contentStyleType'?: number | string;
-        'cursor'?: number | string;
-        'cx'?: number | string;
-        'cy'?: number | string;
-        'd'?: string;
-        'decelerate'?: number | string;
-        'descent'?: number | string;
-        'diffuseConstant'?: number | string;
-        'direction'?: number | string;
-        'display'?: number | string;
-        'divisor'?: number | string;
+        contentScriptType?: number | string;
+        contentStyleType?: number | string;
+        cursor?: number | string;
+        cx?: number | string;
+        cy?: number | string;
+        d?: string;
+        decelerate?: number | string;
+        descent?: number | string;
+        diffuseConstant?: number | string;
+        direction?: number | string;
+        display?: number | string;
+        divisor?: number | string;
         'dominant-baseline'?: number | string;
-        'dur'?: number | string;
-        'dx'?: number | string;
-        'dy'?: number | string;
+        dur?: number | string;
+        dx?: number | string;
+        dy?: number | string;
         'edge-mode'?: number | string;
-        'elevation'?: number | string;
+        elevation?: number | string;
         'enable-background'?: number | string;
-        'end'?: number | string;
-        'exponent'?: number | string;
-        'externalResourcesRequired'?: number | string;
-        'fill'?: string;
+        end?: number | string;
+        exponent?: number | string;
+        externalResourcesRequired?: number | string;
+        fill?: string;
         'fill-opacity'?: number | string;
         'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit';
-        'filter'?: string;
-        'filterRes'?: number | string;
-        'filterUnits'?: number | string;
+        filter?: string;
+        filterRes?: number | string;
+        filterUnits?: number | string;
         'flood-color'?: number | string;
         'flood-opacity'?: number | string;
-        'focusable'?: number | string;
+        focusable?: number | string;
         'font-family'?: string;
         'font-size'?: number | string;
         'font-size-adjust'?: number | string;
@@ -1254,113 +1255,113 @@ export declare namespace JSXBase {
         'font-style'?: number | string;
         'font-variant'?: number | string;
         'font-weight'?: number | string;
-        'format'?: number | string;
-        'from'?: number | string;
-        'fx'?: number | string;
-        'fy'?: number | string;
-        'g1'?: number | string;
-        'g2'?: number | string;
+        format?: number | string;
+        from?: number | string;
+        fx?: number | string;
+        fy?: number | string;
+        g1?: number | string;
+        g2?: number | string;
         'glyph-name'?: number | string;
         'glyph-orientation-horizontal'?: number | string;
         'glyph-orientation-vertical'?: number | string;
-        'glyphRef'?: number | string;
-        'gradientTransform'?: string;
-        'gradientUnits'?: string;
-        'hanging'?: number | string;
+        glyphRef?: number | string;
+        gradientTransform?: string;
+        gradientUnits?: string;
+        hanging?: number | string;
         'horiz-adv-x'?: number | string;
         'horiz-origin-x'?: number | string;
-        'href'?: string;
-        'ideographic'?: number | string;
+        href?: string;
+        ideographic?: number | string;
         'image-rendering'?: number | string;
-        'in2'?: number | string;
-        'in'?: string;
-        'intercept'?: number | string;
-        'k1'?: number | string;
-        'k2'?: number | string;
-        'k3'?: number | string;
-        'k4'?: number | string;
-        'k'?: number | string;
-        'kernelMatrix'?: number | string;
-        'kernelUnitLength'?: number | string;
-        'kerning'?: number | string;
-        'keyPoints'?: number | string;
-        'keySplines'?: number | string;
-        'keyTimes'?: number | string;
-        'lengthAdjust'?: number | string;
+        in2?: number | string;
+        in?: string;
+        intercept?: number | string;
+        k1?: number | string;
+        k2?: number | string;
+        k3?: number | string;
+        k4?: number | string;
+        k?: number | string;
+        kernelMatrix?: number | string;
+        kernelUnitLength?: number | string;
+        kerning?: number | string;
+        keyPoints?: number | string;
+        keySplines?: number | string;
+        keyTimes?: number | string;
+        lengthAdjust?: number | string;
         'letter-spacing'?: number | string;
         'lighting-color'?: number | string;
-        'limitingConeAngle'?: number | string;
-        'local'?: number | string;
+        limitingConeAngle?: number | string;
+        local?: number | string;
         'marker-end'?: string;
-        'markerHeight'?: number | string;
+        markerHeight?: number | string;
         'marker-mid'?: string;
         'marker-start'?: string;
-        'markerUnits'?: number | string;
-        'markerWidth'?: number | string;
-        'mask'?: string;
-        'maskContentUnits'?: number | string;
-        'maskUnits'?: number | string;
-        'mathematical'?: number | string;
-        'mode'?: number | string;
-        'numOctaves'?: number | string;
-        'offset'?: number | string;
-        'opacity'?: number | string;
-        'operator'?: number | string;
-        'order'?: number | string;
-        'orient'?: number | string;
-        'orientation'?: number | string;
-        'origin'?: number | string;
-        'overflow'?: number | string;
+        markerUnits?: number | string;
+        markerWidth?: number | string;
+        mask?: string;
+        maskContentUnits?: number | string;
+        maskUnits?: number | string;
+        mathematical?: number | string;
+        mode?: number | string;
+        numOctaves?: number | string;
+        offset?: number | string;
+        opacity?: number | string;
+        operator?: number | string;
+        order?: number | string;
+        orient?: number | string;
+        orientation?: number | string;
+        origin?: number | string;
+        overflow?: number | string;
         'overline-position'?: number | string;
         'overline-thickness'?: number | string;
         'paint-order'?: number | string;
-        'panose1'?: number | string;
-        'pathLength'?: number | string;
-        'patternContentUnits'?: string;
-        'patternTransform'?: number | string;
-        'patternUnits'?: string;
+        panose1?: number | string;
+        pathLength?: number | string;
+        patternContentUnits?: string;
+        patternTransform?: number | string;
+        patternUnits?: string;
         'pointer-events'?: number | string;
-        'points'?: string;
-        'pointsAtX'?: number | string;
-        'pointsAtY'?: number | string;
-        'pointsAtZ'?: number | string;
-        'preserveAlpha'?: number | string;
-        'preserveAspectRatio'?: string;
-        'primitiveUnits'?: number | string;
-        'r'?: number | string;
-        'radius'?: number | string;
-        'refX'?: number | string;
-        'refY'?: number | string;
+        points?: string;
+        pointsAtX?: number | string;
+        pointsAtY?: number | string;
+        pointsAtZ?: number | string;
+        preserveAlpha?: number | string;
+        preserveAspectRatio?: string;
+        primitiveUnits?: number | string;
+        r?: number | string;
+        radius?: number | string;
+        refX?: number | string;
+        refY?: number | string;
         'rendering-intent'?: number | string;
-        'repeatCount'?: number | string;
-        'repeatDur'?: number | string;
-        'requiredextensions'?: number | string;
-        'requiredFeatures'?: number | string;
-        'restart'?: number | string;
-        'result'?: string;
-        'rotate'?: number | string;
-        'rx'?: number | string;
-        'ry'?: number | string;
-        'scale'?: number | string;
-        'seed'?: number | string;
+        repeatCount?: number | string;
+        repeatDur?: number | string;
+        requiredextensions?: number | string;
+        requiredFeatures?: number | string;
+        restart?: number | string;
+        result?: string;
+        rotate?: number | string;
+        rx?: number | string;
+        ry?: number | string;
+        scale?: number | string;
+        seed?: number | string;
         'shape-rendering'?: number | string;
-        'slope'?: number | string;
-        'spacing'?: number | string;
-        'specularConstant'?: number | string;
-        'specularExponent'?: number | string;
-        'speed'?: number | string;
-        'spreadMethod'?: string;
-        'startOffset'?: number | string;
-        'stdDeviation'?: number | string;
-        'stemh'?: number | string;
-        'stemv'?: number | string;
-        'stitchTiles'?: number | string;
+        slope?: number | string;
+        spacing?: number | string;
+        specularConstant?: number | string;
+        specularExponent?: number | string;
+        speed?: number | string;
+        spreadMethod?: string;
+        startOffset?: number | string;
+        stdDeviation?: number | string;
+        stemh?: number | string;
+        stemv?: number | string;
+        stitchTiles?: number | string;
         'stop-color'?: string;
         'stop-opacity'?: number | string;
         'strikethrough-position'?: number | string;
         'strikethrough-thickness'?: number | string;
-        'string'?: number | string;
-        'stroke'?: string;
+        string?: number | string;
+        stroke?: string;
         'stroke-dasharray'?: string | number;
         'stroke-dashoffset'?: string | number;
         'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit';
@@ -1368,67 +1369,65 @@ export declare namespace JSXBase {
         'stroke-miterlimit'?: string;
         'stroke-opacity'?: number | string;
         'stroke-width'?: number | string;
-        'surfaceScale'?: number | string;
-        'systemLanguage'?: number | string;
-        'tableValues'?: number | string;
-        'targetX'?: number | string;
-        'targetY'?: number | string;
+        surfaceScale?: number | string;
+        systemLanguage?: number | string;
+        tableValues?: number | string;
+        targetX?: number | string;
+        targetY?: number | string;
         'text-anchor'?: string;
         'text-decoration'?: number | string;
-        'textLength'?: number | string;
+        textLength?: number | string;
         'text-rendering'?: number | string;
-        'to'?: number | string;
-        'transform'?: string;
-        'u1'?: number | string;
-        'u2'?: number | string;
+        to?: number | string;
+        transform?: string;
+        u1?: number | string;
+        u2?: number | string;
         'underline-position'?: number | string;
         'underline-thickness'?: number | string;
-        'unicode'?: number | string;
+        unicode?: number | string;
         'unicode-bidi'?: number | string;
         'unicode-range'?: number | string;
         'units-per-em'?: number | string;
         'v-alphabetic'?: number | string;
-        'values'?: string;
+        values?: string;
         'vector-effect'?: number | string;
-        'version'?: string;
+        version?: string;
         'vert-adv-y'?: number | string;
         'vert-origin-x'?: number | string;
         'vert-origin-y'?: number | string;
         'v-hanging'?: number | string;
         'v-ideographic'?: number | string;
-        'viewBox'?: string;
-        'viewTarget'?: number | string;
-        'visibility'?: number | string;
+        viewBox?: string;
+        viewTarget?: number | string;
+        visibility?: number | string;
         'v-mathematical'?: number | string;
-        'widths'?: number | string;
+        widths?: number | string;
         'word-spacing'?: number | string;
         'writing-mode'?: number | string;
-        'x1'?: number | string;
-        'x2'?: number | string;
-        'x'?: number | string;
+        x1?: number | string;
+        x2?: number | string;
+        x?: number | string;
         'x-channel-selector'?: string;
         'x-height'?: number | string;
-        'xlinkActuate'?: string;
-        'xlinkArcrole'?: string;
-        'xlinkHref'?: string;
-        'xlinkRole'?: string;
-        'xlinkShow'?: string;
-        'xlinkTitle'?: string;
-        'xlinkType'?: string;
-        'xmlBase'?: string;
-        'xmlLang'?: string;
-        'xmlns'?: string;
-        'xmlSpace'?: string;
-        'y1'?: number | string;
-        'y2'?: number | string;
-        'y'?: number | string;
-        'yChannelSelector'?: string;
-        'z'?: number | string;
-        'zoomAndPan'?: string;
+        xlinkActuate?: string;
+        xlinkArcrole?: string;
+        xlinkHref?: string;
+        xlinkRole?: string;
+        xlinkShow?: string;
+        xlinkTitle?: string;
+        xlinkType?: string;
+        xmlBase?: string;
+        xmlLang?: string;
+        xmlns?: string;
+        xmlSpace?: string;
+        y1?: number | string;
+        y2?: number | string;
+        y?: number | string;
+        yChannelSelector?: string;
+        z?: number | string;
+        zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1549,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/loader/index.d.ts

@@ -1,4 +1,3 @@
-
 export * from '../dist/types/components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -24,13 +24,17 @@
   },
   "dependencies": {
     "@daveberning/griddle": "^0.3.0",
-    "@stencil/core": "2.6.0",
+    "@stencil/core": "^2.13.0",
     "@teamhive/lottie-player": "^1.0.0",
     "npmrc": "^1.1.1"
   },
   "license": "MIT",
   "devDependencies": {
     "@stencil/sass": "^1.4.1",
+    "@types/jest": "^27.0.3",
+    "jest": "^27.4.5",
+    "jest-cli": "^27.4.5",
+    "puppeteer": "^10.0.0",
     "stencil-inline-svg": "^1.1.0"
   },
   "directories": {

package/readme.md

@@ -1,6 +1,6 @@
 ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 
-# PTC Design 0.2.3
+# PTC Design 0.2.4
 
 The site is the place for documentation on PTC Design System