@hitachivantara/uikit-react-lab 5.4.44 → 5.4.46
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/cjs/components/StepNavigation/DefaultNavigation/Step/Step.cjs +1 -2
- package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.cjs.map +1 -1
- package/dist/cjs/components/StepNavigation/DefaultNavigation/utils.cjs +8 -7
- package/dist/cjs/components/StepNavigation/DefaultNavigation/utils.cjs.map +1 -1
- package/dist/esm/components/StepNavigation/DefaultNavigation/Step/Step.js +1 -2
- package/dist/esm/components/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -1
- package/dist/esm/components/StepNavigation/DefaultNavigation/utils.js +2 -1
- package/dist/esm/components/StepNavigation/DefaultNavigation/utils.js.map +1 -1
- package/dist/types/index.d.ts +5 -5
- package/package.json +5 -5
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
|
|
4
4
|
const uikitReactCore = require("@hitachivantara/uikit-react-core");
|
|
5
|
-
const uikitStyles = require("@hitachivantara/uikit-styles");
|
|
6
5
|
const utils = require("../utils.cjs");
|
|
7
6
|
const Step_styles = require("./Step.styles.cjs");
|
|
8
7
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
@@ -39,7 +38,7 @@ const HvStep = ({
|
|
|
39
38
|
lg: squareL + 16,
|
|
40
39
|
xl: squareL + 24
|
|
41
40
|
}[size];
|
|
42
|
-
const backgroundColor = utils.getColor(state
|
|
41
|
+
const backgroundColor = utils.getColor(state);
|
|
43
42
|
const color = state === "Pending" ? "atmo2" : void 0;
|
|
44
43
|
const semantic = state !== "Pending" ? utils.getSemantic(state) : void 0;
|
|
45
44
|
const status = state === "Current" ? "secondary_60" : void 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import {\n Level0Good,\n Level3Bad,\n HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n HvAvatarSize,\n HvButtonProps,\n HvBaseProps,\n ExtractNames,\n HvAvatar,\n HvButton,\n} from \"@hitachivantara/uikit-react-core\";\
|
|
1
|
+
{"version":3,"file":"Step.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import {\n Level0Good,\n Level3Bad,\n HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n HvAvatarSize,\n HvButtonProps,\n HvBaseProps,\n ExtractNames,\n HvAvatar,\n HvButton,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { getColor, getSemantic } from \"../utils\";\nimport { useClasses } from \"./Step.styles\";\n\ntype HvStepClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvStepProps\n extends Pick<HvButtonProps, \"onClick\">,\n Omit<HvBaseProps, \"onClick\"> {\n /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n classes?: HvStepClasses;\n /** State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"} */\n state:\n | \"Pending\"\n | \"Failed\"\n | \"Completed\"\n | \"Current\"\n | \"Disabled\"\n | \"Enabled\";\n /** Title of the step. */\n title: string;\n /** Sets one of the standard sizes of the step */\n size?: HvAvatarSize;\n /** Number of the step. */\n number?: number;\n /**\n * Define if a step is disabled/enabled.\n * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n */\n disabled?: boolean;\n}\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nexport const HvStep = ({\n className,\n classes: classesProp,\n state,\n title,\n onClick,\n disabled,\n size = \"md\",\n number = 1,\n}: HvStepProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const iconSize = {\n xs: \"XS\",\n sm: \"XS\",\n md: \"S\",\n ml: \"M\",\n xl: \"M\",\n }[size];\n\n const squareL = {\n Pending: 16,\n Failed: 24,\n Completed: 24,\n }[state];\n\n const svgSize = {\n xs: squareL - 8,\n sm: squareL,\n md: squareL + 8,\n lg: squareL + 16,\n xl: squareL + 24,\n }[size];\n\n const backgroundColor = getColor(state);\n\n const color = state === \"Pending\" ? \"atmo2\" : undefined;\n const semantic = state !== \"Pending\" ? getSemantic(state) : undefined;\n const status = state === \"Current\" ? \"secondary_60\" : undefined;\n\n const IconComponent = {\n Pending: HourGlass,\n Failed: Level3Bad,\n Completed: Level0Good,\n }[state];\n\n return (\n <div\n className={cx(\n classes.root,\n {\n [classes.notCurrent]: state !== \"Current\",\n },\n className\n )}\n >\n <HvButton\n className={cx(classes.ghost, {\n [classes.ghostDisabled]: state === \"Current\",\n })}\n aria-label={`${title}`}\n icon\n overrideIconColors={false}\n disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n <HvAvatar\n className={cx(classes.avatar, classes[size])}\n backgroundColor={backgroundColor}\n status={status}\n size={size}\n >\n {IconComponent ? (\n <IconComponent\n color={color}\n semantic={semantic}\n width={svgSize}\n height={svgSize}\n iconSize={iconSize}\n />\n ) : (\n number\n )}\n </HvAvatar>\n </HvButton>\n </div>\n );\n};\n"],"names":["HvStep","className","classes","classesProp","state","title","onClick","disabled","size","number","cx","useClasses","iconSize","xs","sm","md","ml","xl","squareL","Pending","Failed","Completed","svgSize","lg","backgroundColor","getColor","color","undefined","semantic","getSemantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","root","notCurrent","children","HvButton","ghost","ghostDisabled","icon","overrideIconColors","includes","HvAvatar","avatar","_jsx","width","height"],"mappings":";;;;;;;AAgDO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC,SAAS;AACE,MAAM;AACX,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,YAAAA,WAAWR,WAAW;AAE9C,QAAMS,WAAW;AAAA,IACfC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJT,IAAI;AAEN,QAAMU,UAAU;AAAA,IACdC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXjB,KAAK;AAEP,QAAMkB,UAAU;AAAA,IACdT,IAAIK,UAAU;AAAA,IACdJ,IAAII;AAAAA,IACJH,IAAIG,UAAU;AAAA,IACdK,IAAIL,UAAU;AAAA,IACdD,IAAIC,UAAU;AAAA,IACdV,IAAI;AAEAgB,QAAAA,kBAAkBC,eAASrB,KAAK;AAEhCsB,QAAAA,QAAQtB,UAAU,YAAY,UAAUuB;AAC9C,QAAMC,WAAWxB,UAAU,YAAYyB,MAAAA,YAAYzB,KAAK,IAAIuB;AACtDG,QAAAA,SAAS1B,UAAU,YAAY,iBAAiBuB;AAEtD,QAAMI,gBAAgB;AAAA,IACpBZ,SAASa,gBAAAA;AAAAA,IACTZ,QAAQa,gBAAAA;AAAAA,IACRZ,WAAWa,gBAAAA;AAAAA,IACX9B,KAAK;AAEP,wCACE,OAAA;AAAA,IACEH,WAAWS,GACTR,QAAQiC,MACR;AAAA,MACE,CAACjC,QAAQkC,UAAU,GAAGhC,UAAU;AAAA,OAElCH,SACF;AAAA,IAAEoC,yCAEDC,yBAAQ;AAAA,MACPrC,WAAWS,GAAGR,QAAQqC,OAAO;AAAA,QAC3B,CAACrC,QAAQsC,aAAa,GAAGpC,UAAU;AAAA,MAAA,CACpC;AAAA,MACD,cAAa,GAAEC;AAAAA,MACfoC,MAAI;AAAA,MACJC,oBAAoB;AAAA,MACpBnC,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEoC,SAASvC,KAAK;AAAA,MAC5DE;AAAAA,MAAiB+B,yCAEhBO,yBAAQ;AAAA,QACP3C,WAAWS,GAAGR,QAAQ2C,QAAQ3C,QAAQM,IAAI,CAAC;AAAA,QAC3CgB;AAAAA,QACAM;AAAAA,QACAtB;AAAAA,QAAW6B,UAEVN,gBACCe,2BAAAA,IAACf,eAAa;AAAA,UACZL;AAAAA,UACAE;AAAAA,UACAmB,OAAOzB;AAAAA,UACP0B,QAAQ1B;AAAAA,UACRV;AAAAA,QACD,CAAA,IAEDH;AAAAA,MAAAA,CAEM;AAAA,IAAA,CACF;AAAA,EAAA,CACP;AAET;;"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
const uikitStyles = require("@hitachivantara/uikit-styles");
|
|
4
|
+
const getColor = (state) => ({
|
|
5
|
+
Pending: uikitStyles.theme.colors.warning ?? "warning",
|
|
6
|
+
Failed: uikitStyles.theme.colors.negative ?? "negative",
|
|
7
|
+
Completed: uikitStyles.theme.colors.positive ?? "positive",
|
|
8
|
+
Current: uikitStyles.theme.colors.secondary ?? "secondary",
|
|
9
|
+
Disabled: uikitStyles.theme.colors.secondary_60 ?? "secondary_60",
|
|
10
|
+
Enabled: uikitStyles.theme.colors.secondary ?? "secondary"
|
|
10
11
|
})[state];
|
|
11
12
|
const getSemantic = (state) => ({
|
|
12
13
|
Pending: "warning",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/utils.ts"],"sourcesContent":["const getColor = (state
|
|
1
|
+
{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport type { HvStepProps } from \"./Step\";\n\nexport const getColor = (state: HvStepProps[\"state\"]) =>\n ({\n Pending: theme.colors.warning ?? \"warning\",\n Failed: theme.colors.negative ?? \"negative\",\n Completed: theme.colors.positive ?? \"positive\",\n Current: theme.colors.secondary ?? \"secondary\",\n Disabled: theme.colors.secondary_60 ?? \"secondary_60\",\n Enabled: theme.colors.secondary ?? \"secondary\",\n }[state]);\n\nexport const getSemantic = (state: HvStepProps[\"state\"]) =>\n ({\n Pending: \"warning\",\n Failed: \"negative\",\n Completed: \"positive\",\n Current: \"secondary\",\n Disabled: \"secondary_60\",\n Enabled: \"secondary\",\n }[state]);\n\nconst EXTRA_SMALL = { container: 32, avatar: 24 };\nconst SMALL = { container: 40, avatar: 32 };\nconst MEDIUM = { container: 48, avatar: 40 };\nconst LARGE = { container: 60, avatar: 52 };\nconst EXTRA_LARGE = { container: 96, avatar: 88 };\n\nexport const stepSizes = {\n xs: EXTRA_SMALL,\n sm: SMALL,\n md: MEDIUM,\n lg: LARGE,\n xl: EXTRA_LARGE,\n};\n"],"names":["getColor","state","Pending","theme","colors","warning","Failed","negative","Completed","positive","Current","secondary","Disabled","secondary_60","Enabled","getSemantic","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","stepSizes","xs","sm","md","lg","xl"],"mappings":";;;AAGaA,MAAAA,WAAWA,CAACC,WACtB;AAAA,EACCC,SAASC,YAAMC,MAAAA,OAAOC,WAAW;AAAA,EACjCC,QAAQH,YAAMC,MAAAA,OAAOG,YAAY;AAAA,EACjCC,WAAWL,YAAMC,MAAAA,OAAOK,YAAY;AAAA,EACpCC,SAASP,YAAMC,MAAAA,OAAOO,aAAa;AAAA,EACnCC,UAAUT,YAAMC,MAAAA,OAAOS,gBAAgB;AAAA,EACvCC,SAASX,YAAMC,MAAAA,OAAOO,aAAa;AACrC,GAAEV,KAAK;AAEIc,MAAAA,cAAcA,CAACd,WACzB;AAAA,EACCC,SAAS;AAAA,EACTI,QAAQ;AAAA,EACRE,WAAW;AAAA,EACXE,SAAS;AAAA,EACTE,UAAU;AAAA,EACVE,SAAS;AACX,GAAEb,KAAK;AAET,MAAMe,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAChD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC1C,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC3C,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC1C,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAEzC,MAAMK,YAAY;AAAA,EACvBC,IAAIR;AAAAA,EACJS,IAAIN;AAAAA,EACJO,IAAIN;AAAAA,EACJO,IAAIN;AAAAA,EACJO,IAAIN;AACN;;;;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { HourGlass, Level3Bad, Level0Good } from "@hitachivantara/uikit-react-icons";
|
|
2
2
|
import { HvButton, HvAvatar } from "@hitachivantara/uikit-react-core";
|
|
3
|
-
import { theme } from "@hitachivantara/uikit-styles";
|
|
4
3
|
import { getColor, getSemantic } from "../utils.js";
|
|
5
4
|
import { useClasses } from "./Step.styles.js";
|
|
6
5
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
@@ -37,7 +36,7 @@ const HvStep = ({
|
|
|
37
36
|
lg: squareL + 16,
|
|
38
37
|
xl: squareL + 24
|
|
39
38
|
}[size];
|
|
40
|
-
const backgroundColor = getColor(state
|
|
39
|
+
const backgroundColor = getColor(state);
|
|
41
40
|
const color = state === "Pending" ? "atmo2" : void 0;
|
|
42
41
|
const semantic = state !== "Pending" ? getSemantic(state) : void 0;
|
|
43
42
|
const status = state === "Current" ? "secondary_60" : void 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import {\n Level0Good,\n Level3Bad,\n HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n HvAvatarSize,\n HvButtonProps,\n HvBaseProps,\n ExtractNames,\n HvAvatar,\n HvButton,\n} from \"@hitachivantara/uikit-react-core\";\
|
|
1
|
+
{"version":3,"file":"Step.js","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import {\n Level0Good,\n Level3Bad,\n HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n HvAvatarSize,\n HvButtonProps,\n HvBaseProps,\n ExtractNames,\n HvAvatar,\n HvButton,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { getColor, getSemantic } from \"../utils\";\nimport { useClasses } from \"./Step.styles\";\n\ntype HvStepClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvStepProps\n extends Pick<HvButtonProps, \"onClick\">,\n Omit<HvBaseProps, \"onClick\"> {\n /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n classes?: HvStepClasses;\n /** State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"} */\n state:\n | \"Pending\"\n | \"Failed\"\n | \"Completed\"\n | \"Current\"\n | \"Disabled\"\n | \"Enabled\";\n /** Title of the step. */\n title: string;\n /** Sets one of the standard sizes of the step */\n size?: HvAvatarSize;\n /** Number of the step. */\n number?: number;\n /**\n * Define if a step is disabled/enabled.\n * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n */\n disabled?: boolean;\n}\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nexport const HvStep = ({\n className,\n classes: classesProp,\n state,\n title,\n onClick,\n disabled,\n size = \"md\",\n number = 1,\n}: HvStepProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const iconSize = {\n xs: \"XS\",\n sm: \"XS\",\n md: \"S\",\n ml: \"M\",\n xl: \"M\",\n }[size];\n\n const squareL = {\n Pending: 16,\n Failed: 24,\n Completed: 24,\n }[state];\n\n const svgSize = {\n xs: squareL - 8,\n sm: squareL,\n md: squareL + 8,\n lg: squareL + 16,\n xl: squareL + 24,\n }[size];\n\n const backgroundColor = getColor(state);\n\n const color = state === \"Pending\" ? \"atmo2\" : undefined;\n const semantic = state !== \"Pending\" ? getSemantic(state) : undefined;\n const status = state === \"Current\" ? \"secondary_60\" : undefined;\n\n const IconComponent = {\n Pending: HourGlass,\n Failed: Level3Bad,\n Completed: Level0Good,\n }[state];\n\n return (\n <div\n className={cx(\n classes.root,\n {\n [classes.notCurrent]: state !== \"Current\",\n },\n className\n )}\n >\n <HvButton\n className={cx(classes.ghost, {\n [classes.ghostDisabled]: state === \"Current\",\n })}\n aria-label={`${title}`}\n icon\n overrideIconColors={false}\n disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n <HvAvatar\n className={cx(classes.avatar, classes[size])}\n backgroundColor={backgroundColor}\n status={status}\n size={size}\n >\n {IconComponent ? (\n <IconComponent\n color={color}\n semantic={semantic}\n width={svgSize}\n height={svgSize}\n iconSize={iconSize}\n />\n ) : (\n number\n )}\n </HvAvatar>\n </HvButton>\n </div>\n );\n};\n"],"names":["HvStep","className","classes","classesProp","state","title","onClick","disabled","size","number","cx","useClasses","iconSize","xs","sm","md","ml","xl","squareL","Pending","Failed","Completed","svgSize","lg","backgroundColor","getColor","color","undefined","semantic","getSemantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","root","notCurrent","children","HvButton","ghost","ghostDisabled","icon","overrideIconColors","includes","HvAvatar","avatar","_jsx","width","height"],"mappings":";;;;;AAgDO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC,SAAS;AACE,MAAM;AACX,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAE9C,QAAMS,WAAW;AAAA,IACfC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJT,IAAI;AAEN,QAAMU,UAAU;AAAA,IACdC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXjB,KAAK;AAEP,QAAMkB,UAAU;AAAA,IACdT,IAAIK,UAAU;AAAA,IACdJ,IAAII;AAAAA,IACJH,IAAIG,UAAU;AAAA,IACdK,IAAIL,UAAU;AAAA,IACdD,IAAIC,UAAU;AAAA,IACdV,IAAI;AAEAgB,QAAAA,kBAAkBC,SAASrB,KAAK;AAEhCsB,QAAAA,QAAQtB,UAAU,YAAY,UAAUuB;AAC9C,QAAMC,WAAWxB,UAAU,YAAYyB,YAAYzB,KAAK,IAAIuB;AACtDG,QAAAA,SAAS1B,UAAU,YAAY,iBAAiBuB;AAEtD,QAAMI,gBAAgB;AAAA,IACpBZ,SAASa;AAAAA,IACTZ,QAAQa;AAAAA,IACRZ,WAAWa;AAAAA,IACX9B,KAAK;AAEP,6BACE,OAAA;AAAA,IACEH,WAAWS,GACTR,QAAQiC,MACR;AAAA,MACE,CAACjC,QAAQkC,UAAU,GAAGhC,UAAU;AAAA,OAElCH,SACF;AAAA,IAAEoC,8BAEDC,UAAQ;AAAA,MACPrC,WAAWS,GAAGR,QAAQqC,OAAO;AAAA,QAC3B,CAACrC,QAAQsC,aAAa,GAAGpC,UAAU;AAAA,MAAA,CACpC;AAAA,MACD,cAAa,GAAEC;AAAAA,MACfoC,MAAI;AAAA,MACJC,oBAAoB;AAAA,MACpBnC,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEoC,SAASvC,KAAK;AAAA,MAC5DE;AAAAA,MAAiB+B,8BAEhBO,UAAQ;AAAA,QACP3C,WAAWS,GAAGR,QAAQ2C,QAAQ3C,QAAQM,IAAI,CAAC;AAAA,QAC3CgB;AAAAA,QACAM;AAAAA,QACAtB;AAAAA,QAAW6B,UAEVN,gBACCe,oBAACf,eAAa;AAAA,UACZL;AAAAA,UACAE;AAAAA,UACAmB,OAAOzB;AAAAA,UACP0B,QAAQ1B;AAAAA,UACRV;AAAAA,QACD,CAAA,IAEDH;AAAAA,MAAAA,CAEM;AAAA,IAAA,CACF;AAAA,EAAA,CACP;AAET;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/utils.ts"],"sourcesContent":["const getColor = (state
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport type { HvStepProps } from \"./Step\";\n\nexport const getColor = (state: HvStepProps[\"state\"]) =>\n ({\n Pending: theme.colors.warning ?? \"warning\",\n Failed: theme.colors.negative ?? \"negative\",\n Completed: theme.colors.positive ?? \"positive\",\n Current: theme.colors.secondary ?? \"secondary\",\n Disabled: theme.colors.secondary_60 ?? \"secondary_60\",\n Enabled: theme.colors.secondary ?? \"secondary\",\n }[state]);\n\nexport const getSemantic = (state: HvStepProps[\"state\"]) =>\n ({\n Pending: \"warning\",\n Failed: \"negative\",\n Completed: \"positive\",\n Current: \"secondary\",\n Disabled: \"secondary_60\",\n Enabled: \"secondary\",\n }[state]);\n\nconst EXTRA_SMALL = { container: 32, avatar: 24 };\nconst SMALL = { container: 40, avatar: 32 };\nconst MEDIUM = { container: 48, avatar: 40 };\nconst LARGE = { container: 60, avatar: 52 };\nconst EXTRA_LARGE = { container: 96, avatar: 88 };\n\nexport const stepSizes = {\n xs: EXTRA_SMALL,\n sm: SMALL,\n md: MEDIUM,\n lg: LARGE,\n xl: EXTRA_LARGE,\n};\n"],"names":["getColor","state","Pending","theme","colors","warning","Failed","negative","Completed","positive","Current","secondary","Disabled","secondary_60","Enabled","getSemantic","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","stepSizes","xs","sm","md","lg","xl"],"mappings":";AAGaA,MAAAA,WAAWA,CAACC,WACtB;AAAA,EACCC,SAASC,MAAMC,OAAOC,WAAW;AAAA,EACjCC,QAAQH,MAAMC,OAAOG,YAAY;AAAA,EACjCC,WAAWL,MAAMC,OAAOK,YAAY;AAAA,EACpCC,SAASP,MAAMC,OAAOO,aAAa;AAAA,EACnCC,UAAUT,MAAMC,OAAOS,gBAAgB;AAAA,EACvCC,SAASX,MAAMC,OAAOO,aAAa;AACrC,GAAEV,KAAK;AAEIc,MAAAA,cAAcA,CAACd,WACzB;AAAA,EACCC,SAAS;AAAA,EACTI,QAAQ;AAAA,EACRE,WAAW;AAAA,EACXE,SAAS;AAAA,EACTE,UAAU;AAAA,EACVE,SAAS;AACX,GAAEb,KAAK;AAET,MAAMe,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAChD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC1C,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC3C,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC1C,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAEzC,MAAMK,YAAY;AAAA,EACvBC,IAAIR;AAAAA,EACJS,IAAIN;AAAAA,EACJO,IAAIN;AAAAA,EACJO,IAAIN;AAAAA,EACJO,IAAIN;AACN;"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -235,13 +235,13 @@ declare const useClasses: (classesProp?: Partial<Record<"li" | "ol" | "root" | "
|
|
|
235
235
|
cx: (...args: any) => string;
|
|
236
236
|
};
|
|
237
237
|
|
|
238
|
-
declare const useClasses_2: (classesProp?: Partial<Record<"
|
|
238
|
+
declare const useClasses_2: (classesProp?: Partial<Record<"xl" | "lg" | "md" | "sm" | "xs" | "root" | "ghost" | "avatar" | "ghostDisabled" | "notCurrent", string>>, addStatic?: boolean) => {
|
|
239
239
|
classes: {
|
|
240
|
-
xs: string;
|
|
241
|
-
sm: string;
|
|
242
|
-
md: string;
|
|
243
|
-
lg: string;
|
|
244
240
|
xl: string;
|
|
241
|
+
lg: string;
|
|
242
|
+
md: string;
|
|
243
|
+
sm: string;
|
|
244
|
+
xs: string;
|
|
245
245
|
root: string;
|
|
246
246
|
ghost: string;
|
|
247
247
|
avatar: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-lab",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.46",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "Contributed React components for the NEXT UI Kit.",
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@emotion/css": "^11.11.0",
|
|
33
|
-
"@hitachivantara/uikit-react-core": "^5.
|
|
34
|
-
"@hitachivantara/uikit-react-icons": "^5.6.
|
|
35
|
-
"@hitachivantara/uikit-styles": "^5.11.
|
|
33
|
+
"@hitachivantara/uikit-react-core": "^5.27.0",
|
|
34
|
+
"@hitachivantara/uikit-react-icons": "^5.6.4",
|
|
35
|
+
"@hitachivantara/uikit-styles": "^5.11.2",
|
|
36
36
|
"usehooks-ts": "^2.9.1"
|
|
37
37
|
},
|
|
38
38
|
"files": [
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"access": "public",
|
|
43
43
|
"directory": "package"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "d97e2f6b946dbebf4bac28e6f071f14d9aad0789",
|
|
46
46
|
"main": "dist/cjs/index.cjs",
|
|
47
47
|
"exports": {
|
|
48
48
|
".": {
|