@commercetools-uikit/design-system 19.12.1 → 19.13.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 (9) 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/custom-properties_default.css +1 -0
  8. package/materials/internals/definition.yaml +1 -0
  9. package/package.json +2 -2
package/dist/commercetools-uikit-design-system.cjs.dev.js CHANGED
@@ -196,6 +196,7 @@ const themes = {
196
196
  shadow15: '0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)',
197
197
  shadow16: '0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)',
198
198
  shadow17: '0 1px 5px 0 rgba(0, 0, 0, 0.05)',
199
+ shadow18: '0 5px 30px 0px rgba(0, 0, 0, 0.1)',
199
200
  constraintScale: '100%',
200
201
  constraint1: '42px',
201
202
  constraint2: '84px',
@@ -421,6 +422,7 @@ const designTokens = {
421
422
  shadow15: 'var(--shadow-15, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))',
422
423
  shadow16: 'var(--shadow-16, 0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25))',
423
424
  shadow17: 'var(--shadow-17, 0 1px 5px 0 rgba(0, 0, 0, 0.05))',
425
+ shadow18: 'var(--shadow-18, 0 5px 30px 0px rgba(0, 0, 0, 0.1))',
424
426
  constraintScale: 'var(--constraint-scale, 100%)',
425
427
  constraint1: 'var(--constraint-1, 42px)',
426
428
  constraint2: 'var(--constraint-2, 84px)',
@@ -661,7 +663,7 @@ const withThemeContext = WrappedComponent => {
661
663
  };
662
664
 
663
665
  // NOTE: This string will be replaced on build time with the package version.
664
- var version = "19.12.1";
666
+ var version = "19.13.0";
665
667
 
666
668
  exports.ThemeProvider = ThemeProvider;
667
669
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.cjs.prod.js CHANGED
@@ -196,6 +196,7 @@ const themes = {
196
196
  shadow15: '0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)',
197
197
  shadow16: '0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)',
198
198
  shadow17: '0 1px 5px 0 rgba(0, 0, 0, 0.05)',
199
+ shadow18: '0 5px 30px 0px rgba(0, 0, 0, 0.1)',
199
200
  constraintScale: '100%',
200
201
  constraint1: '42px',
201
202
  constraint2: '84px',
@@ -421,6 +422,7 @@ const designTokens = {
421
422
  shadow15: 'var(--shadow-15, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))',
422
423
  shadow16: 'var(--shadow-16, 0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25))',
423
424
  shadow17: 'var(--shadow-17, 0 1px 5px 0 rgba(0, 0, 0, 0.05))',
425
+ shadow18: 'var(--shadow-18, 0 5px 30px 0px rgba(0, 0, 0, 0.1))',
424
426
  constraintScale: 'var(--constraint-scale, 100%)',
425
427
  constraint1: 'var(--constraint-1, 42px)',
426
428
  constraint2: 'var(--constraint-2, 84px)',
@@ -661,7 +663,7 @@ const withThemeContext = WrappedComponent => {
661
663
  };
662
664
 
663
665
  // NOTE: This string will be replaced on build time with the package version.
664
- var version = "19.12.1";
666
+ var version = "19.13.0";
665
667
 
666
668
  exports.ThemeProvider = ThemeProvider;
667
669
  exports.customProperties = designTokens$1;
package/dist/commercetools-uikit-design-system.esm.js CHANGED
@@ -172,6 +172,7 @@ const themes = {
172
172
  shadow15: '0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)',
173
173
  shadow16: '0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)',
174
174
  shadow17: '0 1px 5px 0 rgba(0, 0, 0, 0.05)',
175
+ shadow18: '0 5px 30px 0px rgba(0, 0, 0, 0.1)',
175
176
  constraintScale: '100%',
176
177
  constraint1: '42px',
177
178
  constraint2: '84px',
@@ -397,6 +398,7 @@ const designTokens = {
397
398
  shadow15: 'var(--shadow-15, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))',
398
399
  shadow16: 'var(--shadow-16, 0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25))',
399
400
  shadow17: 'var(--shadow-17, 0 1px 5px 0 rgba(0, 0, 0, 0.05))',
401
+ shadow18: 'var(--shadow-18, 0 5px 30px 0px rgba(0, 0, 0, 0.1))',
400
402
  constraintScale: 'var(--constraint-scale, 100%)',
401
403
  constraint1: 'var(--constraint-1, 42px)',
402
404
  constraint2: 'var(--constraint-2, 84px)',
@@ -637,6 +639,6 @@ const withThemeContext = WrappedComponent => {
637
639
  };
638
640
 
639
641
  // NOTE: This string will be replaced on build time with the package version.
640
- var version = "19.12.1";
642
+ var version = "19.13.0";
641
643
 
642
644
  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
@@ -144,6 +144,7 @@ export declare const themes: {
144
144
  readonly shadow15: "0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)";
145
145
  readonly shadow16: "0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)";
146
146
  readonly shadow17: "0 1px 5px 0 rgba(0, 0, 0, 0.05)";
147
+ readonly shadow18: "0 5px 30px 0px rgba(0, 0, 0, 0.1)";
147
148
  readonly constraintScale: "100%";
148
149
  readonly constraint1: "42px";
149
150
  readonly constraint2: "84px";
@@ -369,6 +370,7 @@ declare const designTokens: {
369
370
  readonly shadow15: "var(--shadow-15, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))";
370
371
  readonly shadow16: "var(--shadow-16, 0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25))";
371
372
  readonly shadow17: "var(--shadow-17, 0 1px 5px 0 rgba(0, 0, 0, 0.05))";
373
+ readonly shadow18: "var(--shadow-18, 0 5px 30px 0px rgba(0, 0, 0, 0.1))";
372
374
  readonly constraintScale: "var(--constraint-scale, 100%)";
373
375
  readonly constraint1: "var(--constraint-1, 42px)";
374
376
  readonly constraint2: "var(--constraint-2, 84px)";
package/materials/custom-properties.css CHANGED
@@ -155,6 +155,7 @@
155
155
  --shadow-16: 0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25),
156
156
  -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25);
157
157
  --shadow-17: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
158
+ --shadow-18: 0 5px 30px 0px rgba(0, 0, 0, 0.1);
158
159
  --constraint-scale: 100%;
159
160
  --constraint-1: 42px;
160
161
  --constraint-2: 84px;
package/materials/custom-properties.json CHANGED
@@ -143,6 +143,7 @@
143
143
  "--shadow-15": "0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)",
144
144
  "--shadow-16": "0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)",
145
145
  "--shadow-17": "0 1px 5px 0 rgba(0, 0, 0, 0.05)",
146
+ "--shadow-18": "0 5px 30px 0px rgba(0, 0, 0, 0.1)",
146
147
  "--constraint-scale": "100%",
147
148
  "--constraint-1": "42px",
148
149
  "--constraint-2": "84px",
package/materials/custom-properties_default.css CHANGED
@@ -155,6 +155,7 @@
155
155
  --shadow-16: 0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25),
156
156
  -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25);
157
157
  --shadow-17: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
158
+ --shadow-18: 0 5px 30px 0px rgba(0, 0, 0, 0.1);
158
159
  --constraint-scale: 100%;
159
160
  --constraint-1: 42px;
160
161
  --constraint-2: 84px;
package/materials/internals/definition.yaml CHANGED
@@ -215,6 +215,7 @@ choiceGroupsByTheme:
215
215
  shadow-15: '0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)'
216
216
  shadow-16: '0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)'
217
217
  shadow-17: '0 1px 5px 0 rgba(0, 0, 0, 0.05)'
218
+ shadow-18: '0 5px 30px 0px rgba(0, 0, 0, 0.1)'
218
219
  constraints:
219
220
  label: Constraints
220
221
  prefix: constraint
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.12.1",
4
+ "version": "19.13.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.12.1",
28
+ "@commercetools-uikit/hooks": "19.13.0",
29
29
  "@emotion/react": "^11.10.5",
30
30
  "lodash": "4.17.21",
31
31
  "prop-types": "15.8.1",