@pine-ds/core 4.0.0-mercury.0 → 4.0.0

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@pine-ds/core",
-  "version": "4.0.0-mercury.0",
+  "version": "4.0.0",
+  "type": "module",
   "license": "MIT",
   "description": "Base components for Pine Design System",
   "author": "Kajabi Design System Services",
@@ -16,6 +17,19 @@
   "es2015": "dist/esm/index.mjs",
   "es2017": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/index.cjs.js"
+    },
+    "./components/*": "./components/*",
+    "./loader": {
+      "types": "./loader/index.d.ts",
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs.js"
+    }
+  },
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "unpkg": "dist/pine-core/pine-core.esm.js",
@@ -38,17 +52,19 @@
   ],
   "scripts": {
     "build": "npm run build.stencil",
-    "build.all": "run-s build.stencil build.tokens build.storybook",
-    "build.stencil": "stencil build --docs",
+    "build.all": "run-s build.stencil build.storybook",
+    "build.stencil": "stencil build --docs && mkdir -p dist/scripts && cp scripts/vscode-settings-patcher.cjs dist/scripts/",
+    "postinstall": "node ./dist/scripts/vscode-settings-patcher.cjs || true",
     "build.storybook": "storybook build",
     "build.ts": "tsc -p scripts/tsconfig.json",
-    "build.tokens": "node scripts/sd-transforms.mjs",
     "deploy": "npm run build.all",
     "generate": "stencil generate",
     "lint": "run-p lint.*",
     "lint.eslint": "eslint src",
     "lint.styles": "stylelint \"./src/**/*.*css\"",
+    "i18n.audit": "node lint-rules/i18n-audit.cjs",
     "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
+    "prestart": "npm run build",
     "start": "run-p start.*",
     "start.stencil": "stencil build --docs --dev --watch --serve --config=stencil.local.config.ts",
     "start.storybook": "storybook dev -p 6006",
@@ -56,54 +72,57 @@
     "test.watch": "stencil test --spec --e2e --watchAll --coverage"
   },
   "dependencies": {
+    "@floating-ui/dom": "^1.7.0",
+    "@kajabi-ui/styles": "*",
     "@pine-ds/icons": "*",
-    "@stencil/core": "^4.20.0",
+    "@stencil/core": "4.43.5",
+    "@types/dompurify": "^3.0.5",
+    "dompurify": "^3.2.6",
     "sortablejs": "^1.15.0",
     "tslib": "^2.6.2"
   },
   "devDependencies": {
     "@babel/core": "^7.19.3",
     "@babel/preset-env": "^7.22.10",
-    "@pine-ds/doc-components": "^3.0.0-mercury.0",
-    "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
-    "@stencil-community/eslint-plugin": "^0.5.0",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@mdx-js/rollup": "^3.1.1",
+    "@pine-ds/doc-components": "^4.0.0",
+    "@stencil-community/eslint-plugin": "^0.8.0",
     "@stencil/react-output-target": "^0.5.3",
-    "@stencil/sass": "^3.0.7",
-    "@storybook/addon-a11y": "^7.3.2",
-    "@storybook/addon-actions": "^7.3.2",
-    "@storybook/addon-essentials": "^7.3.2",
-    "@storybook/addon-links": "^7.3.2",
-    "@storybook/web-components": "^7.3.2",
-    "@storybook/web-components-vite": "^7.3.2",
-    "@tokens-studio/sd-transforms": "^1.2.2",
-    "@types/jest": "^29.5.11",
+    "@stencil/sass": "^3.2.0",
+    "@storybook/addon-a11y": "^10.4.2",
+    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-links": "^10.4.2",
+    "@storybook/web-components": "^10.4.2",
+    "@storybook/web-components-vite": "^10.4.2",
+    "@types/jest": "^29.5.14",
     "@types/sortablejs": "^1.15.1",
-    "@typescript-eslint/eslint-plugin": "^6.6.0",
-    "@typescript-eslint/parser": "^6.2.0",
+    "axe-core": "^4.10.2",
+    "@typescript-eslint/eslint-plugin": "6.6.0",
+    "@typescript-eslint/parser": "6.6.0",
+    "@vitejs/plugin-react": "^5.1.1",
     "babel-loader": "^8.2.5",
     "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-react": "^7.31.10",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^10.4.2",
     "fs-extra": "^11.1.0",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
     "lit": "^2.8.0",
     "npm-run-all": "^4.1.5",
-    "nx": "^16.8.1",
     "postcss": "^8.4.18",
     "prettier": "^2.7.1",
-    "puppeteer": "^21.6.0",
+    "puppeteer": "^24.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^7.3.2",
-    "style-dictionary": "^4.0.0-prerelease.23",
+    "storybook": "^10.4.2",
     "stylelint": "^14.13.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended": "^9.0.0",
     "stylelint-config-sass-guidelines": "^9.0.1",
     "typescript": "^5.1.6",
-    "vite": "^4.4.9",
+    "vite": "^5.0.0",
     "webpack": "^5.74.0"
   },
   "nx": {
@@ -117,5 +136,8 @@
         ]
       }
     }
+  },
+  "imports": {
+    "#utils/*": "./src/utils/*"
   }
 }

package/readme.md

@@ -49,7 +49,7 @@ Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-compone
 
 When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
 
-Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix `ion`.
+Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Pine generated web components use the prefix `pds`.
 
 ## Using this component
 

package/components/closest.js.map

@@ -1 +0,0 @@
-{"file":"closest.js","mappings":"AAAA;AACA;MACa,OAAO,GAAG,CAAC,QAAgB,EAAE,EAAsB;IAC9D,QACE,EAAE;SACD,CAAC,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;YACvC,OAAO,CAAC,QAAQ,EAAG,EAAE,CAAC,WAAW,EAA4B,CAAC,IAAI,CAAC,CAAC,EACvE;AACH;;;;","names":[],"sources":["src/utils/closest.ts"],"sourcesContent":["// This helper function is similar to Element.closest(),\n// however it also traverses shadow DOM boundaries.\nexport const closest = (selector: string, el: Element | Document) => {\n  return (\n    el &&\n    (('closest' in el && el.closest(selector)) ||\n      closest(selector, (el.getRootNode() as unknown as ShadowRoot).host))\n  )\n}\n"],"version":3}

package/components/index.js.map

@@ -1 +0,0 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}