@okta/odyssey-react-mui 1.13.6 → 1.13.8
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/CHANGELOG.md +8 -0
- package/dist/Accordion.js +0 -2
- package/dist/Accordion.js.map +1 -1
- package/dist/Button.js +3 -2
- package/dist/Button.js.map +1 -1
- package/dist/src/Accordion.d.ts +1 -5
- package/dist/src/Accordion.d.ts.map +1 -1
- package/dist/src/Button.d.ts +3 -3
- package/dist/src/Button.d.ts.map +1 -1
- package/dist/src/theme/components.d.ts.map +1 -1
- package/dist/theme/components.js +22 -47
- package/dist/theme/components.js.map +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/Accordion.tsx +0 -6
- package/src/Button.tsx +6 -3
- package/src/theme/components.tsx +23 -56
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.13.8](https://github.com/okta/odyssey/compare/v1.13.7...v1.13.8) (2024-02-14)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @okta/odyssey-react-mui
|
|
9
|
+
|
|
10
|
+
## [1.13.7](https://github.com/okta/odyssey/compare/v1.13.6...v1.13.7) (2024-02-13)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @okta/odyssey-react-mui
|
|
13
|
+
|
|
6
14
|
## [1.13.6](https://github.com/okta/odyssey/compare/v1.13.5...v1.13.6) (2024-02-13)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @okta/odyssey-react-mui
|
package/dist/Accordion.js
CHANGED
|
@@ -22,7 +22,6 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
22
22
|
const Accordion = ({
|
|
23
23
|
children,
|
|
24
24
|
label,
|
|
25
|
-
hasShadow = true,
|
|
26
25
|
id: idOverride,
|
|
27
26
|
isDefaultExpanded,
|
|
28
27
|
isDisabled,
|
|
@@ -39,7 +38,6 @@ const Accordion = ({
|
|
|
39
38
|
disableGutters: true,
|
|
40
39
|
expanded: isExpanded,
|
|
41
40
|
onChange: onChange,
|
|
42
|
-
className: hasShadow ? `hasShadow` : undefined,
|
|
43
41
|
children: [_jsx(_AccordionSummary, {
|
|
44
42
|
"aria-controls": contentId,
|
|
45
43
|
expandIcon: _jsx(ChevronDownIcon, {}),
|
package/dist/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":["memo","ChevronDownIcon","Support","useUniqueId","jsx","_jsx","jsxs","_jsxs","Accordion","children","label","
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":["memo","ChevronDownIcon","Support","useUniqueId","jsx","_jsx","jsxs","_jsxs","Accordion","children","label","id","idOverride","isDefaultExpanded","isDisabled","isExpanded","onChange","translate","headerId","contentId","_Accordion","defaultExpanded","disabled","disableGutters","expanded","_AccordionSummary","expandIcon","component","_AccordionDetails","MemoizedAccordion","displayName"],"sources":["../src/Accordion.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ReactNode, memo } from \"react\";\nimport type { HtmlProps } from \"./HtmlProps\";\nimport {\n Accordion as MuiAccordion,\n AccordionDetails as MuiAccordionDetails,\n AccordionSummary as MuiAccordionSummary,\n AccordionProps as MuiAccordionProps,\n} from \"@mui/material\";\nimport { ChevronDownIcon } from \"./icons.generated\";\nimport { Support } from \"./Typography\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type AccordionProps = {\n /**\n * The content of the Accordion itself\n */\n children: ReactNode;\n /**\n * Defines IDs for the header and the content of the Accordion\n */\n id?: string;\n /**\n * The label text for the AccordionSummary\n */\n label: string;\n /**\n * Whether the item is expanded by default\n */\n isDefaultExpanded?: boolean;\n /**\n * Whether the item is disabled\n */\n isDisabled?: boolean;\n /**\n * Whether the item is expanded\n */\n isExpanded?: boolean;\n /**\n * Event fired when the expansion state of the accordion is changed\n */\n onChange?: MuiAccordionProps[\"onChange\"];\n} & (\n | {\n isExpanded: boolean;\n isDefaultExpanded?: never;\n }\n | {\n isDefaultExpanded?: boolean;\n isExpanded?: never;\n }\n) &\n HtmlProps;\n\nconst Accordion = ({\n children,\n label,\n id: idOverride,\n isDefaultExpanded,\n isDisabled,\n isExpanded,\n onChange,\n translate,\n}: AccordionProps) => {\n const id = useUniqueId(idOverride);\n const headerId = `${id}-header`;\n const contentId = `${id}-content`;\n return (\n <MuiAccordion\n defaultExpanded={isDefaultExpanded}\n disabled={isDisabled}\n disableGutters\n expanded={isExpanded}\n onChange={onChange}\n >\n <MuiAccordionSummary\n aria-controls={contentId}\n expandIcon={<ChevronDownIcon />}\n id={headerId}\n >\n <Support component=\"div\" translate={translate}>\n {label}\n </Support>\n </MuiAccordionSummary>\n <MuiAccordionDetails aria-labelledby={headerId}>\n {children}\n </MuiAccordionDetails>\n </MuiAccordion>\n );\n};\n\nconst MemoizedAccordion = memo(Accordion);\nMemoizedAccordion.displayName = \"Accordion\";\n\nexport { MemoizedAccordion as Accordion };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAoBA,IAAI,QAAQ,OAAO;AAAC,SAQ/BC,eAAe;AAAA,SACfC,OAAO;AAAA,SACPC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AA2CpB,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ;EACRC,KAAK;EACLC,EAAE,EAAEC,UAAU;EACdC,iBAAiB;EACjBC,UAAU;EACVC,UAAU;EACVC,QAAQ;EACRC;AACc,CAAC,KAAK;EACpB,MAAMN,EAAE,GAAGR,WAAW,CAACS,UAAU,CAAC;EAClC,MAAMM,QAAQ,GAAI,GAAEP,EAAG,SAAQ;EAC/B,MAAMQ,SAAS,GAAI,GAAER,EAAG,UAAS;EACjC,OACEJ,KAAA,CAAAa,UAAA;IACEC,eAAe,EAAER,iBAAkB;IACnCS,QAAQ,EAAER,UAAW;IACrBS,cAAc;IACdC,QAAQ,EAAET,UAAW;IACrBC,QAAQ,EAAEA,QAAS;IAAAP,QAAA,GAEnBJ,IAAA,CAAAoB,iBAAA;MACE,iBAAeN,SAAU;MACzBO,UAAU,EAAErB,IAAA,CAACJ,eAAe,IAAE,CAAE;MAChCU,EAAE,EAAEO,QAAS;MAAAT,QAAA,EAEbJ,IAAA,CAACH,OAAO;QAACyB,SAAS,EAAC,KAAK;QAACV,SAAS,EAAEA,SAAU;QAAAR,QAAA,EAC3CC;MAAK,CACC;IAAC,CACS,CAAC,EACtBL,IAAA,CAAAuB,iBAAA;MAAqB,mBAAiBV,QAAS;MAAAT,QAAA,EAC5CA;IAAQ,CACU,CAAC;EAAA,CACV,CAAC;AAEnB,CAAC;AAED,MAAMoB,iBAAiB,GAAG7B,IAAI,CAACQ,SAAS,CAAC;AACzCqB,iBAAiB,CAACC,WAAW,GAAG,WAAW;AAE3C,SAASD,iBAAiB,IAAIrB,SAAS"}
|
package/dist/Button.js
CHANGED
|
@@ -16,7 +16,7 @@ import { Tooltip } from "./Tooltip.js";
|
|
|
16
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
17
|
export const buttonSizeValues = ["small", "medium", "large"];
|
|
18
18
|
export const buttonTypeValues = ["button", "submit", "reset"];
|
|
19
|
-
export const buttonVariantValues = ["primary", "secondary", "
|
|
19
|
+
export const buttonVariantValues = ["primary", "secondary", "danger", "floating"];
|
|
20
20
|
const Button = ({
|
|
21
21
|
ariaDescribedBy,
|
|
22
22
|
ariaLabel,
|
|
@@ -35,9 +35,10 @@ const Button = ({
|
|
|
35
35
|
tooltipText,
|
|
36
36
|
translate,
|
|
37
37
|
type = "button",
|
|
38
|
-
variant
|
|
38
|
+
variant: variantProp
|
|
39
39
|
}) => {
|
|
40
40
|
const muiProps = useMuiProps();
|
|
41
|
+
const variant = variantProp === "tertiary" ? "secondary" : variantProp;
|
|
41
42
|
const localButtonRef = useRef(null);
|
|
42
43
|
useImperativeHandle(buttonRef, () => {
|
|
43
44
|
return {
|
package/dist/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["memo","useCallback","useImperativeHandle","useRef","MuiPropsContext","useMuiProps","Tooltip","jsx","_jsx","buttonSizeValues","buttonTypeValues","buttonVariantValues","Button","ariaDescribedBy","ariaLabel","ariaLabelledBy","buttonRef","endIcon","id","isDisabled","isFullWidth","label","onClick","size","startIcon","tabIndex","testId","tooltipText","translate","type","variant","muiProps","localButtonRef","focus","current","renderButton","ref","_Button","disabled","fullWidth","children","ariaType","placement","text","Consumer","MemoizedButton","displayName"],"sources":["../src/Button.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Button as MuiButton } from \"@mui/material\";\nimport type { ButtonProps as MuiButtonProps } from \"@mui/material\";\nimport {\n ComponentProps,\n HTMLAttributes,\n memo,\n ReactElement,\n useCallback,\n useImperativeHandle,\n useRef,\n} from \"react\";\n\nimport { MuiPropsContext, useMuiProps } from \"./MuiPropsContext\";\nimport { Tooltip } from \"./Tooltip\";\nimport type { HtmlProps } from \"./HtmlProps\";\nimport { FocusHandle } from \"./inputUtils\";\n\nexport const buttonSizeValues = [\"small\", \"medium\", \"large\"] as const;\nexport const buttonTypeValues = [\"button\", \"submit\", \"reset\"] as const;\nexport const buttonVariantValues = [\n \"primary\",\n \"secondary\",\n \"
|
|
1
|
+
{"version":3,"file":"Button.js","names":["memo","useCallback","useImperativeHandle","useRef","MuiPropsContext","useMuiProps","Tooltip","jsx","_jsx","buttonSizeValues","buttonTypeValues","buttonVariantValues","Button","ariaDescribedBy","ariaLabel","ariaLabelledBy","buttonRef","endIcon","id","isDisabled","isFullWidth","label","onClick","size","startIcon","tabIndex","testId","tooltipText","translate","type","variant","variantProp","muiProps","localButtonRef","focus","current","renderButton","ref","_Button","disabled","fullWidth","children","ariaType","placement","text","Consumer","MemoizedButton","displayName"],"sources":["../src/Button.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Button as MuiButton } from \"@mui/material\";\nimport type { ButtonProps as MuiButtonProps } from \"@mui/material\";\nimport {\n ComponentProps,\n HTMLAttributes,\n memo,\n ReactElement,\n useCallback,\n useImperativeHandle,\n useRef,\n} from \"react\";\n\nimport { MuiPropsContext, useMuiProps } from \"./MuiPropsContext\";\nimport { Tooltip } from \"./Tooltip\";\nimport type { HtmlProps } from \"./HtmlProps\";\nimport { FocusHandle } from \"./inputUtils\";\n\nexport const buttonSizeValues = [\"small\", \"medium\", \"large\"] as const;\nexport const buttonTypeValues = [\"button\", \"submit\", \"reset\"] as const;\nexport const buttonVariantValues = [\n \"primary\",\n \"secondary\",\n \"danger\",\n \"floating\",\n] as const;\n\nexport type ButtonProps = {\n /**\n * The global `aria-controls` property identifies the element (or elements) whose contents or presence are controlled by the element on which this attribute is set.\n *\n * value: A space-separated list of one or more ID values referencing the elements being controlled by the current element\n */\n ariaControls?: ComponentProps<\"button\">[\"aria-controls\"];\n /**\n * The `aria-expanded` attribute is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.\n */\n ariaExpanded?: ComponentProps<\"button\">[\"aria-expanded\"];\n /**\n * The `aria-haspopup` attribute indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.\n */\n ariaHasPopup?: ComponentProps<\"button\">[\"aria-haspopup\"];\n /**\n * The ARIA label for the Button\n */\n ariaLabel?: string;\n /**\n * The ID of the element that labels the Button\n */\n ariaLabelledBy?: string;\n /**\n * The ID of the element that describes the Button\n */\n ariaDescribedBy?: string;\n /**\n * The ref forwarded to the Button\n */\n buttonRef?: React.RefObject<FocusHandle>;\n /**\n * The icon element to display at the end of the Button\n */\n endIcon?: ReactElement;\n /**\n * The ID of the Button\n */\n id?: string;\n /**\n * Determines whether the Button is disabled\n */\n isDisabled?: boolean;\n /**\n * Determines whether the Button should take up the full available width\n */\n isFullWidth?: boolean;\n /**\n * The text content of the Button\n */\n label?: string;\n /**\n * The click event handler for the Button\n */\n onClick?: MuiButtonProps[\"onClick\"];\n /**\n * The size of the button\n */\n size?: (typeof buttonSizeValues)[number];\n /**\n * The icon element to display at the start of the Button\n */\n startIcon?: ReactElement;\n tabIndex?: HTMLAttributes<HTMLElement>[\"tabIndex\"];\n /**\n * The tooltip text for the Button if it's icon-only\n */\n tooltipText?: string;\n /**\n * The type of the HTML button element\n */\n type?: (typeof buttonTypeValues)[number];\n /**\n * The variant of the Button\n */\n variant: (typeof buttonVariantValues)[number] | \"tertiary\";\n} & (\n | {\n endIcon?: ReactElement;\n label: string;\n startIcon?: ReactElement;\n }\n | {\n endIcon?: ReactElement;\n label?: \"\" | undefined;\n startIcon: ReactElement;\n }\n | {\n endIcon: ReactElement;\n label?: \"\" | undefined;\n startIcon?: ReactElement;\n }\n) &\n HtmlProps;\n\nconst Button = ({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n buttonRef,\n endIcon,\n id,\n isDisabled,\n isFullWidth,\n label = \"\",\n onClick,\n size = \"medium\",\n startIcon,\n tabIndex,\n testId,\n tooltipText,\n translate,\n type = \"button\",\n variant: variantProp,\n}: ButtonProps) => {\n const muiProps = useMuiProps();\n\n // We're deprecating the \"tertiary\" variant, so map it to\n // \"secondary\" in lieu of making a breaking change\n const variant = variantProp === \"tertiary\" ? \"secondary\" : variantProp;\n const localButtonRef = useRef<HTMLButtonElement>(null);\n\n useImperativeHandle(\n buttonRef,\n () => {\n return {\n focus: () => {\n localButtonRef.current?.focus();\n },\n };\n },\n []\n );\n\n const renderButton = useCallback(\n (muiProps) => {\n muiProps?.ref?.(localButtonRef.current);\n\n return (\n <MuiButton\n {...muiProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n data-se={testId}\n disabled={isDisabled}\n endIcon={endIcon}\n fullWidth={isFullWidth}\n id={id}\n onClick={onClick}\n ref={localButtonRef}\n size={size}\n startIcon={startIcon}\n tabIndex={tabIndex}\n translate={translate}\n type={type}\n variant={variant}\n >\n {label}\n </MuiButton>\n );\n },\n [\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n endIcon,\n id,\n isDisabled,\n isFullWidth,\n label,\n onClick,\n size,\n startIcon,\n tabIndex,\n testId,\n translate,\n type,\n variant,\n ]\n );\n\n if (tooltipText) {\n return (\n <Tooltip ariaType=\"description\" placement=\"top\" text={tooltipText}>\n <MuiPropsContext.Consumer>{renderButton}</MuiPropsContext.Consumer>\n </Tooltip>\n );\n }\n\n return renderButton(muiProps);\n};\n\nconst MemoizedButton = memo(Button);\nMemoizedButton.displayName = \"Button\";\n\nexport { MemoizedButton as Button };\n"],"mappings":"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"}
|
package/dist/src/Accordion.d.ts
CHANGED
|
@@ -25,10 +25,6 @@ export type AccordionProps = {
|
|
|
25
25
|
* The label text for the AccordionSummary
|
|
26
26
|
*/
|
|
27
27
|
label: string;
|
|
28
|
-
/**
|
|
29
|
-
* If true, the Accordion item will have a shadow.
|
|
30
|
-
*/
|
|
31
|
-
hasShadow?: boolean;
|
|
32
28
|
/**
|
|
33
29
|
* Whether the item is expanded by default
|
|
34
30
|
*/
|
|
@@ -52,6 +48,6 @@ export type AccordionProps = {
|
|
|
52
48
|
isDefaultExpanded?: boolean;
|
|
53
49
|
isExpanded?: never;
|
|
54
50
|
}) & HtmlProps;
|
|
55
|
-
declare const MemoizedAccordion: import("react").MemoExoticComponent<({ children, label,
|
|
51
|
+
declare const MemoizedAccordion: import("react").MemoExoticComponent<({ children, label, id: idOverride, isDefaultExpanded, isDisabled, isExpanded, onChange, translate, }: AccordionProps) => JSX.Element>;
|
|
56
52
|
export { MemoizedAccordion as Accordion };
|
|
57
53
|
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAIL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAIL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAC1C,GAAG,CACA;IACE,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CACJ,GACC,SAAS,CAAC;AAuCZ,QAAA,MAAM,iBAAiB,6IA5BpB,cAAc,iBA4BwB,CAAC;AAG1C,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAC"}
|
package/dist/src/Button.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ import type { HtmlProps } from "./HtmlProps";
|
|
|
15
15
|
import { FocusHandle } from "./inputUtils";
|
|
16
16
|
export declare const buttonSizeValues: readonly ["small", "medium", "large"];
|
|
17
17
|
export declare const buttonTypeValues: readonly ["button", "submit", "reset"];
|
|
18
|
-
export declare const buttonVariantValues: readonly ["primary", "secondary", "
|
|
18
|
+
export declare const buttonVariantValues: readonly ["primary", "secondary", "danger", "floating"];
|
|
19
19
|
export type ButtonProps = {
|
|
20
20
|
/**
|
|
21
21
|
* The global `aria-controls` property identifies the element (or elements) whose contents or presence are controlled by the element on which this attribute is set.
|
|
@@ -91,7 +91,7 @@ export type ButtonProps = {
|
|
|
91
91
|
/**
|
|
92
92
|
* The variant of the Button
|
|
93
93
|
*/
|
|
94
|
-
variant: (typeof buttonVariantValues)[number];
|
|
94
|
+
variant: (typeof buttonVariantValues)[number] | "tertiary";
|
|
95
95
|
} & ({
|
|
96
96
|
endIcon?: ReactElement;
|
|
97
97
|
label: string;
|
|
@@ -105,6 +105,6 @@ export type ButtonProps = {
|
|
|
105
105
|
label?: "" | undefined;
|
|
106
106
|
startIcon?: ReactElement;
|
|
107
107
|
}) & HtmlProps;
|
|
108
|
-
declare const MemoizedButton: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, buttonRef, endIcon, id, isDisabled, isFullWidth, label, onClick, size, startIcon, tabIndex, testId, tooltipText, translate, type, variant, }: ButtonProps) => JSX.Element>;
|
|
108
|
+
declare const MemoizedButton: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, buttonRef, endIcon, id, isDisabled, isFullWidth, label, onClick, size, startIcon, tabIndex, testId, tooltipText, translate, type, variant: variantProp, }: ButtonProps) => JSX.Element>;
|
|
109
109
|
export { MemoizedButton as Button };
|
|
110
110
|
//# sourceMappingURL=Button.d.ts.map
|
package/dist/src/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,cAAc,EACd,cAAc,EAEd,YAAY,EAIb,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AACtE,eAAO,MAAM,gBAAgB,wCAAyC,CAAC;AACvE,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,cAAc,EACd,cAAc,EAEd,YAAY,EAIb,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AACtE,eAAO,MAAM,gBAAgB,wCAAyC,CAAC;AACvE,eAAO,MAAM,mBAAmB,yDAKtB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC;IACzD;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC;IACzD;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC;IACzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,QAAQ,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;CAC5D,GAAG,CACA;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,GACD;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;CACzB,GACD;IACE,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CACJ,GACC,SAAS,CAAC;AAoGZ,QAAA,MAAM,cAAc,gPA/EjB,WAAW,iBA+EqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CA+mF5B,CAAC"}
|
package/dist/theme/components.js
CHANGED
|
@@ -45,13 +45,12 @@ export const components = ({
|
|
|
45
45
|
styleOverrides: {
|
|
46
46
|
root: () => ({
|
|
47
47
|
backgroundColor: odysseyTokens.HueNeutralWhite,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
border: 0,
|
|
49
|
+
borderBottomColor: odysseyTokens.BorderColorDisplay,
|
|
50
|
+
borderBottomStyle: "solid",
|
|
51
|
+
borderBottomWidth: odysseyTokens.BorderWidthMain,
|
|
52
|
+
borderRadius: 0,
|
|
51
53
|
boxShadow: "none",
|
|
52
|
-
"&.hasShadow": {
|
|
53
|
-
boxShadow: odysseyTokens.DepthLow
|
|
54
|
-
},
|
|
55
54
|
"&.Mui-disabled": {
|
|
56
55
|
backgroundColor: odysseyTokens.HueNeutralWhite,
|
|
57
56
|
color: odysseyTokens.TypographyColorDisabled,
|
|
@@ -60,19 +59,17 @@ export const components = ({
|
|
|
60
59
|
color: odysseyTokens.TypographyColorDisabled
|
|
61
60
|
}
|
|
62
61
|
},
|
|
63
|
-
"&::before": {
|
|
64
|
-
backgroundColor: odysseyTokens.BorderColorDisplay,
|
|
65
|
-
opacity: "1 !important"
|
|
66
|
-
},
|
|
67
62
|
"&:first-of-type": {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
63
|
+
borderRadius: 0,
|
|
64
|
+
borderTopColor: odysseyTokens.BorderColorDisplay,
|
|
65
|
+
borderTopStyle: "solid",
|
|
66
|
+
borderTopWidth: odysseyTokens.BorderWidthMain
|
|
71
67
|
},
|
|
72
68
|
"&:last-of-type": {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
69
|
+
borderRadius: 0,
|
|
70
|
+
borderBottomColor: odysseyTokens.BorderColorDisplay,
|
|
71
|
+
borderBottomStyle: "solid",
|
|
72
|
+
borderBottomWidth: odysseyTokens.BorderWidthMain
|
|
76
73
|
}
|
|
77
74
|
})
|
|
78
75
|
}
|
|
@@ -82,22 +79,11 @@ export const components = ({
|
|
|
82
79
|
root: () => ({
|
|
83
80
|
paddingBlock: odysseyTokens.Spacing4,
|
|
84
81
|
paddingInline: odysseyTokens.Spacing3,
|
|
85
|
-
"
|
|
86
|
-
borderTopLeftRadius: odysseyTokens.BorderRadiusMain,
|
|
87
|
-
borderTopRightRadius: odysseyTokens.BorderRadiusMain
|
|
88
|
-
},
|
|
89
|
-
".MuiAccordion-root:last-of-type &": {
|
|
90
|
-
borderBottomLeftRadius: odysseyTokens.BorderRadiusMain,
|
|
91
|
-
borderBottomRightRadius: odysseyTokens.BorderRadiusMain
|
|
92
|
-
},
|
|
93
|
-
".MuiAccordion-root.Mui-expanded &": {
|
|
94
|
-
borderBottomLeftRadius: 0,
|
|
95
|
-
borderBottomRightRadius: 0
|
|
96
|
-
},
|
|
97
|
-
"&:hover, &:focus": {
|
|
82
|
+
"&:hover": {
|
|
98
83
|
backgroundColor: odysseyTokens.HueNeutral50
|
|
99
84
|
},
|
|
100
85
|
"&:focus-visible": {
|
|
86
|
+
backgroundColor: odysseyTokens.HueNeutral50,
|
|
101
87
|
outlineColor: odysseyTokens.PalettePrimaryMain,
|
|
102
88
|
outlineWidth: 2,
|
|
103
89
|
outlineStyle: "solid",
|
|
@@ -485,6 +471,7 @@ export const components = ({
|
|
|
485
471
|
paddingBlock: odysseyTokens.Spacing3,
|
|
486
472
|
paddingInline: odysseyTokens.Spacing4,
|
|
487
473
|
display: "inline-flex",
|
|
474
|
+
height: odysseyTokens.Spacing7,
|
|
488
475
|
position: "relative",
|
|
489
476
|
marginBlock: "0",
|
|
490
477
|
marginInline: "0",
|
|
@@ -496,7 +483,7 @@ export const components = ({
|
|
|
496
483
|
borderRadius: odysseyTokens.BorderRadiusMain,
|
|
497
484
|
borderColor: "transparent",
|
|
498
485
|
fontSize: odysseyTokens.TypographySizeBody,
|
|
499
|
-
fontWeight: odysseyTokens.
|
|
486
|
+
fontWeight: odysseyTokens.TypographyWeightHeading,
|
|
500
487
|
fontFamily: odysseyTokens.TypographyFamilyButton,
|
|
501
488
|
lineHeight: odysseyTokens.TypographyLineHeightUi,
|
|
502
489
|
whiteSpace: "nowrap",
|
|
@@ -548,22 +535,6 @@ export const components = ({
|
|
|
548
535
|
color: odysseyTokens.TypographyColorDisabled
|
|
549
536
|
}
|
|
550
537
|
}),
|
|
551
|
-
...(ownerState.variant === "tertiary" && {
|
|
552
|
-
backgroundColor: odysseyTokens.HueNeutral100,
|
|
553
|
-
color: odysseyTokens.HueNeutral700,
|
|
554
|
-
"&:hover": {
|
|
555
|
-
backgroundColor: odysseyTokens.HueNeutral200,
|
|
556
|
-
color: odysseyTokens.HueNeutral800
|
|
557
|
-
},
|
|
558
|
-
"&:active": {
|
|
559
|
-
backgroundColor: odysseyTokens.HueNeutral300,
|
|
560
|
-
color: odysseyTokens.HueNeutral800
|
|
561
|
-
},
|
|
562
|
-
"&:disabled": {
|
|
563
|
-
backgroundColor: odysseyTokens.HueNeutral100,
|
|
564
|
-
color: odysseyTokens.TypographyColorDisabled
|
|
565
|
-
}
|
|
566
|
-
}),
|
|
567
538
|
...(ownerState.variant === "danger" && {
|
|
568
539
|
backgroundColor: odysseyTokens.PaletteDangerMain,
|
|
569
540
|
color: odysseyTokens.HueNeutralWhite,
|
|
@@ -596,16 +567,17 @@ export const components = ({
|
|
|
596
567
|
}
|
|
597
568
|
}),
|
|
598
569
|
...(ownerState.size === "small" && {
|
|
570
|
+
height: odysseyTokens.Spacing6,
|
|
599
571
|
paddingBlock: odysseyTokens.Spacing2,
|
|
600
572
|
paddingInline: odysseyTokens.Spacing3,
|
|
601
573
|
fontSize: odysseyTokens.TypographySizeBody
|
|
602
574
|
}),
|
|
603
575
|
...(ownerState.size === "large" && {
|
|
576
|
+
height: odysseyTokens.Spacing8,
|
|
604
577
|
paddingBlock: odysseyTokens.Spacing4,
|
|
605
578
|
paddingInline: odysseyTokens.Spacing4
|
|
606
579
|
}),
|
|
607
580
|
...(ownerState.fullWidth === true && {
|
|
608
|
-
display: "block",
|
|
609
581
|
width: "100%",
|
|
610
582
|
marginBlock: "0",
|
|
611
583
|
marginInline: "0",
|
|
@@ -621,6 +593,9 @@ export const components = ({
|
|
|
621
593
|
},
|
|
622
594
|
...(ownerState.size === "small" && {
|
|
623
595
|
padding: odysseyTokens.Spacing2
|
|
596
|
+
}),
|
|
597
|
+
...(ownerState.size === "large" && {
|
|
598
|
+
padding: odysseyTokens.Spacing4
|
|
624
599
|
})
|
|
625
600
|
})
|
|
626
601
|
}),
|