@helsenorge/designsystem-react 10.5.0 → 11.0.0-beta.1

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 (160) hide show
  1. package/CHANGELOG.md +818 -1408
  2. package/{Trigger.js → HelpTrigger.js} +15 -25
  3. package/HelpTrigger.js.map +1 -0
  4. package/LazyIcon.js +1 -1
  5. package/LazyIcon.js.map +1 -1
  6. package/StatusDot.js +57 -28
  7. package/StatusDot.js.map +1 -1
  8. package/components/AnchorLink/styles.module.scss +0 -1
  9. package/components/Button/styles.module.scss +13 -13
  10. package/components/Checkbox/styles.module.scss +2 -2
  11. package/components/Chip/styles.module.scss +0 -1
  12. package/components/Close/styles.module.scss +2 -2
  13. package/components/Drawer/index.js +1 -3
  14. package/components/Drawer/index.js.map +1 -1
  15. package/components/Drawer/styles.module.scss +12 -12
  16. package/components/Dropdown/Dropdown.d.ts +0 -2
  17. package/components/Dropdown/index.js +7 -24
  18. package/components/Dropdown/index.js.map +1 -1
  19. package/components/Dropdown/styles.module.scss +5 -5
  20. package/components/Duolist/styles.module.scss +2 -2
  21. package/components/EmptyState/EmptyBoxBeeCompact.d.ts +4 -0
  22. package/components/EmptyState/index.js +23 -3
  23. package/components/EmptyState/index.js.map +1 -1
  24. package/components/EmptyState/styles.module.scss +5 -5
  25. package/components/ErrorWrapper/styles.module.scss +2 -2
  26. package/components/Expander/styles.module.scss +8 -8
  27. package/components/ExpanderHierarchy/expander.module.scss +7 -7
  28. package/components/ExpanderList/styles.module.scss +3 -3
  29. package/components/FormGroup/styles.module.scss +1 -1
  30. package/components/HelpBubble/styles.module.scss +2 -2
  31. package/components/HelpQuestion/index.js +2 -2
  32. package/components/HelpQuestion/index.js.map +1 -1
  33. package/components/HelpQuestion/styles.module.scss +2 -2
  34. package/components/HelpTrigger/HelpTrigger.d.ts +44 -0
  35. package/components/HelpTrigger/index.d.ts +3 -0
  36. package/components/HelpTrigger/index.js +5 -0
  37. package/components/{Trigger → HelpTrigger}/styles.module.scss +20 -27
  38. package/components/HelpTrigger/styles.module.scss.d.ts +15 -0
  39. package/components/HighlightPanel/styles.module.scss +2 -2
  40. package/components/HorizontalScroll/styles.module.scss +1 -1
  41. package/components/Icons/AdditionalIconInformation.d.ts +4 -48
  42. package/components/Icons/AdditionalIconInformation.js +4 -15
  43. package/components/Icons/AdditionalIconInformation.js.map +1 -1
  44. package/components/Icons/Attachment.js +16 -2
  45. package/components/Icons/Attachment.js.map +1 -1
  46. package/components/Icons/Change.js +10 -9
  47. package/components/Icons/Change.js.map +1 -1
  48. package/components/Icons/{EmptyBox.d.ts → DotAlert.d.ts} +2 -2
  49. package/components/Icons/DotAlert.js +30 -0
  50. package/components/Icons/DotAlert.js.map +1 -0
  51. package/components/Icons/DotCancelled.d.ts +4 -0
  52. package/components/Icons/DotCancelled.js +30 -0
  53. package/components/Icons/DotCancelled.js.map +1 -0
  54. package/components/Icons/DotHalfDisc.d.ts +4 -0
  55. package/components/Icons/DotHalfDisc.js +30 -0
  56. package/components/Icons/DotHalfDisc.js.map +1 -0
  57. package/components/Icons/{StickyNote.d.ts → DotInfo.d.ts} +2 -2
  58. package/components/Icons/DotInfo.js +38 -0
  59. package/components/Icons/DotInfo.js.map +1 -0
  60. package/components/Icons/DotLookingGlass.d.ts +4 -0
  61. package/components/Icons/DotLookingGlass.js +30 -0
  62. package/components/Icons/DotLookingGlass.js.map +1 -0
  63. package/components/Icons/DotQuestionMark.d.ts +4 -0
  64. package/components/Icons/DotQuestionMark.js +30 -0
  65. package/components/Icons/DotQuestionMark.js.map +1 -0
  66. package/components/Icons/{StickyNotes.d.ts → DotSuccess.d.ts} +2 -2
  67. package/components/Icons/DotSuccess.js +30 -0
  68. package/components/Icons/DotSuccess.js.map +1 -0
  69. package/components/Icons/DotTransparent.d.ts +4 -0
  70. package/components/Icons/DotTransparent.js +30 -0
  71. package/components/Icons/DotTransparent.js.map +1 -0
  72. package/components/Icons/DotWarningTriangle.d.ts +4 -0
  73. package/components/Icons/DotWarningTriangle.js +30 -0
  74. package/components/Icons/DotWarningTriangle.js.map +1 -0
  75. package/components/Icons/Group.js +11 -3
  76. package/components/Icons/Group.js.map +1 -1
  77. package/components/Icons/IconNames.d.ts +1 -1
  78. package/components/Icons/IconNames.js +9 -6
  79. package/components/Icons/IconNames.js.map +1 -1
  80. package/components/Icons/Login.js +9 -1
  81. package/components/Icons/Login.js.map +1 -1
  82. package/components/Icons/NoAccess.js +17 -6
  83. package/components/Icons/NoAccess.js.map +1 -1
  84. package/components/Icons/NoEye.js +2 -16
  85. package/components/Icons/NoEye.js.map +1 -1
  86. package/components/Icons/Pencil.js +17 -1
  87. package/components/Icons/Pencil.js.map +1 -1
  88. package/components/Input/styles.module.scss +3 -3
  89. package/components/Label/styles.module.scss +2 -2
  90. package/components/LinkList/styles.module.scss +3 -3
  91. package/components/ListHeader/styles.module.scss +1 -1
  92. package/components/MaxCharacters/styles.module.scss +2 -2
  93. package/components/Modal/styles.module.scss +16 -16
  94. package/components/NotificationPanel/styles.module.scss +8 -8
  95. package/components/Panel/styles.module.scss +16 -16
  96. package/components/PanelList/styles.module.scss +2 -2
  97. package/components/PopMenu/styles.module.scss +6 -4
  98. package/components/PopOver/styles.module.scss +2 -2
  99. package/components/PromoPanel/styles.module.scss +9 -9
  100. package/components/RadioButton/styles.module.scss +2 -2
  101. package/components/Select/styles.module.scss +3 -3
  102. package/components/ServiceMessage/styles.module.scss +1 -1
  103. package/components/SharingStatus/styles.module.scss +1 -1
  104. package/components/Slider/styles.module.scss +2 -2
  105. package/components/StatusDot/StatusDot.d.ts +11 -5
  106. package/components/StatusDot/styles.module.scss +40 -31
  107. package/components/StatusDot/styles.module.scss.d.ts +12 -3
  108. package/components/StepButtons/styles.module.scss +3 -3
  109. package/components/Stepper/styles.module.scss +2 -2
  110. package/components/StickyNote/styles.module.scss +1 -1
  111. package/components/Table/styles.module.scss +1 -1
  112. package/components/Tabs/TabList/styles.module.scss +2 -2
  113. package/components/Tabs/TabPanel/styles.module.scss +3 -3
  114. package/components/Tabs/styles.module.scss +3 -3
  115. package/components/Tag/styles.module.scss +1 -1
  116. package/components/TagList/styles.module.scss +1 -1
  117. package/components/Textarea/styles.module.scss +1 -1
  118. package/components/Tile/styles.module.scss +7 -7
  119. package/components/Toggle/styles.module.scss +5 -5
  120. package/components/Validation/styles.module.scss +2 -2
  121. package/constants.d.ts +0 -6
  122. package/constants.js +0 -8
  123. package/constants.js.map +1 -1
  124. package/hooks/useRovingFocus.d.ts +1 -9
  125. package/index.js +1 -2
  126. package/package.json +1 -1
  127. package/scss/_font-mixins.scss +21 -21
  128. package/scss/_input.scss +2 -2
  129. package/scss/_print.scss +3 -3
  130. package/scss/_reset.scss +1 -1
  131. package/scss/helsenorge.scss +7 -7
  132. package/scss/typography.module.scss +4 -4
  133. package/Trigger.js.map +0 -1
  134. package/components/Icons/EmptyBox.js +0 -24
  135. package/components/Icons/EmptyBox.js.map +0 -1
  136. package/components/Icons/HealthMeasurements.d.ts +0 -4
  137. package/components/Icons/HealthMeasurements.js +0 -24
  138. package/components/Icons/HealthMeasurements.js.map +0 -1
  139. package/components/Icons/SharedHealthData.d.ts +0 -4
  140. package/components/Icons/SharedHealthData.js +0 -24
  141. package/components/Icons/SharedHealthData.js.map +0 -1
  142. package/components/Icons/SharedHealthMeasurements.d.ts +0 -4
  143. package/components/Icons/SharedHealthMeasurements.js +0 -24
  144. package/components/Icons/SharedHealthMeasurements.js.map +0 -1
  145. package/components/Icons/StickyNote.js +0 -24
  146. package/components/Icons/StickyNote.js.map +0 -1
  147. package/components/Icons/StickyNotes.js +0 -24
  148. package/components/Icons/StickyNotes.js.map +0 -1
  149. package/components/Trigger/InfoSignStroke.d.ts +0 -4
  150. package/components/Trigger/Trigger.d.ts +0 -49
  151. package/components/Trigger/index.d.ts +0 -3
  152. package/components/Trigger/index.js +0 -5
  153. package/components/Trigger/styles.module.scss.d.ts +0 -16
  154. package/utils/language.d.ts +0 -17
  155. package/utils/language.js +0 -25
  156. package/utils/language.js.map +0 -1
  157. package/utils/tests/language.test.d.ts +0 -1
  158. /package/components/{Trigger → HelpTrigger}/HelpSign.d.ts +0 -0
  159. /package/components/{Trigger/Trigger.test.d.ts → HelpTrigger/HelpTrigger.test.d.ts} +0 -0
  160. /package/components/{Trigger → HelpTrigger}/index.js.map +0 -0
@@ -1,16 +0,0 @@
1
- export type Styles = {
2
- trigger: string;
3
- 'trigger--help': string;
4
- 'trigger--hovered': string;
5
- 'trigger--info': string;
6
- 'trigger--large': string;
7
- 'trigger--medium': string;
8
- 'trigger--ondark': string;
9
- 'trigger--selected': string;
10
- };
11
-
12
- export type ClassNames = keyof Styles;
13
-
14
- declare const styles: Styles;
15
-
16
- export default styles;
@@ -1,17 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface LanguageContextType<T extends string = string> {
3
- language: T;
4
- }
5
- export declare const LanguageContext: React.Context<LanguageContextType<string> | undefined>;
6
- /**
7
- * Hent nåværende språk fra context
8
- * @param fallbackLanguage Språk som brukes som fallback dersom hooken brukes utenfor contexten
9
- * @returns LanguageContext
10
- */
11
- export declare const useLanguage: <T extends string>(fallbackLanguage: T) => LanguageContextType<T>;
12
- interface LanguageProviderProps<T extends string> {
13
- children: React.ReactNode;
14
- language: T;
15
- }
16
- declare const LanguageProvider: <T extends string>({ children, language }: LanguageProviderProps<T>) => React.JSX.Element;
17
- export default LanguageProvider;
package/utils/language.js DELETED
@@ -1,25 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { createContext, useContext, useMemo } from "react";
3
- const LanguageContext = createContext(void 0);
4
- const useLanguage = (fallbackLanguage) => {
5
- const context = useContext(LanguageContext);
6
- if (!context) {
7
- return { language: fallbackLanguage };
8
- }
9
- return context;
10
- };
11
- const LanguageProvider = ({ children, language }) => {
12
- const value = useMemo(
13
- () => ({
14
- language
15
- }),
16
- [language]
17
- );
18
- return /* @__PURE__ */ jsx(LanguageContext.Provider, { value, children });
19
- };
20
- export {
21
- LanguageContext,
22
- LanguageProvider as default,
23
- useLanguage
24
- };
25
- //# sourceMappingURL=language.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"language.js","sources":["../../src/utils/language.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nexport interface LanguageContextType<T extends string = string> {\n language: T;\n}\n\nexport const LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n/**\n * Hent nåværende språk fra context\n * @param fallbackLanguage Språk som brukes som fallback dersom hooken brukes utenfor contexten\n * @returns LanguageContext\n */\nexport const useLanguage = <T extends string>(fallbackLanguage: T): LanguageContextType<T> => {\n const context = useContext(LanguageContext as unknown as React.Context<LanguageContextType<T>>);\n\n if (!context) {\n return { language: fallbackLanguage };\n }\n\n return context;\n};\n\ninterface LanguageProviderProps<T extends string> {\n children: React.ReactNode;\n language: T;\n}\n\nconst LanguageProvider = <T extends string>({ children, language }: LanguageProviderProps<T>): React.JSX.Element => {\n const value = useMemo<LanguageContextType<T>>(\n () => ({\n language,\n }),\n [language]\n );\n\n return <LanguageContext.Provider value={value}>{children}</LanguageContext.Provider>;\n};\n\nexport default LanguageProvider;\n"],"names":[],"mappings":";;AAMa,MAAA,kBAAkB,cAA+C,MAAS;AAO1E,MAAA,cAAc,CAAmB,qBAAgD;AACtF,QAAA,UAAU,WAAW,eAAmE;AAE9F,MAAI,CAAC,SAAS;AACL,WAAA,EAAE,UAAU,iBAAiB;AAAA,EAAA;AAG/B,SAAA;AACT;AAOA,MAAM,mBAAmB,CAAmB,EAAE,UAAU,eAA4D;AAClH,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,IAAA;AAAA,IAEF,CAAC,QAAQ;AAAA,EACX;AAEA,SAAQ,oBAAA,gBAAgB,UAAhB,EAAyB,OAAe,SAAS,CAAA;AAC3D;"}
@@ -1 +0,0 @@
1
- export {};