@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.
- package/CHANGELOG.md +36 -0
- package/buildTokens.js +22 -4
- package/dist/demosplan-ui.umd.js +1 -1
- package/package.json +2 -1
- package/src/components/DpButton/DpButton.stories.mdx +17 -0
- package/src/components/DpButton/DpButton.vue +23 -2
- package/src/components/DpDataTable/DpDataTableExtended.vue +1 -1
- package/src/components/DpFormRow/DpFormRow.vue +1 -1
- package/src/components/DpIcon/DpIcon.stories.mdx +22 -0
- package/src/components/DpIcon/util/iconVariables.js +8 -0
- package/src/components/DpInput/DpInput.vue +1 -0
- package/src/components/DpSelect/DpSelect.stories.mdx +96 -0
- package/src/components/DpSelect/DpSelect.vue +10 -8
- package/src/components/DpTabs/DpTabs.stories.mdx +39 -0
- package/src/components/core/DpBulkEditHeader.vue +1 -1
- package/src/components/shared/translations.js +2 -1
- package/src/index.js +21 -265
- package/style/style.css +177 -397
- package/tailwind.config.js +26 -1
- package/tests/form/DpSelect.spec.js +3 -2
- package/tokens/dist/js/boxShadow.js +169 -0
- package/tokens/dist/js/breakpoints.js +93 -0
- package/tokens/dist/js/color.brand.js +149 -0
- package/tokens/dist/js/color.data.js +607 -0
- package/tokens/dist/js/color.palette.js +1357 -0
- package/tokens/dist/js/color.ui.js +1466 -0
- package/tokens/dist/js/fontSize.js +495 -0
- package/tokens/dist/js/rounded.js +207 -0
- package/tokens/dist/js/space.js +162 -0
- package/tokens/dist/js/zIndex.js +161 -0
- package/tokens/dist/scss/_boxShadow.scss +12 -0
- package/tokens/dist/scss/_breakpoints.scss +8 -0
- package/tokens/dist/scss/_color.brand.scss +10 -0
- package/tokens/dist/scss/_color.data.scss +32 -0
- package/tokens/dist/scss/_color.palette.scss +62 -0
- package/tokens/dist/scss/_color.ui.scss +61 -0
- package/tokens/dist/scss/_fontSize.scss +26 -0
- package/tokens/dist/scss/_rounded.scss +14 -0
- package/tokens/dist/scss/_space.scss +13 -0
- package/tokens/dist/scss/_zIndex.scss +12 -0
- package/tokens/scss/_boxShadow.scss +1 -1
- package/tokens/scss/_color.brand.scss +1 -1
- package/tokens/scss/_color.data.scss +1 -1
- package/tokens/scss/_color.palette.scss +1 -1
- package/tokens/scss/_color.ui.scss +1 -1
- package/tokens/scss/_fontSize.scss +1 -1
- package/tokens/scss/_rounded.scss +1 -1
- package/tokens/scss/_space.scss +1 -1
- package/tokens/{boxShadow.json → src/boxShadow.json} +21 -5
- package/tokens/src/breakpoints.json +24 -0
- package/tokens/src/rounded.json +48 -0
- package/tokens/src/zIndex.json +36 -0
- package/tokens/{tokens.box.shadow.stories.mdx → tokens.boxShadow.stories.mdx} +18 -10
- package/tokens/tokens.breakpoints.stories.mdx +54 -0
- package/tokens/tokens.zIndex.stories.mdx +61 -0
- package/tokens/rounded.json +0 -29
- /package/tokens/{_.json → src/_.json} +0 -0
- /package/tokens/{color → src/color}/color.brand.json +0 -0
- /package/tokens/{color → src/color}/color.data.json +0 -0
- /package/tokens/{color → src/color}/color.palette.json +0 -0
- /package/tokens/{color → src/color}/color.ui.json +0 -0
- /package/tokens/{fontSize.json → src/fontSize.json} +0 -0
- /package/tokens/{space.json → src/space.json} +0 -0
- /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: `
|
|
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
|
})
|