@spectrum-web-components/color-slider 0.41.0 → 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-slider.css.dev.js +1 -45
  3. package/src/color-slider.css.dev.js.map +2 -2
  4. package/src/color-slider.css.js +1 -45
  5. package/src/color-slider.css.js.map +2 -2
  6. package/src/spectrum-color-slider.css.dev.js +1 -45
  7. package/src/spectrum-color-slider.css.dev.js.map +2 -2
  8. package/src/spectrum-color-slider.css.js +1 -45
  9. package/src/spectrum-color-slider.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/color-slider",
3
- "version": "0.41.0",
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.0",
66
- "@spectrum-web-components/color-handle": "^0.41.0",
67
- "@spectrum-web-components/opacity-checkerboard": "^0.41.0",
68
- "@spectrum-web-components/reactive-controllers": "^0.41.0",
69
- "@spectrum-web-components/shared": "^0.41.0"
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/colorslider": "^5.1.0"
72
+ "@spectrum-css/colorslider": "^5.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": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
80
+ "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87"
81
81
  }
package/src/color-slider.css.dev.js CHANGED
@@ -1,51 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-color-slider-handle-margin-block:var(
5
- --spectrum-component-top-to-text-75
6
- );--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(
7
- --spectrum-opacity-checkerboard-square-size
8
- );--spectrum-color-slider-checkerboard-dark-color:var(
9
- --spectrum-opacity-checkerboard-square-dark
10
- );--spectrum-color-slider-checkerboard-light-color:var(
11
- --spectrum-opacity-checkerboard-square-light
12
- );--mod-colorhandle-hitarea-border-radius:var(
13
- --mod-color-slider-handle-hitarea-border-radius,0px
14
- )}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{block-size:var(
15
- --mod-color-slider-control-track-width,var(--spectrum-color-control-track-width)
16
- );cursor:default;display:block;inline-size:var(
17
- --mod-color-slider-length,var(--spectrum-color-slider-length)
18
- );min-inline-size:var(
19
- --mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)
20
- );position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){block-size:var(
21
- --mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length))
22
- );display:inline-block;inline-size:var(
23
- --mod-color-slider-vertical-control-track-width,var(
24
- --mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)
25
- )
26
- );min-block-size:var(
27
- --mod-color-slider-vertical-minimum-height,var(
28
- --mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)
29
- )
30
- );min-inline-size:0}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(
31
- --highcontrast-color-slider-border-color,var(
32
- --mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)
33
- )
34
- )}.checkerboard:before{border-radius:var(
35
- --mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)
36
- );box-shadow:inset 0 0 0 var(
37
- --mod-color-slider-border-width,var(--spectrum-color-slider-border-width)
38
- ) var(--spectrum-color-slider-border-color-local);content:"";inset:0;position:absolute;z-index:1}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(
39
- --highcontrast-color-slider-border-color-disabled,var(
40
- --mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)
41
- )
42
- );background:var(
43
- --highcontrast-color-slider-background-color-disabled,var(
44
- --mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)
45
- )
46
- )}.checkerboard,.gradient{block-size:100%;border-radius:var(
47
- --mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)
48
- );inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}:host{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host([vertical]) .handle{inset-block-end:0;inset-block-start:unset}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){height:100%;width:100%}
4
+ :host{--spectrum-color-slider-handle-margin-block:var(--spectrum-component-top-to-text-75);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(--spectrum-opacity-checkerboard-square-size);--spectrum-color-slider-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-color-slider-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);--mod-colorhandle-hitarea-border-radius:var(--mod-color-slider-handle-hitarea-border-radius,0px)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{min-inline-size:var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length));inline-size:var(--mod-color-slider-length,var(--spectrum-color-slider-length));block-size:var(--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width));-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--mod-color-slider-vertical-minimum-height,var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)));block-size:var(--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length)));inline-size:var(--mod-color-slider-vertical-control-track-width,var(--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)));min-inline-size:0;display:inline-block}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)))}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--mod-color-slider-border-width,var(--spectrum-color-slider-border-width))var(--spectrum-color-slider-border-color-local);border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));position:absolute;inset:0}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)))}.gradient,.checkerboard{border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.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{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}
49
5
  `;
50
6
  export default styles;
51
7
  //# sourceMappingURL=color-slider.css.dev.js.map
package/src/color-slider.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["color-slider.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-color-slider-handle-margin-block:var(\n--spectrum-component-top-to-text-75\n);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(\n--spectrum-opacity-checkerboard-square-size\n);--spectrum-color-slider-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-color-slider-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n);--mod-colorhandle-hitarea-border-radius:var(\n--mod-color-slider-handle-hitarea-border-radius,0px\n)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{block-size:var(\n--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width)\n);cursor:default;display:block;inline-size:var(\n--mod-color-slider-length,var(--spectrum-color-slider-length)\n);min-inline-size:var(\n--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)\n);position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){block-size:var(\n--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length))\n);display:inline-block;inline-size:var(\n--mod-color-slider-vertical-control-track-width,var(\n--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)\n)\n);min-block-size:var(\n--mod-color-slider-vertical-minimum-height,var(\n--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)\n)\n);min-inline-size:0}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(\n--highcontrast-color-slider-border-color,var(\n--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)\n)\n)}.checkerboard:before{border-radius:var(\n--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)\n);box-shadow:inset 0 0 0 var(\n--mod-color-slider-border-width,var(--spectrum-color-slider-border-width)\n) var(--spectrum-color-slider-border-color-local);content:\"\";inset:0;position:absolute;z-index:1}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(\n--highcontrast-color-slider-border-color-disabled,var(\n--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)\n)\n);background:var(\n--highcontrast-color-slider-background-color-disabled,var(\n--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)\n)\n)}.checkerboard,.gradient{block-size:100%;border-radius:var(\n--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)\n);inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}:host{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host([vertical]) .handle{inset-block-end:0;inset-block-start:unset}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){height:100%;width:100%}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Cf,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-color-slider-handle-margin-block:var(--spectrum-component-top-to-text-75);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(--spectrum-opacity-checkerboard-square-size);--spectrum-color-slider-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-color-slider-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);--mod-colorhandle-hitarea-border-radius:var(--mod-color-slider-handle-hitarea-border-radius,0px)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{min-inline-size:var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length));inline-size:var(--mod-color-slider-length,var(--spectrum-color-slider-length));block-size:var(--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width));-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--mod-color-slider-vertical-minimum-height,var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)));block-size:var(--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length)));inline-size:var(--mod-color-slider-vertical-control-track-width,var(--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)));min-inline-size:0;display:inline-block}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)))}.checkerboard:before{content:\"\";z-index:1;box-shadow:inset 0 0 0 var(--mod-color-slider-border-width,var(--spectrum-color-slider-border-width))var(--spectrum-color-slider-border-color-local);border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));position:absolute;inset:0}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)))}.gradient,.checkerboard{border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.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{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/color-slider.css.js CHANGED
@@ -1,48 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const o=r`
2
- :host{--spectrum-color-slider-handle-margin-block:var(
3
- --spectrum-component-top-to-text-75
4
- );--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(
5
- --spectrum-opacity-checkerboard-square-size
6
- );--spectrum-color-slider-checkerboard-dark-color:var(
7
- --spectrum-opacity-checkerboard-square-dark
8
- );--spectrum-color-slider-checkerboard-light-color:var(
9
- --spectrum-opacity-checkerboard-square-light
10
- );--mod-colorhandle-hitarea-border-radius:var(
11
- --mod-color-slider-handle-hitarea-border-radius,0px
12
- )}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{block-size:var(
13
- --mod-color-slider-control-track-width,var(--spectrum-color-control-track-width)
14
- );cursor:default;display:block;inline-size:var(
15
- --mod-color-slider-length,var(--spectrum-color-slider-length)
16
- );min-inline-size:var(
17
- --mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)
18
- );position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){block-size:var(
19
- --mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length))
20
- );display:inline-block;inline-size:var(
21
- --mod-color-slider-vertical-control-track-width,var(
22
- --mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)
23
- )
24
- );min-block-size:var(
25
- --mod-color-slider-vertical-minimum-height,var(
26
- --mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)
27
- )
28
- );min-inline-size:0}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(
29
- --highcontrast-color-slider-border-color,var(
30
- --mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)
31
- )
32
- )}.checkerboard:before{border-radius:var(
33
- --mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)
34
- );box-shadow:inset 0 0 0 var(
35
- --mod-color-slider-border-width,var(--spectrum-color-slider-border-width)
36
- ) var(--spectrum-color-slider-border-color-local);content:"";inset:0;position:absolute;z-index:1}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(
37
- --highcontrast-color-slider-border-color-disabled,var(
38
- --mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)
39
- )
40
- );background:var(
41
- --highcontrast-color-slider-background-color-disabled,var(
42
- --mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)
43
- )
44
- )}.checkerboard,.gradient{block-size:100%;border-radius:var(
45
- --mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)
46
- );inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}:host{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host([vertical]) .handle{inset-block-end:0;inset-block-start:unset}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){height:100%;width:100%}
2
+ :host{--spectrum-color-slider-handle-margin-block:var(--spectrum-component-top-to-text-75);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(--spectrum-opacity-checkerboard-square-size);--spectrum-color-slider-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-color-slider-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);--mod-colorhandle-hitarea-border-radius:var(--mod-color-slider-handle-hitarea-border-radius,0px)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{min-inline-size:var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length));inline-size:var(--mod-color-slider-length,var(--spectrum-color-slider-length));block-size:var(--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width));-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--mod-color-slider-vertical-minimum-height,var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)));block-size:var(--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length)));inline-size:var(--mod-color-slider-vertical-control-track-width,var(--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)));min-inline-size:0;display:inline-block}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)))}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--mod-color-slider-border-width,var(--spectrum-color-slider-border-width))var(--spectrum-color-slider-border-color-local);border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));position:absolute;inset:0}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)))}.gradient,.checkerboard{border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.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{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}
47
3
  `;export default o;
48
4
  //# sourceMappingURL=color-slider.css.js.map
package/src/color-slider.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["color-slider.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-color-slider-handle-margin-block:var(\n--spectrum-component-top-to-text-75\n);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(\n--spectrum-opacity-checkerboard-square-size\n);--spectrum-color-slider-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-color-slider-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n);--mod-colorhandle-hitarea-border-radius:var(\n--mod-color-slider-handle-hitarea-border-radius,0px\n)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{block-size:var(\n--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width)\n);cursor:default;display:block;inline-size:var(\n--mod-color-slider-length,var(--spectrum-color-slider-length)\n);min-inline-size:var(\n--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)\n);position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){block-size:var(\n--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length))\n);display:inline-block;inline-size:var(\n--mod-color-slider-vertical-control-track-width,var(\n--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)\n)\n);min-block-size:var(\n--mod-color-slider-vertical-minimum-height,var(\n--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)\n)\n);min-inline-size:0}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(\n--highcontrast-color-slider-border-color,var(\n--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)\n)\n)}.checkerboard:before{border-radius:var(\n--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)\n);box-shadow:inset 0 0 0 var(\n--mod-color-slider-border-width,var(--spectrum-color-slider-border-width)\n) var(--spectrum-color-slider-border-color-local);content:\"\";inset:0;position:absolute;z-index:1}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(\n--highcontrast-color-slider-border-color-disabled,var(\n--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)\n)\n);background:var(\n--highcontrast-color-slider-background-color-disabled,var(\n--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)\n)\n)}.checkerboard,.gradient{block-size:100%;border-radius:var(\n--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)\n);inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}:host{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host([vertical]) .handle{inset-block-end:0;inset-block-start:unset}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){height:100%;width:100%}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Cf,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-color-slider-handle-margin-block:var(--spectrum-component-top-to-text-75);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(--spectrum-opacity-checkerboard-square-size);--spectrum-color-slider-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-color-slider-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);--mod-colorhandle-hitarea-border-radius:var(--mod-color-slider-handle-hitarea-border-radius,0px)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{min-inline-size:var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length));inline-size:var(--mod-color-slider-length,var(--spectrum-color-slider-length));block-size:var(--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width));-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--mod-color-slider-vertical-minimum-height,var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)));block-size:var(--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length)));inline-size:var(--mod-color-slider-vertical-control-track-width,var(--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)));min-inline-size:0;display:inline-block}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)))}.checkerboard:before{content:\"\";z-index:1;box-shadow:inset 0 0 0 var(--mod-color-slider-border-width,var(--spectrum-color-slider-border-width))var(--spectrum-color-slider-border-color-local);border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));position:absolute;inset:0}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)))}.gradient,.checkerboard{border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.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{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}\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-slider.css.dev.js CHANGED
@@ -1,51 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-color-slider-handle-margin-block:var(
5
- --spectrum-component-top-to-text-75
6
- );--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(
7
- --spectrum-opacity-checkerboard-square-size
8
- );--spectrum-color-slider-checkerboard-dark-color:var(
9
- --spectrum-opacity-checkerboard-square-dark
10
- );--spectrum-color-slider-checkerboard-light-color:var(
11
- --spectrum-opacity-checkerboard-square-light
12
- );--mod-colorhandle-hitarea-border-radius:var(
13
- --mod-color-slider-handle-hitarea-border-radius,0px
14
- )}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{block-size:var(
15
- --mod-color-slider-control-track-width,var(--spectrum-color-control-track-width)
16
- );cursor:default;display:block;inline-size:var(
17
- --mod-color-slider-length,var(--spectrum-color-slider-length)
18
- );min-inline-size:var(
19
- --mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)
20
- );position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){block-size:var(
21
- --mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length))
22
- );display:inline-block;inline-size:var(
23
- --mod-color-slider-vertical-control-track-width,var(
24
- --mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)
25
- )
26
- );min-block-size:var(
27
- --mod-color-slider-vertical-minimum-height,var(
28
- --mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)
29
- )
30
- );min-inline-size:0}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(
31
- --highcontrast-color-slider-border-color,var(
32
- --mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)
33
- )
34
- )}.checkerboard:before{border-radius:var(
35
- --mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)
36
- );box-shadow:inset 0 0 0 var(
37
- --mod-color-slider-border-width,var(--spectrum-color-slider-border-width)
38
- ) var(--spectrum-color-slider-border-color-local);content:"";inset:0;position:absolute;z-index:1}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(
39
- --highcontrast-color-slider-border-color-disabled,var(
40
- --mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)
41
- )
42
- );background:var(
43
- --highcontrast-color-slider-background-color-disabled,var(
44
- --mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)
45
- )
46
- )}.checkerboard,.gradient{block-size:100%;border-radius:var(
47
- --mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)
48
- );inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}
4
+ :host{--spectrum-color-slider-handle-margin-block:var(--spectrum-component-top-to-text-75);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(--spectrum-opacity-checkerboard-square-size);--spectrum-color-slider-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-color-slider-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);--mod-colorhandle-hitarea-border-radius:var(--mod-color-slider-handle-hitarea-border-radius,0px)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{min-inline-size:var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length));inline-size:var(--mod-color-slider-length,var(--spectrum-color-slider-length));block-size:var(--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width));-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--mod-color-slider-vertical-minimum-height,var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)));block-size:var(--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length)));inline-size:var(--mod-color-slider-vertical-control-track-width,var(--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)));min-inline-size:0;display:inline-block}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)))}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--mod-color-slider-border-width,var(--spectrum-color-slider-border-width))var(--spectrum-color-slider-border-color-local);border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));position:absolute;inset:0}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)))}.gradient,.checkerboard{border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.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}
49
5
  `;
50
6
  export default styles;
51
7
  //# sourceMappingURL=spectrum-color-slider.css.dev.js.map
package/src/spectrum-color-slider.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-color-slider.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-color-slider-handle-margin-block:var(\n--spectrum-component-top-to-text-75\n);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(\n--spectrum-opacity-checkerboard-square-size\n);--spectrum-color-slider-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-color-slider-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n);--mod-colorhandle-hitarea-border-radius:var(\n--mod-color-slider-handle-hitarea-border-radius,0px\n)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{block-size:var(\n--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width)\n);cursor:default;display:block;inline-size:var(\n--mod-color-slider-length,var(--spectrum-color-slider-length)\n);min-inline-size:var(\n--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)\n);position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){block-size:var(\n--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length))\n);display:inline-block;inline-size:var(\n--mod-color-slider-vertical-control-track-width,var(\n--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)\n)\n);min-block-size:var(\n--mod-color-slider-vertical-minimum-height,var(\n--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)\n)\n);min-inline-size:0}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(\n--highcontrast-color-slider-border-color,var(\n--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)\n)\n)}.checkerboard:before{border-radius:var(\n--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)\n);box-shadow:inset 0 0 0 var(\n--mod-color-slider-border-width,var(--spectrum-color-slider-border-width)\n) var(--spectrum-color-slider-border-color-local);content:\"\";inset:0;position:absolute;z-index:1}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(\n--highcontrast-color-slider-border-color-disabled,var(\n--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)\n)\n);background:var(\n--highcontrast-color-slider-background-color-disabled,var(\n--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)\n)\n)}.checkerboard,.gradient{block-size:100%;border-radius:var(\n--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)\n);inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{block-size:100%;inline-size:100%;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Cf,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-color-slider-handle-margin-block:var(--spectrum-component-top-to-text-75);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(--spectrum-opacity-checkerboard-square-size);--spectrum-color-slider-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-color-slider-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);--mod-colorhandle-hitarea-border-radius:var(--mod-color-slider-handle-hitarea-border-radius,0px)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{min-inline-size:var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length));inline-size:var(--mod-color-slider-length,var(--spectrum-color-slider-length));block-size:var(--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width));-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--mod-color-slider-vertical-minimum-height,var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)));block-size:var(--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length)));inline-size:var(--mod-color-slider-vertical-control-track-width,var(--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)));min-inline-size:0;display:inline-block}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)))}.checkerboard:before{content:\"\";z-index:1;box-shadow:inset 0 0 0 var(--mod-color-slider-border-width,var(--spectrum-color-slider-border-width))var(--spectrum-color-slider-border-color-local);border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));position:absolute;inset:0}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)))}.gradient,.checkerboard{border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.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-slider.css.js CHANGED
@@ -1,48 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const o=r`
2
- :host{--spectrum-color-slider-handle-margin-block:var(
3
- --spectrum-component-top-to-text-75
4
- );--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(
5
- --spectrum-opacity-checkerboard-square-size
6
- );--spectrum-color-slider-checkerboard-dark-color:var(
7
- --spectrum-opacity-checkerboard-square-dark
8
- );--spectrum-color-slider-checkerboard-light-color:var(
9
- --spectrum-opacity-checkerboard-square-light
10
- );--mod-colorhandle-hitarea-border-radius:var(
11
- --mod-color-slider-handle-hitarea-border-radius,0px
12
- )}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{block-size:var(
13
- --mod-color-slider-control-track-width,var(--spectrum-color-control-track-width)
14
- );cursor:default;display:block;inline-size:var(
15
- --mod-color-slider-length,var(--spectrum-color-slider-length)
16
- );min-inline-size:var(
17
- --mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)
18
- );position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){block-size:var(
19
- --mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length))
20
- );display:inline-block;inline-size:var(
21
- --mod-color-slider-vertical-control-track-width,var(
22
- --mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)
23
- )
24
- );min-block-size:var(
25
- --mod-color-slider-vertical-minimum-height,var(
26
- --mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)
27
- )
28
- );min-inline-size:0}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(
29
- --highcontrast-color-slider-border-color,var(
30
- --mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)
31
- )
32
- )}.checkerboard:before{border-radius:var(
33
- --mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)
34
- );box-shadow:inset 0 0 0 var(
35
- --mod-color-slider-border-width,var(--spectrum-color-slider-border-width)
36
- ) var(--spectrum-color-slider-border-color-local);content:"";inset:0;position:absolute;z-index:1}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(
37
- --highcontrast-color-slider-border-color-disabled,var(
38
- --mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)
39
- )
40
- );background:var(
41
- --highcontrast-color-slider-background-color-disabled,var(
42
- --mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)
43
- )
44
- )}.checkerboard,.gradient{block-size:100%;border-radius:var(
45
- --mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)
46
- );inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none;position:absolute;z-index:0}
2
+ :host{--spectrum-color-slider-handle-margin-block:var(--spectrum-component-top-to-text-75);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(--spectrum-opacity-checkerboard-square-size);--spectrum-color-slider-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-color-slider-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);--mod-colorhandle-hitarea-border-radius:var(--mod-color-slider-handle-hitarea-border-radius,0px)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{min-inline-size:var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length));inline-size:var(--mod-color-slider-length,var(--spectrum-color-slider-length));block-size:var(--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width));-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--mod-color-slider-vertical-minimum-height,var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)));block-size:var(--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length)));inline-size:var(--mod-color-slider-vertical-control-track-width,var(--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)));min-inline-size:0;display:inline-block}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)))}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--mod-color-slider-border-width,var(--spectrum-color-slider-border-width))var(--spectrum-color-slider-border-color-local);border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));position:absolute;inset:0}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)))}.gradient,.checkerboard{border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.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}
47
3
  `;export default o;
48
4
  //# sourceMappingURL=spectrum-color-slider.css.js.map
package/src/spectrum-color-slider.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-color-slider.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-color-slider-handle-margin-block:var(\n--spectrum-component-top-to-text-75\n);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(\n--spectrum-opacity-checkerboard-square-size\n);--spectrum-color-slider-checkerboard-dark-color:var(\n--spectrum-opacity-checkerboard-square-dark\n);--spectrum-color-slider-checkerboard-light-color:var(\n--spectrum-opacity-checkerboard-square-light\n);--mod-colorhandle-hitarea-border-radius:var(\n--mod-color-slider-handle-hitarea-border-radius,0px\n)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{block-size:var(\n--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width)\n);cursor:default;display:block;inline-size:var(\n--mod-color-slider-length,var(--spectrum-color-slider-length)\n);min-inline-size:var(\n--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)\n);position:relative;-webkit-user-select:none;user-select:none}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){block-size:var(\n--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length))\n);display:inline-block;inline-size:var(\n--mod-color-slider-vertical-control-track-width,var(\n--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)\n)\n);min-block-size:var(\n--mod-color-slider-vertical-minimum-height,var(\n--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)\n)\n);min-inline-size:0}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(\n--highcontrast-color-slider-border-color,var(\n--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)\n)\n)}.checkerboard:before{border-radius:var(\n--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)\n);box-shadow:inset 0 0 0 var(\n--mod-color-slider-border-width,var(--spectrum-color-slider-border-width)\n) var(--spectrum-color-slider-border-color-local);content:\"\";inset:0;position:absolute;z-index:1}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(\n--highcontrast-color-slider-border-color-disabled,var(\n--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)\n)\n);background:var(\n--highcontrast-color-slider-background-color-disabled,var(\n--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)\n)\n)}.checkerboard,.gradient{block-size:100%;border-radius:var(\n--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding)\n);inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{block-size:100%;inline-size:100%;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Cf,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-color-slider-handle-margin-block:var(--spectrum-component-top-to-text-75);--spectrum-color-slider-border-color-rgba:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-color-slider-border-opacity));--spectrum-color-slider-checkerboard-size:var(--spectrum-opacity-checkerboard-square-size);--spectrum-color-slider-checkerboard-dark-color:var(--spectrum-opacity-checkerboard-square-dark);--spectrum-color-slider-checkerboard-light-color:var(--spectrum-opacity-checkerboard-square-light);--mod-colorhandle-hitarea-border-radius:var(--mod-color-slider-handle-hitarea-border-radius,0px)}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{min-inline-size:var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length));inline-size:var(--mod-color-slider-length,var(--spectrum-color-slider-length));block-size:var(--mod-color-slider-control-track-width,var(--spectrum-color-control-track-width));-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--mod-color-slider-vertical-minimum-height,var(--mod-color-slider-minimum-length,var(--spectrum-color-slider-minimum-length)));block-size:var(--mod-color-slider-vertical-height,var(--mod-color-slider-length,var(--spectrum-color-slider-length)));inline-size:var(--mod-color-slider-vertical-control-track-width,var(--mod-color-slider-control-track-height,var(--spectrum-color-control-track-width)));min-inline-size:0;display:inline-block}:host([vertical]) .handle{inset-block-start:0;inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--mod-color-slider-border-color,var(--spectrum-color-slider-border-color-rgba)))}.checkerboard:before{content:\"\";z-index:1;box-shadow:inset 0 0 0 var(--mod-color-slider-border-width,var(--spectrum-color-slider-border-width))var(--spectrum-color-slider-border-color-local);border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));position:absolute;inset:0}:host([disabled]) .checkerboard{--spectrum-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--mod-color-slider-border-color-disabled,var(--spectrum-disabled-background-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--mod-color-slider-background-color-disabled,var(--spectrum-disabled-background-color)))}.gradient,.checkerboard{border-radius:var(--mod-color-slider-border-rounding,var(--spectrum-color-slider-border-rounding));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.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
  }