@spectrum-web-components/divider 0.5.1 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. package/package.json +3 -3
  2. package/src/divider.css.dev.js +50 -32
  3. package/src/divider.css.dev.js.map +2 -2
  4. package/src/divider.css.js +52 -34
  5. package/src/divider.css.js.map +2 -2
  6. package/src/spectrum-divider.css.dev.js +50 -32
  7. package/src/spectrum-divider.css.dev.js.map +2 -2
  8. package/src/spectrum-divider.css.js +52 -34
  9. package/src/spectrum-divider.css.js.map +2 -2
  10. package/test/divider.test-vrt.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/divider",
3
- "version": "0.5.1",
3
+ "version": "0.6.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -61,7 +61,7 @@
61
61
  "tslib": "^2.0.0"
62
62
  },
63
63
  "devDependencies": {
64
- "@spectrum-css/divider": "^1.0.27"
64
+ "@spectrum-css/divider": "^2.0.0"
65
65
  },
66
66
  "types": "./src/index.d.ts",
67
67
  "customElements": "custom-elements.json",
@@ -70,5 +70,5 @@
70
70
  "./**/*.dev.js",
71
71
  "./stories/typography-decorator.js"
72
72
  ],
73
- "gitHead": "1cfea66c39440232b9982509573801b8e3a9f692"
73
+ "gitHead": "31d083d1eb61a1382335030c190c85d85f41e15d"
74
74
  }
package/src/divider.css.dev.js CHANGED
@@ -1,38 +1,56 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host([size=s]){--spectrum-divider-height:var(
5
- --spectrum-divider-s-height,var(--spectrum-global-dimension-size-10)
6
- );--spectrum-divider-vertical-height:var(
7
- --spectrum-divider-s-vertical-height,var(--spectrum-global-dimension-size-10)
8
- );--spectrum-divider-vertical-width:var(
9
- --spectrum-divider-s-vertical-width,var(--spectrum-global-dimension-size-10)
10
- )}:host([size=m]){--spectrum-divider-height:var(
11
- --spectrum-divider-m-height,var(--spectrum-global-dimension-size-25)
12
- );--spectrum-divider-vertical-height:var(
13
- --spectrum-divider-m-vertical-height,var(--spectrum-global-dimension-size-25)
14
- );--spectrum-divider-vertical-width:var(
15
- --spectrum-divider-m-vertical-width,var(--spectrum-global-dimension-size-25)
16
- )}:host([size=l]){--spectrum-divider-height:var(
17
- --spectrum-divider-l-height,var(--spectrum-global-dimension-size-50)
18
- );--spectrum-divider-vertical-height:var(
19
- --spectrum-divider-l-vertical-height,var(--spectrum-global-dimension-size-50)
20
- );--spectrum-divider-vertical-width:var(
21
- --spectrum-divider-l-vertical-width,var(--spectrum-global-dimension-size-50)
22
- )}:host{--spectrum-divider-vertical-height:100%}:host{border:none;border-radius:var(--spectrum-divider-height);border-width:var(--spectrum-divider-height);height:var(--spectrum-divider-height);overflow:visible;width:100%}:host([vertical]){height:var(
23
- --spectrum-divider-vertical-height
24
- );width:var(--spectrum-divider-vertical-width)}:host{--spectrum-divider-l-background-color:var(
25
- --spectrum-global-color-gray-800
26
- );--spectrum-divider-m-background-color:var(
27
- --spectrum-global-color-gray-300
28
- );--spectrum-divider-s-background-color:var(
29
- --spectrum-global-color-gray-300
30
- )}:host([size=l]){background-color:var(
31
- --spectrum-divider-l-background-color,var(--spectrum-global-color-gray-800)
32
- )}:host([size=m]){background-color:var(
33
- --spectrum-divider-m-background-color,var(--spectrum-global-color-gray-300)
34
- )}:host([size=s]){background-color:var(
35
- --spectrum-divider-s-background-color,var(--spectrum-global-color-gray-300)
4
+ :host{--spectrum-divider-thickness:var(
5
+ --spectrum-divider-thickness-medium
6
+ );--spectrum-divider-background-color:var(
7
+ --spectrum-divider-background-color-medium
8
+ );--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
+ --spectrum-transparent-white-300
10
+ );--spectrum-divider-background-color-medium-static-white:var(
11
+ --spectrum-transparent-white-300
12
+ );--spectrum-divider-background-color-large-static-white:var(
13
+ --spectrum-transparent-white-800
14
+ );--spectrum-divider-background-color-small-static-black:var(
15
+ --spectrum-transparent-black-300
16
+ );--spectrum-divider-background-color-medium-static-black:var(
17
+ --spectrum-transparent-black-300
18
+ );--spectrum-divider-background-color-large-static-black:var(
19
+ --spectrum-transparent-black-800
20
+ )}:host([size=s]){--spectrum-divider-thickness:var(
21
+ --spectrum-divider-thickness-small
22
+ );--spectrum-divider-background-color:var(
23
+ --spectrum-divider-background-color-small
24
+ )}:host([size=m]){--spectrum-divider-thickness:var(
25
+ --spectrum-divider-thickness-medium
26
+ );--spectrum-divider-background-color:var(
27
+ --spectrum-divider-background-color-medium
28
+ )}:host([size=l]){--spectrum-divider-thickness:var(
29
+ --spectrum-divider-thickness-large
30
+ );--spectrum-divider-background-color:var(
31
+ --spectrum-divider-background-color-large
32
+ )}@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
+ --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(
37
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
38
+ );border-width:var(
39
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
40
+ );inline-size:100%;overflow:visible}:host([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
41
+ --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(
43
+ --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(
45
+ --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(
47
+ --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(
49
+ --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(
51
+ --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
52
+ )}:host([vertical]){block-size:100%;inline-size:var(
53
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
36
54
  )}:host{display:block}hr{border:none;margin:0}
37
55
  `;
38
56
  export default styles;
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 2022 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([size=s]){--spectrum-divider-height:var(\n--spectrum-divider-s-height,var(--spectrum-global-dimension-size-10)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-s-vertical-height,var(--spectrum-global-dimension-size-10)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-s-vertical-width,var(--spectrum-global-dimension-size-10)\n)}:host([size=m]){--spectrum-divider-height:var(\n--spectrum-divider-m-height,var(--spectrum-global-dimension-size-25)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-m-vertical-height,var(--spectrum-global-dimension-size-25)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-m-vertical-width,var(--spectrum-global-dimension-size-25)\n)}:host([size=l]){--spectrum-divider-height:var(\n--spectrum-divider-l-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-l-vertical-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-l-vertical-width,var(--spectrum-global-dimension-size-50)\n)}:host{--spectrum-divider-vertical-height:100%}:host{border:none;border-radius:var(--spectrum-divider-height);border-width:var(--spectrum-divider-height);height:var(--spectrum-divider-height);overflow:visible;width:100%}:host([vertical]){height:var(\n--spectrum-divider-vertical-height\n);width:var(--spectrum-divider-vertical-width)}:host{--spectrum-divider-l-background-color:var(\n--spectrum-global-color-gray-800\n);--spectrum-divider-m-background-color:var(\n--spectrum-global-color-gray-300\n);--spectrum-divider-s-background-color:var(\n--spectrum-global-color-gray-300\n)}:host([size=l]){background-color:var(\n--spectrum-divider-l-background-color,var(--spectrum-global-color-gray-800)\n)}:host([size=m]){background-color:var(\n--spectrum-divider-m-background-color,var(--spectrum-global-color-gray-300)\n)}:host([size=s]){background-color:var(\n--spectrum-divider-s-background-color,var(--spectrum-global-color-gray-300)\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;AAmCf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2022 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;",
6
6
  "names": []
7
7
  }
package/src/divider.css.js CHANGED
@@ -1,36 +1,54 @@
1
- "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
2
- :host([size=s]){--spectrum-divider-height:var(
3
- --spectrum-divider-s-height,var(--spectrum-global-dimension-size-10)
4
- );--spectrum-divider-vertical-height:var(
5
- --spectrum-divider-s-vertical-height,var(--spectrum-global-dimension-size-10)
6
- );--spectrum-divider-vertical-width:var(
7
- --spectrum-divider-s-vertical-width,var(--spectrum-global-dimension-size-10)
8
- )}:host([size=m]){--spectrum-divider-height:var(
9
- --spectrum-divider-m-height,var(--spectrum-global-dimension-size-25)
10
- );--spectrum-divider-vertical-height:var(
11
- --spectrum-divider-m-vertical-height,var(--spectrum-global-dimension-size-25)
12
- );--spectrum-divider-vertical-width:var(
13
- --spectrum-divider-m-vertical-width,var(--spectrum-global-dimension-size-25)
14
- )}:host([size=l]){--spectrum-divider-height:var(
15
- --spectrum-divider-l-height,var(--spectrum-global-dimension-size-50)
16
- );--spectrum-divider-vertical-height:var(
17
- --spectrum-divider-l-vertical-height,var(--spectrum-global-dimension-size-50)
18
- );--spectrum-divider-vertical-width:var(
19
- --spectrum-divider-l-vertical-width,var(--spectrum-global-dimension-size-50)
20
- )}:host{--spectrum-divider-vertical-height:100%}:host{border:none;border-radius:var(--spectrum-divider-height);border-width:var(--spectrum-divider-height);height:var(--spectrum-divider-height);overflow:visible;width:100%}:host([vertical]){height:var(
21
- --spectrum-divider-vertical-height
22
- );width:var(--spectrum-divider-vertical-width)}:host{--spectrum-divider-l-background-color:var(
23
- --spectrum-global-color-gray-800
24
- );--spectrum-divider-m-background-color:var(
25
- --spectrum-global-color-gray-300
26
- );--spectrum-divider-s-background-color:var(
27
- --spectrum-global-color-gray-300
28
- )}:host([size=l]){background-color:var(
29
- --spectrum-divider-l-background-color,var(--spectrum-global-color-gray-800)
30
- )}:host([size=m]){background-color:var(
31
- --spectrum-divider-m-background-color,var(--spectrum-global-color-gray-300)
32
- )}:host([size=s]){background-color:var(
33
- --spectrum-divider-s-background-color,var(--spectrum-global-color-gray-300)
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(
5
+ --spectrum-divider-background-color-medium
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(
7
+ --spectrum-transparent-white-300
8
+ );--spectrum-divider-background-color-medium-static-white:var(
9
+ --spectrum-transparent-white-300
10
+ );--spectrum-divider-background-color-large-static-white:var(
11
+ --spectrum-transparent-white-800
12
+ );--spectrum-divider-background-color-small-static-black:var(
13
+ --spectrum-transparent-black-300
14
+ );--spectrum-divider-background-color-medium-static-black:var(
15
+ --spectrum-transparent-black-300
16
+ );--spectrum-divider-background-color-large-static-black:var(
17
+ --spectrum-transparent-black-800
18
+ )}:host([size=s]){--spectrum-divider-thickness:var(
19
+ --spectrum-divider-thickness-small
20
+ );--spectrum-divider-background-color:var(
21
+ --spectrum-divider-background-color-small
22
+ )}:host([size=m]){--spectrum-divider-thickness:var(
23
+ --spectrum-divider-thickness-medium
24
+ );--spectrum-divider-background-color:var(
25
+ --spectrum-divider-background-color-medium
26
+ )}:host([size=l]){--spectrum-divider-thickness:var(
27
+ --spectrum-divider-thickness-large
28
+ );--spectrum-divider-background-color:var(
29
+ --spectrum-divider-background-color-large
30
+ )}@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
+ --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(
35
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
36
+ );border-width:var(
37
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
38
+ );inline-size:100%;overflow:visible}:host([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
39
+ --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(
41
+ --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(
43
+ --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(
45
+ --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(
47
+ --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(
49
+ --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
50
+ )}:host([vertical]){block-size:100%;inline-size:var(
51
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
34
52
  )}:host{display:block}hr{border:none;margin:0}
35
- `;export default e;
53
+ `;export default i;
36
54
  //# sourceMappingURL=divider.css.js.map
package/src/divider.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["divider.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 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([size=s]){--spectrum-divider-height:var(\n--spectrum-divider-s-height,var(--spectrum-global-dimension-size-10)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-s-vertical-height,var(--spectrum-global-dimension-size-10)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-s-vertical-width,var(--spectrum-global-dimension-size-10)\n)}:host([size=m]){--spectrum-divider-height:var(\n--spectrum-divider-m-height,var(--spectrum-global-dimension-size-25)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-m-vertical-height,var(--spectrum-global-dimension-size-25)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-m-vertical-width,var(--spectrum-global-dimension-size-25)\n)}:host([size=l]){--spectrum-divider-height:var(\n--spectrum-divider-l-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-l-vertical-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-l-vertical-width,var(--spectrum-global-dimension-size-50)\n)}:host{--spectrum-divider-vertical-height:100%}:host{border:none;border-radius:var(--spectrum-divider-height);border-width:var(--spectrum-divider-height);height:var(--spectrum-divider-height);overflow:visible;width:100%}:host([vertical]){height:var(\n--spectrum-divider-vertical-height\n);width:var(--spectrum-divider-vertical-width)}:host{--spectrum-divider-l-background-color:var(\n--spectrum-global-color-gray-800\n);--spectrum-divider-m-background-color:var(\n--spectrum-global-color-gray-300\n);--spectrum-divider-s-background-color:var(\n--spectrum-global-color-gray-300\n)}:host([size=l]){background-color:var(\n--spectrum-divider-l-background-color,var(--spectrum-global-color-gray-800)\n)}:host([size=m]){background-color:var(\n--spectrum-divider-m-background-color,var(--spectrum-global-color-gray-300)\n)}:host([size=s]){background-color:var(\n--spectrum-divider-s-background-color,var(--spectrum-global-color-gray-300)\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,EAmCf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2022 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",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-divider.css.dev.js CHANGED
@@ -1,38 +1,56 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host([size=s]){--spectrum-divider-height:var(
5
- --spectrum-divider-s-height,var(--spectrum-global-dimension-size-10)
6
- );--spectrum-divider-vertical-height:var(
7
- --spectrum-divider-s-vertical-height,var(--spectrum-global-dimension-size-10)
8
- );--spectrum-divider-vertical-width:var(
9
- --spectrum-divider-s-vertical-width,var(--spectrum-global-dimension-size-10)
10
- )}:host([size=m]){--spectrum-divider-height:var(
11
- --spectrum-divider-m-height,var(--spectrum-global-dimension-size-25)
12
- );--spectrum-divider-vertical-height:var(
13
- --spectrum-divider-m-vertical-height,var(--spectrum-global-dimension-size-25)
14
- );--spectrum-divider-vertical-width:var(
15
- --spectrum-divider-m-vertical-width,var(--spectrum-global-dimension-size-25)
16
- )}:host([size=l]){--spectrum-divider-height:var(
17
- --spectrum-divider-l-height,var(--spectrum-global-dimension-size-50)
18
- );--spectrum-divider-vertical-height:var(
19
- --spectrum-divider-l-vertical-height,var(--spectrum-global-dimension-size-50)
20
- );--spectrum-divider-vertical-width:var(
21
- --spectrum-divider-l-vertical-width,var(--spectrum-global-dimension-size-50)
22
- )}:host{--spectrum-divider-vertical-height:100%}:host{border:none;border-radius:var(--spectrum-divider-height);border-width:var(--spectrum-divider-height);height:var(--spectrum-divider-height);overflow:visible;width:100%}:host([vertical]){height:var(
23
- --spectrum-divider-vertical-height
24
- );width:var(--spectrum-divider-vertical-width)}:host{--spectrum-divider-l-background-color:var(
25
- --spectrum-global-color-gray-800
26
- );--spectrum-divider-m-background-color:var(
27
- --spectrum-global-color-gray-300
28
- );--spectrum-divider-s-background-color:var(
29
- --spectrum-global-color-gray-300
30
- )}:host([size=l]){background-color:var(
31
- --spectrum-divider-l-background-color,var(--spectrum-global-color-gray-800)
32
- )}:host([size=m]){background-color:var(
33
- --spectrum-divider-m-background-color,var(--spectrum-global-color-gray-300)
34
- )}:host([size=s]){background-color:var(
35
- --spectrum-divider-s-background-color,var(--spectrum-global-color-gray-300)
4
+ :host{--spectrum-divider-thickness:var(
5
+ --spectrum-divider-thickness-medium
6
+ );--spectrum-divider-background-color:var(
7
+ --spectrum-divider-background-color-medium
8
+ );--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
+ --spectrum-transparent-white-300
10
+ );--spectrum-divider-background-color-medium-static-white:var(
11
+ --spectrum-transparent-white-300
12
+ );--spectrum-divider-background-color-large-static-white:var(
13
+ --spectrum-transparent-white-800
14
+ );--spectrum-divider-background-color-small-static-black:var(
15
+ --spectrum-transparent-black-300
16
+ );--spectrum-divider-background-color-medium-static-black:var(
17
+ --spectrum-transparent-black-300
18
+ );--spectrum-divider-background-color-large-static-black:var(
19
+ --spectrum-transparent-black-800
20
+ )}:host([size=s]){--spectrum-divider-thickness:var(
21
+ --spectrum-divider-thickness-small
22
+ );--spectrum-divider-background-color:var(
23
+ --spectrum-divider-background-color-small
24
+ )}:host([size=m]){--spectrum-divider-thickness:var(
25
+ --spectrum-divider-thickness-medium
26
+ );--spectrum-divider-background-color:var(
27
+ --spectrum-divider-background-color-medium
28
+ )}:host([size=l]){--spectrum-divider-thickness:var(
29
+ --spectrum-divider-thickness-large
30
+ );--spectrum-divider-background-color:var(
31
+ --spectrum-divider-background-color-large
32
+ )}@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
+ --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(
37
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
38
+ );border-width:var(
39
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
40
+ );inline-size:100%;overflow:visible}:host([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
41
+ --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(
43
+ --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(
45
+ --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(
47
+ --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(
49
+ --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(
51
+ --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
52
+ )}:host([vertical]){block-size:100%;inline-size:var(
53
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
36
54
  )}
37
55
  `;
38
56
  export default styles;
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 2022 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([size=s]){--spectrum-divider-height:var(\n--spectrum-divider-s-height,var(--spectrum-global-dimension-size-10)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-s-vertical-height,var(--spectrum-global-dimension-size-10)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-s-vertical-width,var(--spectrum-global-dimension-size-10)\n)}:host([size=m]){--spectrum-divider-height:var(\n--spectrum-divider-m-height,var(--spectrum-global-dimension-size-25)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-m-vertical-height,var(--spectrum-global-dimension-size-25)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-m-vertical-width,var(--spectrum-global-dimension-size-25)\n)}:host([size=l]){--spectrum-divider-height:var(\n--spectrum-divider-l-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-l-vertical-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-l-vertical-width,var(--spectrum-global-dimension-size-50)\n)}:host{--spectrum-divider-vertical-height:100%}:host{border:none;border-radius:var(--spectrum-divider-height);border-width:var(--spectrum-divider-height);height:var(--spectrum-divider-height);overflow:visible;width:100%}:host([vertical]){height:var(\n--spectrum-divider-vertical-height\n);width:var(--spectrum-divider-vertical-width)}:host{--spectrum-divider-l-background-color:var(\n--spectrum-global-color-gray-800\n);--spectrum-divider-m-background-color:var(\n--spectrum-global-color-gray-300\n);--spectrum-divider-s-background-color:var(\n--spectrum-global-color-gray-300\n)}:host([size=l]){background-color:var(\n--spectrum-divider-l-background-color,var(--spectrum-global-color-gray-800)\n)}:host([size=m]){background-color:var(\n--spectrum-divider-m-background-color,var(--spectrum-global-color-gray-300)\n)}:host([size=s]){background-color:var(\n--spectrum-divider-s-background-color,var(--spectrum-global-color-gray-300)\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;AAmCf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2022 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;",
6
6
  "names": []
7
7
  }
package/src/spectrum-divider.css.js CHANGED
@@ -1,36 +1,54 @@
1
- "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
2
- :host([size=s]){--spectrum-divider-height:var(
3
- --spectrum-divider-s-height,var(--spectrum-global-dimension-size-10)
4
- );--spectrum-divider-vertical-height:var(
5
- --spectrum-divider-s-vertical-height,var(--spectrum-global-dimension-size-10)
6
- );--spectrum-divider-vertical-width:var(
7
- --spectrum-divider-s-vertical-width,var(--spectrum-global-dimension-size-10)
8
- )}:host([size=m]){--spectrum-divider-height:var(
9
- --spectrum-divider-m-height,var(--spectrum-global-dimension-size-25)
10
- );--spectrum-divider-vertical-height:var(
11
- --spectrum-divider-m-vertical-height,var(--spectrum-global-dimension-size-25)
12
- );--spectrum-divider-vertical-width:var(
13
- --spectrum-divider-m-vertical-width,var(--spectrum-global-dimension-size-25)
14
- )}:host([size=l]){--spectrum-divider-height:var(
15
- --spectrum-divider-l-height,var(--spectrum-global-dimension-size-50)
16
- );--spectrum-divider-vertical-height:var(
17
- --spectrum-divider-l-vertical-height,var(--spectrum-global-dimension-size-50)
18
- );--spectrum-divider-vertical-width:var(
19
- --spectrum-divider-l-vertical-width,var(--spectrum-global-dimension-size-50)
20
- )}:host{--spectrum-divider-vertical-height:100%}:host{border:none;border-radius:var(--spectrum-divider-height);border-width:var(--spectrum-divider-height);height:var(--spectrum-divider-height);overflow:visible;width:100%}:host([vertical]){height:var(
21
- --spectrum-divider-vertical-height
22
- );width:var(--spectrum-divider-vertical-width)}:host{--spectrum-divider-l-background-color:var(
23
- --spectrum-global-color-gray-800
24
- );--spectrum-divider-m-background-color:var(
25
- --spectrum-global-color-gray-300
26
- );--spectrum-divider-s-background-color:var(
27
- --spectrum-global-color-gray-300
28
- )}:host([size=l]){background-color:var(
29
- --spectrum-divider-l-background-color,var(--spectrum-global-color-gray-800)
30
- )}:host([size=m]){background-color:var(
31
- --spectrum-divider-m-background-color,var(--spectrum-global-color-gray-300)
32
- )}:host([size=s]){background-color:var(
33
- --spectrum-divider-s-background-color,var(--spectrum-global-color-gray-300)
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(
5
+ --spectrum-divider-background-color-medium
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(
7
+ --spectrum-transparent-white-300
8
+ );--spectrum-divider-background-color-medium-static-white:var(
9
+ --spectrum-transparent-white-300
10
+ );--spectrum-divider-background-color-large-static-white:var(
11
+ --spectrum-transparent-white-800
12
+ );--spectrum-divider-background-color-small-static-black:var(
13
+ --spectrum-transparent-black-300
14
+ );--spectrum-divider-background-color-medium-static-black:var(
15
+ --spectrum-transparent-black-300
16
+ );--spectrum-divider-background-color-large-static-black:var(
17
+ --spectrum-transparent-black-800
18
+ )}:host([size=s]){--spectrum-divider-thickness:var(
19
+ --spectrum-divider-thickness-small
20
+ );--spectrum-divider-background-color:var(
21
+ --spectrum-divider-background-color-small
22
+ )}:host([size=m]){--spectrum-divider-thickness:var(
23
+ --spectrum-divider-thickness-medium
24
+ );--spectrum-divider-background-color:var(
25
+ --spectrum-divider-background-color-medium
26
+ )}:host([size=l]){--spectrum-divider-thickness:var(
27
+ --spectrum-divider-thickness-large
28
+ );--spectrum-divider-background-color:var(
29
+ --spectrum-divider-background-color-large
30
+ )}@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
+ --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(
35
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
36
+ );border-width:var(
37
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
38
+ );inline-size:100%;overflow:visible}:host([size=s]) .spectrum-Divider--staticWhite{--spectrum-divider-background-color:var(
39
+ --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(
41
+ --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(
43
+ --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(
45
+ --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(
47
+ --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(
49
+ --mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black)
50
+ )}:host([vertical]){block-size:100%;inline-size:var(
51
+ --mod-divider-thickness,var(--spectrum-divider-thickness)
34
52
  )}
35
- `;export default e;
53
+ `;export default i;
36
54
  //# sourceMappingURL=spectrum-divider.css.js.map
package/src/spectrum-divider.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-divider.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 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([size=s]){--spectrum-divider-height:var(\n--spectrum-divider-s-height,var(--spectrum-global-dimension-size-10)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-s-vertical-height,var(--spectrum-global-dimension-size-10)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-s-vertical-width,var(--spectrum-global-dimension-size-10)\n)}:host([size=m]){--spectrum-divider-height:var(\n--spectrum-divider-m-height,var(--spectrum-global-dimension-size-25)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-m-vertical-height,var(--spectrum-global-dimension-size-25)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-m-vertical-width,var(--spectrum-global-dimension-size-25)\n)}:host([size=l]){--spectrum-divider-height:var(\n--spectrum-divider-l-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-divider-vertical-height:var(\n--spectrum-divider-l-vertical-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-divider-vertical-width:var(\n--spectrum-divider-l-vertical-width,var(--spectrum-global-dimension-size-50)\n)}:host{--spectrum-divider-vertical-height:100%}:host{border:none;border-radius:var(--spectrum-divider-height);border-width:var(--spectrum-divider-height);height:var(--spectrum-divider-height);overflow:visible;width:100%}:host([vertical]){height:var(\n--spectrum-divider-vertical-height\n);width:var(--spectrum-divider-vertical-width)}:host{--spectrum-divider-l-background-color:var(\n--spectrum-global-color-gray-800\n);--spectrum-divider-m-background-color:var(\n--spectrum-global-color-gray-300\n);--spectrum-divider-s-background-color:var(\n--spectrum-global-color-gray-300\n)}:host([size=l]){background-color:var(\n--spectrum-divider-l-background-color,var(--spectrum-global-color-gray-800)\n)}:host([size=m]){background-color:var(\n--spectrum-divider-m-background-color,var(--spectrum-global-color-gray-300)\n)}:host([size=s]){background-color:var(\n--spectrum-divider-s-background-color,var(--spectrum-global-color-gray-300)\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,EAmCf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2022 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",
6
6
  "names": ["css", "styles"]
7
7
  }
package/test/divider.test-vrt.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["divider.test-vrt.ts"],
4
- "sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport * as stories from '../stories/divider.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('DividerStories', stories);\n"],
5
- "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAE/B,eAAe,kBAAkB,OAAO;",
4
+ "sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport * as stories from '../stories/divider.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('DividerStories', stories as unknown as TestsType);\n"],
5
+ "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,kBAAkB,OAA+B;",
6
6
  "names": []
7
7
  }