@helsenorge/designsystem-react 10.4.0 → 11.0.0-beta.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 (95) hide show
  1. package/LazyIcon.js +1 -1
  2. package/LazyIcon.js.map +1 -1
  3. package/components/AnchorLink/styles.module.scss +0 -1
  4. package/components/Button/styles.module.scss +13 -13
  5. package/components/Checkbox/styles.module.scss +2 -2
  6. package/components/Chip/styles.module.scss +0 -1
  7. package/components/Close/styles.module.scss +2 -2
  8. package/components/Drawer/index.js +1 -3
  9. package/components/Drawer/index.js.map +1 -1
  10. package/components/Drawer/styles.module.scss +12 -12
  11. package/components/Dropdown/index.js +6 -22
  12. package/components/Dropdown/index.js.map +1 -1
  13. package/components/Dropdown/styles.module.scss +5 -5
  14. package/components/Duolist/styles.module.scss +2 -2
  15. package/components/EmptyState/EmptyBoxBeeCompact.d.ts +4 -0
  16. package/components/EmptyState/index.js +23 -3
  17. package/components/EmptyState/index.js.map +1 -1
  18. package/components/EmptyState/styles.module.scss +5 -5
  19. package/components/ErrorWrapper/styles.module.scss +2 -2
  20. package/components/Expander/styles.module.scss +8 -8
  21. package/components/ExpanderHierarchy/expander.module.scss +7 -7
  22. package/components/ExpanderList/styles.module.scss +3 -3
  23. package/components/FormGroup/styles.module.scss +1 -1
  24. package/components/HelpBubble/styles.module.scss +2 -2
  25. package/components/HelpQuestion/styles.module.scss +2 -2
  26. package/components/HighlightPanel/styles.module.scss +2 -2
  27. package/components/HorizontalScroll/styles.module.scss +1 -1
  28. package/components/Icons/AdditionalIconInformation.d.ts +4 -48
  29. package/components/Icons/AdditionalIconInformation.js +4 -15
  30. package/components/Icons/AdditionalIconInformation.js.map +1 -1
  31. package/components/Icons/IconNames.d.ts +1 -1
  32. package/components/Icons/IconNames.js +0 -6
  33. package/components/Icons/IconNames.js.map +1 -1
  34. package/components/Input/styles.module.scss +3 -3
  35. package/components/Label/styles.module.scss +2 -2
  36. package/components/LinkList/styles.module.scss +3 -3
  37. package/components/ListHeader/styles.module.scss +1 -1
  38. package/components/MaxCharacters/styles.module.scss +2 -2
  39. package/components/Modal/styles.module.scss +16 -16
  40. package/components/NotificationPanel/styles.module.scss +8 -8
  41. package/components/Panel/styles.module.scss +16 -16
  42. package/components/PanelList/styles.module.scss +2 -2
  43. package/components/PopMenu/styles.module.scss +6 -4
  44. package/components/PopOver/styles.module.scss +2 -2
  45. package/components/PromoPanel/styles.module.scss +9 -9
  46. package/components/RadioButton/styles.module.scss +2 -2
  47. package/components/Select/styles.module.scss +3 -3
  48. package/components/ServiceMessage/styles.module.scss +1 -1
  49. package/components/SharingStatus/styles.module.scss +1 -1
  50. package/components/Slider/styles.module.scss +2 -2
  51. package/components/StatusDot/styles.module.scss +3 -3
  52. package/components/StepButtons/styles.module.scss +3 -3
  53. package/components/Stepper/styles.module.scss +2 -2
  54. package/components/StickyNote/styles.module.scss +1 -1
  55. package/components/Table/styles.module.scss +1 -1
  56. package/components/Tabs/TabList/styles.module.scss +2 -2
  57. package/components/Tabs/TabPanel/styles.module.scss +3 -3
  58. package/components/Tabs/styles.module.scss +3 -3
  59. package/components/Tag/styles.module.scss +1 -1
  60. package/components/TagList/styles.module.scss +1 -1
  61. package/components/Textarea/styles.module.scss +1 -1
  62. package/components/Tile/styles.module.scss +7 -7
  63. package/components/Toggle/styles.module.scss +5 -5
  64. package/components/Validation/styles.module.scss +2 -2
  65. package/constants.d.ts +0 -6
  66. package/constants.js +0 -8
  67. package/constants.js.map +1 -1
  68. package/index.js +1 -2
  69. package/package.json +1 -1
  70. package/scss/_font-mixins.scss +21 -21
  71. package/scss/_input.scss +2 -2
  72. package/scss/_print.scss +3 -3
  73. package/scss/_reset.scss +1 -1
  74. package/scss/helsenorge.scss +7 -7
  75. package/scss/typography.module.scss +4 -4
  76. package/components/Icons/EmptyBox.d.ts +0 -4
  77. package/components/Icons/EmptyBox.js +0 -24
  78. package/components/Icons/EmptyBox.js.map +0 -1
  79. package/components/Icons/HealthMeasurements.d.ts +0 -4
  80. package/components/Icons/HealthMeasurements.js +0 -24
  81. package/components/Icons/HealthMeasurements.js.map +0 -1
  82. package/components/Icons/SharedHealthData.d.ts +0 -4
  83. package/components/Icons/SharedHealthData.js +0 -24
  84. package/components/Icons/SharedHealthData.js.map +0 -1
  85. package/components/Icons/SharedHealthMeasurements.d.ts +0 -4
  86. package/components/Icons/SharedHealthMeasurements.js +0 -24
  87. package/components/Icons/SharedHealthMeasurements.js.map +0 -1
  88. package/components/Icons/StickyNote.d.ts +0 -4
  89. package/components/Icons/StickyNote.js +0 -24
  90. package/components/Icons/StickyNote.js.map +0 -1
  91. package/components/Icons/StickyNotes.d.ts +0 -4
  92. package/components/Icons/StickyNotes.js +0 -24
  93. package/components/Icons/StickyNotes.js.map +0 -1
  94. package/utils/language.d.ts +0 -16
  95. package/utils/tests/language.test.d.ts +0 -1
@@ -4,7 +4,7 @@
4
4
  @use '../../scss/spacers' as spacers;
5
5
  @use '../../scss/palette' as palette;
6
6
  @use '../../scss/font-settings' as font-settings;
7
- @use '../../scss/breakpoints' as *;
7
+ @import '../../scss/breakpoints';
8
8
  @import '../../scss/grid';
9
9
 
10
10
  /* fix outline for Safari */
@@ -1,5 +1,5 @@
1
1
  @use 'sass:map';
2
- @use '../../../scss/breakpoints' as *;
2
+ @use '../../../scss/breakpoints' as breakpoints;
3
3
  @import '../../../scss/supernova/styles/colors';
4
4
 
5
5
  .tab-list {
@@ -25,7 +25,7 @@
25
25
  display: none; /* Safari */
26
26
  }
27
27
 
28
- @media (min-width: map.get($grid-breakpoints, md)) {
28
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
29
29
  padding-left: 0;
30
30
  padding-right: 0;
31
31
 
@@ -1,7 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '../../../scss/spacers' as spacers;
3
3
  @use '../../../scss/palette' as palette;
4
- @use '../../../scss/breakpoints' as *;
4
+ @use '../../../scss/breakpoints' as breakpoints;
5
5
  @import '../../../scss/supernova/styles/colors';
6
6
 
7
7
  .tab-panel {
@@ -18,7 +18,7 @@
18
18
  }
19
19
  }
20
20
 
21
- @media (min-width: map.get($grid-breakpoints, md)) {
21
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
22
22
  border-radius: 0 0 0.5rem 0.5rem;
23
23
  border: 1px solid var(--color-action-border-onlight-focus);
24
24
  border-top: 0;
@@ -27,7 +27,7 @@
27
27
  &#{$tab-panel}--first {
28
28
  border-radius: 0;
29
29
 
30
- @media (min-width: map.get($grid-breakpoints, md)) {
30
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
31
31
  border-radius: 0 0 0.5rem 0.5rem;
32
32
  }
33
33
  }
@@ -1,6 +1,6 @@
1
1
  @use 'sass:map';
2
- @use '../../scss/breakpoints' as *;
3
- @import '../../scss/supernova/styles/colors';
2
+ @use '../../scss/breakpoints' as breakpoints;
3
+ @import '../../scss/supernova/styles/colors.css';
4
4
 
5
5
  .tab-list-wrapper {
6
6
  position: relative;
@@ -21,7 +21,7 @@
21
21
  border-radius: 0;
22
22
  height: 50px;
23
23
 
24
- @media (min-width: map.get($grid-breakpoints, md)) {
24
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
25
25
  border-right: 1px solid var(--color-action-border-onlight-focus);
26
26
  border-left: 1px solid var(--color-action-border-onlight-focus);
27
27
  height: 50px;
@@ -1,7 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '../../scss/spacers' as spacers;
3
3
  @use '../../scss/palette' as palette;
4
- @use '../../scss/breakpoints' as *;
4
+ @use '../../scss/breakpoints' as breakpoints;
5
5
 
6
6
  .tag {
7
7
  $tag: &;
@@ -1,6 +1,6 @@
1
1
  @use '../../scss/spacers' as spacers;
2
2
  @use '../../scss/palette' as palette;
3
- @use '../../scss/breakpoints' as *;
3
+ @use '../../scss/breakpoints' as breakpoints;
4
4
 
5
5
  .tag-list {
6
6
  all: unset;
@@ -2,7 +2,7 @@
2
2
  @use '../../scss/palette' as palette;
3
3
  @use '../../scss/font-mixins' as fonts;
4
4
  @use '../../scss/input' as input;
5
- @use '../../scss/breakpoints' as *;
5
+ @use '../../scss/breakpoints' as breakpoints;
6
6
 
7
7
  .textarea {
8
8
  @include input.input-wrapper;
@@ -3,8 +3,8 @@
3
3
  @use '../../scss/palette' as palette;
4
4
  @use '../../scss/spacers' as spacers;
5
5
  @use '../../scss/screen-reader' as *;
6
- @use '../../scss/breakpoints' as *;
7
- @import '../../scss/supernova/styles/colors';
6
+ @use '../../scss/breakpoints' as breakpoints;
7
+ @import '../../scss/supernova/styles/colors.css';
8
8
 
9
9
  .tile {
10
10
  // Referanse for grandparent selection i underklassene lenger nede
@@ -22,7 +22,7 @@
22
22
  border: 1px solid var(--color-base-border-blueberry);
23
23
  outline: none;
24
24
 
25
- @media (min-width: map.get($grid-breakpoints, md)) {
25
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
26
26
  padding: spacers.getSpacer(l) spacers.getSpacer(m) spacers.getSpacer(l) spacers.getSpacer(s);
27
27
  justify-content: flex-start;
28
28
  }
@@ -39,7 +39,7 @@
39
39
  &--compact {
40
40
  padding: spacers.getSpacer(2xs) spacers.getSpacer(2xs) spacers.getSpacer(xs);
41
41
 
42
- @media (min-width: map.get($grid-breakpoints, md)) {
42
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
43
43
  padding: spacers.getSpacer(s) spacers.getSpacer(m) spacers.getSpacer(s) spacers.getSpacer(s);
44
44
  }
45
45
  }
@@ -84,7 +84,7 @@
84
84
  font-weight: 400;
85
85
  margin: spacers.getSpacer(3xs) 0 0;
86
86
 
87
- @media (min-width: map.get($grid-breakpoints, md)) {
87
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
88
88
  text-align: left;
89
89
  font-weight: 600;
90
90
  font-size: font-settings.$font-size-md;
@@ -96,7 +96,7 @@
96
96
  margin: 0 0 0 spacers.getSpacer(3xs);
97
97
  text-align: left;
98
98
 
99
- @media (min-width: map.get($grid-breakpoints, md)) {
99
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
100
100
  margin-left: spacers.getSpacer(2xs);
101
101
  }
102
102
  }
@@ -126,7 +126,7 @@
126
126
  flex-direction: column;
127
127
  align-items: center;
128
128
 
129
- @media (min-width: map.get($grid-breakpoints, md)) {
129
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
130
130
  align-items: start;
131
131
 
132
132
  @media print {
@@ -3,8 +3,8 @@
3
3
  @use '../../scss/palette' as palette;
4
4
  @use '../../scss/font-settings' as font-settings;
5
5
  @use '../../scss/font-mixins' as fonts;
6
- @use '../../scss/breakpoints' as *;
7
- @import '../../scss/supernova/styles/colors';
6
+ @use '../../scss/breakpoints' as breakpoints;
7
+ @import '../../scss/supernova/styles/colors.css';
8
8
 
9
9
  .toggle-container {
10
10
  display: flex;
@@ -27,7 +27,7 @@
27
27
  color: var(--core-color-neutral-900);
28
28
  margin-left: spacers.getSpacer(xs);
29
29
 
30
- @media (min-width: map.get($grid-breakpoints, sm)) {
30
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, sm)) {
31
31
  margin-left: spacers.getSpacer(s);
32
32
  }
33
33
 
@@ -39,7 +39,7 @@
39
39
  margin-left: 0;
40
40
  margin-right: spacers.getSpacer(xs);
41
41
 
42
- @media (min-width: map.get($grid-breakpoints, sm)) {
42
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, sm)) {
43
43
  margin-right: spacers.getSpacer(s);
44
44
  }
45
45
  }
@@ -52,7 +52,7 @@
52
52
  margin-left: 3.9rem;
53
53
  text-align: left;
54
54
 
55
- @media (min-width: map.get($grid-breakpoints, sm)) {
55
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, sm)) {
56
56
  font-size: font-settings.$font-size-sm;
57
57
  line-height: font-settings.$lineheight-size-xs;
58
58
  text-align: left;
@@ -2,13 +2,13 @@
2
2
  @use '../../scss/spacers' as spacers;
3
3
  @use '../../scss/palette' as palette;
4
4
  @use '../../scss/font-settings' as font-settings;
5
- @use '../../scss/breakpoints' as *;
5
+ @use '../../scss/breakpoints' as breakpoints;
6
6
 
7
7
  .validation {
8
8
  &__error-wrapper {
9
9
  margin-bottom: spacers.getSpacer(2xs);
10
10
 
11
- @media (min-width: map.get($grid-breakpoints, md)) {
11
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
12
12
  margin-bottom: spacers.getSpacer(m);
13
13
  }
14
14
  }
package/constants.d.ts CHANGED
@@ -124,9 +124,3 @@ export declare enum KeyboardEventKey {
124
124
  Space = " ",
125
125
  Tab = "Tab"
126
126
  }
127
- export declare enum LanguageLocales {
128
- NORWEGIAN = "nb-NO",
129
- NORWEGIAN_NYNORSK = "nn-NO",
130
- ENGLISH = "en-GB",
131
- SAMI_NORTHERN = "se-NO"
132
- }
package/constants.js CHANGED
@@ -104,13 +104,6 @@ var KeyboardEventKey = /* @__PURE__ */ ((KeyboardEventKey2) => {
104
104
  KeyboardEventKey2["Tab"] = "Tab";
105
105
  return KeyboardEventKey2;
106
106
  })(KeyboardEventKey || {});
107
- var LanguageLocales = /* @__PURE__ */ ((LanguageLocales2) => {
108
- LanguageLocales2["NORWEGIAN"] = "nb-NO";
109
- LanguageLocales2["NORWEGIAN_NYNORSK"] = "nn-NO";
110
- LanguageLocales2["ENGLISH"] = "en-GB";
111
- LanguageLocales2["SAMI_NORTHERN"] = "se-NO";
112
- return LanguageLocales2;
113
- })(LanguageLocales || {});
114
107
  export {
115
108
  AVERAGE_CHARACTER_WIDTH_PX,
116
109
  AnalyticsId,
@@ -118,7 +111,6 @@ export {
118
111
  FormSize,
119
112
  IconSize,
120
113
  KeyboardEventKey,
121
- LanguageLocales,
122
114
  ZIndex
123
115
  };
124
116
  //# sourceMappingURL=constants.js.map
package/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n XXSmall = 24,\n XSmall = 38,\n Small = 48,\n Medium = 64,\n Large = 80,\n XLarge = 130,\n}\n\nexport enum ZIndex {\n Modal = 1300000,\n PopOver = 11000,\n OverlayScreen = 9999,\n LightBoxButtons = 1000,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n autoFocus?: boolean;\n disabled?: boolean;\n form?: string;\n formAction?: string;\n formEncType?: string;\n formMethod?: string;\n formNoValidate?: boolean;\n formTarget?: string;\n name?: string;\n type?: 'submit' | 'reset' | 'button' | string;\n value?: string | string[] | number;\n id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n download?: string;\n href?: string;\n hrefLang?: string;\n media?: string;\n ping?: string;\n rel?: AnchorTarget;\n target?: string;\n referrerPolicy?:\n | ''\n | 'same-origin'\n | 'no-referrer'\n | 'no-referrer-when-downgrade'\n | 'origin'\n | 'origin-when-cross-origin'\n | 'strict-origin'\n | 'strict-origin-when-cross-origin'\n | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormOnColor {\n onwhite = 'onwhite',\n ongrey = 'ongrey',\n onblueberry = 'onblueberry',\n ondark = 'ondark',\n oninvalid = 'oninvalid',\n}\n\nexport enum FormSize {\n medium = 'medium',\n large = 'large',\n}\n\nexport enum AnalyticsId {\n AnchorLink = 'anchor-link',\n Avatar = 'avatar',\n Badge = 'badge',\n Button = 'button',\n Checkbox = 'checkbox',\n Chip = 'chip',\n Close = 'close',\n DictionaryTrigger = 'dictionary-trigger',\n Drawer = 'Drawer',\n Dropdown = 'dropdown',\n Duolist = 'duolist',\n EmptyState = 'empty-state',\n Expander = 'expander',\n ExpanderHierarchy = 'expander-hierarchy',\n ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n ExpanderList = 'expander-list',\n ExpanderListExpander = 'expander-list-expander',\n EyebrowHeader = 'eyebrow-header',\n FormGroup = 'form-group',\n FormLayout = 'form-layout',\n HelpBubble = 'help-bubble',\n HelpQuestion = 'help-question',\n HighlightPanel = 'highlight-panel',\n Icon = 'icon',\n Illustration = 'Illustration',\n Input = 'input',\n Label = 'label',\n Link = 'link',\n LinkList = 'link-list',\n List = 'list',\n Loader = 'loader',\n Logo = 'logo',\n Modal = 'modal',\n NotificationPanel = 'notification-panel',\n Panel = 'panel',\n PanelList = 'panel-list',\n PopMenu = 'pop-menu',\n PopOver = 'pop-over',\n Portal = 'portal',\n PromoPanel = 'promo-panel',\n RadioButton = 'radio-button',\n Select = 'select',\n SharingStatus = 'sharing-status',\n Slider = 'slider',\n Spacer = 'spacer',\n StatusDot = 'status-dot',\n Step = 'step',\n StepButtons = 'step-buttons',\n Stepper = 'stepper',\n Sublabel = 'sublabel',\n Table = 'table',\n Tag = 'tag',\n TagList = 'tag-list',\n Textarea = 'textarea',\n Tile = 'tile',\n Title = 'title',\n Toggle = 'toggle',\n Tooltip = 'tooltip',\n Trigger = 'trigger',\n Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n Enter = 'Enter',\n Escape = 'Escape',\n ArrowDown = 'ArrowDown',\n ArrowUp = 'ArrowUp',\n ArrowRight = 'ArrowRight',\n ArrowLeft = 'ArrowLeft',\n Home = 'Home',\n End = 'End',\n Space = ' ',\n Tab = 'Tab',\n}\n\nexport enum LanguageLocales {\n NORWEGIAN = 'nb-NO',\n NORWEGIAN_NYNORSK = 'nn-NO',\n ENGLISH = 'en-GB',\n SAMI_NORTHERN = 'se-NO',\n}\n"],"names":["IconSize","ZIndex","FormOnColor","FormSize","AnalyticsId","KeyboardEventKey","LanguageLocales"],"mappings":"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"}
1
+ {"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n XXSmall = 24,\n XSmall = 38,\n Small = 48,\n Medium = 64,\n Large = 80,\n XLarge = 130,\n}\n\nexport enum ZIndex {\n Modal = 1300000,\n PopOver = 11000,\n OverlayScreen = 9999,\n LightBoxButtons = 1000,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n autoFocus?: boolean;\n disabled?: boolean;\n form?: string;\n formAction?: string;\n formEncType?: string;\n formMethod?: string;\n formNoValidate?: boolean;\n formTarget?: string;\n name?: string;\n type?: 'submit' | 'reset' | 'button' | string;\n value?: string | string[] | number;\n id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n download?: string;\n href?: string;\n hrefLang?: string;\n media?: string;\n ping?: string;\n rel?: AnchorTarget;\n target?: string;\n referrerPolicy?:\n | ''\n | 'same-origin'\n | 'no-referrer'\n | 'no-referrer-when-downgrade'\n | 'origin'\n | 'origin-when-cross-origin'\n | 'strict-origin'\n | 'strict-origin-when-cross-origin'\n | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormOnColor {\n onwhite = 'onwhite',\n ongrey = 'ongrey',\n onblueberry = 'onblueberry',\n ondark = 'ondark',\n oninvalid = 'oninvalid',\n}\n\nexport enum FormSize {\n medium = 'medium',\n large = 'large',\n}\n\nexport enum AnalyticsId {\n AnchorLink = 'anchor-link',\n Avatar = 'avatar',\n Badge = 'badge',\n Button = 'button',\n Checkbox = 'checkbox',\n Chip = 'chip',\n Close = 'close',\n DictionaryTrigger = 'dictionary-trigger',\n Drawer = 'Drawer',\n Dropdown = 'dropdown',\n Duolist = 'duolist',\n EmptyState = 'empty-state',\n Expander = 'expander',\n ExpanderHierarchy = 'expander-hierarchy',\n ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n ExpanderList = 'expander-list',\n ExpanderListExpander = 'expander-list-expander',\n EyebrowHeader = 'eyebrow-header',\n FormGroup = 'form-group',\n FormLayout = 'form-layout',\n HelpBubble = 'help-bubble',\n HelpQuestion = 'help-question',\n HighlightPanel = 'highlight-panel',\n Icon = 'icon',\n Illustration = 'Illustration',\n Input = 'input',\n Label = 'label',\n Link = 'link',\n LinkList = 'link-list',\n List = 'list',\n Loader = 'loader',\n Logo = 'logo',\n Modal = 'modal',\n NotificationPanel = 'notification-panel',\n Panel = 'panel',\n PanelList = 'panel-list',\n PopMenu = 'pop-menu',\n PopOver = 'pop-over',\n Portal = 'portal',\n PromoPanel = 'promo-panel',\n RadioButton = 'radio-button',\n Select = 'select',\n SharingStatus = 'sharing-status',\n Slider = 'slider',\n Spacer = 'spacer',\n StatusDot = 'status-dot',\n Step = 'step',\n StepButtons = 'step-buttons',\n Stepper = 'stepper',\n Sublabel = 'sublabel',\n Table = 'table',\n Tag = 'tag',\n TagList = 'tag-list',\n Textarea = 'textarea',\n Tile = 'tile',\n Title = 'title',\n Toggle = 'toggle',\n Tooltip = 'tooltip',\n Trigger = 'trigger',\n Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n Enter = 'Enter',\n Escape = 'Escape',\n ArrowDown = 'ArrowDown',\n ArrowUp = 'ArrowUp',\n ArrowRight = 'ArrowRight',\n ArrowLeft = 'ArrowLeft',\n Home = 'Home',\n End = 'End',\n Space = ' ',\n Tab = 'Tab',\n}\n"],"names":["IconSize","ZIndex","FormOnColor","FormSize","AnalyticsId","KeyboardEventKey"],"mappings":"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"}
package/index.js CHANGED
@@ -15,7 +15,7 @@ import { useOutsideEvent } from "./hooks/useOutsideEvent.js";
15
15
  import { useUuid } from "./hooks/useUuid.js";
16
16
  import { isMobileUA } from "./utils/mobile.js";
17
17
  import { u } from "./uuid.js";
18
- import { AVERAGE_CHARACTER_WIDTH_PX, AnalyticsId, FormOnColor, FormSize, IconSize, KeyboardEventKey, LanguageLocales, ZIndex } from "./constants.js";
18
+ import { AVERAGE_CHARACTER_WIDTH_PX, AnalyticsId, FormOnColor, FormSize, IconSize, KeyboardEventKey, ZIndex } from "./constants.js";
19
19
  export {
20
20
  AVERAGE_CHARACTER_WIDTH_PX,
21
21
  AnalyticsId,
@@ -24,7 +24,6 @@ export {
24
24
  FormSize,
25
25
  IconSize,
26
26
  KeyboardEventKey,
27
- LanguageLocales,
28
27
  ZIndex,
29
28
  isMobileUA,
30
29
  theme,
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "git+https://github.com/helsenorge/designsystem.git"
8
8
  },
9
9
  "homepage": "https://helsenorge.design",
10
- "version": "10.4.0",
10
+ "version": "11.0.0-beta.0",
11
11
  "author": "Helsenorge",
12
12
  "license": "MIT",
13
13
  "dependencies": {
@@ -1,13 +1,13 @@
1
1
  @use 'sass:map';
2
2
  @use './spacers' as spacers;
3
- @use './breakpoints' as *;
3
+ @use './breakpoints' as breakpoints;
4
4
 
5
5
  @mixin title-feature {
6
6
  font-size: 2.375rem;
7
7
  line-height: 2.875rem;
8
8
  font-weight: 600;
9
9
 
10
- @media (min-width: map.get($grid-breakpoints, md)) {
10
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
11
11
  font-size: 4rem;
12
12
  line-height: 5rem;
13
13
  }
@@ -18,7 +18,7 @@
18
18
  line-height: 2.375rem;
19
19
  font-weight: 600;
20
20
 
21
- @media (min-width: map.get($grid-breakpoints, md)) {
21
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
22
22
  font-size: 3rem;
23
23
  line-height: 3.625rem;
24
24
  }
@@ -29,7 +29,7 @@
29
29
  line-height: 1.938rem;
30
30
  font-weight: 600;
31
31
 
32
- @media (min-width: map.get($grid-breakpoints, md)) {
32
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
33
33
  font-size: 2rem;
34
34
  line-height: 2.375rem;
35
35
  }
@@ -40,7 +40,7 @@
40
40
  line-height: 1.813rem;
41
41
  font-weight: 600;
42
42
 
43
- @media (min-width: map.get($grid-breakpoints, md)) {
43
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
44
44
  font-size: 1.625rem;
45
45
  line-height: 2rem;
46
46
  }
@@ -51,7 +51,7 @@
51
51
  line-height: 1.625rem;
52
52
  font-weight: 600;
53
53
 
54
- @media (min-width: map.get($grid-breakpoints, md)) {
54
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
55
55
  font-size: 1.375rem;
56
56
  line-height: 1.813rem;
57
57
  }
@@ -64,7 +64,7 @@
64
64
  font-weight: 600;
65
65
  text-transform: uppercase;
66
66
 
67
- @media (min-width: map.get($grid-breakpoints, md)) {
67
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
68
68
  font-size: 1.125rem;
69
69
  line-height: 1.563rem;
70
70
  }
@@ -75,7 +75,7 @@
75
75
  line-height: 1.375rem;
76
76
  font-weight: 600;
77
77
 
78
- @media (min-width: map.get($grid-breakpoints, md)) {
78
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
79
79
  font-size: 1.125rem;
80
80
  line-height: 1.563rem;
81
81
  }
@@ -85,7 +85,7 @@
85
85
  font-size: 1.125rem;
86
86
  line-height: 1.688rem;
87
87
 
88
- @media (min-width: map.get($grid-breakpoints, md)) {
88
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
89
89
  font-size: 1.25rem;
90
90
  line-height: 1.875rem;
91
91
  }
@@ -96,7 +96,7 @@
96
96
  line-height: 1.625rem;
97
97
  font-weight: 400;
98
98
 
99
- @media (min-width: map.get($grid-breakpoints, md)) {
99
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
100
100
  font-size: 1.5rem;
101
101
  line-height: 1.938rem;
102
102
  }
@@ -107,7 +107,7 @@
107
107
  line-height: 1.438rem;
108
108
  font-weight: 600;
109
109
 
110
- @media (min-width: map.get($grid-breakpoints, md)) {
110
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
111
111
  font-size: 1.5rem;
112
112
  line-height: 1.938rem;
113
113
  }
@@ -118,7 +118,7 @@
118
118
  line-height: 1.375rem;
119
119
  font-weight: 600;
120
120
 
121
- @media (min-width: map.get($grid-breakpoints, md)) {
121
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
122
122
  font-size: 1.25rem;
123
123
  line-height: 1.625rem;
124
124
  }
@@ -129,7 +129,7 @@
129
129
  line-height: 1.375rem;
130
130
  font-weight: 400;
131
131
 
132
- @media (min-width: map.get($grid-breakpoints, md)) {
132
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
133
133
  font-size: 1.25rem;
134
134
  line-height: 1.625rem;
135
135
  }
@@ -140,7 +140,7 @@
140
140
  line-height: 1.2rem;
141
141
  font-weight: 600;
142
142
 
143
- @media (min-width: map.get($grid-breakpoints, md)) {
143
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
144
144
  font-size: 1.125rem;
145
145
  line-height: 1.463rem;
146
146
  }
@@ -151,7 +151,7 @@
151
151
  line-height: 1.2rem;
152
152
  font-weight: 400;
153
153
 
154
- @media (min-width: map.get($grid-breakpoints, md)) {
154
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
155
155
  font-size: 1.125rem;
156
156
  line-height: 1.463rem;
157
157
  }
@@ -161,7 +161,7 @@
161
161
  font-size: 1rem;
162
162
  line-height: 1.5rem;
163
163
 
164
- @media (min-width: map.get($grid-breakpoints, md)) {
164
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
165
165
  font-size: 1.125rem;
166
166
  line-height: 1.4375rem;
167
167
  }
@@ -191,7 +191,7 @@
191
191
  font-size: 1.125rem;
192
192
  line-height: 1.688rem;
193
193
 
194
- @media (min-width: map.get($grid-breakpoints, md)) {
194
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
195
195
  line-height: 1.4375rem;
196
196
  }
197
197
  }
@@ -200,7 +200,7 @@
200
200
  font-size: 1.125rem;
201
201
  line-height: 1.563rem;
202
202
 
203
- @media (min-width: map.get($grid-breakpoints, md)) {
203
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
204
204
  font-size: 1.25rem;
205
205
  line-height: 1.75rem;
206
206
  }
@@ -211,7 +211,7 @@
211
211
  line-height: 1.375rem;
212
212
  font-weight: 400;
213
213
 
214
- @media (min-width: map.get($grid-breakpoints, md)) {
214
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
215
215
  font-size: 1.25rem;
216
216
  line-height: 1.625rem;
217
217
  }
@@ -222,7 +222,7 @@
222
222
  line-height: 1.375rem;
223
223
  font-weight: 600;
224
224
 
225
- @media (min-width: map.get($grid-breakpoints, md)) {
225
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
226
226
  font-size: 1.25rem;
227
227
  line-height: 1.625rem;
228
228
  }
@@ -233,7 +233,7 @@
233
233
  line-height: 1.375rem;
234
234
  font-weight: 400;
235
235
 
236
- @media (min-width: map.get($grid-breakpoints, md)) {
236
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
237
237
  font-size: 1.25rem;
238
238
  line-height: 1.625rem;
239
239
  }
package/scss/_input.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @use './palette' as palette;
3
3
  @use './spacers' as spacers;
4
4
  @use './font-settings' as font-settings;
5
- @use './breakpoints' as *;
5
+ @use './breakpoints' as breakpoints;
6
6
 
7
7
  @mixin input-wrapper {
8
8
  width: 100%;
@@ -145,7 +145,7 @@
145
145
  background-color: transparent;
146
146
  width: 100%;
147
147
 
148
- @media (min-width: map.get($grid-breakpoints, md)) {
148
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
149
149
  font-size: font-settings.$font-size-md;
150
150
  }
151
151
 
package/scss/_print.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use 'sass:map';
2
2
  @use 'palette' as palette;
3
- @import 'breakpoints';
3
+ @use 'breakpoints' as breakpoints;
4
4
 
5
5
  @media print {
6
6
  *,
@@ -15,11 +15,11 @@
15
15
  }
16
16
 
17
17
  body {
18
- min-width: map.get($grid-breakpoints, lg) !important;
18
+ min-width: map.get(breakpoints.$grid-breakpoints, lg) !important;
19
19
  }
20
20
 
21
21
  .container {
22
- min-width: map.get($grid-breakpoints, lg) !important;
22
+ min-width: map.get(breakpoints.$grid-breakpoints, lg) !important;
23
23
  }
24
24
 
25
25
  abbr[title]::after {
package/scss/_reset.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'normalize.css/normalize';
1
+ @import 'normalize.css/normalize.css';
2
2
 
3
3
  /** Fiks for iOS og Safari 15 */
4
4
  button,
@@ -1,8 +1,8 @@
1
- @import 'reset';
2
- @import 'spacers';
3
- @import 'breakpoints';
1
+ @use 'reset' as *;
2
+ @use 'spacers' as *;
3
+ @use 'breakpoints' as *;
4
+ @use 'palette' as *;
5
+ @use 'fonts' as *;
6
+ @use 'body' as *;
7
+ @use 'print' as *;
4
8
  @import 'bootstrap/scss/bootstrap-grid';
5
- @import 'palette';
6
- @import 'fonts';
7
- @import 'body';
8
- @import 'print';
@@ -3,8 +3,8 @@
3
3
  @use './palette' as palette;
4
4
  @use './font-mixins' as fonts;
5
5
  @use './font-settings' as font-settings;
6
- @use './breakpoints' as *;
7
- @import './fonts';
6
+ @use './breakpoints' as breakpoints;
7
+ @use './fonts' as *;
8
8
 
9
9
  /*
10
10
  Denne filen er ment til å importeres som en css module:
@@ -85,7 +85,7 @@ import designsystemtypography from './scss/typography.scss'
85
85
  font-size: font-settings.$font-size-sm;
86
86
  line-height: font-settings.$lineheight-size-sm;
87
87
 
88
- @media (min-width: map.get($grid-breakpoints, md)) {
88
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
89
89
  font-size: font-settings.$font-size-md;
90
90
  line-height: font-settings.$lineheight-size-md;
91
91
  }
@@ -95,7 +95,7 @@ import designsystemtypography from './scss/typography.scss'
95
95
  font-size: font-settings.$font-size-sm;
96
96
  line-height: font-settings.$lineheight-size-sm;
97
97
 
98
- @media (min-width: map.get($grid-breakpoints, md)) {
98
+ @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
99
99
  font-size: font-settings.$font-size-md;
100
100
  }
101
101
  }
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SvgPathProps } from '../Icon';
3
- declare const EmptyBox: React.FC<SvgPathProps>;
4
- export default EmptyBox;
@@ -1,24 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- const EmptyBox = ({ isHovered }) => {
3
- const normal = /* @__PURE__ */ jsx(
4
- "path",
5
- {
6
- fillRule: "evenodd",
7
- clipRule: "evenodd",
8
- d: "M23.311 14.378a.65.65 0 0 1 .378 0l13.742 4.176a.65.65 0 0 1 .409.365l3.757 8.757a.65.65 0 0 1-.397.875l-3.308 1.07v6.664a.65.65 0 0 1-.439.614l-13.742 4.715a.65.65 0 0 1-.422 0L9.547 36.9a.65.65 0 0 1-.44-.614V29.62L5.8 28.55a.65.65 0 0 1-.397-.875l3.757-8.757a.65.65 0 0 1 .409-.365l13.742-4.176Zm-13.293 14.17a.644.644 0 0 0-.122-.038l-3.017-.977 3.244-7.561 12.5 3.92-3.248 7.684-9.357-3.027Zm.39 1.493v5.78l12.442 4.268V26.694l-2.509 5.937a.65.65 0 0 1-.799.365l-9.134-2.955Zm13.742-3.347V40.09l12.442-4.269v-5.779l-9.134 2.955a.65.65 0 0 1-.8-.365l-2.508-5.937Zm12.954 1.816a.64.64 0 0 0-.122.039l-9.358 3.027-3.247-7.683 12.5-3.921 3.244 7.561-3.017.976Zm-2.065-9.324-10.889-3.31v6.726l10.89-3.416ZM22.85 22.602v-6.726l-10.89 3.31 10.89 3.416ZM34.11 7.277a.65.65 0 0 1 .226.89l-2.777 4.666a.65.65 0 1 1-1.117-.665l2.777-4.665a.65.65 0 0 1 .891-.226Zm-7.406-.926a.65.65 0 0 1 .65.65v4.007a.65.65 0 1 1-1.3 0V7.001a.65.65 0 0 1 .65-.65Zm12.481 6.52a.65.65 0 0 1-.317.864l-3.253 1.505a.65.65 0 0 1-.546-1.18l3.253-1.505a.65.65 0 0 1 .863.317Z"
9
- }
10
- );
11
- const normalHover = /* @__PURE__ */ jsx(
12
- "path",
13
- {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M23.311 14.378a.65.65 0 0 1 .378 0l13.742 4.176a.65.65 0 0 1 .409.365l3.757 8.757a.65.65 0 0 1-.397.875l-3.308 1.07v6.664a.65.65 0 0 1-.439.614l-13.742 4.715a.65.65 0 0 1-.422 0L9.547 36.9a.65.65 0 0 1-.44-.614V29.62L5.8 28.55a.65.65 0 0 1-.397-.875l3.757-8.757a.65.65 0 0 1 .409-.365l13.742-4.176Zm-13.293 14.17a.644.644 0 0 0-.122-.038l-3.017-.977 3.244-7.561 12.5 3.92-3.248 7.684-9.357-3.027Zm.39 1.493v5.78l12.442 4.268V26.694l-2.509 5.937a.65.65 0 0 1-.799.365l-9.134-2.955Zm13.742-3.347V40.09l12.442-4.269v-5.779l-9.134 2.955a.65.65 0 0 1-.8-.365l-2.508-5.937Zm12.954 1.816a.64.64 0 0 0-.122.039l-9.358 3.027-3.247-7.683 12.5-3.921 3.244 7.561-3.017.976Zm-2.065-9.324-10.889-3.31v6.726l10.89-3.416ZM22.85 22.602v-6.726l-10.89 3.31 10.89 3.416ZM34.064 6.25a.65.65 0 0 1 .297.87l-2.777 5.666a.65.65 0 0 1-1.168-.572l2.778-5.666a.65.65 0 0 1 .87-.297Zm-8.517.12a.65.65 0 0 1 .787.473l1 4.007a.65.65 0 1 1-1.26.315l-1-4.008a.65.65 0 0 1 .473-.788Zm14.661 6.557a.65.65 0 0 1-.396.83l-4.253 1.505a.65.65 0 0 1-.434-1.226l4.254-1.505a.65.65 0 0 1 .83.396Z"
17
- }
18
- );
19
- return isHovered ? normalHover : normal;
20
- };
21
- export {
22
- EmptyBox as default
23
- };
24
- //# sourceMappingURL=EmptyBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EmptyBox.js","sources":["../../../src/components/Icons/EmptyBox.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgPathProps } from '../Icon';\n\nconst EmptyBox: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {\n const normal = (\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.311 14.378a.65.65 0 0 1 .378 0l13.742 4.176a.65.65 0 0 1 .409.365l3.757 8.757a.65.65 0 0 1-.397.875l-3.308 1.07v6.664a.65.65 0 0 1-.439.614l-13.742 4.715a.65.65 0 0 1-.422 0L9.547 36.9a.65.65 0 0 1-.44-.614V29.62L5.8 28.55a.65.65 0 0 1-.397-.875l3.757-8.757a.65.65 0 0 1 .409-.365l13.742-4.176Zm-13.293 14.17a.644.644 0 0 0-.122-.038l-3.017-.977 3.244-7.561 12.5 3.92-3.248 7.684-9.357-3.027Zm.39 1.493v5.78l12.442 4.268V26.694l-2.509 5.937a.65.65 0 0 1-.799.365l-9.134-2.955Zm13.742-3.347V40.09l12.442-4.269v-5.779l-9.134 2.955a.65.65 0 0 1-.8-.365l-2.508-5.937Zm12.954 1.816a.64.64 0 0 0-.122.039l-9.358 3.027-3.247-7.683 12.5-3.921 3.244 7.561-3.017.976Zm-2.065-9.324-10.889-3.31v6.726l10.89-3.416ZM22.85 22.602v-6.726l-10.89 3.31 10.89 3.416ZM34.11 7.277a.65.65 0 0 1 .226.89l-2.777 4.666a.65.65 0 1 1-1.117-.665l2.777-4.665a.65.65 0 0 1 .891-.226Zm-7.406-.926a.65.65 0 0 1 .65.65v4.007a.65.65 0 1 1-1.3 0V7.001a.65.65 0 0 1 .65-.65Zm12.481 6.52a.65.65 0 0 1-.317.864l-3.253 1.505a.65.65 0 0 1-.546-1.18l3.253-1.505a.65.65 0 0 1 .863.317Z\"\n />\n );\n\n const normalHover = (\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.311 14.378a.65.65 0 0 1 .378 0l13.742 4.176a.65.65 0 0 1 .409.365l3.757 8.757a.65.65 0 0 1-.397.875l-3.308 1.07v6.664a.65.65 0 0 1-.439.614l-13.742 4.715a.65.65 0 0 1-.422 0L9.547 36.9a.65.65 0 0 1-.44-.614V29.62L5.8 28.55a.65.65 0 0 1-.397-.875l3.757-8.757a.65.65 0 0 1 .409-.365l13.742-4.176Zm-13.293 14.17a.644.644 0 0 0-.122-.038l-3.017-.977 3.244-7.561 12.5 3.92-3.248 7.684-9.357-3.027Zm.39 1.493v5.78l12.442 4.268V26.694l-2.509 5.937a.65.65 0 0 1-.799.365l-9.134-2.955Zm13.742-3.347V40.09l12.442-4.269v-5.779l-9.134 2.955a.65.65 0 0 1-.8-.365l-2.508-5.937Zm12.954 1.816a.64.64 0 0 0-.122.039l-9.358 3.027-3.247-7.683 12.5-3.921 3.244 7.561-3.017.976Zm-2.065-9.324-10.889-3.31v6.726l10.89-3.416ZM22.85 22.602v-6.726l-10.89 3.31 10.89 3.416ZM34.064 6.25a.65.65 0 0 1 .297.87l-2.777 5.666a.65.65 0 0 1-1.168-.572l2.778-5.666a.65.65 0 0 1 .87-.297Zm-8.517.12a.65.65 0 0 1 .787.473l1 4.007a.65.65 0 1 1-1.26.315l-1-4.008a.65.65 0 0 1 .473-.788Zm14.661 6.557a.65.65 0 0 1-.396.83l-4.253 1.505a.65.65 0 0 1-.434-1.226l4.254-1.505a.65.65 0 0 1 .83.396Z\"\n />\n );\n\n return isHovered ? normalHover : normal;\n};\n\nexport default EmptyBox;\n"],"names":[],"mappings":";AAIA,MAAM,WAAmC,CAAC,EAAE,gBAAkD;AAC5F,QAAM,SACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EACJ;AAGF,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EACJ;AAGF,SAAO,YAAY,cAAc;AACnC;"}
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SvgPathProps } from '../Icon';
3
- declare const HealthMeasurements: React.FC<SvgPathProps>;
4
- export default HealthMeasurements;
@@ -1,24 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- const HealthMeasurements = ({ isHovered }) => {
3
- const normal = /* @__PURE__ */ jsx(
4
- "path",
5
- {
6
- fillRule: "evenodd",
7
- clipRule: "evenodd",
8
- d: "M8.65 16.56c0-4.318 3.914-7.91 7.781-7.91 3.547 0 5.299 2.162 6.632 3.807.187.23.365.45.54.654l.503.587.492-.598.323-.397c1.366-1.692 3.273-4.053 6.84-4.053 3.848 0 7.589 3.573 7.589 7.91 0 2.44-.711 4.88-1.885 7.253l-.043.086h-5.866l-2.642-5.008-4.757 9.836L19.3 15.676l-3.654 8.223h-5.181a19.402 19.402 0 0 1-.039-.08C9.322 21.523 8.65 19.096 8.65 16.56Zm2.332 8.34c3.044 5.562 8.41 10.184 12.244 13.487l.874.755c3.95-3.38 9.59-8.492 12.794-14.243h-5.94l-2.001-3.791-4.916 10.164-4.818-12.95-2.923 6.577h-5.314Zm5.45-17.55c-4.565 0-9.082 4.153-9.082 9.21 0 2.77.735 5.39 1.906 7.823 3.033 6.31 9.068 11.503 13.123 14.991.457.394.89.766 1.29 1.115l.421.369.427-.363c4.178-3.556 10.81-9.428 14.113-16.105 1.236-2.498 2.02-5.137 2.02-7.83 0-5.038-4.307-9.21-8.89-9.21-4.038 0-6.303 2.613-7.668 4.306-1.317-1.644-3.465-4.306-7.66-4.306Z"
9
- }
10
- );
11
- const normalHover = /* @__PURE__ */ jsx(
12
- "path",
13
- {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M8.65 16.56c0-4.318 3.914-7.91 7.781-7.91 3.547 0 5.299 2.162 6.632 3.807.187.23.365.45.54.654l.503.587.492-.598.323-.397c1.366-1.692 3.273-4.053 6.84-4.053 3.848 0 7.589 3.573 7.589 7.91 0 2.44-.711 4.88-1.885 7.253l-.043.086h-5.787l-2.594-9.387-5.102 11.604-4.622-4.777-3.509 2.56h-5.343l-.038-.08C9.322 21.523 8.65 19.096 8.65 16.56Zm2.332 8.339c3.044 5.562 8.41 10.185 12.244 13.488l.874.755c3.95-3.38 9.591-8.492 12.794-14.243h-6.02l-2.048-7.413-4.571 10.396-5.052-5.223-3.069 2.24h-5.152Zm5.45-17.55c-4.565 0-9.082 4.154-9.082 9.211 0 2.77.735 5.39 1.906 7.823 3.033 6.31 9.068 11.503 13.123 14.991.457.394.89.766 1.29 1.115l.421.369.427-.363c4.178-3.556 10.81-9.428 14.113-16.105 1.236-2.498 2.02-5.137 2.02-7.83 0-5.038-4.307-9.21-8.89-9.21-4.038 0-6.303 2.613-7.668 4.306-1.317-1.644-3.465-4.306-7.66-4.306Z"
17
- }
18
- );
19
- return isHovered ? normalHover : normal;
20
- };
21
- export {
22
- HealthMeasurements as default
23
- };
24
- //# sourceMappingURL=HealthMeasurements.js.map