@spectrum-web-components/search 0.41.1 → 0.42.0

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/search.css.dev.js +1 -145
  3. package/src/search.css.dev.js.map +2 -2
  4. package/src/search.css.js +1 -145
  5. package/src/search.css.js.map +2 -2
  6. package/src/spectrum-search.css.dev.js +1 -143
  7. package/src/spectrum-search.css.dev.js.map +2 -2
  8. package/src/spectrum-search.css.js +1 -143
  9. package/src/spectrum-search.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/search",
3
- "version": "0.41.1",
3
+ "version": "0.42.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,14 +57,14 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.41.1",
61
- "@spectrum-web-components/button": "^0.41.1",
62
- "@spectrum-web-components/icon": "^0.41.1",
63
- "@spectrum-web-components/icons-workflow": "^0.41.1",
64
- "@spectrum-web-components/textfield": "^0.41.1"
60
+ "@spectrum-web-components/base": "^0.42.0",
61
+ "@spectrum-web-components/button": "^0.42.0",
62
+ "@spectrum-web-components/icon": "^0.42.0",
63
+ "@spectrum-web-components/icons-workflow": "^0.42.0",
64
+ "@spectrum-web-components/textfield": "^0.42.0"
65
65
  },
66
66
  "devDependencies": {
67
- "@spectrum-css/search": "^6.2.1"
67
+ "@spectrum-css/search": "^6.2.3"
68
68
  },
69
69
  "types": "./src/index.d.ts",
70
70
  "customElements": "custom-elements.json",
@@ -72,5 +72,5 @@
72
72
  "./sp-*.js",
73
73
  "./**/*.dev.js"
74
74
  ],
75
- "gitHead": "1eded35d98d01973b40990486b86840ba464a2da"
75
+ "gitHead": "9b3bd55ff8e8f9438817255976e77fd456b19d72"
76
76
  }
package/src/search.css.dev.js CHANGED
@@ -1,151 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(
5
- --spectrum-component-bottom-to-text-100
6
- );--spectrum-search-focus-indicator-thickness:var(
7
- --spectrum-focus-indicator-thickness
8
- );--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(
9
- --spectrum-focus-indicator-color
10
- );--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(
11
- --spectrum-neutral-content-color-default
12
- );--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(
13
- --spectrum-neutral-content-color-focus-hover
14
- );--spectrum-search-color-key-focus:var(
15
- --spectrum-neutral-content-color-key-focus
16
- );--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(
17
- --spectrum-disabled-background-color
18
- );--spectrum-search-border-color-disabled:var(
19
- --spectrum-disabled-background-color
20
- );--mod-textfield-font-family:var(
21
- --mod-search-font-family,var(--spectrum-search-font-family)
22
- );--mod-textfield-font-weight:var(
23
- --mod-search-font-weight,var(--spectrum-search-font-weight)
24
- );--mod-textfield-corner-radius:var(
25
- --mod-search-border-radius,var(--spectrum-search-border-radius)
26
- );--mod-textfield-border-width:var(
27
- --mod-search-border-width,var(--spectrum-search-border-width)
28
- );--mod-textfield-focus-indicator-gap:var(
29
- --mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)
30
- );--mod-textfield-focus-indicator-width:var(
31
- --mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)
32
- );--mod-textfield-focus-indicator-color:var(
33
- --mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)
34
- );--mod-textfield-text-color-default:var(
35
- --mod-search-color-default,var(--spectrum-search-color-default)
36
- );--mod-textfield-text-color-hover:var(
37
- --mod-search-color-hover,var(--spectrum-search-color-hover)
38
- );--mod-textfield-text-color-focus:var(
39
- --mod-search-color-focus,var(--spectrum-search-color-focus)
40
- );--mod-textfield-text-color-focus-hover:var(
41
- --mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)
42
- );--mod-textfield-text-color-keyboard-focus:var(
43
- --mod-search-color-key-focus,var(--spectrum-search-color-key-focus)
44
- );--mod-textfield-text-color-disabled:var(
45
- --mod-search-color-disabled,var(--spectrum-search-color-disabled)
46
- );--mod-textfield-border-color:var(
47
- --mod-search-border-color-default,var(--spectrum-search-border-color-default)
48
- );--mod-textfield-border-color-hover:var(
49
- --mod-search-border-color-hover,var(--spectrum-search-border-color-hover)
50
- );--mod-textfield-border-color-focus:var(
51
- --mod-search-border-color-focus,var(--spectrum-search-border-color-focus)
52
- );--mod-textfield-border-color-focus-hover:var(
53
- --mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)
54
- );--mod-textfield-border-color-keyboard-focus:var(
55
- --mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)
56
- );--mod-textfield-border-color-disabled:var(
57
- --mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)
58
- );--mod-textfield-background-color:var(
59
- --mod-search-background-color,var(--spectrum-search-background-color)
60
- );--mod-textfield-background-color-disabled:var(
61
- --mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)
62
- )}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(
63
- --mod-workflow-icon-size-100,
64
- var(--spectrum-workflow-icon-size-100)
65
- )/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(
66
- --spectrum-disabled-border-color
67
- )}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(
68
- --spectrum-field-edge-to-visual-quiet
69
- )}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(
70
- --mod-search-inline-size,var(--spectrum-search-inline-size)
71
- );min-inline-size:var(
72
- --mod-search-min-inline-size,var(--spectrum-search-min-inline-size)
73
- );position:relative}#textfield .spectrum-HelpText{margin-block-start:var(
74
- --mod-search-to-help-text,var(--spectrum-search-to-help-text)
75
- )}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(
76
- --mod-search-border-radius,var(--spectrum-search-border-radius)
77
- )}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(
78
- --highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))
79
- );color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(
80
- --highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))
81
- )}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(
82
- --highcontrast-search-color-focus,var(
83
- --mod-search-color-key-focus,var(--spectrum-search-color-key-focus)
84
- )
85
- )}#textfield.is-disabled .icon-search{--spectrum-search-color:var(
86
- --highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))
87
- )}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(
88
- --highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))
89
- )}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(
90
- --highcontrast-search-color-focus,var(
91
- --mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)
92
- )
93
- )}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(
94
- --highcontrast-search-color-disabled,var(
95
- --mod-search-color-disabled,var(--spectrum-search-color-disabled)
96
- )
97
- )}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(
98
- --mod-search-line-height,var(--spectrum-search-line-height)
99
- );padding-block-end:calc(var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-block-start:calc(var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(
100
- --mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)
101
- )}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(
102
- --mod-search-button-inline-size,
103
- var(--spectrum-search-button-inline-size)
104
- ) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host([quiet]) #button{transform:translateX(var(
105
- --mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)
106
- ))}:host([quiet]) #textfield .input{border-radius:var(
107
- --mod-search-border-radius,var(--spectrum-search-border-radius)
108
- );padding-block-start:var(
109
- --mod-search-top-to-text,var(--spectrum-search-top-to-text)
110
- );padding-inline-end:calc(var(
111
- --mod-search-button-inline-size,
112
- var(--spectrum-search-button-inline-size)
113
- ) - var(
114
- --mod-search-quiet-button-offset,
115
- var(--spectrum-search-quiet-button-offset)
116
- ));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host{--spectrum-search-border-radius:var(
117
- --system-spectrum-search-border-radius
118
- );--spectrum-search-edge-to-visual:var(
119
- --system-spectrum-search-edge-to-visual
120
- );--spectrum-search-border-color-default:var(
121
- --system-spectrum-search-border-color-default
122
- );--spectrum-search-border-color-hover:var(
123
- --system-spectrum-search-border-color-hover
124
- );--spectrum-search-border-color-focus:var(
125
- --system-spectrum-search-border-color-focus
126
- );--spectrum-search-border-color-focus-hover:var(
127
- --system-spectrum-search-border-color-focus-hover
128
- );--spectrum-search-border-color-key-focus:var(
129
- --system-spectrum-search-border-color-key-focus
130
- )}:host([size=s]){--spectrum-search-border-radius:var(
131
- --system-spectrum-search-sizes-border-radius
132
- );--spectrum-search-edge-to-visual:var(
133
- --system-spectrum-search-sizes-edge-to-visual
134
- )}:host{--spectrum-search-border-radius:var(
135
- --system-spectrum-search-sizem-border-radius
136
- );--spectrum-search-edge-to-visual:var(
137
- --system-spectrum-search-sizem-edge-to-visual
138
- )}:host([size=l]){--spectrum-search-border-radius:var(
139
- --system-spectrum-search-sizel-border-radius
140
- );--spectrum-search-edge-to-visual:var(
141
- --system-spectrum-search-sizel-edge-to-visual
142
- )}:host([size=xl]){--spectrum-search-border-radius:var(
143
- --system-spectrum-search-sizexl-border-radius
144
- );--spectrum-search-edge-to-visual:var(
145
- --system-spectrum-search-sizexl-edge-to-visual
146
- )}:host{--mod-textfield-spacing-inline:var(
147
- --spectrum-alias-infieldbutton-full-height-m
148
- );--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
4
+ :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
149
5
  `;
150
6
  export default styles;
151
7
  //# sourceMappingURL=search.css.dev.js.map
package/src/search.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["search.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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-search-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-search-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-background-color\n);--mod-textfield-font-family:var(\n--mod-search-font-family,var(--spectrum-search-font-family)\n);--mod-textfield-font-weight:var(\n--mod-search-font-weight,var(--spectrum-search-font-weight)\n);--mod-textfield-corner-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);--mod-textfield-border-width:var(\n--mod-search-border-width,var(--spectrum-search-border-width)\n);--mod-textfield-focus-indicator-gap:var(\n--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)\n);--mod-textfield-focus-indicator-width:var(\n--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)\n);--mod-textfield-focus-indicator-color:var(\n--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)\n);--mod-textfield-text-color-default:var(\n--mod-search-color-default,var(--spectrum-search-color-default)\n);--mod-textfield-text-color-hover:var(\n--mod-search-color-hover,var(--spectrum-search-color-hover)\n);--mod-textfield-text-color-focus:var(\n--mod-search-color-focus,var(--spectrum-search-color-focus)\n);--mod-textfield-text-color-focus-hover:var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n);--mod-textfield-text-color-keyboard-focus:var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n);--mod-textfield-text-color-disabled:var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n);--mod-textfield-border-color:var(\n--mod-search-border-color-default,var(--spectrum-search-border-color-default)\n);--mod-textfield-border-color-hover:var(\n--mod-search-border-color-hover,var(--spectrum-search-border-color-hover)\n);--mod-textfield-border-color-focus:var(\n--mod-search-border-color-focus,var(--spectrum-search-border-color-focus)\n);--mod-textfield-border-color-focus-hover:var(\n--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)\n);--mod-textfield-border-color-keyboard-focus:var(\n--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)\n);--mod-textfield-border-color-disabled:var(\n--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)\n);--mod-textfield-background-color:var(\n--mod-search-background-color,var(--spectrum-search-background-color)\n);--mod-textfield-background-color-disabled:var(\n--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)\n)}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(\n--mod-workflow-icon-size-100,\nvar(--spectrum-workflow-icon-size-100)\n)/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-border-color\n)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(\n--spectrum-field-edge-to-visual-quiet\n)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(\n--mod-search-inline-size,var(--spectrum-search-inline-size)\n);min-inline-size:var(\n--mod-search-min-inline-size,var(--spectrum-search-min-inline-size)\n);position:relative}#textfield .spectrum-HelpText{margin-block-start:var(\n--mod-search-to-help-text,var(--spectrum-search-to-help-text)\n)}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n)}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))\n);color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))\n)}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n)\n)}#textfield.is-disabled .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))\n)}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))\n)}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n)\n)}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n)\n)}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(\n--mod-search-line-height,var(--spectrum-search-line-height)\n);padding-block-end:calc(var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-block-start:calc(var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(\n--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)\n)}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host([quiet]) #button{transform:translateX(var(\n--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)\n))}:host([quiet]) #textfield .input{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);padding-block-start:var(\n--mod-search-top-to-text,var(--spectrum-search-top-to-text)\n);padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(\n--mod-search-quiet-button-offset,\nvar(--spectrum-search-quiet-button-offset)\n));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-edge-to-visual\n);--spectrum-search-border-color-default:var(\n--system-spectrum-search-border-color-default\n);--spectrum-search-border-color-hover:var(\n--system-spectrum-search-border-color-hover\n);--spectrum-search-border-color-focus:var(\n--system-spectrum-search-border-color-focus\n);--spectrum-search-border-color-focus-hover:var(\n--system-spectrum-search-border-color-focus-hover\n);--spectrum-search-border-color-key-focus:var(\n--system-spectrum-search-border-color-key-focus\n)}:host([size=s]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizes-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizes-edge-to-visual\n)}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-sizem-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizem-edge-to-visual\n)}:host([size=l]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizel-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizel-edge-to-visual\n)}:host([size=xl]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizexl-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizexl-edge-to-visual\n)}:host{--mod-textfield-spacing-inline:var(\n--spectrum-alias-infieldbutton-full-height-m\n);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmJf,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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/search.css.js CHANGED
@@ -1,148 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
2
- :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(
3
- --spectrum-component-bottom-to-text-100
4
- );--spectrum-search-focus-indicator-thickness:var(
5
- --spectrum-focus-indicator-thickness
6
- );--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(
7
- --spectrum-focus-indicator-color
8
- );--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(
9
- --spectrum-neutral-content-color-default
10
- );--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(
11
- --spectrum-neutral-content-color-focus-hover
12
- );--spectrum-search-color-key-focus:var(
13
- --spectrum-neutral-content-color-key-focus
14
- );--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(
15
- --spectrum-disabled-background-color
16
- );--spectrum-search-border-color-disabled:var(
17
- --spectrum-disabled-background-color
18
- );--mod-textfield-font-family:var(
19
- --mod-search-font-family,var(--spectrum-search-font-family)
20
- );--mod-textfield-font-weight:var(
21
- --mod-search-font-weight,var(--spectrum-search-font-weight)
22
- );--mod-textfield-corner-radius:var(
23
- --mod-search-border-radius,var(--spectrum-search-border-radius)
24
- );--mod-textfield-border-width:var(
25
- --mod-search-border-width,var(--spectrum-search-border-width)
26
- );--mod-textfield-focus-indicator-gap:var(
27
- --mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)
28
- );--mod-textfield-focus-indicator-width:var(
29
- --mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)
30
- );--mod-textfield-focus-indicator-color:var(
31
- --mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)
32
- );--mod-textfield-text-color-default:var(
33
- --mod-search-color-default,var(--spectrum-search-color-default)
34
- );--mod-textfield-text-color-hover:var(
35
- --mod-search-color-hover,var(--spectrum-search-color-hover)
36
- );--mod-textfield-text-color-focus:var(
37
- --mod-search-color-focus,var(--spectrum-search-color-focus)
38
- );--mod-textfield-text-color-focus-hover:var(
39
- --mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)
40
- );--mod-textfield-text-color-keyboard-focus:var(
41
- --mod-search-color-key-focus,var(--spectrum-search-color-key-focus)
42
- );--mod-textfield-text-color-disabled:var(
43
- --mod-search-color-disabled,var(--spectrum-search-color-disabled)
44
- );--mod-textfield-border-color:var(
45
- --mod-search-border-color-default,var(--spectrum-search-border-color-default)
46
- );--mod-textfield-border-color-hover:var(
47
- --mod-search-border-color-hover,var(--spectrum-search-border-color-hover)
48
- );--mod-textfield-border-color-focus:var(
49
- --mod-search-border-color-focus,var(--spectrum-search-border-color-focus)
50
- );--mod-textfield-border-color-focus-hover:var(
51
- --mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)
52
- );--mod-textfield-border-color-keyboard-focus:var(
53
- --mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)
54
- );--mod-textfield-border-color-disabled:var(
55
- --mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)
56
- );--mod-textfield-background-color:var(
57
- --mod-search-background-color,var(--spectrum-search-background-color)
58
- );--mod-textfield-background-color-disabled:var(
59
- --mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)
60
- )}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(
61
- --mod-workflow-icon-size-100,
62
- var(--spectrum-workflow-icon-size-100)
63
- )/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(
64
- --spectrum-disabled-border-color
65
- )}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(
66
- --spectrum-field-edge-to-visual-quiet
67
- )}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(
68
- --mod-search-inline-size,var(--spectrum-search-inline-size)
69
- );min-inline-size:var(
70
- --mod-search-min-inline-size,var(--spectrum-search-min-inline-size)
71
- );position:relative}#textfield .spectrum-HelpText{margin-block-start:var(
72
- --mod-search-to-help-text,var(--spectrum-search-to-help-text)
73
- )}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(
74
- --mod-search-border-radius,var(--spectrum-search-border-radius)
75
- )}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(
76
- --highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))
77
- );color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(
78
- --highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))
79
- )}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(
80
- --highcontrast-search-color-focus,var(
81
- --mod-search-color-key-focus,var(--spectrum-search-color-key-focus)
82
- )
83
- )}#textfield.is-disabled .icon-search{--spectrum-search-color:var(
84
- --highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))
85
- )}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(
86
- --highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))
87
- )}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(
88
- --highcontrast-search-color-focus,var(
89
- --mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)
90
- )
91
- )}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(
92
- --highcontrast-search-color-disabled,var(
93
- --mod-search-color-disabled,var(--spectrum-search-color-disabled)
94
- )
95
- )}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(
96
- --mod-search-line-height,var(--spectrum-search-line-height)
97
- );padding-block-end:calc(var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-block-start:calc(var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(
98
- --mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)
99
- )}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(
100
- --mod-search-button-inline-size,
101
- var(--spectrum-search-button-inline-size)
102
- ) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host([quiet]) #button{transform:translateX(var(
103
- --mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)
104
- ))}:host([quiet]) #textfield .input{border-radius:var(
105
- --mod-search-border-radius,var(--spectrum-search-border-radius)
106
- );padding-block-start:var(
107
- --mod-search-top-to-text,var(--spectrum-search-top-to-text)
108
- );padding-inline-end:calc(var(
109
- --mod-search-button-inline-size,
110
- var(--spectrum-search-button-inline-size)
111
- ) - var(
112
- --mod-search-quiet-button-offset,
113
- var(--spectrum-search-quiet-button-offset)
114
- ));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host{--spectrum-search-border-radius:var(
115
- --system-spectrum-search-border-radius
116
- );--spectrum-search-edge-to-visual:var(
117
- --system-spectrum-search-edge-to-visual
118
- );--spectrum-search-border-color-default:var(
119
- --system-spectrum-search-border-color-default
120
- );--spectrum-search-border-color-hover:var(
121
- --system-spectrum-search-border-color-hover
122
- );--spectrum-search-border-color-focus:var(
123
- --system-spectrum-search-border-color-focus
124
- );--spectrum-search-border-color-focus-hover:var(
125
- --system-spectrum-search-border-color-focus-hover
126
- );--spectrum-search-border-color-key-focus:var(
127
- --system-spectrum-search-border-color-key-focus
128
- )}:host([size=s]){--spectrum-search-border-radius:var(
129
- --system-spectrum-search-sizes-border-radius
130
- );--spectrum-search-edge-to-visual:var(
131
- --system-spectrum-search-sizes-edge-to-visual
132
- )}:host{--spectrum-search-border-radius:var(
133
- --system-spectrum-search-sizem-border-radius
134
- );--spectrum-search-edge-to-visual:var(
135
- --system-spectrum-search-sizem-edge-to-visual
136
- )}:host([size=l]){--spectrum-search-border-radius:var(
137
- --system-spectrum-search-sizel-border-radius
138
- );--spectrum-search-edge-to-visual:var(
139
- --system-spectrum-search-sizel-edge-to-visual
140
- )}:host([size=xl]){--spectrum-search-border-radius:var(
141
- --system-spectrum-search-sizexl-border-radius
142
- );--spectrum-search-edge-to-visual:var(
143
- --system-spectrum-search-sizexl-edge-to-visual
144
- )}:host{--mod-textfield-spacing-inline:var(
145
- --spectrum-alias-infieldbutton-full-height-m
146
- );--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
2
+ :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
147
3
  `;export default e;
148
4
  //# sourceMappingURL=search.css.js.map
package/src/search.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["search.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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-search-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-search-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-background-color\n);--mod-textfield-font-family:var(\n--mod-search-font-family,var(--spectrum-search-font-family)\n);--mod-textfield-font-weight:var(\n--mod-search-font-weight,var(--spectrum-search-font-weight)\n);--mod-textfield-corner-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);--mod-textfield-border-width:var(\n--mod-search-border-width,var(--spectrum-search-border-width)\n);--mod-textfield-focus-indicator-gap:var(\n--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)\n);--mod-textfield-focus-indicator-width:var(\n--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)\n);--mod-textfield-focus-indicator-color:var(\n--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)\n);--mod-textfield-text-color-default:var(\n--mod-search-color-default,var(--spectrum-search-color-default)\n);--mod-textfield-text-color-hover:var(\n--mod-search-color-hover,var(--spectrum-search-color-hover)\n);--mod-textfield-text-color-focus:var(\n--mod-search-color-focus,var(--spectrum-search-color-focus)\n);--mod-textfield-text-color-focus-hover:var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n);--mod-textfield-text-color-keyboard-focus:var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n);--mod-textfield-text-color-disabled:var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n);--mod-textfield-border-color:var(\n--mod-search-border-color-default,var(--spectrum-search-border-color-default)\n);--mod-textfield-border-color-hover:var(\n--mod-search-border-color-hover,var(--spectrum-search-border-color-hover)\n);--mod-textfield-border-color-focus:var(\n--mod-search-border-color-focus,var(--spectrum-search-border-color-focus)\n);--mod-textfield-border-color-focus-hover:var(\n--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)\n);--mod-textfield-border-color-keyboard-focus:var(\n--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)\n);--mod-textfield-border-color-disabled:var(\n--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)\n);--mod-textfield-background-color:var(\n--mod-search-background-color,var(--spectrum-search-background-color)\n);--mod-textfield-background-color-disabled:var(\n--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)\n)}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(\n--mod-workflow-icon-size-100,\nvar(--spectrum-workflow-icon-size-100)\n)/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-border-color\n)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(\n--spectrum-field-edge-to-visual-quiet\n)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(\n--mod-search-inline-size,var(--spectrum-search-inline-size)\n);min-inline-size:var(\n--mod-search-min-inline-size,var(--spectrum-search-min-inline-size)\n);position:relative}#textfield .spectrum-HelpText{margin-block-start:var(\n--mod-search-to-help-text,var(--spectrum-search-to-help-text)\n)}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n)}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))\n);color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))\n)}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n)\n)}#textfield.is-disabled .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))\n)}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))\n)}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n)\n)}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n)\n)}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(\n--mod-search-line-height,var(--spectrum-search-line-height)\n);padding-block-end:calc(var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-block-start:calc(var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(\n--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)\n)}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host([quiet]) #button{transform:translateX(var(\n--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)\n))}:host([quiet]) #textfield .input{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);padding-block-start:var(\n--mod-search-top-to-text,var(--spectrum-search-top-to-text)\n);padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(\n--mod-search-quiet-button-offset,\nvar(--spectrum-search-quiet-button-offset)\n));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-edge-to-visual\n);--spectrum-search-border-color-default:var(\n--system-spectrum-search-border-color-default\n);--spectrum-search-border-color-hover:var(\n--system-spectrum-search-border-color-hover\n);--spectrum-search-border-color-focus:var(\n--system-spectrum-search-border-color-focus\n);--spectrum-search-border-color-focus-hover:var(\n--system-spectrum-search-border-color-focus-hover\n);--spectrum-search-border-color-key-focus:var(\n--system-spectrum-search-border-color-key-focus\n)}:host([size=s]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizes-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizes-edge-to-visual\n)}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-sizem-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizem-edge-to-visual\n)}:host([size=l]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizel-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizel-edge-to-visual\n)}:host([size=xl]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizexl-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizexl-edge-to-visual\n)}:host{--mod-textfield-spacing-inline:var(\n--spectrum-alias-infieldbutton-full-height-m\n);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmJf,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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\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-search.css.dev.js CHANGED
@@ -1,149 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(
5
- --spectrum-component-bottom-to-text-100
6
- );--spectrum-search-focus-indicator-thickness:var(
7
- --spectrum-focus-indicator-thickness
8
- );--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(
9
- --spectrum-focus-indicator-color
10
- );--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(
11
- --spectrum-neutral-content-color-default
12
- );--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(
13
- --spectrum-neutral-content-color-focus-hover
14
- );--spectrum-search-color-key-focus:var(
15
- --spectrum-neutral-content-color-key-focus
16
- );--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(
17
- --spectrum-disabled-background-color
18
- );--spectrum-search-border-color-disabled:var(
19
- --spectrum-disabled-background-color
20
- );--mod-textfield-font-family:var(
21
- --mod-search-font-family,var(--spectrum-search-font-family)
22
- );--mod-textfield-font-weight:var(
23
- --mod-search-font-weight,var(--spectrum-search-font-weight)
24
- );--mod-textfield-corner-radius:var(
25
- --mod-search-border-radius,var(--spectrum-search-border-radius)
26
- );--mod-textfield-border-width:var(
27
- --mod-search-border-width,var(--spectrum-search-border-width)
28
- );--mod-textfield-focus-indicator-gap:var(
29
- --mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)
30
- );--mod-textfield-focus-indicator-width:var(
31
- --mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)
32
- );--mod-textfield-focus-indicator-color:var(
33
- --mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)
34
- );--mod-textfield-text-color-default:var(
35
- --mod-search-color-default,var(--spectrum-search-color-default)
36
- );--mod-textfield-text-color-hover:var(
37
- --mod-search-color-hover,var(--spectrum-search-color-hover)
38
- );--mod-textfield-text-color-focus:var(
39
- --mod-search-color-focus,var(--spectrum-search-color-focus)
40
- );--mod-textfield-text-color-focus-hover:var(
41
- --mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)
42
- );--mod-textfield-text-color-keyboard-focus:var(
43
- --mod-search-color-key-focus,var(--spectrum-search-color-key-focus)
44
- );--mod-textfield-text-color-disabled:var(
45
- --mod-search-color-disabled,var(--spectrum-search-color-disabled)
46
- );--mod-textfield-border-color:var(
47
- --mod-search-border-color-default,var(--spectrum-search-border-color-default)
48
- );--mod-textfield-border-color-hover:var(
49
- --mod-search-border-color-hover,var(--spectrum-search-border-color-hover)
50
- );--mod-textfield-border-color-focus:var(
51
- --mod-search-border-color-focus,var(--spectrum-search-border-color-focus)
52
- );--mod-textfield-border-color-focus-hover:var(
53
- --mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)
54
- );--mod-textfield-border-color-keyboard-focus:var(
55
- --mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)
56
- );--mod-textfield-border-color-disabled:var(
57
- --mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)
58
- );--mod-textfield-background-color:var(
59
- --mod-search-background-color,var(--spectrum-search-background-color)
60
- );--mod-textfield-background-color-disabled:var(
61
- --mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)
62
- )}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(
63
- --mod-workflow-icon-size-100,
64
- var(--spectrum-workflow-icon-size-100)
65
- )/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(
66
- --spectrum-disabled-border-color
67
- )}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(
68
- --spectrum-field-edge-to-visual-quiet
69
- )}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(
70
- --mod-search-inline-size,var(--spectrum-search-inline-size)
71
- );min-inline-size:var(
72
- --mod-search-min-inline-size,var(--spectrum-search-min-inline-size)
73
- );position:relative}#textfield .spectrum-HelpText{margin-block-start:var(
74
- --mod-search-to-help-text,var(--spectrum-search-to-help-text)
75
- )}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(
76
- --mod-search-border-radius,var(--spectrum-search-border-radius)
77
- )}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(
78
- --highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))
79
- );color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(
80
- --highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))
81
- )}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(
82
- --highcontrast-search-color-focus,var(
83
- --mod-search-color-key-focus,var(--spectrum-search-color-key-focus)
84
- )
85
- )}#textfield.is-disabled .icon-search{--spectrum-search-color:var(
86
- --highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))
87
- )}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(
88
- --highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))
89
- )}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(
90
- --highcontrast-search-color-focus,var(
91
- --mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)
92
- )
93
- )}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(
94
- --highcontrast-search-color-disabled,var(
95
- --mod-search-color-disabled,var(--spectrum-search-color-disabled)
96
- )
97
- )}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(
98
- --mod-search-line-height,var(--spectrum-search-line-height)
99
- );padding-block-end:calc(var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-block-start:calc(var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(
100
- --mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)
101
- )}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(
102
- --mod-search-button-inline-size,
103
- var(--spectrum-search-button-inline-size)
104
- ) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host([quiet]) #button{transform:translateX(var(
105
- --mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)
106
- ))}:host([quiet]) #textfield .input{border-radius:var(
107
- --mod-search-border-radius,var(--spectrum-search-border-radius)
108
- );padding-block-start:var(
109
- --mod-search-top-to-text,var(--spectrum-search-top-to-text)
110
- );padding-inline-end:calc(var(
111
- --mod-search-button-inline-size,
112
- var(--spectrum-search-button-inline-size)
113
- ) - var(
114
- --mod-search-quiet-button-offset,
115
- var(--spectrum-search-quiet-button-offset)
116
- ));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host{--spectrum-search-border-radius:var(
117
- --system-spectrum-search-border-radius
118
- );--spectrum-search-edge-to-visual:var(
119
- --system-spectrum-search-edge-to-visual
120
- );--spectrum-search-border-color-default:var(
121
- --system-spectrum-search-border-color-default
122
- );--spectrum-search-border-color-hover:var(
123
- --system-spectrum-search-border-color-hover
124
- );--spectrum-search-border-color-focus:var(
125
- --system-spectrum-search-border-color-focus
126
- );--spectrum-search-border-color-focus-hover:var(
127
- --system-spectrum-search-border-color-focus-hover
128
- );--spectrum-search-border-color-key-focus:var(
129
- --system-spectrum-search-border-color-key-focus
130
- )}:host([size=s]){--spectrum-search-border-radius:var(
131
- --system-spectrum-search-sizes-border-radius
132
- );--spectrum-search-edge-to-visual:var(
133
- --system-spectrum-search-sizes-edge-to-visual
134
- )}:host{--spectrum-search-border-radius:var(
135
- --system-spectrum-search-sizem-border-radius
136
- );--spectrum-search-edge-to-visual:var(
137
- --system-spectrum-search-sizem-edge-to-visual
138
- )}:host([size=l]){--spectrum-search-border-radius:var(
139
- --system-spectrum-search-sizel-border-radius
140
- );--spectrum-search-edge-to-visual:var(
141
- --system-spectrum-search-sizel-edge-to-visual
142
- )}:host([size=xl]){--spectrum-search-border-radius:var(
143
- --system-spectrum-search-sizexl-border-radius
144
- );--spectrum-search-edge-to-visual:var(
145
- --system-spectrum-search-sizexl-edge-to-visual
146
- )}
4
+ :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}
147
5
  `;
148
6
  export default styles;
149
7
  //# sourceMappingURL=spectrum-search.css.dev.js.map
package/src/spectrum-search.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-search.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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-search-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-search-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-background-color\n);--mod-textfield-font-family:var(\n--mod-search-font-family,var(--spectrum-search-font-family)\n);--mod-textfield-font-weight:var(\n--mod-search-font-weight,var(--spectrum-search-font-weight)\n);--mod-textfield-corner-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);--mod-textfield-border-width:var(\n--mod-search-border-width,var(--spectrum-search-border-width)\n);--mod-textfield-focus-indicator-gap:var(\n--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)\n);--mod-textfield-focus-indicator-width:var(\n--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)\n);--mod-textfield-focus-indicator-color:var(\n--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)\n);--mod-textfield-text-color-default:var(\n--mod-search-color-default,var(--spectrum-search-color-default)\n);--mod-textfield-text-color-hover:var(\n--mod-search-color-hover,var(--spectrum-search-color-hover)\n);--mod-textfield-text-color-focus:var(\n--mod-search-color-focus,var(--spectrum-search-color-focus)\n);--mod-textfield-text-color-focus-hover:var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n);--mod-textfield-text-color-keyboard-focus:var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n);--mod-textfield-text-color-disabled:var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n);--mod-textfield-border-color:var(\n--mod-search-border-color-default,var(--spectrum-search-border-color-default)\n);--mod-textfield-border-color-hover:var(\n--mod-search-border-color-hover,var(--spectrum-search-border-color-hover)\n);--mod-textfield-border-color-focus:var(\n--mod-search-border-color-focus,var(--spectrum-search-border-color-focus)\n);--mod-textfield-border-color-focus-hover:var(\n--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)\n);--mod-textfield-border-color-keyboard-focus:var(\n--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)\n);--mod-textfield-border-color-disabled:var(\n--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)\n);--mod-textfield-background-color:var(\n--mod-search-background-color,var(--spectrum-search-background-color)\n);--mod-textfield-background-color-disabled:var(\n--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)\n)}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(\n--mod-workflow-icon-size-100,\nvar(--spectrum-workflow-icon-size-100)\n)/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-border-color\n)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(\n--spectrum-field-edge-to-visual-quiet\n)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(\n--mod-search-inline-size,var(--spectrum-search-inline-size)\n);min-inline-size:var(\n--mod-search-min-inline-size,var(--spectrum-search-min-inline-size)\n);position:relative}#textfield .spectrum-HelpText{margin-block-start:var(\n--mod-search-to-help-text,var(--spectrum-search-to-help-text)\n)}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n)}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))\n);color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))\n)}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n)\n)}#textfield.is-disabled .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))\n)}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))\n)}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n)\n)}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n)\n)}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(\n--mod-search-line-height,var(--spectrum-search-line-height)\n);padding-block-end:calc(var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-block-start:calc(var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(\n--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)\n)}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host([quiet]) #button{transform:translateX(var(\n--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)\n))}:host([quiet]) #textfield .input{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);padding-block-start:var(\n--mod-search-top-to-text,var(--spectrum-search-top-to-text)\n);padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(\n--mod-search-quiet-button-offset,\nvar(--spectrum-search-quiet-button-offset)\n));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-edge-to-visual\n);--spectrum-search-border-color-default:var(\n--system-spectrum-search-border-color-default\n);--spectrum-search-border-color-hover:var(\n--system-spectrum-search-border-color-hover\n);--spectrum-search-border-color-focus:var(\n--system-spectrum-search-border-color-focus\n);--spectrum-search-border-color-focus-hover:var(\n--system-spectrum-search-border-color-focus-hover\n);--spectrum-search-border-color-key-focus:var(\n--system-spectrum-search-border-color-key-focus\n)}:host([size=s]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizes-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizes-edge-to-visual\n)}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-sizem-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizem-edge-to-visual\n)}:host([size=l]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizel-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizel-edge-to-visual\n)}:host([size=xl]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizexl-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizexl-edge-to-visual\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiJf,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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-search.css.js CHANGED
@@ -1,146 +1,4 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
2
- :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(
3
- --spectrum-component-bottom-to-text-100
4
- );--spectrum-search-focus-indicator-thickness:var(
5
- --spectrum-focus-indicator-thickness
6
- );--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(
7
- --spectrum-focus-indicator-color
8
- );--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(
9
- --spectrum-neutral-content-color-default
10
- );--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(
11
- --spectrum-neutral-content-color-focus-hover
12
- );--spectrum-search-color-key-focus:var(
13
- --spectrum-neutral-content-color-key-focus
14
- );--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(
15
- --spectrum-disabled-background-color
16
- );--spectrum-search-border-color-disabled:var(
17
- --spectrum-disabled-background-color
18
- );--mod-textfield-font-family:var(
19
- --mod-search-font-family,var(--spectrum-search-font-family)
20
- );--mod-textfield-font-weight:var(
21
- --mod-search-font-weight,var(--spectrum-search-font-weight)
22
- );--mod-textfield-corner-radius:var(
23
- --mod-search-border-radius,var(--spectrum-search-border-radius)
24
- );--mod-textfield-border-width:var(
25
- --mod-search-border-width,var(--spectrum-search-border-width)
26
- );--mod-textfield-focus-indicator-gap:var(
27
- --mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)
28
- );--mod-textfield-focus-indicator-width:var(
29
- --mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)
30
- );--mod-textfield-focus-indicator-color:var(
31
- --mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)
32
- );--mod-textfield-text-color-default:var(
33
- --mod-search-color-default,var(--spectrum-search-color-default)
34
- );--mod-textfield-text-color-hover:var(
35
- --mod-search-color-hover,var(--spectrum-search-color-hover)
36
- );--mod-textfield-text-color-focus:var(
37
- --mod-search-color-focus,var(--spectrum-search-color-focus)
38
- );--mod-textfield-text-color-focus-hover:var(
39
- --mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)
40
- );--mod-textfield-text-color-keyboard-focus:var(
41
- --mod-search-color-key-focus,var(--spectrum-search-color-key-focus)
42
- );--mod-textfield-text-color-disabled:var(
43
- --mod-search-color-disabled,var(--spectrum-search-color-disabled)
44
- );--mod-textfield-border-color:var(
45
- --mod-search-border-color-default,var(--spectrum-search-border-color-default)
46
- );--mod-textfield-border-color-hover:var(
47
- --mod-search-border-color-hover,var(--spectrum-search-border-color-hover)
48
- );--mod-textfield-border-color-focus:var(
49
- --mod-search-border-color-focus,var(--spectrum-search-border-color-focus)
50
- );--mod-textfield-border-color-focus-hover:var(
51
- --mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)
52
- );--mod-textfield-border-color-keyboard-focus:var(
53
- --mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)
54
- );--mod-textfield-border-color-disabled:var(
55
- --mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)
56
- );--mod-textfield-background-color:var(
57
- --mod-search-background-color,var(--spectrum-search-background-color)
58
- );--mod-textfield-background-color-disabled:var(
59
- --mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)
60
- )}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(
61
- --mod-workflow-icon-size-100,
62
- var(--spectrum-workflow-icon-size-100)
63
- )/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(
64
- --spectrum-disabled-border-color
65
- )}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(
66
- --spectrum-field-edge-to-visual-quiet
67
- )}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(
68
- --mod-search-inline-size,var(--spectrum-search-inline-size)
69
- );min-inline-size:var(
70
- --mod-search-min-inline-size,var(--spectrum-search-min-inline-size)
71
- );position:relative}#textfield .spectrum-HelpText{margin-block-start:var(
72
- --mod-search-to-help-text,var(--spectrum-search-to-help-text)
73
- )}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(
74
- --mod-search-border-radius,var(--spectrum-search-border-radius)
75
- )}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(
76
- --highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))
77
- );color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(
78
- --highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))
79
- )}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(
80
- --highcontrast-search-color-focus,var(
81
- --mod-search-color-key-focus,var(--spectrum-search-color-key-focus)
82
- )
83
- )}#textfield.is-disabled .icon-search{--spectrum-search-color:var(
84
- --highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))
85
- )}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(
86
- --highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))
87
- )}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(
88
- --highcontrast-search-color-focus,var(
89
- --mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)
90
- )
91
- )}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(
92
- --highcontrast-search-color-disabled,var(
93
- --mod-search-color-disabled,var(--spectrum-search-color-disabled)
94
- )
95
- )}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(
96
- --mod-search-line-height,var(--spectrum-search-line-height)
97
- );padding-block-end:calc(var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-block-start:calc(var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(
98
- --mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)
99
- )}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(
100
- --mod-search-button-inline-size,
101
- var(--spectrum-search-button-inline-size)
102
- ) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host([quiet]) #button{transform:translateX(var(
103
- --mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)
104
- ))}:host([quiet]) #textfield .input{border-radius:var(
105
- --mod-search-border-radius,var(--spectrum-search-border-radius)
106
- );padding-block-start:var(
107
- --mod-search-top-to-text,var(--spectrum-search-top-to-text)
108
- );padding-inline-end:calc(var(
109
- --mod-search-button-inline-size,
110
- var(--spectrum-search-button-inline-size)
111
- ) - var(
112
- --mod-search-quiet-button-offset,
113
- var(--spectrum-search-quiet-button-offset)
114
- ));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host{--spectrum-search-border-radius:var(
115
- --system-spectrum-search-border-radius
116
- );--spectrum-search-edge-to-visual:var(
117
- --system-spectrum-search-edge-to-visual
118
- );--spectrum-search-border-color-default:var(
119
- --system-spectrum-search-border-color-default
120
- );--spectrum-search-border-color-hover:var(
121
- --system-spectrum-search-border-color-hover
122
- );--spectrum-search-border-color-focus:var(
123
- --system-spectrum-search-border-color-focus
124
- );--spectrum-search-border-color-focus-hover:var(
125
- --system-spectrum-search-border-color-focus-hover
126
- );--spectrum-search-border-color-key-focus:var(
127
- --system-spectrum-search-border-color-key-focus
128
- )}:host([size=s]){--spectrum-search-border-radius:var(
129
- --system-spectrum-search-sizes-border-radius
130
- );--spectrum-search-edge-to-visual:var(
131
- --system-spectrum-search-sizes-edge-to-visual
132
- )}:host{--spectrum-search-border-radius:var(
133
- --system-spectrum-search-sizem-border-radius
134
- );--spectrum-search-edge-to-visual:var(
135
- --system-spectrum-search-sizem-edge-to-visual
136
- )}:host([size=l]){--spectrum-search-border-radius:var(
137
- --system-spectrum-search-sizel-border-radius
138
- );--spectrum-search-edge-to-visual:var(
139
- --system-spectrum-search-sizel-edge-to-visual
140
- )}:host([size=xl]){--spectrum-search-border-radius:var(
141
- --system-spectrum-search-sizexl-border-radius
142
- );--spectrum-search-edge-to-visual:var(
143
- --system-spectrum-search-sizexl-edge-to-visual
144
- )}
2
+ :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}
145
3
  `;export default e;
146
4
  //# sourceMappingURL=spectrum-search.css.js.map
package/src/spectrum-search.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-search.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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-search-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-search-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-background-color\n);--mod-textfield-font-family:var(\n--mod-search-font-family,var(--spectrum-search-font-family)\n);--mod-textfield-font-weight:var(\n--mod-search-font-weight,var(--spectrum-search-font-weight)\n);--mod-textfield-corner-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);--mod-textfield-border-width:var(\n--mod-search-border-width,var(--spectrum-search-border-width)\n);--mod-textfield-focus-indicator-gap:var(\n--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)\n);--mod-textfield-focus-indicator-width:var(\n--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)\n);--mod-textfield-focus-indicator-color:var(\n--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)\n);--mod-textfield-text-color-default:var(\n--mod-search-color-default,var(--spectrum-search-color-default)\n);--mod-textfield-text-color-hover:var(\n--mod-search-color-hover,var(--spectrum-search-color-hover)\n);--mod-textfield-text-color-focus:var(\n--mod-search-color-focus,var(--spectrum-search-color-focus)\n);--mod-textfield-text-color-focus-hover:var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n);--mod-textfield-text-color-keyboard-focus:var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n);--mod-textfield-text-color-disabled:var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n);--mod-textfield-border-color:var(\n--mod-search-border-color-default,var(--spectrum-search-border-color-default)\n);--mod-textfield-border-color-hover:var(\n--mod-search-border-color-hover,var(--spectrum-search-border-color-hover)\n);--mod-textfield-border-color-focus:var(\n--mod-search-border-color-focus,var(--spectrum-search-border-color-focus)\n);--mod-textfield-border-color-focus-hover:var(\n--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)\n);--mod-textfield-border-color-keyboard-focus:var(\n--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)\n);--mod-textfield-border-color-disabled:var(\n--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)\n);--mod-textfield-background-color:var(\n--mod-search-background-color,var(--spectrum-search-background-color)\n);--mod-textfield-background-color-disabled:var(\n--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)\n)}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(\n--mod-workflow-icon-size-100,\nvar(--spectrum-workflow-icon-size-100)\n)/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-border-color\n)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(\n--spectrum-field-edge-to-visual-quiet\n)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(\n--mod-search-inline-size,var(--spectrum-search-inline-size)\n);min-inline-size:var(\n--mod-search-min-inline-size,var(--spectrum-search-min-inline-size)\n);position:relative}#textfield .spectrum-HelpText{margin-block-start:var(\n--mod-search-to-help-text,var(--spectrum-search-to-help-text)\n)}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n)}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))\n);color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))\n)}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n)\n)}#textfield.is-disabled .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))\n)}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))\n)}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n)\n)}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n)\n)}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(\n--mod-search-line-height,var(--spectrum-search-line-height)\n);padding-block-end:calc(var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-block-start:calc(var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - var(--mod-search-border-width, var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(\n--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)\n)}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(--mod-search-border-width, var(--spectrum-search-border-width)));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host([quiet]) #button{transform:translateX(var(\n--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)\n))}:host([quiet]) #textfield .input{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);padding-block-start:var(\n--mod-search-top-to-text,var(--spectrum-search-top-to-text)\n);padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(\n--mod-search-quiet-button-offset,\nvar(--spectrum-search-quiet-button-offset)\n));padding-inline-start:calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)))}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-edge-to-visual\n);--spectrum-search-border-color-default:var(\n--system-spectrum-search-border-color-default\n);--spectrum-search-border-color-hover:var(\n--system-spectrum-search-border-color-hover\n);--spectrum-search-border-color-focus:var(\n--system-spectrum-search-border-color-focus\n);--spectrum-search-border-color-focus-hover:var(\n--system-spectrum-search-border-color-focus-hover\n);--spectrum-search-border-color-key-focus:var(\n--system-spectrum-search-border-color-key-focus\n)}:host([size=s]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizes-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizes-edge-to-visual\n)}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-sizem-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizem-edge-to-visual\n)}:host([size=l]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizel-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizel-edge-to-visual\n)}:host([size=xl]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizexl-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizexl-edge-to-visual\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiJf,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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }