@pexip/components 20.0.0 → 20.1.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 (69) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/api-docs/README.mdx +1 -0
  3. package/api-docs/functions/announce.mdx +1 -1
  4. package/api-docs/functions/onEnter.mdx +3 -3
  5. package/api-docs/functions/sizeToPadding.mdx +16 -6
  6. package/api-docs/functions/useBreakpointChange.mdx +1 -1
  7. package/api-docs/functions/useFocusFrom.mdx +2 -2
  8. package/api-docs/functions/useFocusFromOpened.mdx +1 -1
  9. package/api-docs/functions/useGroupedPagesNav.mdx +2 -2
  10. package/api-docs/functions/useInput.mdx +4 -2
  11. package/api-docs/functions/useModal.mdx +2 -2
  12. package/api-docs/functions/useModalHandle.mdx +1 -1
  13. package/api-docs/functions/useModalWithoutPreventScroll.mdx +2 -2
  14. package/api-docs/functions/useMultistepIndicator.mdx +24 -8
  15. package/api-docs/functions/useOutOfViewNavigation.mdx +4 -4
  16. package/api-docs/functions/useScrollIntoView.mdx +3 -3
  17. package/api-docs/functions/useTabs.mdx +1 -1
  18. package/api-docs/functions/withColorScheme.mdx +3 -3
  19. package/api-docs/functions/withTabName.mdx +2 -2
  20. package/api-docs/functions/withTransition.mdx +6 -4
  21. package/api-docs/interfaces/FullSizeWindowCommonProps.mdx +4 -4
  22. package/api-docs/interfaces/IconCollection.mdx +4 -0
  23. package/api-docs/interfaces/IconSource.mdx +3 -3
  24. package/api-docs/interfaces/LoadingBoxProps.mdx +5 -3
  25. package/api-docs/interfaces/ModalHandle.mdx +1 -1
  26. package/api-docs/interfaces/MultistepItem.mdx +1 -1
  27. package/api-docs/interfaces/StatCardRowData.mdx +5 -5
  28. package/api-docs/interfaces/ToastProps.mdx +3 -3
  29. package/api-docs/interfaces/VideoHandle.mdx +2 -2
  30. package/api-docs/interfaces/WithTransitionProps.mdx +1 -0
  31. package/api-docs/type-aliases/ActivityCardAction.mdx +1 -1
  32. package/api-docs/type-aliases/AriaMenuItem.mdx +4 -1
  33. package/api-docs/type-aliases/AriaMenuProps.mdx +1 -1
  34. package/api-docs/type-aliases/BreadcrumbItem.mdx +1 -1
  35. package/api-docs/type-aliases/ClickEventHandler.mdx +1 -1
  36. package/api-docs/type-aliases/MenuAction.mdx +1 -1
  37. package/api-docs/type-aliases/MenuItem.mdx +3 -3
  38. package/api-docs/type-aliases/MultiselectOption.mdx +1 -1
  39. package/api-docs/type-aliases/NotificationToastMessage.mdx +1 -1
  40. package/api-docs/type-aliases/NotificationTooltipPosition.mdx +3 -1
  41. package/api-docs/type-aliases/NotificationTooltipProps.mdx +3 -0
  42. package/api-docs/type-aliases/Option.mdx +1 -1
  43. package/api-docs/type-aliases/SelectProps.mdx +3 -3
  44. package/api-docs/type-aliases/TagItem.mdx +2 -2
  45. package/api-docs/variables/Select.mdx +2 -2
  46. package/api-docs/variables/Toast.mdx +3 -1
  47. package/design-tokens/variables.legacy.scss +8 -0
  48. package/dist/components-no-global-styles.css +1 -1
  49. package/dist/components.cjs +2 -2
  50. package/dist/components.css +1 -1
  51. package/dist/components.js +4124 -4093
  52. package/dist/types/design-tokens/generated/Icons.d.ts +4 -0
  53. package/dist/types/design-tokens/generated/Icons.d.ts.map +1 -1
  54. package/dist/types/src/components/elements/Draggable/Draggable.view.d.ts.map +1 -1
  55. package/dist/types/src/components/elements/Tooltip/NotificationTooltip.d.ts +1 -1
  56. package/dist/types/src/components/elements/Tooltip/NotificationTooltip.d.ts.map +1 -1
  57. package/dist/types/src/components/modules/AriaMenu/AriaMenu.types.d.ts +12 -0
  58. package/dist/types/src/components/modules/AriaMenu/AriaMenu.types.d.ts.map +1 -1
  59. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuItem.d.ts.map +1 -1
  60. package/dist/types/src/components/modules/CondensedTabs/CondensedTabs.view.d.ts +1 -0
  61. package/dist/types/src/components/modules/CondensedTabs/CondensedTabs.view.d.ts.map +1 -1
  62. package/dist/types/src/components/modules/Menu/Menu.d.ts.map +1 -1
  63. package/dist/types/src/components/modules/Sheet/Sheet.d.ts +2 -0
  64. package/dist/types/src/components/modules/Sheet/Sheet.d.ts.map +1 -1
  65. package/dist/types/src/components/modules/TransitionContainer/withTransition.d.ts +1 -0
  66. package/dist/types/src/components/modules/TransitionContainer/withTransition.d.ts.map +1 -1
  67. package/dist/types/src/exports.d.ts +1 -0
  68. package/dist/types/src/exports.d.ts.map +1 -1
  69. package/package.json +5 -5
package/api-docs/type-aliases/SelectProps.mdx CHANGED
@@ -16,8 +16,8 @@ type SelectProps<T> = Omit<React.ComponentPropsWithRef<"select">, "disabled"> &
16
16
  | `isFullWidth?` | `boolean` |
17
17
  | `label` | `string` |
18
18
  | `labelModifier?` | [`LabelModifier`](LabelModifier.mdx) |
19
- | `onValueChange()` | (`id`) => `void` |
20
- | `options` | [`Option`](Option.mdx)\<`T`\>[] |
19
+ | `onValueChange()` | `(id) => void` |
20
+ | `options` | [`Option<T>`](Option.mdx)[] |
21
21
  | `sizeModifier?` | [`SizeModifier`](SizeModifier.mdx) |
22
22
  | `value` | `string` |
23
23
  | `wrapContent?` | `boolean` |
@@ -26,4 +26,4 @@ type SelectProps<T> = Omit<React.ComponentPropsWithRef<"select">, "disabled"> &
26
26
 
27
27
  | Type Parameter | Default type |
28
28
  | ------ | ------ |
29
- | `T` *extends* `string` | `string` |
29
+ | `T extends string` | `string` |
package/api-docs/type-aliases/TagItem.mdx CHANGED
@@ -10,8 +10,8 @@ type TagItem = object;
10
10
  | <a id="isinteractive"></a> `isInteractive?` | `boolean` | isInteractive decides whether hover effect will be on or off |
11
11
  | <a id="istruncated"></a> `isTruncated?` | `boolean` | - |
12
12
  | <a id="label"></a> `label?` | `string` | - |
13
- | <a id="onclick"></a> `onClick?` | (`label?`) => `void` | - |
14
- | <a id="onremove"></a> `onRemove?` | () => `void` | - |
13
+ | <a id="onclick"></a> `onClick?` | `(label?) => void` | - |
14
+ | <a id="onremove"></a> `onRemove?` | `() => void` | - |
15
15
  | <a id="removelabel"></a> `removeLabel?` | `string` | - |
16
16
  | <a id="title"></a> `title?` | `string` | - |
17
17
  | <a id="variant"></a> `variant?` | [`TextVariant`](TextVariant.mdx) | - |
package/api-docs/variables/Select.mdx CHANGED
@@ -6,13 +6,13 @@ const Select: <T>(__namedParameters) => Element;
6
6
 
7
7
  | Type Parameter | Default type |
8
8
  | ------ | ------ |
9
- | `T` *extends* `string` | `string` |
9
+ | `T extends string` | `string` |
10
10
 
11
11
  ## Parameters
12
12
 
13
13
  | Parameter | Type |
14
14
  | ------ | ------ |
15
- | `__namedParameters` | [`SelectProps`](../type-aliases/SelectProps.mdx)\<`T`\> |
15
+ | `__namedParameters` | [`SelectProps<T>`](../type-aliases/SelectProps.mdx) |
16
16
 
17
17
  ## Returns
18
18
 
package/api-docs/variables/Toast.mdx CHANGED
@@ -10,4 +10,6 @@ const Toast: (props) => Element | null;
10
10
 
11
11
  ## Returns
12
12
 
13
- `Element` \| `null`
13
+ ```ts
14
+ Element | null
15
+ ```
package/design-tokens/variables.legacy.scss CHANGED
@@ -201,6 +201,14 @@
201
201
  @include create-token(icon-color-disabled, color('deep-blue-30'));
202
202
  @include create-token(button-color-active, color('deep-blue-40'));
203
203
 
204
+ /* DIVIDER */
205
+ @include create-token(divider-color-light, color('deep-blue-20'));
206
+ @include create-token(
207
+ divider-color-dark,
208
+ rgba(color-hex('white'), $alpha-10)
209
+ );
210
+ @include create-token(table-border-color, get-token(divider-color-light));
211
+
204
212
  /* FOCUS */
205
213
  .light {
206
214
  @include create-token(light-box-shadow-focus, color('green-40'));