@carbon/ibm-products-web-components 0.22.0 → 0.23.0-rc.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/es/components/interstitial-screen/interstitial-screen-body-item.js +2 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.js +15 -16
- package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +1 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.js +9 -4
- package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +2 -1
- package/es/components/interstitial-screen/interstitial-screen-header.js +4 -0
- package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.d.ts +1 -0
- package/es/components/interstitial-screen/interstitial-screen.js +9 -1
- package/es/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es/components/notification-panel/notification-footer.js +3 -2
- package/es/components/notification-panel/notification-footer.js.map +1 -1
- package/es/components/notification-panel/notification.d.ts +1 -7
- package/es/components/notification-panel/notification.js +11 -10
- package/es/components/notification-panel/notification.js.map +1 -1
- package/es/components/options-tile/options-tile.js +3 -2
- package/es/components/options-tile/options-tile.js.map +1 -1
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.js +3 -2
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.js.map +1 -1
- package/es/components/page-header/page-header-scroller.js +5 -4
- package/es/components/page-header/page-header-scroller.js.map +1 -1
- package/es/components/page-header/page-header.test.js +3 -2
- package/es/components/page-header/page-header.test.js.map +1 -1
- package/es/components/side-panel/_story-assets/index.d.ts +3 -0
- package/es/components/side-panel/_story-assets/index.js +63 -5
- package/es/components/side-panel/_story-assets/index.js.map +1 -1
- package/es/components/side-panel/side-panel.d.ts +2 -0
- package/es/components/side-panel/side-panel.js +43 -5
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/side-panel/story-styles.scss.js +1 -1
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/components/user-avatar/user-avatar.d.ts +1 -5
- package/es/components/user-avatar/user-avatar.js +3 -2
- package/es/components/user-avatar/user-avatar.js.map +1 -1
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es/utilities/manageFocusTrap/manageFocusTrap.d.ts +13 -0
- package/es/utilities/manageFocusTrap/manageFocusTrap.js +138 -0
- package/es/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.scss.js +1 -1
- package/es-custom/components/full-page-error/full-page-error.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js +2 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js +15 -16
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +9 -4
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +2 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js +4 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.js +9 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.scss.js +1 -1
- package/es-custom/components/notification-panel/notification-footer.js +3 -2
- package/es-custom/components/notification-panel/notification-footer.js.map +1 -1
- package/es-custom/components/notification-panel/notification-footer.scss.js +1 -1
- package/es-custom/components/notification-panel/notification-panel.scss.js +1 -1
- package/es-custom/components/notification-panel/notification.d.ts +1 -7
- package/es-custom/components/notification-panel/notification.js +11 -10
- package/es-custom/components/notification-panel/notification.js.map +1 -1
- package/es-custom/components/notification-panel/notification.scss.js +1 -1
- package/es-custom/components/options-tile/options-tile.js +3 -2
- package/es-custom/components/options-tile/options-tile.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.scss.js +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.js +3 -2
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.js.map +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es-custom/components/page-header/page-header-scroller.js +5 -4
- package/es-custom/components/page-header/page-header-scroller.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/page-header/page-header.test.js +3 -2
- package/es-custom/components/page-header/page-header.test.js.map +1 -1
- package/es-custom/components/side-panel/_story-assets/index.d.ts +3 -0
- package/es-custom/components/side-panel/_story-assets/index.js +63 -5
- package/es-custom/components/side-panel/_story-assets/index.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.d.ts +2 -0
- package/es-custom/components/side-panel/side-panel.js +43 -5
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/side-panel/story-styles.scss.js +1 -1
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/components/truncated-text/truncated-text.scss.js +1 -1
- package/es-custom/components/user-avatar/user-avatar.d.ts +1 -5
- package/es-custom/components/user-avatar/user-avatar.js +3 -2
- package/es-custom/components/user-avatar/user-avatar.js.map +1 -1
- package/es-custom/components/user-avatar/user-avatar.scss.js +1 -1
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/utilities/manageFocusTrap/manageFocusTrap.d.ts +13 -0
- package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js +138 -0
- package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -0
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +1 -0
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +2 -1
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +1 -0
- package/lib/components/notification-panel/notification.d.ts +1 -7
- package/lib/components/side-panel/_story-assets/index.d.ts +3 -0
- package/lib/components/side-panel/side-panel.d.ts +2 -0
- package/lib/components/user-avatar/user-avatar.d.ts +1 -5
- package/lib/utilities/manageFocusTrap/manageFocusTrap.d.ts +13 -0
- package/package.json +9 -7
- package/scss/components/side-panel/side-panel.scss +5 -0
- package/telemetry.yml +164 -1
- package/scss/components/about-modal/story-styles.scss +0 -34
- package/scss/components/api-key-modal/story-styles.scss +0 -10
- package/scss/components/full-page-error/story-styles.scss +0 -24
- package/scss/components/import-modal/story-styles.scss +0 -10
- package/scss/components/interstitial-screen/story-styles.scss +0 -27
- package/scss/components/notification-panel/story-styles.scss +0 -116
- package/scss/components/options-tile/story-styles.scss +0 -21
- package/scss/components/side-panel/story-styles.scss +0 -47
- package/scss/components/tearsheet/story-styles.scss +0 -21
- package/scss/components/truncated-text/story-styles.scss +0 -14
- package/scss/components/user-avatar/story-styles.scss +0 -10
@@ -1,24 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Copyright IBM Corp. 2025, 2025
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
|
8
|
-
@use '@carbon/styles/scss/theme' as *;
|
9
|
-
|
10
|
-
$story-prefix: 'full-page-error-stories__';
|
11
|
-
|
12
|
-
.#{$story-prefix}story-container {
|
13
|
-
position: fixed;
|
14
|
-
display: grid;
|
15
|
-
block-size: 100vh;
|
16
|
-
grid-template-rows: 3rem 1fr;
|
17
|
-
inline-size: 100vw;
|
18
|
-
inset-block-start: 0;
|
19
|
-
inset-inline-start: 0;
|
20
|
-
}
|
21
|
-
|
22
|
-
.#{$story-prefix}story-header {
|
23
|
-
background: $background-inverse;
|
24
|
-
}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Copyright IBM Corp. 2025, 2025
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
@use '@carbon/styles/scss/theme' as *;
|
8
|
-
@use '@carbon/styles/scss/spacing' as *;
|
9
|
-
|
10
|
-
$story-prefix: 'import-modal-stories__';
|
@@ -1,27 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @license
|
3
|
-
*
|
4
|
-
* Copyright IBM Corp. 2025
|
5
|
-
*
|
6
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
8
|
-
*/
|
9
|
-
|
10
|
-
@use '@carbon/styles/scss/spacing' as *;
|
11
|
-
@use '@carbon/styles/scss/type';
|
12
|
-
|
13
|
-
$interstitial-block-class: #{c4p}--interstitial-screen;
|
14
|
-
$block-class: #{c4p}--interstitial-screen-view-module;
|
15
|
-
|
16
|
-
.#{$block-class}--enableTag {
|
17
|
-
margin-block-start: $spacing-07;
|
18
|
-
}
|
19
|
-
|
20
|
-
.#{$block-class} {
|
21
|
-
margin-block: $spacing-07;
|
22
|
-
}
|
23
|
-
.#{$block-class}--heading {
|
24
|
-
@include type.type-style('heading-05');
|
25
|
-
|
26
|
-
margin-block-end: $spacing-07;
|
27
|
-
}
|
@@ -1,116 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Copyright IBM Corp. 2023, 2024
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
@use '@carbon/styles/scss/theme' as *;
|
8
|
-
@use '@carbon/styles/scss/spacing' as *;
|
9
|
-
@use '@carbon/styles/scss/type';
|
10
|
-
@use '@carbon/styles/scss/motion' as *;
|
11
|
-
@use '@carbon/type/scss/font-family' as *;
|
12
|
-
|
13
|
-
$prefix: 'c4p';
|
14
|
-
$carbon-prefix: 'cds';
|
15
|
-
$story-prefix: #{$prefix}--notifications-panel__story;
|
16
|
-
$block-class: #{$prefix}--notifications-panel;
|
17
|
-
|
18
|
-
.#{$story-prefix}__story-container {
|
19
|
-
position: fixed;
|
20
|
-
display: grid;
|
21
|
-
block-size: 100vh;
|
22
|
-
grid-template-rows: 3rem 1fr;
|
23
|
-
inline-size: 100vw;
|
24
|
-
inset-block-start: 0;
|
25
|
-
inset-inline-start: 0;
|
26
|
-
}
|
27
|
-
.#{$story-prefix}body-content {
|
28
|
-
display: flex;
|
29
|
-
flex-direction: column;
|
30
|
-
padding: $spacing-05;
|
31
|
-
gap: $spacing-05;
|
32
|
-
}
|
33
|
-
|
34
|
-
.#{$story-prefix}text-inputs {
|
35
|
-
display: flex;
|
36
|
-
gap: $spacing-05;
|
37
|
-
|
38
|
-
> * {
|
39
|
-
flex-basis: 50%;
|
40
|
-
}
|
41
|
-
}
|
42
|
-
|
43
|
-
.#{$story-prefix}story-container {
|
44
|
-
position: fixed;
|
45
|
-
display: grid;
|
46
|
-
block-size: 100vh;
|
47
|
-
grid-template-rows: 3rem 1fr;
|
48
|
-
inline-size: 100vw;
|
49
|
-
inset-block-start: 0;
|
50
|
-
inset-inline-start: 0;
|
51
|
-
}
|
52
|
-
|
53
|
-
.#{$story-prefix}story-header {
|
54
|
-
background: $background-inverse;
|
55
|
-
}
|
56
|
-
|
57
|
-
.#{$story-prefix}story-content {
|
58
|
-
position: relative;
|
59
|
-
display: flex;
|
60
|
-
align-items: center;
|
61
|
-
justify-content: center;
|
62
|
-
}
|
63
|
-
|
64
|
-
.#{$story-prefix}__header-panel {
|
65
|
-
padding: $spacing-10 $spacing-05 0;
|
66
|
-
font-weight: bold;
|
67
|
-
line-height: 1.4;
|
68
|
-
text-align: center;
|
69
|
-
}
|
70
|
-
.#{$block-class}__notification-description {
|
71
|
-
@include type.type-style('label-01');
|
72
|
-
|
73
|
-
color: $text-secondary;
|
74
|
-
}
|
75
|
-
|
76
|
-
.#{$block-class}__notification-read-more-button,
|
77
|
-
.#{$block-class}__notification-read-less-button {
|
78
|
-
@include type.type-style('label-01');
|
79
|
-
|
80
|
-
display: flex;
|
81
|
-
align-items: center;
|
82
|
-
padding: 0;
|
83
|
-
min-inline-size: 5.5rem;
|
84
|
-
|
85
|
-
.#{carbon-prefix}--btn__icon {
|
86
|
-
// stylelint-disable-next-line carbon/motion-easing-use
|
87
|
-
transition: transform $duration-moderate-02 ease;
|
88
|
-
/* stylelint-disable-next-line max-nesting-depth */
|
89
|
-
@media (prefers-reduced-motion: reduce) {
|
90
|
-
transition: none;
|
91
|
-
}
|
92
|
-
}
|
93
|
-
&.#{$block-class}__notification-read-more-button {
|
94
|
-
.#{$carbon-prefix}--btn__icon {
|
95
|
-
transform: rotate(0deg);
|
96
|
-
}
|
97
|
-
}
|
98
|
-
&.#{$block-class}__notification-read-less-button {
|
99
|
-
.#{$carbon-prefix}--btn__icon {
|
100
|
-
transform: rotate(180deg);
|
101
|
-
}
|
102
|
-
}
|
103
|
-
}
|
104
|
-
.#{$block-class}__notification-title {
|
105
|
-
@include type.type-style('heading-01');
|
106
|
-
|
107
|
-
color: $text-secondary;
|
108
|
-
margin-block-end: $spacing-02;
|
109
|
-
@include font-weight('regular');
|
110
|
-
}
|
111
|
-
|
112
|
-
.#{$block-class}__notification-title-unread {
|
113
|
-
color: $text-secondary;
|
114
|
-
margin-block-end: $spacing-02;
|
115
|
-
@include font-weight('semibold');
|
116
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Copyright IBM Corp. 2025
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
|
8
|
-
@use '@carbon/styles/scss/type';
|
9
|
-
@use '@carbon/styles/scss/spacing' as *;
|
10
|
-
|
11
|
-
.options-tile {
|
12
|
-
&__body p {
|
13
|
-
@include type.type-style('body-01');
|
14
|
-
|
15
|
-
margin-block-end: $spacing-05;
|
16
|
-
}
|
17
|
-
|
18
|
-
&__dropdown:first-of-type {
|
19
|
-
margin-block-end: $spacing-05;
|
20
|
-
}
|
21
|
-
}
|
@@ -1,47 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Copyright IBM Corp. 2023, 2024
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
@use '@carbon/styles/scss/theme' as *;
|
8
|
-
@use '@carbon/styles/scss/spacing' as *;
|
9
|
-
|
10
|
-
$story-prefix: 'side-panel-stories__';
|
11
|
-
|
12
|
-
.#{$story-prefix}body-content {
|
13
|
-
display: flex;
|
14
|
-
flex-direction: column;
|
15
|
-
padding: $spacing-05;
|
16
|
-
gap: $spacing-05;
|
17
|
-
}
|
18
|
-
|
19
|
-
.#{$story-prefix}text-inputs {
|
20
|
-
display: flex;
|
21
|
-
gap: $spacing-05;
|
22
|
-
|
23
|
-
> * {
|
24
|
-
flex-basis: 50%;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
|
28
|
-
.#{$story-prefix}story-container {
|
29
|
-
position: fixed;
|
30
|
-
display: grid;
|
31
|
-
block-size: 100vh;
|
32
|
-
grid-template-rows: 3rem 1fr;
|
33
|
-
inline-size: 100vw;
|
34
|
-
inset-block-start: 0;
|
35
|
-
inset-inline-start: 0;
|
36
|
-
}
|
37
|
-
|
38
|
-
.#{$story-prefix}story-header {
|
39
|
-
background: $background-inverse;
|
40
|
-
}
|
41
|
-
|
42
|
-
.#{$story-prefix}story-content {
|
43
|
-
position: relative;
|
44
|
-
display: flex;
|
45
|
-
align-items: center;
|
46
|
-
justify-content: center;
|
47
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Copyright IBM Corp. 2023, 2024
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
@use '@carbon/styles/scss/spacing' as *;
|
8
|
-
@use '@carbon/styles/scss/config' as *;
|
9
|
-
|
10
|
-
$story-prefix: 'tearsheet-stories';
|
11
|
-
|
12
|
-
#page-content-selector {
|
13
|
-
position: absolute;
|
14
|
-
z-index: 9999;
|
15
|
-
inset-block-start: 0;
|
16
|
-
inset-inline-start: 0;
|
17
|
-
}
|
18
|
-
|
19
|
-
.#{$story-prefix}__tabs .#{$prefix}--tab-content {
|
20
|
-
display: none;
|
21
|
-
}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Copyright IBM Corp. 2025
|
3
|
-
//
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
6
|
-
//
|
7
|
-
@use '@carbon/styles/scss/type';
|
8
|
-
|
9
|
-
.truncated-text-stories__viewport {
|
10
|
-
@include type.type-style('body-01');
|
11
|
-
|
12
|
-
inline-size: 100%;
|
13
|
-
max-inline-size: 900px;
|
14
|
-
}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Copyright IBM Corp. 2025, 2025
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
@use '@carbon/styles/scss/theme' as *;
|
8
|
-
@use '@carbon/styles/scss/spacing' as *;
|
9
|
-
|
10
|
-
$story-prefix: 'user-avatar-stories__';
|