@carbon/ibm-products-web-components 0.45.0 → 0.46.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/custom-elements.json +494 -19
- package/es/components/add-select/add-select-body.d.ts +15 -10
- package/es/components/add-select/add-select-body.d.ts.map +1 -1
- package/es/components/add-select/add-select-body.js +95 -73
- package/es/components/add-select/add-select-body.js.map +1 -1
- package/es/components/add-select/add-select-body.scss.js +1 -1
- package/es/components/add-select/add-select-body.scss.js.map +1 -1
- package/es/components/add-select/add-select-column.d.ts +83 -0
- package/es/components/add-select/add-select-column.d.ts.map +1 -0
- package/es/components/add-select/add-select-column.js +217 -0
- package/es/components/add-select/add-select-column.js.map +1 -0
- package/es/components/add-select/add-select-column.scss.js +14 -0
- package/es/components/add-select/add-select-column.scss.js.map +1 -0
- package/es/components/add-select/add-select-item-panel.d.ts +58 -0
- package/es/components/add-select/add-select-item-panel.d.ts.map +1 -0
- package/es/components/add-select/add-select-item-panel.js +162 -0
- package/es/components/add-select/add-select-item-panel.js.map +1 -0
- package/es/components/add-select/add-select-item-panel.scss.js +14 -0
- package/es/components/add-select/add-select-item-panel.scss.js.map +1 -0
- package/es/components/add-select/add-select-row.d.ts +42 -2
- package/es/components/add-select/add-select-row.d.ts.map +1 -1
- package/es/components/add-select/add-select-row.js +143 -23
- package/es/components/add-select/add-select-row.js.map +1 -1
- package/es/components/add-select/add-select-row.scss.js +1 -1
- package/es/components/add-select/add-select-row.scss.js.map +1 -1
- package/es/components/add-select/add-select-selection-summary-item.d.ts +64 -0
- package/es/components/add-select/add-select-selection-summary-item.d.ts.map +1 -0
- package/es/components/add-select/add-select-selection-summary-item.js +279 -0
- package/es/components/add-select/add-select-selection-summary-item.js.map +1 -0
- package/es/components/add-select/add-select-selection-summary-item.scss.js +14 -0
- package/es/components/add-select/add-select-selection-summary-item.scss.js.map +1 -0
- package/es/components/add-select/add-select-selection-summary.d.ts +48 -0
- package/es/components/add-select/add-select-selection-summary.d.ts.map +1 -0
- package/es/components/add-select/add-select-selection-summary.js +118 -0
- package/es/components/add-select/add-select-selection-summary.js.map +1 -0
- package/es/components/add-select/add-select-selection-summary.scss.js +14 -0
- package/es/components/add-select/add-select-selection-summary.scss.js.map +1 -0
- package/es/components/add-select/add-select.scss.js +1 -1
- package/es/components/add-select/index.d.ts +4 -1
- package/es/components/add-select/index.d.ts.map +1 -1
- package/es/components/add-select/index.js +4 -1
- package/es/components/coachmark/coachmark-header.js +2 -2
- package/es/components/coachmark/coachmark-header.js.map +1 -1
- package/es/components/edit-in-place/edit-in-place.js +2 -2
- package/es/components/edit-in-place/edit-in-place.js.map +1 -1
- package/es/components/guide-banner/guide-banner.js +2 -2
- package/es/components/guide-banner/guide-banner.js.map +1 -1
- package/es/components/notification-panel/notification.js +2 -2
- package/es/components/notification-panel/notification.js.map +1 -1
- package/es/components/side-panel/side-panel.js +2 -2
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/ibm-products-utilities/src/utils/add-select/add-select-data.js.map +1 -1
- package/es/ibm-products-web-components/package.js +1 -1
- package/es-custom/components/add-select/add-select-body.js +95 -73
- package/es-custom/components/add-select/add-select-body.js.map +1 -1
- package/es-custom/components/add-select/add-select-body.scss.js +1 -1
- package/es-custom/components/add-select/add-select-body.scss.js.map +1 -1
- package/es-custom/components/add-select/add-select-column.js +217 -0
- package/es-custom/components/add-select/add-select-column.js.map +1 -0
- package/es-custom/components/add-select/add-select-column.scss.js +14 -0
- package/es-custom/components/add-select/add-select-column.scss.js.map +1 -0
- package/es-custom/components/add-select/add-select-item-panel.js +162 -0
- package/es-custom/components/add-select/add-select-item-panel.js.map +1 -0
- package/es-custom/components/add-select/add-select-item-panel.scss.js +14 -0
- package/es-custom/components/add-select/add-select-item-panel.scss.js.map +1 -0
- package/es-custom/components/add-select/add-select-row.js +143 -23
- package/es-custom/components/add-select/add-select-row.js.map +1 -1
- package/es-custom/components/add-select/add-select-row.scss.js +1 -1
- package/es-custom/components/add-select/add-select-row.scss.js.map +1 -1
- package/es-custom/components/add-select/add-select-selection-summary-item.js +279 -0
- package/es-custom/components/add-select/add-select-selection-summary-item.js.map +1 -0
- package/es-custom/components/add-select/add-select-selection-summary-item.scss.js +14 -0
- package/es-custom/components/add-select/add-select-selection-summary-item.scss.js.map +1 -0
- package/es-custom/components/add-select/add-select-selection-summary.js +118 -0
- package/es-custom/components/add-select/add-select-selection-summary.js.map +1 -0
- package/es-custom/components/add-select/add-select-selection-summary.scss.js +14 -0
- package/es-custom/components/add-select/add-select-selection-summary.scss.js.map +1 -0
- package/es-custom/components/add-select/add-select.scss.js +1 -1
- package/es-custom/components/add-select/index.js +4 -1
- package/es-custom/components/coachmark/coachmark-header.js +2 -2
- package/es-custom/components/coachmark/coachmark-header.js.map +1 -1
- package/es-custom/components/edit-in-place/edit-in-place.js +2 -2
- package/es-custom/components/edit-in-place/edit-in-place.js.map +1 -1
- package/es-custom/components/guide-banner/guide-banner.js +2 -2
- package/es-custom/components/guide-banner/guide-banner.js.map +1 -1
- package/es-custom/components/notification-panel/notification.js +2 -2
- package/es-custom/components/notification-panel/notification.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.js +2 -2
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/ibm-products-utilities/src/utils/add-select/add-select-data.js.map +1 -1
- package/es-custom/ibm-products-web-components/package.js +1 -1
- package/lib/components/add-select/add-select-body.d.ts +15 -10
- package/lib/components/add-select/add-select-body.d.ts.map +1 -1
- package/lib/components/add-select/add-select-column.d.ts +83 -0
- package/lib/components/add-select/add-select-column.d.ts.map +1 -0
- package/lib/components/add-select/add-select-item-panel.d.ts +58 -0
- package/lib/components/add-select/add-select-item-panel.d.ts.map +1 -0
- package/lib/components/add-select/add-select-row.d.ts +42 -2
- package/lib/components/add-select/add-select-row.d.ts.map +1 -1
- package/lib/components/add-select/add-select-selection-summary-item.d.ts +64 -0
- package/lib/components/add-select/add-select-selection-summary-item.d.ts.map +1 -0
- package/lib/components/add-select/add-select-selection-summary.d.ts +48 -0
- package/lib/components/add-select/add-select-selection-summary.d.ts.map +1 -0
- package/lib/components/add-select/index.d.ts +4 -1
- package/lib/components/add-select/index.d.ts.map +1 -1
- package/package.json +7 -6
- package/scss/components/add-select/add-select-body.scss +36 -4
- package/scss/components/add-select/add-select-column.scss +81 -0
- package/scss/components/add-select/add-select-item-panel.scss +85 -0
- package/scss/components/add-select/add-select-row.scss +76 -9
- package/scss/components/add-select/add-select-selection-summary-item.scss +227 -0
- package/scss/components/add-select/add-select-selection-summary.scss +58 -0
- package/telemetry.yml +34 -5
- package/es/components/add-select/add-select-content.d.ts +0 -57
- package/es/components/add-select/add-select-content.d.ts.map +0 -1
- package/es/components/add-select/add-select-content.js +0 -188
- package/es/components/add-select/add-select-content.js.map +0 -1
- package/es/components/add-select/add-select-content.scss.js +0 -14
- package/es/components/add-select/add-select-content.scss.js.map +0 -1
- package/es-custom/components/add-select/add-select-content.js +0 -188
- package/es-custom/components/add-select/add-select-content.js.map +0 -1
- package/es-custom/components/add-select/add-select-content.scss.js +0 -14
- package/es-custom/components/add-select/add-select-content.scss.js.map +0 -1
- package/lib/components/add-select/add-select-content.d.ts +0 -57
- package/lib/components/add-select/add-select-content.d.ts.map +0 -1
- package/scss/components/add-select/add-select-content.scss +0 -42
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2020, 2026
|
|
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
|
-
import { css } from "lit";
|
|
9
|
-
//#region src/components/add-select/add-select-content.scss?lit
|
|
10
|
-
var add_select_content_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-custom-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-custom-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds-custom--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616);display:block;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-custom-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-custom-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-custom-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-custom-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-custom-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-custom-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item-default{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item-default-title{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-default-subtitle{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds-custom--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}:host(c4p-add-select-content){display:block}:host(c4p-add-select-content) .c4p--add-select__next-list{display:flex;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){:host(c4p-add-select-content) .c4p--add-select__next-list{overflow-block:auto}}:host(c4p-add-select-content) .c4p--add-select__next-list:focus{outline:none}:host(c4p-add-select-content) .c4p--add-select__next-list-body{display:flex;flex-direction:column}"]);
|
|
11
|
-
//#endregion
|
|
12
|
-
export { add_select_content_default as default };
|
|
13
|
-
|
|
14
|
-
//# sourceMappingURL=add-select-content.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"add-select-content.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-content.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n$css--plex: true !default;\n\n/* Carbon and IBM Products styles */\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/spacing' as *;\n\n$prefix: 'c4p';\n\n/* Import shared AddSelect composable/next styles from ibm-products-styles */\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as *;\n\n/* Web Component specific overrides */\n:host(#{$prefix}-add-select-content) {\n display: block;\n\n /* Apply shared styles within shadow DOM */\n .#{$block-class__next}-list {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n @supports (overflow-block: auto) {\n overflow-block: auto;\n }\n\n &:focus {\n outline: none;\n }\n }\n\n .#{$block-class__next}-list-body {\n display: flex;\n flex-direction: column;\n }\n}\n"],"mappings":""}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
*
|
|
4
|
-
* Copyright IBM Corp. 2026
|
|
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
|
-
import { LitElement } from 'lit';
|
|
10
|
-
/**
|
|
11
|
-
* Add Select Content component - contains the list of selectable items
|
|
12
|
-
* @element c4p-add-select-content
|
|
13
|
-
* @slot default - Contains c4p-add-select-row components
|
|
14
|
-
*/
|
|
15
|
-
declare class CDSAddSelectContent extends LitElement {
|
|
16
|
-
/**
|
|
17
|
-
* Whether this is a multi-select list (inherited from parent c4p-add-select)
|
|
18
|
-
* @private
|
|
19
|
-
*/
|
|
20
|
-
private get _multi();
|
|
21
|
-
/**
|
|
22
|
-
* Current focused item index
|
|
23
|
-
*/
|
|
24
|
-
private _focusedIndex;
|
|
25
|
-
/**
|
|
26
|
-
* Track if user has interacted with keyboard navigation
|
|
27
|
-
*/
|
|
28
|
-
private _hasKeyboardInteraction;
|
|
29
|
-
/**
|
|
30
|
-
* Get all item elements
|
|
31
|
-
*/
|
|
32
|
-
private _getItems;
|
|
33
|
-
/**
|
|
34
|
-
* Update focus on items - only one item should have tabindex="0"
|
|
35
|
-
*/
|
|
36
|
-
private _updateItemFocus;
|
|
37
|
-
/**
|
|
38
|
-
* Handle keyboard navigation
|
|
39
|
-
*/
|
|
40
|
-
private _handleKeyDown;
|
|
41
|
-
/**
|
|
42
|
-
* Initialize focus management after first update
|
|
43
|
-
*/
|
|
44
|
-
firstUpdated(): void;
|
|
45
|
-
/**
|
|
46
|
-
* Handle slot change to update focus management
|
|
47
|
-
*/
|
|
48
|
-
private _handleSlotChange;
|
|
49
|
-
/**
|
|
50
|
-
* Update lifecycle - ensure focus is maintained when items change
|
|
51
|
-
*/
|
|
52
|
-
updated(changedProperties: Map<string, any>): void;
|
|
53
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
54
|
-
static styles: any;
|
|
55
|
-
}
|
|
56
|
-
export default CDSAddSelectContent;
|
|
57
|
-
//# sourceMappingURL=add-select-content.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"add-select-content.d.ts","sourceRoot":"","sources":["../../../src/components/add-select/add-select-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C;;;OAGG;IACH,OAAO,KAAK,MAAM,GAGjB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAAS;IAExC;;OAEG;IACH,OAAO,CAAC,SAAS;IAYjB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAqBxB;;OAEG;IACH,OAAO,CAAC,cAAc;IAgGtB;;OAEG;IACH,YAAY;IAKZ;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAiB3C,MAAM;IAyBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2026
|
|
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
|
-
$css--plex: true !default;
|
|
9
|
-
|
|
10
|
-
/* Carbon and IBM Products styles */
|
|
11
|
-
@use '@carbon/styles/scss/theme' as *;
|
|
12
|
-
@use '@carbon/styles/scss/spacing' as *;
|
|
13
|
-
|
|
14
|
-
$prefix: 'c4p';
|
|
15
|
-
|
|
16
|
-
/* Import shared AddSelect composable/next styles from ibm-products-styles */
|
|
17
|
-
@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'
|
|
18
|
-
as *;
|
|
19
|
-
|
|
20
|
-
/* Web Component specific overrides */
|
|
21
|
-
:host(#{$prefix}-add-select-content) {
|
|
22
|
-
display: block;
|
|
23
|
-
|
|
24
|
-
/* Apply shared styles within shadow DOM */
|
|
25
|
-
.#{$block-class__next}-list {
|
|
26
|
-
display: flex;
|
|
27
|
-
flex-direction: column;
|
|
28
|
-
overflow-y: auto;
|
|
29
|
-
@supports (overflow-block: auto) {
|
|
30
|
-
overflow-block: auto;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&:focus {
|
|
34
|
-
outline: none;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.#{$block-class__next}-list-body {
|
|
39
|
-
display: flex;
|
|
40
|
-
flex-direction: column;
|
|
41
|
-
}
|
|
42
|
-
}
|