smarthr-ui 34.0.0 → 34.1.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.
Files changed (43) hide show
  1. package/esm/components/AccordionPanel/AccordionPanelContent.js +1 -1
  2. package/esm/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
  3. package/esm/components/AccordionPanel/AccordionPanelItem.js +2 -1
  4. package/esm/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
  5. package/esm/components/CheckBox/CheckBoxInput.js +2 -2
  6. package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
  7. package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +1 -1
  8. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +20 -13
  9. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  10. package/esm/components/Header/AppLauncher/AppLauncher.js +11 -8
  11. package/esm/components/Header/AppLauncher/AppLauncher.js.map +1 -1
  12. package/esm/components/Heading/Heading.d.ts +2 -0
  13. package/esm/components/Heading/Heading.js +12 -6
  14. package/esm/components/Heading/Heading.js.map +1 -1
  15. package/esm/components/InformationPanel/InformationPanel.d.ts +3 -1
  16. package/esm/components/InformationPanel/InformationPanel.js +15 -11
  17. package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
  18. package/esm/components/RightFixedNote/RightFixedNote.js +12 -8
  19. package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
  20. package/esm/components/SectioningContent/SectioningContent.d.ts +5 -3
  21. package/esm/components/SectioningContent/SectioningContent.js.map +1 -1
  22. package/lib/components/AccordionPanel/AccordionPanelContent.js +1 -1
  23. package/lib/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
  24. package/lib/components/AccordionPanel/AccordionPanelItem.js +2 -1
  25. package/lib/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
  26. package/lib/components/CheckBox/CheckBoxInput.js +2 -2
  27. package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
  28. package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +1 -1
  29. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +20 -13
  30. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  31. package/lib/components/Header/AppLauncher/AppLauncher.js +11 -8
  32. package/lib/components/Header/AppLauncher/AppLauncher.js.map +1 -1
  33. package/lib/components/Heading/Heading.d.ts +2 -0
  34. package/lib/components/Heading/Heading.js +12 -6
  35. package/lib/components/Heading/Heading.js.map +1 -1
  36. package/lib/components/InformationPanel/InformationPanel.d.ts +3 -1
  37. package/lib/components/InformationPanel/InformationPanel.js +15 -11
  38. package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
  39. package/lib/components/RightFixedNote/RightFixedNote.js +12 -8
  40. package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
  41. package/lib/components/SectioningContent/SectioningContent.d.ts +5 -3
  42. package/lib/components/SectioningContent/SectioningContent.js.map +1 -1
  43. package/package.json +27 -27
@@ -27,7 +27,7 @@ export const AccordionPanelContent = ({ children, className = '', ...props }) =>
27
27
  return (React.createElement(Transition, { in: isInclude, onEntering: recalculateHeight, onEntered: handleEntered, onExit: recalculateHeight, onExiting: recalculateHeight, onExited: handleExited, timeout: duration }, (status) => (React.createElement(CollapseContainer, { ...props, id: `${name}-content`, className: `${status} ${className} ${classNames.content}`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude },
28
28
  React.createElement("div", { ref: wrapperRef }, children)))));
29
29
  };
30
- const CollapseContainer = styled.section `
30
+ const CollapseContainer = styled.div `
31
31
  height: 0;
32
32
  overflow: hidden;
33
33
  transition: height ${duration}ms ease;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,oBAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAA;;;uBAGjB,QAAQ;;;;;;;;CAQ9B,CAAA"}
1
+ {"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,oBAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;uBAGb,QAAQ;;;;;;;;CAQ9B,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import React, { createContext } from 'react';
2
+ import { Section } from '../SectioningContent';
2
3
  import { useClassNames } from './useClassNames';
3
4
  export const AccordionPanelItemContext = createContext({
4
5
  name: '',
@@ -8,6 +9,6 @@ export const AccordionPanelItem = ({ name, children, className = '', ...props })
8
9
  return (React.createElement(AccordionPanelItemContext.Provider, { value: {
9
10
  name,
10
11
  } },
11
- React.createElement("div", { ...props, className: `${className} ${classNames.item}` }, children)));
12
+ React.createElement(Section, { ...props, className: `${className} ${classNames.item}` }, children)));
12
13
  };
13
14
  //# sourceMappingURL=AccordionPanelItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,gCAAS,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,IACzD,QAAQ,CACL,CAC6B,CACtC,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,IAC7D,QAAQ,CACD,CACyB,CACtC,CAAA;AACH,CAAC,CAAA"}
@@ -17,9 +17,9 @@ export const CheckBoxInput = forwardRef(({ mixed = false, onChange, ...props },
17
17
  useImperativeHandle(ref, () => inputRef.current);
18
18
  useEffect(() => {
19
19
  if (inputRef.current) {
20
- inputRef.current.indeterminate = mixed;
20
+ inputRef.current.indeterminate = !!(checked && mixed);
21
21
  }
22
- }, [mixed]);
22
+ }, [checked, mixed]);
23
23
  return (React.createElement(Wrapper, { themes: theme },
24
24
  React.createElement(Input, { ...props, type: "checkbox", onChange: handleChange, className: classNames.checkBox, themes: theme, ref: inputRef, "aria-invalid": props.error || undefined }),
25
25
  React.createElement(Box, { className: boxClassName, themes: theme, error: props.error }),
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
@@ -15,7 +15,7 @@ export type BaseProps = {
15
15
  */
16
16
  subtitle?: ReactNode;
17
17
  /**
18
- * ダイアログタイトルの HTML タグ
18
+ * @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
19
19
  */
20
20
  titleTag?: HeadingTagTypes;
21
21
  /**
@@ -2,13 +2,15 @@ import React, { useCallback } from 'react';
2
2
  import styled, { css } from 'styled-components';
3
3
  import { useTheme } from '../../../hooks/useTheme';
4
4
  import { Button } from '../../Button';
5
+ import { Heading } from '../../Heading';
5
6
  import { Cluster, Stack } from '../../Layout';
6
7
  import { ResponseMessage } from '../../ResponseMessage';
8
+ import { Section } from '../../SectioningContent';
7
9
  import { Text } from '../../Text';
8
10
  import { useOffsetHeight } from '../dialogHelper';
9
11
  import { useClassNames } from '../useClassNames';
10
12
  const CLOSE_BUTTON_LABEL = 'キャンセル';
11
- export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
13
+ export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
12
14
  const classNames = useClassNames().dialog;
13
15
  const theme = useTheme();
14
16
  const handleSubmitAction = useCallback(() => {
@@ -16,19 +18,24 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
16
18
  }, [onSubmit, onClickClose]);
17
19
  const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
18
20
  const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
19
- return (React.createElement("form", { onSubmit: handleSubmitAction },
20
- React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
21
- subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
22
- React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
23
- React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
24
- React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
25
- React.createElement(ButtonArea, { className: classNames.buttonArea },
26
- React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
27
- React.createElement(Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
28
- (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
29
- React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text))))));
21
+ return (React.createElement(Section, null,
22
+ React.createElement("form", { onSubmit: handleSubmitAction },
23
+ React.createElement(Heading, { tag: titleTag },
24
+ React.createElement(TitleArea, { themes: theme, ref: titleRef, className: classNames.titleArea },
25
+ subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
26
+ React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
27
+ React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
28
+ React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
29
+ React.createElement(ButtonArea, { className: classNames.buttonArea },
30
+ React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
31
+ React.createElement(Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
32
+ (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
33
+ React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text)))))));
30
34
  };
31
- const TitleArea = styled(Stack) `
35
+ const TitleArea = styled(Stack).attrs(() => ({
36
+ gap: 0.25,
37
+ as: 'span',
38
+ })) `
32
39
  ${({ themes: { border, space } }) => css `
33
40
  margin-block: unset;
34
41
  border-bottom: ${border.shorthand};
@@ -1 +1 @@
1
- {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAwDhD,MAAM,kBAAkB,GAAG,OAAO,CAAA;AAElC,MAAM,CAAC,MAAM,sBAAsB,GAAoC,CAAC,EACtE,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,UAAU,EACV,WAAW,GAAG,SAAS,EACvB,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,UAAU,GACX,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAA;IAC5B,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAE/D,MAAM,mBAAmB,GAAG,eAAe,IAAI,eAAe,CAAC,MAAM,KAAK,YAAY,CAAA;IAEtF,OAAO,CACL,8BAAM,QAAQ,EAAE,kBAAkB;QAChC,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,EACT,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,EAAE,EAAE,QAAQ;YAEX,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,IAC5E,QAAQ,CACJ,CACR;YACD,oBAAC,IAAI,IAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,IACpE,KAAK,CACD,CACG;QACZ,oBAAC,IAAI,IAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,IACzD,QAAQ,CACJ;QACP,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACzE,oBAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,UAAU;gBAC1C,oBAAC,MAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,aAAa,IAAI,mBAAmB,EAC9C,SAAS,EAAE,UAAU,CAAC,WAAW,IAEhC,UAAU,EAAE,gBAAgB,EAAE,CAAC,kBAAkB,CAAC,IAAI,kBAAkB,CAClE;gBACT,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,UAAU,CAAC,YAAY,IAEjC,UAAU,CACJ,CACE;YACZ,CAAC,eAAe,EAAE,MAAM,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CACjF,oBAAC,OAAO;gBACN,oBAAC,eAAe,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,IACxD,eAAe,CAAC,IAAI,CACL,CACV,CACX,CACU,CACR,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAwC;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;qBAErB,MAAM,CAAC,SAAS;eACtB,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;GAClC;CACF,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;+BACE,YAAY;;GAExC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAmB;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACxB,MAAM,CAAC,SAAS;eACnB,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;GAClC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAA,EAAE,CAAA;AACjG,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzB,CAAA"}
1
+ {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -6,6 +6,7 @@ import { Dropdown, DropdownContent, DropdownScrollArea, DropdownTrigger } from '
6
6
  import { Heading } from '../../Heading';
7
7
  import { FaToolboxIcon } from '../../Icon';
8
8
  import { Cluster, Stack } from '../../Layout';
9
+ import { Section } from '../../SectioningContent';
9
10
  import { TextLink } from '../../TextLink';
10
11
  import { useClassNames } from './useClassNames';
11
12
  const TRIGGER_LABEL = 'アプリ';
@@ -22,14 +23,16 @@ export const AppLauncher = ({ apps, urlToShowAll, decorators, ...props }) => {
22
23
  React.createElement(Wrapper, { themes: theme, className: classNames.wrapper },
23
24
  React.createElement(DropdownScrollArea, null,
24
25
  React.createElement(Stack, { gap: 1.5 },
25
- baseApps && (React.createElement(Stack, { gap: 0.5, className: classNames.category },
26
- React.createElement(Heading, { type: "subSubBlockTitle", tag: "h3" }, baseApps.heading),
27
- React.createElement(Cluster, { as: "ul", gap: 1 }, baseApps.items.map((item, index) => (React.createElement("li", { key: index },
28
- React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label))))))),
29
- React.createElement(Cluster, { gap: 1.5 }, others.map(({ heading, items }, i) => (React.createElement(Stack, { gap: 0.5, className: classNames.category, key: i, recursive: true },
30
- React.createElement(Heading, { type: "subSubBlockTitle", tag: "h3" }, heading),
31
- React.createElement("ul", null, items.map((item, index) => (React.createElement("li", { key: index },
32
- React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label))))))))))),
26
+ baseApps && (React.createElement(Section, null,
27
+ React.createElement(Stack, { gap: 0.5, className: classNames.category },
28
+ React.createElement(Heading, { type: "subSubBlockTitle" }, baseApps.heading),
29
+ React.createElement(Cluster, { as: "ul", gap: 1 }, baseApps.items.map((item, index) => (React.createElement("li", { key: index },
30
+ React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))),
31
+ React.createElement(Cluster, { gap: 1.5 }, others.map(({ heading, items }, i) => (React.createElement(Section, { key: i },
32
+ React.createElement(Stack, { gap: 0.5, className: classNames.category, recursive: true },
33
+ React.createElement(Heading, { type: "subSubBlockTitle" }, heading),
34
+ React.createElement("ul", null, items.map((item, index) => (React.createElement("li", { key: index },
35
+ React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))))))),
33
36
  urlToShowAll && (React.createElement(Footer, { themes: theme, className: classNames.footer },
34
37
  React.createElement(TextLink, { href: urlToShowAll, style: { width: 'fit-content' } }, "\u3059\u3079\u3066\u898B\u308B")))))));
35
38
  };
@@ -1 +1 @@
1
- {"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"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"}
@@ -11,6 +11,8 @@ export type Props = {
11
11
  tag?: HeadingTagTypes;
12
12
  /** コンポーネントに適用するクラス名 */
13
13
  className?: string;
14
+ /** 視覚的に非表示にするフラグ */
15
+ visuallyHidden?: boolean;
14
16
  };
15
17
  export type HeadingTypes = 'screenTitle' | 'sectionTitle' | 'blockTitle' | 'subBlockTitle' | 'subSubBlockTitle';
16
18
  export type HeadingTagTypes = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'legend';
@@ -2,9 +2,9 @@ import React, { useContext, useMemo } from 'react';
2
2
  import styled from 'styled-components';
3
3
  import { LevelContext } from '../SectioningContent';
4
4
  import { Text } from '../Text';
5
+ import { VisuallyHiddenText } from '../VisuallyHiddenText';
5
6
  import { useClassNames } from './useClassNames';
6
- const generateTagProps = (level, tag) => {
7
- const forwardedAs = tag || (level <= 6 ? `h${level}` : 'span');
7
+ const generateTagProps = (level, tag, visuallyHidden) => {
8
8
  let role = undefined;
9
9
  let ariaLevel = undefined;
10
10
  if (level > 6) {
@@ -12,7 +12,7 @@ const generateTagProps = (level, tag) => {
12
12
  ariaLevel = level;
13
13
  }
14
14
  return {
15
- forwardedAs,
15
+ [visuallyHidden ? 'as' : 'forwardedAs']: tag || (level <= 6 ? `h${level}` : 'span'),
16
16
  role,
17
17
  'aria-level': ariaLevel,
18
18
  };
@@ -41,11 +41,17 @@ const MAPPER_SIZE_AND_WEIGHT = {
41
41
  color: 'TEXT_GREY',
42
42
  },
43
43
  };
44
- export const Heading = ({ tag, type = 'screenTitle', className = '', ...props }) => {
44
+ export const Heading = ({ tag, type = 'screenTitle', className = '', visuallyHidden, ...props }) => {
45
45
  const classNames = useClassNames();
46
46
  const level = useContext(LevelContext);
47
- const tagProps = useMemo(() => generateTagProps(level, tag), [level, tag]);
48
- return (React.createElement(ResetText, { ...props, ...MAPPER_SIZE_AND_WEIGHT[type], ...tagProps, leading: "TIGHT", className: `${type} ${className} ${classNames.wrapper}` }));
47
+ const tagProps = useMemo(() => generateTagProps(level, tag, visuallyHidden), [level, tag, visuallyHidden]);
48
+ const actualProps = {
49
+ ...props,
50
+ ...MAPPER_SIZE_AND_WEIGHT[type],
51
+ ...tagProps,
52
+ className: `${type} ${className} ${classNames.wrapper}`,
53
+ };
54
+ return visuallyHidden ? (React.createElement(VisuallyHiddenText, { ...actualProps })) : (React.createElement(ResetText, { ...actualProps, leading: "TIGHT" }));
49
55
  };
50
56
  const ResetText = styled(Text) `
51
57
  margin: unset;
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA6B/C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAqB,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,GAAG,IAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAqB,CAAA;IACnF,IAAI,IAAI,GAAG,SAAS,CAAA;IACpB,IAAI,SAAS,GAAG,SAAS,CAAA;IAEzB,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,IAAI,GAAG,SAAS,CAAA;QAChB,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,WAAW;QACX,IAAI;QACJ,YAAY,EAAE,SAAS;KACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAyC;IACnE,WAAW,EAAE;QACX,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,GAAG,EACH,IAAI,GAAG,aAAa,EACpB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAA;IAE1E,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,KACL,sBAAsB,CAAC,IAAI,CAAC,KAC5B,QAAQ,EACZ,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,GACvD,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAE7B,CAAA"}
1
+ {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA+B/C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAqB,EAAE,cAAwB,EAAE,EAAE;IAC1F,IAAI,IAAI,GAAG,SAAS,CAAA;IACpB,IAAI,SAAS,GAAG,SAAS,CAAA;IAEzB,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,IAAI,GAAG,SAAS,CAAA;QAChB,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,EACrC,GAAG,IAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAqB;QACjE,IAAI;QACJ,YAAY,EAAE,SAAS;KACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAyC;IACnE,WAAW,EAAE;QACX,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,GAAG,EACH,IAAI,GAAG,aAAa,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,EAClD,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,CAC7B,CAAA;IACD,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,GAAG,sBAAsB,CAAC,IAAI,CAAC;QAC/B,GAAG,QAAQ;QACX,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;KACxD,CAAA;IAED,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,oBAAC,kBAAkB,OAAK,WAAW,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,OAAK,WAAW,EAAE,OAAO,EAAC,OAAO,GAAG,CAC/C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAE7B,CAAA"}
@@ -5,7 +5,9 @@ import type { DecoratorsType } from '../../types';
5
5
  type Props = {
6
6
  /** パネルのタイトル */
7
7
  title: React.ReactNode;
8
- /** タイトル部分の HTML タグ */
8
+ /**
9
+ * @deprecated titleTagは非推奨です
10
+ */
9
11
  titleTag?: HeadingTagTypes;
10
12
  /** 表示する情報のタイプ */
11
13
  type?: 'success' | 'info' | 'warning' | 'error' | 'sync';
@@ -8,10 +8,11 @@ import { Heading } from '../Heading';
8
8
  import { FaCaretDownIcon, FaCaretUpIcon } from '../Icon';
9
9
  import { Cluster, Stack } from '../Layout';
10
10
  import { ResponseMessage } from '../ResponseMessage';
11
+ import { SectioningFragment } from '../SectioningContent';
11
12
  import { useClassNames } from './useClassNames';
12
13
  const OPEN_BUTTON_LABEL = '開く';
13
14
  const CLOSE_BUTTON_LABEL = '閉じる';
14
- export const InformationPanel = ({ title, titleTag = 'h3', type = 'info', togglable = true, active: activeProps = true, className = '', children, onClickTrigger, decorators, ...props }) => {
15
+ export const InformationPanel = ({ title, titleTag, type = 'info', togglable = true, active: activeProps = true, className = '', children, onClickTrigger, decorators, ...props }) => {
15
16
  const theme = useTheme();
16
17
  const [active, setActive] = useState(activeProps);
17
18
  const titleId = useId();
@@ -28,17 +29,20 @@ export const InformationPanel = ({ title, titleTag = 'h3', type = 'info', toggla
28
29
  setActive(activeProps);
29
30
  }, [activeProps]);
30
31
  const classNames = useClassNames();
31
- return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme, role: "region", "aria-labelledby": titleId },
32
- React.createElement(Stack, { gap: 1.25 },
33
- React.createElement(Header, { themes: theme, togglable: togglable },
34
- React.createElement(Heading, { type: "blockTitle", tag: titleTag, id: titleId, className: classNames.title },
35
- React.createElement(ResponseMessage, { type: type, iconGap: 0.5 }, title)),
36
- togglable && (React.createElement(TogglableButton, { suffix: active ? React.createElement(FaCaretUpIcon, null) : React.createElement(FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: classNames.closeButton }, active
37
- ? decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL
38
- : decorators?.openButtonLabel?.(OPEN_BUTTON_LABEL) || OPEN_BUTTON_LABEL))),
39
- React.createElement(Content, { themes: theme, id: contentId, "aria-hidden": !active, className: classNames.content }, children))));
32
+ return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme },
33
+ React.createElement(SectioningFragment, null,
34
+ React.createElement(Stack, { gap: 1.25 },
35
+ React.createElement(Header, { themes: theme, togglable: togglable },
36
+ React.createElement(Heading, { type: "blockTitle", tag: titleTag, id: titleId, className: classNames.title },
37
+ React.createElement(ResponseMessage, { type: type, iconGap: 0.5 }, title)),
38
+ togglable && (React.createElement(TogglableButton, { suffix: active ? React.createElement(FaCaretUpIcon, null) : React.createElement(FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: classNames.closeButton }, active
39
+ ? decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL
40
+ : decorators?.openButtonLabel?.(OPEN_BUTTON_LABEL) || OPEN_BUTTON_LABEL))),
41
+ React.createElement(Content, { themes: theme, id: contentId, "aria-hidden": !active, className: classNames.content }, children)))));
40
42
  };
41
- const Wrapper = styled(Base) `
43
+ const Wrapper = styled(Base).attrs(() => ({
44
+ forwardedAs: 'section',
45
+ })) `
42
46
  ${({ themes: { spacingByChar, shadow } }) => css `
43
47
  padding: ${spacingByChar(1.5)};
44
48
  box-shadow: ${shadow.LAYER3};
@@ -1 +1 @@
1
- {"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"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"}
@@ -5,6 +5,7 @@ import { useId } from '../../hooks/useId';
5
5
  import { useTheme } from '../../hooks/useTheme';
6
6
  import { Button } from '../Button';
7
7
  import { Heading } from '../Heading';
8
+ import { Section } from '../SectioningContent';
8
9
  import { Textarea } from '../Textarea';
9
10
  import { RightFixedNoteItem } from './RightFixedNoteItem';
10
11
  import { useClassNames } from './useClassNames';
@@ -22,13 +23,14 @@ export const RightFixedNote = ({ title, items, width = 270, textareaLabel, onCli
22
23
  const textareaId = useId();
23
24
  const classNames = useClassNames();
24
25
  return (React.createElement(Wrapper, { ...props, themes: theme, "$width": width, onSubmit: handleSubmit, className: `${className} ${classNames.wrapper}` },
25
- React.createElement(Title, { type: "sectionTitle", themes: theme, className: classNames.title }, title),
26
- items &&
27
- items.map((item) => (React.createElement(RightFixedNoteItem, { ...item, key: item.id, onClickEdit: onClickEdit }))),
28
- textareaLabel && (React.createElement("label", { htmlFor: textareaId },
29
- React.createElement(TextareaLabel, { tag: "span", type: "subBlockTitle", themes: theme }, textareaLabel))),
30
- React.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": innerText(textareaLabel || title), className: classNames.textarea }),
31
- React.createElement(SubmitButton, { type: "submit", className: classNames.submitButton }, submitLabel)));
26
+ React.createElement(Section, null,
27
+ React.createElement(SectionHeading, { themes: theme, className: classNames.title }, title),
28
+ items &&
29
+ items.map((item) => (React.createElement(RightFixedNoteItem, { ...item, key: item.id, onClickEdit: onClickEdit }))),
30
+ textareaLabel && (React.createElement("label", { htmlFor: textareaId },
31
+ React.createElement(TextareaLabel, { tag: "span", type: "subBlockTitle", themes: theme }, textareaLabel))),
32
+ React.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": innerText(textareaLabel || title), className: classNames.textarea }),
33
+ React.createElement(SubmitButton, { type: "submit", className: classNames.submitButton }, submitLabel))));
32
34
  };
33
35
  const Wrapper = styled.form `
34
36
  ${({ themes, $width }) => {
@@ -46,7 +48,9 @@ const Wrapper = styled.form `
46
48
  `;
47
49
  }}
48
50
  `;
49
- const Title = styled(Heading) `
51
+ const SectionHeading = styled(Heading).attrs(() => ({
52
+ type: 'sectionTitle',
53
+ })) `
50
54
  ${({ themes: { spacingByChar } }) => {
51
55
  return css `
52
56
  display: block;
@@ -1 +1 @@
1
- {"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,11 @@
1
- import React, { FC, PropsWithChildren } from 'react';
2
- declare const SectioningContent: FC<PropsWithChildren<{
1
+ import React, { FC, HTMLAttributes, PropsWithChildren } from 'react';
2
+ type BaseProps = PropsWithChildren<{
3
3
  className?: string;
4
4
  as?: 'article' | 'aside' | 'nav' | 'section';
5
5
  baseLevel?: number;
6
- }>>;
6
+ }>;
7
+ type SectioningContentProps = Omit<HTMLAttributes<HTMLElement>, keyof BaseProps> & BaseProps;
8
+ declare const SectioningContent: FC<SectioningContentProps>;
7
9
  type Props = Omit<React.ComponentProps<typeof SectioningContent>, 'as'>;
8
10
  export declare const Section: FC<Props>;
9
11
  export declare const Article: FC<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,UAAU,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,iBAAiB,GAOnB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACzC,oBAAC,OAAO,OAAK,KAAK;IAChB,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA,EAAE,CAAA;AAIhC,MAAM,CAAC,MAAM,OAAO,GAAc,iBAAiB,CAAA;AACnD,MAAM,CAAC,MAAM,OAAO,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,SAAS,GAAG,CAAA;AAC1F,MAAM,CAAC,MAAM,KAAK,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,OAAO,GAAG,CAAA;AACtF,MAAM,CAAC,MAAM,GAAG,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,KAAK,GAAG,CAAA;AAElF,MAAM,CAAC,MAAM,kBAAkB,GAAkD,CAAC,EAChF,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAEtC,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAI,KAAK,GAAG,CAAC,IAAG,QAAQ,CAAyB,CAAA;AACjG,CAAC,CAAA"}
1
+ {"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,UAAU,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAU7C,MAAM,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3F,oBAAC,OAAO,OAAK,KAAK;IAChB,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA,EAAE,CAAA;AAIhC,MAAM,CAAC,MAAM,OAAO,GAAc,iBAAiB,CAAA;AACnD,MAAM,CAAC,MAAM,OAAO,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,SAAS,GAAG,CAAA;AAC1F,MAAM,CAAC,MAAM,KAAK,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,OAAO,GAAG,CAAA;AACtF,MAAM,CAAC,MAAM,GAAG,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,KAAK,GAAG,CAAA;AAElF,MAAM,CAAC,MAAM,kBAAkB,GAAkD,CAAC,EAChF,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAEtC,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAI,KAAK,GAAG,CAAC,IAAG,QAAQ,CAAyB,CAAA;AACjG,CAAC,CAAA"}
@@ -57,7 +57,7 @@ const AccordionPanelContent = ({ children, className = '', ...props }) => {
57
57
  react_1.default.createElement("div", { ref: wrapperRef }, children)))));
58
58
  };
59
59
  exports.AccordionPanelContent = AccordionPanelContent;
60
- const CollapseContainer = styled_components_1.default.section `
60
+ const CollapseContainer = styled_components_1.default.div `
61
61
  height: 0;
62
62
  overflow: hidden;
63
63
  transition: height ${duration}ms ease;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,mEAAmD;AACnD,0EAAsC;AAEtC,wCAA6C;AAE7C,qDAAwD;AACxD,6DAAgE;AAChE,mDAA+C;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEb,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,8CAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,sCAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAA,kBAAY,EAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,mCAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,8BAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,uCAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,qBAAqB,yBAoDjC;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,OAAO,CAAA;;;uBAGjB,QAAQ;;;;;;;;CAQ9B,CAAA"}
1
+ {"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,mEAAmD;AACnD,0EAAsC;AAEtC,wCAA6C;AAE7C,qDAAwD;AACxD,6DAAgE;AAChE,mDAA+C;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEb,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,8CAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,sCAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAA,kBAAY,EAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,mCAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,8BAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,uCAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,qBAAqB,yBAoDjC;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;uBAGb,QAAQ;;;;;;;;CAQ9B,CAAA"}
@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.AccordionPanelItem = exports.AccordionPanelItemContext = void 0;
27
27
  const react_1 = __importStar(require("react"));
28
+ const SectioningContent_1 = require("../SectioningContent");
28
29
  const useClassNames_1 = require("./useClassNames");
29
30
  exports.AccordionPanelItemContext = (0, react_1.createContext)({
30
31
  name: '',
@@ -34,7 +35,7 @@ const AccordionPanelItem = ({ name, children, className = '', ...props }) => {
34
35
  return (react_1.default.createElement(exports.AccordionPanelItemContext.Provider, { value: {
35
36
  name,
36
37
  } },
37
- react_1.default.createElement("div", { ...props, className: `${className} ${classNames.item}` }, children)));
38
+ react_1.default.createElement(SectioningContent_1.Section, { ...props, className: `${className} ${classNames.item}` }, children)));
38
39
  };
39
40
  exports.AccordionPanelItem = AccordionPanelItem;
40
41
  //# sourceMappingURL=AccordionPanelItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AAEjE,mDAA+C;AAYlC,QAAA,yBAAyB,GAAG,IAAA,qBAAa,EAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEK,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,OAAO,CACL,8BAAC,iCAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,0CAAS,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,IACzD,QAAQ,CACL,CAC6B,CACtC,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,kBAAkB,sBAkB9B"}
1
+ {"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AAEjE,4DAA8C;AAE9C,mDAA+C;AAYlC,QAAA,yBAAyB,GAAG,IAAA,qBAAa,EAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEK,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,OAAO,CACL,8BAAC,iCAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,8BAAC,2BAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,IAC7D,QAAQ,CACD,CACyB,CACtC,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,kBAAkB,sBAkB9B"}
@@ -43,9 +43,9 @@ exports.CheckBoxInput = (0, react_1.forwardRef)(({ mixed = false, onChange, ...p
43
43
  (0, react_1.useImperativeHandle)(ref, () => inputRef.current);
44
44
  (0, react_1.useEffect)(() => {
45
45
  if (inputRef.current) {
46
- inputRef.current.indeterminate = mixed;
46
+ inputRef.current.indeterminate = !!(checked && mixed);
47
47
  }
48
- }, [mixed]);
48
+ }, [checked, mixed]);
49
49
  return (react_1.default.createElement(Wrapper, { themes: theme },
50
50
  react_1.default.createElement(Input, { ...props, type: "checkbox", onChange: handleChange, className: classNames.checkBox, themes: theme, ref: inputRef, "aria-invalid": props.error || undefined }),
51
51
  react_1.default.createElement(Box, { className: boxClassName, themes: theme, error: props.error }),
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
@@ -15,7 +15,7 @@ export type BaseProps = {
15
15
  */
16
16
  subtitle?: ReactNode;
17
17
  /**
18
- * ダイアログタイトルの HTML タグ
18
+ * @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
19
19
  */
20
20
  titleTag?: HeadingTagTypes;
21
21
  /**
@@ -28,13 +28,15 @@ const react_1 = __importStar(require("react"));
28
28
  const styled_components_1 = __importStar(require("styled-components"));
29
29
  const useTheme_1 = require("../../../hooks/useTheme");
30
30
  const Button_1 = require("../../Button");
31
+ const Heading_1 = require("../../Heading");
31
32
  const Layout_1 = require("../../Layout");
32
33
  const ResponseMessage_1 = require("../../ResponseMessage");
34
+ const SectioningContent_1 = require("../../SectioningContent");
33
35
  const Text_1 = require("../../Text");
34
36
  const dialogHelper_1 = require("../dialogHelper");
35
37
  const useClassNames_1 = require("../useClassNames");
36
38
  const CLOSE_BUTTON_LABEL = 'キャンセル';
37
- const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
39
+ const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
38
40
  const classNames = (0, useClassNames_1.useClassNames)().dialog;
39
41
  const theme = (0, useTheme_1.useTheme)();
40
42
  const handleSubmitAction = (0, react_1.useCallback)(() => {
@@ -42,20 +44,25 @@ const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag =
42
44
  }, [onSubmit, onClickClose]);
43
45
  const { offsetHeight, titleRef, bottomRef } = (0, dialogHelper_1.useOffsetHeight)();
44
46
  const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
45
- return (react_1.default.createElement("form", { onSubmit: handleSubmitAction },
46
- react_1.default.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
47
- subtitle && (react_1.default.createElement(Text_1.Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
48
- react_1.default.createElement(Text_1.Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
49
- react_1.default.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
50
- react_1.default.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
51
- react_1.default.createElement(ButtonArea, { className: classNames.buttonArea },
52
- react_1.default.createElement(Button_1.Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
53
- react_1.default.createElement(Button_1.Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
54
- (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (react_1.default.createElement(Message, null,
55
- react_1.default.createElement(ResponseMessage_1.ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text))))));
47
+ return (react_1.default.createElement(SectioningContent_1.Section, null,
48
+ react_1.default.createElement("form", { onSubmit: handleSubmitAction },
49
+ react_1.default.createElement(Heading_1.Heading, { tag: titleTag },
50
+ react_1.default.createElement(TitleArea, { themes: theme, ref: titleRef, className: classNames.titleArea },
51
+ subtitle && (react_1.default.createElement(Text_1.Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
52
+ react_1.default.createElement(Text_1.Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
53
+ react_1.default.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
54
+ react_1.default.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
55
+ react_1.default.createElement(ButtonArea, { className: classNames.buttonArea },
56
+ react_1.default.createElement(Button_1.Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
57
+ react_1.default.createElement(Button_1.Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
58
+ (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (react_1.default.createElement(Message, null,
59
+ react_1.default.createElement(ResponseMessage_1.ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text)))))));
56
60
  };
57
61
  exports.FormDialogContentInner = FormDialogContentInner;
58
- const TitleArea = (0, styled_components_1.default)(Layout_1.Stack) `
62
+ const TitleArea = (0, styled_components_1.default)(Layout_1.Stack).attrs(() => ({
63
+ gap: 0.25,
64
+ as: 'span',
65
+ })) `
59
66
  ${({ themes: { border, space } }) => (0, styled_components_1.css) `
60
67
  margin-block: unset;
61
68
  border-bottom: ${border.shorthand};
@@ -1 +1 @@
1
- {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -32,6 +32,7 @@ const Dropdown_1 = require("../../Dropdown");
32
32
  const Heading_1 = require("../../Heading");
33
33
  const Icon_1 = require("../../Icon");
34
34
  const Layout_1 = require("../../Layout");
35
+ const SectioningContent_1 = require("../../SectioningContent");
35
36
  const TextLink_1 = require("../../TextLink");
36
37
  const useClassNames_1 = require("./useClassNames");
37
38
  const TRIGGER_LABEL = 'アプリ';
@@ -48,14 +49,16 @@ const AppLauncher = ({ apps, urlToShowAll, decorators, ...props }) => {
48
49
  react_1.default.createElement(Wrapper, { themes: theme, className: classNames.wrapper },
49
50
  react_1.default.createElement(Dropdown_1.DropdownScrollArea, null,
50
51
  react_1.default.createElement(Layout_1.Stack, { gap: 1.5 },
51
- baseApps && (react_1.default.createElement(Layout_1.Stack, { gap: 0.5, className: classNames.category },
52
- react_1.default.createElement(Heading_1.Heading, { type: "subSubBlockTitle", tag: "h3" }, baseApps.heading),
53
- react_1.default.createElement(Layout_1.Cluster, { as: "ul", gap: 1 }, baseApps.items.map((item, index) => (react_1.default.createElement("li", { key: index },
54
- react_1.default.createElement(TextLink_1.TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label))))))),
55
- react_1.default.createElement(Layout_1.Cluster, { gap: 1.5 }, others.map(({ heading, items }, i) => (react_1.default.createElement(Layout_1.Stack, { gap: 0.5, className: classNames.category, key: i, recursive: true },
56
- react_1.default.createElement(Heading_1.Heading, { type: "subSubBlockTitle", tag: "h3" }, heading),
57
- react_1.default.createElement("ul", null, items.map((item, index) => (react_1.default.createElement("li", { key: index },
58
- react_1.default.createElement(TextLink_1.TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label))))))))))),
52
+ baseApps && (react_1.default.createElement(SectioningContent_1.Section, null,
53
+ react_1.default.createElement(Layout_1.Stack, { gap: 0.5, className: classNames.category },
54
+ react_1.default.createElement(Heading_1.Heading, { type: "subSubBlockTitle" }, baseApps.heading),
55
+ react_1.default.createElement(Layout_1.Cluster, { as: "ul", gap: 1 }, baseApps.items.map((item, index) => (react_1.default.createElement("li", { key: index },
56
+ react_1.default.createElement(TextLink_1.TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))),
57
+ react_1.default.createElement(Layout_1.Cluster, { gap: 1.5 }, others.map(({ heading, items }, i) => (react_1.default.createElement(SectioningContent_1.Section, { key: i },
58
+ react_1.default.createElement(Layout_1.Stack, { gap: 0.5, className: classNames.category, recursive: true },
59
+ react_1.default.createElement(Heading_1.Heading, { type: "subSubBlockTitle" }, heading),
60
+ react_1.default.createElement("ul", null, items.map((item, index) => (react_1.default.createElement("li", { key: index },
61
+ react_1.default.createElement(TextLink_1.TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))))))),
59
62
  urlToShowAll && (react_1.default.createElement(Footer, { themes: theme, className: classNames.footer },
60
63
  react_1.default.createElement(TextLink_1.TextLink, { href: urlToShowAll, style: { width: 'fit-content' } }, "\u3059\u3079\u3066\u898B\u308B")))))));
61
64
  };
@@ -1 +1 @@
1
- {"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"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"}
@@ -11,6 +11,8 @@ export type Props = {
11
11
  tag?: HeadingTagTypes;
12
12
  /** コンポーネントに適用するクラス名 */
13
13
  className?: string;
14
+ /** 視覚的に非表示にするフラグ */
15
+ visuallyHidden?: boolean;
14
16
  };
15
17
  export type HeadingTypes = 'screenTitle' | 'sectionTitle' | 'blockTitle' | 'subBlockTitle' | 'subSubBlockTitle';
16
18
  export type HeadingTagTypes = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'legend';
@@ -31,9 +31,9 @@ const react_1 = __importStar(require("react"));
31
31
  const styled_components_1 = __importDefault(require("styled-components"));
32
32
  const SectioningContent_1 = require("../SectioningContent");
33
33
  const Text_1 = require("../Text");
34
+ const VisuallyHiddenText_1 = require("../VisuallyHiddenText");
34
35
  const useClassNames_1 = require("./useClassNames");
35
- const generateTagProps = (level, tag) => {
36
- const forwardedAs = tag || (level <= 6 ? `h${level}` : 'span');
36
+ const generateTagProps = (level, tag, visuallyHidden) => {
37
37
  let role = undefined;
38
38
  let ariaLevel = undefined;
39
39
  if (level > 6) {
@@ -41,7 +41,7 @@ const generateTagProps = (level, tag) => {
41
41
  ariaLevel = level;
42
42
  }
43
43
  return {
44
- forwardedAs,
44
+ [visuallyHidden ? 'as' : 'forwardedAs']: tag || (level <= 6 ? `h${level}` : 'span'),
45
45
  role,
46
46
  'aria-level': ariaLevel,
47
47
  };
@@ -70,11 +70,17 @@ const MAPPER_SIZE_AND_WEIGHT = {
70
70
  color: 'TEXT_GREY',
71
71
  },
72
72
  };
73
- const Heading = ({ tag, type = 'screenTitle', className = '', ...props }) => {
73
+ const Heading = ({ tag, type = 'screenTitle', className = '', visuallyHidden, ...props }) => {
74
74
  const classNames = (0, useClassNames_1.useClassNames)();
75
75
  const level = (0, react_1.useContext)(SectioningContent_1.LevelContext);
76
- const tagProps = (0, react_1.useMemo)(() => generateTagProps(level, tag), [level, tag]);
77
- return (react_1.default.createElement(ResetText, { ...props, ...MAPPER_SIZE_AND_WEIGHT[type], ...tagProps, leading: "TIGHT", className: `${type} ${className} ${classNames.wrapper}` }));
76
+ const tagProps = (0, react_1.useMemo)(() => generateTagProps(level, tag, visuallyHidden), [level, tag, visuallyHidden]);
77
+ const actualProps = {
78
+ ...props,
79
+ ...MAPPER_SIZE_AND_WEIGHT[type],
80
+ ...tagProps,
81
+ className: `${type} ${className} ${classNames.wrapper}`,
82
+ };
83
+ return visuallyHidden ? (react_1.default.createElement(VisuallyHiddenText_1.VisuallyHiddenText, { ...actualProps })) : (react_1.default.createElement(ResetText, { ...actualProps, leading: "TIGHT" }));
78
84
  };
79
85
  exports.Heading = Heading;
80
86
  const ResetText = (0, styled_components_1.default)(Text_1.Text) `
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkF;AAClF,0EAAsC;AAEtC,4DAAmD;AACnD,kCAAyC;AAEzC,mDAA+C;AA6B/C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAqB,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,GAAG,IAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAqB,CAAA;IACnF,IAAI,IAAI,GAAG,SAAS,CAAA;IACpB,IAAI,SAAS,GAAG,SAAS,CAAA;IAEzB,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,IAAI,GAAG,SAAS,CAAA;QAChB,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,WAAW;QACX,IAAI;QACJ,YAAY,EAAE,SAAS;KACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAyC;IACnE,WAAW,EAAE;QACX,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;CACF,CAAA;AAEM,MAAM,OAAO,GAA8B,CAAC,EACjD,GAAG,EACH,IAAI,GAAG,aAAa,EACpB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,gCAAY,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAA;IAE1E,OAAO,CACL,8BAAC,SAAS,OACJ,KAAK,KACL,sBAAsB,CAAC,IAAI,CAAC,KAC5B,QAAQ,EACZ,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,GACvD,CACH,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,OAAO,WAmBnB;AAED,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAA;;CAE7B,CAAA"}
1
+ {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkF;AAClF,0EAAsC;AAEtC,4DAAmD;AACnD,kCAAyC;AACzC,8DAA0D;AAE1D,mDAA+C;AA+B/C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAqB,EAAE,cAAwB,EAAE,EAAE;IAC1F,IAAI,IAAI,GAAG,SAAS,CAAA;IACpB,IAAI,SAAS,GAAG,SAAS,CAAA;IAEzB,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,IAAI,GAAG,SAAS,CAAA;QAChB,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,EACrC,GAAG,IAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAqB;QACjE,IAAI;QACJ,YAAY,EAAE,SAAS;KACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAyC;IACnE,WAAW,EAAE;QACX,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;CACF,CAAA;AAEM,MAAM,OAAO,GAA8B,CAAC,EACjD,GAAG,EACH,IAAI,GAAG,aAAa,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,gCAAY,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,EAClD,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,CAC7B,CAAA;IACD,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,GAAG,sBAAsB,CAAC,IAAI,CAAC;QAC/B,GAAG,QAAQ;QACX,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;KACxD,CAAA;IAED,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,8BAAC,uCAAkB,OAAK,WAAW,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,8BAAC,SAAS,OAAK,WAAW,EAAE,OAAO,EAAC,OAAO,GAAG,CAC/C,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,OAAO,WAyBnB;AAED,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAA;;CAE7B,CAAA"}
@@ -5,7 +5,9 @@ import type { DecoratorsType } from '../../types';
5
5
  type Props = {
6
6
  /** パネルのタイトル */
7
7
  title: React.ReactNode;
8
- /** タイトル部分の HTML タグ */
8
+ /**
9
+ * @deprecated titleTagは非推奨です
10
+ */
9
11
  titleTag?: HeadingTagTypes;
10
12
  /** 表示する情報のタイプ */
11
13
  type?: 'success' | 'info' | 'warning' | 'error' | 'sync';
@@ -34,10 +34,11 @@ const Heading_1 = require("../Heading");
34
34
  const Icon_1 = require("../Icon");
35
35
  const Layout_1 = require("../Layout");
36
36
  const ResponseMessage_1 = require("../ResponseMessage");
37
+ const SectioningContent_1 = require("../SectioningContent");
37
38
  const useClassNames_1 = require("./useClassNames");
38
39
  const OPEN_BUTTON_LABEL = '開く';
39
40
  const CLOSE_BUTTON_LABEL = '閉じる';
40
- const InformationPanel = ({ title, titleTag = 'h3', type = 'info', togglable = true, active: activeProps = true, className = '', children, onClickTrigger, decorators, ...props }) => {
41
+ const InformationPanel = ({ title, titleTag, type = 'info', togglable = true, active: activeProps = true, className = '', children, onClickTrigger, decorators, ...props }) => {
41
42
  const theme = (0, useTheme_1.useTheme)();
42
43
  const [active, setActive] = (0, react_1.useState)(activeProps);
43
44
  const titleId = (0, useId_1.useId)();
@@ -54,18 +55,21 @@ const InformationPanel = ({ title, titleTag = 'h3', type = 'info', togglable = t
54
55
  setActive(activeProps);
55
56
  }, [activeProps]);
56
57
  const classNames = (0, useClassNames_1.useClassNames)();
57
- return (react_1.default.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme, role: "region", "aria-labelledby": titleId },
58
- react_1.default.createElement(Layout_1.Stack, { gap: 1.25 },
59
- react_1.default.createElement(Header, { themes: theme, togglable: togglable },
60
- react_1.default.createElement(Heading_1.Heading, { type: "blockTitle", tag: titleTag, id: titleId, className: classNames.title },
61
- react_1.default.createElement(ResponseMessage_1.ResponseMessage, { type: type, iconGap: 0.5 }, title)),
62
- togglable && (react_1.default.createElement(TogglableButton, { suffix: active ? react_1.default.createElement(Icon_1.FaCaretUpIcon, null) : react_1.default.createElement(Icon_1.FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: classNames.closeButton }, active
63
- ? decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL
64
- : decorators?.openButtonLabel?.(OPEN_BUTTON_LABEL) || OPEN_BUTTON_LABEL))),
65
- react_1.default.createElement(Content, { themes: theme, id: contentId, "aria-hidden": !active, className: classNames.content }, children))));
58
+ return (react_1.default.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme },
59
+ react_1.default.createElement(SectioningContent_1.SectioningFragment, null,
60
+ react_1.default.createElement(Layout_1.Stack, { gap: 1.25 },
61
+ react_1.default.createElement(Header, { themes: theme, togglable: togglable },
62
+ react_1.default.createElement(Heading_1.Heading, { type: "blockTitle", tag: titleTag, id: titleId, className: classNames.title },
63
+ react_1.default.createElement(ResponseMessage_1.ResponseMessage, { type: type, iconGap: 0.5 }, title)),
64
+ togglable && (react_1.default.createElement(TogglableButton, { suffix: active ? react_1.default.createElement(Icon_1.FaCaretUpIcon, null) : react_1.default.createElement(Icon_1.FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: classNames.closeButton }, active
65
+ ? decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL
66
+ : decorators?.openButtonLabel?.(OPEN_BUTTON_LABEL) || OPEN_BUTTON_LABEL))),
67
+ react_1.default.createElement(Content, { themes: theme, id: contentId, "aria-hidden": !active, className: classNames.content }, children)))));
66
68
  };
67
69
  exports.InformationPanel = InformationPanel;
68
- const Wrapper = (0, styled_components_1.default)(Base_1.Base) `
70
+ const Wrapper = (0, styled_components_1.default)(Base_1.Base).attrs(() => ({
71
+ forwardedAs: 'section',
72
+ })) `
69
73
  ${({ themes: { spacingByChar, shadow } }) => (0, styled_components_1.css) `
70
74
  padding: ${spacingByChar(1.5)};
71
75
  box-shadow: ${shadow.LAYER3};
@@ -1 +1 @@
1
- {"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,uEAA+C;AAE/C,6CAAyC;AACzC,mDAAsD;AACtD,kCAAgD;AAChD,sCAAkC;AAClC,wCAAqD;AACrD,kCAAwD;AACxD,sCAA0C;AAC1C,wDAAoD;AACpD,4DAAyD;AAEzD,mDAA+C;AA2B/C,MAAM,iBAAiB,GAAG,IAAI,CAAA;AAC9B,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAEzB,MAAM,gBAAgB,GAAoD,CAAC,EAChF,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,IAAI,EAChB,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAA;IACjD,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAA;IACvB,MAAM,SAAS,GAAG,IAAA,aAAK,GAAE,CAAA;IAEzB,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,MAAM,CAAC,CAAA;SACvB;aAAM;YACL,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;SACnB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,WAAW,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK;QAEhF,8BAAC,sCAAkB;YACjB,8BAAC,cAAK,IAAC,GAAG,EAAE,IAAI;gBACd,8BAAC,MAAM,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;oBACzC,8BAAC,iBAAO,IAAC,IAAI,EAAC,YAAY,EAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK;wBAChF,8BAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IACtC,KAAK,CACU,CACV;oBACT,SAAS,IAAI,CACZ,8BAAC,eAAe,IACd,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,8BAAC,oBAAa,OAAG,CAAC,CAAC,CAAC,8BAAC,sBAAe,OAAG,EACxD,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,kBAAkB,mBACZ,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC9B,SAAS,EACxB,SAAS,EAAE,UAAU,CAAC,WAAW,IAEhC,MAAM;wBACL,CAAC,CAAC,UAAU,EAAE,gBAAgB,EAAE,CAAC,kBAAkB,CAAC,IAAI,kBAAkB;wBAC1E,CAAC,CAAC,UAAU,EAAE,eAAe,EAAE,CAAC,iBAAiB,CAAC,IAAI,iBAAiB,CACzD,CACnB,CACM;gBACT,8BAAC,OAAO,IACN,MAAM,EAAE,KAAK,EACb,EAAE,EAAE,SAAS,iBACA,CAAC,MAAM,EACpB,SAAS,EAAE,UAAU,CAAC,OAAO,IAE5B,QAAQ,CACD,CACJ,CACW,CACb,CACX,CAAA;AACH,CAAC,CAAA;AAtEY,QAAA,gBAAgB,oBAsE5B;AAED,MAAM,OAAO,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IACxC,WAAW,EAAE,SAAS;CACvB,CAAC,CAAC,CAAmB;IAClB,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;eACnC,aAAa,CAAC,GAAG,CAAC;kBACf,MAAM,CAAC,MAAM;GAC5B;CACF,CAAA;AAED,MAAM,MAAM,GAAG,IAAA,2BAAM,EAAC,gBAAO,CAAC,CAAC,KAAK,CAAC;IACnC,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,eAAe;CACzB,CAAC,CAAuC;IACrC,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAChE,qEAAqE;IACrE,MAAM,MAAM,GAAG;WACR,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,MAAM,MAAM,CAAC,SAAS;aAC5C,QAAQ,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK;;KAErC,CAAA;IACD,OAAO,IAAA,uBAAG,EAAA;QACN,SAAS;QACX,IAAA,uBAAG,EAAA;;0BAEiB,MAAM;;OAEzB;KACF,CAAA;AACH,CAAC;CACF,CAAA;AAED,MAAM,eAAe,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,CAAA;;CAErC,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;iBACpB,QAAQ,CAAC,CAAC;;;;;GAKxB;CACF,CAAA"}
@@ -34,6 +34,7 @@ const useId_1 = require("../../hooks/useId");
34
34
  const useTheme_1 = require("../../hooks/useTheme");
35
35
  const Button_1 = require("../Button");
36
36
  const Heading_1 = require("../Heading");
37
+ const SectioningContent_1 = require("../SectioningContent");
37
38
  const Textarea_1 = require("../Textarea");
38
39
  const RightFixedNoteItem_1 = require("./RightFixedNoteItem");
39
40
  const useClassNames_1 = require("./useClassNames");
@@ -51,13 +52,14 @@ const RightFixedNote = ({ title, items, width = 270, textareaLabel, onClickEdit,
51
52
  const textareaId = (0, useId_1.useId)();
52
53
  const classNames = (0, useClassNames_1.useClassNames)();
53
54
  return (react_1.default.createElement(Wrapper, { ...props, themes: theme, "$width": width, onSubmit: handleSubmit, className: `${className} ${classNames.wrapper}` },
54
- react_1.default.createElement(Title, { type: "sectionTitle", themes: theme, className: classNames.title }, title),
55
- items &&
56
- items.map((item) => (react_1.default.createElement(RightFixedNoteItem_1.RightFixedNoteItem, { ...item, key: item.id, onClickEdit: onClickEdit }))),
57
- textareaLabel && (react_1.default.createElement("label", { htmlFor: textareaId },
58
- react_1.default.createElement(TextareaLabel, { tag: "span", type: "subBlockTitle", themes: theme }, textareaLabel))),
59
- react_1.default.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": (0, react_innertext_1.default)(textareaLabel || title), className: classNames.textarea }),
60
- react_1.default.createElement(SubmitButton, { type: "submit", className: classNames.submitButton }, submitLabel)));
55
+ react_1.default.createElement(SectioningContent_1.Section, null,
56
+ react_1.default.createElement(SectionHeading, { themes: theme, className: classNames.title }, title),
57
+ items &&
58
+ items.map((item) => (react_1.default.createElement(RightFixedNoteItem_1.RightFixedNoteItem, { ...item, key: item.id, onClickEdit: onClickEdit }))),
59
+ textareaLabel && (react_1.default.createElement("label", { htmlFor: textareaId },
60
+ react_1.default.createElement(TextareaLabel, { tag: "span", type: "subBlockTitle", themes: theme }, textareaLabel))),
61
+ react_1.default.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": (0, react_innertext_1.default)(textareaLabel || title), className: classNames.textarea }),
62
+ react_1.default.createElement(SubmitButton, { type: "submit", className: classNames.submitButton }, submitLabel))));
61
63
  };
62
64
  exports.RightFixedNote = RightFixedNote;
63
65
  const Wrapper = styled_components_1.default.form `
@@ -76,7 +78,9 @@ const Wrapper = styled_components_1.default.form `
76
78
  `;
77
79
  }}
78
80
  `;
79
- const Title = (0, styled_components_1.default)(Heading_1.Heading) `
81
+ const SectionHeading = (0, styled_components_1.default)(Heading_1.Heading).attrs(() => ({
82
+ type: 'sectionTitle',
83
+ })) `
80
84
  ${({ themes: { spacingByChar } }) => {
81
85
  return (0, styled_components_1.css) `
82
86
  display: block;
@@ -1 +1 @@
1
- {"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,11 @@
1
- import React, { FC, PropsWithChildren } from 'react';
2
- declare const SectioningContent: FC<PropsWithChildren<{
1
+ import React, { FC, HTMLAttributes, PropsWithChildren } from 'react';
2
+ type BaseProps = PropsWithChildren<{
3
3
  className?: string;
4
4
  as?: 'article' | 'aside' | 'nav' | 'section';
5
5
  baseLevel?: number;
6
- }>>;
6
+ }>;
7
+ type SectioningContentProps = Omit<HTMLAttributes<HTMLElement>, keyof BaseProps> & BaseProps;
8
+ declare const SectioningContent: FC<SectioningContentProps>;
7
9
  type Props = Omit<React.ComponentProps<typeof SectioningContent>, 'as'>;
8
10
  export declare const Section: FC<Props>;
9
11
  export declare const Article: FC<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,0EAAsC;AAEtC,iDAA6C;AAE7C,MAAM,iBAAiB,GAOnB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACzC,8BAAC,OAAO,OAAK,KAAK;IAChB,8BAAC,0BAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,OAAO,CAAA,EAAE,CAAA;AAInB,QAAA,OAAO,GAAc,iBAAiB,CAAA;AAC5C,MAAM,OAAO,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,SAAS,GAAG,CAAA;AAA7E,QAAA,OAAO,WAAsE;AACnF,MAAM,KAAK,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,OAAO,GAAG,CAAA;AAAzE,QAAA,KAAK,SAAoE;AAC/E,MAAM,GAAG,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,KAAK,GAAG,CAAA;AAArE,QAAA,GAAG,OAAkE;AAE3E,MAAM,kBAAkB,GAAkD,CAAC,EAChF,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IAEtC,OAAO,8BAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAI,KAAK,GAAG,CAAC,IAAG,QAAQ,CAAyB,CAAA;AACjG,CAAC,CAAA;AAPY,QAAA,kBAAkB,sBAO9B"}
1
+ {"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgF;AAChF,0EAAsC;AAEtC,iDAA6C;AAU7C,MAAM,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3F,8BAAC,OAAO,OAAK,KAAK;IAChB,8BAAC,0BAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,OAAO,CAAA,EAAE,CAAA;AAInB,QAAA,OAAO,GAAc,iBAAiB,CAAA;AAC5C,MAAM,OAAO,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,SAAS,GAAG,CAAA;AAA7E,QAAA,OAAO,WAAsE;AACnF,MAAM,KAAK,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,OAAO,GAAG,CAAA;AAAzE,QAAA,KAAK,SAAoE;AAC/E,MAAM,GAAG,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,KAAK,GAAG,CAAA;AAArE,QAAA,GAAG,OAAkE;AAE3E,MAAM,kBAAkB,GAAkD,CAAC,EAChF,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IAEtC,OAAO,8BAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAI,KAAK,GAAG,CAAC,IAAG,QAAQ,CAAyB,CAAA;AACjG,CAAC,CAAA;AAPY,QAAA,kBAAkB,sBAO9B"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "smarthr-ui",
3
3
  "description": "SmartHR ui components built with React.",
4
- "version": "34.0.0",
4
+ "version": "34.1.0",
5
5
  "author": "SmartHR-UI Team",
6
6
  "dependencies": {
7
7
  "@smarthr/wareki": "^1.2.0",
@@ -15,28 +15,28 @@
15
15
  "react-transition-group": "^4.4.5"
16
16
  },
17
17
  "devDependencies": {
18
- "@babel/core": "^7.22.5",
19
- "@babel/preset-env": "^7.22.5",
18
+ "@babel/core": "^7.22.8",
19
+ "@babel/preset-env": "^7.22.7",
20
20
  "@babel/preset-react": "^7.22.5",
21
21
  "@babel/preset-typescript": "^7.22.5",
22
22
  "@commitlint/cli": "^17.6.6",
23
23
  "@commitlint/config-conventional": "^17.6.6",
24
- "@storybook/addon-a11y": "^7.0.25",
25
- "@storybook/addon-essentials": "^7.0.25",
26
- "@storybook/addon-interactions": "^7.0.25",
27
- "@storybook/addon-storysource": "^7.0.25",
28
- "@storybook/addons": "^7.0.25",
29
- "@storybook/cli": "^7.0.25",
24
+ "@storybook/addon-a11y": "^7.0.26",
25
+ "@storybook/addon-essentials": "^7.0.26",
26
+ "@storybook/addon-interactions": "^7.0.26",
27
+ "@storybook/addon-storysource": "^7.0.26",
28
+ "@storybook/addons": "^7.0.26",
29
+ "@storybook/cli": "^7.0.26",
30
30
  "@storybook/jest": "^0.1.0",
31
- "@storybook/react": "^7.0.25",
32
- "@storybook/react-webpack5": "^7.0.25",
31
+ "@storybook/react": "^7.0.26",
32
+ "@storybook/react-webpack5": "^7.0.26",
33
33
  "@storybook/test-runner": "^0.11.0",
34
34
  "@storybook/testing-library": "^0.2.0",
35
- "@storybook/theming": "^7.0.25",
36
- "@swc/core": "^1.3.67",
35
+ "@storybook/theming": "^7.0.26",
36
+ "@swc/core": "^1.3.68",
37
37
  "@swc/jest": "^0.2.26",
38
38
  "@testing-library/react-hooks": "^8.0.1",
39
- "@types/jest": "^29.5.2",
39
+ "@types/jest": "^29.5.3",
40
40
  "@types/lodash.merge": "^4.6.7",
41
41
  "@types/lodash.range": "^3.2.7",
42
42
  "@types/node": "^14.18.53",
@@ -46,20 +46,20 @@
46
46
  "@types/react-transition-group": "^4.4.6",
47
47
  "@types/styled-components": "^5.1.26",
48
48
  "axe-playwright": "^1.2.3",
49
- "babel-loader": "^9.1.2",
50
- "babel-plugin-polyfill-corejs2": "^0.4.3",
51
- "babel-plugin-polyfill-regenerator": "^0.5.0",
49
+ "babel-loader": "^9.1.3",
50
+ "babel-plugin-polyfill-corejs2": "^0.4.4",
51
+ "babel-plugin-polyfill-regenerator": "^0.5.1",
52
52
  "chromatic": "^6.19.9",
53
53
  "ecma-version-validator-webpack-plugin": "^1.2.1",
54
54
  "eslint": "^8.44.0",
55
- "eslint-config-smarthr": "^6.8.5",
55
+ "eslint-config-smarthr": "^6.8.7",
56
56
  "eslint-plugin-storybook": "^0.6.12",
57
57
  "fs-extra": "^11.1.1",
58
- "glob": "^10.3.1",
58
+ "glob": "^10.3.3",
59
59
  "http-server": "^14.1.1",
60
60
  "husky": "^8.0.3",
61
- "jest": "^29.5.0",
62
- "jest-environment-jsdom": "^29.5.0",
61
+ "jest": "^29.6.1",
62
+ "jest-environment-jsdom": "^29.6.1",
63
63
  "jest-styled-components": "^7.1.1",
64
64
  "lint-staged": "^13.2.3",
65
65
  "memory-fs": "^0.5.0",
@@ -68,19 +68,19 @@
68
68
  "postcss-syntax": "^0.36.2",
69
69
  "prettier": "^2.8.8",
70
70
  "prettier-config-smarthr": "^1.0.0",
71
- "puppeteer": "^20.7.4",
71
+ "puppeteer": "^20.8.0",
72
72
  "react": "^18.2.0",
73
73
  "react-dom": "^18.2.0",
74
74
  "react-test-renderer": "^18.2.0",
75
75
  "smarthr-normalize-css": "^1.1.0",
76
76
  "standard-version": "^9.3.2",
77
- "storybook": "^7.0.25",
77
+ "storybook": "^7.0.26",
78
78
  "styled-components": "^5.3.11",
79
79
  "styled-reset": "^4.4.7",
80
- "stylelint": "^15.9.0",
80
+ "stylelint": "^15.10.1",
81
81
  "stylelint-config-prettier": "^9.0.5",
82
82
  "stylelint-config-smarthr": "^1.1.0",
83
- "stylelint-config-standard": "^33.0.0",
83
+ "stylelint-config-standard": "^34.0.0",
84
84
  "stylelint-config-styled-components": "^0.1.1",
85
85
  "testcafe": "3.0.1",
86
86
  "ts-loader": "^9.4.4",
@@ -159,12 +159,12 @@
159
159
  "sideEffects": false,
160
160
  "typings": "lib/index.d.ts",
161
161
  "resolutions": {
162
- "@babel/helper-compilation-targets": "^7.22.5",
162
+ "@babel/helper-compilation-targets": "^7.22.6",
163
163
  "@types/react": "^18.2.14",
164
164
  "minimist": "1.2.8",
165
165
  "react": "^18.2.0",
166
166
  "react-dom": "^18.2.0",
167
- "postcss": "8.4.24"
167
+ "postcss": "8.4.25"
168
168
  },
169
169
  "standard-version": {
170
170
  "scripts": {