@commercetools-uikit/design-system 16.7.2 → 16.7.3

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
@@ -101,6 +101,7 @@ const themes = {
101
101
  borderRadius2: '2px',
102
102
  borderRadius4: '4px',
103
103
  borderRadius6: '6px',
104
+ borderRadius8: '8px',
104
105
  borderRadius20: '20px',
105
106
  borderWidth1: '1px',
106
107
  borderWidth2: '2px',
@@ -172,6 +173,7 @@ const themes = {
172
173
  spacingXl: '32px',
173
174
  spacing10: '4px',
174
175
  spacing20: '8px',
176
+ spacing25: '12px',
175
177
  spacing30: '16px',
176
178
  spacing40: '24px',
177
179
  spacing50: '32px',
@@ -588,6 +590,7 @@ const designTokens = {
588
590
  borderRadius2: 'var(--border-radius-2, 2px)',
589
591
  borderRadius4: 'var(--border-radius-4, 4px)',
590
592
  borderRadius6: 'var(--border-radius-6, 6px)',
593
+ borderRadius8: 'var(--border-radius-8, 8px)',
591
594
  borderRadius20: 'var(--border-radius-20, 20px)',
592
595
  borderWidth1: 'var(--border-width-1, 1px)',
593
596
  borderWidth2: 'var(--border-width-2, 2px)',
@@ -659,6 +662,7 @@ const designTokens = {
659
662
  spacingXl: 'var(--spacing-xl, 32px)',
660
663
  spacing10: 'var(--spacing-10, 4px)',
661
664
  spacing20: 'var(--spacing-20, 8px)',
665
+ spacing25: 'var(--spacing-25, 12px)',
662
666
  spacing30: 'var(--spacing-30, 16px)',
663
667
  spacing40: 'var(--spacing-40, 24px)',
664
668
  spacing50: 'var(--spacing-50, 32px)',
@@ -1154,7 +1158,7 @@ const withThemeContext = WrappedComponent => {
1154
1158
  };
1155
1159
 
1156
1160
  // NOTE: This string will be replaced on build time with the package version.
1157
- var version = "16.7.2";
1161
+ var version = "16.7.3";
1158
1162
 
1159
1163
  exports.ThemeProvider = ThemeProvider;
1160
1164
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.cjs.prod.js CHANGED
@@ -101,6 +101,7 @@ const themes = {
101
101
  borderRadius2: '2px',
102
102
  borderRadius4: '4px',
103
103
  borderRadius6: '6px',
104
+ borderRadius8: '8px',
104
105
  borderRadius20: '20px',
105
106
  borderWidth1: '1px',
106
107
  borderWidth2: '2px',
@@ -172,6 +173,7 @@ const themes = {
172
173
  spacingXl: '32px',
173
174
  spacing10: '4px',
174
175
  spacing20: '8px',
176
+ spacing25: '12px',
175
177
  spacing30: '16px',
176
178
  spacing40: '24px',
177
179
  spacing50: '32px',
@@ -588,6 +590,7 @@ const designTokens = {
588
590
  borderRadius2: 'var(--border-radius-2, 2px)',
589
591
  borderRadius4: 'var(--border-radius-4, 4px)',
590
592
  borderRadius6: 'var(--border-radius-6, 6px)',
593
+ borderRadius8: 'var(--border-radius-8, 8px)',
591
594
  borderRadius20: 'var(--border-radius-20, 20px)',
592
595
  borderWidth1: 'var(--border-width-1, 1px)',
593
596
  borderWidth2: 'var(--border-width-2, 2px)',
@@ -659,6 +662,7 @@ const designTokens = {
659
662
  spacingXl: 'var(--spacing-xl, 32px)',
660
663
  spacing10: 'var(--spacing-10, 4px)',
661
664
  spacing20: 'var(--spacing-20, 8px)',
665
+ spacing25: 'var(--spacing-25, 12px)',
662
666
  spacing30: 'var(--spacing-30, 16px)',
663
667
  spacing40: 'var(--spacing-40, 24px)',
664
668
  spacing50: 'var(--spacing-50, 32px)',
@@ -1154,7 +1158,7 @@ const withThemeContext = WrappedComponent => {
1154
1158
  };
1155
1159
 
1156
1160
  // NOTE: This string will be replaced on build time with the package version.
1157
- var version = "16.7.2";
1161
+ var version = "16.7.3";
1158
1162
 
1159
1163
  exports.ThemeProvider = ThemeProvider;
1160
1164
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.esm.js CHANGED
@@ -76,6 +76,7 @@ const themes = {
76
76
  borderRadius2: '2px',
77
77
  borderRadius4: '4px',
78
78
  borderRadius6: '6px',
79
+ borderRadius8: '8px',
79
80
  borderRadius20: '20px',
80
81
  borderWidth1: '1px',
81
82
  borderWidth2: '2px',
@@ -147,6 +148,7 @@ const themes = {
147
148
  spacingXl: '32px',
148
149
  spacing10: '4px',
149
150
  spacing20: '8px',
151
+ spacing25: '12px',
150
152
  spacing30: '16px',
151
153
  spacing40: '24px',
152
154
  spacing50: '32px',
@@ -563,6 +565,7 @@ const designTokens = {
563
565
  borderRadius2: 'var(--border-radius-2, 2px)',
564
566
  borderRadius4: 'var(--border-radius-4, 4px)',
565
567
  borderRadius6: 'var(--border-radius-6, 6px)',
568
+ borderRadius8: 'var(--border-radius-8, 8px)',
566
569
  borderRadius20: 'var(--border-radius-20, 20px)',
567
570
  borderWidth1: 'var(--border-width-1, 1px)',
568
571
  borderWidth2: 'var(--border-width-2, 2px)',
@@ -634,6 +637,7 @@ const designTokens = {
634
637
  spacingXl: 'var(--spacing-xl, 32px)',
635
638
  spacing10: 'var(--spacing-10, 4px)',
636
639
  spacing20: 'var(--spacing-20, 8px)',
640
+ spacing25: 'var(--spacing-25, 12px)',
637
641
  spacing30: 'var(--spacing-30, 16px)',
638
642
  spacing40: 'var(--spacing-40, 24px)',
639
643
  spacing50: 'var(--spacing-50, 32px)',
@@ -1129,6 +1133,6 @@ const withThemeContext = WrappedComponent => {
1129
1133
  };
1130
1134
 
1131
1135
  // NOTE: This string will be replaced on build time with the package version.
1132
- var version = "16.7.2";
1136
+ var version = "16.7.3";
1133
1137
 
1134
1138
  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
@@ -48,6 +48,7 @@ export declare const themes: {
48
48
  readonly borderRadius2: "2px";
49
49
  readonly borderRadius4: "4px";
50
50
  readonly borderRadius6: "6px";
51
+ readonly borderRadius8: "8px";
51
52
  readonly borderRadius20: "20px";
52
53
  readonly borderWidth1: "1px";
53
54
  readonly borderWidth2: "2px";
@@ -119,6 +120,7 @@ export declare const themes: {
119
120
  readonly spacingXl: "32px";
120
121
  readonly spacing10: "4px";
121
122
  readonly spacing20: "8px";
123
+ readonly spacing25: "12px";
122
124
  readonly spacing30: "16px";
123
125
  readonly spacing40: "24px";
124
126
  readonly spacing50: "32px";
@@ -535,6 +537,7 @@ declare const designTokens: {
535
537
  readonly borderRadius2: "var(--border-radius-2, 2px)";
536
538
  readonly borderRadius4: "var(--border-radius-4, 4px)";
537
539
  readonly borderRadius6: "var(--border-radius-6, 6px)";
540
+ readonly borderRadius8: "var(--border-radius-8, 8px)";
538
541
  readonly borderRadius20: "var(--border-radius-20, 20px)";
539
542
  readonly borderWidth1: "var(--border-width-1, 1px)";
540
543
  readonly borderWidth2: "var(--border-width-2, 2px)";
@@ -606,6 +609,7 @@ declare const designTokens: {
606
609
  readonly spacingXl: "var(--spacing-xl, 32px)";
607
610
  readonly spacing10: "var(--spacing-10, 4px)";
608
611
  readonly spacing20: "var(--spacing-20, 8px)";
612
+ readonly spacing25: "var(--spacing-25, 12px)";
609
613
  readonly spacing30: "var(--spacing-30, 16px)";
610
614
  readonly spacing40: "var(--spacing-40, 24px)";
611
615
  readonly spacing50: "var(--spacing-50, 32px)";
package/materials/custom-properties.css CHANGED
@@ -54,6 +54,7 @@
54
54
  --border-radius-2: 2px;
55
55
  --border-radius-4: 4px;
56
56
  --border-radius-6: 6px;
57
+ --border-radius-8: 8px;
57
58
  --border-radius-20: 20px;
58
59
  --border-width-1: 1px;
59
60
  --border-width-2: 2px;
@@ -130,6 +131,7 @@
130
131
  --spacing-xl: 32px;
131
132
  --spacing-10: 4px;
132
133
  --spacing-20: 8px;
134
+ --spacing-25: 12px;
133
135
  --spacing-30: 16px;
134
136
  --spacing-40: 24px;
135
137
  --spacing-50: 32px;
package/materials/custom-properties.json CHANGED
@@ -47,6 +47,7 @@
47
47
  "--border-radius-2": "2px",
48
48
  "--border-radius-4": "4px",
49
49
  "--border-radius-6": "6px",
50
+ "--border-radius-8": "8px",
50
51
  "--border-radius-20": "20px",
51
52
  "--border-width-1": "1px",
52
53
  "--border-width-2": "2px",
@@ -118,6 +119,7 @@
118
119
  "--spacing-xl": "32px",
119
120
  "--spacing-10": "4px",
120
121
  "--spacing-20": "8px",
122
+ "--spacing-25": "12px",
121
123
  "--spacing-30": "16px",
122
124
  "--spacing-40": "24px",
123
125
  "--spacing-50": "32px",
package/materials/internals/definition.yaml CHANGED
@@ -89,6 +89,7 @@ choiceGroupsByTheme:
89
89
  border-radius-2: 2px
90
90
  border-radius-4: 4px
91
91
  border-radius-6: 6px
92
+ border-radius-8: 8px
92
93
  border-radius-20: 20px
93
94
 
94
95
  borderWidths:
@@ -201,6 +202,7 @@ choiceGroupsByTheme:
201
202
  # New tokens
202
203
  spacing-10: 4px
203
204
  spacing-20: 8px
205
+ spacing-25: 12px
204
206
  spacing-30: 16px
205
207
  spacing-40: 24px
206
208
  spacing-50: 32px
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.7.2",
4
+ "version": "16.7.3",
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.7.2",
28
+ "@commercetools-uikit/hooks": "16.7.3",
29
29
  "@emotion/react": "^11.10.5",
30
30
  "lodash": "4.17.21",
31
31
  "prop-types": "15.8.1",