@genesislcap/foundation-ui 14.446.2 → 14.447.1-canary.search-bar-3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +292 -256
- package/dist/dts/design-system-provider/types.d.ts +20 -0
- package/dist/dts/design-system-provider/types.d.ts.map +1 -1
- package/dist/dts/react.d.ts +8 -19
- package/dist/dts/search-bar/search-bar-combobox.d.ts +5 -6
- package/dist/dts/search-bar/search-bar-combobox.d.ts.map +1 -1
- package/dist/dts/search-bar/search-bar-combobox.styles.d.ts.map +1 -1
- package/dist/dts/search-bar/search-bar.d.ts +31 -0
- package/dist/dts/search-bar/search-bar.d.ts.map +1 -1
- package/dist/dts/search-bar/search-bar.styles.d.ts.map +1 -1
- package/dist/dts/search-bar/search-bar.template.d.ts.map +1 -1
- package/dist/dts/search-bar/search-bar.types.d.ts +1 -1
- package/dist/dts/search-bar/search-bar.types.d.ts.map +1 -1
- package/dist/esm/search-bar/search-bar-combobox.js +31 -1
- package/dist/esm/search-bar/search-bar-combobox.styles.js +13 -0
- package/dist/esm/search-bar/search-bar-combobox.template.js +1 -1
- package/dist/esm/search-bar/search-bar.js +81 -1
- package/dist/esm/search-bar/search-bar.styles.js +0 -17
- package/dist/esm/search-bar/search-bar.template.js +27 -26
- package/dist/esm/status-pill/status-pill.styles.js +2 -2
- package/dist/react.cjs +5 -24
- package/dist/react.mjs +4 -22
- package/package.json +19 -19
|
@@ -6477,181 +6477,125 @@
|
|
|
6477
6477
|
},
|
|
6478
6478
|
{
|
|
6479
6479
|
"kind": "javascript-module",
|
|
6480
|
-
"path": "src/
|
|
6480
|
+
"path": "src/banner/banner.styles.ts",
|
|
6481
6481
|
"declarations": [
|
|
6482
6482
|
{
|
|
6483
|
-
"kind": "
|
|
6484
|
-
"name": "
|
|
6485
|
-
"
|
|
6486
|
-
"
|
|
6487
|
-
"text": "ElementStyles"
|
|
6488
|
-
}
|
|
6483
|
+
"kind": "variable",
|
|
6484
|
+
"name": "foundationBannerStyles",
|
|
6485
|
+
"type": {
|
|
6486
|
+
"text": "ElementStyles"
|
|
6489
6487
|
},
|
|
6490
|
-
"
|
|
6491
|
-
{
|
|
6492
|
-
"name": "context",
|
|
6493
|
-
"type": {
|
|
6494
|
-
"text": "ElementDefinitionContext"
|
|
6495
|
-
}
|
|
6496
|
-
},
|
|
6497
|
-
{
|
|
6498
|
-
"name": "definition",
|
|
6499
|
-
"type": {
|
|
6500
|
-
"text": "FoundationElementDefinition"
|
|
6501
|
-
}
|
|
6502
|
-
}
|
|
6503
|
-
]
|
|
6488
|
+
"default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n white-space: pre-line;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
|
|
6504
6489
|
}
|
|
6505
6490
|
],
|
|
6506
6491
|
"exports": [
|
|
6507
6492
|
{
|
|
6508
6493
|
"kind": "js",
|
|
6509
|
-
"name": "
|
|
6494
|
+
"name": "foundationBannerStyles",
|
|
6510
6495
|
"declaration": {
|
|
6511
|
-
"name": "
|
|
6512
|
-
"module": "src/
|
|
6496
|
+
"name": "foundationBannerStyles",
|
|
6497
|
+
"module": "src/banner/banner.styles.ts"
|
|
6513
6498
|
}
|
|
6514
6499
|
}
|
|
6515
6500
|
]
|
|
6516
6501
|
},
|
|
6517
6502
|
{
|
|
6518
6503
|
"kind": "javascript-module",
|
|
6519
|
-
"path": "src/
|
|
6504
|
+
"path": "src/banner/banner.template.ts",
|
|
6520
6505
|
"declarations": [
|
|
6521
6506
|
{
|
|
6522
6507
|
"kind": "function",
|
|
6523
|
-
"name": "
|
|
6524
|
-
"return": {
|
|
6525
|
-
"type": {
|
|
6526
|
-
"text": "ViewTemplate<Badge>"
|
|
6527
|
-
}
|
|
6528
|
-
},
|
|
6508
|
+
"name": "getBannerTemplate",
|
|
6529
6509
|
"parameters": [
|
|
6530
6510
|
{
|
|
6531
|
-
"name": "
|
|
6532
|
-
"type": {
|
|
6533
|
-
"text": "ElementDefinitionContext"
|
|
6534
|
-
}
|
|
6535
|
-
},
|
|
6536
|
-
{
|
|
6537
|
-
"name": "definition",
|
|
6511
|
+
"name": "prefix",
|
|
6538
6512
|
"type": {
|
|
6539
|
-
"text": "
|
|
6513
|
+
"text": "string"
|
|
6540
6514
|
}
|
|
6541
6515
|
}
|
|
6542
6516
|
]
|
|
6517
|
+
},
|
|
6518
|
+
{
|
|
6519
|
+
"kind": "variable",
|
|
6520
|
+
"name": "foundationBannerTemplate",
|
|
6521
|
+
"default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
|
|
6543
6522
|
}
|
|
6544
6523
|
],
|
|
6545
6524
|
"exports": [
|
|
6546
6525
|
{
|
|
6547
6526
|
"kind": "js",
|
|
6548
|
-
"name": "
|
|
6527
|
+
"name": "getBannerTemplate",
|
|
6549
6528
|
"declaration": {
|
|
6550
|
-
"name": "
|
|
6551
|
-
"module": "src/
|
|
6529
|
+
"name": "getBannerTemplate",
|
|
6530
|
+
"module": "src/banner/banner.template.ts"
|
|
6531
|
+
}
|
|
6532
|
+
},
|
|
6533
|
+
{
|
|
6534
|
+
"kind": "js",
|
|
6535
|
+
"name": "foundationBannerTemplate",
|
|
6536
|
+
"declaration": {
|
|
6537
|
+
"name": "foundationBannerTemplate",
|
|
6538
|
+
"module": "src/banner/banner.template.ts"
|
|
6552
6539
|
}
|
|
6553
6540
|
}
|
|
6554
6541
|
]
|
|
6555
6542
|
},
|
|
6556
6543
|
{
|
|
6557
6544
|
"kind": "javascript-module",
|
|
6558
|
-
"path": "src/
|
|
6545
|
+
"path": "src/banner/banner.ts",
|
|
6559
6546
|
"declarations": [
|
|
6547
|
+
{
|
|
6548
|
+
"kind": "variable",
|
|
6549
|
+
"name": "foundationBannerShadowOptions",
|
|
6550
|
+
"type": {
|
|
6551
|
+
"text": "ShadowRootInit"
|
|
6552
|
+
},
|
|
6553
|
+
"default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
|
|
6554
|
+
},
|
|
6560
6555
|
{
|
|
6561
6556
|
"kind": "class",
|
|
6562
6557
|
"description": "",
|
|
6563
|
-
"name": "
|
|
6564
|
-
"
|
|
6565
|
-
"name": "FASTBadge",
|
|
6566
|
-
"package": "@microsoft/fast-components"
|
|
6567
|
-
},
|
|
6568
|
-
"tagName": "%%prefix%%-badge",
|
|
6569
|
-
"customElement": true,
|
|
6570
|
-
"attributes": [
|
|
6571
|
-
{
|
|
6572
|
-
"name": "fill",
|
|
6573
|
-
"type": {
|
|
6574
|
-
"text": "string"
|
|
6575
|
-
},
|
|
6576
|
-
"description": "Indicates the badge should have a filled style.",
|
|
6577
|
-
"fieldName": "fill",
|
|
6578
|
-
"inheritedFrom": {
|
|
6579
|
-
"name": "Badge",
|
|
6580
|
-
"module": "src/badge/badge.ts"
|
|
6581
|
-
}
|
|
6582
|
-
},
|
|
6558
|
+
"name": "Banner",
|
|
6559
|
+
"members": [
|
|
6583
6560
|
{
|
|
6584
|
-
"
|
|
6561
|
+
"kind": "field",
|
|
6562
|
+
"name": "banner",
|
|
6585
6563
|
"type": {
|
|
6586
|
-
"text": "
|
|
6564
|
+
"text": "HTMLElement"
|
|
6587
6565
|
},
|
|
6588
|
-
"
|
|
6589
|
-
"fieldName": "color",
|
|
6590
|
-
"inheritedFrom": {
|
|
6591
|
-
"name": "Badge",
|
|
6592
|
-
"module": "src/badge/badge.ts"
|
|
6593
|
-
}
|
|
6566
|
+
"privacy": "public"
|
|
6594
6567
|
},
|
|
6595
|
-
{
|
|
6596
|
-
"type": {
|
|
6597
|
-
"text": "boolean"
|
|
6598
|
-
},
|
|
6599
|
-
"description": "Indicates the element should be circular",
|
|
6600
|
-
"fieldName": "circular",
|
|
6601
|
-
"inheritedFrom": {
|
|
6602
|
-
"name": "Badge",
|
|
6603
|
-
"module": "src/badge/badge.ts"
|
|
6604
|
-
}
|
|
6605
|
-
}
|
|
6606
|
-
],
|
|
6607
|
-
"members": [
|
|
6608
6568
|
{
|
|
6609
6569
|
"kind": "field",
|
|
6610
|
-
"name": "
|
|
6570
|
+
"name": "dismissAnimation",
|
|
6611
6571
|
"type": {
|
|
6612
|
-
"text": "
|
|
6572
|
+
"text": "'banner-delete' | ''"
|
|
6613
6573
|
},
|
|
6614
|
-
"
|
|
6615
|
-
"description": "Indicates the badge should have a filled style.",
|
|
6616
|
-
"inheritedFrom": {
|
|
6617
|
-
"name": "Badge",
|
|
6618
|
-
"module": "src/badge/badge.ts"
|
|
6619
|
-
}
|
|
6574
|
+
"default": "''"
|
|
6620
6575
|
},
|
|
6621
6576
|
{
|
|
6622
6577
|
"kind": "field",
|
|
6623
|
-
"name": "
|
|
6578
|
+
"name": "notification",
|
|
6624
6579
|
"type": {
|
|
6625
|
-
"text": "
|
|
6626
|
-
},
|
|
6627
|
-
"privacy": "public",
|
|
6628
|
-
"description": "Indicates the badge should have a filled style.",
|
|
6629
|
-
"inheritedFrom": {
|
|
6630
|
-
"name": "Badge",
|
|
6631
|
-
"module": "src/badge/badge.ts"
|
|
6580
|
+
"text": "NotificationStructure"
|
|
6632
6581
|
}
|
|
6633
6582
|
},
|
|
6634
6583
|
{
|
|
6635
|
-
"kind": "
|
|
6636
|
-
"name": "
|
|
6637
|
-
"type": {
|
|
6638
|
-
"text": "boolean"
|
|
6639
|
-
},
|
|
6584
|
+
"kind": "method",
|
|
6585
|
+
"name": "dismiss",
|
|
6640
6586
|
"privacy": "public",
|
|
6641
|
-
"
|
|
6642
|
-
|
|
6643
|
-
|
|
6644
|
-
|
|
6645
|
-
}
|
|
6587
|
+
"return": {
|
|
6588
|
+
"type": {
|
|
6589
|
+
"text": "Promise<void>"
|
|
6590
|
+
}
|
|
6591
|
+
},
|
|
6592
|
+
"description": "Dismiss the Banner from display."
|
|
6646
6593
|
},
|
|
6647
6594
|
{
|
|
6648
|
-
"kind": "
|
|
6649
|
-
"name": "
|
|
6595
|
+
"kind": "method",
|
|
6596
|
+
"name": "dismissNotification",
|
|
6650
6597
|
"privacy": "public",
|
|
6651
|
-
"
|
|
6652
|
-
"name": "Badge",
|
|
6653
|
-
"module": "src/badge/badge.ts"
|
|
6654
|
-
}
|
|
6598
|
+
"description": "Dismiss the Banner (NotificationStructure) from display."
|
|
6655
6599
|
},
|
|
6656
6600
|
{
|
|
6657
6601
|
"kind": "field",
|
|
@@ -6764,69 +6708,51 @@
|
|
|
6764
6708
|
"module": "src/foundation-element/foundation-element.ts"
|
|
6765
6709
|
}
|
|
6766
6710
|
}
|
|
6767
|
-
]
|
|
6768
|
-
|
|
6769
|
-
|
|
6770
|
-
|
|
6771
|
-
"name": "foundationBadgeShadowOptions",
|
|
6772
|
-
"type": {
|
|
6773
|
-
"text": "ShadowRootInit"
|
|
6774
|
-
},
|
|
6775
|
-
"default": "undefined"
|
|
6776
|
-
},
|
|
6777
|
-
{
|
|
6778
|
-
"kind": "variable",
|
|
6779
|
-
"name": "defaultBadgeConfig",
|
|
6780
|
-
"type": {
|
|
6781
|
-
"text": "object"
|
|
6711
|
+
],
|
|
6712
|
+
"superclass": {
|
|
6713
|
+
"name": "FoundationElement",
|
|
6714
|
+
"package": "@microsoft/fast-foundation"
|
|
6782
6715
|
},
|
|
6783
|
-
"
|
|
6716
|
+
"tagName": "%%prefix%%-banner",
|
|
6717
|
+
"customElement": true
|
|
6784
6718
|
},
|
|
6785
6719
|
{
|
|
6786
6720
|
"kind": "variable",
|
|
6787
|
-
"name": "
|
|
6788
|
-
"description": "The Foundation
|
|
6721
|
+
"name": "foundationBanner",
|
|
6722
|
+
"description": "The Foundation Banner",
|
|
6789
6723
|
"privacy": "public"
|
|
6790
6724
|
}
|
|
6791
6725
|
],
|
|
6792
6726
|
"exports": [
|
|
6793
6727
|
{
|
|
6794
6728
|
"kind": "js",
|
|
6795
|
-
"name": "
|
|
6796
|
-
"declaration": {
|
|
6797
|
-
"name": "Badge",
|
|
6798
|
-
"module": "src/badge/badge.ts"
|
|
6799
|
-
}
|
|
6800
|
-
},
|
|
6801
|
-
{
|
|
6802
|
-
"kind": "js",
|
|
6803
|
-
"name": "foundationBadgeShadowOptions",
|
|
6729
|
+
"name": "foundationBannerShadowOptions",
|
|
6804
6730
|
"declaration": {
|
|
6805
|
-
"name": "
|
|
6806
|
-
"module": "src/
|
|
6731
|
+
"name": "foundationBannerShadowOptions",
|
|
6732
|
+
"module": "src/banner/banner.ts"
|
|
6807
6733
|
}
|
|
6808
6734
|
},
|
|
6809
6735
|
{
|
|
6810
6736
|
"kind": "js",
|
|
6811
|
-
"name": "
|
|
6737
|
+
"name": "Banner",
|
|
6812
6738
|
"declaration": {
|
|
6813
|
-
"name": "
|
|
6814
|
-
"module": "src/
|
|
6739
|
+
"name": "Banner",
|
|
6740
|
+
"module": "src/banner/banner.ts"
|
|
6815
6741
|
}
|
|
6816
6742
|
},
|
|
6817
6743
|
{
|
|
6818
6744
|
"kind": "js",
|
|
6819
|
-
"name": "
|
|
6745
|
+
"name": "foundationBanner",
|
|
6820
6746
|
"declaration": {
|
|
6821
|
-
"name": "
|
|
6822
|
-
"module": "src/
|
|
6747
|
+
"name": "foundationBanner",
|
|
6748
|
+
"module": "src/banner/banner.ts"
|
|
6823
6749
|
}
|
|
6824
6750
|
}
|
|
6825
6751
|
]
|
|
6826
6752
|
},
|
|
6827
6753
|
{
|
|
6828
6754
|
"kind": "javascript-module",
|
|
6829
|
-
"path": "src/
|
|
6755
|
+
"path": "src/banner/index.ts",
|
|
6830
6756
|
"declarations": [],
|
|
6831
6757
|
"exports": [
|
|
6832
6758
|
{
|
|
@@ -6834,7 +6760,7 @@
|
|
|
6834
6760
|
"name": "*",
|
|
6835
6761
|
"declaration": {
|
|
6836
6762
|
"name": "*",
|
|
6837
|
-
"package": "./
|
|
6763
|
+
"package": "./banner.styles"
|
|
6838
6764
|
}
|
|
6839
6765
|
},
|
|
6840
6766
|
{
|
|
@@ -6842,7 +6768,7 @@
|
|
|
6842
6768
|
"name": "*",
|
|
6843
6769
|
"declaration": {
|
|
6844
6770
|
"name": "*",
|
|
6845
|
-
"package": "./
|
|
6771
|
+
"package": "./banner.template"
|
|
6846
6772
|
}
|
|
6847
6773
|
},
|
|
6848
6774
|
{
|
|
@@ -6850,132 +6776,188 @@
|
|
|
6850
6776
|
"name": "*",
|
|
6851
6777
|
"declaration": {
|
|
6852
6778
|
"name": "*",
|
|
6853
|
-
"package": "./
|
|
6779
|
+
"package": "./banner"
|
|
6854
6780
|
}
|
|
6855
6781
|
}
|
|
6856
6782
|
]
|
|
6857
6783
|
},
|
|
6858
6784
|
{
|
|
6859
6785
|
"kind": "javascript-module",
|
|
6860
|
-
"path": "src/
|
|
6786
|
+
"path": "src/badge/badge.styles.ts",
|
|
6861
6787
|
"declarations": [
|
|
6862
6788
|
{
|
|
6863
|
-
"kind": "
|
|
6864
|
-
"name": "
|
|
6865
|
-
"
|
|
6866
|
-
"
|
|
6789
|
+
"kind": "function",
|
|
6790
|
+
"name": "foundationBadgeStyles",
|
|
6791
|
+
"return": {
|
|
6792
|
+
"type": {
|
|
6793
|
+
"text": "ElementStyles"
|
|
6794
|
+
}
|
|
6867
6795
|
},
|
|
6868
|
-
"
|
|
6796
|
+
"parameters": [
|
|
6797
|
+
{
|
|
6798
|
+
"name": "context",
|
|
6799
|
+
"type": {
|
|
6800
|
+
"text": "ElementDefinitionContext"
|
|
6801
|
+
}
|
|
6802
|
+
},
|
|
6803
|
+
{
|
|
6804
|
+
"name": "definition",
|
|
6805
|
+
"type": {
|
|
6806
|
+
"text": "FoundationElementDefinition"
|
|
6807
|
+
}
|
|
6808
|
+
}
|
|
6809
|
+
]
|
|
6869
6810
|
}
|
|
6870
6811
|
],
|
|
6871
6812
|
"exports": [
|
|
6872
6813
|
{
|
|
6873
6814
|
"kind": "js",
|
|
6874
|
-
"name": "
|
|
6815
|
+
"name": "foundationBadgeStyles",
|
|
6875
6816
|
"declaration": {
|
|
6876
|
-
"name": "
|
|
6877
|
-
"module": "src/
|
|
6817
|
+
"name": "foundationBadgeStyles",
|
|
6818
|
+
"module": "src/badge/badge.styles.ts"
|
|
6878
6819
|
}
|
|
6879
6820
|
}
|
|
6880
6821
|
]
|
|
6881
6822
|
},
|
|
6882
6823
|
{
|
|
6883
6824
|
"kind": "javascript-module",
|
|
6884
|
-
"path": "src/
|
|
6825
|
+
"path": "src/badge/badge.template.ts",
|
|
6885
6826
|
"declarations": [
|
|
6886
6827
|
{
|
|
6887
6828
|
"kind": "function",
|
|
6888
|
-
"name": "
|
|
6829
|
+
"name": "foundationBadgeTemplate",
|
|
6830
|
+
"return": {
|
|
6831
|
+
"type": {
|
|
6832
|
+
"text": "ViewTemplate<Badge>"
|
|
6833
|
+
}
|
|
6834
|
+
},
|
|
6889
6835
|
"parameters": [
|
|
6890
6836
|
{
|
|
6891
|
-
"name": "
|
|
6837
|
+
"name": "context",
|
|
6892
6838
|
"type": {
|
|
6893
|
-
"text": "
|
|
6839
|
+
"text": "ElementDefinitionContext"
|
|
6840
|
+
}
|
|
6841
|
+
},
|
|
6842
|
+
{
|
|
6843
|
+
"name": "definition",
|
|
6844
|
+
"type": {
|
|
6845
|
+
"text": "FoundationElementDefinition"
|
|
6894
6846
|
}
|
|
6895
6847
|
}
|
|
6896
6848
|
]
|
|
6897
|
-
},
|
|
6898
|
-
{
|
|
6899
|
-
"kind": "variable",
|
|
6900
|
-
"name": "foundationBannerTemplate",
|
|
6901
|
-
"default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
|
|
6902
6849
|
}
|
|
6903
6850
|
],
|
|
6904
6851
|
"exports": [
|
|
6905
6852
|
{
|
|
6906
6853
|
"kind": "js",
|
|
6907
|
-
"name": "
|
|
6908
|
-
"declaration": {
|
|
6909
|
-
"name": "getBannerTemplate",
|
|
6910
|
-
"module": "src/banner/banner.template.ts"
|
|
6911
|
-
}
|
|
6912
|
-
},
|
|
6913
|
-
{
|
|
6914
|
-
"kind": "js",
|
|
6915
|
-
"name": "foundationBannerTemplate",
|
|
6854
|
+
"name": "foundationBadgeTemplate",
|
|
6916
6855
|
"declaration": {
|
|
6917
|
-
"name": "
|
|
6918
|
-
"module": "src/
|
|
6856
|
+
"name": "foundationBadgeTemplate",
|
|
6857
|
+
"module": "src/badge/badge.template.ts"
|
|
6919
6858
|
}
|
|
6920
6859
|
}
|
|
6921
6860
|
]
|
|
6922
6861
|
},
|
|
6923
6862
|
{
|
|
6924
6863
|
"kind": "javascript-module",
|
|
6925
|
-
"path": "src/
|
|
6864
|
+
"path": "src/badge/badge.ts",
|
|
6926
6865
|
"declarations": [
|
|
6927
|
-
{
|
|
6928
|
-
"kind": "variable",
|
|
6929
|
-
"name": "foundationBannerShadowOptions",
|
|
6930
|
-
"type": {
|
|
6931
|
-
"text": "ShadowRootInit"
|
|
6932
|
-
},
|
|
6933
|
-
"default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
|
|
6934
|
-
},
|
|
6935
6866
|
{
|
|
6936
6867
|
"kind": "class",
|
|
6937
6868
|
"description": "",
|
|
6938
|
-
"name": "
|
|
6939
|
-
"
|
|
6869
|
+
"name": "Badge",
|
|
6870
|
+
"superclass": {
|
|
6871
|
+
"name": "FASTBadge",
|
|
6872
|
+
"package": "@microsoft/fast-components"
|
|
6873
|
+
},
|
|
6874
|
+
"tagName": "%%prefix%%-badge",
|
|
6875
|
+
"customElement": true,
|
|
6876
|
+
"attributes": [
|
|
6940
6877
|
{
|
|
6941
|
-
"
|
|
6942
|
-
"name": "banner",
|
|
6878
|
+
"name": "fill",
|
|
6943
6879
|
"type": {
|
|
6944
|
-
"text": "
|
|
6880
|
+
"text": "string"
|
|
6945
6881
|
},
|
|
6946
|
-
"
|
|
6882
|
+
"description": "Indicates the badge should have a filled style.",
|
|
6883
|
+
"fieldName": "fill",
|
|
6884
|
+
"inheritedFrom": {
|
|
6885
|
+
"name": "Badge",
|
|
6886
|
+
"module": "src/badge/badge.ts"
|
|
6887
|
+
}
|
|
6947
6888
|
},
|
|
6948
6889
|
{
|
|
6949
|
-
"
|
|
6950
|
-
"name": "dismissAnimation",
|
|
6890
|
+
"name": "color",
|
|
6951
6891
|
"type": {
|
|
6952
|
-
"text": "
|
|
6892
|
+
"text": "string"
|
|
6953
6893
|
},
|
|
6954
|
-
"
|
|
6894
|
+
"description": "Indicates the badge should have a filled style.",
|
|
6895
|
+
"fieldName": "color",
|
|
6896
|
+
"inheritedFrom": {
|
|
6897
|
+
"name": "Badge",
|
|
6898
|
+
"module": "src/badge/badge.ts"
|
|
6899
|
+
}
|
|
6955
6900
|
},
|
|
6901
|
+
{
|
|
6902
|
+
"type": {
|
|
6903
|
+
"text": "boolean"
|
|
6904
|
+
},
|
|
6905
|
+
"description": "Indicates the element should be circular",
|
|
6906
|
+
"fieldName": "circular",
|
|
6907
|
+
"inheritedFrom": {
|
|
6908
|
+
"name": "Badge",
|
|
6909
|
+
"module": "src/badge/badge.ts"
|
|
6910
|
+
}
|
|
6911
|
+
}
|
|
6912
|
+
],
|
|
6913
|
+
"members": [
|
|
6956
6914
|
{
|
|
6957
6915
|
"kind": "field",
|
|
6958
|
-
"name": "
|
|
6916
|
+
"name": "fill",
|
|
6959
6917
|
"type": {
|
|
6960
|
-
"text": "
|
|
6918
|
+
"text": "string"
|
|
6919
|
+
},
|
|
6920
|
+
"privacy": "public",
|
|
6921
|
+
"description": "Indicates the badge should have a filled style.",
|
|
6922
|
+
"inheritedFrom": {
|
|
6923
|
+
"name": "Badge",
|
|
6924
|
+
"module": "src/badge/badge.ts"
|
|
6961
6925
|
}
|
|
6962
6926
|
},
|
|
6963
6927
|
{
|
|
6964
|
-
"kind": "
|
|
6965
|
-
"name": "
|
|
6928
|
+
"kind": "field",
|
|
6929
|
+
"name": "color",
|
|
6930
|
+
"type": {
|
|
6931
|
+
"text": "string"
|
|
6932
|
+
},
|
|
6966
6933
|
"privacy": "public",
|
|
6967
|
-
"
|
|
6968
|
-
|
|
6969
|
-
|
|
6970
|
-
|
|
6934
|
+
"description": "Indicates the badge should have a filled style.",
|
|
6935
|
+
"inheritedFrom": {
|
|
6936
|
+
"name": "Badge",
|
|
6937
|
+
"module": "src/badge/badge.ts"
|
|
6938
|
+
}
|
|
6939
|
+
},
|
|
6940
|
+
{
|
|
6941
|
+
"kind": "field",
|
|
6942
|
+
"name": "circular",
|
|
6943
|
+
"type": {
|
|
6944
|
+
"text": "boolean"
|
|
6971
6945
|
},
|
|
6972
|
-
"
|
|
6946
|
+
"privacy": "public",
|
|
6947
|
+
"description": "Indicates the element should be circular",
|
|
6948
|
+
"inheritedFrom": {
|
|
6949
|
+
"name": "Badge",
|
|
6950
|
+
"module": "src/badge/badge.ts"
|
|
6951
|
+
}
|
|
6973
6952
|
},
|
|
6974
6953
|
{
|
|
6975
|
-
"kind": "
|
|
6976
|
-
"name": "
|
|
6954
|
+
"kind": "field",
|
|
6955
|
+
"name": "generateBadgeStyle",
|
|
6977
6956
|
"privacy": "public",
|
|
6978
|
-
"
|
|
6957
|
+
"inheritedFrom": {
|
|
6958
|
+
"name": "Badge",
|
|
6959
|
+
"module": "src/badge/badge.ts"
|
|
6960
|
+
}
|
|
6979
6961
|
},
|
|
6980
6962
|
{
|
|
6981
6963
|
"kind": "field",
|
|
@@ -7088,51 +7070,69 @@
|
|
|
7088
7070
|
"module": "src/foundation-element/foundation-element.ts"
|
|
7089
7071
|
}
|
|
7090
7072
|
}
|
|
7091
|
-
]
|
|
7092
|
-
|
|
7093
|
-
|
|
7094
|
-
|
|
7073
|
+
]
|
|
7074
|
+
},
|
|
7075
|
+
{
|
|
7076
|
+
"kind": "variable",
|
|
7077
|
+
"name": "foundationBadgeShadowOptions",
|
|
7078
|
+
"type": {
|
|
7079
|
+
"text": "ShadowRootInit"
|
|
7095
7080
|
},
|
|
7096
|
-
"
|
|
7097
|
-
"customElement": true
|
|
7081
|
+
"default": "undefined"
|
|
7098
7082
|
},
|
|
7099
7083
|
{
|
|
7100
7084
|
"kind": "variable",
|
|
7101
|
-
"name": "
|
|
7102
|
-
"
|
|
7085
|
+
"name": "defaultBadgeConfig",
|
|
7086
|
+
"type": {
|
|
7087
|
+
"text": "object"
|
|
7088
|
+
},
|
|
7089
|
+
"default": "{}"
|
|
7090
|
+
},
|
|
7091
|
+
{
|
|
7092
|
+
"kind": "variable",
|
|
7093
|
+
"name": "foundationBadge",
|
|
7094
|
+
"description": "The Foundation Badge",
|
|
7103
7095
|
"privacy": "public"
|
|
7104
7096
|
}
|
|
7105
7097
|
],
|
|
7106
7098
|
"exports": [
|
|
7107
7099
|
{
|
|
7108
7100
|
"kind": "js",
|
|
7109
|
-
"name": "
|
|
7101
|
+
"name": "Badge",
|
|
7110
7102
|
"declaration": {
|
|
7111
|
-
"name": "
|
|
7112
|
-
"module": "src/
|
|
7103
|
+
"name": "Badge",
|
|
7104
|
+
"module": "src/badge/badge.ts"
|
|
7113
7105
|
}
|
|
7114
7106
|
},
|
|
7115
7107
|
{
|
|
7116
7108
|
"kind": "js",
|
|
7117
|
-
"name": "
|
|
7109
|
+
"name": "foundationBadgeShadowOptions",
|
|
7118
7110
|
"declaration": {
|
|
7119
|
-
"name": "
|
|
7120
|
-
"module": "src/
|
|
7111
|
+
"name": "foundationBadgeShadowOptions",
|
|
7112
|
+
"module": "src/badge/badge.ts"
|
|
7121
7113
|
}
|
|
7122
7114
|
},
|
|
7123
7115
|
{
|
|
7124
7116
|
"kind": "js",
|
|
7125
|
-
"name": "
|
|
7117
|
+
"name": "defaultBadgeConfig",
|
|
7126
7118
|
"declaration": {
|
|
7127
|
-
"name": "
|
|
7128
|
-
"module": "src/
|
|
7119
|
+
"name": "defaultBadgeConfig",
|
|
7120
|
+
"module": "src/badge/badge.ts"
|
|
7121
|
+
}
|
|
7122
|
+
},
|
|
7123
|
+
{
|
|
7124
|
+
"kind": "js",
|
|
7125
|
+
"name": "foundationBadge",
|
|
7126
|
+
"declaration": {
|
|
7127
|
+
"name": "foundationBadge",
|
|
7128
|
+
"module": "src/badge/badge.ts"
|
|
7129
7129
|
}
|
|
7130
7130
|
}
|
|
7131
7131
|
]
|
|
7132
7132
|
},
|
|
7133
7133
|
{
|
|
7134
7134
|
"kind": "javascript-module",
|
|
7135
|
-
"path": "src/
|
|
7135
|
+
"path": "src/badge/index.ts",
|
|
7136
7136
|
"declarations": [],
|
|
7137
7137
|
"exports": [
|
|
7138
7138
|
{
|
|
@@ -7140,7 +7140,7 @@
|
|
|
7140
7140
|
"name": "*",
|
|
7141
7141
|
"declaration": {
|
|
7142
7142
|
"name": "*",
|
|
7143
|
-
"package": "./
|
|
7143
|
+
"package": "./badge.template"
|
|
7144
7144
|
}
|
|
7145
7145
|
},
|
|
7146
7146
|
{
|
|
@@ -7148,7 +7148,7 @@
|
|
|
7148
7148
|
"name": "*",
|
|
7149
7149
|
"declaration": {
|
|
7150
7150
|
"name": "*",
|
|
7151
|
-
"package": "./
|
|
7151
|
+
"package": "./badge.styles"
|
|
7152
7152
|
}
|
|
7153
7153
|
},
|
|
7154
7154
|
{
|
|
@@ -7156,7 +7156,7 @@
|
|
|
7156
7156
|
"name": "*",
|
|
7157
7157
|
"declaration": {
|
|
7158
7158
|
"name": "*",
|
|
7159
|
-
"package": "./
|
|
7159
|
+
"package": "./badge"
|
|
7160
7160
|
}
|
|
7161
7161
|
}
|
|
7162
7162
|
]
|
|
@@ -42037,20 +42037,6 @@
|
|
|
42037
42037
|
}
|
|
42038
42038
|
}
|
|
42039
42039
|
],
|
|
42040
|
-
"events": [
|
|
42041
|
-
{
|
|
42042
|
-
"description": "Fired when the combobox value changes",
|
|
42043
|
-
"name": "change",
|
|
42044
|
-
"inheritedFrom": {
|
|
42045
|
-
"name": "Combobox",
|
|
42046
|
-
"module": "src/combobox/combobox.ts"
|
|
42047
|
-
}
|
|
42048
|
-
},
|
|
42049
|
-
{
|
|
42050
|
-
"description": "Fired when the input is cleared by the user",
|
|
42051
|
-
"name": "inputdeleted"
|
|
42052
|
-
}
|
|
42053
|
-
],
|
|
42054
42040
|
"attributes": [
|
|
42055
42041
|
{
|
|
42056
42042
|
"name": "minlength",
|
|
@@ -42128,8 +42114,16 @@
|
|
|
42128
42114
|
"name": "Combobox",
|
|
42129
42115
|
"package": "@microsoft/fast-components"
|
|
42130
42116
|
},
|
|
42131
|
-
"
|
|
42132
|
-
|
|
42117
|
+
"events": [
|
|
42118
|
+
{
|
|
42119
|
+
"description": "Fires a custom 'change' event when the value updates",
|
|
42120
|
+
"name": "change",
|
|
42121
|
+
"inheritedFrom": {
|
|
42122
|
+
"name": "Combobox",
|
|
42123
|
+
"module": "src/combobox/combobox.ts"
|
|
42124
|
+
}
|
|
42125
|
+
}
|
|
42126
|
+
]
|
|
42133
42127
|
},
|
|
42134
42128
|
{
|
|
42135
42129
|
"kind": "variable",
|
|
@@ -42196,7 +42190,7 @@
|
|
|
42196
42190
|
{
|
|
42197
42191
|
"kind": "variable",
|
|
42198
42192
|
"name": "foundationSearchBarStyles",
|
|
42199
|
-
"default": "css`\n .search-bar-combobox {\n width: 100%;\n min-width: auto;\n }\n\n .padding {\n padding-left: calc(${designUnit} * 1px);\n }\n\n .selected-options {\n display: flex;\n align-items: center;\n overflow: hidden;\n gap: calc(${designUnit} * 1px);\n padding-right: calc(${designUnit} * 1px);\n }\n\n .selected-options:hover {\n overflow-x: overlay;\n }\n\n .selected-options::-webkit-scrollbar {\n height: 7px;\n }\n\n .selected-options::-webkit-scrollbar-thumb {\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);\n background-color: #484848;\n border: 1px solid #7e7e7e;\n }\n\n .selected-options-divider {\n border-right: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);\n }\n\n .options-button {\n height: fit-content;\n min-width: fit-content;\n }\n\n .label {\n display: block;\n font-size: var(--type-ramp-base-font-size);\n margin: calc(${designUnit} * 2px) 2px;\n }\n\n .label-hidden {\n display: none;\n }\n\n .search-clear-button {\n min-width: 28px;\n min-height: 28px;\n height: 28px;\n margin: 0;\n }\n\n .search-clear-button svg {\n rotate: 45deg;\n }\n\n .search-clear-button::part(control) {\n padding: 0;\n }\n\n .search-clear-button .svg-container {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .
|
|
42193
|
+
"default": "css`\n .search-bar-combobox {\n width: 100%;\n min-width: auto;\n }\n\n .padding {\n padding-left: calc(${designUnit} * 1px);\n }\n\n .selected-options {\n display: flex;\n align-items: center;\n overflow: hidden;\n gap: calc(${designUnit} * 1px);\n padding-right: calc(${designUnit} * 1px);\n }\n\n .selected-options:hover {\n overflow-x: overlay;\n }\n\n .selected-options::-webkit-scrollbar {\n height: 7px;\n }\n\n .selected-options::-webkit-scrollbar-thumb {\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);\n background-color: #484848;\n border: 1px solid #7e7e7e;\n }\n\n .selected-options-divider {\n border-right: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);\n }\n\n .options-button {\n height: fit-content;\n min-width: fit-content;\n }\n\n .label {\n display: block;\n font-size: var(--type-ramp-base-font-size);\n margin: calc(${designUnit} * 2px) 2px;\n }\n\n .label-hidden {\n display: none;\n }\n\n .search-clear-button {\n min-width: 28px;\n min-height: 28px;\n height: 28px;\n margin: 0;\n }\n\n .search-clear-button svg {\n rotate: 45deg;\n }\n\n .search-clear-button::part(control) {\n padding: 0;\n }\n\n .search-clear-button .svg-container {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .close-icon {\n color: var(--accent-fill-rest);\n }\n`"
|
|
42200
42194
|
}
|
|
42201
42195
|
],
|
|
42202
42196
|
"exports": [
|
|
@@ -42355,6 +42349,15 @@
|
|
|
42355
42349
|
"text": "boolean"
|
|
42356
42350
|
}
|
|
42357
42351
|
},
|
|
42352
|
+
{
|
|
42353
|
+
"kind": "field",
|
|
42354
|
+
"name": "clearButton",
|
|
42355
|
+
"type": {
|
|
42356
|
+
"text": "boolean"
|
|
42357
|
+
},
|
|
42358
|
+
"default": "true",
|
|
42359
|
+
"attribute": "clear-button"
|
|
42360
|
+
},
|
|
42358
42361
|
{
|
|
42359
42362
|
"kind": "field",
|
|
42360
42363
|
"name": "loading",
|
|
@@ -42388,7 +42391,8 @@
|
|
|
42388
42391
|
{
|
|
42389
42392
|
"kind": "method",
|
|
42390
42393
|
"name": "clear",
|
|
42391
|
-
"privacy": "public"
|
|
42394
|
+
"privacy": "public",
|
|
42395
|
+
"description": "Clears all search chips and the current input, and emits `selectionChange` with an empty array."
|
|
42392
42396
|
},
|
|
42393
42397
|
{
|
|
42394
42398
|
"kind": "method",
|
|
@@ -42398,7 +42402,21 @@
|
|
|
42398
42402
|
"type": {
|
|
42399
42403
|
"text": "void"
|
|
42400
42404
|
}
|
|
42401
|
-
}
|
|
42405
|
+
},
|
|
42406
|
+
"description": "Alias for SearchBar.clear."
|
|
42407
|
+
},
|
|
42408
|
+
{
|
|
42409
|
+
"kind": "method",
|
|
42410
|
+
"name": "selectedOptionsChanged"
|
|
42411
|
+
},
|
|
42412
|
+
{
|
|
42413
|
+
"kind": "method",
|
|
42414
|
+
"name": "optionsChanged"
|
|
42415
|
+
},
|
|
42416
|
+
{
|
|
42417
|
+
"kind": "method",
|
|
42418
|
+
"name": "applySearchInputLock",
|
|
42419
|
+
"privacy": "private"
|
|
42402
42420
|
},
|
|
42403
42421
|
{
|
|
42404
42422
|
"kind": "method",
|
|
@@ -42602,6 +42620,15 @@
|
|
|
42602
42620
|
}
|
|
42603
42621
|
],
|
|
42604
42622
|
"attributes": [
|
|
42623
|
+
{
|
|
42624
|
+
"name": "clear-button",
|
|
42625
|
+
"type": {
|
|
42626
|
+
"text": "boolean"
|
|
42627
|
+
},
|
|
42628
|
+
"default": "true",
|
|
42629
|
+
"fieldName": "clearButton",
|
|
42630
|
+
"description": "when true, shows the end clear control when there are chips or typed text. When false, use {@link SearchBar.clear} or {@link SearchBar.clearSearch} to reset programmatically."
|
|
42631
|
+
},
|
|
42605
42632
|
{
|
|
42606
42633
|
"name": "appearance",
|
|
42607
42634
|
"type": {
|
|
@@ -42642,6 +42669,15 @@
|
|
|
42642
42669
|
"text": "boolean"
|
|
42643
42670
|
},
|
|
42644
42671
|
"fieldName": "disabled"
|
|
42672
|
+
},
|
|
42673
|
+
{
|
|
42674
|
+
"name": "clear-button",
|
|
42675
|
+
"type": {
|
|
42676
|
+
"text": "boolean"
|
|
42677
|
+
},
|
|
42678
|
+
"default": "true",
|
|
42679
|
+
"attribute": "clear-button",
|
|
42680
|
+
"fieldName": "clearButton"
|
|
42645
42681
|
}
|
|
42646
42682
|
],
|
|
42647
42683
|
"superclass": {
|
|
@@ -47682,7 +47718,7 @@
|
|
|
47682
47718
|
{
|
|
47683
47719
|
"kind": "variable",
|
|
47684
47720
|
"name": "statusPillStyles",
|
|
47685
|
-
"default": "css`\n .status-pill {\n font-size:
|
|
47721
|
+
"default": "css`\n .status-pill {\n font-size: var(--ag-data-font-size);\n display: inline-flex;\n align-items: center;\n gap: 5px;\n border-radius: 4px;\n height: 20px;\n background: grey;\n color: var(--neutral-foreground-rest);\n padding: 2px 8px;\n line-height: 1;\n }\n\n .status-pill.lg {\n height: 32px;\n border-radius: 16px;\n padding: 2px 12px;\n }\n\n .status-pill-initial {\n height: 14px;\n width: 14px;\n border-radius: 7px;\n font-weight: bold;\n font-size: 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .status-pill-image {\n height: 14px;\n }\n`"
|
|
47686
47722
|
}
|
|
47687
47723
|
],
|
|
47688
47724
|
"exports": [
|