@commercetools-uikit/avatar 16.9.0 → 16.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -195,7 +195,7 @@ Avatar.defaultProps = defaultProps;
|
|
|
195
195
|
var Avatar$1 = Avatar;
|
|
196
196
|
|
|
197
197
|
// NOTE: This string will be replaced on build time with the package version.
|
|
198
|
-
var version = "16.
|
|
198
|
+
var version = "16.10.0";
|
|
199
199
|
|
|
200
200
|
exports["default"] = Avatar$1;
|
|
201
201
|
exports.version = version;
|
|
@@ -186,7 +186,7 @@ Avatar.defaultProps = defaultProps;
|
|
|
186
186
|
var Avatar$1 = Avatar;
|
|
187
187
|
|
|
188
188
|
// NOTE: This string will be replaced on build time with the package version.
|
|
189
|
-
var version = "16.
|
|
189
|
+
var version = "16.10.0";
|
|
190
190
|
|
|
191
191
|
exports["default"] = Avatar$1;
|
|
192
192
|
exports.version = version;
|
|
@@ -2,5 +2,5 @@ import { TAvatarProps } from './avatar';
|
|
|
2
2
|
export declare const getFontSize: (avatarInitials: string, avatarSize: TAvatarProps['size']) => "var(--font-size-10, 0.75rem)" | "var(--font-size-30, 1rem)" | "var(--font-size-50, 1.25rem)" | "var(--font-size-80, 2.5rem)" | "var(--font-size-90, 3rem)";
|
|
3
3
|
export declare const getWidthSize: (avatarSize: TAvatarProps['size']) => string;
|
|
4
4
|
export declare const getBackgroundColor: (avatarColor: TAvatarProps['color'], isHighlighted: TAvatarProps['isHighlighted']) => "var(--color-accent-90, hsl(195, 35.2941176471%, 90%))" | "var(--color-accent-95, hsl(195, 35.2941176471%, 95%))" | "var(--color-brown-90, hsl(35, 90%, 90%))" | "var(--color-brown-95, hsl(35, 80%, 95%))" | "var(--color-purple-90, hsl(248, 50%, 90%))" | "var(--color-purple-95, hsl(248, 80%, 95%))" | "var(--color-turquoise-90, hsl(180, 40%, 90%))" | "var(--color-turquoise-95, hsl(180, 80%, 95%))";
|
|
5
|
-
export declare const getForegroundColor: (avatarColor: TAvatarProps['color']) => "var(--color-primary, hsl(175, 55%, 45%))" | "var(--color-primary-20, hsl(175, 55%, 20%))" | "var(--color-primary-25, hsl(175, 55%, 25%))" | "var(--color-primary-30, hsl(175, 55%, 30%))" | "var(--color-primary-40, hsl(175, 55%, 40%))" | "var(--color-primary-85, hsl(175, 70%, 85%))" | "var(--color-primary-90, hsl(175, 70%, 90%))" | "var(--color-primary-95, hsl(175, 90%, 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-50, hsl(195, 35%, 50%))" | "var(--color-accent-60, hsl(195, 35.2941176471%, 60%))" | "var(--color-accent-85, hsl(195, 35%, 85%))" | "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-brown-10, hsl(35, 90%, 10%))" | "var(--color-brown-20, hsl(35, 50%, 20%))" | "var(--color-brown-35, hsl(35, 25%, 35%))" | "var(--color-brown-50, hsl(35, 30%, 50%))" | "var(--color-brown-70, hsl(35, 40%, 70%))" | "var(--color-brown-85, hsl(35, 60%, 85%))" | "var(--color-brown-90, hsl(35, 90%, 90%))" | "var(--color-brown-95, hsl(35, 80%, 95%))" | "var(--color-brown-98, hsl(35, 90%, 98%))" | "var(--color-purple-10, hsl(248, 90%, 10%))" | "var(--color-purple-20, hsl(248, 50%, 20%))" | "var(--color-purple-35, hsl(248, 25%, 35%))" | "var(--color-purple-50, hsl(248, 30%,50%))" | "var(--color-purple-70, hsl(248, 40%, 70%))" | "var(--color-purple-85, hsl(248, 60%, 85%))" | "var(--color-purple-90, hsl(248, 50%, 90%))" | "var(--color-purple-95, hsl(248, 80%, 95%))" | "var(--color-purple-98, hsl(248, 90%, 98%))" | "var(--color-turquoise-10, hsl(180, 90%, 10%))" | "var(--color-turquoise-20, hsl(180, 50%, 20%))" | "var(--color-turquoise-35, hsl(180, 25%, 35%))" | "var(--color-turquoise-50, hsl(180, 30%, 45%))" | "var(--color-turquoise-70, hsl(180, 40%, 70%))" | "var(--color-turquoise-85, hsl(180, 60%, 85%))" | "var(--color-turquoise-90, hsl(180, 40%, 90%))" | "var(--color-turquoise-95, hsl(180, 80%, 95%))" | "var(--color-turquoise-98, hsl(180, 90%, 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-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, #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-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-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, center)" | "var(--background-color-for-button-when-active, hsl(0deg 0% 10% / 10%))" | "var(--background-color-for-button-when-hovered, hsl(0deg 0% 10% / 5%))" | "var(--background-color-for-button-as-primary-when-active, #15A390)" | "var(--background-color-for-button-as-primary-when-hovered, #17AB97)" | "var(--background-color-for-button-as-icon-as-primary-when-active, #15A390)" | "var(--background-color-for-button-as-icon-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--background-color-for-button-as-icon-as-info-when-active, #057FCC)" | "var(--background-color-for-button-as-icon-as-info-when-hovered, #078cdf)" | "var(--background-color-for-button-as-urgent-when-active, #DC630A)" | "var(--background-color-for-button-as-urgent-when-hovered, #E7680D)" | "var(--background-color-for-button-as-critical-when-active, #B3003E)" | "var(--background-color-for-button-as-critical-when-hovered, #CC0047)" | "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 95%))" | "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(232, 18%, 95%))" | "var(--background-color-for-input-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-input-when-focused, #fff)" | "var(--background-color-for-input-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-active, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-table-cell-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-table-header, hsl(232, 18%, 98%))" | "var(--background-color-for-tag, hsl(232, 18%, 95%))" | "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-tag-when-hovered, hsl(232, 18%, 90%))" | "var(--background-color-for-collapsible-panel-header-icon-when-disabled, #fff)" | "var(--background-color-for-select-input-option-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-stamp-as-positive, hsl(175, 70%, 90%))" | "var(--background-color-for-stamp-as-primary, hsl(175, 70%, 90%))" | "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-localized-rich-text-body-button-when-active, hsl(195, 35.2941176471%, 20%))" | "var(--background-color-for-localized-rich-text-body-button, hsl(232, 18%, 95%))" | "var(--background-color-for-rich-text-dropdown-when-hovered, hsl(232, 18%, 95%))" | "var(--background-color-for-rich-text-more-styles-dropdown-when-hovered, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-rich-text-button, hsl(195, 35.2941176471%, 20%))" | "var(--background-color-for-tooltip, hsl(195, 35.2941176471%, 10%))" | "var(--background-color-for-view-switcher, #fff)" | "var(--background-color-for-view-switcher-when-disabled, #fff)" | "var(--background-color-for-view-switcher-when-selected, hsl(232, 18%, 95%))" | "var(--background-color-for-view-switcher-when-hovered, hsl(232, 18%, 95%))" | "var(--background-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 95%))" | "var(--background-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-content-notification-when-success, hsl(175, 90%, 95%))" | "var(--background-color-for-checkbox-input-icon, hsl(175, 55%, 45%))" | "var(--background-color-for-checkbox-input-icon-when-disabled, hsl(232, 18%, 80%))" | "var(--background-color-for-checkbox-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--background-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--background-color-for-checkbox-input-icon-when-hovered, hsl(232, 18%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-active, hsl(232, 18%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-toggle-input-track, hsl(232, 18%, 80%))" | "var(--background-color-for-toggle-input-track-when-disabled, hsl(232, 18%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(232, 18%, 60%))" | "var(--background-color-for-toggle-input-track-when-checked, hsl(175, 55%, 40%))" | "var(--background-color-for-toggle-input-thumb-when-checked, hsl(175, 55%, 25%))" | "var(--background-color-for-toggle-input-track-when-checked-and-disabled, hsl(195, 35.2941176471%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-checked-and-disabled, hsl(195, 35.2941176471%, 60%))" | "var(--background-color-for-button-as-secondary-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-button-as-secondary-when-info-and-hovered, #CEEBFD)" | "var(--background-color-for-button-as-secondary-when-info-and-active, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-for-button-as-secondary, 1px solid var(--color-neutral))" | "var(--border-for-button-as-secondary-when-hovered, 1px solid var(--color-neutral))" | "var(--border-for-button-as-secondary-when-active, 1px solid var(--color-neutral))" | "var(--border-for-card-when-raised, 1px solid var(--color-neutral-90))" | "var(--border-for-collapsible-panel-header-icon-when-disabled, none)" | "var(--border-for-view-switcher, 1px solid var(--color-neutral))" | "var(--border-for-select-input-tag, 1px solid var(--color-neutral-85))" | "var(--border-for-radio-input-option, 2px)" | "var(--border-for-calendar-menu-when-focused, none)" | "var(--border-color-for-input, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-focused, hsl(175, 55%, 45%))" | "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, #e60050)" | "var(--border-color-for-input-when-warning, #f16d0e)" | "var(--border-color-for-input-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-tag, hsl(232, 18%, 80%))" | "var(--border-color-for-tag-warning, #f16d0e)" | "var(--border-color-for-tag-when-focused, hsl(232, 18%, 80%))" | "var(--border-color-for-tag-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-as-info, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-as-primary, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-when-disabled, #fff)" | "var(--border-color-for-table-header, #fff)" | "var(--border-color-for-table-header-as-bottom, hsl(232, 18%, 95%))" | "var(--border-color-for-table-manager-droppable-list, hsl(232, 18%, 80%))" | "var(--border-color-for-collapsible-panel-header, hsl(232, 18%, 90%))" | "var(--border-color-for-stamp-when-error, hsl(339.1304347826087, 100%, 85%))" | "var(--border-color-for-stamp-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--border-color-for-stamp-as-positive, hsl(175, 70%, 85%))" | "var(--border-color-for-stamp-as-information, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-stamp-as-primary, hsl(175, 70%, 85%))" | "var(--border-color-for-stamp-as-secondary, hsl(232, 18%, 85%))" | "var(--border-color-for-localized-input-label, hsl(232, 18%, 80%))" | "var(--border-color-for-localized-input-label-when-readonly, #fff)" | "var(--border-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 85%))" | "var(--border-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--border-color-for-content-notification-when-success, hsl(175, 70%, 85%))" | "var(--border-color-for-group-heading-select-input-options, hsl(232, 18%, 90%))" | "var(--border-color-for-select-input-menu, #fff)" | "var(--border-color-for-select-input-when-readonly, hsl(232, 18%, 95%))" | "var(--border-color-for-select-input-menu-when-warning, #fff)" | "var(--border-color-for-select-input-menu-when-error, #fff)" | "var(--border-color-for-checkbox-input-icon, hsl(175, 55%, 45%))" | "var(--border-color-for-checkbox-input-icon-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-checkbox-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--border-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--border-color-for-radio-input, hsl(232, 18%, 60%))" | "var(--border-color-for-radio-input-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))" | "var(--border-color-for-radio-input-when-checked, hsl(175, 55%, 45%))" | "var(--border-color-for-radio-input-when-focused, hsl(232, 18%, 60%))" | "var(--border-color-for-primary-action-dropdown-menu, #fff)" | "var(--border-color-for-button-as-secondary-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-radius-for-button-as-big, 4px)" | "var(--border-radius-for-button-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-big, 4px)" | "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, 4px)" | "var(--border-radius-for-tag, 2px)" | "var(--border-radius-for-card, 4px)" | "var(--border-radius-for-table-manager-droppable-list, 4px)" | "var(--border-radius-for-stamp, 4px)" | "var(--border-radius-for-stamp-as-condensed, 2px)" | "var(--border-radius-for-view-switcher, 4px)" | "var(--border-radius-for-content-notification, 4px)" | "var(--border-radius-for-primary-action-dropdown, var(--border-radius-4) 0 0 var(--border-radius-4))" | "var(--border-radius-for-primary-action-dropdown-icon, 0 var(--border-radius-4) var(--border-radius-4) 0)" | "var(--border-radius-for-primary-action-dropdown-menu, 4px)" | "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 1px 1px 0)" | "var(--border-width-for-select-input, 2px)" | "var(--border-left-width-for-content-notification, 0px)" | "var(--border-width-for-checkbox-input-icon, 2px)" | "var(--border-for-primary-action-dropdown-icon, 1px 1px 1px 0px)" | "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 1px)" | "var(--box-shadow-for-view-switcher, none)" | "var(--box-shadow-for-view-switcher-when-selected, none)" | "var(--box-shadow-for-select-input-when-focused, inset 0 0 0 1px)" | "var(--box-shadow-for-calendar-menu-when-focused, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--box-shadow-for-table, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--font-color-for-text, #1a1a1a)" | "var(--font-color-for-text-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-input-when-warning, #f16d0e)" | "var(--font-color-for-tag, #1a1a1a)" | "var(--font-color-for-tag-remove-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-tag-drag-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-tag-remove-icon-when-hovered, #e60050)" | "var(--font-color-for-tag-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-text-when-inverted, #fff)" | "var(--font-color-for-link-as-inverted, #fff)" | "var(--font-color-for-link-as-primary, hsl(175, 55%, 25%))" | "var(--font-color-for-link-as-secondary, #1a1a1a)" | "var(--font-color-for-link-as-primary-when-active, hsl(175, 55%, 45%))" | "var(--font-color-for-link-as-secondary-when-active, hsl(175, 55%, 45%))" | "var(--font-color-for-table-header, hsl(232, 18%, 40%))" | "var(--font-color-for-localized-input-label, hsl(232, 18%, 60%))" | "var(--font-color-for-view-switcher, hsl(232, 18%, 40%))" | "var(--font-color-for-view-switcher-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-view-switcher-when-selected, #1a1a1a)" | "var(--font-color-for-clear-input-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-clear-input-icon-when-hovered, #e60050)" | "var(--font-color-for-content-notification, #1a1a1a)" | "var(--font-color-for-content-notification-icon-when-error, #e60050)" | "var(--font-color-for-content-notification-icon-when-warning, #f16d0e)" | "var(--font-color-for-content-notification-icon-when-success, hsl(175, 55%, 45%))" | "var(--font-color-for-content-notification-icon-when-info, #078cdf)" | "var(--font-color-for-search-input-icon, hsl(232, 18%, 60%))" | "var(--font-color-for-search-input-icon-when-hovered, hsl(175, 55%, 45%))" | "var(--font-color-for-select-input-icon, hsl(232, 18%, 60%))" | "var(--font-color-for-select-input-when-error, #e60050)" | "var(--font-color-for-select-input-when-warning, #f16d0e)" | "var(--font-color-for-select-input-icon-when-error, #e60050)" | "var(--font-color-for-select-input-icon-when-warning, #f16d0e)" | "var(--font-color-for-money-input-currency-dropdown-indicator, hsl(232, 18%, 40%))" | "var(--font-color-for-search-input-icon-when-readonly, hsl(232, 18%, 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(232, 18%, 60%))" | "var(--font-color-for-checkbox-input-label-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-radio-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-radio-input-when-error, #e60050)" | "var(--font-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))" | "var(--font-color-for-radio-input-when-warning, #f16d0e)" | "var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 25%))" | "var(--font-color-for-flat-button-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--font-color-for-flat-button-as-critical, #e60050)" | "var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))" | "var(--font-color-for-flat-button-as-secondary, #1a1a1a)" | "var(--font-color-for-flat-button-as-inverted, #fff)" | "var(--font-color-for-flat-button-icon-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-secondary-icon-button-as-primary, hsl(175, 55%, 25%))" | "var(--font-color-for-secondary-icon-button-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--height-for-button-as-big, 40px)" | "var(--height-for-button-as-medium, 32px)" | "var(--height-for-button-as-icon-as-big, 40px)" | "var(--height-for-button-as-icon-as-medium, 32px)" | "var(--height-for-button-as-icon-as-small, 16px)" | "var(--height-for-input, 40px)" | "var(--height-for-view-switcher, 40px)" | "var(--height-for-view-switcher-when-condensed, 32px)" | "var(--height-for-select-input-tag, 32px)" | "var(--height-for-radio-input-option, 18px)" | "var(--height-for-radio-input-option-when-checked, 10px)" | "var(--height-for-primary-action-dropdown, 40px)" | "var(--width-for-avatar-as-medium, 40px)" | "var(--min-width-for-money-input-currency-dropdown, 80px)" | "var(--placeholder-font-color-for-input, hsl(232, 18%, 60%))" | "var(--font-size-for-button, 0.875rem)" | "var(--font-size-for-input, 1rem)" | "var(--font-size-for-text-as-h-1, 1.5rem)" | "var(--font-size-for-text-as-h-2, 1.25rem)" | "var(--font-size-for-text-as-h-3, 1.125rem)" | "var(--font-size-for-text-as-h-4, 1rem)" | "var(--font-size-for-text-as-h-5, 1rem)" | "var(--font-size-for-text-as-body, 1rem)" | "var(--font-size-for-text-as-caption, 0.75rem)" | "var(--font-size-for-text-as-detail, 0.875rem)" | "var(--font-size-for-body, 16px)" | "var(--font-size-for-link, 1rem)" | "var(--font-size-for-view-switcher, 0.875rem)" | "var(--font-size-for-table, 0.875rem)" | "var(--font-size-for-localized-input-label, 1rem)" | "var(--font-size-for-content-notification, 1rem)" | "var(--font-size-for-select-input-tag, 1rem)" | "var(--icon-color-for-datetime-input-icon, hsl(232, 18%, 40%))" | "var(--icon-color-for-datetime-input-icon-when-hovered, #e60050)" | "var(--line-height-for-text-as-h-1, 2.125rem)" | "var(--line-height-for-text-as-h-2, 1.75rem)" | "var(--line-height-for-text-as-h-3, 1.5rem)" | "var(--line-height-for-text-as-h-4, 1.375rem)" | "var(--line-height-for-text-as-h-5, 1.375rem)" | "var(--line-height-for-text-as-body, 1.625rem)" | "var(--line-height-for-text-as-caption, 1.125rem)" | "var(--line-height-for-text-as-detail, 1.375rem)" | "var(--line-height-for-select-input-options, 1.625rem)" | "var(--line-height-for-table-header, 26px)" | "var(--font-weight-for-text-as-h-1, 600)" | "var(--font-weight-for-text-as-h-2, 500)" | "var(--font-weight-for-text-as-h-3, 500)" | "var(--font-weight-for-text-as-h-4, 500)" | "var(--font-weight-for-text-as-h-5, 500)" | "var(--font-weight-for-text-as-body, 400)" | "var(--font-weight-for-text-as-caption, 400)" | "var(--font-weight-for-text-as-detail, 400)" | "var(--font-weight-for-button, 500)" | "var(--font-weight-for-table-header, 500)" | "var(--font-weight-for-text-as-bold, 600)" | "var(--margin-for-table-header, 8px)" | "var(--margin-for-table-cell-as-condensed, 8px)" | "var(--margin-for-view-switcher-icon, 0 var(--spacing-20) 0 0)" | "var(--margin-for-group-heading-select-input-options, 8px)" | "var(--margin-for-select-input-icon, 8px)" | "var(--margin-left-for-select-input-icon, 8px)" | "var(--margin-right-for-money-input-precision-badge, 12px)" | "var(--margin-right-for-search-input-icon, 12px)" | "var(--margin-right-for-clear-input-icon, 8px)" | "var(--margin-left-for-radio-input-label, 4px)" | "var(--margin-right-for-primary-action-dropdown, 8px)" | "var(--margin-top-for-primary-action-dropdown, 8px)" | "var(--margin-for-localized-rich-text-body-button, 0 2px var(--spacing-20) 2px)" | "var(--margin-for-rich-text-divider, var(--spacing-10) 2px)" | "var(--margin-for-rich-text-dropdown-item-label, 0 0 0 var(--spacing-20))" | "var(--margin-for-tag-list, 0 var(--spacing-20) var(--spacing-20) 0)" | "var(--padding-for-stamp, 4px 12px)" | "var(--padding-for-stamp-as-condensed, var(--spacing-05) var(--spacing-10))" | "var(--padding-for-tag, 2px 12px)" | "var(--padding-for-table-header, 24px)" | "var(--padding-for-table-header-as-condensed, 24px)" | "var(--padding-for-table-cell, var(--spacing-30) var(--spacing-40))" | "var(--padding-for-table-cell-as-condensed, var(--spacing-20) var(--spacing-40))" | "var(--padding-for-table-manager-droppable-list, 16px)" | "var(--padding-for-table-manager-settings-panel, var(--spacing-40) var(--spacing-50))" | "var(--padding-for-table-manager-draggable-tag, var(--spacing-10) 0)" | "var(--padding-for-collapsible-panel-header, var(--spacing-30) 0)" | "var(--padding-for-collapsible-panel-header-as-condensed, var(--spacing-20) 0)" | "var(--padding-for-collapsible-panel-section-wrapper, var(--spacing-50) 0 0 calc(var(--spacing-30) + var(--spacing-10)))" | "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, var(--spacing-40) 0 0 calc(var(--spacing-30) + var(--spacing-10)))" | "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-40))" | "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-40))" | "var(--padding-for-input, 16px)" | "var(--padding-for-multiline-input, 8px)" | "var(--padding-for-localized-rich-text-input-label, var(--spacing-20) 12px)" | "var(--padding-for-localized-rich-text-dropdown-button, 5px var(--spacing-20))" | "var(--padding-for-localized-rich-text-dropdown-item, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-localized-rich-text-body-button, var(--spacing-20))" | "var(--padding-for-localized-input-label, 0 12px)" | "var(--padding-for-rich-text-input, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-rich-text-toolbar, none)" | "var(--padding-left-for-rich-text-toolbar, none)" | "var(--padding-for-rich-text-editor-container, var(--spacing-20) 0 0)" | "var(--padding-for-localized-multiline-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-tag-remove-icon, 0 12px)" | "var(--padding-for-tooltip, var(--spacing-20) 12px)" | "var(--padding-for-view-switcher, 0 var(--spacing-30) 0 var(--spacing-30))" | "var(--padding-for-view-switcher-when-condensed, 0 12px 0 12px)" | "var(--padding-for-content-notification, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-content-notification-message, 0 var(--spacing-30) 0 var(--spacing-20))" | "var(--padding-left-for-select-input-options, 16px)" | "var(--padding-right-for-select-input-options, 16px)" | "var(--padding-top-for-select-input-options, 8px)" | "var(--padding-bottom-for-select-input-options, 8px)" | "var(--padding-for-group-heading-select-input-options, 16px)" | "var(--padding-for-select-input-menu, var(--spacing-10) 0)" | "var(--padding-for-money-input-currency-dropdown, 0 12px)" | "var(--padding-for-selectable-search-input-dropdown, 0 12px)" | "var(--padding-for-primary-action-dropdown, 0 var(--spacing-30))" | "var(--padding-for-primary-action-dropdown-icon, 0 var(--spacing-20))" | "var(--padding-for-button-as-medium, 0 var(--spacing-30))" | "var(--padding-for-button-as-big, 0 var(--spacing-30))" | "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-button, none)" | "var(--shadow-for-button-when-focused, none)" | "var(--shadow-for-button-when-hovered, none)" | "var(--shadow-for-button-when-active, none)" | "var(--shadow-for-button-when-disabled, none)" | "var(--shadow-for-card-when-raised, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "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))" | "var(--shadow-for-tooltip, 0px 1px 2px 0px rgba(0, 0, 0, 0.25))" | "var(--shadow-for-select-input-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--shadow-for-primary-action-dropdown, none)" | "var(--shadow-for-primary-action-dropdown-when-hovered, none)" | "var(--shadow-for-primary-action-dropdown-when-active, none)" | "var(--shadow-for-primary-action-dropdown-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--shadow-for-toggle-input-thumb, 0px 1px 5px rgba(0, 0, 0, 0.2))" | "var(--shadow-for-tag-when-hovered, none)" | "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)";
|
|
5
|
+
export declare const getForegroundColor: (avatarColor: TAvatarProps['color']) => "var(--color-primary, hsl(175, 55%, 45%))" | "var(--color-primary-20, hsl(175, 55%, 20%))" | "var(--color-primary-25, hsl(175, 55%, 25%))" | "var(--color-primary-30, hsl(175, 55%, 30%))" | "var(--color-primary-40, hsl(175, 55%, 40%))" | "var(--color-primary-85, hsl(175, 70%, 85%))" | "var(--color-primary-90, hsl(175, 70%, 90%))" | "var(--color-primary-95, hsl(175, 90%, 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-50, hsl(195, 35%, 50%))" | "var(--color-accent-60, hsl(195, 35.2941176471%, 60%))" | "var(--color-accent-85, hsl(195, 35%, 85%))" | "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-brown-10, hsl(35, 90%, 10%))" | "var(--color-brown-20, hsl(35, 50%, 20%))" | "var(--color-brown-35, hsl(35, 25%, 35%))" | "var(--color-brown-50, hsl(35, 30%, 50%))" | "var(--color-brown-70, hsl(35, 40%, 70%))" | "var(--color-brown-85, hsl(35, 60%, 85%))" | "var(--color-brown-90, hsl(35, 90%, 90%))" | "var(--color-brown-95, hsl(35, 80%, 95%))" | "var(--color-brown-98, hsl(35, 90%, 98%))" | "var(--color-purple-10, hsl(248, 90%, 10%))" | "var(--color-purple-20, hsl(248, 50%, 20%))" | "var(--color-purple-35, hsl(248, 25%, 35%))" | "var(--color-purple-50, hsl(248, 30%,50%))" | "var(--color-purple-70, hsl(248, 40%, 70%))" | "var(--color-purple-85, hsl(248, 60%, 85%))" | "var(--color-purple-90, hsl(248, 50%, 90%))" | "var(--color-purple-95, hsl(248, 80%, 95%))" | "var(--color-purple-98, hsl(248, 90%, 98%))" | "var(--color-turquoise-10, hsl(180, 90%, 10%))" | "var(--color-turquoise-20, hsl(180, 50%, 20%))" | "var(--color-turquoise-35, hsl(180, 25%, 35%))" | "var(--color-turquoise-50, hsl(180, 30%, 45%))" | "var(--color-turquoise-70, hsl(180, 40%, 70%))" | "var(--color-turquoise-85, hsl(180, 60%, 85%))" | "var(--color-turquoise-90, hsl(180, 40%, 90%))" | "var(--color-turquoise-95, hsl(180, 80%, 95%))" | "var(--color-turquoise-98, hsl(180, 90%, 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-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, #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-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-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, center)" | "var(--background-color-for-button-when-active, hsl(0deg 0% 10% / 10%))" | "var(--background-color-for-button-when-hovered, hsl(0deg 0% 10% / 5%))" | "var(--background-color-for-button-as-primary-when-active, #15A390)" | "var(--background-color-for-button-as-primary-when-hovered, #17AB97)" | "var(--background-color-for-button-as-icon-as-primary-when-active, #15A390)" | "var(--background-color-for-button-as-icon-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--background-color-for-button-as-icon-as-info-when-active, #057FCC)" | "var(--background-color-for-button-as-icon-as-info-when-hovered, #078cdf)" | "var(--background-color-for-button-as-urgent-when-active, #DC630A)" | "var(--background-color-for-button-as-urgent-when-hovered, #E7680D)" | "var(--background-color-for-button-as-critical-when-active, #B3003E)" | "var(--background-color-for-button-as-critical-when-hovered, #CC0047)" | "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 95%))" | "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(232, 18%, 95%))" | "var(--background-color-for-input-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-input-when-focused, #fff)" | "var(--background-color-for-input-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-active, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-table-cell-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-table-header, hsl(232, 18%, 98%))" | "var(--background-color-for-tag, hsl(232, 18%, 95%))" | "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-tag-when-hovered, hsl(232, 18%, 90%))" | "var(--background-color-for-collapsible-panel-header-icon-when-disabled, #fff)" | "var(--background-color-for-select-input-option-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-stamp-as-positive, hsl(175, 70%, 90%))" | "var(--background-color-for-stamp-as-primary, hsl(175, 70%, 90%))" | "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-localized-rich-text-body-button-when-active, hsl(195, 35.2941176471%, 20%))" | "var(--background-color-for-localized-rich-text-body-button, hsl(232, 18%, 95%))" | "var(--background-color-for-rich-text-dropdown-when-hovered, hsl(232, 18%, 95%))" | "var(--background-color-for-rich-text-more-styles-dropdown-when-hovered, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-rich-text-button, hsl(195, 35.2941176471%, 20%))" | "var(--background-color-for-tooltip, hsl(195, 35.2941176471%, 10%))" | "var(--background-color-for-view-switcher, #fff)" | "var(--background-color-for-view-switcher-when-disabled, #fff)" | "var(--background-color-for-view-switcher-when-selected, hsl(232, 18%, 95%))" | "var(--background-color-for-view-switcher-when-hovered, hsl(232, 18%, 95%))" | "var(--background-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 95%))" | "var(--background-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-content-notification-when-success, hsl(175, 90%, 95%))" | "var(--background-color-for-checkbox-input-icon, hsl(175, 55%, 45%))" | "var(--background-color-for-checkbox-input-icon-when-disabled, hsl(232, 18%, 80%))" | "var(--background-color-for-checkbox-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--background-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--background-color-for-checkbox-input-icon-when-hovered, hsl(232, 18%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-active, hsl(232, 18%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-toggle-input-track, hsl(232, 18%, 80%))" | "var(--background-color-for-toggle-input-track-when-disabled, hsl(232, 18%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(232, 18%, 60%))" | "var(--background-color-for-toggle-input-track-when-checked, hsl(175, 55%, 40%))" | "var(--background-color-for-toggle-input-thumb-when-checked, hsl(175, 55%, 25%))" | "var(--background-color-for-toggle-input-track-when-checked-and-disabled, hsl(195, 35.2941176471%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-checked-and-disabled, hsl(195, 35.2941176471%, 60%))" | "var(--background-color-for-button-as-secondary-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-button-as-secondary-when-info-and-hovered, #CEEBFD)" | "var(--background-color-for-button-as-secondary-when-info-and-active, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-for-button-as-secondary, 1px solid var(--color-neutral))" | "var(--border-for-button-as-secondary-when-hovered, 1px solid var(--color-neutral))" | "var(--border-for-button-as-secondary-when-active, 1px solid var(--color-neutral))" | "var(--border-for-card-when-raised, 1px solid var(--color-neutral-90))" | "var(--border-for-collapsible-panel-header-icon-when-disabled, none)" | "var(--border-for-view-switcher, 1px solid var(--color-neutral))" | "var(--border-for-select-input-tag, 1px solid var(--color-neutral-85))" | "var(--border-for-radio-input-option, 2px)" | "var(--border-for-calendar-menu-when-focused, none)" | "var(--border-color-for-input, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-focused, hsl(175, 55%, 45%))" | "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, #e60050)" | "var(--border-color-for-input-when-warning, #f16d0e)" | "var(--border-color-for-input-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-tag, hsl(232, 18%, 80%))" | "var(--border-color-for-tag-warning, #f16d0e)" | "var(--border-color-for-tag-when-focused, hsl(232, 18%, 80%))" | "var(--border-color-for-tag-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-as-info, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-as-primary, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-when-disabled, #fff)" | "var(--border-color-for-table-header, #fff)" | "var(--border-color-for-table-header-as-bottom, hsl(232, 18%, 95%))" | "var(--border-color-for-table-manager-droppable-list, hsl(232, 18%, 80%))" | "var(--border-color-for-collapsible-panel-header, hsl(232, 18%, 90%))" | "var(--border-color-for-stamp-when-error, hsl(339.1304347826087, 100%, 85%))" | "var(--border-color-for-stamp-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--border-color-for-stamp-as-positive, hsl(175, 70%, 85%))" | "var(--border-color-for-stamp-as-information, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-stamp-as-primary, hsl(175, 70%, 85%))" | "var(--border-color-for-stamp-as-secondary, hsl(232, 18%, 85%))" | "var(--border-color-for-localized-input-label, hsl(232, 18%, 80%))" | "var(--border-color-for-localized-input-label-when-readonly, #fff)" | "var(--border-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 85%))" | "var(--border-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--border-color-for-content-notification-when-success, hsl(175, 70%, 85%))" | "var(--border-color-for-group-heading-select-input-options, hsl(232, 18%, 90%))" | "var(--border-color-for-select-input-menu, #fff)" | "var(--border-color-for-select-input-when-readonly, hsl(232, 18%, 95%))" | "var(--border-color-for-select-input-menu-when-warning, #fff)" | "var(--border-color-for-select-input-menu-when-error, #fff)" | "var(--border-color-for-checkbox-input-icon, hsl(175, 55%, 45%))" | "var(--border-color-for-checkbox-input-icon-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-checkbox-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--border-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--border-color-for-radio-input, hsl(232, 18%, 60%))" | "var(--border-color-for-radio-input-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))" | "var(--border-color-for-radio-input-when-checked, hsl(175, 55%, 45%))" | "var(--border-color-for-radio-input-when-focused, hsl(232, 18%, 60%))" | "var(--border-color-for-primary-action-dropdown-menu, #fff)" | "var(--border-color-for-button-as-secondary-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-radius-for-button-as-big, 4px)" | "var(--border-radius-for-button-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-big, 4px)" | "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, 4px)" | "var(--border-radius-for-tag, 2px)" | "var(--border-radius-for-card, 4px)" | "var(--border-radius-for-table-manager-droppable-list, 4px)" | "var(--border-radius-for-stamp, 4px)" | "var(--border-radius-for-stamp-as-condensed, 2px)" | "var(--border-radius-for-view-switcher, 4px)" | "var(--border-radius-for-content-notification, 4px)" | "var(--border-radius-for-primary-action-dropdown, var(--border-radius-4) 0 0 var(--border-radius-4))" | "var(--border-radius-for-primary-action-dropdown-icon, 0 var(--border-radius-4) var(--border-radius-4) 0)" | "var(--border-radius-for-primary-action-dropdown-menu, 4px)" | "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 1px 1px 0)" | "var(--border-width-for-select-input, 2px)" | "var(--border-left-width-for-content-notification, 0px)" | "var(--border-width-for-checkbox-input-icon, 2px)" | "var(--border-for-primary-action-dropdown-icon, 1px 1px 1px 0px)" | "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 1px)" | "var(--box-shadow-for-view-switcher, none)" | "var(--box-shadow-for-view-switcher-when-selected, none)" | "var(--box-shadow-for-select-input-when-focused, inset 0 0 0 1px)" | "var(--box-shadow-for-calendar-menu-when-focused, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--box-shadow-for-table, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--font-color-for-text, #1a1a1a)" | "var(--font-color-for-text-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-input-when-warning, #f16d0e)" | "var(--font-color-for-tag, #1a1a1a)" | "var(--font-color-for-tag-remove-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-tag-drag-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-tag-remove-icon-when-hovered, #e60050)" | "var(--font-color-for-tag-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-text-when-inverted, #fff)" | "var(--font-color-for-link-as-inverted, #fff)" | "var(--font-color-for-link-as-primary, hsl(175, 55%, 30%))" | "var(--font-color-for-link-as-secondary, #1a1a1a)" | "var(--font-color-for-link-as-primary-when-active, hsl(175, 55%, 45%))" | "var(--font-color-for-link-as-secondary-when-active, hsl(175, 55%, 45%))" | "var(--font-color-for-table-header, hsl(232, 18%, 40%))" | "var(--font-color-for-localized-input-label, hsl(232, 18%, 60%))" | "var(--font-color-for-view-switcher, hsl(232, 18%, 40%))" | "var(--font-color-for-view-switcher-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-view-switcher-when-selected, #1a1a1a)" | "var(--font-color-for-clear-input-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-clear-input-icon-when-hovered, #e60050)" | "var(--font-color-for-content-notification, #1a1a1a)" | "var(--font-color-for-content-notification-icon-when-error, #e60050)" | "var(--font-color-for-content-notification-icon-when-warning, #f16d0e)" | "var(--font-color-for-content-notification-icon-when-success, hsl(175, 55%, 45%))" | "var(--font-color-for-content-notification-icon-when-info, #078cdf)" | "var(--font-color-for-search-input-icon, hsl(232, 18%, 60%))" | "var(--font-color-for-search-input-icon-when-hovered, hsl(175, 55%, 45%))" | "var(--font-color-for-select-input-icon, hsl(232, 18%, 60%))" | "var(--font-color-for-select-input-when-error, #e60050)" | "var(--font-color-for-select-input-when-warning, #f16d0e)" | "var(--font-color-for-select-input-icon-when-error, #e60050)" | "var(--font-color-for-select-input-icon-when-warning, #f16d0e)" | "var(--font-color-for-money-input-currency-dropdown-indicator, hsl(232, 18%, 40%))" | "var(--font-color-for-search-input-icon-when-readonly, hsl(232, 18%, 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(232, 18%, 60%))" | "var(--font-color-for-checkbox-input-label-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-radio-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-radio-input-when-error, #e60050)" | "var(--font-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))" | "var(--font-color-for-radio-input-when-warning, #f16d0e)" | "var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 30%))" | "var(--font-color-for-flat-button-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--font-color-for-flat-button-as-critical, #e60050)" | "var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))" | "var(--font-color-for-flat-button-as-secondary, #1a1a1a)" | "var(--font-color-for-flat-button-as-inverted, #fff)" | "var(--font-color-for-flat-button-icon-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-secondary-icon-button-as-primary, hsl(175, 55%, 25%))" | "var(--font-color-for-secondary-icon-button-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--height-for-button-as-big, 40px)" | "var(--height-for-button-as-medium, 32px)" | "var(--height-for-button-as-icon-as-big, 40px)" | "var(--height-for-button-as-icon-as-medium, 32px)" | "var(--height-for-button-as-icon-as-small, 16px)" | "var(--height-for-input, 40px)" | "var(--height-for-view-switcher, 40px)" | "var(--height-for-view-switcher-when-condensed, 32px)" | "var(--height-for-select-input-tag, 32px)" | "var(--height-for-radio-input-option, 18px)" | "var(--height-for-radio-input-option-when-checked, 10px)" | "var(--height-for-primary-action-dropdown, 40px)" | "var(--width-for-avatar-as-medium, 40px)" | "var(--min-width-for-money-input-currency-dropdown, 80px)" | "var(--placeholder-font-color-for-input, hsl(232, 18%, 60%))" | "var(--font-size-for-button, 0.875rem)" | "var(--font-size-for-input, 1rem)" | "var(--font-size-for-text-as-h-1, 1.5rem)" | "var(--font-size-for-text-as-h-2, 1.25rem)" | "var(--font-size-for-text-as-h-3, 1.125rem)" | "var(--font-size-for-text-as-h-4, 1rem)" | "var(--font-size-for-text-as-h-5, 1rem)" | "var(--font-size-for-text-as-body, 1rem)" | "var(--font-size-for-text-as-caption, 0.75rem)" | "var(--font-size-for-text-as-detail, 0.875rem)" | "var(--font-size-for-body, 16px)" | "var(--font-size-for-link, 1rem)" | "var(--font-size-for-view-switcher, 0.875rem)" | "var(--font-size-for-table, 0.875rem)" | "var(--font-size-for-localized-input-label, 1rem)" | "var(--font-size-for-content-notification, 1rem)" | "var(--font-size-for-select-input-tag, 1rem)" | "var(--icon-color-for-datetime-input-icon, hsl(232, 18%, 40%))" | "var(--icon-color-for-datetime-input-icon-when-hovered, #e60050)" | "var(--line-height-for-text-as-h-1, 2.125rem)" | "var(--line-height-for-text-as-h-2, 1.75rem)" | "var(--line-height-for-text-as-h-3, 1.5rem)" | "var(--line-height-for-text-as-h-4, 1.375rem)" | "var(--line-height-for-text-as-h-5, 1.375rem)" | "var(--line-height-for-text-as-body, 1.625rem)" | "var(--line-height-for-text-as-caption, 1.125rem)" | "var(--line-height-for-text-as-detail, 1.375rem)" | "var(--line-height-for-select-input-options, 1.625rem)" | "var(--line-height-for-table-header, 26px)" | "var(--font-weight-for-text-as-h-1, 600)" | "var(--font-weight-for-text-as-h-2, 500)" | "var(--font-weight-for-text-as-h-3, 500)" | "var(--font-weight-for-text-as-h-4, 500)" | "var(--font-weight-for-text-as-h-5, 500)" | "var(--font-weight-for-text-as-body, 400)" | "var(--font-weight-for-text-as-caption, 400)" | "var(--font-weight-for-text-as-detail, 400)" | "var(--font-weight-for-button, 500)" | "var(--font-weight-for-table-header, 500)" | "var(--font-weight-for-text-as-bold, 600)" | "var(--margin-for-table-header, 8px)" | "var(--margin-for-table-cell-as-condensed, 8px)" | "var(--margin-for-view-switcher-icon, 0 var(--spacing-20) 0 0)" | "var(--margin-for-group-heading-select-input-options, 8px)" | "var(--margin-for-select-input-icon, 8px)" | "var(--margin-left-for-select-input-icon, 8px)" | "var(--margin-right-for-money-input-precision-badge, 12px)" | "var(--margin-right-for-search-input-icon, 12px)" | "var(--margin-right-for-clear-input-icon, 8px)" | "var(--margin-left-for-radio-input-label, 4px)" | "var(--margin-right-for-primary-action-dropdown, 8px)" | "var(--margin-top-for-primary-action-dropdown, 8px)" | "var(--margin-for-localized-rich-text-body-button, 0 2px var(--spacing-20) 2px)" | "var(--margin-for-rich-text-divider, var(--spacing-10) 2px)" | "var(--margin-for-rich-text-dropdown-item-label, 0 0 0 var(--spacing-20))" | "var(--margin-for-tag-list, 0 var(--spacing-20) var(--spacing-20) 0)" | "var(--padding-for-stamp, 4px 12px)" | "var(--padding-for-stamp-as-condensed, var(--spacing-05) var(--spacing-10))" | "var(--padding-for-tag, 2px 12px)" | "var(--padding-for-table-header, 24px)" | "var(--padding-for-table-header-as-condensed, 24px)" | "var(--padding-for-table-cell, var(--spacing-30) var(--spacing-40))" | "var(--padding-for-table-cell-as-condensed, var(--spacing-20) var(--spacing-40))" | "var(--padding-for-table-manager-droppable-list, 16px)" | "var(--padding-for-table-manager-settings-panel, var(--spacing-40) var(--spacing-50))" | "var(--padding-for-table-manager-draggable-tag, var(--spacing-10) 0)" | "var(--padding-for-collapsible-panel-header, var(--spacing-30) 0)" | "var(--padding-for-collapsible-panel-header-as-condensed, var(--spacing-20) 0)" | "var(--padding-for-collapsible-panel-section-wrapper, var(--spacing-50) 0 0 calc(var(--spacing-30) + var(--spacing-10)))" | "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, var(--spacing-40) 0 0 calc(var(--spacing-30) + var(--spacing-10)))" | "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-40))" | "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-40))" | "var(--padding-for-input, 16px)" | "var(--padding-for-multiline-input, 8px)" | "var(--padding-for-localized-rich-text-input-label, var(--spacing-20) 12px)" | "var(--padding-for-localized-rich-text-dropdown-button, 5px var(--spacing-20))" | "var(--padding-for-localized-rich-text-dropdown-item, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-localized-rich-text-body-button, var(--spacing-20))" | "var(--padding-for-localized-input-label, 0 12px)" | "var(--padding-for-rich-text-input, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-rich-text-toolbar, none)" | "var(--padding-left-for-rich-text-toolbar, none)" | "var(--padding-for-rich-text-editor-container, var(--spacing-20) 0 0)" | "var(--padding-for-localized-multiline-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-tag-remove-icon, 0 12px)" | "var(--padding-for-tooltip, var(--spacing-20) 12px)" | "var(--padding-for-view-switcher, 0 var(--spacing-30) 0 var(--spacing-30))" | "var(--padding-for-view-switcher-when-condensed, 0 12px 0 12px)" | "var(--padding-for-content-notification, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-content-notification-message, 0 var(--spacing-30) 0 var(--spacing-20))" | "var(--padding-left-for-select-input-options, 16px)" | "var(--padding-right-for-select-input-options, 16px)" | "var(--padding-top-for-select-input-options, 8px)" | "var(--padding-bottom-for-select-input-options, 8px)" | "var(--padding-for-group-heading-select-input-options, 16px)" | "var(--padding-for-select-input-menu, var(--spacing-10) 0)" | "var(--padding-for-money-input-currency-dropdown, 0 12px)" | "var(--padding-for-selectable-search-input-dropdown, 0 12px)" | "var(--padding-for-primary-action-dropdown, 0 var(--spacing-30))" | "var(--padding-for-primary-action-dropdown-icon, 0 var(--spacing-20))" | "var(--padding-for-button-as-medium, 0 var(--spacing-30))" | "var(--padding-for-button-as-big, 0 var(--spacing-30))" | "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-button, none)" | "var(--shadow-for-button-when-focused, none)" | "var(--shadow-for-button-when-hovered, none)" | "var(--shadow-for-button-when-active, none)" | "var(--shadow-for-button-when-disabled, none)" | "var(--shadow-for-card-when-raised, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "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))" | "var(--shadow-for-tooltip, 0px 1px 2px 0px rgba(0, 0, 0, 0.25))" | "var(--shadow-for-select-input-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--shadow-for-primary-action-dropdown, none)" | "var(--shadow-for-primary-action-dropdown-when-hovered, none)" | "var(--shadow-for-primary-action-dropdown-when-active, none)" | "var(--shadow-for-primary-action-dropdown-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--shadow-for-toggle-input-thumb, 0px 1px 5px rgba(0, 0, 0, 0.2))" | "var(--shadow-for-tag-when-hovered, none)" | "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)";
|
|
6
6
|
export declare const getAvatarStyles: (avatarProps: TAvatarProps) => import("@emotion/utils").SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/avatar",
|
|
3
3
|
"description": "A component for rendering profile images",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.10.0",
|
|
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": "16.
|
|
25
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/design-system": "16.10.0",
|
|
25
|
+
"@commercetools-uikit/utils": "16.10.0",
|
|
26
26
|
"@emotion/react": "^11.10.5",
|
|
27
27
|
"@emotion/styled": "^11.10.5",
|
|
28
28
|
"lodash": "4.17.21",
|