@luscii-healthtech/web-ui 44.3.4 → 44.5.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.
- package/dist/index.development.js +10 -3
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/Steps/subcomponents/Step.d.ts +1 -1
- package/dist/src/components/Text/Text.d.ts +1 -0
- package/dist/stories/Steps.stories.d.ts +1 -1
- package/dist/stories/StyledOrderedList.stories.d.ts +1 -1
- package/dist/stories/StyledUnorderedList.stories.d.ts +1 -1
- package/dist/web-ui-tailwind.css +3 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -262,6 +262,7 @@ const allowedColors = {
|
|
|
262
262
|
"slate-400": "ui:text-slate-400",
|
|
263
263
|
"slate-500": "ui:text-slate-500",
|
|
264
264
|
"slate-600": "ui:text-slate-600",
|
|
265
|
+
disabled: "ui:text-text-neutral-primary-disabled",
|
|
265
266
|
red: "ui:text-red-800",
|
|
266
267
|
green: "ui:text-green-800",
|
|
267
268
|
amber: "ui:text-yellow-800",
|
|
@@ -4196,16 +4197,22 @@ Page.propTypes = {
|
|
|
4196
4197
|
};
|
|
4197
4198
|
|
|
4198
4199
|
const Step = ({ title, subtitle, state = "completed" }) => {
|
|
4199
|
-
let
|
|
4200
|
+
let barColorClassName = "ui:bg-slate-200";
|
|
4200
4201
|
let titleColor = "slate-500";
|
|
4202
|
+
let subtitleColor = "base";
|
|
4201
4203
|
switch (state) {
|
|
4204
|
+
case "disabled":
|
|
4205
|
+
barColorClassName = "ui:bg-slate-200";
|
|
4206
|
+
titleColor = "disabled";
|
|
4207
|
+
subtitleColor = "disabled";
|
|
4208
|
+
break;
|
|
4202
4209
|
case "completed":
|
|
4203
4210
|
case "current":
|
|
4204
|
-
|
|
4211
|
+
barColorClassName = "ui:bg-primary";
|
|
4205
4212
|
titleColor = "blue-800";
|
|
4206
4213
|
break;
|
|
4207
4214
|
}
|
|
4208
|
-
return jsxRuntime.jsxs(Box, { width: "full", children: [jsxRuntime.jsx(Box, { mb: "xxs", width: "full", className: classNames__default.default("ui:h-1 ui:rounded",
|
|
4215
|
+
return jsxRuntime.jsxs(Box, { width: "full", children: [jsxRuntime.jsx(Box, { mb: "xxs", width: "full", className: classNames__default.default("ui:h-1 ui:rounded", barColorClassName) }), jsxRuntime.jsx(Text, { variant: "strong", color: titleColor, children: title }), subtitle && jsxRuntime.jsx(Text, { variant: "strong", color: subtitleColor, children: subtitle })] });
|
|
4209
4216
|
};
|
|
4210
4217
|
|
|
4211
4218
|
const Steps = (props) => {
|