@gooddata/sdk-ui-kit 10.25.0-alpha.8 → 10.25.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 (166) hide show
  1. package/esm/@ui/UiButton/UiButton.js +1 -1
  2. package/esm/@ui/UiButton/UiButton.js.map +1 -1
  3. package/esm/@ui/UiChip/UiChip.d.ts.map +1 -1
  4. package/esm/@ui/UiChip/UiChip.js +9 -2
  5. package/esm/@ui/UiChip/UiChip.js.map +1 -1
  6. package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts +11 -1
  7. package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts.map +1 -1
  8. package/esm/@ui/UiFocusTrap/UiFocusTrap.js +31 -7
  9. package/esm/@ui/UiFocusTrap/UiFocusTrap.js.map +1 -1
  10. package/esm/@ui/UiSkeleton/UiSkeleton.d.ts +5 -1
  11. package/esm/@ui/UiSkeleton/UiSkeleton.d.ts.map +1 -1
  12. package/esm/@ui/UiSkeleton/UiSkeleton.js +2 -2
  13. package/esm/@ui/UiSkeleton/UiSkeleton.js.map +1 -1
  14. package/esm/Datepicker/Datepicker.d.ts +5 -0
  15. package/esm/Datepicker/Datepicker.d.ts.map +1 -1
  16. package/esm/Datepicker/Datepicker.js +9 -2
  17. package/esm/Datepicker/Datepicker.js.map +1 -1
  18. package/esm/Dialog/CommunityEditionDialog.d.ts.map +1 -1
  19. package/esm/Dialog/CommunityEditionDialog.js +5 -3
  20. package/esm/Dialog/CommunityEditionDialog.js.map +1 -1
  21. package/esm/Dialog/ConfirmDialogBase.d.ts +2 -6
  22. package/esm/Dialog/ConfirmDialogBase.d.ts.map +1 -1
  23. package/esm/Dialog/ConfirmDialogBase.js +32 -41
  24. package/esm/Dialog/ConfirmDialogBase.js.map +1 -1
  25. package/esm/Dialog/Dialog.d.ts +3 -5
  26. package/esm/Dialog/Dialog.d.ts.map +1 -1
  27. package/esm/Dialog/Dialog.js +10 -13
  28. package/esm/Dialog/Dialog.js.map +1 -1
  29. package/esm/Dialog/DialogBase.d.ts +2 -8
  30. package/esm/Dialog/DialogBase.d.ts.map +1 -1
  31. package/esm/Dialog/DialogBase.js +22 -39
  32. package/esm/Dialog/DialogBase.js.map +1 -1
  33. package/esm/Dialog/DialogCloseButton.d.ts +4 -0
  34. package/esm/Dialog/DialogCloseButton.d.ts.map +1 -0
  35. package/esm/Dialog/DialogCloseButton.js +8 -0
  36. package/esm/Dialog/DialogCloseButton.js.map +1 -0
  37. package/esm/Dialog/ExportDialog.d.ts +3 -3
  38. package/esm/Dialog/ExportDialog.d.ts.map +1 -1
  39. package/esm/Dialog/ExportDialog.js +3 -4
  40. package/esm/Dialog/ExportDialog.js.map +1 -1
  41. package/esm/Dialog/ExportDialogBase.d.ts +3 -11
  42. package/esm/Dialog/ExportDialogBase.d.ts.map +1 -1
  43. package/esm/Dialog/ExportDialogBase.js +14 -50
  44. package/esm/Dialog/ExportDialogBase.js.map +1 -1
  45. package/esm/Dialog/HubspotConversionTouchPointDialog.d.ts.map +1 -1
  46. package/esm/Dialog/HubspotConversionTouchPointDialog.js +5 -3
  47. package/esm/Dialog/HubspotConversionTouchPointDialog.js.map +1 -1
  48. package/esm/Dialog/HubspotConversionTouchPointDialogBase.d.ts +6 -0
  49. package/esm/Dialog/HubspotConversionTouchPointDialogBase.d.ts.map +1 -1
  50. package/esm/Dialog/HubspotConversionTouchPointDialogBase.js +3 -2
  51. package/esm/Dialog/HubspotConversionTouchPointDialogBase.js.map +1 -1
  52. package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.d.ts +3 -2
  53. package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.d.ts.map +1 -1
  54. package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.js +5 -3
  55. package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.js.map +1 -1
  56. package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.d.ts +3 -3
  57. package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.d.ts.map +1 -1
  58. package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.js +1 -1
  59. package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.js.map +1 -1
  60. package/esm/Dialog/StylingEditorDialog/index.d.ts +1 -1
  61. package/esm/Dialog/typings.d.ts +40 -21
  62. package/esm/Dialog/typings.d.ts.map +1 -1
  63. package/esm/Dropdown/DropdownList.d.ts.map +1 -1
  64. package/esm/Dropdown/DropdownList.js +3 -1
  65. package/esm/Dropdown/DropdownList.js.map +1 -1
  66. package/esm/Form/InputPure.d.ts +2 -1
  67. package/esm/Form/InputPure.d.ts.map +1 -1
  68. package/esm/Form/InputPure.js +3 -2
  69. package/esm/Form/InputPure.js.map +1 -1
  70. package/esm/List/InsightListItem.d.ts +2 -1
  71. package/esm/List/InsightListItem.d.ts.map +1 -1
  72. package/esm/List/InsightListItem.js +2 -2
  73. package/esm/List/InsightListItem.js.map +1 -1
  74. package/esm/List/InvertableSelect/InvertableSelectSearchBar.d.ts.map +1 -1
  75. package/esm/List/InvertableSelect/InvertableSelectSearchBar.js +3 -1
  76. package/esm/List/InvertableSelect/InvertableSelectSearchBar.js.map +1 -1
  77. package/esm/RecurrenceForm/CronExpression.d.ts +6 -2
  78. package/esm/RecurrenceForm/CronExpression.d.ts.map +1 -1
  79. package/esm/RecurrenceForm/CronExpression.js +15 -32
  80. package/esm/RecurrenceForm/CronExpression.js.map +1 -1
  81. package/esm/RecurrenceForm/CronExpressionSuggestion.d.ts +10 -0
  82. package/esm/RecurrenceForm/CronExpressionSuggestion.d.ts.map +1 -0
  83. package/esm/RecurrenceForm/CronExpressionSuggestion.js +21 -0
  84. package/esm/RecurrenceForm/CronExpressionSuggestion.js.map +1 -0
  85. package/esm/RecurrenceForm/DateTime.d.ts +1 -1
  86. package/esm/RecurrenceForm/DateTime.d.ts.map +1 -1
  87. package/esm/RecurrenceForm/DateTime.js +44 -6
  88. package/esm/RecurrenceForm/DateTime.js.map +1 -1
  89. package/esm/RecurrenceForm/Recurrence.d.ts +4 -0
  90. package/esm/RecurrenceForm/Recurrence.d.ts.map +1 -1
  91. package/esm/RecurrenceForm/Recurrence.js +30 -8
  92. package/esm/RecurrenceForm/Recurrence.js.map +1 -1
  93. package/esm/RecurrenceForm/RecurrenceForm.d.ts +4 -1
  94. package/esm/RecurrenceForm/RecurrenceForm.d.ts.map +1 -1
  95. package/esm/RecurrenceForm/RecurrenceForm.js +9 -6
  96. package/esm/RecurrenceForm/RecurrenceForm.js.map +1 -1
  97. package/esm/RecurrenceForm/RepeatTypeDescription.js +3 -2
  98. package/esm/RecurrenceForm/RepeatTypeDescription.js.map +1 -1
  99. package/esm/RecurrenceForm/RepeatTypeSelect.d.ts +1 -1
  100. package/esm/RecurrenceForm/RepeatTypeSelect.d.ts.map +1 -1
  101. package/esm/RecurrenceForm/RepeatTypeSelect.js +41 -18
  102. package/esm/RecurrenceForm/RepeatTypeSelect.js.map +1 -1
  103. package/esm/RecurrenceForm/constants.d.ts +1 -6
  104. package/esm/RecurrenceForm/constants.d.ts.map +1 -1
  105. package/esm/RecurrenceForm/constants.js +2 -7
  106. package/esm/RecurrenceForm/constants.js.map +1 -1
  107. package/esm/RecurrenceForm/locales.d.ts.map +1 -1
  108. package/esm/RecurrenceForm/locales.js +3 -1
  109. package/esm/RecurrenceForm/locales.js.map +1 -1
  110. package/esm/RecurrenceForm/useCronValidation.d.ts +17 -0
  111. package/esm/RecurrenceForm/useCronValidation.d.ts.map +1 -0
  112. package/esm/RecurrenceForm/useCronValidation.js +81 -0
  113. package/esm/RecurrenceForm/useCronValidation.js.map +1 -0
  114. package/esm/RecurrenceForm/utils.d.ts +3 -2
  115. package/esm/RecurrenceForm/utils.d.ts.map +1 -1
  116. package/esm/RecurrenceForm/utils.js +7 -2
  117. package/esm/RecurrenceForm/utils.js.map +1 -1
  118. package/esm/RecurrenceForm/utils.test.js +75 -65
  119. package/esm/RecurrenceForm/utils.test.js.map +1 -1
  120. package/esm/Typography/Typography.d.ts +1 -0
  121. package/esm/Typography/Typography.d.ts.map +1 -1
  122. package/esm/Typography/Typography.js +3 -3
  123. package/esm/Typography/Typography.js.map +1 -1
  124. package/esm/responsive/interfaces.d.ts +4 -0
  125. package/esm/responsive/interfaces.d.ts.map +1 -1
  126. package/esm/responsive/interfaces.js +1 -1
  127. package/esm/responsive/useMediaQuery.d.ts.map +1 -1
  128. package/esm/responsive/useMediaQuery.js +3 -1
  129. package/esm/responsive/useMediaQuery.js.map +1 -1
  130. package/esm/sdk-ui-kit.d.ts +105 -64
  131. package/esm/typings/utilities.d.ts +1 -0
  132. package/esm/typings/utilities.d.ts.map +1 -1
  133. package/esm/typings/utilities.js +2 -1
  134. package/esm/typings/utilities.js.map +1 -1
  135. package/package.json +9 -8
  136. package/src/@ui/UiChip/UiChip.scss +2 -0
  137. package/styles/css/aria.css +13 -0
  138. package/styles/css/aria.css.map +1 -0
  139. package/styles/css/bubble.css +1 -1
  140. package/styles/css/button.css +2 -2
  141. package/styles/css/datepicker.css +6 -6
  142. package/styles/css/descriptionPanel.css +1 -1
  143. package/styles/css/dialog.css +3 -3
  144. package/styles/css/dialogList.css +2 -2
  145. package/styles/css/form.css +2 -2
  146. package/styles/css/header.css +9 -9
  147. package/styles/css/hyperlink.css +1 -1
  148. package/styles/css/invertableSelect.css +1 -1
  149. package/styles/css/list.css +4 -4
  150. package/styles/css/main.css +132 -59
  151. package/styles/css/main.css.map +1 -1
  152. package/styles/css/menu.css +4 -4
  153. package/styles/css/messages.css +1 -1
  154. package/styles/css/overlay.css +3 -3
  155. package/styles/css/recurrenceForm.css +60 -2
  156. package/styles/css/recurrenceForm.css.map +1 -1
  157. package/styles/css/settingWidget.css +1 -1
  158. package/styles/css/shareDialog.css +4 -4
  159. package/styles/css/shareDialogSelectControl.css +3 -3
  160. package/styles/css/stylingEditorDialog.css +1 -1
  161. package/styles/css/tabs.css +1 -1
  162. package/styles/css/typo.css +11 -11
  163. package/styles/scss/aria.scss +13 -0
  164. package/styles/scss/main.scss +1 -0
  165. package/styles/scss/recurrenceForm.scss +76 -2
  166. package/styles/scss/variables.scss +1 -1
package/styles/scss/aria.scss ADDED
@@ -0,0 +1,13 @@
1
+ // (C) 2025 GoodData Corporation
2
+
3
+ .sr-only {
4
+ position: absolute;
5
+ width: 1px;
6
+ height: 1px;
7
+ padding: 0;
8
+ margin: -1px;
9
+ overflow: hidden;
10
+ clip: rect(0, 0, 0, 0);
11
+ white-space: nowrap;
12
+ border-width: 0;
13
+ }
package/styles/scss/main.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  @use "../../src/@ui/defaultTheme.scss";
3
3
  @use "../../src/@ui/index.scss";
4
4
 
5
+ @use "aria";
5
6
  @use "typo";
6
7
  @use "indigoFont";
7
8
  @use "bubble";
package/styles/scss/recurrenceForm.scss CHANGED
@@ -17,17 +17,24 @@ $input-width: 128px;
17
17
  min-width: 100px;
18
18
  }
19
19
  }
20
+ .gd-recurrence-form-repeat-cron {
21
+ margin-bottom: 0;
22
+ }
20
23
 
21
24
  .gd-recurrence-form-datetime {
22
25
  display: flex;
23
26
  flex-direction: row;
24
- align-items: center;
27
+ align-items: flex-start;
25
28
 
26
29
  > :not(:first-of-type):not(.gd-label),
27
30
  > :not(:last-of-type) {
28
31
  margin-right: 10px;
29
32
  }
30
33
 
34
+ .gd-recurrence-form-datetime-timezone {
35
+ margin-top: 5px;
36
+ }
37
+
31
38
  .gd-label {
32
39
  margin-right: 0;
33
40
  }
@@ -54,12 +61,67 @@ $input-width: 128px;
54
61
  }
55
62
 
56
63
  .gd-recurrence-form-datetime-inner,
64
+ .gd-recurrence-form-time-inner,
57
65
  .gd-recurrence-form-repeat-inner {
58
66
  display: flex;
59
67
  gap: 10px;
60
68
  align-items: flex-start;
61
69
  }
62
70
 
71
+ .gd-recurrence-form-datetime-inner {
72
+ .gd-recurrence-form-date {
73
+ display: flex;
74
+ flex-direction: column;
75
+ gap: 5px;
76
+ }
77
+ }
78
+
79
+ .gd-recurrence-form-datetime-help,
80
+ .gd-recurrence-form-datetime-error-message {
81
+ font-size: 12px;
82
+ font-style: normal;
83
+ font-weight: 400;
84
+ line-height: 13px;
85
+ width: 128px;
86
+ }
87
+
88
+ .gd-recurrence-form-datetime-error-message {
89
+ color: variables.$gd-color-negative;
90
+ }
91
+
92
+ .gd-recurrence-form-datetime-help {
93
+ color: variables.$gd-color-state-blank;
94
+ }
95
+ .gd-recurrence-form-hint-wrapper {
96
+ margin-bottom: 20px;
97
+
98
+ .gd-recurrence-form-cron-help,
99
+ .gd-recurrence-form-cron-error-message {
100
+ font-size: 12px;
101
+ font-style: normal;
102
+ font-weight: 400;
103
+ line-height: 13px;
104
+ }
105
+
106
+ .gd-recurrence-form-cron-help,
107
+ .gd-recurrence-form-cron-help a {
108
+ color: variables.$gd-color-state-blank;
109
+ }
110
+
111
+ .gd-recurrence-form-cron-help a {
112
+ text-decoration: underline;
113
+ }
114
+
115
+ .gd-recurrence-form-cron-error-message {
116
+ color: variables.$gd-color-negative;
117
+ }
118
+
119
+ .gd-recurrence-form-cron-error-message a {
120
+ text-decoration: underline;
121
+ color: variables.$gd-color-negative;
122
+ }
123
+ }
124
+
63
125
  .gd-recurrence-form-repeat {
64
126
  display: flex;
65
127
  flex-direction: row;
@@ -99,7 +161,8 @@ $input-width: 128px;
99
161
  color: variables.$gd-color-state-blank;
100
162
  }
101
163
 
102
- .gd-recurrence-form-cron-error-message {
164
+ .gd-recurrence-form-cron-error-message,
165
+ .gd-recurrence-form-cron-error-message a {
103
166
  color: variables.$gd-color-negative;
104
167
  }
105
168
  }
@@ -118,6 +181,7 @@ $input-width: 128px;
118
181
  font-size: 14px;
119
182
  line-height: 19px;
120
183
  gap: 5px;
184
+ margin-top: 5px;
121
185
  }
122
186
  }
123
187
 
@@ -138,3 +202,13 @@ $input-width: 128px;
138
202
  }
139
203
  }
140
204
  }
205
+
206
+ @media #{variables.$medium-up} {
207
+ .gd-notifications-channel-dialog-content-wrapper {
208
+ .gd-recurrence-form {
209
+ .gd-recurrence-form-hint-wrapper {
210
+ margin-left: 105px;
211
+ }
212
+ }
213
+ }
214
+ }
package/styles/scss/variables.scss CHANGED
@@ -92,7 +92,7 @@ $gd-color-warning-label-dimmed: var(
92
92
  );
93
93
 
94
94
  // font and typo
95
- $gd-font-primary: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
95
+ $gd-font-primary: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
96
96
  $gd-font-indigo: "Indigo", sans-serif;
97
97
 
98
98
  $gd-typo: (