Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@spectrum-web-components/alert-banner

Package Overview
Dependencies
Maintainers
12
Versions
88
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-web-components/alert-banner - npm Package Compare versions

Comparing version 0.45.0 to 0.46.0

10

package.json
{
"name": "@spectrum-web-components/alert-banner",
"version": "0.45.0",
"version": "0.46.0",
"publishConfig": {

@@ -60,5 +60,5 @@ "access": "public"

"dependencies": {
"@spectrum-web-components/base": "^0.45.0",
"@spectrum-web-components/button": "^0.45.0",
"@spectrum-web-components/icons-workflow": "^0.45.0"
"@spectrum-web-components/base": "^0.46.0",
"@spectrum-web-components/button": "^0.46.0",
"@spectrum-web-components/icons-workflow": "^0.46.0"
},

@@ -74,3 +74,3 @@ "devDependencies": {

],
"gitHead": "8cfbac84735f6b97180d39150b4849f0aa1f1a45"
"gitHead": "ab84b447210de593649b086a1605abf1be1d64f2"
}

2

src/alert-banner.css.dev.js
"use strict";
import { css } from "@spectrum-web-components/base";
const styles = css`
: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{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;inline-size:100%;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)}
: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)}
`;
export default styles;
//# sourceMappingURL=alert-banner.css.dev.js.map

2

src/alert-banner.css.js
"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
: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{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;inline-size:100%;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)}
: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)}
`;export default e;
//# sourceMappingURL=alert-banner.css.js.map

2

src/spectrum-alert-banner.css.dev.js
"use strict";
import { css } from "@spectrum-web-components/base";
const styles = css`
: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{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;inline-size:100%;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)}
: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)}
`;
export default styles;
//# sourceMappingURL=spectrum-alert-banner.css.dev.js.map

2

src/spectrum-alert-banner.css.js
"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
: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{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;inline-size:100%;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)}
: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)}
`;export default e;
//# sourceMappingURL=spectrum-alert-banner.css.js.map
src/alert-banner.css.dev.js.map

Sorry, the diff of this file is not supported yet

src/alert-banner.css.js.map

Sorry, the diff of this file is not supported yet

src/spectrum-alert-banner.css.dev.js.map

Sorry, the diff of this file is not supported yet

src/spectrum-alert-banner.css.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc