npm - scu-web-components - Versions diffs - 0.0.67 → 0.0.68 - Mend

scu-web-components 0.0.67 → 0.0.68

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 (923) hide show

package/dist/tokens/source/htmlStubs.json CHANGED Viewed

@@ -10568,5 +10568,305 @@
       "output": "@use \"comp-scw-link-label/size-large-is-link-label-mixins\" as size-large-is-link-label-mixins;\n\n.label {\n  @include size-large-is-link-label-mixins.text;\n}",
       "example": ""
     }
+  },
+  "components-scw-icon-feature-base": {
+    "html": {
+      "output": "<div class=\"scw-icon-feature-base\">\n  <div class=\"clickable\">\n    <div class=\"scw-icon-feature-icon\">\n      <div class=\"screenshot-2023-03-02-at-2-24-1\">\n      </div>\n    </div>\n    <div class=\"text\">\n      Enjoy a financial cushion with overdraft protection\n    </div>\n  </div>\n  <div class=\"clickable-align-center\">\n    <div class=\"scw-icon-feature-icon\">\n      <div class=\"screenshot-2023-03-02-at-2-24-1\">\n      </div>\n    </div>\n    <div class=\"text\">\n      Enjoy a financial cushion with overdraft protection\n    </div>\n  </div>\n  <div class=\"default\">\n    <div class=\"scw-icon-feature-icon\">\n      <div class=\"screenshot-2023-03-02-at-2-24-1\">\n      </div>\n    </div>\n    <div class=\"text\">\n      Enjoy a financial cushion with overdraft protection\n    </div>\n  </div>\n  <div class=\"align-center\">\n    <div class=\"scw-icon-feature-icon\">\n      <div class=\"screenshot-2023-03-02-at-2-24-1\">\n      </div>\n    </div>\n    <div class=\"text\">\n      Enjoy a financial cushion with overdraft protection\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/index-mixins\" as index-mixins;\n@use \"comp-scw-icon-feature-base/clickable-mixins\" as clickable-mixins;\n@use \"comp-scw-icon-feature-base/clickable-scw-icon-feature-icon-mixins\" as clickable-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-base/clickable-text-mixins\" as clickable-text-mixins;\n@use \"comp-scw-icon-feature-base/clickable-align-center-mixins\" as clickable-align-center-mixins;\n@use \"comp-scw-icon-feature-base/clickable-align-center-scw-icon-feature-icon-mixins\" as clickable-align-center-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-base/clickable-align-center-text-mixins\" as clickable-align-center-text-mixins;\n@use \"comp-scw-icon-feature-base/default-mixins\" as default-mixins;\n@use \"comp-scw-icon-feature-base/default-scw-icon-feature-icon-mixins\" as default-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-base/default-text-mixins\" as default-text-mixins;\n@use \"comp-scw-icon-feature-base/align-center-mixins\" as align-center-mixins;\n@use \"comp-scw-icon-feature-base/align-center-scw-icon-feature-icon-mixins\" as align-center-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-base/align-center-text-mixins\" as align-center-text-mixins;\n\n.scw-icon-feature-base {\n  @include index-mixins.box;\n\n  .clickable {\n    @include clickable-mixins.box;\n    @include clickable-mixins.figma-autolayout;\n    @include clickable-mixins.absolute-layout;\n\n    .scw-icon-feature-icon {\n      @include clickable-scw-icon-feature-icon-mixins.box;\n      @include clickable-scw-icon-feature-icon-mixins.figma-autolayout;\n\n      .screenshot-2023-03-02-at-2-24-1 {\n        @include clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n      }\n    }\n\n    .text {\n      @include clickable-text-mixins.text;\n    }\n  }\n\n  .clickable-align-center {\n    @include clickable-align-center-mixins.box;\n    @include clickable-align-center-mixins.figma-autolayout;\n    @include clickable-align-center-mixins.absolute-layout;\n\n    .scw-icon-feature-icon {\n      @include clickable-align-center-scw-icon-feature-icon-mixins.box;\n      @include clickable-align-center-scw-icon-feature-icon-mixins.figma-autolayout;\n\n      .screenshot-2023-03-02-at-2-24-1 {\n        @include clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n      }\n    }\n\n    .text {\n      @include clickable-align-center-text-mixins.text;\n    }\n  }\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .scw-icon-feature-icon {\n      @include default-scw-icon-feature-icon-mixins.box;\n      @include default-scw-icon-feature-icon-mixins.figma-autolayout;\n\n      .screenshot-2023-03-02-at-2-24-1 {\n        @include default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n      }\n    }\n\n    .text {\n      @include default-text-mixins.text;\n    }\n  }\n\n  .align-center {\n    @include align-center-mixins.box;\n    @include align-center-mixins.figma-autolayout;\n    @include align-center-mixins.absolute-layout;\n\n    .scw-icon-feature-icon {\n      @include align-center-scw-icon-feature-icon-mixins.box;\n      @include align-center-scw-icon-feature-icon-mixins.figma-autolayout;\n\n      .screenshot-2023-03-02-at-2-24-1 {\n        @include align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n      }\n    }\n\n    .text {\n      @include align-center-text-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-clickable": {
+    "html": {
+      "output": "<div class=\"clickable\">\n  <div class=\"scw-icon-feature-icon\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"text\">\n    Enjoy a financial cushion with overdraft protection\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/clickable-mixins\" as clickable-mixins;\n@use \"comp-scw-icon-feature-base/clickable-scw-icon-feature-icon-mixins\" as clickable-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-base/clickable-text-mixins\" as clickable-text-mixins;\n\n.clickable {\n  @include clickable-mixins.box;\n  @include clickable-mixins.figma-autolayout;\n\n  .scw-icon-feature-icon {\n    @include clickable-scw-icon-feature-icon-mixins.box;\n    @include clickable-scw-icon-feature-icon-mixins.figma-autolayout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .text {\n    @include clickable-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-clickable-scw-icon-feature-icon": {
+    "html": {
+      "output": "<div class=\"scw-icon-feature-icon\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/clickable-scw-icon-feature-icon-mixins\" as clickable-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.scw-icon-feature-icon {\n  @include clickable-scw-icon-feature-icon-mixins.box;\n  @include clickable-scw-icon-feature-icon-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include clickable-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-clickable-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Enjoy a financial cushion with overdraft protection\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/clickable-text-mixins\" as clickable-text-mixins;\n\n.text {\n  @include clickable-text-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-clickable-align-center": {
+    "html": {
+      "output": "<div class=\"clickable-align-center\">\n  <div class=\"scw-icon-feature-icon\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"text\">\n    Enjoy a financial cushion with overdraft protection\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/clickable-align-center-mixins\" as clickable-align-center-mixins;\n@use \"comp-scw-icon-feature-base/clickable-align-center-scw-icon-feature-icon-mixins\" as clickable-align-center-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-base/clickable-align-center-text-mixins\" as clickable-align-center-text-mixins;\n\n.clickable-align-center {\n  @include clickable-align-center-mixins.box;\n  @include clickable-align-center-mixins.figma-autolayout;\n\n  .scw-icon-feature-icon {\n    @include clickable-align-center-scw-icon-feature-icon-mixins.box;\n    @include clickable-align-center-scw-icon-feature-icon-mixins.figma-autolayout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .text {\n    @include clickable-align-center-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-clickable-align-center-scw-icon-feature-icon": {
+    "html": {
+      "output": "<div class=\"scw-icon-feature-icon\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/clickable-align-center-scw-icon-feature-icon-mixins\" as clickable-align-center-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.scw-icon-feature-icon {\n  @include clickable-align-center-scw-icon-feature-icon-mixins.box;\n  @include clickable-align-center-scw-icon-feature-icon-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include clickable-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-clickable-align-center-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Enjoy a financial cushion with overdraft protection\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/clickable-align-center-text-mixins\" as clickable-align-center-text-mixins;\n\n.text {\n  @include clickable-align-center-text-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-default": {
+    "html": {
+      "output": "<div class=\"default\">\n  <div class=\"scw-icon-feature-icon\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"text\">\n    Enjoy a financial cushion with overdraft protection\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/default-mixins\" as default-mixins;\n@use \"comp-scw-icon-feature-base/default-scw-icon-feature-icon-mixins\" as default-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-base/default-text-mixins\" as default-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .scw-icon-feature-icon {\n    @include default-scw-icon-feature-icon-mixins.box;\n    @include default-scw-icon-feature-icon-mixins.figma-autolayout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .text {\n    @include default-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-default-scw-icon-feature-icon": {
+    "html": {
+      "output": "<div class=\"scw-icon-feature-icon\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/default-scw-icon-feature-icon-mixins\" as default-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.scw-icon-feature-icon {\n  @include default-scw-icon-feature-icon-mixins.box;\n  @include default-scw-icon-feature-icon-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-default-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Enjoy a financial cushion with overdraft protection\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/default-text-mixins\" as default-text-mixins;\n\n.text {\n  @include default-text-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-align-center": {
+    "html": {
+      "output": "<div class=\"align-center\">\n  <div class=\"scw-icon-feature-icon\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"text\">\n    Enjoy a financial cushion with overdraft protection\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/align-center-mixins\" as align-center-mixins;\n@use \"comp-scw-icon-feature-base/align-center-scw-icon-feature-icon-mixins\" as align-center-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-base/align-center-text-mixins\" as align-center-text-mixins;\n\n.align-center {\n  @include align-center-mixins.box;\n  @include align-center-mixins.figma-autolayout;\n\n  .scw-icon-feature-icon {\n    @include align-center-scw-icon-feature-icon-mixins.box;\n    @include align-center-scw-icon-feature-icon-mixins.figma-autolayout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .text {\n    @include align-center-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-align-center-scw-icon-feature-icon": {
+    "html": {
+      "output": "<div class=\"scw-icon-feature-icon\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/align-center-scw-icon-feature-icon-mixins\" as align-center-scw-icon-feature-icon-mixins;\n@use \"comp-scw-icon-feature-base/align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.scw-icon-feature-icon {\n  @include align-center-scw-icon-feature-icon-mixins.box;\n  @include align-center-scw-icon-feature-icon-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins\" as align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include align-center-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-base-align-center-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Enjoy a financial cushion with overdraft protection\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-base/align-center-text-mixins\" as align-center-text-mixins;\n\n.text {\n  @include align-center-text-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon": {
+    "html": {
+      "output": "<div class=\"scw-icon-feature-icon\">\n  <div class=\"background\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"background-size-medium\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"background-size-large\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"default\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"size-medium\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n  <div class=\"size-large\">\n    <div class=\"screenshot-2023-03-02-at-2-24-1\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/index-mixins\" as index-mixins;\n@use \"comp-scw-icon-feature-icon/background-mixins\" as background-mixins;\n@use \"comp-scw-icon-feature-icon/background-screenshot-2023-03-02-at-2-24-1-mixins\" as background-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-icon/background-size-medium-mixins\" as background-size-medium-mixins;\n@use \"comp-scw-icon-feature-icon/background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins\" as background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-icon/background-size-large-mixins\" as background-size-large-mixins;\n@use \"comp-scw-icon-feature-icon/background-size-large-screenshot-2023-03-02-at-2-24-1-mixins\" as background-size-large-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-icon/default-mixins\" as default-mixins;\n@use \"comp-scw-icon-feature-icon/default-screenshot-2023-03-02-at-2-24-1-mixins\" as default-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-icon/size-medium-mixins\" as size-medium-mixins;\n@use \"comp-scw-icon-feature-icon/size-medium-screenshot-2023-03-02-at-2-24-1-mixins\" as size-medium-screenshot-2023-03-02-at-2-24-1-mixins;\n@use \"comp-scw-icon-feature-icon/size-large-mixins\" as size-large-mixins;\n@use \"comp-scw-icon-feature-icon/size-large-screenshot-2023-03-02-at-2-24-1-mixins\" as size-large-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.scw-icon-feature-icon {\n  @include index-mixins.box;\n\n  .background {\n    @include background-mixins.box;\n    @include background-mixins.figma-autolayout;\n    @include background-mixins.absolute-layout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include background-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .background-size-medium {\n    @include background-size-medium-mixins.box;\n    @include background-size-medium-mixins.figma-autolayout;\n    @include background-size-medium-mixins.absolute-layout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .background-size-large {\n    @include background-size-large-mixins.box;\n    @include background-size-large-mixins.figma-autolayout;\n    @include background-size-large-mixins.absolute-layout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include default-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .size-medium {\n    @include size-medium-mixins.box;\n    @include size-medium-mixins.figma-autolayout;\n    @include size-medium-mixins.absolute-layout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include size-medium-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n\n  .size-large {\n    @include size-large-mixins.box;\n    @include size-large-mixins.figma-autolayout;\n    @include size-large-mixins.absolute-layout;\n\n    .screenshot-2023-03-02-at-2-24-1 {\n      @include size-large-screenshot-2023-03-02-at-2-24-1-mixins.box;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-background": {
+    "html": {
+      "output": "<div class=\"background\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/background-mixins\" as background-mixins;\n@use \"comp-scw-icon-feature-icon/background-screenshot-2023-03-02-at-2-24-1-mixins\" as background-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.background {\n  @include background-mixins.box;\n  @include background-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include background-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/background-screenshot-2023-03-02-at-2-24-1-mixins\" as background-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include background-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-background-size-medium": {
+    "html": {
+      "output": "<div class=\"background-size-medium\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/background-size-medium-mixins\" as background-size-medium-mixins;\n@use \"comp-scw-icon-feature-icon/background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins\" as background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.background-size-medium {\n  @include background-size-medium-mixins.box;\n  @include background-size-medium-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins\" as background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include background-size-medium-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-background-size-large": {
+    "html": {
+      "output": "<div class=\"background-size-large\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/background-size-large-mixins\" as background-size-large-mixins;\n@use \"comp-scw-icon-feature-icon/background-size-large-screenshot-2023-03-02-at-2-24-1-mixins\" as background-size-large-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.background-size-large {\n  @include background-size-large-mixins.box;\n  @include background-size-large-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/background-size-large-screenshot-2023-03-02-at-2-24-1-mixins\" as background-size-large-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include background-size-large-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-default": {
+    "html": {
+      "output": "<div class=\"default\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/default-mixins\" as default-mixins;\n@use \"comp-scw-icon-feature-icon/default-screenshot-2023-03-02-at-2-24-1-mixins\" as default-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include default-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/default-screenshot-2023-03-02-at-2-24-1-mixins\" as default-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include default-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-size-medium": {
+    "html": {
+      "output": "<div class=\"size-medium\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/size-medium-mixins\" as size-medium-mixins;\n@use \"comp-scw-icon-feature-icon/size-medium-screenshot-2023-03-02-at-2-24-1-mixins\" as size-medium-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.size-medium {\n  @include size-medium-mixins.box;\n  @include size-medium-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include size-medium-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/size-medium-screenshot-2023-03-02-at-2-24-1-mixins\" as size-medium-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include size-medium-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-size-large": {
+    "html": {
+      "output": "<div class=\"size-large\">\n  <div class=\"screenshot-2023-03-02-at-2-24-1\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/size-large-mixins\" as size-large-mixins;\n@use \"comp-scw-icon-feature-icon/size-large-screenshot-2023-03-02-at-2-24-1-mixins\" as size-large-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.size-large {\n  @include size-large-mixins.box;\n  @include size-large-mixins.figma-autolayout;\n\n  .screenshot-2023-03-02-at-2-24-1 {\n    @include size-large-screenshot-2023-03-02-at-2-24-1-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1": {
+    "html": {
+      "output": "<div class=\"screenshot-2023-03-02-at-2-24-1\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-icon-feature-icon/size-large-screenshot-2023-03-02-at-2-24-1-mixins\" as size-large-screenshot-2023-03-02-at-2-24-1-mixins;\n\n.screenshot-2023-03-02-at-2-24-1 {\n  @include size-large-screenshot-2023-03-02-at-2-24-1-mixins.box;\n}",
+      "example": ""
+    }
   }
 }

package/dist/tokens/source/htmlStubs.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/jsCss.js CHANGED Viewed

@@ -3,7 +3,7 @@
     constructor (config) {// version, extraCssPromise, config ) {
       this.prefix = 'scw';// dynamic
-      this.buildUUID = 'de5c9ff2-3a7c-4e87-8c63-a461fffa6542';// dynamic
+      this.buildUUID = '5895b0e4-f0d0-47fa-a859-b97ce616a854';// dynamic
       this.generator = false;
       this.initialized = false;

package/dist/tokens/source/jsCss.js.gz CHANGED Viewed

Binary file