@ptcwebops/ptcw-design 6.4.37-beta → 6.5.0-upgrade

package/dist/collection/components/homepage-clickable-tab/homepage-clickable-tab.css

@@ -1,206 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-  word-break: break-word;
-  hyphens: manual;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
-}
-@supports (hyphenate-limit-chars: 12 3 3) {
-  h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    hyphenate-limit-chars: 12 3 3;
-    hyphenate-limit-lines: 2;
-    hyphenate-limit-last: always;
-    hyphenate-limit-zone: 6%;
-    -webkit-hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-    -webkit-hyphenate-limit-chars: 12 3 3;
-    -webkit-hyphenate-limit-lines: 2;
-    -moz-hyphens: auto;
-    -moz-hyphenate-limit-chars: 12 3 3;
-    -moz-hyphenate-limit-lines: 2;
-    -ms-hyphens: auto;
-    -ms-hyphenate-limit-chars: 12 3 3;
-    -ms-hyphenate-limit-lines: 2;
-  }
-}
-
-:host {
-  display: block;
-  position: relative;
-}
-
-.tab-id-wrapper {
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-a {
-  text-decoration: none !important;
-}
-
-.tab-item {
-  cursor: pointer;
-  color: var(--color-white);
-  border-radius: var(--ptc-border-radius-standard);
-  display: flex;
-  width: -webkit-fill-available;
-  height: -webkit-fill-available;
-  min-height: 72px;
-  padding: var(--ptc-element-spacing-06);
-  justify-content: center;
-  align-items: center;
-  gap: 10px;
-  align-self: stretch;
-  text-align: center;
-  font-family: var(--ptc-font-latin);
-  font-size: var(--ptc-font-size-small);
-  font-weight: var(--ptc-font-weight-extrabold);
-}
-@-moz-document url-prefix() {
-  .tab-item {
-    width: 100%;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .tab-item {
-    font-size: var(--ptc-font-size-medium);
-  }
-}
-@media only screen and (min-width: 1440px) {
-  .tab-item {
-    width: calc(100% - 48px);
-  }
-}
-@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
-  .tab-item {
-    height: auto;
-  }
-}
-.tab-item span {
-  z-index: 2;
-}
-.tab-item:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-
-.tab-item {
-  background: var(--color-gray-11);
-  position: relative;
-}
-.tab-item::before {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);
-  border-radius: var(--ptc-border-radius-standard);
-}
-.tab-item:hover {
-  color: var(--color-white);
-}
-.tab-item:hover::before {
-  opacity: 1;
-}
-.tab-item.active {
-  color: var(--color-white);
-}
-.tab-item.active::after {
-  content: "";
-  position: absolute;
-  bottom: -18.5px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 28px;
-  height: 19px;
-  background-repeat: no-repeat;
-}
-@-moz-document url-prefix() {
-  .tab-item.active::after {
-    bottom: -18px;
-  }
-}
-.tab-item.hp-blue::before {
-  background: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);
-}
-.tab-item.hp-blue.active {
-  background: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);
-}
-.tab-item.hp-blue.active::after {
-  background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H0Z' fill='%234795CD'/%3E%3C/svg%3E");
-}
-.tab-item.hp-green::before {
-  background: linear-gradient(180deg, #00890b 0%, #33a13c 100%);
-}
-.tab-item.hp-green.active {
-  background: linear-gradient(180deg, #00890b 0%, #33a13c 100%);
-}
-.tab-item.hp-green.active::after {
-  background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%2333A13C'/%3E%3C/svg%3E");
-}
-.tab-item.hp-red::before {
-  background: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);
-}
-.tab-item.hp-red.active {
-  background: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);
-}
-.tab-item.hp-red.active::after {
-  background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23DC6565'/%3E%3C/svg%3E%0A");
-}
-.tab-item.hp-gray::before {
-  background: linear-gradient(180deg, #617480 0%, #819099 100%);
-}
-.tab-item.hp-gray.active {
-  background: linear-gradient(180deg, #617480 0%, #819099 100%);
-}
-.tab-item.hp-gray.active::after {
-  background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23819099'/%3E%3C/svg%3E");
-}
-.tab-item.hp-orange::before {
-  background: linear-gradient(180deg, #c37729 0%, #cf9254 100%);
-}
-.tab-item.hp-orange.active {
-  background: linear-gradient(180deg, #c37729 0%, #cf9254 100%);
-}
-.tab-item.hp-orange.active::after {
-  background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23CF9254'/%3E%3C/svg%3E");
-}
-.tab-item span {
-  overflow-wrap: break-word;
-}

package/dist/collection/components/homepage-clickable-tab/homepage-clickable-tab.js

@@ -1,173 +0,0 @@
-import { h, Host, } from "@stencil/core";
-export class HomepageClickableTab {
-  constructor() {
-    this.active = undefined;
-    this.label = undefined;
-    this.activeColor = "hp-blue";
-    this.isHovered = false;
-    this.styles = undefined;
-    this.trackerId = undefined;
-  }
-  handleClick() {
-    this.tabSelected.emit();
-  }
-  handleMouseEnter() {
-    this.isHovered = true;
-  }
-  handleMouseLeave() {
-    this.isHovered = false;
-  }
-  componentDidRender() {
-    let that = this;
-    this.el.shadowRoot
-      .querySelectorAll("a")
-      .forEach((a) => {
-      a.addEventListener("click", (e) => {
-        e.preventDefault();
-        that.handleClick();
-      });
-      a.addEventListener("keypress", () => {
-        that.handleClick();
-      });
-      a.addEventListener("mouseenter", () => {
-        that.handleMouseEnter();
-      });
-      a.addEventListener("mouseleave", () => {
-        that.handleMouseLeave();
-      });
-    });
-  }
-  render() {
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tab-id-wrapper" }, h("a", { href: "#", class: {
-        "tab-item": true,
-        active: this.active,
-        [this.activeColor]: true,
-      }, tabindex: "0" }, h("span", { class: "hyphenate-text" }, this.label)))));
-  }
-  static get is() { return "homepage-clickable-tab"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["homepage-clickable-tab.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["homepage-clickable-tab.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "active": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "active",
-        "reflect": false
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "activeColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "active-color",
-        "reflect": false,
-        "defaultValue": "\"hp-blue\""
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) Injected CSS Styles"
-        },
-        "attribute": "styles",
-        "reflect": false
-      },
-      "trackerId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "tracker-id",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isHovered": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "tabSelected",
-        "name": "tabSelected",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "el"; }
-}

package/dist/collection/components/icon-asset/icon-asset.css

@@ -1,186 +0,0 @@
-/*!
- * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- */
-.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-  word-break: break-word;
-  hyphens: manual;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
-}
-@supports (hyphenate-limit-chars: 12 3 3) {
-  h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    hyphenate-limit-chars: 12 3 3;
-    hyphenate-limit-lines: 2;
-    hyphenate-limit-last: always;
-    hyphenate-limit-zone: 6%;
-    -webkit-hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-    -webkit-hyphenate-limit-chars: 12 3 3;
-    -webkit-hyphenate-limit-lines: 2;
-    -moz-hyphens: auto;
-    -moz-hyphenate-limit-chars: 12 3 3;
-    -moz-hyphenate-limit-lines: 2;
-    -ms-hyphens: auto;
-    -ms-hyphenate-limit-chars: 12 3 3;
-    -ms-hyphenate-limit-lines: 2;
-  }
-}
-
-icon-asset {
-  vertical-align: middle;
-}
-
-svg {
-  transition: all var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-svg.micro {
-  width: calc(var(--ptc-font-size-x-small) / 2);
-  height: calc(var(--ptc-font-size-x-small) / 2);
-}
-svg.xxx-small {
-  width: var(--ptc-font-size-xxx-small);
-  height: var(--ptc-font-size-xxx-small);
-}
-svg.xx-small {
-  width: var(--ptc-font-size-xx-small);
-  height: var(--ptc-font-size-xx-small);
-}
-svg.x-small {
-  width: var(--ptc-font-size-x-small);
-  height: var(--ptc-font-size-x-small);
-}
-svg.small {
-  width: var(--ptc-font-size-small);
-  height: var(--ptc-font-size-small);
-}
-svg.medium {
-  width: var(--ptc-font-size-medium);
-  height: var(--ptc-font-size-medium);
-}
-svg.large {
-  width: var(--ptc-font-size-large);
-  height: var(--ptc-font-size-large);
-}
-svg.x-large {
-  width: var(--ptc-font-size-x-large);
-  height: var(--ptc-font-size-x-large);
-}
-svg.xx-large {
-  width: var(--ptc-font-size-xx-large);
-  height: var(--ptc-font-size-xx-large);
-}
-svg.xxx-large {
-  width: var(--ptc-font-size-xxx-large);
-  height: var(--ptc-font-size-xxx-large);
-}
-svg.xxxx-large {
-  width: var(--ptc-font-size-xxxx-large);
-  height: var(--ptc-font-size-xxxx-large);
-}
-svg.white {
-  fill: var(--color-white);
-}
-svg.white use[href$="#minus"],
-svg.white use[href$="#plus"],
-svg.white use[href$="#checkmark"] {
-  stroke: var(--color-white);
-}
-svg.black {
-  fill: var(--color-black);
-}
-svg.black use[href$="#minus"],
-svg.black use[href$="#plus"],
-svg.black use[href$="#checkmark"] {
-  stroke: var(--color-black);
-}
-svg.ptc-green {
-  fill: var(--color-green-07);
-}
-svg.ptc-green use[href$="#minus"],
-svg.ptc-green use[href$="#plus"],
-svg.ptc-green use[href$="#checkmark"] {
-  stroke: var(--color-green-07);
-}
-svg.gray {
-  fill: var(--color-gray-06);
-}
-svg.gray use[href$="#minus"],
-svg.gray use[href$="#plus"],
-svg.gray use[href$="#checkmark"] {
-  stroke: var(--color-gray-06);
-}
-svg.light-gray {
-  fill: var(--color-gray-05);
-}
-svg.light-gray use[href$="#minus"],
-svg.light-gray use[href$="#plus"],
-svg.light-gray use[href$="#checkmark"] {
-  stroke: var(--color-gray-05);
-}
-svg.disabled {
-  fill: var(--color-gray-03);
-}
-svg.disabled use[href$="#minus"],
-svg.disabled use[href$="#plus"],
-svg.disabled use[href$="#checkmark"] {
-  stroke: var(--color-gray-03);
-}
-svg.primary-gray {
-  fill: var(--color-gray-10);
-}
-svg.inherit {
-  fill: inherit;
-}
-svg.inherit use[href$="#minus"],
-svg.inherit use[href$="#plus"],
-svg.inherit use[href$="#checkmark"] {
-  stroke: inherit;
-}
-svg:focus {
-  outline: none !important;
-}
-
-svg[tabIndex="0"]:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-svg[tabIndex="0"]:focus {
-  outline: none !important;
-}