@carbon/ibm-products-web-components 0.3.0-canary.37 → 0.3.0-canary.45

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.
Files changed (3) hide show
  1. package/es/packages/ibm-products-web-components/package.json.js +9 -9
  2. package/package.json +12 -12
  3. package/src/components/side-panel/side-panel.stories.ts +18 -18
package/es/packages/ibm-products-web-components/package.json.js CHANGED
@@ -69,14 +69,14 @@ var devDependencies = {
69
69
  "@rollup/plugin-json": "^6.1.0",
70
70
  "@rollup/plugin-node-resolve": "^15.3.0",
71
71
  "@rollup/plugin-typescript": "^12.1.1",
72
- "@storybook/addon-essentials": "^8.3.6",
73
- "@storybook/addon-links": "^8.3.6",
74
- "@storybook/addon-storysource": "^8.3.6",
75
- "@storybook/addon-toolbars": "^8.3.6",
76
- "@storybook/blocks": "^8.3.6",
77
- "@storybook/theming": "^8.3.6",
78
- "@storybook/web-components": "^8.3.6",
79
- "@storybook/web-components-vite": "^8.3.6",
72
+ "@storybook/addon-essentials": "^8.4.5",
73
+ "@storybook/addon-links": "^8.4.5",
74
+ "@storybook/addon-storysource": "^8.4.5",
75
+ "@storybook/addon-toolbars": "^8.4.5",
76
+ "@storybook/blocks": "^8.4.5",
77
+ "@storybook/theming": "^8.4.5",
78
+ "@storybook/web-components": "^8.4.5",
79
+ "@storybook/web-components-vite": "^8.4.5",
80
80
  "@types/jest": "^29.5.13",
81
81
  "@vitest/browser": "latest",
82
82
  "@vitest/ui": "latest",
@@ -92,7 +92,7 @@ var devDependencies = {
92
92
  rollup: "^4.27.3",
93
93
  "rollup-plugin-copy": "^3.5.0",
94
94
  sass: "^1.80.6",
95
- storybook: "^8.2.8",
95
+ storybook: "^8.4.5",
96
96
  "storybook-addon-accessibility-checker": "^3.1.61-rc.3",
97
97
  typescript: "^5.5.3",
98
98
  vite: "^5.4.1",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products-web-components",
3
3
  "description": "Carbon for IBM Products Web Components",
4
- "version": "0.3.0-canary.37+f716852c9",
4
+ "version": "0.3.0-canary.45+05f6f95f8",
5
5
  "license": "Apache-2.0",
6
6
  "main": "es/index.js",
7
7
  "module": "es/index.js",
@@ -49,7 +49,7 @@
49
49
  "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
50
50
  },
51
51
  "dependencies": {
52
- "@carbon/ibm-products-styles": "^2.50.0-canary.37+f716852c9",
52
+ "@carbon/ibm-products-styles": "^2.51.0-rc.0",
53
53
  "@carbon/styles": "1.69.0",
54
54
  "@carbon/web-components": "2.17.0",
55
55
  "lit": "^3.1.0"
@@ -63,14 +63,14 @@
63
63
  "@rollup/plugin-json": "^6.1.0",
64
64
  "@rollup/plugin-node-resolve": "^15.3.0",
65
65
  "@rollup/plugin-typescript": "^12.1.1",
66
- "@storybook/addon-essentials": "^8.3.6",
67
- "@storybook/addon-links": "^8.3.6",
68
- "@storybook/addon-storysource": "^8.3.6",
69
- "@storybook/addon-toolbars": "^8.3.6",
70
- "@storybook/blocks": "^8.3.6",
71
- "@storybook/theming": "^8.3.6",
72
- "@storybook/web-components": "^8.3.6",
73
- "@storybook/web-components-vite": "^8.3.6",
66
+ "@storybook/addon-essentials": "^8.4.5",
67
+ "@storybook/addon-links": "^8.4.5",
68
+ "@storybook/addon-storysource": "^8.4.5",
69
+ "@storybook/addon-toolbars": "^8.4.5",
70
+ "@storybook/blocks": "^8.4.5",
71
+ "@storybook/theming": "^8.4.5",
72
+ "@storybook/web-components": "^8.4.5",
73
+ "@storybook/web-components-vite": "^8.4.5",
74
74
  "@types/jest": "^29.5.13",
75
75
  "@vitest/browser": "latest",
76
76
  "@vitest/ui": "latest",
@@ -86,12 +86,12 @@
86
86
  "rollup": "^4.27.3",
87
87
  "rollup-plugin-copy": "^3.5.0",
88
88
  "sass": "^1.80.6",
89
- "storybook": "^8.2.8",
89
+ "storybook": "^8.4.5",
90
90
  "storybook-addon-accessibility-checker": "^3.1.61-rc.3",
91
91
  "typescript": "^5.5.3",
92
92
  "vite": "^5.4.1",
93
93
  "vitest": "^2.1.2",
94
94
  "web-component-analyzer": "2.0.0"
95
95
  },
96
- "gitHead": "f716852c979a0b9556e853fad7e7a7774b4c6579"
96
+ "gitHead": "05f6f95f8359382f7249aa7c41fa6b6756ebb53a"
97
97
  }
package/src/components/side-panel/side-panel.stories.ts CHANGED
@@ -303,15 +303,15 @@ const getSlug = (index) => {
303
303
 
304
304
  const defaultTemplate = {
305
305
  args: {
306
- actionItems: getActionItems(1),
307
- actionToolbarItems: getActionToolbarItems(0),
306
+ actionItems: 1,
307
+ actionToolbarItems: 0,
308
308
  animateTitle: true,
309
309
  class: 'a-user-class',
310
310
  closeIconDescription: 'Close panel',
311
311
  condensedActions: false,
312
- content: getContent(2),
312
+ content: 2,
313
313
  includeOverlay: true,
314
- label: getLabel(2),
314
+ label: 2,
315
315
  open: false,
316
316
  placement: SIDE_PANEL_PLACEMENT.RIGHT,
317
317
  preventCloseOnClickOutside: false,
@@ -319,8 +319,8 @@ const defaultTemplate = {
319
319
  selectorInitialFocus: '#side-panel-story-text-input-a',
320
320
  size: SIDE_PANEL_SIZE.MEDIUM,
321
321
  slideIn: false,
322
- slug: getSlug(0),
323
- subtitle: getSubTitle(1),
322
+ slug: 0,
323
+ subtitle: 1,
324
324
  title:
325
325
  'This title is testing a very long title to see how this behaves with a longer title. It needs to be long enough to trigger overflow when collapsed.',
326
326
  },
@@ -424,7 +424,7 @@ const defaultTemplate = {
424
424
  current-step="0"
425
425
  ?include-overlay=${args.includeOverlay && !args.slideIn}
426
426
  selector-initial-focus=${args.selectorInitialFocus}
427
- label-text="${args.label}"
427
+ label-text="${getLabel(args.label)}"
428
428
  ?open=${args.open}
429
429
  placement=${args.placement}
430
430
  ?prevent-close-on-click-outside=${args.preventCloseOnClickOutside}
@@ -435,20 +435,20 @@ const defaultTemplate = {
435
435
  @c4p-side-panel-navigate-back=${prevStep}
436
436
  >
437
437
  <!-- default slotted content -->
438
- ${args.content}
438
+ ${getContent(args.content)}
439
439
  <cds-button @click="${nextStep}">Step two</cds-button>
440
440
 
441
441
  <!-- slotted subtitle slotted content -->
442
- ${args.subtitle}
442
+ ${getSubTitle(args.subtitle)}
443
443
 
444
444
  <!-- slotted action toolbar cds-buttons -->
445
- ${args.actionToolbarItems}
445
+ ${getActionToolbarItems(args.actionToolbarItems)}
446
446
 
447
447
  <!-- slotted action items cds-buttons -->
448
- ${args.actionItems}
448
+ ${getActionItems(args.actionItems)}
449
449
 
450
450
  <!-- slotted slug -->
451
- ${args.slug}
451
+ ${getSlug(args.slug)}
452
452
  </c4p-side-panel>
453
453
  `;
454
454
  },
@@ -470,7 +470,7 @@ export const WithActionToolbar = {
470
470
  ...defaultTemplate,
471
471
  args: {
472
472
  ...defaultTemplate.args,
473
- actionToolbarItems: getActionToolbarItems(1),
473
+ actionToolbarItems: 1,
474
474
  },
475
475
  };
476
476
 
@@ -479,7 +479,7 @@ export const SpecifyElementToHaveFocus = {
479
479
  args: {
480
480
  ...defaultTemplate.args,
481
481
  focusSelector: '#side-panel-story-text-input-a',
482
- label: getLabel(0),
482
+ label: 0,
483
483
  },
484
484
  argTypes: {
485
485
  ...defaultTemplate.argTypes,
@@ -495,7 +495,7 @@ export const WithStaticTitle = {
495
495
  args: {
496
496
  ...defaultTemplate.args,
497
497
  animateTitle: false,
498
- label: getLabel(0),
498
+ label: 0,
499
499
  },
500
500
  };
501
501
 
@@ -503,9 +503,9 @@ export const WithStaticTitleAndActionToolbar = {
503
503
  ...defaultTemplate,
504
504
  args: {
505
505
  ...defaultTemplate.args,
506
- actionToolbarItems: getActionToolbarItems(1),
506
+ actionToolbarItems: 1,
507
507
  animateTitle: false,
508
- label: getLabel(0),
508
+ label: 0,
509
509
  },
510
510
  };
511
511
 
@@ -513,7 +513,7 @@ export const WithoutTitle = {
513
513
  ...defaultTemplate,
514
514
  args: {
515
515
  ...defaultTemplate.args,
516
- label: getLabel(0),
516
+ label: 0,
517
517
  title: '',
518
518
  },
519
519
  };