@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
33 lines • 1.37 kB
JavaScript
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import { SYSTEM } from '../internal/environment';
import customCssProps from '../internal/generated/custom-css-properties';
export function getProgressStyles(style) {
if (SYSTEM !== 'core' || !(style === null || style === void 0 ? void 0 : style.progressBar)) {
return undefined;
}
return {
[customCssProps.progressBarBackgroundColor]: style.progressBar.backgroundColor,
[customCssProps.progressBarBorderRadius]: style.progressBar.borderRadius,
[customCssProps.progressBarHeight]: style.progressBar.height,
};
}
export function getProgressValueStyles(style) {
if (SYSTEM !== 'core' || !(style === null || style === void 0 ? void 0 : style.progressValue)) {
return undefined;
}
return {
[customCssProps.progressValueBackgroundColor]: style.progressValue.backgroundColor,
};
}
export function getProgressPercentageStyles(style) {
if (SYSTEM !== 'core' || !(style === null || style === void 0 ? void 0 : style.progressPercentage)) {
return undefined;
}
return {
color: style.progressPercentage.color,
fontSize: style.progressPercentage.fontSize,
fontWeight: style.progressPercentage.fontWeight,
};
}
//# sourceMappingURL=styles.js.map