@spectrum-web-components/alert-banner 0.50.0-beta.7 → 0.50.0-beta.9

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/alert-banner",
3
- "version": "0.50.0-beta.7",
3
+ "version": "0.50.0-beta.9",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -29,6 +29,7 @@
29
29
  "development": "./src/AlertBanner.dev.js",
30
30
  "default": "./src/AlertBanner.js"
31
31
  },
32
+ "./src/alert-banner-overrides.css.js": "./src/alert-banner-overrides.css.js",
32
33
  "./src/alert-banner.css.js": "./src/alert-banner.css.js",
33
34
  "./src/index.js": {
34
35
  "development": "./src/index.dev.js",
@@ -57,12 +58,12 @@
57
58
  "lit-html"
58
59
  ],
59
60
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.50.0-beta.7",
61
- "@spectrum-web-components/button": "^0.50.0-beta.7",
62
- "@spectrum-web-components/icons-workflow": "^0.50.0-beta.7"
61
+ "@spectrum-web-components/base": "^0.50.0-beta.9",
62
+ "@spectrum-web-components/button": "^0.50.0-beta.9",
63
+ "@spectrum-web-components/icons-workflow": "^0.50.0-beta.9"
63
64
  },
64
65
  "devDependencies": {
65
- "@spectrum-css/alertbanner": "^2.2.0"
66
+ "@spectrum-css/alertbanner": "^3.0.0-s2-foundations.16"
66
67
  },
67
68
  "types": "./src/index.d.ts",
68
69
  "customElements": "custom-elements.json",
@@ -70,5 +71,5 @@
70
71
  "./sp-*.js",
71
72
  "./**/*.dev.js"
72
73
  ],
73
- "gitHead": "8b6f00cd8d316f90897282a1842d05d5867891c2"
74
+ "gitHead": "c984cc2babbfecd14c86403ab920fbf6b0beb52c"
74
75
  }
@@ -0,0 +1,2 @@
1
+ declare const styles: import("@spectrum-web-components/base").CSSResult;
2
+ export default styles;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ import { css } from "@spectrum-web-components/base";
3
+ const styles = css`
4
+ :host{--spectrum-alert-banner-neutral-background:var(--system-alert-banner-neutral-background);--spectrum-alert-banner-min-height:var(--system-alert-banner-min-height);--spectrum-alert-banner-max-inline-size:var(--system-alert-banner-max-inline-size);--spectrum-alert-banner-size:var(--system-alert-banner-size);--spectrum-alert-banner-font-size:var(--system-alert-banner-font-size);--spectrum-alert-banner-icon-size:var(--system-alert-banner-icon-size);--spectrum-alert-banner-icon-to-text:var(--system-alert-banner-icon-to-text);--spectrum-alert-banner-start-edge:var(--system-alert-banner-start-edge);--spectrum-alert-banner-text-to-button-horizontal:var(--system-alert-banner-text-to-button-horizontal);--spectrum-alert-banner-text-to-divider:var(--system-alert-banner-text-to-divider);--spectrum-alert-banner-top-icon:var(--system-alert-banner-top-icon);--spectrum-alert-banner-top-text:var(--system-alert-banner-top-text);--spectrum-alert-banner-bottom-text:var(--system-alert-banner-bottom-text);--spectrum-alert-banner-informative-background:var(--system-alert-banner-informative-background);--spectrum-alert-banner-negative-background:var(--system-alert-banner-negative-background);--spectrum-alert-banner-font-color:var(--system-alert-banner-font-color)}
5
+ `;
6
+ export default styles;
7
+ //# sourceMappingURL=alert-banner-overrides.css.dev.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["alert-banner-overrides.css.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-alert-banner-neutral-background:var(--system-alert-banner-neutral-background);--spectrum-alert-banner-min-height:var(--system-alert-banner-min-height);--spectrum-alert-banner-max-inline-size:var(--system-alert-banner-max-inline-size);--spectrum-alert-banner-size:var(--system-alert-banner-size);--spectrum-alert-banner-font-size:var(--system-alert-banner-font-size);--spectrum-alert-banner-icon-size:var(--system-alert-banner-icon-size);--spectrum-alert-banner-icon-to-text:var(--system-alert-banner-icon-to-text);--spectrum-alert-banner-start-edge:var(--system-alert-banner-start-edge);--spectrum-alert-banner-text-to-button-horizontal:var(--system-alert-banner-text-to-button-horizontal);--spectrum-alert-banner-text-to-divider:var(--system-alert-banner-text-to-divider);--spectrum-alert-banner-top-icon:var(--system-alert-banner-top-icon);--spectrum-alert-banner-top-text:var(--system-alert-banner-top-text);--spectrum-alert-banner-bottom-text:var(--system-alert-banner-bottom-text);--spectrum-alert-banner-informative-background:var(--system-alert-banner-informative-background);--spectrum-alert-banner-negative-background:var(--system-alert-banner-negative-background);--spectrum-alert-banner-font-color:var(--system-alert-banner-font-color)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
+ "names": []
7
+ }
@@ -0,0 +1,4 @@
1
+ "use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
2
+ :host{--spectrum-alert-banner-neutral-background:var(--system-alert-banner-neutral-background);--spectrum-alert-banner-min-height:var(--system-alert-banner-min-height);--spectrum-alert-banner-max-inline-size:var(--system-alert-banner-max-inline-size);--spectrum-alert-banner-size:var(--system-alert-banner-size);--spectrum-alert-banner-font-size:var(--system-alert-banner-font-size);--spectrum-alert-banner-icon-size:var(--system-alert-banner-icon-size);--spectrum-alert-banner-icon-to-text:var(--system-alert-banner-icon-to-text);--spectrum-alert-banner-start-edge:var(--system-alert-banner-start-edge);--spectrum-alert-banner-text-to-button-horizontal:var(--system-alert-banner-text-to-button-horizontal);--spectrum-alert-banner-text-to-divider:var(--system-alert-banner-text-to-divider);--spectrum-alert-banner-top-icon:var(--system-alert-banner-top-icon);--spectrum-alert-banner-top-text:var(--system-alert-banner-top-text);--spectrum-alert-banner-bottom-text:var(--system-alert-banner-bottom-text);--spectrum-alert-banner-informative-background:var(--system-alert-banner-informative-background);--spectrum-alert-banner-negative-background:var(--system-alert-banner-negative-background);--spectrum-alert-banner-font-color:var(--system-alert-banner-font-color)}
3
+ `;export default t;
4
+ //# sourceMappingURL=alert-banner-overrides.css.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["alert-banner-overrides.css.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-alert-banner-neutral-background:var(--system-alert-banner-neutral-background);--spectrum-alert-banner-min-height:var(--system-alert-banner-min-height);--spectrum-alert-banner-max-inline-size:var(--system-alert-banner-max-inline-size);--spectrum-alert-banner-size:var(--system-alert-banner-size);--spectrum-alert-banner-font-size:var(--system-alert-banner-font-size);--spectrum-alert-banner-icon-size:var(--system-alert-banner-icon-size);--spectrum-alert-banner-icon-to-text:var(--system-alert-banner-icon-to-text);--spectrum-alert-banner-start-edge:var(--system-alert-banner-start-edge);--spectrum-alert-banner-text-to-button-horizontal:var(--system-alert-banner-text-to-button-horizontal);--spectrum-alert-banner-text-to-divider:var(--system-alert-banner-text-to-divider);--spectrum-alert-banner-top-icon:var(--system-alert-banner-top-icon);--spectrum-alert-banner-top-text:var(--system-alert-banner-top-text);--spectrum-alert-banner-bottom-text:var(--system-alert-banner-bottom-text);--spectrum-alert-banner-informative-background:var(--system-alert-banner-informative-background);--spectrum-alert-banner-negative-background:var(--system-alert-banner-negative-background);--spectrum-alert-banner-font-color:var(--system-alert-banner-font-color)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
+ "names": ["css", "styles"]
7
+ }
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-alert-banner-min-height:var(--spectrum-alert-banner-minimum-height);--spectrum-alert-banner-max-inline-size:var(--spectrum-alert-banner-width);--spectrum-alert-banner-size:auto;--spectrum-alert-banner-font-size:var(--spectrum-font-size-100);--spectrum-alert-banner-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-banner-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-alert-banner-start-edge:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-button-horizontal:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-divider:var(--spectrum-spacing-300);--spectrum-alert-banner-top-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-alert-banner-informative-background:var(--spectrum-informative-background-color-default);--spectrum-alert-banner-negative-background:var(--spectrum-negative-background-color-default);--spectrum-alert-banner-font-color:var(--spectrum-white);--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-netural-background,var(--spectrum-alert-banner-netural-background));border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-netural-background:var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background)}
4
+ :host{--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-neutral-background,var(--mod-alert-banner-neutral-background,var(--spectrum-alert-banner-neutral-background)));border:0 solid #0000;border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-neutral-background:var(--system-alert-banner-neutral-background);--spectrum-alert-banner-min-height:var(--system-alert-banner-min-height);--spectrum-alert-banner-max-inline-size:var(--system-alert-banner-max-inline-size);--spectrum-alert-banner-size:var(--system-alert-banner-size);--spectrum-alert-banner-font-size:var(--system-alert-banner-font-size);--spectrum-alert-banner-icon-size:var(--system-alert-banner-icon-size);--spectrum-alert-banner-icon-to-text:var(--system-alert-banner-icon-to-text);--spectrum-alert-banner-start-edge:var(--system-alert-banner-start-edge);--spectrum-alert-banner-text-to-button-horizontal:var(--system-alert-banner-text-to-button-horizontal);--spectrum-alert-banner-text-to-divider:var(--system-alert-banner-text-to-divider);--spectrum-alert-banner-top-icon:var(--system-alert-banner-top-icon);--spectrum-alert-banner-top-text:var(--system-alert-banner-top-text);--spectrum-alert-banner-bottom-text:var(--system-alert-banner-bottom-text);--spectrum-alert-banner-informative-background:var(--system-alert-banner-informative-background);--spectrum-alert-banner-negative-background:var(--system-alert-banner-negative-background);--spectrum-alert-banner-font-color:var(--system-alert-banner-font-color)}
5
5
  `;
6
6
  export default styles;
7
7
  //# sourceMappingURL=alert-banner.css.dev.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["alert-banner.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-alert-banner-min-height:var(--spectrum-alert-banner-minimum-height);--spectrum-alert-banner-max-inline-size:var(--spectrum-alert-banner-width);--spectrum-alert-banner-size:auto;--spectrum-alert-banner-font-size:var(--spectrum-font-size-100);--spectrum-alert-banner-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-banner-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-alert-banner-start-edge:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-button-horizontal:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-divider:var(--spectrum-spacing-300);--spectrum-alert-banner-top-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-alert-banner-informative-background:var(--spectrum-informative-background-color-default);--spectrum-alert-banner-negative-background:var(--spectrum-negative-background-color-default);--spectrum-alert-banner-font-color:var(--spectrum-white);--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-netural-background,var(--spectrum-alert-banner-netural-background));border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-netural-background:var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background)}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-neutral-background,var(--mod-alert-banner-neutral-background,var(--spectrum-alert-banner-neutral-background)));border:0 solid #0000;border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-neutral-background:var(--system-alert-banner-neutral-background);--spectrum-alert-banner-min-height:var(--system-alert-banner-min-height);--spectrum-alert-banner-max-inline-size:var(--system-alert-banner-max-inline-size);--spectrum-alert-banner-size:var(--system-alert-banner-size);--spectrum-alert-banner-font-size:var(--system-alert-banner-font-size);--spectrum-alert-banner-icon-size:var(--system-alert-banner-icon-size);--spectrum-alert-banner-icon-to-text:var(--system-alert-banner-icon-to-text);--spectrum-alert-banner-start-edge:var(--system-alert-banner-start-edge);--spectrum-alert-banner-text-to-button-horizontal:var(--system-alert-banner-text-to-button-horizontal);--spectrum-alert-banner-text-to-divider:var(--system-alert-banner-text-to-divider);--spectrum-alert-banner-top-icon:var(--system-alert-banner-top-icon);--spectrum-alert-banner-top-text:var(--system-alert-banner-top-text);--spectrum-alert-banner-bottom-text:var(--system-alert-banner-bottom-text);--spectrum-alert-banner-informative-background:var(--system-alert-banner-informative-background);--spectrum-alert-banner-negative-background:var(--system-alert-banner-negative-background);--spectrum-alert-banner-font-color:var(--system-alert-banner-font-color)}\n`;\nexport default styles;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
2
- :host{--spectrum-alert-banner-min-height:var(--spectrum-alert-banner-minimum-height);--spectrum-alert-banner-max-inline-size:var(--spectrum-alert-banner-width);--spectrum-alert-banner-size:auto;--spectrum-alert-banner-font-size:var(--spectrum-font-size-100);--spectrum-alert-banner-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-banner-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-alert-banner-start-edge:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-button-horizontal:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-divider:var(--spectrum-spacing-300);--spectrum-alert-banner-top-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-alert-banner-informative-background:var(--spectrum-informative-background-color-default);--spectrum-alert-banner-negative-background:var(--spectrum-negative-background-color-default);--spectrum-alert-banner-font-color:var(--spectrum-white);--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-netural-background,var(--spectrum-alert-banner-netural-background));border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-netural-background:var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background)}
3
- `;export default e;
1
+ "use strict";import{css as e}from"@spectrum-web-components/base";const r=e`
2
+ :host{--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-neutral-background,var(--mod-alert-banner-neutral-background,var(--spectrum-alert-banner-neutral-background)));border:0 solid #0000;border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-neutral-background:var(--system-alert-banner-neutral-background);--spectrum-alert-banner-min-height:var(--system-alert-banner-min-height);--spectrum-alert-banner-max-inline-size:var(--system-alert-banner-max-inline-size);--spectrum-alert-banner-size:var(--system-alert-banner-size);--spectrum-alert-banner-font-size:var(--system-alert-banner-font-size);--spectrum-alert-banner-icon-size:var(--system-alert-banner-icon-size);--spectrum-alert-banner-icon-to-text:var(--system-alert-banner-icon-to-text);--spectrum-alert-banner-start-edge:var(--system-alert-banner-start-edge);--spectrum-alert-banner-text-to-button-horizontal:var(--system-alert-banner-text-to-button-horizontal);--spectrum-alert-banner-text-to-divider:var(--system-alert-banner-text-to-divider);--spectrum-alert-banner-top-icon:var(--system-alert-banner-top-icon);--spectrum-alert-banner-top-text:var(--system-alert-banner-top-text);--spectrum-alert-banner-bottom-text:var(--system-alert-banner-bottom-text);--spectrum-alert-banner-informative-background:var(--system-alert-banner-informative-background);--spectrum-alert-banner-negative-background:var(--system-alert-banner-negative-background);--spectrum-alert-banner-font-color:var(--system-alert-banner-font-color)}
3
+ `;export default r;
4
4
  //# sourceMappingURL=alert-banner.css.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["alert-banner.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-alert-banner-min-height:var(--spectrum-alert-banner-minimum-height);--spectrum-alert-banner-max-inline-size:var(--spectrum-alert-banner-width);--spectrum-alert-banner-size:auto;--spectrum-alert-banner-font-size:var(--spectrum-font-size-100);--spectrum-alert-banner-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-banner-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-alert-banner-start-edge:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-button-horizontal:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-divider:var(--spectrum-spacing-300);--spectrum-alert-banner-top-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-alert-banner-informative-background:var(--spectrum-informative-background-color-default);--spectrum-alert-banner-negative-background:var(--spectrum-negative-background-color-default);--spectrum-alert-banner-font-color:var(--spectrum-white);--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-netural-background,var(--spectrum-alert-banner-netural-background));border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-netural-background:var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background)}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-neutral-background,var(--mod-alert-banner-neutral-background,var(--spectrum-alert-banner-neutral-background)));border:0 solid #0000;border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-neutral-background:var(--system-alert-banner-neutral-background);--spectrum-alert-banner-min-height:var(--system-alert-banner-min-height);--spectrum-alert-banner-max-inline-size:var(--system-alert-banner-max-inline-size);--spectrum-alert-banner-size:var(--system-alert-banner-size);--spectrum-alert-banner-font-size:var(--system-alert-banner-font-size);--spectrum-alert-banner-icon-size:var(--system-alert-banner-icon-size);--spectrum-alert-banner-icon-to-text:var(--system-alert-banner-icon-to-text);--spectrum-alert-banner-start-edge:var(--system-alert-banner-start-edge);--spectrum-alert-banner-text-to-button-horizontal:var(--system-alert-banner-text-to-button-horizontal);--spectrum-alert-banner-text-to-divider:var(--system-alert-banner-text-to-divider);--spectrum-alert-banner-top-icon:var(--system-alert-banner-top-icon);--spectrum-alert-banner-top-text:var(--system-alert-banner-top-text);--spectrum-alert-banner-bottom-text:var(--system-alert-banner-bottom-text);--spectrum-alert-banner-informative-background:var(--system-alert-banner-informative-background);--spectrum-alert-banner-negative-background:var(--system-alert-banner-negative-background);--spectrum-alert-banner-font-color:var(--system-alert-banner-font-color)}\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-alert-banner-min-height:var(--spectrum-alert-banner-minimum-height);--spectrum-alert-banner-max-inline-size:var(--spectrum-alert-banner-width);--spectrum-alert-banner-size:auto;--spectrum-alert-banner-font-size:var(--spectrum-font-size-100);--spectrum-alert-banner-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-banner-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-alert-banner-start-edge:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-button-horizontal:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-divider:var(--spectrum-spacing-300);--spectrum-alert-banner-top-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-alert-banner-informative-background:var(--spectrum-informative-background-color-default);--spectrum-alert-banner-negative-background:var(--spectrum-negative-background-color-default);--spectrum-alert-banner-font-color:var(--spectrum-white);--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-netural-background,var(--spectrum-alert-banner-netural-background));border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-netural-background:var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background)}
4
+ :host{--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-neutral-background,var(--mod-alert-banner-neutral-background,var(--spectrum-alert-banner-neutral-background)));border:0 solid #0000;border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}
5
5
  `;
6
6
  export default styles;
7
7
  //# sourceMappingURL=spectrum-alert-banner.css.dev.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-alert-banner.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-alert-banner-min-height:var(--spectrum-alert-banner-minimum-height);--spectrum-alert-banner-max-inline-size:var(--spectrum-alert-banner-width);--spectrum-alert-banner-size:auto;--spectrum-alert-banner-font-size:var(--spectrum-font-size-100);--spectrum-alert-banner-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-banner-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-alert-banner-start-edge:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-button-horizontal:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-divider:var(--spectrum-spacing-300);--spectrum-alert-banner-top-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-alert-banner-informative-background:var(--spectrum-informative-background-color-default);--spectrum-alert-banner-negative-background:var(--spectrum-negative-background-color-default);--spectrum-alert-banner-font-color:var(--spectrum-white);--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-netural-background,var(--spectrum-alert-banner-netural-background));border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-netural-background:var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background)}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-neutral-background,var(--mod-alert-banner-neutral-background,var(--spectrum-alert-banner-neutral-background)));border:0 solid #0000;border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}\n`;\nexport default styles;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
2
- :host{--spectrum-alert-banner-min-height:var(--spectrum-alert-banner-minimum-height);--spectrum-alert-banner-max-inline-size:var(--spectrum-alert-banner-width);--spectrum-alert-banner-size:auto;--spectrum-alert-banner-font-size:var(--spectrum-font-size-100);--spectrum-alert-banner-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-banner-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-alert-banner-start-edge:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-button-horizontal:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-divider:var(--spectrum-spacing-300);--spectrum-alert-banner-top-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-alert-banner-informative-background:var(--spectrum-informative-background-color-default);--spectrum-alert-banner-negative-background:var(--spectrum-negative-background-color-default);--spectrum-alert-banner-font-color:var(--spectrum-white);--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-netural-background,var(--spectrum-alert-banner-netural-background));border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-netural-background:var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background)}
2
+ :host{--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-neutral-background,var(--mod-alert-banner-neutral-background,var(--spectrum-alert-banner-neutral-background)));border:0 solid #0000;border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}
3
3
  `;export default e;
4
4
  //# sourceMappingURL=spectrum-alert-banner.css.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-alert-banner.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-alert-banner-min-height:var(--spectrum-alert-banner-minimum-height);--spectrum-alert-banner-max-inline-size:var(--spectrum-alert-banner-width);--spectrum-alert-banner-size:auto;--spectrum-alert-banner-font-size:var(--spectrum-font-size-100);--spectrum-alert-banner-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-banner-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-alert-banner-start-edge:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-button-horizontal:var(--spectrum-spacing-300);--spectrum-alert-banner-text-to-divider:var(--spectrum-spacing-300);--spectrum-alert-banner-top-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-alert-banner-informative-background:var(--spectrum-informative-background-color-default);--spectrum-alert-banner-negative-background:var(--spectrum-negative-background-color-default);--spectrum-alert-banner-font-color:var(--spectrum-white);--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-netural-background,var(--spectrum-alert-banner-netural-background));border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}:host{--spectrum-alert-banner-netural-background:var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background)}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--mod-divider-vertical-margin:var(--mod-alert-banner-edge-to-divider,var(--spectrum-alert-banner-edge-to-divider));--mod-divider-vertical-height:auto;--mod-divider-vertical-align:stretch;--mod-button-margin-block:var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button));--mod-button-margin-right:var(--mod-alert-banner-text-to-divider,var(--spectrum-alert-banner-text-to-divider));--mod-button-margin-left:auto;--mod-closebutton-margin-inline:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-margin-top:var(--mod-alert-banner-close-button-spacing,var(--spectrum-alert-banner-close-button-spacing));--mod-closebutton-align-self:flex-start;inline-size:var(--mod-alert-banner-size,var(--spectrum-alert-banner-size));max-inline-size:var(--mod-alert-banner-max-inline-size,var(--spectrum-alert-banner-max-inline-size));min-block-size:var(--mod-alert-banner-min-height,var(--spectrum-alert-banner-min-height));font-size:var(--mod-alert-banner-font-size,var(--spectrum-alert-banner-font-size));color:var(--mod-alert-banner-font-color,var(--spectrum-alert-banner-font-color));background-color:var(--mod-alert-banner-neutral-background,var(--mod-alert-banner-neutral-background,var(--spectrum-alert-banner-neutral-background)));border:0 solid #0000;border:var(--highcontrast-alert-banner-border-width,0)solid var(--highcontrast-alert-banner-border-color,transparent);justify-content:space-between;display:none}:host([open]){display:flex}:host([variant=info]){background-color:var(--mod-alert-banner-informative-background,var(--spectrum-alert-banner-informative-background))}:host([variant=negative]){background-color:var(--mod-alert-banner-negative-background,var(--spectrum-alert-banner-negative-background))}.body{inline-size:100%;gap:max(calc(var(--mod-alert-banner-text-to-button-vertical,var(--spectrum-alert-banner-text-to-button-vertical)) - var(--mod-alert-banner-edge-to-button,var(--spectrum-alert-banner-edge-to-button))),0px);flex-wrap:wrap;align-items:center;margin-inline-start:var(--mod-alert-banner-start-edge,var(--spectrum-alert-banner-start-edge));display:flex}.content{display:flex}.end{align-items:center;display:flex}.type{inline-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));block-size:var(--mod-alert-banner-icon-size,var(--spectrum-alert-banner-icon-size));flex-shrink:0;margin-block-start:var(--mod-alert-banner-top-icon,var(--spectrum-alert-banner-top-icon));margin-inline-end:var(--mod-alert-banner-icon-to-text,var(--spectrum-alert-banner-icon-to-text))}.text{margin-block-start:var(--mod-alert-banner-top-text,var(--spectrum-alert-banner-top-text));margin-block-end:var(--mod-alert-banner-bottom-text,var(--spectrum-alert-banner-bottom-text));margin-inline-end:var(--mod-alert-banner-text-to-button-horizontal,var(--spectrum-alert-banner-text-to-button-horizontal))}@media (forced-colors:active){:host{--highcontrast-alert-banner-border-color:CanvasText;--highcontrast-alert-banner-border-width:var(--spectrum-border-width-100)}}\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
@@ -24,6 +24,7 @@ const config = {
24
24
  inPackage: '@spectrum-css/alertbanner',
25
25
  outPackage: 'alert-banner',
26
26
  fileName: 'alert-banner',
27
+ systemOverrides: true,
27
28
  components: [
28
29
  converter.classToHost(),
29
30
  converter.classToAttribute('is-open', 'open'),