@momentum-design/components 0.129.8 → 0.129.9
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/browser/index.js +48 -96
- package/dist/browser/index.js.map +2 -2
- package/dist/components/tab/tab.component.d.ts +17 -65
- package/dist/components/tab/tab.component.js +17 -65
- package/dist/components/tab/tab.styles.js +48 -96
- package/dist/custom-elements.json +26 -174
- package/dist/react/tab/index.d.ts +17 -65
- package/dist/react/tab/index.js +17 -65
- package/package.json +1 -1
|
@@ -45660,212 +45660,64 @@
|
|
|
45660
45660
|
"name": "Tab",
|
|
45661
45661
|
"cssProperties": [
|
|
45662
45662
|
{
|
|
45663
|
-
"description": "
|
|
45664
|
-
"name": "--mdc-button-height",
|
|
45665
|
-
"inheritedFrom": {
|
|
45666
|
-
"name": "Buttonsimple",
|
|
45667
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
45668
|
-
}
|
|
45669
|
-
},
|
|
45670
|
-
{
|
|
45671
|
-
"description": "Gap between the badge(if provided), icon and text.",
|
|
45672
|
-
"name": "--mdc-tab-content-gap"
|
|
45673
|
-
},
|
|
45674
|
-
{
|
|
45675
|
-
"description": "Height of the tab.",
|
|
45663
|
+
"description": "The height of the tab.",
|
|
45676
45664
|
"name": "--mdc-tab-height"
|
|
45677
45665
|
},
|
|
45678
45666
|
{
|
|
45679
|
-
"description": "
|
|
45680
|
-
"name": "--mdc-tab-
|
|
45681
|
-
},
|
|
45682
|
-
{
|
|
45683
|
-
"description": "Background color for active glass tab in hover state.",
|
|
45684
|
-
"name": "--mdc-tab-glass-active-background-color-hover"
|
|
45685
|
-
},
|
|
45686
|
-
{
|
|
45687
|
-
"description": "Background color for active glass tab in rest state.",
|
|
45688
|
-
"name": "--mdc-tab-glass-active-background-color-normal"
|
|
45689
|
-
},
|
|
45690
|
-
{
|
|
45691
|
-
"description": "Background color for active glass tab in pressed state.",
|
|
45692
|
-
"name": "--mdc-tab-glass-active-background-color-pressed"
|
|
45693
|
-
},
|
|
45694
|
-
{
|
|
45695
|
-
"description": "Text and icon color for active glass tab.",
|
|
45696
|
-
"name": "--mdc-tab-glass-active-color"
|
|
45697
|
-
},
|
|
45698
|
-
{
|
|
45699
|
-
"description": "Text and icon color for active glass tab in disabled state.",
|
|
45700
|
-
"name": "--mdc-tab-glass-active-color-disabled"
|
|
45701
|
-
},
|
|
45702
|
-
{
|
|
45703
|
-
"description": "Border radius for glass tab.",
|
|
45704
|
-
"name": "--mdc-tab-glass-border-radius"
|
|
45705
|
-
},
|
|
45706
|
-
{
|
|
45707
|
-
"description": "Background color for inactive glass tab in disabled state.",
|
|
45708
|
-
"name": "--mdc-tab-glass-inactive-background-color-disabled"
|
|
45709
|
-
},
|
|
45710
|
-
{
|
|
45711
|
-
"description": "Background color for inactive glass tab in hover state.",
|
|
45712
|
-
"name": "--mdc-tab-glass-inactive-background-color-hover"
|
|
45713
|
-
},
|
|
45714
|
-
{
|
|
45715
|
-
"description": "Background color for inactive glass tab in rest state.",
|
|
45716
|
-
"name": "--mdc-tab-glass-inactive-background-color-normal"
|
|
45717
|
-
},
|
|
45718
|
-
{
|
|
45719
|
-
"description": "Background color for inactive glass tab in pressed state.",
|
|
45720
|
-
"name": "--mdc-tab-glass-inactive-background-color-pressed"
|
|
45721
|
-
},
|
|
45722
|
-
{
|
|
45723
|
-
"description": "Text and icon color for inactive glass tab.",
|
|
45724
|
-
"name": "--mdc-tab-glass-inactive-color"
|
|
45725
|
-
},
|
|
45726
|
-
{
|
|
45727
|
-
"description": "Text and icon color for inactive glass tab in disabled state.",
|
|
45728
|
-
"name": "--mdc-tab-glass-inactive-color-disabled"
|
|
45729
|
-
},
|
|
45730
|
-
{
|
|
45731
|
-
"description": "Background color for active line tab in pressed state.",
|
|
45732
|
-
"name": "--mdc-tab-line-active-background-color-pressed"
|
|
45733
|
-
},
|
|
45734
|
-
{
|
|
45735
|
-
"description": "Background color for active line tab in disabled state.",
|
|
45736
|
-
"name": "--mdc-tab-line-active-background-color-disabled"
|
|
45737
|
-
},
|
|
45738
|
-
{
|
|
45739
|
-
"description": "Background color for active line tab in hover state.",
|
|
45740
|
-
"name": "--mdc-tab-line-active-background-color-hover"
|
|
45667
|
+
"description": "The left padding of the tab.",
|
|
45668
|
+
"name": "--mdc-tab-padding-left"
|
|
45741
45669
|
},
|
|
45742
45670
|
{
|
|
45743
|
-
"description": "
|
|
45744
|
-
"name": "--mdc-tab-
|
|
45671
|
+
"description": "The right padding of the tab.",
|
|
45672
|
+
"name": "--mdc-tab-padding-right"
|
|
45745
45673
|
},
|
|
45746
45674
|
{
|
|
45747
|
-
"description": "
|
|
45748
|
-
"name": "--mdc-tab-
|
|
45675
|
+
"description": "The gap between the icon and text in the tab.",
|
|
45676
|
+
"name": "--mdc-tab-content-gap"
|
|
45749
45677
|
},
|
|
45750
45678
|
{
|
|
45751
|
-
"description": "
|
|
45752
|
-
"name": "--mdc-tab-
|
|
45679
|
+
"description": "The background color of the tab.",
|
|
45680
|
+
"name": "--mdc-tab-background-color"
|
|
45753
45681
|
},
|
|
45754
45682
|
{
|
|
45755
|
-
"description": "
|
|
45756
|
-
"name": "--mdc-tab-
|
|
45683
|
+
"description": "The text color of the tab.",
|
|
45684
|
+
"name": "--mdc-tab-color"
|
|
45757
45685
|
},
|
|
45758
45686
|
{
|
|
45759
|
-
"description": "
|
|
45760
|
-
"name": "--mdc-tab-
|
|
45687
|
+
"description": "The border radius of the tab.",
|
|
45688
|
+
"name": "--mdc-tab-border-radius"
|
|
45761
45689
|
},
|
|
45762
45690
|
{
|
|
45763
|
-
"description": "
|
|
45691
|
+
"description": "The height of the active indicator line.",
|
|
45764
45692
|
"name": "--mdc-tab-line-active-indicator-height"
|
|
45765
45693
|
},
|
|
45766
45694
|
{
|
|
45767
|
-
"description": "
|
|
45695
|
+
"description": "The width of the active indicator line.",
|
|
45768
45696
|
"name": "--mdc-tab-line-active-indicator-width"
|
|
45769
45697
|
},
|
|
45770
45698
|
{
|
|
45771
|
-
"description": "
|
|
45699
|
+
"description": "The border bottom left radius of the active indicator line.",
|
|
45772
45700
|
"name": "--mdc-tab-line-border-bottom-left-radius"
|
|
45773
45701
|
},
|
|
45774
45702
|
{
|
|
45775
|
-
"description": "
|
|
45703
|
+
"description": "The border bottom right radius of the active indicator line.",
|
|
45776
45704
|
"name": "--mdc-tab-line-border-bottom-right-radius"
|
|
45777
45705
|
},
|
|
45778
45706
|
{
|
|
45779
|
-
"description": "
|
|
45707
|
+
"description": "The border top left radius of the active indicator line.",
|
|
45780
45708
|
"name": "--mdc-tab-line-border-top-left-radius"
|
|
45781
45709
|
},
|
|
45782
45710
|
{
|
|
45783
|
-
"description": "
|
|
45711
|
+
"description": "The border top right radius of the active indicator line.",
|
|
45784
45712
|
"name": "--mdc-tab-line-border-top-right-radius"
|
|
45785
45713
|
},
|
|
45786
45714
|
{
|
|
45787
|
-
"description": "
|
|
45788
|
-
"name": "--mdc-
|
|
45789
|
-
|
|
45790
|
-
|
|
45791
|
-
|
|
45792
|
-
|
|
45793
|
-
},
|
|
45794
|
-
{
|
|
45795
|
-
"description": "Background color for inactive line tab in hover state.",
|
|
45796
|
-
"name": "--mdc-tab-line-inactive-background-color-hover"
|
|
45797
|
-
},
|
|
45798
|
-
{
|
|
45799
|
-
"description": "Background color for inactive line tab in rest state.",
|
|
45800
|
-
"name": "--mdc-tab-line-inactive-background-color-normal"
|
|
45801
|
-
},
|
|
45802
|
-
{
|
|
45803
|
-
"description": "Text and icon color for inactive line tab.",
|
|
45804
|
-
"name": "--mdc-tab-line-inactive-color"
|
|
45805
|
-
},
|
|
45806
|
-
{
|
|
45807
|
-
"description": "Text and icon color for inactive line tab in disabled state.",
|
|
45808
|
-
"name": "--mdc-tab-line-inactive-color-disabled"
|
|
45809
|
-
},
|
|
45810
|
-
{
|
|
45811
|
-
"description": "Padding left for the tab.",
|
|
45812
|
-
"name": "--mdc-tab-padding-left"
|
|
45813
|
-
},
|
|
45814
|
-
{
|
|
45815
|
-
"description": "Padding right for the tab.",
|
|
45816
|
-
"name": "--mdc-tab-padding-right"
|
|
45817
|
-
},
|
|
45818
|
-
{
|
|
45819
|
-
"description": "Background color for active pill tab in pressed state.",
|
|
45820
|
-
"name": "--mdc-tab-pill-active-background-color-pressed"
|
|
45821
|
-
},
|
|
45822
|
-
{
|
|
45823
|
-
"description": "Background color for active pill tab in disabled state.",
|
|
45824
|
-
"name": "--mdc-tab-pill-active-background-color-disabled"
|
|
45825
|
-
},
|
|
45826
|
-
{
|
|
45827
|
-
"description": "Background color for active pill tab in hover state.",
|
|
45828
|
-
"name": "--mdc-tab-pill-active-background-color-hover"
|
|
45829
|
-
},
|
|
45830
|
-
{
|
|
45831
|
-
"description": "Background color for active pill tab in rest state.",
|
|
45832
|
-
"name": "--mdc-tab-pill-active-background-color-normal"
|
|
45833
|
-
},
|
|
45834
|
-
{
|
|
45835
|
-
"description": "Text and icon color for active pill tab.",
|
|
45836
|
-
"name": "--mdc-tab-pill-active-color"
|
|
45837
|
-
},
|
|
45838
|
-
{
|
|
45839
|
-
"description": "Text and icon color for active pill tab in disabled state.",
|
|
45840
|
-
"name": "--mdc-tab-pill-active-color-disabled"
|
|
45841
|
-
},
|
|
45842
|
-
{
|
|
45843
|
-
"description": "Border radius for pill tab.",
|
|
45844
|
-
"name": "--mdc-tab-pill-border-radius"
|
|
45845
|
-
},
|
|
45846
|
-
{
|
|
45847
|
-
"description": "Background color for inactive pill tab in pressed state.",
|
|
45848
|
-
"name": "--mdc-tab-pill-inactive-background-color-pressed"
|
|
45849
|
-
},
|
|
45850
|
-
{
|
|
45851
|
-
"description": "Background color for inactive pill tab in disabled state.",
|
|
45852
|
-
"name": "--mdc-tab-pill-inactive-background-color-disabled"
|
|
45853
|
-
},
|
|
45854
|
-
{
|
|
45855
|
-
"description": "Background color for inactive pill tab in hover state.",
|
|
45856
|
-
"name": "--mdc-tab-pill-inactive-background-color-hover"
|
|
45857
|
-
},
|
|
45858
|
-
{
|
|
45859
|
-
"description": "Background color for inactive pill tab in rest state.",
|
|
45860
|
-
"name": "--mdc-tab-pill-inactive-background-color-normal"
|
|
45861
|
-
},
|
|
45862
|
-
{
|
|
45863
|
-
"description": "Text and icon color for inactive pill tab.",
|
|
45864
|
-
"name": "--mdc-tab-pill-inactive-color"
|
|
45865
|
-
},
|
|
45866
|
-
{
|
|
45867
|
-
"description": "Text and icon color for inactive pill tab in disabled state.",
|
|
45868
|
-
"name": "--mdc-tab-pill-inactive-color-disabled"
|
|
45715
|
+
"description": "Height for button size",
|
|
45716
|
+
"name": "--mdc-button-height",
|
|
45717
|
+
"inheritedFrom": {
|
|
45718
|
+
"name": "Buttonsimple",
|
|
45719
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
45720
|
+
}
|
|
45869
45721
|
},
|
|
45870
45722
|
{
|
|
45871
45723
|
"description": "Background color of the button",
|
|
@@ -46552,7 +46404,7 @@
|
|
|
46552
46404
|
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
46553
46405
|
},
|
|
46554
46406
|
"tagName": "mdc-tab",
|
|
46555
|
-
"jsDoc": "/**\n * `mdc-tab` is Tab component to be used within the Tabgroup.\n *\n * Passing in the attribute `text` to the tab component is changing the text displayed in the tab.\n *\n * Pass attribute `tabid` when using inside of `tablist` component.\n *\n * The `slot=\"badge\"` can be used to add a badge to the tab.\n *\n * The `slot=\"chip\"` can be used to add a chip to the tab.\n *\n * For `icon`, the `mdc-icon` component is used to render the icon.\n *\n * Note: Icons can be used in conjunction with badges or chips.\n * Badges and chips should not be used at the same time.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @event click - (React: onClick) This event is dispatched when the tab is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the tab.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the tab.\n * @event focus - (React: onFocus) This event is dispatched when the tab receives focus.\n * @event activechange - (React: onActiveChange) This event is dispatched when the active state of the tab changes\n * <br />\n * Event Data: `detail: { tabId: this.tabId, active }`\n * <br />\n * Note: the activechange event is used by the tab list component to react to the change in state of the tab,\n * so this event won't be needed if the tab list is used.\n *\n * @tagname mdc-tab\n *\n * @cssproperty --mdc-
|
|
46407
|
+
"jsDoc": "/**\n * `mdc-tab` is Tab component to be used within the Tabgroup.\n *\n * Passing in the attribute `text` to the tab component is changing the text displayed in the tab.\n *\n * Pass attribute `tabid` when using inside of `tablist` component.\n *\n * The `slot=\"badge\"` can be used to add a badge to the tab.\n *\n * The `slot=\"chip\"` can be used to add a chip to the tab.\n *\n * For `icon`, the `mdc-icon` component is used to render the icon.\n *\n * Note: Icons can be used in conjunction with badges or chips.\n * Badges and chips should not be used at the same time.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @event click - (React: onClick) This event is dispatched when the tab is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the tab.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the tab.\n * @event focus - (React: onFocus) This event is dispatched when the tab receives focus.\n * @event activechange - (React: onActiveChange) This event is dispatched when the active state of the tab changes\n * <br />\n * Event Data: `detail: { tabId: this.tabId, active }`\n * <br />\n * Note: the activechange event is used by the tab list component to react to the change in state of the tab,\n * so this event won't be needed if the tab list is used.\n *\n * @tagname mdc-tab\n *\n * @cssproperty --mdc-tab-height - The height of the tab.\n * @cssproperty --mdc-tab-padding-left - The left padding of the tab.\n * @cssproperty --mdc-tab-padding-right - The right padding of the tab.\n * @cssproperty --mdc-tab-content-gap - The gap between the icon and text in the tab.\n * @cssproperty --mdc-tab-background-color - The background color of the tab.\n * @cssproperty --mdc-tab-color - The text color of the tab.\n * @cssproperty --mdc-tab-border-radius - The border radius of the tab.\n *\n * @cssproperty --mdc-tab-line-active-indicator-height - The height of the active indicator line.\n * @cssproperty --mdc-tab-line-active-indicator-width - The width of the active indicator line.\n *\n * @cssproperty --mdc-tab-line-border-bottom-left-radius - The border bottom left radius of the active indicator line.\n * @cssproperty --mdc-tab-line-border-bottom-right-radius - The border bottom right radius of the active indicator line.\n * @cssproperty --mdc-tab-line-border-top-left-radius - The border top left radius of the active indicator line.\n * @cssproperty --mdc-tab-line-border-top-right-radius - The border top right radius of the active indicator line.\n *\n *\n *\n * @csspart container - The container of the tab.\n * @csspart icon - The icon of the tab.\n * @csspart indicator - The indicator of the tab.\n * @csspart text - The text of the tab.\n */",
|
|
46556
46408
|
"customElement": true
|
|
46557
46409
|
}
|
|
46558
46410
|
],
|
|
@@ -34,71 +34,23 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
|
|
|
34
34
|
*
|
|
35
35
|
* @tagname mdc-tab
|
|
36
36
|
*
|
|
37
|
-
* @cssproperty --mdc-
|
|
38
|
-
* @cssproperty --mdc-tab-
|
|
39
|
-
* @cssproperty --mdc-tab-
|
|
40
|
-
* @cssproperty --mdc-tab-
|
|
41
|
-
*
|
|
42
|
-
* @cssproperty --mdc-tab-
|
|
43
|
-
* @cssproperty --mdc-tab-
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
* @cssproperty --mdc-tab-
|
|
47
|
-
*
|
|
48
|
-
* @cssproperty --mdc-tab-
|
|
49
|
-
* @cssproperty --mdc-tab-
|
|
50
|
-
*
|
|
51
|
-
* @cssproperty --mdc-tab-
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
* in rest state.
|
|
55
|
-
* @cssproperty --mdc-tab-glass-inactive-background-color-pressed - Background color for inactive glass tab
|
|
56
|
-
* in pressed state.
|
|
57
|
-
* @cssproperty --mdc-tab-glass-inactive-color - Text and icon color for inactive glass tab.
|
|
58
|
-
* @cssproperty --mdc-tab-glass-inactive-color-disabled - Text and icon color for inactive glass tab in disabled state.
|
|
59
|
-
* @cssproperty --mdc-tab-line-active-background-color-pressed - Background color for active line tab in pressed state.
|
|
60
|
-
* @cssproperty --mdc-tab-line-active-background-color-disabled - Background color for active line tab
|
|
61
|
-
* in disabled state.
|
|
62
|
-
* @cssproperty --mdc-tab-line-active-background-color-hover - Background color for active line tab in hover state.
|
|
63
|
-
* @cssproperty --mdc-tab-line-active-background-color-normal - Background color for active line tab in rest state.
|
|
64
|
-
* @cssproperty --mdc-tab-line-active-color - Text and icon color for active line tab.
|
|
65
|
-
* @cssproperty --mdc-tab-line-active-color-disabled - Text and icon color for active line tab in disabled state.
|
|
66
|
-
* @cssproperty --mdc-tab-line-active-indicator-color - color for indicator in active line tab.
|
|
67
|
-
* @cssproperty --mdc-tab-line-active-indicator-color-disabled - Color for indicator in active line tab
|
|
68
|
-
* in disabled state.
|
|
69
|
-
* @cssproperty --mdc-tab-line-active-indicator-height - Height for indicator in active line tab.
|
|
70
|
-
* @cssproperty --mdc-tab-line-active-indicator-width - Width for indicator in active line tab.
|
|
71
|
-
* @cssproperty --mdc-tab-line-border-bottom-left-radius - Bottom left border radius for line tab.
|
|
72
|
-
* @cssproperty --mdc-tab-line-border-bottom-right-radius - Bottom right border radius for line tab.
|
|
73
|
-
* @cssproperty --mdc-tab-line-border-top-left-radius - Top left border radius for line tab.
|
|
74
|
-
* @cssproperty --mdc-tab-line-border-top-right-radius - Top right border radius for line tab.
|
|
75
|
-
* @cssproperty --mdc-tab-line-inactive-background-color-pressed - Background color for inactive line tab
|
|
76
|
-
* in pressed state.
|
|
77
|
-
* @cssproperty --mdc-tab-line-inactive-background-color-disabled - Background color for inactive line tab
|
|
78
|
-
* in disabled state
|
|
79
|
-
* @cssproperty --mdc-tab-line-inactive-background-color-hover - Background color for inactive line tab in hover state.
|
|
80
|
-
* @cssproperty --mdc-tab-line-inactive-background-color-normal - Background color for inactive line tab
|
|
81
|
-
* in rest state.
|
|
82
|
-
* @cssproperty --mdc-tab-line-inactive-color - Text and icon color for inactive line tab.
|
|
83
|
-
* @cssproperty --mdc-tab-line-inactive-color-disabled - Text and icon color for inactive line tab in disabled state.
|
|
84
|
-
* @cssproperty --mdc-tab-padding-left - Padding left for the tab.
|
|
85
|
-
* @cssproperty --mdc-tab-padding-right - Padding right for the tab.
|
|
86
|
-
* @cssproperty --mdc-tab-pill-active-background-color-pressed - Background color for active pill tab in pressed state.
|
|
87
|
-
* @cssproperty --mdc-tab-pill-active-background-color-disabled - Background color for active pill tab
|
|
88
|
-
* in disabled state.
|
|
89
|
-
* @cssproperty --mdc-tab-pill-active-background-color-hover - Background color for active pill tab in hover state.
|
|
90
|
-
* @cssproperty --mdc-tab-pill-active-background-color-normal - Background color for active pill tab in rest state.
|
|
91
|
-
* @cssproperty --mdc-tab-pill-active-color - Text and icon color for active pill tab.
|
|
92
|
-
* @cssproperty --mdc-tab-pill-active-color-disabled - Text and icon color for active pill tab in disabled state.
|
|
93
|
-
* @cssproperty --mdc-tab-pill-border-radius - Border radius for pill tab.
|
|
94
|
-
* @cssproperty --mdc-tab-pill-inactive-background-color-pressed - Background color for inactive pill tab
|
|
95
|
-
* in pressed state.
|
|
96
|
-
* @cssproperty --mdc-tab-pill-inactive-background-color-disabled - Background color for inactive pill tab
|
|
97
|
-
* in disabled state.
|
|
98
|
-
* @cssproperty --mdc-tab-pill-inactive-background-color-hover - Background color for inactive pill tab in hover state.
|
|
99
|
-
* @cssproperty --mdc-tab-pill-inactive-background-color-normal - Background color for inactive pill tab in rest state.
|
|
100
|
-
* @cssproperty --mdc-tab-pill-inactive-color - Text and icon color for inactive pill tab.
|
|
101
|
-
* @cssproperty --mdc-tab-pill-inactive-color-disabled - Text and icon color for inactive pill tab in disabled state.
|
|
37
|
+
* @cssproperty --mdc-tab-height - The height of the tab.
|
|
38
|
+
* @cssproperty --mdc-tab-padding-left - The left padding of the tab.
|
|
39
|
+
* @cssproperty --mdc-tab-padding-right - The right padding of the tab.
|
|
40
|
+
* @cssproperty --mdc-tab-content-gap - The gap between the icon and text in the tab.
|
|
41
|
+
* @cssproperty --mdc-tab-background-color - The background color of the tab.
|
|
42
|
+
* @cssproperty --mdc-tab-color - The text color of the tab.
|
|
43
|
+
* @cssproperty --mdc-tab-border-radius - The border radius of the tab.
|
|
44
|
+
*
|
|
45
|
+
* @cssproperty --mdc-tab-line-active-indicator-height - The height of the active indicator line.
|
|
46
|
+
* @cssproperty --mdc-tab-line-active-indicator-width - The width of the active indicator line.
|
|
47
|
+
*
|
|
48
|
+
* @cssproperty --mdc-tab-line-border-bottom-left-radius - The border bottom left radius of the active indicator line.
|
|
49
|
+
* @cssproperty --mdc-tab-line-border-bottom-right-radius - The border bottom right radius of the active indicator line.
|
|
50
|
+
* @cssproperty --mdc-tab-line-border-top-left-radius - The border top left radius of the active indicator line.
|
|
51
|
+
* @cssproperty --mdc-tab-line-border-top-right-radius - The border top right radius of the active indicator line.
|
|
52
|
+
*
|
|
53
|
+
*
|
|
102
54
|
*
|
|
103
55
|
* @csspart container - The container of the tab.
|
|
104
56
|
* @csspart icon - The icon of the tab.
|
package/dist/react/tab/index.js
CHANGED
|
@@ -34,71 +34,23 @@ import { TAG_NAME } from '../../components/tab/tab.constants';
|
|
|
34
34
|
*
|
|
35
35
|
* @tagname mdc-tab
|
|
36
36
|
*
|
|
37
|
-
* @cssproperty --mdc-
|
|
38
|
-
* @cssproperty --mdc-tab-
|
|
39
|
-
* @cssproperty --mdc-tab-
|
|
40
|
-
* @cssproperty --mdc-tab-
|
|
41
|
-
*
|
|
42
|
-
* @cssproperty --mdc-tab-
|
|
43
|
-
* @cssproperty --mdc-tab-
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
* @cssproperty --mdc-tab-
|
|
47
|
-
*
|
|
48
|
-
* @cssproperty --mdc-tab-
|
|
49
|
-
* @cssproperty --mdc-tab-
|
|
50
|
-
*
|
|
51
|
-
* @cssproperty --mdc-tab-
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
* in rest state.
|
|
55
|
-
* @cssproperty --mdc-tab-glass-inactive-background-color-pressed - Background color for inactive glass tab
|
|
56
|
-
* in pressed state.
|
|
57
|
-
* @cssproperty --mdc-tab-glass-inactive-color - Text and icon color for inactive glass tab.
|
|
58
|
-
* @cssproperty --mdc-tab-glass-inactive-color-disabled - Text and icon color for inactive glass tab in disabled state.
|
|
59
|
-
* @cssproperty --mdc-tab-line-active-background-color-pressed - Background color for active line tab in pressed state.
|
|
60
|
-
* @cssproperty --mdc-tab-line-active-background-color-disabled - Background color for active line tab
|
|
61
|
-
* in disabled state.
|
|
62
|
-
* @cssproperty --mdc-tab-line-active-background-color-hover - Background color for active line tab in hover state.
|
|
63
|
-
* @cssproperty --mdc-tab-line-active-background-color-normal - Background color for active line tab in rest state.
|
|
64
|
-
* @cssproperty --mdc-tab-line-active-color - Text and icon color for active line tab.
|
|
65
|
-
* @cssproperty --mdc-tab-line-active-color-disabled - Text and icon color for active line tab in disabled state.
|
|
66
|
-
* @cssproperty --mdc-tab-line-active-indicator-color - color for indicator in active line tab.
|
|
67
|
-
* @cssproperty --mdc-tab-line-active-indicator-color-disabled - Color for indicator in active line tab
|
|
68
|
-
* in disabled state.
|
|
69
|
-
* @cssproperty --mdc-tab-line-active-indicator-height - Height for indicator in active line tab.
|
|
70
|
-
* @cssproperty --mdc-tab-line-active-indicator-width - Width for indicator in active line tab.
|
|
71
|
-
* @cssproperty --mdc-tab-line-border-bottom-left-radius - Bottom left border radius for line tab.
|
|
72
|
-
* @cssproperty --mdc-tab-line-border-bottom-right-radius - Bottom right border radius for line tab.
|
|
73
|
-
* @cssproperty --mdc-tab-line-border-top-left-radius - Top left border radius for line tab.
|
|
74
|
-
* @cssproperty --mdc-tab-line-border-top-right-radius - Top right border radius for line tab.
|
|
75
|
-
* @cssproperty --mdc-tab-line-inactive-background-color-pressed - Background color for inactive line tab
|
|
76
|
-
* in pressed state.
|
|
77
|
-
* @cssproperty --mdc-tab-line-inactive-background-color-disabled - Background color for inactive line tab
|
|
78
|
-
* in disabled state
|
|
79
|
-
* @cssproperty --mdc-tab-line-inactive-background-color-hover - Background color for inactive line tab in hover state.
|
|
80
|
-
* @cssproperty --mdc-tab-line-inactive-background-color-normal - Background color for inactive line tab
|
|
81
|
-
* in rest state.
|
|
82
|
-
* @cssproperty --mdc-tab-line-inactive-color - Text and icon color for inactive line tab.
|
|
83
|
-
* @cssproperty --mdc-tab-line-inactive-color-disabled - Text and icon color for inactive line tab in disabled state.
|
|
84
|
-
* @cssproperty --mdc-tab-padding-left - Padding left for the tab.
|
|
85
|
-
* @cssproperty --mdc-tab-padding-right - Padding right for the tab.
|
|
86
|
-
* @cssproperty --mdc-tab-pill-active-background-color-pressed - Background color for active pill tab in pressed state.
|
|
87
|
-
* @cssproperty --mdc-tab-pill-active-background-color-disabled - Background color for active pill tab
|
|
88
|
-
* in disabled state.
|
|
89
|
-
* @cssproperty --mdc-tab-pill-active-background-color-hover - Background color for active pill tab in hover state.
|
|
90
|
-
* @cssproperty --mdc-tab-pill-active-background-color-normal - Background color for active pill tab in rest state.
|
|
91
|
-
* @cssproperty --mdc-tab-pill-active-color - Text and icon color for active pill tab.
|
|
92
|
-
* @cssproperty --mdc-tab-pill-active-color-disabled - Text and icon color for active pill tab in disabled state.
|
|
93
|
-
* @cssproperty --mdc-tab-pill-border-radius - Border radius for pill tab.
|
|
94
|
-
* @cssproperty --mdc-tab-pill-inactive-background-color-pressed - Background color for inactive pill tab
|
|
95
|
-
* in pressed state.
|
|
96
|
-
* @cssproperty --mdc-tab-pill-inactive-background-color-disabled - Background color for inactive pill tab
|
|
97
|
-
* in disabled state.
|
|
98
|
-
* @cssproperty --mdc-tab-pill-inactive-background-color-hover - Background color for inactive pill tab in hover state.
|
|
99
|
-
* @cssproperty --mdc-tab-pill-inactive-background-color-normal - Background color for inactive pill tab in rest state.
|
|
100
|
-
* @cssproperty --mdc-tab-pill-inactive-color - Text and icon color for inactive pill tab.
|
|
101
|
-
* @cssproperty --mdc-tab-pill-inactive-color-disabled - Text and icon color for inactive pill tab in disabled state.
|
|
37
|
+
* @cssproperty --mdc-tab-height - The height of the tab.
|
|
38
|
+
* @cssproperty --mdc-tab-padding-left - The left padding of the tab.
|
|
39
|
+
* @cssproperty --mdc-tab-padding-right - The right padding of the tab.
|
|
40
|
+
* @cssproperty --mdc-tab-content-gap - The gap between the icon and text in the tab.
|
|
41
|
+
* @cssproperty --mdc-tab-background-color - The background color of the tab.
|
|
42
|
+
* @cssproperty --mdc-tab-color - The text color of the tab.
|
|
43
|
+
* @cssproperty --mdc-tab-border-radius - The border radius of the tab.
|
|
44
|
+
*
|
|
45
|
+
* @cssproperty --mdc-tab-line-active-indicator-height - The height of the active indicator line.
|
|
46
|
+
* @cssproperty --mdc-tab-line-active-indicator-width - The width of the active indicator line.
|
|
47
|
+
*
|
|
48
|
+
* @cssproperty --mdc-tab-line-border-bottom-left-radius - The border bottom left radius of the active indicator line.
|
|
49
|
+
* @cssproperty --mdc-tab-line-border-bottom-right-radius - The border bottom right radius of the active indicator line.
|
|
50
|
+
* @cssproperty --mdc-tab-line-border-top-left-radius - The border top left radius of the active indicator line.
|
|
51
|
+
* @cssproperty --mdc-tab-line-border-top-right-radius - The border top right radius of the active indicator line.
|
|
52
|
+
*
|
|
53
|
+
*
|
|
102
54
|
*
|
|
103
55
|
* @csspart container - The container of the tab.
|
|
104
56
|
* @csspart icon - The icon of the tab.
|