@react-spectrum/breadcrumbs 3.0.0-nightly.2782 → 3.0.0-nightly.2794

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/dist/import.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import "./main.css";
1
+ import "./module.css";
2
2
  import {Item as $37781313afe0968e$re_export$Item} from "@react-stately/collections";
3
3
  import {ActionButton as $koRP3$ActionButton} from "@react-spectrum/button";
4
4
  import {useDOMRef as $koRP3$useDOMRef, useStyleProps as $koRP3$useStyleProps, classNames as $koRP3$classNames} from "@react-spectrum/utils";
package/dist/main.css CHANGED
@@ -23,11 +23,7 @@
23
23
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
24
  }
25
25
 
26
- ._1gDPVa_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- ._1gDPVa_i18nFontFamily:lang(zh-CN) {
26
+ ._1gDPVa_i18nFontFamily:lang(zh-SG), ._1gDPVa_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- ._1gDPVa_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  ._1gDPVa_spectrum-FocusRing._1gDPVa_focus-ring:after {
@@ -148,8 +138,7 @@
148
138
  border-radius: var(--spectrum-breadcrumb-item-border-radius, var(--spectrum-alias-border-radius-regular));
149
139
  font-size: inherit;
150
140
  outline: none;
151
- margin-block-start: 0;
152
- margin-block-end: 0;
141
+ margin-block: 0;
153
142
  margin-inline-end: var(--spectrum-breadcrumb-item-margin-right, var(--spectrum-global-dimension-static-size-10));
154
143
  text-decoration: none;
155
144
  position: relative;
@@ -159,16 +148,11 @@
159
148
  cursor: pointer;
160
149
  }
161
150
 
162
- ._1gDPVa_spectrum-Breadcrumbs-itemLink:not([aria-disabled])._1gDPVa_is-hovered {
163
- text-decoration: underline;
164
- }
165
-
166
- ._1gDPVa_spectrum-Breadcrumbs-itemLink:not([aria-disabled])._1gDPVa_focus-ring {
151
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink:not([aria-disabled])._1gDPVa_is-hovered, ._1gDPVa_spectrum-Breadcrumbs-itemLink:not([aria-disabled])._1gDPVa_focus-ring {
167
152
  text-decoration: underline;
168
153
  }
169
154
 
170
155
  ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:before {
171
- top: 0;
172
156
  box-sizing: border-box;
173
157
  border-width: var(--spectrum-breadcrumb-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
174
158
  border-radius: var(--spectrum-breadcrumb-item-border-radius, var(--spectrum-alias-border-radius-regular));
@@ -179,9 +163,10 @@
179
163
  height: 100%;
180
164
  display: block;
181
165
  position: absolute;
166
+ top: 0;
182
167
  }
183
168
 
184
- ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
169
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
185
170
  left: 0;
186
171
  }
187
172
 
@@ -198,7 +183,6 @@
198
183
  }
199
184
 
200
185
  ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:before {
201
- top: 0;
202
186
  box-sizing: border-box;
203
187
  border-width: var(--spectrum-breadcrumb-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
204
188
  border-radius: var(--spectrum-breadcrumb-item-border-radius, var(--spectrum-alias-border-radius-regular));
@@ -209,9 +193,10 @@
209
193
  height: 100%;
210
194
  display: block;
211
195
  position: absolute;
196
+ top: 0;
212
197
  }
213
198
 
214
- ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
199
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
215
200
  left: 0;
216
201
  }
217
202
 
@@ -301,11 +286,7 @@
301
286
  color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
302
287
  }
303
288
 
304
- ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected {
305
- color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
306
- }
307
-
308
- ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type {
289
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected, ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type {
309
290
  color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
310
291
  }
311
292
 
@@ -331,19 +312,7 @@
331
312
  --spectrum-label-text-color-disabled: GrayText;
332
313
  }
333
314
 
334
- ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected {
335
- color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
336
- }
337
-
338
- ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-hovered {
339
- color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
340
- }
341
-
342
- ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type {
343
- color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
344
- }
345
-
346
- ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-hovered {
315
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected, ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-hovered, ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type, ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-hovered {
347
316
  color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
348
317
  }
349
318
 
@@ -355,5 +324,4 @@
355
324
  color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
356
325
  }
357
326
  }
358
-
359
327
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAaA;;;;;;;;;AAaE;;;;AAKF;;;;;;;;;;;;;AAeE;;;;AAGE;;;;AAMA;;;;AAIF;;;;AAKA;;;;AAEE;;;;;AAOJ;;;;;;;;;;;;;;;;AAsBE;;;;AAGE;;;;AAAA;;;;AAOJ;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAoBE;;;;AAMA;;;;AAKF;;;;AAII;;;;;;;;;AAWE;;;;;AAMF;;;;;;AAqBJ;;;;AAII;;;;;AAIE;;;;AAMJ;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAKF;;;;;AAKA;;;;AAKF;;;;AAAA;;;;AAOI;;;;AAKA;;;;;AAQN;EACE;;;;;;;;;;;;EAWE;;;;EAII;;;;EAJJ;;;;EAII;;;;EAOF;;;;EAIE","sources":["packages/@adobe/spectrum-css-temp/components/breadcrumb/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAaA;;;;;;;;;AAaE;;;;AAKF;;;;;;;;;;;;;AAeE;;;;AAGE;;;;AAMA;;;;AAIF;;;;AAKA;;;;AAEE;;;;;AAOJ;;;;;;;;;;;;;;;AAsBE;;;;AAGE;;;;AAOJ;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAoBE;;;;AAMA;;;;AAKF;;;;AAII;;;;;;;;;AAWE;;;;;AAMF;;;;;;AAqBJ;;;;AAII;;;;;AAIE;;;;AAMJ;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAKF;;;;;AAKA;;;;AAKF;;;;AAOI;;;;AAKA;;;;;AAQN;EACE;;;;;;;;;;;;EAWE;;;;EAWE;;;;EAIE","sources":["packages/@adobe/spectrum-css-temp/components/breadcrumb/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
@@ -0,0 +1,327 @@
1
+ ._1gDPVa_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ ._1gDPVa_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ ._1gDPVa_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ ._1gDPVa_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ ._1gDPVa_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ ._1gDPVa_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ ._1gDPVa_i18nFontFamily:lang(zh-SG), ._1gDPVa_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ ._1gDPVa_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ ._1gDPVa_i18nFontFamily:lang(ja) {
35
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
+ }
37
+
38
+ ._1gDPVa_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ ._1gDPVa_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ ._1gDPVa_spectrum-FocusRing._1gDPVa_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ ._1gDPVa_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ ._1gDPVa_spectrum-FocusRing--quiet._1gDPVa_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ ._1gDPVa_spectrum-Breadcrumbs {
72
+ flex-wrap: nowrap;
73
+ flex: 1 0;
74
+ justify-content: flex-start;
75
+ margin: 0;
76
+ padding: 0;
77
+ list-style-type: none;
78
+ display: flex;
79
+ }
80
+
81
+ ._1gDPVa_spectrum-Breadcrumbs-itemSeparator {
82
+ top: var(--spectrum-global-dimension-size-10);
83
+ width: var(--spectrum-breadcrumb-ui-icon-width, var(--spectrum-global-dimension-size-75));
84
+ height: var(--spectrum-breadcrumb-ui-icon-height, var(--spectrum-global-dimension-size-100));
85
+ opacity: 1;
86
+ position: relative;
87
+ transform: scale(1);
88
+ }
89
+
90
+ ._1gDPVa_spectrum-Breadcrumbs-itemSeparator._1gDPVa_is-reversed {
91
+ transform: scale(-1);
92
+ }
93
+
94
+ ._1gDPVa_spectrum-Breadcrumbs-item {
95
+ box-sizing: border-box;
96
+ height: var(--spectrum-breadcrumb-list-height, var(--spectrum-global-dimension-size-400));
97
+ white-space: nowrap;
98
+ font-size: var(--spectrum-breadcrumb-item-text-size, var(--spectrum-global-dimension-font-size-200));
99
+ font-weight: var(--spectrum-breadcrumb-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
100
+ line-height: var(--spectrum-breadcrumb-item-text-line-height, var(--spectrum-alias-body-text-line-height));
101
+ justify-content: flex-start;
102
+ align-items: center;
103
+ display: inline-flex;
104
+ position: relative;
105
+ }
106
+
107
+ ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type {
108
+ font-weight: var(--spectrum-breadcrumb-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
109
+ }
110
+
111
+ ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type ._1gDPVa_spectrum-Breadcrumbs-itemSeparator {
112
+ display: none;
113
+ }
114
+
115
+ ._1gDPVa_spectrum-Breadcrumbs-item:not(:first-child) > ._1gDPVa_spectrum-Breadcrumbs-actionButton {
116
+ margin-inline-start: var(--spectrum-breadcrumb-button-gap, var(--spectrum-global-dimension-static-size-10));
117
+ }
118
+
119
+ ._1gDPVa_spectrum-Breadcrumbs-item > ._1gDPVa_spectrum-Breadcrumbs-actionButton {
120
+ margin-inline-end: var(--spectrum-breadcrumb-button-gap, var(--spectrum-global-dimension-static-size-10));
121
+ }
122
+
123
+ ._1gDPVa_spectrum-Breadcrumbs-item:last-child {
124
+ overflow: hidden;
125
+ }
126
+
127
+ ._1gDPVa_spectrum-Breadcrumbs-item:last-child ._1gDPVa_spectrum-Breadcrumbs-itemLink {
128
+ text-overflow: ellipsis;
129
+ overflow: hidden;
130
+ }
131
+
132
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink {
133
+ cursor: default;
134
+ line-height: var(--spectrum-breadcrumb-list-height, var(--spectrum-global-dimension-size-400));
135
+ vertical-align: middle;
136
+ padding: 0 var(--spectrum-breadcrumb-item-padding-x, var(--spectrum-global-dimension-size-100));
137
+ height: var(--spectrum-breadcrumb-list-height, var(--spectrum-global-dimension-size-400));
138
+ border-radius: var(--spectrum-breadcrumb-item-border-radius, var(--spectrum-alias-border-radius-regular));
139
+ font-size: inherit;
140
+ outline: none;
141
+ margin-block: 0;
142
+ margin-inline-end: var(--spectrum-breadcrumb-item-margin-right, var(--spectrum-global-dimension-static-size-10));
143
+ text-decoration: none;
144
+ position: relative;
145
+ }
146
+
147
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink:not([aria-disabled]) {
148
+ cursor: pointer;
149
+ }
150
+
151
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink:not([aria-disabled])._1gDPVa_is-hovered, ._1gDPVa_spectrum-Breadcrumbs-itemLink:not([aria-disabled])._1gDPVa_focus-ring {
152
+ text-decoration: underline;
153
+ }
154
+
155
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:before {
156
+ box-sizing: border-box;
157
+ border-width: var(--spectrum-breadcrumb-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
158
+ border-radius: var(--spectrum-breadcrumb-item-border-radius, var(--spectrum-alias-border-radius-regular));
159
+ content: "";
160
+ pointer-events: none;
161
+ border-style: solid;
162
+ width: 100%;
163
+ height: 100%;
164
+ display: block;
165
+ position: absolute;
166
+ top: 0;
167
+ }
168
+
169
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
170
+ left: 0;
171
+ }
172
+
173
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
174
+ left: 0;
175
+ }
176
+
177
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
178
+ right: 0;
179
+ }
180
+
181
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
182
+ right: 0;
183
+ }
184
+
185
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:before {
186
+ box-sizing: border-box;
187
+ border-width: var(--spectrum-breadcrumb-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
188
+ border-radius: var(--spectrum-breadcrumb-item-border-radius, var(--spectrum-alias-border-radius-regular));
189
+ content: "";
190
+ pointer-events: none;
191
+ border-style: solid;
192
+ width: 100%;
193
+ height: 100%;
194
+ display: block;
195
+ position: absolute;
196
+ top: 0;
197
+ }
198
+
199
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
200
+ left: 0;
201
+ }
202
+
203
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
204
+ left: 0;
205
+ }
206
+
207
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
208
+ right: 0;
209
+ }
210
+
211
+ ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
212
+ right: 0;
213
+ }
214
+
215
+ ._1gDPVa_spectrum-Breadcrumbs--small ._1gDPVa_spectrum-Breadcrumbs-item {
216
+ font-size: var(--spectrum-breadcrumb-multiline-item-text-size, var(--spectrum-global-dimension-font-size-75));
217
+ }
218
+
219
+ ._1gDPVa_spectrum-Breadcrumbs--medium ._1gDPVa_spectrum-Breadcrumbs-item {
220
+ font-size: var(--spectrum-breadcrumb-compact-item-text-size, var(--spectrum-global-dimension-font-size-100));
221
+ }
222
+
223
+ ._1gDPVa_spectrum-Breadcrumbs--multiline {
224
+ flex-wrap: wrap;
225
+ }
226
+
227
+ ._1gDPVa_spectrum-Breadcrumbs--multiline ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type {
228
+ margin-top: var(--spectrum-breadcrumb-multiline-title-margin-top, var(--spectrum-global-dimension-static-size-0));
229
+ font-size: var(--spectrum-breadcrumb-multiline-title-text-size, var(--spectrum-global-dimension-font-size-300));
230
+ font-weight: var(--spectrum-breadcrumb-multiline-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
231
+ line-height: var(--spectrum-breadcrumb-multiline-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
232
+ flex: 0 100%;
233
+ height: auto;
234
+ }
235
+
236
+ ._1gDPVa_spectrum-Breadcrumbs--multiline ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type ._1gDPVa_spectrum-Breadcrumbs-itemLink {
237
+ height: auto;
238
+ text-decoration: none;
239
+ }
240
+
241
+ ._1gDPVa_spectrum-Breadcrumbs--multiline ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Heading--pageTitle {
242
+ font-size: inherit;
243
+ font-weight: inherit;
244
+ margin: 0;
245
+ }
246
+
247
+ ._1gDPVa_spectrum-Breadcrumbs-item {
248
+ color: var(--spectrum-breadcrumb-text-color, var(--spectrum-alias-label-text-color));
249
+ }
250
+
251
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink {
252
+ color: var(--spectrum-breadcrumb-item-text-color-drop, var(--spectrum-alias-text-color-hover));
253
+ background-color: var(--spectrum-breadcrumb-item-background-color-drop, var(--spectrum-alias-highlight-selected));
254
+ }
255
+
256
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-dragged ._1gDPVa_spectrum-Breadcrumbs-itemLink:before {
257
+ border-color: var(--spectrum-breadcrumb-item-border-color-drop, var(--spectrum-global-color-blue-500));
258
+ }
259
+
260
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemSeparator {
261
+ color: var(--spectrum-breadcrumb-ui-icon-color, var(--spectrum-global-color-gray-500));
262
+ }
263
+
264
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemLink {
265
+ color: inherit;
266
+ }
267
+
268
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-hovered {
269
+ color: var(--spectrum-breadcrumb-text-color-hover, var(--spectrum-alias-text-color-hover));
270
+ }
271
+
272
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring {
273
+ color: var(--spectrum-breadcrumb-text-color-key-focus, var(--spectrum-alias-text-color-hover));
274
+ }
275
+
276
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring:before {
277
+ border-color: var(--spectrum-breadcrumb-item-border-color-key-focus, var(--spectrum-alias-border-color-focus));
278
+ }
279
+
280
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemLink:active {
281
+ color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
282
+ border-bottom: 0;
283
+ }
284
+
285
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-disabled {
286
+ color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
287
+ }
288
+
289
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected, ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type {
290
+ color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
291
+ }
292
+
293
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected ~ ._1gDPVa_spectrum-Breadcrumb:last-of-type {
294
+ color: var(--spectrum-breadcrumb-text-color, var(--spectrum-alias-label-text-color));
295
+ }
296
+
297
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_focus-ring {
298
+ color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
299
+ border-bottom: 0;
300
+ }
301
+
302
+ @media (forced-colors: active) {
303
+ ._1gDPVa_spectrum-Breadcrumbs-item {
304
+ --spectrum-breadcrumb-item-border-color-drop: LinkText;
305
+ --spectrum-breadcrumb-item-border-color-key-focus: CanvasText;
306
+ --spectrum-breadcrumb-item-text-color-drop: LinkText;
307
+ --spectrum-breadcrumb-text-color: LinkText;
308
+ --spectrum-breadcrumb-text-color-down: CanvasText;
309
+ --spectrum-breadcrumb-text-color-hover: LinkText;
310
+ --spectrum-breadcrumb-text-color-key-focus: LinkText;
311
+ --spectrum-breadcrumb-ui-icon-color: CanvasText;
312
+ --spectrum-label-text-color-disabled: GrayText;
313
+ }
314
+
315
+ ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected, ._1gDPVa_spectrum-Breadcrumbs-item._1gDPVa_is-selected ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-hovered, ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type, ._1gDPVa_spectrum-Breadcrumbs-item:last-of-type ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-hovered {
316
+ color: var(--spectrum-breadcrumb-text-color-down, var(--spectrum-alias-text-color-down));
317
+ }
318
+
319
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemLink:active {
320
+ color: var(--spectrum-breadcrumb-text-color, var(--spectrum-alias-label-text-color));
321
+ }
322
+
323
+ ._1gDPVa_spectrum-Breadcrumbs-item ._1gDPVa_spectrum-Breadcrumbs-itemLink._1gDPVa_is-disabled:active {
324
+ color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
325
+ }
326
+ }
327
+ /*# sourceMappingURL=module.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAaA;;;;;;;;;AAaE;;;;AAKF;;;;;;;;;;;;;AAeE;;;;AAGE;;;;AAMA;;;;AAIF;;;;AAKA;;;;AAEE;;;;;AAOJ;;;;;;;;;;;;;;;AAsBE;;;;AAGE;;;;AAOJ;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAoBE;;;;AAMA;;;;AAKF;;;;AAII;;;;;;;;;AAWE;;;;;AAMF;;;;;;AAqBJ;;;;AAII;;;;;AAIE;;;;AAMJ;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAKF;;;;;AAKA;;;;AAKF;;;;AAOI;;;;AAKA;;;;;AAQN;EACE;;;;;;;;;;;;EAWE;;;;EAWE;;;;EAIE","sources":["packages/@adobe/spectrum-css-temp/components/breadcrumb/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.css.map"}
package/dist/module.js CHANGED
@@ -1,4 +1,4 @@
1
- import "./main.css";
1
+ import "./module.css";
2
2
  import {Item as $37781313afe0968e$re_export$Item} from "@react-stately/collections";
3
3
  import {ActionButton as $koRP3$ActionButton} from "@react-spectrum/button";
4
4
  import {useDOMRef as $koRP3$useDOMRef, useStyleProps as $koRP3$useStyleProps, classNames as $koRP3$classNames} from "@react-spectrum/utils";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/breadcrumbs",
3
- "version": "3.0.0-nightly.2782+361d47080",
3
+ "version": "3.0.0-nightly.2794+4608dc5c3",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,22 +36,22 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/breadcrumbs": "3.0.0-nightly.2782+361d47080",
40
- "@react-aria/focus": "3.0.0-nightly.2782+361d47080",
41
- "@react-aria/i18n": "3.0.0-nightly.2782+361d47080",
42
- "@react-aria/interactions": "3.0.0-nightly.2782+361d47080",
43
- "@react-aria/utils": "3.0.0-nightly.2782+361d47080",
44
- "@react-spectrum/button": "3.0.0-nightly.2782+361d47080",
45
- "@react-spectrum/menu": "3.18.2-nightly.4494+361d47080",
46
- "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
47
- "@react-stately/collections": "3.0.0-nightly.2782+361d47080",
48
- "@react-types/breadcrumbs": "3.0.0-nightly.2782+361d47080",
49
- "@react-types/shared": "3.0.0-nightly.2782+361d47080",
50
- "@spectrum-icons/ui": "3.0.0-nightly.2782+361d47080",
39
+ "@react-aria/breadcrumbs": "3.0.0-nightly.2794+4608dc5c3",
40
+ "@react-aria/focus": "3.0.0-nightly.2794+4608dc5c3",
41
+ "@react-aria/i18n": "3.0.0-nightly.2794+4608dc5c3",
42
+ "@react-aria/interactions": "3.0.0-nightly.2794+4608dc5c3",
43
+ "@react-aria/utils": "3.0.0-nightly.2794+4608dc5c3",
44
+ "@react-spectrum/button": "3.0.0-nightly.2794+4608dc5c3",
45
+ "@react-spectrum/menu": "3.18.2-nightly.4506+4608dc5c3",
46
+ "@react-spectrum/utils": "3.0.0-nightly.2794+4608dc5c3",
47
+ "@react-stately/collections": "3.0.0-nightly.2794+4608dc5c3",
48
+ "@react-types/breadcrumbs": "3.0.0-nightly.2794+4608dc5c3",
49
+ "@react-types/shared": "3.0.0-nightly.2794+4608dc5c3",
50
+ "@spectrum-icons/ui": "3.0.0-nightly.2794+4608dc5c3",
51
51
  "@swc/helpers": "^0.5.0"
52
52
  },
53
53
  "devDependencies": {
54
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2782+361d47080"
54
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2794+4608dc5c3"
55
55
  },
56
56
  "peerDependencies": {
57
57
  "@react-spectrum/provider": "^3.0.0",
@@ -61,5 +61,5 @@
61
61
  "publishConfig": {
62
62
  "access": "public"
63
63
  },
64
- "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
64
+ "gitHead": "4608dc5c390e87bec882a1c8ecd0e585fcf6b404"
65
65
  }