@commercetools-uikit/constraints - npm Package Compare versions

Comparing version 19.5.0 to 19.6.0

dist/commercetools-uikit-constraints.cjs.dev.js

@@ -85,3 +85,3 @@ 'use strict';
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.5.0";
+var version = "19.6.0";
 
@@ -88,0 +88,0 @@ // eslint-disable-next-line import/prefer-default-export

dist/commercetools-uikit-constraints.cjs.prod.js

@@ -75,3 +75,3 @@ 'use strict';
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.5.0";
+var version = "19.6.0";
 
@@ -78,0 +78,0 @@ // eslint-disable-next-line import/prefer-default-export

dist/commercetools-uikit-constraints.esm.js

@@ -67,3 +67,3 @@ import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.5.0";
+var version = "19.6.0";
 
@@ -70,0 +70,0 @@ // eslint-disable-next-line import/prefer-default-export

dist/declarations/src/index.d.ts

@@ -5,5 +5,5 @@ export * from "./horizontal/export-types.js";
     getAcceptedMaxPropValues: (min?: number, max?: number) => (string | number)[];
-    getMaxPropTokenValue: (max: string | number | null) => "var(--color-primary, hsl(240, 64%, 58%))" | "var(--color-primary-10, hsl(240, 66%, 19%))" | "var(--color-primary-20, hsl(240, 45%, 33%))" | "var(--color-primary-25, hsl(240, 46%, 48%))" | "var(--color-primary-30, hsl(240, 46%, 53%))" | "var(--color-primary-40, hsl(240, 100%, 67%))" | "var(--color-primary-85, hsl(244, 100%, 84%))" | "var(--color-primary-90, hsl(243, 100%, 93%))" | "var(--color-primary-95, hsl(244, 100%, 97%))" | "var(--color-primary-98, hsl(244, 100%, 99%))" | "var(--color-accent, #213c45)" | "var(--color-accent-10, hsl(195, 100%, 10%))" | "var(--color-accent-20, hsl(195, 80%, 20%))" | "var(--color-accent-30, hsl(195, 70%, 30%))" | "var(--color-accent-40, hsl(195, 70%, 40%))" | "var(--color-accent-50, hsl(195, 70%, 50%))" | "var(--color-accent-60, hsl(195, 70%, 60%))" | "var(--color-accent-85, hsl(195, 85%, 85%))" | "var(--color-accent-90, hsl(195, 90%, 90%))" | "var(--color-accent-95, hsl(195, 95%, 95%))" | "var(--color-accent-98, hsl(195, 100%, 98%))" | "var(--color-brown-10, hsl(41, 100%, 10%))" | "var(--color-brown-20, hsl(41, 100%, 20%))" | "var(--color-brown-35, hsl(41, 96%, 35%))" | "var(--color-brown-50, hsl(41, 95%, 44%))" | "var(--color-brown-70, hsl(47, 95%, 70%))" | "var(--color-brown-85, hsl(47, 100%, 85%))" | "var(--color-brown-90, hsl(47, 100%, 90%))" | "var(--color-brown-95, hsl(47, 100%, 95%))" | "var(--color-brown-98, hsl(48, 100%, 97%))" | "var(--color-purple-10, hsl(248, 88%, 10%))" | "var(--color-purple-20, hsl(248, 50%, 20%))" | "var(--color-purple-35, hsl(248, 25%, 35%))" | "var(--color-purple-50, hsl(248, 64%, 58%))" | "var(--color-purple-70, hsl(248, 80%, 70%))" | "var(--color-purple-85, hsl(249, 100%, 85%))" | "var(--color-purple-90, hsl(248, 100%, 90%))" | "var(--color-purple-95, hsl(248, 100%, 95%))" | "var(--color-purple-98, hsl(246, 100%, 98%))" | "var(--color-turquoise-10, hsl(180, 88%, 10%))" | "var(--color-turquoise-20, hsl(180, 90%, 20%))" | "var(--color-turquoise-35, hsl(178, 88%, 35%))" | "var(--color-turquoise-50, hsl(178, 67%, 50%))" | "var(--color-turquoise-70, hsl(180, 75%, 70%))" | "var(--color-turquoise-85, hsl(180, 90%, 85%))" | "var(--color-turquoise-90, hsl(180, 88%, 90%))" | "var(--color-turquoise-95, hsl(180, 88%, 95%))" | "var(--color-turquoise-98, hsl(180, 100%, 98%))" | "var(--color-neutral, hsl(232, 18%, 80%))" | "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))" | "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))" | "var(--color-neutral-40, hsl(232, 18%, 40%))" | "var(--color-neutral-60, hsl(232, 18%, 60%))" | "var(--color-neutral-85, hsl(232, 18%, 85%))" | "var(--color-neutral-90, hsl(232, 18%, 90%))" | "var(--color-neutral-95, hsl(232, 18%, 95%))" | "var(--color-neutral-98, hsl(232, 18%, 98%))" | "var(--color-info, #078cdf)" | "var(--color-info-40, hsl(203.05555555555554, 93.9130434783%, 40%))" | "var(--color-info-60, hsl(203.05555555555554, 93.9130434783%, 60%))" | "var(--color-info-85, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--color-info-90, #CEEBFD)" | "var(--color-info-95, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--color-warning, hsl(35, 90%, 45%))" | "var(--color-warning-25, hsl(33, 83%, 25%))" | "var(--color-warning-40, hsl(33, 80%, 34%))" | "var(--color-warning-60, hsl(35, 90%, 55%))" | "var(--color-warning-85, hsl(33, 90%, 80%))" | "var(--color-warning-95, hsl(45, 100%, 92%))" | "var(--color-error, hsl(3, 65%, 58%))" | "var(--color-error-25, hsl(4, 69%, 37%))" | "var(--color-error-40, hsl(3, 60%, 46%))" | "var(--color-error-85, hsl(1, 55%, 74%))" | "var(--color-error-95, hsl(349, 66%, 92%))" | "var(--color-solid, #1a1a1a)" | "var(--color-solid-02, hsl(0deg 0% 10% / 2%))" | "var(--color-solid-05, hsl(0deg 0% 10% / 5%))" | "var(--color-solid-10, hsl(0deg 0% 10% / 10%))" | "var(--color-surface, #fff)" | "var(--color-transparent, transparent)" | "var(--color-success, hsl(152, 77%, 39%))" | "var(--color-success-25, hsl(155, 84%, 20%))" | "var(--color-success-40, hsl(155, 90%, 24%))" | "var(--color-success-85, hsl(144, 69%, 80%))" | "var(--color-success-95, hsl(141, 76%, 92%))" | "var(--border-radius-1, 1px)" | "var(--border-radius-2, 2px)" | "var(--border-radius-4, 4px)" | "var(--border-radius-6, 6px)" | "var(--border-radius-8, 8px)" | "var(--border-radius-20, 20px)" | "var(--border-width-1, 1px)" | "var(--border-width-2, 2px)" | "var(--font-family, 'Inter', system-ui)" | "var(--font-size-10, 0.75rem)" | "var(--font-size-12, 0.8rem)" | "var(--font-size-20, 0.875rem)" | "var(--font-size-30, 1rem)" | "var(--font-size-40, 1.125rem)" | "var(--font-size-50, 1.25rem)" | "var(--font-size-60, 1.5rem)" | "var(--font-size-70, 2rem)" | "var(--font-size-80, 2.5rem)" | "var(--font-size-90, 3rem)" | "var(--font-size-15, 0.9231rem)" | "var(--font-size-35, 1.0769rem)" | "var(--font-size-45, 1.2308rem)" | "var(--font-size-63, 1.5385rem)" | "var(--font-size-66, 1.8462rem)" | "var(--font-size-69, 2.4615rem)" | "var(--font-size-78, 3rem)" | "var(--font-weight-300, 300)" | "var(--font-weight-400, 400)" | "var(--font-weight-500, 500)" | "var(--font-weight-600, 600)" | "var(--font-weight-700, 700)" | "var(--line-height-05, 1.125rem)" | "var(--line-height-10, 1.25rem)" | "var(--line-height-18, 1.3rem)" | "var(--line-height-20, 1.375rem)" | "var(--line-height-30, 1.5rem)" | "var(--line-height-40, 1.625rem)" | "var(--line-height-50, 1.75rem)" | "var(--line-height-60, 2.125rem)" | "var(--shadow-0, none)" | "var(--shadow-1, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-2, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23))" | "var(--shadow-3, 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23))" | "var(--shadow-4, 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22))" | "var(--shadow-5, 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22))" | "var(--shadow-6, 0 -1px 2px 0 rgba(0, 0, 0, 0.2))" | "var(--shadow-7, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-8, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-9, inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25))" | "var(--shadow-10, 0 0 0 1px rgba(224, 230, 237, 0.5))" | "var(--shadow-11, 0 1px 0.5px rgba(0, 0, 0, 0.24), 0 -1px 0.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-12, 0 0 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-13, 0 0 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-14, 0 0 0.5px rgba(0, 0, 0, 0.1))" | "var(--shadow-15, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))" | "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))" | "var(--shadow-17, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--constraint-scale, 100%)" | "var(--constraint-1, 42px)" | "var(--constraint-2, 84px)" | "var(--constraint-3, 142px)" | "var(--constraint-4, 184px)" | "var(--constraint-5, 242px)" | "var(--constraint-6, 284px)" | "var(--constraint-7, 342px)" | "var(--constraint-8, 384px)" | "var(--constraint-9, 442px)" | "var(--constraint-10, 484px)" | "var(--constraint-11, 542px)" | "var(--constraint-12, 584px)" | "var(--constraint-13, 642px)" | "var(--constraint-14, 684px)" | "var(--constraint-15, 742px)" | "var(--constraint-16, 784px)" | "var(--spacing-xs, 4px)" | "var(--spacing-s, 8px)" | "var(--spacing-m, 16px)" | "var(--spacing-l, 24px)" | "var(--spacing-xl, 32px)" | "var(--spacing-05, 2px)" | "var(--spacing-10, 4px)" | "var(--spacing-20, 8px)" | "var(--spacing-25, 12px)" | "var(--spacing-30, 16px)" | "var(--spacing-40, 24px)" | "var(--spacing-50, 32px)" | "var(--spacing-55, 40px)" | "var(--spacing-60, 48px)" | "var(--spacing-70, 64px)" | "var(--transition-linear-80-ms, 80ms linear)" | "var(--transition-easeinout-150-ms, 150ms ease-in-out)" | "var(--transition-standard, 200ms ease)" | "var(--break-point-mobile, 768px)" | "var(--break-point-desktop, 1024px)" | "var(--break-point-biggerdesktop, 1280px)" | "var(--break-point-giantdesktop, 1680px)" | "var(--break-point-jumbodesktop, 1920px)" | "var(--background-color-for-input, #fff)" | "var(--background-color-for-input-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-hovered, hsl(244, 100%, 99%))" | "var(--background-color-for-localized-input-label, #fff)" | "var(--background-color-for-localized-input-label-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-localized-input-label-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-button-when-active, hsl(243, 100%, 93%))" | "var(--background-color-for-button-when-hovered, hsl(244, 100%, 97%))" | "var(--background-color-for-button-when-disabled, hsl(232, 18%, 95%))" | "var(--border-color-for-input, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-readonly, #fff)" | "var(--border-color-for-input-when-error, hsl(3, 65%, 58%))" | "var(--border-color-for-input-when-warning, hsl(35, 90%, 45%))" | "var(--border-color-for-input-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-focused, hsl(240, 100%, 67%))" | "var(--border-color-for-button-as-secondary, hsl(244, 100%, 84%))" | "var(--border-radius-for-input, 4px)" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-error, hsl(3, 60%, 46%))" | "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-input-when-warning, hsl(35, 90%, 45%))" | "var(--font-color-for-button-as-secondary, hsl(240, 64%, 58%))" | "var(--height-for-button-as-big, 40px)" | "var(--height-for-button-as-small, 16px)" | "var(--height-for-button-as-medium, 32px)" | "var(--height-for-input, 40px)" | "var(--height-for-input-as-small, 32px)" | "var(--shadow-for-input, none)" | "var(--shadow-for-input-when-focused, inset 0 0 0 1px var(--color-primary))" | "var(--shadow-for-input-when-error, inset 0 0 0 1px var(--color-error))" | "var(--shadow-for-input-when-warning, inset 0 0 0 1px var(--color-warning))" | null;
+    getMaxPropTokenValue: (max: number | string | null) => "var(--color-primary, hsl(240, 64%, 58%))" | "var(--color-primary-10, hsl(240, 66%, 19%))" | "var(--color-primary-20, hsl(240, 45%, 33%))" | "var(--color-primary-25, hsl(240, 46%, 48%))" | "var(--color-primary-30, hsl(240, 46%, 53%))" | "var(--color-primary-40, hsl(240, 100%, 67%))" | "var(--color-primary-85, hsl(244, 100%, 84%))" | "var(--color-primary-90, hsl(243, 100%, 93%))" | "var(--color-primary-95, hsl(244, 100%, 97%))" | "var(--color-primary-98, hsl(244, 100%, 99%))" | "var(--color-accent, #213c45)" | "var(--color-accent-10, hsl(195, 100%, 10%))" | "var(--color-accent-20, hsl(195, 80%, 20%))" | "var(--color-accent-30, hsl(195, 70%, 30%))" | "var(--color-accent-40, hsl(195, 70%, 40%))" | "var(--color-accent-50, hsl(195, 70%, 50%))" | "var(--color-accent-60, hsl(195, 70%, 60%))" | "var(--color-accent-85, hsl(195, 85%, 85%))" | "var(--color-accent-90, hsl(195, 90%, 90%))" | "var(--color-accent-95, hsl(195, 95%, 95%))" | "var(--color-accent-98, hsl(195, 100%, 98%))" | "var(--color-brown-10, hsl(41, 100%, 10%))" | "var(--color-brown-20, hsl(41, 100%, 20%))" | "var(--color-brown-35, hsl(41, 96%, 35%))" | "var(--color-brown-50, hsl(41, 95%, 44%))" | "var(--color-brown-70, hsl(47, 95%, 70%))" | "var(--color-brown-85, hsl(47, 100%, 85%))" | "var(--color-brown-90, hsl(47, 100%, 90%))" | "var(--color-brown-95, hsl(47, 100%, 95%))" | "var(--color-brown-98, hsl(48, 100%, 97%))" | "var(--color-purple-10, hsl(248, 88%, 10%))" | "var(--color-purple-20, hsl(248, 50%, 20%))" | "var(--color-purple-35, hsl(248, 25%, 35%))" | "var(--color-purple-50, hsl(248, 64%, 58%))" | "var(--color-purple-70, hsl(248, 80%, 70%))" | "var(--color-purple-85, hsl(249, 100%, 85%))" | "var(--color-purple-90, hsl(248, 100%, 90%))" | "var(--color-purple-95, hsl(248, 100%, 95%))" | "var(--color-purple-98, hsl(246, 100%, 98%))" | "var(--color-turquoise-10, hsl(180, 88%, 10%))" | "var(--color-turquoise-20, hsl(180, 90%, 20%))" | "var(--color-turquoise-35, hsl(178, 88%, 35%))" | "var(--color-turquoise-50, hsl(178, 67%, 50%))" | "var(--color-turquoise-70, hsl(180, 75%, 70%))" | "var(--color-turquoise-85, hsl(180, 90%, 85%))" | "var(--color-turquoise-90, hsl(180, 88%, 90%))" | "var(--color-turquoise-95, hsl(180, 88%, 95%))" | "var(--color-turquoise-98, hsl(180, 100%, 98%))" | "var(--color-neutral, hsl(232, 18%, 80%))" | "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))" | "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))" | "var(--color-neutral-40, hsl(232, 18%, 40%))" | "var(--color-neutral-60, hsl(232, 18%, 60%))" | "var(--color-neutral-85, hsl(232, 18%, 85%))" | "var(--color-neutral-90, hsl(232, 18%, 90%))" | "var(--color-neutral-95, hsl(232, 18%, 95%))" | "var(--color-neutral-98, hsl(232, 18%, 98%))" | "var(--color-info, #078cdf)" | "var(--color-info-40, hsl(203.05555555555554, 93.9130434783%, 40%))" | "var(--color-info-50, hsl(203.05555555555554, 93.9130434783%, 50%))" | "var(--color-info-60, hsl(203.05555555555554, 93.9130434783%, 60%))" | "var(--color-info-85, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--color-info-90, #CEEBFD)" | "var(--color-info-95, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--color-warning, hsl(35, 90%, 45%))" | "var(--color-warning-25, hsl(33, 83%, 25%))" | "var(--color-warning-40, hsl(33, 80%, 34%))" | "var(--color-warning-60, hsl(35, 90%, 55%))" | "var(--color-warning-85, hsl(33, 90%, 80%))" | "var(--color-warning-95, hsl(45, 100%, 92%))" | "var(--color-error, hsl(3, 65%, 58%))" | "var(--color-error-25, hsl(4, 69%, 37%))" | "var(--color-error-40, hsl(3, 60%, 46%))" | "var(--color-error-85, hsl(1, 55%, 74%))" | "var(--color-error-95, hsl(349, 66%, 92%))" | "var(--color-solid, #1a1a1a)" | "var(--color-solid-02, hsl(0deg 0% 10% / 2%))" | "var(--color-solid-05, hsl(0deg 0% 10% / 5%))" | "var(--color-solid-10, hsl(0deg 0% 10% / 10%))" | "var(--color-surface, #fff)" | "var(--color-transparent, transparent)" | "var(--color-success, hsl(152, 77%, 39%))" | "var(--color-success-25, hsl(155, 84%, 20%))" | "var(--color-success-40, hsl(155, 90%, 24%))" | "var(--color-success-85, hsl(144, 69%, 80%))" | "var(--color-success-95, hsl(141, 76%, 92%))" | "var(--border-radius-1, 1px)" | "var(--border-radius-2, 2px)" | "var(--border-radius-4, 4px)" | "var(--border-radius-6, 6px)" | "var(--border-radius-8, 8px)" | "var(--border-radius-20, 20px)" | "var(--border-width-1, 1px)" | "var(--border-width-2, 2px)" | "var(--font-family, 'Inter', system-ui)" | "var(--font-size-10, 0.75rem)" | "var(--font-size-12, 0.8rem)" | "var(--font-size-20, 0.875rem)" | "var(--font-size-30, 1rem)" | "var(--font-size-40, 1.125rem)" | "var(--font-size-50, 1.25rem)" | "var(--font-size-60, 1.5rem)" | "var(--font-size-70, 2rem)" | "var(--font-size-80, 2.5rem)" | "var(--font-size-90, 3rem)" | "var(--font-size-15, 0.9231rem)" | "var(--font-size-35, 1.0769rem)" | "var(--font-size-45, 1.2308rem)" | "var(--font-size-63, 1.5385rem)" | "var(--font-size-66, 1.8462rem)" | "var(--font-size-69, 2.4615rem)" | "var(--font-size-78, 3rem)" | "var(--font-weight-300, 300)" | "var(--font-weight-400, 400)" | "var(--font-weight-500, 500)" | "var(--font-weight-600, 600)" | "var(--font-weight-700, 700)" | "var(--line-height-05, 1.125rem)" | "var(--line-height-10, 1.25rem)" | "var(--line-height-18, 1.3rem)" | "var(--line-height-20, 1.375rem)" | "var(--line-height-30, 1.5rem)" | "var(--line-height-40, 1.625rem)" | "var(--line-height-50, 1.75rem)" | "var(--line-height-60, 2.125rem)" | "var(--shadow-0, none)" | "var(--shadow-1, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-2, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23))" | "var(--shadow-3, 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23))" | "var(--shadow-4, 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22))" | "var(--shadow-5, 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22))" | "var(--shadow-6, 0 -1px 2px 0 rgba(0, 0, 0, 0.2))" | "var(--shadow-7, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-8, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-9, inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25))" | "var(--shadow-10, 0 0 0 1px rgba(224, 230, 237, 0.5))" | "var(--shadow-11, 0 1px 0.5px rgba(0, 0, 0, 0.24), 0 -1px 0.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-12, 0 0 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-13, 0 0 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-14, 0 0 0.5px rgba(0, 0, 0, 0.1))" | "var(--shadow-15, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))" | "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))" | "var(--shadow-17, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--constraint-scale, 100%)" | "var(--constraint-1, 42px)" | "var(--constraint-2, 84px)" | "var(--constraint-3, 142px)" | "var(--constraint-4, 184px)" | "var(--constraint-5, 242px)" | "var(--constraint-6, 284px)" | "var(--constraint-7, 342px)" | "var(--constraint-8, 384px)" | "var(--constraint-9, 442px)" | "var(--constraint-10, 484px)" | "var(--constraint-11, 542px)" | "var(--constraint-12, 584px)" | "var(--constraint-13, 642px)" | "var(--constraint-14, 684px)" | "var(--constraint-15, 742px)" | "var(--constraint-16, 784px)" | "var(--spacing-xs, 4px)" | "var(--spacing-s, 8px)" | "var(--spacing-m, 16px)" | "var(--spacing-l, 24px)" | "var(--spacing-xl, 32px)" | "var(--spacing-05, 2px)" | "var(--spacing-10, 4px)" | "var(--spacing-20, 8px)" | "var(--spacing-25, 12px)" | "var(--spacing-30, 16px)" | "var(--spacing-40, 24px)" | "var(--spacing-50, 32px)" | "var(--spacing-55, 40px)" | "var(--spacing-60, 48px)" | "var(--spacing-70, 64px)" | "var(--transition-linear-80-ms, 80ms linear)" | "var(--transition-easeinout-150-ms, 150ms ease-in-out)" | "var(--transition-standard, 200ms ease)" | "var(--break-point-mobile, 768px)" | "var(--break-point-desktop, 1024px)" | "var(--break-point-biggerdesktop, 1280px)" | "var(--break-point-giantdesktop, 1680px)" | "var(--break-point-jumbodesktop, 1920px)" | "var(--background-color-for-input, #fff)" | "var(--background-color-for-input-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-hovered, hsl(244, 100%, 99%))" | "var(--background-color-for-localized-input-label, #fff)" | "var(--background-color-for-localized-input-label-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-localized-input-label-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-button-when-active, hsl(243, 100%, 93%))" | "var(--background-color-for-button-when-hovered, hsl(244, 100%, 97%))" | "var(--background-color-for-button-when-disabled, hsl(232, 18%, 95%))" | "var(--border-color-for-input, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-readonly, #fff)" | "var(--border-color-for-input-when-error, hsl(3, 65%, 58%))" | "var(--border-color-for-input-when-warning, hsl(35, 90%, 45%))" | "var(--border-color-for-input-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-focused, hsl(240, 100%, 67%))" | "var(--border-color-for-button-as-secondary, hsl(244, 100%, 84%))" | "var(--border-radius-for-input, 4px)" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-error, hsl(3, 60%, 46%))" | "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-input-when-warning, hsl(35, 90%, 45%))" | "var(--font-color-for-button-as-secondary, hsl(240, 64%, 58%))" | "var(--height-for-button-as-big, 40px)" | "var(--height-for-button-as-small, 16px)" | "var(--height-for-button-as-medium, 32px)" | "var(--height-for-button-as-40, 40px)" | "var(--height-for-button-as-30, 32px)" | "var(--height-for-button-as-20, 24px)" | "var(--height-for-button-as-10, 16px)" | "var(--height-for-input, 40px)" | "var(--height-for-input-as-small, 32px)" | "var(--shadow-for-input, none)" | "var(--shadow-for-input-when-focused, inset 0 0 0 1px var(--color-primary))" | "var(--shadow-for-input-when-error, inset 0 0 0 1px var(--color-error))" | "var(--shadow-for-input-when-warning, inset 0 0 0 1px var(--color-warning))" | null;
 };
 export default Constraints;
 export { default as version } from "./version.js";

package.json

 {
   "name": "@commercetools-uikit/constraints",
   "description": "Constraints are container elements with a configurable constraint size, like width or height.",
-  "version": "19.5.0",
+  "version": "19.6.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
@@ -24,4 +24,4 @@ "repository": {
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/design-system": "19.5.0",
-    "@commercetools-uikit/utils": "19.5.0",
+    "@commercetools-uikit/design-system": "19.6.0",
+    "@commercetools-uikit/utils": "19.6.0",
     "@emotion/react": "^11.10.5",
@@ -28,0 +28,0 @@ "@emotion/styled": "^11.10.5",

No alert changes

Improved metrics

Total package byte prevSize

43227

increased by0.55%

Lines of code

346

increased by0.29%

Dependency changes

• + Added@commercetools-uikit/design-system@19.6.0(transitive)

• + Added@commercetools-uikit/hooks@19.6.0(transitive)

• + Added@commercetools-uikit/utils@19.6.0(transitive)

• - Removed@commercetools-uikit/design-system@19.5.0(transitive)

• - Removed@commercetools-uikit/hooks@19.5.0(transitive)

• - Removed@commercetools-uikit/utils@19.5.0(transitive)

• Updated@commercetools-uikit/design-system@19.6.0

• Updated@commercetools-uikit/utils@19.6.0