98 lines
3.1 KiB
JavaScript
98 lines
3.1 KiB
JavaScript
|
"use strict";
|
||
|
|
var __defProp = Object.defineProperty;
|
||
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||
|
|
var __export = (target, all) => {
|
||
|
|
for (var name in all)
|
||
|
|
__defProp(target, name, { get: all[name], enumerable: true });
|
||
|
|
};
|
||
|
|
var __copyProps = (to, from, except, desc) => {
|
||
|
|
if (from && typeof from === "object" || typeof from === "function") {
|
||
|
|
for (let key of __getOwnPropNames(from))
|
||
|
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
||
|
|
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
||
|
|
}
|
||
|
|
return to;
|
||
|
|
};
|
||
|
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
||
|
|
|
||
|
|
// src/components/progress.ts
|
||
|
|
var progress_exports = {};
|
||
|
|
__export(progress_exports, {
|
||
|
|
progressTheme: () => progressTheme
|
||
|
|
});
|
||
|
|
module.exports = __toCommonJS(progress_exports);
|
||
|
|
var import_anatomy = require("@chakra-ui/anatomy");
|
||
|
|
var import_styled_system = require("@chakra-ui/styled-system");
|
||
|
|
var import_theme_tools = require("@chakra-ui/theme-tools");
|
||
|
|
var { defineMultiStyleConfig, definePartsStyle } = (0, import_styled_system.createMultiStyleConfigHelpers)(import_anatomy.progressAnatomy.keys);
|
||
|
|
var filledStyle = (0, import_styled_system.defineStyle)((props) => {
|
||
|
|
const { colorScheme: c, theme: t, isIndeterminate, hasStripe } = props;
|
||
|
|
const stripeStyle = (0, import_theme_tools.mode)(
|
||
|
|
(0, import_theme_tools.generateStripe)(),
|
||
|
|
(0, import_theme_tools.generateStripe)("1rem", "rgba(0,0,0,0.1)")
|
||
|
|
)(props);
|
||
|
|
const bgColor = (0, import_theme_tools.mode)(`${c}.500`, `${c}.200`)(props);
|
||
|
|
const gradient = `linear-gradient(
|
||
|
|
to right,
|
||
|
|
transparent 0%,
|
||
|
|
${(0, import_theme_tools.getColor)(t, bgColor)} 50%,
|
||
|
|
transparent 100%
|
||
|
|
)`;
|
||
|
|
const addStripe = !isIndeterminate && hasStripe;
|
||
|
|
return {
|
||
|
|
...addStripe && stripeStyle,
|
||
|
|
...isIndeterminate ? { bgImage: gradient } : { bgColor }
|
||
|
|
};
|
||
|
|
});
|
||
|
|
var baseStyleLabel = (0, import_styled_system.defineStyle)({
|
||
|
|
lineHeight: "1",
|
||
|
|
fontSize: "0.25em",
|
||
|
|
fontWeight: "bold",
|
||
|
|
color: "white"
|
||
|
|
});
|
||
|
|
var baseStyleTrack = (0, import_styled_system.defineStyle)((props) => {
|
||
|
|
return {
|
||
|
|
bg: (0, import_theme_tools.mode)("gray.100", "whiteAlpha.300")(props)
|
||
|
|
};
|
||
|
|
});
|
||
|
|
var baseStyleFilledTrack = (0, import_styled_system.defineStyle)((props) => {
|
||
|
|
return {
|
||
|
|
transitionProperty: "common",
|
||
|
|
transitionDuration: "slow",
|
||
|
|
...filledStyle(props)
|
||
|
|
};
|
||
|
|
});
|
||
|
|
var baseStyle = definePartsStyle((props) => ({
|
||
|
|
label: baseStyleLabel,
|
||
|
|
filledTrack: baseStyleFilledTrack(props),
|
||
|
|
track: baseStyleTrack(props)
|
||
|
|
}));
|
||
|
|
var sizes = {
|
||
|
|
xs: definePartsStyle({
|
||
|
|
track: { h: "1" }
|
||
|
|
}),
|
||
|
|
sm: definePartsStyle({
|
||
|
|
track: { h: "2" }
|
||
|
|
}),
|
||
|
|
md: definePartsStyle({
|
||
|
|
track: { h: "3" }
|
||
|
|
}),
|
||
|
|
lg: definePartsStyle({
|
||
|
|
track: { h: "4" }
|
||
|
|
})
|
||
|
|
};
|
||
|
|
var progressTheme = defineMultiStyleConfig({
|
||
|
|
sizes,
|
||
|
|
baseStyle,
|
||
|
|
defaultProps: {
|
||
|
|
size: "md",
|
||
|
|
colorScheme: "blue"
|
||
|
|
}
|
||
|
|
});
|
||
|
|
// Annotate the CommonJS export names for ESM import in node:
|
||
|
|
0 && (module.exports = {
|
||
|
|
progressTheme
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=progress.js.map
|