@momentum-design/components 0.126.1 → 0.127.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.
@@ -513,6 +513,157 @@
513
513
  }
514
514
  ]
515
515
  },
516
+ {
517
+ "kind": "javascript-module",
518
+ "path": "components/accordiongroup/accordiongroup.component.js",
519
+ "declarations": [
520
+ {
521
+ "kind": "class",
522
+ "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.",
523
+ "name": "AccordionGroup",
524
+ "cssProperties": [
525
+ {
526
+ "description": "The border color of the entire accordiongroup",
527
+ "name": "--mdc-accordiongroup-border-color"
528
+ }
529
+ ],
530
+ "slots": [
531
+ {
532
+ "description": "The default slot can contain the `accordion` or `accordionbutton` components.",
533
+ "name": "default"
534
+ }
535
+ ],
536
+ "members": [
537
+ {
538
+ "kind": "field",
539
+ "name": "size",
540
+ "type": {
541
+ "text": "Size"
542
+ },
543
+ "description": "The size of the accordion item.",
544
+ "default": "'small'",
545
+ "attribute": "size",
546
+ "reflects": true
547
+ },
548
+ {
549
+ "kind": "field",
550
+ "name": "variant",
551
+ "type": {
552
+ "text": "Variant"
553
+ },
554
+ "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
555
+ "default": "'stacked'",
556
+ "attribute": "variant",
557
+ "reflects": true
558
+ },
559
+ {
560
+ "kind": "field",
561
+ "name": "allowMultiple",
562
+ "type": {
563
+ "text": "boolean"
564
+ },
565
+ "default": "false",
566
+ "description": "If true, multiple accordion items can be visible at the same time.",
567
+ "attribute": "allow-multiple",
568
+ "reflects": true
569
+ },
570
+ {
571
+ "kind": "method",
572
+ "name": "handleAccordionExpanded",
573
+ "privacy": "private",
574
+ "return": {
575
+ "type": {
576
+ "text": "void"
577
+ }
578
+ },
579
+ "parameters": [
580
+ {
581
+ "name": "event",
582
+ "type": {
583
+ "text": "Event"
584
+ },
585
+ "description": "The event object from the 'shown' event."
586
+ }
587
+ ],
588
+ "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."
589
+ },
590
+ {
591
+ "kind": "method",
592
+ "name": "setChildrenAccordionAttributes",
593
+ "privacy": "private",
594
+ "return": {
595
+ "type": {
596
+ "text": "void"
597
+ }
598
+ },
599
+ "parameters": [
600
+ {
601
+ "name": "attributeName",
602
+ "type": {
603
+ "text": "string"
604
+ },
605
+ "description": "The name of the attribute to set."
606
+ },
607
+ {
608
+ "name": "attributeValue",
609
+ "type": {
610
+ "text": "string"
611
+ },
612
+ "description": "The value to set the attribute to."
613
+ }
614
+ ],
615
+ "description": "Sets the given attribute on all child accordion or accordionbutton components."
616
+ }
617
+ ],
618
+ "attributes": [
619
+ {
620
+ "name": "size",
621
+ "type": {
622
+ "text": "Size"
623
+ },
624
+ "description": "The size of the accordion item.",
625
+ "default": "'small'",
626
+ "fieldName": "size"
627
+ },
628
+ {
629
+ "name": "variant",
630
+ "type": {
631
+ "text": "Variant"
632
+ },
633
+ "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
634
+ "default": "'stacked'",
635
+ "fieldName": "variant"
636
+ },
637
+ {
638
+ "name": "allow-multiple",
639
+ "type": {
640
+ "text": "boolean"
641
+ },
642
+ "default": "false",
643
+ "description": "If true, multiple accordion items can be visible at the same time.",
644
+ "fieldName": "allowMultiple"
645
+ }
646
+ ],
647
+ "superclass": {
648
+ "name": "Component",
649
+ "module": "/src/models"
650
+ },
651
+ "tagName": "mdc-accordiongroup",
652
+ "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 */",
653
+ "customElement": true
654
+ }
655
+ ],
656
+ "exports": [
657
+ {
658
+ "kind": "js",
659
+ "name": "default",
660
+ "declaration": {
661
+ "name": "AccordionGroup",
662
+ "module": "components/accordiongroup/accordiongroup.component.js"
663
+ }
664
+ }
665
+ ]
666
+ },
516
667
  {
517
668
  "kind": "javascript-module",
518
669
  "path": "components/accordionbutton/accordionbutton.component.js",
@@ -853,157 +1004,6 @@
853
1004
  }
854
1005
  ]
855
1006
  },
856
- {
857
- "kind": "javascript-module",
858
- "path": "components/accordiongroup/accordiongroup.component.js",
859
- "declarations": [
860
- {
861
- "kind": "class",
862
- "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.",
863
- "name": "AccordionGroup",
864
- "cssProperties": [
865
- {
866
- "description": "The border color of the entire accordiongroup",
867
- "name": "--mdc-accordiongroup-border-color"
868
- }
869
- ],
870
- "slots": [
871
- {
872
- "description": "The default slot can contain the `accordion` or `accordionbutton` components.",
873
- "name": "default"
874
- }
875
- ],
876
- "members": [
877
- {
878
- "kind": "field",
879
- "name": "size",
880
- "type": {
881
- "text": "Size"
882
- },
883
- "description": "The size of the accordion item.",
884
- "default": "'small'",
885
- "attribute": "size",
886
- "reflects": true
887
- },
888
- {
889
- "kind": "field",
890
- "name": "variant",
891
- "type": {
892
- "text": "Variant"
893
- },
894
- "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
895
- "default": "'stacked'",
896
- "attribute": "variant",
897
- "reflects": true
898
- },
899
- {
900
- "kind": "field",
901
- "name": "allowMultiple",
902
- "type": {
903
- "text": "boolean"
904
- },
905
- "default": "false",
906
- "description": "If true, multiple accordion items can be visible at the same time.",
907
- "attribute": "allow-multiple",
908
- "reflects": true
909
- },
910
- {
911
- "kind": "method",
912
- "name": "handleAccordionExpanded",
913
- "privacy": "private",
914
- "return": {
915
- "type": {
916
- "text": "void"
917
- }
918
- },
919
- "parameters": [
920
- {
921
- "name": "event",
922
- "type": {
923
- "text": "Event"
924
- },
925
- "description": "The event object from the 'shown' event."
926
- }
927
- ],
928
- "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."
929
- },
930
- {
931
- "kind": "method",
932
- "name": "setChildrenAccordionAttributes",
933
- "privacy": "private",
934
- "return": {
935
- "type": {
936
- "text": "void"
937
- }
938
- },
939
- "parameters": [
940
- {
941
- "name": "attributeName",
942
- "type": {
943
- "text": "string"
944
- },
945
- "description": "The name of the attribute to set."
946
- },
947
- {
948
- "name": "attributeValue",
949
- "type": {
950
- "text": "string"
951
- },
952
- "description": "The value to set the attribute to."
953
- }
954
- ],
955
- "description": "Sets the given attribute on all child accordion or accordionbutton components."
956
- }
957
- ],
958
- "attributes": [
959
- {
960
- "name": "size",
961
- "type": {
962
- "text": "Size"
963
- },
964
- "description": "The size of the accordion item.",
965
- "default": "'small'",
966
- "fieldName": "size"
967
- },
968
- {
969
- "name": "variant",
970
- "type": {
971
- "text": "Variant"
972
- },
973
- "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
974
- "default": "'stacked'",
975
- "fieldName": "variant"
976
- },
977
- {
978
- "name": "allow-multiple",
979
- "type": {
980
- "text": "boolean"
981
- },
982
- "default": "false",
983
- "description": "If true, multiple accordion items can be visible at the same time.",
984
- "fieldName": "allowMultiple"
985
- }
986
- ],
987
- "superclass": {
988
- "name": "Component",
989
- "module": "/src/models"
990
- },
991
- "tagName": "mdc-accordiongroup",
992
- "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 */",
993
- "customElement": true
994
- }
995
- ],
996
- "exports": [
997
- {
998
- "kind": "js",
999
- "name": "default",
1000
- "declaration": {
1001
- "name": "AccordionGroup",
1002
- "module": "components/accordiongroup/accordiongroup.component.js"
1003
- }
1004
- }
1005
- ]
1006
- },
1007
1007
  {
1008
1008
  "kind": "javascript-module",
1009
1009
  "path": "components/alertchip/alertchip.component.js",
@@ -29708,6 +29708,17 @@
29708
29708
  "attribute": "tooltip-placement",
29709
29709
  "reflects": true
29710
29710
  },
29711
+ {
29712
+ "kind": "field",
29713
+ "name": "tooltipType",
29714
+ "type": {
29715
+ "text": "TooltipType | undefined"
29716
+ },
29717
+ "description": "The type of tooltip to display.\nOptions are 'description', 'label', or 'none'.\n\nChoose none to not apply any aria-attributes - this\nis useful if the navmenuitem has a aria-label already set.",
29718
+ "default": "undefined",
29719
+ "attribute": "tooltip-type",
29720
+ "reflects": true
29721
+ },
29711
29722
  {
29712
29723
  "kind": "field",
29713
29724
  "name": "tooltipAppearance",
@@ -30408,6 +30419,15 @@
30408
30419
  "description": "The placement of the tooltip relative to the nav item.",
30409
30420
  "fieldName": "tooltipPlacement"
30410
30421
  },
30422
+ {
30423
+ "name": "tooltip-type",
30424
+ "type": {
30425
+ "text": "TooltipType | undefined"
30426
+ },
30427
+ "description": "The type of tooltip to display.\nOptions are 'description', 'label', or 'none'.\n\nChoose none to not apply any aria-attributes - this\nis useful if the navmenuitem has a aria-label already set.",
30428
+ "default": "undefined",
30429
+ "fieldName": "tooltipType"
30430
+ },
30411
30431
  {
30412
30432
  "name": "tooltip-appearance",
30413
30433
  "type": {
@@ -46654,6 +46674,116 @@
46654
46674
  }
46655
46675
  ]
46656
46676
  },
46677
+ {
46678
+ "kind": "javascript-module",
46679
+ "path": "components/themeprovider/themeprovider.component.js",
46680
+ "declarations": [
46681
+ {
46682
+ "kind": "class",
46683
+ "description": "ThemeProvider component, which sets the passed in themeclass as class.\nIf the themeclass switches, the existing themeclass will be removed as a class\nand the new themeclass will be added.\n\nCSS variables defined in the themeclass will be used for the styling of child dom nodes.\n\nAvailable Momentum theme classes:\n\n`mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n\n`mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n\n`mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n\n`mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n\n`mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n\n`mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n\nThemeclass context can be be consumed from Lit child components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes basic font defaults for text.",
46684
+ "name": "ThemeProvider",
46685
+ "cssProperties": [
46686
+ {
46687
+ "description": "Option to override the default color, default: color-theme-text-primary-normal",
46688
+ "name": "--mdc-themeprovider-color-default"
46689
+ },
46690
+ {
46691
+ "description": "Option to override the font family, default: `Momentum` (from momentum-design/fonts)",
46692
+ "name": "--mdc-themeprovider-font-family"
46693
+ },
46694
+ {
46695
+ "description": "Option to override the font weight, default: `400`",
46696
+ "name": "--mdc-themeprovider-font-weight"
46697
+ },
46698
+ {
46699
+ "description": "Option to override the default letter-spacing, default: `-0.25px` (this is to match the old CiscoSans)",
46700
+ "name": "--mdc-themeprovider-letter-spacing-adjustment"
46701
+ },
46702
+ {
46703
+ "description": "Option to override the font feature settings, default: `\"ss02\" on`",
46704
+ "name": "--mdc-themeprovider-font-feature-settings"
46705
+ },
46706
+ {
46707
+ "description": "Option to override the color of the scrollbar track.",
46708
+ "name": "--mdc-themeprovider-scrollbar-track-color"
46709
+ },
46710
+ {
46711
+ "description": "Option to override the color of the scrollbar thumb.",
46712
+ "name": "--mdc-themeprovider-scrollbar-thumb-color"
46713
+ }
46714
+ ],
46715
+ "slots": [
46716
+ {
46717
+ "description": "children",
46718
+ "name": ""
46719
+ }
46720
+ ],
46721
+ "members": [
46722
+ {
46723
+ "kind": "field",
46724
+ "name": "Context",
46725
+ "privacy": "public",
46726
+ "static": true,
46727
+ "description": "Context object of the ThemeProvider, to be consumed by child components",
46728
+ "readonly": true
46729
+ },
46730
+ {
46731
+ "kind": "field",
46732
+ "name": "themeclass",
46733
+ "type": {
46734
+ "text": "string"
46735
+ },
46736
+ "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
46737
+ "attribute": "themeclass"
46738
+ },
46739
+ {
46740
+ "kind": "method",
46741
+ "name": "updateContext",
46742
+ "privacy": "protected",
46743
+ "return": {
46744
+ "type": {
46745
+ "text": "void"
46746
+ }
46747
+ },
46748
+ "description": "Update all observing components of this\nprovider to update the themeclass\n\nIs called on every re-render, see Provider class"
46749
+ },
46750
+ {
46751
+ "kind": "method",
46752
+ "name": "setThemeInClassList",
46753
+ "privacy": "private",
46754
+ "description": "Function to update the active theme classnames to update the theme tokens\nas CSS variables on the web component."
46755
+ }
46756
+ ],
46757
+ "attributes": [
46758
+ {
46759
+ "name": "themeclass",
46760
+ "type": {
46761
+ "text": "string"
46762
+ },
46763
+ "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
46764
+ "fieldName": "themeclass"
46765
+ }
46766
+ ],
46767
+ "superclass": {
46768
+ "name": "Provider",
46769
+ "module": "/src/models"
46770
+ },
46771
+ "tagName": "mdc-themeprovider",
46772
+ "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Available Momentum theme classes:\n *\n * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n *\n * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n *\n * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n *\n * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n *\n * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n *\n * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n * @cssproperty --mdc-themeprovider-font-feature-settings - Option to override the font feature settings,\n * default: `\"ss02\" on`\n * @cssproperty --mdc-themeprovider-scrollbar-track-color - Option to override the color of the scrollbar track.\n * @cssproperty --mdc-themeprovider-scrollbar-thumb-color - Option to override the color of the scrollbar thumb.\n */",
46773
+ "customElement": true
46774
+ }
46775
+ ],
46776
+ "exports": [
46777
+ {
46778
+ "kind": "js",
46779
+ "name": "default",
46780
+ "declaration": {
46781
+ "name": "ThemeProvider",
46782
+ "module": "components/themeprovider/themeprovider.component.js"
46783
+ }
46784
+ }
46785
+ ]
46786
+ },
46657
46787
  {
46658
46788
  "kind": "javascript-module",
46659
46789
  "path": "components/textarea/textarea.component.js",
@@ -47896,116 +48026,6 @@
47896
48026
  }
47897
48027
  ]
47898
48028
  },
47899
- {
47900
- "kind": "javascript-module",
47901
- "path": "components/themeprovider/themeprovider.component.js",
47902
- "declarations": [
47903
- {
47904
- "kind": "class",
47905
- "description": "ThemeProvider component, which sets the passed in themeclass as class.\nIf the themeclass switches, the existing themeclass will be removed as a class\nand the new themeclass will be added.\n\nCSS variables defined in the themeclass will be used for the styling of child dom nodes.\n\nAvailable Momentum theme classes:\n\n`mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n\n`mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n\n`mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n\n`mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n\n`mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n\n`mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n\nThemeclass context can be be consumed from Lit child components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes basic font defaults for text.",
47906
- "name": "ThemeProvider",
47907
- "cssProperties": [
47908
- {
47909
- "description": "Option to override the default color, default: color-theme-text-primary-normal",
47910
- "name": "--mdc-themeprovider-color-default"
47911
- },
47912
- {
47913
- "description": "Option to override the font family, default: `Momentum` (from momentum-design/fonts)",
47914
- "name": "--mdc-themeprovider-font-family"
47915
- },
47916
- {
47917
- "description": "Option to override the font weight, default: `400`",
47918
- "name": "--mdc-themeprovider-font-weight"
47919
- },
47920
- {
47921
- "description": "Option to override the default letter-spacing, default: `-0.25px` (this is to match the old CiscoSans)",
47922
- "name": "--mdc-themeprovider-letter-spacing-adjustment"
47923
- },
47924
- {
47925
- "description": "Option to override the font feature settings, default: `\"ss02\" on`",
47926
- "name": "--mdc-themeprovider-font-feature-settings"
47927
- },
47928
- {
47929
- "description": "Option to override the color of the scrollbar track.",
47930
- "name": "--mdc-themeprovider-scrollbar-track-color"
47931
- },
47932
- {
47933
- "description": "Option to override the color of the scrollbar thumb.",
47934
- "name": "--mdc-themeprovider-scrollbar-thumb-color"
47935
- }
47936
- ],
47937
- "slots": [
47938
- {
47939
- "description": "children",
47940
- "name": ""
47941
- }
47942
- ],
47943
- "members": [
47944
- {
47945
- "kind": "field",
47946
- "name": "Context",
47947
- "privacy": "public",
47948
- "static": true,
47949
- "description": "Context object of the ThemeProvider, to be consumed by child components",
47950
- "readonly": true
47951
- },
47952
- {
47953
- "kind": "field",
47954
- "name": "themeclass",
47955
- "type": {
47956
- "text": "string"
47957
- },
47958
- "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
47959
- "attribute": "themeclass"
47960
- },
47961
- {
47962
- "kind": "method",
47963
- "name": "updateContext",
47964
- "privacy": "protected",
47965
- "return": {
47966
- "type": {
47967
- "text": "void"
47968
- }
47969
- },
47970
- "description": "Update all observing components of this\nprovider to update the themeclass\n\nIs called on every re-render, see Provider class"
47971
- },
47972
- {
47973
- "kind": "method",
47974
- "name": "setThemeInClassList",
47975
- "privacy": "private",
47976
- "description": "Function to update the active theme classnames to update the theme tokens\nas CSS variables on the web component."
47977
- }
47978
- ],
47979
- "attributes": [
47980
- {
47981
- "name": "themeclass",
47982
- "type": {
47983
- "text": "string"
47984
- },
47985
- "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
47986
- "fieldName": "themeclass"
47987
- }
47988
- ],
47989
- "superclass": {
47990
- "name": "Provider",
47991
- "module": "/src/models"
47992
- },
47993
- "tagName": "mdc-themeprovider",
47994
- "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Available Momentum theme classes:\n *\n * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n *\n * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n *\n * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n *\n * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n *\n * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n *\n * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n * @cssproperty --mdc-themeprovider-font-feature-settings - Option to override the font feature settings,\n * default: `\"ss02\" on`\n * @cssproperty --mdc-themeprovider-scrollbar-track-color - Option to override the color of the scrollbar track.\n * @cssproperty --mdc-themeprovider-scrollbar-thumb-color - Option to override the color of the scrollbar thumb.\n */",
47995
- "customElement": true
47996
- }
47997
- ],
47998
- "exports": [
47999
- {
48000
- "kind": "js",
48001
- "name": "default",
48002
- "declaration": {
48003
- "name": "ThemeProvider",
48004
- "module": "components/themeprovider/themeprovider.component.js"
48005
- }
48006
- }
48007
- ]
48008
- },
48009
48029
  {
48010
48030
  "kind": "javascript-module",
48011
48031
  "path": "components/toast/toast.component.js",
@@ -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';
@@ -79,8 +79,8 @@ export { default as StepperItem } from './stepperitem';
79
79
  export { default as Tab } from './tab';
80
80
  export { default as TabList } from './tablist';
81
81
  export { default as Text } from './text';
82
- export { default as Textarea } from './textarea';
83
82
  export { default as ThemeProvider } from './themeprovider';
83
+ export { default as Textarea } from './textarea';
84
84
  export { default as Toast } from './toast';
85
85
  export { default as Toggle } from './toggle';
86
86
  export { default as ToggleTip } from './toggletip';
@@ -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';
@@ -79,8 +79,8 @@ export { default as StepperItem } from './stepperitem';
79
79
  export { default as Tab } from './tab';
80
80
  export { default as TabList } from './tablist';
81
81
  export { default as Text } from './text';
82
- export { default as Textarea } from './textarea';
83
82
  export { default as ThemeProvider } from './themeprovider';
83
+ export { default as Textarea } from './textarea';
84
84
  export { default as Toast } from './toast';
85
85
  export { default as Toggle } from './toggle';
86
86
  export { default as ToggleTip } from './toggletip';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@momentum-design/components",
3
3
  "packageManager": "yarn@3.2.4",
4
- "version": "0.126.1",
4
+ "version": "0.127.1",
5
5
  "engines": {
6
6
  "node": ">=20.0.0",
7
7
  "npm": ">=8.0.0"