uikit-react-public 0.39.0 → 0.40.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 (70) hide show
  1. package/dist/components/Accordion/Accordion.Heading.d.ts +2 -1
  2. package/dist/components/Accordion/Accordion.d.ts +8 -2
  3. package/dist/components/Accordion/Accordion.stories.d.ts +2 -2
  4. package/dist/components/Alert/Alert.d.ts +2 -2
  5. package/dist/components/Alert/Alert.stories.d.ts +2 -2
  6. package/dist/components/Alert/AlertMessage.d.ts +1 -1
  7. package/dist/components/Alert/AlertTitle.d.ts +1 -1
  8. package/dist/components/ErrorDialog/ErrorDialog.d.ts +26 -0
  9. package/dist/components/ErrorDialog/ErrorDialog.stories.d.ts +14 -0
  10. package/dist/components/ErrorDialog/__tests__/ErrorDialog.test.d.ts +1 -0
  11. package/dist/components/ErrorDialog/index.d.ts +2 -0
  12. package/dist/components/Field/HelperText.d.ts +1 -1
  13. package/dist/components/index.d.ts +2 -0
  14. package/dist/index.js +6648 -6322
  15. package/lib/components/Accordion/Accordion.Heading.tsx +24 -8
  16. package/lib/components/Accordion/Accordion.Panel.tsx +7 -4
  17. package/lib/components/Accordion/Accordion.stories.tsx +8 -8
  18. package/lib/components/Accordion/Accordion.tsx +17 -23
  19. package/lib/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap +14 -14
  20. package/lib/components/Alert/Alert.tsx +0 -1
  21. package/lib/components/Alert/AlertMessage.tsx +10 -14
  22. package/lib/components/Alert/AlertTitle.tsx +11 -8
  23. package/lib/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +29 -14
  24. package/lib/components/AppHeader/AppHeader.tsx +0 -1
  25. package/lib/components/AppHeader/__tests__/__snapshots__/AppHeader.test.tsx.snap +1 -1
  26. package/lib/components/AppMenu/AppMenu.tsx +2 -9
  27. package/lib/components/AppMenu/AppMenuItem.tsx +6 -2
  28. package/lib/components/AppMenu/__tests__/__snapshots__/AppMenu.test.tsx.snap +6 -6
  29. package/lib/components/Breadcrumbs/Breadcrumbs.tsx +0 -4
  30. package/lib/components/Breadcrumbs/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +10 -10
  31. package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +85 -85
  32. package/lib/components/Calendar/subcomponents/Day.tsx +7 -3
  33. package/lib/components/Datepicker/__tests__/__snapshots__/Datepicker.test.tsx.snap +2 -2
  34. package/lib/components/Datepicker/subcomponents/DatepickerInput.tsx +6 -3
  35. package/lib/components/Dialog/BaseDialog.tsx +6 -2
  36. package/lib/components/ErrorDialog/ErrorDialog.stories.tsx +85 -0
  37. package/lib/components/ErrorDialog/ErrorDialog.tsx +433 -0
  38. package/lib/components/ErrorDialog/__tests__/ErrorDialog.test.tsx +145 -0
  39. package/lib/components/ErrorDialog/index.tsx +2 -0
  40. package/lib/components/Field/HelperText.tsx +9 -10
  41. package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +25 -25
  42. package/lib/components/FooterNew/__tests__/__snapshots__/Footer.test.tsx.snap +28 -28
  43. package/lib/components/Header/Header.tsx +6 -3
  44. package/lib/components/Header/__tests__/__snapshots__/Header.test.tsx.snap +4 -4
  45. package/lib/components/HeaderNew/Header.tsx +0 -1
  46. package/lib/components/HeaderNew/__tests__/__snapshots__/Header.test.tsx.snap +2 -2
  47. package/lib/components/Input/Input.tsx +6 -3
  48. package/lib/components/Input/__tests__/__snapshots__/Input.test.tsx.snap +4 -4
  49. package/lib/components/Label/Label.tsx +7 -7
  50. package/lib/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +7 -7
  51. package/lib/components/Link/BaseLink.tsx +8 -16
  52. package/lib/components/Link/__tests__/__snapshots__/link.test.tsx.snap +2 -2
  53. package/lib/components/Menu/Menu.tsx +0 -4
  54. package/lib/components/Menu/MenuItem.tsx +7 -5
  55. package/lib/components/Search/__tests__/__snapshots__/Search.test.tsx.snap +2 -2
  56. package/lib/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +2 -2
  57. package/lib/components/Select/subcomponents/CustomOption.tsx +6 -3
  58. package/lib/components/Select/subcomponents/CustomSelect.tsx +6 -2
  59. package/lib/components/Select/subcomponents/NativeSelect.tsx +6 -3
  60. package/lib/components/Select/subcomponents/VisibleField.tsx +6 -1
  61. package/lib/components/Sidebar/Sidebar.tsx +0 -1
  62. package/lib/components/Sidebar/__tests__/__snapshots__/Sidebar.test.tsx.snap +2 -2
  63. package/lib/components/StandaloneLink/__tests__/__snapshots__/StandaloneLink.test.tsx.snap +2 -2
  64. package/lib/components/Textarea/Textarea.tsx +6 -3
  65. package/lib/components/Textarea/__tests__/__snapshots__/Textarea.test.tsx.snap +4 -4
  66. package/lib/components/Timepicker/Timepicker.tsx +6 -2
  67. package/lib/components/Timepicker/__tests__/__snapshots__/Timepicker.test.tsx.snap +2 -2
  68. package/lib/components/WeekPicker/subcomponents/DatepickerInput.tsx +6 -3
  69. package/lib/components/index.ts +3 -0
  70. package/package.json +1 -1
package/lib/components/AppMenu/__tests__/__snapshots__/AppMenu.test.tsx.snap CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  exports[`AppMenu > snapshot: defaultOpen prop 1`] = `
4
4
  <div
5
- class="ucl-app-menu css-it216d"
5
+ class="ucl-app-menu css-1psltl0"
6
6
  data-testid="ucl-app-menu"
7
7
  >
8
8
  <button
@@ -45,7 +45,7 @@ exports[`AppMenu > snapshot: defaultOpen prop 1`] = `
45
45
  <li
46
46
  aria-disabled="false"
47
47
  aria-label="Go Back"
48
- class="ucl-app-menu__item css-8z8u2q"
48
+ class="ucl-app-menu__item css-15i1fue"
49
49
  data-testid="ucl-app-menu__item"
50
50
  role="menuitem"
51
51
  tabindex="0"
@@ -76,7 +76,7 @@ exports[`AppMenu > snapshot: defaultOpen prop 1`] = `
76
76
  </li>
77
77
  <li
78
78
  aria-disabled="true"
79
- class="ucl-app-menu__item css-vobysi"
79
+ class="ucl-app-menu__item css-qun14w"
80
80
  data-testid="ucl-app-menu__item"
81
81
  role="menuitem"
82
82
  tabindex="-1"
@@ -89,7 +89,7 @@ exports[`AppMenu > snapshot: defaultOpen prop 1`] = `
89
89
  />
90
90
  <li
91
91
  aria-disabled="true"
92
- class="ucl-app-menu__item css-vobysi"
92
+ class="ucl-app-menu__item css-qun14w"
93
93
  data-testid="ucl-app-menu__item"
94
94
  role="menuitem"
95
95
  tabindex="-1"
@@ -102,14 +102,14 @@ exports[`AppMenu > snapshot: defaultOpen prop 1`] = `
102
102
 
103
103
  exports[`AppMenu > snapshot: no props 1`] = `
104
104
  <div
105
- class="ucl-app-menu css-it216d"
105
+ class="ucl-app-menu css-1psltl0"
106
106
  data-testid="ucl-app-menu"
107
107
  />
108
108
  `;
109
109
 
110
110
  exports[`AppMenu > snapshot: testId prop 1`] = `
111
111
  <div
112
- class="ucl-app-menu css-it216d"
112
+ class="ucl-app-menu css-1psltl0"
113
113
  data-testid="test1"
114
114
  />
115
115
  `;
package/lib/components/Breadcrumbs/Breadcrumbs.tsx CHANGED
@@ -2,7 +2,6 @@ import React, { HTMLAttributes } from 'react';
2
2
  import { css, cx } from '@emotion/css';
3
3
  import { Icon } from '../';
4
4
  import Breadcrumb from './Breadcrumb';
5
- import { useTheme } from '../../theme';
6
5
 
7
6
  const NAME = 'ucl-uikit-breadcrumbs';
8
7
 
@@ -16,13 +15,10 @@ const Breadcrumbs = ({
16
15
  children,
17
16
  ...props
18
17
  }: BreadcrumbsProps) => {
19
- const [theme] = useTheme();
20
-
21
18
  const separatorStyle = css`
22
19
  display: inline-flex;
23
20
  align-items: center;
24
21
  color: inherit;
25
- font-family: ${theme.font.family.primary};
26
22
  `;
27
23
 
28
24
  const chevronIconStyle = css`
package/lib/components/Breadcrumbs/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`Breadcrumbs > Snapshot: No props 1`] = `
6
6
  data-testid="ucl-uikit-breadcrumbs"
7
7
  >
8
8
  <span
9
- class="css-4ys53n"
9
+ class="css-cdcdpg"
10
10
  >
11
11
  <span
12
12
  class="css-0 ucl-uikit-breadcrumb ucl-uikit-breadcrumb--active"
@@ -34,10 +34,10 @@ exports[`Breadcrumbs > Snapshot: No props 1`] = `
34
34
  </svg>
35
35
  </span>
36
36
  <span
37
- class="css-4ys53n"
37
+ class="css-cdcdpg"
38
38
  >
39
39
  <a
40
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-mndjsx"
40
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-1pt28tp"
41
41
  data-testid="ucl-uikit-breadcrumb"
42
42
  href="/showcase"
43
43
  >
@@ -63,10 +63,10 @@ exports[`Breadcrumbs > Snapshot: No props 1`] = `
63
63
  </svg>
64
64
  </span>
65
65
  <span
66
- class="css-4ys53n"
66
+ class="css-cdcdpg"
67
67
  >
68
68
  <a
69
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-mndjsx"
69
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-1pt28tp"
70
70
  data-testid="ucl-uikit-breadcrumb"
71
71
  href="/showcase/breadcrumbs"
72
72
  >
@@ -82,7 +82,7 @@ exports[`Breadcrumbs > snapshot: Custom Test ID 1`] = `
82
82
  data-testid="custom-testid"
83
83
  >
84
84
  <span
85
- class="css-4ys53n"
85
+ class="css-cdcdpg"
86
86
  >
87
87
  <span
88
88
  class="css-0 ucl-uikit-breadcrumb ucl-uikit-breadcrumb--active"
@@ -110,10 +110,10 @@ exports[`Breadcrumbs > snapshot: Custom Test ID 1`] = `
110
110
  </svg>
111
111
  </span>
112
112
  <span
113
- class="css-4ys53n"
113
+ class="css-cdcdpg"
114
114
  >
115
115
  <a
116
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-mndjsx"
116
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-1pt28tp"
117
117
  data-testid="custom-testid-2"
118
118
  href="/showcase"
119
119
  >
@@ -139,10 +139,10 @@ exports[`Breadcrumbs > snapshot: Custom Test ID 1`] = `
139
139
  </svg>
140
140
  </span>
141
141
  <span
142
- class="css-4ys53n"
142
+ class="css-cdcdpg"
143
143
  >
144
144
  <a
145
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-mndjsx"
145
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-1pt28tp"
146
146
  data-testid="custom-testid-3"
147
147
  href="/showcase/breadcrumbs"
148
148
  >