@carbon/ibm-products-web-components 0.44.0 → 0.45.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/custom-elements.json +67 -11
- package/es/components/about-modal/about-modal.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.d.ts +27 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.js +137 -4
- package/es/components/tearsheet-preview/tearsheet-header-content.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.scss.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header.d.ts +12 -16
- package/es/components/tearsheet-preview/tearsheet-header.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header.js +29 -70
- package/es/components/tearsheet-preview/tearsheet-header.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-header.scss.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-influencer.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-influencer.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-navigation-bar.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-signal.d.ts +6 -0
- package/es/components/tearsheet-preview/tearsheet-signal.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-signal.js +4 -1
- package/es/components/tearsheet-preview/tearsheet-signal.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-summary-content.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-summary-content.js +4 -1
- package/es/components/tearsheet-preview/tearsheet-summary-content.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet.d.ts +19 -0
- package/es/components/tearsheet-preview/tearsheet.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet.js +38 -3
- package/es/components/tearsheet-preview/tearsheet.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet.scss.js.map +1 -1
- package/es/ibm-products-web-components/package.js +1 -1
- package/es/utilities/manageFocusTrap/manageFocusTrap.d.ts +12 -5
- package/es/utilities/manageFocusTrap/manageFocusTrap.d.ts.map +1 -1
- package/es/utilities/manageFocusTrap/manageFocusTrap.js +23 -10
- package/es/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -1
- package/es-custom/components/about-modal/about-modal.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header-content.js +137 -4
- package/es-custom/components/tearsheet-preview/tearsheet-header-content.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header-content.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header-content.scss.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header.js +29 -70
- package/es-custom/components/tearsheet-preview/tearsheet-header.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header.scss.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-influencer.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-influencer.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-navigation-bar.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-signal.js +4 -1
- package/es-custom/components/tearsheet-preview/tearsheet-signal.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-summary-content.js +4 -1
- package/es-custom/components/tearsheet-preview/tearsheet-summary-content.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet.js +38 -3
- package/es-custom/components/tearsheet-preview/tearsheet.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet.scss.js.map +1 -1
- package/es-custom/ibm-products-web-components/package.js +1 -1
- package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js +23 -10
- package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-header-content.d.ts +27 -1
- package/lib/components/tearsheet-preview/tearsheet-header-content.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-header.d.ts +12 -16
- package/lib/components/tearsheet-preview/tearsheet-header.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-signal.d.ts +6 -0
- package/lib/components/tearsheet-preview/tearsheet-signal.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-summary-content.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet.d.ts +19 -0
- package/lib/components/tearsheet-preview/tearsheet.d.ts.map +1 -1
- package/lib/utilities/manageFocusTrap/manageFocusTrap.d.ts +12 -5
- package/lib/utilities/manageFocusTrap/manageFocusTrap.d.ts.map +1 -1
- package/package.json +4 -4
- package/scss/components/tearsheet-preview/tearsheet-header-content.scss +57 -11
- package/scss/components/tearsheet-preview/tearsheet-header.scss +4 -3
- package/scss/components/tearsheet-preview/tearsheet.scss +16 -0
- package/telemetry.yml +2 -1
package/custom-elements.json
CHANGED
|
@@ -4105,10 +4105,66 @@
|
|
|
4105
4105
|
"description": "Public getter for the title ID (used by parent tearsheet for aria-labelledby)",
|
|
4106
4106
|
"type": "string"
|
|
4107
4107
|
},
|
|
4108
|
+
{
|
|
4109
|
+
"name": "enabledWarnings",
|
|
4110
|
+
"description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
|
|
4111
|
+
"type": "WarningKind[] | undefined"
|
|
4112
|
+
},
|
|
4113
|
+
{
|
|
4114
|
+
"name": "enableWarning",
|
|
4115
|
+
"description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
|
|
4116
|
+
"type": "((warningKind: WarningKind) => void) | undefined"
|
|
4117
|
+
},
|
|
4118
|
+
{
|
|
4119
|
+
"name": "disableWarning",
|
|
4120
|
+
"description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
|
|
4121
|
+
"type": "((warningKind: WarningKind) => void) | undefined"
|
|
4122
|
+
},
|
|
4123
|
+
{
|
|
4124
|
+
"name": "elementProperties",
|
|
4125
|
+
"description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
|
|
4126
|
+
"type": "PropertyDeclarationMap"
|
|
4127
|
+
},
|
|
4128
|
+
{
|
|
4129
|
+
"name": "properties",
|
|
4130
|
+
"description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
|
|
4131
|
+
"type": "PropertyDeclarations"
|
|
4132
|
+
},
|
|
4133
|
+
{
|
|
4134
|
+
"name": "elementStyles",
|
|
4135
|
+
"description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
|
|
4136
|
+
"type": "CSSResultOrNative[]"
|
|
4137
|
+
},
|
|
4108
4138
|
{
|
|
4109
4139
|
"name": "styles",
|
|
4140
|
+
"description": "[object Object],[object Object],[object Object]",
|
|
4110
4141
|
"default": "\"styles\""
|
|
4111
4142
|
},
|
|
4143
|
+
{
|
|
4144
|
+
"name": "shadowRootOptions",
|
|
4145
|
+
"description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
|
|
4146
|
+
"type": "ShadowRootInit"
|
|
4147
|
+
},
|
|
4148
|
+
{
|
|
4149
|
+
"name": "renderRoot",
|
|
4150
|
+
"description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
|
|
4151
|
+
"type": "HTMLElement | DocumentFragment"
|
|
4152
|
+
},
|
|
4153
|
+
{
|
|
4154
|
+
"name": "isUpdatePending",
|
|
4155
|
+
"description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
|
|
4156
|
+
"type": "boolean"
|
|
4157
|
+
},
|
|
4158
|
+
{
|
|
4159
|
+
"name": "hasUpdated",
|
|
4160
|
+
"description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
|
|
4161
|
+
"type": "boolean"
|
|
4162
|
+
},
|
|
4163
|
+
{
|
|
4164
|
+
"name": "updateComplete",
|
|
4165
|
+
"description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
|
|
4166
|
+
"type": "Promise<boolean>"
|
|
4167
|
+
},
|
|
4112
4168
|
{
|
|
4113
4169
|
"name": "size",
|
|
4114
4170
|
"type": "number"
|
|
@@ -4140,7 +4196,7 @@
|
|
|
4140
4196
|
{
|
|
4141
4197
|
"name": "c4p-tearsheet-header",
|
|
4142
4198
|
"path": "./src/components/tearsheet-preview/tearsheet-header.ts",
|
|
4143
|
-
"description": "Tearsheet Header component - Contains the header section with title, description, and actions.",
|
|
4199
|
+
"description": "Tearsheet Header component - Contains the header section with title, description, and actions.\nThe decorator (AI label) and close button are now rendered inside c4p-tearsheet-header-content\nto achieve the correct DOM tab order: header-actions → decorator → close → header-content.",
|
|
4144
4200
|
"attributes": [
|
|
4145
4201
|
{
|
|
4146
4202
|
"name": "slot",
|
|
@@ -4261,8 +4317,8 @@
|
|
|
4261
4317
|
],
|
|
4262
4318
|
"events": [
|
|
4263
4319
|
{
|
|
4264
|
-
"name": "c4p-tearsheet-header-
|
|
4265
|
-
"description": "Internal event
|
|
4320
|
+
"name": "c4p-tearsheet-header-collapse-change",
|
|
4321
|
+
"description": "Internal event; parent tearsheet re-dispatches\nthis as the public `c4p-preview-tearsheet-collapse-change` event."
|
|
4266
4322
|
}
|
|
4267
4323
|
],
|
|
4268
4324
|
"slots": [
|
|
@@ -4271,16 +4327,12 @@
|
|
|
4271
4327
|
"description": "The main header content area (use c4p-tearsheet-header-content)"
|
|
4272
4328
|
},
|
|
4273
4329
|
{
|
|
4274
|
-
"name": "
|
|
4275
|
-
"description": "
|
|
4276
|
-
},
|
|
4277
|
-
{
|
|
4278
|
-
"name": "header-actions",
|
|
4279
|
-
"description": "Action buttons in the header (e.g., settings, delete)"
|
|
4330
|
+
"name": "",
|
|
4331
|
+
"description": "Default slot for other content"
|
|
4280
4332
|
},
|
|
4281
4333
|
{
|
|
4282
|
-
"name": "
|
|
4283
|
-
"description": "
|
|
4334
|
+
"name": "navigation-bar",
|
|
4335
|
+
"description": "Navigation tabs or breadcrumbs below the header"
|
|
4284
4336
|
}
|
|
4285
4337
|
]
|
|
4286
4338
|
},
|
|
@@ -5004,6 +5056,10 @@
|
|
|
5004
5056
|
{
|
|
5005
5057
|
"name": "c4p-preview-tearsheet-closed",
|
|
5006
5058
|
"description": "Fired after the tearsheet has closed"
|
|
5059
|
+
},
|
|
5060
|
+
{
|
|
5061
|
+
"name": "c4p-preview-tearsheet-collapse-change",
|
|
5062
|
+
"description": "Fired when the header collapse state changes.\n`event.detail.collapsed` is `true` when collapsing, `false` when expanding."
|
|
5007
5063
|
}
|
|
5008
5064
|
],
|
|
5009
5065
|
"slots": [
|