@spectrum-web-components/color-area 0.41.1 → 0.41.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 +8 -8
  2. package/src/color-area.css.dev.js +1 -25
  3. package/src/color-area.css.dev.js.map +2 -2
  4. package/src/color-area.css.js +1 -25
  5. package/src/color-area.css.js.map +2 -2
  6. package/src/spectrum-color-area.css.dev.js +1 -25
  7. package/src/spectrum-color-area.css.dev.js.map +2 -2
  8. package/src/spectrum-color-area.css.js +1 -25
  9. package/src/spectrum-color-area.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/color-area",
3
- "version": "0.41.1",
3
+ "version": "0.41.2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -62,14 +62,14 @@
62
62
  ],
63
63
  "dependencies": {
64
64
  "@ctrl/tinycolor": "^4.0.3",
65
- "@spectrum-web-components/base": "^0.41.1",
66
- "@spectrum-web-components/color-handle": "^0.41.1",
67
- "@spectrum-web-components/opacity-checkerboard": "^0.41.1",
68
- "@spectrum-web-components/reactive-controllers": "^0.41.1",
69
- "@spectrum-web-components/shared": "^0.41.1"
65
+ "@spectrum-web-components/base": "^0.41.2",
66
+ "@spectrum-web-components/color-handle": "^0.41.2",
67
+ "@spectrum-web-components/opacity-checkerboard": "^0.41.2",
68
+ "@spectrum-web-components/reactive-controllers": "^0.41.2",
69
+ "@spectrum-web-components/shared": "^0.41.2"
70
70
  },
71
71
  "devDependencies": {
72
- "@spectrum-css/colorarea": "^4.1.1"
72
+ "@spectrum-css/colorarea": "^4.1.3"
73
73
  },
74
74
  "types": "./src/index.d.ts",
75
75
  "customElements": "custom-elements.json",
@@ -77,5 +77,5 @@
77
77
  "./sp-*.js",
78
78
  "./**/*.dev.js"
79
79
  ],
80
- "gitHead": "1eded35d98d01973b40990486b86840ba464a2da"
80
+ "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87"
81
81
  }
package/src/color-area.css.dev.js CHANGED
@@ -1,31 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-colorarea-border-radius:var(
5
- --spectrum-color-area-border-rounding
6
- );--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(
7
- --spectrum-disabled-background-color
8
- );--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));border:var(
9
- --mod-colorarea-border-width,var(--spectrum-colorarea-border-width)
10
- ) solid var(
11
- --highcontrast-colorarea-border-color,var(
12
- --mod-colorarea-border-color,var(--spectrum-colorarea-border-color)
13
- )
14
- );border-radius:var(
15
- --mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)
16
- );box-sizing:border-box;cursor:default;display:inline-block;inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));min-block-size:var(
17
- --mod-colorarea-min-height,var(--spectrum-colorarea-min-height)
18
- );min-inline-size:var(
19
- --mod-colorarea-min-width,var(--spectrum-colorarea-min-width)
20
- );position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){background:var(
21
- --highcontrast-colorarea-fill-color-disabled,var(
22
- --mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)
23
- )
24
- );border:var(
25
- --mod-colorarea-border-width,var(--spectrum-colorarea-border-width)
26
- ) solid var(--highcontrast-colorarea-border-color-disabled);pointer-events:none}:host([disabled]) .gradient{display:none}.handle{inset-block-start:0;transform:translate(calc(var(--mod-colorarea-width, var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)))}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(
27
- --mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)
28
- )}.gradient,.slider{block-size:100%;inline-size:100%}.slider{inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--spectrum-colorarea-default-width))}::slotted(*){height:100%;width:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}
4
+ :host{--spectrum-colorarea-border-radius:var(--spectrum-color-area-border-rounding);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(--spectrum-disabled-background-color);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}:host([disabled]),.gradient{forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--mod-colorarea-min-width,var(--spectrum-colorarea-min-width));min-block-size:var(--mod-colorarea-min-height,var(--spectrum-colorarea-min-height));inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));box-sizing:border-box;border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color,var(--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)));display:inline-block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none;background:var(--highcontrast-colorarea-fill-color-disabled,var(--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--mod-colorarea-width,var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)),0);inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--spectrum-colorarea-default-width),0)}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}
29
5
  `;
30
6
  export default styles;
31
7
  //# sourceMappingURL=color-area.css.dev.js.map
package/src/color-area.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["color-area.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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-colorarea-border-radius:var(\n--spectrum-color-area-border-rounding\n);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(\n--spectrum-disabled-background-color\n);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));border:var(\n--mod-colorarea-border-width,var(--spectrum-colorarea-border-width)\n) solid var(\n--highcontrast-colorarea-border-color,var(\n--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)\n)\n);border-radius:var(\n--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)\n);box-sizing:border-box;cursor:default;display:inline-block;inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));min-block-size:var(\n--mod-colorarea-min-height,var(--spectrum-colorarea-min-height)\n);min-inline-size:var(\n--mod-colorarea-min-width,var(--spectrum-colorarea-min-width)\n);position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){background:var(\n--highcontrast-colorarea-fill-color-disabled,var(\n--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)\n)\n);border:var(\n--mod-colorarea-border-width,var(--spectrum-colorarea-border-width)\n) solid var(--highcontrast-colorarea-border-color-disabled);pointer-events:none}:host([disabled]) .gradient{display:none}.handle{inset-block-start:0;transform:translate(calc(var(--mod-colorarea-width, var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)))}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(\n--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)\n)}.gradient,.slider{block-size:100%;inline-size:100%}.slider{inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--spectrum-colorarea-default-width))}::slotted(*){height:100%;width:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Bf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 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-colorarea-border-radius:var(--spectrum-color-area-border-rounding);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(--spectrum-disabled-background-color);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}:host([disabled]),.gradient{forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--mod-colorarea-min-width,var(--spectrum-colorarea-min-width));min-block-size:var(--mod-colorarea-min-height,var(--spectrum-colorarea-min-height));inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));box-sizing:border-box;border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color,var(--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)));display:inline-block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none;background:var(--highcontrast-colorarea-fill-color-disabled,var(--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--mod-colorarea-width,var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)),0);inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--spectrum-colorarea-default-width),0)}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/color-area.css.js CHANGED
@@ -1,28 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const o=r`
2
- :host{--spectrum-colorarea-border-radius:var(
3
- --spectrum-color-area-border-rounding
4
- );--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(
5
- --spectrum-disabled-background-color
6
- );--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));border:var(
7
- --mod-colorarea-border-width,var(--spectrum-colorarea-border-width)
8
- ) solid var(
9
- --highcontrast-colorarea-border-color,var(
10
- --mod-colorarea-border-color,var(--spectrum-colorarea-border-color)
11
- )
12
- );border-radius:var(
13
- --mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)
14
- );box-sizing:border-box;cursor:default;display:inline-block;inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));min-block-size:var(
15
- --mod-colorarea-min-height,var(--spectrum-colorarea-min-height)
16
- );min-inline-size:var(
17
- --mod-colorarea-min-width,var(--spectrum-colorarea-min-width)
18
- );position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){background:var(
19
- --highcontrast-colorarea-fill-color-disabled,var(
20
- --mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)
21
- )
22
- );border:var(
23
- --mod-colorarea-border-width,var(--spectrum-colorarea-border-width)
24
- ) solid var(--highcontrast-colorarea-border-color-disabled);pointer-events:none}:host([disabled]) .gradient{display:none}.handle{inset-block-start:0;transform:translate(calc(var(--mod-colorarea-width, var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)))}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(
25
- --mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)
26
- )}.gradient,.slider{block-size:100%;inline-size:100%}.slider{inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--spectrum-colorarea-default-width))}::slotted(*){height:100%;width:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}
2
+ :host{--spectrum-colorarea-border-radius:var(--spectrum-color-area-border-rounding);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(--spectrum-disabled-background-color);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}:host([disabled]),.gradient{forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--mod-colorarea-min-width,var(--spectrum-colorarea-min-width));min-block-size:var(--mod-colorarea-min-height,var(--spectrum-colorarea-min-height));inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));box-sizing:border-box;border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color,var(--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)));display:inline-block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none;background:var(--highcontrast-colorarea-fill-color-disabled,var(--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--mod-colorarea-width,var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)),0);inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--spectrum-colorarea-default-width),0)}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}
27
3
  `;export default o;
28
4
  //# sourceMappingURL=color-area.css.js.map
package/src/color-area.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["color-area.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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-colorarea-border-radius:var(\n--spectrum-color-area-border-rounding\n);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(\n--spectrum-disabled-background-color\n);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));border:var(\n--mod-colorarea-border-width,var(--spectrum-colorarea-border-width)\n) solid var(\n--highcontrast-colorarea-border-color,var(\n--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)\n)\n);border-radius:var(\n--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)\n);box-sizing:border-box;cursor:default;display:inline-block;inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));min-block-size:var(\n--mod-colorarea-min-height,var(--spectrum-colorarea-min-height)\n);min-inline-size:var(\n--mod-colorarea-min-width,var(--spectrum-colorarea-min-width)\n);position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){background:var(\n--highcontrast-colorarea-fill-color-disabled,var(\n--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)\n)\n);border:var(\n--mod-colorarea-border-width,var(--spectrum-colorarea-border-width)\n) solid var(--highcontrast-colorarea-border-color-disabled);pointer-events:none}:host([disabled]) .gradient{display:none}.handle{inset-block-start:0;transform:translate(calc(var(--mod-colorarea-width, var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)))}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(\n--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)\n)}.gradient,.slider{block-size:100%;inline-size:100%}.slider{inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--spectrum-colorarea-default-width))}::slotted(*){height:100%;width:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Bf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 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-colorarea-border-radius:var(--spectrum-color-area-border-rounding);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(--spectrum-disabled-background-color);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}:host([disabled]),.gradient{forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--mod-colorarea-min-width,var(--spectrum-colorarea-min-width));min-block-size:var(--mod-colorarea-min-height,var(--spectrum-colorarea-min-height));inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));box-sizing:border-box;border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color,var(--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)));display:inline-block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none;background:var(--highcontrast-colorarea-fill-color-disabled,var(--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--mod-colorarea-width,var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)),0);inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--spectrum-colorarea-default-width),0)}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-color-area.css.dev.js CHANGED
@@ -1,31 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-colorarea-border-radius:var(
5
- --spectrum-color-area-border-rounding
6
- );--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(
7
- --spectrum-disabled-background-color
8
- );--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));border:var(
9
- --mod-colorarea-border-width,var(--spectrum-colorarea-border-width)
10
- ) solid var(
11
- --highcontrast-colorarea-border-color,var(
12
- --mod-colorarea-border-color,var(--spectrum-colorarea-border-color)
13
- )
14
- );border-radius:var(
15
- --mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)
16
- );box-sizing:border-box;cursor:default;display:inline-block;inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));min-block-size:var(
17
- --mod-colorarea-min-height,var(--spectrum-colorarea-min-height)
18
- );min-inline-size:var(
19
- --mod-colorarea-min-width,var(--spectrum-colorarea-min-width)
20
- );position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){background:var(
21
- --highcontrast-colorarea-fill-color-disabled,var(
22
- --mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)
23
- )
24
- );border:var(
25
- --mod-colorarea-border-width,var(--spectrum-colorarea-border-width)
26
- ) solid var(--highcontrast-colorarea-border-color-disabled);pointer-events:none}:host([disabled]) .gradient{display:none}.handle{inset-block-start:0;transform:translate(calc(var(--mod-colorarea-width, var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)))}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(
27
- --mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)
28
- )}.gradient,.slider{block-size:100%;inline-size:100%}.slider{inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}
4
+ :host{--spectrum-colorarea-border-radius:var(--spectrum-color-area-border-rounding);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(--spectrum-disabled-background-color);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}:host([disabled]),.gradient{forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--mod-colorarea-min-width,var(--spectrum-colorarea-min-width));min-block-size:var(--mod-colorarea-min-height,var(--spectrum-colorarea-min-height));inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));box-sizing:border-box;border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color,var(--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)));display:inline-block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none;background:var(--highcontrast-colorarea-fill-color-disabled,var(--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--mod-colorarea-width,var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)),0);inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}
29
5
  `;
30
6
  export default styles;
31
7
  //# sourceMappingURL=spectrum-color-area.css.dev.js.map
package/src/spectrum-color-area.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-color-area.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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-colorarea-border-radius:var(\n--spectrum-color-area-border-rounding\n);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(\n--spectrum-disabled-background-color\n);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));border:var(\n--mod-colorarea-border-width,var(--spectrum-colorarea-border-width)\n) solid var(\n--highcontrast-colorarea-border-color,var(\n--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)\n)\n);border-radius:var(\n--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)\n);box-sizing:border-box;cursor:default;display:inline-block;inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));min-block-size:var(\n--mod-colorarea-min-height,var(--spectrum-colorarea-min-height)\n);min-inline-size:var(\n--mod-colorarea-min-width,var(--spectrum-colorarea-min-width)\n);position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){background:var(\n--highcontrast-colorarea-fill-color-disabled,var(\n--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)\n)\n);border:var(\n--mod-colorarea-border-width,var(--spectrum-colorarea-border-width)\n) solid var(--highcontrast-colorarea-border-color-disabled);pointer-events:none}:host([disabled]) .gradient{display:none}.handle{inset-block-start:0;transform:translate(calc(var(--mod-colorarea-width, var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)))}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(\n--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)\n)}.gradient,.slider{block-size:100%;inline-size:100%}.slider{inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Bf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 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-colorarea-border-radius:var(--spectrum-color-area-border-rounding);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(--spectrum-disabled-background-color);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}:host([disabled]),.gradient{forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--mod-colorarea-min-width,var(--spectrum-colorarea-min-width));min-block-size:var(--mod-colorarea-min-height,var(--spectrum-colorarea-min-height));inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));box-sizing:border-box;border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color,var(--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)));display:inline-block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none;background:var(--highcontrast-colorarea-fill-color-disabled,var(--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--mod-colorarea-width,var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)),0);inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-color-area.css.js CHANGED
@@ -1,28 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const o=r`
2
- :host{--spectrum-colorarea-border-radius:var(
3
- --spectrum-color-area-border-rounding
4
- );--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(
5
- --spectrum-disabled-background-color
6
- );--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));border:var(
7
- --mod-colorarea-border-width,var(--spectrum-colorarea-border-width)
8
- ) solid var(
9
- --highcontrast-colorarea-border-color,var(
10
- --mod-colorarea-border-color,var(--spectrum-colorarea-border-color)
11
- )
12
- );border-radius:var(
13
- --mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)
14
- );box-sizing:border-box;cursor:default;display:inline-block;inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));min-block-size:var(
15
- --mod-colorarea-min-height,var(--spectrum-colorarea-min-height)
16
- );min-inline-size:var(
17
- --mod-colorarea-min-width,var(--spectrum-colorarea-min-width)
18
- );position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){background:var(
19
- --highcontrast-colorarea-fill-color-disabled,var(
20
- --mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)
21
- )
22
- );border:var(
23
- --mod-colorarea-border-width,var(--spectrum-colorarea-border-width)
24
- ) solid var(--highcontrast-colorarea-border-color-disabled);pointer-events:none}:host([disabled]) .gradient{display:none}.handle{inset-block-start:0;transform:translate(calc(var(--mod-colorarea-width, var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)))}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(
25
- --mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)
26
- )}.gradient,.slider{block-size:100%;inline-size:100%}.slider{inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}
2
+ :host{--spectrum-colorarea-border-radius:var(--spectrum-color-area-border-rounding);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(--spectrum-disabled-background-color);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}:host([disabled]),.gradient{forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--mod-colorarea-min-width,var(--spectrum-colorarea-min-width));min-block-size:var(--mod-colorarea-min-height,var(--spectrum-colorarea-min-height));inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));box-sizing:border-box;border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color,var(--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)));display:inline-block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none;background:var(--highcontrast-colorarea-fill-color-disabled,var(--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--mod-colorarea-width,var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)),0);inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}
27
3
  `;export default o;
28
4
  //# sourceMappingURL=spectrum-color-area.css.js.map
package/src/spectrum-color-area.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-color-area.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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-colorarea-border-radius:var(\n--spectrum-color-area-border-rounding\n);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(\n--spectrum-disabled-background-color\n);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));border:var(\n--mod-colorarea-border-width,var(--spectrum-colorarea-border-width)\n) solid var(\n--highcontrast-colorarea-border-color,var(\n--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)\n)\n);border-radius:var(\n--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)\n);box-sizing:border-box;cursor:default;display:inline-block;inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));min-block-size:var(\n--mod-colorarea-min-height,var(--spectrum-colorarea-min-height)\n);min-inline-size:var(\n--mod-colorarea-min-width,var(--spectrum-colorarea-min-width)\n);position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){background:var(\n--highcontrast-colorarea-fill-color-disabled,var(\n--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)\n)\n);border:var(\n--mod-colorarea-border-width,var(--spectrum-colorarea-border-width)\n) solid var(--highcontrast-colorarea-border-color-disabled);pointer-events:none}:host([disabled]) .gradient{display:none}.handle{inset-block-start:0;transform:translate(calc(var(--mod-colorarea-width, var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)))}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(\n--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius)\n)}.gradient,.slider{block-size:100%;inline-size:100%}.slider{inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Bf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 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-colorarea-border-radius:var(--spectrum-color-area-border-rounding);--spectrum-colorarea-border-color:#0000001a;--spectrum-colorarea-disabled-background-color:var(--spectrum-disabled-background-color);--spectrum-colorarea-border-width:var(--spectrum-color-area-border-width);--spectrum-colorarea-height:var(--spectrum-color-area-height);--spectrum-colorarea-width:var(--spectrum-color-area-width);--spectrum-colorarea-min-width:var(--spectrum-color-area-minimum-width);--spectrum-colorarea-min-height:var(--spectrum-color-area-minimum-height)}@media (forced-colors:active){:host{--highcontrast-colorarea-border-color-disabled:GrayText;--highcontrast-colorarea-border-color:Canvas;--highcontrast-colorarea-fill-color-disabled:Canvas}:host([disabled]),.gradient{forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--mod-colorarea-min-width,var(--spectrum-colorarea-min-width));min-block-size:var(--mod-colorarea-min-height,var(--spectrum-colorarea-min-height));inline-size:var(--mod-colorarea-width,var(--spectrum-colorarea-width));block-size:var(--mod-colorarea-height,var(--spectrum-colorarea-height));box-sizing:border-box;border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color,var(--mod-colorarea-border-color,var(--spectrum-colorarea-border-color)));display:inline-block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none;background:var(--highcontrast-colorarea-fill-color-disabled,var(--mod-colorarea-disabled-background-color,var(--spectrum-colorarea-disabled-background-color)));border:var(--mod-colorarea-border-width,var(--spectrum-colorarea-border-width))solid var(--highcontrast-colorarea-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--mod-colorarea-width,var(--spectrum-colorarea-width)) - var(--spectrum-colorarea-border-width)),0);inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{border-radius:var(--mod-colorarea-border-radius,var(--spectrum-colorarea-border-radius));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }