@spectrum-web-components/divider 0.6.6 → 0.6.7

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/divider",
3
- "version": "0.6.6",
3
+ "version": "0.6.7",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -69,5 +69,5 @@
69
69
  "./**/*.dev.js",
70
70
  "./stories/typography-decorator.js"
71
71
  ],
72
- "gitHead": "007a762c0257af4cd74e3781d877a8a8343acfd0"
72
+ "gitHead": "1e25ee121f3bc838dbb99bac62f3c95857570f7a"
73
73
  }
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-divider-thickness:var(
5
- --spectrum-divider-thickness-medium
6
- );--spectrum-divider-background-color:var(
4
+ :host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
7
5
  --spectrum-divider-background-color-medium
8
6
  );--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(
9
7
  --spectrum-transparent-white-300
@@ -17,37 +15,29 @@ const styles = css`
17
15
  --spectrum-transparent-black-300
18
16
  );--spectrum-divider-background-color-large-static-black:var(
19
17
  --spectrum-transparent-black-800
20
- )}:host([size=s]){--spectrum-divider-thickness:var(
21
- --spectrum-divider-thickness-small
22
- );--spectrum-divider-background-color:var(
18
+ )}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(
23
19
  --spectrum-divider-background-color-small
24
- )}:host([size=m]){--spectrum-divider-thickness:var(
25
- --spectrum-divider-thickness-medium
26
- );--spectrum-divider-background-color:var(
20
+ )}:host([size=m]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
27
21
  --spectrum-divider-background-color-medium
28
- )}:host([size=l]){--spectrum-divider-thickness:var(
29
- --spectrum-divider-thickness-large
30
- );--spectrum-divider-background-color:var(
22
+ )}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(
31
23
  --spectrum-divider-background-color-large
32
24
  )}@media (forced-colors:active){:host{--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(
33
25
  --mod-divider-background-color,var(--spectrum-divider-background-color)
34
- );block-size:var(
35
- --mod-divider-thickness,var(--spectrum-divider-thickness)
36
- );border:none;border-radius:var(
26
+ );block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(
37
27
  --mod-divider-thickness,var(--spectrum-divider-thickness)
38
28
  );border-width:var(
39
29
  --mod-divider-thickness,var(--spectrum-divider-thickness)
40
- );inline-size:100%;overflow:visible}:host([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
30
+ );inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(
41
31
  --mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)
42
- )}:host([size=m]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
32
+ )}:host([static=white][size=m]){--spectrum-divider-background-color:var(
43
33
  --mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)
44
- )}:host([size=l]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
34
+ )}:host([static=white][size=l]){--spectrum-divider-background-color:var(
45
35
  --mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)
46
- )}:host([size=s]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
36
+ )}:host([static=black][size=s]){--spectrum-divider-background-color:var(
47
37
  --mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)
48
- )}:host([size=m]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
38
+ )}:host([static=black][size=m]){--spectrum-divider-background-color:var(
49
39
  --mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)
50
- )}:host([size=l]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
40
+ )}:host([static=black][size=l]){--spectrum-divider-background-color:var(
51
41
  --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
52
42
  )}:host([vertical]){block-size:100%;inline-size:var(
53
43
  --mod-divider-thickness,var(--spectrum-divider-thickness)
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["divider.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 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(\n--spectrum-divider-thickness-medium\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n);--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(\n--spectrum-divider-thickness-small\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-small\n)}:host([size=m]){--spectrum-divider-thickness:var(\n--spectrum-divider-thickness-medium\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n)}:host([size=l]){--spectrum-divider-thickness:var(\n--spectrum-divider-thickness-large\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-large\n)}@media (forced-colors:active){:host{--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(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);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([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)\n)}:host([size=m]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)\n)}:host([size=l]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)\n)}:host([size=s]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)\n)}:host([size=m]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)\n)}:host([size=l]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)\n)}:host([vertical]){block-size:100%;inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n)}: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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 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(\n--spectrum-divider-background-color-medium\n);--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([size=m]){--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{--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][size=m]){--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][size=m]){--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]){block-size:100%;inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n)}: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;AAAA;AAAA;AA2Cf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,5 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const i=r`
2
- :host{--spectrum-divider-thickness:var(
3
- --spectrum-divider-thickness-medium
4
- );--spectrum-divider-background-color:var(
2
+ :host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
5
3
  --spectrum-divider-background-color-medium
6
4
  );--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(
7
5
  --spectrum-transparent-white-300
@@ -15,37 +13,29 @@
15
13
  --spectrum-transparent-black-300
16
14
  );--spectrum-divider-background-color-large-static-black:var(
17
15
  --spectrum-transparent-black-800
18
- )}:host([size=s]){--spectrum-divider-thickness:var(
19
- --spectrum-divider-thickness-small
20
- );--spectrum-divider-background-color:var(
16
+ )}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(
21
17
  --spectrum-divider-background-color-small
22
- )}:host([size=m]){--spectrum-divider-thickness:var(
23
- --spectrum-divider-thickness-medium
24
- );--spectrum-divider-background-color:var(
18
+ )}:host([size=m]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
25
19
  --spectrum-divider-background-color-medium
26
- )}:host([size=l]){--spectrum-divider-thickness:var(
27
- --spectrum-divider-thickness-large
28
- );--spectrum-divider-background-color:var(
20
+ )}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(
29
21
  --spectrum-divider-background-color-large
30
22
  )}@media (forced-colors:active){:host{--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(
31
23
  --mod-divider-background-color,var(--spectrum-divider-background-color)
32
- );block-size:var(
33
- --mod-divider-thickness,var(--spectrum-divider-thickness)
34
- );border:none;border-radius:var(
24
+ );block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(
35
25
  --mod-divider-thickness,var(--spectrum-divider-thickness)
36
26
  );border-width:var(
37
27
  --mod-divider-thickness,var(--spectrum-divider-thickness)
38
- );inline-size:100%;overflow:visible}:host([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
28
+ );inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(
39
29
  --mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)
40
- )}:host([size=m]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
30
+ )}:host([static=white][size=m]){--spectrum-divider-background-color:var(
41
31
  --mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)
42
- )}:host([size=l]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
32
+ )}:host([static=white][size=l]){--spectrum-divider-background-color:var(
43
33
  --mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)
44
- )}:host([size=s]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
34
+ )}:host([static=black][size=s]){--spectrum-divider-background-color:var(
45
35
  --mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)
46
- )}:host([size=m]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
36
+ )}:host([static=black][size=m]){--spectrum-divider-background-color:var(
47
37
  --mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)
48
- )}:host([size=l]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
38
+ )}:host([static=black][size=l]){--spectrum-divider-background-color:var(
49
39
  --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
50
40
  )}:host([vertical]){block-size:100%;inline-size:var(
51
41
  --mod-divider-thickness,var(--spectrum-divider-thickness)
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["divider.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 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(\n--spectrum-divider-thickness-medium\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n);--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(\n--spectrum-divider-thickness-small\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-small\n)}:host([size=m]){--spectrum-divider-thickness:var(\n--spectrum-divider-thickness-medium\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n)}:host([size=l]){--spectrum-divider-thickness:var(\n--spectrum-divider-thickness-large\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-large\n)}@media (forced-colors:active){:host{--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(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);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([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)\n)}:host([size=m]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)\n)}:host([size=l]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)\n)}:host([size=s]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)\n)}:host([size=m]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)\n)}:host([size=l]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)\n)}:host([vertical]){block-size:100%;inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n)}: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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqDf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 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(\n--spectrum-divider-background-color-medium\n);--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([size=m]){--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{--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][size=m]){--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][size=m]){--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]){block-size:100%;inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n)}: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;AAAA;AAAA,EA2Cf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
@@ -1,48 +1,47 @@
1
+ // @ts-check
1
2
  /*
2
- Copyright 2020 Adobe. All rights reserved.
3
- This file is licensed to you under the Apache License, Version 2.0 (the "License");
3
+ Copyright 2023 Adobe. All rights reserved.
4
+ This file is licensed to you under the Apache License, Version 2.0 (the 'License');
4
5
  you may not use this file except in compliance with the License. You may obtain a copy
5
6
  of the License at http://www.apache.org/licenses/LICENSE-2.0
6
7
 
7
8
  Unless required by applicable law or agreed to in writing, software distributed under
8
- the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
10
  OF ANY KIND, either express or implied. See the License for the specific language
10
11
  governing permissions and limitations under the License.
11
12
  */
12
13
 
14
+ import { converterFor } from '../../../tasks/process-spectrum-utils.js';
15
+
16
+ const converter = converterFor('spectrum-Divider');
17
+
18
+ /**
19
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
20
+ */
13
21
  const config = {
14
- spectrum: 'divider',
15
- components: [
22
+ conversions: [
16
23
  {
17
- name: 'divider',
18
- host: {
19
- selector: '.spectrum-Divider',
20
- },
21
- attributes: [
22
- {
23
- selector: '.spectrum-Divider--vertical',
24
- type: 'boolean',
25
- name: 'vertical',
26
- },
27
- {
28
- type: 'enum',
29
- name: 'size',
30
- forceOntoHost: true,
31
- values: [
32
- {
33
- name: 's',
34
- selector: '.spectrum-Divider--sizeS',
35
- },
36
- {
37
- name: 'm',
38
- selector: '.spectrum-Divider--sizeM',
39
- },
40
- {
41
- name: 'l',
42
- selector: '.spectrum-Divider--sizeL',
43
- },
24
+ inPackage: '@spectrum-css/divider',
25
+ outPackage: 'divider',
26
+ fileName: 'divider',
27
+ components: [
28
+ converter.classToHost(),
29
+ converter.classToAttribute('spectrum-Divider--vertical'),
30
+ ...converter.enumerateAttributes(
31
+ [
32
+ ['spectrum-Divider--sizeS', 's'],
33
+ ['spectrum-Divider--sizeM', 'm'],
34
+ ['spectrum-Divider--sizeL', 'l'],
35
+ ],
36
+ 'size'
37
+ ),
38
+ ...converter.enumerateAttributes(
39
+ [
40
+ ['spectrum-Divider--staticWhite', 'white'],
41
+ ['spectrum-Divider--staticBlack', 'black'],
44
42
  ],
45
- },
43
+ 'static'
44
+ ),
46
45
  ],
47
46
  },
48
47
  ],
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-divider-thickness:var(
5
- --spectrum-divider-thickness-medium
6
- );--spectrum-divider-background-color:var(
4
+ :host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
7
5
  --spectrum-divider-background-color-medium
8
6
  );--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(
9
7
  --spectrum-transparent-white-300
@@ -17,37 +15,29 @@ const styles = css`
17
15
  --spectrum-transparent-black-300
18
16
  );--spectrum-divider-background-color-large-static-black:var(
19
17
  --spectrum-transparent-black-800
20
- )}:host([size=s]){--spectrum-divider-thickness:var(
21
- --spectrum-divider-thickness-small
22
- );--spectrum-divider-background-color:var(
18
+ )}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(
23
19
  --spectrum-divider-background-color-small
24
- )}:host([size=m]){--spectrum-divider-thickness:var(
25
- --spectrum-divider-thickness-medium
26
- );--spectrum-divider-background-color:var(
20
+ )}:host([size=m]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
27
21
  --spectrum-divider-background-color-medium
28
- )}:host([size=l]){--spectrum-divider-thickness:var(
29
- --spectrum-divider-thickness-large
30
- );--spectrum-divider-background-color:var(
22
+ )}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(
31
23
  --spectrum-divider-background-color-large
32
24
  )}@media (forced-colors:active){:host{--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(
33
25
  --mod-divider-background-color,var(--spectrum-divider-background-color)
34
- );block-size:var(
35
- --mod-divider-thickness,var(--spectrum-divider-thickness)
36
- );border:none;border-radius:var(
26
+ );block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(
37
27
  --mod-divider-thickness,var(--spectrum-divider-thickness)
38
28
  );border-width:var(
39
29
  --mod-divider-thickness,var(--spectrum-divider-thickness)
40
- );inline-size:100%;overflow:visible}:host([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
30
+ );inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(
41
31
  --mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)
42
- )}:host([size=m]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
32
+ )}:host([static=white][size=m]){--spectrum-divider-background-color:var(
43
33
  --mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)
44
- )}:host([size=l]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
34
+ )}:host([static=white][size=l]){--spectrum-divider-background-color:var(
45
35
  --mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)
46
- )}:host([size=s]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
36
+ )}:host([static=black][size=s]){--spectrum-divider-background-color:var(
47
37
  --mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)
48
- )}:host([size=m]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
38
+ )}:host([static=black][size=m]){--spectrum-divider-background-color:var(
49
39
  --mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)
50
- )}:host([size=l]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
40
+ )}:host([static=black][size=l]){--spectrum-divider-background-color:var(
51
41
  --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
52
42
  )}:host([vertical]){block-size:100%;inline-size:var(
53
43
  --mod-divider-thickness,var(--spectrum-divider-thickness)
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-divider.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 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(\n--spectrum-divider-thickness-medium\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n);--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(\n--spectrum-divider-thickness-small\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-small\n)}:host([size=m]){--spectrum-divider-thickness:var(\n--spectrum-divider-thickness-medium\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n)}:host([size=l]){--spectrum-divider-thickness:var(\n--spectrum-divider-thickness-large\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-large\n)}@media (forced-colors:active){:host{--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(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);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([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)\n)}:host([size=m]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)\n)}:host([size=l]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)\n)}:host([size=s]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)\n)}:host([size=m]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)\n)}:host([size=l]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)\n)}:host([vertical]){block-size:100%;inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 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(\n--spectrum-divider-background-color-medium\n);--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([size=m]){--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{--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][size=m]){--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][size=m]){--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]){block-size:100%;inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n)}\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;AAAA;AAAA;AA2Cf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,5 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const i=r`
2
- :host{--spectrum-divider-thickness:var(
3
- --spectrum-divider-thickness-medium
4
- );--spectrum-divider-background-color:var(
2
+ :host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
5
3
  --spectrum-divider-background-color-medium
6
4
  );--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(
7
5
  --spectrum-transparent-white-300
@@ -15,37 +13,29 @@
15
13
  --spectrum-transparent-black-300
16
14
  );--spectrum-divider-background-color-large-static-black:var(
17
15
  --spectrum-transparent-black-800
18
- )}:host([size=s]){--spectrum-divider-thickness:var(
19
- --spectrum-divider-thickness-small
20
- );--spectrum-divider-background-color:var(
16
+ )}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(
21
17
  --spectrum-divider-background-color-small
22
- )}:host([size=m]){--spectrum-divider-thickness:var(
23
- --spectrum-divider-thickness-medium
24
- );--spectrum-divider-background-color:var(
18
+ )}:host([size=m]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(
25
19
  --spectrum-divider-background-color-medium
26
- )}:host([size=l]){--spectrum-divider-thickness:var(
27
- --spectrum-divider-thickness-large
28
- );--spectrum-divider-background-color:var(
20
+ )}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(
29
21
  --spectrum-divider-background-color-large
30
22
  )}@media (forced-colors:active){:host{--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(
31
23
  --mod-divider-background-color,var(--spectrum-divider-background-color)
32
- );block-size:var(
33
- --mod-divider-thickness,var(--spectrum-divider-thickness)
34
- );border:none;border-radius:var(
24
+ );block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-radius:var(
35
25
  --mod-divider-thickness,var(--spectrum-divider-thickness)
36
26
  );border-width:var(
37
27
  --mod-divider-thickness,var(--spectrum-divider-thickness)
38
- );inline-size:100%;overflow:visible}:host([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
28
+ );inline-size:100%;overflow:visible}:host([static=white][size=s]){--spectrum-divider-background-color:var(
39
29
  --mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)
40
- )}:host([size=m]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
30
+ )}:host([static=white][size=m]){--spectrum-divider-background-color:var(
41
31
  --mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)
42
- )}:host([size=l]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
32
+ )}:host([static=white][size=l]){--spectrum-divider-background-color:var(
43
33
  --mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)
44
- )}:host([size=s]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
34
+ )}:host([static=black][size=s]){--spectrum-divider-background-color:var(
45
35
  --mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)
46
- )}:host([size=m]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
36
+ )}:host([static=black][size=m]){--spectrum-divider-background-color:var(
47
37
  --mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)
48
- )}:host([size=l]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(
38
+ )}:host([static=black][size=l]){--spectrum-divider-background-color:var(
49
39
  --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
50
40
  )}:host([vertical]){block-size:100%;inline-size:var(
51
41
  --mod-divider-thickness,var(--spectrum-divider-thickness)
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-divider.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 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(\n--spectrum-divider-thickness-medium\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n);--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(\n--spectrum-divider-thickness-small\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-small\n)}:host([size=m]){--spectrum-divider-thickness:var(\n--spectrum-divider-thickness-medium\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-medium\n)}:host([size=l]){--spectrum-divider-thickness:var(\n--spectrum-divider-thickness-large\n);--spectrum-divider-background-color:var(\n--spectrum-divider-background-color-large\n)}@media (forced-colors:active){:host{--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(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n);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([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white)\n)}:host([size=m]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white)\n)}:host([size=l]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white)\n)}:host([size=s]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black)\n)}:host([size=m]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black)\n)}:host([size=l]) .spectrum-Divider--staticBlack{--spectrum-divider-background-color:var(\n--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)\n)}:host([vertical]){block-size:100%;inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqDf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 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(\n--spectrum-divider-background-color-medium\n);--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([size=m]){--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{--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][size=m]){--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][size=m]){--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]){block-size:100%;inline-size:var(\n--mod-divider-thickness,var(--spectrum-divider-thickness)\n)}\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;AAAA;AAAA,EA2Cf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }