@developer-overheid-nl/don-register-components 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/CHANGELOG.md +130 -85
  2. package/LICENSE.md +291 -291
  3. package/README.md +20 -20
  4. package/package.json +5 -7
  5. package/src/alert/Alert.tsx +19 -19
  6. package/src/alert/styles.module.css +3 -3
  7. package/src/alignBox/AlignBox.tsx +114 -114
  8. package/src/alignBox/styles.module.css +110 -110
  9. package/src/amountLabel/AmountLabel.tsx +16 -16
  10. package/src/amountLabel/styles.module.css +11 -11
  11. package/src/analytics/PiwikPro.tsx +94 -94
  12. package/src/analytics/index.ts +1 -1
  13. package/src/article/Article.tsx +10 -10
  14. package/src/badgeList/BadgeList.tsx +34 -26
  15. package/src/badgeList/styles.module.css +37 -24
  16. package/src/block/Block.tsx +35 -35
  17. package/src/block/styles.module.css +29 -29
  18. package/src/button/Button.tsx +3 -3
  19. package/src/cardAsLink/CardAsLink.tsx +21 -21
  20. package/src/cardAsLink/styles.module.css +23 -23
  21. package/src/cardsList/CardsList.tsx +56 -54
  22. package/src/cardsList/styles.module.css +19 -19
  23. package/src/client.ts +7 -7
  24. package/src/container/Container.tsx +10 -10
  25. package/src/container/styles.module.css +28 -28
  26. package/src/copyButton/CopyButton.tsx +39 -39
  27. package/src/copyButton/styles.module.css +13 -13
  28. package/src/dataBadgeLink/DataBadgeLink.tsx +53 -53
  29. package/src/dataBadgeLink/styles.module.css +89 -69
  30. package/src/dataSummary/DataSummary.tsx +22 -22
  31. package/src/dataSummary/DataSummaryItem.tsx +21 -21
  32. package/src/dataSummary/styles.module.css +75 -75
  33. package/src/facetFilters/FacetFilters.tsx +419 -313
  34. package/src/facetFilters/styles.module.css +3 -3
  35. package/src/fieldset/FieldSet.tsx +3 -3
  36. package/src/filters/Filters.tsx +116 -115
  37. package/src/filters/styles.module.css +26 -26
  38. package/src/footer/Footer.tsx +76 -76
  39. package/src/footer/styles.module.css +103 -103
  40. package/src/formFieldCheckboxGroup/FormFieldCheckboxGroup.tsx +16 -16
  41. package/src/formFieldCheckboxGroup/styles.module.css +5 -5
  42. package/src/formFieldCheckboxOption/FormFieldCheckboxOption.tsx +26 -26
  43. package/src/formFieldCheckboxOption/styles.module.css +22 -22
  44. package/src/formFieldLabel/FormFieldLabel.tsx +23 -23
  45. package/src/formFieldRadioGroup/FormFieldRadioGroup.tsx +13 -13
  46. package/src/formFieldRadioGroup/styles.module.css +5 -5
  47. package/src/formFieldRadioOption/FormFieldRadioOption.tsx +75 -75
  48. package/src/formFieldRadioOption/styles.module.css +49 -49
  49. package/src/formFieldSwitch/FormFieldSwitch.tsx +79 -79
  50. package/src/formFieldSwitch/styles.module.css +32 -32
  51. package/src/formFieldTextInput/FormFieldTextInput.tsx +3 -3
  52. package/src/header/Header.tsx +137 -137
  53. package/src/header/styles.module.css +71 -71
  54. package/src/heading/Heading.tsx +15 -15
  55. package/src/headingGroup/HeadingGroup.tsx +48 -48
  56. package/src/headingGroup/styles.module.css +3 -3
  57. package/src/i18n.ts +25 -25
  58. package/src/iconBadge/IconBadge.tsx +35 -35
  59. package/src/iconBadge/getAppearance.ts +53 -53
  60. package/src/iconBadge/styles.module.css +19 -19
  61. package/src/iconsSprite/Icon.tsx +17 -17
  62. package/src/iconsSprite/IconsSprite.tsx +5 -5
  63. package/src/index.ts +107 -106
  64. package/src/infoButton/InfoButton.tsx +45 -45
  65. package/src/infoButton/styles.module.css +43 -43
  66. package/src/link/Link.tsx +10 -10
  67. package/src/markdown/Markdown.tsx +42 -42
  68. package/src/overlay/Overlay.tsx +18 -18
  69. package/src/overlay/styles.module.css +15 -15
  70. package/src/pagination/Pagination.tsx +267 -144
  71. package/src/pagination/styles.module.css +28 -13
  72. package/src/paragraph/Paragraph.tsx +24 -24
  73. package/src/paragraph/styles.module.css +6 -6
  74. package/src/pillBadge/PillBadge.examples.tsx +107 -107
  75. package/src/pillBadge/PillBadge.tsx +51 -51
  76. package/src/pillBadge/styles.module.css +214 -214
  77. package/src/readOnlyTextInput/ReadOnlyTextInput.tsx +24 -24
  78. package/src/readOnlyTextInput/styles.module.css +19 -19
  79. package/src/scoreBadge/ScoreBadge.tsx +133 -133
  80. package/src/search/Search.tsx +82 -66
  81. package/src/search/styles.module.css +39 -39
  82. package/src/siteLogo/SiteLogo.tsx +24 -24
  83. package/src/switch/Switch.tsx +86 -86
  84. package/src/switch/styles.module.css +7 -7
  85. package/src/toolTip/ToolTip.tsx +55 -55
  86. package/src/toolTip/styles.module.css +49 -48
  87. package/src/topNavigation/TopNavigation.tsx +67 -67
  88. package/src/topNavigation/styles.module.css +54 -54
  89. package/tsconfig.json +121 -121
package/src/dataSummary/styles.module.css CHANGED
@@ -1,75 +1,75 @@
1
- :global(.rhc-data-summary) {
2
- --rhc-data-summary-item-key-padding-inline-start: 0;
3
- --rhc-data-summary-item-key-padding-inline-end: 0;
4
- --rhc-data-summary-item-key-padding-block-start: 0;
5
- --rhc-data-summary-item-key-padding-block-end: 0;
6
- --rhc-data-summary-item-value-padding-inline-start: 0;
7
- --rhc-data-summary-item-value-padding-inline-end: 0;
8
- --rhc-data-summary-item-value-padding-block-start: 0;
9
- --rhc-data-summary-item-value-padding-block-end: 0;
10
- --rhc-data-summary-item-action-padding-inline-start: 0;
11
- --rhc-data-summary-item-action-padding-inline-end: 0;
12
- --rhc-data-summary-item-action-padding-block-start: 0;
13
- --rhc-data-summary-item-action-padding-block-end: 0;
14
- --rhc-data-summary-item-key-row-padding-inline-start: 0;
15
- --rhc-data-summary-item-key-row-padding-inline-end: 0;
16
- --rhc-data-summary-item-key-row-padding-block-start: 0;
17
- --rhc-data-summary-item-key-row-padding-block-end: 0.5rem;
18
- --rhc-data-summary-item-value-row-padding-inline-start: 0;
19
- --rhc-data-summary-item-value-row-padding-inline-end: 0;
20
- --rhc-data-summary-item-value-row-padding-block-start: 0;
21
- --rhc-data-summary-item-value-row-padding-block-end: 0.5rem;
22
- --rhc-data-summary-item-action-row-padding-inline-start: 0;
23
- --rhc-data-summary-item-action-row-padding-inline-end: 0;
24
- --rhc-data-summary-item-action-row-padding-block-start: 0;
25
- --rhc-data-summary-item-action-row-padding-block-end: 0.5rem;
26
- display: flex;
27
- flex-direction: column;
28
- row-gap: 0.75rem;
29
- margin-block-start: 0;
30
- margin-block-end: 1rem;
31
- }
32
-
33
- :global(.rhc-data-summary__item) {
34
- row-gap: 0.25rem;
35
- column-gap: 1rem;
36
- }
37
-
38
- :global(.rhc-data-summary--column) {
39
- :global(.rhc-data-summary__item) {
40
- padding-block-end: var(--rhc-data-summary-item-key-row-padding-block-end);
41
- }
42
- }
43
-
44
- :global(.rhc-data-summary--row) {
45
- :global(.rhc-data-summary__item) {
46
- justify-content: space-between;
47
- }
48
-
49
- :global(.rhc-data-summary__item-value:last-child) {
50
- text-align: end;
51
- }
52
- }
53
-
54
- :global(.rhc-data-summary__item-key):empty,
55
- :global(.rhc-data-summary__item-value):empty {
56
- display: none;
57
- }
58
-
59
- :global(.rhc-data-summary__item-value) {
60
- hyphens: auto;
61
- word-break: break-word;
62
- }
63
-
64
- .isContained {
65
- &:last-child {
66
- margin-block-end: 0;
67
- }
68
-
69
- :global(.rhc-data-summary__item:last-child) {
70
- --rhc-data-summary-item-border-block-end-style: none;
71
- --rhc-data-summary-item-key-row-padding-block-end: 0;
72
- --rhc-data-summary-item-value-row-padding-block-end: 0;
73
- --rhc-data-summary-item-action-row-padding-block-end: 0;
74
- }
75
- }
1
+ :global(.rhc-data-summary) {
2
+ --rhc-data-summary-item-key-padding-inline-start: 0;
3
+ --rhc-data-summary-item-key-padding-inline-end: 0;
4
+ --rhc-data-summary-item-key-padding-block-start: 0;
5
+ --rhc-data-summary-item-key-padding-block-end: 0;
6
+ --rhc-data-summary-item-value-padding-inline-start: 0;
7
+ --rhc-data-summary-item-value-padding-inline-end: 0;
8
+ --rhc-data-summary-item-value-padding-block-start: 0;
9
+ --rhc-data-summary-item-value-padding-block-end: 0;
10
+ --rhc-data-summary-item-action-padding-inline-start: 0;
11
+ --rhc-data-summary-item-action-padding-inline-end: 0;
12
+ --rhc-data-summary-item-action-padding-block-start: 0;
13
+ --rhc-data-summary-item-action-padding-block-end: 0;
14
+ --rhc-data-summary-item-key-row-padding-inline-start: 0;
15
+ --rhc-data-summary-item-key-row-padding-inline-end: 0;
16
+ --rhc-data-summary-item-key-row-padding-block-start: 0;
17
+ --rhc-data-summary-item-key-row-padding-block-end: 0.5rem;
18
+ --rhc-data-summary-item-value-row-padding-inline-start: 0;
19
+ --rhc-data-summary-item-value-row-padding-inline-end: 0;
20
+ --rhc-data-summary-item-value-row-padding-block-start: 0;
21
+ --rhc-data-summary-item-value-row-padding-block-end: 0.5rem;
22
+ --rhc-data-summary-item-action-row-padding-inline-start: 0;
23
+ --rhc-data-summary-item-action-row-padding-inline-end: 0;
24
+ --rhc-data-summary-item-action-row-padding-block-start: 0;
25
+ --rhc-data-summary-item-action-row-padding-block-end: 0.5rem;
26
+ display: flex;
27
+ flex-direction: column;
28
+ row-gap: 0.75rem;
29
+ margin-block-start: 0;
30
+ margin-block-end: 1rem;
31
+ }
32
+
33
+ :global(.rhc-data-summary__item) {
34
+ row-gap: 0.25rem;
35
+ column-gap: 1rem;
36
+ }
37
+
38
+ :global(.rhc-data-summary--column) {
39
+ :global(.rhc-data-summary__item) {
40
+ padding-block-end: var(--rhc-data-summary-item-key-row-padding-block-end);
41
+ }
42
+ }
43
+
44
+ :global(.rhc-data-summary--row) {
45
+ :global(.rhc-data-summary__item) {
46
+ justify-content: space-between;
47
+ }
48
+
49
+ :global(.rhc-data-summary__item-value:last-child) {
50
+ text-align: end;
51
+ }
52
+ }
53
+
54
+ :global(.rhc-data-summary__item-key):empty,
55
+ :global(.rhc-data-summary__item-value):empty {
56
+ display: none;
57
+ }
58
+
59
+ :global(.rhc-data-summary__item-value) {
60
+ hyphens: auto;
61
+ word-break: break-word;
62
+ }
63
+
64
+ .isContained {
65
+ &:last-child {
66
+ margin-block-end: 0;
67
+ }
68
+
69
+ :global(.rhc-data-summary__item:last-child) {
70
+ --rhc-data-summary-item-border-block-end-style: none;
71
+ --rhc-data-summary-item-key-row-padding-block-end: 0;
72
+ --rhc-data-summary-item-value-row-padding-block-end: 0;
73
+ --rhc-data-summary-item-action-row-padding-block-end: 0;
74
+ }
75
+ }