@spectrum-web-components/badge 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +3 -3
  2. package/src/badge.css.dev.js +2 -2
  3. package/src/badge.css.dev.js.map +1 -1
  4. package/src/badge.css.js +2 -2
  5. package/src/badge.css.js.map +1 -1
  6. package/src/spectrum-badge.css.dev.js +2 -2
  7. package/src/spectrum-badge.css.dev.js.map +1 -1
  8. package/src/spectrum-badge.css.js +2 -2
  9. package/src/spectrum-badge.css.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/badge",
3
- "version": "0.4.1",
3
+ "version": "0.4.2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -61,7 +61,7 @@
61
61
  "@spectrum-web-components/shared": "^0.15.3"
62
62
  },
63
63
  "devDependencies": {
64
- "@spectrum-css/badge": "^2.0.0"
64
+ "@spectrum-css/badge": "^2.0.1"
65
65
  },
66
66
  "types": "./src/index.d.ts",
67
67
  "customElements": "custom-elements.json",
@@ -69,5 +69,5 @@
69
69
  "./sp-*.js",
70
70
  "./**/*.dev.js"
71
71
  ],
72
- "gitHead": "370295c7ce89dd64d3d9a4373fd84e861904ec5a"
72
+ "gitHead": "34bbc8bf1636f2d78ca9d5dbabc0b89da625572f"
73
73
  }
package/src/badge.css.dev.js CHANGED
@@ -3,7 +3,7 @@ import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
4
  :host{--spectrum-badge-corner-radius:var(
5
5
  --spectrum-corner-radius-100
6
- );--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(
6
+ );--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(
7
7
  --spectrum-neutral-subdued-background-color-default
8
8
  );--spectrum-badge-background-color-accent:var(
9
9
  --spectrum-accent-background-color-default
@@ -118,7 +118,7 @@ const styles = css`
118
118
  )}.spectrum-Badge--black-text .label{color:var(
119
119
  --mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)
120
120
  )}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(
121
- --mod-badge-cjk-line-height,var(--spectrum-badge-cjk-line-height)
121
+ --mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)
122
122
  )}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(
123
123
  --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
124
124
  );color:var(
package/src/badge.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["badge.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{--spectrum-badge-corner-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(\n--spectrum-component-height-75\n);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=m]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=l]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid transparent;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);cursor:default;display:inline-flex;inline-size:auto;min-block-size:var(\n--mod-badge-height,var(--spectrum-badge-height)\n);position:relative;vertical-align:middle}.spectrum-Badge--black-text{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);font-size:var(\n--mod-badge-font-size,var(--spectrum-badge-font-size)\n);line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.spectrum-Badge--black-text .label{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-cjk-line-height,var(--spectrum-badge-cjk-line-height)\n)}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}.spectrum-Badge--black-text ::slotted([slot=icon]){color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host{align-items:center}:host([fixed=left]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=right]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=top]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=bottom]){border-end-end-radius:0;border-end-start-radius:0}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}::slotted([slot=icon]){flex-shrink:0}.label slot{display:block;max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);overflow:hidden}[icon-only]+.label{display:none}\n`;\nexport default styles;"],
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-badge-corner-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(\n--spectrum-component-height-75\n);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=m]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=l]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid transparent;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);cursor:default;display:inline-flex;inline-size:auto;min-block-size:var(\n--mod-badge-height,var(--spectrum-badge-height)\n);position:relative;vertical-align:middle}.spectrum-Badge--black-text{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);font-size:var(\n--mod-badge-font-size,var(--spectrum-badge-font-size)\n);line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.spectrum-Badge--black-text .label{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)\n)}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}.spectrum-Badge--black-text ::slotted([slot=icon]){color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host{align-items:center}:host([fixed=left]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=right]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=top]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=bottom]){border-end-end-radius:0;border-end-start-radius:0}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}::slotted([slot=icon]){flex-shrink:0}.label slot{display:block;max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);overflow:hidden}[icon-only]+.label{display:none}\n`;\nexport default styles;"],
5
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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Kf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/badge.css.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
2
2
  :host{--spectrum-badge-corner-radius:var(
3
3
  --spectrum-corner-radius-100
4
- );--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(
4
+ );--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(
5
5
  --spectrum-neutral-subdued-background-color-default
6
6
  );--spectrum-badge-background-color-accent:var(
7
7
  --spectrum-accent-background-color-default
@@ -116,7 +116,7 @@
116
116
  )}.spectrum-Badge--black-text .label{color:var(
117
117
  --mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)
118
118
  )}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(
119
- --mod-badge-cjk-line-height,var(--spectrum-badge-cjk-line-height)
119
+ --mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)
120
120
  )}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(
121
121
  --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
122
122
  );color:var(
package/src/badge.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["badge.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{--spectrum-badge-corner-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(\n--spectrum-component-height-75\n);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=m]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=l]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid transparent;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);cursor:default;display:inline-flex;inline-size:auto;min-block-size:var(\n--mod-badge-height,var(--spectrum-badge-height)\n);position:relative;vertical-align:middle}.spectrum-Badge--black-text{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);font-size:var(\n--mod-badge-font-size,var(--spectrum-badge-font-size)\n);line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.spectrum-Badge--black-text .label{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-cjk-line-height,var(--spectrum-badge-cjk-line-height)\n)}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}.spectrum-Badge--black-text ::slotted([slot=icon]){color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host{align-items:center}:host([fixed=left]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=right]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=top]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=bottom]){border-end-end-radius:0;border-end-start-radius:0}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}::slotted([slot=icon]){flex-shrink:0}.label slot{display:block;max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);overflow:hidden}[icon-only]+.label{display:none}\n`;\nexport default styles;"],
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-badge-corner-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(\n--spectrum-component-height-75\n);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=m]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=l]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid transparent;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);cursor:default;display:inline-flex;inline-size:auto;min-block-size:var(\n--mod-badge-height,var(--spectrum-badge-height)\n);position:relative;vertical-align:middle}.spectrum-Badge--black-text{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);font-size:var(\n--mod-badge-font-size,var(--spectrum-badge-font-size)\n);line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.spectrum-Badge--black-text .label{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)\n)}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}.spectrum-Badge--black-text ::slotted([slot=icon]){color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host{align-items:center}:host([fixed=left]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=right]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=top]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=bottom]){border-end-end-radius:0;border-end-start-radius:0}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}::slotted([slot=icon]){flex-shrink:0}.label slot{display:block;max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);overflow:hidden}[icon-only]+.label{display:none}\n`;\nexport default styles;"],
5
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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Kf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-badge.css.dev.js CHANGED
@@ -3,7 +3,7 @@ import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
4
  :host{--spectrum-badge-corner-radius:var(
5
5
  --spectrum-corner-radius-100
6
- );--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(
6
+ );--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(
7
7
  --spectrum-neutral-subdued-background-color-default
8
8
  );--spectrum-badge-background-color-accent:var(
9
9
  --spectrum-accent-background-color-default
@@ -118,7 +118,7 @@ const styles = css`
118
118
  )}.spectrum-Badge--black-text .label{color:var(
119
119
  --mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)
120
120
  )}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(
121
- --mod-badge-cjk-line-height,var(--spectrum-badge-cjk-line-height)
121
+ --mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)
122
122
  )}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(
123
123
  --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
124
124
  );color:var(
package/src/spectrum-badge.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-badge.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{--spectrum-badge-corner-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(\n--spectrum-component-height-75\n);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=m]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=l]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid transparent;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);cursor:default;display:inline-flex;inline-size:auto;min-block-size:var(\n--mod-badge-height,var(--spectrum-badge-height)\n);position:relative;vertical-align:middle}.spectrum-Badge--black-text{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);font-size:var(\n--mod-badge-font-size,var(--spectrum-badge-font-size)\n);line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.spectrum-Badge--black-text .label{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-cjk-line-height,var(--spectrum-badge-cjk-line-height)\n)}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}.spectrum-Badge--black-text ::slotted([slot=icon]){color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}\n`;\nexport default styles;"],
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-badge-corner-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(\n--spectrum-component-height-75\n);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=m]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=l]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid transparent;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);cursor:default;display:inline-flex;inline-size:auto;min-block-size:var(\n--mod-badge-height,var(--spectrum-badge-height)\n);position:relative;vertical-align:middle}.spectrum-Badge--black-text{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);font-size:var(\n--mod-badge-font-size,var(--spectrum-badge-font-size)\n);line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.spectrum-Badge--black-text .label{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)\n)}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}.spectrum-Badge--black-text ::slotted([slot=icon]){color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}\n`;\nexport default styles;"],
5
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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+If,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-badge.css.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";import{css as e}from"@spectrum-web-components/base";const o=e`
2
2
  :host{--spectrum-badge-corner-radius:var(
3
3
  --spectrum-corner-radius-100
4
- );--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(
4
+ );--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(
5
5
  --spectrum-neutral-subdued-background-color-default
6
6
  );--spectrum-badge-background-color-accent:var(
7
7
  --spectrum-accent-background-color-default
@@ -116,7 +116,7 @@
116
116
  )}.spectrum-Badge--black-text .label{color:var(
117
117
  --mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)
118
118
  )}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(
119
- --mod-badge-cjk-line-height,var(--spectrum-badge-cjk-line-height)
119
+ --mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)
120
120
  )}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(
121
121
  --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
122
122
  );color:var(
package/src/spectrum-badge.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-badge.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{--spectrum-badge-corner-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(\n--spectrum-component-height-75\n);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=m]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=l]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid transparent;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);cursor:default;display:inline-flex;inline-size:auto;min-block-size:var(\n--mod-badge-height,var(--spectrum-badge-height)\n);position:relative;vertical-align:middle}.spectrum-Badge--black-text{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);font-size:var(\n--mod-badge-font-size,var(--spectrum-badge-font-size)\n);line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.spectrum-Badge--black-text .label{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-cjk-line-height,var(--spectrum-badge-cjk-line-height)\n)}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}.spectrum-Badge--black-text ::slotted([slot=icon]){color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}\n`;\nexport default styles;"],
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-badge-corner-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-badge-label-icon-color-white:var(--spectrum-white);--spectrum-badge-label-icon-color-black:var(--spectrum-black);--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(\n--spectrum-component-height-75\n);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=m]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=l]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(\n--spectrum-component-height-100\n);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid transparent;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);cursor:default;display:inline-flex;inline-size:auto;min-block-size:var(\n--mod-badge-height,var(--spectrum-badge-height)\n);position:relative;vertical-align:middle}.spectrum-Badge--black-text{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);font-size:var(\n--mod-badge-font-size,var(--spectrum-badge-font-size)\n);line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.spectrum-Badge--black-text .label{color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)\n)}slot[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color-white,var(--spectrum-badge-label-icon-color-white)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}.spectrum-Badge--black-text ::slotted([slot=icon]){color:var(\n--mod-badge-label-icon-color-black,var(--spectrum-badge-label-icon-color-black)\n)}\n`;\nexport default styles;"],
5
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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+If,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }