@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.
- package/LazyIcon.js +1 -1
- package/LazyIcon.js.map +1 -1
- package/components/AnchorLink/styles.module.scss +0 -1
- package/components/Button/styles.module.scss +13 -13
- package/components/Checkbox/styles.module.scss +2 -2
- package/components/Chip/styles.module.scss +0 -1
- package/components/Close/styles.module.scss +2 -2
- package/components/Drawer/index.js +1 -3
- package/components/Drawer/index.js.map +1 -1
- package/components/Drawer/styles.module.scss +12 -12
- package/components/Dropdown/index.js +6 -22
- package/components/Dropdown/index.js.map +1 -1
- package/components/Dropdown/styles.module.scss +5 -5
- package/components/Duolist/styles.module.scss +2 -2
- package/components/EmptyState/EmptyBoxBeeCompact.d.ts +4 -0
- package/components/EmptyState/index.js +23 -3
- package/components/EmptyState/index.js.map +1 -1
- package/components/EmptyState/styles.module.scss +5 -5
- package/components/ErrorWrapper/styles.module.scss +2 -2
- package/components/Expander/styles.module.scss +8 -8
- package/components/ExpanderHierarchy/expander.module.scss +7 -7
- package/components/ExpanderList/styles.module.scss +3 -3
- package/components/FormGroup/styles.module.scss +1 -1
- package/components/HelpBubble/styles.module.scss +2 -2
- package/components/HelpQuestion/styles.module.scss +2 -2
- package/components/HighlightPanel/styles.module.scss +2 -2
- package/components/HorizontalScroll/styles.module.scss +1 -1
- package/components/Icons/AdditionalIconInformation.d.ts +4 -48
- package/components/Icons/AdditionalIconInformation.js +4 -15
- package/components/Icons/AdditionalIconInformation.js.map +1 -1
- package/components/Icons/IconNames.d.ts +1 -1
- package/components/Icons/IconNames.js +0 -6
- package/components/Icons/IconNames.js.map +1 -1
- package/components/Input/styles.module.scss +3 -3
- package/components/Label/styles.module.scss +2 -2
- package/components/LinkList/styles.module.scss +3 -3
- package/components/ListHeader/styles.module.scss +1 -1
- package/components/MaxCharacters/styles.module.scss +2 -2
- package/components/Modal/styles.module.scss +16 -16
- package/components/NotificationPanel/styles.module.scss +8 -8
- package/components/Panel/styles.module.scss +16 -16
- package/components/PanelList/styles.module.scss +2 -2
- package/components/PopMenu/styles.module.scss +6 -4
- package/components/PopOver/styles.module.scss +2 -2
- package/components/PromoPanel/styles.module.scss +9 -9
- package/components/RadioButton/styles.module.scss +2 -2
- package/components/Select/styles.module.scss +3 -3
- package/components/ServiceMessage/styles.module.scss +1 -1
- package/components/SharingStatus/styles.module.scss +1 -1
- package/components/Slider/styles.module.scss +2 -2
- package/components/StatusDot/styles.module.scss +3 -3
- package/components/StepButtons/styles.module.scss +3 -3
- package/components/Stepper/styles.module.scss +2 -2
- package/components/StickyNote/styles.module.scss +1 -1
- package/components/Table/styles.module.scss +1 -1
- package/components/Tabs/TabList/styles.module.scss +2 -2
- package/components/Tabs/TabPanel/styles.module.scss +3 -3
- package/components/Tabs/styles.module.scss +3 -3
- package/components/Tag/styles.module.scss +1 -1
- package/components/TagList/styles.module.scss +1 -1
- package/components/Textarea/styles.module.scss +1 -1
- package/components/Tile/styles.module.scss +7 -7
- package/components/Toggle/styles.module.scss +5 -5
- package/components/Validation/styles.module.scss +2 -2
- package/constants.d.ts +0 -6
- package/constants.js +0 -8
- package/constants.js.map +1 -1
- package/index.js +1 -2
- package/package.json +1 -1
- package/scss/_font-mixins.scss +21 -21
- package/scss/_input.scss +2 -2
- package/scss/_print.scss +3 -3
- package/scss/_reset.scss +1 -1
- package/scss/helsenorge.scss +7 -7
- package/scss/typography.module.scss +4 -4
- package/components/Icons/EmptyBox.d.ts +0 -4
- package/components/Icons/EmptyBox.js +0 -24
- package/components/Icons/EmptyBox.js.map +0 -1
- package/components/Icons/HealthMeasurements.d.ts +0 -4
- package/components/Icons/HealthMeasurements.js +0 -24
- package/components/Icons/HealthMeasurements.js.map +0 -1
- package/components/Icons/SharedHealthData.d.ts +0 -4
- package/components/Icons/SharedHealthData.js +0 -24
- package/components/Icons/SharedHealthData.js.map +0 -1
- package/components/Icons/SharedHealthMeasurements.d.ts +0 -4
- package/components/Icons/SharedHealthMeasurements.js +0 -24
- package/components/Icons/SharedHealthMeasurements.js.map +0 -1
- package/components/Icons/StickyNote.d.ts +0 -4
- package/components/Icons/StickyNote.js +0 -24
- package/components/Icons/StickyNote.js.map +0 -1
- package/components/Icons/StickyNotes.d.ts +0 -4
- package/components/Icons/StickyNotes.js +0 -24
- package/components/Icons/StickyNotes.js.map +0 -1
- package/utils/language.d.ts +0 -16
- 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
|
-
@
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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;
|
|
@@ -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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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
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
|
|
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,
|
|
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
package/scss/_font-mixins.scss
CHANGED
|
@@ -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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
-
@
|
|
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(
|
|
18
|
+
min-width: map.get(breakpoints.$grid-breakpoints, lg) !important;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.container {
|
|
22
|
-
min-width: map.get(
|
|
22
|
+
min-width: map.get(breakpoints.$grid-breakpoints, lg) !important;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
abbr[title]::after {
|
package/scss/_reset.scss
CHANGED
package/scss/helsenorge.scss
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@
|
|
2
|
-
@
|
|
3
|
-
@
|
|
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
|
-
@
|
|
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(
|
|
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(
|
|
98
|
+
@media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
|
|
99
99
|
font-size: font-settings.$font-size-md;
|
|
100
100
|
}
|
|
101
101
|
}
|
|
@@ -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,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
|