@spectrum-web-components/divider 0.41.0 → 0.41.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/package.json +4 -4
  2. package/src/divider.css.dev.js +1 -39
  3. package/src/divider.css.dev.js.map +2 -2
  4. package/src/divider.css.js +1 -39
  5. package/src/divider.css.js.map +2 -2
  6. package/src/spectrum-divider.css.dev.js +1 -39
  7. package/src/spectrum-divider.css.dev.js.map +2 -2
  8. package/src/spectrum-divider.css.js +1 -39
  9. package/src/spectrum-divider.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/divider",
3
- "version": "0.41.0",
3
+ "version": "0.41.2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,10 +57,10 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.41.0"
60
+ "@spectrum-web-components/base": "^0.41.2"
61
61
  },
62
62
  "devDependencies": {
63
- "@spectrum-css/divider": "^2.2.0"
63
+ "@spectrum-css/divider": "^2.2.3"
64
64
  },
65
65
  "types": "./src/index.d.ts",
66
66
  "customElements": "custom-elements.json",
@@ -69,5 +69,5 @@
69
69
  "./**/*.dev.js",
70
70
  "./stories/typography-decorator.js"
71
71
  ],
72
- "gitHead": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
72
+ "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87"
73
73
  }
package/src/divider.css.dev.js CHANGED
@@ -1,45 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(
5
- --spectrum-transparent-white-300
6
- );--spectrum-divider-background-color-medium-static-white:var(
7
- --spectrum-transparent-white-300
8
- );--spectrum-divider-background-color-large-static-white:var(
9
- --spectrum-transparent-white-800
10
- );--spectrum-divider-background-color-small-static-black:var(
11
- --spectrum-transparent-black-300
12
- );--spectrum-divider-background-color-medium-static-black:var(
13
- --spectrum-transparent-black-300
14
- );--spectrum-divider-background-color-large-static-black:var(
15
- --spectrum-transparent-black-800
16
- )}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(
17
- --spectrum-divider-background-color-small
18
- )}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
19
- --spectrum-divider-background-color-medium
20
- )}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(
21
- --spectrum-divider-background-color-large
22
- )}@media (forced-colors:active){:host,:host([size=l]),:host([size=s]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}:host{background-color:var(
23
- --mod-divider-background-color,var(--spectrum-divider-background-color)
24
- );block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(
25
- --mod-divider-thickness,var(--spectrum-divider-thickness)
26
- );border-width:var(
27
- --mod-divider-thickness,var(--spectrum-divider-thickness)
28
- );inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(
29
- --mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)
30
- )}:host([static=white]){--spectrum-divider-background-color:var(
31
- --mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)
32
- )}:host([static=white][size=l]){--spectrum-divider-background-color:var(
33
- --mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)
34
- )}:host([static=black][size=s]){--spectrum-divider-background-color:var(
35
- --mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)
36
- )}:host([static=black]){--spectrum-divider-background-color:var(
37
- --mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)
38
- )}:host([static=black][size=l]){--spectrum-divider-background-color:var(
39
- --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
40
- )}:host([vertical]){align-self:var(--mod-divider-vertical-align);block-size:100%;block-size:var(--mod-divider-vertical-height);inline-size:var(
41
- --mod-divider-thickness,var(--spectrum-divider-thickness)
42
- );margin-block:var(--mod-divider-vertical-margin)}:host{display:block}hr{border:none;margin:0}
4
+ :host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}@media (forced-colors:active){:host,:host([size=s]),:host,:host([size=l]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}: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(--mod-divider-background-color,var(--spectrum-divider-background-color));inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:var(--mod-divider-vertical-height);align-self:var(--mod-divider-vertical-align);block-size:100%}:host{display:block}hr{border:none;margin:0}
43
5
  `;
44
6
  export default styles;
45
7
  //# sourceMappingURL=divider.css.dev.js.map
package/src/divider.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["divider.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-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(\n--spectrum-transparent-white-300\n);--spectrum-divider-background-color-medium-static-white:var(\n--spectrum-transparent-white-300\n);--spectrum-divider-background-color-large-static-white:var(\n--spectrum-transparent-white-800\n);--spectrum-divider-background-color-small-static-black:var(\n--spectrum-transparent-black-300\n);--spectrum-divider-background-color-medium-static-black:var(\n--spectrum-transparent-black-300\n);--spectrum-divider-background-color-large-static-black:var(\n--spectrum-transparent-black-800\n)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-small\n)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-large\n)}@media (forced-colors:active){:host,:host([size=l]),:host([size=s]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}:host{background-color:var(\n--mod-divider-background-color,var(--spectrum-divider-background-color)\n);block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);border-width:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)\n)}:host([static=white]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)\n)}:host([static=white][size=l]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)\n)}:host([static=black][size=s]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)\n)}:host([static=black]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)\n)}:host([static=black][size=l]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)\n)}:host([vertical]){align-self:var(--mod-divider-vertical-align);block-size:100%;block-size:var(--mod-divider-vertical-height);inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);margin-block:var(--mod-divider-vertical-margin)}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
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;AAyCf,eAAe;",
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-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}@media (forced-colors:active){:host,:host([size=s]),:host,:host([size=l]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}: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(--mod-divider-background-color,var(--spectrum-divider-background-color));inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:var(--mod-divider-vertical-height);align-self:var(--mod-divider-vertical-align);block-size:100%}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/divider.css.js CHANGED
@@ -1,42 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const i=r`
2
- :host{--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(
3
- --spectrum-transparent-white-300
4
- );--spectrum-divider-background-color-medium-static-white:var(
5
- --spectrum-transparent-white-300
6
- );--spectrum-divider-background-color-large-static-white:var(
7
- --spectrum-transparent-white-800
8
- );--spectrum-divider-background-color-small-static-black:var(
9
- --spectrum-transparent-black-300
10
- );--spectrum-divider-background-color-medium-static-black:var(
11
- --spectrum-transparent-black-300
12
- );--spectrum-divider-background-color-large-static-black:var(
13
- --spectrum-transparent-black-800
14
- )}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(
15
- --spectrum-divider-background-color-small
16
- )}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
17
- --spectrum-divider-background-color-medium
18
- )}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(
19
- --spectrum-divider-background-color-large
20
- )}@media (forced-colors:active){:host,:host([size=l]),:host([size=s]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}:host{background-color:var(
21
- --mod-divider-background-color,var(--spectrum-divider-background-color)
22
- );block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(
23
- --mod-divider-thickness,var(--spectrum-divider-thickness)
24
- );border-width:var(
25
- --mod-divider-thickness,var(--spectrum-divider-thickness)
26
- );inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(
27
- --mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)
28
- )}:host([static=white]){--spectrum-divider-background-color:var(
29
- --mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)
30
- )}:host([static=white][size=l]){--spectrum-divider-background-color:var(
31
- --mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)
32
- )}:host([static=black][size=s]){--spectrum-divider-background-color:var(
33
- --mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)
34
- )}:host([static=black]){--spectrum-divider-background-color:var(
35
- --mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)
36
- )}:host([static=black][size=l]){--spectrum-divider-background-color:var(
37
- --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
38
- )}:host([vertical]){align-self:var(--mod-divider-vertical-align);block-size:100%;block-size:var(--mod-divider-vertical-height);inline-size:var(
39
- --mod-divider-thickness,var(--spectrum-divider-thickness)
40
- );margin-block:var(--mod-divider-vertical-margin)}:host{display:block}hr{border:none;margin:0}
2
+ :host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}@media (forced-colors:active){:host,:host([size=s]),:host,:host([size=l]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}: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(--mod-divider-background-color,var(--spectrum-divider-background-color));inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:var(--mod-divider-vertical-height);align-self:var(--mod-divider-vertical-align);block-size:100%}:host{display:block}hr{border:none;margin:0}
41
3
  `;export default i;
42
4
  //# sourceMappingURL=divider.css.js.map
package/src/divider.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["divider.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-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(\n--spectrum-transparent-white-300\n);--spectrum-divider-background-color-medium-static-white:var(\n--spectrum-transparent-white-300\n);--spectrum-divider-background-color-large-static-white:var(\n--spectrum-transparent-white-800\n);--spectrum-divider-background-color-small-static-black:var(\n--spectrum-transparent-black-300\n);--spectrum-divider-background-color-medium-static-black:var(\n--spectrum-transparent-black-300\n);--spectrum-divider-background-color-large-static-black:var(\n--spectrum-transparent-black-800\n)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-small\n)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-large\n)}@media (forced-colors:active){:host,:host([size=l]),:host([size=s]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}:host{background-color:var(\n--mod-divider-background-color,var(--spectrum-divider-background-color)\n);block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);border-width:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)\n)}:host([static=white]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)\n)}:host([static=white][size=l]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)\n)}:host([static=black][size=s]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)\n)}:host([static=black]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)\n)}:host([static=black][size=l]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)\n)}:host([vertical]){align-self:var(--mod-divider-vertical-align);block-size:100%;block-size:var(--mod-divider-vertical-height);inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);margin-block:var(--mod-divider-vertical-margin)}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
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,EAyCf,eAAeC",
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-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}@media (forced-colors:active){:host,:host([size=s]),:host,:host([size=l]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}: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(--mod-divider-background-color,var(--spectrum-divider-background-color));inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:var(--mod-divider-vertical-height);align-self:var(--mod-divider-vertical-align);block-size:100%}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-divider.css.dev.js CHANGED
@@ -1,45 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(
5
- --spectrum-transparent-white-300
6
- );--spectrum-divider-background-color-medium-static-white:var(
7
- --spectrum-transparent-white-300
8
- );--spectrum-divider-background-color-large-static-white:var(
9
- --spectrum-transparent-white-800
10
- );--spectrum-divider-background-color-small-static-black:var(
11
- --spectrum-transparent-black-300
12
- );--spectrum-divider-background-color-medium-static-black:var(
13
- --spectrum-transparent-black-300
14
- );--spectrum-divider-background-color-large-static-black:var(
15
- --spectrum-transparent-black-800
16
- )}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(
17
- --spectrum-divider-background-color-small
18
- )}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
19
- --spectrum-divider-background-color-medium
20
- )}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(
21
- --spectrum-divider-background-color-large
22
- )}@media (forced-colors:active){:host,:host([size=l]),:host([size=s]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}:host{background-color:var(
23
- --mod-divider-background-color,var(--spectrum-divider-background-color)
24
- );block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(
25
- --mod-divider-thickness,var(--spectrum-divider-thickness)
26
- );border-width:var(
27
- --mod-divider-thickness,var(--spectrum-divider-thickness)
28
- );inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(
29
- --mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)
30
- )}:host([static=white]){--spectrum-divider-background-color:var(
31
- --mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)
32
- )}:host([static=white][size=l]){--spectrum-divider-background-color:var(
33
- --mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)
34
- )}:host([static=black][size=s]){--spectrum-divider-background-color:var(
35
- --mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)
36
- )}:host([static=black]){--spectrum-divider-background-color:var(
37
- --mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)
38
- )}:host([static=black][size=l]){--spectrum-divider-background-color:var(
39
- --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
40
- )}:host([vertical]){align-self:var(--mod-divider-vertical-align);block-size:100%;block-size:var(--mod-divider-vertical-height);inline-size:var(
41
- --mod-divider-thickness,var(--spectrum-divider-thickness)
42
- );margin-block:var(--mod-divider-vertical-margin)}
4
+ :host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}@media (forced-colors:active){:host,:host([size=s]),:host,:host([size=l]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}: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(--mod-divider-background-color,var(--spectrum-divider-background-color));inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:var(--mod-divider-vertical-height);align-self:var(--mod-divider-vertical-align);block-size:100%}
43
5
  `;
44
6
  export default styles;
45
7
  //# sourceMappingURL=spectrum-divider.css.dev.js.map
package/src/spectrum-divider.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-divider.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-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(\n--spectrum-transparent-white-300\n);--spectrum-divider-background-color-medium-static-white:var(\n--spectrum-transparent-white-300\n);--spectrum-divider-background-color-large-static-white:var(\n--spectrum-transparent-white-800\n);--spectrum-divider-background-color-small-static-black:var(\n--spectrum-transparent-black-300\n);--spectrum-divider-background-color-medium-static-black:var(\n--spectrum-transparent-black-300\n);--spectrum-divider-background-color-large-static-black:var(\n--spectrum-transparent-black-800\n)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-small\n)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-large\n)}@media (forced-colors:active){:host,:host([size=l]),:host([size=s]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}:host{background-color:var(\n--mod-divider-background-color,var(--spectrum-divider-background-color)\n);block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);border-width:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)\n)}:host([static=white]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)\n)}:host([static=white][size=l]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)\n)}:host([static=black][size=s]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)\n)}:host([static=black]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)\n)}:host([static=black][size=l]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)\n)}:host([vertical]){align-self:var(--mod-divider-vertical-align);block-size:100%;block-size:var(--mod-divider-vertical-height);inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);margin-block:var(--mod-divider-vertical-margin)}\n`;\nexport default styles;"],
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;AAyCf,eAAe;",
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-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}@media (forced-colors:active){:host,:host([size=s]),:host,:host([size=l]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}: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(--mod-divider-background-color,var(--spectrum-divider-background-color));inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:var(--mod-divider-vertical-height);align-self:var(--mod-divider-vertical-align);block-size:100%}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-divider.css.js CHANGED
@@ -1,42 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const i=r`
2
- :host{--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(
3
- --spectrum-transparent-white-300
4
- );--spectrum-divider-background-color-medium-static-white:var(
5
- --spectrum-transparent-white-300
6
- );--spectrum-divider-background-color-large-static-white:var(
7
- --spectrum-transparent-white-800
8
- );--spectrum-divider-background-color-small-static-black:var(
9
- --spectrum-transparent-black-300
10
- );--spectrum-divider-background-color-medium-static-black:var(
11
- --spectrum-transparent-black-300
12
- );--spectrum-divider-background-color-large-static-black:var(
13
- --spectrum-transparent-black-800
14
- )}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(
15
- --spectrum-divider-background-color-small
16
- )}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
17
- --spectrum-divider-background-color-medium
18
- )}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(
19
- --spectrum-divider-background-color-large
20
- )}@media (forced-colors:active){:host,:host([size=l]),:host([size=s]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}:host{background-color:var(
21
- --mod-divider-background-color,var(--spectrum-divider-background-color)
22
- );block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(
23
- --mod-divider-thickness,var(--spectrum-divider-thickness)
24
- );border-width:var(
25
- --mod-divider-thickness,var(--spectrum-divider-thickness)
26
- );inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(
27
- --mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)
28
- )}:host([static=white]){--spectrum-divider-background-color:var(
29
- --mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)
30
- )}:host([static=white][size=l]){--spectrum-divider-background-color:var(
31
- --mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)
32
- )}:host([static=black][size=s]){--spectrum-divider-background-color:var(
33
- --mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)
34
- )}:host([static=black]){--spectrum-divider-background-color:var(
35
- --mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)
36
- )}:host([static=black][size=l]){--spectrum-divider-background-color:var(
37
- --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
38
- )}:host([vertical]){align-self:var(--mod-divider-vertical-align);block-size:100%;block-size:var(--mod-divider-vertical-height);inline-size:var(
39
- --mod-divider-thickness,var(--spectrum-divider-thickness)
40
- );margin-block:var(--mod-divider-vertical-margin)}
2
+ :host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}@media (forced-colors:active){:host,:host([size=s]),:host,:host([size=l]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}: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(--mod-divider-background-color,var(--spectrum-divider-background-color));inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:var(--mod-divider-vertical-height);align-self:var(--mod-divider-vertical-align);block-size:100%}
41
3
  `;export default i;
42
4
  //# sourceMappingURL=spectrum-divider.css.js.map
package/src/spectrum-divider.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-divider.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-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(\n--spectrum-transparent-white-300\n);--spectrum-divider-background-color-medium-static-white:var(\n--spectrum-transparent-white-300\n);--spectrum-divider-background-color-large-static-white:var(\n--spectrum-transparent-white-800\n);--spectrum-divider-background-color-small-static-black:var(\n--spectrum-transparent-black-300\n);--spectrum-divider-background-color-medium-static-black:var(\n--spectrum-transparent-black-300\n);--spectrum-divider-background-color-large-static-black:var(\n--spectrum-transparent-black-800\n)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-small\n)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-large\n)}@media (forced-colors:active){:host,:host([size=l]),:host([size=s]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}:host{background-color:var(\n--mod-divider-background-color,var(--spectrum-divider-background-color)\n);block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);border-width:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)\n)}:host([static=white]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)\n)}:host([static=white][size=l]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)\n)}:host([static=black][size=s]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)\n)}:host([static=black]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)\n)}:host([static=black][size=l]){--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)\n)}:host([vertical]){align-self:var(--mod-divider-vertical-align);block-size:100%;block-size:var(--mod-divider-vertical-height);inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);margin-block:var(--mod-divider-vertical-margin)}\n`;\nexport default styles;"],
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,EAyCf,eAAeC",
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-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}@media (forced-colors:active){:host,:host([size=s]),:host,:host([size=l]){--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}: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(--mod-divider-background-color,var(--spectrum-divider-background-color));inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:var(--mod-divider-vertical-height);align-self:var(--mod-divider-vertical-align);block-size:100%}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }