@spectrum-web-components/toast
Advanced tools
Comparing version 0.41.1 to 0.41.2
{ | ||
"name": "@spectrum-web-components/toast", | ||
"version": "0.41.1", | ||
"version": "0.41.2", | ||
"publishConfig": { | ||
@@ -60,10 +60,10 @@ "access": "public" | ||
"dependencies": { | ||
"@spectrum-web-components/base": "^0.41.1", | ||
"@spectrum-web-components/button": "^0.41.1", | ||
"@spectrum-web-components/icon": "^0.41.1", | ||
"@spectrum-web-components/icons-workflow": "^0.41.1", | ||
"@spectrum-web-components/shared": "^0.41.1" | ||
"@spectrum-web-components/base": "^0.41.2", | ||
"@spectrum-web-components/button": "^0.41.2", | ||
"@spectrum-web-components/icon": "^0.41.2", | ||
"@spectrum-web-components/icons-workflow": "^0.41.2", | ||
"@spectrum-web-components/shared": "^0.41.2" | ||
}, | ||
"devDependencies": { | ||
"@spectrum-css/toast": "^9.1.21" | ||
"@spectrum-css/toast": "^9.1.23" | ||
}, | ||
@@ -76,3 +76,3 @@ "types": "./src/index.d.ts", | ||
], | ||
"gitHead": "1eded35d98d01973b40990486b86840ba464a2da" | ||
"gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87" | ||
} |
"use strict"; | ||
import { css } from "@spectrum-web-components/base"; | ||
const styles = css` | ||
:host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-text-and-action-button-to-divider:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var( | ||
--spectrum-spacing-100 | ||
);--spectrum-toast-spacing-top-edge-to-icon:var( | ||
--spectrum-toast-top-to-workflow-icon | ||
);--spectrum-toast-spacing-text-to-action-button-horizontal:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var( | ||
--spectrum-toast-top-to-text | ||
);--spectrum-toast-spacing-bottom-edge-to-text:var( | ||
--spectrum-toast-bottom-to-text | ||
);--spectrum-toast-negative-background-color-default:var( | ||
--spectrum-negative-background-color-default | ||
);--spectrum-toast-positive-background-color-default:var( | ||
--spectrum-positive-background-color-default | ||
);--spectrum-toast-informative-background-color-default:var( | ||
--spectrum-informative-background-color-default | ||
);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var( | ||
--mod-toast-border-width,var(--spectrum-toast-border-width) | ||
) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var( | ||
--mod-toast-corner-radius,var(--spectrum-toast-corner-radius) | ||
);box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var( | ||
--mod-toast-font-weight,var(--spectrum-toast-font-weight) | ||
);max-inline-size:var( | ||
--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size) | ||
);min-block-size:var( | ||
--mod-toast-block-size,var(--spectrum-toast-block-size) | ||
);-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var( | ||
--highcontrast-toast-background-color-default,var( | ||
--mod-toast-background-color-default,var(--spectrum-toast-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-background-color-default,var( | ||
--mod-toast-background-color-default,var(--spectrum-toast-background-color-default) | ||
) | ||
);display:inline-flex;flex-direction:row;padding-inline-start:var( | ||
--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon) | ||
)}:host([variant=negative]){background-color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=info]){background-color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=positive]){background-color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var( | ||
--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon) | ||
);margin-inline-end:var( | ||
--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text) | ||
);margin-inline-start:0}.content,.type{color:var( | ||
--highcontrast-toast-text-and-icon-color,var( | ||
--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color) | ||
) | ||
)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var( | ||
--mod-toast-line-height,var(--spectrum-toast-line-height) | ||
);padding-block-end:calc(var( | ||
--mod-toast-spacing-bottom-edge-to-text, | ||
var(--spectrum-toast-spacing-bottom-edge-to-text) | ||
) - var( | ||
--mod-toast-spacing-block-end, | ||
var(--spectrum-toast-spacing-block-end) | ||
));padding-block-start:calc(var( | ||
--mod-toast-spacing-top-edge-to-text, | ||
var(--spectrum-toast-spacing-top-edge-to-text) | ||
) - var( | ||
--mod-toast-spacing-block-start, | ||
var(--spectrum-toast-spacing-block-start) | ||
));padding-inline-end:var( | ||
--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal) | ||
);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var( | ||
--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk) | ||
)}.buttons{align-items:flex-start;border-inline-start-color:var( | ||
--mod-toast-divider-color,var(--spectrum-toast-divider-color) | ||
);display:flex;flex:none;margin-block-end:var( | ||
--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider) | ||
);margin-block-start:var( | ||
--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider) | ||
);padding-inline-end:var( | ||
--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button) | ||
)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:auto;flex-wrap:wrap;padding-block-end:var( | ||
--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end) | ||
);padding-block-start:var( | ||
--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start) | ||
)}.body ::slotted([slot=action]){margin-inline-end:var( | ||
--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider) | ||
)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var( | ||
--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider) | ||
)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var( | ||
--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button) | ||
)}:host{--spectrum-toast-background-color-default:var( | ||
--system-spectrum-toast-background-color-default | ||
)} | ||
:host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(--spectrum-spacing-300);--spectrum-toast-spacing-text-and-action-button-to-divider:var(--spectrum-spacing-300);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-icon:var(--spectrum-toast-top-to-workflow-icon);--spectrum-toast-spacing-text-to-action-button-horizontal:var(--spectrum-spacing-300);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(--spectrum-toast-top-to-text);--spectrum-toast-spacing-bottom-edge-to-text:var(--spectrum-toast-bottom-to-text);--spectrum-toast-negative-background-color-default:var(--spectrum-negative-background-color-default);--spectrum-toast-positive-background-color-default:var(--spectrum-positive-background-color-default);--spectrum-toast-informative-background-color-default:var(--spectrum-informative-background-color-default);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--mod-toast-border-width,var(--spectrum-toast-border-width))solid var(--highcontrast-toast-border-color,transparent)}}:host{box-sizing:border-box;min-block-size:var(--mod-toast-block-size,var(--spectrum-toast-block-size));max-inline-size:var(--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size));border-radius:var(--mod-toast-corner-radius,var(--spectrum-toast-corner-radius));font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(--mod-toast-font-weight,var(--spectrum-toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));flex-direction:row;align-items:stretch;padding-inline-start:var(--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)));color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)));color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)));color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}.type{color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text))}.content{box-sizing:border-box;line-height:var(--mod-toast-line-height,var(--spectrum-toast-line-height));text-align:start;color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)));flex:auto;padding-block-start:calc(var(--mod-toast-spacing-top-edge-to-text,var(--spectrum-toast-spacing-top-edge-to-text)) - var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)));padding-block-end:calc(var(--mod-toast-spacing-bottom-edge-to-text,var(--spectrum-toast-spacing-bottom-edge-to-text)) - var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(zh),.content:lang(ko){line-height:var(--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk))}.buttons{border-inline-start-color:var(--mod-toast-divider-color,var(--spectrum-toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider));margin-block-end:var(--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button));display:flex}.buttons .spectrum-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start));padding-block-end:var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button))}:host{--spectrum-toast-background-color-default:var(--system-spectrum-toast-background-color-default)} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=spectrum-toast.css.dev.js.map |
"use strict";import{css as t}from"@spectrum-web-components/base";const o=t` | ||
:host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-text-and-action-button-to-divider:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var( | ||
--spectrum-spacing-100 | ||
);--spectrum-toast-spacing-top-edge-to-icon:var( | ||
--spectrum-toast-top-to-workflow-icon | ||
);--spectrum-toast-spacing-text-to-action-button-horizontal:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var( | ||
--spectrum-toast-top-to-text | ||
);--spectrum-toast-spacing-bottom-edge-to-text:var( | ||
--spectrum-toast-bottom-to-text | ||
);--spectrum-toast-negative-background-color-default:var( | ||
--spectrum-negative-background-color-default | ||
);--spectrum-toast-positive-background-color-default:var( | ||
--spectrum-positive-background-color-default | ||
);--spectrum-toast-informative-background-color-default:var( | ||
--spectrum-informative-background-color-default | ||
);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var( | ||
--mod-toast-border-width,var(--spectrum-toast-border-width) | ||
) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var( | ||
--mod-toast-corner-radius,var(--spectrum-toast-corner-radius) | ||
);box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var( | ||
--mod-toast-font-weight,var(--spectrum-toast-font-weight) | ||
);max-inline-size:var( | ||
--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size) | ||
);min-block-size:var( | ||
--mod-toast-block-size,var(--spectrum-toast-block-size) | ||
);-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var( | ||
--highcontrast-toast-background-color-default,var( | ||
--mod-toast-background-color-default,var(--spectrum-toast-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-background-color-default,var( | ||
--mod-toast-background-color-default,var(--spectrum-toast-background-color-default) | ||
) | ||
);display:inline-flex;flex-direction:row;padding-inline-start:var( | ||
--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon) | ||
)}:host([variant=negative]){background-color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=info]){background-color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=positive]){background-color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var( | ||
--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon) | ||
);margin-inline-end:var( | ||
--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text) | ||
);margin-inline-start:0}.content,.type{color:var( | ||
--highcontrast-toast-text-and-icon-color,var( | ||
--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color) | ||
) | ||
)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var( | ||
--mod-toast-line-height,var(--spectrum-toast-line-height) | ||
);padding-block-end:calc(var( | ||
--mod-toast-spacing-bottom-edge-to-text, | ||
var(--spectrum-toast-spacing-bottom-edge-to-text) | ||
) - var( | ||
--mod-toast-spacing-block-end, | ||
var(--spectrum-toast-spacing-block-end) | ||
));padding-block-start:calc(var( | ||
--mod-toast-spacing-top-edge-to-text, | ||
var(--spectrum-toast-spacing-top-edge-to-text) | ||
) - var( | ||
--mod-toast-spacing-block-start, | ||
var(--spectrum-toast-spacing-block-start) | ||
));padding-inline-end:var( | ||
--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal) | ||
);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var( | ||
--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk) | ||
)}.buttons{align-items:flex-start;border-inline-start-color:var( | ||
--mod-toast-divider-color,var(--spectrum-toast-divider-color) | ||
);display:flex;flex:none;margin-block-end:var( | ||
--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider) | ||
);margin-block-start:var( | ||
--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider) | ||
);padding-inline-end:var( | ||
--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button) | ||
)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:auto;flex-wrap:wrap;padding-block-end:var( | ||
--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end) | ||
);padding-block-start:var( | ||
--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start) | ||
)}.body ::slotted([slot=action]){margin-inline-end:var( | ||
--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider) | ||
)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var( | ||
--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider) | ||
)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var( | ||
--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button) | ||
)}:host{--spectrum-toast-background-color-default:var( | ||
--system-spectrum-toast-background-color-default | ||
)} | ||
:host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(--spectrum-spacing-300);--spectrum-toast-spacing-text-and-action-button-to-divider:var(--spectrum-spacing-300);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-icon:var(--spectrum-toast-top-to-workflow-icon);--spectrum-toast-spacing-text-to-action-button-horizontal:var(--spectrum-spacing-300);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(--spectrum-toast-top-to-text);--spectrum-toast-spacing-bottom-edge-to-text:var(--spectrum-toast-bottom-to-text);--spectrum-toast-negative-background-color-default:var(--spectrum-negative-background-color-default);--spectrum-toast-positive-background-color-default:var(--spectrum-positive-background-color-default);--spectrum-toast-informative-background-color-default:var(--spectrum-informative-background-color-default);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--mod-toast-border-width,var(--spectrum-toast-border-width))solid var(--highcontrast-toast-border-color,transparent)}}:host{box-sizing:border-box;min-block-size:var(--mod-toast-block-size,var(--spectrum-toast-block-size));max-inline-size:var(--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size));border-radius:var(--mod-toast-corner-radius,var(--spectrum-toast-corner-radius));font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(--mod-toast-font-weight,var(--spectrum-toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));flex-direction:row;align-items:stretch;padding-inline-start:var(--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)));color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)));color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)));color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}.type{color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text))}.content{box-sizing:border-box;line-height:var(--mod-toast-line-height,var(--spectrum-toast-line-height));text-align:start;color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)));flex:auto;padding-block-start:calc(var(--mod-toast-spacing-top-edge-to-text,var(--spectrum-toast-spacing-top-edge-to-text)) - var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)));padding-block-end:calc(var(--mod-toast-spacing-bottom-edge-to-text,var(--spectrum-toast-spacing-bottom-edge-to-text)) - var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(zh),.content:lang(ko){line-height:var(--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk))}.buttons{border-inline-start-color:var(--mod-toast-divider-color,var(--spectrum-toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider));margin-block-end:var(--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button));display:flex}.buttons .spectrum-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start));padding-block-end:var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button))}:host{--spectrum-toast-background-color-default:var(--system-spectrum-toast-background-color-default)} | ||
`;export default o; | ||
//# sourceMappingURL=spectrum-toast.css.js.map |
"use strict"; | ||
import { css } from "@spectrum-web-components/base"; | ||
const styles = css` | ||
:host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-text-and-action-button-to-divider:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var( | ||
--spectrum-spacing-100 | ||
);--spectrum-toast-spacing-top-edge-to-icon:var( | ||
--spectrum-toast-top-to-workflow-icon | ||
);--spectrum-toast-spacing-text-to-action-button-horizontal:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var( | ||
--spectrum-toast-top-to-text | ||
);--spectrum-toast-spacing-bottom-edge-to-text:var( | ||
--spectrum-toast-bottom-to-text | ||
);--spectrum-toast-negative-background-color-default:var( | ||
--spectrum-negative-background-color-default | ||
);--spectrum-toast-positive-background-color-default:var( | ||
--spectrum-positive-background-color-default | ||
);--spectrum-toast-informative-background-color-default:var( | ||
--spectrum-informative-background-color-default | ||
);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var( | ||
--mod-toast-border-width,var(--spectrum-toast-border-width) | ||
) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var( | ||
--mod-toast-corner-radius,var(--spectrum-toast-corner-radius) | ||
);box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var( | ||
--mod-toast-font-weight,var(--spectrum-toast-font-weight) | ||
);max-inline-size:var( | ||
--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size) | ||
);min-block-size:var( | ||
--mod-toast-block-size,var(--spectrum-toast-block-size) | ||
);-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var( | ||
--highcontrast-toast-background-color-default,var( | ||
--mod-toast-background-color-default,var(--spectrum-toast-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-background-color-default,var( | ||
--mod-toast-background-color-default,var(--spectrum-toast-background-color-default) | ||
) | ||
);display:inline-flex;flex-direction:row;padding-inline-start:var( | ||
--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon) | ||
)}:host([variant=negative]){background-color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=info]){background-color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=positive]){background-color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var( | ||
--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon) | ||
);margin-inline-end:var( | ||
--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text) | ||
);margin-inline-start:0}.content,.type{color:var( | ||
--highcontrast-toast-text-and-icon-color,var( | ||
--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color) | ||
) | ||
)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var( | ||
--mod-toast-line-height,var(--spectrum-toast-line-height) | ||
);padding-block-end:calc(var( | ||
--mod-toast-spacing-bottom-edge-to-text, | ||
var(--spectrum-toast-spacing-bottom-edge-to-text) | ||
) - var( | ||
--mod-toast-spacing-block-end, | ||
var(--spectrum-toast-spacing-block-end) | ||
));padding-block-start:calc(var( | ||
--mod-toast-spacing-top-edge-to-text, | ||
var(--spectrum-toast-spacing-top-edge-to-text) | ||
) - var( | ||
--mod-toast-spacing-block-start, | ||
var(--spectrum-toast-spacing-block-start) | ||
));padding-inline-end:var( | ||
--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal) | ||
);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var( | ||
--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk) | ||
)}.buttons{align-items:flex-start;border-inline-start-color:var( | ||
--mod-toast-divider-color,var(--spectrum-toast-divider-color) | ||
);display:flex;flex:none;margin-block-end:var( | ||
--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider) | ||
);margin-block-start:var( | ||
--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider) | ||
);padding-inline-end:var( | ||
--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button) | ||
)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:auto;flex-wrap:wrap;padding-block-end:var( | ||
--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end) | ||
);padding-block-start:var( | ||
--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start) | ||
)}.body ::slotted([slot=action]){margin-inline-end:var( | ||
--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider) | ||
)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var( | ||
--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider) | ||
)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var( | ||
--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button) | ||
)}:host{--spectrum-toast-background-color-default:var( | ||
--system-spectrum-toast-background-color-default | ||
)}:host{--spectrum-overlay-animation-distance:var(--spectrum-spacing-100);--spectrum-overlay-animation-duration:var( | ||
--spectrum-animation-duration-100 | ||
);opacity:0;pointer-events:none;transition:transform var(--spectrum-overlay-animation-duration) ease-in-out,opacity var(--spectrum-overlay-animation-duration) ease-in-out,visibility 0s linear var(--spectrum-overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0s;visibility:visible} | ||
:host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(--spectrum-spacing-300);--spectrum-toast-spacing-text-and-action-button-to-divider:var(--spectrum-spacing-300);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-icon:var(--spectrum-toast-top-to-workflow-icon);--spectrum-toast-spacing-text-to-action-button-horizontal:var(--spectrum-spacing-300);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(--spectrum-toast-top-to-text);--spectrum-toast-spacing-bottom-edge-to-text:var(--spectrum-toast-bottom-to-text);--spectrum-toast-negative-background-color-default:var(--spectrum-negative-background-color-default);--spectrum-toast-positive-background-color-default:var(--spectrum-positive-background-color-default);--spectrum-toast-informative-background-color-default:var(--spectrum-informative-background-color-default);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--mod-toast-border-width,var(--spectrum-toast-border-width))solid var(--highcontrast-toast-border-color,transparent)}}:host{box-sizing:border-box;min-block-size:var(--mod-toast-block-size,var(--spectrum-toast-block-size));max-inline-size:var(--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size));border-radius:var(--mod-toast-corner-radius,var(--spectrum-toast-corner-radius));font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(--mod-toast-font-weight,var(--spectrum-toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));flex-direction:row;align-items:stretch;padding-inline-start:var(--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)));color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)));color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)));color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}.type{color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text))}.content{box-sizing:border-box;line-height:var(--mod-toast-line-height,var(--spectrum-toast-line-height));text-align:start;color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)));flex:auto;padding-block-start:calc(var(--mod-toast-spacing-top-edge-to-text,var(--spectrum-toast-spacing-top-edge-to-text)) - var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)));padding-block-end:calc(var(--mod-toast-spacing-bottom-edge-to-text,var(--spectrum-toast-spacing-bottom-edge-to-text)) - var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(zh),.content:lang(ko){line-height:var(--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk))}.buttons{border-inline-start-color:var(--mod-toast-divider-color,var(--spectrum-toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider));margin-block-end:var(--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button));display:flex}.buttons .spectrum-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start));padding-block-end:var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button))}:host{--spectrum-toast-background-color-default:var(--system-spectrum-toast-background-color-default)}:host{--spectrum-overlay-animation-distance:var(--spectrum-spacing-100);--spectrum-overlay-animation-duration:var(--spectrum-animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--spectrum-overlay-animation-duration)ease-in-out,opacity var(--spectrum-overlay-animation-duration)ease-in-out,visibility 0s linear var(--spectrum-overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=toast.css.dev.js.map |
"use strict";import{css as t}from"@spectrum-web-components/base";const o=t` | ||
:host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-text-and-action-button-to-divider:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var( | ||
--spectrum-spacing-100 | ||
);--spectrum-toast-spacing-top-edge-to-icon:var( | ||
--spectrum-toast-top-to-workflow-icon | ||
);--spectrum-toast-spacing-text-to-action-button-horizontal:var( | ||
--spectrum-spacing-300 | ||
);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var( | ||
--spectrum-toast-top-to-text | ||
);--spectrum-toast-spacing-bottom-edge-to-text:var( | ||
--spectrum-toast-bottom-to-text | ||
);--spectrum-toast-negative-background-color-default:var( | ||
--spectrum-negative-background-color-default | ||
);--spectrum-toast-positive-background-color-default:var( | ||
--spectrum-positive-background-color-default | ||
);--spectrum-toast-informative-background-color-default:var( | ||
--spectrum-informative-background-color-default | ||
);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var( | ||
--mod-toast-border-width,var(--spectrum-toast-border-width) | ||
) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var( | ||
--mod-toast-corner-radius,var(--spectrum-toast-corner-radius) | ||
);box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var( | ||
--mod-toast-font-weight,var(--spectrum-toast-font-weight) | ||
);max-inline-size:var( | ||
--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size) | ||
);min-block-size:var( | ||
--mod-toast-block-size,var(--spectrum-toast-block-size) | ||
);-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var( | ||
--highcontrast-toast-background-color-default,var( | ||
--mod-toast-background-color-default,var(--spectrum-toast-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-background-color-default,var( | ||
--mod-toast-background-color-default,var(--spectrum-toast-background-color-default) | ||
) | ||
);display:inline-flex;flex-direction:row;padding-inline-start:var( | ||
--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon) | ||
)}:host([variant=negative]){background-color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-negative-background-color-default,var( | ||
--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default) | ||
) | ||
)}:host([variant=info]){background-color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-informative-background-color-default,var( | ||
--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default) | ||
) | ||
)}:host([variant=positive]){background-color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
);color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var( | ||
--highcontrast-toast-positive-background-color-default,var( | ||
--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default) | ||
) | ||
)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var( | ||
--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon) | ||
);margin-inline-end:var( | ||
--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text) | ||
);margin-inline-start:0}.content,.type{color:var( | ||
--highcontrast-toast-text-and-icon-color,var( | ||
--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color) | ||
) | ||
)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var( | ||
--mod-toast-line-height,var(--spectrum-toast-line-height) | ||
);padding-block-end:calc(var( | ||
--mod-toast-spacing-bottom-edge-to-text, | ||
var(--spectrum-toast-spacing-bottom-edge-to-text) | ||
) - var( | ||
--mod-toast-spacing-block-end, | ||
var(--spectrum-toast-spacing-block-end) | ||
));padding-block-start:calc(var( | ||
--mod-toast-spacing-top-edge-to-text, | ||
var(--spectrum-toast-spacing-top-edge-to-text) | ||
) - var( | ||
--mod-toast-spacing-block-start, | ||
var(--spectrum-toast-spacing-block-start) | ||
));padding-inline-end:var( | ||
--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal) | ||
);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var( | ||
--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk) | ||
)}.buttons{align-items:flex-start;border-inline-start-color:var( | ||
--mod-toast-divider-color,var(--spectrum-toast-divider-color) | ||
);display:flex;flex:none;margin-block-end:var( | ||
--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider) | ||
);margin-block-start:var( | ||
--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider) | ||
);padding-inline-end:var( | ||
--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button) | ||
)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:auto;flex-wrap:wrap;padding-block-end:var( | ||
--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end) | ||
);padding-block-start:var( | ||
--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start) | ||
)}.body ::slotted([slot=action]){margin-inline-end:var( | ||
--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider) | ||
)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var( | ||
--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider) | ||
)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var( | ||
--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button) | ||
)}:host{--spectrum-toast-background-color-default:var( | ||
--system-spectrum-toast-background-color-default | ||
)}:host{--spectrum-overlay-animation-distance:var(--spectrum-spacing-100);--spectrum-overlay-animation-duration:var( | ||
--spectrum-animation-duration-100 | ||
);opacity:0;pointer-events:none;transition:transform var(--spectrum-overlay-animation-duration) ease-in-out,opacity var(--spectrum-overlay-animation-duration) ease-in-out,visibility 0s linear var(--spectrum-overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0s;visibility:visible} | ||
:host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(--spectrum-spacing-300);--spectrum-toast-spacing-text-and-action-button-to-divider:var(--spectrum-spacing-300);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-icon:var(--spectrum-toast-top-to-workflow-icon);--spectrum-toast-spacing-text-to-action-button-horizontal:var(--spectrum-spacing-300);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(--spectrum-toast-top-to-text);--spectrum-toast-spacing-bottom-edge-to-text:var(--spectrum-toast-bottom-to-text);--spectrum-toast-negative-background-color-default:var(--spectrum-negative-background-color-default);--spectrum-toast-positive-background-color-default:var(--spectrum-positive-background-color-default);--spectrum-toast-informative-background-color-default:var(--spectrum-informative-background-color-default);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--mod-toast-border-width,var(--spectrum-toast-border-width))solid var(--highcontrast-toast-border-color,transparent)}}:host{box-sizing:border-box;min-block-size:var(--mod-toast-block-size,var(--spectrum-toast-block-size));max-inline-size:var(--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size));border-radius:var(--mod-toast-corner-radius,var(--spectrum-toast-corner-radius));font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(--mod-toast-font-weight,var(--spectrum-toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));flex-direction:row;align-items:stretch;padding-inline-start:var(--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)));color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)));color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)));color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}.type{color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text))}.content{box-sizing:border-box;line-height:var(--mod-toast-line-height,var(--spectrum-toast-line-height));text-align:start;color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)));flex:auto;padding-block-start:calc(var(--mod-toast-spacing-top-edge-to-text,var(--spectrum-toast-spacing-top-edge-to-text)) - var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)));padding-block-end:calc(var(--mod-toast-spacing-bottom-edge-to-text,var(--spectrum-toast-spacing-bottom-edge-to-text)) - var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(zh),.content:lang(ko){line-height:var(--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk))}.buttons{border-inline-start-color:var(--mod-toast-divider-color,var(--spectrum-toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider));margin-block-end:var(--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button));display:flex}.buttons .spectrum-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start));padding-block-end:var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button))}:host{--spectrum-toast-background-color-default:var(--system-spectrum-toast-background-color-default)}:host{--spectrum-overlay-animation-distance:var(--spectrum-spacing-100);--spectrum-overlay-animation-duration:var(--spectrum-animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--spectrum-overlay-animation-duration)ease-in-out,opacity var(--spectrum-overlay-animation-duration)ease-in-out,visibility 0s linear var(--spectrum-overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s} | ||
`;export default o; | ||
//# sourceMappingURL=toast.css.js.map |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
169727
1220