@dnb/eufemia 9.18.0 → 9.19.0

package/extensions/payment-card/style/dnb-payment-card.min.css

@@ -1 +1 @@
-.dnb-payment-card{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-payment-card *,.dnb-payment-card :after,.dnb-payment-card :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-payment-card :after,.dnb-payment-card :before{text-decoration:inherit;vertical-align:inherit}:root{--dnb-payment-shadow-figma:0 8px 16px rgba(51,51,51,.08);--dnb-payment-bg-default:linear-gradient(184.55deg,var(--color-sea-green) 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,#14555a 6.31%,rgba(0,52,62,.4) 82.66%),#14555a;--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-silver:linear-gradient(184.55deg,var(--color-black-20) 4.63%,var(--color-black-8) 82.87%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(184.55deg,#241e23 6.31%,#251d23 85.2%);--dnb-payment-bg-business-no-visa:linear-gradient(184.55deg,#50c9de 6.31%,var(--color-sky-blue) 82.66%);--dnb-payment-bg-business-with-visa:linear-gradient(184.55deg,#2cc48e 6.31%,var(--color-summer-green) 82.66%)}.dnb-payment-card{margin:0}.dnb-payment-card__card{background:#007272;background:var(--color-sea-green);border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default);color:#fff;color:var(--color-white);height:53.98mm;padding:6mm;position:relative;-webkit-transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:linear-gradient(184.55deg,#007272 6.31%,#007272 82.66%);background:var(--dnb-payment-bg-default);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:linear-gradient(.52turn,#14555a 6.31%,rgba(0,52,62,.4) 82.66%),#14555a;background:var(--dnb-payment-bg-pluss);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-white{background:linear-gradient(184.55deg,#fafafa 4.63%,#fff 92.04%);background:var(--dnb-payment-bg-white);color:#333;color:var(--color-black-80)}.dnb-payment-card__card--design-silver{background:linear-gradient(184.55deg,#ccc 4.63%,#ebebeb 82.87%);background:var(--dnb-payment-bg-silver);color:#333;color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);background:var(--dnb-payment-bg-gold);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-saga{background:linear-gradient(184.55deg,#241e23 6.31%,#251d23 85.2%);background:var(--dnb-payment-bg-saga);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-private{background:#333;background:var(--color-black-80);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-black{background:#000;background:var(--color-black);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:linear-gradient(184.55deg,#50c9de 6.31%,#4bbed2 82.66%);background:var(--dnb-payment-bg-business-no-visa);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:linear-gradient(184.55deg,#2cc48e 6.31%,#28b482 82.66%);background:var(--dnb-payment-bg-business-with-visa);color:#fff;color:var(--color-white)}.dnb-payment-card__card:after{background-image:radial-gradient(farthest-corner at 80%,at 30%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 60%,rgba(6,6,6,0) 99%);background-image:radial-gradient(farthest-corner at 80%,at 30%,#f7f6e61f 0,#06060600 60%,#06060600 99%);background-image:radial-gradient(farthest-corner at 80% 30%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 60%,rgba(6,6,6,0) 99%);background-image:radial-gradient(farthest-corner at 80% 30%,#f7f6e61f 0,#06060600 60%,#06060600 99%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{opacity:.5;text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.25rem;font-size:var(--font-size-medium)}.dnb-payment-card__card__credit-type{bottom:0;height:51px;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center,.dnb-payment-card__blocking__overlay{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-payment-card__blocking__center{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#333;background:var(--color-black-80);border-radius:4px;color:#fbf6ec;color:var(--color-sand-yellow);-ms-flex-direction:column;flex-direction:column;height:77px;width:77px}.dnb-payment-card__blocking svg{shape-rendering:geometricPrecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:#fff;background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:#333;color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;top:0}.dnb-payment-card--compact .dnb-payment-card__blocking__center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;justify-content:center;width:100%}
+.dnb-payment-card{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-payment-card *,.dnb-payment-card :after,.dnb-payment-card :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-payment-card :after,.dnb-payment-card :before{text-decoration:inherit;vertical-align:inherit}:root{--dnb-payment-bg-default:linear-gradient(184.55deg,var(--color-sea-green) 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,#14555a 6.31%,rgba(0,52,62,.4) 82.66%),#14555a;--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-silver:linear-gradient(184.55deg,var(--color-black-20) 4.63%,var(--color-black-8) 82.87%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(184.55deg,#241e23 6.31%,#251d23 85.2%);--dnb-payment-bg-business-no-visa:linear-gradient(184.55deg,#50c9de 6.31%,var(--color-sky-blue) 82.66%);--dnb-payment-bg-business-with-visa:linear-gradient(184.55deg,#2cc48e 6.31%,var(--color-summer-green) 82.66%)}.dnb-payment-card{margin:0}.dnb-payment-card__card{background:#007272;background:var(--color-sea-green);border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default);color:#fff;color:var(--color-white);height:53.98mm;padding:6mm;position:relative;-webkit-transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:linear-gradient(184.55deg,#007272 6.31%,#007272 82.66%);background:var(--dnb-payment-bg-default);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:linear-gradient(.52turn,#14555a 6.31%,rgba(0,52,62,.4) 82.66%),#14555a;background:var(--dnb-payment-bg-pluss);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-white{background:linear-gradient(184.55deg,#fafafa 4.63%,#fff 92.04%);background:var(--dnb-payment-bg-white);color:#333;color:var(--color-black-80)}.dnb-payment-card__card--design-silver{background:linear-gradient(184.55deg,#ccc 4.63%,#ebebeb 82.87%);background:var(--dnb-payment-bg-silver);color:#333;color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);background:var(--dnb-payment-bg-gold);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-saga{background:linear-gradient(184.55deg,#241e23 6.31%,#251d23 85.2%);background:var(--dnb-payment-bg-saga);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-private{background:#333;background:var(--color-black-80);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-black{background:#000;background:var(--color-black);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:linear-gradient(184.55deg,#50c9de 6.31%,#4bbed2 82.66%);background:var(--dnb-payment-bg-business-no-visa);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:linear-gradient(184.55deg,#2cc48e 6.31%,#28b482 82.66%);background:var(--dnb-payment-bg-business-with-visa);color:#fff;color:var(--color-white)}.dnb-payment-card__card:after{background-image:radial-gradient(farthest-corner at 80%,at 30%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 60%,rgba(6,6,6,0) 99%);background-image:radial-gradient(farthest-corner at 80%,at 30%,#f7f6e61f 0,#06060600 60%,#06060600 99%);background-image:radial-gradient(farthest-corner at 80% 30%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 60%,rgba(6,6,6,0) 99%);background-image:radial-gradient(farthest-corner at 80% 30%,#f7f6e61f 0,#06060600 60%,#06060600 99%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{opacity:.5;text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.25rem;font-size:var(--font-size-medium)}.dnb-payment-card__card__credit-type{bottom:0;height:51px;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center,.dnb-payment-card__blocking__overlay{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-payment-card__blocking__center{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#333;background:var(--color-black-80);border-radius:4px;color:#fbf6ec;color:var(--color-sand-yellow);-ms-flex-direction:column;flex-direction:column;height:77px;width:77px}.dnb-payment-card__blocking svg{shape-rendering:geometricPrecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:#fff;background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:#333;color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;top:0}.dnb-payment-card--compact .dnb-payment-card__blocking__center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;justify-content:center;width:100%}

package/fragments/drawer-list/DrawerListProvider.js

@@ -817,6 +817,7 @@ var DrawerListProvider = function (_React$PureComponent) {
       clearTimeout(this._hideTimeout);
       clearTimeout(this._scrollTimeout);
       clearTimeout(this._ddTimeout);
+      this.setActiveState(false);
       this.removeObservers();
     }
   }, {

package/index.d.ts

@@ -12,6 +12,7 @@
 // import all the available components and extensions
 import Accordion from './components/accordion/Accordion'
 import Autocomplete from './components/autocomplete/Autocomplete'
+import Avatar from './components/avatar/Avatar'
 import Breadcrumb from './components/breadcrumb/Breadcrumb'
 import Button from './components/button/Button'
 import Checkbox from './components/checkbox/Checkbox'
@@ -27,6 +28,7 @@ import Heading from './components/heading/Heading'
 import HelpButton from './components/help-button/HelpButton'
 import Icon from './components/icon/Icon'
 import IconPrimary from './components/icon-primary/IconPrimary'
+import InfoCard from './components/info-card/InfoCard'
 import Input from './components/input/Input'
 import InputMasked from './components/input-masked/InputMasked'
 import Logo from './components/logo/Logo'
@@ -44,6 +46,7 @@ import Switch from './components/switch/Switch'
 import Tabs from './components/tabs/Tabs'
 import Tag from './components/tag/Tag'
 import Textarea from './components/textarea/Textarea'
+import Timeline from './components/timeline/Timeline'
 import ToggleButton from './components/toggle-button/ToggleButton'
 import Tooltip from './components/tooltip/Tooltip'
 import Anchor from './elements/Anchor'
@@ -80,6 +83,7 @@ import Ul from './elements/Ul'
 export {
   Accordion,
   Autocomplete,
+  Avatar,
   Breadcrumb,
   Button,
   Checkbox,
@@ -95,6 +99,7 @@ export {
   HelpButton,
   Icon,
   IconPrimary,
+  InfoCard,
   Input,
   InputMasked,
   Logo,
@@ -112,6 +117,7 @@ export {
   Tabs,
   Tag,
   Textarea,
+  Timeline,
   ToggleButton,
   Tooltip,
   Anchor,

package/index.js

@@ -1,5 +1,6 @@
 import Accordion from './components/accordion/Accordion';
 import Autocomplete from './components/autocomplete/Autocomplete';
+import Avatar from './components/avatar/Avatar';
 import Breadcrumb from './components/breadcrumb/Breadcrumb';
 import Button from './components/button/Button';
 import Checkbox from './components/checkbox/Checkbox';
@@ -15,6 +16,7 @@ import Heading from './components/heading/Heading';
 import HelpButton from './components/help-button/HelpButton';
 import Icon from './components/icon/Icon';
 import IconPrimary from './components/icon-primary/IconPrimary';
+import InfoCard from './components/info-card/InfoCard';
 import Input from './components/input/Input';
 import InputMasked from './components/input-masked/InputMasked';
 import Logo from './components/logo/Logo';
@@ -32,6 +34,7 @@ import Switch from './components/switch/Switch';
 import Tabs from './components/tabs/Tabs';
 import Tag from './components/tag/Tag';
 import Textarea from './components/textarea/Textarea';
+import Timeline from './components/timeline/Timeline';
 import ToggleButton from './components/toggle-button/ToggleButton';
 import Tooltip from './components/tooltip/Tooltip';
 import Anchor from './elements/Anchor';
@@ -63,5 +66,5 @@ import Td from './elements/Td';
 import Th from './elements/Th';
 import Tr from './elements/Tr';
 import Ul from './elements/Ul';
-export { Accordion, Autocomplete, Breadcrumb, Button, Checkbox, DatePicker, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HelpButton, Icon, IconPrimary, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Tabs, Tag, Textarea, ToggleButton, Tooltip, Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Table, Td, Th, Tr, Ul };
+export { Accordion, Autocomplete, Avatar, Breadcrumb, Button, Checkbox, DatePicker, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Table, Td, Th, Tr, Ul };
 export default {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnb/eufemia",
-  "version": "9.18.0",
+  "version": "9.19.0",
   "description": "DNB Eufemia Design System UI Library",
   "license": "SEE LICENSE IN LICENSE FILE",
   "author": "DNB Team & Tobias Høegh",
@@ -44,6 +44,5 @@
   ],
   "publishConfig": {
     "access": "public"
-  },
-  "type": "module"
+  }
 }

package/shared/Context.js

@@ -52,12 +52,18 @@ export var prepareContext = function prepareContext() {
 
       return context.translation;
     },
-    locales: locales
-  }, props), {}, {
-    translation: translation,
+    locales: locales,
+    Avatar: {},
+    AvatarGroup: {},
     Breadcrumb: {},
     BreadcrumbItem: {},
-    Tag: {}
+    InfoCard: {},
+    Tag: {},
+    TagGroup: {},
+    Timeline: {},
+    TimelineItem: {}
+  }, props), {}, {
+    translation: translation
   });
 
   return context;

package/shared/locales/en-GB.js

@@ -1,5 +1,10 @@
 export default {
   'en-GB': {
+    TimelineItem: {
+      alt_label_completed: 'Complete',
+      alt_label_current: 'Current',
+      alt_label_upcoming: 'Upcoming'
+    },
     Breadcrumb: {
       navText: 'Page hierarchy',
       goBackText: 'Back',

package/shared/locales/nb-NO.js

@@ -1,5 +1,10 @@
 export default {
   'nb-NO': {
+    TimelineItem: {
+      alt_label_completed: 'Utført',
+      alt_label_current: 'Nåværende',
+      alt_label_upcoming: 'Kommende'
+    },
     Breadcrumb: {
       navText: 'Sidehierarki',
       goBackText: 'Tilbake',