Skip to content
Open
Show file tree
Hide file tree
Changes from 6 commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions .storybook/global.scss
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
@import './reset-browser';
@import '../src/theme/style.scss';
@use './reset-browser' as *;
@use '../src/theme/style.scss' as *;
2 changes: 0 additions & 2 deletions .storybook/main.ts
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ const config: StorybookConfig = {
stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
addons: [
'@storybook/addon-links',
'@storybook/addon-essentials',
'@storybook/addon-interactions',
{
name: '@storybook/addon-docs',
options: {
Expand Down
4 changes: 2 additions & 2 deletions .storybook/manager.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { addons } from '@storybook/manager-api';
import { create } from '@storybook/theming';
import { addons } from 'storybook/manager-api';
import { create } from 'storybook/theming';

addons.setConfig({
panelPosition: 'right',
Expand Down
3 changes: 1 addition & 2 deletions .storybook/preview.ts
Original file line number Diff line number Diff line change
@@ -1,10 +1,9 @@
import { setCompodocJson } from '@storybook/addon-docs/angular';
import type { Preview } from '@storybook/angular';
import { addons } from '@storybook/manager-api';
import { addons } from 'storybook/manager-api';
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Import addons from preview API, not manager API (SB9).

In preview files, use storybook/preview-api; storybook/manager-api is for the manager UI. This prevents API/context mismatches.

Apply:

-import { addons } from 'storybook/manager-api';
+import { addons } from 'storybook/preview-api';

Supporting refs: addon API and SB9 package consolidation.

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
import { addons } from 'storybook/manager-api';
import { addons } from 'storybook/preview-api';
🤖 Prompt for AI Agents
In .storybook/preview.ts around line 3, the file currently imports addons from
'storybook/manager-api' which is incorrect for preview files; replace that
import so it pulls addons from 'storybook/preview-api' instead, i.e. change the
import source to the preview API module to avoid manager/preview context
mismatches in Storybook 9.


import docJson from '../documentation.json';

// eslint-disable-next-line import/no-webpack-loader-syntax, import/no-unresolved
import '!style-loader!css-loader!sass-loader!./global.scss';

setCompodocJson(docJson);
Expand Down
14 changes: 7 additions & 7 deletions .storybook/reset-browser.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import '../src/theme/var';
@import '../src/theme/mixin';
@use '../src/theme/var' as var;
@use '../src/theme/mixin' as mixin;

* {
&,
Expand Down Expand Up @@ -55,8 +55,8 @@ body {
justify-content: center;
min-width: 100%;
min-height: 100%;
color: use-text-color(main);
background-color: use-rgb(n-10);
color: var.use-text-color(main);
background-color: var.use-rgb(n-10);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
Arial, 'Microsoft YaHei', sans-serif;
font-size: 14px;
Expand All @@ -71,7 +71,7 @@ code {
font-size: 14px;
line-height: 20px;
padding: 12px;
background: use-rgb(n-9);
background: var.use-rgb(n-9);
border-radius: 2px;

&[ngCodeColorize] {
Expand All @@ -83,8 +83,8 @@ input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-text-fill-color: #{use-text-color(main)} !important;
box-shadow: 0 0 0 3000px #{use-rgb(main-bg)} inset !important;
-webkit-text-fill-color: #{var.use-text-color(main)} !important;
box-shadow: 0 0 0 3000px #{var.use-rgb(main-bg)} inset !important;
}

[hidden] {
Expand Down
1 change: 1 addition & 0 deletions .stylelintrc
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@
}
],
"scss/no-duplicate-dollar-variables": null,
"scss/selector-no-redundant-nesting-selector": null,
"scss/function-no-unknown": [
true,
{
Expand Down
Binary file added .yarn/install-state.gz
Binary file not shown.
3 changes: 3 additions & 0 deletions .yarnrc.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
nodeLinker: node-modules

npmRegistryServer: "https://registry.npmmirror.com"
Loading
Loading