@fluentui/web-components 3.0.0-beta.123 → 3.0.0-beta.125

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +20 -2
  2. package/custom-elements.json +408 -67
  3. package/dist/esm/switch/switch.styles.js +1 -0
  4. package/dist/esm/switch/switch.styles.js.map +1 -1
  5. package/dist/web-components.js +1 -1
  6. package/dist/web-components.min.js +1 -1
  7. package/package.json +6 -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 Fri, 05 Sep 2025 04:09:42 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 06 Oct 2025 04:08:17 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [3.0.0-beta.125](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.125)
8
+
9
+ Mon, 06 Oct 2025 04:08:17 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.124..@fluentui/web-components_v3.0.0-beta.125)
11
+
12
+ ### Changes
13
+
14
+ - Fix Node version to be compaditible with CEM analyzer so parsedTypes get properly written. ([PR #35277](https://github.com/microsoft/fluentui/pull/35277) by jes@microsoft.com)
15
+
16
+ ## [3.0.0-beta.124](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.124)
17
+
18
+ Thu, 18 Sep 2025 04:07:17 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.123..@fluentui/web-components_v3.0.0-beta.124)
20
+
21
+ ### Changes
22
+
23
+ - fix: bug in switch checked story in forced-colors mode ([PR #35204](https://github.com/microsoft/fluentui/pull/35204) by rupertdavid@microsoft.com)
24
+
7
25
  ## [3.0.0-beta.123](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.123)
8
26
 
9
- Fri, 05 Sep 2025 04:09:42 GMT
27
+ Fri, 05 Sep 2025 04:09:54 GMT
10
28
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.122..@fluentui/web-components_v3.0.0-beta.123)
11
29
 
12
30
  ### Changes
package/custom-elements.json CHANGED
@@ -1105,6 +1105,7 @@
1105
1105
  "fieldName": "headinglevel"
1106
1106
  },
1107
1107
  {
1108
+ "name": "expanded",
1108
1109
  "type": {
1109
1110
  "text": "boolean"
1110
1111
  },
@@ -1113,6 +1114,7 @@
1113
1114
  "fieldName": "expanded"
1114
1115
  },
1115
1116
  {
1117
+ "name": "disabled",
1116
1118
  "type": {
1117
1119
  "text": "boolean"
1118
1120
  },
@@ -1260,16 +1262,13 @@
1260
1262
  "fieldName": "markerPosition"
1261
1263
  },
1262
1264
  {
1265
+ "name": "block",
1263
1266
  "type": {
1264
1267
  "text": "boolean"
1265
1268
  },
1266
1269
  "default": "false",
1267
1270
  "description": "Sets the width of the focus state.",
1268
- "fieldName": "block",
1269
- "inheritedFrom": {
1270
- "name": "BaseAccordionItem",
1271
- "module": "src/accordion-item/accordion-item.base.ts"
1272
- }
1271
+ "fieldName": "block"
1273
1272
  },
1274
1273
  {
1275
1274
  "name": "heading-level",
@@ -1284,6 +1283,32 @@
1284
1283
  "module": "src/accordion-item/accordion-item.base.ts"
1285
1284
  }
1286
1285
  },
1286
+ {
1287
+ "name": "expanded",
1288
+ "type": {
1289
+ "text": "boolean"
1290
+ },
1291
+ "default": "false",
1292
+ "description": "Expands or collapses the item.",
1293
+ "fieldName": "expanded",
1294
+ "inheritedFrom": {
1295
+ "name": "BaseAccordionItem",
1296
+ "module": "src/accordion-item/accordion-item.base.ts"
1297
+ }
1298
+ },
1299
+ {
1300
+ "name": "disabled",
1301
+ "type": {
1302
+ "text": "boolean"
1303
+ },
1304
+ "default": "false",
1305
+ "description": "Disables an accordion item",
1306
+ "fieldName": "disabled",
1307
+ "inheritedFrom": {
1308
+ "name": "BaseAccordionItem",
1309
+ "module": "src/accordion-item/accordion-item.base.ts"
1310
+ }
1311
+ },
1287
1312
  {
1288
1313
  "name": "id",
1289
1314
  "type": {
@@ -9812,6 +9837,7 @@
9812
9837
  ],
9813
9838
  "attributes": [
9814
9839
  {
9840
+ "name": "autofocus",
9815
9841
  "type": {
9816
9842
  "text": "boolean"
9817
9843
  },
@@ -9819,6 +9845,7 @@
9819
9845
  "fieldName": "autofocus"
9820
9846
  },
9821
9847
  {
9848
+ "name": "disabled",
9822
9849
  "type": {
9823
9850
  "text": "boolean"
9824
9851
  },
@@ -10273,10 +10300,10 @@
10273
10300
  ],
10274
10301
  "attributes": [
10275
10302
  {
10303
+ "name": "autofocus",
10276
10304
  "type": {
10277
10305
  "text": "boolean"
10278
10306
  },
10279
- "default": "false",
10280
10307
  "description": "Indicates the button should be focused when the page is loaded.",
10281
10308
  "fieldName": "autofocus",
10282
10309
  "inheritedFrom": {
@@ -10284,6 +10311,19 @@
10284
10311
  "module": "src/button/button.base.ts"
10285
10312
  }
10286
10313
  },
10314
+ {
10315
+ "name": "disabled",
10316
+ "type": {
10317
+ "text": "boolean"
10318
+ },
10319
+ "default": "false",
10320
+ "description": "Sets the element's disabled state.",
10321
+ "fieldName": "disabled",
10322
+ "inheritedFrom": {
10323
+ "name": "BaseButton",
10324
+ "module": "src/button/button.base.ts"
10325
+ }
10326
+ },
10287
10327
  {
10288
10328
  "name": "disabled-focusable",
10289
10329
  "type": {
@@ -12144,6 +12184,7 @@
12144
12184
  ],
12145
12185
  "attributes": [
12146
12186
  {
12187
+ "name": "autofocus",
12147
12188
  "type": {
12148
12189
  "text": "boolean"
12149
12190
  },
@@ -12192,6 +12233,7 @@
12192
12233
  "fieldName": "name"
12193
12234
  },
12194
12235
  {
12236
+ "name": "required",
12195
12237
  "type": {
12196
12238
  "text": "boolean"
12197
12239
  },
@@ -12563,6 +12605,7 @@
12563
12605
  "events": [],
12564
12606
  "attributes": [
12565
12607
  {
12608
+ "name": "autofocus",
12566
12609
  "type": {
12567
12610
  "text": "boolean"
12568
12611
  },
@@ -12633,6 +12676,18 @@
12633
12676
  "name": "BaseCheckbox",
12634
12677
  "module": "src/checkbox/checkbox.base.ts"
12635
12678
  }
12679
+ },
12680
+ {
12681
+ "name": "required",
12682
+ "type": {
12683
+ "text": "boolean"
12684
+ },
12685
+ "description": "The element's required state.",
12686
+ "fieldName": "required",
12687
+ "inheritedFrom": {
12688
+ "name": "BaseCheckbox",
12689
+ "module": "src/checkbox/checkbox.base.ts"
12690
+ }
12636
12691
  }
12637
12692
  ],
12638
12693
  "superclass": {
@@ -12760,10 +12815,10 @@
12760
12815
  }
12761
12816
  },
12762
12817
  {
12818
+ "name": "autofocus",
12763
12819
  "type": {
12764
12820
  "text": "boolean"
12765
12821
  },
12766
- "default": "false",
12767
12822
  "description": "Indicates the button should be focused when the page is loaded.",
12768
12823
  "fieldName": "autofocus",
12769
12824
  "inheritedFrom": {
@@ -12771,6 +12826,19 @@
12771
12826
  "module": "src/button/button.base.ts"
12772
12827
  }
12773
12828
  },
12829
+ {
12830
+ "name": "disabled",
12831
+ "type": {
12832
+ "text": "boolean"
12833
+ },
12834
+ "default": "false",
12835
+ "description": "Sets the element's disabled state.",
12836
+ "fieldName": "disabled",
12837
+ "inheritedFrom": {
12838
+ "name": "BaseButton",
12839
+ "module": "src/button/button.base.ts"
12840
+ }
12841
+ },
12774
12842
  {
12775
12843
  "name": "disabled-focusable",
12776
12844
  "type": {
@@ -13392,6 +13460,7 @@
13392
13460
  "fieldName": "size"
13393
13461
  },
13394
13462
  {
13463
+ "name": "count",
13395
13464
  "type": {
13396
13465
  "text": "number"
13397
13466
  },
@@ -13418,6 +13487,7 @@
13418
13487
  "fieldName": "showZero"
13419
13488
  },
13420
13489
  {
13490
+ "name": "dot",
13421
13491
  "type": {
13422
13492
  "text": "boolean"
13423
13493
  },
@@ -14469,6 +14539,7 @@
14469
14539
  "fieldName": "formAttribute"
14470
14540
  },
14471
14541
  {
14542
+ "name": "freeform",
14472
14543
  "type": {
14473
14544
  "text": "boolean | undefined"
14474
14545
  },
@@ -15301,6 +15372,7 @@
15301
15372
  "fieldName": "ariaLabelledBy"
15302
15373
  },
15303
15374
  {
15375
+ "name": "disabled",
15304
15376
  "type": {
15305
15377
  "text": "boolean | undefined"
15306
15378
  },
@@ -15324,6 +15396,7 @@
15324
15396
  "fieldName": "initialValue"
15325
15397
  },
15326
15398
  {
15399
+ "name": "multiple",
15327
15400
  "type": {
15328
15401
  "text": "boolean | undefined"
15329
15402
  },
@@ -15347,6 +15420,7 @@
15347
15420
  "fieldName": "placeholder"
15348
15421
  },
15349
15422
  {
15423
+ "name": "required",
15350
15424
  "type": {
15351
15425
  "text": "boolean"
15352
15426
  },
@@ -16000,10 +16074,10 @@
16000
16074
  }
16001
16075
  },
16002
16076
  {
16077
+ "name": "disabled",
16003
16078
  "type": {
16004
- "text": "boolean"
16079
+ "text": "boolean | undefined"
16005
16080
  },
16006
- "default": "false",
16007
16081
  "description": "The disabled state of the dropdown.",
16008
16082
  "fieldName": "disabled",
16009
16083
  "inheritedFrom": {
@@ -16036,6 +16110,18 @@
16036
16110
  "module": "src/dropdown/dropdown.base.ts"
16037
16111
  }
16038
16112
  },
16113
+ {
16114
+ "name": "multiple",
16115
+ "type": {
16116
+ "text": "boolean | undefined"
16117
+ },
16118
+ "description": "Indicates whether the dropdown allows multiple options to be selected.",
16119
+ "fieldName": "multiple",
16120
+ "inheritedFrom": {
16121
+ "name": "BaseDropdown",
16122
+ "module": "src/dropdown/dropdown.base.ts"
16123
+ }
16124
+ },
16039
16125
  {
16040
16126
  "name": "name",
16041
16127
  "type": {
@@ -16060,6 +16146,19 @@
16060
16146
  "module": "src/dropdown/dropdown.base.ts"
16061
16147
  }
16062
16148
  },
16149
+ {
16150
+ "name": "required",
16151
+ "type": {
16152
+ "text": "boolean"
16153
+ },
16154
+ "default": "false",
16155
+ "description": "The required state of the dropdown.",
16156
+ "fieldName": "required",
16157
+ "inheritedFrom": {
16158
+ "name": "BaseDropdown",
16159
+ "module": "src/dropdown/dropdown.base.ts"
16160
+ }
16161
+ },
16063
16162
  {
16064
16163
  "name": "type",
16065
16164
  "type": {
@@ -16415,6 +16514,7 @@
16415
16514
  ],
16416
16515
  "attributes": [
16417
16516
  {
16517
+ "name": "block",
16418
16518
  "type": {
16419
16519
  "text": "boolean | undefined"
16420
16520
  },
@@ -16422,6 +16522,7 @@
16422
16522
  "fieldName": "block"
16423
16523
  },
16424
16524
  {
16525
+ "name": "bordered",
16425
16526
  "type": {
16426
16527
  "text": "boolean | undefined"
16427
16528
  },
@@ -16429,6 +16530,7 @@
16429
16530
  "fieldName": "bordered"
16430
16531
  },
16431
16532
  {
16533
+ "name": "shadow",
16432
16534
  "type": {
16433
16535
  "text": "boolean | undefined"
16434
16536
  },
@@ -16539,6 +16641,7 @@
16539
16641
  "fieldName": "weight"
16540
16642
  },
16541
16643
  {
16644
+ "name": "disabled",
16542
16645
  "type": {
16543
16646
  "text": "boolean"
16544
16647
  },
@@ -16547,6 +16650,7 @@
16547
16650
  "fieldName": "disabled"
16548
16651
  },
16549
16652
  {
16653
+ "name": "required",
16550
16654
  "type": {
16551
16655
  "text": "boolean"
16552
16656
  },
@@ -17026,10 +17130,10 @@
17026
17130
  }
17027
17131
  },
17028
17132
  {
17133
+ "name": "autofocus",
17029
17134
  "type": {
17030
17135
  "text": "boolean"
17031
17136
  },
17032
- "default": "false",
17033
17137
  "description": "Indicates the button should be focused when the page is loaded.",
17034
17138
  "fieldName": "autofocus",
17035
17139
  "inheritedFrom": {
@@ -17037,6 +17141,19 @@
17037
17141
  "module": "src/button/button.base.ts"
17038
17142
  }
17039
17143
  },
17144
+ {
17145
+ "name": "disabled",
17146
+ "type": {
17147
+ "text": "boolean"
17148
+ },
17149
+ "default": "false",
17150
+ "description": "Sets the element's disabled state.",
17151
+ "fieldName": "disabled",
17152
+ "inheritedFrom": {
17153
+ "name": "BaseButton",
17154
+ "module": "src/button/button.base.ts"
17155
+ }
17156
+ },
17040
17157
  {
17041
17158
  "name": "disabled-focusable",
17042
17159
  "type": {
@@ -17689,6 +17806,7 @@
17689
17806
  ],
17690
17807
  "attributes": [
17691
17808
  {
17809
+ "name": "disabled",
17692
17810
  "type": {
17693
17811
  "text": "boolean"
17694
17812
  },
@@ -17707,6 +17825,7 @@
17707
17825
  }
17708
17826
  },
17709
17827
  {
17828
+ "name": "checked",
17710
17829
  "type": {
17711
17830
  "text": "boolean"
17712
17831
  },
@@ -17715,6 +17834,7 @@
17715
17834
  "fieldName": "checked"
17716
17835
  },
17717
17836
  {
17837
+ "name": "hidden",
17718
17838
  "type": {
17719
17839
  "text": "boolean"
17720
17840
  },
@@ -18345,6 +18465,7 @@
18345
18465
  "fieldName": "persistOnItemClick"
18346
18466
  },
18347
18467
  {
18468
+ "name": "split",
18348
18469
  "type": {
18349
18470
  "text": "boolean | undefined"
18350
18471
  },
@@ -19082,6 +19203,7 @@
19082
19203
  "customElement": true,
19083
19204
  "attributes": [
19084
19205
  {
19206
+ "name": "autofocus",
19085
19207
  "type": {
19086
19208
  "text": "boolean"
19087
19209
  },
@@ -19152,6 +19274,18 @@
19152
19274
  "name": "BaseCheckbox",
19153
19275
  "module": "src/checkbox/checkbox.base.ts"
19154
19276
  }
19277
+ },
19278
+ {
19279
+ "name": "required",
19280
+ "type": {
19281
+ "text": "boolean"
19282
+ },
19283
+ "description": "The element's required state.",
19284
+ "fieldName": "required",
19285
+ "inheritedFrom": {
19286
+ "name": "BaseCheckbox",
19287
+ "module": "src/checkbox/checkbox.base.ts"
19288
+ }
19155
19289
  }
19156
19290
  ],
19157
19291
  "modulePath": "./dist/esm/radio/radio.js",
@@ -19534,6 +19668,7 @@
19534
19668
  "fieldName": "orientation"
19535
19669
  },
19536
19670
  {
19671
+ "name": "required",
19537
19672
  "type": {
19538
19673
  "text": "boolean"
19539
19674
  },
@@ -19691,6 +19826,7 @@
19691
19826
  ],
19692
19827
  "attributes": [
19693
19828
  {
19829
+ "name": "count",
19694
19830
  "type": {
19695
19831
  "text": "number | undefined"
19696
19832
  },
@@ -19707,6 +19843,7 @@
19707
19843
  "fieldName": "iconViewBox"
19708
19844
  },
19709
19845
  {
19846
+ "name": "max",
19710
19847
  "type": {
19711
19848
  "text": "number | undefined"
19712
19849
  },
@@ -19714,6 +19851,7 @@
19714
19851
  "fieldName": "max"
19715
19852
  },
19716
19853
  {
19854
+ "name": "value",
19717
19855
  "type": {
19718
19856
  "text": "number | undefined"
19719
19857
  },
@@ -19934,12 +20072,12 @@
19934
20072
  ],
19935
20073
  "attributes": [
19936
20074
  {
20075
+ "name": "count",
19937
20076
  "type": {
19938
20077
  "text": "number | undefined"
19939
20078
  },
19940
- "description": "Renders a single filled icon with a label next to it.",
19941
- "fieldName": "compact",
19942
- "default": "false",
20079
+ "description": "The number of ratings.",
20080
+ "fieldName": "count",
19943
20081
  "inheritedFrom": {
19944
20082
  "name": "BaseRatingDisplay",
19945
20083
  "module": "src/rating-display/rating-display.base.ts"
@@ -19957,6 +20095,30 @@
19957
20095
  "name": "BaseRatingDisplay",
19958
20096
  "module": "src/rating-display/rating-display.base.ts"
19959
20097
  }
20098
+ },
20099
+ {
20100
+ "name": "max",
20101
+ "type": {
20102
+ "text": "number | undefined"
20103
+ },
20104
+ "description": "The maximum possible value of the rating.\nThis attribute determines the number of icons displayed.\nMust be a whole number greater than 1.",
20105
+ "fieldName": "max",
20106
+ "inheritedFrom": {
20107
+ "name": "BaseRatingDisplay",
20108
+ "module": "src/rating-display/rating-display.base.ts"
20109
+ }
20110
+ },
20111
+ {
20112
+ "name": "value",
20113
+ "type": {
20114
+ "text": "number | undefined"
20115
+ },
20116
+ "description": "The value of the rating.",
20117
+ "fieldName": "value",
20118
+ "inheritedFrom": {
20119
+ "name": "BaseRatingDisplay",
20120
+ "module": "src/rating-display/rating-display.base.ts"
20121
+ }
19960
20122
  }
19961
20123
  ],
19962
20124
  "superclass": {
@@ -20558,6 +20720,7 @@
20558
20720
  "fieldName": "initialValue"
20559
20721
  },
20560
20722
  {
20723
+ "name": "disabled",
20561
20724
  "type": {
20562
20725
  "text": "boolean"
20563
20726
  },
@@ -20566,6 +20729,7 @@
20566
20729
  "fieldName": "disabled"
20567
20730
  },
20568
20731
  {
20732
+ "name": "min",
20569
20733
  "type": {
20570
20734
  "text": "string"
20571
20735
  },
@@ -20574,6 +20738,7 @@
20574
20738
  "fieldName": "min"
20575
20739
  },
20576
20740
  {
20741
+ "name": "max",
20577
20742
  "type": {
20578
20743
  "text": "string"
20579
20744
  },
@@ -20582,6 +20747,7 @@
20582
20747
  "fieldName": "max"
20583
20748
  },
20584
20749
  {
20750
+ "name": "step",
20585
20751
  "type": {
20586
20752
  "text": "string"
20587
20753
  },
@@ -21056,6 +21222,7 @@
21056
21222
  "customElement": true,
21057
21223
  "attributes": [
21058
21224
  {
21225
+ "name": "autofocus",
21059
21226
  "type": {
21060
21227
  "text": "boolean"
21061
21228
  },
@@ -21126,6 +21293,18 @@
21126
21293
  "name": "BaseCheckbox",
21127
21294
  "module": "src/checkbox/checkbox.base.ts"
21128
21295
  }
21296
+ },
21297
+ {
21298
+ "name": "required",
21299
+ "type": {
21300
+ "text": "boolean"
21301
+ },
21302
+ "description": "The element's required state.",
21303
+ "fieldName": "required",
21304
+ "inheritedFrom": {
21305
+ "name": "BaseCheckbox",
21306
+ "module": "src/checkbox/checkbox.base.ts"
21307
+ }
21129
21308
  }
21130
21309
  ],
21131
21310
  "modulePath": "./dist/esm/switch/switch.js",
@@ -21207,6 +21386,7 @@
21207
21386
  ],
21208
21387
  "attributes": [
21209
21388
  {
21389
+ "name": "disabled",
21210
21390
  "type": {
21211
21391
  "text": "boolean"
21212
21392
  },
@@ -22419,6 +22599,7 @@
22419
22599
  ],
22420
22600
  "attributes": [
22421
22601
  {
22602
+ "name": "disabled",
22422
22603
  "type": {
22423
22604
  "text": "boolean"
22424
22605
  },
@@ -22883,6 +23064,7 @@
22883
23064
  ],
22884
23065
  "attributes": [
22885
23066
  {
23067
+ "name": "disabled",
22886
23068
  "type": {
22887
23069
  "text": "boolean"
22888
23070
  },
@@ -23447,6 +23629,7 @@
23447
23629
  "fieldName": "dirName"
23448
23630
  },
23449
23631
  {
23632
+ "name": "disabled",
23450
23633
  "type": {
23451
23634
  "text": "boolean"
23452
23635
  },
@@ -23513,6 +23696,7 @@
23513
23696
  "fieldName": "readOnly"
23514
23697
  },
23515
23698
  {
23699
+ "name": "required",
23516
23700
  "type": {
23517
23701
  "text": "boolean"
23518
23702
  },
@@ -23521,6 +23705,7 @@
23521
23705
  "fieldName": "required"
23522
23706
  },
23523
23707
  {
23708
+ "name": "resize",
23524
23709
  "type": {
23525
23710
  "text": "TextAreaResize"
23526
23711
  },
@@ -23531,6 +23716,7 @@
23531
23716
  }
23532
23717
  },
23533
23718
  {
23719
+ "name": "spellcheck",
23534
23720
  "type": {
23535
23721
  "text": "boolean"
23536
23722
  },
@@ -24217,36 +24403,6 @@
24217
24403
  }
24218
24404
  ],
24219
24405
  "attributes": [
24220
- {
24221
- "type": {
24222
- "text": "boolean"
24223
- },
24224
- "default": "false",
24225
- "description": "Indicates the visual appearance of the element.",
24226
- "fieldName": "appearance",
24227
- "parsedType": {
24228
- "text": "'outline' | 'filled-darker' | 'filled-lighter'"
24229
- },
24230
- "inheritedFrom": {
24231
- "name": "BaseTextArea",
24232
- "module": "src/textarea/textarea.base.ts"
24233
- }
24234
- },
24235
- {
24236
- "type": {
24237
- "text": "boolean"
24238
- },
24239
- "default": "false",
24240
- "description": "Indicates the visual appearance of the element.",
24241
- "fieldName": "appearance",
24242
- "parsedType": {
24243
- "text": "'outline' | 'filled-darker' | 'filled-lighter'"
24244
- },
24245
- "inheritedFrom": {
24246
- "name": "BaseTextArea",
24247
- "module": "src/textarea/textarea.base.ts"
24248
- }
24249
- },
24250
24406
  {
24251
24407
  "name": "autocomplete",
24252
24408
  "type": {
@@ -24284,6 +24440,19 @@
24284
24440
  "module": "src/textarea/textarea.base.ts"
24285
24441
  }
24286
24442
  },
24443
+ {
24444
+ "name": "disabled",
24445
+ "type": {
24446
+ "text": "boolean"
24447
+ },
24448
+ "default": "false",
24449
+ "description": "Sets the element's disabled state.",
24450
+ "fieldName": "disabled",
24451
+ "inheritedFrom": {
24452
+ "name": "BaseTextArea",
24453
+ "module": "src/textarea/textarea.base.ts"
24454
+ }
24455
+ },
24287
24456
  {
24288
24457
  "name": "display-shadow",
24289
24458
  "type": {
@@ -24369,6 +24538,47 @@
24369
24538
  "name": "BaseTextArea",
24370
24539
  "module": "src/textarea/textarea.base.ts"
24371
24540
  }
24541
+ },
24542
+ {
24543
+ "name": "required",
24544
+ "type": {
24545
+ "text": "boolean"
24546
+ },
24547
+ "default": "false",
24548
+ "description": "The element's required attribute.",
24549
+ "fieldName": "required",
24550
+ "inheritedFrom": {
24551
+ "name": "BaseTextArea",
24552
+ "module": "src/textarea/textarea.base.ts"
24553
+ }
24554
+ },
24555
+ {
24556
+ "name": "resize",
24557
+ "type": {
24558
+ "text": "TextAreaResize"
24559
+ },
24560
+ "description": "Indicates whether the element can be resized by end users.",
24561
+ "fieldName": "resize",
24562
+ "parsedType": {
24563
+ "text": "'none' | 'horizontal' | 'vertical' | 'both'"
24564
+ },
24565
+ "inheritedFrom": {
24566
+ "name": "BaseTextArea",
24567
+ "module": "src/textarea/textarea.base.ts"
24568
+ }
24569
+ },
24570
+ {
24571
+ "name": "spellcheck",
24572
+ "type": {
24573
+ "text": "boolean"
24574
+ },
24575
+ "default": "false",
24576
+ "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
24577
+ "fieldName": "spellcheck",
24578
+ "inheritedFrom": {
24579
+ "name": "BaseTextArea",
24580
+ "module": "src/textarea/textarea.base.ts"
24581
+ }
24372
24582
  }
24373
24583
  ],
24374
24584
  "superclass": {
@@ -24832,6 +25042,7 @@
24832
25042
  "fieldName": "autocomplete"
24833
25043
  },
24834
25044
  {
25045
+ "name": "autofocus",
24835
25046
  "type": {
24836
25047
  "text": "boolean"
24837
25048
  },
@@ -24855,6 +25066,7 @@
24855
25066
  "fieldName": "dirname"
24856
25067
  },
24857
25068
  {
25069
+ "name": "disabled",
24858
25070
  "type": {
24859
25071
  "text": "boolean | undefined"
24860
25072
  },
@@ -24886,6 +25098,7 @@
24886
25098
  "fieldName": "list"
24887
25099
  },
24888
25100
  {
25101
+ "name": "maxlength",
24889
25102
  "type": {
24890
25103
  "text": "number"
24891
25104
  },
@@ -24893,6 +25106,7 @@
24893
25106
  "fieldName": "maxlength"
24894
25107
  },
24895
25108
  {
25109
+ "name": "minlength",
24896
25110
  "type": {
24897
25111
  "text": "number"
24898
25112
  },
@@ -24900,6 +25114,7 @@
24900
25114
  "fieldName": "minlength"
24901
25115
  },
24902
25116
  {
25117
+ "name": "multiple",
24903
25118
  "type": {
24904
25119
  "text": "boolean"
24905
25120
  },
@@ -24939,6 +25154,7 @@
24939
25154
  "fieldName": "readOnly"
24940
25155
  },
24941
25156
  {
25157
+ "name": "required",
24942
25158
  "type": {
24943
25159
  "text": "boolean"
24944
25160
  },
@@ -24946,6 +25162,7 @@
24946
25162
  "fieldName": "required"
24947
25163
  },
24948
25164
  {
25165
+ "name": "size",
24949
25166
  "type": {
24950
25167
  "text": "number"
24951
25168
  },
@@ -24953,6 +25170,7 @@
24953
25170
  "fieldName": "size"
24954
25171
  },
24955
25172
  {
25173
+ "name": "spellcheck",
24956
25174
  "type": {
24957
25175
  "text": "boolean"
24958
25176
  },
@@ -25485,6 +25703,7 @@
25485
25703
  }
25486
25704
  },
25487
25705
  {
25706
+ "name": "autofocus",
25488
25707
  "type": {
25489
25708
  "text": "boolean"
25490
25709
  },
@@ -25519,6 +25738,18 @@
25519
25738
  "module": "src/text-input/text-input.base.ts"
25520
25739
  }
25521
25740
  },
25741
+ {
25742
+ "name": "disabled",
25743
+ "type": {
25744
+ "text": "boolean | undefined"
25745
+ },
25746
+ "description": "Sets the element's disabled state.",
25747
+ "fieldName": "disabled",
25748
+ "inheritedFrom": {
25749
+ "name": "BaseTextInput",
25750
+ "module": "src/text-input/text-input.base.ts"
25751
+ }
25752
+ },
25522
25753
  {
25523
25754
  "name": "form",
25524
25755
  "type": {
@@ -25555,6 +25786,42 @@
25555
25786
  "module": "src/text-input/text-input.base.ts"
25556
25787
  }
25557
25788
  },
25789
+ {
25790
+ "name": "maxlength",
25791
+ "type": {
25792
+ "text": "number"
25793
+ },
25794
+ "description": "The maximum number of characters a user can enter.",
25795
+ "fieldName": "maxlength",
25796
+ "inheritedFrom": {
25797
+ "name": "BaseTextInput",
25798
+ "module": "src/text-input/text-input.base.ts"
25799
+ }
25800
+ },
25801
+ {
25802
+ "name": "minlength",
25803
+ "type": {
25804
+ "text": "number"
25805
+ },
25806
+ "description": "The minimum number of characters a user can enter.",
25807
+ "fieldName": "minlength",
25808
+ "inheritedFrom": {
25809
+ "name": "BaseTextInput",
25810
+ "module": "src/text-input/text-input.base.ts"
25811
+ }
25812
+ },
25813
+ {
25814
+ "name": "multiple",
25815
+ "type": {
25816
+ "text": "boolean"
25817
+ },
25818
+ "description": "Indicates that a comma-separated list of email addresses can be entered. This attribute is only valid when `type=\"email\"`.",
25819
+ "fieldName": "multiple",
25820
+ "inheritedFrom": {
25821
+ "name": "BaseTextInput",
25822
+ "module": "src/text-input/text-input.base.ts"
25823
+ }
25824
+ },
25558
25825
  {
25559
25826
  "name": "name",
25560
25827
  "type": {
@@ -25603,6 +25870,42 @@
25603
25870
  "module": "src/text-input/text-input.base.ts"
25604
25871
  }
25605
25872
  },
25873
+ {
25874
+ "name": "required",
25875
+ "type": {
25876
+ "text": "boolean"
25877
+ },
25878
+ "description": "The element's required attribute.",
25879
+ "fieldName": "required",
25880
+ "inheritedFrom": {
25881
+ "name": "BaseTextInput",
25882
+ "module": "src/text-input/text-input.base.ts"
25883
+ }
25884
+ },
25885
+ {
25886
+ "name": "size",
25887
+ "type": {
25888
+ "text": "number"
25889
+ },
25890
+ "description": "Sets the width of the element to a specified number of characters.",
25891
+ "fieldName": "size",
25892
+ "inheritedFrom": {
25893
+ "name": "BaseTextInput",
25894
+ "module": "src/text-input/text-input.base.ts"
25895
+ }
25896
+ },
25897
+ {
25898
+ "name": "spellcheck",
25899
+ "type": {
25900
+ "text": "boolean"
25901
+ },
25902
+ "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
25903
+ "fieldName": "spellcheck",
25904
+ "inheritedFrom": {
25905
+ "name": "BaseTextInput",
25906
+ "module": "src/text-input/text-input.base.ts"
25907
+ }
25908
+ },
25606
25909
  {
25607
25910
  "name": "type",
25608
25911
  "type": {
@@ -25803,6 +26106,7 @@
25803
26106
  ],
25804
26107
  "attributes": [
25805
26108
  {
26109
+ "name": "nowrap",
25806
26110
  "type": {
25807
26111
  "text": "boolean"
25808
26112
  },
@@ -25811,6 +26115,7 @@
25811
26115
  "fieldName": "nowrap"
25812
26116
  },
25813
26117
  {
26118
+ "name": "truncate",
25814
26119
  "type": {
25815
26120
  "text": "boolean"
25816
26121
  },
@@ -25819,6 +26124,7 @@
25819
26124
  "fieldName": "truncate"
25820
26125
  },
25821
26126
  {
26127
+ "name": "italic",
25822
26128
  "type": {
25823
26129
  "text": "boolean"
25824
26130
  },
@@ -25827,6 +26133,7 @@
25827
26133
  "fieldName": "italic"
25828
26134
  },
25829
26135
  {
26136
+ "name": "underline",
25830
26137
  "type": {
25831
26138
  "text": "boolean"
25832
26139
  },
@@ -25835,6 +26142,7 @@
25835
26142
  "fieldName": "underline"
25836
26143
  },
25837
26144
  {
26145
+ "name": "strikethrough",
25838
26146
  "type": {
25839
26147
  "text": "boolean"
25840
26148
  },
@@ -25843,6 +26151,7 @@
25843
26151
  "fieldName": "strikethrough"
25844
26152
  },
25845
26153
  {
26154
+ "name": "block",
25846
26155
  "type": {
25847
26156
  "text": "boolean"
25848
26157
  },
@@ -26279,30 +26588,6 @@
26279
26588
  }
26280
26589
  ],
26281
26590
  "attributes": [
26282
- {
26283
- "type": {
26284
- "text": "boolean"
26285
- },
26286
- "default": "false",
26287
- "description": "Indicates the pressed state of the control.",
26288
- "fieldName": "pressed",
26289
- "inheritedFrom": {
26290
- "name": "BaseButton",
26291
- "module": "src/button/button.base.ts"
26292
- }
26293
- },
26294
- {
26295
- "type": {
26296
- "text": "boolean"
26297
- },
26298
- "default": "false",
26299
- "description": "Indicates the pressed state of the control.",
26300
- "fieldName": "pressed",
26301
- "inheritedFrom": {
26302
- "name": "BaseButton",
26303
- "module": "src/button/button.base.ts"
26304
- }
26305
- },
26306
26591
  {
26307
26592
  "name": "appearance",
26308
26593
  "type": {
@@ -26352,6 +26637,31 @@
26352
26637
  "module": "src/button/button.ts"
26353
26638
  }
26354
26639
  },
26640
+ {
26641
+ "name": "autofocus",
26642
+ "type": {
26643
+ "text": "boolean"
26644
+ },
26645
+ "description": "Indicates the button should be focused when the page is loaded.",
26646
+ "fieldName": "autofocus",
26647
+ "inheritedFrom": {
26648
+ "name": "BaseButton",
26649
+ "module": "src/button/button.base.ts"
26650
+ }
26651
+ },
26652
+ {
26653
+ "name": "disabled",
26654
+ "type": {
26655
+ "text": "boolean"
26656
+ },
26657
+ "default": "false",
26658
+ "description": "Sets the element's disabled state.",
26659
+ "fieldName": "disabled",
26660
+ "inheritedFrom": {
26661
+ "name": "BaseButton",
26662
+ "module": "src/button/button.base.ts"
26663
+ }
26664
+ },
26355
26665
  {
26356
26666
  "name": "disabled-focusable",
26357
26667
  "type": {
@@ -26642,6 +26952,7 @@
26642
26952
  "fieldName": "id"
26643
26953
  },
26644
26954
  {
26955
+ "name": "delay",
26645
26956
  "type": {
26646
26957
  "text": "number | undefined"
26647
26958
  },
@@ -26842,6 +27153,7 @@
26842
27153
  ],
26843
27154
  "attributes": [
26844
27155
  {
27156
+ "name": "expanded",
26845
27157
  "type": {
26846
27158
  "text": "boolean"
26847
27159
  },
@@ -26850,6 +27162,7 @@
26850
27162
  "fieldName": "expanded"
26851
27163
  },
26852
27164
  {
27165
+ "name": "selected",
26853
27166
  "type": {
26854
27167
  "text": "boolean"
26855
27168
  },
@@ -26858,6 +27171,7 @@
26858
27171
  "fieldName": "selected"
26859
27172
  },
26860
27173
  {
27174
+ "name": "empty",
26861
27175
  "type": {
26862
27176
  "text": "boolean"
26863
27177
  },
@@ -27131,6 +27445,7 @@
27131
27445
  ],
27132
27446
  "attributes": [
27133
27447
  {
27448
+ "name": "expanded",
27134
27449
  "type": {
27135
27450
  "text": "boolean"
27136
27451
  },
@@ -27142,6 +27457,32 @@
27142
27457
  "module": "src/tree-item/tree-item.base.ts"
27143
27458
  }
27144
27459
  },
27460
+ {
27461
+ "name": "selected",
27462
+ "type": {
27463
+ "text": "boolean"
27464
+ },
27465
+ "default": "false",
27466
+ "description": "When true, the control will appear selected by user interaction.",
27467
+ "fieldName": "selected",
27468
+ "inheritedFrom": {
27469
+ "name": "BaseTreeItem",
27470
+ "module": "src/tree-item/tree-item.base.ts"
27471
+ }
27472
+ },
27473
+ {
27474
+ "name": "empty",
27475
+ "type": {
27476
+ "text": "boolean"
27477
+ },
27478
+ "default": "false",
27479
+ "description": "When true, the control has no child tree items",
27480
+ "fieldName": "empty",
27481
+ "inheritedFrom": {
27482
+ "name": "BaseTreeItem",
27483
+ "module": "src/tree-item/tree-item.base.ts"
27484
+ }
27485
+ },
27145
27486
  {
27146
27487
  "name": "data-indent",
27147
27488
  "type": {
package/dist/esm/switch/switch.styles.js CHANGED
@@ -95,6 +95,7 @@ export const styles = css `
95
95
  :host(:not([slot='input']):focus-visible) {
96
96
  border-color: ${colorTransparentStroke};
97
97
  outline: ${strokeWidthThick} solid ${colorTransparentStroke};
98
+ outline-offset: 1px;
98
99
  box-shadow: ${shadow4}, 0 0 0 2px ${colorStrokeFocus2};
99
100
  }
100
101
  `.withBehaviors(forcedColorsStylesheetBehavior(css `
package/dist/esm/switch/switch.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.styles.js","sourceRoot":"","sources":["../../../src/switch/switch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,mCAAmC,EACnC,qCAAqC,EACrC,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,iBAAiB,EACjB,0BAA0B,EAC1B,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,OAAO,EACP,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;iBAST,oBAAoB;;;wBAGb,0BAA0B;wBAC1B,4BAA4B;qBAC/B,oBAAoB;;;;;;;;;oBASrB,iCAAiC;;;oBAGjC,mCAAmC;;;;wBAI/B,0BAA0B;;;;UAIxC,YAAY;kBACJ,4BAA4B;oBAC1B,4BAA4B;;UAEtC,YAAY;kBACJ,iCAAiC;oBAC/B,iCAAiC;;UAE3C,YAAY;kBACJ,mCAAmC;oBACjC,mCAAmC;;UAE7C,YAAY;kBACJ,8BAA8B;oBAC5B,0BAA0B;;;;;;;wBAOtB,uBAAuB;2BACpB,cAAc;kCACP,aAAa;;;UAGrC,YAAY;wBACE,8BAA8B;;;UAG5C,YAAY;kBACJ,mCAAmC;;UAE3C,YAAY;kBACJ,qCAAqC;;;wBAG/B,4BAA4B;;;wBAG5B,8BAA8B;;;;kBAIpC,8BAA8B;;UAEtC,YAAY;kBACJ,8BAA8B;;;;;;;;oBAQ5B,sBAAsB;eAC3B,gBAAgB,UAAU,sBAAsB;kBAC7C,OAAO,eAAe,iBAAiB;;CAExD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;YAIxB,YAAY;YACZ,YAAY;YACZ,YAAY;;;;;;;;;YASZ,YAAY;YACZ,YAAY;YACZ,YAAY;;;;YAIZ,YAAY;;;GAGrB,CAAC,CACH,CAAC"}
1
+ {"version":3,"file":"switch.styles.js","sourceRoot":"","sources":["../../../src/switch/switch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,mCAAmC,EACnC,qCAAqC,EACrC,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,iBAAiB,EACjB,0BAA0B,EAC1B,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,OAAO,EACP,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;iBAST,oBAAoB;;;wBAGb,0BAA0B;wBAC1B,4BAA4B;qBAC/B,oBAAoB;;;;;;;;;oBASrB,iCAAiC;;;oBAGjC,mCAAmC;;;;wBAI/B,0BAA0B;;;;UAIxC,YAAY;kBACJ,4BAA4B;oBAC1B,4BAA4B;;UAEtC,YAAY;kBACJ,iCAAiC;oBAC/B,iCAAiC;;UAE3C,YAAY;kBACJ,mCAAmC;oBACjC,mCAAmC;;UAE7C,YAAY;kBACJ,8BAA8B;oBAC5B,0BAA0B;;;;;;;wBAOtB,uBAAuB;2BACpB,cAAc;kCACP,aAAa;;;UAGrC,YAAY;wBACE,8BAA8B;;;UAG5C,YAAY;kBACJ,mCAAmC;;UAE3C,YAAY;kBACJ,qCAAqC;;;wBAG/B,4BAA4B;;;wBAG5B,8BAA8B;;;;kBAIpC,8BAA8B;;UAEtC,YAAY;kBACJ,8BAA8B;;;;;;;;oBAQ5B,sBAAsB;eAC3B,gBAAgB,UAAU,sBAAsB;;kBAE7C,OAAO,eAAe,iBAAiB;;CAExD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;YAIxB,YAAY;YACZ,YAAY;YACZ,YAAY;;;;;;;;;YASZ,YAAY;YACZ,YAAY;YACZ,YAAY;;;;YAIZ,YAAY;;;GAGrB,CAAC,CACH,CAAC"}
package/dist/web-components.js CHANGED
@@ -11197,7 +11197,7 @@ const template$b = switchTemplate({
11197
11197
  const styles$b = css`
11198
11198
  ${display("inline-flex")}
11199
11199
 
11200
- :host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${spacingHorizontalXXS};width:40px;height:20px;background-color:${colorTransparentBackground};border:1px solid ${colorNeutralStrokeAccessible};border-radius:${borderRadiusCircular}}:host(:enabled){cursor:pointer}:host(:hover){background:none;border-color:${colorNeutralStrokeAccessibleHover}}:host(:active){border-color:${colorNeutralStrokeAccessiblePressed}}:host(:disabled),:host([readonly]){border:1px solid ${colorNeutralStrokeDisabled};background-color:none;pointer:default}:host(${checkedState}){background:${colorCompoundBrandBackground};border-color:${colorCompoundBrandBackground}}:host(${checkedState}:hover){background:${colorCompoundBrandBackgroundHover};border-color:${colorCompoundBrandBackgroundHover}}:host(${checkedState}:active){background:${colorCompoundBrandBackgroundPressed};border-color:${colorCompoundBrandBackgroundPressed}}:host(${checkedState}:disabled){background:${colorNeutralBackgroundDisabled};border-color:${colorNeutralStrokeDisabled}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${colorNeutralForeground3};transition-duration:${durationNormal};transition-timing-function:${curveEasyEase};transition-property:margin-inline-start}:host(${checkedState}) .checked-indicator{background-color:${colorNeutralForegroundInverted};margin-inline-start:calc(100% - 14px)}:host(${checkedState}:hover) .checked-indicator{background:${colorNeutralForegroundInvertedHover}}:host(${checkedState}:active) .checked-indicator{background:${colorNeutralForegroundInvertedPressed}}:host(:hover) .checked-indicator{background-color:${colorNeutralForeground3Hover}}:host(:active) .checked-indicator{background-color:${colorNeutralForeground3Pressed}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${colorNeutralForegroundDisabled}}:host(${checkedState}:disabled) .checked-indicator{background:${colorNeutralForegroundDisabled}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${colorTransparentStroke};outline:${strokeWidthThick} solid ${colorTransparentStroke};box-shadow:${shadow4},0 0 0 2px ${colorStrokeFocus2}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
11200
+ :host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${spacingHorizontalXXS};width:40px;height:20px;background-color:${colorTransparentBackground};border:1px solid ${colorNeutralStrokeAccessible};border-radius:${borderRadiusCircular}}:host(:enabled){cursor:pointer}:host(:hover){background:none;border-color:${colorNeutralStrokeAccessibleHover}}:host(:active){border-color:${colorNeutralStrokeAccessiblePressed}}:host(:disabled),:host([readonly]){border:1px solid ${colorNeutralStrokeDisabled};background-color:none;pointer:default}:host(${checkedState}){background:${colorCompoundBrandBackground};border-color:${colorCompoundBrandBackground}}:host(${checkedState}:hover){background:${colorCompoundBrandBackgroundHover};border-color:${colorCompoundBrandBackgroundHover}}:host(${checkedState}:active){background:${colorCompoundBrandBackgroundPressed};border-color:${colorCompoundBrandBackgroundPressed}}:host(${checkedState}:disabled){background:${colorNeutralBackgroundDisabled};border-color:${colorNeutralStrokeDisabled}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${colorNeutralForeground3};transition-duration:${durationNormal};transition-timing-function:${curveEasyEase};transition-property:margin-inline-start}:host(${checkedState}) .checked-indicator{background-color:${colorNeutralForegroundInverted};margin-inline-start:calc(100% - 14px)}:host(${checkedState}:hover) .checked-indicator{background:${colorNeutralForegroundInvertedHover}}:host(${checkedState}:active) .checked-indicator{background:${colorNeutralForegroundInvertedPressed}}:host(:hover) .checked-indicator{background-color:${colorNeutralForeground3Hover}}:host(:active) .checked-indicator{background-color:${colorNeutralForeground3Pressed}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${colorNeutralForegroundDisabled}}:host(${checkedState}:disabled) .checked-indicator{background:${colorNeutralForegroundDisabled}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${colorTransparentStroke};outline:${strokeWidthThick} solid ${colorTransparentStroke};outline-offset:1px;box-shadow:${shadow4},0 0 0 2px ${colorStrokeFocus2}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
11201
11201
  :host{border-color:InactiveBorder}:host(${checkedState}),:host(${checkedState}:active),:host(${checkedState}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${checkedState}) .checked-indicator,:host(${checkedState}:hover) .checked-indicator,:host(${checkedState}:active) .checked-indicator{background-color:ButtonFace}:host(:disabled) .checked-indicator,:host(${checkedState}:disabled) .checked-indicator{background-color:GrayText}`));
11202
11202
 
11203
11203
  const definition$b = Switch.compose({
package/dist/web-components.min.js CHANGED
@@ -525,7 +525,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
525
525
  .background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-right-color:Highlight}`)),kg=b`<slot name="indicator"><div class="background"></div><div class="progress"><div class="spinner"><div class="start"><div class="indicator"></div></div><div class="end"><div class="indicator"></div></div></div></div></slot>`,wg=Wr.compose({name:`${p.prefix}-spinner`,template:kg,styles:xg});wg.define(p.registry);class Cg extends Pe{constructor(){super(),this.elementInternals.role="switch"}}function Sg(o={}){return b`<template @click="${(e,t)=>e.clickHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="switch">${fe(o.switch)}</slot></template>`}const Ig=Sg({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),Pg=u`
526
526
  ${k("inline-flex")}
527
527
 
528
- :host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${H};width:40px;height:20px;background-color:${me};border:1px solid ${Ve};border-radius:${$e}}:host(:enabled){cursor:pointer}:host(:hover){background:none;border-color:${mt}}:host(:active){border-color:${vt}}:host(:disabled),:host([readonly]){border:1px solid ${Ce};background-color:none;pointer:default}:host(${x}){background:${ft};border-color:${ft}}:host(${x}:hover){background:${Ht};border-color:${Ht}}:host(${x}:active){background:${Vt};border-color:${Vt}}:host(${x}:disabled){background:${it};border-color:${Ce}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${Z};transition-duration:${$i};transition-timing-function:${xi};transition-property:margin-inline-start}:host(${x}) .checked-indicator{background-color:${bt};margin-inline-start:calc(100% - 14px)}:host(${x}:hover) .checked-indicator{background:${Ll}}:host(${x}:active) .checked-indicator{background:${jl}}:host(:hover) .checked-indicator{background-color:${Ol}}:host(:active) .checked-indicator{background-color:${_l}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${S}}:host(${x}:disabled) .checked-indicator{background:${S}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${J};outline:${ue} solid ${J};box-shadow:${fi},0 0 0 2px ${ve}}`.withBehaviors(U(u`
528
+ :host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${H};width:40px;height:20px;background-color:${me};border:1px solid ${Ve};border-radius:${$e}}:host(:enabled){cursor:pointer}:host(:hover){background:none;border-color:${mt}}:host(:active){border-color:${vt}}:host(:disabled),:host([readonly]){border:1px solid ${Ce};background-color:none;pointer:default}:host(${x}){background:${ft};border-color:${ft}}:host(${x}:hover){background:${Ht};border-color:${Ht}}:host(${x}:active){background:${Vt};border-color:${Vt}}:host(${x}:disabled){background:${it};border-color:${Ce}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${Z};transition-duration:${$i};transition-timing-function:${xi};transition-property:margin-inline-start}:host(${x}) .checked-indicator{background-color:${bt};margin-inline-start:calc(100% - 14px)}:host(${x}:hover) .checked-indicator{background:${Ll}}:host(${x}:active) .checked-indicator{background:${jl}}:host(:hover) .checked-indicator{background-color:${Ol}}:host(:active) .checked-indicator{background-color:${_l}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${S}}:host(${x}:disabled) .checked-indicator{background:${S}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${J};outline:${ue} solid ${J};outline-offset:1px;box-shadow:${fi},0 0 0 2px ${ve}}`.withBehaviors(U(u`
529
529
  :host{border-color:InactiveBorder}:host(${x}),:host(${x}:active),:host(${x}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${x}) .checked-indicator,:host(${x}:hover) .checked-indicator,:host(${x}:active) .checked-indicator{background-color:ButtonFace}:host(:disabled) .checked-indicator,:host(${x}:disabled) .checked-indicator{background-color:GrayText}`)),zg=Cg.compose({name:`${p.prefix}-switch`,template:Ig,styles:Pg});zg.define(p.registry);class Tg extends ${}function Bg(){return b`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const Og=Bg(),_g=u`
530
530
  ${k("block")}
531
531
 
package/package.json CHANGED
@@ -1,11 +1,14 @@
1
1
  {
2
2
  "name": "@fluentui/web-components",
3
3
  "description": "A library of Fluent Web Components",
4
- "version": "3.0.0-beta.123",
4
+ "version": "3.0.0-beta.125",
5
5
  "author": {
6
6
  "name": "Microsoft",
7
7
  "url": "https://discord.gg/FcSNfg4"
8
8
  },
9
+ "engines": {
10
+ "node": ">=20.10.0"
11
+ },
9
12
  "license": "MIT",
10
13
  "repository": {
11
14
  "type": "git",
@@ -67,11 +70,12 @@
67
70
  "start": "yarn start-storybook -p 6006 --docs",
68
71
  "start-storybook": "storybook dev",
69
72
  "build-storybook": "storybook build -o ./dist/storybook --docs",
73
+ "build-storybook:docsite": "cross-env DEPLOY_PATH=/web-components/ storybook build -o ./dist/storybook --docs",
70
74
  "e2e": "node ./scripts/e2e.js",
71
75
  "e2e:local": "node ./scripts/e2e.js --ui"
72
76
  },
73
77
  "devDependencies": {
74
- "@custom-elements-manifest/analyzer": "0.10.4",
78
+ "@custom-elements-manifest/analyzer": "0.10.8",
75
79
  "@fluentui/scripts-api-extractor": "*",
76
80
  "@microsoft/fast-element": "2.0.0",
77
81
  "@tensile-perf/web-components": "~0.2.2",