@carbon/ibm-products-web-components 0.8.0 → 0.9.0

package/es/components/tearsheet/tearsheet.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet.test.js","sources":["../../../src/components/tearsheet/tearsheet.test.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;AAKG;AAEH,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AAIxE,MAAM,YAAY,GAAG;AACnB,IAAA,WAAW,EAAE;;;;AAIV,IAAA,CAAA;AACH,IAAA,aAAa,EAAE,EAAE;AACjB,IAAA,OAAO,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,cAAA,CAAA;AACb,IAAA,KAAK,EAAE,CAAsD,oDAAA,CAAA;AAC7D,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,mBAAmB,EAAE,MAAM;AAC3B,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,0BAA0B,EAAE,KAAK;AACjC,IAAA,oBAAoB,EAAE,EAAE;AACxB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,WAAW,EAAE,mDAAmD;AAChE,IAAA,KAAK,EAAE,gEAAgE;AACvE,IAAA,gBAAgB,EAAE,EAAE;CACrB;AAED,MAAM,QAAQ,GAAG,CAAC,KAAK,GAAG,YAAY,KACpC,IAAI,CAAA;;AAEyB,6BAAA,EAAA,KAAK,CAAC,oBAAoB;AAC3C,YAAA,EAAA,KAAK,CAAC,IAAI;AACK,2BAAA,EAAA,KAAK,CAAC,mBAAmB;AAC7B,uBAAA,EAAA,KAAK,CAAC,eAAe;AACN,sCAAA,EAAA,KAAK,CAAC,0BAA0B;AAC1D,YAAA,EAAA,KAAK,CAAC,KAAK;;;AAGjB,MAAA,EAAA,KAAK,CAAC,OAAO;;;AAGb,MAAA,EAAA,KAAK,CAAC,KAAK;;;AAGX,MAAA,EAAA,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA,CAAsB,mBAAA,EAAA,KAAK,CAAC,KAAK,CAAA,OAAA,CAAS,GAAG,EAAE;;;AAGjE,MAAA,EAAA,KAAK,CAAC;AACN,MAAE,IAAI,CAAA,4BAA4B,KAAK,CAAC,WAAW,CAAS,OAAA;AAC5D,MAAE,EAAE;;;AAGJ,MAAA,EAAA,KAAK,CAAC,aAAa;;;AAGnB,MAAA,EAAA,KAAK,CAAC,WAAW;;;AAGjB,MAAA,EAAA,KAAK,CAAC,IAAI;;;AAGV,MAAA,EAAA,KAAK,CAAC,gBAAgB;;;AAGtB,MAAA,EAAA,KAAK,CAAC,UAAU;;GAErB;AAEH,QAAQ,CAAC,eAAe,EAAE,MAAK;AAC7B,IAAA,EAAE,CAAC,2BAA2B,EAAE,YAAW;QACzC,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC;AACjC,QAAA,MAAM,OAAO,CAAC,OAAO,EAAE;QACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,eAAsB,CAAC;AAChE,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE;AAC5B,KAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"tearsheet.test.js","sources":["../../../src/components/tearsheet/tearsheet.test.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;AAKG;AAEH,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AAIxE,MAAM,YAAY,GAAG;AACnB,IAAA,WAAW,EAAE;;;;AAIV,IAAA,CAAA;AACH,IAAA,aAAa,EAAE,EAAE;AACjB,IAAA,OAAO,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,cAAA,CAAA;AACb,IAAA,KAAK,EAAE,CAAsD,oDAAA,CAAA;AAC7D,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,mBAAmB,EAAE,MAAM;AAC3B,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,0BAA0B,EAAE,KAAK;AACjC,IAAA,oBAAoB,EAAE,EAAE;AACxB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,WAAW,EAAE,mDAAmD;AAChE,IAAA,KAAK,EAAE,gEAAgE;AACvE,IAAA,gBAAgB,EAAE,EAAE;CACrB;AAED,MAAM,QAAQ,GAAG,CAAC,KAAK,GAAG,YAAY,KAAK,IAAI,CAAA;;AAElB,2BAAA,EAAA,KAAK,CAAC,oBAAoB;AAC3C,UAAA,EAAA,KAAK,CAAC,IAAI;AACK,yBAAA,EAAA,KAAK,CAAC,mBAAmB;AAC7B,qBAAA,EAAA,KAAK,CAAC,eAAe;AACN,oCAAA,EAAA,KAAK,CAAC,0BAA0B;AAC1D,UAAA,EAAA,KAAK,CAAC,KAAK;;;AAGjB,IAAA,EAAA,KAAK,CAAC,OAAO;;;AAGb,IAAA,EAAA,KAAK,CAAC,KAAK;;;AAGX,IAAA,EAAA,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA,CAAsB,mBAAA,EAAA,KAAK,CAAC,KAAK,CAAA,OAAA,CAAS,GAAG,EAAE;;;AAGjE,IAAA,EAAA,KAAK,CAAC;AACN,MAAE,IAAI,CAAA,4BAA4B,KAAK,CAAC,WAAW,CAAS,OAAA;AAC5D,MAAE,EAAE;;;AAGJ,IAAA,EAAA,KAAK,CAAC,aAAa;;;AAGnB,IAAA,EAAA,KAAK,CAAC,WAAW;;;AAGjB,IAAA,EAAA,KAAK,CAAC,IAAI;;;AAGV,IAAA,EAAA,KAAK,CAAC,gBAAgB;;;AAGtB,IAAA,EAAA,KAAK,CAAC,UAAU;;CAErB;AAED,QAAQ,CAAC,eAAe,EAAE,MAAK;AAC7B,IAAA,EAAE,CAAC,2BAA2B,EAAE,YAAW;QACzC,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC;AACjC,QAAA,MAAM,OAAO,CAAC,OAAO,EAAE;QACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,eAAsB,CAAC;AAChE,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE;AAC5B,KAAC,CAAC;AACJ,CAAC,CAAC"}

package/es/globals/internal/storybook-cdn.js

@@ -10,15 +10,13 @@ import packageJson from '../../package.json.js';
 /**
  * @license
  *
- * Copyright IBM Corp. 2021, 2024
+ * Copyright IBM Corp. 2021, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 
-/* eslint-disable max-len */
-
 /**
  *
  */

package/es/globals/internal/storybook-cdn.js.map

@@ -1 +1 @@
-{"version":3,"file":"storybook-cdn.js","sources":["../../../src/globals/internal/storybook-cdn.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2024\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\nimport packageJson from '../../../package.json';\n\n/* eslint-disable max-len */\n\n/**\n *\n */\n/**\n * Renders the component(s) script tag content and returns back the string\n *\n * @param {Array} components array of component names\n * @param {string} tag tag folder\n */\nfunction _renderScript(components, tag) {\n  let scripts = '';\n  components.forEach((component) => {\n    scripts += `<script type=\"module\" src=\"https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js\"></script>\\n`;\n  });\n  return scripts;\n}\n\n/**\n * This is the markdown block for JS via CDN\n *\n * @param {Array} components array of components to render\n * @param components.components components to render\n */\nexport const cdnJs = ({ components }) => {\n  return `\n### JS (via CDN)\n\n > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n\n #### Right-to-left (RTL) versions\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n   `;\n};\n\n/**\n * This is the markdown block for CSS via CDN\n */\nexport const cdnCss = () => {\n  return `\n### Carbon CDN style helpers (optional)\n\nThere are optional CDN artifacts available that can assist with global Carbon\nstyles in lieu of including into your specific application bundle.\n\n[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\\n\\n\n  `;\n};\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAIA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,aAAa,CAAC,UAAU,EAAE,GAAG,EAAE;AACxC,EAAE,IAAI,OAAO,GAAG,EAAE;AAClB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AACpC,IAAI,OAAO,IAAI,CAAC,+EAA+E,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC;AACvI,GAAG,CAAC;AACJ,EAAE,OAAO,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,KAAK,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK;AACzC,EAAE,OAAO;AACT;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;AACA,GAAG,CAAC;AACJ;;AAEA;AACA;AACA;AACY,MAAC,MAAM,GAAG,MAAM;AAC5B,EAAE,OAAO;AACT;;AAEA;AACA;;AAEA;AACA,EAAE,CAAC;AACH;;;;"}
+{"version":3,"file":"storybook-cdn.js","sources":["../../../src/globals/internal/storybook-cdn.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2025\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\nimport packageJson from '../../../package.json';\n\n/**\n *\n */\n/**\n * Renders the component(s) script tag content and returns back the string\n *\n * @param {Array} components array of component names\n * @param {string} tag tag folder\n */\nfunction _renderScript(components, tag) {\n  let scripts = '';\n  components.forEach((component) => {\n    scripts += `<script type=\"module\" src=\"https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js\"></script>\\n`;\n  });\n  return scripts;\n}\n\n/**\n * This is the markdown block for JS via CDN\n *\n * @param {Array} components array of components to render\n * @param components.components components to render\n */\nexport const cdnJs = ({ components }) => {\n  return `\n### JS (via CDN)\n\n > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n\n #### Right-to-left (RTL) versions\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n   `;\n};\n\n/**\n * This is the markdown block for CSS via CDN\n */\nexport const cdnCss = () => {\n  return `\n### Carbon CDN style helpers (optional)\n\nThere are optional CDN artifacts available that can assist with global Carbon\nstyles in lieu of including into your specific application bundle.\n\n[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\\n\\n\n  `;\n};\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,aAAa,CAAC,UAAU,EAAE,GAAG,EAAE;AACxC,EAAE,IAAI,OAAO,GAAG,EAAE;AAClB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AACpC,IAAI,OAAO,IAAI,CAAC,+EAA+E,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC;AACvI,GAAG,CAAC;AACJ,EAAE,OAAO,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,KAAK,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK;AACzC,EAAE,OAAO;AACT;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;AACA,GAAG,CAAC;AACJ;;AAEA;AACA;AACA;AACY,MAAC,MAAM,GAAG,MAAM;AAC5B,EAAE,OAAO;AACT;;AAEA;AACA;;AAEA;AACA,EAAE,CAAC;AACH;;;;"}

package/es/package.json.js

@@ -5,121 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var name = "@carbon/ibm-products-web-components";
-var description = "Carbon for IBM Products Web Components";
-var version = "0.8.0-rc.0";
-var license = "Apache-2.0";
-var main = "es/index.js";
-var module = "es/index.js";
-var type = "module";
-var bugs = "https://github.com/carbon-design-system/ibm-products/issues";
-var repository = {
-	type: "git",
-	url: "https://github.com/carbon-design-system/ibm-products.git",
-	directory: "packages/ibm-products-web-components"
-};
-var files = [
-	"custom-elements.json",
-	"es/**/*",
-	"lib/**/*",
-	"scss/**/*"
-];
-var publishConfig = {
-	access: "public",
-	provenance: true
-};
-var exports = {
-	"./es/*": "./es/*",
-	"./lib/*": "./lib/*",
-	"./dist/*": "./dist/*",
-	"./scss/*": "./scss/*",
-	"./custom-elements.json": "./custom-elements.json",
-	"./package.json": "./package.json"
-};
-var keywords = [
-	"carbon",
-	"carbon design system",
-	"carbon community",
-	"carbon for ibm products",
-	"carbon for ibm products web components",
-	"web components"
-];
-var scripts = {
-	build: "yarn clean && node tasks/build.js && yarn wca",
-	"build:storybook": "storybook build",
-	clean: "rimraf es lib scss dist storybook-static",
-	preview: "vite preview",
-	storybook: "storybook dev -p 3000",
-	test: "vitest run",
-	wca: "web-component-analyzer analyze src --outFile custom-elements.json",
-	coverage: "vitest run --coverage"
-};
-var dependencies = {
-	"@carbon/ibm-products-styles": "^2.55.0-rc.0",
-	"@carbon/styles": "1.71.0",
-	"@carbon/web-components": "2.19.0",
-	lit: "^3.1.0"
-};
-var devDependencies = {
-	"@carbon/icon-helpers": "^10.54.0",
-	"@carbon/icons": "^11.53.0",
-	"@carbon/motion": "^11.24.0",
-	"@mordech/vite-lit-loader": "^0.35.0",
-	"@rollup/plugin-alias": "^5.1.1",
-	"@rollup/plugin-commonjs": "^28.0.1",
-	"@rollup/plugin-json": "^6.1.0",
-	"@rollup/plugin-node-resolve": "^15.3.0",
-	"@rollup/plugin-typescript": "^12.1.1",
-	"@storybook/addon-essentials": "^8.4.5",
-	"@storybook/addon-links": "^8.4.5",
-	"@storybook/addon-storysource": "^8.4.5",
-	"@storybook/addon-toolbars": "^8.4.5",
-	"@storybook/blocks": "^8.4.5",
-	"@storybook/theming": "^8.4.5",
-	"@storybook/web-components": "^8.4.5",
-	"@storybook/web-components-vite": "^8.4.5",
-	"@types/jest": "^29.5.13",
-	"@vitest/browser": "^3.0.1",
-	"@vitest/coverage-v8": "^3.0.1",
-	autoprefixer: "^10.4.20",
-	c8: "^10.1.3",
-	cssnano: "^7.0.6",
-	eslint: "^8.56.0",
-	"eslint-config-carbon": "3.18.0",
-	globby: "^14.0.2",
-	"happy-dom": "^15.11.6",
-	postcss: "^8.4.47",
-	"remark-gfm": "^4.0.0",
-	rimraf: "^5.0.5",
-	rollup: "^4.27.3",
-	"rollup-plugin-copy": "^3.5.0",
-	sass: "^1.80.6",
-	storybook: "^8.4.5",
-	"storybook-addon-accessibility-checker": "^3.1.61-rc.3",
-	tslib: "^2.8.1",
-	typescript: "^5.5.3",
-	vite: "^6.0.3",
-	vitest: "^3.0.1",
-	"web-component-analyzer": "2.0.0"
-};
+var version = "0.9.0-rc.0";
 var packageJson = {
-	name: name,
-	description: description,
-	version: version,
-	license: license,
-	main: main,
-	module: module,
-	type: type,
-	bugs: bugs,
-	repository: repository,
-	files: files,
-	publishConfig: publishConfig,
-	exports: exports,
-	keywords: keywords,
-	scripts: scripts,
-	dependencies: dependencies,
-	devDependencies: devDependencies
-};
+	version: version};
 
-export { bugs, packageJson as default, dependencies, description, devDependencies, exports, files, keywords, license, main, module, name, publishConfig, repository, scripts, type, version };
+export { packageJson as default, version };
 //# sourceMappingURL=package.json.js.map

package/es/package.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products-web-components",
   "description": "Carbon for IBM Products Web Components",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -40,7 +40,7 @@
   ],
   "scripts": {
     "build": "yarn clean && node tasks/build.js && yarn wca",
-    "build:storybook": "storybook build",
+    "build:storybook": "storybook build --quiet",
     "clean": "rimraf es lib scss dist storybook-static",
     "preview": "vite preview",
     "storybook": "storybook dev -p 3000",
@@ -49,14 +49,14 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@carbon/ibm-products-styles": "^2.55.0",
-    "@carbon/styles": "1.71.0",
-    "@carbon/web-components": "2.19.0",
+    "@carbon/ibm-products-styles": "^2.56.0",
+    "@carbon/styles": "1.74.0",
+    "@carbon/web-components": "2.22.0",
     "lit": "^3.1.0"
   },
   "devDependencies": {
     "@carbon/icon-helpers": "^10.54.0",
-    "@carbon/icons": "^11.53.0",
+    "@carbon/icons": "^11.54.0",
     "@carbon/motion": "^11.24.0",
     "@mordech/vite-lit-loader": "^0.35.0",
     "@rollup/plugin-alias": "^5.1.1",
@@ -78,8 +78,8 @@
     "autoprefixer": "^10.4.20",
     "c8": "^10.1.3",
     "cssnano": "^7.0.6",
-    "eslint": "^8.56.0",
-    "eslint-config-carbon": "3.18.0",
+    "eslint": "^9.14.0",
+    "eslint-config-carbon": "^3.19.0",
     "globby": "^14.0.2",
     "happy-dom": "^15.11.6",
     "postcss": "^8.4.47",
@@ -96,5 +96,5 @@
     "vitest": "^3.0.1",
     "web-component-analyzer": "2.0.0"
   },
-  "gitHead": "062019e2651b49e5887973a50d08c05e3576c2e2"
+  "gitHead": "802c916a0f4325e3530a340e187320d011187b51"
 }

package/scss/components/side-panel/side-panel.scss

@@ -297,6 +297,6 @@ $block-class-action-set: #{$prefix}--action-set;
   }
 
   .#{$block-class}__close-button {
-    width: 2rem;
+    inline-size: 2rem;
   }
 }

package/scss/components/tearsheet/tearsheet.scss

@@ -140,7 +140,8 @@ $motion-duration: $duration-moderate-02;
     inset: 0;
     opacity: var(--overlay-opacity);
 
-    transition: background-color $motion-duration motion(exit, expressive),
+    transition:
+      background-color $motion-duration motion(exit, expressive),
       opacity $motion-duration motion(exit, expressive);
 
     @media (prefers-reduced-motion: reduce) {
@@ -177,8 +178,8 @@ $motion-duration: $duration-moderate-02;
     border: 1px solid transparent;
 
     /* override carbon ai removing background gradient */
-    background: linear-gradient(to top, var(--cds-layer), var(--cds-layer))
-        padding-box,
+    background:
+      linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box,
       linear-gradient(
           to bottom,
           var(--cds-ai-border-start, #78a9ff),