@fluentui/web-components 3.0.0-rc.3 → 3.0.0-rc.5
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/CHANGELOG.md +20 -2
- package/custom-elements.json +414 -0
- package/dist/esm/avatar/avatar.styles.js +4 -4
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/theme/design-tokens.d.ts +115 -0
- package/dist/esm/theme/design-tokens.js +115 -0
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/index.d.ts +1 -1
- package/dist/esm/theme/index.js +1 -1
- package/dist/esm/theme/index.js.map +1 -1
- package/dist/web-components.d.ts +138 -0
- package/dist/web-components.js +1 -1
- package/dist/web-components.min.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on Wed,
|
|
3
|
+
This log was last generated on Wed, 04 Feb 2026 04:08:24 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.5)
|
|
8
|
+
|
|
9
|
+
Wed, 04 Feb 2026 04:08:24 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.4..@fluentui/web-components_v3.0.0-rc.5)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- fix: remove extraneous closing parentheses in avatar CSS ([PR #35716](https://github.com/microsoft/fluentui/pull/35716) by 198982749+Copilot@users.noreply.github.com)
|
|
15
|
+
|
|
16
|
+
## [3.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.4)
|
|
17
|
+
|
|
18
|
+
Fri, 23 Jan 2026 04:07:04 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.3..@fluentui/web-components_v3.0.0-rc.4)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- Update CAP DR tokens ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by jukapsia@microsoft.com)
|
|
24
|
+
|
|
7
25
|
## [3.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.3)
|
|
8
26
|
|
|
9
|
-
Wed, 14 Jan 2026 04:07:
|
|
27
|
+
Wed, 14 Jan 2026 04:07:26 GMT
|
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.2..@fluentui/web-components_v3.0.0-rc.3)
|
|
11
29
|
|
|
12
30
|
### Changes
|
package/custom-elements.json
CHANGED
|
@@ -1621,6 +1621,46 @@
|
|
|
1621
1621
|
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralForeground4 | `colorNeutralForeground4` design token.",
|
|
1622
1622
|
"privacy": "public"
|
|
1623
1623
|
},
|
|
1624
|
+
{
|
|
1625
|
+
"kind": "variable",
|
|
1626
|
+
"name": "colorNeutralForeground5",
|
|
1627
|
+
"type": {
|
|
1628
|
+
"text": "string"
|
|
1629
|
+
},
|
|
1630
|
+
"default": "'var(--colorNeutralForeground5)'",
|
|
1631
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralForeground5 | `colorNeutralForeground5` design token.",
|
|
1632
|
+
"privacy": "public"
|
|
1633
|
+
},
|
|
1634
|
+
{
|
|
1635
|
+
"kind": "variable",
|
|
1636
|
+
"name": "colorNeutralForeground5Hover",
|
|
1637
|
+
"type": {
|
|
1638
|
+
"text": "string"
|
|
1639
|
+
},
|
|
1640
|
+
"default": "'var(--colorNeutralForeground5Hover)'",
|
|
1641
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralForeground5Hover | `colorNeutralForeground5Hover` design token.",
|
|
1642
|
+
"privacy": "public"
|
|
1643
|
+
},
|
|
1644
|
+
{
|
|
1645
|
+
"kind": "variable",
|
|
1646
|
+
"name": "colorNeutralForeground5Pressed",
|
|
1647
|
+
"type": {
|
|
1648
|
+
"text": "string"
|
|
1649
|
+
},
|
|
1650
|
+
"default": "'var(--colorNeutralForeground5Pressed)'",
|
|
1651
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralForeground5Pressed | `colorNeutralForeground5Pressed` design token.",
|
|
1652
|
+
"privacy": "public"
|
|
1653
|
+
},
|
|
1654
|
+
{
|
|
1655
|
+
"kind": "variable",
|
|
1656
|
+
"name": "colorNeutralForeground5Selected",
|
|
1657
|
+
"type": {
|
|
1658
|
+
"text": "string"
|
|
1659
|
+
},
|
|
1660
|
+
"default": "'var(--colorNeutralForeground5Selected)'",
|
|
1661
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralForeground5Selected | `colorNeutralForeground5Selected` design token.",
|
|
1662
|
+
"privacy": "public"
|
|
1663
|
+
},
|
|
1624
1664
|
{
|
|
1625
1665
|
"kind": "variable",
|
|
1626
1666
|
"name": "colorNeutralForegroundDisabled",
|
|
@@ -2191,6 +2231,56 @@
|
|
|
2191
2231
|
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackground6 | `colorNeutralBackground6` design token.",
|
|
2192
2232
|
"privacy": "public"
|
|
2193
2233
|
},
|
|
2234
|
+
{
|
|
2235
|
+
"kind": "variable",
|
|
2236
|
+
"name": "colorNeutralBackground7",
|
|
2237
|
+
"type": {
|
|
2238
|
+
"text": "string"
|
|
2239
|
+
},
|
|
2240
|
+
"default": "'var(--colorNeutralBackground7)'",
|
|
2241
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackground7 | `colorNeutralBackground7` design token.",
|
|
2242
|
+
"privacy": "public"
|
|
2243
|
+
},
|
|
2244
|
+
{
|
|
2245
|
+
"kind": "variable",
|
|
2246
|
+
"name": "colorNeutralBackground7Hover",
|
|
2247
|
+
"type": {
|
|
2248
|
+
"text": "string"
|
|
2249
|
+
},
|
|
2250
|
+
"default": "'var(--colorNeutralBackground7Hover)'",
|
|
2251
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackground7Hover | `colorNeutralBackground7Hover` design token.",
|
|
2252
|
+
"privacy": "public"
|
|
2253
|
+
},
|
|
2254
|
+
{
|
|
2255
|
+
"kind": "variable",
|
|
2256
|
+
"name": "colorNeutralBackground7Pressed",
|
|
2257
|
+
"type": {
|
|
2258
|
+
"text": "string"
|
|
2259
|
+
},
|
|
2260
|
+
"default": "'var(--colorNeutralBackground7Pressed)'",
|
|
2261
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackground7Pressed | `colorNeutralBackground7Pressed` design token.",
|
|
2262
|
+
"privacy": "public"
|
|
2263
|
+
},
|
|
2264
|
+
{
|
|
2265
|
+
"kind": "variable",
|
|
2266
|
+
"name": "colorNeutralBackground7Selected",
|
|
2267
|
+
"type": {
|
|
2268
|
+
"text": "string"
|
|
2269
|
+
},
|
|
2270
|
+
"default": "'var(--colorNeutralBackground7Selected)'",
|
|
2271
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackground7Selected | `colorNeutralBackground7Selected` design token.",
|
|
2272
|
+
"privacy": "public"
|
|
2273
|
+
},
|
|
2274
|
+
{
|
|
2275
|
+
"kind": "variable",
|
|
2276
|
+
"name": "colorNeutralBackground8",
|
|
2277
|
+
"type": {
|
|
2278
|
+
"text": "string"
|
|
2279
|
+
},
|
|
2280
|
+
"default": "'var(--colorNeutralBackground8)'",
|
|
2281
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackground8 | `colorNeutralBackground8` design token.",
|
|
2282
|
+
"privacy": "public"
|
|
2283
|
+
},
|
|
2194
2284
|
{
|
|
2195
2285
|
"kind": "variable",
|
|
2196
2286
|
"name": "colorNeutralBackgroundInverted",
|
|
@@ -2201,6 +2291,36 @@
|
|
|
2201
2291
|
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackgroundInverted | `colorNeutralBackgroundInverted` design token.",
|
|
2202
2292
|
"privacy": "public"
|
|
2203
2293
|
},
|
|
2294
|
+
{
|
|
2295
|
+
"kind": "variable",
|
|
2296
|
+
"name": "colorNeutralBackgroundInvertedHover",
|
|
2297
|
+
"type": {
|
|
2298
|
+
"text": "string"
|
|
2299
|
+
},
|
|
2300
|
+
"default": "'var(--colorNeutralBackgroundInvertedHover)'",
|
|
2301
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackgroundInvertedHover | `colorNeutralBackgroundInvertedHover` design token.",
|
|
2302
|
+
"privacy": "public"
|
|
2303
|
+
},
|
|
2304
|
+
{
|
|
2305
|
+
"kind": "variable",
|
|
2306
|
+
"name": "colorNeutralBackgroundInvertedPressed",
|
|
2307
|
+
"type": {
|
|
2308
|
+
"text": "string"
|
|
2309
|
+
},
|
|
2310
|
+
"default": "'var(--colorNeutralBackgroundInvertedPressed)'",
|
|
2311
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackgroundInvertedPressed | `colorNeutralBackgroundInvertedPressed` design token.",
|
|
2312
|
+
"privacy": "public"
|
|
2313
|
+
},
|
|
2314
|
+
{
|
|
2315
|
+
"kind": "variable",
|
|
2316
|
+
"name": "colorNeutralBackgroundInvertedSelected",
|
|
2317
|
+
"type": {
|
|
2318
|
+
"text": "string"
|
|
2319
|
+
},
|
|
2320
|
+
"default": "'var(--colorNeutralBackgroundInvertedSelected)'",
|
|
2321
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackgroundInvertedSelected | `colorNeutralBackgroundInvertedSelected` design token.",
|
|
2322
|
+
"privacy": "public"
|
|
2323
|
+
},
|
|
2204
2324
|
{
|
|
2205
2325
|
"kind": "variable",
|
|
2206
2326
|
"name": "colorNeutralBackgroundStatic",
|
|
@@ -2391,6 +2511,16 @@
|
|
|
2391
2511
|
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackgroundDisabled | `colorNeutralBackgroundDisabled` design token.",
|
|
2392
2512
|
"privacy": "public"
|
|
2393
2513
|
},
|
|
2514
|
+
{
|
|
2515
|
+
"kind": "variable",
|
|
2516
|
+
"name": "colorNeutralBackgroundDisabled2",
|
|
2517
|
+
"type": {
|
|
2518
|
+
"text": "string"
|
|
2519
|
+
},
|
|
2520
|
+
"default": "'var(--colorNeutralBackgroundDisabled2)'",
|
|
2521
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralBackgroundDisabled2 | `colorNeutralBackgroundDisabled2` design token.",
|
|
2522
|
+
"privacy": "public"
|
|
2523
|
+
},
|
|
2394
2524
|
{
|
|
2395
2525
|
"kind": "variable",
|
|
2396
2526
|
"name": "colorNeutralBackgroundInvertedDisabled",
|
|
@@ -2781,6 +2911,46 @@
|
|
|
2781
2911
|
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralStroke3 | `colorNeutralStroke3` design token.",
|
|
2782
2912
|
"privacy": "public"
|
|
2783
2913
|
},
|
|
2914
|
+
{
|
|
2915
|
+
"kind": "variable",
|
|
2916
|
+
"name": "colorNeutralStroke4",
|
|
2917
|
+
"type": {
|
|
2918
|
+
"text": "string"
|
|
2919
|
+
},
|
|
2920
|
+
"default": "'var(--colorNeutralStroke4)'",
|
|
2921
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralStroke4 | `colorNeutralStroke4` design token.",
|
|
2922
|
+
"privacy": "public"
|
|
2923
|
+
},
|
|
2924
|
+
{
|
|
2925
|
+
"kind": "variable",
|
|
2926
|
+
"name": "colorNeutralStroke4Hover",
|
|
2927
|
+
"type": {
|
|
2928
|
+
"text": "string"
|
|
2929
|
+
},
|
|
2930
|
+
"default": "'var(--colorNeutralStroke4Hover)'",
|
|
2931
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralStroke4Hover | `colorNeutralStroke4Hover` design token.",
|
|
2932
|
+
"privacy": "public"
|
|
2933
|
+
},
|
|
2934
|
+
{
|
|
2935
|
+
"kind": "variable",
|
|
2936
|
+
"name": "colorNeutralStroke4Pressed",
|
|
2937
|
+
"type": {
|
|
2938
|
+
"text": "string"
|
|
2939
|
+
},
|
|
2940
|
+
"default": "'var(--colorNeutralStroke4Pressed)'",
|
|
2941
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralStroke4Pressed | `colorNeutralStroke4Pressed` design token.",
|
|
2942
|
+
"privacy": "public"
|
|
2943
|
+
},
|
|
2944
|
+
{
|
|
2945
|
+
"kind": "variable",
|
|
2946
|
+
"name": "colorNeutralStroke4Selected",
|
|
2947
|
+
"type": {
|
|
2948
|
+
"text": "string"
|
|
2949
|
+
},
|
|
2950
|
+
"default": "'var(--colorNeutralStroke4Selected)'",
|
|
2951
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralStroke4Selected | `colorNeutralStroke4Selected` design token.",
|
|
2952
|
+
"privacy": "public"
|
|
2953
|
+
},
|
|
2784
2954
|
{
|
|
2785
2955
|
"kind": "variable",
|
|
2786
2956
|
"name": "colorNeutralStrokeSubtle",
|
|
@@ -2931,6 +3101,16 @@
|
|
|
2931
3101
|
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralStrokeDisabled | `colorNeutralStrokeDisabled` design token.",
|
|
2932
3102
|
"privacy": "public"
|
|
2933
3103
|
},
|
|
3104
|
+
{
|
|
3105
|
+
"kind": "variable",
|
|
3106
|
+
"name": "colorNeutralStrokeDisabled2",
|
|
3107
|
+
"type": {
|
|
3108
|
+
"text": "string"
|
|
3109
|
+
},
|
|
3110
|
+
"default": "'var(--colorNeutralStrokeDisabled2)'",
|
|
3111
|
+
"description": "CSS custom property value for the @fluentui/tokens#colorNeutralStrokeDisabled2 | `colorNeutralStrokeDisabled2` design token.",
|
|
3112
|
+
"privacy": "public"
|
|
3113
|
+
},
|
|
2934
3114
|
{
|
|
2935
3115
|
"kind": "variable",
|
|
2936
3116
|
"name": "colorNeutralStrokeInvertedDisabled",
|
|
@@ -4961,6 +5141,56 @@
|
|
|
4961
5141
|
"description": "CSS custom property value for the @fluentui/tokens#borderRadiusXLarge | `borderRadiusXLarge` design token.",
|
|
4962
5142
|
"privacy": "public"
|
|
4963
5143
|
},
|
|
5144
|
+
{
|
|
5145
|
+
"kind": "variable",
|
|
5146
|
+
"name": "borderRadius2XLarge",
|
|
5147
|
+
"type": {
|
|
5148
|
+
"text": "string"
|
|
5149
|
+
},
|
|
5150
|
+
"default": "'var(--borderRadius2XLarge)'",
|
|
5151
|
+
"description": "CSS custom property value for the @fluentui/tokens#borderRadius2XLarge | `borderRadius2XLarge` design token.",
|
|
5152
|
+
"privacy": "public"
|
|
5153
|
+
},
|
|
5154
|
+
{
|
|
5155
|
+
"kind": "variable",
|
|
5156
|
+
"name": "borderRadius3XLarge",
|
|
5157
|
+
"type": {
|
|
5158
|
+
"text": "string"
|
|
5159
|
+
},
|
|
5160
|
+
"default": "'var(--borderRadius3XLarge)'",
|
|
5161
|
+
"description": "CSS custom property value for the @fluentui/tokens#borderRadius3XLarge | `borderRadius3XLarge` design token.",
|
|
5162
|
+
"privacy": "public"
|
|
5163
|
+
},
|
|
5164
|
+
{
|
|
5165
|
+
"kind": "variable",
|
|
5166
|
+
"name": "borderRadius4XLarge",
|
|
5167
|
+
"type": {
|
|
5168
|
+
"text": "string"
|
|
5169
|
+
},
|
|
5170
|
+
"default": "'var(--borderRadius4XLarge)'",
|
|
5171
|
+
"description": "CSS custom property value for the @fluentui/tokens#borderRadius4XLarge | `borderRadius4XLarge` design token.",
|
|
5172
|
+
"privacy": "public"
|
|
5173
|
+
},
|
|
5174
|
+
{
|
|
5175
|
+
"kind": "variable",
|
|
5176
|
+
"name": "borderRadius5XLarge",
|
|
5177
|
+
"type": {
|
|
5178
|
+
"text": "string"
|
|
5179
|
+
},
|
|
5180
|
+
"default": "'var(--borderRadius5XLarge)'",
|
|
5181
|
+
"description": "CSS custom property value for the @fluentui/tokens#borderRadius5XLarge | `borderRadius5XLarge` design token.",
|
|
5182
|
+
"privacy": "public"
|
|
5183
|
+
},
|
|
5184
|
+
{
|
|
5185
|
+
"kind": "variable",
|
|
5186
|
+
"name": "borderRadius6XLarge",
|
|
5187
|
+
"type": {
|
|
5188
|
+
"text": "string"
|
|
5189
|
+
},
|
|
5190
|
+
"default": "'var(--borderRadius6XLarge)'",
|
|
5191
|
+
"description": "CSS custom property value for the @fluentui/tokens#borderRadius6XLarge | `borderRadius6XLarge` design token.",
|
|
5192
|
+
"privacy": "public"
|
|
5193
|
+
},
|
|
4964
5194
|
{
|
|
4965
5195
|
"kind": "variable",
|
|
4966
5196
|
"name": "borderRadiusCircular",
|
|
@@ -6025,6 +6255,38 @@
|
|
|
6025
6255
|
"module": "src/theme/design-tokens.ts"
|
|
6026
6256
|
}
|
|
6027
6257
|
},
|
|
6258
|
+
{
|
|
6259
|
+
"kind": "js",
|
|
6260
|
+
"name": "colorNeutralForeground5",
|
|
6261
|
+
"declaration": {
|
|
6262
|
+
"name": "colorNeutralForeground5",
|
|
6263
|
+
"module": "src/theme/design-tokens.ts"
|
|
6264
|
+
}
|
|
6265
|
+
},
|
|
6266
|
+
{
|
|
6267
|
+
"kind": "js",
|
|
6268
|
+
"name": "colorNeutralForeground5Hover",
|
|
6269
|
+
"declaration": {
|
|
6270
|
+
"name": "colorNeutralForeground5Hover",
|
|
6271
|
+
"module": "src/theme/design-tokens.ts"
|
|
6272
|
+
}
|
|
6273
|
+
},
|
|
6274
|
+
{
|
|
6275
|
+
"kind": "js",
|
|
6276
|
+
"name": "colorNeutralForeground5Pressed",
|
|
6277
|
+
"declaration": {
|
|
6278
|
+
"name": "colorNeutralForeground5Pressed",
|
|
6279
|
+
"module": "src/theme/design-tokens.ts"
|
|
6280
|
+
}
|
|
6281
|
+
},
|
|
6282
|
+
{
|
|
6283
|
+
"kind": "js",
|
|
6284
|
+
"name": "colorNeutralForeground5Selected",
|
|
6285
|
+
"declaration": {
|
|
6286
|
+
"name": "colorNeutralForeground5Selected",
|
|
6287
|
+
"module": "src/theme/design-tokens.ts"
|
|
6288
|
+
}
|
|
6289
|
+
},
|
|
6028
6290
|
{
|
|
6029
6291
|
"kind": "js",
|
|
6030
6292
|
"name": "colorNeutralForegroundDisabled",
|
|
@@ -6481,6 +6743,46 @@
|
|
|
6481
6743
|
"module": "src/theme/design-tokens.ts"
|
|
6482
6744
|
}
|
|
6483
6745
|
},
|
|
6746
|
+
{
|
|
6747
|
+
"kind": "js",
|
|
6748
|
+
"name": "colorNeutralBackground7",
|
|
6749
|
+
"declaration": {
|
|
6750
|
+
"name": "colorNeutralBackground7",
|
|
6751
|
+
"module": "src/theme/design-tokens.ts"
|
|
6752
|
+
}
|
|
6753
|
+
},
|
|
6754
|
+
{
|
|
6755
|
+
"kind": "js",
|
|
6756
|
+
"name": "colorNeutralBackground7Hover",
|
|
6757
|
+
"declaration": {
|
|
6758
|
+
"name": "colorNeutralBackground7Hover",
|
|
6759
|
+
"module": "src/theme/design-tokens.ts"
|
|
6760
|
+
}
|
|
6761
|
+
},
|
|
6762
|
+
{
|
|
6763
|
+
"kind": "js",
|
|
6764
|
+
"name": "colorNeutralBackground7Pressed",
|
|
6765
|
+
"declaration": {
|
|
6766
|
+
"name": "colorNeutralBackground7Pressed",
|
|
6767
|
+
"module": "src/theme/design-tokens.ts"
|
|
6768
|
+
}
|
|
6769
|
+
},
|
|
6770
|
+
{
|
|
6771
|
+
"kind": "js",
|
|
6772
|
+
"name": "colorNeutralBackground7Selected",
|
|
6773
|
+
"declaration": {
|
|
6774
|
+
"name": "colorNeutralBackground7Selected",
|
|
6775
|
+
"module": "src/theme/design-tokens.ts"
|
|
6776
|
+
}
|
|
6777
|
+
},
|
|
6778
|
+
{
|
|
6779
|
+
"kind": "js",
|
|
6780
|
+
"name": "colorNeutralBackground8",
|
|
6781
|
+
"declaration": {
|
|
6782
|
+
"name": "colorNeutralBackground8",
|
|
6783
|
+
"module": "src/theme/design-tokens.ts"
|
|
6784
|
+
}
|
|
6785
|
+
},
|
|
6484
6786
|
{
|
|
6485
6787
|
"kind": "js",
|
|
6486
6788
|
"name": "colorNeutralBackgroundInverted",
|
|
@@ -6489,6 +6791,30 @@
|
|
|
6489
6791
|
"module": "src/theme/design-tokens.ts"
|
|
6490
6792
|
}
|
|
6491
6793
|
},
|
|
6794
|
+
{
|
|
6795
|
+
"kind": "js",
|
|
6796
|
+
"name": "colorNeutralBackgroundInvertedHover",
|
|
6797
|
+
"declaration": {
|
|
6798
|
+
"name": "colorNeutralBackgroundInvertedHover",
|
|
6799
|
+
"module": "src/theme/design-tokens.ts"
|
|
6800
|
+
}
|
|
6801
|
+
},
|
|
6802
|
+
{
|
|
6803
|
+
"kind": "js",
|
|
6804
|
+
"name": "colorNeutralBackgroundInvertedPressed",
|
|
6805
|
+
"declaration": {
|
|
6806
|
+
"name": "colorNeutralBackgroundInvertedPressed",
|
|
6807
|
+
"module": "src/theme/design-tokens.ts"
|
|
6808
|
+
}
|
|
6809
|
+
},
|
|
6810
|
+
{
|
|
6811
|
+
"kind": "js",
|
|
6812
|
+
"name": "colorNeutralBackgroundInvertedSelected",
|
|
6813
|
+
"declaration": {
|
|
6814
|
+
"name": "colorNeutralBackgroundInvertedSelected",
|
|
6815
|
+
"module": "src/theme/design-tokens.ts"
|
|
6816
|
+
}
|
|
6817
|
+
},
|
|
6492
6818
|
{
|
|
6493
6819
|
"kind": "js",
|
|
6494
6820
|
"name": "colorNeutralBackgroundStatic",
|
|
@@ -6641,6 +6967,14 @@
|
|
|
6641
6967
|
"module": "src/theme/design-tokens.ts"
|
|
6642
6968
|
}
|
|
6643
6969
|
},
|
|
6970
|
+
{
|
|
6971
|
+
"kind": "js",
|
|
6972
|
+
"name": "colorNeutralBackgroundDisabled2",
|
|
6973
|
+
"declaration": {
|
|
6974
|
+
"name": "colorNeutralBackgroundDisabled2",
|
|
6975
|
+
"module": "src/theme/design-tokens.ts"
|
|
6976
|
+
}
|
|
6977
|
+
},
|
|
6644
6978
|
{
|
|
6645
6979
|
"kind": "js",
|
|
6646
6980
|
"name": "colorNeutralBackgroundInvertedDisabled",
|
|
@@ -6953,6 +7287,38 @@
|
|
|
6953
7287
|
"module": "src/theme/design-tokens.ts"
|
|
6954
7288
|
}
|
|
6955
7289
|
},
|
|
7290
|
+
{
|
|
7291
|
+
"kind": "js",
|
|
7292
|
+
"name": "colorNeutralStroke4",
|
|
7293
|
+
"declaration": {
|
|
7294
|
+
"name": "colorNeutralStroke4",
|
|
7295
|
+
"module": "src/theme/design-tokens.ts"
|
|
7296
|
+
}
|
|
7297
|
+
},
|
|
7298
|
+
{
|
|
7299
|
+
"kind": "js",
|
|
7300
|
+
"name": "colorNeutralStroke4Hover",
|
|
7301
|
+
"declaration": {
|
|
7302
|
+
"name": "colorNeutralStroke4Hover",
|
|
7303
|
+
"module": "src/theme/design-tokens.ts"
|
|
7304
|
+
}
|
|
7305
|
+
},
|
|
7306
|
+
{
|
|
7307
|
+
"kind": "js",
|
|
7308
|
+
"name": "colorNeutralStroke4Pressed",
|
|
7309
|
+
"declaration": {
|
|
7310
|
+
"name": "colorNeutralStroke4Pressed",
|
|
7311
|
+
"module": "src/theme/design-tokens.ts"
|
|
7312
|
+
}
|
|
7313
|
+
},
|
|
7314
|
+
{
|
|
7315
|
+
"kind": "js",
|
|
7316
|
+
"name": "colorNeutralStroke4Selected",
|
|
7317
|
+
"declaration": {
|
|
7318
|
+
"name": "colorNeutralStroke4Selected",
|
|
7319
|
+
"module": "src/theme/design-tokens.ts"
|
|
7320
|
+
}
|
|
7321
|
+
},
|
|
6956
7322
|
{
|
|
6957
7323
|
"kind": "js",
|
|
6958
7324
|
"name": "colorNeutralStrokeSubtle",
|
|
@@ -7073,6 +7439,14 @@
|
|
|
7073
7439
|
"module": "src/theme/design-tokens.ts"
|
|
7074
7440
|
}
|
|
7075
7441
|
},
|
|
7442
|
+
{
|
|
7443
|
+
"kind": "js",
|
|
7444
|
+
"name": "colorNeutralStrokeDisabled2",
|
|
7445
|
+
"declaration": {
|
|
7446
|
+
"name": "colorNeutralStrokeDisabled2",
|
|
7447
|
+
"module": "src/theme/design-tokens.ts"
|
|
7448
|
+
}
|
|
7449
|
+
},
|
|
7076
7450
|
{
|
|
7077
7451
|
"kind": "js",
|
|
7078
7452
|
"name": "colorNeutralStrokeInvertedDisabled",
|
|
@@ -8697,6 +9071,46 @@
|
|
|
8697
9071
|
"module": "src/theme/design-tokens.ts"
|
|
8698
9072
|
}
|
|
8699
9073
|
},
|
|
9074
|
+
{
|
|
9075
|
+
"kind": "js",
|
|
9076
|
+
"name": "borderRadius2XLarge",
|
|
9077
|
+
"declaration": {
|
|
9078
|
+
"name": "borderRadius2XLarge",
|
|
9079
|
+
"module": "src/theme/design-tokens.ts"
|
|
9080
|
+
}
|
|
9081
|
+
},
|
|
9082
|
+
{
|
|
9083
|
+
"kind": "js",
|
|
9084
|
+
"name": "borderRadius3XLarge",
|
|
9085
|
+
"declaration": {
|
|
9086
|
+
"name": "borderRadius3XLarge",
|
|
9087
|
+
"module": "src/theme/design-tokens.ts"
|
|
9088
|
+
}
|
|
9089
|
+
},
|
|
9090
|
+
{
|
|
9091
|
+
"kind": "js",
|
|
9092
|
+
"name": "borderRadius4XLarge",
|
|
9093
|
+
"declaration": {
|
|
9094
|
+
"name": "borderRadius4XLarge",
|
|
9095
|
+
"module": "src/theme/design-tokens.ts"
|
|
9096
|
+
}
|
|
9097
|
+
},
|
|
9098
|
+
{
|
|
9099
|
+
"kind": "js",
|
|
9100
|
+
"name": "borderRadius5XLarge",
|
|
9101
|
+
"declaration": {
|
|
9102
|
+
"name": "borderRadius5XLarge",
|
|
9103
|
+
"module": "src/theme/design-tokens.ts"
|
|
9104
|
+
}
|
|
9105
|
+
},
|
|
9106
|
+
{
|
|
9107
|
+
"kind": "js",
|
|
9108
|
+
"name": "borderRadius6XLarge",
|
|
9109
|
+
"declaration": {
|
|
9110
|
+
"name": "borderRadius6XLarge",
|
|
9111
|
+
"module": "src/theme/design-tokens.ts"
|
|
9112
|
+
}
|
|
9113
|
+
},
|
|
8700
9114
|
{
|
|
8701
9115
|
"kind": "js",
|
|
8702
9116
|
"name": "borderRadiusCircular",
|
|
@@ -50,7 +50,7 @@ export const styles = css `
|
|
|
50
50
|
position: absolute;
|
|
51
51
|
bottom: 0;
|
|
52
52
|
right: 0;
|
|
53
|
-
box-shadow: 0 0 0 ${strokeWidthThin}
|
|
53
|
+
box-shadow: 0 0 0 ${strokeWidthThin} ${colorNeutralBackground1};
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
:host([size='64']) ::slotted([slot='badge']),
|
|
@@ -58,7 +58,7 @@ export const styles = css `
|
|
|
58
58
|
:host([size='96']) ::slotted([slot='badge']),
|
|
59
59
|
:host([size='120']) ::slotted([slot='badge']),
|
|
60
60
|
:host([size='128']) ::slotted([slot='badge']) {
|
|
61
|
-
box-shadow: 0 0 0 ${strokeWidthThick}
|
|
61
|
+
box-shadow: 0 0 0 ${strokeWidthThick} ${colorNeutralBackground1};
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
:host([size='16']),
|
|
@@ -392,8 +392,8 @@ export const styles = css `
|
|
|
392
392
|
right: 0;
|
|
393
393
|
border-radius: inherit;
|
|
394
394
|
transition-property: margin, opacity;
|
|
395
|
-
transition-duration: ${durationUltraSlow}
|
|
396
|
-
transition-delay: ${animations.fastEase}
|
|
395
|
+
transition-duration: ${durationUltraSlow}, ${durationSlower};
|
|
396
|
+
transition-delay: ${animations.fastEase}, ${animations.nullEasing};
|
|
397
397
|
}
|
|
398
398
|
:host([active])::before {
|
|
399
399
|
box-shadow: ${shadow8};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.styles.js","sourceRoot":"","sources":["../../../src/avatar/avatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,oCAAoC,EACpC,6BAA6B,EAC7B,6BAA6B,EAC7B,4BAA4B,EAC5B,4BAA4B,EAC5B,2BAA2B,EAC3B,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,4BAA4B,EAC5B,4BAA4B,EAC5B,iCAAiC,EACjC,iCAAiC,EACjC,gCAAgC,EAChC,gCAAgC,EAChC,gCAAgC,EAChC,gCAAgC,EAChC,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,+BAA+B,EAC/B,+BAA+B,EAC/B,gCAAgC,EAChC,gCAAgC,EAChC,4BAA4B,EAC5B,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,+BAA+B,EAC/B,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,2BAA2B,EAC3B,2BAA2B,EAC3B,+BAA+B,EAC/B,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,6BAA6B,EAC7B,0BAA0B,EAC1B,0BAA0B,EAC1B,gCAAgC,EAChC,gCAAgC,EAChC,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,4BAA4B,EAC5B,2BAA2B,EAC3B,2BAA2B,EAC3B,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,GAAG;IACjB,gBAAgB,EAAE,kBAAkB;IACpC,gBAAgB,EAAE,kBAAkB;IACpC,gBAAgB,EAAE,kBAAkB;IACpC,gBAAgB,EAAE,kBAAkB;IACpC,gBAAgB,EAAE,kBAAkB;IACpC,gBAAgB,EAAE,kBAAkB;IACpC,QAAQ,EAAE,gBAAgB;IAC1B,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,WAAW;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;mBAOP,cAAc;mBACd,kBAAkB;iBACpB,eAAe;qBACX,oBAAoB;aAC5B,uBAAuB;wBACZ,uBAAuB;;;;;;;;;;;;;;;qBAe1B,oBAAoB;;;;;;;wBAOjB,eAAe,
|
|
1
|
+
{"version":3,"file":"avatar.styles.js","sourceRoot":"","sources":["../../../src/avatar/avatar.styles.ts"],"names":[],"mappings":"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"}
|