@demos-europe/demosplan-ui 0.1.7 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/buildTokens.js +22 -4
  3. package/dist/demosplan-ui.umd.js +1 -1
  4. package/package.json +2 -1
  5. package/src/components/DpButton/DpButton.stories.mdx +17 -0
  6. package/src/components/DpButton/DpButton.vue +23 -2
  7. package/src/components/DpDataTable/DpDataTableExtended.vue +1 -1
  8. package/src/components/DpFormRow/DpFormRow.vue +1 -1
  9. package/src/components/DpIcon/DpIcon.stories.mdx +22 -0
  10. package/src/components/DpIcon/util/iconVariables.js +8 -0
  11. package/src/components/DpInput/DpInput.vue +1 -0
  12. package/src/components/DpSelect/DpSelect.stories.mdx +96 -0
  13. package/src/components/DpSelect/DpSelect.vue +10 -8
  14. package/src/components/DpTabs/DpTabs.stories.mdx +39 -0
  15. package/src/components/core/DpBulkEditHeader.vue +1 -1
  16. package/src/components/shared/translations.js +2 -1
  17. package/src/index.js +21 -265
  18. package/style/style.css +177 -397
  19. package/tailwind.config.js +26 -1
  20. package/tests/form/DpSelect.spec.js +3 -2
  21. package/tokens/dist/js/boxShadow.js +169 -0
  22. package/tokens/dist/js/breakpoints.js +93 -0
  23. package/tokens/dist/js/color.brand.js +149 -0
  24. package/tokens/dist/js/color.data.js +607 -0
  25. package/tokens/dist/js/color.palette.js +1357 -0
  26. package/tokens/dist/js/color.ui.js +1466 -0
  27. package/tokens/dist/js/fontSize.js +495 -0
  28. package/tokens/dist/js/rounded.js +207 -0
  29. package/tokens/dist/js/space.js +162 -0
  30. package/tokens/dist/js/zIndex.js +161 -0
  31. package/tokens/dist/scss/_boxShadow.scss +12 -0
  32. package/tokens/dist/scss/_breakpoints.scss +8 -0
  33. package/tokens/dist/scss/_color.brand.scss +10 -0
  34. package/tokens/dist/scss/_color.data.scss +32 -0
  35. package/tokens/dist/scss/_color.palette.scss +62 -0
  36. package/tokens/dist/scss/_color.ui.scss +61 -0
  37. package/tokens/dist/scss/_fontSize.scss +26 -0
  38. package/tokens/dist/scss/_rounded.scss +14 -0
  39. package/tokens/dist/scss/_space.scss +13 -0
  40. package/tokens/dist/scss/_zIndex.scss +12 -0
  41. package/tokens/scss/_boxShadow.scss +1 -1
  42. package/tokens/scss/_color.brand.scss +1 -1
  43. package/tokens/scss/_color.data.scss +1 -1
  44. package/tokens/scss/_color.palette.scss +1 -1
  45. package/tokens/scss/_color.ui.scss +1 -1
  46. package/tokens/scss/_fontSize.scss +1 -1
  47. package/tokens/scss/_rounded.scss +1 -1
  48. package/tokens/scss/_space.scss +1 -1
  49. package/tokens/{boxShadow.json → src/boxShadow.json} +21 -5
  50. package/tokens/src/breakpoints.json +24 -0
  51. package/tokens/src/rounded.json +48 -0
  52. package/tokens/src/zIndex.json +36 -0
  53. package/tokens/{tokens.box.shadow.stories.mdx → tokens.boxShadow.stories.mdx} +18 -10
  54. package/tokens/tokens.breakpoints.stories.mdx +54 -0
  55. package/tokens/tokens.zIndex.stories.mdx +61 -0
  56. package/tokens/rounded.json +0 -29
  57. /package/tokens/{_.json → src/_.json} +0 -0
  58. /package/tokens/{color → src/color}/color.brand.json +0 -0
  59. /package/tokens/{color → src/color}/color.data.json +0 -0
  60. /package/tokens/{color → src/color}/color.palette.json +0 -0
  61. /package/tokens/{color → src/color}/color.ui.json +0 -0
  62. /package/tokens/{fontSize.json → src/fontSize.json} +0 -0
  63. /package/tokens/{space.json → src/space.json} +0 -0
  64. /package/tokens/{tokens.font.size.stories.mdx → tokens.fontSize.stories.mdx} +0 -0
package/CHANGELOG.md CHANGED
@@ -4,12 +4,48 @@ Since v0.0.10, this Changelog is formatted according to the [Common Changelog][c
4
4
 
5
5
  ## UNRELEASED
6
6
 
7
+ ## v0.1.9 - 2023-13-07
8
+
9
+ ### Removed
10
+
11
+ - ([#357](https://github.com/demos-europe/demosplan-ui/pull/357)) Remove Translator from DpSelect ([@ahmad-demos](https://github.com/ahmad-demos))
12
+
13
+ ### Changed
14
+
15
+ - ([#314](https://github.com/demos-europe/demosplan-ui/pull/314), [#363](https://github.com/demos-europe/demosplan-ui/pull/363)) Use Barrel Export ([@salisdemos](https://github.com/@salisdemos))
16
+ - ([#361](https://github.com/demos-europe/demosplan-ui/pull/361)) **Breaking:** Move compiled token files to "tokens/dist" folder", add borderRadius, boxShadow, breakpoints and z-index tokens to Tailwind config, deprecate old box-shadow and rounded Scss tokens ([@spiess-demos](https://github.com/spiess-demos))
17
+
18
+ ### Added
19
+
20
+ - ([#364](https://github.com/demos-europe/demosplan-ui/pull/364)) Add Prop IconSize to DpButton ([@salisdemos](https://github.com/@salisdemos))
21
+ - ([#344](https://github.com/demos-europe/demosplan-ui/pull/344)) Add documentation for DpTabs ([@ahmad-demos](https://github.com/@ahmad-demos))
22
+ - ([#333](https://github.com/demos-europe/demosplan-ui/pull/333)) Add "rounded" prop to DpButton, add "arrow-up" and "arrow-down" icons to DpIcon ([@spiess-demos](https://github.com/spiess-demos))
23
+
24
+ ## v0.1.8 - 2023-07-07
25
+
26
+ ### Added
27
+
28
+ - ([#356](https://github.com/demos-europe/demosplan-ui/pull/356)) Add "blur" event in DpInput ([@salisdemos](https://github.com/@salisdemos))
29
+
7
30
  ## v0.1.7 - 2023-06-27
8
31
 
9
32
  ### Changed
10
33
  - ([#325](https://github.com/demos-europe/demosplan-ui/pull/325)) **Breaking:** Remove spacing classes from DpAnonymizeText ([@ahmad-demos](https://github.com/ahmad-demos))
11
34
 
12
35
  ### Added
36
+
37
+ - ([#356](https://github.com/demos-europe/demosplan-ui/pull/356)) Add "blur" event in DpInput ([@salisdemos](https://github.com/@salisdemos))
38
+ - ([#344](https://github.com/demos-europe/demosplan-ui/pull/344)) Add documentation for DpTabs ([@ahmad-demos](https://github.com/@ahmad-demos))
39
+ - ([#333](https://github.com/demos-europe/demosplan-ui/pull/333)) Add "rounded" prop to DpButton, add "arrow-up" and "arrow-down" icons to DpIcon ([@spiess-demos](https://github.com/spiess-demos))
40
+
41
+ ## v0.1.7 - 2023-06-27
42
+
43
+ ### Changed
44
+
45
+ - ([#325](https://github.com/demos-europe/demosplan-ui/pull/325), [#327](https://github.com/demos-europe/demosplan-ui/pull/327)), [#334](https://github.com/demos-europe/demosplan-ui/pull/334)), [#335](https://github.com/demos-europe/demosplan-ui/pull/335)) **Breaking:** Remove spacing classes from DpAnonymizeText, DpBulkEditHeader, DpFormRow and DpDataTableExtended ([@ahmad-demos](https://github.com/ahmad-demos))
46
+
47
+ ### Added
48
+
13
49
  - ([#318](https://github.com/demos-europe/demosplan-ui/pull/318)) Add a method called externalApi to make external API calls without including default headers ([@sakutademos](https://github.com/sakutademos))
14
50
 
15
51
  ## v0.1.6 - 2023-06-22
package/buildTokens.js CHANGED
@@ -3,11 +3,12 @@ const StyleDictionary = require('style-dictionary')
3
3
 
4
4
  const prefix = 'dp-'
5
5
 
6
- const tokensPath = 'tokens/**/*.json'
6
+ const tokensPath = 'tokens/src/**/*.json'
7
+
7
8
  const files = glob
8
9
  .sync(tokensPath)
9
10
  .map(filePath => filePath
10
- .replace('tokens/', '')
11
+ .replace('tokens/src/', '')
11
12
  .replace('color/', '')
12
13
  .replace('.json', ''))
13
14
  // Do not render tokens only used internally
@@ -22,6 +23,9 @@ StyleDictionary.registerTransform({
22
23
  if (token.path[0] === 'color' || token.path[0] === 'font-size') {
23
24
  token.path.splice(1, 1)
24
25
  }
26
+ if (token.path[1] === 'DEFAULT') {
27
+ token.path.splice(1, 1)
28
+ }
25
29
  return prefix + token.path.join('-')
26
30
  }
27
31
  })
@@ -36,10 +40,10 @@ const StyleDictionaryExtended = StyleDictionary.extend({
36
40
  platforms: {
37
41
  scss: {
38
42
  transformGroup: 'custom/scss',
39
- buildPath: 'tokens/',
43
+ buildPath: 'tokens/dist/scss/',
40
44
  files: files.map((filePath) => {
41
45
  return {
42
- destination: `scss/_${filePath}.scss`,
46
+ destination: `_${filePath}.scss`,
43
47
  format: 'scss/variables',
44
48
  filter: (token) => token.filePath.includes(filePath),
45
49
  options: {
@@ -47,6 +51,20 @@ const StyleDictionaryExtended = StyleDictionary.extend({
47
51
  }
48
52
  }
49
53
  })
54
+ },
55
+ js: {
56
+ transformGroup: 'js',
57
+ buildPath: 'tokens/dist/js/',
58
+ files: files.map((filePath) => {
59
+ return {
60
+ destination: `${filePath}.js`,
61
+ format: 'javascript/module',
62
+ filter: (token) => token.filePath.includes(filePath),
63
+ options: {
64
+ outputReferences: true
65
+ }
66
+ }
67
+ })
50
68
  }
51
69
  }
52
70
  })