@commercetools-uikit/design-system 19.9.0 → 19.11.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 (11) 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/dist/declarations/src/index.d.ts +3 -1
  6. package/dist/declarations/src/theme-provider.d.ts +1 -0
  7. package/materials/custom-properties.css +1 -0
  8. package/materials/custom-properties.json +1 -0
  9. package/materials/custom-properties_default.css +1 -0
  10. package/materials/internals/definition.yaml +3 -0
  11. package/package.json +2 -2
package/dist/commercetools-uikit-design-system.cjs.dev.js CHANGED
@@ -106,6 +106,7 @@ const themes = {
106
106
  colorNeutral05: 'hsl(0deg 0% 80% / 5%)',
107
107
  colorNeutral10: 'hsl(0deg 0% 80% / 10%)',
108
108
  colorNeutral40: 'hsl(232, 18%, 40%)',
109
+ colorNeutral50: 'hsl(233, 18%, 50%)',
109
110
  colorNeutral60: 'hsl(232, 18%, 60%)',
110
111
  colorNeutral85: 'hsl(232, 18%, 85%)',
111
112
  colorNeutral90: 'hsl(232, 18%, 90%)',
@@ -330,6 +331,7 @@ const designTokens = {
330
331
  colorNeutral05: 'var(--color-neutral-05, hsl(0deg 0% 80% / 5%))',
331
332
  colorNeutral10: 'var(--color-neutral-10, hsl(0deg 0% 80% / 10%))',
332
333
  colorNeutral40: 'var(--color-neutral-40, hsl(232, 18%, 40%))',
334
+ colorNeutral50: 'var(--color-neutral-50, hsl(233, 18%, 50%))',
333
335
  colorNeutral60: 'var(--color-neutral-60, hsl(232, 18%, 60%))',
334
336
  colorNeutral85: 'var(--color-neutral-85, hsl(232, 18%, 85%))',
335
337
  colorNeutral90: 'var(--color-neutral-90, hsl(232, 18%, 90%))',
@@ -663,7 +665,7 @@ const withThemeContext = WrappedComponent => {
663
665
  };
664
666
 
665
667
  // NOTE: This string will be replaced on build time with the package version.
666
- var version = "19.9.0";
668
+ var version = "19.11.0";
667
669
 
668
670
  exports.ThemeProvider = ThemeProvider;
669
671
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.cjs.prod.js CHANGED
@@ -106,6 +106,7 @@ const themes = {
106
106
  colorNeutral05: 'hsl(0deg 0% 80% / 5%)',
107
107
  colorNeutral10: 'hsl(0deg 0% 80% / 10%)',
108
108
  colorNeutral40: 'hsl(232, 18%, 40%)',
109
+ colorNeutral50: 'hsl(233, 18%, 50%)',
109
110
  colorNeutral60: 'hsl(232, 18%, 60%)',
110
111
  colorNeutral85: 'hsl(232, 18%, 85%)',
111
112
  colorNeutral90: 'hsl(232, 18%, 90%)',
@@ -330,6 +331,7 @@ const designTokens = {
330
331
  colorNeutral05: 'var(--color-neutral-05, hsl(0deg 0% 80% / 5%))',
331
332
  colorNeutral10: 'var(--color-neutral-10, hsl(0deg 0% 80% / 10%))',
332
333
  colorNeutral40: 'var(--color-neutral-40, hsl(232, 18%, 40%))',
334
+ colorNeutral50: 'var(--color-neutral-50, hsl(233, 18%, 50%))',
333
335
  colorNeutral60: 'var(--color-neutral-60, hsl(232, 18%, 60%))',
334
336
  colorNeutral85: 'var(--color-neutral-85, hsl(232, 18%, 85%))',
335
337
  colorNeutral90: 'var(--color-neutral-90, hsl(232, 18%, 90%))',
@@ -663,7 +665,7 @@ const withThemeContext = WrappedComponent => {
663
665
  };
664
666
 
665
667
  // NOTE: This string will be replaced on build time with the package version.
666
- var version = "19.9.0";
668
+ var version = "19.11.0";
667
669
 
668
670
  exports.ThemeProvider = ThemeProvider;
669
671
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.esm.js CHANGED
@@ -81,6 +81,7 @@ const themes = {
81
81
  colorNeutral05: 'hsl(0deg 0% 80% / 5%)',
82
82
  colorNeutral10: 'hsl(0deg 0% 80% / 10%)',
83
83
  colorNeutral40: 'hsl(232, 18%, 40%)',
84
+ colorNeutral50: 'hsl(233, 18%, 50%)',
84
85
  colorNeutral60: 'hsl(232, 18%, 60%)',
85
86
  colorNeutral85: 'hsl(232, 18%, 85%)',
86
87
  colorNeutral90: 'hsl(232, 18%, 90%)',
@@ -305,6 +306,7 @@ const designTokens = {
305
306
  colorNeutral05: 'var(--color-neutral-05, hsl(0deg 0% 80% / 5%))',
306
307
  colorNeutral10: 'var(--color-neutral-10, hsl(0deg 0% 80% / 10%))',
307
308
  colorNeutral40: 'var(--color-neutral-40, hsl(232, 18%, 40%))',
309
+ colorNeutral50: 'var(--color-neutral-50, hsl(233, 18%, 50%))',
308
310
  colorNeutral60: 'var(--color-neutral-60, hsl(232, 18%, 60%))',
309
311
  colorNeutral85: 'var(--color-neutral-85, hsl(232, 18%, 85%))',
310
312
  colorNeutral90: 'var(--color-neutral-90, hsl(232, 18%, 90%))',
@@ -638,6 +640,6 @@ const withThemeContext = WrappedComponent => {
638
640
  };
639
641
 
640
642
  // NOTE: This string will be replaced on build time with the package version.
641
- var version = "19.9.0";
643
+ var version = "19.11.0";
642
644
 
643
645
  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
@@ -52,6 +52,7 @@ export declare const themes: {
52
52
  readonly colorNeutral05: "hsl(0deg 0% 80% / 5%)";
53
53
  readonly colorNeutral10: "hsl(0deg 0% 80% / 10%)";
54
54
  readonly colorNeutral40: "hsl(232, 18%, 40%)";
55
+ readonly colorNeutral50: "hsl(233, 18%, 50%)";
55
56
  readonly colorNeutral60: "hsl(232, 18%, 60%)";
56
57
  readonly colorNeutral85: "hsl(232, 18%, 85%)";
57
58
  readonly colorNeutral90: "hsl(232, 18%, 90%)";
@@ -276,6 +277,7 @@ declare const designTokens: {
276
277
  readonly colorNeutral05: "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))";
277
278
  readonly colorNeutral10: "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))";
278
279
  readonly colorNeutral40: "var(--color-neutral-40, hsl(232, 18%, 40%))";
280
+ readonly colorNeutral50: "var(--color-neutral-50, hsl(233, 18%, 50%))";
279
281
  readonly colorNeutral60: "var(--color-neutral-60, hsl(232, 18%, 60%))";
280
282
  readonly colorNeutral85: "var(--color-neutral-85, hsl(232, 18%, 85%))";
281
283
  readonly colorNeutral90: "var(--color-neutral-90, hsl(232, 18%, 90%))";
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- export { default as designTokens, default as customProperties, themes, } from "./design-tokens.js";
1
+ export { default as designTokens,
2
+ /** @deprecated use `designTokens` instead */
3
+ default as customProperties, themes, } from "./design-tokens.js";
2
4
  export { ThemeProvider, useTheme, withThemeContext } from "./theme-provider.js";
3
5
  export * from "./export-types.js";
4
6
  export * from "./utils.js";
package/dist/declarations/src/theme-provider.d.ts CHANGED
@@ -17,6 +17,7 @@ declare const ThemeProvider: {
17
17
  type TUseThemeResult = {
18
18
  theme: ThemeName;
19
19
  themedValue: <Old extends string | ReactNode | undefined, New extends string | ReactNode | undefined>(defaultThemeValue: Old, newThemeValue: New) => Old | New;
20
+ /** @deprecated */
20
21
  isNewTheme: boolean;
21
22
  isRecolouringTheme: boolean;
22
23
  };
package/materials/custom-properties.css CHANGED
@@ -58,6 +58,7 @@
58
58
  --color-neutral-05: hsl(0deg 0% 80% / 5%);
59
59
  --color-neutral-10: hsl(0deg 0% 80% / 10%);
60
60
  --color-neutral-40: hsl(232, 18%, 40%);
61
+ --color-neutral-50: hsl(233, 18%, 50%);
61
62
  --color-neutral-60: hsl(232, 18%, 60%);
62
63
  --color-neutral-85: hsl(232, 18%, 85%);
63
64
  --color-neutral-90: hsl(232, 18%, 90%);
package/materials/custom-properties.json CHANGED
@@ -51,6 +51,7 @@
51
51
  "--color-neutral-05": "hsl(0deg 0% 80% / 5%)",
52
52
  "--color-neutral-10": "hsl(0deg 0% 80% / 10%)",
53
53
  "--color-neutral-40": "hsl(232, 18%, 40%)",
54
+ "--color-neutral-50": "hsl(233, 18%, 50%)",
54
55
  "--color-neutral-60": "hsl(232, 18%, 60%)",
55
56
  "--color-neutral-85": "hsl(232, 18%, 85%)",
56
57
  "--color-neutral-90": "hsl(232, 18%, 90%)",
package/materials/custom-properties_default.css CHANGED
@@ -58,6 +58,7 @@
58
58
  --color-neutral-05: hsl(0deg 0% 80% / 5%);
59
59
  --color-neutral-10: hsl(0deg 0% 80% / 10%);
60
60
  --color-neutral-40: hsl(232, 18%, 40%);
61
+ --color-neutral-50: hsl(233, 18%, 50%);
61
62
  --color-neutral-60: hsl(232, 18%, 60%);
62
63
  --color-neutral-85: hsl(232, 18%, 85%);
63
64
  --color-neutral-90: hsl(232, 18%, 90%);
package/materials/internals/definition.yaml CHANGED
@@ -88,6 +88,7 @@ choiceGroupsByTheme:
88
88
  color-neutral-05: 'hsl(0deg 0% 80% / 5%)'
89
89
  color-neutral-10: 'hsl(0deg 0% 80% / 10%)'
90
90
  color-neutral-40: 'hsl(232, 18%, 40%)'
91
+ color-neutral-50: 'hsl(233, 18%, 50%)'
91
92
  color-neutral-60: 'hsl(232, 18%, 60%)'
92
93
  color-neutral-85: 'hsl(232, 18%, 85%)'
93
94
  color-neutral-90: 'hsl(232, 18%, 90%)'
@@ -301,6 +302,8 @@ variants:
301
302
  description: 'To differentiate component big size'
302
303
  secondary:
303
304
  description: 'To differentiate component secondary type'
305
+ tertiary:
306
+ description: 'To differentiate component tertiary type'
304
307
  '10':
305
308
  description: 'To differentiate component small size'
306
309
  '20':
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": "19.9.0",
4
+ "version": "19.11.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": "19.9.0",
28
+ "@commercetools-uikit/hooks": "19.11.0",
29
29
  "@emotion/react": "^11.10.5",
30
30
  "lodash": "4.17.21",
31
31
  "prop-types": "15.8.1",