@codecademy/styleguide 79.3.0 → 79.3.1-alpha.4ae770.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.
- package/.storybook/components/Elements/DocsContainer.tsx +2 -2
- package/.storybook/components/Elements/StorySource.tsx +2 -2
- package/.storybook/components/Headers/ComponentHeader.tsx +1 -1
- package/.storybook/main.ts +20 -3
- package/.storybook/manager.ts +1 -1
- package/.storybook/preview.ts +9 -11
- package/.storybook/theming/GamutTheme.ts +1 -1
- package/CHANGELOG.md +7 -0
- package/package.json +2 -2
- package/project.json +9 -0
- package/src/lib/About.mdx +1 -1
- package/src/lib/Atoms/About.mdx +1 -1
- package/src/lib/Atoms/Animations/About.mdx +1 -1
- package/src/lib/Atoms/Animations/ExpandInCollapseOut/ExpandInCollapseOut.mdx +1 -1
- package/src/lib/Atoms/Animations/FadeInSlideOut/FadeInSlideOut.mdx +1 -1
- package/src/lib/Atoms/Animations/Rotation/Rotation.mdx +1 -1
- package/src/lib/Atoms/Badge/Badge.mdx +1 -1
- package/src/lib/Atoms/Buttons/About.mdx +1 -1
- package/src/lib/Atoms/Buttons/Button/Button.mdx +1 -1
- package/src/lib/Atoms/Buttons/CTAButton/CTAButton.mdx +1 -1
- package/src/lib/Atoms/Buttons/FillButton/FillButton.mdx +1 -1
- package/src/lib/Atoms/Buttons/IconButton/IconButton.mdx +1 -1
- package/src/lib/Atoms/Buttons/StrokeButton/StrokeButton.mdx +1 -1
- package/src/lib/Atoms/Buttons/TextButton/TextButton.mdx +1 -1
- package/src/lib/Atoms/Card/Card.mdx +1 -1
- package/src/lib/Atoms/Drawer/Drawer.mdx +1 -1
- package/src/lib/Atoms/FeatureShimmer/FeatureShimmer.mdx +1 -1
- package/src/lib/Atoms/FormElements/About.mdx +1 -1
- package/src/lib/Atoms/FormElements/Form/Form.mdx +1 -1
- package/src/lib/Atoms/FormElements/FormGroup/FormGroup.mdx +1 -1
- package/src/lib/Atoms/FormElements/FormGroupDescription/FormGroupDescription.mdx +1 -1
- package/src/lib/Atoms/FormElements/FormGroupLabel/FormGroupLabel.mdx +1 -1
- package/src/lib/Atoms/FormElements/FormRequiredText/FormRequiredText.mdx +1 -1
- package/src/lib/Atoms/FormInputs/About.mdx +1 -1
- package/src/lib/Atoms/FormInputs/Checkbox/Checkbox.mdx +1 -1
- package/src/lib/Atoms/FormInputs/Input/Input.mdx +1 -1
- package/src/lib/Atoms/FormInputs/Radio/Radio.mdx +1 -1
- package/src/lib/Atoms/FormInputs/Select/Select.mdx +1 -1
- package/src/lib/Atoms/FormInputs/SelectDropdown/SelectDropdown.mdx +1 -1
- package/src/lib/Atoms/FormInputs/TextArea/TextArea.mdx +1 -1
- package/src/lib/Atoms/Icons/About.mdx +1 -1
- package/src/lib/Atoms/Icons/Mini/Mini.mdx +1 -1
- package/src/lib/Atoms/Icons/Regular/Regular.mdx +1 -1
- package/src/lib/Atoms/Illustrations/Illustrations.mdx +1 -1
- package/src/lib/Atoms/InternalFloatingCard/InternalFloatingCard.mdx +1 -1
- package/src/lib/Atoms/Loaders/About.mdx +1 -1
- package/src/lib/Atoms/Loaders/Shimmer/Shimmer.mdx +1 -1
- package/src/lib/Atoms/Loaders/Spinner/Spinner.mdx +1 -1
- package/src/lib/Atoms/Patterns/Patterns.mdx +1 -1
- package/src/lib/Atoms/PopoverContainer/PopoverContainer.mdx +1 -1
- package/src/lib/Atoms/ProgressBar/ProgressBar.mdx +1 -1
- package/src/lib/Atoms/RadialProgress/RadialProgress.mdx +1 -1
- package/src/lib/Atoms/SkipToContent/SkipToContent.mdx +1 -1
- package/src/lib/Atoms/Tag/Tag.mdx +1 -1
- package/src/lib/Atoms/Toggle/Toggle.mdx +1 -1
- package/src/lib/Atoms/UtilityComponents/About.mdx +1 -1
- package/src/lib/Atoms/UtilityComponents/DelayedRenderWrapper/DelayedRenderWrapper.mdx +1 -1
- package/src/lib/Atoms/UtilityComponents/FocusTrap/FocusTrap.mdx +1 -1
- package/src/lib/Foundations/About.mdx +1 -1
- package/src/lib/Foundations/ColorMode/ColorMode.mdx +1 -1
- package/src/lib/Foundations/Layout.mdx +1 -1
- package/src/lib/Foundations/System/About.mdx +1 -1
- package/src/lib/Foundations/System/Compose.mdx +1 -1
- package/src/lib/Foundations/System/Props/About.mdx +1 -1
- package/src/lib/Foundations/System/Props/Background.mdx +1 -1
- package/src/lib/Foundations/System/Props/Border.mdx +1 -1
- package/src/lib/Foundations/System/Props/Color.mdx +1 -1
- package/src/lib/Foundations/System/Props/Flex.mdx +1 -1
- package/src/lib/Foundations/System/Props/Grid.mdx +1 -1
- package/src/lib/Foundations/System/Props/Layout.mdx +1 -1
- package/src/lib/Foundations/System/Props/List.mdx +1 -1
- package/src/lib/Foundations/System/Props/Positioning.mdx +1 -1
- package/src/lib/Foundations/System/Props/Shadow.mdx +1 -1
- package/src/lib/Foundations/System/Props/Space.mdx +1 -1
- package/src/lib/Foundations/System/Props/Typography.mdx +1 -1
- package/src/lib/Foundations/System/ResponsiveProperties/ResponsiveProperties.mdx +1 -1
- package/src/lib/Foundations/System/Variants.mdx +1 -1
- package/src/lib/Foundations/Theme/About.mdx +1 -1
- package/src/lib/Foundations/Theme/AdminTheme.mdx +1 -1
- package/src/lib/Foundations/Theme/CoreTheme.mdx +1 -1
- package/src/lib/Foundations/Theme/CreatingThemes.mdx +1 -1
- package/src/lib/Foundations/Theme/LXStudioTheme.mdx +1 -1
- package/src/lib/Foundations/Theme/PercipioTheme.mdx +1 -1
- package/src/lib/Foundations/Theme/PlatformTheme.mdx +1 -1
- package/src/lib/Foundations/Typography.mdx +1 -1
- package/src/lib/Foundations/Utilities/Utilities.mdx +1 -1
- package/src/lib/Layouts/About.mdx +1 -1
- package/src/lib/Layouts/Boxes/About.mdx +1 -1
- package/src/lib/Layouts/Boxes/Box/Box.mdx +1 -1
- package/src/lib/Layouts/Boxes/FlexBox/FlexBox.mdx +1 -1
- package/src/lib/Layouts/Boxes/GridBox/GridBox.mdx +1 -1
- package/src/lib/Layouts/ContentContainer/ContentContainer.mdx +1 -1
- package/src/lib/Layouts/LayoutGrid/LayoutGrid.mdx +1 -1
- package/src/lib/Meta/About.mdx +1 -1
- package/src/lib/Meta/Best practices.mdx +1 -1
- package/src/lib/Meta/Brand.mdx +1 -1
- package/src/lib/Meta/Contributing.mdx +1 -1
- package/src/lib/Meta/Deep Controls add-on.mdx +1 -1
- package/src/lib/Meta/ESLint rules.mdx +1 -1
- package/src/lib/Meta/FAQs.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/About.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Documentation in code.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Formatting.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/General principles.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Language and grammar.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Linking.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Referencing code.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Stories/About pages.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Stories/About.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Stories/Component code examples.mdx +1 -1
- package/src/lib/Meta/Gamut writing guide/Stories/Component story documentation.mdx +3 -3
- package/src/lib/Meta/Installation.mdx +1 -1
- package/src/lib/Meta/Logical and physical CSS properties.mdx +1 -1
- package/src/lib/Meta/MCP/About.mdx +1 -1
- package/src/lib/Meta/MCP/Code Connect.mdx +1 -1
- package/src/lib/Meta/MCP/Figma MCP.mdx +1 -1
- package/src/lib/Meta/Usage guide.mdx +1 -1
- package/src/lib/Molecules/About.mdx +1 -1
- package/src/lib/Molecules/AccordionButtonDeprecated/AccordionButtonDeprecated.mdx +1 -1
- package/src/lib/Molecules/AccordionDeprecated/AccordionDeprecated.mdx +1 -1
- package/src/lib/Molecules/Alert/Alert.mdx +1 -1
- package/src/lib/Molecules/Breadcrumbs/Breadcrumbs.mdx +1 -1
- package/src/lib/Molecules/Coachmark/Coachmark.mdx +1 -1
- package/src/lib/Molecules/Disclosure/Disclosure.mdx +1 -1
- package/src/lib/Molecules/Flyout/Flyout.mdx +1 -1
- package/src/lib/Molecules/Menu/Menu.mdx +1 -1
- package/src/lib/Molecules/Modals/About.mdx +1 -1
- package/src/lib/Molecules/Modals/Dialog/Dialog.mdx +1 -1
- package/src/lib/Molecules/Modals/Modal/Modal.mdx +1 -1
- package/src/lib/Molecules/Modals/Overlay/Overlay.mdx +1 -1
- package/src/lib/Molecules/Pagination/Pagination.mdx +1 -1
- package/src/lib/Molecules/Popover/Popover.mdx +1 -1
- package/src/lib/Molecules/Tabs/Tabs.mdx +1 -1
- package/src/lib/Molecules/Tips/About.mdx +1 -1
- package/src/lib/Molecules/Tips/InfoTip/InfoTip.mdx +1 -1
- package/src/lib/Molecules/Tips/PreviewTip/PreviewTip.mdx +1 -1
- package/src/lib/Molecules/Tips/ToolTip/ToolTip.mdx +1 -1
- package/src/lib/Molecules/Toasts/About.mdx +1 -1
- package/src/lib/Molecules/Toasts/Toast/Toast.mdx +1 -1
- package/src/lib/Molecules/Toasts/Toaster/Toaster.mdx +1 -1
- package/src/lib/Molecules/Video/Video.mdx +1 -1
- package/src/lib/Organisms/About.mdx +1 -1
- package/src/lib/Organisms/ConnectedForm/About.mdx +1 -1
- package/src/lib/Organisms/ConnectedForm/ConnectedForm/ConnectedForm.mdx +1 -1
- package/src/lib/Organisms/ConnectedForm/ConnectedForm/ConnectedForm.stories.tsx +1 -1
- package/src/lib/Organisms/ConnectedForm/ConnectedFormGroup/ConnectedFormGroup.mdx +1 -1
- package/src/lib/Organisms/ConnectedForm/ConnectedFormGroup/ConnectedFormGroup.stories.tsx +1 -1
- package/src/lib/Organisms/ConnectedForm/ConnectedFormInputs/ConnectedFormInputs.mdx +1 -1
- package/src/lib/Organisms/ConnectedForm/SubmitButton/SubmitButton.mdx +1 -1
- package/src/lib/Organisms/ConnectedForm/SubmitButton/SubmitButton.stories.tsx +1 -1
- package/src/lib/Organisms/GridForm/About.mdx +1 -1
- package/src/lib/Organisms/GridForm/Buttons.mdx +1 -1
- package/src/lib/Organisms/GridForm/Buttons.stories.tsx +1 -1
- package/src/lib/Organisms/GridForm/Fields.mdx +1 -1
- package/src/lib/Organisms/GridForm/Fields.stories.tsx +1 -1
- package/src/lib/Organisms/GridForm/Layout.mdx +1 -1
- package/src/lib/Organisms/GridForm/Layout.stories.tsx +1 -1
- package/src/lib/Organisms/GridForm/States.mdx +1 -1
- package/src/lib/Organisms/GridForm/States.stories.tsx +1 -1
- package/src/lib/Organisms/GridForm/Usage.mdx +1 -1
- package/src/lib/Organisms/GridForm/Usage.stories.tsx +1 -1
- package/src/lib/Organisms/GridForm/Validation.mdx +1 -1
- package/src/lib/Organisms/Lists & Tables/About.mdx +1 -1
- package/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx +1 -1
- package/src/lib/Organisms/Lists & Tables/DataTable/DataTable.mdx +1 -1
- package/src/lib/Organisms/Lists & Tables/List/List.mdx +1 -1
- package/src/lib/Organisms/Markdown/Markdown.mdx +1 -1
- package/src/lib/Typography/About.mdx +1 -1
- package/src/lib/Typography/Anchor/Anchor.mdx +1 -1
- package/src/lib/Typography/HiddenText/HiddenText.mdx +1 -1
- package/src/lib/Typography/Text/Text.mdx +1 -1
- package/src/lib/UX Writing/About.mdx +1 -1
- package/src/lib/UX Writing/Accessibility guidelines.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/About.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/Alerts.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/Alternative text.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/Buttons.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/Confirmation dialogs.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/Error messages.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/Notifications.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/Toasts.mdx +1 -1
- package/src/lib/UX Writing/Component guidelines/Tooltips.mdx +1 -1
- package/src/lib/UX Writing/DIY UX writing in 8 steps.mdx +1 -1
package/src/lib/Meta/About.mdx
CHANGED
package/src/lib/Meta/Brand.mdx
CHANGED
package/src/lib/Meta/FAQs.mdx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta } from '@storybook/blocks';
|
|
1
|
+
import { Meta } from '@storybook/addon-docs/blocks';
|
|
2
2
|
|
|
3
3
|
import { AboutHeader } from '~styleguide/blocks';
|
|
4
4
|
|
|
@@ -31,7 +31,7 @@ Each component should have a `ComponentName.mdx` file that can use the `componen
|
|
|
31
31
|
```tsx
|
|
32
32
|
// For ComponentName.mdx, more details in the component-doc code snippet
|
|
33
33
|
|
|
34
|
-
import { Canvas, Controls, Meta } from '@storybook/blocks';
|
|
34
|
+
import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks';
|
|
35
35
|
|
|
36
36
|
import { ComponentHeader } from '~styleguide/blocks';
|
|
37
37
|
|
|
@@ -73,7 +73,7 @@ Each component should define key metadata in the `parameters` object:
|
|
|
73
73
|
5. `design`: A link to the Figma file that is associated with the component.
|
|
74
74
|
|
|
75
75
|
```tsx
|
|
76
|
-
import { Meta } from '@storybook/blocks';
|
|
76
|
+
import { Meta } from '@storybook/addon-docs/blocks';
|
|
77
77
|
|
|
78
78
|
import { ComponentHeader } from '~styleguide/blocks';
|
|
79
79
|
|
|
@@ -12,9 +12,9 @@ import {
|
|
|
12
12
|
useConnectedForm,
|
|
13
13
|
} from '@codecademy/gamut';
|
|
14
14
|
import { MiniArrowRightIcon, TerminalIcon } from '@codecademy/gamut-icons';
|
|
15
|
-
import { action } from '@storybook/addon-actions';
|
|
16
15
|
import type { Meta } from '@storybook/react';
|
|
17
16
|
import { useState } from 'react';
|
|
17
|
+
import { action } from 'storybook/actions';
|
|
18
18
|
|
|
19
19
|
const meta: Meta<typeof ConnectedForm> = {
|
|
20
20
|
component: ConnectedForm,
|
|
@@ -7,8 +7,8 @@ import {
|
|
|
7
7
|
Text,
|
|
8
8
|
useConnectedForm,
|
|
9
9
|
} from '@codecademy/gamut';
|
|
10
|
-
import { action } from '@storybook/addon-actions';
|
|
11
10
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
11
|
+
import { action } from 'storybook/actions';
|
|
12
12
|
import type { TypeWithDeepControls } from 'storybook-addon-deep-controls';
|
|
13
13
|
|
|
14
14
|
import { infotipNestedArgTypes } from '~styleguide/argTypes';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ConnectedForm, FlexBox, SubmitButton, Text } from '@codecademy/gamut';
|
|
2
|
-
import { action } from '@storybook/addon-actions';
|
|
3
2
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import { action } from 'storybook/actions';
|
|
4
4
|
|
|
5
5
|
const meta: Meta<typeof SubmitButton> = {
|
|
6
6
|
component: SubmitButton,
|