@commercetools-uikit/design-system 16.6.1 → 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 +3 -1
  2. package/dist/commercetools-uikit-design-system.cjs.prod.js +3 -1
  3. package/dist/commercetools-uikit-design-system.esm.js +3 -1
  4. package/dist/declarations/src/design-tokens.d.ts +2 -0
  5. package/materials/custom-properties.css +1 -0
  6. package/materials/custom-properties.json +1 -0
  7. package/materials/internals/definition.yaml +1 -0
  8. package/package.json +2 -2
package/dist/commercetools-uikit-design-system.cjs.dev.js CHANGED
@@ -54,6 +54,7 @@ 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%)',
58
59
  colorPrimary30: 'hsl(172.9608938547486, 100%, 30%)',
59
60
  colorPrimary40: 'hsl(172.9608938547486, 100%, 40%)',
@@ -540,6 +541,7 @@ const themes = {
540
541
  };
541
542
  const designTokens = {
542
543
  colorPrimary: 'var(--color-primary, #00b39e)',
544
+ colorPrimary20: 'var(--color-primary-20, hsl(172.9608938547486, 100%, 20%))',
543
545
  colorPrimary25: 'var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))',
544
546
  colorPrimary30: 'var(--color-primary-30, hsl(172.9608938547486, 100%, 30%))',
545
547
  colorPrimary40: 'var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))',
@@ -1152,7 +1154,7 @@ const withThemeContext = WrappedComponent => {
1152
1154
  };
1153
1155
 
1154
1156
  // NOTE: This string will be replaced on build time with the package version.
1155
- var version = "16.6.1";
1157
+ var version = "16.7.0";
1156
1158
 
1157
1159
  exports.ThemeProvider = ThemeProvider;
1158
1160
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.cjs.prod.js CHANGED
@@ -54,6 +54,7 @@ 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%)',
58
59
  colorPrimary30: 'hsl(172.9608938547486, 100%, 30%)',
59
60
  colorPrimary40: 'hsl(172.9608938547486, 100%, 40%)',
@@ -540,6 +541,7 @@ const themes = {
540
541
  };
541
542
  const designTokens = {
542
543
  colorPrimary: 'var(--color-primary, #00b39e)',
544
+ colorPrimary20: 'var(--color-primary-20, hsl(172.9608938547486, 100%, 20%))',
543
545
  colorPrimary25: 'var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))',
544
546
  colorPrimary30: 'var(--color-primary-30, hsl(172.9608938547486, 100%, 30%))',
545
547
  colorPrimary40: 'var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))',
@@ -1152,7 +1154,7 @@ const withThemeContext = WrappedComponent => {
1152
1154
  };
1153
1155
 
1154
1156
  // NOTE: This string will be replaced on build time with the package version.
1155
- var version = "16.6.1";
1157
+ var version = "16.7.0";
1156
1158
 
1157
1159
  exports.ThemeProvider = ThemeProvider;
1158
1160
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.esm.js CHANGED
@@ -29,6 +29,7 @@ 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%)',
33
34
  colorPrimary30: 'hsl(172.9608938547486, 100%, 30%)',
34
35
  colorPrimary40: 'hsl(172.9608938547486, 100%, 40%)',
@@ -515,6 +516,7 @@ const themes = {
515
516
  };
516
517
  const designTokens = {
517
518
  colorPrimary: 'var(--color-primary, #00b39e)',
519
+ colorPrimary20: 'var(--color-primary-20, hsl(172.9608938547486, 100%, 20%))',
518
520
  colorPrimary25: 'var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))',
519
521
  colorPrimary30: 'var(--color-primary-30, hsl(172.9608938547486, 100%, 30%))',
520
522
  colorPrimary40: 'var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))',
@@ -1127,6 +1129,6 @@ const withThemeContext = WrappedComponent => {
1127
1129
  };
1128
1130
 
1129
1131
  // NOTE: This string will be replaced on build time with the package version.
1130
- var version = "16.6.1";
1132
+ var version = "16.7.0";
1131
1133
 
1132
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,6 +1,7 @@
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%)";
5
6
  readonly colorPrimary30: "hsl(172.9608938547486, 100%, 30%)";
6
7
  readonly colorPrimary40: "hsl(172.9608938547486, 100%, 40%)";
@@ -487,6 +488,7 @@ export declare const themes: {
487
488
  };
488
489
  declare const designTokens: {
489
490
  readonly colorPrimary: "var(--color-primary, #00b39e)";
491
+ readonly colorPrimary20: "var(--color-primary-20, hsl(172.9608938547486, 100%, 20%))";
490
492
  readonly colorPrimary25: "var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))";
491
493
  readonly colorPrimary30: "var(--color-primary-30, hsl(172.9608938547486, 100%, 30%))";
492
494
  readonly colorPrimary40: "var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))";
package/materials/custom-properties.css CHANGED
@@ -7,6 +7,7 @@
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%);
11
12
  --color-primary-30: hsl(172.9608938547486, 100%, 30%);
12
13
  --color-primary-40: hsl(172.9608938547486, 100%, 40%);
package/materials/custom-properties.json CHANGED
@@ -1,5 +1,6 @@
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%)",
4
5
  "--color-primary-30": "hsl(172.9608938547486, 100%, 30%)",
5
6
  "--color-primary-40": "hsl(172.9608938547486, 100%, 40%)",
package/materials/internals/definition.yaml CHANGED
@@ -37,6 +37,7 @@ 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%)'
41
42
  color-primary-30: 'hsl(172.9608938547486, 100%, 30%)'
42
43
  color-primary-40: 'hsl(172.9608938547486, 100%, 40%)'
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.1",
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.1",
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",