style: add expanded color palette tokens

.gitignore

@@ -45,5 +45,5 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
-
+.nx
 tmp/

libs/core/.stylelintignore

@@ -1 +1,3 @@
-src/global/styles/tokens/semantic/*.scss
+src/global/styles/_fonts.scss
+src/global/styles/tokens/semantic/*.scss
+src/global/styles/base.scss

libs/core/CHANGELOG.md

@@ -3,6 +3,219 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.22.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.21.0-mercury.0...@pine-ds/core@2.22.0-mercury.0) (2024-09-19)
+
+
+### Features
+
+* **accordion:** adds part to accordion component ([#264](https://github.com/Kajabi/pine/issues/264)) ([8abeffc](https://github.com/Kajabi/pine/commit/8abeffc97ac91a1c519f79d9132f15fcdbce8a7f))
+
+
+
+
+
+# [2.21.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.20.0-mercury.0...@pine-ds/core@2.21.0-mercury.0) (2024-09-19)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.20.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.19.0-mercury.0...@pine-ds/core@2.20.0-mercury.0) (2024-09-19)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.19.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.18.0-mercury.0...@pine-ds/core@2.19.0-mercury.0) (2024-09-17)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.18.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.17.0-mercury.0...@pine-ds/core@2.18.0-mercury.0) (2024-09-16)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.17.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.16.0-mercury.0...@pine-ds/core@2.17.0-mercury.0) (2024-09-16)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.16.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.15.0-mercury.0...@pine-ds/core@2.16.0-mercury.0) (2024-09-13)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.15.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.3.1...@pine-ds/core@2.15.0-mercury.0) (2024-09-10)
+
+
+### Bug Fixes
+
+* update box shadow tokens ([#241](https://github.com/Kajabi/pine/issues/241)) ([48ce8ef](https://github.com/Kajabi/pine/commit/48ce8ef106555b3b0d0b55bafdca815c0e2cc362))
+
+
+
+
+
+# [2.12.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.11.0-mercury.0...@pine-ds/core@2.12.0-mercury.0) (2024-09-04)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.11.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.10.0-mercury.0...@pine-ds/core@2.11.0-mercury.0) (2024-09-04)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.10.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.3.1...@pine-ds/core@2.10.0-mercury.0) (2024-09-04)
+
+
+### Bug Fixes
+
+* update box shadow tokens ([#241](https://github.com/Kajabi/pine/issues/241)) ([514454e](https://github.com/Kajabi/pine/commit/514454e9750c2ff2fa7f954e72e5e70baf92e19a))
+
+
+
+
+
+# [2.9.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.3.1...@pine-ds/core@2.9.0-mercury.0) (2024-08-28)
+
+
+### Bug Fixes
+
+* update box shadow tokens ([#241](https://github.com/Kajabi/pine/issues/241)) ([87f41bd](https://github.com/Kajabi/pine/commit/87f41bd50d8fe9cd0e51a4aee11a59b466ba6114))
+
+
+
+
+
+# [2.8.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.3.1...@pine-ds/core@2.8.0-mercury.0) (2024-08-28)
+
+
+### Bug Fixes
+
+* update box shadow tokens ([#241](https://github.com/Kajabi/pine/issues/241)) ([535e9c7](https://github.com/Kajabi/pine/commit/535e9c7cdc928f123edd0fa112f8ade6ce42722c))
+
+
+
+
+
+# [2.7.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.6.0-mercury.0...@pine-ds/core@2.7.0-mercury.0) (2024-08-26)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.6.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.3.1...@pine-ds/core@2.6.0-mercury.0) (2024-08-20)
+
+
+### Bug Fixes
+
+* update box shadow tokens ([#241](https://github.com/Kajabi/pine/issues/241)) ([ff57580](https://github.com/Kajabi/pine/commit/ff575806c89b21e113ac5e51b24848dc06d19adf))
+
+
+
+
+
+# [2.5.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.4.0-mercury.0...@pine-ds/core@2.5.0-mercury.0) (2024-08-15)
+
+
+### Bug Fixes
+
+* update box shadow tokens ([#241](https://github.com/Kajabi/pine/issues/241)) ([2c844e9](https://github.com/Kajabi/pine/commit/2c844e97de0b22ffd2962ec20e1f628f9890dc47))
+
+
+
+
+
+# [2.4.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.3.0-mercury.0...@pine-ds/core@2.4.0-mercury.0) (2024-08-13)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.3.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.2.0-mercury.0...@pine-ds/core@2.3.0-mercury.0) (2024-08-12)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.2.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@2.1.0-mercury.0...@pine-ds/core@2.2.0-mercury.0) (2024-08-09)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [2.1.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.3.1...@pine-ds/core@2.1.0-mercury.0) (2024-08-08)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [6.0.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@5.0.0-mercury.0...@pine-ds/core@6.0.0-mercury.0) (2024-08-07)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [5.0.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@4.0.0-mercury.0...@pine-ds/core@5.0.0-mercury.0) (2024-08-07)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [4.0.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@3.0.0-mercury.0...@pine-ds/core@4.0.0-mercury.0) (2024-08-06)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
+# [3.0.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.3.1...@pine-ds/core@3.0.0-mercury.0) (2024-08-05)
+
+**Note:** Version bump only for package @pine-ds/core
+
+
+
+
+
 ## [1.3.1](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.3.0...@pine-ds/core@1.3.1) (2024-08-05)
 
 **Note:** Version bump only for package @pine-ds/core
@@ -12,6 +225,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 # [1.3.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.1.0...@pine-ds/core@1.3.0) (2024-08-01)
+# [2.0.0-mercury.0](https://github.com/Kajabi/pine/compare/@pine-ds/core@1.1.0...@pine-ds/core@2.0.0-mercury.0) (2024-07-24)
 
 
 ### Bug Fixes

libs/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pine-ds/core",
-  "version": "1.3.1",
+  "version": "2.22.0-mercury.0",
   "license": "MIT",
   "description": "Base components for Pine Design System",
   "author": "Kajabi Design System Services",
@@ -64,7 +64,7 @@
   "devDependencies": {
     "@babel/core": "^7.19.3",
     "@babel/preset-env": "^7.22.10",
-    "@pine-ds/doc-components": "^1.2.1",
+    "@pine-ds/doc-components": "^2.22.0-mercury.0",
     "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/react-output-target": "^0.5.3",
@@ -75,7 +75,7 @@
     "@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",
+    "@tokens-studio/sd-transforms": "^1.2.5",
     "@types/jest": "^29.5.11",
     "@types/sortablejs": "^1.15.1",
     "@typescript-eslint/eslint-plugin": "^6.6.0",
@@ -97,7 +97,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^7.3.2",
-    "style-dictionary": "^4.0.0-prerelease.23",
+    "style-dictionary": "^4.1.1",
     "stylelint": "^14.13.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended": "^9.0.0",

libs/core/scripts/sd-transforms.mjs

@@ -1,8 +1,8 @@
-import { registerTransforms } from '@tokens-studio/sd-transforms';
+import { register } from '@tokens-studio/sd-transforms';
 import fs from 'fs-extra';
 import StyleDictionary from 'style-dictionary';
 
-registerTransforms(StyleDictionary);
+register(StyleDictionary);
 
 const basePath = `src/global/styles/tokens`;
 
@@ -20,10 +20,11 @@ const getTokenSetNamesFromFolders = (path) => {
 const getConfig = (sets) => {
 	return {
 		source: sets.map(tokenSet => `${basePath}/${tokenSet}/${tokenSet}.json`),
+		preprocessors: ['tokens-studio'],
 		platforms: {
 			css: {
 				transformGroup: 'tokens-studio',
-				transforms: ['name/kebab', 'color/hex'],
+				transforms: ['name/kebab', 'color/hex', 'ts/resolveMath', 'size/px'],
 				buildPath: `${basePath}/`,
 				// Create multiple outputs for each token set
 				files: sets.map(tokenSet => ({

libs/core/src/components.d.ts

@@ -5,10 +5,10 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
-import { BoxColumnType, BoxTShirtSizeType } from "./utils/types";
+import { BoxColumnType, BoxShadowSizeType, BoxTShirtSizeType } from "./utils/types";
 import { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
 import { TextareaChangeEventDetail } from "./components/pds-textarea/textarea-interface";
-export { BoxColumnType, BoxTShirtSizeType } from "./utils/types";
+export { BoxColumnType, BoxShadowSizeType, BoxTShirtSizeType } from "./utils/types";
 export { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
 export { TextareaChangeEventDetail } from "./components/pds-textarea/textarea-interface";
 export namespace Components {
@@ -162,7 +162,7 @@ export namespace Components {
           * Defines the box shadow.
           * @defaultValue none
          */
-        "shadow"?: BoxTShirtSizeType;
+        "shadow"?: BoxShadowSizeType;
         /**
           * Size of the column for all screen sizes that are not explicitly set.
          */
@@ -1431,7 +1431,7 @@ declare namespace LocalJSX {
           * Defines the box shadow.
           * @defaultValue none
          */
-        "shadow"?: BoxTShirtSizeType;
+        "shadow"?: BoxShadowSizeType;
         /**
           * Size of the column for all screen sizes that are not explicitly set.
          */

libs/core/src/components/_internal/pds-label/pds-label.scss

@@ -4,7 +4,7 @@
 }
 
 label, pds-label {
-  --color-text-default: var(--pine-color-charcoal-400);
+  --color-text-default: var(--pine-color-grey-900);
 
   --font-family-default: var(--pine-font-family-circular);