@spectrum-web-components/divider 1.9.0 → 1.9.1-nightly.20251028221318

package/src/Divider.dev.js

@@ -1,52 +1,13 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
 import {
-  html,
-  SizedMixin,
-  SpectrumElement
+  html
 } from "@spectrum-web-components/base";
-import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { DividerBase } from "@spectrum-web-components/core/components/divider";
 import styles from "./divider.css.js";
-export class Divider extends SizedMixin(SpectrumElement, {
-  validSizes: ["s", "m", "l"],
-  noDefaultSize: true
-}) {
-  constructor() {
-    super(...arguments);
-    this.vertical = false;
-  }
+export class Divider extends DividerBase {
   render() {
     return html``;
   }
-  firstUpdated(changed) {
-    super.firstUpdated(changed);
-    this.setAttribute("role", "separator");
-  }
-  updated(changed) {
-    super.updated(changed);
-    if (changed.has("vertical")) {
-      if (this.vertical) {
-        this.setAttribute("aria-orientation", "vertical");
-      } else {
-        this.removeAttribute("aria-orientation");
-      }
-    }
-  }
 }
 Divider.styles = [styles];
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Divider.prototype, "vertical", 2);
-__decorateClass([
-  property({ reflect: true, attribute: "static-color" })
-], Divider.prototype, "staticColor", 2);
 //# sourceMappingURL=Divider.dev.js.map

package/src/Divider.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Divider.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport styles from './divider.css.js';\n\n/**\n * @element sp-divider\n */\nexport class Divider extends SizedMixin(SpectrumElement, {\n    validSizes: ['s', 'm', 'l'],\n    noDefaultSize: true,\n}) {\n    public static override styles: CSSResultArray = [styles];\n\n    /**\n     * Whether the divider is vertical. If false, the divider is horizontal. The default is false.\n     */\n    @property({ type: Boolean, reflect: true })\n    public vertical = false;\n\n    /**\n     * The static color variant to use for the divider.\n     */\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'white' | 'black';\n\n    protected override render(): TemplateResult {\n        return html``;\n    }\n\n    protected override firstUpdated(changed: PropertyValues<this>): void {\n        super.firstUpdated(changed);\n        this.setAttribute('role', 'separator');\n    }\n\n    protected override updated(changed: PropertyValues<this>): void {\n        super.updated(changed);\n        if (changed.has('vertical')) {\n            if (this.vertical) {\n                this.setAttribute('aria-orientation', 'vertical');\n            } else {\n                this.removeAttribute('aria-orientation');\n            }\n        }\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,OAAO,YAAY;AAKZ,aAAM,gBAAgB,WAAW,iBAAiB;AAAA,EACrD,YAAY,CAAC,KAAK,KAAK,GAAG;AAAA,EAC1B,eAAe;AACnB,CAAC,EAAE;AAAA,EAHI;AAAA;AAUH,SAAO,WAAW;AAAA;AAAA,EAQC,SAAyB;AACxC,WAAO;AAAA,EACX;AAAA,EAEmB,aAAa,SAAqC;AACjE,UAAM,aAAa,OAAO;AAC1B,SAAK,aAAa,QAAQ,WAAW;AAAA,EACzC;AAAA,EAEmB,QAAQ,SAAqC;AAC5D,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,UAAI,KAAK,UAAU;AACf,aAAK,aAAa,oBAAoB,UAAU;AAAA,MACpD,OAAO;AACH,aAAK,gBAAgB,kBAAkB;AAAA,MAC3C;AAAA,IACJ;AAAA,EACJ;AACJ;AArCa,QAIc,SAAyB,CAAC,MAAM;AAMhD;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GATjC,QAUF;AAMA;AAAA,EADN,SAAS,EAAE,SAAS,MAAM,WAAW,eAAe,CAAC;AAAA,GAf7C,QAgBF;",
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\n\nimport { DividerBase } from '@spectrum-web-components/core/components/divider';\nimport styles from './divider.css.js';\n\n/**\n * @element sp-divider\n */\nexport class Divider extends DividerBase {\n    public static override styles: CSSResultArray = [styles];\n\n    protected override render(): TemplateResult {\n        return html``;\n    }\n}\n"],
+  "mappings": ";AAYA;AAAA,EAEI;AAAA,OAEG;AAEP,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AAKZ,aAAM,gBAAgB,YAAY;AAAA,EAGlB,SAAyB;AACxC,WAAO;AAAA,EACX;AACJ;AANa,QACc,SAAyB,CAAC,MAAM;",
   "names": []
 }

package/src/Divider.js

@@ -1,2 +1,2 @@
-"use strict";var u=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(s,r,e,i)=>{for(var t=i>1?void 0:i?c(r,e):r,o=s.length-1,a;o>=0;o--)(a=s[o])&&(t=(i?a(r,e,t):a(t))||t);return i&&t&&u(r,e,t),t};import{html as d,SizedMixin as m,SpectrumElement as f}from"@spectrum-web-components/base";import{property as p}from"@spectrum-web-components/base/src/decorators.js";import n from"./divider.css.js";export class Divider extends m(f,{validSizes:["s","m","l"],noDefaultSize:!0}){constructor(){super(...arguments);this.vertical=!1}render(){return d``}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","separator")}updated(e){super.updated(e),e.has("vertical")&&(this.vertical?this.setAttribute("aria-orientation","vertical"):this.removeAttribute("aria-orientation"))}}Divider.styles=[n],l([p({type:Boolean,reflect:!0})],Divider.prototype,"vertical",2),l([p({reflect:!0,attribute:"static-color"})],Divider.prototype,"staticColor",2);
+"use strict";import{html as e}from"@spectrum-web-components/base";import{DividerBase as r}from"@spectrum-web-components/core/components/divider";import t from"./divider.css.js";export class Divider extends r{render(){return e``}}Divider.styles=[t];
 //# sourceMappingURL=Divider.js.map

package/src/Divider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Divider.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport styles from './divider.css.js';\n\n/**\n * @element sp-divider\n */\nexport class Divider extends SizedMixin(SpectrumElement, {\n    validSizes: ['s', 'm', 'l'],\n    noDefaultSize: true,\n}) {\n    public static override styles: CSSResultArray = [styles];\n\n    /**\n     * Whether the divider is vertical. If false, the divider is horizontal. The default is false.\n     */\n    @property({ type: Boolean, reflect: true })\n    public vertical = false;\n\n    /**\n     * The static color variant to use for the divider.\n     */\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'white' | 'black';\n\n    protected override render(): TemplateResult {\n        return html``;\n    }\n\n    protected override firstUpdated(changed: PropertyValues<this>): void {\n        super.firstUpdated(changed);\n        this.setAttribute('role', 'separator');\n    }\n\n    protected override updated(changed: PropertyValues<this>): void {\n        super.updated(changed);\n        if (changed.has('vertical')) {\n            if (this.vertical) {\n                this.setAttribute('aria-orientation', 'vertical');\n            } else {\n                this.removeAttribute('aria-orientation');\n            }\n        }\n    }\n}\n"],
-  "mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,OAAOC,MAAY,mBAKZ,aAAM,gBAAgBH,EAAWC,EAAiB,CACrD,WAAY,CAAC,IAAK,IAAK,GAAG,EAC1B,cAAe,EACnB,CAAC,CAAE,CAHI,kCAUH,KAAO,SAAW,GAQC,QAAyB,CACxC,OAAOF,GACX,CAEmB,aAAaK,EAAqC,CACjE,MAAM,aAAaA,CAAO,EAC1B,KAAK,aAAa,OAAQ,WAAW,CACzC,CAEmB,QAAQA,EAAqC,CAC5D,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,IAClB,KAAK,SACL,KAAK,aAAa,mBAAoB,UAAU,EAEhD,KAAK,gBAAgB,kBAAkB,EAGnD,CACJ,CArCa,QAIc,OAAyB,CAACD,CAAM,EAMhDE,EAAA,CADNH,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GATjC,QAUF,wBAMAG,EAAA,CADNH,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GAf7C,QAgBF",
-  "names": ["html", "SizedMixin", "SpectrumElement", "property", "styles", "changed", "__decorateClass"]
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\n\nimport { DividerBase } from '@spectrum-web-components/core/components/divider';\nimport styles from './divider.css.js';\n\n/**\n * @element sp-divider\n */\nexport class Divider extends DividerBase {\n    public static override styles: CSSResultArray = [styles];\n\n    protected override render(): TemplateResult {\n        return html``;\n    }\n}\n"],
+  "mappings": "aAYA,OAEI,QAAAA,MAEG,gCAEP,OAAS,eAAAC,MAAmB,mDAC5B,OAAOC,MAAY,mBAKZ,aAAM,gBAAgBD,CAAY,CAGlB,QAAyB,CACxC,OAAOD,GACX,CACJ,CANa,QACc,OAAyB,CAACE,CAAM",
+  "names": ["html", "DividerBase", "styles"]
 }

package/src/divider-overrides.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["divider-overrides.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}\n`;\nexport default styles;"],
-  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}\n`;\nexport default styles;"],
+  "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/divider-overrides.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["divider-overrides.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}\n`;\nexport default styles;"],
+  "mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/divider.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["divider.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}:host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
-  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}:host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
+  "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/divider.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["divider.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}:host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}:host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
+  "mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-divider.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-divider.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}\n`;\nexport default styles;"],
-  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}\n`;\nexport default styles;"],
+  "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/spectrum-divider.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-divider.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}\n`;\nexport default styles;"],
+  "mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/stories/divider.stories.js

@@ -0,0 +1,131 @@
+"use strict";
+import { html } from "@spectrum-web-components/base";
+import "@spectrum-web-components/divider/sp-divider.js";
+import "./typography-decorator.js";
+import "@spectrum-web-components/action-button/sp-action-button.js";
+import "@spectrum-web-components/icon/sp-icon.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-align-left.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-align-right.js";
+export default {
+  title: "Divider",
+  decorators: [
+    (story) => html`
+            <typography-decorator .story=${story()}></typography-decorator>
+        `
+  ]
+};
+export const large = () => {
+  return html`
+        <h2 class="spectrum-Heading spectrum-Heading--sizeM">Large</h2>
+        <sp-divider size="l"></sp-divider>
+        <p class="spectrum-Body">Page or Section Titles.</p>
+    `;
+};
+export const medium = () => {
+  return html`
+        <h3 class="spectrum-Heading spectrum-Heading--sizeS">Medium</h3>
+        <sp-divider size="m"></sp-divider>
+        <p class="spectrum-Body">
+            Divide subsections, or divide different groups of elements (between
+            panels, rails, etc.)
+        </p>
+    `;
+};
+export const small = () => {
+  return html`
+        <h4 class="spectrum-Heading spectrum-Heading--sizeXS">Small</h4>
+        <sp-divider size="s"></sp-divider>
+        <p class="spectrum-Body">
+            Divide like-elements (tables, tool groups, elements within a panel,
+            etc.)
+        </p>
+    `;
+};
+export const verticalSmall = () => {
+  return html`
+        <div style="height: var(--spectrum-spacing-500, 32px); display: flex;">
+            <sp-action-button quiet>
+                <sp-icon-align-left slot="icon"></sp-icon-align-left>
+            </sp-action-button>
+            <sp-divider
+                vertical
+                size="s"
+                style="height: auto; align-self: stretch;"
+            ></sp-divider>
+            <sp-action-button quiet>
+                <sp-icon-align-right slot="icon"></sp-icon-align-right>
+            </sp-action-button>
+        </div>
+    `;
+};
+export const verticalMedium = () => {
+  return html`
+        <div style="height: var(--spectrum-spacing-500, 32px); display: flex;">
+            <sp-action-button quiet>
+                <sp-icon-align-left slot="icon"></sp-icon-align-left>
+            </sp-action-button>
+            <sp-divider
+                size="m"
+                vertical
+                style="height: auto; align-self: stretch;"
+            ></sp-divider>
+            <sp-action-button quiet>
+                <sp-icon-align-right slot="icon"></sp-icon-align-right>
+            </sp-action-button>
+        </div>
+    `;
+};
+export const verticalLarge = () => {
+  return html`
+        <div style="height: var(--spectrum-spacing-500, 32px); display: flex;">
+            <sp-action-button quiet>
+                <sp-icon-align-left slot="icon"></sp-icon-align-left>
+            </sp-action-button>
+            <sp-divider
+                size="l"
+                vertical
+                style="height: auto; align-self: stretch;"
+            ></sp-divider>
+            <sp-action-button quiet>
+                <sp-icon-align-right slot="icon"></sp-icon-align-right>
+            </sp-action-button>
+        </div>
+    `;
+};
+export const staticBlack = () => {
+  return html`
+        <div
+            style="background-color: var(--spectrum-docs-static-black-background-color); padding: 20px"
+        >
+            <h2
+                class="spectrum-Heading spectrum-Heading--sizeS"
+                style="color: var(--spectrum-black)"
+            >
+                Static black on light background
+            </h2>
+            <sp-divider static-color="black" size="m"></sp-divider>
+            <p class="spectrum-Body" style="color: var(--spectrum-black)">
+                Use static black on light color or image backgrounds.
+            </p>
+        </div>
+    `;
+};
+export const staticWhite = () => {
+  return html`
+        <div
+            style="background-color: var(--spectrum-docs-static-white-background-color); padding: 20px;"
+        >
+            <h2
+                class="spectrum-Heading spectrum-Heading--sizeS"
+                style="color: var(--spectrum-white)"
+            >
+                Static white on dark background
+            </h2>
+            <sp-divider static-color="white" size="m"></sp-divider>
+            <p class="spectrum-Body" style="color: var(--spectrum-white)">
+                Use static white on dark color or image backgrounds.
+            </p>
+        </div>
+    `;
+};
+//# sourceMappingURL=divider.stories.js.map

package/stories/divider.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["divider.stories.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/divider/sp-divider.js';\nimport './typography-decorator.js';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-align-left.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-align-right.js';\n\nexport default {\n    title: 'Divider',\n    decorators: [\n        (story: () => TemplateResult): TemplateResult => html`\n            <typography-decorator .story=${story()}></typography-decorator>\n        `,\n    ],\n};\n\nexport const large = (): TemplateResult => {\n    return html`\n        <h2 class=\"spectrum-Heading spectrum-Heading--sizeM\">Large</h2>\n        <sp-divider size=\"l\"></sp-divider>\n        <p class=\"spectrum-Body\">Page or Section Titles.</p>\n    `;\n};\n\nexport const medium = (): TemplateResult => {\n    return html`\n        <h3 class=\"spectrum-Heading spectrum-Heading--sizeS\">Medium</h3>\n        <sp-divider size=\"m\"></sp-divider>\n        <p class=\"spectrum-Body\">\n            Divide subsections, or divide different groups of elements (between\n            panels, rails, etc.)\n        </p>\n    `;\n};\n\nexport const small = (): TemplateResult => {\n    return html`\n        <h4 class=\"spectrum-Heading spectrum-Heading--sizeXS\">Small</h4>\n        <sp-divider size=\"s\"></sp-divider>\n        <p class=\"spectrum-Body\">\n            Divide like-elements (tables, tool groups, elements within a panel,\n            etc.)\n        </p>\n    `;\n};\n\nexport const verticalSmall = (): TemplateResult => {\n    return html`\n        <div style=\"height: var(--spectrum-spacing-500, 32px); display: flex;\">\n            <sp-action-button quiet>\n                <sp-icon-align-left slot=\"icon\"></sp-icon-align-left>\n            </sp-action-button>\n            <sp-divider\n                vertical\n                size=\"s\"\n                style=\"height: auto; align-self: stretch;\"\n            ></sp-divider>\n            <sp-action-button quiet>\n                <sp-icon-align-right slot=\"icon\"></sp-icon-align-right>\n            </sp-action-button>\n        </div>\n    `;\n};\n\nexport const verticalMedium = (): TemplateResult => {\n    return html`\n        <div style=\"height: var(--spectrum-spacing-500, 32px); display: flex;\">\n            <sp-action-button quiet>\n                <sp-icon-align-left slot=\"icon\"></sp-icon-align-left>\n            </sp-action-button>\n            <sp-divider\n                size=\"m\"\n                vertical\n                style=\"height: auto; align-self: stretch;\"\n            ></sp-divider>\n            <sp-action-button quiet>\n                <sp-icon-align-right slot=\"icon\"></sp-icon-align-right>\n            </sp-action-button>\n        </div>\n    `;\n};\n\nexport const verticalLarge = (): TemplateResult => {\n    return html`\n        <div style=\"height: var(--spectrum-spacing-500, 32px); display: flex;\">\n            <sp-action-button quiet>\n                <sp-icon-align-left slot=\"icon\"></sp-icon-align-left>\n            </sp-action-button>\n            <sp-divider\n                size=\"l\"\n                vertical\n                style=\"height: auto; align-self: stretch;\"\n            ></sp-divider>\n            <sp-action-button quiet>\n                <sp-icon-align-right slot=\"icon\"></sp-icon-align-right>\n            </sp-action-button>\n        </div>\n    `;\n};\n\nexport const staticBlack = (): TemplateResult => {\n    return html`\n        <div\n            style=\"background-color: var(--spectrum-docs-static-black-background-color); padding: 20px\"\n        >\n            <h2\n                class=\"spectrum-Heading spectrum-Heading--sizeS\"\n                style=\"color: var(--spectrum-black)\"\n            >\n                Static black on light background\n            </h2>\n            <sp-divider static-color=\"black\" size=\"m\"></sp-divider>\n            <p class=\"spectrum-Body\" style=\"color: var(--spectrum-black)\">\n                Use static black on light color or image backgrounds.\n            </p>\n        </div>\n    `;\n};\n\nexport const staticWhite = (): TemplateResult => {\n    return html`\n        <div\n            style=\"background-color: var(--spectrum-docs-static-white-background-color); padding: 20px;\"\n        >\n            <h2\n                class=\"spectrum-Heading spectrum-Heading--sizeS\"\n                style=\"color: var(--spectrum-white)\"\n            >\n                Static white on dark background\n            </h2>\n            <sp-divider static-color=\"white\" size=\"m\"></sp-divider>\n            <p class=\"spectrum-Body\" style=\"color: var(--spectrum-white)\">\n                Use static white on dark color or image backgrounds.\n            </p>\n        </div>\n    `;\n};\n"],
+  "mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,IACR,CAAC,UAAgD;AAAA,2CACd,MAAM,CAAC;AAAA;AAAA,EAE9C;AACJ;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAAA;AAAA;AAKX;AAEO,aAAM,SAAS,MAAsB;AACxC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeX;AAEO,aAAM,iBAAiB,MAAsB;AAChD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeX;AAEO,aAAM,cAAc,MAAsB;AAC7C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBX;AAEO,aAAM,cAAc,MAAsB;AAC7C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBX;",
+  "names": []
+}

package/stories/typography-decorator.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  LitElement
+} from "@spectrum-web-components/base";
+import {
+  customElement,
+  property
+} from "@spectrum-web-components/base/src/decorators.js";
+import styles from "@spectrum-web-components/theme/src/typography.css.js";
+export let Typography = class extends LitElement {
+  render() {
+    if (!this.story) return html``;
+    return html`
+            <div class="spectrum-Typography">${this.story}</div>
+        `;
+  }
+};
+Typography.styles = [styles];
+__decorateClass([
+  property({ attribute: false })
+], Typography.prototype, "story", 2);
+Typography = __decorateClass([
+  customElement("typography-decorator")
+], Typography);
+//# sourceMappingURL=typography-decorator.js.map

package/stories/typography-decorator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["typography-decorator.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    LitElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    customElement,\n    property,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport styles from '@spectrum-web-components/theme/src/typography.css.js';\n\n/**\n * @element typography-decorator\n */\n@customElement('typography-decorator')\nexport class Typography extends LitElement {\n    static override styles: CSSResultArray = [styles];\n\n    @property({ attribute: false })\n    public story?: TemplateResult;\n\n    protected override render(): TemplateResult {\n        if (!this.story) return html``;\n        return html`\n            <div class=\"spectrum-Typography\">${this.story}</div>\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,OAAO,YAAY;AAMZ,WAAM,aAAN,cAAyB,WAAW;AAAA,EAMpB,SAAyB;AACxC,QAAI,CAAC,KAAK,MAAO,QAAO;AACxB,WAAO;AAAA,+CACgC,KAAK,KAAK;AAAA;AAAA,EAErD;AACJ;AAZa,WACO,SAAyB,CAAC,MAAM;AAGzC;AAAA,EADN,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,GAHrB,WAIF;AAJE,aAAN;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB;",
+  "names": []
+}

package/test/benchmark/basic-test.js

@@ -0,0 +1,8 @@
+"use strict";
+import "@spectrum-web-components/divider/sp-divider.js";
+import { html } from "lit";
+import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
+measureFixtureCreation(html`
+    <sp-divider></sp-divider>
+`);
+//# sourceMappingURL=basic-test.js.map

package/{sp-divider.dev.js.map → test/benchmark/basic-test.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["sp-divider.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { Divider } from './src/Divider.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-divider', Divider);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-divider': Divider;\n    }\n}\n"],
-  "mappings": ";AAYA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAE9B,cAAc,cAAc,OAAO;",
+  "sources": ["basic-test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport '@spectrum-web-components/divider/sp-divider.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-divider></sp-divider>\n`);\n"],
+  "mappings": ";AAYA,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA,CAEtB;",
   "names": []
 }

package/test/divider-memory.test.js

@@ -0,0 +1,8 @@
+"use strict";
+import { html } from "@open-wc/testing";
+import "@spectrum-web-components/divider/sp-divider.js";
+import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
+testForMemoryLeaks(html`
+    <sp-divider></sp-divider>
+`);
+//# sourceMappingURL=divider-memory.test.js.map

package/{sp-divider.js.map → test/divider-memory.test.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["sp-divider.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { Divider } from './src/Divider.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-divider', Divider);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-divider': Divider;\n    }\n}\n"],
-  "mappings": "aAYA,OAAS,WAAAA,MAAe,mBACxB,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,aAAcD,CAAO",
-  "names": ["Divider", "defineElement"]
+  "sources": ["divider-memory.test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { html } from '@open-wc/testing';\nimport '@spectrum-web-components/divider/sp-divider.js';\nimport { testForMemoryLeaks } from '../../../test/testing-helpers.js';\n\ntestForMemoryLeaks(html`\n    <sp-divider></sp-divider>\n`);\n"],
+  "mappings": ";AAYA,SAAS,YAAY;AACrB,OAAO;AACP,SAAS,0BAA0B;AAEnC,mBAAmB;AAAA;AAAA,CAElB;",
+  "names": []
 }

package/test/divider.test-vrt.js

@@ -0,0 +1,5 @@
+"use strict";
+import * as stories from "../stories/divider.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("DividerStories", stories);
+//# sourceMappingURL=divider.test-vrt.js.map

package/test/divider.test-vrt.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["divider.test-vrt.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport * as stories from '../stories/divider.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('DividerStories', stories as unknown as TestsType);\n"],
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,kBAAkB,OAA+B;",
+  "names": []
+}

package/test/divider.test.js

@@ -0,0 +1,38 @@
+"use strict";
+import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
+import "@spectrum-web-components/divider/sp-divider.js";
+import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
+describe("Divider", () => {
+  testForLitDevWarnings(
+    async () => await fixture(html`
+                <sp-divider></sp-divider>
+            `)
+  );
+  it("loads default divider accessibly", async () => {
+    const el = await fixture(html`
+            <sp-divider></sp-divider>
+        `);
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+  it("loads [vertical] divider accessibly", async () => {
+    const el = await fixture(html`
+            <sp-divider vertical></sp-divider>
+        `);
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+  it("manages a `static-color` attribute", async () => {
+    const el = await fixture(html`
+            <sp-divider static-color="black"></sp-divider>
+        `);
+    await elementUpdated(el);
+    expect(el.staticColor).to.equal("black");
+    expect(el.getAttribute("static-color")).to.equal("black");
+    el.removeAttribute("static-color");
+    await elementUpdated(el);
+    expect(el.staticColor).to.be.null;
+    expect(el.hasAttribute("static-color")).to.be.false;
+  });
+});
+//# sourceMappingURL=divider.test.js.map

package/test/divider.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["divider.test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport '@spectrum-web-components/divider/sp-divider.js';\nimport { Divider } from '@spectrum-web-components/divider';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('Divider', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Divider>(html`\n                <sp-divider></sp-divider>\n            `)\n    );\n    it('loads default divider accessibly', async () => {\n        const el = await fixture<Divider>(html`\n            <sp-divider></sp-divider>\n        `);\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads [vertical] divider accessibly', async () => {\n        const el = await fixture<Divider>(html`\n            <sp-divider vertical></sp-divider>\n        `);\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('manages a `static-color` attribute', async () => {\n        const el = await fixture<Divider>(html`\n            <sp-divider static-color=\"black\"></sp-divider>\n        `);\n\n        await elementUpdated(el);\n        expect(el.staticColor).to.equal('black');\n        expect(el.getAttribute('static-color')).to.equal('black');\n        el.removeAttribute('static-color');\n        await elementUpdated(el);\n        expect(el.staticColor).to.be.null;\n        expect(el.hasAttribute('static-color')).to.be.false;\n    });\n});\n"],
+  "mappings": ";AAYA,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,OAAO;AAEP,SAAS,6BAA6B;AAEtC,SAAS,WAAW,MAAM;AACtB;AAAA,IACI,YACI,MAAM,QAAiB;AAAA;AAAA,aAEtB;AAAA,EACT;AACA,KAAG,oCAAoC,YAAY;AAC/C,UAAM,KAAK,MAAM,QAAiB;AAAA;AAAA,SAEjC;AAED,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACD,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM,QAAiB;AAAA;AAAA,SAEjC;AAED,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACD,KAAG,sCAAsC,YAAY;AACjD,UAAM,KAAK,MAAM,QAAiB;AAAA;AAAA,SAEjC;AAED,UAAM,eAAe,EAAE;AACvB,WAAO,GAAG,WAAW,EAAE,GAAG,MAAM,OAAO;AACvC,WAAO,GAAG,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,OAAO;AACxD,OAAG,gBAAgB,cAAc;AACjC,UAAM,eAAe,EAAE;AACvB,WAAO,GAAG,WAAW,EAAE,GAAG,GAAG;AAC7B,WAAO,GAAG,aAAa,cAAc,CAAC,EAAE,GAAG,GAAG;AAAA,EAClD,CAAC;AACL,CAAC;",
+  "names": []
+}