diff --git a/packages/core/stories/dialog/dialog.stories.tsx b/packages/core/stories/dialog/dialog.stories.tsx index f69fdc9ab57..153ab1bb073 100644 --- a/packages/core/stories/dialog/dialog.stories.tsx +++ b/packages/core/stories/dialog/dialog.stories.tsx @@ -1,5 +1,4 @@ -/* eslint-disable @typescript-eslint/no-unsafe-assignment */ -import { PropsWithChildren, ReactNode, useEffect, useState } from "react"; +import { ComponentProps, PropsWithChildren, ReactNode, useEffect, useState } from "react"; import { Button, StackLayout, @@ -9,6 +8,7 @@ import { DialogContent, DialogCloseButton, DialogProps, + DialogContentProps, } from "@salt-ds/core"; import { StoryFn, Meta } from "@storybook/react"; import "./dialog.stories.css"; @@ -33,7 +33,10 @@ const UnmountLogger = () => { }; const DialogTemplate: StoryFn< - DialogProps & { header: string; preheader: string; content: ReactNode } + Omit & + Pick, "header" | "preheader"> & { + content: DialogContentProps["children"]; + } > = ({ header, preheader, @@ -99,51 +102,54 @@ export const LongContent = DialogTemplate.bind({}); LongContent.args = { header: "Congratulations! You have created a Dialog.", content: ( - -
- Lorem Ipsum is simply dummy text of the printing and typesetting - industry. Lorem Ipsum has been the industry's standard dummy text ever - since the 1500s, when an unknown printer took a galley of type and - scrambled it to make a type specimen book. -
-
- It has survived not only five centuries, but also the leap into - electronic typesetting, remaining essentially unchanged. It was - popularised in the 1960s with the release of Letraset sheets containing - Lorem Ipsum passages, and more recently with desktop publishing software - like Aldus PageMaker including versions of Lorem Ipsum. -
-
- It is a long established fact that a reader will be distracted by the - readable content of a page when looking at its layout. The point of - using Lorem Ipsum is that it has a more-or-less normal distribution of - letters, as opposed to using 'Content here, content here', making it - look like readable English. -
-
- Many desktop publishing packages and web page editors now use Lorem - Ipsum as their default model text, and a search for 'lorem ipsum' will - uncover many web sites still in their infancy. Various versions have - evolved over the years, sometimes by accident, sometimes on purpose - (injected humour and the like). -
-
- Contrary to popular belief, Lorem Ipsum is not simply random text. It - has roots in a piece of classical Latin literature from 45 BC, making it - over 2000 years old. Richard McClintock, a Latin professor at - Hampden-Sydney College in Virginia, looked up one of the more obscure - Latin words, consectetur, from a Lorem Ipsum passage, and going through - the cites of the word in classical literature, discovered the - undoubtable source. -
-
- Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus - Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written - in 45 BC. This book is a treatise on the theory of ethics, very popular - during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum - dolor sit amet..", comes from a line in section 1.10.32. -
- + <> + +
+ Lorem Ipsum is simply dummy text of the printing and typesetting + industry. Lorem Ipsum has been the industry's standard dummy text ever + since the 1500s, when an unknown printer took a galley of type and + scrambled it to make a type specimen book. +
+
+ It has survived not only five centuries, but also the leap into + electronic typesetting, remaining essentially unchanged. It was + popularised in the 1960s with the release of Letraset sheets + containing Lorem Ipsum passages, and more recently with desktop + publishing software like Aldus PageMaker including versions of Lorem + Ipsum. +
+
+ It is a long established fact that a reader will be distracted by the + readable content of a page when looking at its layout. The point of + using Lorem Ipsum is that it has a more-or-less normal distribution of + letters, as opposed to using 'Content here, content here', making it + look like readable English. +
+
+ Many desktop publishing packages and web page editors now use Lorem + Ipsum as their default model text, and a search for 'lorem ipsum' will + uncover many web sites still in their infancy. Various versions have + evolved over the years, sometimes by accident, sometimes on purpose + (injected humour and the like). +
+
+ Contrary to popular belief, Lorem Ipsum is not simply random text. It + has roots in a piece of classical Latin literature from 45 BC, making + it over 2000 years old. Richard McClintock, a Latin professor at + Hampden-Sydney College in Virginia, looked up one of the more obscure + Latin words, consectetur, from a Lorem Ipsum passage, and going + through the cites of the word in classical literature, discovered the + undoubtable source. +
+
+ Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus + Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written + in 45 BC. This book is a treatise on the theory of ethics, very + popular during the Renaissance. The first line of Lorem Ipsum, "Lorem + ipsum dolor sit amet..", comes from a line in section 1.10.32. +
+ + ), }; diff --git a/packages/data-grid/stories/grid.mdx b/packages/data-grid/stories/grid.mdx index 69b12baf5c1..13fe2681dbd 100644 --- a/packages/data-grid/stories/grid.mdx +++ b/packages/data-grid/stories/grid.mdx @@ -1,6 +1,5 @@ -import { ArgTypes, Canvas, Meta, Story } from "@storybook/addon-docs"; +import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; import { Grid, GridColumn } from "@salt-ds/data-grid"; -import { withFlexGap } from "docs/decorators/withFlexGap"; import { Banner, BannerContent } from "@salt-ds/core"; import { LazyStoryCanvas } from "./LazyStoryCanvas"; import { diff --git a/packages/icons/stories/icon.stories.tsx b/packages/icons/stories/icon.stories.tsx index b09f296f591..d26fc51b868 100644 --- a/packages/icons/stories/icon.stories.tsx +++ b/packages/icons/stories/icon.stories.tsx @@ -126,7 +126,7 @@ export const AllIconsWithSearch: StoryFn = () => { style={{ width: "150px" }} gap={1} align="center" - key={icon} + key={name} > {createElement(icon, { key: i, diff --git a/packages/lab/stories/deck-layout/deck-layout.mdx b/packages/lab/stories/deck-layout/deck-layout.mdx index 4c20012cc80..5118015d4f3 100644 --- a/packages/lab/stories/deck-layout/deck-layout.mdx +++ b/packages/lab/stories/deck-layout/deck-layout.mdx @@ -1,11 +1,6 @@ -import { - ArgTypes, - Canvas, - Meta -} from "@storybook/blocks"; +import { ArgTypes, Canvas, Meta } from "@storybook/blocks"; import HelpAndSupport from "docs/blocks/help-and-support.mdx"; import * as DeckLayoutStories from "./deck-layout.stories"; -import {DeckLayout } from "@salt-ds/lab"; diff --git a/packages/lab/stories/layer-layout/layer-layout.mdx b/packages/lab/stories/layer-layout/layer-layout.mdx index d4d929265b8..818f091ba7b 100644 --- a/packages/lab/stories/layer-layout/layer-layout.mdx +++ b/packages/lab/stories/layer-layout/layer-layout.mdx @@ -1,13 +1,6 @@ -import { - ArgTypes, - Canvas, - Meta, -} from "@storybook/blocks"; -import { LayerLayout } from "@salt-ds/lab"; -import * as LayerLayoutStories - from "./layer-layout.stories"; -import HelpAndSupport - from "docs/blocks/help-and-support.mdx"; +import { ArgTypes, Canvas, Meta } from "@storybook/blocks"; +import * as LayerLayoutStories from "./layer-layout.stories"; +import HelpAndSupport from "docs/blocks/help-and-support.mdx"; @@ -71,4 +64,4 @@ import { LayerLayout } from "@salt-ds/lab"; - + diff --git a/packages/lab/stories/layout/layouts.mdx b/packages/lab/stories/layout/layouts.mdx index 4c662eb4c6b..53c3eccad0c 100644 --- a/packages/lab/stories/layout/layouts.mdx +++ b/packages/lab/stories/layout/layouts.mdx @@ -1,9 +1,7 @@ import { Meta, Canvas } from "@storybook/blocks"; -import * as ParentChildLayoutStories - from "../parent-child-layout/parent-child-layout.stories"; +import * as ParentChildLayoutStories from "../parent-child-layout/parent-child-layout.stories"; import * as DeckLayoutStories from "../deck-layout/deck-layout.stories"; -import * as LayerLayoutStories - from "../layer-layout/layer-layout.stories"; +import * as LayerLayoutStories from "../layer-layout/layer-layout.stories"; diff --git a/packages/lab/stories/skip-link/skip-link.mdx b/packages/lab/stories/skip-link/skip-link.mdx index 83672578211..516233b3bea 100644 --- a/packages/lab/stories/skip-link/skip-link.mdx +++ b/packages/lab/stories/skip-link/skip-link.mdx @@ -1,9 +1,4 @@ -import { - Controls, - Canvas, - Meta, - ArgTypes -} from "@storybook/blocks"; +import { Canvas, Meta, ArgTypes } from "@storybook/blocks"; import { SkipLink } from "@salt-ds/lab"; import { CharacteristicUsage, @@ -66,7 +61,7 @@ Multiple links should be used sparingly. In order to avoid polluting the page-ta ## Props - + ## CSS Classes diff --git a/packages/lab/stories/stepper-input/stepper-input.mdx b/packages/lab/stories/stepper-input/stepper-input.mdx index 4776418007a..808da059719 100644 --- a/packages/lab/stories/stepper-input/stepper-input.mdx +++ b/packages/lab/stories/stepper-input/stepper-input.mdx @@ -1,9 +1,4 @@ -import { - Controls, - Canvas, - Meta, - ArgTypes -} from "@storybook/blocks"; +import { Canvas, Meta, ArgTypes } from "@storybook/blocks"; import { StepperInput } from "@salt-ds/lab"; import { CharacteristicUsage, diff --git a/packages/lab/stories/tokenized-input/tokenized-input.stories.tsx b/packages/lab/stories/tokenized-input/tokenized-input.stories.tsx index cc1723dbe60..7fe65cf10f8 100644 --- a/packages/lab/stories/tokenized-input/tokenized-input.stories.tsx +++ b/packages/lab/stories/tokenized-input/tokenized-input.stories.tsx @@ -287,9 +287,8 @@ export const WithCustomizedDelimiter: StoryFn = () => { ) : ( )} diff --git a/packages/theme/stories/palettes/opacity.mdx b/packages/theme/stories/palettes/opacity.mdx index 0fa13da0a37..e51ac5f8479 100644 --- a/packages/theme/stories/palettes/opacity.mdx +++ b/packages/theme/stories/palettes/opacity.mdx @@ -8,36 +8,31 @@ import { OpacityBlock } from "docs/components/OpacityBlock"; - -{" "} - - -{" "} - - -{" "} - - -{" "} - - -{" "} - + + + + + + + + + + @@ -53,20 +48,12 @@ import { OpacityBlock } from "docs/components/OpacityBlock"; cssVariable="--salt-palette-opacity-stroke" replacementToken="--salt-palette-opacity-disabled" /> - -{" "} - -{" "} - + diff --git a/site/package.json b/site/package.json index b53e1c54a47..00d07aeca6d 100644 --- a/site/package.json +++ b/site/package.json @@ -40,6 +40,7 @@ "lodash-es": "^4.17.21", "next": "^14.0.4", "next-auth": "^4.24.7", + "node-fetch": "^3.0.0", "raw-loader": "^4.0.2" }, "devDependencies": {