Minor tweaks.

.storybook/preview.tsx

@@ -151,6 +151,7 @@ const preview = {
           'layouts',
           [
             'FormLayout',
+            'DialogLayout',
             'AppLayout',
             [
               'Logo',

app/lib.ts

@@ -95,7 +95,11 @@ export * as DataTableStream from '../src/components/tables/DataTable/DataTableSt
 /**
  * Layouts
  */
-export { AppLayout } from '../src/layouts/AppLayout/AppLayout.tsx';
+
+export { DialogLayout } from '../src/layouts/DialogLayout/DialogLayout.tsx';
+
+export { FormLayout } from '../src/layouts/FormLayout/FormLayout.tsx';
+
 export { Breadcrumbs } from '../src/layouts/AppLayout/Breadcrumbs/Breadcrumbs.tsx';
 export { Header } from '../src/layouts/AppLayout/Header/Header.tsx';
 export { AccountSelector } from '../src/layouts/AppLayout/Header/AccountSelector.tsx';
@@ -105,7 +109,4 @@ export { UserMenu } from '../src/layouts/AppLayout/Header/UserMenu.tsx';
 export { Logo } from '../src/layouts/AppLayout/Logo/Logo.tsx';
 export { Nav } from '../src/layouts/AppLayout/Nav/Nav.tsx';
 export { Sidebar } from '../src/layouts/AppLayout/Sidebar/Sidebar.tsx';
-
-export { DialogLayout } from '../src/layouts/DialogLayout/DialogLayout.tsx';
-
-export { FormLayout } from '../src/layouts/FormLayout/FormLayout.tsx';
+export { AppLayout } from '../src/layouts/AppLayout/AppLayout.tsx';

plopfile.ts

@@ -60,13 +60,13 @@ const componentTemplate = {
     
     export { cl as {{{component-name}}}ClassNames };
     
-    export type {{{component-name}}}Props = React.PropsWithChildren<ComponentProps<{{{format-element-type-ts element-type}}}> & {
+    export type {{{component-name}}}Props = ComponentProps<{{{format-element-type-ts element-type}}}> & {
       /** Whether this component should be unstyled. */
       unstyled?: undefined | boolean,
       
       /** Some property specific to \`{{{component-name}}}\`. */
       variant?: undefined | 'x' | 'y',
-    }>;
+    };
     {{"\\n"~}}
     {{~#if component-description}}
     /**

src/components/forms/fields/InputField/InputField.module.scss

@@ -14,7 +14,6 @@
 
     .bk-input-field__label {
       @include bk.font(bk.$font-family-body, bk.$font-weight-semibold, bk.$font-size-m);
-      cursor: default;
       margin-block-end: bk.$spacing-1;
     }
 

src/layouts/DialogLayout/DialogLayout.stories.tsx

@@ -67,7 +67,7 @@ export const DialogPattern2: Story = {
 
           <Form>
             <FormLayout>
-              <p>Key insight has read-only access to resources within your AWS account.</p>
+              <p>Key Insight has read-only access to resources within your AWS account.</p>
 
               <FieldLayout size="medium">
                 <InputField

src/styling/global/reset.scss

@@ -51,7 +51,7 @@
       overflow-wrap: break-word; // Prevent long words causing overflow
     }
 
-    button, label {
+    button {
       cursor: pointer;
       user-select: none;
 
@@ -60,6 +60,11 @@
       }
     }
 
+    label {
+      cursor: default;
+      user-select: none;
+    }
+
     /*
     input, select, textarea {
       -webkit-appearance: revert;