@demos-europe/demosplan-ui 0.3.30 → 0.3.31

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 (24) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/package.json +1 -1
  3. package/scripts/utils/transformTokens.js +7 -1
  4. package/tokens/dist/js/boxShadow.js +1 -1
  5. package/tokens/dist/js/breakpoints.js +1 -1
  6. package/tokens/dist/js/color.brand.js +1 -1
  7. package/tokens/dist/js/color.data.js +1 -1
  8. package/tokens/dist/js/color.palette.js +1 -1
  9. package/tokens/dist/js/color.ui.js +1 -1
  10. package/tokens/dist/js/fontSize.js +1 -1
  11. package/tokens/dist/js/rounded.js +1 -1
  12. package/tokens/dist/js/space.js +1 -1
  13. package/tokens/dist/js/zIndex.js +1 -1
  14. package/tokens/dist/scss/_boxShadow.scss +1 -1
  15. package/tokens/dist/scss/_breakpoints.scss +1 -1
  16. package/tokens/dist/scss/_color.brand.scss +1 -1
  17. package/tokens/dist/scss/_color.data.scss +1 -1
  18. package/tokens/dist/scss/_color.palette.scss +1 -1
  19. package/tokens/dist/scss/_color.ui.scss +1 -1
  20. package/tokens/dist/scss/_fontSize.scss +1 -1
  21. package/tokens/dist/scss/_rounded.scss +1 -1
  22. package/tokens/dist/scss/_space.scss +1 -1
  23. package/tokens/dist/scss/_zIndex.scss +1 -1
  24. package/tokens/dist/tailwind/breakpoints.js +4 -4
package/CHANGELOG.md CHANGED
@@ -4,6 +4,11 @@ Since v0.0.10, this Changelog is formatted according to the [Common Changelog][c
4
4
 
5
5
  ## UNRELEASED
6
6
 
7
+ ## v0.3.31 - 2024-09-09
8
+
9
+ ### Fixed
10
+ - ([#1011](https://github.com/demos-europe/demosplan-ui/pull/1011)) Fix breakpoint values in Tailwind config ([@spiess-demos](https://github.com/spiess-demos))
11
+
7
12
  ## v0.3.30 - 2024-09-04
8
13
 
9
14
  ### Added
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@demos-europe/demosplan-ui",
3
- "version": "0.3.30",
3
+ "version": "0.3.31",
4
4
  "license": "MIT",
5
5
  "description": "Vue components, Vue directives, Design Token and Scss files to build interfaces for demosPlan.",
6
6
  "main": "./dist/demosplan-ui.umd.js",
package/scripts/utils/transformTokens.js CHANGED
@@ -33,11 +33,17 @@ const lowerCamelToDash = (str) => {
33
33
 
34
34
  // Build Css variables chain to resolve aliases
35
35
  const transformTailwindTokenValue = (token, formatterArguments) => {
36
+ let current = token
37
+
38
+ // Css variables are not supported within media queries. See https://stackoverflow.com/a/40723269
39
+ if (token.path[0] === 'breakpoints') {
40
+ return current.original.value
41
+ }
42
+
36
43
  const { dictionary, platform } = formatterArguments
37
44
  const varName = `--${platform.prefix}${transformTailwindTokenName(token, true).replace(/\./g, '-')}`
38
45
  let fallback = resolveValue(token, dictionary)
39
46
 
40
- let current = token
41
47
  let cssVar = `var(${varName}`
42
48
  while (current.original && current.original.value.startsWith('{')) {
43
49
  const ref = dictionary.getReferences(current.original.value)[0]
package/tokens/dist/js/boxShadow.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/color.brand.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/color.data.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/color.palette.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/color.ui.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/fontSize.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/rounded.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/space.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/js/zIndex.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ * Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens/dist/scss/_boxShadow.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-box-shadow-xl: 0 0 16px rgb(0 0 0 / 20%), 0 0 3px rgb(0 0 0 / 50%) !default;
package/tokens/dist/scss/_breakpoints.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-breakpoints-xl: 1400px;
package/tokens/dist/scss/_color.brand.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-color-highlight-contrast: $dp-color-white !default;
package/tokens/dist/scss/_color.data.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-color-11-11: #313695;
package/tokens/dist/scss/_color.palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-color-magenta-dark-2: #650324 !default;
package/tokens/dist/scss/_color.ui.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-color-background-medium: $dp-color-neutral-light-3 !default;
package/tokens/dist/scss/_fontSize.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-font-size-7: 50px !default;
package/tokens/dist/scss/_rounded.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-rounded-full: 9999px;
package/tokens/dist/scss/_space.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-space-1_5: 9px;
package/tokens/dist/scss/_zIndex.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 04 Sep 2024 08:43:38 GMT
3
+ // Generated on Mon, 09 Sep 2024 07:34:01 GMT
4
4
 
5
5
 
6
6
  $dp-z-ultimate: 10000;
package/tokens/dist/tailwind/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  module.exports = {
2
- "sm": "var(--dp-breakpoints-sm, 620px)",
3
- "md": "var(--dp-breakpoints-md, 904px)",
4
- "lg": "var(--dp-breakpoints-lg, 1200px)",
5
- "xl": "var(--dp-breakpoints-xl, 1400px)"
2
+ "sm": "620px",
3
+ "md": "904px",
4
+ "lg": "1200px",
5
+ "xl": "1400px"
6
6
  };