feat: introduce new token system [MDS-1414] (#221)

* feat: introduce new token system [MDS-1414] * Prettified Code! * fix: update spellcheck rules * fix: update spellcheck rules * fix: update spellcheck rules * fix: add new presets to base package [MDS-1414] * fix: add new presets to base package [MDS-1414] * fix: format code * fix: add presets to cor package [MDS-1414] --------- Co-authored-by: dkireev <dkireev@users.noreply.github.com>
coingaming · Dec 17, 2024 · fbd9dd0 · fbd9dd0
1 parent 176a502
commit fbd9dd0
Show file tree

Hide file tree

Showing 31 changed files with 1,425 additions and 148 deletions.
diff --git a/.changeset/chilled-chefs-exercise.md b/.changeset/chilled-chefs-exercise.md
@@ -0,0 +1,8 @@
+---
+"@heathmont/moon-themes-tw": patch
+"@heathmont/moon-core-tw": patch
+"@heathmont/moon-base-tw": patch
+"docs": patch
+---
+
+feat: introduce new token system [MDS-1414]
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -17,4 +17,4 @@
   "baseBranch": "origin/main",
   "updateInternalDependencies": "patch",
   "ignore": []
-}
+}
diff --git a/.config/ts/tsconfig.cjs.json b/.config/ts/tsconfig.cjs.json
@@ -20,4 +20,4 @@
     "@heathmont/moon-*": ["./packages/*/src", "./docs/src"]
   },
   "exclude": ["node_modules"]
-}
+}
diff --git a/cspell.json b/cspell.json
@@ -9,13 +9,12 @@
     }
   ],
   "enableGlobDot": true,
-  "dictionaries": [
-    "project-words"
-  ],
+  "dictionaries": ["project-words"],
   "ignorePaths": [
     "**/*.svg",
     "**/*.yml",
     "**/*.yaml",
+    "**/*.css",
     "**/package.json",
     "**/CHANGELOG.md",
     ".git",
@@ -25,6 +24,6 @@
     ".config/Dockerfile",
     ".gitignore",
     ".vscode/extensions.json",
-    "packages/base/src/private/presets/ds-moon-preset.js",
+    "**/src/private/presets/*.js"
   ]
-}
+}
diff --git a/docs/app/client/chip/props.json b/docs/app/client/chip/props.json
@@ -5,83 +5,59 @@
       {
         "name": "children",
         "description": "Children content",
-        "type": [
-          "React.ReactNode"
-        ]
+        "type": ["React.ReactNode"]
       },
       {
         "name": "disabled",
-        "type": [
-          "boolean"
-        ],
+        "type": ["boolean"],
         "defaultState": "false",
         "description": "Disabled Chip"
       },
       {
         "name": "iconLeft",
         "description": "Left Icon",
-        "type": [
-          "React.ReactNode"
-        ]
+        "type": ["React.ReactNode"]
       },
       {
         "name": "iconRight",
         "description": "Right icon",
-        "type": [
-          "React.ReactNode"
-        ]
+        "type": ["React.ReactNode"]
       },
       {
         "name": "iconOnly",
         "description": "Icon without text, if provided it will render only the icon passed in this prop",
-        "type": [
-          "React.ReactNode"
-        ]
+        "type": ["React.ReactNode"]
       },
       {
         "name": "isActive",
         "description": "Active State",
-        "type": [
-          "boolean"
-        ],
+        "type": ["boolean"],
         "defaultState": "false"
       },
       {
         "name": "isStroke",
         "description": "Shows stroke on hover/active",
         "defaultState": "false",
-        "type": [
-          "boolean"
-        ]
+        "type": ["boolean"]
       },
       {
         "name": "size",
-        "type": [
-          "sm",
-          "md"
-        ],
+        "type": ["sm", "md"],
         "description": "Size of the Chip",
         "defaultState": "\"md\""
       },
       {
         "name": "variant",
-        "type": [
-          "default",
-          "ghost"
-        ],
+        "type": ["default", "ghost"],
         "description": "Visual/Logical variant of the Chip",
         "defaultState": "default"
       },
       {
         "name": "as",
-        "type": [
-          "button",
-          "div",
-          "span"
-        ],
+        "type": ["button", "div", "span"],
         "defaultState": "button",
         "description": "Rendered HTML element"
       }
     ]
   }
-]
+]
diff --git a/docs/components/settings/utils/useRtl.ts b/docs/components/settings/utils/useRtl.ts
@@ -17,7 +17,9 @@ const useRtl = () => {
     setIsRtl(newIsRtl);
     localStorage.setItem("isRtl", newIsRtl ? "true" : "false");
     if (document)
-      document.cookie = `dir=${newIsRtl ? "rtl" : "ltr"};path=/;MaxAge=0;SameSite=Strict`;
+      document.cookie = `dir=${
+        newIsRtl ? "rtl" : "ltr"
+      };path=/;MaxAge=0;SameSite=Strict`;
     document.documentElement.setAttribute("dir", newIsRtl ? "rtl" : "ltr");
   }, [isRtl]);
   return {

diff --git a/docs/generated/changelog.ts b/docs/generated/changelog.ts
@@ -1,13 +1,13 @@
 const changeLogs = {
-  docs: "# docs\n\n## 10.17.4\n\n### Patch Changes\n\n- 3e9b5ab: fix: fix autoslide and selected index scroll [MDS-1320]\n- Updated dependencies [3e9b5ab]\n  - @heathmont/moon-core-tw@10.17.4\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n- d0c40fd: feat: update license to GPL\n- ad824db: feat: update license to GPL\n- 0111dde: Add Typography page [MDS-1062]\n- 3f09e8e: fix: footer license link\n- Updated dependencies [5debd57]\n- Updated dependencies\n  - @heathmont/moon-table-v8-tw@10.17.3\n  - @heathmont/moon-themes-tw@10.17.3\n  - @heathmont/moon-base-tw@10.17.3\n  - @heathmont/moon-cmdk-tw@10.17.3\n  - @heathmont/moon-core-tw@10.17.3\n\n## 10.17.2\n\n### Patch Changes\n\n- Fix CellBorder return from undefined to null\n- Updated dependencies\n  - @heathmont/moon-table-v8-tw@10.17.2\n\n## 10.17.1\n\n### Patch Changes\n\n- Updated docs Accordion example\n\n## 10.17.0\n\n### Minor Changes\n\n- 9ec1d47: feat: remove necessity of installation of @tanstack package [MDS-1181]\n\n### Patch Changes\n\n- Updated dependencies [9ec1d47]\n  - @heathmont/moon-table-v8-tw@10.17.0\n\n## 10.16.1\n\n### Patch Changes\n\n- 884cf84: fix: add missing keys to Table map functions, remove unnecessary scroll on right sidebar in docs [MDS-1175]\n- 772195f: Add Contribution page [MDS-1064]\n- cdcfbab: fix: accessibility issue in TableProps component [MDS-950]\n- ab7501c: Add Themes page to documentation\n- 4d38494: Add Google Analytics [MDS-1066]\n- Updated dependencies [884cf84]\n  - @heathmont/moon-table-v8-tw@10.16.1\n\n## 10.16.0\n\n### Minor Changes\n\n- ac50cda: feat: update hover logics for Button and IconButton. Add hover-supported @media to MDS configuration file\n\n### Patch Changes\n\n- 18e3224: Add Installation page [MDS-1065]\n- Updated dependencies [ac50cda]\n  - @heathmont/moon-core-tw@10.16.0\n\n## 10.15.0\n\n### Minor Changes\n\n- d71a61f: docs: add Our contributors section on the main page [MDS-1061]\n- f557d96: Add version number to every component page title [MDS-1086]\n\n### Patch Changes\n\n- c032714: Update icons set, overall style improvements, useContributors hook fix [MDS-1085]\n- 64d9592: docs: Update AuthCode preview image [MDS-1083]\n- Updated dependencies [240db00]\n  - @heathmont/moon-themes-tw@10.15.0\n\n## 10.14.2\n\n### Patch Changes\n\n- a43ad4e: build: utilize pnpm@8.15.6\n  build: fix npm registry path\n\n## 10.14.1\n\n### Patch Changes\n\n- 4ba7fe4: docs: add syntax highlight for code previews [MDS-1058]\n- 42b4b3a: Added navigation to Release page [MDS-1044]\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n- Updated dependencies [dc17021]\n- Updated dependencies [56c7165]\n  - @heathmont/moon-themes-tw@10.14.1\n  - @heathmont/moon-table-v8-tw@10.14.1\n  - @heathmont/moon-base-tw@10.14.1\n  - @heathmont/moon-cmdk-tw@10.14.1\n  - @heathmont/moon-core-tw@10.14.1\n\n## 10.14.0\n\n### Minor Changes\n\n- b4a0fce: docs: fix windows scrollbar styling, add color-scheme to dark theme\n- 6a576cf: fix: incorrect definition of the enum type in props tables [MDS-1029]\n- aec715c: The anchors have been replaced with the Next Link components [MDS-1037]\n- 1a84c8b: feat(Table): the cell border customization has been added [MDS-1023]\n- 9b3b12a: feat: а set of component cards is displayed on the main page [MDS-1028]\n- 306ffe5: fix: the pre-build step of component descriptions generation is enabled [MDS-1036]\n\n### Patch Changes\n\n- 48129e5: chore: update CONTRIBUTING.md regarding changeset\n- d9276b8: fix: Dark Mode & RTL Flickering [MDS-1024]\n- b9ea351: chore: bump e2e screenshots after packages migration\n- dc1f0a2: chore(docs): update navigation buttons colors & sidebar padding\n- 2b3a562: Added linting for newly generated datasets before pushing.\n- ab8698c: docs: update desktop and mobile layouts\n- 8266681: TagsInput: The maximum width of the components has been limited.\n  TagsInput: Functionality is split for each example instance.\n- ade08b1: docs: hide components from the main page, test optimization\n- 3328be8: The generator of the changelog total data file has been added [MDS-1018]\n- 67a7327: fix: z-indices for Combobox and Search\n- 829fdc1: feat: Chip - as polymorphic component\n- Updated dependencies [0302fc9]\n- Updated dependencies [1a84c8b]\n- Updated dependencies [67a7327]\n- Updated dependencies [829fdc1]\n  - @heathmont/moon-table-v8-tw@10.14.0\n  - @heathmont/moon-core-tw@10.14.0\n",
+  docs: "# docs\n\n## 10.18.0\n\n### Minor Changes\n\n- c691086: feat: Add column visibility to table v8 [MDS-1374]\n\n### Patch Changes\n\n- Updated dependencies [5718ac9]\n- Updated dependencies [c691086]\n- Updated dependencies [98f923f]\n- Updated dependencies [88fad71]\n  - @heathmont/moon-core-tw@10.18.0\n  - @heathmont/moon-table-v8-tw@10.18.0\n\n## 10.17.4\n\n### Patch Changes\n\n- 3e9b5ab: fix: fix autoslide and selected index scroll [MDS-1320]\n- Updated dependencies [3e9b5ab]\n  - @heathmont/moon-core-tw@10.17.4\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n- d0c40fd: feat: update license to GPL\n- ad824db: feat: update license to GPL\n- 0111dde: Add Typography page [MDS-1062]\n- 3f09e8e: fix: footer license link\n- Updated dependencies [5debd57]\n- Updated dependencies\n  - @heathmont/moon-table-v8-tw@10.17.3\n  - @heathmont/moon-themes-tw@10.17.3\n  - @heathmont/moon-base-tw@10.17.3\n  - @heathmont/moon-cmdk-tw@10.17.3\n  - @heathmont/moon-core-tw@10.17.3\n\n## 10.17.2\n\n### Patch Changes\n\n- Fix CellBorder return from undefined to null\n- Updated dependencies\n  - @heathmont/moon-table-v8-tw@10.17.2\n\n## 10.17.1\n\n### Patch Changes\n\n- Updated docs Accordion example\n\n## 10.17.0\n\n### Minor Changes\n\n- 9ec1d47: feat: remove necessity of installation of @tanstack package [MDS-1181]\n\n### Patch Changes\n\n- Updated dependencies [9ec1d47]\n  - @heathmont/moon-table-v8-tw@10.17.0\n\n## 10.16.1\n\n### Patch Changes\n\n- 884cf84: fix: add missing keys to Table map functions, remove unnecessary scroll on right sidebar in docs [MDS-1175]\n- 772195f: Add Contribution page [MDS-1064]\n- cdcfbab: fix: accessibility issue in TableProps component [MDS-950]\n- ab7501c: Add Themes page to documentation\n- 4d38494: Add Google Analytics [MDS-1066]\n- Updated dependencies [884cf84]\n  - @heathmont/moon-table-v8-tw@10.16.1\n\n## 10.16.0\n\n### Minor Changes\n\n- ac50cda: feat: update hover logics for Button and IconButton. Add hover-supported @media to MDS configuration file\n\n### Patch Changes\n\n- 18e3224: Add Installation page [MDS-1065]\n- Updated dependencies [ac50cda]\n  - @heathmont/moon-core-tw@10.16.0\n\n## 10.15.0\n\n### Minor Changes\n\n- d71a61f: docs: add Our contributors section on the main page [MDS-1061]\n- f557d96: Add version number to every component page title [MDS-1086]\n\n### Patch Changes\n\n- c032714: Update icons set, overall style improvements, useContributors hook fix [MDS-1085]\n- 64d9592: docs: Update AuthCode preview image [MDS-1083]\n- Updated dependencies [240db00]\n  - @heathmont/moon-themes-tw@10.15.0\n\n## 10.14.2\n\n### Patch Changes\n\n- a43ad4e: build: utilize pnpm@8.15.6\n  build: fix npm registry path\n\n## 10.14.1\n\n### Patch Changes\n\n- 4ba7fe4: docs: add syntax highlight for code previews [MDS-1058]\n- 42b4b3a: Added navigation to Release page [MDS-1044]\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n- Updated dependencies [dc17021]\n- Updated dependencies [56c7165]\n  - @heathmont/moon-themes-tw@10.14.1\n  - @heathmont/moon-table-v8-tw@10.14.1\n  - @heathmont/moon-base-tw@10.14.1\n  - @heathmont/moon-cmdk-tw@10.14.1\n  - @heathmont/moon-core-tw@10.14.1\n\n## 10.14.0\n\n### Minor Changes\n\n- b4a0fce: docs: fix windows scrollbar styling, add color-scheme to dark theme\n- 6a576cf: fix: incorrect definition of the enum type in props tables [MDS-1029]\n- aec715c: The anchors have been replaced with the Next Link components [MDS-1037]\n- 1a84c8b: feat(Table): the cell border customization has been added [MDS-1023]\n- 9b3b12a: feat: а set of component cards is displayed on the main page [MDS-1028]\n- 306ffe5: fix: the pre-build step of component descriptions generation is enabled [MDS-1036]\n\n### Patch Changes\n\n- 48129e5: chore: update CONTRIBUTING.md regarding changeset\n- d9276b8: fix: Dark Mode & RTL Flickering [MDS-1024]\n- b9ea351: chore: bump e2e screenshots after packages migration\n- dc1f0a2: chore(docs): update navigation buttons colors & sidebar padding\n- 2b3a562: Added linting for newly generated datasets before pushing.\n- ab8698c: docs: update desktop and mobile layouts\n- 8266681: TagsInput: The maximum width of the components has been limited.\n  TagsInput: Functionality is split for each example instance.\n- ade08b1: docs: hide components from the main page, test optimization\n- 3328be8: The generator of the changelog total data file has been added [MDS-1018]\n- 67a7327: fix: z-indices for Combobox and Search\n- 829fdc1: feat: Chip - as polymorphic component\n- Updated dependencies [0302fc9]\n- Updated dependencies [1a84c8b]\n- Updated dependencies [67a7327]\n- Updated dependencies [829fdc1]\n  - @heathmont/moon-table-v8-tw@10.14.0\n  - @heathmont/moon-core-tw@10.14.0\n",
   "packages/base":
     "# @heathmont/moon-base-tw\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n\n## 10.14.1\n\n### Patch Changes\n\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n\n## 10.13.5\n\n### Patch Changes\n\n- bump version to 10.13.5\n",
   "packages/cmdk":
     "# @heathmont/moon-cmdk-tw\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n- Updated dependencies [5debd57]\n  - @heathmont/moon-core-tw@10.17.3\n\n## 10.14.1\n\n### Patch Changes\n\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n- Updated dependencies [56c7165]\n  - @heathmont/moon-core-tw@10.14.1\n\n## 10.13.5\n\n### Patch Changes\n\n- bump version to 10.13.5\n- Updated dependencies\n  - @heathmont/moon-core-tw@10.13.5\n",
   "packages/core":
-    "# @heathmont/moon-core-tw\n\n## 10.17.4\n\n### Patch Changes\n\n- 3e9b5ab: fix: fix autoslide and selected index scroll [MDS-1320]\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n\n## 10.16.0\n\n### Minor Changes\n\n- ac50cda: feat: update hover logics for Button and IconButton. Add hover-supported @media to MDS configuration file\n\n## 10.14.1\n\n### Patch Changes\n\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n\n## 10.14.0\n\n### Patch Changes\n\n- 67a7327: fix: z-indices for Combobox and Search\n- 829fdc1: feat: Chip - as polymorphic component\n",
+    "# @heathmont/moon-core-tw\n\n## 10.18.0\n\n### Minor Changes\n\n- 5718ac9: fix: open options list on input focus [MDS-1378]\n\n### Patch Changes\n\n- 88fad71: feat: Add File Input component [MDS-1365]\n\n## 10.17.4\n\n### Patch Changes\n\n- 3e9b5ab: fix: fix autoslide and selected index scroll [MDS-1320]\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n\n## 10.16.0\n\n### Minor Changes\n\n- ac50cda: feat: update hover logics for Button and IconButton. Add hover-supported @media to MDS configuration file\n\n## 10.14.1\n\n### Patch Changes\n\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n\n## 10.14.0\n\n### Patch Changes\n\n- 67a7327: fix: z-indices for Combobox and Search\n- 829fdc1: feat: Chip - as polymorphic component\n",
   "packages/table-v8":
-    "# @heathmont/moon-table-v8-tw\n\n## 10.17.5\n\n### Patch Changes\n\n- d4becdb: fix: add accessor key to select column to avoid crashing when no data is present [MDS-1321]\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n- fix: CellBorder return null, when withBorder is not theu\n- Updated dependencies [5debd57]\n  - @heathmont/moon-core-tw@10.17.3\n\n## 10.17.2\n\n### Patch Changes\n\n- Fix CellBorder return from undefined to null\n\n## 10.17.0\n\n### Minor Changes\n\n- 9ec1d47: feat: remove necessity of installation of @tanstack package [MDS-1181]\n\n## 10.16.1\n\n### Patch Changes\n\n- 884cf84: fix: add missing keys to Table map functions, remove unnecessary scroll on right sidebar in docs [MDS-1175]\n\n## 10.14.1\n\n### Patch Changes\n\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n- Updated dependencies [56c7165]\n  - @heathmont/moon-core-tw@10.14.1\n\n## 10.14.0\n\n### Minor Changes\n\n- 1a84c8b: feat(Table): the cell border customization has been added [MDS-1023]\n\n### Patch Changes\n\n- 0302fc9: fix: the widths of the sticky cells have been adjusted [MDS-1025]\n- Updated dependencies [67a7327]\n- Updated dependencies [829fdc1]\n  - @heathmont/moon-core-tw@10.14.0\n",
+    "# @heathmont/moon-table-v8-tw\n\n## 10.18.0\n\n### Minor Changes\n\n- c691086: feat: Add column visibility to table v8 [MDS-1374]\n\n### Patch Changes\n\n- 98f923f: Fix: Show table content on safari for moon docs [MDS-1375]\n- Updated dependencies [5718ac9]\n- Updated dependencies [88fad71]\n  - @heathmont/moon-core-tw@10.18.0\n\n## 10.17.5\n\n### Patch Changes\n\n- d4becdb: fix: add accessor key to select column to avoid crashing when no data is present [MDS-1321]\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n- fix: CellBorder return null, when withBorder is not theu\n- Updated dependencies [5debd57]\n  - @heathmont/moon-core-tw@10.17.3\n\n## 10.17.2\n\n### Patch Changes\n\n- Fix CellBorder return from undefined to null\n\n## 10.17.0\n\n### Minor Changes\n\n- 9ec1d47: feat: remove necessity of installation of @tanstack package [MDS-1181]\n\n## 10.16.1\n\n### Patch Changes\n\n- 884cf84: fix: add missing keys to Table map functions, remove unnecessary scroll on right sidebar in docs [MDS-1175]\n\n## 10.14.1\n\n### Patch Changes\n\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n- Updated dependencies [56c7165]\n  - @heathmont/moon-core-tw@10.14.1\n\n## 10.14.0\n\n### Minor Changes\n\n- 1a84c8b: feat(Table): the cell border customization has been added [MDS-1023]\n\n### Patch Changes\n\n- 0302fc9: fix: the widths of the sticky cells have been adjusted [MDS-1025]\n- Updated dependencies [67a7327]\n- Updated dependencies [829fdc1]\n  - @heathmont/moon-core-tw@10.14.0\n",
   "packages/themes":
     "# @heathmont/moon-themes-tw\n\n## 10.17.3\n\n### Patch Changes\n\n- 5debd57: fix: update license to MIT\n\n## 10.15.0\n\n### Patch Changes\n\n- 240db00: fix: update bitcasino hit color\n\n## 10.14.1\n\n### Patch Changes\n\n- dc17021: feat: new bitcasino colors and font\n- 56c7165: fix: update instances of github repo links [MDS-1056]\n\n## 10.13.5\n\n### Patch Changes\n\n- bump version to 10.13.5\n",
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -20,4 +20,4 @@ @@
         "@heathmont/moon-*": ["./packages/*/src", "./docs/src"]
       },
       "exclude": ["node_modules"]
-    }
+    }