@commercetools-uikit/design-system 16.9.0 → 16.10.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 -5
  2. package/dist/commercetools-uikit-design-system.cjs.prod.js +5 -5
  3. package/dist/commercetools-uikit-design-system.esm.js +5 -5
  4. package/dist/declarations/src/design-tokens.d.ts +4 -4
  5. package/materials/custom-properties.css +2 -2
  6. package/materials/custom-properties.json +2 -2
  7. package/materials/internals/definition.yaml +2 -2
  8. package/package.json +2 -2
package/dist/commercetools-uikit-design-system.cjs.dev.js CHANGED
@@ -388,7 +388,7 @@ const themes = {
388
388
  fontColorForTagWhenDisabled: 'hsl(232, 18%, 60%)',
389
389
  fontColorForTextWhenInverted: '#fff',
390
390
  fontColorForLinkAsInverted: '#fff',
391
- fontColorForLinkAsPrimary: 'hsl(175, 55%, 25%)',
391
+ fontColorForLinkAsPrimary: 'hsl(175, 55%, 30%)',
392
392
  fontColorForLinkAsSecondary: '#1a1a1a',
393
393
  fontColorForLinkAsPrimaryWhenActive: 'hsl(175, 55%, 45%)',
394
394
  fontColorForLinkAsSecondaryWhenActive: 'hsl(175, 55%, 45%)',
@@ -421,7 +421,7 @@ const themes = {
421
421
  fontColorForRadioInputWhenError: '#e60050',
422
422
  fontColorForRadioInputWhenReadonly: 'hsl(232, 18%, 60%)',
423
423
  fontColorForRadioInputWhenWarning: '#f16d0e',
424
- fontColorForFlatButtonAsPrimary: 'hsl(175, 55%, 25%)',
424
+ fontColorForFlatButtonAsPrimary: 'hsl(175, 55%, 30%)',
425
425
  fontColorForFlatButtonAsPrimaryWhenHovered: 'hsl(175, 55%, 45%)',
426
426
  fontColorForFlatButtonAsCritical: '#e60050',
427
427
  fontColorForFlatButtonAsCriticalWhenHovered: 'hsl(339.1304347826087, 100%, 25%)',
@@ -913,7 +913,7 @@ const designTokens = {
913
913
  fontColorForTagWhenDisabled: 'var(--font-color-for-tag-when-disabled, hsl(232, 18%, 60%))',
914
914
  fontColorForTextWhenInverted: 'var(--font-color-for-text-when-inverted, #fff)',
915
915
  fontColorForLinkAsInverted: 'var(--font-color-for-link-as-inverted, #fff)',
916
- fontColorForLinkAsPrimary: 'var(--font-color-for-link-as-primary, hsl(175, 55%, 25%))',
916
+ fontColorForLinkAsPrimary: 'var(--font-color-for-link-as-primary, hsl(175, 55%, 30%))',
917
917
  fontColorForLinkAsSecondary: 'var(--font-color-for-link-as-secondary, #1a1a1a)',
918
918
  fontColorForLinkAsPrimaryWhenActive: 'var(--font-color-for-link-as-primary-when-active, hsl(175, 55%, 45%))',
919
919
  fontColorForLinkAsSecondaryWhenActive: 'var(--font-color-for-link-as-secondary-when-active, hsl(175, 55%, 45%))',
@@ -946,7 +946,7 @@ const designTokens = {
946
946
  fontColorForRadioInputWhenError: 'var(--font-color-for-radio-input-when-error, #e60050)',
947
947
  fontColorForRadioInputWhenReadonly: 'var(--font-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))',
948
948
  fontColorForRadioInputWhenWarning: 'var(--font-color-for-radio-input-when-warning, #f16d0e)',
949
- fontColorForFlatButtonAsPrimary: 'var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 25%))',
949
+ fontColorForFlatButtonAsPrimary: 'var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 30%))',
950
950
  fontColorForFlatButtonAsPrimaryWhenHovered: 'var(--font-color-for-flat-button-as-primary-when-hovered, hsl(175, 55%, 45%))',
951
951
  fontColorForFlatButtonAsCritical: 'var(--font-color-for-flat-button-as-critical, #e60050)',
952
952
  fontColorForFlatButtonAsCriticalWhenHovered: 'var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))',
@@ -1230,7 +1230,7 @@ const withThemeContext = WrappedComponent => {
1230
1230
  };
1231
1231
 
1232
1232
  // NOTE: This string will be replaced on build time with the package version.
1233
- var version = "16.9.0";
1233
+ var version = "16.10.0";
1234
1234
 
1235
1235
  exports.ThemeProvider = ThemeProvider;
1236
1236
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.cjs.prod.js CHANGED
@@ -388,7 +388,7 @@ const themes = {
388
388
  fontColorForTagWhenDisabled: 'hsl(232, 18%, 60%)',
389
389
  fontColorForTextWhenInverted: '#fff',
390
390
  fontColorForLinkAsInverted: '#fff',
391
- fontColorForLinkAsPrimary: 'hsl(175, 55%, 25%)',
391
+ fontColorForLinkAsPrimary: 'hsl(175, 55%, 30%)',
392
392
  fontColorForLinkAsSecondary: '#1a1a1a',
393
393
  fontColorForLinkAsPrimaryWhenActive: 'hsl(175, 55%, 45%)',
394
394
  fontColorForLinkAsSecondaryWhenActive: 'hsl(175, 55%, 45%)',
@@ -421,7 +421,7 @@ const themes = {
421
421
  fontColorForRadioInputWhenError: '#e60050',
422
422
  fontColorForRadioInputWhenReadonly: 'hsl(232, 18%, 60%)',
423
423
  fontColorForRadioInputWhenWarning: '#f16d0e',
424
- fontColorForFlatButtonAsPrimary: 'hsl(175, 55%, 25%)',
424
+ fontColorForFlatButtonAsPrimary: 'hsl(175, 55%, 30%)',
425
425
  fontColorForFlatButtonAsPrimaryWhenHovered: 'hsl(175, 55%, 45%)',
426
426
  fontColorForFlatButtonAsCritical: '#e60050',
427
427
  fontColorForFlatButtonAsCriticalWhenHovered: 'hsl(339.1304347826087, 100%, 25%)',
@@ -913,7 +913,7 @@ const designTokens = {
913
913
  fontColorForTagWhenDisabled: 'var(--font-color-for-tag-when-disabled, hsl(232, 18%, 60%))',
914
914
  fontColorForTextWhenInverted: 'var(--font-color-for-text-when-inverted, #fff)',
915
915
  fontColorForLinkAsInverted: 'var(--font-color-for-link-as-inverted, #fff)',
916
- fontColorForLinkAsPrimary: 'var(--font-color-for-link-as-primary, hsl(175, 55%, 25%))',
916
+ fontColorForLinkAsPrimary: 'var(--font-color-for-link-as-primary, hsl(175, 55%, 30%))',
917
917
  fontColorForLinkAsSecondary: 'var(--font-color-for-link-as-secondary, #1a1a1a)',
918
918
  fontColorForLinkAsPrimaryWhenActive: 'var(--font-color-for-link-as-primary-when-active, hsl(175, 55%, 45%))',
919
919
  fontColorForLinkAsSecondaryWhenActive: 'var(--font-color-for-link-as-secondary-when-active, hsl(175, 55%, 45%))',
@@ -946,7 +946,7 @@ const designTokens = {
946
946
  fontColorForRadioInputWhenError: 'var(--font-color-for-radio-input-when-error, #e60050)',
947
947
  fontColorForRadioInputWhenReadonly: 'var(--font-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))',
948
948
  fontColorForRadioInputWhenWarning: 'var(--font-color-for-radio-input-when-warning, #f16d0e)',
949
- fontColorForFlatButtonAsPrimary: 'var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 25%))',
949
+ fontColorForFlatButtonAsPrimary: 'var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 30%))',
950
950
  fontColorForFlatButtonAsPrimaryWhenHovered: 'var(--font-color-for-flat-button-as-primary-when-hovered, hsl(175, 55%, 45%))',
951
951
  fontColorForFlatButtonAsCritical: 'var(--font-color-for-flat-button-as-critical, #e60050)',
952
952
  fontColorForFlatButtonAsCriticalWhenHovered: 'var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))',
@@ -1230,7 +1230,7 @@ const withThemeContext = WrappedComponent => {
1230
1230
  };
1231
1231
 
1232
1232
  // NOTE: This string will be replaced on build time with the package version.
1233
- var version = "16.9.0";
1233
+ var version = "16.10.0";
1234
1234
 
1235
1235
  exports.ThemeProvider = ThemeProvider;
1236
1236
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.esm.js CHANGED
@@ -363,7 +363,7 @@ const themes = {
363
363
  fontColorForTagWhenDisabled: 'hsl(232, 18%, 60%)',
364
364
  fontColorForTextWhenInverted: '#fff',
365
365
  fontColorForLinkAsInverted: '#fff',
366
- fontColorForLinkAsPrimary: 'hsl(175, 55%, 25%)',
366
+ fontColorForLinkAsPrimary: 'hsl(175, 55%, 30%)',
367
367
  fontColorForLinkAsSecondary: '#1a1a1a',
368
368
  fontColorForLinkAsPrimaryWhenActive: 'hsl(175, 55%, 45%)',
369
369
  fontColorForLinkAsSecondaryWhenActive: 'hsl(175, 55%, 45%)',
@@ -396,7 +396,7 @@ const themes = {
396
396
  fontColorForRadioInputWhenError: '#e60050',
397
397
  fontColorForRadioInputWhenReadonly: 'hsl(232, 18%, 60%)',
398
398
  fontColorForRadioInputWhenWarning: '#f16d0e',
399
- fontColorForFlatButtonAsPrimary: 'hsl(175, 55%, 25%)',
399
+ fontColorForFlatButtonAsPrimary: 'hsl(175, 55%, 30%)',
400
400
  fontColorForFlatButtonAsPrimaryWhenHovered: 'hsl(175, 55%, 45%)',
401
401
  fontColorForFlatButtonAsCritical: '#e60050',
402
402
  fontColorForFlatButtonAsCriticalWhenHovered: 'hsl(339.1304347826087, 100%, 25%)',
@@ -888,7 +888,7 @@ const designTokens = {
888
888
  fontColorForTagWhenDisabled: 'var(--font-color-for-tag-when-disabled, hsl(232, 18%, 60%))',
889
889
  fontColorForTextWhenInverted: 'var(--font-color-for-text-when-inverted, #fff)',
890
890
  fontColorForLinkAsInverted: 'var(--font-color-for-link-as-inverted, #fff)',
891
- fontColorForLinkAsPrimary: 'var(--font-color-for-link-as-primary, hsl(175, 55%, 25%))',
891
+ fontColorForLinkAsPrimary: 'var(--font-color-for-link-as-primary, hsl(175, 55%, 30%))',
892
892
  fontColorForLinkAsSecondary: 'var(--font-color-for-link-as-secondary, #1a1a1a)',
893
893
  fontColorForLinkAsPrimaryWhenActive: 'var(--font-color-for-link-as-primary-when-active, hsl(175, 55%, 45%))',
894
894
  fontColorForLinkAsSecondaryWhenActive: 'var(--font-color-for-link-as-secondary-when-active, hsl(175, 55%, 45%))',
@@ -921,7 +921,7 @@ const designTokens = {
921
921
  fontColorForRadioInputWhenError: 'var(--font-color-for-radio-input-when-error, #e60050)',
922
922
  fontColorForRadioInputWhenReadonly: 'var(--font-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))',
923
923
  fontColorForRadioInputWhenWarning: 'var(--font-color-for-radio-input-when-warning, #f16d0e)',
924
- fontColorForFlatButtonAsPrimary: 'var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 25%))',
924
+ fontColorForFlatButtonAsPrimary: 'var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 30%))',
925
925
  fontColorForFlatButtonAsPrimaryWhenHovered: 'var(--font-color-for-flat-button-as-primary-when-hovered, hsl(175, 55%, 45%))',
926
926
  fontColorForFlatButtonAsCritical: 'var(--font-color-for-flat-button-as-critical, #e60050)',
927
927
  fontColorForFlatButtonAsCriticalWhenHovered: 'var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))',
@@ -1205,6 +1205,6 @@ const withThemeContext = WrappedComponent => {
1205
1205
  };
1206
1206
 
1207
1207
  // NOTE: This string will be replaced on build time with the package version.
1208
- var version = "16.9.0";
1208
+ var version = "16.10.0";
1209
1209
 
1210
1210
  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
@@ -335,7 +335,7 @@ export declare const themes: {
335
335
  readonly fontColorForTagWhenDisabled: "hsl(232, 18%, 60%)";
336
336
  readonly fontColorForTextWhenInverted: "#fff";
337
337
  readonly fontColorForLinkAsInverted: "#fff";
338
- readonly fontColorForLinkAsPrimary: "hsl(175, 55%, 25%)";
338
+ readonly fontColorForLinkAsPrimary: "hsl(175, 55%, 30%)";
339
339
  readonly fontColorForLinkAsSecondary: "#1a1a1a";
340
340
  readonly fontColorForLinkAsPrimaryWhenActive: "hsl(175, 55%, 45%)";
341
341
  readonly fontColorForLinkAsSecondaryWhenActive: "hsl(175, 55%, 45%)";
@@ -368,7 +368,7 @@ export declare const themes: {
368
368
  readonly fontColorForRadioInputWhenError: "#e60050";
369
369
  readonly fontColorForRadioInputWhenReadonly: "hsl(232, 18%, 60%)";
370
370
  readonly fontColorForRadioInputWhenWarning: "#f16d0e";
371
- readonly fontColorForFlatButtonAsPrimary: "hsl(175, 55%, 25%)";
371
+ readonly fontColorForFlatButtonAsPrimary: "hsl(175, 55%, 30%)";
372
372
  readonly fontColorForFlatButtonAsPrimaryWhenHovered: "hsl(175, 55%, 45%)";
373
373
  readonly fontColorForFlatButtonAsCritical: "#e60050";
374
374
  readonly fontColorForFlatButtonAsCriticalWhenHovered: "hsl(339.1304347826087, 100%, 25%)";
@@ -860,7 +860,7 @@ declare const designTokens: {
860
860
  readonly fontColorForTagWhenDisabled: "var(--font-color-for-tag-when-disabled, hsl(232, 18%, 60%))";
861
861
  readonly fontColorForTextWhenInverted: "var(--font-color-for-text-when-inverted, #fff)";
862
862
  readonly fontColorForLinkAsInverted: "var(--font-color-for-link-as-inverted, #fff)";
863
- readonly fontColorForLinkAsPrimary: "var(--font-color-for-link-as-primary, hsl(175, 55%, 25%))";
863
+ readonly fontColorForLinkAsPrimary: "var(--font-color-for-link-as-primary, hsl(175, 55%, 30%))";
864
864
  readonly fontColorForLinkAsSecondary: "var(--font-color-for-link-as-secondary, #1a1a1a)";
865
865
  readonly fontColorForLinkAsPrimaryWhenActive: "var(--font-color-for-link-as-primary-when-active, hsl(175, 55%, 45%))";
866
866
  readonly fontColorForLinkAsSecondaryWhenActive: "var(--font-color-for-link-as-secondary-when-active, hsl(175, 55%, 45%))";
@@ -893,7 +893,7 @@ declare const designTokens: {
893
893
  readonly fontColorForRadioInputWhenError: "var(--font-color-for-radio-input-when-error, #e60050)";
894
894
  readonly fontColorForRadioInputWhenReadonly: "var(--font-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))";
895
895
  readonly fontColorForRadioInputWhenWarning: "var(--font-color-for-radio-input-when-warning, #f16d0e)";
896
- readonly fontColorForFlatButtonAsPrimary: "var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 25%))";
896
+ readonly fontColorForFlatButtonAsPrimary: "var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 30%))";
897
897
  readonly fontColorForFlatButtonAsPrimaryWhenHovered: "var(--font-color-for-flat-button-as-primary-when-hovered, hsl(175, 55%, 45%))";
898
898
  readonly fontColorForFlatButtonAsCritical: "var(--font-color-for-flat-button-as-critical, #e60050)";
899
899
  readonly fontColorForFlatButtonAsCriticalWhenHovered: "var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))";
package/materials/custom-properties.css CHANGED
@@ -436,7 +436,7 @@
436
436
  --font-color-for-tag-when-disabled: hsl(232, 18%, 60%);
437
437
  --font-color-for-text-when-inverted: #fff;
438
438
  --font-color-for-link-as-inverted: #fff;
439
- --font-color-for-link-as-primary: hsl(175, 55%, 25%);
439
+ --font-color-for-link-as-primary: hsl(175, 55%, 30%);
440
440
  --font-color-for-link-as-secondary: #1a1a1a;
441
441
  --font-color-for-link-as-primary-when-active: hsl(175, 55%, 45%);
442
442
  --font-color-for-link-as-secondary-when-active: hsl(175, 55%, 45%);
@@ -469,7 +469,7 @@
469
469
  --font-color-for-radio-input-when-error: #e60050;
470
470
  --font-color-for-radio-input-when-readonly: hsl(232, 18%, 60%);
471
471
  --font-color-for-radio-input-when-warning: #f16d0e;
472
- --font-color-for-flat-button-as-primary: hsl(175, 55%, 25%);
472
+ --font-color-for-flat-button-as-primary: hsl(175, 55%, 30%);
473
473
  --font-color-for-flat-button-as-primary-when-hovered: hsl(175, 55%, 45%);
474
474
  --font-color-for-flat-button-as-critical: #e60050;
475
475
  --font-color-for-flat-button-as-critical-when-hovered: hsl(
package/materials/custom-properties.json CHANGED
@@ -334,7 +334,7 @@
334
334
  "--font-color-for-tag-when-disabled": "hsl(232, 18%, 60%)",
335
335
  "--font-color-for-text-when-inverted": "#fff",
336
336
  "--font-color-for-link-as-inverted": "#fff",
337
- "--font-color-for-link-as-primary": "hsl(175, 55%, 25%)",
337
+ "--font-color-for-link-as-primary": "hsl(175, 55%, 30%)",
338
338
  "--font-color-for-link-as-secondary": "#1a1a1a",
339
339
  "--font-color-for-link-as-primary-when-active": "hsl(175, 55%, 45%)",
340
340
  "--font-color-for-link-as-secondary-when-active": "hsl(175, 55%, 45%)",
@@ -367,7 +367,7 @@
367
367
  "--font-color-for-radio-input-when-error": "#e60050",
368
368
  "--font-color-for-radio-input-when-readonly": "hsl(232, 18%, 60%)",
369
369
  "--font-color-for-radio-input-when-warning": "#f16d0e",
370
- "--font-color-for-flat-button-as-primary": "hsl(175, 55%, 25%)",
370
+ "--font-color-for-flat-button-as-primary": "hsl(175, 55%, 30%)",
371
371
  "--font-color-for-flat-button-as-primary-when-hovered": "hsl(175, 55%, 45%)",
372
372
  "--font-color-for-flat-button-as-critical": "#e60050",
373
373
  "--font-color-for-flat-button-as-critical-when-hovered": "hsl(339.1304347826087, 100%, 25%)",
package/materials/internals/definition.yaml CHANGED
@@ -868,7 +868,7 @@ decisionGroupsByTheme:
868
868
  font-color-for-link-as-inverted:
869
869
  choice: color-surface
870
870
  font-color-for-link-as-primary:
871
- choice: color-primary-25
871
+ choice: color-primary-30
872
872
  font-color-for-link-as-secondary:
873
873
  choice: color-solid
874
874
  font-color-for-link-as-primary-when-active:
@@ -934,7 +934,7 @@ decisionGroupsByTheme:
934
934
  font-color-for-radio-input-when-warning:
935
935
  choice: color-warning
936
936
  font-color-for-flat-button-as-primary:
937
- choice: color-primary-25
937
+ choice: color-primary-30
938
938
  font-color-for-flat-button-as-primary-when-hovered:
939
939
  choice: color-primary
940
940
  font-color-for-flat-button-as-critical:
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.9.0",
4
+ "version": "16.10.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.9.0",
28
+ "@commercetools-uikit/hooks": "16.10.0",
29
29
  "@emotion/react": "^11.10.5",
30
30
  "lodash": "4.17.21",
31
31
  "prop-types": "15.8.1",