@commercetools-uikit/constraints 15.13.0 → 15.13.2

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 (6) hide show
  1. package/dist/commercetools-uikit-constraints.cjs.dev.js +1 -1
  2. package/dist/commercetools-uikit-constraints.cjs.prod.js +1 -1
  3. package/dist/commercetools-uikit-constraints.esm.js +1 -1
  4. package/dist/declarations/src/helpers.d.ts +1 -1
  5. package/dist/declarations/src/index.d.ts +1 -1
  6. package/package.json +3 -3
package/dist/commercetools-uikit-constraints.cjs.dev.js CHANGED
@@ -98,7 +98,7 @@ Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
98
98
  var Horizontal$1 = Horizontal;
99
99
 
100
100
  // NOTE: This string will be replaced on build time with the package version.
101
- var version = "15.13.0";
101
+ var version = "15.13.2";
102
102
 
103
103
  // eslint-disable-next-line import/prefer-default-export
104
104
  var Constraints = {
package/dist/commercetools-uikit-constraints.cjs.prod.js CHANGED
@@ -87,7 +87,7 @@ Horizontal.propTypes = {};
87
87
  var Horizontal$1 = Horizontal;
88
88
 
89
89
  // NOTE: This string will be replaced on build time with the package version.
90
- var version = "15.13.0";
90
+ var version = "15.13.2";
91
91
 
92
92
  // eslint-disable-next-line import/prefer-default-export
93
93
  var Constraints = {
package/dist/commercetools-uikit-constraints.esm.js CHANGED
@@ -79,7 +79,7 @@ Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
79
79
  var Horizontal$1 = Horizontal;
80
80
 
81
81
  // NOTE: This string will be replaced on build time with the package version.
82
- var version = "15.13.0";
82
+ var version = "15.13.2";
83
83
 
84
84
  // eslint-disable-next-line import/prefer-default-export
85
85
  var Constraints = {
package/dist/declarations/src/helpers.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const getMaxPropTokenValue: (max: number | string | null) => "var(--color-primary, #00b39e)" | "var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))" | "var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))" | "var(--color-primary-85, hsl(172.9608938547486, 100%, 85%))" | "var(--color-primary-95, hsl(172.9608938547486, 100%, 95%))" | "var(--color-accent, #213c45)" | "var(--color-accent-10, hsl(195, 35.2941176471%, 10%))" | "var(--color-accent-20, hsl(195, 35.2941176471%, 20%))" | "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))" | "var(--color-accent-40, hsl(195, 35.2941176471%, 40%))" | "var(--color-accent-90, hsl(195, 35.2941176471%, 90%))" | "var(--color-accent-95, hsl(195, 35.2941176471%, 95%))" | "var(--color-accent-98, hsl(195, 35.2941176471%, 98%))" | "var(--color-neutral, #ccc)" | "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))" | "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))" | "var(--color-neutral-40, hsl(0, 0%, 40%))" | "var(--color-neutral-60, hsl(0, 0%, 60%))" | "var(--color-neutral-85, hsl(0, 0%, 85%))" | "var(--color-neutral-90, hsl(0, 0%, 90%))" | "var(--color-neutral-95, hsl(0, 0%, 95%))" | "var(--color-neutral-98, hsl(0, 0%, 98%))" | "var(--color-info, #078cdf)" | "var(--color-info-40, hsl(203.05555555555554, 93.9130434783%, 40%))" | "var(--color-info-85, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--color-info-95, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--color-warning, #f16d0e)" | "var(--color-warning-25, hsl(25.110132158590307, 89.0196078431%, 25%))" | "var(--color-warning-40, hsl(25.110132158590307, 89.0196078431%, 40%))" | "var(--color-warning-85, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--color-warning-95, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--color-error, #e60050)" | "var(--color-error-25, hsl(339.1304347826087, 100%, 25%))" | "var(--color-error-40, hsl(339.1304347826087, 100%, 40%))" | "var(--color-error-85, hsl(339.1304347826087, 100%, 85%))" | "var(--color-error-95, hsl(339.1304347826087, 100%, 95%))" | "var(--color-solid, #1a1a1a)" | "var(--color-solid-05, hsl(0deg 0% 10% / 5%))" | "var(--color-solid-10, hsl(0deg 0% 10% / 10%))" | "var(--color-surface, #fff)" | "var(--border-radius-1, 1px)" | "var(--border-radius-2, 2px)" | "var(--border-radius-4, 4px)" | "var(--border-radius-6, 6px)" | "var(--border-radius-20, 20px)" | "var(--border-width-1, 1px)" | "var(--border-width-2, 2px)" | "var(--font-family, 'Open Sans', sans-serif)" | "var(--font-size-10, 0.75rem)" | "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-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-10, 1.25rem)" | "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(--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-10, 4px)" | "var(--spacing-20, 8px)" | "var(--spacing-30, 16px)" | "var(--spacing-40, 24px)" | "var(--spacing-50, 32px)" | "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(--align-items-for-select-input-tag, unset)" | "var(--background-color-for-button-when-active, #fff)" | "var(--background-color-for-button-when-hovered, #fff)" | "var(--background-color-for-button-as-primary-when-active, #00b39e)" | "var(--background-color-for-button-as-primary-when-hovered, hsl(172.9608938547486, 100%, 25%))" | "var(--background-color-for-button-as-icon-as-primary-when-active, #00b39e)" | "var(--background-color-for-button-as-icon-as-primary-when-hovered, #00b39e)" | "var(--background-color-for-button-as-icon-as-info-when-active, #078cdf)" | "var(--background-color-for-button-as-icon-as-info-when-hovered, #078cdf)" | "var(--background-color-for-button-as-urgent-when-active, #f16d0e)" | "var(--background-color-for-button-as-urgent-when-hovered, hsl(25.110132158590307, 89.0196078431%, 25%))" | "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-input, #fff)" | "var(--background-color-for-input-when-selected, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-input-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-input-when-hovered, #fff)" | "var(--background-color-for-input-when-focused, #fff)" | "var(--background-color-for-input-when-readonly, #fff)" | "var(--background-color-for-input-when-active, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-table-cell-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-table-header, #213c45)" | "var(--background-color-for-tag, hsl(0, 0%, 95%))" | "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-collapsible-panel-header-icon-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-select-input-option-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-avatar, hsl(0, 0%, 60%))" | "var(--background-color-for-avatar-when-highlighted, #ccc)" | "var(--background-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 85%))" | "var(--background-color-for-localized-multiline-text-input-label, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-localized-multiline-text-input-label-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-tooltip, #213c45)" | "var(--background-color-for-view-switcher, #fff)" | "var(--background-color-for-view-switcher-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-view-switcher-when-selected, hsl(0, 0%, 95%))" | "var(--background-color-for-view-switcher-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-content-notification-when-error, #fff)" | "var(--background-color-for-content-notification-when-info, #fff)" | "var(--background-color-for-content-notification-when-warning, #fff)" | "var(--background-color-for-content-notification-when-success, #fff)" | "var(--background-color-for-content-notification-icon-when-error, #e60050)" | "var(--background-color-for-content-notification-icon-when-info, #078cdf)" | "var(--background-color-for-content-notification-icon-when-warning, #f16d0e)" | "var(--background-color-for-content-notification-icon-when-success, #00b39e)" | "var(--background-color-for-checkbox-input-icon, #fff)" | "var(--background-color-for-checkbox-input-icon-when-disabled, #fff)" | "var(--background-color-for-checkbox-input-icon-when-readonly, #fff)" | "var(--background-color-for-checkbox-input-icon-when-error, #fff)" | "var(--background-color-for-checkbox-input-icon-when-hovered, #fff)" | "var(--border-for-button-as-secondary, none)" | "var(--border-for-button-as-secondary-when-hovered, none)" | "var(--border-for-button-as-secondary-when-active, none)" | "var(--border-for-card-when-raised, none)" | "var(--border-for-collapsible-panel-header-icon-when-disabled, 1px solid var(--color-neutral))" | "var(--border-for-view-switcher, none)" | "var(--border-for-select-input-tag, none)" | "var(--border-for-radio-input-option, 1px)" | "var(--border-color-for-input, hsl(0, 0%, 60%))" | "var(--border-color-for-input-when-focused, #00b39e)" | "var(--border-color-for-input-when-disabled, #ccc)" | "var(--border-color-for-input-when-readonly, #ccc)" | "var(--border-color-for-input-when-error, #e60050)" | "var(--border-color-for-input-when-warning, #f16d0e)" | "var(--border-color-for-input-when-hovered, #00b39e)" | "var(--border-color-for-tag, hsl(0, 0%, 60%))" | "var(--border-color-for-tag-warning, #f16d0e)" | "var(--border-color-for-tag-when-focused, #00b39e)" | "var(--border-color-for-tag-when-hovered, #f16d0e)" | "var(--border-color-for-button-as-icon, #fff)" | "var(--border-color-for-button-as-icon-as-info, #078cdf)" | "var(--border-color-for-button-as-icon-as-primary, #00b39e)" | "var(--border-color-for-button-as-icon-when-disabled, #ccc)" | "var(--border-color-for-table-header, #ccc)" | "var(--border-color-for-table-header-as-bottom, #213c45)" | "var(--border-color-for-table-manager-droppable-list, hsl(0, 0%, 60%))" | "var(--border-color-for-collapsible-panel-header, hsl(0, 0%, 60%))" | "var(--border-color-for-stamp-when-error, #e60050)" | "var(--border-color-for-stamp-when-warning, #f16d0e)" | "var(--border-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 40%))" | "var(--border-color-for-stamp-as-information, #078cdf)" | "var(--border-color-for-stamp-as-primary, hsl(172.9608938547486, 100%, 25%))" | "var(--border-color-for-stamp-as-secondary, hsl(0, 0%, 60%))" | "var(--border-color-for-localized-multiline-text-input-label, #ccc)" | "var(--border-color-for-localized-multiline-text-input-label-when-readonly, #ccc)" | "var(--border-color-for-content-notification-when-error, #e60050)" | "var(--border-color-for-content-notification-when-info, #078cdf)" | "var(--border-color-for-content-notification-when-warning, #f16d0e)" | "var(--border-color-for-content-notification-when-success, #00b39e)" | "var(--border-color-for-group-heading-select-input-options, #ccc)" | "var(--border-color-for-select-input-menu, #00b39e)" | "var(--border-color-for-select-input-when-readonly, #ccc)" | "var(--border-color-for-select-input-menu-when-warning, #f16d0e)" | "var(--border-color-for-select-input-menu-when-error, #e60050)" | "var(--border-color-for-checkbox-input-icon, hsl(0, 0%, 60%))" | "var(--border-color-for-checkbox-input-icon-when-disabled, #ccc)" | "var(--border-color-for-checkbox-input-icon-when-readonly, #ccc)" | "var(--border-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--border-color-for-radio-input, #ccc)" | "var(--border-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))" | "var(--border-color-for-radio-input-when-readonly, #ccc)" | "var(--border-color-for-radio-input-when-checked, #ccc)" | "var(--border-color-for-radio-input-when-focused, #00b39e)" | "var(--border-radius-for-button-as-big, 6px)" | "var(--border-radius-for-button-as-small, 4px)" | "var(--border-radius-for-button-as-icon-as-big, 6px)" | "var(--border-radius-for-button-as-icon-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-small, 2px)" | "var(--border-radius-for-input, 6px)" | "var(--border-radius-for-tag, 2px)" | "var(--border-radius-for-card, 6px)" | "var(--border-radius-for-table-manager-droppable-list, 6px)" | "var(--border-radius-for-stamp, 2px)" | "var(--border-radius-for-view-switcher, 6px)" | "var(--border-radius-for-content-notification, 0 var(--border-radius-6) var(--border-radius-6) 0)" | "var(--border-radius-for-content-notification-icon, var(--border-radius-6) 0 0 var(--border-radius-6))" | "var(--border-width-for-input, 1px)" | "var(--border-width-for-input-when-warning, 1px)" | "var(--border-width-for-input-when-error, 1px)" | "var(--border-width-for-input-when-focused, 1px)" | "var(--border-width-for-tag, 1px)" | "var(--border-width-for-select-input, 1px)" | "var(--border-width-for-content-notification-icon, 0px)" | "var(--border-left-width-for-content-notification, 1px)" | "var(--border-width-for-checkbox-input-icon, 1px)" | "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 2px)" | "var(--box-shadow-for-view-switcher, 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 -1px 1px 0 rgba(0, 0, 0, 0.12))" | "var(--box-shadow-for-view-switcher-when-selected, 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(--box-shadow-for-select-input-when-focused, inset 0 0 0 2px)" | "var(--font-color-for-text, #1a1a1a)" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-input-when-warning, #f16d0e)" | "var(--font-color-for-tag, #1a1a1a)" | "var(--font-color-for-tag-remove-icon, #1a1a1a)" | "var(--font-color-for-tag-drag-icon, #1a1a1a)" | "var(--font-color-for-tag-remove-icon-when-hovered, #f16d0e)" | "var(--font-color-for-tag-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-text-when-inverted, #fff)" | "var(--font-color-for-table-header, #fff)" | "var(--font-color-for-localized-multiline-text-input-label, hsl(0, 0%, 60%))" | "var(--font-color-for-view-switcher, #1a1a1a)" | "var(--font-color-for-view-switcher-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-view-switcher-when-selected, #1a1a1a)" | "var(--font-color-for-clear-input-icon, #1a1a1a)" | "var(--font-color-for-clear-input-icon-when-hovered, #f16d0e)" | "var(--font-color-for-content-notification, #1a1a1a)" | "var(--font-color-for-content-notification-icon-when-error, #fff)" | "var(--font-color-for-content-notification-icon-when-warning, #fff)" | "var(--font-color-for-content-notification-icon-when-success, #fff)" | "var(--font-color-for-content-notification-icon-when-info, #fff)" | "var(--font-color-for-search-input-icon, #1a1a1a)" | "var(--font-color-for-search-input-icon-when-hovered, #00b39e)" | "var(--font-color-for-select-input-icon, #1a1a1a)" | "var(--font-color-for-select-input-when-error, #1a1a1a)" | "var(--font-color-for-select-input-when-warning, #1a1a1a)" | "var(--font-color-for-select-input-icon-when-error, #1a1a1a)" | "var(--font-color-for-select-input-icon-when-warning, #1a1a1a)" | "var(--font-color-for-money-input-currency-dropdown-indicator, #1a1a1a)" | "var(--font-color-for-search-input-icon-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-checkbox-input-label, #1a1a1a)" | "var(--font-color-for-checkbox-input-label-when-error, #e60050)" | "var(--font-color-for-checkbox-input-label-when-disabled, hsl(0, 0%, 40%))" | "var(--font-color-for-checkbox-input-label-when-readonly, hsl(0, 0%, 40%))" | "var(--font-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-radio-input-when-error, #e60050)" | "var(--font-color-for-radio-input-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-radio-input-when-warning, #f16d0e)" | "var(--height-for-button-as-big, 32px)" | "var(--height-for-button-as-small, 24px)" | "var(--height-for-button-as-icon-as-big, 32px)" | "var(--height-for-button-as-icon-as-medium, 24px)" | "var(--height-for-button-as-icon-as-small, 16px)" | "var(--height-for-input, 32px)" | "var(--height-for-view-switcher, 32px)" | "var(--height-for-view-switcher-when-condensed, 24px)" | "var(--height-for-select-input-tag, 26px)" | "var(--height-for-radio-input-option, 16px)" | "var(--height-for-radio-input-option-when-checked, 8px)" | "var(--width-for-avatar-as-medium, 48px)" | "var(--min-width-for-money-input-currency-dropdown, 72px)" | "var(--placeholder-font-color-for-input, hsl(0, 0%, 60%))" | "var(--font-size-for-button, 1rem)" | "var(--font-size-for-input, 1rem)" | "var(--font-size-for-text-as-h-1, 2.4615rem)" | "var(--font-size-for-text-as-h-2, 1.8462rem)" | "var(--font-size-for-text-as-h-3, 1.5385rem)" | "var(--font-size-for-text-as-h-4, 1.2308rem)" | "var(--font-size-for-text-as-h-5, 1.0769rem)" | "var(--font-size-for-text-as-body, 1rem)" | "var(--font-size-for-text-as-detail, 0.9231rem)" | "var(--font-size-for-body, 13px)" | "var(--font-size-for-link, 1rem)" | "var(--font-size-for-stamp, 1rem)" | "var(--font-size-for-view-switcher, 1rem)" | "var(--font-size-for-table, 1rem)" | "var(--font-size-for-avatar-as-small, 1rem)" | "var(--font-size-for-avatar-as-medium, 1.5rem)" | "var(--font-size-for-avatar-as-big, 3rem)" | "var(--font-size-for-localized-multiline-text-input-label, 0.9231rem)" | "var(--font-size-for-content-notification, 1rem)" | "var(--font-size-for-select-input-tag, 0.9231rem)" | "var(--icon-color-for-datetime-input-icon, #1a1a1a)" | "var(--icon-color-for-datetime-input-icon-when-hovered, #f16d0e)" | "var(--line-height-for-text-as-h-1, inherit)" | "var(--line-height-for-text-as-h-2, inherit)" | "var(--line-height-for-text-as-h-3, inherit)" | "var(--line-height-for-text-as-h-4, inherit)" | "var(--line-height-for-text-as-h-5, inherit)" | "var(--line-height-for-text-as-body, inherit)" | "var(--line-height-for-text-as-detail, inherit)" | "var(--font-weight-for-text-as-h-1, 300)" | "var(--font-weight-for-text-as-h-2, 300)" | "var(--font-weight-for-text-as-h-3, 300)" | "var(--font-weight-for-text-as-h-4, 400)" | "var(--font-weight-for-text-as-h-5, 400)" | "var(--font-weight-for-text-as-body, 400)" | "var(--font-weight-for-text-as-detail, 400)" | "var(--font-weight-for-button, 400)" | "var(--font-weight-for-table-header, 400)" | "var(--margin-for-table-header, 8px)" | "var(--margin-for-table-as-condensed, 8px)" | "var(--margin-for-view-switcher-icon, 0 var(--spacing-10) 0 0)" | "var(--margin-for-group-heading-select-input-options, 4px)" | "var(--margin-for-select-input-icon, 4px)" | "var(--margin-left-for-select-input-icon, inherit)" | "var(--margin-right-for-money-input-precision-badge, 4px)" | "var(--margin-right-for-search-input-icon, 8px)" | "var(--margin-right-for-clear-input-icon, 4px)" | "var(--margin-left-for-radio-input-label, 8px)" | "var(--padding-for-stamp, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-stamp-as-condensed, 1px var(--spacing-10))" | "var(--padding-for-tag, 5px var(--spacing-20))" | "var(--padding-for-table-header, 16px)" | "var(--padding-for-table-header-as-condensed, 8px)" | "var(--padding-for-table-cell, 16px)" | "var(--padding-for-table-cell-as-condensed, 8px)" | "var(--padding-for-table-manager-droppable-list, 8px)" | "var(--padding-for-table-manager-settings-panel, 16px)" | "var(--padding-for-table-manager-draggable-tag, 4px)" | "var(--padding-for-collapsible-panel-header, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-collapsible-panel-header-as-condensed, 8px)" | "var(--padding-for-collapsible-panel-section-wrapper, 16px)" | "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, 8px)" | "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-50))" | "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-30))" | "var(--padding-for-input, 8px)" | "var(--padding-for-multiline-input, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-localized-rich-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-localized-multiline-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-tag-remove-icon, 0 var(--spacing-10))" | "var(--padding-for-tooltip, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-view-switcher, 0 var(--spacing-30) 0 var(--spacing-30))" | "var(--padding-for-view-switcher-when-condensed, 0 var(--spacing-20) 0 var(--spacing-20))" | "var(--padding-for-content-notification, var(--spacing-20))" | "var(--padding-for-content-notification-icon, var(--spacing-20) var(--spacing-30))" | "var(--padding-left-for-select-input-options, 8px)" | "var(--padding-right-for-select-input-options, 8px)" | "var(--padding-top-for-select-input-options, 4px)" | "var(--padding-bottom-for-select-input-options, 4px)" | "var(--padding-for-group-heading-select-input-options, 8px)" | "var(--padding-for-select-input-menu, inherit)" | "var(--padding-for-money-input-currency-dropdown, 0 var(--spacing-20))" | "var(--padding-for-selectable-search-input-dropdown, 0 var(--spacing-20))" | "var(--shadow-for-button, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-focused, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-hovered, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-active, 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-for-button-when-disabled, 0 0 0 1px var(--color-neutral) inset)" | "var(--shadow-box-tag-when-hovered, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-card-when-raised, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-input, none)" | "var(--shadow-for-input-when-focused, inset 0 0 0 2px var(--color-primary))" | "var(--shadow-for-input-when-error, none)" | "var(--shadow-for-input-when-warning, none)" | "var(--shadow-for-tooltip, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-for-select-input-menu, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--font-size-m, 1rem)" | "var(--big-button-height, 32px)" | "var(--small-button-height, 24px)" | "var(--size-height-input, 32px)" | "var(--font-family-default, 'Open Sans', sans-serif)" | "var(--font-size-default, 1rem)" | "var(--font-size-small, 0.9231rem)" | "var(--shadow-box-tag-hover, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--size-height-tag, 26px)" | "var(--standard-input-height, 32px)" | null;
1
+ declare const getMaxPropTokenValue: (max: number | string | null) => "var(--color-primary, #00b39e)" | "var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))" | "var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))" | "var(--color-primary-85, hsl(172.9608938547486, 100%, 85%))" | "var(--color-primary-95, hsl(172.9608938547486, 100%, 95%))" | "var(--color-accent, #213c45)" | "var(--color-accent-10, hsl(195, 35.2941176471%, 10%))" | "var(--color-accent-20, hsl(195, 35.2941176471%, 20%))" | "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))" | "var(--color-accent-40, hsl(195, 35.2941176471%, 40%))" | "var(--color-accent-60, hsl(195, 35.2941176471%, 60%))" | "var(--color-accent-90, hsl(195, 35.2941176471%, 90%))" | "var(--color-accent-95, hsl(195, 35.2941176471%, 95%))" | "var(--color-accent-98, hsl(195, 35.2941176471%, 98%))" | "var(--color-neutral, #ccc)" | "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))" | "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))" | "var(--color-neutral-40, hsl(0, 0%, 40%))" | "var(--color-neutral-60, hsl(0, 0%, 60%))" | "var(--color-neutral-85, hsl(0, 0%, 85%))" | "var(--color-neutral-90, hsl(0, 0%, 90%))" | "var(--color-neutral-95, hsl(0, 0%, 95%))" | "var(--color-neutral-98, hsl(0, 0%, 98%))" | "var(--color-info, #078cdf)" | "var(--color-info-40, hsl(203.05555555555554, 93.9130434783%, 40%))" | "var(--color-info-85, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--color-info-95, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--color-warning, #f16d0e)" | "var(--color-warning-25, hsl(25.110132158590307, 89.0196078431%, 25%))" | "var(--color-warning-40, hsl(25.110132158590307, 89.0196078431%, 40%))" | "var(--color-warning-85, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--color-warning-95, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--color-error, #e60050)" | "var(--color-error-25, hsl(339.1304347826087, 100%, 25%))" | "var(--color-error-40, hsl(339.1304347826087, 100%, 40%))" | "var(--color-error-85, hsl(339.1304347826087, 100%, 85%))" | "var(--color-error-95, hsl(339.1304347826087, 100%, 95%))" | "var(--color-solid, #1a1a1a)" | "var(--color-solid-05, hsl(0deg 0% 10% / 5%))" | "var(--color-solid-10, hsl(0deg 0% 10% / 10%))" | "var(--color-surface, #fff)" | "var(--border-radius-1, 1px)" | "var(--border-radius-2, 2px)" | "var(--border-radius-4, 4px)" | "var(--border-radius-6, 6px)" | "var(--border-radius-20, 20px)" | "var(--border-width-1, 1px)" | "var(--border-width-2, 2px)" | "var(--font-family, 'Open Sans', sans-serif)" | "var(--font-size-10, 0.75rem)" | "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-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-10, 1.25rem)" | "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(--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-10, 4px)" | "var(--spacing-20, 8px)" | "var(--spacing-30, 16px)" | "var(--spacing-40, 24px)" | "var(--spacing-50, 32px)" | "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(--align-items-for-select-input-tag, unset)" | "var(--background-color-for-button-when-active, #fff)" | "var(--background-color-for-button-when-hovered, #fff)" | "var(--background-color-for-button-as-primary-when-active, #00b39e)" | "var(--background-color-for-button-as-primary-when-hovered, hsl(172.9608938547486, 100%, 25%))" | "var(--background-color-for-button-as-icon-as-primary-when-active, #00b39e)" | "var(--background-color-for-button-as-icon-as-primary-when-hovered, #00b39e)" | "var(--background-color-for-button-as-icon-as-info-when-active, #078cdf)" | "var(--background-color-for-button-as-icon-as-info-when-hovered, #078cdf)" | "var(--background-color-for-button-as-urgent-when-active, #f16d0e)" | "var(--background-color-for-button-as-urgent-when-hovered, hsl(25.110132158590307, 89.0196078431%, 25%))" | "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-input, #fff)" | "var(--background-color-for-input-when-selected, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-input-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-input-when-hovered, #fff)" | "var(--background-color-for-input-when-focused, #fff)" | "var(--background-color-for-input-when-readonly, #fff)" | "var(--background-color-for-input-when-active, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-table-cell-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-table-header, #213c45)" | "var(--background-color-for-tag, hsl(0, 0%, 95%))" | "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-collapsible-panel-header-icon-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-select-input-option-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-avatar, hsl(0, 0%, 60%))" | "var(--background-color-for-avatar-when-highlighted, #ccc)" | "var(--background-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 85%))" | "var(--background-color-for-localized-input-label, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-localized-input-label-when-readonly, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-localized-input-label-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-tooltip, #213c45)" | "var(--background-color-for-view-switcher, #fff)" | "var(--background-color-for-view-switcher-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-view-switcher-when-selected, hsl(0, 0%, 95%))" | "var(--background-color-for-view-switcher-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-content-notification-when-error, #fff)" | "var(--background-color-for-content-notification-when-info, #fff)" | "var(--background-color-for-content-notification-when-warning, #fff)" | "var(--background-color-for-content-notification-when-success, #fff)" | "var(--background-color-for-content-notification-icon-when-error, #e60050)" | "var(--background-color-for-content-notification-icon-when-info, #078cdf)" | "var(--background-color-for-content-notification-icon-when-warning, #f16d0e)" | "var(--background-color-for-content-notification-icon-when-success, #00b39e)" | "var(--background-color-for-checkbox-input-icon, #fff)" | "var(--background-color-for-checkbox-input-icon-when-disabled, #fff)" | "var(--background-color-for-checkbox-input-icon-when-readonly, #fff)" | "var(--background-color-for-checkbox-input-icon-when-error, #fff)" | "var(--background-color-for-checkbox-input-icon-when-hovered, #fff)" | "var(--background-color-for-primary-action-dropdown-when-active, hsl(0, 0%, 95%))" | "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-toggle-input-track, hsl(0, 0%, 60%))" | "var(--background-color-for-toggle-input-track-when-disabled, #ccc)" | "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-toggle-input-track-when-checked, #00b39e)" | "var(--background-color-for-toggle-input-thumb-when-checked, #fff)" | "var(--background-color-for-toggle-input-track-when-checked-and-disabled, hsl(172.9608938547486, 100%, 25%))" | "var(--background-color-for-toggle-input-thumb-when-checked-and-disabled, #ccc)" | "var(--border-for-button-as-secondary, none)" | "var(--border-for-button-as-secondary-when-hovered, none)" | "var(--border-for-button-as-secondary-when-active, none)" | "var(--border-for-card-when-raised, none)" | "var(--border-for-collapsible-panel-header-icon-when-disabled, 1px solid var(--color-neutral))" | "var(--border-for-view-switcher, none)" | "var(--border-for-select-input-tag, none)" | "var(--border-for-radio-input-option, 1px)" | "var(--border-color-for-input, hsl(0, 0%, 60%))" | "var(--border-color-for-input-when-focused, #00b39e)" | "var(--border-color-for-input-when-disabled, #ccc)" | "var(--border-color-for-input-when-readonly, #ccc)" | "var(--border-color-for-input-when-error, #e60050)" | "var(--border-color-for-input-when-warning, #f16d0e)" | "var(--border-color-for-input-when-hovered, #00b39e)" | "var(--border-color-for-tag, hsl(0, 0%, 60%))" | "var(--border-color-for-tag-warning, #f16d0e)" | "var(--border-color-for-tag-when-focused, #00b39e)" | "var(--border-color-for-tag-when-hovered, #f16d0e)" | "var(--border-color-for-button-as-icon, #fff)" | "var(--border-color-for-button-as-icon-as-info, #078cdf)" | "var(--border-color-for-button-as-icon-as-primary, #00b39e)" | "var(--border-color-for-button-as-icon-when-disabled, #ccc)" | "var(--border-color-for-table-header, #ccc)" | "var(--border-color-for-table-header-as-bottom, #213c45)" | "var(--border-color-for-table-manager-droppable-list, hsl(0, 0%, 60%))" | "var(--border-color-for-collapsible-panel-header, hsl(0, 0%, 60%))" | "var(--border-color-for-stamp-when-error, #e60050)" | "var(--border-color-for-stamp-when-warning, #f16d0e)" | "var(--border-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 40%))" | "var(--border-color-for-stamp-as-information, #078cdf)" | "var(--border-color-for-stamp-as-primary, hsl(172.9608938547486, 100%, 25%))" | "var(--border-color-for-stamp-as-secondary, hsl(0, 0%, 60%))" | "var(--border-color-for-localized-input-label, #ccc)" | "var(--border-color-for-localized-input-label-when-readonly, #ccc)" | "var(--border-color-for-content-notification-when-error, #e60050)" | "var(--border-color-for-content-notification-when-info, #078cdf)" | "var(--border-color-for-content-notification-when-warning, #f16d0e)" | "var(--border-color-for-content-notification-when-success, #00b39e)" | "var(--border-color-for-group-heading-select-input-options, #ccc)" | "var(--border-color-for-select-input-menu, #00b39e)" | "var(--border-color-for-select-input-when-readonly, #ccc)" | "var(--border-color-for-select-input-menu-when-warning, #f16d0e)" | "var(--border-color-for-select-input-menu-when-error, #e60050)" | "var(--border-color-for-checkbox-input-icon, hsl(0, 0%, 60%))" | "var(--border-color-for-checkbox-input-icon-when-disabled, #ccc)" | "var(--border-color-for-checkbox-input-icon-when-readonly, #ccc)" | "var(--border-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--border-color-for-radio-input, #ccc)" | "var(--border-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))" | "var(--border-color-for-radio-input-when-readonly, #ccc)" | "var(--border-color-for-radio-input-when-checked, #ccc)" | "var(--border-color-for-radio-input-when-focused, #00b39e)" | "var(--border-color-for-primary-action-dropdown-menu, #ccc)" | "var(--border-radius-for-button-as-big, 6px)" | "var(--border-radius-for-button-as-small, 4px)" | "var(--border-radius-for-button-as-icon-as-big, 6px)" | "var(--border-radius-for-button-as-icon-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-small, 2px)" | "var(--border-radius-for-input, 6px)" | "var(--border-radius-for-tag, 2px)" | "var(--border-radius-for-card, 6px)" | "var(--border-radius-for-table-manager-droppable-list, 6px)" | "var(--border-radius-for-stamp, 2px)" | "var(--border-radius-for-view-switcher, 6px)" | "var(--border-radius-for-content-notification, 0 var(--border-radius-6) var(--border-radius-6) 0)" | "var(--border-radius-for-content-notification-icon, var(--border-radius-6) 0 0 var(--border-radius-6))" | "var(--border-radius-for-primary-action-dropdown, var(--border-radius-6) 0 0 var(--border-radius-6))" | "var(--border-radius-for-primary-action-dropdown-icon, 0 var(--border-radius-6) var(--border-radius-6) 0)" | "var(--border-radius-for-primary-action-dropdown-menu, 6px)" | "var(--border-width-for-input, 1px)" | "var(--border-width-for-input-when-warning, 1px)" | "var(--border-width-for-input-when-error, 1px)" | "var(--border-width-for-input-when-focused, 1px)" | "var(--border-width-for-tag, 1px)" | "var(--border-width-for-select-input, 1px)" | "var(--border-width-for-content-notification-icon, 0px)" | "var(--border-left-width-for-content-notification, 1px)" | "var(--border-width-for-checkbox-input-icon, 1px)" | "var(--border-for-primary-action-dropdown-icon, 0px 0px 0px 1px)" | "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 2px)" | "var(--box-shadow-for-view-switcher, 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 -1px 1px 0 rgba(0, 0, 0, 0.12))" | "var(--box-shadow-for-view-switcher-when-selected, 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(--box-shadow-for-select-input-when-focused, inset 0 0 0 2px)" | "var(--font-color-for-text, #1a1a1a)" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-input-when-warning, #f16d0e)" | "var(--font-color-for-tag, #1a1a1a)" | "var(--font-color-for-tag-remove-icon, #1a1a1a)" | "var(--font-color-for-tag-drag-icon, #1a1a1a)" | "var(--font-color-for-tag-remove-icon-when-hovered, #f16d0e)" | "var(--font-color-for-tag-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-text-when-inverted, #fff)" | "var(--font-color-for-table-header, #fff)" | "var(--font-color-for-localized-input-label, hsl(0, 0%, 60%))" | "var(--font-color-for-view-switcher, #1a1a1a)" | "var(--font-color-for-view-switcher-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-view-switcher-when-selected, #1a1a1a)" | "var(--font-color-for-clear-input-icon, #1a1a1a)" | "var(--font-color-for-clear-input-icon-when-hovered, #f16d0e)" | "var(--font-color-for-content-notification, #1a1a1a)" | "var(--font-color-for-content-notification-icon-when-error, #fff)" | "var(--font-color-for-content-notification-icon-when-warning, #fff)" | "var(--font-color-for-content-notification-icon-when-success, #fff)" | "var(--font-color-for-content-notification-icon-when-info, #fff)" | "var(--font-color-for-search-input-icon, #1a1a1a)" | "var(--font-color-for-search-input-icon-when-hovered, #00b39e)" | "var(--font-color-for-select-input-icon, #1a1a1a)" | "var(--font-color-for-select-input-when-error, #1a1a1a)" | "var(--font-color-for-select-input-when-warning, #1a1a1a)" | "var(--font-color-for-select-input-icon-when-error, #1a1a1a)" | "var(--font-color-for-select-input-icon-when-warning, #1a1a1a)" | "var(--font-color-for-money-input-currency-dropdown-indicator, #1a1a1a)" | "var(--font-color-for-search-input-icon-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-checkbox-input-label, #1a1a1a)" | "var(--font-color-for-checkbox-input-label-when-error, #e60050)" | "var(--font-color-for-checkbox-input-label-when-disabled, hsl(0, 0%, 40%))" | "var(--font-color-for-checkbox-input-label-when-readonly, hsl(0, 0%, 40%))" | "var(--font-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-radio-input-when-error, #e60050)" | "var(--font-color-for-radio-input-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-radio-input-when-warning, #f16d0e)" | "var(--height-for-button-as-big, 32px)" | "var(--height-for-button-as-small, 24px)" | "var(--height-for-button-as-icon-as-big, 32px)" | "var(--height-for-button-as-icon-as-medium, 24px)" | "var(--height-for-button-as-icon-as-small, 16px)" | "var(--height-for-input, 32px)" | "var(--height-for-view-switcher, 32px)" | "var(--height-for-view-switcher-when-condensed, 24px)" | "var(--height-for-select-input-tag, 26px)" | "var(--height-for-radio-input-option, 16px)" | "var(--height-for-radio-input-option-when-checked, 8px)" | "var(--height-for-primary-action-dropdown, 32px)" | "var(--width-for-avatar-as-medium, 48px)" | "var(--min-width-for-money-input-currency-dropdown, 72px)" | "var(--placeholder-font-color-for-input, hsl(0, 0%, 60%))" | "var(--font-size-for-button, 1rem)" | "var(--font-size-for-input, 1rem)" | "var(--font-size-for-text-as-h-1, 2.4615rem)" | "var(--font-size-for-text-as-h-2, 1.8462rem)" | "var(--font-size-for-text-as-h-3, 1.5385rem)" | "var(--font-size-for-text-as-h-4, 1.2308rem)" | "var(--font-size-for-text-as-h-5, 1.0769rem)" | "var(--font-size-for-text-as-body, 1rem)" | "var(--font-size-for-text-as-detail, 0.9231rem)" | "var(--font-size-for-body, 13px)" | "var(--font-size-for-link, 1rem)" | "var(--font-size-for-stamp, 1rem)" | "var(--font-size-for-view-switcher, 1rem)" | "var(--font-size-for-table, 1rem)" | "var(--font-size-for-avatar-as-small, 1rem)" | "var(--font-size-for-avatar-as-medium, 1.5rem)" | "var(--font-size-for-avatar-as-big, 3rem)" | "var(--font-size-for-localized-input-label, 1rem)" | "var(--font-size-for-content-notification, 1rem)" | "var(--font-size-for-select-input-tag, 0.9231rem)" | "var(--icon-color-for-datetime-input-icon, #1a1a1a)" | "var(--icon-color-for-datetime-input-icon-when-hovered, #f16d0e)" | "var(--line-height-for-text-as-h-1, inherit)" | "var(--line-height-for-text-as-h-2, inherit)" | "var(--line-height-for-text-as-h-3, inherit)" | "var(--line-height-for-text-as-h-4, inherit)" | "var(--line-height-for-text-as-h-5, inherit)" | "var(--line-height-for-text-as-body, inherit)" | "var(--line-height-for-text-as-detail, inherit)" | "var(--font-weight-for-text-as-h-1, 300)" | "var(--font-weight-for-text-as-h-2, 300)" | "var(--font-weight-for-text-as-h-3, 300)" | "var(--font-weight-for-text-as-h-4, 400)" | "var(--font-weight-for-text-as-h-5, 400)" | "var(--font-weight-for-text-as-body, 400)" | "var(--font-weight-for-text-as-detail, 400)" | "var(--font-weight-for-button, 400)" | "var(--font-weight-for-table-header, 400)" | "var(--margin-for-table-header, 8px)" | "var(--margin-for-table-as-condensed, 8px)" | "var(--margin-for-view-switcher-icon, 0 var(--spacing-10) 0 0)" | "var(--margin-for-group-heading-select-input-options, 4px)" | "var(--margin-for-select-input-icon, 4px)" | "var(--margin-left-for-select-input-icon, inherit)" | "var(--margin-right-for-money-input-precision-badge, 4px)" | "var(--margin-right-for-search-input-icon, 8px)" | "var(--margin-right-for-clear-input-icon, 4px)" | "var(--margin-left-for-radio-input-label, 8px)" | "var(--margin-right-for-primary-action-dropdown, 4px)" | "var(--margin-top-for-primary-action-dropdown, none)" | "var(--padding-for-stamp, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-stamp-as-condensed, 1px var(--spacing-10))" | "var(--padding-for-tag, 5px var(--spacing-20))" | "var(--padding-for-table-header, 16px)" | "var(--padding-for-table-header-as-condensed, 8px)" | "var(--padding-for-table-cell, 16px)" | "var(--padding-for-table-cell-as-condensed, 8px)" | "var(--padding-for-table-manager-droppable-list, 8px)" | "var(--padding-for-table-manager-settings-panel, 16px)" | "var(--padding-for-table-manager-draggable-tag, 4px)" | "var(--padding-for-collapsible-panel-header, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-collapsible-panel-header-as-condensed, 8px)" | "var(--padding-for-collapsible-panel-section-wrapper, 16px)" | "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, 8px)" | "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-50))" | "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-30))" | "var(--padding-for-input, 8px)" | "var(--padding-for-multiline-input, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-localized-rich-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-localized-input-label, 0 var(--spacing-20))" | "var(--padding-for-tag-remove-icon, 0 var(--spacing-10))" | "var(--padding-for-tooltip, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-view-switcher, 0 var(--spacing-30) 0 var(--spacing-30))" | "var(--padding-for-view-switcher-when-condensed, 0 var(--spacing-20) 0 var(--spacing-20))" | "var(--padding-for-content-notification, var(--spacing-20))" | "var(--padding-for-content-notification-icon, var(--spacing-20) var(--spacing-30))" | "var(--padding-left-for-select-input-options, 8px)" | "var(--padding-right-for-select-input-options, 8px)" | "var(--padding-top-for-select-input-options, 4px)" | "var(--padding-bottom-for-select-input-options, 4px)" | "var(--padding-for-group-heading-select-input-options, 8px)" | "var(--padding-for-select-input-menu, inherit)" | "var(--padding-for-money-input-currency-dropdown, 0 var(--spacing-20))" | "var(--padding-for-selectable-search-input-dropdown, 0 var(--spacing-20))" | "var(--padding-for-primary-action-dropdown, 0 var(--spacing-20))" | "var(--padding-for-primary-action-dropdown-icon, 0 var(--spacing-10))" | "var(--shadow-for-button, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-focused, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-hovered, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-active, 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-for-button-when-disabled, 0 0 0 1px var(--color-neutral) inset)" | "var(--shadow-box-tag-when-hovered, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-card-when-raised, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-input, none)" | "var(--shadow-for-input-when-focused, inset 0 0 0 2px var(--color-primary))" | "var(--shadow-for-input-when-error, none)" | "var(--shadow-for-input-when-warning, none)" | "var(--shadow-for-tooltip, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-for-select-input-menu, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-primary-action-dropdown, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-primary-action-dropdown-when-hovered, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-primary-action-dropdown-when-active, 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-for-primary-action-dropdown-menu, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-toggle-input-thumb, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--font-size-m, 1rem)" | "var(--big-button-height, 32px)" | "var(--small-button-height, 24px)" | "var(--size-height-input, 32px)" | "var(--font-family-default, 'Open Sans', sans-serif)" | "var(--font-size-default, 1rem)" | "var(--font-size-small, 0.9231rem)" | "var(--shadow-box-tag-hover, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--size-height-tag, 26px)" | null;
2
2
  declare const getAcceptedMaxPropValues: (min?: number, max?: number) => (string | number)[];
3
3
  export { getMaxPropTokenValue, getAcceptedMaxPropValues };
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  declare const Constraints: {
3
3
  Horizontal: (props: {
4
- max?: (2 | 1 | "scale" | "auto" | 3 | 10 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16) | undefined;
4
+ max?: (2 | 1 | 3 | "scale" | 10 | 4 | 5 | "auto" | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16) | undefined;
5
5
  children: import("react").ReactNode;
6
6
  }) => import("@emotion/react/jsx-runtime").JSX.Element;
7
7
  getAcceptedMaxPropValues: (min?: number, max?: number) => (string | number)[];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/constraints",
3
3
  "description": "Constraints are container elements with a configurable constraint size, like width or height.",
4
- "version": "15.13.0",
4
+ "version": "15.13.2",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,8 +21,8 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/design-system": "15.13.0",
25
- "@commercetools-uikit/utils": "15.13.0",
24
+ "@commercetools-uikit/design-system": "15.13.2",
25
+ "@commercetools-uikit/utils": "15.13.2",
26
26
  "@emotion/react": "^11.10.5",
27
27
  "@emotion/styled": "^11.10.5",
28
28
  "prop-types": "15.8.1"