@spectrum-web-components/divider 0.6.6 → 0.6.8-overlay.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. package/package.json +3 -3
  2. package/src/divider.css.dev.js +11 -21
  3. package/src/divider.css.dev.js.map +2 -2
  4. package/src/divider.css.js +11 -21
  5. package/src/divider.css.js.map +2 -2
  6. package/src/spectrum-config.js +32 -33
  7. package/src/spectrum-divider.css.dev.js +11 -21
  8. package/src/spectrum-divider.css.dev.js.map +2 -2
  9. package/src/spectrum-divider.css.js +11 -21
  10. package/src/spectrum-divider.css.js.map +2 -2
  11. package/custom-elements.json +0 -77
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.8-overlay.8+eef228d8d",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,7 +57,7 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.7.4"
60
+ "@spectrum-web-components/base": "^0.7.5-overlay.236+eef228d8d"
61
61
  },
62
62
  "devDependencies": {
63
63
  "@spectrum-css/divider": "^2.0.10"
@@ -69,5 +69,5 @@
69
69
  "./**/*.dev.js",
70
70
  "./stories/typography-decorator.js"
71
71
  ],
72
- "gitHead": "007a762c0257af4cd74e3781d877a8a8343acfd0"
72
+ "gitHead": "eef228d8defcf04fe32713c7232fd0873828752b"
73
73
  }
package/src/divider.css.dev.js CHANGED
@@ -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)
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 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
  }
package/src/divider.css.js CHANGED
@@ -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)
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 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
  }
package/src/spectrum-config.js CHANGED
@@ -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
  ],
package/src/spectrum-divider.css.dev.js CHANGED
@@ -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)
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 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
  }
package/src/spectrum-divider.css.js CHANGED
@@ -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)
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 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
  }
package/custom-elements.json DELETED
@@ -1,77 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-divider.js",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "custom-element-definition",
12
- "name": "sp-divider",
13
- "declaration": {
14
- "name": "Divider",
15
- "module": "/src/Divider.js"
16
- }
17
- }
18
- ]
19
- },
20
- {
21
- "kind": "javascript-module",
22
- "path": "src/Divider.js",
23
- "declarations": [
24
- {
25
- "kind": "class",
26
- "description": "",
27
- "name": "Divider",
28
- "members": [
29
- {
30
- "kind": "field",
31
- "name": "vertical",
32
- "type": {
33
- "text": "boolean"
34
- },
35
- "privacy": "public",
36
- "default": "false",
37
- "attribute": "vertical",
38
- "reflects": true
39
- }
40
- ],
41
- "attributes": [
42
- {
43
- "name": "vertical",
44
- "type": {
45
- "text": "boolean"
46
- },
47
- "default": "false",
48
- "fieldName": "vertical"
49
- }
50
- ],
51
- "mixins": [
52
- {
53
- "name": "SizedMixin",
54
- "package": "@spectrum-web-components/base"
55
- }
56
- ],
57
- "superclass": {
58
- "name": "SpectrumElement",
59
- "package": "@spectrum-web-components/base"
60
- },
61
- "tagName": "sp-divider",
62
- "customElement": true
63
- }
64
- ],
65
- "exports": [
66
- {
67
- "kind": "js",
68
- "name": "Divider",
69
- "declaration": {
70
- "name": "Divider",
71
- "module": "src/Divider.js"
72
- }
73
- }
74
- ]
75
- }
76
- ]
77
- }