npm - @pexip/components - Versions diffs - 19.3.0 → 20.1.0 - Mend

@pexip/components 19.3.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 (1020) hide show

package/api-docs/type-aliases/MenuAction.mdx CHANGED Viewed

@@ -9,7 +9,7 @@ type MenuAction = object;
 | <a id="enhancerstart"></a> `enhancerStart?` | `React.ReactNode` |
 | <a id="isdisabled"></a> `isDisabled?` | `boolean` |
 | <a id="label"></a> `label` | `string` |
-| <a id="onclick"></a> `onClick?` | () => `void` |
+| <a id="onclick"></a> `onClick?` | `() => void` |
 | <a id="target"></a> `target?` | [`LinkTarget`](LinkTarget.mdx) |
 | <a id="testid"></a> `testId?` | `string` |
 | <a id="url"></a> `url?` | `string` |

package/api-docs/type-aliases/MenuItem.mdx CHANGED Viewed

@@ -6,13 +6,13 @@ type MenuItem<T> = object;
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |
 ## Properties
 | Property | Type |
 | ------ | ------ |
-| <a id="clickaction"></a> `clickAction?` | `React.MouseEventHandler`\<`HTMLElement`\> |
+| <a id="clickaction"></a> `clickAction?` | `React.MouseEventHandler<HTMLElement>` |
 | <a id="colorscheme"></a> `colorScheme?` | [`ColorScheme`](ColorScheme.mdx) |
 | <a id="icon"></a> `icon?` | [`IconSource`](../interfaces/IconSource.mdx) |
 | <a id="iconcolor"></a> `iconColor?` | `string` |
@@ -22,7 +22,7 @@ type MenuItem<T> = object;
 | <a id="isdisabled"></a> `isDisabled?` | `boolean` |
 | <a id="isfixedicon"></a> `isFixedIcon?` | `boolean` |
 | <a id="label"></a> `label` | `React.ReactNode` |
-| <a id="linkwrapper"></a> `linkWrapper?` | (`{ children, }`) => `React.ReactElement` |
+| <a id="linkwrapper"></a> `linkWrapper?` | `({ children, }) => React.ReactElement` |
 | <a id="role"></a> `role?` | `React.AriaRole` |
 | <a id="target"></a> `target?` | [`LinkTarget`](LinkTarget.mdx) |
 | <a id="testid"></a> `testId?` | `string` |

package/api-docs/type-aliases/MultiselectOption.mdx CHANGED Viewed

@@ -13,4 +13,4 @@ type MultiselectOption<T> = Option<T> & object;
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |

package/api-docs/type-aliases/NotificationToastMessage.mdx CHANGED Viewed

@@ -15,4 +15,4 @@ type NotificationToastMessage = object;
 | <a id="position"></a> `position?` | [`ToastPosition`](ToastPosition.mdx) | - |
 | <a id="testid"></a> `testid?` | `string` | - |
 | <a id="timeout"></a> `timeout?` | `number` | - |
-| <a id="ondismiss"></a> `onDismiss?` | () => `void` | - |
+| <a id="ondismiss"></a> `onDismiss?` | `() => void` | - |

package/api-docs/type-aliases/NotificationTooltipPosition.mdx CHANGED Viewed

@@ -9,5 +9,7 @@ type NotificationTooltipPosition =
   | "bottomCenter"
   | "bottomLeft"
   | "bottomStart"
-  | "bottomEnd";
+  | "bottomEnd"
+  | "left"
+  | "right";
 ```

package/api-docs/type-aliases/NotificationTooltipProps.mdx ADDED Viewed

@@ -0,0 +1,3 @@
+```ts
+type NotificationTooltipProps = React.ComponentProps<typeof NotificationTooltip>;
+```

package/api-docs/type-aliases/Option.mdx CHANGED Viewed

@@ -6,7 +6,7 @@ type Option<T> = object;
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |
 ## Properties

package/api-docs/type-aliases/SelectProps.mdx CHANGED Viewed

@@ -16,8 +16,8 @@ type SelectProps<T> = Omit<React.ComponentPropsWithRef<"select">, "disabled"> &
 | `isFullWidth?` | `boolean` |
 | `label` | `string` |
 | `labelModifier?` | [`LabelModifier`](LabelModifier.mdx) |
-| `onValueChange()` | (`id`) => `void` |
-| `options` | [`Option`](Option.mdx)\<`T`\>[] |
+| `onValueChange()` | `(id) => void` |
+| `options` | [`Option<T>`](Option.mdx)[] |
 | `sizeModifier?` | [`SizeModifier`](SizeModifier.mdx) |
 | `value` | `string` |
 | `wrapContent?` | `boolean` |
@@ -26,4 +26,4 @@ type SelectProps<T> = Omit<React.ComponentPropsWithRef<"select">, "disabled"> &
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |

package/api-docs/type-aliases/TagItem.mdx CHANGED Viewed

@@ -10,8 +10,8 @@ type TagItem = object;
 | <a id="isinteractive"></a> `isInteractive?` | `boolean` | isInteractive decides whether hover effect will be on or off |
 | <a id="istruncated"></a> `isTruncated?` | `boolean` | - |
 | <a id="label"></a> `label?` | `string` | - |
-| <a id="onclick"></a> `onClick?` | (`label?`) => `void` | - |
-| <a id="onremove"></a> `onRemove?` | () => `void` | - |
+| <a id="onclick"></a> `onClick?` | `(label?) => void` | - |
+| <a id="onremove"></a> `onRemove?` | `() => void` | - |
 | <a id="removelabel"></a> `removeLabel?` | `string` | - |
 | <a id="title"></a> `title?` | `string` | - |
 | <a id="variant"></a> `variant?` | [`TextVariant`](TextVariant.mdx) | - |

package/api-docs/variables/FileUpload.mdx CHANGED Viewed

@@ -1,3 +1,3 @@
 ```ts
-const FileUpload: ForwardRefExoticComponent<object & RefAttributes<HTMLInputElement>>;
+const FileUpload: ForwardRefExoticComponent<object & Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "onChange"> & RefAttributes<HTMLInputElement>>;
 ```

package/api-docs/variables/Select.mdx CHANGED Viewed

@@ -6,13 +6,13 @@ const Select: <T>(__namedParameters) => Element;
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |
 ## Parameters
 | Parameter | Type |
 | ------ | ------ |
-| `__namedParameters` | [`SelectProps`](../type-aliases/SelectProps.mdx)\<`T`\> |
+| `__namedParameters` | [`SelectProps<T>`](../type-aliases/SelectProps.mdx) |
 ## Returns

package/api-docs/variables/Toast.mdx CHANGED Viewed

@@ -10,4 +10,6 @@ const Toast: (props) => Element | null;
 ## Returns
-`Element` \| `null`
+```ts
+Element | null
+```

package/design-tokens/mixins/media-queries.scss CHANGED Viewed

@@ -212,7 +212,7 @@
 @mixin mobile-portrait() {
     @include portrait {
-        @include md-down {
+        @include lg-down {
             @include touch {
                 @content;
             }

package/design-tokens/variables.legacy.scss CHANGED Viewed

@@ -201,6 +201,14 @@
     @include create-token(icon-color-disabled, color('deep-blue-30'));
     @include create-token(button-color-active, color('deep-blue-40'));
+    /* DIVIDER */
+    @include create-token(divider-color-light, color('deep-blue-20'));
+    @include create-token(
+        divider-color-dark,
+        rgba(color-hex('white'), $alpha-10)
+    );
+    @include create-token(table-border-color, get-token(divider-color-light));
     /* FOCUS */
     .light {
         @include create-token(light-box-shadow-focus, color('green-40'));