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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pine-ds/core",
-  "version": "2.16.0-mercury.0",
+  "version": "2.16.0",
   "license": "MIT",
   "description": "Base components for Pine Design System",
   "author": "Kajabi Design System Services",
@@ -42,7 +42,7 @@
     "build.stencil": "stencil build --docs",
     "build.storybook": "storybook build",
     "build.ts": "tsc -p scripts/tsconfig.json",
-    "build.tokens": "node scripts/sd-transforms.mjs",
+    "build.tokens": "node scripts/style-dictionary/transform.mjs",
     "deploy": "npm run build.all",
     "generate": "stencil generate",
     "lint": "run-p lint.*",
@@ -57,25 +57,28 @@
   },
   "dependencies": {
     "@pine-ds/icons": "*",
-    "@stencil/core": "^4.20.0",
+    "@stencil/core": "4.22.2",
     "sortablejs": "^1.15.0",
     "tslib": "^2.6.2"
   },
   "devDependencies": {
     "@babel/core": "^7.19.3",
     "@babel/preset-env": "^7.22.10",
-    "@pine-ds/doc-components": "^2.15.0-mercury.0",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@pine-ds/doc-components": "^2.16.0",
     "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
     "@stencil-community/eslint-plugin": "^0.5.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": "^0.15.2",
+    "@storybook/addon-a11y": "^8.4.2",
+    "@storybook/addon-actions": "^8.4.2",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-mdx-gfm": "^8.4.2",
+    "@storybook/theming": "^8.4.2",
+    "@storybook/web-components": "^8.4.2",
+    "@storybook/web-components-vite": "^8.4.2",
+    "@tokens-studio/sd-transforms": "^1.2.9",
     "@types/jest": "^29.5.11",
     "@types/sortablejs": "^1.15.1",
     "@typescript-eslint/eslint-plugin": "^6.6.0",
@@ -90,14 +93,13 @@
     "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",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^7.3.2",
-    "style-dictionary": "^4.0.0-prerelease.23",
+    "storybook": "^8.4.2",
+    "style-dictionary": "^4.3.2",
     "stylelint": "^14.13.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended": "^9.0.0",

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/dist/cjs/index-479f5bd8.js

@@ -1,24 +0,0 @@
-'use strict';
-
-/* pds-icons v8.0.0, ES Modules */
-const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M.862 4.862c.26-.26.682-.26.943 0L8 11.057l6.195-6.195a.667.667 0 1 1 .943.943L8.471 12.47a.667.667 0 0 1-.942 0L.862 5.805a.667.667 0 0 1 0-.943'/></svg>";
-const checkCircleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path d='M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m4.473 5.807L7.14 11.14c-.26.26-.68.26-.94 0L3.533 8.473a.664.664 0 1 1 .94-.94l2.194 2.194 4.86-4.86c.26-.26.68-.26.94 0 .266.253.266.68.006.94'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
-const copy = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g fill-rule='evenodd' clip-path='url(#a)'><path d='M10 5.333c0-.368.299-.666.667-.666h4c.368 0 .666.298.666.666v9.334a.667.667 0 0 1-.666.666H5.333a.667.667 0 0 1-.666-.666v-4a.667.667 0 1 1 1.333 0V14h8V6h-3.333A.667.667 0 0 1 10 5.333'/><path d='M.667 1.333c0-.368.298-.666.666-.666h9.334c.368 0 .666.298.666.666v9.334a.667.667 0 0 1-.666.666H1.333a.667.667 0 0 1-.666-.666zM2 2v8h8V2z'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
-const downSmall = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M3.594 5.594a.89.89 0 0 1 1.257 0L7.778 8.52l2.927-2.927a.889.889 0 0 1 1.257 1.257l-3.556 3.555a.89.89 0 0 1-1.257 0L3.594 6.851a.89.89 0 0 1 0-1.257'/></svg>";
-const handle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M.667 5.333a.667.667 0 0 0 0 1.334h14.666a.667.667 0 1 0 0-1.334zm0 4.667a.667.667 0 0 0 0 1.333h14.666a.667.667 0 1 0 0-1.333z'/></svg>";
-const launch = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path fill-rule='evenodd' d='M15.138.862a.66.66 0 0 1 .195.461v5.344a.667.667 0 0 1-1.333 0V2.943L7.805 9.138a.667.667 0 1 1-.943-.943L13.057 2H9.333a.667.667 0 0 1 0-1.333h5.333c.171 0 .342.065.472.195M1.333 2a.667.667 0 0 0-.666.667v12c0 .368.298.666.666.666h12a.667.667 0 0 0 .667-.666V10a.667.667 0 0 0-1.333 0v4H2V3.333h4A.667.667 0 0 0 6 2z'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
-const remove = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M13.138 3.805a.667.667 0 0 0-.943-.943L8 7.057 3.805 2.862a.667.667 0 1 0-.943.943L7.057 8l-4.195 4.195a.667.667 0 1 0 .943.943L8 8.943l4.195 4.195a.667.667 0 0 0 .943-.943L8.943 8z'/></svg>";
-const upSmall = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M7.15 5.594a.89.89 0 0 1 1.256 0l3.556 3.555a.889.889 0 0 1-1.257 1.257L7.778 7.48 4.85 10.406A.889.889 0 1 1 3.594 9.15z'/></svg>";
-const userFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path d='M12.222 8.925A5.98 5.98 0 0 1 8 10.667a5.98 5.98 0 0 1-4.222-1.742A7.34 7.34 0 0 0 0 15.333c0 .368.299.667.667.667h14.666a.667.667 0 0 0 .667-.667 7.34 7.34 0 0 0-3.778-6.408'/><path d='M8 9.333A4.667 4.667 0 1 0 8 0a4.667 4.667 0 0 0 0 9.333'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
-
-exports.caretDown = caretDown;
-exports.checkCircleFilled = checkCircleFilled;
-exports.copy = copy;
-exports.downSmall = downSmall;
-exports.handle = handle;
-exports.launch = launch;
-exports.remove = remove;
-exports.upSmall = upSmall;
-exports.userFilled = userFilled;
-
-//# sourceMappingURL=index-479f5bd8.js.map