@digigov/ui 1.0.0-002c630d → 1.0.0-6b93ebf2

package/esm/content/Table/__stories__/RowColors.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/content/Table';
+import Link from '@digigov/ui/navigation/Link';
+var data = {
+  title: 'Ειδοποιήσεις',
+  labels: {
+    date: 'Ημερομηνία',
+    title: 'Τίτλος',
+    actions: 'Ενέργειες'
+  },
+  content: [{
+    date: '24-07-23 16:34',
+    title: 'Ειδοποίηση',
+    actions: 'λεπτομέρειες',
+    "new": true
+  }, {
+    date: '24-07-23 12:41',
+    title: 'Μήνυμα υπηρεσίας',
+    actions: 'λεπτομέρειες',
+    "new": true
+  }, {
+    date: '24-07-23 12:40',
+    title: 'Μήνυμα από τον διαχειριστή',
+    actions: 'λεπτομέρειες',
+    "new": false
+  }, {
+    date: '23-07-23 15:14',
+    title: 'Έχετε συνδεθεί',
+    actions: 'λεπτομέρειες',
+    "new": false
+  }, {
+    date: '23-07-23 13:25',
+    title: 'Ο κωδικός άλλαξε',
+    actions: 'λεπτομέρειες',
+    "new": false
+  }]
+};
+export var RowColors = function RowColors() {
+  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
+    variant: "default"
+  }, data && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableCaption, null, data.title), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
+    return /*#__PURE__*/React.createElement(TableHeadCell, {
+      key: key
+    }, data.labels[key]);
+  }))), /*#__PURE__*/React.createElement(TableBody, null, data.content && data.content.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(TableRow, {
+      key: index,
+      color: item["new"] ? 'primary' : 'secondary'
+    }, /*#__PURE__*/React.createElement(TableDataCell, {
+      "data-label": data.labels.date
+    }, item.date), /*#__PURE__*/React.createElement(TableDataCell, {
+      "data-label": data.labels.title
+    }, item.title), /*#__PURE__*/React.createElement(TableDataCell, {
+      "data-label": data.labels.actions
+    }, /*#__PURE__*/React.createElement(Link, {
+      href: "#"
+    }, item.actions)));
+  })))));
+};
+export default RowColors;

package/esm/content/Table/__stories__/ZebraProp.js

@@ -27,7 +27,7 @@ var data = {
 };
 export var ZebraProp = function ZebraProp() {
   return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
-    zebra: true
+    variant: "zebra"
   }, data && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableCaption, null, data.title), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
     return /*#__PURE__*/React.createElement(TableHeadCell, {
       key: key

package/esm/content/Table/index.mdx

@@ -20,53 +20,35 @@ import {
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="content/Table" story="Default.tsx"/>
 
 ### Table with dark header
 
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="DarkVariant.tsx"
-/>
+<Story packageName="@digigov/ui" component="content/Table" story="DarkVariant.tsx"/>
 
 ### Table captions
 
 Use the `<TableCaption>` element to describe a table in the same way you would use a heading. A caption helps users find, navigate and understand tables.
 
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="TableCaptions.tsx"
-/>
+<Story packageName="@digigov/ui" component="content/Table" story="TableCaptions.tsx"/>
 
 ### Numbers in a table
 
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="NumericDataType.tsx"
-/>
+<Story packageName="@digigov/ui" component="content/Table" story="NumericDataType.tsx"/>
 
 ### Zebra rows
 
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="ZebraProp.tsx"
-/>
+<Story  packageName="@digigov/ui" component="content/Table" story="ZebraProp.tsx"/>
+
+### Rows with primary or secondary color
+
+The prop `color='primary'` or `color='secondary'` is only functional when Table component has `variant='default'`.
+
+<Story packageName="@digigov/ui" component="content/Table"  story="RowColors.tsx"/>
 
 ### Vertical lines
 
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="VerticalBorders.tsx"
-/>
+<Story packageName="@digigov/ui" component="content/Table" story="VerticalBorders.tsx" />
 
 ### Dense tables
 
@@ -74,11 +56,7 @@ Use the `<TableCaption>` element to describe a table in the same way you would u
 
 ### Custom column widths
 
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="DefinedWidth.tsx"
-/>
+<Story packageName="@digigov/ui" component="content/Table" story="DefinedWidth.tsx"/>
 
 ### No data
 
@@ -86,11 +64,7 @@ Use the `<TableCaption>` element to describe a table in the same way you would u
 
 ### Using loader
 
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="WithLoader.tsx"
-/>
+<Story packageName="@digigov/ui" component="content/Table" story="WithLoader.tsx"/>
 
 ## Accessibility
 

package/esm/feedback/CopyToClipboard/__stories__/Default.js

@@ -4,7 +4,8 @@ import { Button } from '@digigov/ui/form/Button';
 
 var _ref = /*#__PURE__*/React.createElement(CopyToClipboard, {
   text: "copied-text",
-  variant: "tooltip-left",
+  variant: "tooltip",
+  tooltipAlign: "left",
   message: "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF",
   id: "copy-to-clipboard"
 }, /*#__PURE__*/React.createElement(Button, {

package/esm/feedback/CopyToClipboard/index.js

@@ -7,7 +7,9 @@ import NormalText from '@digigov/ui/typography/NormalText';
 export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipboard(_ref, ref) {
   var text = _ref.text,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'tooltip-right' : _ref$variant,
+      variant = _ref$variant === void 0 ? 'tooltip' : _ref$variant,
+      _ref$tooltipAlign = _ref.tooltipAlign,
+      tooltipAlign = _ref$tooltipAlign === void 0 ? 'right' : _ref$tooltipAlign,
       message = _ref.message,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 3000 : _ref$timeout,
@@ -38,9 +40,9 @@ export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipbo
   return /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
     onClick: copyToClipboard,
     variant: variant,
+    tooltipAlign: tooltipAlign,
     ref: ref
   }, children, enabled && /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
-    variant: variant,
     enabled: enabled,
     role: "tooltip"
   }, /*#__PURE__*/React.createElement(NormalText, null, message || t('copy-to-clipboard.message'))));

package/esm/feedback/NotificationBanner/__stories__/Default.js

@@ -2,11 +2,11 @@ import React from 'react';
 import { NotificationBanner } from '@digigov/ui/feedback/NotificationBanner';
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(NotificationBanner, {
-    title: "\u03A0\u03C1\u03BF\u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
+    title: "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
     link: {
       label: 'Προβολή αίτησης',
       href: '#link?name=NotificationBannerDefault'
     }
-  }, "\u0388\u03C7\u03B5\u03C4\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.");
+  }, "\u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.");
 };
 export default Default;

package/esm/feedback/NotificationBanner/index.js

@@ -11,18 +11,15 @@ import NotificationBannerLink from '@digigov/react-core/NotificationBannerLink';
 var _ref2 = /*#__PURE__*/React.createElement("br", null);
 
 export var NotificationBanner = function NotificationBanner(_ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'important' : _ref$variant,
+  var variant = _ref.variant,
       title = _ref.title,
       link = _ref.link,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var success = variant === 'success';
-  title = title ? title : success ? 'Success' : 'Important';
   return /*#__PURE__*/React.createElement(NotificationBannerContainer, _extends({
-    success: success
-  }, props), /*#__PURE__*/React.createElement(NotificationBannerHeader, null, title), /*#__PURE__*/React.createElement(NotificationBannerContent, null, /*#__PURE__*/React.createElement(NotificationBannerHeading, null, children, _ref2, link && /*#__PURE__*/React.createElement(NotificationBannerLink, {
+    variant: variant
+  }, props), title && /*#__PURE__*/React.createElement(NotificationBannerHeader, null, title), /*#__PURE__*/React.createElement(NotificationBannerContent, null, /*#__PURE__*/React.createElement(NotificationBannerHeading, null, children, _ref2, link && /*#__PURE__*/React.createElement(NotificationBannerLink, {
     href: link.href
   }, link.label))));
 };

package/esm/form/Checkbox/Checkbox.stories.js

@@ -7,6 +7,8 @@ export default {
   displayName: 'Checkbox'
 };
 export * from '@digigov/ui/form/Checkbox/__stories__/Default';
+export * from '@digigov/ui/form/Checkbox/__stories__/Inline';
+export * from '@digigov/ui/form/Checkbox/__stories__/InlineWithDivider';
 export * from '@digigov/ui/form/Checkbox/__stories__/MultipleQuestions';
 export * from '@digigov/ui/form/Checkbox/__stories__/WithHint';
 export * from '@digigov/ui/form/Checkbox/__stories__/NoneAnswer';

package/esm/form/Checkbox/__stories__/Inline.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Checkbox, CheckboxItem } from '@digigov/ui/form/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
+  "aria-describedby": "feeling-hint"
+}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;"), /*#__PURE__*/React.createElement(Hint, {
+  id: "feeling-hint"
+}, "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(Checkbox, {
+  layout: "horizontal"
+}, /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "feeling",
+  value: "cold"
+}, "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"), /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "feeling",
+  value: "fever"
+}, "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC"))));
+
+export var Inline = function Inline() {
+  return _ref;
+};
+export default Inline;

package/esm/form/Checkbox/__stories__/InlineWithDivider.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Checkbox, CheckboxItem } from '@digigov/ui/form/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
+  "aria-describedby": "feeling-hint"
+}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;"), /*#__PURE__*/React.createElement(Hint, {
+  id: "feeling-hint"
+}, "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(Checkbox, {
+  layout: "horizontal"
+}, /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "feeling",
+  value: "cold"
+}, "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"), /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "feeling",
+  value: "fever",
+  dividerText: "\u03AE"
+}, "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC"))));
+
+export var InlineWithDivider = function InlineWithDivider() {
+  return _ref;
+};
+export default InlineWithDivider;

package/esm/form/Checkbox/__stories__/NoneAnswer.js

@@ -11,7 +11,7 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/R
 }, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(CheckboxItem, {
   name: "fatigue",
   value: "fatigue",
-  divider: "\u03AE"
+  dividerText: "\u03AE"
 }, "\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2"))));
 
 export var NoneAnswer = function NoneAnswer() {

package/esm/form/Checkbox/__stories__/NoneAnswerWithError.js

@@ -15,7 +15,7 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   name: "country",
   value: "fr"
 }, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(CheckboxItem, {
-  divider: "\u03AE",
+  dividerText: "\u03AE",
   name: "country",
   value: "none"
 }, "\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2"))));

package/esm/form/RadioContainer/RadioContainer.stories.js

@@ -12,4 +12,5 @@ export * from '@digigov/ui/form/RadioContainer/__stories__/Inline';
 export * from '@digigov/ui/form/RadioContainer/__stories__/WithHints';
 export * from '@digigov/ui/form/RadioContainer/__stories__/NoneAnswer';
 export * from '@digigov/ui/form/RadioContainer/__stories__/WithErrorMessage';
-export * from '@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal';
+export * from '@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal';
+export * from '@digigov/ui/form/RadioContainer/__stories__/InlineWithDivider';

package/esm/form/RadioContainer/__stories__/Inline.js

@@ -8,7 +8,7 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/R
 }, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
   id: "name-hint"
 }, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(RadioContainer, {
-  inline: true
+  layout: "horizontal"
 }, /*#__PURE__*/React.createElement(RadioItem, {
   name: "changed_name",
   value: "yes"

package/esm/form/RadioContainer/__stories__/InlineWithDivider.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
+import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
+  "aria-describedby": "name-hint"
+}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
+  id: "name-hint"
+}, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(RadioContainer, {
+  layout: "horizontal"
+}, /*#__PURE__*/React.createElement(RadioItem, {
+  name: "changed_name",
+  value: "yes"
+}, "\u039D\u03B1\u03B9"), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "changed_name",
+  value: "no",
+  divider: "\u03AE"
+}, "\u038C\u03C7\u03B9"))));
+
+export var InlineWithDivider = function InlineWithDivider() {
+  return _ref;
+};
+export default InlineWithDivider;

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v1.0.0-002c630d
+/** @license Digigov v1.0.0-6b93ebf2
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/layouts/Basic/__snapshots__/index.spec.tsx.snap

@@ -25,10 +25,10 @@ exports[`renders the BasicLayout with Top, Content, Bottom, Main and Side childr
         <ForwardRef(Container)>
           <ForwardRef(Base)
             as="div"
-            className="govgr-width-container"
+            className="govgr-container"
           >
             <div
-              className="govgr-width-container"
+              className="govgr-container"
             >
               <ForwardRef(Base)
                 as="div"

package/esm/layouts/Divider/index.js

@@ -1,6 +1,6 @@
 import CoreSectionBreak from '@digigov/react-core/SectionBreak';
 import withDeprecation from '@digigov/ui/utils/withDeprecation';
-export * from '@digigov/react-core/ChoiceDivider';
+export * from '@digigov/react-core/ChoiceDividerText';
 export var Divider = withDeprecation(CoreSectionBreak, {
   name: 'Divider',
   rename: 'SectionBreak'

package/esm/navigation/Link/Link.stories.playwright.json

@@ -46,13 +46,13 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>a"
+                "selector": "html>body>div:nth-child(5)>section>a"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>a"
+                "selector": "html>body>div:nth-child(5)>section>a"
               }
             }
           ],

package/esm/registry.js

@@ -10,7 +10,6 @@ import * as _digigov_ui_app_AccessibilityMenu from '@digigov/ui/app/Accessibilit
 import * as _digigov_ui_app_App from '@digigov/ui/app/App';
 import * as _digigov_ui_app_BannerContainer from '@digigov/ui/app/BannerContainer';
 import * as _digigov_ui_app_BottomInfo from '@digigov/ui/app/BottomInfo';
-import * as _digigov_ui_app_Confirmation from '@digigov/ui/app/Confirmation';
 import * as _digigov_ui_app_FilterSection from '@digigov/ui/app/FilterSection';
 import * as _digigov_ui_app_Footer from '@digigov/ui/app/Footer';
 import * as _digigov_ui_app_Header_HeaderContent from '@digigov/ui/app/Header/HeaderContent';
@@ -18,7 +17,6 @@ import * as _digigov_ui_app_Header_HeaderLogo from '@digigov/ui/app/Header/Heade
 import * as _digigov_ui_app_Header_HeaderNavMenuContent from '@digigov/ui/app/Header/HeaderNavMenuContent';
 import * as _digigov_ui_app_Header_HeaderSecondaryLogo from '@digigov/ui/app/Header/HeaderSecondaryLogo';
 import * as _digigov_ui_app_Header_HeaderSection from '@digigov/ui/app/Header/HeaderSection';
-import * as _digigov_ui_app_Header_HeaderSubtitle from '@digigov/ui/app/Header/HeaderSubtitle';
 import * as _digigov_ui_app_Header_HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
 import * as _digigov_ui_app_Header from '@digigov/ui/app/Header';
 import * as _digigov_ui_app_hooks_useFontSize from '@digigov/ui/app/hooks/useFontSize';
@@ -36,6 +34,7 @@ import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion f
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';
 import * as _digigov_ui_app_OutdatedBrowserBanner from '@digigov/ui/app/OutdatedBrowserBanner';
 import * as _digigov_ui_app_PageTitle from '@digigov/ui/app/PageTitle';
+import * as _digigov_ui_app_Panel from '@digigov/ui/app/Panel';
 import * as _digigov_ui_app_PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';
 import * as _digigov_ui_app_QrCodeScanner from '@digigov/ui/app/QrCodeScanner';
 import * as _digigov_ui_app_QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
@@ -221,7 +220,6 @@ export default {
   '@digigov/ui/app/App': lazyImport(_digigov_ui_app_App),
   '@digigov/ui/app/BannerContainer': lazyImport(_digigov_ui_app_BannerContainer),
   '@digigov/ui/app/BottomInfo': lazyImport(_digigov_ui_app_BottomInfo),
-  '@digigov/ui/app/Confirmation': lazyImport(_digigov_ui_app_Confirmation),
   '@digigov/ui/app/FilterSection': lazyImport(_digigov_ui_app_FilterSection),
   '@digigov/ui/app/Footer': lazyImport(_digigov_ui_app_Footer),
   '@digigov/ui/app/Header/HeaderContent': lazyImport(_digigov_ui_app_Header_HeaderContent),
@@ -229,7 +227,6 @@ export default {
   '@digigov/ui/app/Header/HeaderNavMenuContent': lazyImport(_digigov_ui_app_Header_HeaderNavMenuContent),
   '@digigov/ui/app/Header/HeaderSecondaryLogo': lazyImport(_digigov_ui_app_Header_HeaderSecondaryLogo),
   '@digigov/ui/app/Header/HeaderSection': lazyImport(_digigov_ui_app_Header_HeaderSection),
-  '@digigov/ui/app/Header/HeaderSubtitle': lazyImport(_digigov_ui_app_Header_HeaderSubtitle),
   '@digigov/ui/app/Header/HeaderTitle': lazyImport(_digigov_ui_app_Header_HeaderTitle),
   '@digigov/ui/app/Header': lazyImport(_digigov_ui_app_Header),
   '@digigov/ui/app/hooks/useFontSize': lazyImport(_digigov_ui_app_hooks_useFontSize),
@@ -247,6 +244,7 @@ export default {
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
   '@digigov/ui/app/OutdatedBrowserBanner': lazyImport(_digigov_ui_app_OutdatedBrowserBanner),
   '@digigov/ui/app/PageTitle': lazyImport(_digigov_ui_app_PageTitle),
+  '@digigov/ui/app/Panel': lazyImport(_digigov_ui_app_Panel),
   '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
   '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
   '@digigov/ui/app/QrCodeViewer': lazyImport(_digigov_ui_app_QrCodeViewer),
@@ -404,13 +402,13 @@ export default {
   '@digigov/ui/utils/VisuallyHidden': lazyImport(_digigov_ui_utils_VisuallyHidden),
   '@digigov/ui/utils/withDeprecation': lazyImport(_digigov_ui_utils_withDeprecation)
 };
-import * as _digigov_ui_app_Confirmation_Confirmation_stories from '@digigov/ui/app/Confirmation/Confirmation.stories';
 import * as _digigov_ui_app_Footer_Footer_stories from '@digigov/ui/app/Footer/Footer.stories';
 import * as _digigov_ui_app_Header_Header_stories from '@digigov/ui/app/Header/Header.stories';
 import * as _digigov_ui_app_Loader_Loader_stories from '@digigov/ui/app/Loader/Loader.stories';
 import * as _digigov_ui_app_Masthead_Masthead_stories from '@digigov/ui/app/Masthead/Masthead.stories';
 import * as _digigov_ui_app_Modal_Modal_stories from '@digigov/ui/app/Modal/Modal.stories';
 import * as _digigov_ui_app_NotFound_NotFound_stories from '@digigov/ui/app/NotFound/NotFound.stories';
+import * as _digigov_ui_app_Panel_Panel_stories from '@digigov/ui/app/Panel/Panel.stories';
 import * as _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories from '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories';
 import * as _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories from '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories';
 import * as _digigov_ui_app_QrCodeViewer_QRCode_stories from '@digigov/ui/app/QrCodeViewer/QRCode.stories';
@@ -459,13 +457,13 @@ import * as _digigov_ui_typography_NormalText_NormalText_stories from '@digigov/
 import * as _digigov_ui_typography_Paragraph_Paragraph_stories from '@digigov/ui/typography/Paragraph/Paragraph.stories';
 import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from '@digigov/ui/utils/VisuallyHidden/VisuallyHidden.stories';
 export var stories = {
-  '@digigov/ui/app/Confirmation/Confirmation.stories': _digigov_ui_app_Confirmation_Confirmation_stories,
   '@digigov/ui/app/Footer/Footer.stories': _digigov_ui_app_Footer_Footer_stories,
   '@digigov/ui/app/Header/Header.stories': _digigov_ui_app_Header_Header_stories,
   '@digigov/ui/app/Loader/Loader.stories': _digigov_ui_app_Loader_Loader_stories,
   '@digigov/ui/app/Masthead/Masthead.stories': _digigov_ui_app_Masthead_Masthead_stories,
   '@digigov/ui/app/Modal/Modal.stories': _digigov_ui_app_Modal_Modal_stories,
   '@digigov/ui/app/NotFound/NotFound.stories': _digigov_ui_app_NotFound_NotFound_stories,
+  '@digigov/ui/app/Panel/Panel.stories': _digigov_ui_app_Panel_Panel_stories,
   '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories': _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories,
   '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories,
   '@digigov/ui/app/QrCodeViewer/QRCode.stories': _digigov_ui_app_QrCodeViewer_QRCode_stories,

package/feedback/CopyToClipboard/__stories__/Default.js

@@ -15,7 +15,8 @@ var _Button = require("@digigov/ui/form/Button");
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_CopyToClipboard.CopyToClipboard, {
   text: "copied-text",
-  variant: "tooltip-left",
+  variant: "tooltip",
+  tooltipAlign: "left",
   message: "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF",
   id: "copy-to-clipboard"
 }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {

package/feedback/CopyToClipboard/index.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import CopyToClipboardContainer from '@digigov/react-core/CopyToClipboardContainer';
+import CopyToClipboardContainer, { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
 import CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';
-declare type DivElementAttributes = JSX.IntrinsicElements['div'];
-export interface CopyToClipboardProps extends DivElementAttributes {
+export interface CopyToClipboardProps extends CopyToClipboardContainerProps {
     text: string;
-    variant?: 'tooltip-right' | 'tooltip-left' | 'banner';
     message?: string;
     timeout?: number;
 }
-export declare const CopyToClipboard: React.ForwardRefExoticComponent<Pick<CopyToClipboardProps, "children" | "slot" | "style" | "title" | "text" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "message" | "timeout"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CopyToClipboard: React.ForwardRefExoticComponent<Pick<CopyToClipboardProps, "children" | "slot" | "style" | "title" | "text" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "tooltipAlign" | "message" | "timeout"> & React.RefAttributes<HTMLDivElement>>;
 export default CopyToClipboard;
 export { CopyToClipboardContainer, CopyToClipboardMessage };

package/feedback/CopyToClipboard/index.js

@@ -41,7 +41,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var CopyToClipboard = /*#__PURE__*/_react["default"].forwardRef(function CopyToClipboard(_ref, ref) {
   var text = _ref.text,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'tooltip-right' : _ref$variant,
+      variant = _ref$variant === void 0 ? 'tooltip' : _ref$variant,
+      _ref$tooltipAlign = _ref.tooltipAlign,
+      tooltipAlign = _ref$tooltipAlign === void 0 ? 'right' : _ref$tooltipAlign,
       message = _ref.message,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 3000 : _ref$timeout,
@@ -72,9 +74,9 @@ var CopyToClipboard = /*#__PURE__*/_react["default"].forwardRef(function CopyToC
   return /*#__PURE__*/_react["default"].createElement(_CopyToClipboardContainer["default"], {
     onClick: copyToClipboard,
     variant: variant,
+    tooltipAlign: tooltipAlign,
     ref: ref
   }, children, enabled && /*#__PURE__*/_react["default"].createElement(_CopyToClipboardMessage["default"], {
-    variant: variant,
     enabled: enabled,
     role: "tooltip"
   }, /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, message || t('copy-to-clipboard.message'))));

package/feedback/NotificationBanner/__stories__/Default.js

@@ -13,12 +13,12 @@ var _NotificationBanner = require("@digigov/ui/feedback/NotificationBanner");
 
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_NotificationBanner.NotificationBanner, {
-    title: "\u03A0\u03C1\u03BF\u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
+    title: "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
     link: {
       label: 'Προβολή αίτησης',
       href: '#link?name=NotificationBannerDefault'
     }
-  }, "\u0388\u03C7\u03B5\u03C4\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.");
+  }, "\u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.");
 };
 
 exports.Default = Default;

package/feedback/NotificationBanner/index.d.ts

@@ -5,7 +5,7 @@ import NotificationBannerHeader from '@digigov/react-core/NotificationBannerHead
 import NotificationBannerHeading from '@digigov/react-core/NotificationBannerHeading';
 import NotificationBannerLink from '@digigov/react-core/NotificationBannerLink';
 export interface NotificationBannerProps extends NotificationBannerContainerProps {
-    variant?: 'important' | 'success';
+    variant?: 'info' | 'success' | 'error';
     title?: string;
     link?: {
         href: string;

package/feedback/NotificationBanner/index.js

@@ -59,17 +59,14 @@ var _excluded = ["variant", "title", "link", "children"];
 var _ref2 = /*#__PURE__*/_react["default"].createElement("br", null);
 
 var NotificationBanner = function NotificationBanner(_ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'important' : _ref$variant,
+  var variant = _ref.variant,
       title = _ref.title,
       link = _ref.link,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var success = variant === 'success';
-  title = title ? title : success ? 'Success' : 'Important';
   return /*#__PURE__*/_react["default"].createElement(_NotificationBannerContainer["default"], (0, _extends2["default"])({
-    success: success
-  }, props), /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeader["default"], null, title), /*#__PURE__*/_react["default"].createElement(_NotificationBannerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeading["default"], null, children, _ref2, link && /*#__PURE__*/_react["default"].createElement(_NotificationBannerLink["default"], {
+    variant: variant
+  }, props), title && /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeader["default"], null, title), /*#__PURE__*/_react["default"].createElement(_NotificationBannerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeading["default"], null, children, _ref2, link && /*#__PURE__*/_react["default"].createElement(_NotificationBannerLink["default"], {
     href: link.href
   }, link.label))));
 };