@seeqdev/qomponents 0.0.140 → 0.0.141
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.
- package/dist/FontCustom.woff +0 -0
- package/dist/FontCustom.woff2 +0 -0
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +4 -0
- package/package.json +1 -1
package/dist/FontCustom.woff
CHANGED
|
Binary file
|
package/dist/FontCustom.woff2
CHANGED
|
Binary file
|
package/dist/index.esm.js
CHANGED
|
@@ -22191,12 +22191,12 @@ const ProgressIndicator = (props) => {
|
|
|
22191
22191
|
computeTextClass(indicatorElementRef.current);
|
|
22192
22192
|
}
|
|
22193
22193
|
}, [!!indicatorElementRef.current]);
|
|
22194
|
-
return (React__default.createElement(Indicator, { className: `tw-ease-[cubic-bezier(0.65, 0, 0.35, 1)] tw-w-full tw-h-[18px] tw-duration-[660ms] tw-flex tw-justify-center tw-items-center tw-overflow-hidden ${roundedCorners} ${bgClass} ${extraClasses}`, ...tooltipData, "data-qtip-text": tooltipProps.tooltip ? tooltipProps.tooltip : `${value}%`, "data-testid": `progress-bar-indicator-${testId ? testId : value}`, key: `${index}-${value}`, ref: indicatorElementRef, style: {
|
|
22194
|
+
return (React__default.createElement(Indicator, { className: `tw-ease-[cubic-bezier(0.65, 0, 0.35, 1)] tw-w-full tw-h-[18px] tw-duration-[660ms] tw-flex tw-justify-center tw-items-center ${valuesLength === 1 ? '' : 'tw-overflow-hidden'} ${roundedCorners} ${bgClass} ${extraClasses}`, ...tooltipData, "data-qtip-text": tooltipProps.tooltip ? tooltipProps.tooltip : `${value}%`, "data-testid": `progress-bar-indicator-${testId ? testId : value}`, key: `${index}-${value}`, ref: indicatorElementRef, style: {
|
|
22195
22195
|
// Background color will default to the theme color if undefined
|
|
22196
22196
|
backgroundColor: bgColor,
|
|
22197
22197
|
animation: 'width 660ms forwards',
|
|
22198
22198
|
width: `${animatedWidth}%`,
|
|
22199
|
-
} }, label ? React__default.createElement("span", { className: `${baseLabelClasses} ${labelClasses} ${textColorClass}` }, label) : undefined));
|
|
22199
|
+
} }, label ? (React__default.createElement("span", { className: `${baseLabelClasses} ${labelClasses} ${textColorClass} ${valuesLength === 1 ? 'tw-absolute tw-z-50' : ''}` }, label)) : undefined));
|
|
22200
22200
|
};
|
|
22201
22201
|
const ProgressBar = ({ values = [], max = 100, containerExtraClasses = '', zeroValueLabel = 'No progress yet', }) => {
|
|
22202
22202
|
const totalValue = values.reduce((acc, { value }) => acc + value, 0);
|