@commercetools-uikit/design-system 16.6.0 → 16.7.0

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 (8) hide show
  1. package/dist/commercetools-uikit-design-system.cjs.dev.js +5 -1
  2. package/dist/commercetools-uikit-design-system.cjs.prod.js +5 -1
  3. package/dist/commercetools-uikit-design-system.esm.js +5 -1
  4. package/dist/declarations/src/design-tokens.d.ts +4 -0
  5. package/materials/custom-properties.css +2 -0
  6. package/materials/custom-properties.json +2 -0
  7. package/materials/internals/definition.yaml +2 -0
  8. package/package.json +2 -2
package/dist/commercetools-uikit-design-system.cjs.dev.js CHANGED
@@ -54,7 +54,9 @@ var kebabCase__default = /*#__PURE__*/_interopDefault(kebabCase);
54
54
  const themes = {
55
55
  default: {
56
56
  colorPrimary: '#00b39e',
57
+ colorPrimary20: 'hsl(172.9608938547486, 100%, 20%)',
57
58
  colorPrimary25: 'hsl(172.9608938547486, 100%, 25%)',
59
+ colorPrimary30: 'hsl(172.9608938547486, 100%, 30%)',
58
60
  colorPrimary40: 'hsl(172.9608938547486, 100%, 40%)',
59
61
  colorPrimary85: 'hsl(172.9608938547486, 100%, 85%)',
60
62
  colorPrimary95: 'hsl(172.9608938547486, 100%, 95%)',
@@ -539,7 +541,9 @@ const themes = {
539
541
  };
540
542
  const designTokens = {
541
543
  colorPrimary: 'var(--color-primary, #00b39e)',
544
+ colorPrimary20: 'var(--color-primary-20, hsl(172.9608938547486, 100%, 20%))',
542
545
  colorPrimary25: 'var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))',
546
+ colorPrimary30: 'var(--color-primary-30, hsl(172.9608938547486, 100%, 30%))',
543
547
  colorPrimary40: 'var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))',
544
548
  colorPrimary85: 'var(--color-primary-85, hsl(172.9608938547486, 100%, 85%))',
545
549
  colorPrimary95: 'var(--color-primary-95, hsl(172.9608938547486, 100%, 95%))',
@@ -1150,7 +1154,7 @@ const withThemeContext = WrappedComponent => {
1150
1154
  };
1151
1155
 
1152
1156
  // NOTE: This string will be replaced on build time with the package version.
1153
- var version = "16.6.0";
1157
+ var version = "16.7.0";
1154
1158
 
1155
1159
  exports.ThemeProvider = ThemeProvider;
1156
1160
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.cjs.prod.js CHANGED
@@ -54,7 +54,9 @@ var kebabCase__default = /*#__PURE__*/_interopDefault(kebabCase);
54
54
  const themes = {
55
55
  default: {
56
56
  colorPrimary: '#00b39e',
57
+ colorPrimary20: 'hsl(172.9608938547486, 100%, 20%)',
57
58
  colorPrimary25: 'hsl(172.9608938547486, 100%, 25%)',
59
+ colorPrimary30: 'hsl(172.9608938547486, 100%, 30%)',
58
60
  colorPrimary40: 'hsl(172.9608938547486, 100%, 40%)',
59
61
  colorPrimary85: 'hsl(172.9608938547486, 100%, 85%)',
60
62
  colorPrimary95: 'hsl(172.9608938547486, 100%, 95%)',
@@ -539,7 +541,9 @@ const themes = {
539
541
  };
540
542
  const designTokens = {
541
543
  colorPrimary: 'var(--color-primary, #00b39e)',
544
+ colorPrimary20: 'var(--color-primary-20, hsl(172.9608938547486, 100%, 20%))',
542
545
  colorPrimary25: 'var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))',
546
+ colorPrimary30: 'var(--color-primary-30, hsl(172.9608938547486, 100%, 30%))',
543
547
  colorPrimary40: 'var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))',
544
548
  colorPrimary85: 'var(--color-primary-85, hsl(172.9608938547486, 100%, 85%))',
545
549
  colorPrimary95: 'var(--color-primary-95, hsl(172.9608938547486, 100%, 95%))',
@@ -1150,7 +1154,7 @@ const withThemeContext = WrappedComponent => {
1150
1154
  };
1151
1155
 
1152
1156
  // NOTE: This string will be replaced on build time with the package version.
1153
- var version = "16.6.0";
1157
+ var version = "16.7.0";
1154
1158
 
1155
1159
  exports.ThemeProvider = ThemeProvider;
1156
1160
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.esm.js CHANGED
@@ -29,7 +29,9 @@ import { jsx } from '@emotion/react/jsx-runtime';
29
29
  const themes = {
30
30
  default: {
31
31
  colorPrimary: '#00b39e',
32
+ colorPrimary20: 'hsl(172.9608938547486, 100%, 20%)',
32
33
  colorPrimary25: 'hsl(172.9608938547486, 100%, 25%)',
34
+ colorPrimary30: 'hsl(172.9608938547486, 100%, 30%)',
33
35
  colorPrimary40: 'hsl(172.9608938547486, 100%, 40%)',
34
36
  colorPrimary85: 'hsl(172.9608938547486, 100%, 85%)',
35
37
  colorPrimary95: 'hsl(172.9608938547486, 100%, 95%)',
@@ -514,7 +516,9 @@ const themes = {
514
516
  };
515
517
  const designTokens = {
516
518
  colorPrimary: 'var(--color-primary, #00b39e)',
519
+ colorPrimary20: 'var(--color-primary-20, hsl(172.9608938547486, 100%, 20%))',
517
520
  colorPrimary25: 'var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))',
521
+ colorPrimary30: 'var(--color-primary-30, hsl(172.9608938547486, 100%, 30%))',
518
522
  colorPrimary40: 'var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))',
519
523
  colorPrimary85: 'var(--color-primary-85, hsl(172.9608938547486, 100%, 85%))',
520
524
  colorPrimary95: 'var(--color-primary-95, hsl(172.9608938547486, 100%, 95%))',
@@ -1125,6 +1129,6 @@ const withThemeContext = WrappedComponent => {
1125
1129
  };
1126
1130
 
1127
1131
  // NOTE: This string will be replaced on build time with the package version.
1128
- var version = "16.6.0";
1132
+ var version = "16.7.0";
1129
1133
 
1130
1134
  export { ThemeProvider, designTokens$1 as customProperties, designTokens$1 as designTokens, themes, transformTokensToCssVarsReferences, transformTokensToCssVarsValues, useTheme, version, withThemeContext };
package/dist/declarations/src/design-tokens.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export declare const themes: {
2
2
  readonly default: {
3
3
  readonly colorPrimary: "#00b39e";
4
+ readonly colorPrimary20: "hsl(172.9608938547486, 100%, 20%)";
4
5
  readonly colorPrimary25: "hsl(172.9608938547486, 100%, 25%)";
6
+ readonly colorPrimary30: "hsl(172.9608938547486, 100%, 30%)";
5
7
  readonly colorPrimary40: "hsl(172.9608938547486, 100%, 40%)";
6
8
  readonly colorPrimary85: "hsl(172.9608938547486, 100%, 85%)";
7
9
  readonly colorPrimary95: "hsl(172.9608938547486, 100%, 95%)";
@@ -486,7 +488,9 @@ export declare const themes: {
486
488
  };
487
489
  declare const designTokens: {
488
490
  readonly colorPrimary: "var(--color-primary, #00b39e)";
491
+ readonly colorPrimary20: "var(--color-primary-20, hsl(172.9608938547486, 100%, 20%))";
489
492
  readonly colorPrimary25: "var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))";
493
+ readonly colorPrimary30: "var(--color-primary-30, hsl(172.9608938547486, 100%, 30%))";
490
494
  readonly colorPrimary40: "var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))";
491
495
  readonly colorPrimary85: "var(--color-primary-85, hsl(172.9608938547486, 100%, 85%))";
492
496
  readonly colorPrimary95: "var(--color-primary-95, hsl(172.9608938547486, 100%, 95%))";
package/materials/custom-properties.css CHANGED
@@ -7,7 +7,9 @@
7
7
 
8
8
  :root {
9
9
  --color-primary: #00b39e;
10
+ --color-primary-20: hsl(172.9608938547486, 100%, 20%);
10
11
  --color-primary-25: hsl(172.9608938547486, 100%, 25%);
12
+ --color-primary-30: hsl(172.9608938547486, 100%, 30%);
11
13
  --color-primary-40: hsl(172.9608938547486, 100%, 40%);
12
14
  --color-primary-85: hsl(172.9608938547486, 100%, 85%);
13
15
  --color-primary-95: hsl(172.9608938547486, 100%, 95%);
package/materials/custom-properties.json CHANGED
@@ -1,6 +1,8 @@
1
1
  {
2
2
  "--color-primary": "#00b39e",
3
+ "--color-primary-20": "hsl(172.9608938547486, 100%, 20%)",
3
4
  "--color-primary-25": "hsl(172.9608938547486, 100%, 25%)",
5
+ "--color-primary-30": "hsl(172.9608938547486, 100%, 30%)",
4
6
  "--color-primary-40": "hsl(172.9608938547486, 100%, 40%)",
5
7
  "--color-primary-85": "hsl(172.9608938547486, 100%, 85%)",
6
8
  "--color-primary-95": "hsl(172.9608938547486, 100%, 95%)",
package/materials/internals/definition.yaml CHANGED
@@ -37,7 +37,9 @@ choiceGroupsByTheme:
37
37
  description: All colors in the system
38
38
  choices:
39
39
  color-primary: '#00b39e'
40
+ color-primary-20: 'hsl(172.9608938547486, 100%, 20%)'
40
41
  color-primary-25: 'hsl(172.9608938547486, 100%, 25%)'
42
+ color-primary-30: 'hsl(172.9608938547486, 100%, 30%)'
41
43
  color-primary-40: 'hsl(172.9608938547486, 100%, 40%)'
42
44
  color-primary-85: 'hsl(172.9608938547486, 100%, 85%)'
43
45
  color-primary-95: 'hsl(172.9608938547486, 100%, 95%)'
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/design-system",
3
3
  "description": "Core package of the commercetools design system.",
4
- "version": "16.6.0",
4
+ "version": "16.7.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -25,7 +25,7 @@
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.20.13",
27
27
  "@babel/runtime-corejs3": "^7.20.13",
28
- "@commercetools-uikit/hooks": "16.6.0",
28
+ "@commercetools-uikit/hooks": "16.7.0",
29
29
  "@emotion/react": "^11.10.5",
30
30
  "lodash": "4.17.21",
31
31
  "prop-types": "15.8.1",