@hashicorp/design-system-components 6.5.0 → 6.5.1

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 (12) hide show
  1. package/component-catalog.json +30 -29
  2. package/declarations/components/hds/icon/index.d.ts +1 -1
  3. package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
  4. package/dist/components/hds/filter-bar/filter-group/index.js +0 -1
  5. package/dist/components/hds/filter-bar/filter-group/index.js.map +1 -1
  6. package/dist/components/hds/filter-bar/filters-dropdown.js +0 -1
  7. package/dist/components/hds/filter-bar/filters-dropdown.js.map +1 -1
  8. package/dist/components/hds/filter-bar/index.js +0 -1
  9. package/dist/components/hds/filter-bar/index.js.map +1 -1
  10. package/dist/components/hds/form/indicator/index.js +1 -1
  11. package/dist/components/hds/form/indicator/index.js.map +1 -1
  12. package/package.json +6 -4
package/component-catalog.json CHANGED
@@ -565,6 +565,7 @@
565
565
  "node",
566
566
  "pipeline",
567
567
  "plug",
568
+ "portal",
568
569
  "replication-direct",
569
570
  "replication-perf",
570
571
  "scissors",
@@ -2355,7 +2356,7 @@
2355
2356
  },
2356
2357
  {
2357
2358
  "name": "icon",
2358
- "type": "false | \"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | ... 657 more ... | \"swap-horizontal\"",
2359
+ "type": "false | \"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | ... 658 more ... | \"swap-horizontal\"",
2359
2360
  "required": false
2360
2361
  },
2361
2362
  {
@@ -2586,7 +2587,7 @@
2586
2587
  },
2587
2588
  {
2588
2589
  "name": "icon",
2589
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
2590
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
2590
2591
  "required": false,
2591
2592
  "valuesRef": "Hds::Icon#name"
2592
2593
  },
@@ -2719,7 +2720,7 @@
2719
2720
  },
2720
2721
  {
2721
2722
  "name": "statusIcon",
2722
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
2723
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
2723
2724
  "required": false,
2724
2725
  "valuesRef": "Hds::Icon#name"
2725
2726
  },
@@ -2958,7 +2959,7 @@
2958
2959
  },
2959
2960
  {
2960
2961
  "name": "icon",
2961
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
2962
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
2962
2963
  "required": true,
2963
2964
  "valuesRef": "Hds::Icon#name"
2964
2965
  },
@@ -3147,7 +3148,7 @@
3147
3148
  },
3148
3149
  {
3149
3150
  "name": "icon",
3150
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
3151
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
3151
3152
  "required": false,
3152
3153
  "valuesRef": "Hds::Icon#name"
3153
3154
  },
@@ -3376,7 +3377,7 @@
3376
3377
  },
3377
3378
  {
3378
3379
  "name": "icon",
3379
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
3380
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
3380
3381
  "required": false,
3381
3382
  "valuesRef": "Hds::Icon#name"
3382
3383
  },
@@ -3530,7 +3531,7 @@
3530
3531
  "args": [
3531
3532
  {
3532
3533
  "name": "icon",
3533
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
3534
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
3534
3535
  "required": true,
3535
3536
  "valuesRef": "Hds::Icon#name"
3536
3537
  }
@@ -3558,7 +3559,7 @@
3558
3559
  },
3559
3560
  {
3560
3561
  "name": "icon",
3561
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
3562
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
3562
3563
  "required": false,
3563
3564
  "valuesRef": "Hds::Icon#name"
3564
3565
  },
@@ -3671,7 +3672,7 @@
3671
3672
  },
3672
3673
  {
3673
3674
  "name": "icon",
3674
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
3675
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
3675
3676
  "required": false,
3676
3677
  "valuesRef": "Hds::Icon#name"
3677
3678
  },
@@ -3763,7 +3764,7 @@
3763
3764
  },
3764
3765
  {
3765
3766
  "name": "icon",
3766
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
3767
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
3767
3768
  "required": false,
3768
3769
  "valuesRef": "Hds::Icon#name"
3769
3770
  },
@@ -4393,7 +4394,7 @@
4393
4394
  },
4394
4395
  {
4395
4396
  "name": "icon",
4396
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
4397
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
4397
4398
  "required": false,
4398
4399
  "inheritedFrom": "hds/button",
4399
4400
  "valuesRef": "Hds::Icon#name"
@@ -4625,7 +4626,7 @@
4625
4626
  },
4626
4627
  {
4627
4628
  "name": "icon",
4628
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
4629
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
4629
4630
  "required": false,
4630
4631
  "valuesRef": "Hds::Icon#name"
4631
4632
  },
@@ -4936,7 +4937,7 @@
4936
4937
  },
4937
4938
  {
4938
4939
  "name": "icon",
4939
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
4940
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
4940
4941
  "required": false,
4941
4942
  "valuesRef": "Hds::Icon#name"
4942
4943
  },
@@ -4984,7 +4985,7 @@
4984
4985
  },
4985
4986
  {
4986
4987
  "name": "icon",
4987
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
4988
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
4988
4989
  "required": false,
4989
4990
  "valuesRef": "Hds::Icon#name"
4990
4991
  },
@@ -5120,7 +5121,7 @@
5120
5121
  },
5121
5122
  {
5122
5123
  "name": "icon",
5123
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
5124
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
5124
5125
  "required": false,
5125
5126
  "valuesRef": "Hds::Icon#name"
5126
5127
  },
@@ -5173,7 +5174,7 @@
5173
5174
  },
5174
5175
  {
5175
5176
  "name": "trailingIcon",
5176
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
5177
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
5177
5178
  "required": false,
5178
5179
  "valuesRef": "Hds::Icon#name"
5179
5180
  }
@@ -5203,7 +5204,7 @@
5203
5204
  },
5204
5205
  {
5205
5206
  "name": "icon",
5206
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
5207
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
5207
5208
  "required": false,
5208
5209
  "valuesRef": "Hds::Icon#name"
5209
5210
  },
@@ -5261,7 +5262,7 @@
5261
5262
  },
5262
5263
  {
5263
5264
  "name": "badgeIcon",
5264
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
5265
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
5265
5266
  "required": false,
5266
5267
  "valuesRef": "Hds::Icon#name"
5267
5268
  },
@@ -5278,7 +5279,7 @@
5278
5279
  },
5279
5280
  {
5280
5281
  "name": "icon",
5281
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
5282
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
5282
5283
  "required": false,
5283
5284
  "valuesRef": "Hds::Icon#name"
5284
5285
  },
@@ -5332,7 +5333,7 @@
5332
5333
  },
5333
5334
  {
5334
5335
  "name": "icon",
5335
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
5336
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
5336
5337
  "required": false,
5337
5338
  "valuesRef": "Hds::Icon#name"
5338
5339
  },
@@ -5460,7 +5461,7 @@
5460
5461
  },
5461
5462
  {
5462
5463
  "name": "toggleButtonIcon",
5463
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
5464
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
5464
5465
  "required": false,
5465
5466
  "valuesRef": "Hds::Icon#name"
5466
5467
  },
@@ -10122,7 +10123,7 @@
10122
10123
  },
10123
10124
  {
10124
10125
  "name": "name",
10125
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
10126
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
10126
10127
  "required": true,
10127
10128
  "valuesRef": "Hds::Icon#name"
10128
10129
  },
@@ -10172,13 +10173,13 @@
10172
10173
  },
10173
10174
  {
10174
10175
  "name": "icon",
10175
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
10176
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
10176
10177
  "required": false,
10177
10178
  "valuesRef": "Hds::Icon#name"
10178
10179
  },
10179
10180
  {
10180
10181
  "name": "iconSecondary",
10181
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
10182
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
10182
10183
  "required": false,
10183
10184
  "valuesRef": "Hds::Icon#name"
10184
10185
  },
@@ -10475,7 +10476,7 @@
10475
10476
  },
10476
10477
  {
10477
10478
  "name": "icon",
10478
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
10479
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
10479
10480
  "required": false,
10480
10481
  "valuesRef": "Hds::Icon#name"
10481
10482
  },
@@ -10561,7 +10562,7 @@
10561
10562
  },
10562
10563
  {
10563
10564
  "name": "icon",
10564
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
10565
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
10565
10566
  "required": true,
10566
10567
  "valuesRef": "Hds::Icon#name"
10567
10568
  },
@@ -11625,7 +11626,7 @@
11625
11626
  "args": [
11626
11627
  {
11627
11628
  "name": "icon",
11628
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
11629
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
11629
11630
  "required": false,
11630
11631
  "valuesRef": "Hds::Icon#name"
11631
11632
  },
@@ -12577,7 +12578,7 @@
12577
12578
  },
12578
12579
  {
12579
12580
  "name": "icon",
12580
- "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 656 more ... | \"swap-horizontal\"",
12581
+ "type": "\"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | \"certificate\" | ... 657 more ... | \"swap-horizontal\"",
12581
12582
  "required": false,
12582
12583
  "valuesRef": "Hds::Icon#name"
12583
12584
  },
@@ -13024,7 +13025,7 @@
13024
13025
  },
13025
13026
  {
13026
13027
  "name": "icon",
13027
- "type": "false | \"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | ... 657 more ... | \"swap-horizontal\"",
13028
+ "type": "false | \"search\" | \"repeat\" | \"link\" | \"map\" | \"filter\" | \"code\" | \"type\" | \"key\" | \"file\" | \"pause\" | \"play\" | \"square\" | \"triangle\" | \"camera\" | \"enterprise\" | \"channel\" | \"cpu\" | ... 658 more ... | \"swap-horizontal\"",
13028
13029
  "required": false,
13029
13030
  "inheritedFrom": "hds/alert"
13030
13031
  },
package/declarations/components/hds/icon/index.d.ts CHANGED
@@ -8,7 +8,7 @@ import type Owner from '@ember/owner';
8
8
  import { HdsIconSizeValues } from './types.ts';
9
9
  import type { HdsIconSizes, HdsIconColors } from './types.ts';
10
10
  export declare const COLORS: HdsIconColors[];
11
- export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "ansible-community", "ansible-community-color", "ansible-automation-platform", "ansible-automation-platform-color", "auth0", "auth0-color", "aws", "aws-color", "aws-cdk", "aws-cdk-color", "aws-cloudwatch", "aws-cloudwatch-color", "aws-ec2", "aws-ec2-color", "aws-lambda", "aws-lambda-color", "aws-s3", "aws-s3-color", "azure", "azure-color", "azure-aks", "azure-aks-color", "azure-blob-storage", "azure-blob-storage-color", "azure-devops", "azure-devops-color", "azure-vms", "azure-vms-color", "bitbucket", "bitbucket-color", "bridgecrew", "bridgecrew-color", "cisco", "cisco-color", "cloudability", "cloudability-color", "codepen", "codepen-color", "confluence", "confluence-color", "confluent", "confluent-color", "datadog", "datadog-color", "digital-ocean", "digital-ocean-color", "docker", "docker-color", "duo", "duo-color", "elastic-observability", "elastic-observability-color", "f5", "f5-color", "facebook", "facebook-color", "figma", "figma-color", "gcp", "gcp-color", "git", "git-color", "gitlab", "gitlab-color", "github", "github-color", "google", "google-color", "google-docs", "google-docs-color", "google-drive", "google-drive-color", "google-forms", "google-forms-color", "google-sheets", "google-sheets-color", "google-slides", "google-slides-color", "grafana", "grafana-color", "helm", "helm-color", "infracost", "infracost-color", "jenkins", "jenkins-color", "jfrog", "jfrog-color", "jira", "jira-color", "jwt", "jwt-color", "kubernetes", "kubernetes-color", "lightlytics", "lightlytics-color", "linkedin", "linkedin-color", "linode", "linode-color", "linux", "linux-color", "loom", "loom-color", "meetup", "meetup-color", "microsoft", "microsoft-color", "microsoft-teams", "microsoft-teams-color", "minio", "minio-color", "mongodb", "mongodb-color", "new-relic", "new-relic-color", "okta", "okta-color", "oracle", "oracle-color", "opa", "opa-color", "openid", "openid-color", "openstack", "openstack-color", "pack", "pack-color", "pager-duty", "pager-duty-color", "ping-identity", "ping-identity-color", "postgres", "postgres-color", "rabbitmq", "rabbitmq-color", "saml", "saml-color", "service-now", "service-now-color", "slack", "slack-color", "snyk", "snyk-color", "splunk", "splunk-color", "twilio", "twilio-color", "twitch", "twitch-color", "twitter", "twitter-color", "twitter-x", "twitter-x-color", "vantage", "vantage-color", "venafi", "venafi-color", "vercel", "vercel-color", "vmware", "vmware-color", "youtube", "youtube-color", "boundary", "boundary-color", "boundary-fill", "boundary-fill-color", "boundary-square", "boundary-square-color", "consul", "consul-color", "consul-fill", "consul-fill-color", "consul-square", "consul-square-color", "nomad", "nomad-color", "nomad-fill", "nomad-fill-color", "nomad-square", "nomad-square-color", "packer", "packer-color", "packer-fill", "packer-fill-color", "packer-square", "packer-square-color", "terraform", "terraform-color", "terraform-fill", "terraform-fill-color", "terraform-square", "terraform-square-color", "vagrant", "vagrant-color", "vagrant-fill", "vagrant-fill-color", "vagrant-square", "vagrant-square-color", "vault", "vault-color", "vault-fill", "vault-fill-color", "vault-square", "vault-square-color", "vault-radar", "vault-radar-color", "vault-radar-fill", "vault-radar-fill-color", "vault-radar-square", "vault-radar-square-color", "vault-secrets", "vault-secrets-color", "vault-secrets-fill", "vault-secrets-fill-color", "vault-secrets-square", "vault-secrets-square-color", "waypoint", "waypoint-color", "waypoint-fill", "waypoint-fill-color", "waypoint-square", "waypoint-square-color", "hashicorp", "hashicorp-color", "hashicorp-fill", "hashicorp-fill-color", "hashicorp-square", "hashicorp-square-color", "hcp", "hcp-color", "hcp-fill", "hcp-fill-color", "hcp-square", "hcp-square-color", "accessibility", "folder-users", "frown", "identity-service", "identity-user", "meh", "robot", "smile", "user", "user-check", "user-circle", "user-circle-fill", "user-minus", "user-plus", "user-x", "users", "ampersand", "beaker", "bucket", "bulb", "circle", "circle-dash", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "incomplete-normal", "labyrinth", "layers", "moon", "octagon", "outline", "random", "rocket", "sparkle", "square", "square-fill", "sun", "triangle", "triangle-fill", "truck", "wand", "zap", "zap-off", "docs", "docs-download", "docs-link", "guide", "guide-link", "help", "info", "info-fill", "learn", "learn-link", "support", "alert-circle", "alert-circle-fill", "alert-diamond", "alert-diamond-fill", "alert-octagon", "alert-octagon-fill", "alert-triangle", "alert-triangle-fill", "check", "check-circle", "check-circle-fill", "error-filled", "check-diamond", "check-diamond-fill", "check-hexagon", "check-hexagon-fill", "check-square", "check-square-fill", "skip", "x", "x-circle", "x-circle-fill", "x-diamond", "x-diamond-fill", "x-hexagon", "x-hexagon-fill", "x-square", "x-square-fill", "bug", "certificate", "eye", "eye-off", "fingerprint", "key", "keychain", "lock", "lock-fill", "lock-off", "shield", "shield-alert", "shield-check", "shield-off", "shield-x", "token", "unlock", "verified", "wall", "minus", "minus-circle", "minus-circle-fill", "minus-plus", "minus-plus-circle", "minus-plus-square", "minus-square", "minus-square-fill", "plus", "plus-circle", "plus-circle-fill", "plus-square", "camera", "camera-off", "cast", "closed-caption", "fast-forward", "film", "headphones", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-up", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "map-pin", "navigation", "navigation-alt", "redirect", "target", "align-center", "align-justify", "align-left", "align-right", "battery", "battery-charging", "bookmark", "bookmark-add", "bookmark-add-fill", "bookmark-fill", "bookmark-remove", "bookmark-remove-fill", "bottom", "command", "crop", "dashboard", "delete", "download", "edit", "end", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "pin-off", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "start", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "text-wrap", "toggle-left", "toggle-right", "top", "trash", "type", "unfold-close", "unfold-open", "upload", "workspace", "zoom-in", "zoom-out", "archive", "clipboard", "clipboard-checked", "clipboard-copy", "clipboard-x", "file", "file-change", "file-check", "file-diff", "file-minus", "file-plus", "file-source", "file-text", "file-x", "files", "folder", "folder-fill", "folder-minus", "folder-minus-fill", "folder-plus", "folder-plus-fill", "folder-star", "inbox", "api", "auto-apply", "build", "change", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "connection", "connection-gateway", "cpu", "duplicate", "gateway", "git-branch", "git-commit", "git-merge", "git-pull-request", "git-repo", "hammer", "key-values", "mainframe", "mesh", "module", "monitor", "network", "network-alt", "node", "path", "pipeline", "plug", "replication-direct", "replication-perf", "scissors", "server", "server-cluster", "serverless", "service", "settings", "sliders", "smartphone", "socket", "step", "tablet", "terminal", "terminal-screen", "test", "tools", "transform-data", "tv", "webhook", "wrench", "calendar", "clock", "clock-filled", "delay", "event", "history", "hourglass", "watch", "bar-chart", "bar-chart-alt", "box", "collections", "database", "hard-drive", "line-chart", "line-chart-up", "logs", "package", "pie-chart", "queue", "save", "trend-down", "trend-up", "activity", "at-sign", "award", "bell", "bell-active", "bell-active-fill", "bell-off", "discussion-circle", "discussion-square", "heart", "heart-fill", "heart-off", "mail", "mail-open", "message-circle", "message-circle-fill", "message-square", "message-square-fill", "mic", "mic-off", "newspaper", "phone", "phone-call", "phone-off", "send", "star", "star-circle", "star-fill", "star-off", "thumbs-down", "thumbs-up", "video", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-down", "chevrons-left", "chevrons-right", "chevrons-up", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "load-balancer", "migrate", "move", "shuffle", "swap-horizontal", "swap-vertical"];
11
+ export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "ansible-community", "ansible-community-color", "ansible-automation-platform", "ansible-automation-platform-color", "auth0", "auth0-color", "aws", "aws-color", "aws-cdk", "aws-cdk-color", "aws-cloudwatch", "aws-cloudwatch-color", "aws-ec2", "aws-ec2-color", "aws-lambda", "aws-lambda-color", "aws-s3", "aws-s3-color", "azure", "azure-color", "azure-aks", "azure-aks-color", "azure-blob-storage", "azure-blob-storage-color", "azure-devops", "azure-devops-color", "azure-vms", "azure-vms-color", "bitbucket", "bitbucket-color", "bridgecrew", "bridgecrew-color", "cisco", "cisco-color", "cloudability", "cloudability-color", "codepen", "codepen-color", "confluence", "confluence-color", "confluent", "confluent-color", "datadog", "datadog-color", "digital-ocean", "digital-ocean-color", "docker", "docker-color", "duo", "duo-color", "elastic-observability", "elastic-observability-color", "f5", "f5-color", "facebook", "facebook-color", "figma", "figma-color", "gcp", "gcp-color", "git", "git-color", "gitlab", "gitlab-color", "github", "github-color", "google", "google-color", "google-docs", "google-docs-color", "google-drive", "google-drive-color", "google-forms", "google-forms-color", "google-sheets", "google-sheets-color", "google-slides", "google-slides-color", "grafana", "grafana-color", "helm", "helm-color", "infracost", "infracost-color", "jenkins", "jenkins-color", "jfrog", "jfrog-color", "jira", "jira-color", "jwt", "jwt-color", "kubernetes", "kubernetes-color", "lightlytics", "lightlytics-color", "linkedin", "linkedin-color", "linode", "linode-color", "linux", "linux-color", "loom", "loom-color", "meetup", "meetup-color", "microsoft", "microsoft-color", "microsoft-teams", "microsoft-teams-color", "minio", "minio-color", "mongodb", "mongodb-color", "new-relic", "new-relic-color", "okta", "okta-color", "oracle", "oracle-color", "opa", "opa-color", "openid", "openid-color", "openstack", "openstack-color", "pack", "pack-color", "pager-duty", "pager-duty-color", "ping-identity", "ping-identity-color", "postgres", "postgres-color", "rabbitmq", "rabbitmq-color", "saml", "saml-color", "service-now", "service-now-color", "slack", "slack-color", "snyk", "snyk-color", "splunk", "splunk-color", "twilio", "twilio-color", "twitch", "twitch-color", "twitter", "twitter-color", "twitter-x", "twitter-x-color", "vantage", "vantage-color", "venafi", "venafi-color", "vercel", "vercel-color", "vmware", "vmware-color", "youtube", "youtube-color", "boundary", "boundary-color", "boundary-fill", "boundary-fill-color", "boundary-square", "boundary-square-color", "consul", "consul-color", "consul-fill", "consul-fill-color", "consul-square", "consul-square-color", "nomad", "nomad-color", "nomad-fill", "nomad-fill-color", "nomad-square", "nomad-square-color", "packer", "packer-color", "packer-fill", "packer-fill-color", "packer-square", "packer-square-color", "terraform", "terraform-color", "terraform-fill", "terraform-fill-color", "terraform-square", "terraform-square-color", "vagrant", "vagrant-color", "vagrant-fill", "vagrant-fill-color", "vagrant-square", "vagrant-square-color", "vault", "vault-color", "vault-fill", "vault-fill-color", "vault-square", "vault-square-color", "vault-radar", "vault-radar-color", "vault-radar-fill", "vault-radar-fill-color", "vault-radar-square", "vault-radar-square-color", "vault-secrets", "vault-secrets-color", "vault-secrets-fill", "vault-secrets-fill-color", "vault-secrets-square", "vault-secrets-square-color", "waypoint", "waypoint-color", "waypoint-fill", "waypoint-fill-color", "waypoint-square", "waypoint-square-color", "hashicorp", "hashicorp-color", "hashicorp-fill", "hashicorp-fill-color", "hashicorp-square", "hashicorp-square-color", "hcp", "hcp-color", "hcp-fill", "hcp-fill-color", "hcp-square", "hcp-square-color", "accessibility", "folder-users", "frown", "identity-service", "identity-user", "meh", "robot", "smile", "user", "user-check", "user-circle", "user-circle-fill", "user-minus", "user-plus", "user-x", "users", "ampersand", "beaker", "bucket", "bulb", "circle", "circle-dash", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "incomplete-normal", "labyrinth", "layers", "moon", "octagon", "outline", "random", "rocket", "sparkle", "square", "square-fill", "sun", "triangle", "triangle-fill", "truck", "wand", "zap", "zap-off", "docs", "docs-download", "docs-link", "guide", "guide-link", "help", "info", "info-fill", "learn", "learn-link", "support", "alert-circle", "alert-circle-fill", "alert-diamond", "alert-diamond-fill", "alert-octagon", "alert-octagon-fill", "alert-triangle", "alert-triangle-fill", "check", "check-circle", "check-circle-fill", "error-filled", "check-diamond", "check-diamond-fill", "check-hexagon", "check-hexagon-fill", "check-square", "check-square-fill", "skip", "x", "x-circle", "x-circle-fill", "x-diamond", "x-diamond-fill", "x-hexagon", "x-hexagon-fill", "x-square", "x-square-fill", "bug", "certificate", "eye", "eye-off", "fingerprint", "key", "keychain", "lock", "lock-fill", "lock-off", "shield", "shield-alert", "shield-check", "shield-off", "shield-x", "token", "unlock", "verified", "wall", "minus", "minus-circle", "minus-circle-fill", "minus-plus", "minus-plus-circle", "minus-plus-square", "minus-square", "minus-square-fill", "plus", "plus-circle", "plus-circle-fill", "plus-square", "camera", "camera-off", "cast", "closed-caption", "fast-forward", "film", "headphones", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-up", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "map-pin", "navigation", "navigation-alt", "redirect", "target", "align-center", "align-justify", "align-left", "align-right", "battery", "battery-charging", "bookmark", "bookmark-add", "bookmark-add-fill", "bookmark-fill", "bookmark-remove", "bookmark-remove-fill", "bottom", "command", "crop", "dashboard", "delete", "download", "edit", "end", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "pin-off", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "start", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "text-wrap", "toggle-left", "toggle-right", "top", "trash", "type", "unfold-close", "unfold-open", "upload", "workspace", "zoom-in", "zoom-out", "archive", "clipboard", "clipboard-checked", "clipboard-copy", "clipboard-x", "file", "file-change", "file-check", "file-diff", "file-minus", "file-plus", "file-source", "file-text", "file-x", "files", "folder", "folder-fill", "folder-minus", "folder-minus-fill", "folder-plus", "folder-plus-fill", "folder-star", "inbox", "api", "auto-apply", "build", "change", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "connection", "connection-gateway", "cpu", "duplicate", "gateway", "git-branch", "git-commit", "git-merge", "git-pull-request", "git-repo", "hammer", "key-values", "mainframe", "mesh", "module", "monitor", "network", "network-alt", "node", "path", "pipeline", "plug", "portal", "replication-direct", "replication-perf", "scissors", "server", "server-cluster", "serverless", "service", "settings", "sliders", "smartphone", "socket", "step", "tablet", "terminal", "terminal-screen", "test", "tools", "transform-data", "tv", "webhook", "wrench", "calendar", "clock", "clock-filled", "delay", "event", "history", "hourglass", "watch", "bar-chart", "bar-chart-alt", "box", "collections", "database", "hard-drive", "line-chart", "line-chart-up", "logs", "package", "pie-chart", "queue", "save", "trend-down", "trend-up", "activity", "at-sign", "award", "bell", "bell-active", "bell-active-fill", "bell-off", "discussion-circle", "discussion-square", "heart", "heart-fill", "heart-off", "mail", "mail-open", "message-circle", "message-circle-fill", "message-square", "message-square-fill", "mic", "mic-off", "newspaper", "phone", "phone-call", "phone-off", "send", "star", "star-circle", "star-fill", "star-off", "thumbs-down", "thumbs-up", "video", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-down", "chevrons-left", "chevrons-right", "chevrons-up", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "load-balancer", "migrate", "move", "shuffle", "swap-horizontal", "swap-vertical"];
12
12
  export interface HdsIconSignature {
13
13
  Args: {
14
14
  name: IconName;
package/declarations/components/hds/stepper/task/indicator.d.ts CHANGED
@@ -8,7 +8,7 @@ import type { HdsIconSignature } from '../../icon/index';
8
8
  import type { HdsStepperStatuses } from '../types.ts';
9
9
  export declare const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;
10
10
  export declare const STATUSES: HdsStepperStatuses[];
11
- export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "ansible-community" | "ansible-community-color" | "ansible-automation-platform" | "ansible-automation-platform-color" | "auth0" | "auth0-color" | "aws" | "aws-color" | "aws-cdk" | "aws-cdk-color" | "aws-cloudwatch" | "aws-cloudwatch-color" | "aws-ec2" | "aws-ec2-color" | "aws-lambda" | "aws-lambda-color" | "aws-s3" | "aws-s3-color" | "azure" | "azure-color" | "azure-aks" | "azure-aks-color" | "azure-blob-storage" | "azure-blob-storage-color" | "azure-devops" | "azure-devops-color" | "azure-vms" | "azure-vms-color" | "bitbucket" | "bitbucket-color" | "bridgecrew" | "bridgecrew-color" | "cisco" | "cisco-color" | "cloudability" | "cloudability-color" | "codepen" | "codepen-color" | "confluence" | "confluence-color" | "confluent" | "confluent-color" | "datadog" | "datadog-color" | "digital-ocean" | "digital-ocean-color" | "docker" | "docker-color" | "duo" | "duo-color" | "elastic-observability" | "elastic-observability-color" | "f5" | "f5-color" | "facebook" | "facebook-color" | "figma" | "figma-color" | "gcp" | "gcp-color" | "git" | "git-color" | "gitlab" | "gitlab-color" | "github" | "github-color" | "google" | "google-color" | "google-docs" | "google-docs-color" | "google-drive" | "google-drive-color" | "google-forms" | "google-forms-color" | "google-sheets" | "google-sheets-color" | "google-slides" | "google-slides-color" | "grafana" | "grafana-color" | "helm" | "helm-color" | "infracost" | "infracost-color" | "jenkins" | "jenkins-color" | "jfrog" | "jfrog-color" | "jira" | "jira-color" | "jwt" | "jwt-color" | "kubernetes" | "kubernetes-color" | "lightlytics" | "lightlytics-color" | "linkedin" | "linkedin-color" | "linode" | "linode-color" | "linux" | "linux-color" | "loom" | "loom-color" | "meetup" | "meetup-color" | "microsoft" | "microsoft-color" | "microsoft-teams" | "microsoft-teams-color" | "minio" | "minio-color" | "mongodb" | "mongodb-color" | "new-relic" | "new-relic-color" | "okta" | "okta-color" | "oracle" | "oracle-color" | "opa" | "opa-color" | "openid" | "openid-color" | "openstack" | "openstack-color" | "pack" | "pack-color" | "pager-duty" | "pager-duty-color" | "ping-identity" | "ping-identity-color" | "postgres" | "postgres-color" | "rabbitmq" | "rabbitmq-color" | "saml" | "saml-color" | "service-now" | "service-now-color" | "slack" | "slack-color" | "snyk" | "snyk-color" | "splunk" | "splunk-color" | "twilio" | "twilio-color" | "twitch" | "twitch-color" | "twitter" | "twitter-color" | "twitter-x" | "twitter-x-color" | "vantage" | "vantage-color" | "venafi" | "venafi-color" | "vercel" | "vercel-color" | "vmware" | "vmware-color" | "youtube" | "youtube-color" | "boundary" | "boundary-color" | "boundary-fill" | "boundary-fill-color" | "boundary-square" | "boundary-square-color" | "consul" | "consul-color" | "consul-fill" | "consul-fill-color" | "consul-square" | "consul-square-color" | "nomad" | "nomad-color" | "nomad-fill" | "nomad-fill-color" | "nomad-square" | "nomad-square-color" | "packer" | "packer-color" | "packer-fill" | "packer-fill-color" | "packer-square" | "packer-square-color" | "terraform" | "terraform-color" | "terraform-fill" | "terraform-fill-color" | "terraform-square" | "terraform-square-color" | "vagrant" | "vagrant-color" | "vagrant-fill" | "vagrant-fill-color" | "vagrant-square" | "vagrant-square-color" | "vault" | "vault-color" | "vault-fill" | "vault-fill-color" | "vault-square" | "vault-square-color" | "vault-radar" | "vault-radar-color" | "vault-radar-fill" | "vault-radar-fill-color" | "vault-radar-square" | "vault-radar-square-color" | "vault-secrets" | "vault-secrets-color" | "vault-secrets-fill" | "vault-secrets-fill-color" | "vault-secrets-square" | "vault-secrets-square-color" | "waypoint" | "waypoint-color" | "waypoint-fill" | "waypoint-fill-color" | "waypoint-square" | "waypoint-square-color" | "hashicorp" | "hashicorp-color" | "hashicorp-fill" | "hashicorp-fill-color" | "hashicorp-square" | "hashicorp-square-color" | "hcp" | "hcp-color" | "hcp-fill" | "hcp-fill-color" | "hcp-square" | "hcp-square-color" | "accessibility" | "folder-users" | "frown" | "identity-service" | "identity-user" | "meh" | "robot" | "smile" | "user" | "user-check" | "user-circle" | "user-circle-fill" | "user-minus" | "user-plus" | "user-x" | "users" | "ampersand" | "beaker" | "bucket" | "bulb" | "circle" | "circle-dash" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hash" | "hexagon" | "hexagon-fill" | "incomplete-normal" | "labyrinth" | "layers" | "moon" | "octagon" | "outline" | "random" | "rocket" | "sparkle" | "square" | "square-fill" | "sun" | "triangle" | "triangle-fill" | "truck" | "wand" | "zap" | "zap-off" | "docs" | "docs-download" | "docs-link" | "guide" | "guide-link" | "help" | "info" | "info-fill" | "learn" | "learn-link" | "support" | "alert-circle" | "alert-circle-fill" | "alert-diamond" | "alert-diamond-fill" | "alert-octagon" | "alert-octagon-fill" | "alert-triangle" | "alert-triangle-fill" | "check" | "check-circle" | "check-circle-fill" | "error-filled" | "check-diamond" | "check-diamond-fill" | "check-hexagon" | "check-hexagon-fill" | "check-square" | "check-square-fill" | "skip" | "x" | "x-circle" | "x-circle-fill" | "x-diamond" | "x-diamond-fill" | "x-hexagon" | "x-hexagon-fill" | "x-square" | "x-square-fill" | "bug" | "certificate" | "eye" | "eye-off" | "fingerprint" | "key" | "keychain" | "lock" | "lock-fill" | "lock-off" | "shield" | "shield-alert" | "shield-check" | "shield-off" | "shield-x" | "token" | "unlock" | "verified" | "wall" | "minus" | "minus-circle" | "minus-circle-fill" | "minus-plus" | "minus-plus-circle" | "minus-plus-square" | "minus-square" | "minus-square-fill" | "plus" | "plus-circle" | "plus-circle-fill" | "plus-square" | "camera" | "camera-off" | "cast" | "closed-caption" | "fast-forward" | "film" | "headphones" | "image" | "music" | "pause" | "pause-circle" | "play" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-up" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map" | "map-pin" | "navigation" | "navigation-alt" | "redirect" | "target" | "align-center" | "align-justify" | "align-left" | "align-right" | "battery" | "battery-charging" | "bookmark" | "bookmark-add" | "bookmark-add-fill" | "bookmark-fill" | "bookmark-remove" | "bookmark-remove-fill" | "bottom" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "end" | "entry-point" | "exit-point" | "external-link" | "filter" | "filter-circle" | "filter-fill" | "grid" | "grid-alt" | "home" | "jump-link" | "layout" | "link" | "list" | "maximize" | "maximize-alt" | "menu" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "pin-off" | "power" | "printer" | "reload" | "repeat" | "resize-column" | "rotate-cw" | "rotate-ccw" | "search" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "start" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "tag" | "text-wrap" | "toggle-left" | "toggle-right" | "top" | "trash" | "type" | "unfold-close" | "unfold-open" | "upload" | "workspace" | "zoom-in" | "zoom-out" | "archive" | "clipboard" | "clipboard-checked" | "clipboard-copy" | "clipboard-x" | "file" | "file-change" | "file-check" | "file-diff" | "file-minus" | "file-plus" | "file-source" | "file-text" | "file-x" | "files" | "folder" | "folder-fill" | "folder-minus" | "folder-minus-fill" | "folder-plus" | "folder-plus-fill" | "folder-star" | "inbox" | "api" | "auto-apply" | "build" | "change" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "code" | "connection" | "connection-gateway" | "cpu" | "duplicate" | "gateway" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "git-repo" | "hammer" | "key-values" | "mainframe" | "mesh" | "module" | "monitor" | "network" | "network-alt" | "node" | "path" | "pipeline" | "plug" | "replication-direct" | "replication-perf" | "scissors" | "server" | "server-cluster" | "serverless" | "service" | "settings" | "sliders" | "smartphone" | "socket" | "step" | "tablet" | "terminal" | "terminal-screen" | "test" | "tools" | "transform-data" | "tv" | "webhook" | "wrench" | "calendar" | "clock" | "clock-filled" | "delay" | "event" | "history" | "hourglass" | "watch" | "bar-chart" | "bar-chart-alt" | "box" | "collections" | "database" | "hard-drive" | "line-chart" | "line-chart-up" | "logs" | "package" | "pie-chart" | "queue" | "save" | "trend-down" | "trend-up" | "activity" | "at-sign" | "award" | "bell" | "bell-active" | "bell-active-fill" | "bell-off" | "discussion-circle" | "discussion-square" | "heart" | "heart-fill" | "heart-off" | "mail" | "mail-open" | "message-circle" | "message-circle-fill" | "message-square" | "message-square-fill" | "mic" | "mic-off" | "newspaper" | "phone" | "phone-call" | "phone-off" | "send" | "star" | "star-circle" | "star-fill" | "star-off" | "thumbs-down" | "thumbs-up" | "video" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "caret" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "load-balancer" | "migrate" | "move" | "shuffle" | "swap-horizontal" | "swap-vertical">;
11
+ export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "ansible-community" | "ansible-community-color" | "ansible-automation-platform" | "ansible-automation-platform-color" | "auth0" | "auth0-color" | "aws" | "aws-color" | "aws-cdk" | "aws-cdk-color" | "aws-cloudwatch" | "aws-cloudwatch-color" | "aws-ec2" | "aws-ec2-color" | "aws-lambda" | "aws-lambda-color" | "aws-s3" | "aws-s3-color" | "azure" | "azure-color" | "azure-aks" | "azure-aks-color" | "azure-blob-storage" | "azure-blob-storage-color" | "azure-devops" | "azure-devops-color" | "azure-vms" | "azure-vms-color" | "bitbucket" | "bitbucket-color" | "bridgecrew" | "bridgecrew-color" | "cisco" | "cisco-color" | "cloudability" | "cloudability-color" | "codepen" | "codepen-color" | "confluence" | "confluence-color" | "confluent" | "confluent-color" | "datadog" | "datadog-color" | "digital-ocean" | "digital-ocean-color" | "docker" | "docker-color" | "duo" | "duo-color" | "elastic-observability" | "elastic-observability-color" | "f5" | "f5-color" | "facebook" | "facebook-color" | "figma" | "figma-color" | "gcp" | "gcp-color" | "git" | "git-color" | "gitlab" | "gitlab-color" | "github" | "github-color" | "google" | "google-color" | "google-docs" | "google-docs-color" | "google-drive" | "google-drive-color" | "google-forms" | "google-forms-color" | "google-sheets" | "google-sheets-color" | "google-slides" | "google-slides-color" | "grafana" | "grafana-color" | "helm" | "helm-color" | "infracost" | "infracost-color" | "jenkins" | "jenkins-color" | "jfrog" | "jfrog-color" | "jira" | "jira-color" | "jwt" | "jwt-color" | "kubernetes" | "kubernetes-color" | "lightlytics" | "lightlytics-color" | "linkedin" | "linkedin-color" | "linode" | "linode-color" | "linux" | "linux-color" | "loom" | "loom-color" | "meetup" | "meetup-color" | "microsoft" | "microsoft-color" | "microsoft-teams" | "microsoft-teams-color" | "minio" | "minio-color" | "mongodb" | "mongodb-color" | "new-relic" | "new-relic-color" | "okta" | "okta-color" | "oracle" | "oracle-color" | "opa" | "opa-color" | "openid" | "openid-color" | "openstack" | "openstack-color" | "pack" | "pack-color" | "pager-duty" | "pager-duty-color" | "ping-identity" | "ping-identity-color" | "postgres" | "postgres-color" | "rabbitmq" | "rabbitmq-color" | "saml" | "saml-color" | "service-now" | "service-now-color" | "slack" | "slack-color" | "snyk" | "snyk-color" | "splunk" | "splunk-color" | "twilio" | "twilio-color" | "twitch" | "twitch-color" | "twitter" | "twitter-color" | "twitter-x" | "twitter-x-color" | "vantage" | "vantage-color" | "venafi" | "venafi-color" | "vercel" | "vercel-color" | "vmware" | "vmware-color" | "youtube" | "youtube-color" | "boundary" | "boundary-color" | "boundary-fill" | "boundary-fill-color" | "boundary-square" | "boundary-square-color" | "consul" | "consul-color" | "consul-fill" | "consul-fill-color" | "consul-square" | "consul-square-color" | "nomad" | "nomad-color" | "nomad-fill" | "nomad-fill-color" | "nomad-square" | "nomad-square-color" | "packer" | "packer-color" | "packer-fill" | "packer-fill-color" | "packer-square" | "packer-square-color" | "terraform" | "terraform-color" | "terraform-fill" | "terraform-fill-color" | "terraform-square" | "terraform-square-color" | "vagrant" | "vagrant-color" | "vagrant-fill" | "vagrant-fill-color" | "vagrant-square" | "vagrant-square-color" | "vault" | "vault-color" | "vault-fill" | "vault-fill-color" | "vault-square" | "vault-square-color" | "vault-radar" | "vault-radar-color" | "vault-radar-fill" | "vault-radar-fill-color" | "vault-radar-square" | "vault-radar-square-color" | "vault-secrets" | "vault-secrets-color" | "vault-secrets-fill" | "vault-secrets-fill-color" | "vault-secrets-square" | "vault-secrets-square-color" | "waypoint" | "waypoint-color" | "waypoint-fill" | "waypoint-fill-color" | "waypoint-square" | "waypoint-square-color" | "hashicorp" | "hashicorp-color" | "hashicorp-fill" | "hashicorp-fill-color" | "hashicorp-square" | "hashicorp-square-color" | "hcp" | "hcp-color" | "hcp-fill" | "hcp-fill-color" | "hcp-square" | "hcp-square-color" | "accessibility" | "folder-users" | "frown" | "identity-service" | "identity-user" | "meh" | "robot" | "smile" | "user" | "user-check" | "user-circle" | "user-circle-fill" | "user-minus" | "user-plus" | "user-x" | "users" | "ampersand" | "beaker" | "bucket" | "bulb" | "circle" | "circle-dash" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hash" | "hexagon" | "hexagon-fill" | "incomplete-normal" | "labyrinth" | "layers" | "moon" | "octagon" | "outline" | "random" | "rocket" | "sparkle" | "square" | "square-fill" | "sun" | "triangle" | "triangle-fill" | "truck" | "wand" | "zap" | "zap-off" | "docs" | "docs-download" | "docs-link" | "guide" | "guide-link" | "help" | "info" | "info-fill" | "learn" | "learn-link" | "support" | "alert-circle" | "alert-circle-fill" | "alert-diamond" | "alert-diamond-fill" | "alert-octagon" | "alert-octagon-fill" | "alert-triangle" | "alert-triangle-fill" | "check" | "check-circle" | "check-circle-fill" | "error-filled" | "check-diamond" | "check-diamond-fill" | "check-hexagon" | "check-hexagon-fill" | "check-square" | "check-square-fill" | "skip" | "x" | "x-circle" | "x-circle-fill" | "x-diamond" | "x-diamond-fill" | "x-hexagon" | "x-hexagon-fill" | "x-square" | "x-square-fill" | "bug" | "certificate" | "eye" | "eye-off" | "fingerprint" | "key" | "keychain" | "lock" | "lock-fill" | "lock-off" | "shield" | "shield-alert" | "shield-check" | "shield-off" | "shield-x" | "token" | "unlock" | "verified" | "wall" | "minus" | "minus-circle" | "minus-circle-fill" | "minus-plus" | "minus-plus-circle" | "minus-plus-square" | "minus-square" | "minus-square-fill" | "plus" | "plus-circle" | "plus-circle-fill" | "plus-square" | "camera" | "camera-off" | "cast" | "closed-caption" | "fast-forward" | "film" | "headphones" | "image" | "music" | "pause" | "pause-circle" | "play" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-up" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map" | "map-pin" | "navigation" | "navigation-alt" | "redirect" | "target" | "align-center" | "align-justify" | "align-left" | "align-right" | "battery" | "battery-charging" | "bookmark" | "bookmark-add" | "bookmark-add-fill" | "bookmark-fill" | "bookmark-remove" | "bookmark-remove-fill" | "bottom" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "end" | "entry-point" | "exit-point" | "external-link" | "filter" | "filter-circle" | "filter-fill" | "grid" | "grid-alt" | "home" | "jump-link" | "layout" | "link" | "list" | "maximize" | "maximize-alt" | "menu" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "pin-off" | "power" | "printer" | "reload" | "repeat" | "resize-column" | "rotate-cw" | "rotate-ccw" | "search" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "start" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "tag" | "text-wrap" | "toggle-left" | "toggle-right" | "top" | "trash" | "type" | "unfold-close" | "unfold-open" | "upload" | "workspace" | "zoom-in" | "zoom-out" | "archive" | "clipboard" | "clipboard-checked" | "clipboard-copy" | "clipboard-x" | "file" | "file-change" | "file-check" | "file-diff" | "file-minus" | "file-plus" | "file-source" | "file-text" | "file-x" | "files" | "folder" | "folder-fill" | "folder-minus" | "folder-minus-fill" | "folder-plus" | "folder-plus-fill" | "folder-star" | "inbox" | "api" | "auto-apply" | "build" | "change" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "code" | "connection" | "connection-gateway" | "cpu" | "duplicate" | "gateway" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "git-repo" | "hammer" | "key-values" | "mainframe" | "mesh" | "module" | "monitor" | "network" | "network-alt" | "node" | "path" | "pipeline" | "plug" | "portal" | "replication-direct" | "replication-perf" | "scissors" | "server" | "server-cluster" | "serverless" | "service" | "settings" | "sliders" | "smartphone" | "socket" | "step" | "tablet" | "terminal" | "terminal-screen" | "test" | "tools" | "transform-data" | "tv" | "webhook" | "wrench" | "calendar" | "clock" | "clock-filled" | "delay" | "event" | "history" | "hourglass" | "watch" | "bar-chart" | "bar-chart-alt" | "box" | "collections" | "database" | "hard-drive" | "line-chart" | "line-chart-up" | "logs" | "package" | "pie-chart" | "queue" | "save" | "trend-down" | "trend-up" | "activity" | "at-sign" | "award" | "bell" | "bell-active" | "bell-active-fill" | "bell-off" | "discussion-circle" | "discussion-square" | "heart" | "heart-fill" | "heart-off" | "mail" | "mail-open" | "message-circle" | "message-circle-fill" | "message-square" | "message-square-fill" | "mic" | "mic-off" | "newspaper" | "phone" | "phone-call" | "phone-off" | "send" | "star" | "star-circle" | "star-fill" | "star-off" | "thumbs-down" | "thumbs-up" | "video" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "caret" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "load-balancer" | "migrate" | "move" | "shuffle" | "swap-horizontal" | "swap-vertical">;
12
12
  export interface HdsStepperTaskIndicatorSignature {
13
13
  Args: {
14
14
  status?: HdsStepperStatuses;
package/dist/components/hds/filter-bar/filter-group/index.js CHANGED
@@ -37,7 +37,6 @@ class HdsFilterBarFilterGroup extends Component {
37
37
  #searchValue = (i(this, "searchValue"), void 0);
38
38
  _setUpFilterPanel = modifier(() => {
39
39
  // Note: Due to the filters being an Ember object, structuredClone cannot be used here.
40
- // Further investigation will be done in a follow-up task: https://hashicorp.atlassian.net/browse/HDS-5907
41
40
  if (this.keyFilter) {
42
41
  this.internalFilters = JSON.parse(JSON.stringify(this.keyFilter.data));
43
42
  }
package/dist/components/hds/filter-bar/filter-group/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/filter-bar/filter-group/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { modifier } from 'ember-modifier';\nimport { on } from '@ember/modifier';\nimport { eq, or } from 'ember-truth-helpers';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport hdsT from '../../../../helpers/hds-t.ts';\nimport HdsFilterBarTabsTab from '../tabs/tab.gts';\nimport HdsFilterBarTabsPanel from '../tabs/panel.gts';\nimport HdsFilterBarFilterGroupGeneric from './generic.gts';\nimport HdsFilterBarFilterGroupCheckbox from './checkbox.gts';\nimport HdsFilterBarFilterGroupRadio from './radio.gts';\nimport HdsFilterBarFilterGroupClearButton from './clear-button.gts';\nimport HdsFilterBarFilterGroupDate from './date.gts';\nimport HdsFilterBarFilterGroupNumerical from './numerical.gts';\nimport HdsFormTextInputBase from '../../form/text-input/base.gts';\n\nimport type {\n HdsFilterBarFilter,\n HdsFilterBarFilters,\n HdsFilterBarFilterType,\n HdsFilterBarData,\n HdsFilterBarGenericFilterData,\n} from '../types.ts';\n\nexport interface HdsFilterBarFilterGroupSignature {\n Args: {\n tab?: WithBoundArgs<typeof HdsFilterBarTabsTab, never>;\n panel?: WithBoundArgs<typeof HdsFilterBarTabsPanel, never>;\n key: string;\n text: string;\n type: HdsFilterBarFilterType;\n filters: HdsFilterBarFilters;\n searchEnabled?: boolean;\n onChange: (key: string, keyFilter?: HdsFilterBarFilter) => void;\n onClear?: (key: string) => void;\n };\n Blocks: {\n default: [\n {\n Generic?: WithBoundArgs<\n typeof HdsFilterBarFilterGroupGeneric,\n 'onChange'\n >;\n Checkbox?: WithBoundArgs<\n typeof HdsFilterBarFilterGroupCheckbox,\n 'keyFilter' | 'name' | 'searchValue' | 'onChange'\n >;\n Radio?: WithBoundArgs<\n typeof HdsFilterBarFilterGroupRadio,\n 'keyFilter' | 'name' | 'searchValue' | 'onChange'\n >;\n },\n ];\n };\n}\n\nexport default class HdsFilterBarFilterGroup extends Component<HdsFilterBarFilterGroupSignature> {\n @tracked internalFilters: HdsFilterBarData | undefined = undefined;\n @tracked searchValue: string | undefined = undefined;\n\n private _setUpFilterPanel = modifier(() => {\n // Note: Due to the filters being an Ember object, structuredClone cannot be used here.\n // Further investigation will be done in a follow-up task: https://hashicorp.atlassian.net/browse/HDS-5907\n if (this.keyFilter) {\n this.internalFilters = JSON.parse(\n JSON.stringify(this.keyFilter.data)\n ) as HdsFilterBarData;\n }\n });\n\n get keyFilter(): HdsFilterBarFilter | undefined {\n const { filters, key } = this.args;\n\n if (!filters) {\n return undefined;\n }\n return filters[key];\n }\n\n get numFilters(): number {\n const { filters, key } = this.args;\n if (filters && key in filters) {\n const keyFilters = filters[key]?.data;\n if (Array.isArray(keyFilters)) {\n return keyFilters.length;\n } else if (keyFilters) {\n return 1;\n }\n }\n return 0;\n }\n\n get formattedFilters(): HdsFilterBarFilter | undefined {\n const { type, text } = this.args;\n if (\n this.internalFilters === undefined ||\n (Array.isArray(this.internalFilters) && this.internalFilters.length === 0)\n ) {\n return undefined;\n }\n return {\n type: type,\n text: text,\n data: this.internalFilters,\n } as HdsFilterBarFilter;\n }\n\n onSelectionChange = (event: Event, label?: string): void => {\n const { type } = this.args;\n\n const addFilter = (value: unknown): void => {\n const newFilter = {\n value: value,\n label: label,\n } as HdsFilterBarGenericFilterData;\n if (type === 'multi-select') {\n if (Array.isArray(this.internalFilters)) {\n this.internalFilters = [...this.internalFilters, newFilter];\n } else {\n this.internalFilters = [newFilter];\n }\n } else {\n this.internalFilters = newFilter;\n }\n };\n\n const removeFilter = (value: string): void => {\n if (type === 'multi-select' && Array.isArray(this.internalFilters)) {\n const newFilter = [] as HdsFilterBarGenericFilterData[];\n this.internalFilters.forEach((filter) => {\n if (filter.value != value) {\n newFilter.push(filter);\n }\n });\n this.internalFilters = newFilter;\n } else {\n this.internalFilters = undefined;\n }\n };\n\n const input = event.target as HTMLInputElement;\n\n if (input.checked) {\n addFilter(input.value);\n } else {\n removeFilter(input.value);\n }\n\n const { onChange } = this.args;\n if (onChange && typeof onChange === 'function') {\n onChange(this.args.key, this.formattedFilters);\n }\n };\n\n onGenericChange = (filter: HdsFilterBarFilter): void => {\n this.internalFilters = filter.data;\n filter.text = this.args.text;\n\n const { onChange } = this.args;\n if (onChange && typeof onChange === 'function') {\n onChange(this.args.key, filter);\n }\n };\n\n onClear = (): void => {\n this.internalFilters = undefined;\n const { onChange, onClear } = this.args;\n\n if (onClear && typeof onClear === 'function') {\n onClear(this.args.key);\n }\n\n if (onChange && typeof onChange === 'function') {\n onChange(this.args.key);\n }\n };\n\n private _onSearch = (event: Event) => {\n const input = event.target as HTMLInputElement;\n this.searchValue = input.value;\n };\n\n <template>\n {{#let @tab as |Tab|}}\n <Tab @numFilters={{this.numFilters}}>\n {{@text}}\n </Tab>\n {{/let}}\n {{#let @panel as |Panel|}}\n <Panel {{this._setUpFilterPanel}}>\n {{#if @searchEnabled}}\n <div class=\"hds-filter-bar__filter-group__search\">\n <HdsFormTextInputBase\n @type=\"search\"\n aria-label={{hdsT\n \"components.filter-bar.filter-group.search-input.aria-label\"\n default=\"Search filter options\"\n }}\n aria-description={{hdsT\n \"hds.components.filter-bar.filter-group.search-input.aria-description\"\n default=\"Search will be performed automatically as you type\"\n }}\n placeholder={{hdsT\n \"hds.components.filter-bar.filter-group.search-input.placeholder\"\n default=\"Search\"\n }}\n {{on \"input\" this._onSearch}}\n />\n </div>\n {{/if}}\n {{#if\n (or\n (eq @type \"numerical\")\n (eq @type \"date\")\n (eq @type \"datetime\")\n (eq @type \"time\")\n (eq @type \"generic\")\n )\n }}\n {{#if (eq @type \"numerical\")}}\n <HdsFilterBarFilterGroupNumerical\n @key={{@key}}\n @keyFilter={{this.keyFilter}}\n @text={{@text}}\n @onChange={{this.onGenericChange}}\n />\n {{else if (eq @type \"date\")}}\n <HdsFilterBarFilterGroupDate\n @key={{@key}}\n @keyFilter={{this.keyFilter}}\n @text={{@text}}\n @onChange={{this.onGenericChange}}\n @type=\"date\"\n />\n {{else if (eq @type \"datetime\")}}\n <HdsFilterBarFilterGroupDate\n @key={{@key}}\n @keyFilter={{this.keyFilter}}\n @text={{@text}}\n @onChange={{this.onGenericChange}}\n @type=\"datetime\"\n />\n {{else if (eq @type \"time\")}}\n <HdsFilterBarFilterGroupDate\n @key={{@key}}\n @keyFilter={{this.keyFilter}}\n @text={{@text}}\n @onChange={{this.onGenericChange}}\n @type=\"time\"\n />\n {{else if (eq @type \"generic\")}}\n {{yield\n (hash\n Generic=(component\n HdsFilterBarFilterGroupGeneric onChange=this.onGenericChange\n )\n )\n }}\n {{/if}}\n <HdsFilterBarFilterGroupClearButton\n @text={{hdsT\n \"hds.components.filter-bar.filter-group.values-list.clear-filter\"\n default=\"Clear filter\"\n }}\n {{on \"click\" this.onClear}}\n />\n {{else if (or (eq @type \"single-select\") (eq @type \"multi-select\"))}}\n <div class=\"hds-filter-bar__filter-group__values-list\">\n <HdsFilterBarFilterGroupClearButton\n @text={{hdsT\n \"hds.components.filter-bar.filter-group.values-list.clear-selection\"\n default=\"Clear selection\"\n }}\n {{on \"click\" this.onClear}}\n />\n <fieldset class=\"hds-filter-bar__filter-group__list\">\n <legend class=\"sr-only\">\n {{hdsT\n \"hds.components.filter-bar.filter-group.values-list.legend\"\n text=@text\n default=\"Filter by options\"\n }}\n </legend>\n {{#if (eq @type \"single-select\")}}\n {{yield\n (hash\n Radio=(component\n HdsFilterBarFilterGroupRadio\n keyFilter=this.keyFilter\n name=@key\n searchValue=this.searchValue\n onChange=this.onSelectionChange\n )\n )\n }}\n {{else if (eq @type \"multi-select\")}}\n {{yield\n (hash\n Checkbox=(component\n HdsFilterBarFilterGroupCheckbox\n keyFilter=this.keyFilter\n name=@key\n searchValue=this.searchValue\n onChange=this.onSelectionChange\n )\n )\n }}\n {{/if}}\n </fieldset>\n </div>\n {{/if}}\n </Panel>\n {{/let}}\n </template>\n}\n"],"names":["HdsFilterBarFilterGroup","Component","g","prototype","tracked","undefined","i","_setUpFilterPanel","modifier","keyFilter","internalFilters","JSON","parse","stringify","data","filters","key","args","numFilters","keyFilters","Array","isArray","length","formattedFilters","type","text","onSelectionChange","event","label","addFilter","value","newFilter","removeFilter","forEach","filter","push","input","target","checked","onChange","onGenericChange","onClear","_onSearch","searchValue","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormTextInputBase","hdsT","on","or","eq","HdsFilterBarFilterGroupNumerical","HdsFilterBarFilterGroupDate","hash","HdsFilterBarFilterGroupGeneric","HdsFilterBarFilterGroupClearButton","HdsFilterBarFilterGroupRadio","HdsFilterBarFilterGroupCheckbox"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/filter-bar/filter-group/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { modifier } from 'ember-modifier';\nimport { on } from '@ember/modifier';\nimport { eq, or } from 'ember-truth-helpers';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport hdsT from '../../../../helpers/hds-t.ts';\nimport HdsFilterBarTabsTab from '../tabs/tab.gts';\nimport HdsFilterBarTabsPanel from '../tabs/panel.gts';\nimport HdsFilterBarFilterGroupGeneric from './generic.gts';\nimport HdsFilterBarFilterGroupCheckbox from './checkbox.gts';\nimport HdsFilterBarFilterGroupRadio from './radio.gts';\nimport HdsFilterBarFilterGroupClearButton from './clear-button.gts';\nimport HdsFilterBarFilterGroupDate from './date.gts';\nimport HdsFilterBarFilterGroupNumerical from './numerical.gts';\nimport HdsFormTextInputBase from '../../form/text-input/base.gts';\n\nimport type {\n HdsFilterBarFilter,\n HdsFilterBarFilters,\n HdsFilterBarFilterType,\n HdsFilterBarData,\n HdsFilterBarGenericFilterData,\n} from '../types.ts';\n\nexport interface HdsFilterBarFilterGroupSignature {\n Args: {\n tab?: WithBoundArgs<typeof HdsFilterBarTabsTab, never>;\n panel?: WithBoundArgs<typeof HdsFilterBarTabsPanel, never>;\n key: string;\n text: string;\n type: HdsFilterBarFilterType;\n filters: HdsFilterBarFilters;\n searchEnabled?: boolean;\n onChange: (key: string, keyFilter?: HdsFilterBarFilter) => void;\n onClear?: (key: string) => void;\n };\n Blocks: {\n default: [\n {\n Generic?: WithBoundArgs<\n typeof HdsFilterBarFilterGroupGeneric,\n 'onChange'\n >;\n Checkbox?: WithBoundArgs<\n typeof HdsFilterBarFilterGroupCheckbox,\n 'keyFilter' | 'name' | 'searchValue' | 'onChange'\n >;\n Radio?: WithBoundArgs<\n typeof HdsFilterBarFilterGroupRadio,\n 'keyFilter' | 'name' | 'searchValue' | 'onChange'\n >;\n },\n ];\n };\n}\n\nexport default class HdsFilterBarFilterGroup extends Component<HdsFilterBarFilterGroupSignature> {\n @tracked internalFilters: HdsFilterBarData | undefined = undefined;\n @tracked searchValue: string | undefined = undefined;\n\n private _setUpFilterPanel = modifier(() => {\n // Note: Due to the filters being an Ember object, structuredClone cannot be used here.\n if (this.keyFilter) {\n this.internalFilters = JSON.parse(\n JSON.stringify(this.keyFilter.data)\n ) as HdsFilterBarData;\n }\n });\n\n get keyFilter(): HdsFilterBarFilter | undefined {\n const { filters, key } = this.args;\n\n if (!filters) {\n return undefined;\n }\n return filters[key];\n }\n\n get numFilters(): number {\n const { filters, key } = this.args;\n if (filters && key in filters) {\n const keyFilters = filters[key]?.data;\n if (Array.isArray(keyFilters)) {\n return keyFilters.length;\n } else if (keyFilters) {\n return 1;\n }\n }\n return 0;\n }\n\n get formattedFilters(): HdsFilterBarFilter | undefined {\n const { type, text } = this.args;\n if (\n this.internalFilters === undefined ||\n (Array.isArray(this.internalFilters) && this.internalFilters.length === 0)\n ) {\n return undefined;\n }\n return {\n type: type,\n text: text,\n data: this.internalFilters,\n } as HdsFilterBarFilter;\n }\n\n onSelectionChange = (event: Event, label?: string): void => {\n const { type } = this.args;\n\n const addFilter = (value: unknown): void => {\n const newFilter = {\n value: value,\n label: label,\n } as HdsFilterBarGenericFilterData;\n if (type === 'multi-select') {\n if (Array.isArray(this.internalFilters)) {\n this.internalFilters = [...this.internalFilters, newFilter];\n } else {\n this.internalFilters = [newFilter];\n }\n } else {\n this.internalFilters = newFilter;\n }\n };\n\n const removeFilter = (value: string): void => {\n if (type === 'multi-select' && Array.isArray(this.internalFilters)) {\n const newFilter = [] as HdsFilterBarGenericFilterData[];\n this.internalFilters.forEach((filter) => {\n if (filter.value != value) {\n newFilter.push(filter);\n }\n });\n this.internalFilters = newFilter;\n } else {\n this.internalFilters = undefined;\n }\n };\n\n const input = event.target as HTMLInputElement;\n\n if (input.checked) {\n addFilter(input.value);\n } else {\n removeFilter(input.value);\n }\n\n const { onChange } = this.args;\n if (onChange && typeof onChange === 'function') {\n onChange(this.args.key, this.formattedFilters);\n }\n };\n\n onGenericChange = (filter: HdsFilterBarFilter): void => {\n this.internalFilters = filter.data;\n filter.text = this.args.text;\n\n const { onChange } = this.args;\n if (onChange && typeof onChange === 'function') {\n onChange(this.args.key, filter);\n }\n };\n\n onClear = (): void => {\n this.internalFilters = undefined;\n const { onChange, onClear } = this.args;\n\n if (onClear && typeof onClear === 'function') {\n onClear(this.args.key);\n }\n\n if (onChange && typeof onChange === 'function') {\n onChange(this.args.key);\n }\n };\n\n private _onSearch = (event: Event) => {\n const input = event.target as HTMLInputElement;\n this.searchValue = input.value;\n };\n\n <template>\n {{#let @tab as |Tab|}}\n <Tab @numFilters={{this.numFilters}}>\n {{@text}}\n </Tab>\n {{/let}}\n {{#let @panel as |Panel|}}\n <Panel {{this._setUpFilterPanel}}>\n {{#if @searchEnabled}}\n <div class=\"hds-filter-bar__filter-group__search\">\n <HdsFormTextInputBase\n @type=\"search\"\n aria-label={{hdsT\n \"components.filter-bar.filter-group.search-input.aria-label\"\n default=\"Search filter options\"\n }}\n aria-description={{hdsT\n \"hds.components.filter-bar.filter-group.search-input.aria-description\"\n default=\"Search will be performed automatically as you type\"\n }}\n placeholder={{hdsT\n \"hds.components.filter-bar.filter-group.search-input.placeholder\"\n default=\"Search\"\n }}\n {{on \"input\" this._onSearch}}\n />\n </div>\n {{/if}}\n {{#if\n (or\n (eq @type \"numerical\")\n (eq @type \"date\")\n (eq @type \"datetime\")\n (eq @type \"time\")\n (eq @type \"generic\")\n )\n }}\n {{#if (eq @type \"numerical\")}}\n <HdsFilterBarFilterGroupNumerical\n @key={{@key}}\n @keyFilter={{this.keyFilter}}\n @text={{@text}}\n @onChange={{this.onGenericChange}}\n />\n {{else if (eq @type \"date\")}}\n <HdsFilterBarFilterGroupDate\n @key={{@key}}\n @keyFilter={{this.keyFilter}}\n @text={{@text}}\n @onChange={{this.onGenericChange}}\n @type=\"date\"\n />\n {{else if (eq @type \"datetime\")}}\n <HdsFilterBarFilterGroupDate\n @key={{@key}}\n @keyFilter={{this.keyFilter}}\n @text={{@text}}\n @onChange={{this.onGenericChange}}\n @type=\"datetime\"\n />\n {{else if (eq @type \"time\")}}\n <HdsFilterBarFilterGroupDate\n @key={{@key}}\n @keyFilter={{this.keyFilter}}\n @text={{@text}}\n @onChange={{this.onGenericChange}}\n @type=\"time\"\n />\n {{else if (eq @type \"generic\")}}\n {{yield\n (hash\n Generic=(component\n HdsFilterBarFilterGroupGeneric onChange=this.onGenericChange\n )\n )\n }}\n {{/if}}\n <HdsFilterBarFilterGroupClearButton\n @text={{hdsT\n \"hds.components.filter-bar.filter-group.values-list.clear-filter\"\n default=\"Clear filter\"\n }}\n {{on \"click\" this.onClear}}\n />\n {{else if (or (eq @type \"single-select\") (eq @type \"multi-select\"))}}\n <div class=\"hds-filter-bar__filter-group__values-list\">\n <HdsFilterBarFilterGroupClearButton\n @text={{hdsT\n \"hds.components.filter-bar.filter-group.values-list.clear-selection\"\n default=\"Clear selection\"\n }}\n {{on \"click\" this.onClear}}\n />\n <fieldset class=\"hds-filter-bar__filter-group__list\">\n <legend class=\"sr-only\">\n {{hdsT\n \"hds.components.filter-bar.filter-group.values-list.legend\"\n text=@text\n default=\"Filter by options\"\n }}\n </legend>\n {{#if (eq @type \"single-select\")}}\n {{yield\n (hash\n Radio=(component\n HdsFilterBarFilterGroupRadio\n keyFilter=this.keyFilter\n name=@key\n searchValue=this.searchValue\n onChange=this.onSelectionChange\n )\n )\n }}\n {{else if (eq @type \"multi-select\")}}\n {{yield\n (hash\n Checkbox=(component\n HdsFilterBarFilterGroupCheckbox\n keyFilter=this.keyFilter\n name=@key\n searchValue=this.searchValue\n onChange=this.onSelectionChange\n )\n )\n }}\n {{/if}}\n </fieldset>\n </div>\n {{/if}}\n </Panel>\n {{/let}}\n </template>\n}\n"],"names":["HdsFilterBarFilterGroup","Component","g","prototype","tracked","undefined","i","_setUpFilterPanel","modifier","keyFilter","internalFilters","JSON","parse","stringify","data","filters","key","args","numFilters","keyFilters","Array","isArray","length","formattedFilters","type","text","onSelectionChange","event","label","addFilter","value","newFilter","removeFilter","forEach","filter","push","input","target","checked","onChange","onGenericChange","onClear","_onSearch","searchValue","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormTextInputBase","hdsT","on","or","eq","HdsFilterBarFilterGroupNumerical","HdsFilterBarFilterGroupDate","hash","HdsFilterBarFilterGroupGeneric","HdsFilterBarFilterGroupClearButton","HdsFilterBarFilterGroupRadio","HdsFilterBarFilterGroupCheckbox"],"mappings":"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"}
package/dist/components/hds/filter-bar/filters-dropdown.js CHANGED
@@ -68,7 +68,6 @@ class HdsFilterBarFiltersDropdown extends Component {
68
68
  _copyFilters = filters => {
69
69
  const newFilters = {};
70
70
  // Note: Due to the filters being an Ember object, structuredClone cannot be used here.
71
- // Further investigation will be done in a follow-up task: https://hashicorp.atlassian.net/browse/HDS-5907
72
71
  Object.keys(filters).forEach(k => {
73
72
  newFilters[k] = JSON.parse(JSON.stringify(filters[k]));
74
73
  });
package/dist/components/hds/filter-bar/filters-dropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"filters-dropdown.js","sources":["../../../../src/components/hds/filter-bar/filters-dropdown.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { modifier } from 'ember-modifier';\nimport style from 'ember-style-modifier';\nimport { hash, fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport hdsT from '../../../helpers/hds-t.ts';\nimport HdsDropdown from '../dropdown/index.gts';\nimport HdsFilterBarFilterGroup from './filter-group/index.gts';\nimport HdsFilterBarTabs from './tabs/index.gts';\nimport HdsButtonSet from '../button-set/index.gts';\nimport HdsButton from '../button/index.gts';\n\nimport type { HdsFilterBarFilters, HdsFilterBarFilter } from './types.ts';\nimport type { HdsDropdownSignature } from '../dropdown/index.gts';\n\nexport const DEFAULT_DROPDOWN_HEIGHT = '600px';\n\nexport interface HdsFilterBarFiltersDropdownSignature {\n Args: {\n filters: HdsFilterBarFilters;\n isLiveFilter?: boolean;\n height?: string;\n onFilter?: (filters: HdsFilterBarFilters) => void;\n onFocusOut?: HdsDropdownSignature['Args']['onFocusOut'];\n };\n Blocks: {\n default: [\n {\n FilterGroup?: WithBoundArgs<\n typeof HdsFilterBarFilterGroup,\n 'tab' | 'panel' | 'filters' | 'onChange'\n >;\n close: HdsDropdownSignature['Blocks']['default'][0]['close'];\n },\n ];\n };\n Element: HdsDropdownSignature['Element'];\n}\n\nexport default class HdsFilterBarFiltersDropdown extends Component<HdsFilterBarFiltersDropdownSignature> {\n @tracked internalFilters: HdsFilterBarFilters = {};\n\n private _syncFilters = modifier(() => {\n const { filters } = this.args;\n if (filters) {\n this.internalFilters = this._copyFilters(filters);\n } else {\n this.internalFilters = {};\n }\n });\n\n get isLiveFilter(): boolean {\n return this.args.isLiveFilter ?? false;\n }\n\n get dropdownHeightStyle(): Record<string, string> {\n const heightStyle: { [key: string]: string } = {};\n heightStyle['--filter-bar-filters-dropdown-height'] =\n this.args.height ?? DEFAULT_DROPDOWN_HEIGHT;\n return heightStyle;\n }\n\n onFilter = (key: string, keyFilter?: HdsFilterBarFilter): void => {\n this.internalFilters = this._updateFilter(key, keyFilter);\n\n if (this.isLiveFilter) {\n this._applyFilters();\n }\n };\n\n onApply = (closeDropdown: () => void): void => {\n this._applyFilters(closeDropdown);\n };\n\n onClear = (closeDropdown: () => void): void => {\n const { onFilter } = this.args;\n this.internalFilters = {};\n\n if (onFilter && typeof onFilter === 'function') {\n onFilter(this.internalFilters);\n }\n\n if (closeDropdown && typeof closeDropdown === 'function') {\n closeDropdown();\n }\n };\n\n private _copyFilters = (\n filters: HdsFilterBarFilters\n ): HdsFilterBarFilters => {\n const newFilters = {} as HdsFilterBarFilters;\n\n // Note: Due to the filters being an Ember object, structuredClone cannot be used here.\n // Further investigation will be done in a follow-up task: https://hashicorp.atlassian.net/browse/HDS-5907\n Object.keys(filters).forEach((k) => {\n newFilters[k] = JSON.parse(\n JSON.stringify(filters[k])\n ) as HdsFilterBarFilter;\n });\n\n return newFilters;\n };\n\n private _updateFilter = (\n key: string,\n keyFilter?: HdsFilterBarFilter\n ): HdsFilterBarFilters => {\n const newFilters = this._copyFilters(this.internalFilters);\n if (keyFilter === undefined) {\n delete newFilters[key];\n } else {\n Object.assign(newFilters, { [key]: keyFilter });\n }\n\n return { ...newFilters };\n };\n\n private _applyFilters = (closeDropdown?: () => void): void => {\n const { onFilter } = this.args;\n if (onFilter && typeof onFilter === 'function') {\n onFilter(this.internalFilters);\n }\n\n if (closeDropdown && typeof closeDropdown === 'function') {\n closeDropdown();\n }\n };\n\n <template>\n <HdsDropdown\n @listPosition=\"bottom-left\"\n @width=\"600px\"\n @onFocusOut={{@onFocusOut}}\n ...attributes\n class=\"hds-filter-bar__filters-dropdown\"\n {{style this.dropdownHeightStyle}}\n {{this._syncFilters}}\n as |D|\n >\n <D.ToggleButton\n @icon=\"filter\"\n @text={{hdsT\n \"hds.components.filter-bar.filters-dropdown.toggle-button\"\n default=\"Filters\"\n }}\n @color=\"secondary\"\n @size=\"small\"\n />\n <D.Generic>\n <HdsFilterBarTabs as |T|>\n {{yield\n (hash\n FilterGroup=(component\n HdsFilterBarFilterGroup\n tab=T.Tab\n panel=T.Panel\n onChange=this.onFilter\n filters=this.internalFilters\n )\n close=D.close\n )\n }}\n </HdsFilterBarTabs>\n </D.Generic>\n <D.Footer @hasDivider={{true}}>\n <HdsButtonSet>\n {{#unless this.isLiveFilter}}\n <HdsButton\n @text={{hdsT\n \"hds.components.filter-bar.filters-dropdown.apply\"\n default=\"Apply filters\"\n }}\n @size=\"small\"\n {{on \"click\" (fn this.onApply D.close)}}\n />\n {{/unless}}\n <HdsButton\n @text={{hdsT\n \"hds.components.filter-bar.filters-dropdown.clear\"\n default=\"Clear all filters\"\n }}\n @color=\"secondary\"\n @size=\"small\"\n {{on \"click\" (fn this.onClear D.close)}}\n />\n </HdsButtonSet>\n </D.Footer>\n </HdsDropdown>\n </template>\n}\n"],"names":["DEFAULT_DROPDOWN_HEIGHT","HdsFilterBarFiltersDropdown","Component","g","prototype","tracked","i","_syncFilters","modifier","filters","args","internalFilters","_copyFilters","isLiveFilter","dropdownHeightStyle","heightStyle","height","onFilter","key","keyFilter","_updateFilter","_applyFilters","onApply","closeDropdown","onClear","newFilters","Object","keys","forEach","k","JSON","parse","stringify","undefined","assign","setComponentTemplate","precompileTemplate","strictMode","scope","HdsDropdown","style","hdsT","HdsFilterBarTabs","hash","HdsFilterBarFilterGroup","HdsButtonSet","HdsButton","on","fn"],"mappings":"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"}
1
+ {"version":3,"file":"filters-dropdown.js","sources":["../../../../src/components/hds/filter-bar/filters-dropdown.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { modifier } from 'ember-modifier';\nimport style from 'ember-style-modifier';\nimport { hash, fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport hdsT from '../../../helpers/hds-t.ts';\nimport HdsDropdown from '../dropdown/index.gts';\nimport HdsFilterBarFilterGroup from './filter-group/index.gts';\nimport HdsFilterBarTabs from './tabs/index.gts';\nimport HdsButtonSet from '../button-set/index.gts';\nimport HdsButton from '../button/index.gts';\n\nimport type { HdsFilterBarFilters, HdsFilterBarFilter } from './types.ts';\nimport type { HdsDropdownSignature } from '../dropdown/index.gts';\n\nexport const DEFAULT_DROPDOWN_HEIGHT = '600px';\n\nexport interface HdsFilterBarFiltersDropdownSignature {\n Args: {\n filters: HdsFilterBarFilters;\n isLiveFilter?: boolean;\n height?: string;\n onFilter?: (filters: HdsFilterBarFilters) => void;\n onFocusOut?: HdsDropdownSignature['Args']['onFocusOut'];\n };\n Blocks: {\n default: [\n {\n FilterGroup?: WithBoundArgs<\n typeof HdsFilterBarFilterGroup,\n 'tab' | 'panel' | 'filters' | 'onChange'\n >;\n close: HdsDropdownSignature['Blocks']['default'][0]['close'];\n },\n ];\n };\n Element: HdsDropdownSignature['Element'];\n}\n\nexport default class HdsFilterBarFiltersDropdown extends Component<HdsFilterBarFiltersDropdownSignature> {\n @tracked internalFilters: HdsFilterBarFilters = {};\n\n private _syncFilters = modifier(() => {\n const { filters } = this.args;\n if (filters) {\n this.internalFilters = this._copyFilters(filters);\n } else {\n this.internalFilters = {};\n }\n });\n\n get isLiveFilter(): boolean {\n return this.args.isLiveFilter ?? false;\n }\n\n get dropdownHeightStyle(): Record<string, string> {\n const heightStyle: { [key: string]: string } = {};\n heightStyle['--filter-bar-filters-dropdown-height'] =\n this.args.height ?? DEFAULT_DROPDOWN_HEIGHT;\n return heightStyle;\n }\n\n onFilter = (key: string, keyFilter?: HdsFilterBarFilter): void => {\n this.internalFilters = this._updateFilter(key, keyFilter);\n\n if (this.isLiveFilter) {\n this._applyFilters();\n }\n };\n\n onApply = (closeDropdown: () => void): void => {\n this._applyFilters(closeDropdown);\n };\n\n onClear = (closeDropdown: () => void): void => {\n const { onFilter } = this.args;\n this.internalFilters = {};\n\n if (onFilter && typeof onFilter === 'function') {\n onFilter(this.internalFilters);\n }\n\n if (closeDropdown && typeof closeDropdown === 'function') {\n closeDropdown();\n }\n };\n\n private _copyFilters = (\n filters: HdsFilterBarFilters\n ): HdsFilterBarFilters => {\n const newFilters = {} as HdsFilterBarFilters;\n\n // Note: Due to the filters being an Ember object, structuredClone cannot be used here.\n Object.keys(filters).forEach((k) => {\n newFilters[k] = JSON.parse(\n JSON.stringify(filters[k])\n ) as HdsFilterBarFilter;\n });\n\n return newFilters;\n };\n\n private _updateFilter = (\n key: string,\n keyFilter?: HdsFilterBarFilter\n ): HdsFilterBarFilters => {\n const newFilters = this._copyFilters(this.internalFilters);\n if (keyFilter === undefined) {\n delete newFilters[key];\n } else {\n Object.assign(newFilters, { [key]: keyFilter });\n }\n\n return { ...newFilters };\n };\n\n private _applyFilters = (closeDropdown?: () => void): void => {\n const { onFilter } = this.args;\n if (onFilter && typeof onFilter === 'function') {\n onFilter(this.internalFilters);\n }\n\n if (closeDropdown && typeof closeDropdown === 'function') {\n closeDropdown();\n }\n };\n\n <template>\n <HdsDropdown\n @listPosition=\"bottom-left\"\n @width=\"600px\"\n @onFocusOut={{@onFocusOut}}\n ...attributes\n class=\"hds-filter-bar__filters-dropdown\"\n {{style this.dropdownHeightStyle}}\n {{this._syncFilters}}\n as |D|\n >\n <D.ToggleButton\n @icon=\"filter\"\n @text={{hdsT\n \"hds.components.filter-bar.filters-dropdown.toggle-button\"\n default=\"Filters\"\n }}\n @color=\"secondary\"\n @size=\"small\"\n />\n <D.Generic>\n <HdsFilterBarTabs as |T|>\n {{yield\n (hash\n FilterGroup=(component\n HdsFilterBarFilterGroup\n tab=T.Tab\n panel=T.Panel\n onChange=this.onFilter\n filters=this.internalFilters\n )\n close=D.close\n )\n }}\n </HdsFilterBarTabs>\n </D.Generic>\n <D.Footer @hasDivider={{true}}>\n <HdsButtonSet>\n {{#unless this.isLiveFilter}}\n <HdsButton\n @text={{hdsT\n \"hds.components.filter-bar.filters-dropdown.apply\"\n default=\"Apply filters\"\n }}\n @size=\"small\"\n {{on \"click\" (fn this.onApply D.close)}}\n />\n {{/unless}}\n <HdsButton\n @text={{hdsT\n \"hds.components.filter-bar.filters-dropdown.clear\"\n default=\"Clear all filters\"\n }}\n @color=\"secondary\"\n @size=\"small\"\n {{on \"click\" (fn this.onClear D.close)}}\n />\n </HdsButtonSet>\n </D.Footer>\n </HdsDropdown>\n </template>\n}\n"],"names":["DEFAULT_DROPDOWN_HEIGHT","HdsFilterBarFiltersDropdown","Component","g","prototype","tracked","i","_syncFilters","modifier","filters","args","internalFilters","_copyFilters","isLiveFilter","dropdownHeightStyle","heightStyle","height","onFilter","key","keyFilter","_updateFilter","_applyFilters","onApply","closeDropdown","onClear","newFilters","Object","keys","forEach","k","JSON","parse","stringify","undefined","assign","setComponentTemplate","precompileTemplate","strictMode","scope","HdsDropdown","style","hdsT","HdsFilterBarTabs","hash","HdsFilterBarFilterGroup","HdsButtonSet","HdsButton","on","fn"],"mappings":"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"}
package/dist/components/hds/filter-bar/index.js CHANGED
@@ -118,7 +118,6 @@ class HdsFilterBar extends Component {
118
118
  _copyFilters = filters => {
119
119
  const newFilters = {};
120
120
  // Note: Due to the filters being an Ember object, structuredClone cannot be used here.
121
- // Further investigation will be done in a follow-up task: https://hashicorp.atlassian.net/browse/HDS-5907
122
121
  Object.keys(filters).forEach(k => {
123
122
  newFilters[k] = JSON.parse(JSON.stringify(filters[k]));
124
123
  });
package/dist/components/hds/filter-bar/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/hds/filter-bar/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { service } from '@ember/service';\nimport { isArray } from '@ember/array';\nimport { modifier } from 'ember-modifier';\nimport { guidFor } from '@ember/object/internals';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { NUMERICAL_SELECTORS_TEXT } from './filter-group/numerical.gts';\nimport { DATE_SELECTORS_TEXT } from './filter-group/date.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\nimport HdsYield from '../yield/index.gts';\nimport HdsFilterBarActionsDropdown from './actions-dropdown.gts';\nimport HdsFilterBarFiltersDropdown from './filters-dropdown.gts';\nimport HdsLayoutFlex from '../layout/flex/index.gts';\nimport HdsFormTextInputBase from '../form/text-input/base.gts';\nimport HdsButton from '../button/index.gts';\nimport HdsSeparator from '../separator/index.gts';\nimport HdsTextBody from '../text/body.gts';\nimport HdsFilterBarAppliedFilters from './applied-filters.gts';\n\nimport type HdsIntlService from '../../../services/hds-intl.ts';\nimport type {\n HdsFilterBarFilters,\n HdsFilterBarFilter,\n HdsFilterBarFilterType,\n HdsFilterBarData,\n HdsFilterBarGenericFilterData,\n} from './types.ts';\n\nexport interface HdsFilterBarSignature {\n Args: {\n filters: HdsFilterBarFilters;\n isLiveFilter?: boolean;\n hasSearch?: boolean;\n searchPlaceholder?: string;\n searchAriaLabel?: string;\n onFilter?: (filters: HdsFilterBarFilters) => void;\n };\n Blocks: {\n default?: [\n {\n FiltersDropdown?: WithBoundArgs<\n typeof HdsFilterBarFiltersDropdown,\n 'filters' | 'isLiveFilter' | 'onFilter'\n >;\n ActionsDropdown?: WithBoundArgs<\n typeof HdsFilterBarActionsDropdown,\n never\n >;\n ActionsGeneric?: typeof HdsYield;\n },\n ];\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsFilterBar extends Component<HdsFilterBarSignature> {\n @service hdsIntl!: HdsIntlService;\n\n @tracked _isExpanded: boolean = this.hasActiveFilters;\n\n private _dropdownToggleElement!: HTMLDivElement;\n private _appliedFiltersButtonId = 'applied-filters-button-' + guidFor(this);\n private _appliedFiltersContentId = 'applied-filters-content-' + guidFor(this);\n\n private _setUpFilterBar = modifier((element: HTMLDivElement) => {\n this._dropdownToggleElement = element.querySelector(\n '.hds-filter-bar__filters-dropdown .hds-dropdown-toggle-button'\n ) as HTMLDivElement;\n\n // Align the expanded state with the presence of active filters\n this._isExpanded = this.hasActiveFilters;\n });\n\n get searchValue(): string {\n const { filters } = this.args;\n if (filters['search']) {\n return this._getFilterValueText(filters['search']);\n }\n return '';\n }\n\n get searchPlaceholder(): string {\n return (\n this.args.searchPlaceholder ||\n this.hdsIntl.t('hds.components.filter-bar.search.placeholder', {\n default: 'Search',\n })\n );\n }\n\n get searchAriaLabel(): string {\n return (\n this.args.searchAriaLabel ||\n this.hdsIntl.t('hds.components.filter-bar.search.aria-label', {\n default: 'Search',\n })\n );\n }\n\n get hasActiveFilters(): boolean {\n return Object.keys(this.args.filters).length > 0;\n }\n\n onFilter = (filters: HdsFilterBarFilters): void => {\n const { onFilter } = this.args;\n if (onFilter && typeof onFilter === 'function') {\n onFilter(filters);\n\n if (Object.keys(filters).length > 0) {\n this._isExpanded = true;\n } else {\n this._isExpanded = false;\n }\n }\n };\n\n clearFilters = (): void => {\n const { onFilter } = this.args;\n if (onFilter && typeof onFilter === 'function') {\n onFilter({});\n this._isExpanded = false;\n }\n this._dropdownToggleElement?.focus();\n };\n\n onSearch = (event: Event): void => {\n const { filters } = this.args;\n const input = event.target as HTMLInputElement;\n const value = input?.value;\n\n const newFilters = this._copyFilters(filters);\n\n if (value.length > 0) {\n newFilters['search'] = {\n type: 'search',\n text: 'Search',\n data: { value },\n };\n } else {\n delete newFilters['search'];\n }\n\n this.onFilter({ ...newFilters });\n };\n\n toggleExpand = (): void => {\n this._isExpanded = !this._isExpanded;\n };\n\n private _copyFilters = (\n filters: HdsFilterBarFilters\n ): HdsFilterBarFilters => {\n const newFilters = {} as HdsFilterBarFilters;\n\n // Note: Due to the filters being an Ember object, structuredClone cannot be used here.\n // Further investigation will be done in a follow-up task: https://hashicorp.atlassian.net/browse/HDS-5907\n Object.keys(filters).forEach((k) => {\n newFilters[k] = JSON.parse(\n JSON.stringify(filters[k])\n ) as HdsFilterBarFilter;\n });\n\n return newFilters;\n };\n\n private _onFilterDismiss = (key: string, filterValue?: unknown): void => {\n const { filters } = this.args;\n if (filters && filters[key]) {\n const keyFilter: HdsFilterBarFilter = filters[key];\n const newFilters = this._copyFilters(filters);\n\n if (\n (keyFilter.type === 'multi-select' && isArray(keyFilter.data)) ||\n (keyFilter.type === 'generic' && isArray(keyFilter.data))\n ) {\n const newKeyfilter = keyFilter.data?.filter(\n (item) => item.value !== filterValue\n );\n if (newKeyfilter.length === 0) {\n delete newFilters[key];\n } else {\n newFilters[key] = {\n type: keyFilter.type,\n text: keyFilter.text,\n data: newKeyfilter,\n };\n }\n } else {\n delete newFilters[key];\n }\n\n this.onFilter({ ...newFilters });\n }\n this._dropdownToggleElement?.focus();\n };\n\n private _filterData = (\n data: HdsFilterBarData\n ): HdsFilterBarGenericFilterData => {\n const result = {\n value: '',\n } as HdsFilterBarGenericFilterData;\n if ('value' in data) {\n result.value = data.value;\n }\n if ('label' in data) {\n result.label = data.label;\n }\n return result;\n };\n\n private _getFilterValueText = (filter: HdsFilterBarFilter): string => {\n const result = this._filterData(filter.data);\n const resultLabel = result?.label as string;\n const resultValue = result?.value as string;\n return resultLabel ?? resultValue;\n };\n\n private _getFilterKeyText = (\n key: string,\n data: HdsFilterBarFilter\n ): string => {\n if (data.text) {\n return data.text;\n } else {\n return key;\n }\n };\n\n private _getNumericalFilterValueText = (\n filter: HdsFilterBarFilter\n ): string => {\n const data = filter.data;\n\n if (filter.type === 'numerical' && 'selector' in data && 'value' in data) {\n const selector = data.selector as keyof typeof NUMERICAL_SELECTORS_TEXT;\n if (\n selector === 'between' &&\n typeof data.value === 'object' &&\n data.value !== null\n ) {\n const separatorText = this.hdsIntl.t(\n 'hds.components.filter-bar.tag.numerical-filter.separator',\n {\n default: 'and',\n }\n );\n return `${NUMERICAL_SELECTORS_TEXT[selector]} ${data.value.start} ${separatorText} ${data.value.end}`;\n } else if (typeof data.value !== 'object') {\n return `${NUMERICAL_SELECTORS_TEXT[selector]} ${data.value}`;\n }\n return '';\n } else {\n return '';\n }\n };\n\n private _getDateFilterValueText = (filter: HdsFilterBarFilter): string => {\n const data = filter.data;\n\n if (\n (filter.type === 'date' ||\n filter.type === 'datetime' ||\n filter.type === 'time') &&\n 'selector' in data &&\n 'value' in data\n ) {\n const selector = data.selector as keyof typeof DATE_SELECTORS_TEXT;\n if (\n selector === 'between' &&\n typeof data.value === 'object' &&\n data.value !== null\n ) {\n const separatorText = this.hdsIntl.t(\n 'hds.components.filter-bar.tag.date-filter.separator',\n {\n default: 'and',\n }\n );\n const startDateText = this._formatDateFilterText(\n data.value.start as string,\n filter.type\n );\n const endDateText = this._formatDateFilterText(\n data.value.end as string,\n filter.type\n );\n return `${DATE_SELECTORS_TEXT[selector]} ${startDateText} ${separatorText} ${endDateText}`;\n } else if (data.value !== null && typeof data.value !== 'object') {\n const dateText = this._formatDateFilterText(\n data.value as string,\n filter.type\n );\n return `${DATE_SELECTORS_TEXT[selector]} ${dateText}`;\n }\n return '';\n } else {\n return '';\n }\n };\n\n private _formatDateFilterText = (\n dateString: string,\n filterType: HdsFilterBarFilterType\n ): string => {\n let date;\n if (filterType === 'time') {\n date = new Date(`1970-01-01T${dateString}`);\n } else {\n date = new Date(dateString);\n }\n\n let options = {};\n if (filterType === 'date') {\n options = { dateStyle: 'short' };\n } else if (filterType === 'time') {\n options = { timeStyle: 'short' };\n } else {\n options = { dateStyle: 'short', timeStyle: 'short' };\n }\n\n const newDate = new Intl.DateTimeFormat(undefined, options);\n return newDate.format(date);\n };\n\n private _getGenericFilterValueText = (filter: HdsFilterBarFilter): string => {\n if ('dismissTagText' in filter) {\n return filter.dismissTagText ?? '';\n } else {\n return '';\n }\n };\n\n private _getMultiSelectFilterData = (\n data: HdsFilterBarData\n ): { value: unknown; label?: string }[] => {\n if (isArray(data)) {\n return data.map((item) => this._filterData(item));\n }\n return [];\n };\n\n <template>\n <div class=\"hds-filter-bar\" ...attributes {{this._setUpFilterBar}}>\n {{#if @isLiveFilter}}\n <span class=\"sr-only\">{{hdsT\n \"hds.components.filter-bar.live-filtering\"\n default=\"Filters will be applied automatically as selections are made\"\n }}</span>\n {{/if}}\n <HdsLayoutFlex\n @align=\"center\"\n @wrap={{true}}\n @gap=\"8\"\n class=\"hds-filter-bar__actions\"\n >\n <div class=\"hds-filter-bar__actions__left\">\n <HdsButton\n @text={{hdsT\n \"hds.components.filter-bar.applied-filters.toggle-button\"\n default=\"View applied filters\"\n }}\n @color=\"secondary\"\n @size=\"small\"\n @icon={{if this._isExpanded \"unfold-close\" \"unfold-open\"}}\n @isIconOnly={{true}}\n id={{this._appliedFiltersButtonId}}\n aria-controls={{this._appliedFiltersContentId}}\n aria-expanded={{if this._isExpanded \"true\" \"false\"}}\n class=\"hds-filter-bar__applied-filters-toggle-button\"\n {{on \"click\" this.toggleExpand}}\n />\n {{yield\n (hash\n FiltersDropdown=(component\n HdsFilterBarFiltersDropdown\n filters=@filters\n isLiveFilter=@isLiveFilter\n onFilter=this.onFilter\n )\n )\n }}\n {{#if @hasSearch}}\n <HdsFormTextInputBase\n @type=\"search\"\n @value={{this.searchValue}}\n class=\"hds-filter-bar__search\"\n placeholder={{this.searchPlaceholder}}\n aria-label={{this.searchAriaLabel}}\n name=\"search\"\n {{on \"change\" this.onSearch}}\n />\n {{/if}}\n </div>\n {{yield (hash ActionsGeneric=HdsYield)}}\n {{yield (hash ActionsDropdown=HdsFilterBarActionsDropdown)}}\n </HdsLayoutFlex>\n <div\n class=\"hds-filter-bar__applied-filters-list\"\n id={{this._appliedFiltersContentId}}\n >\n {{#if this._isExpanded}}\n <HdsSeparator @spacing=\"0\" />\n <div class=\"hds-filter-bar__applied-filters-list__content\">\n {{#if this.hasActiveFilters}}\n <HdsFilterBarAppliedFilters\n @filters={{@filters}}\n @onFilterDismiss={{this._onFilterDismiss}}\n />\n <HdsButton\n class=\"hds-filter-bar__clear-button\"\n @text={{hdsT\n \"hds.components.filter-bar.applied-filters.clear-filters\"\n default=\"Clear all filters\"\n }}\n @color=\"tertiary\"\n @icon=\"x\"\n @size=\"small\"\n {{on \"click\" this.clearFilters}}\n />\n {{else}}\n <HdsTextBody @size={{100}} @color=\"faint\">\n {{hdsT\n \"hds.components.filter-bar.applied-filters.no-filters-applied\"\n default=\"No filters applied\"\n }}\n </HdsTextBody>\n {{/if}}\n </div>\n {{/if}}\n </div>\n </div>\n </template>\n}\n"],"names":["HdsFilterBar","Component","g","prototype","service","i","tracked","hasActiveFilters","_dropdownToggleElement","_appliedFiltersButtonId","guidFor","_appliedFiltersContentId","_setUpFilterBar","modifier","element","querySelector","_isExpanded","searchValue","filters","args","_getFilterValueText","searchPlaceholder","hdsIntl","t","default","searchAriaLabel","Object","keys","length","onFilter","clearFilters","focus","onSearch","event","input","target","value","newFilters","_copyFilters","type","text","data","toggleExpand","forEach","k","JSON","parse","stringify","_onFilterDismiss","key","filterValue","keyFilter","isArray","newKeyfilter","filter","item","_filterData","result","label","resultLabel","resultValue","_getFilterKeyText","_getNumericalFilterValueText","selector","separatorText","NUMERICAL_SELECTORS_TEXT","start","end","_getDateFilterValueText","startDateText","_formatDateFilterText","endDateText","DATE_SELECTORS_TEXT","dateText","dateString","filterType","date","Date","options","dateStyle","timeStyle","newDate","Intl","DateTimeFormat","undefined","format","_getGenericFilterValueText","dismissTagText","_getMultiSelectFilterData","map","setComponentTemplate","precompileTemplate","strictMode","scope","hdsT","HdsLayoutFlex","HdsButton","on","hash","HdsFilterBarFiltersDropdown","HdsFormTextInputBase","HdsYield","HdsFilterBarActionsDropdown","HdsSeparator","HdsFilterBarAppliedFilters","HdsTextBody"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/hds/filter-bar/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { service } from '@ember/service';\nimport { isArray } from '@ember/array';\nimport { modifier } from 'ember-modifier';\nimport { guidFor } from '@ember/object/internals';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { NUMERICAL_SELECTORS_TEXT } from './filter-group/numerical.gts';\nimport { DATE_SELECTORS_TEXT } from './filter-group/date.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\nimport HdsYield from '../yield/index.gts';\nimport HdsFilterBarActionsDropdown from './actions-dropdown.gts';\nimport HdsFilterBarFiltersDropdown from './filters-dropdown.gts';\nimport HdsLayoutFlex from '../layout/flex/index.gts';\nimport HdsFormTextInputBase from '../form/text-input/base.gts';\nimport HdsButton from '../button/index.gts';\nimport HdsSeparator from '../separator/index.gts';\nimport HdsTextBody from '../text/body.gts';\nimport HdsFilterBarAppliedFilters from './applied-filters.gts';\n\nimport type HdsIntlService from '../../../services/hds-intl.ts';\nimport type {\n HdsFilterBarFilters,\n HdsFilterBarFilter,\n HdsFilterBarFilterType,\n HdsFilterBarData,\n HdsFilterBarGenericFilterData,\n} from './types.ts';\n\nexport interface HdsFilterBarSignature {\n Args: {\n filters: HdsFilterBarFilters;\n isLiveFilter?: boolean;\n hasSearch?: boolean;\n searchPlaceholder?: string;\n searchAriaLabel?: string;\n onFilter?: (filters: HdsFilterBarFilters) => void;\n };\n Blocks: {\n default?: [\n {\n FiltersDropdown?: WithBoundArgs<\n typeof HdsFilterBarFiltersDropdown,\n 'filters' | 'isLiveFilter' | 'onFilter'\n >;\n ActionsDropdown?: WithBoundArgs<\n typeof HdsFilterBarActionsDropdown,\n never\n >;\n ActionsGeneric?: typeof HdsYield;\n },\n ];\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsFilterBar extends Component<HdsFilterBarSignature> {\n @service hdsIntl!: HdsIntlService;\n\n @tracked _isExpanded: boolean = this.hasActiveFilters;\n\n private _dropdownToggleElement!: HTMLDivElement;\n private _appliedFiltersButtonId = 'applied-filters-button-' + guidFor(this);\n private _appliedFiltersContentId = 'applied-filters-content-' + guidFor(this);\n\n private _setUpFilterBar = modifier((element: HTMLDivElement) => {\n this._dropdownToggleElement = element.querySelector(\n '.hds-filter-bar__filters-dropdown .hds-dropdown-toggle-button'\n ) as HTMLDivElement;\n\n // Align the expanded state with the presence of active filters\n this._isExpanded = this.hasActiveFilters;\n });\n\n get searchValue(): string {\n const { filters } = this.args;\n if (filters['search']) {\n return this._getFilterValueText(filters['search']);\n }\n return '';\n }\n\n get searchPlaceholder(): string {\n return (\n this.args.searchPlaceholder ||\n this.hdsIntl.t('hds.components.filter-bar.search.placeholder', {\n default: 'Search',\n })\n );\n }\n\n get searchAriaLabel(): string {\n return (\n this.args.searchAriaLabel ||\n this.hdsIntl.t('hds.components.filter-bar.search.aria-label', {\n default: 'Search',\n })\n );\n }\n\n get hasActiveFilters(): boolean {\n return Object.keys(this.args.filters).length > 0;\n }\n\n onFilter = (filters: HdsFilterBarFilters): void => {\n const { onFilter } = this.args;\n if (onFilter && typeof onFilter === 'function') {\n onFilter(filters);\n\n if (Object.keys(filters).length > 0) {\n this._isExpanded = true;\n } else {\n this._isExpanded = false;\n }\n }\n };\n\n clearFilters = (): void => {\n const { onFilter } = this.args;\n if (onFilter && typeof onFilter === 'function') {\n onFilter({});\n this._isExpanded = false;\n }\n this._dropdownToggleElement?.focus();\n };\n\n onSearch = (event: Event): void => {\n const { filters } = this.args;\n const input = event.target as HTMLInputElement;\n const value = input?.value;\n\n const newFilters = this._copyFilters(filters);\n\n if (value.length > 0) {\n newFilters['search'] = {\n type: 'search',\n text: 'Search',\n data: { value },\n };\n } else {\n delete newFilters['search'];\n }\n\n this.onFilter({ ...newFilters });\n };\n\n toggleExpand = (): void => {\n this._isExpanded = !this._isExpanded;\n };\n\n private _copyFilters = (\n filters: HdsFilterBarFilters\n ): HdsFilterBarFilters => {\n const newFilters = {} as HdsFilterBarFilters;\n\n // Note: Due to the filters being an Ember object, structuredClone cannot be used here.\n Object.keys(filters).forEach((k) => {\n newFilters[k] = JSON.parse(\n JSON.stringify(filters[k])\n ) as HdsFilterBarFilter;\n });\n\n return newFilters;\n };\n\n private _onFilterDismiss = (key: string, filterValue?: unknown): void => {\n const { filters } = this.args;\n if (filters && filters[key]) {\n const keyFilter: HdsFilterBarFilter = filters[key];\n const newFilters = this._copyFilters(filters);\n\n if (\n (keyFilter.type === 'multi-select' && isArray(keyFilter.data)) ||\n (keyFilter.type === 'generic' && isArray(keyFilter.data))\n ) {\n const newKeyfilter = keyFilter.data?.filter(\n (item) => item.value !== filterValue\n );\n if (newKeyfilter.length === 0) {\n delete newFilters[key];\n } else {\n newFilters[key] = {\n type: keyFilter.type,\n text: keyFilter.text,\n data: newKeyfilter,\n };\n }\n } else {\n delete newFilters[key];\n }\n\n this.onFilter({ ...newFilters });\n }\n this._dropdownToggleElement?.focus();\n };\n\n private _filterData = (\n data: HdsFilterBarData\n ): HdsFilterBarGenericFilterData => {\n const result = {\n value: '',\n } as HdsFilterBarGenericFilterData;\n if ('value' in data) {\n result.value = data.value;\n }\n if ('label' in data) {\n result.label = data.label;\n }\n return result;\n };\n\n private _getFilterValueText = (filter: HdsFilterBarFilter): string => {\n const result = this._filterData(filter.data);\n const resultLabel = result?.label as string;\n const resultValue = result?.value as string;\n return resultLabel ?? resultValue;\n };\n\n private _getFilterKeyText = (\n key: string,\n data: HdsFilterBarFilter\n ): string => {\n if (data.text) {\n return data.text;\n } else {\n return key;\n }\n };\n\n private _getNumericalFilterValueText = (\n filter: HdsFilterBarFilter\n ): string => {\n const data = filter.data;\n\n if (filter.type === 'numerical' && 'selector' in data && 'value' in data) {\n const selector = data.selector as keyof typeof NUMERICAL_SELECTORS_TEXT;\n if (\n selector === 'between' &&\n typeof data.value === 'object' &&\n data.value !== null\n ) {\n const separatorText = this.hdsIntl.t(\n 'hds.components.filter-bar.tag.numerical-filter.separator',\n {\n default: 'and',\n }\n );\n return `${NUMERICAL_SELECTORS_TEXT[selector]} ${data.value.start} ${separatorText} ${data.value.end}`;\n } else if (typeof data.value !== 'object') {\n return `${NUMERICAL_SELECTORS_TEXT[selector]} ${data.value}`;\n }\n return '';\n } else {\n return '';\n }\n };\n\n private _getDateFilterValueText = (filter: HdsFilterBarFilter): string => {\n const data = filter.data;\n\n if (\n (filter.type === 'date' ||\n filter.type === 'datetime' ||\n filter.type === 'time') &&\n 'selector' in data &&\n 'value' in data\n ) {\n const selector = data.selector as keyof typeof DATE_SELECTORS_TEXT;\n if (\n selector === 'between' &&\n typeof data.value === 'object' &&\n data.value !== null\n ) {\n const separatorText = this.hdsIntl.t(\n 'hds.components.filter-bar.tag.date-filter.separator',\n {\n default: 'and',\n }\n );\n const startDateText = this._formatDateFilterText(\n data.value.start as string,\n filter.type\n );\n const endDateText = this._formatDateFilterText(\n data.value.end as string,\n filter.type\n );\n return `${DATE_SELECTORS_TEXT[selector]} ${startDateText} ${separatorText} ${endDateText}`;\n } else if (data.value !== null && typeof data.value !== 'object') {\n const dateText = this._formatDateFilterText(\n data.value as string,\n filter.type\n );\n return `${DATE_SELECTORS_TEXT[selector]} ${dateText}`;\n }\n return '';\n } else {\n return '';\n }\n };\n\n private _formatDateFilterText = (\n dateString: string,\n filterType: HdsFilterBarFilterType\n ): string => {\n let date;\n if (filterType === 'time') {\n date = new Date(`1970-01-01T${dateString}`);\n } else {\n date = new Date(dateString);\n }\n\n let options = {};\n if (filterType === 'date') {\n options = { dateStyle: 'short' };\n } else if (filterType === 'time') {\n options = { timeStyle: 'short' };\n } else {\n options = { dateStyle: 'short', timeStyle: 'short' };\n }\n\n const newDate = new Intl.DateTimeFormat(undefined, options);\n return newDate.format(date);\n };\n\n private _getGenericFilterValueText = (filter: HdsFilterBarFilter): string => {\n if ('dismissTagText' in filter) {\n return filter.dismissTagText ?? '';\n } else {\n return '';\n }\n };\n\n private _getMultiSelectFilterData = (\n data: HdsFilterBarData\n ): { value: unknown; label?: string }[] => {\n if (isArray(data)) {\n return data.map((item) => this._filterData(item));\n }\n return [];\n };\n\n <template>\n <div class=\"hds-filter-bar\" ...attributes {{this._setUpFilterBar}}>\n {{#if @isLiveFilter}}\n <span class=\"sr-only\">{{hdsT\n \"hds.components.filter-bar.live-filtering\"\n default=\"Filters will be applied automatically as selections are made\"\n }}</span>\n {{/if}}\n <HdsLayoutFlex\n @align=\"center\"\n @wrap={{true}}\n @gap=\"8\"\n class=\"hds-filter-bar__actions\"\n >\n <div class=\"hds-filter-bar__actions__left\">\n <HdsButton\n @text={{hdsT\n \"hds.components.filter-bar.applied-filters.toggle-button\"\n default=\"View applied filters\"\n }}\n @color=\"secondary\"\n @size=\"small\"\n @icon={{if this._isExpanded \"unfold-close\" \"unfold-open\"}}\n @isIconOnly={{true}}\n id={{this._appliedFiltersButtonId}}\n aria-controls={{this._appliedFiltersContentId}}\n aria-expanded={{if this._isExpanded \"true\" \"false\"}}\n class=\"hds-filter-bar__applied-filters-toggle-button\"\n {{on \"click\" this.toggleExpand}}\n />\n {{yield\n (hash\n FiltersDropdown=(component\n HdsFilterBarFiltersDropdown\n filters=@filters\n isLiveFilter=@isLiveFilter\n onFilter=this.onFilter\n )\n )\n }}\n {{#if @hasSearch}}\n <HdsFormTextInputBase\n @type=\"search\"\n @value={{this.searchValue}}\n class=\"hds-filter-bar__search\"\n placeholder={{this.searchPlaceholder}}\n aria-label={{this.searchAriaLabel}}\n name=\"search\"\n {{on \"change\" this.onSearch}}\n />\n {{/if}}\n </div>\n {{yield (hash ActionsGeneric=HdsYield)}}\n {{yield (hash ActionsDropdown=HdsFilterBarActionsDropdown)}}\n </HdsLayoutFlex>\n <div\n class=\"hds-filter-bar__applied-filters-list\"\n id={{this._appliedFiltersContentId}}\n >\n {{#if this._isExpanded}}\n <HdsSeparator @spacing=\"0\" />\n <div class=\"hds-filter-bar__applied-filters-list__content\">\n {{#if this.hasActiveFilters}}\n <HdsFilterBarAppliedFilters\n @filters={{@filters}}\n @onFilterDismiss={{this._onFilterDismiss}}\n />\n <HdsButton\n class=\"hds-filter-bar__clear-button\"\n @text={{hdsT\n \"hds.components.filter-bar.applied-filters.clear-filters\"\n default=\"Clear all filters\"\n }}\n @color=\"tertiary\"\n @icon=\"x\"\n @size=\"small\"\n {{on \"click\" this.clearFilters}}\n />\n {{else}}\n <HdsTextBody @size={{100}} @color=\"faint\">\n {{hdsT\n \"hds.components.filter-bar.applied-filters.no-filters-applied\"\n default=\"No filters applied\"\n }}\n </HdsTextBody>\n {{/if}}\n </div>\n {{/if}}\n </div>\n </div>\n </template>\n}\n"],"names":["HdsFilterBar","Component","g","prototype","service","i","tracked","hasActiveFilters","_dropdownToggleElement","_appliedFiltersButtonId","guidFor","_appliedFiltersContentId","_setUpFilterBar","modifier","element","querySelector","_isExpanded","searchValue","filters","args","_getFilterValueText","searchPlaceholder","hdsIntl","t","default","searchAriaLabel","Object","keys","length","onFilter","clearFilters","focus","onSearch","event","input","target","value","newFilters","_copyFilters","type","text","data","toggleExpand","forEach","k","JSON","parse","stringify","_onFilterDismiss","key","filterValue","keyFilter","isArray","newKeyfilter","filter","item","_filterData","result","label","resultLabel","resultValue","_getFilterKeyText","_getNumericalFilterValueText","selector","separatorText","NUMERICAL_SELECTORS_TEXT","start","end","_getDateFilterValueText","startDateText","_formatDateFilterText","endDateText","DATE_SELECTORS_TEXT","dateText","dateString","filterType","date","Date","options","dateStyle","timeStyle","newDate","Intl","DateTimeFormat","undefined","format","_getGenericFilterValueText","dismissTagText","_getMultiSelectFilterData","map","setComponentTemplate","precompileTemplate","strictMode","scope","hdsT","HdsLayoutFlex","HdsButton","on","hash","HdsFilterBarFiltersDropdown","HdsFormTextInputBase","HdsYield","HdsFilterBarActionsDropdown","HdsSeparator","HdsFilterBarAppliedFilters","HdsTextBody"],"mappings":"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"}
package/dist/components/hds/form/indicator/index.js CHANGED
@@ -12,7 +12,7 @@ class HdsFormIndicator extends Component {
12
12
  get classNames() {
13
13
  const classes = ['hds-form-indicator'];
14
14
  if (this.args.isOptional) {
15
- // add speficic class for "optional" indicator
15
+ // add specific class for "optional" indicator
16
16
  classes.push('hds-form-indicator--optional');
17
17
  }
18
18
  return classes.join(' ');
package/dist/components/hds/form/indicator/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/indicator/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport HdsBadge from '../../badge/index.gts';\nimport hdsT from '../../../../helpers/hds-t.ts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\nimport type { HdsBadgeSignature } from '../../badge/index.gts';\n\nexport interface HdsFormIndicatorSignature {\n Args: {\n isOptional?: boolean;\n isRequired?: boolean;\n };\n Element: HdsTextBodySignature['Element'] | HdsBadgeSignature['Element'];\n}\n\nexport default class HdsFormIndicator extends Component<HdsFormIndicatorSignature> {\n get classNames(): string {\n const classes = ['hds-form-indicator'];\n\n if (this.args.isOptional) {\n // add speficic class for \"optional\" indicator\n classes.push('hds-form-indicator--optional');\n }\n\n return classes.join(' ');\n }\n\n <template>\n {{#if @isOptional}}\n <span class={{this.classNames}}>\n ({{hdsT\n \"hds.components.form.common.optional_field_indicator\"\n default=\"Optional\"\n }})\n </span>\n {{/if}}\n {{#if @isRequired}}\n &nbsp;<HdsBadge\n aria-hidden=\"true\"\n class={{this.classNames}}\n @size=\"small\"\n @color=\"neutral\"\n @text={{hdsT\n \"hds.components.form.common.required_field_indicator\"\n default=\"Required\"\n }}\n />\n {{/if}}\n </template>\n}\n"],"names":["HdsFormIndicator","Component","classNames","classes","args","isOptional","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hdsT","HdsBadge"],"mappings":";;;;;;AAAA;;;AAGC;AAkBc,MAAMA,yBAAyBC,SAAA,CAAU;EACtD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,oBAAA,CAAqB;AAEtC,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,UAAU,EAAE;AACxB;AACAF,MAAAA,OAAA,CAAQG,IAAI,CAAC,8BAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,4YAAA,EAqBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/indicator/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport HdsBadge from '../../badge/index.gts';\nimport hdsT from '../../../../helpers/hds-t.ts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\nimport type { HdsBadgeSignature } from '../../badge/index.gts';\n\nexport interface HdsFormIndicatorSignature {\n Args: {\n isOptional?: boolean;\n isRequired?: boolean;\n };\n Element: HdsTextBodySignature['Element'] | HdsBadgeSignature['Element'];\n}\n\nexport default class HdsFormIndicator extends Component<HdsFormIndicatorSignature> {\n get classNames(): string {\n const classes = ['hds-form-indicator'];\n\n if (this.args.isOptional) {\n // add specific class for \"optional\" indicator\n classes.push('hds-form-indicator--optional');\n }\n\n return classes.join(' ');\n }\n\n <template>\n {{#if @isOptional}}\n <span class={{this.classNames}}>\n ({{hdsT\n \"hds.components.form.common.optional_field_indicator\"\n default=\"Optional\"\n }})\n </span>\n {{/if}}\n {{#if @isRequired}}\n &nbsp;<HdsBadge\n aria-hidden=\"true\"\n class={{this.classNames}}\n @size=\"small\"\n @color=\"neutral\"\n @text={{hdsT\n \"hds.components.form.common.required_field_indicator\"\n default=\"Required\"\n }}\n />\n {{/if}}\n </template>\n}\n"],"names":["HdsFormIndicator","Component","classNames","classes","args","isOptional","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hdsT","HdsBadge"],"mappings":";;;;;;AAAA;;;AAGC;AAkBc,MAAMA,yBAAyBC,SAAA,CAAU;EACtD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,oBAAA,CAAqB;AAEtC,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,UAAU,EAAE;AACxB;AACAF,MAAAA,OAAA,CAAQG,IAAI,CAAC,8BAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,4YAAA,EAqBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-components",
3
- "version": "6.5.0",
3
+ "version": "6.5.1",
4
4
  "description": "Helios Design System Components",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -37,7 +37,7 @@
37
37
  "@embroider/util": "^1.13.4",
38
38
  "@floating-ui/dom": "^1.6.12",
39
39
  "@hashicorp/design-system-tokens": "^5.1.0",
40
- "@hashicorp/flight-icons": "^5.1.0",
40
+ "@hashicorp/flight-icons": "^5.2.0",
41
41
  "@lezer/highlight": "^1.2.1",
42
42
  "@nullvoxpopuli/ember-composable-helpers": "^5.2.11",
43
43
  "clipboard-polyfill": "^4.1.1",
@@ -384,7 +384,8 @@
384
384
  "types": "./declarations/re-exports/codemirror.d.ts",
385
385
  "default": "./dist/re-exports/codemirror.js"
386
386
  },
387
- "./component-catalog.json": "./component-catalog.json"
387
+ "./component-catalog.json": "./component-catalog.json",
388
+ "./package.json": "./package.json"
388
389
  },
389
390
  "typesVersions": {
390
391
  "*": {
@@ -418,6 +419,7 @@
418
419
  "lint:js:fix": "eslint . --fix",
419
420
  "lint:types": "ember-tsc --noEmit",
420
421
  "start": "rollup --config --watch --environment development",
421
- "test:dist-files": "node scripts/check-dist-files.mjs"
422
+ "test:dist-files": "node scripts/check-dist-files.mjs",
423
+ "test:component-catalog": "node scripts/check-component-catalog.mjs"
422
424
  }
423
425
  }