@lumx/react 2.2.1-alpha.0 → 2.2.1-alpha.1

package/package.json

@@ -7,8 +7,8 @@
     },
     "dependencies": {
         "@juggle/resize-observer": "^3.2.0",
-        "@lumx/core": "^2.2.1-alpha.0",
-        "@lumx/icons": "^2.2.1-alpha.0",
+        "@lumx/core": "^2.2.1-alpha.1",
+        "@lumx/icons": "^2.2.1-alpha.1",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.2.6",
@@ -120,6 +120,6 @@
         "build:storybook": "cd storybook && ./build"
     },
     "sideEffects": false,
-    "version": "2.2.1-alpha.0",
-    "gitHead": "32d69b12124ecb7dcddb0c9a0649b5a2eba3aead"
+    "version": "2.2.1-alpha.1",
+    "gitHead": "3d6acac7cdc525099cb9ffd8ca1f0b5ff8c8c327"
 }

package/src/components/thumbnail/Thumbnail.stories.tsx

@@ -275,11 +275,13 @@ export const Vertical = () => (
             <Thumbnail alt="" aspectRatio="vertical" image={IMAGES.portrait1s200} size="xxl" />
         </FlexBox>
         <h2>With size & smaller image & fill height</h2>
+        <small>Unsupported use case (use ratio free with fill height)</small>
         <FlexBox orientation="horizontal" vAlign="center" gap="huge">
             <Thumbnail alt="" aspectRatio="vertical" image={IMAGES.landscape1s200} size="xxl" fillHeight />
             <Thumbnail alt="" aspectRatio="vertical" image={IMAGES.portrait1s200} size="xxl" fillHeight />
         </FlexBox>
         <h2>Constrained parent size & smaller image & fill height</h2>
+        <small>Unsupported use case (use ratio free with fill height)</small>
         <FlexBox orientation="horizontal" vAlign="center" gap="huge">
             <div className="parent" style={{ width: 220 }}>
                 <Thumbnail alt="" aspectRatio="vertical" image={IMAGES.landscape1s200} fillHeight />
@@ -329,11 +331,13 @@ export const Wide = () => (
             <Thumbnail alt="" aspectRatio="wide" image={IMAGES.portrait1s200} size="xxl" />
         </FlexBox>
         <h2>With size & smaller image & fill height</h2>
+        <small>Unsupported use case (use ratio free with fill height)</small>
         <FlexBox orientation="horizontal" vAlign="center" gap="huge">
             <Thumbnail alt="" aspectRatio="wide" image={IMAGES.landscape1s200} size="xxl" fillHeight />
             <Thumbnail alt="" aspectRatio="wide" image={IMAGES.portrait1s200} size="xxl" fillHeight />
         </FlexBox>
         <h2>Constrained parent size & smaller image & fill height</h2>
+        <small>Unsupported use case (use ratio free with fill height)</small>
         <FlexBox orientation="horizontal" vAlign="center" gap="huge">
             <div className="parent" style={{ width: 220 }}>
                 <Thumbnail alt="" aspectRatio="wide" image={IMAGES.landscape1s200} fillHeight />
@@ -383,11 +387,13 @@ export const Square = () => (
             <Thumbnail alt="" aspectRatio="square" image={IMAGES.portrait1s200} size="xxl" />
         </FlexBox>
         <h2>With size & smaller image & fill height</h2>
+        <small>Unsupported use case (use ratio free with fill height)</small>
         <FlexBox orientation="horizontal" vAlign="center" gap="huge">
             <Thumbnail alt="" aspectRatio="square" image={IMAGES.landscape1s200} size="xxl" fillHeight />
             <Thumbnail alt="" aspectRatio="square" image={IMAGES.portrait1s200} size="xxl" fillHeight />
         </FlexBox>
         <h2>Constrained parent size & smaller image & fill height</h2>
+        <small>Unsupported use case (use ratio free with fill height)</small>
         <FlexBox orientation="horizontal" vAlign="center" gap="huge">
             <div className="parent" style={{ width: 220 }}>
                 <Thumbnail alt="" aspectRatio="square" image={IMAGES.landscape1s200} fillHeight />

package/src/stories/generated/Badge/Demos.stories.tsx

@@ -3,6 +3,7 @@
  */
 export default { title: 'LumX components/badge/Badge Demos' };
 
+export { App as Colors } from './colors';
 export { App as Icon } from './icon';
 export { App as Label } from './label';
 export { App as Thumbnail } from './thumbnail';

package/src/stories/generated/Flag/Demos.stories.tsx

@@ -0,0 +1,6 @@
+/**
+ * File generated when storybook is started. Do not edit directly!
+ */
+export default { title: 'LumX components/flag/Flag Demos' };
+
+export { App as Flag } from './flag';