@omnia/runtime 8.0.10-vnext → 8.0.12-vnext

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.
@@ -1,2 +1,397 @@
1
- [data-omfx] .v-chip:not(.v-chip--outlined).primary, .v-menu__content .v-chip:not(.v-chip--outlined).primary, .v-tooltip__content .v-chip:not(.v-chip--outlined).primary, .v-dialog__content .v-chip:not(.v-chip--outlined).primary,[data-omfx] .v-chip:not(.v-chip--outlined).secondary, .v-menu__content .v-chip:not(.v-chip--outlined).secondary, .v-tooltip__content .v-chip:not(.v-chip--outlined).secondary, .v-dialog__content .v-chip:not(.v-chip--outlined).secondary,[data-omfx] .v-chip:not(.v-chip--outlined).accent, .v-menu__content .v-chip:not(.v-chip--outlined).accent, .v-tooltip__content .v-chip:not(.v-chip--outlined).accent, .v-dialog__content .v-chip:not(.v-chip--outlined).accent,[data-omfx] .v-chip:not(.v-chip--outlined).success, .v-menu__content .v-chip:not(.v-chip--outlined).success, .v-tooltip__content .v-chip:not(.v-chip--outlined).success, .v-dialog__content .v-chip:not(.v-chip--outlined).success,[data-omfx] .v-chip:not(.v-chip--outlined).error, .v-menu__content .v-chip:not(.v-chip--outlined).error, .v-tooltip__content .v-chip:not(.v-chip--outlined).error, .v-dialog__content .v-chip:not(.v-chip--outlined).error,[data-omfx] .v-chip:not(.v-chip--outlined).warning, .v-menu__content .v-chip:not(.v-chip--outlined).warning, .v-tooltip__content .v-chip:not(.v-chip--outlined).warning, .v-dialog__content .v-chip:not(.v-chip--outlined).warning,[data-omfx] .v-chip:not(.v-chip--outlined).info, .v-menu__content .v-chip:not(.v-chip--outlined).info, .v-tooltip__content .v-chip:not(.v-chip--outlined).info, .v-dialog__content .v-chip:not(.v-chip--outlined).info{color:#fff}html .theme--light.v-chip{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.87)}html .theme--light.v-chip:not(.v-chip--active){background:#e0e0e0}html .theme--light.v-chip:hover::before{opacity:.04}html .theme--light.v-chip:focus::before{opacity:.12}html .theme--light.v-chip--active:hover::before,html .theme--light.v-chip--active::before{opacity:.12}html .theme--light.v-chip--active:focus::before{opacity:.16}html .theme--dark.v-chip{border-color:rgba(255,255,255,.12);color:#fff}html .theme--dark.v-chip:not(.v-chip--active){background:#555}html .theme--dark.v-chip:hover::before{opacity:.08}html .theme--dark.v-chip:focus::before{opacity:.24}html .theme--dark.v-chip--active:hover::before,html .theme--dark.v-chip--active::before{opacity:.24}html .theme--dark.v-chip--active:focus::before{opacity:.32}[data-omfx] .v-chip, .v-menu__content .v-chip, .v-tooltip__content .v-chip, .v-dialog__content .v-chip{align-items:center;cursor:default;display:inline-flex;line-height:20px;max-width:100%;outline:none;overflow:hidden;padding:0 12px;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);vertical-align:middle;white-space:nowrap}[data-omfx] .v-chip:before, .v-menu__content .v-chip:before, .v-tooltip__content .v-chip:before, .v-dialog__content .v-chip:before{background-color:currentColor;bottom:0;border-radius:inherit;content:"";left:0;opacity:0;position:absolute;pointer-events:none;right:0;top:0}[data-omfx] .v-chip .v-avatar, .v-menu__content .v-chip .v-avatar, .v-tooltip__content .v-chip .v-avatar, .v-dialog__content .v-chip .v-avatar{height:24px !important;min-width:24px !important;width:24px !important}[data-omfx] .v-chip .v-icon, .v-menu__content .v-chip .v-icon, .v-tooltip__content .v-chip .v-icon, .v-dialog__content .v-chip .v-icon{font-size:24px}html .v-application--is-ltr .v-chip .v-avatar--left,html .v-application--is-ltr .v-chip .v-icon--left{margin-left:-6px;margin-right:6px}html .v-application--is-ltr .v-chip .v-avatar--right,html .v-application--is-ltr .v-chip .v-icon--right{margin-left:6px;margin-right:-6px}html .v-application--is-rtl .v-chip .v-avatar--left,html .v-application--is-rtl .v-chip .v-icon--left{margin-left:6px;margin-right:-6px}html .v-application--is-rtl .v-chip .v-avatar--right,html .v-application--is-rtl .v-chip .v-icon--right{margin-left:-6px;margin-right:6px}[data-omfx] .v-chip:not(.v-chip--no-color) .v-icon, .v-menu__content .v-chip:not(.v-chip--no-color) .v-icon, .v-tooltip__content .v-chip:not(.v-chip--no-color) .v-icon, .v-dialog__content .v-chip:not(.v-chip--no-color) .v-icon{color:inherit}[data-omfx] .v-chip .v-chip__close.v-icon, .v-menu__content .v-chip .v-chip__close.v-icon, .v-tooltip__content .v-chip .v-chip__close.v-icon, .v-dialog__content .v-chip .v-chip__close.v-icon{font-size:18px;max-height:18px;max-width:18px;-webkit-user-select:none;-ms-user-select:none;user-select:none}html .v-application--is-ltr .v-chip .v-chip__close.v-icon.v-icon--right{margin-right:-4px}html .v-application--is-rtl .v-chip .v-chip__close.v-icon.v-icon--right{margin-left:-4px}[data-omfx] .v-chip .v-chip__close.v-icon:hover, .v-menu__content .v-chip .v-chip__close.v-icon:hover, .v-tooltip__content .v-chip .v-chip__close.v-icon:hover, .v-dialog__content .v-chip .v-chip__close.v-icon:hover,[data-omfx] .v-chip .v-chip__close.v-icon:focus, .v-menu__content .v-chip .v-chip__close.v-icon:focus, .v-tooltip__content .v-chip .v-chip__close.v-icon:focus, .v-dialog__content .v-chip .v-chip__close.v-icon:focus,[data-omfx] .v-chip .v-chip__close.v-icon:active, .v-menu__content .v-chip .v-chip__close.v-icon:active, .v-tooltip__content .v-chip .v-chip__close.v-icon:active, .v-dialog__content .v-chip .v-chip__close.v-icon:active{opacity:.72}[data-omfx] .v-chip .v-chip__content, .v-menu__content .v-chip .v-chip__content, .v-tooltip__content .v-chip .v-chip__content, .v-dialog__content .v-chip .v-chip__content{align-items:center;display:inline-flex;height:100%;max-width:100%}[data-omfx] .v-chip--active .v-icon, .v-menu__content .v-chip--active .v-icon, .v-tooltip__content .v-chip--active .v-icon, .v-dialog__content .v-chip--active .v-icon{color:inherit}[data-omfx] .v-chip--link::before, .v-menu__content .v-chip--link::before, .v-tooltip__content .v-chip--link::before, .v-dialog__content .v-chip--link::before{transition:opacity .3s cubic-bezier(0.25, 0.8, 0.5, 1)}[data-omfx] .v-chip--link:focus::before, .v-menu__content .v-chip--link:focus::before, .v-tooltip__content .v-chip--link:focus::before, .v-dialog__content .v-chip--link:focus::before{opacity:.32}[data-omfx] .v-chip--clickable, .v-menu__content .v-chip--clickable, .v-tooltip__content .v-chip--clickable, .v-dialog__content .v-chip--clickable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}[data-omfx] .v-chip--clickable:active, .v-menu__content .v-chip--clickable:active, .v-tooltip__content .v-chip--clickable:active, .v-dialog__content .v-chip--clickable:active{box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)}[data-omfx] .v-chip--disabled, .v-menu__content .v-chip--disabled, .v-tooltip__content .v-chip--disabled, .v-dialog__content .v-chip--disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}[data-omfx] .v-chip__filter, .v-menu__content .v-chip__filter, .v-tooltip__content .v-chip__filter, .v-dialog__content .v-chip__filter{max-width:24px}[data-omfx] .v-chip__filter.v-icon, .v-menu__content .v-chip__filter.v-icon, .v-tooltip__content .v-chip__filter.v-icon, .v-dialog__content .v-chip__filter.v-icon{color:inherit}[data-omfx] .v-chip__filter.expand-x-transition-leave-active, .v-menu__content .v-chip__filter.expand-x-transition-leave-active, .v-tooltip__content .v-chip__filter.expand-x-transition-leave-active, .v-dialog__content .v-chip__filter.expand-x-transition-leave-active,[data-omfx] .v-chip__filter.expand-x-transition-enter, .v-menu__content .v-chip__filter.expand-x-transition-enter, .v-tooltip__content .v-chip__filter.expand-x-transition-enter, .v-dialog__content .v-chip__filter.expand-x-transition-enter{margin:0}[data-omfx] .v-chip--pill .v-chip__filter, .v-menu__content .v-chip--pill .v-chip__filter, .v-tooltip__content .v-chip--pill .v-chip__filter, .v-dialog__content .v-chip--pill .v-chip__filter{margin:0 16px 0 0}[data-omfx] .v-chip--pill .v-avatar, .v-menu__content .v-chip--pill .v-avatar, .v-tooltip__content .v-chip--pill .v-avatar, .v-dialog__content .v-chip--pill .v-avatar{height:32px !important;width:32px !important}html .v-application--is-ltr .v-chip--pill .v-avatar--left{margin-left:-12px}html .v-application--is-ltr .v-chip--pill .v-avatar--right{margin-right:-12px}html .v-application--is-rtl .v-chip--pill .v-avatar--left{margin-right:-12px}html .v-application--is-rtl .v-chip--pill .v-avatar--right{margin-left:-12px}[data-omfx] .v-chip--label, .v-menu__content .v-chip--label, .v-tooltip__content .v-chip--label, .v-dialog__content .v-chip--label{border-radius:4px !important}[data-omfx] .v-chip.v-chip--outlined, .v-menu__content .v-chip.v-chip--outlined, .v-tooltip__content .v-chip.v-chip--outlined, .v-dialog__content .v-chip.v-chip--outlined{border-width:thin;border-style:solid}[data-omfx] .v-chip.v-chip--outlined.v-chip--active:before, .v-menu__content .v-chip.v-chip--outlined.v-chip--active:before, .v-tooltip__content .v-chip.v-chip--outlined.v-chip--active:before, .v-dialog__content .v-chip.v-chip--outlined.v-chip--active:before{opacity:.08}[data-omfx] .v-chip.v-chip--outlined .v-icon, .v-menu__content .v-chip.v-chip--outlined .v-icon, .v-tooltip__content .v-chip.v-chip--outlined .v-icon, .v-dialog__content .v-chip.v-chip--outlined .v-icon{color:inherit}[data-omfx] .v-chip.v-chip--outlined.v-chip.v-chip, .v-menu__content .v-chip.v-chip--outlined.v-chip.v-chip, .v-tooltip__content .v-chip.v-chip--outlined.v-chip.v-chip, .v-dialog__content .v-chip.v-chip--outlined.v-chip.v-chip{background-color:transparent !important}[data-omfx] .v-chip.v-chip--selected, .v-menu__content .v-chip.v-chip--selected, .v-tooltip__content .v-chip.v-chip--selected, .v-dialog__content .v-chip.v-chip--selected{background:transparent}[data-omfx] .v-chip.v-chip--selected:after, .v-menu__content .v-chip.v-chip--selected:after, .v-tooltip__content .v-chip.v-chip--selected:after, .v-dialog__content .v-chip.v-chip--selected:after{opacity:.28}[data-omfx] .v-chip.v-size--x-small, .v-menu__content .v-chip.v-size--x-small, .v-tooltip__content .v-chip.v-size--x-small, .v-dialog__content .v-chip.v-size--x-small{border-radius:8px;font-size:10px;height:16px}[data-omfx] .v-chip.v-size--small, .v-menu__content .v-chip.v-size--small, .v-tooltip__content .v-chip.v-size--small, .v-dialog__content .v-chip.v-size--small{border-radius:12px;font-size:12px;height:24px}[data-omfx] .v-chip.v-size--default, .v-menu__content .v-chip.v-size--default, .v-tooltip__content .v-chip.v-size--default, .v-dialog__content .v-chip.v-size--default{border-radius:16px;font-size:14px;height:32px}[data-omfx] .v-chip.v-size--large, .v-menu__content .v-chip.v-size--large, .v-tooltip__content .v-chip.v-size--large, .v-dialog__content .v-chip.v-size--large{border-radius:27px;font-size:16px;height:54px}[data-omfx] .v-chip.v-size--x-large, .v-menu__content .v-chip.v-size--x-large, .v-tooltip__content .v-chip.v-size--x-large, .v-dialog__content .v-chip.v-size--x-large{border-radius:33px;font-size:18px;height:66px}
1
+ .v-chip {
2
+ align-items: center;
3
+ cursor: default;
4
+ display: inline-flex;
5
+ font-weight: 400;
6
+ max-width: 100%;
7
+ overflow: hidden;
8
+ position: relative;
9
+ text-decoration: none;
10
+ white-space: nowrap;
11
+ vertical-align: middle;
12
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
13
+ border-style: solid;
14
+ border-width: 0;
15
+ border-radius: 9999px;
16
+ }
17
+ .v-chip.v-chip--size-x-small {
18
+ --v-chip-size: 0.625rem;
19
+ --v-chip-height: 20px;
20
+ font-size: 0.625rem;
21
+ padding: 0 8px;
22
+ }
23
+ .v-chip.v-chip--size-x-small .v-avatar {
24
+ --v-avatar-height: 14px;
25
+ }
26
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
27
+ --v-avatar-height: 20px;
28
+ }
29
+
30
+ .v-chip.v-chip--size-x-small .v-chip__filter,
31
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
32
+ .v-chip.v-chip--size-x-small > .v-avatar--start,
33
+ .v-chip.v-chip--size-x-small > .v-icon--start {
34
+ margin-inline-end: 4px;
35
+ }
36
+ .v-chip.v-chip--size-x-small .v-chip__filter,
37
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
38
+ .v-chip.v-chip--size-x-small .v-icon--start {
39
+ margin-inline-start: -4px;
40
+ }
41
+ .v-chip.v-chip--size-x-small .v-avatar--start {
42
+ margin-inline-start: -5.6px;
43
+ }
44
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
45
+ margin-inline-start: -8px;
46
+ }
47
+
48
+ .v-chip.v-chip--size-x-small .v-chip__append,
49
+ .v-chip.v-chip--size-x-small .v-chip__close,
50
+ .v-chip.v-chip--size-x-small > .v-avatar--end,
51
+ .v-chip.v-chip--size-x-small > .v-icon--end {
52
+ margin-inline-start: 4px;
53
+ margin-inline-end: -4px;
54
+ }
55
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
56
+ margin-inline-end: -8px;
57
+ }
58
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
59
+ margin-inline-start: 8px;
60
+ }
61
+
62
+ .v-chip.v-chip--size-small {
63
+ --v-chip-size: 0.75rem;
64
+ --v-chip-height: 26px;
65
+ font-size: 0.75rem;
66
+ padding: 0 10px;
67
+ }
68
+ .v-chip.v-chip--size-small .v-avatar {
69
+ --v-avatar-height: 20px;
70
+ }
71
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
72
+ --v-avatar-height: 26px;
73
+ }
74
+
75
+ .v-chip.v-chip--size-small .v-chip__filter,
76
+ .v-chip.v-chip--size-small .v-chip__prepend,
77
+ .v-chip.v-chip--size-small > .v-avatar--start,
78
+ .v-chip.v-chip--size-small > .v-icon--start {
79
+ margin-inline-end: 5px;
80
+ }
81
+ .v-chip.v-chip--size-small .v-chip__filter,
82
+ .v-chip.v-chip--size-small .v-chip__prepend,
83
+ .v-chip.v-chip--size-small .v-icon--start {
84
+ margin-inline-start: -5px;
85
+ }
86
+ .v-chip.v-chip--size-small .v-avatar--start {
87
+ margin-inline-start: -7px;
88
+ }
89
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
90
+ margin-inline-start: -10px;
91
+ }
92
+
93
+ .v-chip.v-chip--size-small .v-chip__append,
94
+ .v-chip.v-chip--size-small .v-chip__close,
95
+ .v-chip.v-chip--size-small > .v-avatar--end,
96
+ .v-chip.v-chip--size-small > .v-icon--end {
97
+ margin-inline-start: 5px;
98
+ margin-inline-end: -5px;
99
+ }
100
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
101
+ margin-inline-end: -10px;
102
+ }
103
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
104
+ margin-inline-start: 10px;
105
+ }
106
+
107
+ .v-chip.v-chip--size-default {
108
+ --v-chip-size: 0.875rem;
109
+ --v-chip-height: 32px;
110
+ font-size: 0.875rem;
111
+ padding: 0 12px;
112
+ }
113
+ .v-chip.v-chip--size-default .v-avatar {
114
+ --v-avatar-height: 26px;
115
+ }
116
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
117
+ --v-avatar-height: 32px;
118
+ }
119
+
120
+ .v-chip.v-chip--size-default .v-chip__filter,
121
+ .v-chip.v-chip--size-default .v-chip__prepend,
122
+ .v-chip.v-chip--size-default > .v-avatar--start,
123
+ .v-chip.v-chip--size-default > .v-icon--start {
124
+ margin-inline-end: 6px;
125
+ }
126
+ .v-chip.v-chip--size-default .v-chip__filter,
127
+ .v-chip.v-chip--size-default .v-chip__prepend,
128
+ .v-chip.v-chip--size-default .v-icon--start {
129
+ margin-inline-start: -6px;
130
+ }
131
+ .v-chip.v-chip--size-default .v-avatar--start {
132
+ margin-inline-start: -8.4px;
133
+ }
134
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
135
+ margin-inline-start: -12px;
136
+ }
137
+
138
+ .v-chip.v-chip--size-default .v-chip__append,
139
+ .v-chip.v-chip--size-default .v-chip__close,
140
+ .v-chip.v-chip--size-default > .v-avatar--end,
141
+ .v-chip.v-chip--size-default > .v-icon--end {
142
+ margin-inline-start: 6px;
143
+ margin-inline-end: -6px;
144
+ }
145
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
146
+ margin-inline-end: -12px;
147
+ }
148
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
149
+ margin-inline-start: 12px;
150
+ }
151
+
152
+ .v-chip.v-chip--size-large {
153
+ --v-chip-size: 1rem;
154
+ --v-chip-height: 38px;
155
+ font-size: 1rem;
156
+ padding: 0 14px;
157
+ }
158
+ .v-chip.v-chip--size-large .v-avatar {
159
+ --v-avatar-height: 32px;
160
+ }
161
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
162
+ --v-avatar-height: 38px;
163
+ }
164
+
165
+ .v-chip.v-chip--size-large .v-chip__filter,
166
+ .v-chip.v-chip--size-large .v-chip__prepend,
167
+ .v-chip.v-chip--size-large > .v-avatar--start,
168
+ .v-chip.v-chip--size-large > .v-icon--start {
169
+ margin-inline-end: 7px;
170
+ }
171
+ .v-chip.v-chip--size-large .v-chip__filter,
172
+ .v-chip.v-chip--size-large .v-chip__prepend,
173
+ .v-chip.v-chip--size-large .v-icon--start {
174
+ margin-inline-start: -7px;
175
+ }
176
+ .v-chip.v-chip--size-large .v-avatar--start {
177
+ margin-inline-start: -9.8px;
178
+ }
179
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
180
+ margin-inline-start: -14px;
181
+ }
182
+
183
+ .v-chip.v-chip--size-large .v-chip__append,
184
+ .v-chip.v-chip--size-large .v-chip__close,
185
+ .v-chip.v-chip--size-large > .v-avatar--end,
186
+ .v-chip.v-chip--size-large > .v-icon--end {
187
+ margin-inline-start: 7px;
188
+ margin-inline-end: -7px;
189
+ }
190
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
191
+ margin-inline-end: -14px;
192
+ }
193
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
194
+ margin-inline-start: 14px;
195
+ }
196
+
197
+ .v-chip.v-chip--size-x-large {
198
+ --v-chip-size: 1.125rem;
199
+ --v-chip-height: 44px;
200
+ font-size: 1.125rem;
201
+ padding: 0 17px;
202
+ }
203
+ .v-chip.v-chip--size-x-large .v-avatar {
204
+ --v-avatar-height: 38px;
205
+ }
206
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
207
+ --v-avatar-height: 44px;
208
+ }
209
+
210
+ .v-chip.v-chip--size-x-large .v-chip__filter,
211
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
212
+ .v-chip.v-chip--size-x-large > .v-avatar--start,
213
+ .v-chip.v-chip--size-x-large > .v-icon--start {
214
+ margin-inline-end: 8.5px;
215
+ }
216
+ .v-chip.v-chip--size-x-large .v-chip__filter,
217
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
218
+ .v-chip.v-chip--size-x-large .v-icon--start {
219
+ margin-inline-start: -8.5px;
220
+ }
221
+ .v-chip.v-chip--size-x-large .v-avatar--start {
222
+ margin-inline-start: -11.9px;
223
+ }
224
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
225
+ margin-inline-start: -17px;
226
+ }
227
+
228
+ .v-chip.v-chip--size-x-large .v-chip__append,
229
+ .v-chip.v-chip--size-x-large .v-chip__close,
230
+ .v-chip.v-chip--size-x-large > .v-avatar--end,
231
+ .v-chip.v-chip--size-x-large > .v-icon--end {
232
+ margin-inline-start: 8.5px;
233
+ margin-inline-end: -8.5px;
234
+ }
235
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
236
+ margin-inline-end: -17px;
237
+ }
238
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
239
+ margin-inline-start: 17px;
240
+ }
241
+
242
+ .v-chip.v-chip--density-default {
243
+ height: calc(var(--v-chip-height) + 0px);
244
+ }
245
+
246
+ .v-chip.v-chip--density-comfortable {
247
+ height: calc(var(--v-chip-height) + -8px);
248
+ }
249
+
250
+ .v-chip.v-chip--density-compact {
251
+ height: calc(var(--v-chip-height) + -12px);
252
+ }
253
+
254
+ .v-chip:hover > .v-chip__overlay {
255
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
256
+ }
257
+ .v-chip:focus-visible > .v-chip__overlay {
258
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
259
+ }
260
+ @supports not selector(:focus-visible) {
261
+ .v-chip:focus > .v-chip__overlay {
262
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
263
+ }
264
+ }
265
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
266
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
267
+ }
268
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
269
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
270
+ }
271
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
272
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
273
+ }
274
+ @supports not selector(:focus-visible) {
275
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
276
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
277
+ }
278
+ }
279
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
280
+ background: transparent;
281
+ color: inherit;
282
+ }
283
+ .v-chip--variant-plain {
284
+ opacity: 0.26;
285
+ }
286
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
287
+ opacity: 1;
288
+ }
289
+ .v-chip--variant-plain .v-chip__overlay {
290
+ display: none;
291
+ }
292
+ .v-chip--variant-elevated, .v-chip--variant-flat {
293
+ background: rgb(var(--v-theme-surface-variant));
294
+ color: rgb(var(--v-theme-on-surface-variant));
295
+ }
296
+ .v-chip--variant-elevated {
297
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
298
+ }
299
+ .v-chip--variant-flat {
300
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
301
+ }
302
+ .v-chip--variant-outlined {
303
+ border: thin solid currentColor;
304
+ }
305
+ .v-chip--variant-text .v-chip__overlay {
306
+ background: currentColor;
307
+ }
308
+ .v-chip--variant-tonal .v-chip__underlay {
309
+ background: currentColor;
310
+ opacity: var(--v-activated-opacity);
311
+ border-radius: inherit;
312
+ position: absolute;
313
+ top: 0;
314
+ right: 0;
315
+ bottom: 0;
316
+ left: 0;
317
+ pointer-events: none;
318
+ }
319
+ .v-chip--border {
320
+ border-width: thin;
321
+ }
322
+ .v-chip--link {
323
+ cursor: pointer;
324
+ }
325
+ .v-chip--filter {
326
+ user-select: none;
327
+ }
328
+ .v-chip--label {
329
+ border-radius: 4px;
330
+ }
331
+
332
+ .v-chip__filter,
333
+ .v-chip__prepend,
334
+ .v-chip__append,
335
+ .v-chip__close {
336
+ align-items: center;
337
+ display: inline-flex;
338
+ }
339
+
340
+ .v-chip__close {
341
+ cursor: pointer;
342
+ flex: 0 1 auto;
343
+ font-size: 18px;
344
+ max-height: 18px;
345
+ max-width: 18px;
346
+ user-select: none;
347
+ }
348
+ .v-chip__close .v-icon {
349
+ font-size: inherit;
350
+ }
351
+
352
+ .v-chip__filter {
353
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
354
+ }
355
+
356
+ .v-chip__overlay {
357
+ position: absolute;
358
+ top: 0;
359
+ left: 0;
360
+ width: 100%;
361
+ height: 100%;
362
+ background-color: currentColor;
363
+ border-radius: inherit;
364
+ pointer-events: none;
365
+ opacity: 0;
366
+ transition: opacity 0.2s ease-in-out;
367
+ }
368
+
369
+ .v-chip--disabled {
370
+ opacity: 0.3;
371
+ pointer-events: none;
372
+ user-select: none;
373
+ }
374
+
375
+ .v-chip--label {
376
+ border-radius: 4px;
377
+ }
378
+ .v-chip-group {
379
+ display: flex;
380
+ max-width: 100%;
381
+ min-width: 0;
382
+ overflow-x: auto;
383
+ padding: 4px 0;
384
+ flex-wrap: wrap;
385
+ }
386
+ .v-chip-group .v-chip {
387
+ margin: 4px 8px 4px 0;
388
+ }
389
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
390
+ opacity: var(--v-activated-opacity);
391
+ }
392
+
393
+ .v-chip-group--column {
394
+ flex-wrap: wrap;
395
+ white-space: normal;
396
+ }
2
397