@pexip/components 16.10.0 → 16.11.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 16.11.0
+
+### Minor Changes
+
+- 3353033: Move `isDisabled` from `MultiselectOption` to `Option`.
+
+### Patch Changes
+
+- acd55a9: Allow ExpanderCell to take textVariant prop.
+- 267898b: adds onPointerDownCapture prop to Menu component, which is passed to
+  the dropdown list
+- c3f46b6: add missing breakout-rooms-16 icon
+- 3353033: Fix Checkbox color for indeterminate state.
+- Updated dependencies [bcfa59f]
+  - @pexip/signal@16.6.0
+  - @pexip/hooks@16.4.2
+
 ## 16.10.0
 
 ### Minor Changes

package/design-tokens/generated/Icons.ts

@@ -38,6 +38,7 @@ import IconBilling_16 from './icons/billing-16.svg';
 import IconBilling_24 from './icons/billing-24.svg';
 import IconBlock_16 from './icons/block-16.svg';
 import IconBlock_24 from './icons/block-24.svg';
+import IconBreakoutRooms_16 from './icons/breakout-rooms-16.svg';
 import IconBreakoutRooms_24 from './icons/breakout-rooms-24.svg';
 import IconCalendar_16 from './icons/calendar-16.svg';
 import IconCalendar_24 from './icons/calendar-24.svg';
@@ -339,7 +340,7 @@ const collection: IconCollection = {
     IconBilling: {size16: IconBilling_16, size24: IconBilling_24},
     IconBlock: {size16: IconBlock_16, size24: IconBlock_24},
     IconBreakoutRooms: {
-        size16: IconBreakoutRooms_24,
+        size16: IconBreakoutRooms_16,
         size24: IconBreakoutRooms_24,
     },
     IconCalendar: {size16: IconCalendar_16, size24: IconCalendar_24},

package/design-tokens/generated/icons/breakout-rooms-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "breakout-rooms-16",
+  "name": "16px-breakout-rooms",
+  "pascalName": "IconBreakoutRooms_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/672bac1d-8c73-4cea-a50b-71c68dce5ec1",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.4545 3H3.54545C2.13909 3 1 4.20481 1 5.69231V11.0769C1 12.5644 2.13909 13.7692 3.54545 13.7692H12.4545C13.8609 13.7692 15 12.5644 15 11.0769V5.69231C15 4.20481 13.8609 3 12.4545 3ZM3 5H7V8H3V5ZM7 9H3V12H7V9ZM9 5H13V8H9V5ZM13 9H9V12H13V9Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/breakout-rooms-16.svg

@@ -0,0 +1,16 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    data-token-name="IconBreakoutRooms_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M12.454 3H3.545C2.14 3 1 4.205 1 5.692v5.385c0 1.487 1.14 2.692 2.545 2.692h8.91c1.406 0 2.545-1.205 2.545-2.692V5.692C15 4.205 13.86 3 12.454 3ZM3 5h4v3H3V5Zm4 4H3v3h4V9Zm2-4h4v3H9V5Zm4 4H9v3h4V9Z"
+        clip-rule="evenodd"
+    />
+</svg>

package/design-tokens/generated/icons/breakout-rooms-16.svg.d.ts

@@ -0,0 +1,5 @@
+// FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE
+
+import type React from 'react';
+const icon: React.FC<React.ComponentProps<'svg'>>;
+export default icon;

package/design-tokens/tokens/zIndex.tokens.scss

@@ -0,0 +1,22 @@
+@import '../variables.scss';
+
+:root {
+    @include create-token(components-z-index-draggable-dragging, 10000);
+    @include create-token(components-z-index-toast, 9999);
+    @include create-token(components-z-index-fullscreen-overlay, 9998);
+    @include create-token(
+        components-z-index-context-menu-position-adjuster,
+        9999
+    );
+    @include create-token(components-z-index-context-menu-click-catcher, 9998);
+    @include create-token(components-z-index-modal-mask, 999);
+    @include create-token(components-z-index-modal-positioned, 999);
+    @include create-token(components-z-index-sheet-wrapper, 999);
+    @include create-token(components-z-index-badge-counter, 500);
+    @include create-token(components-z-index-drop-content, 99);
+    @include create-token(components-z-index-scrim-top, 5);
+    @include create-token(components-z-index-tooltip, 1);
+    @include create-token(components-z-index-line-heading-text, 1);
+    @include create-token(components-z-index-line-heading-visual-line, 0);
+    @include create-token(components-z-index-file-upload-input, -1);
+}

package/design-tokens/tokens.scss

@@ -4,6 +4,7 @@
 @import './tokens/all-sizes.tokens.scss';
 @import './tokens/circle-sizes.tokens.scss';
 @import './tokens/border-radius.tokens.scss';
+@import './tokens/zIndex.tokens.scss';
 
 /*FOUNDATION*/
 @import '../src/components/foundation/FullSizeWindow/FullSizeWindow.tokens.scss';