@momentum-design/components 0.118.6 → 0.119.0
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 +407 -407
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/package.json +1 -1
|
@@ -477,6 +477,157 @@
|
|
|
477
477
|
}
|
|
478
478
|
]
|
|
479
479
|
},
|
|
480
|
+
{
|
|
481
|
+
"kind": "javascript-module",
|
|
482
|
+
"path": "components/accordiongroup/accordiongroup.component.js",
|
|
483
|
+
"declarations": [
|
|
484
|
+
{
|
|
485
|
+
"kind": "class",
|
|
486
|
+
"description": "An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\nEach heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\nAccordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n\n- Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n\nThere are three types of variants:\n- Stacked - Each accordion will have a gap of 1.5rem (24px).\n- Borderless - Each accordion will not have any border and the group will also not have any border.\n- Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n\nThere are two types of sizes:\n- Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n- Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n\nThe variant and size will be applied to all accordions inside this accordion group.\nTo show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.",
|
|
487
|
+
"name": "AccordionGroup",
|
|
488
|
+
"cssProperties": [
|
|
489
|
+
{
|
|
490
|
+
"description": "The border color of the entire accordiongroup",
|
|
491
|
+
"name": "--mdc-accordiongroup-border-color"
|
|
492
|
+
}
|
|
493
|
+
],
|
|
494
|
+
"slots": [
|
|
495
|
+
{
|
|
496
|
+
"description": "The default slot can contain the `accordion` or `accordionbutton` components.",
|
|
497
|
+
"name": "default"
|
|
498
|
+
}
|
|
499
|
+
],
|
|
500
|
+
"members": [
|
|
501
|
+
{
|
|
502
|
+
"kind": "field",
|
|
503
|
+
"name": "size",
|
|
504
|
+
"type": {
|
|
505
|
+
"text": "Size"
|
|
506
|
+
},
|
|
507
|
+
"description": "The size of the accordion item.",
|
|
508
|
+
"default": "'small'",
|
|
509
|
+
"attribute": "size",
|
|
510
|
+
"reflects": true
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"kind": "field",
|
|
514
|
+
"name": "variant",
|
|
515
|
+
"type": {
|
|
516
|
+
"text": "Variant"
|
|
517
|
+
},
|
|
518
|
+
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
519
|
+
"default": "'stacked'",
|
|
520
|
+
"attribute": "variant",
|
|
521
|
+
"reflects": true
|
|
522
|
+
},
|
|
523
|
+
{
|
|
524
|
+
"kind": "field",
|
|
525
|
+
"name": "allowMultiple",
|
|
526
|
+
"type": {
|
|
527
|
+
"text": "boolean"
|
|
528
|
+
},
|
|
529
|
+
"default": "false",
|
|
530
|
+
"description": "If true, multiple accordion items can be visible at the same time.",
|
|
531
|
+
"attribute": "allow-multiple",
|
|
532
|
+
"reflects": true
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"kind": "method",
|
|
536
|
+
"name": "handleAccordionExpanded",
|
|
537
|
+
"privacy": "private",
|
|
538
|
+
"return": {
|
|
539
|
+
"type": {
|
|
540
|
+
"text": "void"
|
|
541
|
+
}
|
|
542
|
+
},
|
|
543
|
+
"parameters": [
|
|
544
|
+
{
|
|
545
|
+
"name": "event",
|
|
546
|
+
"type": {
|
|
547
|
+
"text": "Event"
|
|
548
|
+
},
|
|
549
|
+
"description": "The event object from the 'shown' event."
|
|
550
|
+
}
|
|
551
|
+
],
|
|
552
|
+
"description": "Handles the 'shown' event for accordion items.\nIf `allowMultiple` is false, ensures that only one accordion item\nremains expanded by collapsing all other expanded items when a new item is expanded."
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"kind": "method",
|
|
556
|
+
"name": "setChildrenAccordionAttributes",
|
|
557
|
+
"privacy": "private",
|
|
558
|
+
"return": {
|
|
559
|
+
"type": {
|
|
560
|
+
"text": "void"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
"parameters": [
|
|
564
|
+
{
|
|
565
|
+
"name": "attributeName",
|
|
566
|
+
"type": {
|
|
567
|
+
"text": "string"
|
|
568
|
+
},
|
|
569
|
+
"description": "The name of the attribute to set."
|
|
570
|
+
},
|
|
571
|
+
{
|
|
572
|
+
"name": "attributeValue",
|
|
573
|
+
"type": {
|
|
574
|
+
"text": "string"
|
|
575
|
+
},
|
|
576
|
+
"description": "The value to set the attribute to."
|
|
577
|
+
}
|
|
578
|
+
],
|
|
579
|
+
"description": "Sets the given attribute on all child accordion or accordionbutton components."
|
|
580
|
+
}
|
|
581
|
+
],
|
|
582
|
+
"attributes": [
|
|
583
|
+
{
|
|
584
|
+
"name": "size",
|
|
585
|
+
"type": {
|
|
586
|
+
"text": "Size"
|
|
587
|
+
},
|
|
588
|
+
"description": "The size of the accordion item.",
|
|
589
|
+
"default": "'small'",
|
|
590
|
+
"fieldName": "size"
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"name": "variant",
|
|
594
|
+
"type": {
|
|
595
|
+
"text": "Variant"
|
|
596
|
+
},
|
|
597
|
+
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
598
|
+
"default": "'stacked'",
|
|
599
|
+
"fieldName": "variant"
|
|
600
|
+
},
|
|
601
|
+
{
|
|
602
|
+
"name": "allow-multiple",
|
|
603
|
+
"type": {
|
|
604
|
+
"text": "boolean"
|
|
605
|
+
},
|
|
606
|
+
"default": "false",
|
|
607
|
+
"description": "If true, multiple accordion items can be visible at the same time.",
|
|
608
|
+
"fieldName": "allowMultiple"
|
|
609
|
+
}
|
|
610
|
+
],
|
|
611
|
+
"superclass": {
|
|
612
|
+
"name": "Component",
|
|
613
|
+
"module": "/src/models"
|
|
614
|
+
},
|
|
615
|
+
"tagName": "mdc-accordiongroup",
|
|
616
|
+
"jsDoc": "/**\n * An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\n * Each heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\n * Accordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n *\n * - Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n *\n * There are three types of variants:\n * - Stacked - Each accordion will have a gap of 1.5rem (24px).\n * - Borderless - Each accordion will not have any border and the group will also not have any border.\n * - Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n *\n * There are two types of sizes:\n * - Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n * - Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n *\n * The variant and size will be applied to all accordions inside this accordion group.\n * To show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.\n *\n * @tagname mdc-accordiongroup\n *\n * @slot default - The default slot can contain the `accordion` or `accordionbutton` components.\n *\n * @cssproperty --mdc-accordiongroup-border-color - The border color of the entire accordiongroup\n */",
|
|
617
|
+
"customElement": true
|
|
618
|
+
}
|
|
619
|
+
],
|
|
620
|
+
"exports": [
|
|
621
|
+
{
|
|
622
|
+
"kind": "js",
|
|
623
|
+
"name": "default",
|
|
624
|
+
"declaration": {
|
|
625
|
+
"name": "AccordionGroup",
|
|
626
|
+
"module": "components/accordiongroup/accordiongroup.component.js"
|
|
627
|
+
}
|
|
628
|
+
}
|
|
629
|
+
]
|
|
630
|
+
},
|
|
480
631
|
{
|
|
481
632
|
"kind": "javascript-module",
|
|
482
633
|
"path": "components/accordionbutton/accordionbutton.component.js",
|
|
@@ -811,159 +962,8 @@
|
|
|
811
962
|
"kind": "js",
|
|
812
963
|
"name": "default",
|
|
813
964
|
"declaration": {
|
|
814
|
-
"name": "AccordionButton",
|
|
815
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
816
|
-
}
|
|
817
|
-
}
|
|
818
|
-
]
|
|
819
|
-
},
|
|
820
|
-
{
|
|
821
|
-
"kind": "javascript-module",
|
|
822
|
-
"path": "components/accordiongroup/accordiongroup.component.js",
|
|
823
|
-
"declarations": [
|
|
824
|
-
{
|
|
825
|
-
"kind": "class",
|
|
826
|
-
"description": "An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\nEach heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\nAccordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n\n- Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n\nThere are three types of variants:\n- Stacked - Each accordion will have a gap of 1.5rem (24px).\n- Borderless - Each accordion will not have any border and the group will also not have any border.\n- Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n\nThere are two types of sizes:\n- Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n- Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n\nThe variant and size will be applied to all accordions inside this accordion group.\nTo show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.",
|
|
827
|
-
"name": "AccordionGroup",
|
|
828
|
-
"cssProperties": [
|
|
829
|
-
{
|
|
830
|
-
"description": "The border color of the entire accordiongroup",
|
|
831
|
-
"name": "--mdc-accordiongroup-border-color"
|
|
832
|
-
}
|
|
833
|
-
],
|
|
834
|
-
"slots": [
|
|
835
|
-
{
|
|
836
|
-
"description": "The default slot can contain the `accordion` or `accordionbutton` components.",
|
|
837
|
-
"name": "default"
|
|
838
|
-
}
|
|
839
|
-
],
|
|
840
|
-
"members": [
|
|
841
|
-
{
|
|
842
|
-
"kind": "field",
|
|
843
|
-
"name": "size",
|
|
844
|
-
"type": {
|
|
845
|
-
"text": "Size"
|
|
846
|
-
},
|
|
847
|
-
"description": "The size of the accordion item.",
|
|
848
|
-
"default": "'small'",
|
|
849
|
-
"attribute": "size",
|
|
850
|
-
"reflects": true
|
|
851
|
-
},
|
|
852
|
-
{
|
|
853
|
-
"kind": "field",
|
|
854
|
-
"name": "variant",
|
|
855
|
-
"type": {
|
|
856
|
-
"text": "Variant"
|
|
857
|
-
},
|
|
858
|
-
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
859
|
-
"default": "'stacked'",
|
|
860
|
-
"attribute": "variant",
|
|
861
|
-
"reflects": true
|
|
862
|
-
},
|
|
863
|
-
{
|
|
864
|
-
"kind": "field",
|
|
865
|
-
"name": "allowMultiple",
|
|
866
|
-
"type": {
|
|
867
|
-
"text": "boolean"
|
|
868
|
-
},
|
|
869
|
-
"default": "false",
|
|
870
|
-
"description": "If true, multiple accordion items can be visible at the same time.",
|
|
871
|
-
"attribute": "allow-multiple",
|
|
872
|
-
"reflects": true
|
|
873
|
-
},
|
|
874
|
-
{
|
|
875
|
-
"kind": "method",
|
|
876
|
-
"name": "handleAccordionExpanded",
|
|
877
|
-
"privacy": "private",
|
|
878
|
-
"return": {
|
|
879
|
-
"type": {
|
|
880
|
-
"text": "void"
|
|
881
|
-
}
|
|
882
|
-
},
|
|
883
|
-
"parameters": [
|
|
884
|
-
{
|
|
885
|
-
"name": "event",
|
|
886
|
-
"type": {
|
|
887
|
-
"text": "Event"
|
|
888
|
-
},
|
|
889
|
-
"description": "The event object from the 'shown' event."
|
|
890
|
-
}
|
|
891
|
-
],
|
|
892
|
-
"description": "Handles the 'shown' event for accordion items.\nIf `allowMultiple` is false, ensures that only one accordion item\nremains expanded by collapsing all other expanded items when a new item is expanded."
|
|
893
|
-
},
|
|
894
|
-
{
|
|
895
|
-
"kind": "method",
|
|
896
|
-
"name": "setChildrenAccordionAttributes",
|
|
897
|
-
"privacy": "private",
|
|
898
|
-
"return": {
|
|
899
|
-
"type": {
|
|
900
|
-
"text": "void"
|
|
901
|
-
}
|
|
902
|
-
},
|
|
903
|
-
"parameters": [
|
|
904
|
-
{
|
|
905
|
-
"name": "attributeName",
|
|
906
|
-
"type": {
|
|
907
|
-
"text": "string"
|
|
908
|
-
},
|
|
909
|
-
"description": "The name of the attribute to set."
|
|
910
|
-
},
|
|
911
|
-
{
|
|
912
|
-
"name": "attributeValue",
|
|
913
|
-
"type": {
|
|
914
|
-
"text": "string"
|
|
915
|
-
},
|
|
916
|
-
"description": "The value to set the attribute to."
|
|
917
|
-
}
|
|
918
|
-
],
|
|
919
|
-
"description": "Sets the given attribute on all child accordion or accordionbutton components."
|
|
920
|
-
}
|
|
921
|
-
],
|
|
922
|
-
"attributes": [
|
|
923
|
-
{
|
|
924
|
-
"name": "size",
|
|
925
|
-
"type": {
|
|
926
|
-
"text": "Size"
|
|
927
|
-
},
|
|
928
|
-
"description": "The size of the accordion item.",
|
|
929
|
-
"default": "'small'",
|
|
930
|
-
"fieldName": "size"
|
|
931
|
-
},
|
|
932
|
-
{
|
|
933
|
-
"name": "variant",
|
|
934
|
-
"type": {
|
|
935
|
-
"text": "Variant"
|
|
936
|
-
},
|
|
937
|
-
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
938
|
-
"default": "'stacked'",
|
|
939
|
-
"fieldName": "variant"
|
|
940
|
-
},
|
|
941
|
-
{
|
|
942
|
-
"name": "allow-multiple",
|
|
943
|
-
"type": {
|
|
944
|
-
"text": "boolean"
|
|
945
|
-
},
|
|
946
|
-
"default": "false",
|
|
947
|
-
"description": "If true, multiple accordion items can be visible at the same time.",
|
|
948
|
-
"fieldName": "allowMultiple"
|
|
949
|
-
}
|
|
950
|
-
],
|
|
951
|
-
"superclass": {
|
|
952
|
-
"name": "Component",
|
|
953
|
-
"module": "/src/models"
|
|
954
|
-
},
|
|
955
|
-
"tagName": "mdc-accordiongroup",
|
|
956
|
-
"jsDoc": "/**\n * An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\n * Each heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\n * Accordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n *\n * - Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n *\n * There are three types of variants:\n * - Stacked - Each accordion will have a gap of 1.5rem (24px).\n * - Borderless - Each accordion will not have any border and the group will also not have any border.\n * - Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n *\n * There are two types of sizes:\n * - Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n * - Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n *\n * The variant and size will be applied to all accordions inside this accordion group.\n * To show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.\n *\n * @tagname mdc-accordiongroup\n *\n * @slot default - The default slot can contain the `accordion` or `accordionbutton` components.\n *\n * @cssproperty --mdc-accordiongroup-border-color - The border color of the entire accordiongroup\n */",
|
|
957
|
-
"customElement": true
|
|
958
|
-
}
|
|
959
|
-
],
|
|
960
|
-
"exports": [
|
|
961
|
-
{
|
|
962
|
-
"kind": "js",
|
|
963
|
-
"name": "default",
|
|
964
|
-
"declaration": {
|
|
965
|
-
"name": "AccordionGroup",
|
|
966
|
-
"module": "components/accordiongroup/accordiongroup.component.js"
|
|
965
|
+
"name": "AccordionButton",
|
|
966
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
967
967
|
}
|
|
968
968
|
}
|
|
969
969
|
]
|
|
@@ -31252,258 +31252,11 @@
|
|
|
31252
31252
|
"description": "Slot for the trailing button to clear the input field. If not provided, the clear button will be rendered when `trailingButton` property is set to true.",
|
|
31253
31253
|
"name": "trailing-button",
|
|
31254
31254
|
"inheritedFrom": {
|
|
31255
|
-
"name": "Input",
|
|
31256
|
-
"module": "src/components/input/input.component.ts"
|
|
31257
|
-
}
|
|
31258
|
-
}
|
|
31259
|
-
]
|
|
31260
|
-
}
|
|
31261
|
-
],
|
|
31262
|
-
"exports": [
|
|
31263
|
-
{
|
|
31264
|
-
"kind": "js",
|
|
31265
|
-
"name": "default",
|
|
31266
|
-
"declaration": {
|
|
31267
|
-
"name": "Password",
|
|
31268
|
-
"module": "components/password/password.component.js"
|
|
31269
|
-
}
|
|
31270
|
-
}
|
|
31271
|
-
]
|
|
31272
|
-
},
|
|
31273
|
-
{
|
|
31274
|
-
"kind": "javascript-module",
|
|
31275
|
-
"path": "components/presence/presence.component.js",
|
|
31276
|
-
"declarations": [
|
|
31277
|
-
{
|
|
31278
|
-
"kind": "class",
|
|
31279
|
-
"description": "The `mdc-presence` component is a versatile UI element used to\ndisplay the presence status of a user or entity within an avatar component.\n\nThis component is ideal for use within avatar UIs where the presence status\nneeds to be visually represented.",
|
|
31280
|
-
"name": "Presence",
|
|
31281
|
-
"cssProperties": [
|
|
31282
|
-
{
|
|
31283
|
-
"description": "The background color of the presence type active.",
|
|
31284
|
-
"name": "--mdc-presence-active-background-color"
|
|
31285
|
-
},
|
|
31286
|
-
{
|
|
31287
|
-
"description": "The background color of the presence type away.",
|
|
31288
|
-
"name": "--mdc-presence-away-background-color"
|
|
31289
|
-
},
|
|
31290
|
-
{
|
|
31291
|
-
"description": "The background color of the presence type away-calling.",
|
|
31292
|
-
"name": "--mdc-presence-away-calling-background-color"
|
|
31293
|
-
},
|
|
31294
|
-
{
|
|
31295
|
-
"description": "The background color of the presence type busy.",
|
|
31296
|
-
"name": "--mdc-presence-busy-background-color"
|
|
31297
|
-
},
|
|
31298
|
-
{
|
|
31299
|
-
"description": "The background color of the presence type dnd.",
|
|
31300
|
-
"name": "--mdc-presence-dnd-background-color"
|
|
31301
|
-
},
|
|
31302
|
-
{
|
|
31303
|
-
"description": "The background color of the presence type meeting.",
|
|
31304
|
-
"name": "--mdc-presence-meeting-background-color"
|
|
31305
|
-
},
|
|
31306
|
-
{
|
|
31307
|
-
"description": "The background color of the presence type on-call.",
|
|
31308
|
-
"name": "--mdc-presence-on-call-background-color"
|
|
31309
|
-
},
|
|
31310
|
-
{
|
|
31311
|
-
"description": "The background color of the presence type on-device.",
|
|
31312
|
-
"name": "--mdc-presence-on-device-background-color"
|
|
31313
|
-
},
|
|
31314
|
-
{
|
|
31315
|
-
"description": "The background color of the presence type on-mobile.",
|
|
31316
|
-
"name": "--mdc-presence-on-mobile-background-color"
|
|
31317
|
-
},
|
|
31318
|
-
{
|
|
31319
|
-
"description": "The background color of the presence type pause.",
|
|
31320
|
-
"name": "--mdc-presence-pause-background-color"
|
|
31321
|
-
},
|
|
31322
|
-
{
|
|
31323
|
-
"description": "The background color of the presence type pto.",
|
|
31324
|
-
"name": "--mdc-presence-pto-background-color"
|
|
31325
|
-
},
|
|
31326
|
-
{
|
|
31327
|
-
"description": "The background color of the presence type presenting.",
|
|
31328
|
-
"name": "--mdc-presence-presenting-background-color"
|
|
31329
|
-
},
|
|
31330
|
-
{
|
|
31331
|
-
"description": "The background color of the presence type quiet.",
|
|
31332
|
-
"name": "--mdc-presence-quiet-background-color"
|
|
31333
|
-
},
|
|
31334
|
-
{
|
|
31335
|
-
"description": "The background color of the presence type scheduled.",
|
|
31336
|
-
"name": "--mdc-presence-scheduled-background-color"
|
|
31337
|
-
},
|
|
31338
|
-
{
|
|
31339
|
-
"description": "The background color of the presence type overlay.",
|
|
31340
|
-
"name": "--mdc-presence-overlay-background-color"
|
|
31341
|
-
}
|
|
31342
|
-
],
|
|
31343
|
-
"cssParts": [
|
|
31344
|
-
{
|
|
31345
|
-
"description": "The presence content.",
|
|
31346
|
-
"name": "presence-content"
|
|
31347
|
-
},
|
|
31348
|
-
{
|
|
31349
|
-
"description": "The presence icon.",
|
|
31350
|
-
"name": "mdc-presence-icon"
|
|
31351
|
-
},
|
|
31352
|
-
{
|
|
31353
|
-
"description": "The presence icon for active.",
|
|
31354
|
-
"name": "mdc-presence-icon__active"
|
|
31355
|
-
},
|
|
31356
|
-
{
|
|
31357
|
-
"description": "The presence icon for away.",
|
|
31358
|
-
"name": "mdc-presence-icon__away"
|
|
31359
|
-
},
|
|
31360
|
-
{
|
|
31361
|
-
"description": "The presence icon for away-calling.",
|
|
31362
|
-
"name": "mdc-presence-icon__away-calling"
|
|
31363
|
-
},
|
|
31364
|
-
{
|
|
31365
|
-
"description": "The presence icon for busy.",
|
|
31366
|
-
"name": "mdc-presence-icon__busy"
|
|
31367
|
-
},
|
|
31368
|
-
{
|
|
31369
|
-
"description": "The presence icon for dnd.",
|
|
31370
|
-
"name": "mdc-presence-icon__dnd"
|
|
31371
|
-
},
|
|
31372
|
-
{
|
|
31373
|
-
"description": "The presence icon for meeting.",
|
|
31374
|
-
"name": "mdc-presence-icon__meeting"
|
|
31375
|
-
},
|
|
31376
|
-
{
|
|
31377
|
-
"description": "The presence icon for on-call.",
|
|
31378
|
-
"name": "mdc-presence-icon__on-call"
|
|
31379
|
-
},
|
|
31380
|
-
{
|
|
31381
|
-
"description": "The presence icon for on-device.",
|
|
31382
|
-
"name": "mdc-presence-icon__on-device"
|
|
31383
|
-
},
|
|
31384
|
-
{
|
|
31385
|
-
"description": "The presence icon for on-mobile.",
|
|
31386
|
-
"name": "mdc-presence-icon__on-mobile"
|
|
31387
|
-
},
|
|
31388
|
-
{
|
|
31389
|
-
"description": "The presence icon for pause.",
|
|
31390
|
-
"name": "mdc-presence-icon__pause"
|
|
31391
|
-
},
|
|
31392
|
-
{
|
|
31393
|
-
"description": "The presence icon for pto.",
|
|
31394
|
-
"name": "mdc-presence-icon__pto"
|
|
31395
|
-
},
|
|
31396
|
-
{
|
|
31397
|
-
"description": "The presence icon for presenting.",
|
|
31398
|
-
"name": "mdc-presence-icon__presenting"
|
|
31399
|
-
},
|
|
31400
|
-
{
|
|
31401
|
-
"description": "The presence icon for quiet.",
|
|
31402
|
-
"name": "mdc-presence-icon__quiet"
|
|
31403
|
-
},
|
|
31404
|
-
{
|
|
31405
|
-
"description": "The presence icon for scheduled.",
|
|
31406
|
-
"name": "mdc-presence-icon__scheduled"
|
|
31407
|
-
}
|
|
31408
|
-
],
|
|
31409
|
-
"members": [
|
|
31410
|
-
{
|
|
31411
|
-
"kind": "field",
|
|
31412
|
-
"name": "type",
|
|
31413
|
-
"type": {
|
|
31414
|
-
"text": "PresenceType"
|
|
31415
|
-
},
|
|
31416
|
-
"description": "Supported presence types:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
31417
|
-
"default": "active",
|
|
31418
|
-
"attribute": "type",
|
|
31419
|
-
"reflects": true
|
|
31420
|
-
},
|
|
31421
|
-
{
|
|
31422
|
-
"kind": "field",
|
|
31423
|
-
"name": "size",
|
|
31424
|
-
"type": {
|
|
31425
|
-
"text": "PresenceSize"
|
|
31426
|
-
},
|
|
31427
|
-
"description": "Acceptable numeric values include:\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124\n\nPresence icons are minimum 14px in size, meaning 24, 32, and 48 presence\nicons will be no smaller than 14px (for sizes 24, 32, 48).",
|
|
31428
|
-
"default": "32",
|
|
31429
|
-
"attribute": "size",
|
|
31430
|
-
"reflects": true
|
|
31431
|
-
},
|
|
31432
|
-
{
|
|
31433
|
-
"kind": "method",
|
|
31434
|
-
"name": "setSize",
|
|
31435
|
-
"privacy": "private",
|
|
31436
|
-
"return": {
|
|
31437
|
-
"type": {
|
|
31438
|
-
"text": "void"
|
|
31439
|
-
}
|
|
31440
|
-
},
|
|
31441
|
-
"parameters": [
|
|
31442
|
-
{
|
|
31443
|
-
"name": "size",
|
|
31444
|
-
"type": {
|
|
31445
|
-
"text": "PresenceSize"
|
|
31446
|
-
}
|
|
31447
|
-
}
|
|
31448
|
-
]
|
|
31449
|
-
},
|
|
31450
|
-
{
|
|
31451
|
-
"kind": "field",
|
|
31452
|
-
"name": "icon",
|
|
31453
|
-
"privacy": "private",
|
|
31454
|
-
"description": "Get the icon name based on the presence type",
|
|
31455
|
-
"readonly": true
|
|
31456
|
-
},
|
|
31457
|
-
{
|
|
31458
|
-
"kind": "method",
|
|
31459
|
-
"name": "handleOnLoad",
|
|
31460
|
-
"privacy": "private",
|
|
31461
|
-
"return": {
|
|
31462
|
-
"type": {
|
|
31463
|
-
"text": "void"
|
|
31464
|
-
}
|
|
31465
|
-
},
|
|
31466
|
-
"description": "Handles the successful load of an icon.\nSets the `currentIconType` property to match the `type` property."
|
|
31467
|
-
},
|
|
31468
|
-
{
|
|
31469
|
-
"kind": "method",
|
|
31470
|
-
"name": "handleOnError",
|
|
31471
|
-
"privacy": "private",
|
|
31472
|
-
"return": {
|
|
31473
|
-
"type": {
|
|
31474
|
-
"text": "void"
|
|
31475
|
-
}
|
|
31476
|
-
},
|
|
31477
|
-
"description": "Handles an error that occurs when loading an icon."
|
|
31478
|
-
}
|
|
31479
|
-
],
|
|
31480
|
-
"attributes": [
|
|
31481
|
-
{
|
|
31482
|
-
"name": "type",
|
|
31483
|
-
"type": {
|
|
31484
|
-
"text": "PresenceType"
|
|
31485
|
-
},
|
|
31486
|
-
"description": "Supported presence types:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
31487
|
-
"default": "active",
|
|
31488
|
-
"fieldName": "type"
|
|
31489
|
-
},
|
|
31490
|
-
{
|
|
31491
|
-
"name": "size",
|
|
31492
|
-
"type": {
|
|
31493
|
-
"text": "PresenceSize"
|
|
31494
|
-
},
|
|
31495
|
-
"description": "Acceptable numeric values include:\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124\n\nPresence icons are minimum 14px in size, meaning 24, 32, and 48 presence\nicons will be no smaller than 14px (for sizes 24, 32, 48).",
|
|
31496
|
-
"default": "32",
|
|
31497
|
-
"fieldName": "size"
|
|
31498
|
-
}
|
|
31499
|
-
],
|
|
31500
|
-
"superclass": {
|
|
31501
|
-
"name": "Component",
|
|
31502
|
-
"module": "/src/models"
|
|
31503
|
-
},
|
|
31504
|
-
"tagName": "mdc-presence",
|
|
31505
|
-
"jsDoc": "/**\n * The `mdc-presence` component is a versatile UI element used to\n * display the presence status of a user or entity within an avatar component.\n *\n * This component is ideal for use within avatar UIs where the presence status\n * needs to be visually represented.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-presence\n *\n * @cssproperty --mdc-presence-active-background-color - The background color of the presence type active.\n * @cssproperty --mdc-presence-away-background-color - The background color of the presence type away.\n * @cssproperty --mdc-presence-away-calling-background-color - The background color of the presence type away-calling.\n * @cssproperty --mdc-presence-busy-background-color - The background color of the presence type busy.\n * @cssproperty --mdc-presence-dnd-background-color - The background color of the presence type dnd.\n * @cssproperty --mdc-presence-meeting-background-color - The background color of the presence type meeting.\n * @cssproperty --mdc-presence-on-call-background-color - The background color of the presence type on-call.\n * @cssproperty --mdc-presence-on-device-background-color - The background color of the presence type on-device.\n * @cssproperty --mdc-presence-on-mobile-background-color - The background color of the presence type on-mobile.\n * @cssproperty --mdc-presence-pause-background-color - The background color of the presence type pause.\n * @cssproperty --mdc-presence-pto-background-color - The background color of the presence type pto.\n * @cssproperty --mdc-presence-presenting-background-color - The background color of the presence type presenting.\n * @cssproperty --mdc-presence-quiet-background-color - The background color of the presence type quiet.\n * @cssproperty --mdc-presence-scheduled-background-color - The background color of the presence type scheduled.\n * @cssproperty --mdc-presence-overlay-background-color - The background color of the presence type overlay.\n *\n * @csspart presence-content - The presence content.\n * @csspart mdc-presence-icon - The presence icon.\n * @csspart mdc-presence-icon__active - The presence icon for active.\n * @csspart mdc-presence-icon__away - The presence icon for away.\n * @csspart mdc-presence-icon__away-calling - The presence icon for away-calling.\n * @csspart mdc-presence-icon__busy - The presence icon for busy.\n * @csspart mdc-presence-icon__dnd - The presence icon for dnd.\n * @csspart mdc-presence-icon__meeting - The presence icon for meeting.\n * @csspart mdc-presence-icon__on-call - The presence icon for on-call.\n * @csspart mdc-presence-icon__on-device - The presence icon for on-device.\n * @csspart mdc-presence-icon__on-mobile - The presence icon for on-mobile.\n * @csspart mdc-presence-icon__pause - The presence icon for pause.\n * @csspart mdc-presence-icon__pto - The presence icon for pto.\n * @csspart mdc-presence-icon__presenting - The presence icon for presenting.\n * @csspart mdc-presence-icon__quiet - The presence icon for quiet.\n * @csspart mdc-presence-icon__scheduled - The presence icon for scheduled.\n */",
|
|
31506
|
-
"customElement": true
|
|
31255
|
+
"name": "Input",
|
|
31256
|
+
"module": "src/components/input/input.component.ts"
|
|
31257
|
+
}
|
|
31258
|
+
}
|
|
31259
|
+
]
|
|
31507
31260
|
}
|
|
31508
31261
|
],
|
|
31509
31262
|
"exports": [
|
|
@@ -31511,8 +31264,8 @@
|
|
|
31511
31264
|
"kind": "js",
|
|
31512
31265
|
"name": "default",
|
|
31513
31266
|
"declaration": {
|
|
31514
|
-
"name": "
|
|
31515
|
-
"module": "components/
|
|
31267
|
+
"name": "Password",
|
|
31268
|
+
"module": "components/password/password.component.js"
|
|
31516
31269
|
}
|
|
31517
31270
|
}
|
|
31518
31271
|
]
|
|
@@ -33081,6 +32834,253 @@
|
|
|
33081
32834
|
}
|
|
33082
32835
|
]
|
|
33083
32836
|
},
|
|
32837
|
+
{
|
|
32838
|
+
"kind": "javascript-module",
|
|
32839
|
+
"path": "components/presence/presence.component.js",
|
|
32840
|
+
"declarations": [
|
|
32841
|
+
{
|
|
32842
|
+
"kind": "class",
|
|
32843
|
+
"description": "The `mdc-presence` component is a versatile UI element used to\ndisplay the presence status of a user or entity within an avatar component.\n\nThis component is ideal for use within avatar UIs where the presence status\nneeds to be visually represented.",
|
|
32844
|
+
"name": "Presence",
|
|
32845
|
+
"cssProperties": [
|
|
32846
|
+
{
|
|
32847
|
+
"description": "The background color of the presence type active.",
|
|
32848
|
+
"name": "--mdc-presence-active-background-color"
|
|
32849
|
+
},
|
|
32850
|
+
{
|
|
32851
|
+
"description": "The background color of the presence type away.",
|
|
32852
|
+
"name": "--mdc-presence-away-background-color"
|
|
32853
|
+
},
|
|
32854
|
+
{
|
|
32855
|
+
"description": "The background color of the presence type away-calling.",
|
|
32856
|
+
"name": "--mdc-presence-away-calling-background-color"
|
|
32857
|
+
},
|
|
32858
|
+
{
|
|
32859
|
+
"description": "The background color of the presence type busy.",
|
|
32860
|
+
"name": "--mdc-presence-busy-background-color"
|
|
32861
|
+
},
|
|
32862
|
+
{
|
|
32863
|
+
"description": "The background color of the presence type dnd.",
|
|
32864
|
+
"name": "--mdc-presence-dnd-background-color"
|
|
32865
|
+
},
|
|
32866
|
+
{
|
|
32867
|
+
"description": "The background color of the presence type meeting.",
|
|
32868
|
+
"name": "--mdc-presence-meeting-background-color"
|
|
32869
|
+
},
|
|
32870
|
+
{
|
|
32871
|
+
"description": "The background color of the presence type on-call.",
|
|
32872
|
+
"name": "--mdc-presence-on-call-background-color"
|
|
32873
|
+
},
|
|
32874
|
+
{
|
|
32875
|
+
"description": "The background color of the presence type on-device.",
|
|
32876
|
+
"name": "--mdc-presence-on-device-background-color"
|
|
32877
|
+
},
|
|
32878
|
+
{
|
|
32879
|
+
"description": "The background color of the presence type on-mobile.",
|
|
32880
|
+
"name": "--mdc-presence-on-mobile-background-color"
|
|
32881
|
+
},
|
|
32882
|
+
{
|
|
32883
|
+
"description": "The background color of the presence type pause.",
|
|
32884
|
+
"name": "--mdc-presence-pause-background-color"
|
|
32885
|
+
},
|
|
32886
|
+
{
|
|
32887
|
+
"description": "The background color of the presence type pto.",
|
|
32888
|
+
"name": "--mdc-presence-pto-background-color"
|
|
32889
|
+
},
|
|
32890
|
+
{
|
|
32891
|
+
"description": "The background color of the presence type presenting.",
|
|
32892
|
+
"name": "--mdc-presence-presenting-background-color"
|
|
32893
|
+
},
|
|
32894
|
+
{
|
|
32895
|
+
"description": "The background color of the presence type quiet.",
|
|
32896
|
+
"name": "--mdc-presence-quiet-background-color"
|
|
32897
|
+
},
|
|
32898
|
+
{
|
|
32899
|
+
"description": "The background color of the presence type scheduled.",
|
|
32900
|
+
"name": "--mdc-presence-scheduled-background-color"
|
|
32901
|
+
},
|
|
32902
|
+
{
|
|
32903
|
+
"description": "The background color of the presence type overlay.",
|
|
32904
|
+
"name": "--mdc-presence-overlay-background-color"
|
|
32905
|
+
}
|
|
32906
|
+
],
|
|
32907
|
+
"cssParts": [
|
|
32908
|
+
{
|
|
32909
|
+
"description": "The presence content.",
|
|
32910
|
+
"name": "presence-content"
|
|
32911
|
+
},
|
|
32912
|
+
{
|
|
32913
|
+
"description": "The presence icon.",
|
|
32914
|
+
"name": "mdc-presence-icon"
|
|
32915
|
+
},
|
|
32916
|
+
{
|
|
32917
|
+
"description": "The presence icon for active.",
|
|
32918
|
+
"name": "mdc-presence-icon__active"
|
|
32919
|
+
},
|
|
32920
|
+
{
|
|
32921
|
+
"description": "The presence icon for away.",
|
|
32922
|
+
"name": "mdc-presence-icon__away"
|
|
32923
|
+
},
|
|
32924
|
+
{
|
|
32925
|
+
"description": "The presence icon for away-calling.",
|
|
32926
|
+
"name": "mdc-presence-icon__away-calling"
|
|
32927
|
+
},
|
|
32928
|
+
{
|
|
32929
|
+
"description": "The presence icon for busy.",
|
|
32930
|
+
"name": "mdc-presence-icon__busy"
|
|
32931
|
+
},
|
|
32932
|
+
{
|
|
32933
|
+
"description": "The presence icon for dnd.",
|
|
32934
|
+
"name": "mdc-presence-icon__dnd"
|
|
32935
|
+
},
|
|
32936
|
+
{
|
|
32937
|
+
"description": "The presence icon for meeting.",
|
|
32938
|
+
"name": "mdc-presence-icon__meeting"
|
|
32939
|
+
},
|
|
32940
|
+
{
|
|
32941
|
+
"description": "The presence icon for on-call.",
|
|
32942
|
+
"name": "mdc-presence-icon__on-call"
|
|
32943
|
+
},
|
|
32944
|
+
{
|
|
32945
|
+
"description": "The presence icon for on-device.",
|
|
32946
|
+
"name": "mdc-presence-icon__on-device"
|
|
32947
|
+
},
|
|
32948
|
+
{
|
|
32949
|
+
"description": "The presence icon for on-mobile.",
|
|
32950
|
+
"name": "mdc-presence-icon__on-mobile"
|
|
32951
|
+
},
|
|
32952
|
+
{
|
|
32953
|
+
"description": "The presence icon for pause.",
|
|
32954
|
+
"name": "mdc-presence-icon__pause"
|
|
32955
|
+
},
|
|
32956
|
+
{
|
|
32957
|
+
"description": "The presence icon for pto.",
|
|
32958
|
+
"name": "mdc-presence-icon__pto"
|
|
32959
|
+
},
|
|
32960
|
+
{
|
|
32961
|
+
"description": "The presence icon for presenting.",
|
|
32962
|
+
"name": "mdc-presence-icon__presenting"
|
|
32963
|
+
},
|
|
32964
|
+
{
|
|
32965
|
+
"description": "The presence icon for quiet.",
|
|
32966
|
+
"name": "mdc-presence-icon__quiet"
|
|
32967
|
+
},
|
|
32968
|
+
{
|
|
32969
|
+
"description": "The presence icon for scheduled.",
|
|
32970
|
+
"name": "mdc-presence-icon__scheduled"
|
|
32971
|
+
}
|
|
32972
|
+
],
|
|
32973
|
+
"members": [
|
|
32974
|
+
{
|
|
32975
|
+
"kind": "field",
|
|
32976
|
+
"name": "type",
|
|
32977
|
+
"type": {
|
|
32978
|
+
"text": "PresenceType"
|
|
32979
|
+
},
|
|
32980
|
+
"description": "Supported presence types:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
32981
|
+
"default": "active",
|
|
32982
|
+
"attribute": "type",
|
|
32983
|
+
"reflects": true
|
|
32984
|
+
},
|
|
32985
|
+
{
|
|
32986
|
+
"kind": "field",
|
|
32987
|
+
"name": "size",
|
|
32988
|
+
"type": {
|
|
32989
|
+
"text": "PresenceSize"
|
|
32990
|
+
},
|
|
32991
|
+
"description": "Acceptable numeric values include:\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124\n\nPresence icons are minimum 14px in size, meaning 24, 32, and 48 presence\nicons will be no smaller than 14px (for sizes 24, 32, 48).",
|
|
32992
|
+
"default": "32",
|
|
32993
|
+
"attribute": "size",
|
|
32994
|
+
"reflects": true
|
|
32995
|
+
},
|
|
32996
|
+
{
|
|
32997
|
+
"kind": "method",
|
|
32998
|
+
"name": "setSize",
|
|
32999
|
+
"privacy": "private",
|
|
33000
|
+
"return": {
|
|
33001
|
+
"type": {
|
|
33002
|
+
"text": "void"
|
|
33003
|
+
}
|
|
33004
|
+
},
|
|
33005
|
+
"parameters": [
|
|
33006
|
+
{
|
|
33007
|
+
"name": "size",
|
|
33008
|
+
"type": {
|
|
33009
|
+
"text": "PresenceSize"
|
|
33010
|
+
}
|
|
33011
|
+
}
|
|
33012
|
+
]
|
|
33013
|
+
},
|
|
33014
|
+
{
|
|
33015
|
+
"kind": "field",
|
|
33016
|
+
"name": "icon",
|
|
33017
|
+
"privacy": "private",
|
|
33018
|
+
"description": "Get the icon name based on the presence type",
|
|
33019
|
+
"readonly": true
|
|
33020
|
+
},
|
|
33021
|
+
{
|
|
33022
|
+
"kind": "method",
|
|
33023
|
+
"name": "handleOnLoad",
|
|
33024
|
+
"privacy": "private",
|
|
33025
|
+
"return": {
|
|
33026
|
+
"type": {
|
|
33027
|
+
"text": "void"
|
|
33028
|
+
}
|
|
33029
|
+
},
|
|
33030
|
+
"description": "Handles the successful load of an icon.\nSets the `currentIconType` property to match the `type` property."
|
|
33031
|
+
},
|
|
33032
|
+
{
|
|
33033
|
+
"kind": "method",
|
|
33034
|
+
"name": "handleOnError",
|
|
33035
|
+
"privacy": "private",
|
|
33036
|
+
"return": {
|
|
33037
|
+
"type": {
|
|
33038
|
+
"text": "void"
|
|
33039
|
+
}
|
|
33040
|
+
},
|
|
33041
|
+
"description": "Handles an error that occurs when loading an icon."
|
|
33042
|
+
}
|
|
33043
|
+
],
|
|
33044
|
+
"attributes": [
|
|
33045
|
+
{
|
|
33046
|
+
"name": "type",
|
|
33047
|
+
"type": {
|
|
33048
|
+
"text": "PresenceType"
|
|
33049
|
+
},
|
|
33050
|
+
"description": "Supported presence types:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
33051
|
+
"default": "active",
|
|
33052
|
+
"fieldName": "type"
|
|
33053
|
+
},
|
|
33054
|
+
{
|
|
33055
|
+
"name": "size",
|
|
33056
|
+
"type": {
|
|
33057
|
+
"text": "PresenceSize"
|
|
33058
|
+
},
|
|
33059
|
+
"description": "Acceptable numeric values include:\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124\n\nPresence icons are minimum 14px in size, meaning 24, 32, and 48 presence\nicons will be no smaller than 14px (for sizes 24, 32, 48).",
|
|
33060
|
+
"default": "32",
|
|
33061
|
+
"fieldName": "size"
|
|
33062
|
+
}
|
|
33063
|
+
],
|
|
33064
|
+
"superclass": {
|
|
33065
|
+
"name": "Component",
|
|
33066
|
+
"module": "/src/models"
|
|
33067
|
+
},
|
|
33068
|
+
"tagName": "mdc-presence",
|
|
33069
|
+
"jsDoc": "/**\n * The `mdc-presence` component is a versatile UI element used to\n * display the presence status of a user or entity within an avatar component.\n *\n * This component is ideal for use within avatar UIs where the presence status\n * needs to be visually represented.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-presence\n *\n * @cssproperty --mdc-presence-active-background-color - The background color of the presence type active.\n * @cssproperty --mdc-presence-away-background-color - The background color of the presence type away.\n * @cssproperty --mdc-presence-away-calling-background-color - The background color of the presence type away-calling.\n * @cssproperty --mdc-presence-busy-background-color - The background color of the presence type busy.\n * @cssproperty --mdc-presence-dnd-background-color - The background color of the presence type dnd.\n * @cssproperty --mdc-presence-meeting-background-color - The background color of the presence type meeting.\n * @cssproperty --mdc-presence-on-call-background-color - The background color of the presence type on-call.\n * @cssproperty --mdc-presence-on-device-background-color - The background color of the presence type on-device.\n * @cssproperty --mdc-presence-on-mobile-background-color - The background color of the presence type on-mobile.\n * @cssproperty --mdc-presence-pause-background-color - The background color of the presence type pause.\n * @cssproperty --mdc-presence-pto-background-color - The background color of the presence type pto.\n * @cssproperty --mdc-presence-presenting-background-color - The background color of the presence type presenting.\n * @cssproperty --mdc-presence-quiet-background-color - The background color of the presence type quiet.\n * @cssproperty --mdc-presence-scheduled-background-color - The background color of the presence type scheduled.\n * @cssproperty --mdc-presence-overlay-background-color - The background color of the presence type overlay.\n *\n * @csspart presence-content - The presence content.\n * @csspart mdc-presence-icon - The presence icon.\n * @csspart mdc-presence-icon__active - The presence icon for active.\n * @csspart mdc-presence-icon__away - The presence icon for away.\n * @csspart mdc-presence-icon__away-calling - The presence icon for away-calling.\n * @csspart mdc-presence-icon__busy - The presence icon for busy.\n * @csspart mdc-presence-icon__dnd - The presence icon for dnd.\n * @csspart mdc-presence-icon__meeting - The presence icon for meeting.\n * @csspart mdc-presence-icon__on-call - The presence icon for on-call.\n * @csspart mdc-presence-icon__on-device - The presence icon for on-device.\n * @csspart mdc-presence-icon__on-mobile - The presence icon for on-mobile.\n * @csspart mdc-presence-icon__pause - The presence icon for pause.\n * @csspart mdc-presence-icon__pto - The presence icon for pto.\n * @csspart mdc-presence-icon__presenting - The presence icon for presenting.\n * @csspart mdc-presence-icon__quiet - The presence icon for quiet.\n * @csspart mdc-presence-icon__scheduled - The presence icon for scheduled.\n */",
|
|
33070
|
+
"customElement": true
|
|
33071
|
+
}
|
|
33072
|
+
],
|
|
33073
|
+
"exports": [
|
|
33074
|
+
{
|
|
33075
|
+
"kind": "js",
|
|
33076
|
+
"name": "default",
|
|
33077
|
+
"declaration": {
|
|
33078
|
+
"name": "Presence",
|
|
33079
|
+
"module": "components/presence/presence.component.js"
|
|
33080
|
+
}
|
|
33081
|
+
}
|
|
33082
|
+
]
|
|
33083
|
+
},
|
|
33084
33084
|
{
|
|
33085
33085
|
"kind": "javascript-module",
|
|
33086
33086
|
"path": "components/progressbar/progressbar.component.js",
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as Accordion } from './accordion';
|
|
2
|
-
export { default as AccordionButton } from './accordionbutton';
|
|
3
2
|
export { default as AccordionGroup } from './accordiongroup';
|
|
3
|
+
export { default as AccordionButton } from './accordionbutton';
|
|
4
4
|
export { default as AlertChip } from './alertchip';
|
|
5
5
|
export { default as Animation } from './animation';
|
|
6
6
|
export { default as AnnouncementDialog } from './announcementdialog';
|
|
@@ -52,8 +52,8 @@ export { default as NavMenuItem } from './navmenuitem';
|
|
|
52
52
|
export { default as OptGroup } from './optgroup';
|
|
53
53
|
export { default as Option } from './option';
|
|
54
54
|
export { default as Password } from './password';
|
|
55
|
-
export { default as Presence } from './presence';
|
|
56
55
|
export { default as Popover } from './popover';
|
|
56
|
+
export { default as Presence } from './presence';
|
|
57
57
|
export { default as Progressbar } from './progressbar';
|
|
58
58
|
export { default as Progressspinner } from './progressspinner';
|
|
59
59
|
export { default as Radio } from './radio';
|
package/dist/react/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as Accordion } from './accordion';
|
|
2
|
-
export { default as AccordionButton } from './accordionbutton';
|
|
3
2
|
export { default as AccordionGroup } from './accordiongroup';
|
|
3
|
+
export { default as AccordionButton } from './accordionbutton';
|
|
4
4
|
export { default as AlertChip } from './alertchip';
|
|
5
5
|
export { default as Animation } from './animation';
|
|
6
6
|
export { default as AnnouncementDialog } from './announcementdialog';
|
|
@@ -52,8 +52,8 @@ export { default as NavMenuItem } from './navmenuitem';
|
|
|
52
52
|
export { default as OptGroup } from './optgroup';
|
|
53
53
|
export { default as Option } from './option';
|
|
54
54
|
export { default as Password } from './password';
|
|
55
|
-
export { default as Presence } from './presence';
|
|
56
55
|
export { default as Popover } from './popover';
|
|
56
|
+
export { default as Presence } from './presence';
|
|
57
57
|
export { default as Progressbar } from './progressbar';
|
|
58
58
|
export { default as Progressspinner } from './progressspinner';
|
|
59
59
|
export { default as Radio } from './radio';
|