@digigov/ui 0.26.7-alpha → 0.27.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.
Files changed (167) hide show
  1. package/CHANGELOG.md +23 -1
  2. package/admin/AutoComplete/__stories__/Default.js +2 -2
  3. package/admin/AutoComplete/__stories__/WithAutoSelect.js +2 -2
  4. package/admin/AutoComplete/__stories__/WithDefaultValue.js +2 -2
  5. package/admin/AutoComplete/__stories__/WithInLine.js +2 -2
  6. package/admin/AutoComplete/__stories__/WithMinLength.js +2 -2
  7. package/admin/AutoComplete/__stories__/WithPlaceHolder.js +2 -2
  8. package/admin/AutoComplete/__stories__/WithShowAllValues.js +2 -2
  9. package/admin/AutoComplete/__stories__/utils.d.ts +0 -2
  10. package/admin/AutoComplete/__stories__/utils.js +1 -15
  11. package/admin/AutoComplete/index.mdx +0 -1
  12. package/admin/AutoComplete/utils.d.ts +2 -0
  13. package/admin/AutoComplete/utils.js +15 -2
  14. package/admin/Modal/__stories__/AlertDialog.js +11 -24
  15. package/admin/Modal/__stories__/Default.js +7 -26
  16. package/admin/Modal/index.d.ts +13 -1
  17. package/admin/Modal/index.js +104 -3
  18. package/core/Breadcrumbs/Breadcrumbs.stories.playwright.json +2 -2
  19. package/core/Breadcrumbs/__stories__/Default.js +1 -1
  20. package/core/Button/Button.stories.d.ts +1 -0
  21. package/core/Button/Button.stories.js +14 -0
  22. package/core/Button/Button.stories.playwright.json +22 -0
  23. package/core/Button/ThemeToggleButton.d.ts +4 -0
  24. package/core/Button/ThemeToggleButton.js +54 -0
  25. package/core/Button/__stories__/ThemeToggle.d.ts +2 -0
  26. package/core/Button/__stories__/ThemeToggle.js +22 -0
  27. package/core/Button/index.d.ts +1 -0
  28. package/core/Button/index.js +14 -0
  29. package/core/Link/Link.stories.d.ts +6 -5
  30. package/core/Link/Link.stories.js +19 -5
  31. package/core/Link/__stories__/ExternalLink.d.ts +2 -0
  32. package/core/Link/__stories__/ExternalLink.js +28 -0
  33. package/core/List/List.stories.d.ts +2 -0
  34. package/core/List/List.stories.js +28 -0
  35. package/core/List/__stories__/NestedBulletList.d.ts +2 -0
  36. package/core/List/__stories__/NestedBulletList.js +38 -0
  37. package/core/List/__stories__/NestedListWithVariantStyles.d.ts +2 -0
  38. package/core/List/__stories__/NestedListWithVariantStyles.js +36 -0
  39. package/core/SummaryList/SummaryList.stories.d.ts +1 -0
  40. package/core/SummaryList/SummaryList.stories.js +14 -0
  41. package/core/SummaryList/__stories__/RowVariations.d.ts +2 -0
  42. package/core/SummaryList/__stories__/RowVariations.js +58 -0
  43. package/core/Table/Table.stories.d.ts +1 -0
  44. package/core/Table/Table.stories.js +14 -0
  45. package/core/Table/__stories__/DarkVariant.js +3 -3
  46. package/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +3 -3
  47. package/core/Table/__stories__/Default.js +2 -2
  48. package/core/Table/__stories__/DefinedWidth.js +5 -5
  49. package/core/Table/__stories__/Densed.js +4 -4
  50. package/core/Table/__stories__/Full.d.ts +2 -0
  51. package/core/Table/__stories__/Full.js +27 -0
  52. package/core/Table/__stories__/MultipleProps.js +18 -18
  53. package/core/Table/__stories__/NoData.js +2 -2
  54. package/core/Table/__stories__/NumericDataType.js +13 -13
  55. package/core/Table/__stories__/TableCaptions.js +5 -5
  56. package/core/Table/__stories__/VerticalBorders.js +3 -3
  57. package/core/Table/__stories__/VerticalHeaders.js +2 -2
  58. package/core/Table/__stories__/WithFloatingScroll.js +21 -19
  59. package/core/Table/__stories__/WithLoader.js +10 -8
  60. package/core/Table/__stories__/ZebraProp.js +3 -3
  61. package/core/Table/index.mdx +10 -1
  62. package/es/admin/AutoComplete/__stories__/Default.js +1 -1
  63. package/es/admin/AutoComplete/__stories__/WithAutoSelect.js +1 -1
  64. package/es/admin/AutoComplete/__stories__/WithDefaultValue.js +1 -1
  65. package/es/admin/AutoComplete/__stories__/WithInLine.js +1 -1
  66. package/es/admin/AutoComplete/__stories__/WithMinLength.js +1 -1
  67. package/es/admin/AutoComplete/__stories__/WithPlaceHolder.js +1 -1
  68. package/es/admin/AutoComplete/__stories__/WithShowAllValues.js +1 -1
  69. package/es/admin/AutoComplete/__stories__/utils.js +0 -6
  70. package/es/admin/AutoComplete/index.mdx +0 -1
  71. package/es/admin/AutoComplete/utils.js +10 -1
  72. package/es/admin/Modal/__stories__/AlertDialog.js +13 -26
  73. package/es/admin/Modal/__stories__/Default.js +10 -29
  74. package/es/admin/Modal/index.js +83 -1
  75. package/es/core/Breadcrumbs/Breadcrumbs.stories.playwright.json +2 -2
  76. package/es/core/Breadcrumbs/__stories__/Default.js +1 -1
  77. package/es/core/Button/Button.stories.js +2 -1
  78. package/es/core/Button/Button.stories.playwright.json +22 -0
  79. package/es/core/Button/ThemeToggleButton.js +33 -0
  80. package/es/core/Button/__stories__/ThemeToggle.js +9 -0
  81. package/es/core/Button/index.js +1 -0
  82. package/es/core/Link/Link.stories.js +7 -6
  83. package/es/core/Link/__stories__/ExternalLink.js +14 -0
  84. package/es/core/List/List.stories.js +4 -2
  85. package/es/core/List/__stories__/NestedBulletList.js +19 -0
  86. package/es/core/List/__stories__/NestedListWithVariantStyles.js +17 -0
  87. package/es/core/SummaryList/SummaryList.stories.js +2 -1
  88. package/es/core/SummaryList/__stories__/RowVariations.js +37 -0
  89. package/es/core/Table/Table.stories.js +2 -1
  90. package/es/core/Table/__stories__/DarkVariant.js +1 -1
  91. package/es/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +1 -1
  92. package/es/core/Table/__stories__/Default.js +1 -1
  93. package/es/core/Table/__stories__/DefinedWidth.js +1 -1
  94. package/es/core/Table/__stories__/Densed.js +1 -1
  95. package/es/core/Table/__stories__/Full.js +14 -0
  96. package/es/core/Table/__stories__/MultipleProps.js +1 -1
  97. package/es/core/Table/__stories__/NoData.js +1 -1
  98. package/es/core/Table/__stories__/NumericDataType.js +1 -1
  99. package/es/core/Table/__stories__/TableCaptions.js +1 -1
  100. package/es/core/Table/__stories__/VerticalBorders.js +1 -1
  101. package/es/core/Table/__stories__/VerticalHeaders.js +1 -1
  102. package/es/core/Table/__stories__/WithFloatingScroll.js +2 -1
  103. package/es/core/Table/__stories__/WithLoader.js +2 -1
  104. package/es/core/Table/__stories__/ZebraProp.js +1 -1
  105. package/es/core/Table/index.mdx +10 -1
  106. package/es/govgr/images/govgr-logo-blue-base64.js +1 -0
  107. package/es/govgr/images/index.js +1 -0
  108. package/es/hooks/useKeypress.js +20 -0
  109. package/es/registry.js +6 -0
  110. package/esm/admin/AutoComplete/__stories__/Default.js +1 -1
  111. package/esm/admin/AutoComplete/__stories__/WithAutoSelect.js +1 -1
  112. package/esm/admin/AutoComplete/__stories__/WithDefaultValue.js +1 -1
  113. package/esm/admin/AutoComplete/__stories__/WithInLine.js +1 -1
  114. package/esm/admin/AutoComplete/__stories__/WithMinLength.js +1 -1
  115. package/esm/admin/AutoComplete/__stories__/WithPlaceHolder.js +1 -1
  116. package/esm/admin/AutoComplete/__stories__/WithShowAllValues.js +1 -1
  117. package/esm/admin/AutoComplete/__stories__/utils.js +0 -6
  118. package/esm/admin/AutoComplete/index.mdx +0 -1
  119. package/esm/admin/AutoComplete/utils.js +10 -1
  120. package/esm/admin/Modal/__stories__/AlertDialog.js +13 -26
  121. package/esm/admin/Modal/__stories__/Default.js +10 -29
  122. package/esm/admin/Modal/index.js +83 -1
  123. package/esm/core/Breadcrumbs/Breadcrumbs.stories.playwright.json +2 -2
  124. package/esm/core/Breadcrumbs/__stories__/Default.js +1 -1
  125. package/esm/core/Button/Button.stories.js +2 -1
  126. package/esm/core/Button/Button.stories.playwright.json +22 -0
  127. package/esm/core/Button/ThemeToggleButton.js +33 -0
  128. package/esm/core/Button/__stories__/ThemeToggle.js +9 -0
  129. package/esm/core/Button/index.js +1 -0
  130. package/esm/core/Link/Link.stories.js +7 -6
  131. package/esm/core/Link/__stories__/ExternalLink.js +14 -0
  132. package/esm/core/List/List.stories.js +4 -2
  133. package/esm/core/List/__stories__/NestedBulletList.js +19 -0
  134. package/esm/core/List/__stories__/NestedListWithVariantStyles.js +17 -0
  135. package/esm/core/SummaryList/SummaryList.stories.js +2 -1
  136. package/esm/core/SummaryList/__stories__/RowVariations.js +37 -0
  137. package/esm/core/Table/Table.stories.js +2 -1
  138. package/esm/core/Table/__stories__/DarkVariant.js +1 -1
  139. package/esm/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +1 -1
  140. package/esm/core/Table/__stories__/Default.js +1 -1
  141. package/esm/core/Table/__stories__/DefinedWidth.js +1 -1
  142. package/esm/core/Table/__stories__/Densed.js +1 -1
  143. package/esm/core/Table/__stories__/Full.js +14 -0
  144. package/esm/core/Table/__stories__/MultipleProps.js +1 -1
  145. package/esm/core/Table/__stories__/NoData.js +1 -1
  146. package/esm/core/Table/__stories__/NumericDataType.js +1 -1
  147. package/esm/core/Table/__stories__/TableCaptions.js +1 -1
  148. package/esm/core/Table/__stories__/VerticalBorders.js +1 -1
  149. package/esm/core/Table/__stories__/VerticalHeaders.js +1 -1
  150. package/esm/core/Table/__stories__/WithFloatingScroll.js +2 -1
  151. package/esm/core/Table/__stories__/WithLoader.js +2 -1
  152. package/esm/core/Table/__stories__/ZebraProp.js +1 -1
  153. package/esm/core/Table/index.mdx +10 -1
  154. package/esm/govgr/images/govgr-logo-blue-base64.js +1 -0
  155. package/esm/govgr/images/index.js +1 -0
  156. package/esm/hooks/useKeypress.js +20 -0
  157. package/esm/index.js +1 -1
  158. package/esm/registry.js +6 -0
  159. package/govgr/images/govgr-logo-blue-base64.d.ts +2 -0
  160. package/govgr/images/govgr-logo-blue-base64.js +8 -0
  161. package/govgr/images/index.d.ts +1 -0
  162. package/govgr/images/index.js +13 -0
  163. package/hooks/useKeypress.d.ts +2 -0
  164. package/hooks/useKeypress.js +31 -0
  165. package/package.json +3 -3
  166. package/registry.d.ts +3 -0
  167. package/registry.js +9 -0
@@ -1,6 +0,0 @@
1
- export var results = ['Afghanistan', 'Akrotiri', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Ashmore and Cartier Islands', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas, The', 'Bahrain', 'Bangladesh', 'Barbados', 'Bassas da India', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'British Virgin Islands', 'Brunei', 'Bulgaria', 'Burkina Faso', 'Burma', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Clipperton Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Cook Islands', 'Coral Sea Islands', 'Costa Rica', "Cote d'Ivoire", 'Croatia', 'Cuba', 'Cyprus', 'Czech Republic', 'Denmark', 'Dhekelia', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Europa Island', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern and Antarctic Lands', 'Gabon', 'Gambia,', 'Gaza Strip', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Glorioso Islands', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-Bissau', 'Guyana', 'Haiti', 'Heard Island and McDonald Islands', 'Holy See (Vatican City)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Jan Mayen', 'Japan', 'Jersey', 'Jordan', 'Juan de Nova Island', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, North', 'Korea, South', 'Kuwait', 'Kyrgyzstan', 'Laos', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macau', 'Macedonia', 'Madagascar', 'Malawi', 'Malaysia', 'Maldives', 'Mali', 'Malta', 'Marshall Islands', 'Martinique', 'Mauritania', 'Mauritius', 'Mayotte', 'Mexico', 'Micronesia, Federated States of', 'Moldova', 'Monaco', 'Mongolia', 'Montserrat', 'Morocco', 'Mozambique', 'Namibia', 'Nauru', 'Navassa Island', 'Nepal', 'Netherlands', 'Netherlands Antilles', 'New Caledonia', 'New Zealand', 'Nicaragua', 'Niger', 'Nigeria', 'Niue', 'Norfolk Island', 'Northern Mariana Islands', 'Norway', 'Oman', 'Pakistan', 'Palau', 'Panama', 'Papua New Guinea', 'Paracel Islands', 'Paraguay', 'Peru', 'Philippines', 'Pitcairn Islands', 'Poland', 'Portugal', 'Puerto Rico', 'Qatar', 'Reunion', 'Romania', 'Russia', 'Rwanda', 'Saint Helena', 'Saint Kitts and Nevis', 'Saint Lucia', 'Saint Pierre and Miquelon', 'Saint Vincent and the Grenadines', 'Samoa', 'San Marino', 'Sao Tome and Principe', 'Saudi Arabia', 'Senegal', 'Serbia and Montenegro', 'Seychelles', 'Sierra Leone', 'Singapore', 'Slovakia', 'Slovenia', 'Solomon Islands', 'Somalia', 'South Africa', 'South Georgia and the South Sandwich Islands', 'Spain', 'Spratly Islands', 'Sri Lanka', 'Sudan', 'Suriname', 'Svalbard', 'Swaziland', 'Sweden', 'Switzerland', 'Syria', 'Taiwan', 'Tajikistan', 'Tanzania', 'Thailand', 'Timor-Leste', 'Togo', 'Tokelau', 'Tonga', 'Trinidad and Tobago', 'Tromelin Island', 'Tunisia', 'Turkey', 'Turkmenistan', 'Turks and Caicos Islands', 'Tuvalu', 'Uganda', 'Ukraine', 'United Arab Emirates', 'United Kingdom', 'United States', 'Uruguay', 'Uzbekistan', 'Vanuatu', 'Venezuela', 'Vietnam', 'Virgin Islands', 'Wake Island', 'Wallis and Futuna', 'West Bank', 'Western Sahara', 'Yemen', 'Zambia', 'Zimbabwe'];
2
- export default function suggest(query, syncResults) {
3
- syncResults(query ? results.filter(function (result) {
4
- return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
5
- }) : []);
6
- }
@@ -3,7 +3,6 @@ id: autocomplete
3
3
  title: AutoComplete
4
4
  ---
5
5
 
6
-
7
6
  Autocomplete is a feature in which an input field suggests a word based on user input. This allows users to quickly search
8
7
  through, select from large collections of options and help services get more consistent data.
9
8
 
@@ -16,4 +16,13 @@ export function isPrintableKeyCode(keyCode) {
16
16
  keyCode > 185 && keyCode < 193 || // ;=,-./` (in order)
17
17
  keyCode > 218 && keyCode < 223 // [\]' (in order)
18
18
  ;
19
- }
19
+ }
20
+ /* Helper Utils for __stories__ */
21
+
22
+ export var results = ['Afghanistan', 'Akrotiri', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Ashmore and Cartier Islands', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas, The', 'Bahrain', 'Bangladesh', 'Barbados', 'Bassas da India', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'British Virgin Islands', 'Brunei', 'Bulgaria', 'Burkina Faso', 'Burma', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Clipperton Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Cook Islands', 'Coral Sea Islands', 'Costa Rica', "Cote d'Ivoire", 'Croatia', 'Cuba', 'Cyprus', 'Czech Republic', 'Denmark', 'Dhekelia', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Europa Island', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern and Antarctic Lands', 'Gabon', 'Gambia,', 'Gaza Strip', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Glorioso Islands', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-Bissau', 'Guyana', 'Haiti', 'Heard Island and McDonald Islands', 'Holy See (Vatican City)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Jan Mayen', 'Japan', 'Jersey', 'Jordan', 'Juan de Nova Island', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, North', 'Korea, South', 'Kuwait', 'Kyrgyzstan', 'Laos', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macau', 'Macedonia', 'Madagascar', 'Malawi', 'Malaysia', 'Maldives', 'Mali', 'Malta', 'Marshall Islands', 'Martinique', 'Mauritania', 'Mauritius', 'Mayotte', 'Mexico', 'Micronesia, Federated States of', 'Moldova', 'Monaco', 'Mongolia', 'Montserrat', 'Morocco', 'Mozambique', 'Namibia', 'Nauru', 'Navassa Island', 'Nepal', 'Netherlands', 'Netherlands Antilles', 'New Caledonia', 'New Zealand', 'Nicaragua', 'Niger', 'Nigeria', 'Niue', 'Norfolk Island', 'Northern Mariana Islands', 'Norway', 'Oman', 'Pakistan', 'Palau', 'Panama', 'Papua New Guinea', 'Paracel Islands', 'Paraguay', 'Peru', 'Philippines', 'Pitcairn Islands', 'Poland', 'Portugal', 'Puerto Rico', 'Qatar', 'Reunion', 'Romania', 'Russia', 'Rwanda', 'Saint Helena', 'Saint Kitts and Nevis', 'Saint Lucia', 'Saint Pierre and Miquelon', 'Saint Vincent and the Grenadines', 'Samoa', 'San Marino', 'Sao Tome and Principe', 'Saudi Arabia', 'Senegal', 'Serbia and Montenegro', 'Seychelles', 'Sierra Leone', 'Singapore', 'Slovakia', 'Slovenia', 'Solomon Islands', 'Somalia', 'South Africa', 'South Georgia and the South Sandwich Islands', 'Spain', 'Spratly Islands', 'Sri Lanka', 'Sudan', 'Suriname', 'Svalbard', 'Swaziland', 'Sweden', 'Switzerland', 'Syria', 'Taiwan', 'Tajikistan', 'Tanzania', 'Thailand', 'Timor-Leste', 'Togo', 'Tokelau', 'Tonga', 'Trinidad and Tobago', 'Tromelin Island', 'Tunisia', 'Turkey', 'Turkmenistan', 'Turks and Caicos Islands', 'Tuvalu', 'Uganda', 'Ukraine', 'United Arab Emirates', 'United Kingdom', 'United States', 'Uruguay', 'Uzbekistan', 'Vanuatu', 'Venezuela', 'Vietnam', 'Virgin Islands', 'Wake Island', 'Wallis and Futuna', 'West Bank', 'Western Sahara', 'Yemen', 'Zambia', 'Zimbabwe'];
23
+ export function suggest(query, syncResults) {
24
+ syncResults(query ? results.filter(function (result) {
25
+ return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
26
+ }) : []);
27
+ }
28
+ /* end Helpers Utils __stories__ */
@@ -1,24 +1,8 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import React, { useState } from "react";
3
- import Modal, { ModalHeading, ModalContent, ModalAction } from "@digigov/ui/admin/Modal";
4
- import { Button } from "@digigov/ui/core";
5
- import { Paragraph } from "@digigov/ui/typography";
6
-
7
- function useModal() {
8
- var _useState = useState(false),
9
- _useState2 = _slicedToArray(_useState, 2),
10
- open = _useState2[0],
11
- setOpen = _useState2[1];
12
-
13
- function toggleModal() {
14
- setOpen(!open);
15
- }
16
-
17
- return {
18
- open: open,
19
- toggleModal: toggleModal
20
- };
21
- }
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React from 'react';
3
+ import Modal, { ModalHeading, ModalContent, ModalAction, useModal } from '@digigov/ui/admin/Modal';
4
+ import { Button } from '@digigov/ui/core';
5
+ import { Paragraph } from '@digigov/ui/typography';
22
6
 
23
7
  var _ref = /*#__PURE__*/React.createElement(ModalHeading, {
24
8
  id: "modal-label"
@@ -30,7 +14,7 @@ var _ref2 = /*#__PURE__*/React.createElement(ModalContent, {
30
14
 
31
15
  export var AlertDialog = function AlertDialog() {
32
16
  var _useModal = useModal(),
33
- open = _useModal.open,
17
+ modalProps = _useModal.modalProps,
34
18
  toggleModal = _useModal.toggleModal;
35
19
 
36
20
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
@@ -38,13 +22,16 @@ export var AlertDialog = function AlertDialog() {
38
22
  onClick: function onClick() {
39
23
  return toggleModal();
40
24
  }
41
- }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /*#__PURE__*/React.createElement(Modal, {
42
- open: open,
25
+ }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /*#__PURE__*/React.createElement(Button, {
26
+ color: "warning",
27
+ onClick: function onClick() {
28
+ return toggleModal();
29
+ }
30
+ }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /*#__PURE__*/React.createElement(Modal, _extends({}, modalProps, {
43
31
  role: "alertdialog",
44
- "aria-modal": "true",
45
32
  "aria-labelledby": "modal-label",
46
33
  "aria-describedby": "modal-content"
47
- }, _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, /*#__PURE__*/React.createElement(Button, {
34
+ }), _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, /*#__PURE__*/React.createElement(Button, {
48
35
  onClick: function onClick() {
49
36
  return toggleModal();
50
37
  }
@@ -1,25 +1,9 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import React, { useState } from "react";
3
- import Modal, { ModalHeading, ModalContent, ModalAction } from "@digigov/ui/admin/Modal";
4
- import { Button, TextInput } from "@digigov/ui/core";
5
- import Field from "@digigov/ui/core/Field";
6
- import Label from "@digigov/react-core/Label";
7
-
8
- function useModal() {
9
- var _useState = useState(false),
10
- _useState2 = _slicedToArray(_useState, 2),
11
- open = _useState2[0],
12
- setOpen = _useState2[1];
13
-
14
- function toggleModal() {
15
- setOpen(!open);
16
- }
17
-
18
- return {
19
- open: open,
20
- toggleModal: toggleModal
21
- };
22
- }
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React from 'react';
3
+ import Modal, { ModalHeading, ModalContent, ModalAction, useModal } from '@digigov/ui/admin/Modal';
4
+ import { Button, TextInput } from '@digigov/ui/core';
5
+ import Field from '@digigov/ui/core/Field';
6
+ import Label from '@digigov/react-core/Label';
23
7
 
24
8
  var _ref = /*#__PURE__*/React.createElement(ModalHeading, {
25
9
  id: "modal-label"
@@ -34,19 +18,16 @@ var _ref3 = /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u
34
18
 
35
19
  export var Default = function Default() {
36
20
  var _useModal = useModal(),
37
- open = _useModal.open,
38
- toggleModal = _useModal.toggleModal;
21
+ toggleModal = _useModal.toggleModal,
22
+ modalProps = _useModal.modalProps;
39
23
 
40
24
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
41
25
  onClick: function onClick() {
42
26
  return toggleModal();
43
27
  }
44
- }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /*#__PURE__*/React.createElement(Modal, {
45
- open: open,
46
- role: "dialog",
47
- "aria-modal": "true",
28
+ }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /*#__PURE__*/React.createElement(Modal, _extends({}, modalProps, {
48
29
  "aria-labelledby": "modal-label"
49
- }, _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, _ref3, /*#__PURE__*/React.createElement(Button, {
30
+ }), _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, _ref3, /*#__PURE__*/React.createElement(Button, {
50
31
  variant: "link",
51
32
  onClick: function onClick() {
52
33
  return toggleModal();
@@ -1,6 +1,88 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
+ var _excluded = ["open", "children", "onEscape"];
1
5
  export * from '@digigov/react-extensions/admin/Modal';
2
6
  export * from '@digigov/react-extensions/admin/ModalHeading';
3
7
  export * from '@digigov/react-extensions/admin/ModalContent';
4
8
  export * from '@digigov/react-extensions/admin/ModalAction';
5
- import Modal from '@digigov/react-extensions/admin/Modal';
9
+ import React, { useCallback, useEffect, useRef, useState } from 'react';
10
+ import ModalContainer from '@digigov/react-extensions/admin/Modal';
11
+ import useKeypress from '@digigov/ui/hooks/useKeypress';
12
+ export var useModal = function useModal() {
13
+ var _useState = useState(false),
14
+ _useState2 = _slicedToArray(_useState, 2),
15
+ open = _useState2[0],
16
+ setOpen = _useState2[1];
17
+
18
+ var _useState3 = useState(false),
19
+ _useState4 = _slicedToArray(_useState3, 2),
20
+ modalData = _useState4[0],
21
+ setModalData = _useState4[1];
22
+
23
+ function toggleModal(data) {
24
+ setOpen(!open);
25
+
26
+ if (data) {
27
+ setModalData(data);
28
+ }
29
+ }
30
+
31
+ var closeModal = useCallback(function closeModal() {
32
+ setOpen(false);
33
+ }, []);
34
+ return {
35
+ toggleModal: toggleModal,
36
+ closeModal: closeModal,
37
+ modalData: modalData,
38
+ modalProps: {
39
+ onEscape: closeModal,
40
+ open: open,
41
+ role: 'dialog',
42
+ 'aria-modal': 'true'
43
+ }
44
+ };
45
+ };
46
+ export var Modal = function Modal(props) {
47
+ if (props.open) {
48
+ return /*#__PURE__*/React.createElement(ModalBase, props);
49
+ } else {
50
+ return null;
51
+ }
52
+ };
53
+ export var ModalBase = function ModalBase(_ref) {
54
+ var open = _ref.open,
55
+ children = _ref.children,
56
+ onEscape = _ref.onEscape,
57
+ props = _objectWithoutProperties(_ref, _excluded);
58
+
59
+ var firstModalElement = useRef();
60
+ var lastModalElement = useRef();
61
+ var handleFocus = useCallback(function () {
62
+ firstModalElement.current.focus();
63
+ }, []);
64
+ useKeypress('Escape', onEscape);
65
+ useEffect(function () {
66
+ handleFocus();
67
+ lastModalElement.current.addEventListener('focus', handleFocus);
68
+ return function () {
69
+ lastModalElement.current.removeEventListener('focus', handleFocus);
70
+ };
71
+ }, [open]);
72
+ return /*#__PURE__*/React.createElement(ModalContainer, _extends({
73
+ open: open,
74
+ role: "dialog"
75
+ }, props, {
76
+ "aria-hidden": "false",
77
+ "aria-modal": "true"
78
+ }), /*#__PURE__*/React.createElement("span", {
79
+ tabIndex: -1,
80
+ ref: firstModalElement,
81
+ "aria-hidden": "true"
82
+ }), open && children, /*#__PURE__*/React.createElement("span", {
83
+ tabIndex: 0,
84
+ ref: lastModalElement,
85
+ "aria-hidden": "true"
86
+ }));
87
+ };
6
88
  export default Modal;
@@ -8,13 +8,13 @@
8
8
  {
9
9
  "name": "hover",
10
10
  "args": {
11
- "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>a"
11
+ "selector": "html>body>div:nth-child(5)>nav>ol>li:nth-child(1)>a"
12
12
  }
13
13
  },
14
14
  {
15
15
  "name": "click",
16
16
  "args": {
17
- "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>a"
17
+ "selector": "html>body>div:nth-child(5)>nav>ol>li:nth-child(1)>a"
18
18
  }
19
19
  },
20
20
  {
@@ -3,7 +3,7 @@ import Breadcrumbs, { BreadcrumbsList, BreadcrumbsListItem } from '@digigov/ui/c
3
3
 
4
4
  var _ref = /*#__PURE__*/React.createElement(Breadcrumbs, {
5
5
  role: "navigation",
6
- "aria-label": "navigation"
6
+ "aria-label": "Breadcrumb"
7
7
  }, /*#__PURE__*/React.createElement(BreadcrumbsList, null, /*#__PURE__*/React.createElement(BreadcrumbsListItem, {
8
8
  href: "#"
9
9
  }, "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"), /*#__PURE__*/React.createElement(BreadcrumbsListItem, {
@@ -13,4 +13,5 @@ export * from './__stories__/CallToActionButton';
13
13
  export * from './__stories__/Disabled';
14
14
  export * from './__stories__/ButtonLinkButton';
15
15
  export * from './__stories__/Back';
16
- export * from './__stories__/WithVariantLink';
16
+ export * from './__stories__/WithVariantLink';
17
+ export * from './__stories__/ThemeToggle';
@@ -88,6 +88,28 @@
88
88
  "title": "Keyboard navigation"
89
89
  }
90
90
  ]
91
+ },
92
+ "digigov-ui-core-button--theme-toggle": {
93
+ "actionSets": [
94
+ {
95
+ "actions": [
96
+ {
97
+ "name": "click",
98
+ "args": {
99
+ "selector": "html>body>div:nth-child(5)>button"
100
+ }
101
+ },
102
+ {
103
+ "name": "click",
104
+ "args": {
105
+ "selector": "html"
106
+ }
107
+ }
108
+ ],
109
+ "id": "wPoD1odPNvOc",
110
+ "title": "change theme"
111
+ }
112
+ ]
91
113
  }
92
114
  }
93
115
  }
@@ -0,0 +1,33 @@
1
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
+ import React, { useState, useEffect } from 'react';
3
+ import CoreButton from '@digigov/react-core/Button';
4
+ export var ThemeToggleButton = function ThemeToggleButton() {
5
+ var _useState = useState(function () {
6
+ var currentTheme = localStorage.getItem('theme');
7
+ var prefersScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
8
+ return currentTheme || prefersScheme || 'light';
9
+ }),
10
+ _useState2 = _slicedToArray(_useState, 2),
11
+ theme = _useState2[0],
12
+ setTheme = _useState2[1];
13
+
14
+ function toggleTheme() {
15
+ if (theme === 'light') {
16
+ setTheme('dark');
17
+ } else {
18
+ setTheme('light');
19
+ }
20
+ }
21
+
22
+ useEffect(function () {
23
+ localStorage.setItem('theme', theme);
24
+ document.documentElement.className = theme;
25
+ }, [theme]);
26
+ return /*#__PURE__*/React.createElement(CoreButton, {
27
+ onClick: toggleTheme,
28
+ variant: "link",
29
+ role: "button",
30
+ "aria-label": "\u0391\u03BD\u03C4\u03B9\u03C3\u03C4\u03C1\u03BF\u03C6\u03AE \u03C7\u03C1\u03C9\u03BC\u03AC\u03C4\u03C9\u03BD"
31
+ }, "\u0391\u03BD\u03C4\u03B9\u03C3\u03C4\u03C1\u03BF\u03C6\u03AE \u03C7\u03C1\u03C9\u03BC\u03AC\u03C4\u03C9\u03BD");
32
+ };
33
+ export default ThemeToggleButton;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { ThemeToggleButton } from '@digigov/ui/core/Button';
3
+
4
+ var _ref = /*#__PURE__*/React.createElement(ThemeToggleButton, null);
5
+
6
+ export var ThemeToggle = function ThemeToggle() {
7
+ return _ref;
8
+ };
9
+ export default ThemeToggle;
@@ -34,4 +34,5 @@ export * from '@digigov/ui/core/Button/BackButton';
34
34
  export * from '@digigov/ui/core/Button/CallToAction';
35
35
  export * from '@digigov/ui/core/Button/ButtonLink';
36
36
  export * from '@digigov/ui/core/Button/Icon';
37
+ export * from '@digigov/ui/core/Button/ThemeToggleButton';
37
38
  export * from '@digigov/react-core/ButtonGroup';
@@ -1,10 +1,11 @@
1
- import Link from "@digigov/ui/core/Link";
1
+ import Link from '@digigov/ui/core/Link';
2
2
  export default {
3
3
  title: 'Digigov UI/core/Link',
4
4
  component: Link
5
5
  };
6
- export * from './__stories__/Default';
7
- export * from './__stories__/OpensInNewTab';
8
- export * from './__stories__/NoUnderline';
9
- export * from './__stories__/DarkBackground';
10
- export * from './__stories__/DarkBackgroundNoUnderline';
6
+ export * from '@digigov/ui/core/Link/__stories__/Default';
7
+ export * from '@digigov/ui/core/Link/__stories__/ExternalLink';
8
+ export * from '@digigov/ui/core/Link/__stories__/OpensInNewTab';
9
+ export * from '@digigov/ui/core/Link/__stories__/NoUnderline';
10
+ export * from '@digigov/ui/core/Link/__stories__/DarkBackground';
11
+ export * from '@digigov/ui/core/Link/__stories__/DarkBackgroundNoUnderline';
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import Link from '@digigov/ui/core/Link';
3
+ import Paragraph from '@digigov/ui/typography/Paragraph';
4
+
5
+ var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "\u03A4his is a paragraph that contains an external link that appears in print", ' ', /*#__PURE__*/React.createElement(Link, {
6
+ "aria-label": "\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr",
7
+ role: "link",
8
+ href: "https://www.gov.gr/"
9
+ }, "govgr link"));
10
+
11
+ export var ExternalLink = function ExternalLink() {
12
+ return _ref;
13
+ };
14
+ export default ExternalLink;
@@ -1,4 +1,4 @@
1
- import List from "@digigov/ui/core";
1
+ import List from '@digigov/ui/core';
2
2
  export default {
3
3
  title: 'Digigov UI/core/List',
4
4
  component: List
@@ -6,4 +6,6 @@ export default {
6
6
  export * from './__stories__/Default';
7
7
  export * from './__stories__/BulletList';
8
8
  export * from './__stories__/NumberedList';
9
- export * from './__stories__/WithExtraSpace';
9
+ export * from './__stories__/WithExtraSpace';
10
+ export * from './__stories__/NestedBulletList';
11
+ export * from './__stories__/NestedListWithVariantStyles';
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import List, { ListItem } from '@digigov/ui/core/List';
3
+
4
+ var _ref = /*#__PURE__*/React.createElement(List, {
5
+ listStyle: "bullet"
6
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 1 List Item One", /*#__PURE__*/React.createElement(List, {
7
+ listStyle: "bullet"
8
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 2 List Item One", /*#__PURE__*/React.createElement(List, {
9
+ listStyle: "bullet"
10
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item One"), /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item Two"))), /*#__PURE__*/React.createElement(ListItem, null, "Level 2 List Item Two", /*#__PURE__*/React.createElement(List, {
11
+ listStyle: "bullet"
12
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item One"), /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item Two"))))), /*#__PURE__*/React.createElement(ListItem, null, "Level 1 List Item Two", /*#__PURE__*/React.createElement(List, {
13
+ listStyle: "bullet"
14
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 2 List Item One"), /*#__PURE__*/React.createElement(ListItem, null, "Level 2 List Item Two"))));
15
+
16
+ export var NestedBulletList = function NestedBulletList() {
17
+ return _ref;
18
+ };
19
+ export default NestedBulletList;
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import List, { ListItem } from '@digigov/ui/core/List';
3
+
4
+ var _ref = /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, "Level 1 List Item One", /*#__PURE__*/React.createElement(List, {
5
+ listStyle: "bullet"
6
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 2 List Item One", /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item One"), /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item Two"))), /*#__PURE__*/React.createElement(ListItem, null, "Level 2 List Item Two", /*#__PURE__*/React.createElement(List, {
7
+ listStyle: "bullet"
8
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item One"))))), /*#__PURE__*/React.createElement(ListItem, null, "Level 1 List Item Two", /*#__PURE__*/React.createElement(List, {
9
+ listStyle: "number"
10
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 2 List Item One", /*#__PURE__*/React.createElement(List, {
11
+ listStyle: "number"
12
+ }, /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item One"), /*#__PURE__*/React.createElement(ListItem, null, "Level 3 List Item Two"))), /*#__PURE__*/React.createElement(ListItem, null, "Level 2 List Item Two"))), /*#__PURE__*/React.createElement(ListItem, null, "Level 1 List Item Three"));
13
+
14
+ export var NestedListWithVariantStyles = function NestedListWithVariantStyles() {
15
+ return _ref;
16
+ };
17
+ export default NestedListWithVariantStyles;
@@ -7,4 +7,5 @@ export default {
7
7
  export * from './__stories__/Default';
8
8
  export * from './__stories__/WithActions';
9
9
  export * from './__stories__/WithoutBorders';
10
- export * from './__stories__/WithKeyAndAction';
10
+ export * from './__stories__/WithKeyAndAction';
11
+ export * from './__stories__/RowVariations';
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
3
+ import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
4
+ import Link from '@digigov/ui/core/Link';
5
+
6
+ var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
7
+ href: "#"
8
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
9
+ href: "#"
10
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))));
11
+
12
+ var _ref2 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1")));
13
+
14
+ var _ref3 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
15
+ href: "#"
16
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
17
+ href: "#"
18
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))));
19
+
20
+ var _ref4 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
21
+ href: "#"
22
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
23
+ href: "#"
24
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))));
25
+
26
+ var _ref5 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1")));
27
+
28
+ var _ref6 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
29
+ href: "#"
30
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
31
+ href: "#"
32
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))));
33
+
34
+ export var RowVariations = function RowVariations() {
35
+ return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6);
36
+ };
37
+ export default RowVariations;
@@ -17,4 +17,5 @@ export * from './__stories__/WithLoader';
17
17
  export * from './__stories__/DefinedWidth';
18
18
  export * from './__stories__/Densed';
19
19
  export * from './__stories__/MultipleProps';
20
- export * from './__stories__/WithFloatingScroll';
20
+ export * from './__stories__/WithFloatingScroll';
21
+ export * from './__stories__/Full';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
2
+ import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
3
3
 
4
4
  var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
5
5
  variant: "dark"
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
2
+ import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
3
3
 
4
4
  var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
5
5
  variant: "dark"
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
2
+ import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
3
3
 
4
4
  var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "\u03A0\u03B5\u03C1\u03AF\u03BF\u03B4\u03BF\u03C2 \u03BA\u03B1\u03B9 \u03C0\u03BF\u03C3\u03AC"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "\u03A0\u03B5\u03C1\u03AF\u03BF\u03B4\u03BF\u03C2"), /*#__PURE__*/React.createElement(TableHeadCell, null, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC \u03C0\u03BF\u03C3\u03CC"), /*#__PURE__*/React.createElement(TableHeadCell, null, "\u039C\u03B5\u03B9\u03C9\u03BC\u03AD\u03BD\u03BF \u03C0\u03BF\u03C3\u03CC"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "\u03A0\u03C1\u03CE\u03C4\u03B5\u03C2 6 \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 "), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC109.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC69.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B5\u03C2 33 \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B5\u03C2"), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC99.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC64.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "\u03A3\u03C5\u03BD\u03BF\u03BB\u03B9\u03BA\u03CC \u03C0\u03BF\u03C3\u03CC "), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC4.282,20 "), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC3.282,20")))));
5
5
 
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/react-core';
2
+ import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/ui/core/Table';
3
3
 
4
4
  var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "Table with one-half and one-quarter width"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, {
5
5
  cellWidth: "one-half"
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
2
+ import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
3
3
 
4
4
  var _ref = /*#__PURE__*/React.createElement(TableContainer, {
5
5
  border: true
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
3
+
4
+ var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
5
+ zebra: true,
6
+ variant: "dark",
7
+ verticalBorders: true,
8
+ dense: true
9
+ }, /*#__PURE__*/React.createElement(TableCaption, null, "Table with all the properties combined"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")))));
10
+
11
+ export var Full = function Full() {
12
+ return _ref;
13
+ };
14
+ export default Full;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
2
+ import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
3
3
 
4
4
  var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
5
5
  zebra: true,
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableNoDataRow } from '@digigov/react-core';
2
+ import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableNoDataRow } from '@digigov/ui/core/Table';
3
3
 
4
4
  var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "Table with no data"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableNoDataRow, {
5
5
  "aria-colspan": 100