@spectrum-web-components/divider 1.1.0-beta.9 → 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +4 -4
- package/src/divider-overrides.css.dev.js.map +1 -1
- package/src/divider-overrides.css.js.map +1 -1
- package/src/divider.css.dev.js.map +1 -1
- package/src/divider.css.js.map +1 -1
- package/src/spectrum-divider.css.dev.js.map +1 -1
- package/src/spectrum-divider.css.js.map +1 -1
- package/stories/divider.stories.js +3 -9
- package/stories/divider.stories.js.map +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/divider",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -58,10 +58,10 @@
|
|
|
58
58
|
"lit-html"
|
|
59
59
|
],
|
|
60
60
|
"dependencies": {
|
|
61
|
-
"@spectrum-web-components/base": "^1.1.
|
|
61
|
+
"@spectrum-web-components/base": "^1.1.1"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
|
-
"@spectrum-css/divider": "
|
|
64
|
+
"@spectrum-css/divider": "4.0.0-s2-foundations.15"
|
|
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": "
|
|
73
|
+
"gitHead": "44870aa95001c1b995456d994ae31bbe7277fac9"
|
|
74
74
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["divider-overrides.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-divider-background-color-small:var(--system-divider-background-color-small);--spectrum-divider-background-color-medium:var(--system-divider-background-color-medium);--spectrum-divider-background-color-large:var(--system-divider-background-color-large);--spectrum-divider-background-color-small-static-white:var(--system-divider-background-color-small-static-white);--spectrum-divider-background-color-medium-static-white:var(--system-divider-background-color-medium-static-white);--spectrum-divider-background-color-large-static-white:var(--system-divider-background-color-large-static-white);--spectrum-divider-background-color-small-static-black:var(--system-divider-background-color-small-static-black);--spectrum-divider-background-color-medium-static-black:var(--system-divider-background-color-medium-static-black);--spectrum-divider-background-color-large-static-black:var(--system-divider-background-color-large-static-black)}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["divider-overrides.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-divider-background-color-small:var(--system-divider-background-color-small);--spectrum-divider-background-color-medium:var(--system-divider-background-color-medium);--spectrum-divider-background-color-large:var(--system-divider-background-color-large);--spectrum-divider-background-color-small-static-white:var(--system-divider-background-color-small-static-white);--spectrum-divider-background-color-medium-static-white:var(--system-divider-background-color-medium-static-white);--spectrum-divider-background-color-large-static-white:var(--system-divider-background-color-large-static-white);--spectrum-divider-background-color-small-static-black:var(--system-divider-background-color-small-static-black);--spectrum-divider-background-color-medium-static-black:var(--system-divider-background-color-medium-static-black);--spectrum-divider-background-color-large-static-black:var(--system-divider-background-color-large-static-black)}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["divider.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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 @media (forced-colors:active){:host{background-color:CanvasText!important}}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));inline-size:100%;border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--mod-divider-background-color,var(--spectrum-divider-background-color));overflow:visible}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host,:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}:host([static-color=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static-color=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static-color=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static-color=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static-color=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static-color=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:100%;block-size:var(--mod-divider-vertical-height,100%);align-self:var(--mod-divider-vertical-align)}:host{--spectrum-divider-background-color-small:var(--system-divider-background-color-small);--spectrum-divider-background-color-medium:var(--system-divider-background-color-medium);--spectrum-divider-background-color-large:var(--system-divider-background-color-large);--spectrum-divider-background-color-small-static-white:var(--system-divider-background-color-small-static-white);--spectrum-divider-background-color-medium-static-white:var(--system-divider-background-color-medium-static-white);--spectrum-divider-background-color-large-static-white:var(--system-divider-background-color-large-static-white);--spectrum-divider-background-color-small-static-black:var(--system-divider-background-color-small-static-black);--spectrum-divider-background-color-medium-static-black:var(--system-divider-background-color-medium-static-black);--spectrum-divider-background-color-large-static-black:var(--system-divider-background-color-large-static-black)}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
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
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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 @media (forced-colors:active){:host{background-color:CanvasText!important}}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));inline-size:100%;border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--mod-divider-background-color,var(--spectrum-divider-background-color));overflow:visible}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host,:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}:host([static-color=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static-color=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static-color=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static-color=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static-color=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static-color=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:100%;block-size:var(--mod-divider-vertical-height,100%);align-self:var(--mod-divider-vertical-align)}:host{--spectrum-divider-background-color-small:var(--system-divider-background-color-small);--spectrum-divider-background-color-medium:var(--system-divider-background-color-medium);--spectrum-divider-background-color-large:var(--system-divider-background-color-large);--spectrum-divider-background-color-small-static-white:var(--system-divider-background-color-small-static-white);--spectrum-divider-background-color-medium-static-white:var(--system-divider-background-color-medium-static-white);--spectrum-divider-background-color-large-static-white:var(--system-divider-background-color-large-static-white);--spectrum-divider-background-color-small-static-black:var(--system-divider-background-color-small-static-black);--spectrum-divider-background-color-medium-static-black:var(--system-divider-background-color-medium-static-black);--spectrum-divider-background-color-large-static-black:var(--system-divider-background-color-large-static-black)}:host{display:block}hr{border:none;margin:0}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-divider.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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 @media (forced-colors:active){:host{background-color:CanvasText!important}}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));inline-size:100%;border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--mod-divider-background-color,var(--spectrum-divider-background-color));overflow:visible}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host,:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}:host([static-color=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static-color=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static-color=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static-color=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static-color=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static-color=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:100%;block-size:var(--mod-divider-vertical-height,100%);align-self:var(--mod-divider-vertical-align)}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-divider.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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 @media (forced-colors:active){:host{background-color:CanvasText!important}}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));inline-size:100%;border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--mod-divider-background-color,var(--spectrum-divider-background-color));overflow:visible}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}:host,:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-divider-background-color-large)}:host([static-color=white][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-small-static-white))}:host([static-color=white]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-medium-static-white))}:host([static-color=white][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-divider-background-color-large-static-white))}:host([static-color=black][size=s]){--spectrum-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-small-static-black))}:host([static-color=black]){--spectrum-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-medium-static-black))}:host([static-color=black][size=l]){--spectrum-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));margin-block:var(--mod-divider-vertical-margin);block-size:100%;block-size:var(--mod-divider-vertical-height,100%);align-self:var(--mod-divider-vertical-align)}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -43,9 +43,7 @@ export const small = () => {
|
|
|
43
43
|
};
|
|
44
44
|
export const verticalSmall = () => {
|
|
45
45
|
return html`
|
|
46
|
-
<div
|
|
47
|
-
style="height: var(--spectrum-global-dimension-size-400, 32px); display: flex;"
|
|
48
|
-
>
|
|
46
|
+
<div style="height: var(--spectrum-spacing-500, 32px); display: flex;">
|
|
49
47
|
<sp-action-button quiet>
|
|
50
48
|
<sp-icon-align-left slot="icon"></sp-icon-align-left>
|
|
51
49
|
</sp-action-button>
|
|
@@ -62,9 +60,7 @@ export const verticalSmall = () => {
|
|
|
62
60
|
};
|
|
63
61
|
export const verticalMedium = () => {
|
|
64
62
|
return html`
|
|
65
|
-
<div
|
|
66
|
-
style="height: var(--spectrum-global-dimension-size-400, 32px); display: flex;"
|
|
67
|
-
>
|
|
63
|
+
<div style="height: var(--spectrum-spacing-500, 32px); display: flex;">
|
|
68
64
|
<sp-action-button quiet>
|
|
69
65
|
<sp-icon-align-left slot="icon"></sp-icon-align-left>
|
|
70
66
|
</sp-action-button>
|
|
@@ -81,9 +77,7 @@ export const verticalMedium = () => {
|
|
|
81
77
|
};
|
|
82
78
|
export const verticalLarge = () => {
|
|
83
79
|
return html`
|
|
84
|
-
<div
|
|
85
|
-
style="height: var(--spectrum-global-dimension-size-400, 32px); display: flex;"
|
|
86
|
-
>
|
|
80
|
+
<div style="height: var(--spectrum-spacing-500, 32px); display: flex;">
|
|
87
81
|
<sp-action-button quiet>
|
|
88
82
|
<sp-icon-align-left slot="icon"></sp-icon-align-left>
|
|
89
83
|
</sp-action-button>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["divider.stories.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*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/divider/sp-divider.js';\nimport './typography-decorator.js';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-align-left.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-align-right.js';\n\nexport default {\n title: 'Divider',\n decorators: [\n (story: () => TemplateResult): TemplateResult => html`\n <typography-decorator .story=${story()}></typography-decorator>\n `,\n ],\n};\n\nexport const large = (): TemplateResult => {\n return html`\n <h2 class=\"spectrum-Heading spectrum-Heading--sizeM\">Large</h2>\n <sp-divider size=\"l\"></sp-divider>\n <p class=\"spectrum-Body\">Page or Section Titles.</p>\n `;\n};\n\nexport const medium = (): TemplateResult => {\n return html`\n <h3 class=\"spectrum-Heading spectrum-Heading--sizeS\">Medium</h3>\n <sp-divider size=\"m\"></sp-divider>\n <p class=\"spectrum-Body\">\n Divide subsections, or divide different groups of elements (between\n panels, rails, etc.)\n </p>\n `;\n};\n\nexport const small = (): TemplateResult => {\n return html`\n <h4 class=\"spectrum-Heading spectrum-Heading--sizeXS\">Small</h4>\n <sp-divider size=\"s\"></sp-divider>\n <p class=\"spectrum-Body\">\n Divide like-elements (tables, tool groups, elements within a panel,\n etc.)\n </p>\n `;\n};\n\nexport const verticalSmall = (): TemplateResult => {\n return html`\n <div
|
|
5
|
-
"mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,IACR,CAAC,UAAgD;AAAA,2CACd,MAAM,CAAC;AAAA;AAAA,EAE9C;AACJ;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAAA;AAAA;AAKX;AAEO,aAAM,SAAS,MAAsB;AACxC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
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*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/divider/sp-divider.js';\nimport './typography-decorator.js';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-align-left.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-align-right.js';\n\nexport default {\n title: 'Divider',\n decorators: [\n (story: () => TemplateResult): TemplateResult => html`\n <typography-decorator .story=${story()}></typography-decorator>\n `,\n ],\n};\n\nexport const large = (): TemplateResult => {\n return html`\n <h2 class=\"spectrum-Heading spectrum-Heading--sizeM\">Large</h2>\n <sp-divider size=\"l\"></sp-divider>\n <p class=\"spectrum-Body\">Page or Section Titles.</p>\n `;\n};\n\nexport const medium = (): TemplateResult => {\n return html`\n <h3 class=\"spectrum-Heading spectrum-Heading--sizeS\">Medium</h3>\n <sp-divider size=\"m\"></sp-divider>\n <p class=\"spectrum-Body\">\n Divide subsections, or divide different groups of elements (between\n panels, rails, etc.)\n </p>\n `;\n};\n\nexport const small = (): TemplateResult => {\n return html`\n <h4 class=\"spectrum-Heading spectrum-Heading--sizeXS\">Small</h4>\n <sp-divider size=\"s\"></sp-divider>\n <p class=\"spectrum-Body\">\n Divide like-elements (tables, tool groups, elements within a panel,\n etc.)\n </p>\n `;\n};\n\nexport const verticalSmall = (): TemplateResult => {\n return html`\n <div style=\"height: var(--spectrum-spacing-500, 32px); display: flex;\">\n <sp-action-button quiet>\n <sp-icon-align-left slot=\"icon\"></sp-icon-align-left>\n </sp-action-button>\n <sp-divider\n vertical\n size=\"s\"\n style=\"height: auto; align-self: stretch;\"\n ></sp-divider>\n <sp-action-button quiet>\n <sp-icon-align-right slot=\"icon\"></sp-icon-align-right>\n </sp-action-button>\n </div>\n `;\n};\n\nexport const verticalMedium = (): TemplateResult => {\n return html`\n <div style=\"height: var(--spectrum-spacing-500, 32px); display: flex;\">\n <sp-action-button quiet>\n <sp-icon-align-left slot=\"icon\"></sp-icon-align-left>\n </sp-action-button>\n <sp-divider\n size=\"m\"\n vertical\n style=\"height: auto; align-self: stretch;\"\n ></sp-divider>\n <sp-action-button quiet>\n <sp-icon-align-right slot=\"icon\"></sp-icon-align-right>\n </sp-action-button>\n </div>\n `;\n};\n\nexport const verticalLarge = (): TemplateResult => {\n return html`\n <div style=\"height: var(--spectrum-spacing-500, 32px); display: flex;\">\n <sp-action-button quiet>\n <sp-icon-align-left slot=\"icon\"></sp-icon-align-left>\n </sp-action-button>\n <sp-divider\n size=\"l\"\n vertical\n style=\"height: auto; align-self: stretch;\"\n ></sp-divider>\n <sp-action-button quiet>\n <sp-icon-align-right slot=\"icon\"></sp-icon-align-right>\n </sp-action-button>\n </div>\n `;\n};\n"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,IACR,CAAC,UAAgD;AAAA,2CACd,MAAM,CAAC;AAAA;AAAA,EAE9C;AACJ;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAAA;AAAA;AAKX;AAEO,aAAM,SAAS,MAAsB;AACxC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeX;AAEO,aAAM,iBAAiB,MAAsB;AAChD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeX;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|