@spectrum-web-components/toast 0.40.5 → 0.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +7 -7
  2. package/src/spectrum-toast.css.dev.js +11 -11
  3. package/src/spectrum-toast.css.dev.js.map +1 -1
  4. package/src/spectrum-toast.css.js +11 -11
  5. package/src/spectrum-toast.css.js.map +1 -1
  6. package/src/toast.css.dev.js +11 -11
  7. package/src/toast.css.dev.js.map +1 -1
  8. package/src/toast.css.js +11 -11
  9. package/src/toast.css.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/toast",
3
- "version": "0.40.5",
3
+ "version": "0.41.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,11 +57,11 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.40.5",
61
- "@spectrum-web-components/button": "^0.40.5",
62
- "@spectrum-web-components/icon": "^0.40.5",
63
- "@spectrum-web-components/icons-workflow": "^0.40.5",
64
- "@spectrum-web-components/shared": "^0.40.5"
60
+ "@spectrum-web-components/base": "^0.41.0",
61
+ "@spectrum-web-components/button": "^0.41.0",
62
+ "@spectrum-web-components/icon": "^0.41.0",
63
+ "@spectrum-web-components/icons-workflow": "^0.41.0",
64
+ "@spectrum-web-components/shared": "^0.41.0"
65
65
  },
66
66
  "devDependencies": {
67
67
  "@spectrum-css/toast": "^9.1.20"
@@ -72,5 +72,5 @@
72
72
  "./sp-*.js",
73
73
  "./**/*.dev.js"
74
74
  ],
75
- "gitHead": "2e0006478841b07af63c19a0167a136bf724d064"
75
+ "gitHead": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
76
76
  }
package/src/spectrum-toast.css.dev.js CHANGED
@@ -23,23 +23,23 @@ const styles = css`
23
23
  --spectrum-informative-background-color-default
24
24
  );--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(
25
25
  --mod-toast-border-width,var(--spectrum-toast-border-width)
26
- ) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(
27
- --highcontrast-toast-background-color-default,var(
28
- --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
29
- )
30
- );border-radius:var(
26
+ ) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var(
31
27
  --mod-toast-corner-radius,var(--spectrum-toast-corner-radius)
32
- );box-sizing:border-box;color:var(
33
- --highcontrast-toast-background-color-default,var(
34
- --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
35
- )
36
- );display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(
28
+ );box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(
37
29
  --mod-toast-font-weight,var(--spectrum-toast-font-weight)
38
30
  );max-inline-size:var(
39
31
  --mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)
40
32
  );min-block-size:var(
41
33
  --mod-toast-block-size,var(--spectrum-toast-block-size)
42
- );padding-inline-start:var(
34
+ );-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(
35
+ --highcontrast-toast-background-color-default,var(
36
+ --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
37
+ )
38
+ );color:var(
39
+ --highcontrast-toast-background-color-default,var(
40
+ --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
41
+ )
42
+ );display:inline-flex;flex-direction:row;padding-inline-start:var(
43
43
  --mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)
44
44
  )}:host([variant=negative]){background-color:var(
45
45
  --highcontrast-toast-negative-background-color-default,var(
package/src/spectrum-toast.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-toast.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-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(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--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(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--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(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);max-inline-size:var(\n--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)\n);min-block-size:var(\n--mod-toast-block-size,var(--spectrum-toast-block-size)\n);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:none;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.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(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--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(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--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(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);max-inline-size:var(\n--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)\n);min-block-size:var(\n--mod-toast-block-size,var(--spectrum-toast-block-size)\n);-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:none;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.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(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}\n`;\nexport default styles;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyIf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-toast.css.js CHANGED
@@ -21,23 +21,23 @@
21
21
  --spectrum-informative-background-color-default
22
22
  );--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(
23
23
  --mod-toast-border-width,var(--spectrum-toast-border-width)
24
- ) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(
25
- --highcontrast-toast-background-color-default,var(
26
- --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
27
- )
28
- );border-radius:var(
24
+ ) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var(
29
25
  --mod-toast-corner-radius,var(--spectrum-toast-corner-radius)
30
- );box-sizing:border-box;color:var(
31
- --highcontrast-toast-background-color-default,var(
32
- --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
33
- )
34
- );display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(
26
+ );box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(
35
27
  --mod-toast-font-weight,var(--spectrum-toast-font-weight)
36
28
  );max-inline-size:var(
37
29
  --mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)
38
30
  );min-block-size:var(
39
31
  --mod-toast-block-size,var(--spectrum-toast-block-size)
40
- );padding-inline-start:var(
32
+ );-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(
33
+ --highcontrast-toast-background-color-default,var(
34
+ --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
35
+ )
36
+ );color:var(
37
+ --highcontrast-toast-background-color-default,var(
38
+ --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
39
+ )
40
+ );display:inline-flex;flex-direction:row;padding-inline-start:var(
41
41
  --mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)
42
42
  )}:host([variant=negative]){background-color:var(
43
43
  --highcontrast-toast-negative-background-color-default,var(
package/src/spectrum-toast.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-toast.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-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(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--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(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--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(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);max-inline-size:var(\n--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)\n);min-block-size:var(\n--mod-toast-block-size,var(--spectrum-toast-block-size)\n);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:none;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.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(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--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(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--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(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);max-inline-size:var(\n--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)\n);min-block-size:var(\n--mod-toast-block-size,var(--spectrum-toast-block-size)\n);-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:none;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.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(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyIf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/toast.css.dev.js CHANGED
@@ -23,23 +23,23 @@ const styles = css`
23
23
  --spectrum-informative-background-color-default
24
24
  );--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(
25
25
  --mod-toast-border-width,var(--spectrum-toast-border-width)
26
- ) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(
27
- --highcontrast-toast-background-color-default,var(
28
- --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
29
- )
30
- );border-radius:var(
26
+ ) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var(
31
27
  --mod-toast-corner-radius,var(--spectrum-toast-corner-radius)
32
- );box-sizing:border-box;color:var(
33
- --highcontrast-toast-background-color-default,var(
34
- --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
35
- )
36
- );display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(
28
+ );box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(
37
29
  --mod-toast-font-weight,var(--spectrum-toast-font-weight)
38
30
  );max-inline-size:var(
39
31
  --mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)
40
32
  );min-block-size:var(
41
33
  --mod-toast-block-size,var(--spectrum-toast-block-size)
42
- );padding-inline-start:var(
34
+ );-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(
35
+ --highcontrast-toast-background-color-default,var(
36
+ --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
37
+ )
38
+ );color:var(
39
+ --highcontrast-toast-background-color-default,var(
40
+ --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
41
+ )
42
+ );display:inline-flex;flex-direction:row;padding-inline-start:var(
43
43
  --mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)
44
44
  )}:host([variant=negative]){background-color:var(
45
45
  --highcontrast-toast-negative-background-color-default,var(
package/src/toast.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["toast.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-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(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--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(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--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(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);max-inline-size:var(\n--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)\n);min-block-size:var(\n--mod-toast-block-size,var(--spectrum-toast-block-size)\n);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:none;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.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(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}:host{--spectrum-overlay-animation-distance:6px;--spectrum-overlay-animation-duration:var(\n--spectrum-animation-duration-100\n);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}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--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(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--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(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);max-inline-size:var(\n--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)\n);min-block-size:var(\n--mod-toast-block-size,var(--spectrum-toast-block-size)\n);-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:none;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.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(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}:host{--spectrum-overlay-animation-distance:6px;--spectrum-overlay-animation-duration:var(\n--spectrum-animation-duration-100\n);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}\n`;\nexport default styles;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2If,eAAe;",
6
6
  "names": []
7
7
  }
package/src/toast.css.js CHANGED
@@ -21,23 +21,23 @@
21
21
  --spectrum-informative-background-color-default
22
22
  );--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(
23
23
  --mod-toast-border-width,var(--spectrum-toast-border-width)
24
- ) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(
25
- --highcontrast-toast-background-color-default,var(
26
- --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
27
- )
28
- );border-radius:var(
24
+ ) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var(
29
25
  --mod-toast-corner-radius,var(--spectrum-toast-corner-radius)
30
- );box-sizing:border-box;color:var(
31
- --highcontrast-toast-background-color-default,var(
32
- --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
33
- )
34
- );display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(
26
+ );box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(
35
27
  --mod-toast-font-weight,var(--spectrum-toast-font-weight)
36
28
  );max-inline-size:var(
37
29
  --mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)
38
30
  );min-block-size:var(
39
31
  --mod-toast-block-size,var(--spectrum-toast-block-size)
40
- );padding-inline-start:var(
32
+ );-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(
33
+ --highcontrast-toast-background-color-default,var(
34
+ --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
35
+ )
36
+ );color:var(
37
+ --highcontrast-toast-background-color-default,var(
38
+ --mod-toast-background-color-default,var(--spectrum-toast-background-color-default)
39
+ )
40
+ );display:inline-flex;flex-direction:row;padding-inline-start:var(
41
41
  --mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)
42
42
  )}:host([variant=negative]){background-color:var(
43
43
  --highcontrast-toast-negative-background-color-default,var(
package/src/toast.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["toast.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-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(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--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(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--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(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);max-inline-size:var(\n--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)\n);min-block-size:var(\n--mod-toast-block-size,var(--spectrum-toast-block-size)\n);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:none;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.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(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}:host{--spectrum-overlay-animation-distance:6px;--spectrum-overlay-animation-duration:var(\n--spectrum-animation-duration-100\n);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}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--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(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--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(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);max-inline-size:var(\n--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size)\n);min-block-size:var(\n--mod-toast-block-size,var(--spectrum-toast-block-size)\n);-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:none;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.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(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-inline-start:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}:host{--spectrum-overlay-animation-distance:6px;--spectrum-overlay-animation-duration:var(\n--spectrum-animation-duration-100\n);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}\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2If,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }