Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(merge): merge storybook 8 feature branch into main #11631

Draft
wants to merge 158 commits into
base: main
Choose a base branch
from
Draft
Changes from 1 commit
Commits
Show all changes
158 commits
Select commit Hold shift + click to select a range
d9faab8
chore(storybook): upgrade to 7 and using vite
IgnacioBecerra Dec 14, 2023
4baf417
fix(storybook): loads with page reload upon change
IgnacioBecerra Dec 14, 2023
fc1a411
fix(scss): added ?lit to every scss import for vite
IgnacioBecerra Dec 15, 2023
304c8aa
feat(storybook): icons now work with vite config
IgnacioBecerra Dec 15, 2023
634e2b3
feat(storybook): files are ready to work on
IgnacioBecerra Dec 19, 2023
5144de8
fix(storybook): intro mdx files now load
IgnacioBecerra Dec 19, 2023
0e6a975
feat(link): migrated to controls
IgnacioBecerra Dec 19, 2023
b57f76b
docs(format): ran prettier
IgnacioBecerra Dec 19, 2023
c0c303a
chore(storybook): remove sample stories
IgnacioBecerra Dec 19, 2023
5491493
Merge branch 'main' into feat/cwc-storybook-7
IgnacioBecerra Dec 20, 2023
0b39e07
fix(readme): updated to use stackblitz
IgnacioBecerra Dec 20, 2023
a3bd556
fix(examples): rename to stackblitz
IgnacioBecerra Dec 20, 2023
d4fe677
chore(yarn): update cache
IgnacioBecerra Dec 20, 2023
e048887
deps(yarn): one more
IgnacioBecerra Dec 20, 2023
809be1b
fix(storybook): remove backup folder
IgnacioBecerra Dec 20, 2023
18f3743
chore(automerge): add main branch
kennylam Dec 20, 2023
c085ca1
feat(icon): updated to v7
IgnacioBecerra Dec 20, 2023
a8830b0
Merge branch 'feat/cwc-storybook-7-vite' of https://github.com/carbon…
IgnacioBecerra Dec 20, 2023
2378389
chore(sb): remove unused addons
kennylam Dec 21, 2023
19717d2
chore(link): add missing size value
kennylam Dec 21, 2023
6615bf6
chore(link): update story vars
kennylam Dec 21, 2023
38ffb0b
chore(file-uploader): update file-uploader to sb v7 (#11317)
m4olivei Jan 4, 2024
deff5b2
chore(overflow-menu): update overflow-menu stories to sb v7 (#11338)
m4olivei Jan 5, 2024
d471864
fix(build): add rollup plugin to switch out .scss?lit during build (#…
annawen1 Jan 8, 2024
8a98504
feat(lit): bump up to lit 3 (#11329)
annawen1 Jan 8, 2024
24f8cd0
chore(slider): update slider stories to sb v7 (#11374)
m4olivei Jan 10, 2024
0b3cc72
chore(skip-to-content): update skip-to-content stories to sb v7 (#11372)
m4olivei Jan 10, 2024
edb9de9
feat(skeleton): update story to Storybook v7 (#11363)
m4olivei Jan 10, 2024
2f17ca4
chore(progress-indicator): update progress-indicator stories to sb v7…
m4olivei Jan 10, 2024
785dc78
feat(progress-bar): update story to Storybook v7 (#11353)
m4olivei Jan 10, 2024
6bdfe65
feat(button): cwc controls (#11358)
ariellalgilmore Jan 10, 2024
b9743ef
feat(storybook): updated 2 component stories to v7 (#11362)
m4olivei Jan 10, 2024
7d2d6f6
feat(tag/tooltip): cwc storybook controls (#11381)
ariellalgilmore Jan 10, 2024
bc62459
feat(storybook): updated 7 component stories to v7 (#11344)
IgnacioBecerra Jan 10, 2024
638da9b
feat(layer/dropdown/combo-box): update stories to Storybook v7 (#11318)
IgnacioBecerra Jan 10, 2024
a9ba214
feat(notification): update story to Storybook v7 (#11331)
m4olivei Jan 10, 2024
9705c48
feat(multi-select): update story to Storybook v7 (#11327)
m4olivei Jan 10, 2024
2e29308
feat(content-switcher): update story to Storybook v7 (#11315)
m4olivei Jan 10, 2024
71bdbf1
chore(breadcrumb): finish updating breadcrumb to sb v7 (#11310)
m4olivei Jan 10, 2024
c4772f9
feat(accordion): update story to Storybook v7 (#11306)
m4olivei Jan 10, 2024
7901205
feat(date-picker): update story to Storybook v7 (#11276)
m4olivei Jan 11, 2024
c9193f9
feat(code-snippet): update story to Storybook v7 (#11312)
m4olivei Jan 11, 2024
5f83ee7
feat(number-input): update story to Storybook v7 (#11336)
m4olivei Jan 11, 2024
f2b4480
chore(icon-button): update form-group stories to sb v7 (#11388)
m4olivei Jan 11, 2024
4c81038
feat(icon-button): update story to Storybook v7 (#11387)
m4olivei Jan 11, 2024
4f31898
feat(slug): update story to Storybook v7 (#11384)
m4olivei Jan 18, 2024
1f9a6e5
feat(toggle/toggletip): cwc controls (#11395)
ariellalgilmore Jan 18, 2024
0770bc4
feat(storybook): updated 5 components to v7 (#11397)
IgnacioBecerra Jan 18, 2024
7a3a48f
feat(pagination): update story to Storybook v7 (#11401)
m4olivei Jan 18, 2024
722a84e
chore(radio-button): update radio-button stories to sb v7 (#11361)
m4olivei Jan 18, 2024
af424d7
feat(tile): update to storybook v7 (#11437)
IgnacioBecerra Jan 24, 2024
83794bf
[carbon-web-components]: popover Storybook 7 update (#11407)
marcelojcs Jan 30, 2024
eb16a29
feat(icon skeleton): storybook update (#11442)
ariellalgilmore Jan 31, 2024
c37386f
fix(wc): build errors (#11398)
ariellalgilmore Feb 7, 2024
7bc80e0
feat(storybook): finalize storybook 7 upgrade (#11480)
IgnacioBecerra Feb 7, 2024
95ef6ff
chore(deps): remove unused deps (#11497)
kennylam Feb 7, 2024
3545094
chore(react): remove react wrappers (#11502)
IgnacioBecerra Feb 13, 2024
749ca03
feat(web-components): upgrade Storybook to v7 (#11598)
kennylam Feb 28, 2024
a356f05
chore(masthead): update v2 documentation (#11239)
jkaeser Jan 11, 2024
83dd006
chore(merge): conflict again with cwc 2.1.0 (#11240)
ariellalgilmore Dec 16, 2023
b5f28e6
chore(deps): update dependency @carbon/pictograms-react to v11.55.0 (…
renovate[bot] Jan 4, 2024
775f96f
feat(modal): with slug (#11247)
ariellalgilmore Dec 20, 2023
e51d2f8
chore(deps): update linting packages (#11248)
kennylam Dec 21, 2023
707e4e0
feat(github-actions): restore workflow for publish masthead v2 alpha …
jkaeser Dec 18, 2023
c0cac3f
fix(github actions): fix ignore flags for deploy-canary workflow (#11…
jeffchew Jan 9, 2024
af6d503
[lightbox-media-viewer]: Auto-open and play media from targeted link …
m4olivei Jan 11, 2024
bf0d894
chore(masthead-v2-alpha): merge alpha dev changes into alpha main (#1…
jkaeser Dec 20, 2023
6d33d5d
fix(cta): feature image duplication issue (#11264)
sangeethababu9223 Jan 10, 2024
38c922a
fix(stackblitz): versions pointing to v2 (#11277)
ariellalgilmore Jan 3, 2024
8846389
fix(package.json): remove node exports field (#11283)
annawen1 Jan 2, 2024
f308419
fix(codesandbox): redirect codesandbox links to main (#11284)
annawen1 Jan 2, 2024
55edf39
fix(slider): sizing issues (#11285)
ariellalgilmore Jan 2, 2024
b1d79ab
fix(radio-button): add missing slot optioin (#11307)
ariellalgilmore Jan 4, 2024
946a984
chore(jest): update karma config (#11309)
kennylam Jan 19, 2024
bd1d2b9
fix(tooltip): tooltip persists issue (#11324)
sangeethababu9223 Jan 11, 2024
e5f26cf
deps(carbon): update icon-react package (#11325)
kennylam Jan 18, 2024
74ab9d0
chore(upgrade): upgrade to Carbon 1.47.0 (#11339)
ibmdotcom-bot Jan 8, 2024
dd9c13a
fix(search-with-typeahead): make eventBeforeRedirect return consisten…
jkaeser Jan 11, 2024
8f0d24c
Determine solution for PUNS implementation (#11378)
deathcave Jan 12, 2024
7bddeee
fix(footer): title not showing in 672 breakpoint specifically (#11396)
bruno-amorim Jan 31, 2024
fffee6e
fix(dropdown): remove excess border of first dropdown element (#11400)
ko1ebayev Feb 2, 2024
5e3e2ad
fix(number-input): fix incorrect controls border for readonly mode (#…
ko1ebayev Jan 19, 2024
baa4bae
feat(masthead): support Contact Module in L1 CTA (#11403)
jkaeser Feb 1, 2024
bc6814d
[Locale API]: Adjust fallback layer logic (#11404)
m4olivei Jan 18, 2024
7becded
chore(deps): update dependency @carbon/icons to v11.33.0 (#11406)
renovate[bot] Jan 19, 2024
066a8a7
chore(deps): Bump follow-redirects from 1.15.2 to 1.15.5 (#11413)
dependabot[bot] Jan 18, 2024
26e74fe
chore(deps): Bump actions/cache from 3 to 4 (#11414)
dependabot[bot] Jan 18, 2024
5600382
fix(data-table): Sorting and expansion doesn't work together (#11416)
sangeethababu9223 Feb 2, 2024
7baed33
chore(package): remove openssl-legacy flag from package.json (#11417)
kennylam Jan 19, 2024
009d524
deps(babel): update `@babel-traverse` to latest (#11419)
kennylam Jan 19, 2024
6503e18
Fix(datatable): setting default sort column doesn't work (#11468)
sangeethababu9223 Feb 1, 2024
9dfc43d
chore(docs): fix CDN URLs in Storybook docs (#11477)
kennylam Feb 1, 2024
3154b5c
docs(events): added missing events to docs (#11479)
IgnacioBecerra Feb 2, 2024
841b4d0
fix(datatable):toolbar bar not displayed with title (#11491)
sangeethababu9223 Feb 6, 2024
c15c09b
fix(code-snippet): multi copy button (#11492)
ariellalgilmore Feb 7, 2024
402ed43
fix(datatable): search not working with uppercase characters in query…
sangeethababu9223 Feb 6, 2024
8730b88
chore(storybook): cwc remove stackblitz iframes from storybook (#11495)
kennylam Feb 7, 2024
cce1aaa
chore(deps): remove unused deps (#11497)
kennylam Feb 7, 2024
cef0f13
chore(sb8): upgrade storybook to v8
kennylam Mar 12, 2024
482f39e
chore(react): remove react wrappers (#11502)
IgnacioBecerra Feb 13, 2024
0fd1351
Notice Choice web component fine tuning (#11515)
deathcave Feb 13, 2024
1d9b76d
fix(footer): locale modal button now working (#11529)
IgnacioBecerra Feb 12, 2024
f91de6d
chore(gh): update GH workflows (#11534)
kennylam Feb 14, 2024
0023af7
fix(file uploader): drag and drop not working (#11536)
sangeethababu9223 Feb 19, 2024
47dbc5e
docs(data-table): update data-table docs (#11541)
kennylam Feb 19, 2024
0f161b1
Fixed countrySettings undefined issue (#11559)
deathcave Feb 28, 2024
0a20358
fix(datatable): is sortable console error (#11568)
sangeethababu9223 Feb 22, 2024
eae2a25
fix(side-nav): update max-block-size; closes #10936 (#11571)
kennylam Feb 23, 2024
5aa4ae9
fix(autoalign): fix autoalign CSB example (#11572)
annawen1 Feb 22, 2024
7f45174
fix(dropdown): visibility of warn-text and invalid-text (#11573)
gyalogmixi Feb 28, 2024
370f15c
fix(masthead): prevent extra space beneath megapanel columns in Safar…
jkaeser Feb 28, 2024
48ceea3
fix(masthead): prevent megamenu tabs closing prematurely in Safari (#…
jkaeser Feb 29, 2024
da69112
chore(actions): node script to post release notifications for PRs (#1…
annawen1 Mar 8, 2024
1787a29
fix(datatable): is sortable not working in table header cell (#11516)
sangeethababu9223 Feb 9, 2024
a0c577c
fix(date picker): detect change range interval console error (#11532)
sangeethababu9223 Feb 28, 2024
9e5a10e
chore(cherry-pick): ebe967c
ariellalgilmore Jan 29, 2024
4d0e6c7
chore(merge): resolve conflicts with date-picker
ariellalgilmore Mar 13, 2024
162191c
fix(remove(slug): extra mdx file
ariellalgilmore Mar 13, 2024
aab2f48
feat(chat-button): experimental wc (#11510)
ariellalgilmore Feb 12, 2024
abdbb40
Merge branch 'chore/sb8-main-merge' of github.com:kennylam/carbon-for…
IgnacioBecerra Mar 13, 2024
3b05c9f
fix(chat-button): updated to sb8
IgnacioBecerra Mar 13, 2024
0e46541
chore(yarn): update yarn cache
IgnacioBecerra Mar 13, 2024
9c6c746
fix(chat-button): update to latest with no icon option (#11577)
ariellalgilmore Feb 29, 2024
efa948f
fix(chat-button): cache update and mdx fix
IgnacioBecerra Mar 13, 2024
76abef1
fix(dotcom-wc): using compatible @carbon/styles versions
IgnacioBecerra Mar 14, 2024
fd81519
test(storybook-8): upgrade
ariellalgilmore Mar 18, 2024
c55e153
chore(vendor): use internal vendor paths
annawen1 Mar 18, 2024
f10e5ef
chore(examples): replacing component examples for stackblitz (#11151)
IgnacioBecerra Dec 20, 2023
f1b1ada
fix(tabs-extended): update authoring structure in stackblitz (#11655)
annawen1 Mar 19, 2024
fb32785
chore(cdn): add CSS grid CDN urls (#11640)
jeffchew Mar 15, 2024
f7a4364
fix(combobox): fix import path for some bundlers (#11639)
m4olivei Mar 19, 2024
4d04791
[combo-box / dropdown] Improve accessibility (#11421)
m4olivei Feb 29, 2024
79e794b
fix(cdn): emit the CSS grid classes in a new artifact cssgrid.css (#1…
jeffchew Mar 15, 2024
92e71a3
chore(docs): udpate cwc readme (#11604)
kennylam Feb 29, 2024
349ef92
fix(content-switcher): get current content-switcher-item on icon clic…
emyarod Mar 1, 2024
297fca5
chore(masthead): integrate enhancements from alpha branch (#11183)
jkaeser Jan 8, 2024
2f8fccf
feat(masthead): support all CMaaS CTA types for L1 CTA (#11597)
jkaeser Mar 5, 2024
e8bcc23
fix(toc): adjust mobile selector, should always be navbar (#11589)
m4olivei Mar 12, 2024
9383bd4
chore(lit): add ?lit suffix to css import
kennylam Mar 20, 2024
b663dd0
chore(css): remove `rtl` artifact builds (#11486)
kennylam Feb 7, 2024
ff26bb2
fix(rtl): add wc storybook rtl cmd back in for testing (#11618)
annawen1 Mar 5, 2024
4cace14
chore(storybook): cwc remove stackblitz iframes from storybook (#11495)
kennylam Feb 7, 2024
870b04a
chore(deps): update linting packages (#11248)
kennylam Dec 21, 2023
c3b89fd
chore(rtl): remove unused docs and deps (#11592)
kennylam Feb 29, 2024
f781c88
feat(masthead): spacing style regression fix and maintainability refa…
jkaeser Jan 11, 2024
0785458
chore(cwc): remove cwc package
kennylam Sep 18, 2024
bfdd80a
Merge branch 'main' of github.com:carbon-design-system/carbon-for-ibm…
kennylam Oct 11, 2024
56cf542
chore(deps): add remark-gfm
kennylam Oct 14, 2024
bd593d9
Merge branch 'main' into chore/sb8-main-merge
m4olivei Dec 20, 2024
d1e0496
chore(storybook): update caem components to import scss correct
m4olivei Dec 20, 2024
0d6c7af
chore(storybook): add back dep that got lost in conflict resolution
m4olivei Dec 20, 2024
ee1cd0b
Merge branch 'main' into chore/sb8-main-merge
m4olivei Dec 30, 2024
3095ee5
chore(callout-quote): update callout-quote to Storybook v8
m4olivei Dec 30, 2024
e47e954
chore(storybook): use @storybook/addon-controls
m4olivei Dec 30, 2024
3a7a7c7
chore(button): quality of life adjustments to button story
m4olivei Dec 30, 2024
f5934bd
chore(callout-with-media): update callout-with-media to Storybook v8
m4olivei Dec 30, 2024
004cad0
docs: add docs on storybook 8 migration
m4olivei Dec 30, 2024
7f7b41c
fix(callout-with-media): fix rendering bugs and tidy
m4olivei Dec 31, 2024
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
Prev Previous commit
Next Next commit
feat(progress-bar): update story to Storybook v7 (#11353)
* chore(progress-bar): update progress-bar stories to sb v7

* chore(progress-bar): remove unused import

---------

Co-authored-by: kennylam <[email protected]>
  • Loading branch information
m4olivei and kennylam authored Jan 10, 2024
commit 785dc783ea7671357a6c36e85f45a8cd8460f742
2 changes: 2 additions & 0 deletions packages/carbon-web-components/.storybook/main.ts
Original file line number Diff line number Diff line change
@@ -26,6 +26,8 @@ const stories = glob.sync(
'../src/**/file-uploader.stories.ts',
'../src/**/overflow-menu.mdx',
'../src/**/overflow-menu.stories.ts',
'../src/**/progress-bar.mdx',
'../src/**/progress-bar.stories.ts',
'../src/**/progress-indicator.mdx',
'../src/**/progress-indicator.stories.ts',
'../src/**/skeleton-placeholder.mdx',

This file was deleted.

Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
import { Props, Description } from '@storybook/addon-docs/blocks';
import { ArgsTable, Meta, Markdown } from '@storybook/addon-docs/blocks';
import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
import * as ProgressBarStories from './progress-bar.stories';

<Meta of={ProgressBarStories} />

# Progress bar

@@ -24,8 +27,8 @@ Here's a quick example to get you started.
import '@carbon/web-components/es/components/progress-bar/index.js';
```

<Description markdown={`${cdnJs({ components: ['progress-bar'] })}`} />
<Description markdown={`${cdnCss()}`} />
<Markdown>{`${cdnJs({ components: ['progress-bar'] })}`}</Markdown>
<Markdown>{`${cdnCss()}`}</Markdown>

### HTML

@@ -58,4 +61,4 @@ Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
`<cds-progress-bar hide-label>`) and `false` means not setting the attribute
(e.g. `<cds-progress-bar>` without `hide-label` attribute).

<Props of="cds-progress-bar" />
<ArgsTable of="cds-progress-bar" />
Original file line number Diff line number Diff line change
@@ -0,0 +1,190 @@
/**
* @license
*
* Copyright IBM Corp. 2019, 2024
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/

import { html } from 'lit';
import { ifDefined } from 'lit/directives/if-defined.js';
import {
PROGRESS_BAR_SIZE,
PROGRESS_BAR_STATUS,
PROGRESS_BAR_TYPE,
} from '../progress-bar/progress-bar';
import './progress-bar';
import '../../../.storybook/templates/with-layer';
import storyDocs from './progress-bar.mdx';

const sizes = {
[`Small size (${PROGRESS_BAR_SIZE.SMALL})`]: PROGRESS_BAR_SIZE.SMALL,
[`Big size (${PROGRESS_BAR_SIZE.BIG})`]: PROGRESS_BAR_SIZE.BIG,
};

const status = {
[`Active (${PROGRESS_BAR_STATUS.ACTIVE})`]: PROGRESS_BAR_STATUS.ACTIVE,
[`Finished (${PROGRESS_BAR_STATUS.FINISHED})`]: PROGRESS_BAR_STATUS.FINISHED,
[`Error (${PROGRESS_BAR_STATUS.ERROR})`]: PROGRESS_BAR_STATUS.ERROR,
};

const types = {
[`Default (${PROGRESS_BAR_TYPE.DEFAULT})`]: PROGRESS_BAR_TYPE.DEFAULT,
[`Inline (${PROGRESS_BAR_TYPE.INLINE})`]: PROGRESS_BAR_TYPE.INLINE,
[`Indented (${PROGRESS_BAR_TYPE.INDENTED})`]: PROGRESS_BAR_TYPE.INDENTED,
};

const args = {
helperText: 'Optional helper text',
hideLabel: false,
label: 'Progress bar label',
max: 100,
size: PROGRESS_BAR_SIZE.BIG,
status: PROGRESS_BAR_STATUS.ACTIVE,
type: PROGRESS_BAR_TYPE.DEFAULT,
value: 75,
};

const argTypes = {
helperText: {
control: 'text',
description: 'The current progress as a textual representation.',
},
hideLabel: {
control: 'boolean',
description: 'Whether the label should be visually hidden.',
},
label: {
control: 'text',
description: 'A label describing the progress bar.',
},
max: {
control: 'number',
description: 'The maximum value.',
},
size: {
control: 'select',
description: 'Specify the size of the progress bar.',
options: sizes,
},
status: {
control: 'select',
description: 'Specify the status.',
options: status,
},
type: {
control: 'select',
description: 'Defines the alignment variant of the progress bar.',
options: types,
},
value: {
control: 'number',
description: 'The current value.',
},
};

export const Default = {
render: () => {
return html`
<cds-progress-bar
label="Progress bar label"
helper-text="Optional helper text"
value="75">
</cds-progress-bar>
`;
},
};

export const Example = {
render: () => {
const size = 728;
let progress = 0;

setTimeout(() => {
const bar = document.querySelector('cds-progress-bar');
const interval = setInterval(() => {
const advancement = Math.random() * 8;
if (progress + advancement < size) {
progress = progress + advancement;
bar!.setAttribute('value', `${progress}`);
bar!.setAttribute(
'helper-text',
`${progress.toFixed(1)}MB of ${size}MB`
);
} else {
clearInterval(interval);
bar!.setAttribute('value', `${size}`);
bar!.setAttribute('status', `${PROGRESS_BAR_STATUS.FINISHED}`);
bar!.setAttribute('helper-text', 'Done');
}
}, 50);
}, 3000);

return html`
<cds-progress-bar
max="${size}"
label="Export data"
helper-text="Fetching assets..."
status="${PROGRESS_BAR_STATUS.ACTIVE}">
</cds-progress-bar>
`;
},
};

export const Indeterminate = {
render: () => {
return html`
<cds-progress-bar
label="Progress bar label"
helper-text="Optional helper text">
</cds-progress-bar>
`;
},
};

export const WithLayer = {
render: () => {
return html`
<sb-template-layers>
<cds-progress-bar
label="Progress bar label"
helper-text="Optional helper text"
value="42">
</cds-progress-bar>
</sb-template-layers>
`;
},
};

export const Playground = {
args,
argTypes,
render: (args) => {
const { helperText, hideLabel, label, max, size, status, type, value } =
args ?? {};
return html`
<cds-progress-bar
max="${ifDefined(max)}"
?hide-label="${hideLabel}"
label="${ifDefined(label)}"
helper-text="${ifDefined(helperText)}"
size="${ifDefined(size)}"
status="${ifDefined(status)}"
type="${ifDefined(type)}"
value="${value}">
</cds-progress-bar>
`;
},
};

const meta = {
title: 'Components/Progress Bar',
parameters: {
docs: {
page: storyDocs,
},
},
};

export default meta;
Loading