@ebay/skin 18.1.0 → 18.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "18.1.0",
+    "version": "18.2.1",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [
@@ -14,48 +14,45 @@
         "type": "git",
         "url": "https://github.com/eBay/skin"
     },
+    "files": [
+        "dist",
+        "./*\\.{js,css,scss,less,json,mjs}",
+        "!.prettierrc.json",
+        "!webpack.config.js",
+        "!postcss.config.js",
+        "!vite.config.js",
+        "!webpack.config.js"
+    ],
     "scripts": {
         "prepare": "husky install",
-        "start": "npm run build && npm-run-all --parallel browser-sync bundle:css:watch postcss:bundle:watch postcss:docs:watch",
+        "preview": "marko-run preview",
+        "start": "marko-run",
         "test": "npm run build:css",
+        "deploy": "node scripts/jekyll-config && BASE_URL=/skin/ marko-run build -o ./_site && npm run build:storybook && ncp docs/archive _site/archive && touch _site/.nojekyll",
         "prebuild": "npm run clean",
         "prepublishOnly": "node scripts gen",
         "postpublish": "node scripts clean",
-        "build": "npm run build:css && npm run lint:js && npm run bundle && npm run build:site && npm run copy",
-        "build:css": "npm run lint:sass && rimraf dist && npm run bundle:css && npm run postcss && node scripts/add-y-comments.js && prettier dist --write && npm run lint:css",
-        "build:ci": "npm run build:css && npm run lint:js && npm run bundle && npm run copy",
-        "build:jekyll": "node scripts/jekyll-config && bundler exec jekyll build --incremental --config docs/_config.yml,docs/_config.localhost.yml",
-        "build:site": "npm run copy:svgToDocs && npm run build:jekyll",
-        "build:storybook": "npm run copy:assetsToStorybook && storybook build -o ./docs/storybook",
+        "build": "npm run build:css && npm run lint:js && npm run copy",
+        "build:css": "npm run lint:sass && rimraf dist && npm run bundle && npm run postcss && node scripts/add-y-comments.js && prettier dist --write && npm run lint:css",
+        "build:storybook": "npm run copy:assetsToStorybook && storybook build -o ./_site/storybook",
         "clean": "rimraf _cdn _site .cache .tmp .jekyll npm-debug.log.* .DS_Store",
-        "compileModule": "npx gulp compileModule --name $NAME",
-        "browser-sync": "browser-sync start -s _site --files '**/*.css, **/*.html, **/*.js, !node_modules/**/*' -w --port 3000",
-        "bundle": "npm run bundle:js",
-        "bundle:js": "npm run transpile && webpack",
-        "bundle:css": "sass src/sass:dist ./docs/src/sass/index.scss:./docs/static/docs.css --no-source-map",
-        "bundle:css:watch": "npm run bundle:css -- --watch",
-        "postcss:bundle:watch": "npm run postcss:bundle -- --watch",
-        "postcss:docs:watch": "postcss --env production ./docs/static/*.css -d ./_site/static --watch",
-        "postcss": "npm run postcss:dist && npm run postcss:docs && npm run postcss:bundle",
-        "postcss:dist": "postcss dist/**/*.css -r ",
-        "postcss:bundle": "postcss --env production ./dist/bundles/*.css -d ./docs/static/ --ext .min.css",
-        "postcss:docs": "postcss --env production ./docs/static/docs.css -o ./docs/static/docs.min.css",
+        "bundle": "sass src/sass:dist --no-source-map",
+        "postcss": "postcss dist/**/*.css -r ",
         "lint": "npm run lint:sass && npm run lint:css && npm run lint:js",
         "lint:sass": "stylelint docs/src/sass src/sass --config .stylelintrc",
         "lint:css": "stylelint dist --config .stylelintrc",
-        "lint:js": "eslint 'docs/src/js/main.js' > lint.log && eslint 'src/sass/**/stories/*.js' >> lint.log ",
+        "lint:js": "eslint 'src/routes/main.js' > lint.log && eslint 'src/sass/**/stories/*.js' >> lint.log ",
         "format": "npx prettier --write .",
         "copy": "npm run copy:sassToDist && npm run copy:svgToDist && npm run copy:tokensToDist",
         "copy:sassToDist": "mkdirp dist/variables && ncp src/sass/variables dist/variables && mkdirp dist/mixins && ncp src/sass/mixins/public dist/mixins",
         "copy:assetsToStorybook": "node scripts storybook-copy",
         "copy:svgToDist": "mkdirp dist/svg && ncp src/svg dist/svg",
-        "copy:svgToDocs": "ncp src/svg docs/static && ncp src/svg/icons.svg docs/_includes/master-icons.html",
-        "copy:tokensToDocs": "ncp src/tokens docs/static",
+        "copy:svgToDocs": "ncp src/svg src/routes/static && ncp src/svg/icons.svg src/components/master-icons.marko",
+        "copy:tokensToDocs": "ncp src/tokens src/routes/static",
         "copy:tokensToDist": "ncp src/tokens dist/tokens",
         "verify": "node scripts verify",
-        "version": "npm run build:storybook && npm run build && git add -A dist docs && changeset version && node scripts/jekyll-config && npm i --package-lock-only",
+        "version": "npm run build:storybook && npm run build && git add -A dist src && changeset version && node scripts/jekyll-config && npm i --package-lock-only",
         "release": "npm run build && changeset publish",
-        "transpile": "babel docs/src/js --out-dir docs/_babel",
         "build:snapshots": "npm run copy:assetsToStorybook && storybook build -o ./.storybook-percy",
         "snapshots": "npm run build:snapshots && npx gulp runSnapshots --stories $STORIES",
         "snapshots:dry": "npm run build:snapshots && npx gulp runSnapshots --dry yes --stories $STORIES",
@@ -69,73 +66,78 @@
         "prerelease:end": "changeset pre exit || :"
     },
     "devDependencies": {
-        "@babel/cli": "^7.24.7",
-        "@babel/core": "^7.24.7",
-        "@babel/preset-env": "^7.24.7",
+        "@babel/cli": "^7.24.8",
+        "@babel/core": "^7.25.2",
+        "@babel/preset-env": "^7.25.4",
         "@changesets/changelog-github": "^0.5.0",
         "@changesets/cli": "^2.27.7",
-        "@commitlint/cli": "^19.3.0",
-        "@commitlint/config-conventional": "^19.2.2",
+        "@commitlint/cli": "^19.4.1",
+        "@commitlint/config-conventional": "^19.4.1",
         "@ebay/browserslist-config": "^2.9.0",
-        "@floating-ui/dom": "^1.6.7",
-        "@percy/cli": "^1.28.8",
-        "@percy/storybook": "^6.0.0",
-        "@storybook/html": "^8.1.11",
-        "@storybook/html-webpack5": "^8.1.11",
-        "autoprefixer": "^10.4.19",
+        "@floating-ui/dom": "^1.6.10",
+        "@marko/run": "^0.4.5",
+        "@marko/run-adapter-static": "^0.1.7",
+        "@percy/cli": "^1.29.2",
+        "@percy/storybook": "^6.0.2",
+        "@storybook/html": "^8.2.9",
+        "@storybook/html-webpack5": "^8.2.9",
+        "autoprefixer": "^10.4.20",
         "babel-loader": "^9.1.3",
-        "browser-sync": "^3.0.2",
         "btoa": "^1",
+        "clean-css": "^5",
         "cross-env": "^7",
-        "cssnano": "^7.0.3",
-        "eslint": "^9.6.0",
+        "cssnano": "^7.0.5",
+        "eslint": "^9.9.1",
         "eslint-config-ebay": "^1",
         "eslint-config-prettier": "^9",
         "eslint-plugin-prettier": "^5",
+        "gh-pages": "^6.1.1",
         "gulp": "^5",
-        "gulp-banner": "~0.1.3",
-        "gulp-clean-css": "^4",
-        "gulp-rename": "^2",
-        "husky": "^9.0.11",
-        "jekyll": "^3.0.0-beta1",
-        "jsdom": "^24.1.0",
-        "lint-staged": "^15.2.7",
-        "makeup-alert-dialog": "~0.3.0",
-        "makeup-combobox": "~0.4.0",
-        "makeup-confirm-dialog": "~0.3.0",
-        "makeup-dialog": "~0.5.0",
-        "makeup-dialog-button": "~0.4.0",
-        "makeup-drawer-dialog": "0.2.0",
-        "makeup-expander": "~0.11.0",
+        "husky": "^9.1.5",
+        "jsdom": "^25.0.0",
+        "lint-staged": "^15.2.9",
+        "makeup-alert-dialog": "~0.3.1",
+        "makeup-combobox": "~0.4.2",
+        "makeup-confirm-dialog": "~0.3.1",
+        "makeup-dialog": "~0.5.1",
+        "makeup-dialog-button": "~0.4.1",
+        "makeup-drawer-dialog": "0.2.1",
+        "makeup-expander": "~0.11.1",
         "makeup-floating-label": "~0.4.2",
-        "makeup-fullscreen-dialog": "0.2.0",
-        "makeup-input-dialog": "0.2.0",
+        "makeup-fullscreen-dialog": "0.2.1",
+        "makeup-input-dialog": "0.2.1",
         "makeup-key-emitter": "~0.4.0",
-        "makeup-lightbox-dialog": "0.2.0",
-        "makeup-listbox": "~0.4.0",
-        "makeup-listbox-button": "~0.5.0",
+        "makeup-lightbox-dialog": "0.2.1",
+        "makeup-listbox": "~0.4.1",
+        "makeup-listbox-button": "~0.5.2",
         "makeup-menu": "~0.4.1",
-        "makeup-menu-button": "~0.4.1",
-        "makeup-modal": "~0.5.0",
-        "makeup-panel-dialog": "0.2.0",
+        "makeup-menu-button": "~0.4.2",
+        "makeup-modal": "~0.5.1",
+        "makeup-panel-dialog": "0.2.1",
         "makeup-prevent-scroll-keys": "~0.3.0",
         "makeup-roving-tabindex": "~0.7.0",
-        "makeup-snackbar-dialog": "0.2.0",
+        "makeup-snackbar-dialog": "0.2.1",
         "makeup-switch": "~0.3.0",
-        "makeup-toast-dialog": "0.2.0",
+        "makeup-toast-dialog": "0.2.1",
+        "marko": "^5.35.11",
         "mkdirp": "^3",
         "ncp": "^2",
         "npm-run-all": "^4",
+        "postcss": "^8.4.41",
+        "postcss-mixins": "^10.0.1",
+        "postcss-nested": "^6.2.0",
+        "postcss-simple-vars": "^7.0.1",
         "postcss-cli": "^11.0.0",
         "postcss-comment": "^2.0.0",
         "postcss-import": "^16.1.0",
         "postcss-loader": "^8.1.1",
-        "prettier": "^3.3.2",
-        "rimraf": "^5",
-        "sass": "^1.77.6",
-        "sass-loader": "^14.2.1",
-        "storybook": "^8.1.11",
-        "stylelint": "^16.6.1",
+        "prettier": "^3.3.3",
+        "prismjs": "^1.29.0",
+        "rimraf": "^6",
+        "sass": "^1.77.8",
+        "sass-loader": "^16.0.1",
+        "storybook": "^8.2.9",
+        "stylelint": "^16.9.0",
         "stylelint-config-prettier-scss": "^1.0.0",
         "stylelint-config-standard": "^36",
         "stylelint-config-standard-scss": "^13.1.0",
@@ -143,9 +145,9 @@
         "stylelint-order": "^6",
         "stylelint-prettier": "^5",
         "svgo": "^3.3.2",
-        "webpack": "^5.92.1",
+        "webpack": "^5.94.0",
         "webpack-cli": "^5.1.4",
-        "winston": "^3.13.0",
+        "winston": "^3.14.2",
         "xmlserializer": "^0.6.1",
         "yargs": "^17.7.2"
     },
@@ -171,11 +173,5 @@
         "*.{js,css,md,scss,json}": "prettier --write",
         "*.{css,scss}": "stylelint --config .stylelintrc"
     },
-    "dependencies": {
-        "postcss": "^8.4.39",
-        "postcss-mixins": "^10.0.1",
-        "postcss-nested": "^6.0.1",
-        "postcss-simple-vars": "^7.0.1"
-    },
     "packageManager": "pnpm@9.4.0+sha512.f549b8a52c9d2b8536762f99c0722205efc5af913e77835dbccc3b0b0b2ca9e7dc8022b78062c17291c48e88749c70ce88eb5a74f1fa8c4bf5e18bb46c8bd83a"
 }

package/table.browser.json

@@ -0,0 +1 @@
+{ "dependencies": ["require: ./table.js"] }

package/table.css

@@ -0,0 +1 @@
+@import "./dist/table/table.css";

package/table.js

@@ -0,0 +1 @@
+require('./dist/table/table.css');

package/table.mjs

@@ -0,0 +1 @@
+import './dist/table/table.css';

package/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -1,11 +0,0 @@
-{
-    "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
-    "changelog": ["@changesets/changelog-github", { "repo": "ebay/skin" }],
-    "commit": false,
-    "access": "public",
-    "fixed": [],
-    "linked": [],
-    "baseBranch": "master",
-    "updateInternalDependencies": "patch",
-    "ignore": []
-}

package/.github/ISSUE_TEMPLATE/BUG-REPORT.yml

@@ -1,74 +0,0 @@
-name: 🐞 Bug report
-description: File a bug/issue
-title: "<component name>: <issue title>"
-labels: ["type: bug", "status: needs triage"]
-body:
-- type: checkboxes
-  id: no-existing-verify
-  attributes:
-    label: I verified there's no existing issue for this bug.
-    description: Please ensure there's no existing issue for the bug before creating one.
-    options:
-    - label: There are no existing issues
-      required: true
-- type: textarea
-  id: current-behavior
-  attributes:
-    label: Current behavior
-    description: A concise description of what you're experiencing.
-  validations:
-    required: false
-- type: textarea
-  id: expected-behavior
-  attributes:
-    label: Expected behavior
-    description: A concise description of what you expected to happen.
-  validations:
-    required: false
-- type: input
-  id: skin-version
-  attributes:
-    label: Skin version
-    placeholder: Which version of Skin is the issue occurring in?
-- type: textarea
-  id: device-os-browser-info
-  attributes:
-    label: Device/OS/Browser info
-    description: Add details about your device, OS, and browser here.
-    placeholder: |
-      Add details.
-  validations:
-    required: false
-- type: textarea
-  id: steps-to-reproduce
-  attributes:
-    label: Steps to reproduce
-    description: How do you trigger this bug? Please walk us through it step by step.
-    value: |
-      1.
-      2.
-      3.
-      ...
-    render: bash
-  validations:
-    required: false
-- type: textarea
-  id: relevant-code
-  attributes:
-    label: Relevant code block
-    description: If there's a known relevant code block, paste it here.
-  validations:
-    required: false
-- type: textarea
-  id: additional-context
-  attributes:
-    label: Additional context
-    description: |
-      Links? References? Screesnhots? Anything that will give us more context about the issue you are encountering!
-      Tip: You can attach images or log files by clicking this area to highlight it and then dragging files in.
-  validations:
-    required: false
-- type: markdown
-  attributes:
-    value: |
-      Thanks for taking the time to fill out this bug report. We'll use the information you provide to help us fix the issue you're encountering.

package/.github/ISSUE_TEMPLATE/NEW-FEATURE-REQUEST.yml

@@ -1,40 +0,0 @@
-name: 🌟 New Feature request
-description: Request a new feature for Skin
-title: "<existing/proposed component name>: <issue title>"
-labels: ["type: feature", "status: needs triage"]
-body:
-- type: textarea
-  id: feature-description
-  attributes:
-    label: Description
-    description: A description of how the feature/module is intended to work.
-  validations:
-    required: false
-- type: textarea
-  id: screenshots
-  attributes:
-    label: Screenshots
-    description: |
-      Add screenshots of the feature/module.
-      Tip: You can attach images or log files by pasting or by clicking this area to highlight it and then dragging files in.
-  validations:
-    required: false
-- type: input
-  id: figma-link
-  attributes:
-    label: Figma link
-    placeholder: Please paste in the Figma link for the feature/module.
-- type: checkboxes
-  id: pre-requisites
-  attributes:
-    label: Engineering pre-requisites
-    description: |
-      Please verify what you've completed so far.
-      **Note: a "successful review" means those teams give their blessing for it to proceed to engineering.**
-    options:
-      - label: Successful design review with Design System Team.
-      - label: Supports dark mode.
-      - label: Supports responsive design.
-      - label: Tokens have been provided (or already exist).
-      - label: Successful accessibility review with Core A11Y Team.
-      - label: Successful frontend review with eBayUI Team.

package/.github/PULL_REQUEST_TEMPLATE.md

@@ -1,29 +0,0 @@
-<!-- Insert GitHub issue number below -->
-Fixes #
-
-<!-- Select which type of PR this is -->
-- [ ] This PR contains CSS changes
-- [ ] This PR does not contain CSS changes
-
-## Description
-<!-- Briefly describe the proposed changes -->
-
-## Notes
-<!-- Be sure to mention anything unusual, out-of-scope or new technical debt, etc -->
-
-## Screenshots
-<!-- Upload screenshots of UI before & after these changes -->
-
-## Checklist
-<!-- Acknowledge completion of steps in checklists below. Delete lists that are not applicable -->
-
-<!-- For all PR types -->
-- [ ] I verify the build is in a non-broken state
-- [ ] I verify all changes are within scope of the linked issue
-
-<!-- For CSS changes -->
-- [ ] I regenerated all CSS files under dist folder
-- [ ] I tested the UI in all supported browsers
-- [ ] I did a visual regression check of the components impacted by doing a Percy build and approved the build
-- [ ] I tested the UI in dark mode and RTL mode
-- [ ] I added/updated/removed Storybook coverage as appropriate

package/.github/workflows/jekyll-gh-pages.yml

@@ -1,105 +0,0 @@
-# Sample workflow for building and deploying a Jekyll site to GitHub Pages
-name: Deploy Jekyll with GitHub Pages dependencies preinstalled
-
-on:
-  # Runs on pushes targeting the default branch
-  push:
-    branches: ["master", "[1-9][0-9].*"]
-
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-permissions:
-  actions: write
-  checks: write
-  contents: write
-  deployments: write
-  discussions: write
-  issues: write
-  packages: write
-  id-token: write
-  pull-requests: write
-  repository-projects: write
-  security-events: write
-  statuses: write
-
-concurrency:
-  group: "${{ github.workflow }}-${{ github.event_name == 'pull_request_target' && github.head_ref || github.ref }}"
-  cancel-in-progress: true
-
-jobs:
-  # Build job
-  build:
-    runs-on: ubuntu-latest
-    needs: release
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-      - name: Setup Pages
-        uses: actions/configure-pages@v3
-      - uses: actions/setup-node@master
-        with:
-          node-version: '18.x'
-      - run: npm i
-      - run: npm run build:ci
-      - name: Build with Jekyll
-        uses: actions/jekyll-build-pages@v1
-        with:
-          source: ./docs
-          destination: ./_site
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v1
-
-  # Deployment job
-  deploy:
-    if: github.ref == 'refs/heads/master'
-    # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
-    permissions:
-      contents: read
-      pages: write
-      id-token: write
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    needs: build
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v2
-  release:
-    runs-on: ubuntu-latest
-    if: "${{ github.repository_owner == 'ebay' && github.event_name == 'push' }}"
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-      - name: Setup node
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18.x
-          cache: npm
-      - name: Setup rubby
-        uses: ruby/setup-ruby@ec02537da5712d66d4d50a0f33b7eb52773b5ed1
-        with:
-          ruby-version: '3.1'
-      - name: Install dependencies
-        run: npm i
-      - name: Install ruby dependencies
-        run: bundle install
-      - name: Enter prerelease mode
-        if: ${{ github.ref != 'refs/heads/master' }}
-        run: npm run prerelease:start
-      - name: Exit prerelease mode
-        if: ${{ github.ref == 'refs/heads/master' }}
-        run: npm run prerelease:end
-      - name: Release
-        id: changesets
-        uses: changesets/action@v1
-        with:
-          version: npm run version
-          publish: npm run release
-          commit: "ci: release"
-          title: "ci: release"
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/pages-html-proofer.yml

@@ -1,36 +0,0 @@
-name: pages-html-proofer
-
-on:
-  push:
-    paths:
-      - 'docs/**'
-      - '!docs/storybook'
-      - '.github/workflows/pages-html-proofer.yml'
-  pull_request:
-    paths:
-      - 'docs/**'
-      - '!docs/storybook'
-      - '.github/workflows/pages-html-proofer.yml'
-
-jobs:
-  pages-html-proofer:
-    runs-on: ubuntu-latest
-
-    steps:
-        - uses: actions/checkout@v2
-        - uses: actions/setup-node@master
-          with:
-            node-version: '16.x'
-        - run: npm i
-        - run: npm run build:ci
-        - uses: ruby/setup-ruby@v1
-          with:
-            ruby-version: 3.1
-        - uses: actions/jekyll-build-pages@v1
-          with:
-            source: ./docs
-            destination: ./_site
-            token: ${{ secrets.GITHUB_TOKEN }}
-        - run: bundle config set --local without 'github-pages'
-        - run: bundle install
-        - run: bundle exec htmlproofer ./_site/index.html --disable_external --ignore_empty_alt --allow_hash_href --allow_missing_href

package/.github/workflows/storybook-percy.yml

@@ -1,21 +0,0 @@
-name: storybook-percy
-
-on:
-  push:
-    paths:
-      - 'docs/storybook/**'
-      - '.github/workflows/storybook-percy.yml'
-  pull_request:
-    paths:
-      - 'docs/storybook/**'
-      - '.github/workflows/storybook-percy.yml'
-
-jobs:
-  storybook-percy:
-    runs-on: ubuntu-latest
-
-    steps:
-        - uses: actions/checkout@v2
-        - run: npm install
-        - run: npm run build:storybook
-        - run: PERCY_TOKEN=${{ secrets.PERCY_TOKEN }} npm run snapshots:all:dry

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx commitlint --edit $1

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install lint-staged

package/.percy.yml

@@ -1,7 +0,0 @@
-version: 2
-snapshot:
-    widths: [320,512,768,1280]
-discovery:
-    device-pixel-ratio: 2
-storybook:
-    include: []

package/.prettierignore

@@ -1,16 +0,0 @@
-_cdn
-_site
-docs/.jekyll-metadata
-node_modules
-npm-debug.log*
-yarn-error.log*
-.DS_Store
-.history
-yarn.lock
-package-lock.json
-.github
-.storybook
-docs.min.css.*
-lint.log
-docs
-

package/.prettierrc.json

@@ -1 +0,0 @@
-{}

package/.storybook/main.js

@@ -1,32 +0,0 @@
-const path = require("path");
-module.exports = {
-  stories: ["../src/sass/**/*.stories.js", "../src/sass/**/stories/**/*.stories.js"],
-  webpackFinal: async (config, {
-    configType
-  }) => {
-    config.module.rules.push({
-      test: /\.scss/,
-      use: ["style-loader", "css-loader", {
-        loader: "postcss-loader",
-        options: {
-          postcssOptions: {
-            plugins: [["autoprefixer", {
-              // Options
-            }]]
-          }
-        }
-      }, {
-        loader: "sass-loader",
-        options: {}
-      }]
-    });
-    return config;
-  },
-  framework: {
-    name: "@storybook/html-webpack5",
-    options: {}
-  },
-  docs: {
-    autodocs: false
-  }
-};

package/.storybook/manager.js

@@ -1,6 +0,0 @@
-import { addons } from '@storybook/manager-api';
-import theme from "./theme";
-
-addons.setConfig({
-    theme,
-});

package/.storybook/preview.js

@@ -1 +0,0 @@
-import "../src/sass/bundles/skin-full.scss";