@spectrum-web-components/menu 0.14.0 → 0.14.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +17 -490
- package/package.json +10 -10
- package/src/Menu.d.ts +0 -8
- package/src/Menu.js +4 -47
- package/src/Menu.js.map +1 -1
- package/src/MenuDivider.js.map +1 -1
- package/src/MenuGroup.js.map +1 -1
- package/src/MenuItem.d.ts +1 -3
- package/src/MenuItem.js +8 -36
- package/src/MenuItem.js.map +1 -1
- package/src/menu-divider.css.js +1 -1
- package/src/menu-divider.css.js.map +1 -1
- package/src/menu-item.css.js +9 -1
- package/src/menu-item.css.js.map +1 -1
- package/src/spectrum-config.js +5 -1
- package/src/spectrum-menu-divider.css.js +1 -1
- package/src/spectrum-menu-divider.css.js.map +1 -1
- package/src/spectrum-menu-item.css.js +9 -1
- package/src/spectrum-menu-item.css.js.map +1 -1
- package/stories/menu-group.stories.js +11 -7
- package/stories/menu-group.stories.js.map +1 -1
- package/test/submenu.test.js +254 -0
- package/test/submenu.test.js.map +1 -1
package/custom-elements.json
CHANGED
|
@@ -77,37 +77,6 @@
|
|
|
77
77
|
}
|
|
78
78
|
],
|
|
79
79
|
"members": [
|
|
80
|
-
{
|
|
81
|
-
"kind": "field",
|
|
82
|
-
"name": "closeSelfAsSubmenu",
|
|
83
|
-
"type": {
|
|
84
|
-
"text": "(leave?: boolean) => void"
|
|
85
|
-
},
|
|
86
|
-
"privacy": "public"
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"kind": "method",
|
|
90
|
-
"name": "setCloseSelfAsSubmenu",
|
|
91
|
-
"privacy": "public",
|
|
92
|
-
"return": {
|
|
93
|
-
"type": {
|
|
94
|
-
"text": "void"
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
"parameters": [
|
|
98
|
-
{
|
|
99
|
-
"name": "cb",
|
|
100
|
-
"type": {
|
|
101
|
-
"text": "(leave?: boolean) => void"
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
]
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
"kind": "field",
|
|
108
|
-
"name": "_closeSelfAsSubmenu",
|
|
109
|
-
"default": "noop"
|
|
110
|
-
},
|
|
111
80
|
{
|
|
112
81
|
"kind": "field",
|
|
113
82
|
"name": "isSubmenu",
|
|
@@ -117,46 +86,6 @@
|
|
|
117
86
|
"privacy": "public",
|
|
118
87
|
"default": "false"
|
|
119
88
|
},
|
|
120
|
-
{
|
|
121
|
-
"kind": "field",
|
|
122
|
-
"name": "closeOpenSubmenu",
|
|
123
|
-
"type": {
|
|
124
|
-
"text": "(leave?: boolean) => void"
|
|
125
|
-
},
|
|
126
|
-
"privacy": "public"
|
|
127
|
-
},
|
|
128
|
-
{
|
|
129
|
-
"kind": "method",
|
|
130
|
-
"name": "setCloseOpenSubmenu",
|
|
131
|
-
"privacy": "public",
|
|
132
|
-
"return": {
|
|
133
|
-
"type": {
|
|
134
|
-
"text": "void"
|
|
135
|
-
}
|
|
136
|
-
},
|
|
137
|
-
"parameters": [
|
|
138
|
-
{
|
|
139
|
-
"name": "cb",
|
|
140
|
-
"type": {
|
|
141
|
-
"text": "(leave?: boolean) => void"
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
]
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
"kind": "field",
|
|
148
|
-
"name": "_closeOpenSubmenu",
|
|
149
|
-
"default": "noop"
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
"kind": "field",
|
|
153
|
-
"name": "hasOpenSubmenu",
|
|
154
|
-
"type": {
|
|
155
|
-
"text": "boolean"
|
|
156
|
-
},
|
|
157
|
-
"privacy": "public",
|
|
158
|
-
"default": "false"
|
|
159
|
-
},
|
|
160
89
|
{
|
|
161
90
|
"kind": "field",
|
|
162
91
|
"name": "label",
|
|
@@ -400,24 +329,6 @@
|
|
|
400
329
|
}
|
|
401
330
|
]
|
|
402
331
|
},
|
|
403
|
-
{
|
|
404
|
-
"kind": "method",
|
|
405
|
-
"name": "submenuWillCloseOn",
|
|
406
|
-
"privacy": "public",
|
|
407
|
-
"return": {
|
|
408
|
-
"type": {
|
|
409
|
-
"text": "void"
|
|
410
|
-
}
|
|
411
|
-
},
|
|
412
|
-
"parameters": [
|
|
413
|
-
{
|
|
414
|
-
"name": "menuItem",
|
|
415
|
-
"type": {
|
|
416
|
-
"text": "MenuItem"
|
|
417
|
-
}
|
|
418
|
-
}
|
|
419
|
-
]
|
|
420
|
-
},
|
|
421
332
|
{
|
|
422
333
|
"kind": "method",
|
|
423
334
|
"name": "onClick",
|
|
@@ -699,6 +610,12 @@
|
|
|
699
610
|
"text": "Event"
|
|
700
611
|
},
|
|
701
612
|
"description": "Announces that the `value` of the element has changed"
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"name": "close",
|
|
616
|
+
"type": {
|
|
617
|
+
"text": "Event"
|
|
618
|
+
}
|
|
702
619
|
}
|
|
703
620
|
],
|
|
704
621
|
"attributes": [
|
|
@@ -858,49 +775,6 @@
|
|
|
858
775
|
}
|
|
859
776
|
}
|
|
860
777
|
},
|
|
861
|
-
{
|
|
862
|
-
"kind": "field",
|
|
863
|
-
"name": "closeSelfAsSubmenu",
|
|
864
|
-
"type": {
|
|
865
|
-
"text": "(leave?: boolean) => void"
|
|
866
|
-
},
|
|
867
|
-
"privacy": "public",
|
|
868
|
-
"inheritedFrom": {
|
|
869
|
-
"name": "Menu",
|
|
870
|
-
"module": "src/Menu.ts"
|
|
871
|
-
}
|
|
872
|
-
},
|
|
873
|
-
{
|
|
874
|
-
"kind": "method",
|
|
875
|
-
"name": "setCloseSelfAsSubmenu",
|
|
876
|
-
"privacy": "public",
|
|
877
|
-
"return": {
|
|
878
|
-
"type": {
|
|
879
|
-
"text": "void"
|
|
880
|
-
}
|
|
881
|
-
},
|
|
882
|
-
"parameters": [
|
|
883
|
-
{
|
|
884
|
-
"name": "cb",
|
|
885
|
-
"type": {
|
|
886
|
-
"text": "(leave?: boolean) => void"
|
|
887
|
-
}
|
|
888
|
-
}
|
|
889
|
-
],
|
|
890
|
-
"inheritedFrom": {
|
|
891
|
-
"name": "Menu",
|
|
892
|
-
"module": "src/Menu.ts"
|
|
893
|
-
}
|
|
894
|
-
},
|
|
895
|
-
{
|
|
896
|
-
"kind": "field",
|
|
897
|
-
"name": "_closeSelfAsSubmenu",
|
|
898
|
-
"default": "noop",
|
|
899
|
-
"inheritedFrom": {
|
|
900
|
-
"name": "Menu",
|
|
901
|
-
"module": "src/Menu.ts"
|
|
902
|
-
}
|
|
903
|
-
},
|
|
904
778
|
{
|
|
905
779
|
"kind": "field",
|
|
906
780
|
"name": "isSubmenu",
|
|
@@ -914,62 +788,6 @@
|
|
|
914
788
|
"module": "src/Menu.ts"
|
|
915
789
|
}
|
|
916
790
|
},
|
|
917
|
-
{
|
|
918
|
-
"kind": "field",
|
|
919
|
-
"name": "closeOpenSubmenu",
|
|
920
|
-
"type": {
|
|
921
|
-
"text": "(leave?: boolean) => void"
|
|
922
|
-
},
|
|
923
|
-
"privacy": "public",
|
|
924
|
-
"inheritedFrom": {
|
|
925
|
-
"name": "Menu",
|
|
926
|
-
"module": "src/Menu.ts"
|
|
927
|
-
}
|
|
928
|
-
},
|
|
929
|
-
{
|
|
930
|
-
"kind": "method",
|
|
931
|
-
"name": "setCloseOpenSubmenu",
|
|
932
|
-
"privacy": "public",
|
|
933
|
-
"return": {
|
|
934
|
-
"type": {
|
|
935
|
-
"text": "void"
|
|
936
|
-
}
|
|
937
|
-
},
|
|
938
|
-
"parameters": [
|
|
939
|
-
{
|
|
940
|
-
"name": "cb",
|
|
941
|
-
"type": {
|
|
942
|
-
"text": "(leave?: boolean) => void"
|
|
943
|
-
}
|
|
944
|
-
}
|
|
945
|
-
],
|
|
946
|
-
"inheritedFrom": {
|
|
947
|
-
"name": "Menu",
|
|
948
|
-
"module": "src/Menu.ts"
|
|
949
|
-
}
|
|
950
|
-
},
|
|
951
|
-
{
|
|
952
|
-
"kind": "field",
|
|
953
|
-
"name": "_closeOpenSubmenu",
|
|
954
|
-
"default": "noop",
|
|
955
|
-
"inheritedFrom": {
|
|
956
|
-
"name": "Menu",
|
|
957
|
-
"module": "src/Menu.ts"
|
|
958
|
-
}
|
|
959
|
-
},
|
|
960
|
-
{
|
|
961
|
-
"kind": "field",
|
|
962
|
-
"name": "hasOpenSubmenu",
|
|
963
|
-
"type": {
|
|
964
|
-
"text": "boolean"
|
|
965
|
-
},
|
|
966
|
-
"privacy": "public",
|
|
967
|
-
"default": "false",
|
|
968
|
-
"inheritedFrom": {
|
|
969
|
-
"name": "Menu",
|
|
970
|
-
"module": "src/Menu.ts"
|
|
971
|
-
}
|
|
972
|
-
},
|
|
973
791
|
{
|
|
974
792
|
"kind": "field",
|
|
975
793
|
"name": "label",
|
|
@@ -1293,28 +1111,6 @@
|
|
|
1293
1111
|
"module": "src/Menu.ts"
|
|
1294
1112
|
}
|
|
1295
1113
|
},
|
|
1296
|
-
{
|
|
1297
|
-
"kind": "method",
|
|
1298
|
-
"name": "submenuWillCloseOn",
|
|
1299
|
-
"privacy": "public",
|
|
1300
|
-
"return": {
|
|
1301
|
-
"type": {
|
|
1302
|
-
"text": "void"
|
|
1303
|
-
}
|
|
1304
|
-
},
|
|
1305
|
-
"parameters": [
|
|
1306
|
-
{
|
|
1307
|
-
"name": "menuItem",
|
|
1308
|
-
"type": {
|
|
1309
|
-
"text": "MenuItem"
|
|
1310
|
-
}
|
|
1311
|
-
}
|
|
1312
|
-
],
|
|
1313
|
-
"inheritedFrom": {
|
|
1314
|
-
"name": "Menu",
|
|
1315
|
-
"module": "src/Menu.ts"
|
|
1316
|
-
}
|
|
1317
|
-
},
|
|
1318
1114
|
{
|
|
1319
1115
|
"kind": "method",
|
|
1320
1116
|
"name": "onClick",
|
|
@@ -1740,6 +1536,16 @@
|
|
|
1740
1536
|
"name": "Menu",
|
|
1741
1537
|
"module": "src/Menu.ts"
|
|
1742
1538
|
}
|
|
1539
|
+
},
|
|
1540
|
+
{
|
|
1541
|
+
"name": "close",
|
|
1542
|
+
"type": {
|
|
1543
|
+
"text": "Event"
|
|
1544
|
+
},
|
|
1545
|
+
"inheritedFrom": {
|
|
1546
|
+
"name": "Menu",
|
|
1547
|
+
"module": "src/Menu.ts"
|
|
1548
|
+
}
|
|
1743
1549
|
}
|
|
1744
1550
|
]
|
|
1745
1551
|
}
|
|
@@ -2201,16 +2007,7 @@
|
|
|
2201
2007
|
"type": {
|
|
2202
2008
|
"text": "Promise<void>"
|
|
2203
2009
|
}
|
|
2204
|
-
}
|
|
2205
|
-
"parameters": [
|
|
2206
|
-
{
|
|
2207
|
-
"name": "{\n immediate,\n }",
|
|
2208
|
-
"default": "{}",
|
|
2209
|
-
"type": {
|
|
2210
|
-
"text": "{ immediate?: boolean }"
|
|
2211
|
-
}
|
|
2212
|
-
}
|
|
2213
|
-
]
|
|
2010
|
+
}
|
|
2214
2011
|
},
|
|
2215
2012
|
{
|
|
2216
2013
|
"kind": "method",
|
|
@@ -2373,276 +2170,6 @@
|
|
|
2373
2170
|
}
|
|
2374
2171
|
}
|
|
2375
2172
|
]
|
|
2376
|
-
},
|
|
2377
|
-
{
|
|
2378
|
-
"kind": "javascript-module",
|
|
2379
|
-
"path": "src/index.ts",
|
|
2380
|
-
"declarations": [],
|
|
2381
|
-
"exports": [
|
|
2382
|
-
{
|
|
2383
|
-
"kind": "js",
|
|
2384
|
-
"name": "*",
|
|
2385
|
-
"declaration": {
|
|
2386
|
-
"name": "*",
|
|
2387
|
-
"package": "./Menu.js"
|
|
2388
|
-
}
|
|
2389
|
-
},
|
|
2390
|
-
{
|
|
2391
|
-
"kind": "js",
|
|
2392
|
-
"name": "*",
|
|
2393
|
-
"declaration": {
|
|
2394
|
-
"name": "*",
|
|
2395
|
-
"package": "./MenuDivider.js"
|
|
2396
|
-
}
|
|
2397
|
-
},
|
|
2398
|
-
{
|
|
2399
|
-
"kind": "js",
|
|
2400
|
-
"name": "*",
|
|
2401
|
-
"declaration": {
|
|
2402
|
-
"name": "*",
|
|
2403
|
-
"package": "./MenuGroup.js"
|
|
2404
|
-
}
|
|
2405
|
-
},
|
|
2406
|
-
{
|
|
2407
|
-
"kind": "js",
|
|
2408
|
-
"name": "*",
|
|
2409
|
-
"declaration": {
|
|
2410
|
-
"name": "*",
|
|
2411
|
-
"package": "./MenuItem.js"
|
|
2412
|
-
}
|
|
2413
|
-
}
|
|
2414
|
-
]
|
|
2415
|
-
},
|
|
2416
|
-
{
|
|
2417
|
-
"kind": "javascript-module",
|
|
2418
|
-
"path": "src/menu-divider.css.ts",
|
|
2419
|
-
"declarations": [
|
|
2420
|
-
{
|
|
2421
|
-
"kind": "variable",
|
|
2422
|
-
"name": "styles",
|
|
2423
|
-
"default": "css`\n:host{margin:calc(var(--spectrum-listitem-texticon-divider-padding)/2) var(--spectrum-listitem-texticon-padding-y);overflow:visible;width:auto}:host{display:block}\n`"
|
|
2424
|
-
}
|
|
2425
|
-
],
|
|
2426
|
-
"exports": [
|
|
2427
|
-
{
|
|
2428
|
-
"kind": "js",
|
|
2429
|
-
"name": "default",
|
|
2430
|
-
"declaration": {
|
|
2431
|
-
"name": "styles",
|
|
2432
|
-
"module": "src/menu-divider.css.ts"
|
|
2433
|
-
}
|
|
2434
|
-
}
|
|
2435
|
-
]
|
|
2436
|
-
},
|
|
2437
|
-
{
|
|
2438
|
-
"kind": "javascript-module",
|
|
2439
|
-
"path": "src/menu-group.css.ts",
|
|
2440
|
-
"declarations": [
|
|
2441
|
-
{
|
|
2442
|
-
"kind": "variable",
|
|
2443
|
-
"name": "styles",
|
|
2444
|
-
"default": "css`\n.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(\n--spectrum-listitem-texticon-heading-letter-spacing\n);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}\n`"
|
|
2445
|
-
}
|
|
2446
|
-
],
|
|
2447
|
-
"exports": [
|
|
2448
|
-
{
|
|
2449
|
-
"kind": "js",
|
|
2450
|
-
"name": "default",
|
|
2451
|
-
"declaration": {
|
|
2452
|
-
"name": "styles",
|
|
2453
|
-
"module": "src/menu-group.css.ts"
|
|
2454
|
-
}
|
|
2455
|
-
}
|
|
2456
|
-
]
|
|
2457
|
-
},
|
|
2458
|
-
{
|
|
2459
|
-
"kind": "javascript-module",
|
|
2460
|
-
"path": "src/menu-item.css.ts",
|
|
2461
|
-
"declarations": [
|
|
2462
|
-
{
|
|
2463
|
-
"kind": "variable",
|
|
2464
|
-
"name": "styles",
|
|
2465
|
-
"default": "css`\n.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .checkmark{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .chevron{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) slot[name=icon]+#label{margin-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) slot[name=icon]+#label{margin-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.icon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n))}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-listitem-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr]:focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl]:focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(.is-highlighted),:host(.is-open),:host(:focus),:host(:hover){background-color:var(\n--spectrum-listitem-m-texticon-background-color-hover,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-hover,var(--spectrum-alias-component-text-color-hover)\n)}:host([selected]){color:var(\n--spectrum-listitem-m-texticon-text-color-selected,var(--spectrum-alias-component-text-color-default)\n)}:host([selected]) .checkmark{color:var(\n--spectrum-listitem-m-texticon-ui-icon-color-selected,var(--spectrum-alias-icon-color-selected)\n)}:host(:active),:host([active]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-down,var(--spectrum-alias-background-color-hover-overlay)\n)}:host([disabled]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);background-image:none;color:var(\n--spectrum-listitem-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n);cursor:default}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}\n`"
|
|
2466
|
-
}
|
|
2467
|
-
],
|
|
2468
|
-
"exports": [
|
|
2469
|
-
{
|
|
2470
|
-
"kind": "js",
|
|
2471
|
-
"name": "default",
|
|
2472
|
-
"declaration": {
|
|
2473
|
-
"name": "styles",
|
|
2474
|
-
"module": "src/menu-item.css.ts"
|
|
2475
|
-
}
|
|
2476
|
-
}
|
|
2477
|
-
]
|
|
2478
|
-
},
|
|
2479
|
-
{
|
|
2480
|
-
"kind": "javascript-module",
|
|
2481
|
-
"path": "src/menu.css.ts",
|
|
2482
|
-
"declarations": [
|
|
2483
|
-
{
|
|
2484
|
-
"kind": "variable",
|
|
2485
|
-
"name": "styles",
|
|
2486
|
-
"default": "css`\n:host{--spectrum-menu-margin-x:var(\n--spectrum-global-dimension-size-40\n);--spectrum-listitem-texticon-heading-text-size:var(\n--spectrum-global-dimension-font-size-50\n);--spectrum-listitem-texticon-heading-text-font-weight:400;--spectrum-listitem-texticon-heading-text-transform:uppercase;--spectrum-listitem-texticon-heading-letter-spacing:0.06em;--spectrum-listitem-texticon-heading-margin:var(\n--spectrum-global-dimension-size-75\n) 0 0 0;--spectrum-listitem-texticon-heading-padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150);--spectrum-listitem-texticon-padding-y:var(\n--spectrum-global-dimension-size-85\n);--spectrum-listitem-texticon-selectable-padding-right:calc(var(--spectrum-listitem-texticon-ui-icon-width) + var(--spectrum-listitem-texticon-ui-icon-gap) + var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n));--spectrum-listitem-texticon-label-line-height:1.3;--spectrum-listitem-texticon-heading-line-height:var(\n--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium)\n)}:host{--spectrum-listitem-texticon-padding-left:var(\n--spectrum-listitem-m-texticon-padding-left\n);--spectrum-listitem-textthumbnail-padding-left:var(\n--spectrum-listitem-m-textthumbnail-padding-left\n);--spectrum-listitem-texticon-text-size:var(\n--spectrum-listitem-m-texticon-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-listitem-texticon-text-font-weight:var(\n--spectrum-listitem-m-texticon-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-listitem-texticon-icon-gap:var(\n--spectrum-listitem-m-texticon-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-listitem-texticon-divider-padding:var(\n--spectrum-listitem-m-texticon-divider-padding,var(--spectrum-global-dimension-static-size-40)\n);--spectrum-listitem-texticon-ui-icon-margin-top:var(\n--spectrum-listitem-m-texticon-ui-icon-margin-top,var(--spectrum-global-dimension-size-125)\n);--spectrum-listitem-texticon-ui-icon-width:var(\n--spectrum-listitem-m-texticon-ui-icon-width,var(--spectrum-alias-ui-icon-checkmark-size-100)\n);--spectrum-listitem-texticon-ui-icon-gap:var(\n--spectrum-listitem-m-texticon-ui-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-listitem-texticon-padding-right:var(\n--spectrum-listitem-m-texticon-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-listitem-texticon-focus-indicator-size:var(\n--spectrum-listitem-m-texticon-focus-indicator-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-listitem-texticon-height:var(\n--spectrum-listitem-m-texticon-height,var(--spectrum-global-dimension-size-400)\n)}:host{box-sizing:border-box;display:inline-block;list-style-type:none;margin-bottom:var(\n--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)\n);margin-left:0;margin-right:0;margin-top:var(\n--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)\n);overflow:auto;padding:0}:host([dir=ltr][selects]) ::slotted(sp-menu-item){padding-right:var(\n--spectrum-listitem-texticon-selectable-padding-right\n)}:host([dir=rtl][selects]) ::slotted(sp-menu-item){padding-left:var(\n--spectrum-listitem-texticon-selectable-padding-right\n)}:host([dir=ltr][selects]) ::slotted(sp-menu-item[selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selects]) ::slotted(sp-menu-item[selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}::slotted(sp-menu){display:block}:host{--spectrum-listheading-text-color:var(\n--spectrum-global-color-gray-700\n)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n)}:host{--spectrum-listitem-selectable-padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-listitem-icon-gap));width:var(--swc-menu-width)}:host(:focus){outline:none}::slotted(*){--swc-menu-width:100%}\n`"
|
|
2487
|
-
}
|
|
2488
|
-
],
|
|
2489
|
-
"exports": [
|
|
2490
|
-
{
|
|
2491
|
-
"kind": "js",
|
|
2492
|
-
"name": "default",
|
|
2493
|
-
"declaration": {
|
|
2494
|
-
"name": "styles",
|
|
2495
|
-
"module": "src/menu.css.ts"
|
|
2496
|
-
}
|
|
2497
|
-
}
|
|
2498
|
-
]
|
|
2499
|
-
},
|
|
2500
|
-
{
|
|
2501
|
-
"kind": "javascript-module",
|
|
2502
|
-
"path": "src/spectrum-checkmark.css.ts",
|
|
2503
|
-
"declarations": [
|
|
2504
|
-
{
|
|
2505
|
-
"kind": "variable",
|
|
2506
|
-
"name": "styles",
|
|
2507
|
-
"default": "css`\n.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .checkmark{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}\n`"
|
|
2508
|
-
}
|
|
2509
|
-
],
|
|
2510
|
-
"exports": [
|
|
2511
|
-
{
|
|
2512
|
-
"kind": "js",
|
|
2513
|
-
"name": "default",
|
|
2514
|
-
"declaration": {
|
|
2515
|
-
"name": "styles",
|
|
2516
|
-
"module": "src/spectrum-checkmark.css.ts"
|
|
2517
|
-
}
|
|
2518
|
-
}
|
|
2519
|
-
]
|
|
2520
|
-
},
|
|
2521
|
-
{
|
|
2522
|
-
"kind": "javascript-module",
|
|
2523
|
-
"path": "src/spectrum-chevron.css.ts",
|
|
2524
|
-
"declarations": [
|
|
2525
|
-
{
|
|
2526
|
-
"kind": "variable",
|
|
2527
|
-
"name": "styles",
|
|
2528
|
-
"default": "css`\n:host([dir=ltr]) .chevron{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .chevron{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}\n`"
|
|
2529
|
-
}
|
|
2530
|
-
],
|
|
2531
|
-
"exports": [
|
|
2532
|
-
{
|
|
2533
|
-
"kind": "js",
|
|
2534
|
-
"name": "default",
|
|
2535
|
-
"declaration": {
|
|
2536
|
-
"name": "styles",
|
|
2537
|
-
"module": "src/spectrum-chevron.css.ts"
|
|
2538
|
-
}
|
|
2539
|
-
}
|
|
2540
|
-
]
|
|
2541
|
-
},
|
|
2542
|
-
{
|
|
2543
|
-
"kind": "javascript-module",
|
|
2544
|
-
"path": "src/spectrum-itemLabel.css.ts",
|
|
2545
|
-
"declarations": [
|
|
2546
|
-
{
|
|
2547
|
-
"kind": "variable",
|
|
2548
|
-
"name": "styles",
|
|
2549
|
-
"default": "css`\n#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n`"
|
|
2550
|
-
}
|
|
2551
|
-
],
|
|
2552
|
-
"exports": [
|
|
2553
|
-
{
|
|
2554
|
-
"kind": "js",
|
|
2555
|
-
"name": "default",
|
|
2556
|
-
"declaration": {
|
|
2557
|
-
"name": "styles",
|
|
2558
|
-
"module": "src/spectrum-itemLabel.css.ts"
|
|
2559
|
-
}
|
|
2560
|
-
}
|
|
2561
|
-
]
|
|
2562
|
-
},
|
|
2563
|
-
{
|
|
2564
|
-
"kind": "javascript-module",
|
|
2565
|
-
"path": "src/spectrum-menu-divider.css.ts",
|
|
2566
|
-
"declarations": [
|
|
2567
|
-
{
|
|
2568
|
-
"kind": "variable",
|
|
2569
|
-
"name": "styles",
|
|
2570
|
-
"default": "css`\n:host{margin:calc(var(--spectrum-listitem-texticon-divider-padding)/2) var(--spectrum-listitem-texticon-padding-y);overflow:visible;width:auto}\n`"
|
|
2571
|
-
}
|
|
2572
|
-
],
|
|
2573
|
-
"exports": [
|
|
2574
|
-
{
|
|
2575
|
-
"kind": "js",
|
|
2576
|
-
"name": "default",
|
|
2577
|
-
"declaration": {
|
|
2578
|
-
"name": "styles",
|
|
2579
|
-
"module": "src/spectrum-menu-divider.css.ts"
|
|
2580
|
-
}
|
|
2581
|
-
}
|
|
2582
|
-
]
|
|
2583
|
-
},
|
|
2584
|
-
{
|
|
2585
|
-
"kind": "javascript-module",
|
|
2586
|
-
"path": "src/spectrum-menu-item.css.ts",
|
|
2587
|
-
"declarations": [
|
|
2588
|
-
{
|
|
2589
|
-
"kind": "variable",
|
|
2590
|
-
"name": "styles",
|
|
2591
|
-
"default": "css`\n:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) slot[name=icon]+#label{margin-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) slot[name=icon]+#label{margin-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.icon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n))}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-listitem-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr]:focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl]:focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(.is-highlighted),:host(.is-open),:host(:focus),:host(:hover){background-color:var(\n--spectrum-listitem-m-texticon-background-color-hover,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-hover,var(--spectrum-alias-component-text-color-hover)\n)}:host([selected]){color:var(\n--spectrum-listitem-m-texticon-text-color-selected,var(--spectrum-alias-component-text-color-default)\n)}:host([selected]) .checkmark{color:var(\n--spectrum-listitem-m-texticon-ui-icon-color-selected,var(--spectrum-alias-icon-color-selected)\n)}:host(:active),:host([active]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-down,var(--spectrum-alias-background-color-hover-overlay)\n)}:host([disabled]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);background-image:none;color:var(\n--spectrum-listitem-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n);cursor:default}\n`"
|
|
2592
|
-
}
|
|
2593
|
-
],
|
|
2594
|
-
"exports": [
|
|
2595
|
-
{
|
|
2596
|
-
"kind": "js",
|
|
2597
|
-
"name": "default",
|
|
2598
|
-
"declaration": {
|
|
2599
|
-
"name": "styles",
|
|
2600
|
-
"module": "src/spectrum-menu-item.css.ts"
|
|
2601
|
-
}
|
|
2602
|
-
}
|
|
2603
|
-
]
|
|
2604
|
-
},
|
|
2605
|
-
{
|
|
2606
|
-
"kind": "javascript-module",
|
|
2607
|
-
"path": "src/spectrum-menu-sectionHeading.css.ts",
|
|
2608
|
-
"declarations": [
|
|
2609
|
-
{
|
|
2610
|
-
"kind": "variable",
|
|
2611
|
-
"name": "styles",
|
|
2612
|
-
"default": "css`\n.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(\n--spectrum-listitem-texticon-heading-letter-spacing\n);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}\n`"
|
|
2613
|
-
}
|
|
2614
|
-
],
|
|
2615
|
-
"exports": [
|
|
2616
|
-
{
|
|
2617
|
-
"kind": "js",
|
|
2618
|
-
"name": "default",
|
|
2619
|
-
"declaration": {
|
|
2620
|
-
"name": "styles",
|
|
2621
|
-
"module": "src/spectrum-menu-sectionHeading.css.ts"
|
|
2622
|
-
}
|
|
2623
|
-
}
|
|
2624
|
-
]
|
|
2625
|
-
},
|
|
2626
|
-
{
|
|
2627
|
-
"kind": "javascript-module",
|
|
2628
|
-
"path": "src/spectrum-menu.css.ts",
|
|
2629
|
-
"declarations": [
|
|
2630
|
-
{
|
|
2631
|
-
"kind": "variable",
|
|
2632
|
-
"name": "styles",
|
|
2633
|
-
"default": "css`\n:host{--spectrum-menu-margin-x:var(\n--spectrum-global-dimension-size-40\n);--spectrum-listitem-texticon-heading-text-size:var(\n--spectrum-global-dimension-font-size-50\n);--spectrum-listitem-texticon-heading-text-font-weight:400;--spectrum-listitem-texticon-heading-text-transform:uppercase;--spectrum-listitem-texticon-heading-letter-spacing:0.06em;--spectrum-listitem-texticon-heading-margin:var(\n--spectrum-global-dimension-size-75\n) 0 0 0;--spectrum-listitem-texticon-heading-padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150);--spectrum-listitem-texticon-padding-y:var(\n--spectrum-global-dimension-size-85\n);--spectrum-listitem-texticon-selectable-padding-right:calc(var(--spectrum-listitem-texticon-ui-icon-width) + var(--spectrum-listitem-texticon-ui-icon-gap) + var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n));--spectrum-listitem-texticon-label-line-height:1.3;--spectrum-listitem-texticon-heading-line-height:var(\n--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium)\n)}:host{--spectrum-listitem-texticon-padding-left:var(\n--spectrum-listitem-m-texticon-padding-left\n);--spectrum-listitem-textthumbnail-padding-left:var(\n--spectrum-listitem-m-textthumbnail-padding-left\n);--spectrum-listitem-texticon-text-size:var(\n--spectrum-listitem-m-texticon-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-listitem-texticon-text-font-weight:var(\n--spectrum-listitem-m-texticon-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-listitem-texticon-icon-gap:var(\n--spectrum-listitem-m-texticon-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-listitem-texticon-divider-padding:var(\n--spectrum-listitem-m-texticon-divider-padding,var(--spectrum-global-dimension-static-size-40)\n);--spectrum-listitem-texticon-ui-icon-margin-top:var(\n--spectrum-listitem-m-texticon-ui-icon-margin-top,var(--spectrum-global-dimension-size-125)\n);--spectrum-listitem-texticon-ui-icon-width:var(\n--spectrum-listitem-m-texticon-ui-icon-width,var(--spectrum-alias-ui-icon-checkmark-size-100)\n);--spectrum-listitem-texticon-ui-icon-gap:var(\n--spectrum-listitem-m-texticon-ui-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-listitem-texticon-padding-right:var(\n--spectrum-listitem-m-texticon-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-listitem-texticon-focus-indicator-size:var(\n--spectrum-listitem-m-texticon-focus-indicator-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-listitem-texticon-height:var(\n--spectrum-listitem-m-texticon-height,var(--spectrum-global-dimension-size-400)\n)}:host{box-sizing:border-box;display:inline-block;list-style-type:none;margin-bottom:var(\n--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)\n);margin-left:0;margin-right:0;margin-top:var(\n--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)\n);overflow:auto;padding:0}:host([dir=ltr][selects]) ::slotted(sp-menu-item){padding-right:var(\n--spectrum-listitem-texticon-selectable-padding-right\n)}:host([dir=rtl][selects]) ::slotted(sp-menu-item){padding-left:var(\n--spectrum-listitem-texticon-selectable-padding-right\n)}:host([dir=ltr][selects]) ::slotted(sp-menu-item[selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selects]) ::slotted(sp-menu-item[selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}::slotted(sp-menu){display:block}:host{--spectrum-listheading-text-color:var(\n--spectrum-global-color-gray-700\n)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n)}\n`"
|
|
2634
|
-
}
|
|
2635
|
-
],
|
|
2636
|
-
"exports": [
|
|
2637
|
-
{
|
|
2638
|
-
"kind": "js",
|
|
2639
|
-
"name": "default",
|
|
2640
|
-
"declaration": {
|
|
2641
|
-
"name": "styles",
|
|
2642
|
-
"module": "src/spectrum-menu.css.ts"
|
|
2643
|
-
}
|
|
2644
|
-
}
|
|
2645
|
-
]
|
|
2646
2173
|
}
|
|
2647
2174
|
]
|
|
2648
2175
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/menu",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -50,22 +50,22 @@
|
|
|
50
50
|
"lit-html"
|
|
51
51
|
],
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@spectrum-web-components/action-button": "^0.8.
|
|
54
|
-
"@spectrum-web-components/base": "^0.5.
|
|
55
|
-
"@spectrum-web-components/divider": "^0.4.
|
|
56
|
-
"@spectrum-web-components/icon": "^0.11.
|
|
57
|
-
"@spectrum-web-components/icons-ui": "^0.8.
|
|
58
|
-
"@spectrum-web-components/overlay": "^0.16.
|
|
59
|
-
"@spectrum-web-components/shared": "^0.14.
|
|
53
|
+
"@spectrum-web-components/action-button": "^0.8.6",
|
|
54
|
+
"@spectrum-web-components/base": "^0.5.7",
|
|
55
|
+
"@spectrum-web-components/divider": "^0.4.9",
|
|
56
|
+
"@spectrum-web-components/icon": "^0.11.9",
|
|
57
|
+
"@spectrum-web-components/icons-ui": "^0.8.9",
|
|
58
|
+
"@spectrum-web-components/overlay": "^0.16.3",
|
|
59
|
+
"@spectrum-web-components/shared": "^0.14.2",
|
|
60
60
|
"tslib": "^2.0.0"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
|
-
"@spectrum-css/menu": "^4.0.
|
|
63
|
+
"@spectrum-css/menu": "^4.0.2"
|
|
64
64
|
},
|
|
65
65
|
"types": "./src/index.d.ts",
|
|
66
66
|
"customElements": "custom-elements.json",
|
|
67
67
|
"sideEffects": [
|
|
68
68
|
"./sp-*.js"
|
|
69
69
|
],
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "275ee61b152ac3eed0cd1603d8eab2aec90876a0"
|
|
71
71
|
}
|
package/src/Menu.d.ts
CHANGED
|
@@ -22,14 +22,7 @@ export interface MenuChildItem {
|
|
|
22
22
|
*/
|
|
23
23
|
export declare class Menu extends SpectrumElement {
|
|
24
24
|
static get styles(): CSSResultArray;
|
|
25
|
-
get closeSelfAsSubmenu(): (leave?: boolean) => void;
|
|
26
|
-
setCloseSelfAsSubmenu(cb: (leave?: boolean) => void): void;
|
|
27
|
-
_closeSelfAsSubmenu: () => void;
|
|
28
25
|
isSubmenu: boolean;
|
|
29
|
-
get closeOpenSubmenu(): (leave?: boolean) => void;
|
|
30
|
-
setCloseOpenSubmenu(cb: (leave?: boolean) => void): void;
|
|
31
|
-
_closeOpenSubmenu: () => void;
|
|
32
|
-
hasOpenSubmenu: boolean;
|
|
33
26
|
label: string;
|
|
34
27
|
selects: undefined | 'inherit' | 'single' | 'multiple';
|
|
35
28
|
value: string;
|
|
@@ -75,7 +68,6 @@ export declare class Menu extends SpectrumElement {
|
|
|
75
68
|
private removeChildItem;
|
|
76
69
|
constructor();
|
|
77
70
|
focus({ preventScroll }?: FocusOptions): void;
|
|
78
|
-
submenuWillCloseOn(menuItem: MenuItem): void;
|
|
79
71
|
private onClick;
|
|
80
72
|
handleFocusin(event: FocusEvent): void;
|
|
81
73
|
startListeningToKeyboard(): void;
|