@inera/ids-design 6.2.0 → 7.0.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/components/accordion/accordion-lit.js +1 -1
- package/components/accordion/accordion.css +8 -0
- package/components/badge/badge-lit.js +1 -1
- package/components/badge/badge.css +14 -11
- package/components/box-link/box-link-lit.js +1 -1
- package/components/box-link/box-link.css +20 -21
- package/components/button-group/button-group-lit.js +1 -1
- package/components/button-group/button-group.css +2 -0
- package/components/card/card-lit.js +1 -1
- package/components/card/card.css +8 -15
- package/components/carousel/carousel-item-lit.js +1 -1
- package/components/carousel/carousel-item.css +3 -5
- package/components/carousel/carousel-lit.js +1 -1
- package/components/carousel/carousel.css +22 -9
- package/components/data-table/data-table-lit.js +1 -1
- package/components/data-table/data-table.css +0 -9
- package/components/dialog/dialog-lit.js +1 -1
- package/components/dialog/dialog.css +18 -20
- package/components/dropdown/dropdown-lit.js +1 -1
- package/components/dropdown/dropdown.css +47 -30
- package/components/footer-1177/footer-1177-lit.js +1 -1
- package/components/footer-1177/footer-1177.css +4 -2
- package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
- package/components/footer-1177-admin/footer-1177-admin.css +2 -4
- package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
- package/components/footer-1177-pro/footer-1177-pro.css +8 -17
- package/components/form/error-message/error-message-lit.js +1 -1
- package/components/form/error-message/error-message.css +1 -0
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +18 -20
- package/components/header-1177/composite-header-1177.css +642 -281
- package/components/header-1177/header-1177-avatar-lit.js +1 -1
- package/components/header-1177/header-1177-avatar.css +388 -158
- package/components/header-1177/header-1177-item-lit.js +1 -1
- package/components/header-1177/header-1177-item.css +54 -6
- package/components/header-1177/header-1177-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile-lit.d.ts +2 -0
- package/components/header-1177/header-1177-menu-mobile-lit.js +7 -0
- package/components/header-1177/header-1177-menu-mobile.css +138 -0
- package/components/header-1177/header-1177-nav-item-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile.css +10 -12
- package/components/header-1177/header-1177-nav-item.css +8 -8
- package/components/header-1177/header-1177-nav-lit.js +1 -1
- package/components/header-1177/header-1177-nav.css +7 -2
- package/components/header-1177/header-1177.css +63 -95
- package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -65
- package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav-item.css +8 -8
- package/components/header-1177-admin/header-1177-admin.css +66 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
- package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-item.css +4 -0
- package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-item.css +8 -8
- package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +2 -0
- package/components/header-1177-pro/header-1177-pro-nav.css +6 -0
- package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-region-picker.css +211 -97
- package/components/header-1177-pro/header-1177-pro.css +10 -7
- package/components/header-inera/header-inera-item-lit.js +1 -1
- package/components/header-inera/header-inera-item.css +13 -6
- package/components/header-inera/header-inera-nav-item-lit.js +1 -1
- package/components/header-inera/header-inera-nav-item.css +1 -1
- package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
- package/components/header-inera/header-inera-nav-mobile.css +1 -0
- package/components/header-inera-admin/composite-header-inera-admin.css +24 -11
- package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +2 -0
- package/components/header-inera-admin/header-inera-admin-avatar.css +5 -0
- package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-item.css +10 -6
- package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-item.css +4 -3
- package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-mobile.css +1 -0
- package/components/header-inera-admin/header-inera-admin.css +2 -2
- package/components/header-patient/header-patient-lit.d.ts +2 -0
- package/components/header-patient/header-patient-lit.js +7 -0
- package/components/header-patient/header-patient.css +145 -0
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +159 -116
- package/components/navigation/content/navigation-content.css +2 -1
- package/components/navigation/local/navigation-local-lit.js +1 -1
- package/components/navigation/local/navigation-local.css +5 -4
- package/components/notification-badge/notification-badge-lit.js +1 -1
- package/components/notification-badge/notification-badge.css +48 -7
- package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
- package/components/pagination/list-pagination/list-pagination.css +1 -1
- package/components/popover/popover-content-lit.js +1 -1
- package/components/popover/popover-content.css +53 -66
- package/components/puff-list/puff-list-lit.js +1 -1
- package/components/puff-list/puff-list.css +90 -89
- package/components/region-icon/region-icon-lit.d.ts +2 -0
- package/components/region-icon/region-icon-lit.js +7 -0
- package/components/region-icon/region-icon.css +191 -0
- package/components/side-panel/side-panel-lit.js +1 -1
- package/components/side-panel/side-panel.css +29 -25
- package/components/stepper/stepper-lit.js +1 -1
- package/components/stepper/stepper.css +35 -5
- package/components/tabs/tab-lit.js +1 -1
- package/components/tabs/tab-panel-lit.js +1 -1
- package/components/tabs/tab-panel.css +2 -2
- package/components/tabs/tab.css +52 -45
- package/components/tabs/tabs-lit.js +2 -2
- package/components/tabs/tabs.css +11 -2
- package/components/tag/tag-lit.js +1 -1
- package/components/tag/tag.css +14 -10
- package/global/icons/Inera-Design-Icons.eot +0 -0
- package/global/icons/Inera-Design-Icons.svg +409 -0
- package/global/icons/Inera-Design-Icons.ttf +0 -0
- package/global/icons/Inera-Design-Icons.woff +0 -0
- package/package.json +1 -1
- package/themes/1177/1177.css +4333 -3968
- package/themes/1177-pro/1177-pro.css +4340 -3968
- package/themes/inera/inera.css +4325 -3962
- package/themes/inera-admin/inera-admin.css +4325 -3962
- package/components/grid/column/_column-partials.css +0 -0
- package/global/_partials.css +0 -15
- package/global/global.css +0 -5025
- package/global/icons/font/Inera-Design-Icons.eot +0 -0
- package/global/icons/font/Inera-Design-Icons.svg +0 -323
- package/global/icons/font/Inera-Design-Icons.ttf +0 -0
- package/global/icons/font/Inera-Design-Icons.woff +0 -0
- package/global/util/util.css +0 -2282
- package/themes/1177/1177-tokens.css +0 -34
- package/themes/1177-pro/1177-pro-tokens.css +0 -1
- package/themes/inera/inera-tokens.css +0 -53
- package/themes/inera-admin/inera-admin-tokens.css +0 -1
- package/themes/reset.css +0 -61
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
:root, :host {
|
|
2
|
-
--IDS-COLOR-PRIMARY-30: #6a0032;
|
|
3
|
-
--IDS-COLOR-PRIMARY-35: #a00b36;
|
|
4
|
-
--IDS-COLOR-PRIMARY-40: #c12143;
|
|
5
|
-
--IDS-COLOR-PRIMARY-90: #faeef0;
|
|
6
|
-
|
|
7
|
-
--IDS-COLOR-ACCENT-30: #3b4266;
|
|
8
|
-
--IDS-COLOR-ACCENT-40: #396291;
|
|
9
|
-
--IDS-COLOR-ACCENT-90: #C6D2DF;
|
|
10
|
-
--IDS-COLOR-ACCENT-95: #f1f1f5;
|
|
11
|
-
|
|
12
|
-
--IDS-COLOR-SECONDARY-95: #FAF8F6;
|
|
13
|
-
|
|
14
|
-
--IDS-COLOR-SUCCESS-30: #395428;
|
|
15
|
-
--IDS-COLOR-SUCCESS-40: #419002;
|
|
16
|
-
--IDS-COLOR-SUCCESS-99: #eef8ee;
|
|
17
|
-
|
|
18
|
-
--IDS-COLOR-ATTENTION-40: #ffc100;
|
|
19
|
-
--IDS-COLOR-ATTENTION-95: #fff8e0;
|
|
20
|
-
|
|
21
|
-
--IDS-COLOR-NEUTRAL-20: #353535;
|
|
22
|
-
--IDS-COLOR-NEUTRAL-40: #636466;
|
|
23
|
-
--IDS-COLOR-NEUTRAL-50: #808285;
|
|
24
|
-
--IDS-COLOR-NEUTRAL-90: #dadbdc;
|
|
25
|
-
--IDS-COLOR-NEUTRAL-99: #f1f2f2;
|
|
26
|
-
--IDS-COLOR-NEUTRAL-100: #fff;
|
|
27
|
-
|
|
28
|
-
--IDS-COLOR-ERROR-40: #c12143;
|
|
29
|
-
--IDS-COLOR-ERROR-99: #faeef0;
|
|
30
|
-
|
|
31
|
-
--IDS-COLOR-BACKGROUND-40: #fff;
|
|
32
|
-
|
|
33
|
-
--IDS-COLOR-PRIMARY-30-OPACITY-03: #dfa9b8;
|
|
34
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import '../1177/1177-tokens';
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
:root, :host {
|
|
2
|
-
/* Primary colors */
|
|
3
|
-
--IDS-COLOR-PRIMARY-30: #7e2a4c;
|
|
4
|
-
--IDS-COLOR-ON-PRIMARY-30: #FFF;
|
|
5
|
-
--IDS-COLOR-PRIMARY-40: #A33662;
|
|
6
|
-
--IDS-COLOR-ON-PRIMARY-40: #FFF;
|
|
7
|
-
--IDS-COLOR-PRIMARY-50: #C03F73;
|
|
8
|
-
--IDS-COLOR-ON-PRIMARY-50: #FFF;
|
|
9
|
-
/* Secondary colors */
|
|
10
|
-
--IDS-COLOR-SECONDARY-40: #E7DAC5;
|
|
11
|
-
--IDS-COLOR-ON-SECONDARY-40: var(--IDS-COLOR-NEUTRAL-20);
|
|
12
|
-
--IDS-COLOR-SECONDARY-90: #F6F1E9;
|
|
13
|
-
--IDS-COLOR-ON-SECONDARY-90: var(--IDS-COLOR-NEUTRAL-20);
|
|
14
|
-
--IDS-COLOR-SECONDARY-95: #F9F6F1;
|
|
15
|
-
--IDS-COLOR-ON-SECONDARY-95: var(--IDS-COLOR-NEUTRAL-20);
|
|
16
|
-
/* Accent colors */
|
|
17
|
-
--IDS-COLOR-ACCENT-30: #305A47;
|
|
18
|
-
--IDS-COLOR-ON-ACCENT-30: #FFF;
|
|
19
|
-
--IDS-COLOR-ACCENT-40: #40775E;
|
|
20
|
-
--IDS-COLOR-ON-ACCENT-40: #FFF;
|
|
21
|
-
--IDS-COLOR-ACCENT-90: #AFD4C4;
|
|
22
|
-
--IDS-COLOR-ON-ACCENT-90: var(--IDS-COLOR-NEUTRAL-20);
|
|
23
|
-
/* Graphic colors */
|
|
24
|
-
--IDS-COLOR-GRAPHIC: #FF9517;
|
|
25
|
-
/* Alternative colors */
|
|
26
|
-
--IDS-COLOR-ALTERNATIVE: #0CB0C6;
|
|
27
|
-
/* Neutral colors */
|
|
28
|
-
--IDS-COLOR-NEUTRAL-20: #353636;
|
|
29
|
-
--IDS-COLOR-ON-NEUTRAL-20: #FFF;
|
|
30
|
-
--IDS-COLOR-NEUTRAL-40: #727373;
|
|
31
|
-
--IDS-COLOR-ON-NEUTRAL-40: #FFF;
|
|
32
|
-
--IDS-COLOR-NEUTRAL-90: #CCCCCC;
|
|
33
|
-
--IDS-COLOR-ON-NEUTRAL-90: var(--IDS-COLOR-NEUTRAL-20);
|
|
34
|
-
--IDS-COLOR-NEUTRAL-99: #F0F0F0;
|
|
35
|
-
--IDS-COLOR-ON-NEUTRAL-99: var(--IDS-COLOR-NEUTRAL-20);
|
|
36
|
-
--IDS-COLOR-NEUTRAL-100: #fff;
|
|
37
|
-
/* Background colors */
|
|
38
|
-
--IDS-COLOR-BACKGROUND: #fff;
|
|
39
|
-
--IDS-COLOR-ON-BACKGROUND: var(--IDS-COLOR-NEUTRAL-20);
|
|
40
|
-
/* Status colors */
|
|
41
|
-
--IDS-COLOR-SUCCESS-40: #277637;
|
|
42
|
-
--IDS-COLOR-ON-SUCCESS-40: #FFF;
|
|
43
|
-
--IDS-COLOR-SUCCESS-99: #E7F7EA;
|
|
44
|
-
--IDS-COLOR-ON-SUCCESS-99: var(--IDS-COLOR-NEUTRAL-20);;
|
|
45
|
-
--IDS-COLOR-ATTENTION-40: #FFD748;
|
|
46
|
-
--IDS-COLOR-ON-ATTENTION-40: var(--IDS-COLOR-NEUTRAL-20);
|
|
47
|
-
--IDS-COLOR-ATTENTION-95: #FFF7D9;
|
|
48
|
-
--IDS-COLOR-ON-ATTENTION-95: var(--IDS-COLOR-NEUTRAL-20);
|
|
49
|
-
--IDS-COLOR-ERROR-40: #DB0F00;
|
|
50
|
-
--IDS-COLOR-ON-ERROR-40: #FFF;
|
|
51
|
-
--IDS-COLOR-ERROR-99: #FFDAD7;
|
|
52
|
-
--IDS-COLOR-ON-ERROR-99: var(--IDS-COLOR-NEUTRAL-20);
|
|
53
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import '../inera/inera-tokens';
|
package/themes/reset.css
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
.ids *,
|
|
2
|
-
.ids *::before,
|
|
3
|
-
.ids *::after {
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
body.ids,
|
|
8
|
-
.ids h1,
|
|
9
|
-
.ids h2,
|
|
10
|
-
.ids h3,
|
|
11
|
-
.ids h4,
|
|
12
|
-
.ids h5,
|
|
13
|
-
.ids h6,
|
|
14
|
-
.ids p,
|
|
15
|
-
.ids dl,
|
|
16
|
-
.ids dd,
|
|
17
|
-
.ids figure,
|
|
18
|
-
.ids picture {
|
|
19
|
-
margin: 0;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
body.ids {
|
|
23
|
-
background-color: var(--IDS-COLOR-NEUTRAL-100);
|
|
24
|
-
color: var(--IDS-COLOR-NEUTRAL-20);
|
|
25
|
-
font-family: var(--IDS-FONT-FAMILY-BASE);
|
|
26
|
-
font-size: 1rem;
|
|
27
|
-
min-height: 100%;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/* make images easier to work with */
|
|
31
|
-
.ids img,
|
|
32
|
-
.ids picture {
|
|
33
|
-
max-width: 100%;
|
|
34
|
-
display: block;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/* make form elements easier to work with */
|
|
38
|
-
.ids input,
|
|
39
|
-
.ids button,
|
|
40
|
-
.ids textarea,
|
|
41
|
-
.ids select {
|
|
42
|
-
font: inherit;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.ids ul[class],
|
|
46
|
-
.ids ol[class] {
|
|
47
|
-
list-style: none;
|
|
48
|
-
padding: 0;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/* remove animations for people who've turned them off */
|
|
52
|
-
@media (prefers-reduced-motion: reduce) {
|
|
53
|
-
.ids *,
|
|
54
|
-
.ids *::before,
|
|
55
|
-
.ids *::after {
|
|
56
|
-
animation-duration: 0.01ms !important;
|
|
57
|
-
animation-iteration-count: 1 !important;
|
|
58
|
-
transition-duration: 0.01ms !important;
|
|
59
|
-
scroll-behavior: auto !important;
|
|
60
|
-
}
|
|
61
|
-
}
|