@spectrum-web-components/icon 0.9.11-lit-next.42 → 0.9.11
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.
- package/custom-elements.json +13 -13
- package/package.json +4 -4
- package/src/Icon.d.ts +1 -1
- package/src/Icon.js +2 -2
- package/src/Icon.js.map +1 -1
- package/src/icon.css.js +25 -1
- package/src/icon.css.js.map +1 -1
- package/src/spectrum-icon-arrow.css.js +15 -1
- package/src/spectrum-icon-arrow.css.js.map +1 -1
- package/src/spectrum-icon-asterisk.css.js +11 -1
- package/src/spectrum-icon-asterisk.css.js.map +1 -1
- package/src/spectrum-icon-checkmark.css.js +17 -1
- package/src/spectrum-icon-checkmark.css.js.map +1 -1
- package/src/spectrum-icon-chevron.css.js +13 -1
- package/src/spectrum-icon-chevron.css.js.map +1 -1
- package/src/spectrum-icon-corner-triangle.css.js +13 -1
- package/src/spectrum-icon-corner-triangle.css.js.map +1 -1
- package/src/spectrum-icon-cross.css.js +15 -1
- package/src/spectrum-icon-cross.css.js.map +1 -1
- package/src/spectrum-icon-dash.css.js +17 -1
- package/src/spectrum-icon-dash.css.js.map +1 -1
- package/src/spectrum-icon-double-gripper.css.js +5 -1
- package/src/spectrum-icon-double-gripper.css.js.map +1 -1
- package/src/spectrum-icon-single-gripper.css.js +5 -1
- package/src/spectrum-icon-single-gripper.css.js.map +1 -1
- package/src/spectrum-icon-triple-gripper.css.js +3 -1
- package/src/spectrum-icon-triple-gripper.css.js.map +1 -1
- package/src/spectrum-icon.css.js +17 -1
- package/src/spectrum-icon.css.js.map +1 -1
- package/test/icon.test-vrt.js +0 -15
- package/test/icon.test-vrt.js.map +0 -1
- package/test/icon.test.js +0 -89
- package/test/icon.test.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
"kind": "method",
|
|
98
|
-
"name": "
|
|
98
|
+
"name": "_getUpdateComplete",
|
|
99
99
|
"privacy": "protected",
|
|
100
100
|
"return": {
|
|
101
101
|
"type": {
|
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
{
|
|
258
258
|
"kind": "variable",
|
|
259
259
|
"name": "styles",
|
|
260
|
-
"default": "css`\n:host{
|
|
260
|
+
"default": "css`\n:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(\n--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)\n);--spectrum-icon-size-m:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(\n--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)\n);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(\n--spectrum-icon-size-s\n);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(\n--spectrum-icon-size-m\n);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(\n--spectrum-icon-size-l\n);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(\n--spectrum-icon-size-xl\n);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(\n--spectrum-icon-size-xxl\n);width:var(--spectrum-icon-size-xxl)}:host{height:var(\n--spectrum-icon-tshirt-size-height,var(\n--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)\n)\n);width:var(\n--spectrum-icon-tshirt-size-width,var(\n--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)\n)\n)}#container{height:100%}::slotted(*),img,svg{height:100%;vertical-align:top;width:100%}\n`"
|
|
261
261
|
}
|
|
262
262
|
],
|
|
263
263
|
"exports": [
|
|
@@ -301,7 +301,7 @@
|
|
|
301
301
|
{
|
|
302
302
|
"kind": "variable",
|
|
303
303
|
"name": "styles",
|
|
304
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp75,.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600{transform:rotate(270deg)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{
|
|
304
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp75,.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600{transform:rotate(270deg)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{height:var(--spectrum-alias-ui-icon-arrow-size-75);width:var(\n--spectrum-alias-ui-icon-arrow-size-75\n)}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowRight100,.spectrum-UIIcon-ArrowUp100{height:var(--spectrum-alias-ui-icon-arrow-size-100);width:var(\n--spectrum-alias-ui-icon-arrow-size-100\n)}.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowRight200,.spectrum-UIIcon-ArrowUp200{height:var(--spectrum-alias-ui-icon-arrow-size-200);width:var(\n--spectrum-alias-ui-icon-arrow-size-200\n)}.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowRight300,.spectrum-UIIcon-ArrowUp300{height:var(--spectrum-alias-ui-icon-arrow-size-300);width:var(\n--spectrum-alias-ui-icon-arrow-size-300\n)}.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowRight400,.spectrum-UIIcon-ArrowUp400{height:var(--spectrum-alias-ui-icon-arrow-size-400);width:var(\n--spectrum-alias-ui-icon-arrow-size-400\n)}.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowRight500,.spectrum-UIIcon-ArrowUp500{height:var(--spectrum-alias-ui-icon-arrow-size-500);width:var(\n--spectrum-alias-ui-icon-arrow-size-500\n)}.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowRight600,.spectrum-UIIcon-ArrowUp600{height:var(--spectrum-alias-ui-icon-arrow-size-600);width:var(\n--spectrum-alias-ui-icon-arrow-size-600\n)}\n`"
|
|
305
305
|
}
|
|
306
306
|
],
|
|
307
307
|
"exports": [
|
|
@@ -322,7 +322,7 @@
|
|
|
322
322
|
{
|
|
323
323
|
"kind": "variable",
|
|
324
324
|
"name": "styles",
|
|
325
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Asterisk75{
|
|
325
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Asterisk75{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(\n--spectrum-alias-ui-icon-asterisk-size-75,var(--spectrum-global-dimension-static-size-100)\n)}.spectrum-UIIcon-Asterisk100{height:var(\n--spectrum-alias-ui-icon-asterisk-size-100,var(--spectrum-global-dimension-size-100)\n);width:var(\n--spectrum-alias-ui-icon-asterisk-size-100,var(--spectrum-global-dimension-size-100)\n)}.spectrum-UIIcon-Asterisk200{height:var(--spectrum-alias-ui-icon-asterisk-size-200);width:var(\n--spectrum-alias-ui-icon-asterisk-size-200\n)}.spectrum-UIIcon-Asterisk300{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(\n--spectrum-alias-ui-icon-asterisk-size-300\n)}\n`"
|
|
326
326
|
}
|
|
327
327
|
],
|
|
328
328
|
"exports": [
|
|
@@ -343,7 +343,7 @@
|
|
|
343
343
|
{
|
|
344
344
|
"kind": "variable",
|
|
345
345
|
"name": "styles",
|
|
346
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Checkmark50{
|
|
346
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Checkmark50{height:var(--spectrum-alias-ui-icon-checkmark-size-50);width:var(\n--spectrum-alias-ui-icon-checkmark-size-50\n)}.spectrum-UIIcon-Checkmark75{height:var(--spectrum-alias-ui-icon-checkmark-size-75);width:var(\n--spectrum-alias-ui-icon-checkmark-size-75\n)}.spectrum-UIIcon-Checkmark100{height:var(--spectrum-alias-ui-icon-checkmark-size-100);width:var(\n--spectrum-alias-ui-icon-checkmark-size-100\n)}.spectrum-UIIcon-Checkmark200{height:var(--spectrum-alias-ui-icon-checkmark-size-200);width:var(\n--spectrum-alias-ui-icon-checkmark-size-200\n)}.spectrum-UIIcon-Checkmark300{height:var(--spectrum-alias-ui-icon-checkmark-size-300);width:var(\n--spectrum-alias-ui-icon-checkmark-size-300\n)}.spectrum-UIIcon-Checkmark400{height:var(--spectrum-alias-ui-icon-checkmark-size-400);width:var(\n--spectrum-alias-ui-icon-checkmark-size-400\n)}.spectrum-UIIcon-Checkmark500{height:var(--spectrum-alias-ui-icon-checkmark-size-500);width:var(\n--spectrum-alias-ui-icon-checkmark-size-500\n)}.spectrum-UIIcon-Checkmark600{height:var(--spectrum-alias-ui-icon-checkmark-size-600);width:var(\n--spectrum-alias-ui-icon-checkmark-size-600\n)}\n`"
|
|
347
347
|
}
|
|
348
348
|
],
|
|
349
349
|
"exports": [
|
|
@@ -364,7 +364,7 @@
|
|
|
364
364
|
{
|
|
365
365
|
"kind": "variable",
|
|
366
366
|
"name": "styles",
|
|
367
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500{transform:rotate(90deg)}.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500{transform:rotate(180deg)}.spectrum-UIIcon-ChevronUp75,.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{
|
|
367
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500{transform:rotate(90deg)}.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500{transform:rotate(180deg)}.spectrum-UIIcon-ChevronUp75,.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{height:var(--spectrum-alias-ui-icon-chevron-size-75);width:var(\n--spectrum-alias-ui-icon-chevron-size-75\n)}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronRight100,.spectrum-UIIcon-ChevronUp100{height:var(--spectrum-alias-ui-icon-chevron-size-100);width:var(\n--spectrum-alias-ui-icon-chevron-size-100\n)}.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronRight200,.spectrum-UIIcon-ChevronUp200{height:var(--spectrum-alias-ui-icon-chevron-size-200);width:var(\n--spectrum-alias-ui-icon-chevron-size-200\n)}.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronRight300,.spectrum-UIIcon-ChevronUp300{height:var(--spectrum-alias-ui-icon-chevron-size-300);width:var(\n--spectrum-alias-ui-icon-chevron-size-300\n)}.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronRight400,.spectrum-UIIcon-ChevronUp400{height:var(--spectrum-alias-ui-icon-chevron-size-400);width:var(\n--spectrum-alias-ui-icon-chevron-size-400\n)}.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronRight500,.spectrum-UIIcon-ChevronUp500{height:var(--spectrum-alias-ui-icon-chevron-size-500);width:var(\n--spectrum-alias-ui-icon-chevron-size-500\n)}\n`"
|
|
368
368
|
}
|
|
369
369
|
],
|
|
370
370
|
"exports": [
|
|
@@ -385,7 +385,7 @@
|
|
|
385
385
|
{
|
|
386
386
|
"kind": "variable",
|
|
387
387
|
"name": "styles",
|
|
388
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-CornerTriangle75{
|
|
388
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-CornerTriangle75{height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)\n);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)\n)}.spectrum-UIIcon-CornerTriangle100{height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}.spectrum-UIIcon-CornerTriangle200{height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75)\n);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75)\n)}.spectrum-UIIcon-CornerTriangle300{height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}\n`"
|
|
389
389
|
}
|
|
390
390
|
],
|
|
391
391
|
"exports": [
|
|
@@ -406,7 +406,7 @@
|
|
|
406
406
|
{
|
|
407
407
|
"kind": "variable",
|
|
408
408
|
"name": "styles",
|
|
409
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Cross75{
|
|
409
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Cross75{height:var(--spectrum-alias-ui-icon-cross-size-75);width:var(\n--spectrum-alias-ui-icon-cross-size-75\n)}.spectrum-UIIcon-Cross100{height:var(--spectrum-alias-ui-icon-cross-size-100);width:var(\n--spectrum-alias-ui-icon-cross-size-100\n)}.spectrum-UIIcon-Cross200{height:var(--spectrum-alias-ui-icon-cross-size-200);width:var(\n--spectrum-alias-ui-icon-cross-size-200\n)}.spectrum-UIIcon-Cross300{height:var(--spectrum-alias-ui-icon-cross-size-300);width:var(\n--spectrum-alias-ui-icon-cross-size-300\n)}.spectrum-UIIcon-Cross400{height:var(--spectrum-alias-ui-icon-cross-size-400);width:var(\n--spectrum-alias-ui-icon-cross-size-400\n)}.spectrum-UIIcon-Cross500{height:var(--spectrum-alias-ui-icon-cross-size-500);width:var(\n--spectrum-alias-ui-icon-cross-size-500\n)}.spectrum-UIIcon-Cross600{height:var(--spectrum-alias-ui-icon-cross-size-600);width:var(\n--spectrum-alias-ui-icon-cross-size-600\n)}\n`"
|
|
410
410
|
}
|
|
411
411
|
],
|
|
412
412
|
"exports": [
|
|
@@ -427,7 +427,7 @@
|
|
|
427
427
|
{
|
|
428
428
|
"kind": "variable",
|
|
429
429
|
"name": "styles",
|
|
430
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Dash50{
|
|
430
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Dash50{height:var(--spectrum-alias-ui-icon-dash-size-50);width:var(\n--spectrum-alias-ui-icon-dash-size-50\n)}.spectrum-UIIcon-Dash75{height:var(--spectrum-alias-ui-icon-dash-size-75);width:var(\n--spectrum-alias-ui-icon-dash-size-75\n)}.spectrum-UIIcon-Dash100{height:var(--spectrum-alias-ui-icon-dash-size-100);width:var(\n--spectrum-alias-ui-icon-dash-size-100\n)}.spectrum-UIIcon-Dash200{height:var(--spectrum-alias-ui-icon-dash-size-200);width:var(\n--spectrum-alias-ui-icon-dash-size-200\n)}.spectrum-UIIcon-Dash300{height:var(--spectrum-alias-ui-icon-dash-size-300);width:var(\n--spectrum-alias-ui-icon-dash-size-300\n)}.spectrum-UIIcon-Dash400{height:var(--spectrum-alias-ui-icon-dash-size-400);width:var(\n--spectrum-alias-ui-icon-dash-size-400\n)}.spectrum-UIIcon-Dash500{height:var(--spectrum-alias-ui-icon-dash-size-500);width:var(\n--spectrum-alias-ui-icon-dash-size-500\n)}.spectrum-UIIcon-Dash600{height:var(--spectrum-alias-ui-icon-dash-size-600);width:var(\n--spectrum-alias-ui-icon-dash-size-600\n)}\n`"
|
|
431
431
|
}
|
|
432
432
|
],
|
|
433
433
|
"exports": [
|
|
@@ -448,7 +448,7 @@
|
|
|
448
448
|
{
|
|
449
449
|
"kind": "variable",
|
|
450
450
|
"name": "styles",
|
|
451
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-DoubleGripper100{
|
|
451
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-DoubleGripper100{height:var(\n--spectrum-alias-ui-icon-doublegripper-size-100-width,var(--spectrum-global-dimension-size-200)\n);width:var(\n--spectrum-alias-ui-icon-doublegripper-size-100-height\n)}\n`"
|
|
452
452
|
}
|
|
453
453
|
],
|
|
454
454
|
"exports": [
|
|
@@ -469,7 +469,7 @@
|
|
|
469
469
|
{
|
|
470
470
|
"kind": "variable",
|
|
471
471
|
"name": "styles",
|
|
472
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-SingleGripper100{
|
|
472
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-SingleGripper100{height:var(\n--spectrum-alias-ui-icon-singlegripper-size-100-width,var(--spectrum-global-dimension-size-300)\n);width:var(\n--spectrum-alias-ui-icon-singlegripper-size-100-height\n)}\n`"
|
|
473
473
|
}
|
|
474
474
|
],
|
|
475
475
|
"exports": [
|
|
@@ -490,7 +490,7 @@
|
|
|
490
490
|
{
|
|
491
491
|
"kind": "variable",
|
|
492
492
|
"name": "styles",
|
|
493
|
-
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-TripleGripper100{
|
|
493
|
+
"default": "css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-TripleGripper100{height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width);width:var(\n--spectrum-alias-ui-icon-triplegripper-size-100-height,var(--spectrum-global-dimension-size-100)\n)}\n`"
|
|
494
494
|
}
|
|
495
495
|
],
|
|
496
496
|
"exports": [
|
|
@@ -511,7 +511,7 @@
|
|
|
511
511
|
{
|
|
512
512
|
"kind": "variable",
|
|
513
513
|
"name": "styles",
|
|
514
|
-
"default": "css`\n:host{
|
|
514
|
+
"default": "css`\n:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(\n--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)\n);--spectrum-icon-size-m:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(\n--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)\n);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(\n--spectrum-icon-size-s\n);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(\n--spectrum-icon-size-m\n);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(\n--spectrum-icon-size-l\n);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(\n--spectrum-icon-size-xl\n);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(\n--spectrum-icon-size-xxl\n);width:var(--spectrum-icon-size-xxl)}\n`"
|
|
515
515
|
}
|
|
516
516
|
],
|
|
517
517
|
"exports": [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/icon",
|
|
3
|
-
"version": "0.9.11
|
|
3
|
+
"version": "0.9.11",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
"lit-html"
|
|
45
45
|
],
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@spectrum-web-components/base": "^0.4.
|
|
48
|
-
"@spectrum-web-components/iconset": "^0.5.
|
|
47
|
+
"@spectrum-web-components/base": "^0.4.5",
|
|
48
|
+
"@spectrum-web-components/iconset": "^0.5.7",
|
|
49
49
|
"tslib": "^2.0.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"sideEffects": [
|
|
57
57
|
"./sp-*.js"
|
|
58
58
|
],
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "d7f2ca747a902cf8b632cc8491fa675419297180"
|
|
60
60
|
}
|
package/src/Icon.d.ts
CHANGED
package/src/Icon.js
CHANGED
|
@@ -86,8 +86,8 @@ export class Icon extends IconBase {
|
|
|
86
86
|
}
|
|
87
87
|
return { iconset: iconsetName, icon: iconName };
|
|
88
88
|
}
|
|
89
|
-
async
|
|
90
|
-
const complete = (await super.
|
|
89
|
+
async _getUpdateComplete() {
|
|
90
|
+
const complete = (await super._getUpdateComplete());
|
|
91
91
|
await this.updateIconPromise;
|
|
92
92
|
return complete;
|
|
93
93
|
}
|
package/src/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["Icon.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["Icon.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n html,\n property,\n query,\n TemplateResult,\n ifDefined,\n} from '@spectrum-web-components/base';\n\nimport { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js';\n\nimport { IconBase } from './IconBase.js';\n\n/**\n * @element sp-icon\n */\nexport class Icon extends IconBase {\n @property()\n public src?: string;\n\n @property()\n public name?: string;\n\n @query('#container')\n private iconContainer?: HTMLElement;\n\n private updateIconPromise?: Promise<void>;\n\n public connectedCallback(): void {\n super.connectedCallback();\n window.addEventListener('sp-iconset-added', this.iconsetListener);\n }\n\n public disconnectedCallback(): void {\n super.disconnectedCallback();\n window.removeEventListener('sp-iconset-added', this.iconsetListener);\n }\n\n public firstUpdated(): void {\n this.updateIconPromise = this.updateIcon();\n }\n\n public attributeChangedCallback(\n name: string,\n old: string,\n value: string\n ): void {\n super.attributeChangedCallback(name, old, value);\n this.updateIconPromise = this.updateIcon(); // any of our attributes change, update our icon\n }\n\n private iconsetListener = (event: CustomEvent): void => {\n if (!this.name) {\n return;\n }\n // parse the icon name to get iconset name\n const icon = this.parseIcon(this.name);\n if (event.detail.name === icon.iconset) {\n this.updateIconPromise = this.updateIcon();\n }\n };\n\n protected render(): TemplateResult {\n if (this.name) {\n return html`\n <div id=\"container\"></div>\n `;\n } else if (this.src) {\n return html`\n <img src=\"${this.src}\" alt=${ifDefined(this.label)} />\n `;\n }\n return super.render();\n }\n\n private async updateIcon(): Promise<void> {\n if (!this.name) {\n return Promise.resolve();\n }\n // parse the icon name to get iconset name\n const icon = this.parseIcon(this.name);\n // try to retrieve the iconset\n const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);\n if (!iconset) {\n // we can stop here as there's nothing to be done till we get the iconset\n return Promise.resolve();\n }\n if (!this.iconContainer) {\n return Promise.resolve();\n }\n this.iconContainer.innerHTML = '';\n return iconset.applyIconToElement(\n this.iconContainer,\n icon.icon,\n this.size || '',\n this.label ? this.label : ''\n );\n }\n\n private parseIcon(icon: string): { iconset: string; icon: string } {\n const iconParts = icon.split(':');\n let iconsetName = 'default';\n let iconName = icon;\n if (iconParts.length > 1) {\n iconsetName = iconParts[0];\n iconName = iconParts[1];\n }\n return { iconset: iconsetName, icon: iconName };\n }\n\n protected async _getUpdateComplete(): Promise<boolean> {\n const complete = (await super._getUpdateComplete()) as boolean;\n await this.updateIconPromise;\n return complete;\n }\n}\n"]}
|
package/src/icon.css.js
CHANGED
|
@@ -11,7 +11,31 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
:host{
|
|
14
|
+
:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(
|
|
15
|
+
--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)
|
|
16
|
+
);--spectrum-icon-size-m:var(
|
|
17
|
+
--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)
|
|
18
|
+
);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(
|
|
19
|
+
--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)
|
|
20
|
+
);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(
|
|
21
|
+
--spectrum-icon-size-s
|
|
22
|
+
);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(
|
|
23
|
+
--spectrum-icon-size-m
|
|
24
|
+
);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(
|
|
25
|
+
--spectrum-icon-size-l
|
|
26
|
+
);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(
|
|
27
|
+
--spectrum-icon-size-xl
|
|
28
|
+
);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(
|
|
29
|
+
--spectrum-icon-size-xxl
|
|
30
|
+
);width:var(--spectrum-icon-size-xxl)}:host{height:var(
|
|
31
|
+
--spectrum-icon-tshirt-size-height,var(
|
|
32
|
+
--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)
|
|
33
|
+
)
|
|
34
|
+
);width:var(
|
|
35
|
+
--spectrum-icon-tshirt-size-width,var(
|
|
36
|
+
--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)
|
|
37
|
+
)
|
|
38
|
+
)}#container{height:100%}::slotted(*),img,svg{height:100%;vertical-align:top;width:100%}
|
|
15
39
|
`;
|
|
16
40
|
export default styles;
|
|
17
41
|
//# sourceMappingURL=icon.css.js.map
|
package/src/icon.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.css.js","sourceRoot":"","sources":["icon.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"icon.css.js","sourceRoot":"","sources":["icon.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(\n--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)\n);--spectrum-icon-size-m:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(\n--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)\n);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(\n--spectrum-icon-size-s\n);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(\n--spectrum-icon-size-m\n);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(\n--spectrum-icon-size-l\n);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(\n--spectrum-icon-size-xl\n);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(\n--spectrum-icon-size-xxl\n);width:var(--spectrum-icon-size-xxl)}:host{height:var(\n--spectrum-icon-tshirt-size-height,var(\n--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)\n)\n);width:var(\n--spectrum-icon-tshirt-size-width,var(\n--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)\n)\n)}#container{height:100%}::slotted(*),img,svg{height:100%;vertical-align:top;width:100%}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,21 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp75,.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600{transform:rotate(270deg)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp75,.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600{transform:rotate(270deg)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{height:var(--spectrum-alias-ui-icon-arrow-size-75);width:var(
|
|
15
|
+
--spectrum-alias-ui-icon-arrow-size-75
|
|
16
|
+
)}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowRight100,.spectrum-UIIcon-ArrowUp100{height:var(--spectrum-alias-ui-icon-arrow-size-100);width:var(
|
|
17
|
+
--spectrum-alias-ui-icon-arrow-size-100
|
|
18
|
+
)}.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowRight200,.spectrum-UIIcon-ArrowUp200{height:var(--spectrum-alias-ui-icon-arrow-size-200);width:var(
|
|
19
|
+
--spectrum-alias-ui-icon-arrow-size-200
|
|
20
|
+
)}.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowRight300,.spectrum-UIIcon-ArrowUp300{height:var(--spectrum-alias-ui-icon-arrow-size-300);width:var(
|
|
21
|
+
--spectrum-alias-ui-icon-arrow-size-300
|
|
22
|
+
)}.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowRight400,.spectrum-UIIcon-ArrowUp400{height:var(--spectrum-alias-ui-icon-arrow-size-400);width:var(
|
|
23
|
+
--spectrum-alias-ui-icon-arrow-size-400
|
|
24
|
+
)}.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowRight500,.spectrum-UIIcon-ArrowUp500{height:var(--spectrum-alias-ui-icon-arrow-size-500);width:var(
|
|
25
|
+
--spectrum-alias-ui-icon-arrow-size-500
|
|
26
|
+
)}.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowRight600,.spectrum-UIIcon-ArrowUp600{height:var(--spectrum-alias-ui-icon-arrow-size-600);width:var(
|
|
27
|
+
--spectrum-alias-ui-icon-arrow-size-600
|
|
28
|
+
)}
|
|
15
29
|
`;
|
|
16
30
|
export default styles;
|
|
17
31
|
//# sourceMappingURL=spectrum-icon-arrow.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-arrow.css.js","sourceRoot":"","sources":["spectrum-icon-arrow.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-arrow.css.js","sourceRoot":"","sources":["spectrum-icon-arrow.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp75,.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600{transform:rotate(270deg)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{height:var(--spectrum-alias-ui-icon-arrow-size-75);width:var(\n--spectrum-alias-ui-icon-arrow-size-75\n)}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowRight100,.spectrum-UIIcon-ArrowUp100{height:var(--spectrum-alias-ui-icon-arrow-size-100);width:var(\n--spectrum-alias-ui-icon-arrow-size-100\n)}.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowRight200,.spectrum-UIIcon-ArrowUp200{height:var(--spectrum-alias-ui-icon-arrow-size-200);width:var(\n--spectrum-alias-ui-icon-arrow-size-200\n)}.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowRight300,.spectrum-UIIcon-ArrowUp300{height:var(--spectrum-alias-ui-icon-arrow-size-300);width:var(\n--spectrum-alias-ui-icon-arrow-size-300\n)}.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowRight400,.spectrum-UIIcon-ArrowUp400{height:var(--spectrum-alias-ui-icon-arrow-size-400);width:var(\n--spectrum-alias-ui-icon-arrow-size-400\n)}.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowRight500,.spectrum-UIIcon-ArrowUp500{height:var(--spectrum-alias-ui-icon-arrow-size-500);width:var(\n--spectrum-alias-ui-icon-arrow-size-500\n)}.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowRight600,.spectrum-UIIcon-ArrowUp600{height:var(--spectrum-alias-ui-icon-arrow-size-600);width:var(\n--spectrum-alias-ui-icon-arrow-size-600\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,17 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Asterisk75{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Asterisk75{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(
|
|
15
|
+
--spectrum-alias-ui-icon-asterisk-size-75,var(--spectrum-global-dimension-static-size-100)
|
|
16
|
+
)}.spectrum-UIIcon-Asterisk100{height:var(
|
|
17
|
+
--spectrum-alias-ui-icon-asterisk-size-100,var(--spectrum-global-dimension-size-100)
|
|
18
|
+
);width:var(
|
|
19
|
+
--spectrum-alias-ui-icon-asterisk-size-100,var(--spectrum-global-dimension-size-100)
|
|
20
|
+
)}.spectrum-UIIcon-Asterisk200{height:var(--spectrum-alias-ui-icon-asterisk-size-200);width:var(
|
|
21
|
+
--spectrum-alias-ui-icon-asterisk-size-200
|
|
22
|
+
)}.spectrum-UIIcon-Asterisk300{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(
|
|
23
|
+
--spectrum-alias-ui-icon-asterisk-size-300
|
|
24
|
+
)}
|
|
15
25
|
`;
|
|
16
26
|
export default styles;
|
|
17
27
|
//# sourceMappingURL=spectrum-icon-asterisk.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-asterisk.css.js","sourceRoot":"","sources":["spectrum-icon-asterisk.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-asterisk.css.js","sourceRoot":"","sources":["spectrum-icon-asterisk.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;CAYjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Asterisk75{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(\n--spectrum-alias-ui-icon-asterisk-size-75,var(--spectrum-global-dimension-static-size-100)\n)}.spectrum-UIIcon-Asterisk100{height:var(\n--spectrum-alias-ui-icon-asterisk-size-100,var(--spectrum-global-dimension-size-100)\n);width:var(\n--spectrum-alias-ui-icon-asterisk-size-100,var(--spectrum-global-dimension-size-100)\n)}.spectrum-UIIcon-Asterisk200{height:var(--spectrum-alias-ui-icon-asterisk-size-200);width:var(\n--spectrum-alias-ui-icon-asterisk-size-200\n)}.spectrum-UIIcon-Asterisk300{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(\n--spectrum-alias-ui-icon-asterisk-size-300\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,23 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Checkmark50{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Checkmark50{height:var(--spectrum-alias-ui-icon-checkmark-size-50);width:var(
|
|
15
|
+
--spectrum-alias-ui-icon-checkmark-size-50
|
|
16
|
+
)}.spectrum-UIIcon-Checkmark75{height:var(--spectrum-alias-ui-icon-checkmark-size-75);width:var(
|
|
17
|
+
--spectrum-alias-ui-icon-checkmark-size-75
|
|
18
|
+
)}.spectrum-UIIcon-Checkmark100{height:var(--spectrum-alias-ui-icon-checkmark-size-100);width:var(
|
|
19
|
+
--spectrum-alias-ui-icon-checkmark-size-100
|
|
20
|
+
)}.spectrum-UIIcon-Checkmark200{height:var(--spectrum-alias-ui-icon-checkmark-size-200);width:var(
|
|
21
|
+
--spectrum-alias-ui-icon-checkmark-size-200
|
|
22
|
+
)}.spectrum-UIIcon-Checkmark300{height:var(--spectrum-alias-ui-icon-checkmark-size-300);width:var(
|
|
23
|
+
--spectrum-alias-ui-icon-checkmark-size-300
|
|
24
|
+
)}.spectrum-UIIcon-Checkmark400{height:var(--spectrum-alias-ui-icon-checkmark-size-400);width:var(
|
|
25
|
+
--spectrum-alias-ui-icon-checkmark-size-400
|
|
26
|
+
)}.spectrum-UIIcon-Checkmark500{height:var(--spectrum-alias-ui-icon-checkmark-size-500);width:var(
|
|
27
|
+
--spectrum-alias-ui-icon-checkmark-size-500
|
|
28
|
+
)}.spectrum-UIIcon-Checkmark600{height:var(--spectrum-alias-ui-icon-checkmark-size-600);width:var(
|
|
29
|
+
--spectrum-alias-ui-icon-checkmark-size-600
|
|
30
|
+
)}
|
|
15
31
|
`;
|
|
16
32
|
export default styles;
|
|
17
33
|
//# sourceMappingURL=spectrum-icon-checkmark.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-checkmark.css.js","sourceRoot":"","sources":["spectrum-icon-checkmark.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-checkmark.css.js","sourceRoot":"","sources":["spectrum-icon-checkmark.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Checkmark50{height:var(--spectrum-alias-ui-icon-checkmark-size-50);width:var(\n--spectrum-alias-ui-icon-checkmark-size-50\n)}.spectrum-UIIcon-Checkmark75{height:var(--spectrum-alias-ui-icon-checkmark-size-75);width:var(\n--spectrum-alias-ui-icon-checkmark-size-75\n)}.spectrum-UIIcon-Checkmark100{height:var(--spectrum-alias-ui-icon-checkmark-size-100);width:var(\n--spectrum-alias-ui-icon-checkmark-size-100\n)}.spectrum-UIIcon-Checkmark200{height:var(--spectrum-alias-ui-icon-checkmark-size-200);width:var(\n--spectrum-alias-ui-icon-checkmark-size-200\n)}.spectrum-UIIcon-Checkmark300{height:var(--spectrum-alias-ui-icon-checkmark-size-300);width:var(\n--spectrum-alias-ui-icon-checkmark-size-300\n)}.spectrum-UIIcon-Checkmark400{height:var(--spectrum-alias-ui-icon-checkmark-size-400);width:var(\n--spectrum-alias-ui-icon-checkmark-size-400\n)}.spectrum-UIIcon-Checkmark500{height:var(--spectrum-alias-ui-icon-checkmark-size-500);width:var(\n--spectrum-alias-ui-icon-checkmark-size-500\n)}.spectrum-UIIcon-Checkmark600{height:var(--spectrum-alias-ui-icon-checkmark-size-600);width:var(\n--spectrum-alias-ui-icon-checkmark-size-600\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,19 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500{transform:rotate(90deg)}.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500{transform:rotate(180deg)}.spectrum-UIIcon-ChevronUp75,.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500{transform:rotate(90deg)}.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500{transform:rotate(180deg)}.spectrum-UIIcon-ChevronUp75,.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{height:var(--spectrum-alias-ui-icon-chevron-size-75);width:var(
|
|
15
|
+
--spectrum-alias-ui-icon-chevron-size-75
|
|
16
|
+
)}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronRight100,.spectrum-UIIcon-ChevronUp100{height:var(--spectrum-alias-ui-icon-chevron-size-100);width:var(
|
|
17
|
+
--spectrum-alias-ui-icon-chevron-size-100
|
|
18
|
+
)}.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronRight200,.spectrum-UIIcon-ChevronUp200{height:var(--spectrum-alias-ui-icon-chevron-size-200);width:var(
|
|
19
|
+
--spectrum-alias-ui-icon-chevron-size-200
|
|
20
|
+
)}.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronRight300,.spectrum-UIIcon-ChevronUp300{height:var(--spectrum-alias-ui-icon-chevron-size-300);width:var(
|
|
21
|
+
--spectrum-alias-ui-icon-chevron-size-300
|
|
22
|
+
)}.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronRight400,.spectrum-UIIcon-ChevronUp400{height:var(--spectrum-alias-ui-icon-chevron-size-400);width:var(
|
|
23
|
+
--spectrum-alias-ui-icon-chevron-size-400
|
|
24
|
+
)}.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronRight500,.spectrum-UIIcon-ChevronUp500{height:var(--spectrum-alias-ui-icon-chevron-size-500);width:var(
|
|
25
|
+
--spectrum-alias-ui-icon-chevron-size-500
|
|
26
|
+
)}
|
|
15
27
|
`;
|
|
16
28
|
export default styles;
|
|
17
29
|
//# sourceMappingURL=spectrum-icon-chevron.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-chevron.css.js","sourceRoot":"","sources":["spectrum-icon-chevron.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-chevron.css.js","sourceRoot":"","sources":["spectrum-icon-chevron.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500{transform:rotate(90deg)}.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500{transform:rotate(180deg)}.spectrum-UIIcon-ChevronUp75,.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{height:var(--spectrum-alias-ui-icon-chevron-size-75);width:var(\n--spectrum-alias-ui-icon-chevron-size-75\n)}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronRight100,.spectrum-UIIcon-ChevronUp100{height:var(--spectrum-alias-ui-icon-chevron-size-100);width:var(\n--spectrum-alias-ui-icon-chevron-size-100\n)}.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronRight200,.spectrum-UIIcon-ChevronUp200{height:var(--spectrum-alias-ui-icon-chevron-size-200);width:var(\n--spectrum-alias-ui-icon-chevron-size-200\n)}.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronRight300,.spectrum-UIIcon-ChevronUp300{height:var(--spectrum-alias-ui-icon-chevron-size-300);width:var(\n--spectrum-alias-ui-icon-chevron-size-300\n)}.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronRight400,.spectrum-UIIcon-ChevronUp400{height:var(--spectrum-alias-ui-icon-chevron-size-400);width:var(\n--spectrum-alias-ui-icon-chevron-size-400\n)}.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronRight500,.spectrum-UIIcon-ChevronUp500{height:var(--spectrum-alias-ui-icon-chevron-size-500);width:var(\n--spectrum-alias-ui-icon-chevron-size-500\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,19 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-CornerTriangle75{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-CornerTriangle75{height:var(
|
|
15
|
+
--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)
|
|
16
|
+
);width:var(
|
|
17
|
+
--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)
|
|
18
|
+
)}.spectrum-UIIcon-CornerTriangle100{height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);width:var(
|
|
19
|
+
--spectrum-alias-ui-icon-cornertriangle-size-100
|
|
20
|
+
)}.spectrum-UIIcon-CornerTriangle200{height:var(
|
|
21
|
+
--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75)
|
|
22
|
+
);width:var(
|
|
23
|
+
--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75)
|
|
24
|
+
)}.spectrum-UIIcon-CornerTriangle300{height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);width:var(
|
|
25
|
+
--spectrum-alias-ui-icon-cornertriangle-size-300
|
|
26
|
+
)}
|
|
15
27
|
`;
|
|
16
28
|
export default styles;
|
|
17
29
|
//# sourceMappingURL=spectrum-icon-corner-triangle.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-corner-triangle.css.js","sourceRoot":"","sources":["spectrum-icon-corner-triangle.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-corner-triangle.css.js","sourceRoot":"","sources":["spectrum-icon-corner-triangle.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-CornerTriangle75{height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)\n);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)\n)}.spectrum-UIIcon-CornerTriangle100{height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}.spectrum-UIIcon-CornerTriangle200{height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75)\n);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75)\n)}.spectrum-UIIcon-CornerTriangle300{height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,21 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Cross75{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Cross75{height:var(--spectrum-alias-ui-icon-cross-size-75);width:var(
|
|
15
|
+
--spectrum-alias-ui-icon-cross-size-75
|
|
16
|
+
)}.spectrum-UIIcon-Cross100{height:var(--spectrum-alias-ui-icon-cross-size-100);width:var(
|
|
17
|
+
--spectrum-alias-ui-icon-cross-size-100
|
|
18
|
+
)}.spectrum-UIIcon-Cross200{height:var(--spectrum-alias-ui-icon-cross-size-200);width:var(
|
|
19
|
+
--spectrum-alias-ui-icon-cross-size-200
|
|
20
|
+
)}.spectrum-UIIcon-Cross300{height:var(--spectrum-alias-ui-icon-cross-size-300);width:var(
|
|
21
|
+
--spectrum-alias-ui-icon-cross-size-300
|
|
22
|
+
)}.spectrum-UIIcon-Cross400{height:var(--spectrum-alias-ui-icon-cross-size-400);width:var(
|
|
23
|
+
--spectrum-alias-ui-icon-cross-size-400
|
|
24
|
+
)}.spectrum-UIIcon-Cross500{height:var(--spectrum-alias-ui-icon-cross-size-500);width:var(
|
|
25
|
+
--spectrum-alias-ui-icon-cross-size-500
|
|
26
|
+
)}.spectrum-UIIcon-Cross600{height:var(--spectrum-alias-ui-icon-cross-size-600);width:var(
|
|
27
|
+
--spectrum-alias-ui-icon-cross-size-600
|
|
28
|
+
)}
|
|
15
29
|
`;
|
|
16
30
|
export default styles;
|
|
17
31
|
//# sourceMappingURL=spectrum-icon-cross.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-cross.css.js","sourceRoot":"","sources":["spectrum-icon-cross.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-cross.css.js","sourceRoot":"","sources":["spectrum-icon-cross.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Cross75{height:var(--spectrum-alias-ui-icon-cross-size-75);width:var(\n--spectrum-alias-ui-icon-cross-size-75\n)}.spectrum-UIIcon-Cross100{height:var(--spectrum-alias-ui-icon-cross-size-100);width:var(\n--spectrum-alias-ui-icon-cross-size-100\n)}.spectrum-UIIcon-Cross200{height:var(--spectrum-alias-ui-icon-cross-size-200);width:var(\n--spectrum-alias-ui-icon-cross-size-200\n)}.spectrum-UIIcon-Cross300{height:var(--spectrum-alias-ui-icon-cross-size-300);width:var(\n--spectrum-alias-ui-icon-cross-size-300\n)}.spectrum-UIIcon-Cross400{height:var(--spectrum-alias-ui-icon-cross-size-400);width:var(\n--spectrum-alias-ui-icon-cross-size-400\n)}.spectrum-UIIcon-Cross500{height:var(--spectrum-alias-ui-icon-cross-size-500);width:var(\n--spectrum-alias-ui-icon-cross-size-500\n)}.spectrum-UIIcon-Cross600{height:var(--spectrum-alias-ui-icon-cross-size-600);width:var(\n--spectrum-alias-ui-icon-cross-size-600\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,23 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Dash50{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Dash50{height:var(--spectrum-alias-ui-icon-dash-size-50);width:var(
|
|
15
|
+
--spectrum-alias-ui-icon-dash-size-50
|
|
16
|
+
)}.spectrum-UIIcon-Dash75{height:var(--spectrum-alias-ui-icon-dash-size-75);width:var(
|
|
17
|
+
--spectrum-alias-ui-icon-dash-size-75
|
|
18
|
+
)}.spectrum-UIIcon-Dash100{height:var(--spectrum-alias-ui-icon-dash-size-100);width:var(
|
|
19
|
+
--spectrum-alias-ui-icon-dash-size-100
|
|
20
|
+
)}.spectrum-UIIcon-Dash200{height:var(--spectrum-alias-ui-icon-dash-size-200);width:var(
|
|
21
|
+
--spectrum-alias-ui-icon-dash-size-200
|
|
22
|
+
)}.spectrum-UIIcon-Dash300{height:var(--spectrum-alias-ui-icon-dash-size-300);width:var(
|
|
23
|
+
--spectrum-alias-ui-icon-dash-size-300
|
|
24
|
+
)}.spectrum-UIIcon-Dash400{height:var(--spectrum-alias-ui-icon-dash-size-400);width:var(
|
|
25
|
+
--spectrum-alias-ui-icon-dash-size-400
|
|
26
|
+
)}.spectrum-UIIcon-Dash500{height:var(--spectrum-alias-ui-icon-dash-size-500);width:var(
|
|
27
|
+
--spectrum-alias-ui-icon-dash-size-500
|
|
28
|
+
)}.spectrum-UIIcon-Dash600{height:var(--spectrum-alias-ui-icon-dash-size-600);width:var(
|
|
29
|
+
--spectrum-alias-ui-icon-dash-size-600
|
|
30
|
+
)}
|
|
15
31
|
`;
|
|
16
32
|
export default styles;
|
|
17
33
|
//# sourceMappingURL=spectrum-icon-dash.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-dash.css.js","sourceRoot":"","sources":["spectrum-icon-dash.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-dash.css.js","sourceRoot":"","sources":["spectrum-icon-dash.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Dash50{height:var(--spectrum-alias-ui-icon-dash-size-50);width:var(\n--spectrum-alias-ui-icon-dash-size-50\n)}.spectrum-UIIcon-Dash75{height:var(--spectrum-alias-ui-icon-dash-size-75);width:var(\n--spectrum-alias-ui-icon-dash-size-75\n)}.spectrum-UIIcon-Dash100{height:var(--spectrum-alias-ui-icon-dash-size-100);width:var(\n--spectrum-alias-ui-icon-dash-size-100\n)}.spectrum-UIIcon-Dash200{height:var(--spectrum-alias-ui-icon-dash-size-200);width:var(\n--spectrum-alias-ui-icon-dash-size-200\n)}.spectrum-UIIcon-Dash300{height:var(--spectrum-alias-ui-icon-dash-size-300);width:var(\n--spectrum-alias-ui-icon-dash-size-300\n)}.spectrum-UIIcon-Dash400{height:var(--spectrum-alias-ui-icon-dash-size-400);width:var(\n--spectrum-alias-ui-icon-dash-size-400\n)}.spectrum-UIIcon-Dash500{height:var(--spectrum-alias-ui-icon-dash-size-500);width:var(\n--spectrum-alias-ui-icon-dash-size-500\n)}.spectrum-UIIcon-Dash600{height:var(--spectrum-alias-ui-icon-dash-size-600);width:var(\n--spectrum-alias-ui-icon-dash-size-600\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,11 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-DoubleGripper100{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-DoubleGripper100{height:var(
|
|
15
|
+
--spectrum-alias-ui-icon-doublegripper-size-100-width,var(--spectrum-global-dimension-size-200)
|
|
16
|
+
);width:var(
|
|
17
|
+
--spectrum-alias-ui-icon-doublegripper-size-100-height
|
|
18
|
+
)}
|
|
15
19
|
`;
|
|
16
20
|
export default styles;
|
|
17
21
|
//# sourceMappingURL=spectrum-icon-double-gripper.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-double-gripper.css.js","sourceRoot":"","sources":["spectrum-icon-double-gripper.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-double-gripper.css.js","sourceRoot":"","sources":["spectrum-icon-double-gripper.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-DoubleGripper100{height:var(\n--spectrum-alias-ui-icon-doublegripper-size-100-width,var(--spectrum-global-dimension-size-200)\n);width:var(\n--spectrum-alias-ui-icon-doublegripper-size-100-height\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,11 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-SingleGripper100{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-SingleGripper100{height:var(
|
|
15
|
+
--spectrum-alias-ui-icon-singlegripper-size-100-width,var(--spectrum-global-dimension-size-300)
|
|
16
|
+
);width:var(
|
|
17
|
+
--spectrum-alias-ui-icon-singlegripper-size-100-height
|
|
18
|
+
)}
|
|
15
19
|
`;
|
|
16
20
|
export default styles;
|
|
17
21
|
//# sourceMappingURL=spectrum-icon-single-gripper.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-single-gripper.css.js","sourceRoot":"","sources":["spectrum-icon-single-gripper.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-single-gripper.css.js","sourceRoot":"","sources":["spectrum-icon-single-gripper.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-SingleGripper100{height:var(\n--spectrum-alias-ui-icon-singlegripper-size-100-width,var(--spectrum-global-dimension-size-300)\n);width:var(\n--spectrum-alias-ui-icon-singlegripper-size-100-height\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,7 +11,9 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-TripleGripper100{
|
|
14
|
+
@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-TripleGripper100{height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width);width:var(
|
|
15
|
+
--spectrum-alias-ui-icon-triplegripper-size-100-height,var(--spectrum-global-dimension-size-100)
|
|
16
|
+
)}
|
|
15
17
|
`;
|
|
16
18
|
export default styles;
|
|
17
19
|
//# sourceMappingURL=spectrum-icon-triple-gripper.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon-triple-gripper.css.js","sourceRoot":"","sources":["spectrum-icon-triple-gripper.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon-triple-gripper.css.js","sourceRoot":"","sources":["spectrum-icon-triple-gripper.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-TripleGripper100{height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width);width:var(\n--spectrum-alias-ui-icon-triplegripper-size-100-height,var(--spectrum-global-dimension-size-100)\n)}\n`;\nexport default styles;"]}
|
package/src/spectrum-icon.css.js
CHANGED
|
@@ -11,7 +11,23 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
:host{
|
|
14
|
+
:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(
|
|
15
|
+
--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)
|
|
16
|
+
);--spectrum-icon-size-m:var(
|
|
17
|
+
--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)
|
|
18
|
+
);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(
|
|
19
|
+
--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)
|
|
20
|
+
);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(
|
|
21
|
+
--spectrum-icon-size-s
|
|
22
|
+
);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(
|
|
23
|
+
--spectrum-icon-size-m
|
|
24
|
+
);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(
|
|
25
|
+
--spectrum-icon-size-l
|
|
26
|
+
);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(
|
|
27
|
+
--spectrum-icon-size-xl
|
|
28
|
+
);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(
|
|
29
|
+
--spectrum-icon-size-xxl
|
|
30
|
+
);width:var(--spectrum-icon-size-xxl)}
|
|
15
31
|
`;
|
|
16
32
|
export default styles;
|
|
17
33
|
//# sourceMappingURL=spectrum-icon.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-icon.css.js","sourceRoot":"","sources":["spectrum-icon.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-icon.css.js","sourceRoot":"","sources":["spectrum-icon.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(\n--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)\n);--spectrum-icon-size-m:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(\n--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)\n);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(\n--spectrum-icon-size-s\n);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(\n--spectrum-icon-size-m\n);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(\n--spectrum-icon-size-l\n);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(\n--spectrum-icon-size-xl\n);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(\n--spectrum-icon-size-xxl\n);width:var(--spectrum-icon-size-xxl)}\n`;\nexport default styles;"]}
|
package/test/icon.test-vrt.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020 Adobe. All rights reserved.
|
|
3
|
-
This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
-
you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
-
of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
-
|
|
7
|
-
Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
-
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
-
OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
-
governing permissions and limitations under the License.
|
|
11
|
-
*/
|
|
12
|
-
import * as stories from '../stories/icon.stories.js';
|
|
13
|
-
import { regressVisuals } from '../../../test/visual/test.js';
|
|
14
|
-
regressVisuals('IconStories', stories);
|
|
15
|
-
//# sourceMappingURL=icon.test-vrt.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.test-vrt.js","sourceRoot":"","sources":["icon.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/icon.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('IconStories', stories);\n"]}
|
package/test/icon.test.js
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020 Adobe. All rights reserved.
|
|
3
|
-
This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
-
you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
-
of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
-
|
|
7
|
-
Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
-
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
-
OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
-
governing permissions and limitations under the License.
|
|
11
|
-
*/
|
|
12
|
-
import '../sp-icon.js';
|
|
13
|
-
import '@spectrum-web-components/icons/sp-icons-medium.js';
|
|
14
|
-
import { fixture, elementUpdated, html, expect } from '@open-wc/testing';
|
|
15
|
-
describe('Icon', () => {
|
|
16
|
-
before(async () => {
|
|
17
|
-
const icons = document.createElement('sp-icons-medium');
|
|
18
|
-
document.body.append(icons);
|
|
19
|
-
await elementUpdated(icons);
|
|
20
|
-
});
|
|
21
|
-
it('loads', async () => {
|
|
22
|
-
const el = await fixture(html `
|
|
23
|
-
<sp-icon name="ui:Chevron200"></sp-icon>
|
|
24
|
-
`);
|
|
25
|
-
await elementUpdated(el);
|
|
26
|
-
expect(el).to.not.be.undefined;
|
|
27
|
-
const container = el.shadowRoot
|
|
28
|
-
? el.shadowRoot.querySelector('#container')
|
|
29
|
-
: el.querySelector('#container');
|
|
30
|
-
expect(container).to.exist;
|
|
31
|
-
const icon = container.querySelector('svg');
|
|
32
|
-
expect(icon).to.exist;
|
|
33
|
-
expect(icon.getAttribute('aria-hidden')).to.equal('true');
|
|
34
|
-
});
|
|
35
|
-
it('loads w/ src', async () => {
|
|
36
|
-
const el = await fixture(html `
|
|
37
|
-
<sp-icon
|
|
38
|
-
label="Image Icon"
|
|
39
|
-
src="data:image/png;base64,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"
|
|
40
|
-
></sp-icon>
|
|
41
|
-
`);
|
|
42
|
-
await elementUpdated(el);
|
|
43
|
-
await expect(el).to.be.accessible();
|
|
44
|
-
});
|
|
45
|
-
it('loads w/ label', async () => {
|
|
46
|
-
const label = 'Chevron';
|
|
47
|
-
const el = await fixture(html `
|
|
48
|
-
<sp-icon name="ui:Chevron200" label=${label}></sp-icon>
|
|
49
|
-
`);
|
|
50
|
-
await elementUpdated(el);
|
|
51
|
-
expect(el).to.not.be.undefined;
|
|
52
|
-
const container = el.shadowRoot
|
|
53
|
-
? el.shadowRoot.querySelector('#container')
|
|
54
|
-
: el.querySelector('#container');
|
|
55
|
-
expect(container).to.exist;
|
|
56
|
-
const icon = container.querySelector('svg');
|
|
57
|
-
expect(icon).to.exist;
|
|
58
|
-
expect(icon.hasAttribute('aria-hidden')).to.be.false;
|
|
59
|
-
expect(icon.getAttribute('aria-label')).to.equal(label);
|
|
60
|
-
});
|
|
61
|
-
it('does not error when name is missing', async () => {
|
|
62
|
-
const el = await fixture(html `
|
|
63
|
-
<sp-icon></sp-icon>
|
|
64
|
-
`);
|
|
65
|
-
return elementUpdated(el);
|
|
66
|
-
});
|
|
67
|
-
it('does not error with unknown set', async () => {
|
|
68
|
-
const el = await fixture(html `
|
|
69
|
-
<sp-icon name="unknown-icon"></sp-icon>
|
|
70
|
-
`);
|
|
71
|
-
return elementUpdated(el);
|
|
72
|
-
});
|
|
73
|
-
it('does error with unknown icon', async () => {
|
|
74
|
-
const el = document.createElement('sp-icon');
|
|
75
|
-
el.name = 'ui:unknown-icon';
|
|
76
|
-
try {
|
|
77
|
-
document.body.appendChild(el);
|
|
78
|
-
await elementUpdated(el);
|
|
79
|
-
expect('failed').to.not.equal('failed');
|
|
80
|
-
}
|
|
81
|
-
catch (error) {
|
|
82
|
-
expect(() => {
|
|
83
|
-
throw error;
|
|
84
|
-
}).to.throw();
|
|
85
|
-
}
|
|
86
|
-
el.remove();
|
|
87
|
-
});
|
|
88
|
-
});
|
|
89
|
-
//# sourceMappingURL=icon.test.js.map
|
package/test/icon.test.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.test.js","sourceRoot":"","sources":["icon.test.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '../sp-icon.js';\nimport { Icon } from '../';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport { fixture, elementUpdated, html, expect } from '@open-wc/testing';\n\ndescribe('Icon', () => {\n before(async () => {\n const icons = document.createElement('sp-icons-medium');\n document.body.append(icons);\n\n await elementUpdated(icons);\n });\n\n it('loads', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\"></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const container = el.shadowRoot\n ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n : (el.querySelector('#container') as HTMLDivElement);\n expect(container).to.exist;\n const icon = container.querySelector('svg') as SVGElement;\n expect(icon).to.exist;\n expect(icon.getAttribute('aria-hidden')).to.equal('true');\n });\n\n it('loads w/ src', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon\n label=\"Image Icon\"\n src=\"data:image/png;base64,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\"\n ></sp-icon>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('loads w/ label', async () => {\n const label = 'Chevron';\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\" label=${label}></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const container = el.shadowRoot\n ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n : (el.querySelector('#container') as HTMLDivElement);\n expect(container).to.exist;\n const icon = container.querySelector('svg') as SVGElement;\n expect(icon).to.exist;\n expect(icon.hasAttribute('aria-hidden')).to.be.false;\n expect(icon.getAttribute('aria-label')).to.equal(label);\n });\n\n it('does not error when name is missing', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon></sp-icon>\n `\n );\n\n return elementUpdated(el);\n });\n\n it('does not error with unknown set', async () => {\n const el = await fixture<Icon>(html`\n <sp-icon name=\"unknown-icon\"></sp-icon>\n `);\n\n return elementUpdated(el);\n });\n\n it('does error with unknown icon', async () => {\n const el = document.createElement('sp-icon');\n el.name = 'ui:unknown-icon';\n try {\n document.body.appendChild(el);\n await elementUpdated(el);\n expect('failed').to.not.equal('failed');\n } catch (error) {\n expect(() => {\n throw error;\n }).to.throw();\n }\n el.remove();\n });\n});\n"]}
|