@skatteetaten/ds-overlays 2.6.1 → 2.7.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.
- package/Modal/index.esm.js +1 -2
- package/Popover/PopoverContent/PopoverContent.css +1 -1
- package/Popover/PopoverContent/PopoverContent.esm.js +1 -2
- package/Popover/PopoverContent/PopoverContent.module.css +1 -1
- package/RolePicker/RolePickerBusinessList/RolePickerBusinessList.esm.js +1 -2
- package/RolePicker/RolePickerFilterInput/RolePickerFilterInput.esm.js +1 -2
- package/RolePicker/RolePickerPeopleList/RolePickerPeopleList.esm.js +1 -2
- package/RolePicker/RolePickerRow/RolePickerRow.esm.js +1 -2
- package/RolePicker/index.esm.js +1 -2
- package/WordInfo/WordInfoContent/WordInfoContent.esm.js +1 -2
- package/WordInfo/WordInfoTrigger/WordInfoTrigger.esm.js +1 -2
- package/package.json +11 -11
package/Modal/index.esm.js
CHANGED
|
@@ -7,9 +7,8 @@ import { CancelSVGpath } from '@skatteetaten/ds-icons';
|
|
|
7
7
|
import { Heading } from '@skatteetaten/ds-typography';
|
|
8
8
|
import { getModalDismissOnEscDefault, getModalVariantDefault, getModalPaddingDefault, getModalDismissOnOutsideClickDefault } from './defaults.esm.js';
|
|
9
9
|
import styles from './Modal.module.scss.esm.js';
|
|
10
|
-
import './Modal.css';
|
|
11
|
-
|
|
12
10
|
|
|
11
|
+
import './Modal.css';
|
|
13
12
|
/**
|
|
14
13
|
* Modal
|
|
15
14
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.PopoverContent-module_popover__p0BhU{--popover-max-height: 560px;z-index:
|
|
1
|
+
.PopoverContent-module_popover__p0BhU{--popover-max-height: 560px;z-index:50;width:-moz-fit-content;width:fit-content;max-width:var(--container-s);border:1px solid var(--border-color);background-color:var(--background-color)}.PopoverContent-module_popover_forest__HD4fi{--background-color: var(--semantic-success-background);--border-color: var(--semantic-success-foreground)}.PopoverContent-module_popover_ochre__KKnbi{--background-color: var(--semantic-warning-background);--border-color: var(--semantic-warning-foreground)}.PopoverContent-module_popover_white__TaNXR{--background-color: var(--palette-graphite-0);--border-color: var(--palette-graphite-100)}.PopoverContent-module_popoverContent__q0qTL{display:flex;max-height:var(--popover-max-height);overflow-y:auto}.PopoverContent-module_popoverContentWrapper__-lefQ{flex-grow:1;padding:var(--spacing-s) 0 var(--spacing-s) var(--spacing-s);margin:0}@media(min-width: 480px){.PopoverContent-module_popoverContentWrapper__-lefQ{padding:var(--spacing-m) 0 var(--spacing-m) var(--spacing-m)}}.PopoverContent-module_popoverContentCloseButton__ryJUt{align-self:start;margin:var(--spacing-s) var(--spacing-s) 0 0}.PopoverContent-module_popoverContentCloseButton__ryJUt:not(:active)>svg{fill:var(--palette-graphite-100)}.PopoverContent-module_popoverArrow__t-CMj{position:absolute;z-index:-1;width:var(--size-large);height:var(--size-large);border:1px solid var(--border-color);background-color:var(--background-color);transform:rotate(45deg)}.PopoverContent-module_popoverArrow_top__pDZp9{border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_bottom__PG8BL{border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_left__92grH{border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_right__-NMZe{border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
|
|
@@ -8,9 +8,8 @@ import { CancelSVGpath } from '@skatteetaten/ds-icons';
|
|
|
8
8
|
import { getPopoverColorDefault, getPopoverRestoreFocusDefault, getPopoverContentAsDefault } from '../defaults.esm.js';
|
|
9
9
|
import { PopoverContext } from '../PopoverContext.esm.js';
|
|
10
10
|
import styles from './PopoverContent.module.scss.esm.js';
|
|
11
|
-
import './PopoverContent.css';
|
|
12
|
-
|
|
13
11
|
|
|
12
|
+
import './PopoverContent.css';
|
|
14
13
|
const PopoverContent = ({ ref, id, className = getCommonClassNameDefault(), classNames, lang, 'data-testid': dataTestId, as: Tag = getPopoverContentAsDefault(), children })=>{
|
|
15
14
|
const { floatingData, interactions, arrowRef, isOpen, setIsOpen, color = getPopoverColorDefault(), shouldRestoreFocus = getPopoverRestoreFocusDefault(), onClose } = useContext(PopoverContext);
|
|
16
15
|
const { refs, floatingStyles, placement, middlewareData } = floatingData;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.PopoverContent-module_popover__p0BhU{--popover-max-height: 560px;z-index:
|
|
1
|
+
.PopoverContent-module_popover__p0BhU{--popover-max-height: 560px;z-index:50;width:-moz-fit-content;width:fit-content;max-width:var(--container-s);border:1px solid var(--border-color);background-color:var(--background-color)}.PopoverContent-module_popover_forest__HD4fi{--background-color: var(--semantic-success-background);--border-color: var(--semantic-success-foreground)}.PopoverContent-module_popover_ochre__KKnbi{--background-color: var(--semantic-warning-background);--border-color: var(--semantic-warning-foreground)}.PopoverContent-module_popover_white__TaNXR{--background-color: var(--palette-graphite-0);--border-color: var(--palette-graphite-100)}.PopoverContent-module_popoverContent__q0qTL{display:flex;max-height:var(--popover-max-height);overflow-y:auto}.PopoverContent-module_popoverContentWrapper__-lefQ{flex-grow:1;padding:var(--spacing-s) 0 var(--spacing-s) var(--spacing-s);margin:0}@media(min-width: 480px){.PopoverContent-module_popoverContentWrapper__-lefQ{padding:var(--spacing-m) 0 var(--spacing-m) var(--spacing-m)}}.PopoverContent-module_popoverContentCloseButton__ryJUt{align-self:start;margin:var(--spacing-s) var(--spacing-s) 0 0}.PopoverContent-module_popoverContentCloseButton__ryJUt:not(:active)>svg{fill:var(--palette-graphite-100)}.PopoverContent-module_popoverArrow__t-CMj{position:absolute;z-index:-1;width:var(--size-large);height:var(--size-large);border:1px solid var(--border-color);background-color:var(--background-color);transform:rotate(45deg)}.PopoverContent-module_popoverArrow_top__pDZp9{border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_bottom__PG8BL{border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_left__92grH{border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_right__-NMZe{border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
|
|
@@ -10,9 +10,8 @@ import { getBusinessTitle } from './utils.esm.js';
|
|
|
10
10
|
import { RolePickerContext } from '../RolePickerContext.esm.js';
|
|
11
11
|
import { RolePickerRow } from '../RolePickerRow/RolePickerRow.esm.js';
|
|
12
12
|
import styles from './RolePickerBusinessList.module.scss.esm.js';
|
|
13
|
-
import './RolePickerBusinessList.css';
|
|
14
|
-
|
|
15
13
|
|
|
14
|
+
import './RolePickerBusinessList.css';
|
|
16
15
|
const MAX_INITIAL_ITEMS = 5;
|
|
17
16
|
const RolePickerBusinessList = ({ businesses, filterQuery, showInactiveBusinesses: externalShowInactiveBusinesses, showSubunits: externalShowSubUnits })=>{
|
|
18
17
|
const { t } = useTranslation('ds_overlays', {
|
|
@@ -5,9 +5,8 @@ import { IconButton } from '@skatteetaten/ds-buttons';
|
|
|
5
5
|
import { dsI18n } from '@skatteetaten/ds-core-utils';
|
|
6
6
|
import { CancelSVGpath, Icon, FilterSVGpath } from '@skatteetaten/ds-icons';
|
|
7
7
|
import styles from './RolePickerFilterInput.module.scss.esm.js';
|
|
8
|
-
import './RolePickerFilterInput.css';
|
|
9
|
-
|
|
10
8
|
|
|
9
|
+
import './RolePickerFilterInput.css';
|
|
11
10
|
const RolePickerFilterInput = ({ label, value, onChange, onClear })=>{
|
|
12
11
|
const { t: formsT } = useTranslation('ds_forms', {
|
|
13
12
|
i18n: dsI18n
|
|
@@ -9,9 +9,8 @@ import { Heading } from '@skatteetaten/ds-typography';
|
|
|
9
9
|
import { RolePickerContext } from '../RolePickerContext.esm.js';
|
|
10
10
|
import { RolePickerRow } from '../RolePickerRow/RolePickerRow.esm.js';
|
|
11
11
|
import styles from './RolePickerPeopleList.module.scss.esm.js';
|
|
12
|
-
import './RolePickerPeopleList.css';
|
|
13
|
-
|
|
14
12
|
|
|
13
|
+
import './RolePickerPeopleList.css';
|
|
15
14
|
const MAX_INITIAL_ITEMS = 5;
|
|
16
15
|
const RolePickerPeopleList = ({ people, filterQuery, showDeceasedPeople: showDeceasedPeopleExternal })=>{
|
|
17
16
|
const { t } = useTranslation('ds_overlays', {
|
|
@@ -4,9 +4,8 @@ import { NavigationTile } from '@skatteetaten/ds-navigation';
|
|
|
4
4
|
import { Alert } from '@skatteetaten/ds-status';
|
|
5
5
|
import { RolePickerContext } from '../RolePickerContext.esm.js';
|
|
6
6
|
import styles from './RolePickerRow.module.scss.esm.js';
|
|
7
|
-
import './RolePickerRow.css';
|
|
8
|
-
|
|
9
7
|
|
|
8
|
+
import './RolePickerRow.css';
|
|
10
9
|
function RolePickerRow({ id, title, description, svgPath, titleAs, onClick }) {
|
|
11
10
|
const ctx = useContext(RolePickerContext);
|
|
12
11
|
const ref = useRef(null);
|
package/RolePicker/index.esm.js
CHANGED
|
@@ -14,9 +14,8 @@ import { RolePickerFilterInput } from './RolePickerFilterInput/RolePickerFilterI
|
|
|
14
14
|
import { RolePickerPeopleList } from './RolePickerPeopleList/RolePickerPeopleList.esm.js';
|
|
15
15
|
import { RolePickerRow } from './RolePickerRow/RolePickerRow.esm.js';
|
|
16
16
|
import styles from './RolePicker.module.scss.esm.js';
|
|
17
|
-
import './RolePicker.css';
|
|
18
|
-
|
|
19
17
|
|
|
18
|
+
import './RolePicker.css';
|
|
20
19
|
/**
|
|
21
20
|
* RolePicker
|
|
22
21
|
*
|
|
@@ -2,9 +2,8 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { getCommonClassNameDefault } from '@skatteetaten/ds-core-utils';
|
|
3
3
|
import { PopoverContent } from '../../Popover/PopoverContent/PopoverContent.esm.js';
|
|
4
4
|
import styles from './WordInfoContent.module.scss.esm.js';
|
|
5
|
-
import './WordInfoContent.css';
|
|
6
|
-
|
|
7
5
|
|
|
6
|
+
import './WordInfoContent.css';
|
|
8
7
|
const WordInfoContent = ({ ref, id, className = getCommonClassNameDefault(), lang, 'data-testid': dataTestId, children })=>{
|
|
9
8
|
return jsx(PopoverContent, {
|
|
10
9
|
ref: ref,
|
|
@@ -6,9 +6,8 @@ import { dsI18n, getCommonClassNameDefault } from '@skatteetaten/ds-core-utils';
|
|
|
6
6
|
import { BookOpenIcon } from '@skatteetaten/ds-icons';
|
|
7
7
|
import { PopoverContext } from '../../Popover/PopoverContext.esm.js';
|
|
8
8
|
import styles from './WordInfoTrigger.module.scss.esm.js';
|
|
9
|
-
import './WordInfoTrigger.css';
|
|
10
|
-
|
|
11
9
|
|
|
10
|
+
import './WordInfoTrigger.css';
|
|
12
11
|
const WordInfoTrigger = ({ ref, id, className = getCommonClassNameDefault(), lang, 'data-testid': dataTestId, hasIcon = true, children, onClick })=>{
|
|
13
12
|
const { floatingData, setIsOpen, isOpen } = useContext(PopoverContext);
|
|
14
13
|
const { setReference } = floatingData.refs;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skatteetaten/ds-overlays",
|
|
3
3
|
"groupId": "no.skatteetaten.aurora",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.7.1",
|
|
5
5
|
"main": "./index.esm.js",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"module": "./index.esm.js",
|
|
@@ -16,18 +16,18 @@
|
|
|
16
16
|
"i18next": "^24 || ^25",
|
|
17
17
|
"react": "^19.2.0",
|
|
18
18
|
"react-i18next": "^15",
|
|
19
|
-
"@skatteetaten/ds-core-utils": "2.
|
|
20
|
-
"@skatteetaten/ds-buttons": "2.
|
|
21
|
-
"@skatteetaten/ds-forms": "2.
|
|
22
|
-
"@skatteetaten/ds-icons": "2.
|
|
23
|
-
"@skatteetaten/ds-navigation": "2.
|
|
24
|
-
"@skatteetaten/ds-typography": "2.
|
|
25
|
-
"@skatteetaten/ds-progress": "2.
|
|
26
|
-
"@skatteetaten/ds-status": "2.
|
|
19
|
+
"@skatteetaten/ds-core-utils": "2.7.1",
|
|
20
|
+
"@skatteetaten/ds-buttons": "2.7.1",
|
|
21
|
+
"@skatteetaten/ds-forms": "2.7.1",
|
|
22
|
+
"@skatteetaten/ds-icons": "2.7.1",
|
|
23
|
+
"@skatteetaten/ds-navigation": "2.7.1",
|
|
24
|
+
"@skatteetaten/ds-typography": "2.7.1",
|
|
25
|
+
"@skatteetaten/ds-progress": "2.7.1",
|
|
26
|
+
"@skatteetaten/ds-status": "2.7.1",
|
|
27
27
|
"date-fns": "^4",
|
|
28
|
-
"@skatteetaten/ds-content": "2.
|
|
28
|
+
"@skatteetaten/ds-content": "2.7.1",
|
|
29
29
|
"@floating-ui/react": "0.26.28",
|
|
30
|
-
"@skatteetaten/ds-collections": "2.
|
|
30
|
+
"@skatteetaten/ds-collections": "2.7.1"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {},
|
|
33
33
|
"scripts": {}
|