tuix-webcomponents 0.95.0 → 0.95.2
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/custom-elements.json
CHANGED
|
@@ -899,244 +899,6 @@
|
|
|
899
899
|
}
|
|
900
900
|
]
|
|
901
901
|
},
|
|
902
|
-
{
|
|
903
|
-
"kind": "javascript-module",
|
|
904
|
-
"path": "src/tuix-checkbox/TuixCheckbox.styles.ts",
|
|
905
|
-
"declarations": [
|
|
906
|
-
{
|
|
907
|
-
"kind": "variable",
|
|
908
|
-
"name": "hostStyles",
|
|
909
|
-
"default": "css`\n :host {\n --t-main-color-tuix: ${unsafeCSS(Palette.MAIN)};\n --t-bg-color-primary: ${unsafeCSS(Palette.WHITE)};\n --t-bg-color-disabled: ${unsafeCSS(Palette.PRIMARY_100)};\n --t-text-color-error: ${unsafeCSS(Palette.ERROR)};\n --t-stroke-color-focus: ${unsafeCSS(Palette.SECONDARY)};\n --t-stroke-color-grey: ${unsafeCSS(Palette.PRIMARY_300)};\n --t-text-color-label: ${unsafeCSS(Palette.BLACK)};\n --t-label-right-default-justify: flex-start;\n --t-label-left-default-justify: space-between;\n }\n :host([dark]) {\n --t-main-color-tuix: ${unsafeCSS(DarkPalette.MAIN)};\n --t-bg-color-primary: ${unsafeCSS(DarkPalette.BLACK)};\n --t-bg-color-disabled: ${unsafeCSS(DarkPalette.PRIMARY_800)};\n --t-text-color-error: ${unsafeCSS(DarkPalette.ERROR)};\n --t-stroke-color-focus: ${unsafeCSS(DarkPalette.SECONDARY)};\n --t-stroke-color-grey: ${unsafeCSS(DarkPalette.PRIMARY_100)};\n --t-text-color-label: ${unsafeCSS(DarkPalette.WHITE)};\n }\n`"
|
|
910
|
-
},
|
|
911
|
-
{
|
|
912
|
-
"kind": "variable",
|
|
913
|
-
"name": "checkboxContainerStyles",
|
|
914
|
-
"default": "css`\n .t-checkbox-full-container {\n display: flex;\n justify-content: var(--t-label-right-default-justify, flex-start);\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n :host([disabled]) .t-checkbox-full-container {\n cursor: not-allowed;\n }\n .t-checkbox-container {\n --t-checkbox-size-box: 1.5rem;\n --t-checkbox-shadow-width: 2px;\n --t-checkbox-border-radius: 0.25rem;\n display: block;\n position: relative;\n height: var(--t-checkbox-size-box);\n width: var(--t-checkbox-size-box);\n min-width: var(--t-checkbox-size-box);\n }\n .t-checkbox-container .t-checkbox {\n position: absolute;\n opacity: 0;\n height: 0;\n width: 0;\n }\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n .t-checkbox-container {\n --t-checkbox-size-box: 1rem;\n --t-checkbox-shadow-width: 1px;\n --t-checkbox-border-radius: 0.125rem;\n margin-top: 1px;\n }\n }\n`"
|
|
915
|
-
},
|
|
916
|
-
{
|
|
917
|
-
"kind": "variable",
|
|
918
|
-
"name": "checkboxCheckmarkStyles",
|
|
919
|
-
"default": "css`\n .t-checkbox-container .t-checkbox-checkmark {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n height: var(--t-checkbox-size-box);\n width: var(--t-checkbox-size-box);\n border-radius: var(--t-checkbox-border-radius);\n background-color: var(--t-bg-color-primary);\n border: 1px solid var(--t-stroke-color-grey);\n box-sizing: border-box;\n }\n .t-checkbox-container .t-checkbox-checkmark tuix-icon {\n margin: auto;\n display: none;\n width: calc(var(--t-checkbox-size-box) - 0.5rem);\n height: calc(var(--t-checkbox-size-box) - 0.5rem);\n }\n .t-checkbox-container .t-checkbox:checked ~ .t-checkbox-checkmark {\n background-color: var(--t-main-color-tuix);\n border: none;\n }\n .t-checkbox-container .t-checkbox:focus ~ .t-checkbox-checkmark {\n box-shadow: 0 0 0px var(--t-checkbox-shadow-width)\n var(--t-stroke-color-focus);\n border: 1px solid var(--t-main-color-tuix);\n }\n .t-checkbox-container .t-checkbox:checked ~ .t-checkbox-checkmark tuix-icon {\n display: block;\n }\n .t-checkbox-full-container:hover .t-checkbox-container .t-checkbox-checkmark {\n border: 1px solid var(--t-main-color-tuix);\n }\n .t-checkbox-full-container.t-with-error\n .t-checkbox-container\n .t-checkbox-checkmark {\n border: 1px solid var(--t-text-color-error);\n }\n .t-checkbox-full-container.t-with-error\n .t-checkbox-container\n .t-checkbox:checked\n ~ .t-checkbox-checkmark {\n background-color: var(--t-text-color-error);\n border: none;\n }\n\n .t-checkbox-container .t-checkbox:disabled ~ .t-checkbox-checkmark {\n background-color: var(--t-bg-color-disabled);\n border: none;\n box-shadow: none;\n }\n`"
|
|
920
|
-
},
|
|
921
|
-
{
|
|
922
|
-
"kind": "variable",
|
|
923
|
-
"name": "checkboxLabelStyles",
|
|
924
|
-
"default": "css`\n .t-checkbox-label {\n display: block;\n color: var(--t-text-color-label);\n margin-left: 0.625rem;\n }\n .t-checkbox-full-container.t-with-label-left {\n flex-direction: row-reverse;\n justify-content: var(--t-label-left-default-justify, space-between);\n }\n .t-checkbox-full-container.t-with-label-left .t-checkbox-label {\n margin-right: 0.625rem;\n margin-left: 0;\n }\n`"
|
|
925
|
-
}
|
|
926
|
-
],
|
|
927
|
-
"exports": [
|
|
928
|
-
{
|
|
929
|
-
"kind": "js",
|
|
930
|
-
"name": "hostStyles",
|
|
931
|
-
"declaration": {
|
|
932
|
-
"name": "hostStyles",
|
|
933
|
-
"module": "src/tuix-checkbox/TuixCheckbox.styles.ts"
|
|
934
|
-
}
|
|
935
|
-
},
|
|
936
|
-
{
|
|
937
|
-
"kind": "js",
|
|
938
|
-
"name": "checkboxContainerStyles",
|
|
939
|
-
"declaration": {
|
|
940
|
-
"name": "checkboxContainerStyles",
|
|
941
|
-
"module": "src/tuix-checkbox/TuixCheckbox.styles.ts"
|
|
942
|
-
}
|
|
943
|
-
},
|
|
944
|
-
{
|
|
945
|
-
"kind": "js",
|
|
946
|
-
"name": "checkboxCheckmarkStyles",
|
|
947
|
-
"declaration": {
|
|
948
|
-
"name": "checkboxCheckmarkStyles",
|
|
949
|
-
"module": "src/tuix-checkbox/TuixCheckbox.styles.ts"
|
|
950
|
-
}
|
|
951
|
-
},
|
|
952
|
-
{
|
|
953
|
-
"kind": "js",
|
|
954
|
-
"name": "checkboxLabelStyles",
|
|
955
|
-
"declaration": {
|
|
956
|
-
"name": "checkboxLabelStyles",
|
|
957
|
-
"module": "src/tuix-checkbox/TuixCheckbox.styles.ts"
|
|
958
|
-
}
|
|
959
|
-
}
|
|
960
|
-
]
|
|
961
|
-
},
|
|
962
|
-
{
|
|
963
|
-
"kind": "javascript-module",
|
|
964
|
-
"path": "src/tuix-checkbox/TuixCheckbox.ts",
|
|
965
|
-
"declarations": [
|
|
966
|
-
{
|
|
967
|
-
"kind": "class",
|
|
968
|
-
"description": "",
|
|
969
|
-
"name": "TuixCheckbox",
|
|
970
|
-
"members": [
|
|
971
|
-
{
|
|
972
|
-
"kind": "field",
|
|
973
|
-
"name": "checked",
|
|
974
|
-
"type": {
|
|
975
|
-
"text": "boolean"
|
|
976
|
-
},
|
|
977
|
-
"default": "false",
|
|
978
|
-
"attribute": "checked"
|
|
979
|
-
},
|
|
980
|
-
{
|
|
981
|
-
"kind": "field",
|
|
982
|
-
"name": "disabled",
|
|
983
|
-
"type": {
|
|
984
|
-
"text": "boolean"
|
|
985
|
-
},
|
|
986
|
-
"default": "false",
|
|
987
|
-
"attribute": "disabled",
|
|
988
|
-
"reflects": true
|
|
989
|
-
},
|
|
990
|
-
{
|
|
991
|
-
"kind": "field",
|
|
992
|
-
"name": "dark",
|
|
993
|
-
"type": {
|
|
994
|
-
"text": "boolean"
|
|
995
|
-
},
|
|
996
|
-
"default": "false",
|
|
997
|
-
"attribute": "dark",
|
|
998
|
-
"reflects": true
|
|
999
|
-
},
|
|
1000
|
-
{
|
|
1001
|
-
"kind": "field",
|
|
1002
|
-
"name": "error",
|
|
1003
|
-
"type": {
|
|
1004
|
-
"text": "boolean"
|
|
1005
|
-
},
|
|
1006
|
-
"default": "false",
|
|
1007
|
-
"attribute": "error",
|
|
1008
|
-
"reflects": true
|
|
1009
|
-
},
|
|
1010
|
-
{
|
|
1011
|
-
"kind": "field",
|
|
1012
|
-
"name": "label",
|
|
1013
|
-
"type": {
|
|
1014
|
-
"text": "string"
|
|
1015
|
-
},
|
|
1016
|
-
"default": "''",
|
|
1017
|
-
"attribute": "label"
|
|
1018
|
-
},
|
|
1019
|
-
{
|
|
1020
|
-
"kind": "field",
|
|
1021
|
-
"name": "labelSide",
|
|
1022
|
-
"type": {
|
|
1023
|
-
"text": "CheckboxLabelSide"
|
|
1024
|
-
},
|
|
1025
|
-
"attribute": "labelSide"
|
|
1026
|
-
},
|
|
1027
|
-
{
|
|
1028
|
-
"kind": "method",
|
|
1029
|
-
"name": "_onCheckboxChange",
|
|
1030
|
-
"privacy": "private",
|
|
1031
|
-
"parameters": [
|
|
1032
|
-
{
|
|
1033
|
-
"name": "event",
|
|
1034
|
-
"type": {
|
|
1035
|
-
"text": "InputEvent"
|
|
1036
|
-
}
|
|
1037
|
-
}
|
|
1038
|
-
]
|
|
1039
|
-
},
|
|
1040
|
-
{
|
|
1041
|
-
"kind": "method",
|
|
1042
|
-
"name": "_getIconMode",
|
|
1043
|
-
"privacy": "private"
|
|
1044
|
-
},
|
|
1045
|
-
{
|
|
1046
|
-
"kind": "method",
|
|
1047
|
-
"name": "_getFullContainerClasses",
|
|
1048
|
-
"privacy": "private",
|
|
1049
|
-
"return": {
|
|
1050
|
-
"type": {
|
|
1051
|
-
"text": "ClassInfo"
|
|
1052
|
-
}
|
|
1053
|
-
}
|
|
1054
|
-
}
|
|
1055
|
-
],
|
|
1056
|
-
"events": [
|
|
1057
|
-
{
|
|
1058
|
-
"name": "change",
|
|
1059
|
-
"type": {
|
|
1060
|
-
"text": "CustomEvent"
|
|
1061
|
-
}
|
|
1062
|
-
}
|
|
1063
|
-
],
|
|
1064
|
-
"attributes": [
|
|
1065
|
-
{
|
|
1066
|
-
"name": "checked",
|
|
1067
|
-
"type": {
|
|
1068
|
-
"text": "boolean"
|
|
1069
|
-
},
|
|
1070
|
-
"default": "false",
|
|
1071
|
-
"fieldName": "checked"
|
|
1072
|
-
},
|
|
1073
|
-
{
|
|
1074
|
-
"name": "disabled",
|
|
1075
|
-
"type": {
|
|
1076
|
-
"text": "boolean"
|
|
1077
|
-
},
|
|
1078
|
-
"default": "false",
|
|
1079
|
-
"fieldName": "disabled"
|
|
1080
|
-
},
|
|
1081
|
-
{
|
|
1082
|
-
"name": "dark",
|
|
1083
|
-
"type": {
|
|
1084
|
-
"text": "boolean"
|
|
1085
|
-
},
|
|
1086
|
-
"default": "false",
|
|
1087
|
-
"fieldName": "dark"
|
|
1088
|
-
},
|
|
1089
|
-
{
|
|
1090
|
-
"name": "error",
|
|
1091
|
-
"type": {
|
|
1092
|
-
"text": "boolean"
|
|
1093
|
-
},
|
|
1094
|
-
"default": "false",
|
|
1095
|
-
"fieldName": "error"
|
|
1096
|
-
},
|
|
1097
|
-
{
|
|
1098
|
-
"name": "label",
|
|
1099
|
-
"type": {
|
|
1100
|
-
"text": "string"
|
|
1101
|
-
},
|
|
1102
|
-
"default": "''",
|
|
1103
|
-
"fieldName": "label"
|
|
1104
|
-
},
|
|
1105
|
-
{
|
|
1106
|
-
"name": "labelSide",
|
|
1107
|
-
"type": {
|
|
1108
|
-
"text": "CheckboxLabelSide"
|
|
1109
|
-
},
|
|
1110
|
-
"fieldName": "labelSide"
|
|
1111
|
-
}
|
|
1112
|
-
],
|
|
1113
|
-
"superclass": {
|
|
1114
|
-
"name": "LitElement",
|
|
1115
|
-
"package": "lit"
|
|
1116
|
-
},
|
|
1117
|
-
"tagName": "tuix-checkbox",
|
|
1118
|
-
"customElement": true
|
|
1119
|
-
}
|
|
1120
|
-
],
|
|
1121
|
-
"exports": [
|
|
1122
|
-
{
|
|
1123
|
-
"kind": "js",
|
|
1124
|
-
"name": "TuixCheckbox",
|
|
1125
|
-
"declaration": {
|
|
1126
|
-
"name": "TuixCheckbox",
|
|
1127
|
-
"module": "src/tuix-checkbox/TuixCheckbox.ts"
|
|
1128
|
-
}
|
|
1129
|
-
},
|
|
1130
|
-
{
|
|
1131
|
-
"kind": "custom-element-definition",
|
|
1132
|
-
"name": "tuix-checkbox",
|
|
1133
|
-
"declaration": {
|
|
1134
|
-
"name": "TuixCheckbox",
|
|
1135
|
-
"module": "src/tuix-checkbox/TuixCheckbox.ts"
|
|
1136
|
-
}
|
|
1137
|
-
}
|
|
1138
|
-
]
|
|
1139
|
-
},
|
|
1140
902
|
{
|
|
1141
903
|
"kind": "javascript-module",
|
|
1142
904
|
"path": "src/tuix-dropdown/TuixDropdown.styles.ts",
|
|
@@ -1715,55 +1477,81 @@
|
|
|
1715
1477
|
},
|
|
1716
1478
|
{
|
|
1717
1479
|
"kind": "javascript-module",
|
|
1718
|
-
"path": "src/tuix-
|
|
1480
|
+
"path": "src/tuix-checkbox/TuixCheckbox.styles.ts",
|
|
1719
1481
|
"declarations": [
|
|
1720
1482
|
{
|
|
1721
|
-
"kind": "
|
|
1722
|
-
"
|
|
1723
|
-
"
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1483
|
+
"kind": "variable",
|
|
1484
|
+
"name": "hostStyles",
|
|
1485
|
+
"default": "css`\n :host {\n --t-main-color-tuix: ${unsafeCSS(Palette.MAIN)};\n --t-bg-color-primary: ${unsafeCSS(Palette.WHITE)};\n --t-bg-color-disabled: ${unsafeCSS(Palette.PRIMARY_100)};\n --t-text-color-error: ${unsafeCSS(Palette.ERROR)};\n --t-stroke-color-focus: ${unsafeCSS(Palette.SECONDARY)};\n --t-stroke-color-grey: ${unsafeCSS(Palette.PRIMARY_300)};\n --t-text-color-label: ${unsafeCSS(Palette.BLACK)};\n --t-label-right-default-justify: flex-start;\n --t-label-left-default-justify: space-between;\n }\n :host([dark]) {\n --t-main-color-tuix: ${unsafeCSS(DarkPalette.MAIN)};\n --t-bg-color-primary: ${unsafeCSS(DarkPalette.BLACK)};\n --t-bg-color-disabled: ${unsafeCSS(DarkPalette.PRIMARY_800)};\n --t-text-color-error: ${unsafeCSS(DarkPalette.ERROR)};\n --t-stroke-color-focus: ${unsafeCSS(DarkPalette.SECONDARY)};\n --t-stroke-color-grey: ${unsafeCSS(DarkPalette.PRIMARY_100)};\n --t-text-color-label: ${unsafeCSS(DarkPalette.WHITE)};\n }\n`"
|
|
1486
|
+
},
|
|
1487
|
+
{
|
|
1488
|
+
"kind": "variable",
|
|
1489
|
+
"name": "checkboxContainerStyles",
|
|
1490
|
+
"default": "css`\n .t-checkbox-full-container {\n display: flex;\n justify-content: var(--t-label-right-default-justify, flex-start);\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n :host([disabled]) .t-checkbox-full-container {\n cursor: not-allowed;\n }\n .t-checkbox-container {\n --t-checkbox-size-box: 1.5rem;\n --t-checkbox-shadow-width: 2px;\n --t-checkbox-border-radius: 0.25rem;\n display: block;\n position: relative;\n height: var(--t-checkbox-size-box);\n width: var(--t-checkbox-size-box);\n min-width: var(--t-checkbox-size-box);\n }\n .t-checkbox-container .t-checkbox {\n position: absolute;\n opacity: 0;\n height: 0;\n width: 0;\n }\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n .t-checkbox-container {\n --t-checkbox-size-box: 1rem;\n --t-checkbox-shadow-width: 1px;\n --t-checkbox-border-radius: 0.125rem;\n margin-top: 1px;\n }\n }\n`"
|
|
1491
|
+
},
|
|
1492
|
+
{
|
|
1493
|
+
"kind": "variable",
|
|
1494
|
+
"name": "checkboxCheckmarkStyles",
|
|
1495
|
+
"default": "css`\n .t-checkbox-container .t-checkbox-checkmark {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n height: var(--t-checkbox-size-box);\n width: var(--t-checkbox-size-box);\n border-radius: var(--t-checkbox-border-radius);\n background-color: var(--t-bg-color-primary);\n border: 1px solid var(--t-stroke-color-grey);\n box-sizing: border-box;\n }\n .t-checkbox-container .t-checkbox-checkmark tuix-icon {\n margin: auto;\n display: none;\n width: calc(var(--t-checkbox-size-box) - 0.5rem);\n height: calc(var(--t-checkbox-size-box) - 0.5rem);\n }\n .t-checkbox-container .t-checkbox:checked ~ .t-checkbox-checkmark {\n background-color: var(--t-main-color-tuix);\n border: none;\n }\n .t-checkbox-container .t-checkbox:focus ~ .t-checkbox-checkmark {\n box-shadow: 0 0 0px var(--t-checkbox-shadow-width)\n var(--t-stroke-color-focus);\n border: 1px solid var(--t-main-color-tuix);\n }\n .t-checkbox-container .t-checkbox:checked ~ .t-checkbox-checkmark tuix-icon {\n display: block;\n }\n .t-checkbox-full-container:hover .t-checkbox-container .t-checkbox-checkmark {\n border: 1px solid var(--t-main-color-tuix);\n }\n .t-checkbox-full-container.t-with-error\n .t-checkbox-container\n .t-checkbox-checkmark {\n border: 1px solid var(--t-text-color-error);\n }\n .t-checkbox-full-container.t-with-error\n .t-checkbox-container\n .t-checkbox:checked\n ~ .t-checkbox-checkmark {\n background-color: var(--t-text-color-error);\n border: none;\n }\n\n .t-checkbox-container .t-checkbox:disabled ~ .t-checkbox-checkmark {\n background-color: var(--t-bg-color-disabled);\n border: none;\n box-shadow: none;\n }\n`"
|
|
1496
|
+
},
|
|
1497
|
+
{
|
|
1498
|
+
"kind": "variable",
|
|
1499
|
+
"name": "checkboxLabelStyles",
|
|
1500
|
+
"default": "css`\n .t-checkbox-label {\n display: block;\n color: var(--t-text-color-label);\n margin-left: 0.625rem;\n }\n .t-checkbox-full-container.t-with-label-left {\n flex-direction: row-reverse;\n justify-content: var(--t-label-left-default-justify, space-between);\n }\n .t-checkbox-full-container.t-with-label-left .t-checkbox-label {\n margin-right: 0.625rem;\n margin-left: 0;\n }\n`"
|
|
1501
|
+
}
|
|
1502
|
+
],
|
|
1503
|
+
"exports": [
|
|
1504
|
+
{
|
|
1505
|
+
"kind": "js",
|
|
1506
|
+
"name": "hostStyles",
|
|
1507
|
+
"declaration": {
|
|
1508
|
+
"name": "hostStyles",
|
|
1509
|
+
"module": "src/tuix-checkbox/TuixCheckbox.styles.ts"
|
|
1510
|
+
}
|
|
1511
|
+
},
|
|
1512
|
+
{
|
|
1513
|
+
"kind": "js",
|
|
1514
|
+
"name": "checkboxContainerStyles",
|
|
1515
|
+
"declaration": {
|
|
1516
|
+
"name": "checkboxContainerStyles",
|
|
1517
|
+
"module": "src/tuix-checkbox/TuixCheckbox.styles.ts"
|
|
1518
|
+
}
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"kind": "js",
|
|
1522
|
+
"name": "checkboxCheckmarkStyles",
|
|
1523
|
+
"declaration": {
|
|
1524
|
+
"name": "checkboxCheckmarkStyles",
|
|
1525
|
+
"module": "src/tuix-checkbox/TuixCheckbox.styles.ts"
|
|
1526
|
+
}
|
|
1527
|
+
},
|
|
1528
|
+
{
|
|
1529
|
+
"kind": "js",
|
|
1530
|
+
"name": "checkboxLabelStyles",
|
|
1531
|
+
"declaration": {
|
|
1532
|
+
"name": "checkboxLabelStyles",
|
|
1533
|
+
"module": "src/tuix-checkbox/TuixCheckbox.styles.ts"
|
|
1534
|
+
}
|
|
1535
|
+
}
|
|
1536
|
+
]
|
|
1537
|
+
},
|
|
1538
|
+
{
|
|
1539
|
+
"kind": "javascript-module",
|
|
1540
|
+
"path": "src/tuix-checkbox/TuixCheckbox.ts",
|
|
1541
|
+
"declarations": [
|
|
1542
|
+
{
|
|
1543
|
+
"kind": "class",
|
|
1544
|
+
"description": "",
|
|
1545
|
+
"name": "TuixCheckbox",
|
|
1546
|
+
"members": [
|
|
1758
1547
|
{
|
|
1759
1548
|
"kind": "field",
|
|
1760
|
-
"name": "
|
|
1761
|
-
"
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
}
|
|
1549
|
+
"name": "checked",
|
|
1550
|
+
"type": {
|
|
1551
|
+
"text": "boolean"
|
|
1552
|
+
},
|
|
1553
|
+
"default": "false",
|
|
1554
|
+
"attribute": "checked"
|
|
1767
1555
|
},
|
|
1768
1556
|
{
|
|
1769
1557
|
"kind": "field",
|
|
@@ -1773,11 +1561,7 @@
|
|
|
1773
1561
|
},
|
|
1774
1562
|
"default": "false",
|
|
1775
1563
|
"attribute": "disabled",
|
|
1776
|
-
"reflects": true
|
|
1777
|
-
"inheritedFrom": {
|
|
1778
|
-
"name": "TuixBaseButton",
|
|
1779
|
-
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1780
|
-
}
|
|
1564
|
+
"reflects": true
|
|
1781
1565
|
},
|
|
1782
1566
|
{
|
|
1783
1567
|
"kind": "field",
|
|
@@ -1787,84 +1571,80 @@
|
|
|
1787
1571
|
},
|
|
1788
1572
|
"default": "false",
|
|
1789
1573
|
"attribute": "dark",
|
|
1790
|
-
"reflects": true
|
|
1791
|
-
"inheritedFrom": {
|
|
1792
|
-
"name": "TuixBaseButton",
|
|
1793
|
-
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1794
|
-
}
|
|
1574
|
+
"reflects": true
|
|
1795
1575
|
},
|
|
1796
1576
|
{
|
|
1797
1577
|
"kind": "field",
|
|
1798
|
-
"name": "
|
|
1578
|
+
"name": "error",
|
|
1579
|
+
"type": {
|
|
1580
|
+
"text": "boolean"
|
|
1581
|
+
},
|
|
1582
|
+
"default": "false",
|
|
1583
|
+
"attribute": "error",
|
|
1584
|
+
"reflects": true
|
|
1585
|
+
},
|
|
1586
|
+
{
|
|
1587
|
+
"kind": "field",
|
|
1588
|
+
"name": "label",
|
|
1799
1589
|
"type": {
|
|
1800
1590
|
"text": "string"
|
|
1801
1591
|
},
|
|
1802
|
-
"privacy": "protected",
|
|
1803
1592
|
"default": "''",
|
|
1804
|
-
"
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1593
|
+
"attribute": "label"
|
|
1594
|
+
},
|
|
1595
|
+
{
|
|
1596
|
+
"kind": "field",
|
|
1597
|
+
"name": "labelSide",
|
|
1598
|
+
"type": {
|
|
1599
|
+
"text": "CheckboxLabelSide"
|
|
1600
|
+
},
|
|
1601
|
+
"attribute": "labelSide"
|
|
1808
1602
|
},
|
|
1809
1603
|
{
|
|
1810
1604
|
"kind": "method",
|
|
1811
|
-
"name": "
|
|
1812
|
-
"privacy": "
|
|
1813
|
-
"
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1605
|
+
"name": "_onCheckboxChange",
|
|
1606
|
+
"privacy": "private",
|
|
1607
|
+
"parameters": [
|
|
1608
|
+
{
|
|
1609
|
+
"name": "event",
|
|
1610
|
+
"type": {
|
|
1611
|
+
"text": "InputEvent"
|
|
1612
|
+
}
|
|
1613
|
+
}
|
|
1614
|
+
]
|
|
1817
1615
|
},
|
|
1818
1616
|
{
|
|
1819
1617
|
"kind": "method",
|
|
1820
|
-
"name": "
|
|
1821
|
-
"privacy": "
|
|
1822
|
-
"inheritedFrom": {
|
|
1823
|
-
"name": "TuixBaseButton",
|
|
1824
|
-
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1825
|
-
}
|
|
1618
|
+
"name": "_getIconMode",
|
|
1619
|
+
"privacy": "private"
|
|
1826
1620
|
},
|
|
1827
1621
|
{
|
|
1828
1622
|
"kind": "method",
|
|
1829
|
-
"name": "
|
|
1830
|
-
"privacy": "
|
|
1623
|
+
"name": "_getFullContainerClasses",
|
|
1624
|
+
"privacy": "private",
|
|
1831
1625
|
"return": {
|
|
1832
1626
|
"type": {
|
|
1833
|
-
"text": "
|
|
1834
|
-
}
|
|
1835
|
-
},
|
|
1836
|
-
"parameters": [
|
|
1837
|
-
{
|
|
1838
|
-
"name": "iconName",
|
|
1839
|
-
"type": {
|
|
1840
|
-
"text": "IconName"
|
|
1841
|
-
}
|
|
1842
|
-
},
|
|
1843
|
-
{
|
|
1844
|
-
"name": "iconSize",
|
|
1845
|
-
"type": {
|
|
1846
|
-
"text": "IconSizeVariant"
|
|
1847
|
-
}
|
|
1627
|
+
"text": "ClassInfo"
|
|
1848
1628
|
}
|
|
1849
|
-
],
|
|
1850
|
-
"inheritedFrom": {
|
|
1851
|
-
"name": "TuixBaseButton",
|
|
1852
|
-
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1853
1629
|
}
|
|
1854
1630
|
}
|
|
1855
1631
|
],
|
|
1856
|
-
"
|
|
1857
|
-
{
|
|
1858
|
-
"name": "icon",
|
|
1859
|
-
"fieldName": "icon"
|
|
1860
|
-
},
|
|
1632
|
+
"events": [
|
|
1861
1633
|
{
|
|
1862
|
-
"name": "
|
|
1863
|
-
"
|
|
1864
|
-
|
|
1865
|
-
"name": "TuixBaseButton",
|
|
1866
|
-
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1634
|
+
"name": "change",
|
|
1635
|
+
"type": {
|
|
1636
|
+
"text": "CustomEvent"
|
|
1867
1637
|
}
|
|
1638
|
+
}
|
|
1639
|
+
],
|
|
1640
|
+
"attributes": [
|
|
1641
|
+
{
|
|
1642
|
+
"name": "checked",
|
|
1643
|
+
"type": {
|
|
1644
|
+
"text": "boolean"
|
|
1645
|
+
},
|
|
1646
|
+
"default": "false",
|
|
1647
|
+
"fieldName": "checked"
|
|
1868
1648
|
},
|
|
1869
1649
|
{
|
|
1870
1650
|
"name": "disabled",
|
|
@@ -1872,11 +1652,7 @@
|
|
|
1872
1652
|
"text": "boolean"
|
|
1873
1653
|
},
|
|
1874
1654
|
"default": "false",
|
|
1875
|
-
"fieldName": "disabled"
|
|
1876
|
-
"inheritedFrom": {
|
|
1877
|
-
"name": "TuixBaseButton",
|
|
1878
|
-
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1879
|
-
}
|
|
1655
|
+
"fieldName": "disabled"
|
|
1880
1656
|
},
|
|
1881
1657
|
{
|
|
1882
1658
|
"name": "dark",
|
|
@@ -1884,48 +1660,55 @@
|
|
|
1884
1660
|
"text": "boolean"
|
|
1885
1661
|
},
|
|
1886
1662
|
"default": "false",
|
|
1887
|
-
"fieldName": "dark"
|
|
1888
|
-
|
|
1889
|
-
"name": "TuixBaseButton",
|
|
1890
|
-
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1891
|
-
}
|
|
1892
|
-
}
|
|
1893
|
-
],
|
|
1894
|
-
"superclass": {
|
|
1895
|
-
"name": "TuixBaseButton",
|
|
1896
|
-
"module": "/src/tuix-button/TuixBaseButton"
|
|
1897
|
-
},
|
|
1898
|
-
"tagName": "tuix-icon-button",
|
|
1899
|
-
"customElement": true,
|
|
1900
|
-
"events": [
|
|
1663
|
+
"fieldName": "dark"
|
|
1664
|
+
},
|
|
1901
1665
|
{
|
|
1902
|
-
"name": "
|
|
1666
|
+
"name": "error",
|
|
1903
1667
|
"type": {
|
|
1904
|
-
"text": "
|
|
1668
|
+
"text": "boolean"
|
|
1905
1669
|
},
|
|
1906
|
-
"
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1670
|
+
"default": "false",
|
|
1671
|
+
"fieldName": "error"
|
|
1672
|
+
},
|
|
1673
|
+
{
|
|
1674
|
+
"name": "label",
|
|
1675
|
+
"type": {
|
|
1676
|
+
"text": "string"
|
|
1677
|
+
},
|
|
1678
|
+
"default": "''",
|
|
1679
|
+
"fieldName": "label"
|
|
1680
|
+
},
|
|
1681
|
+
{
|
|
1682
|
+
"name": "labelSide",
|
|
1683
|
+
"type": {
|
|
1684
|
+
"text": "CheckboxLabelSide"
|
|
1685
|
+
},
|
|
1686
|
+
"fieldName": "labelSide"
|
|
1910
1687
|
}
|
|
1911
|
-
]
|
|
1688
|
+
],
|
|
1689
|
+
"superclass": {
|
|
1690
|
+
"name": "LitElement",
|
|
1691
|
+
"package": "lit"
|
|
1692
|
+
},
|
|
1693
|
+
"tagName": "tuix-checkbox",
|
|
1694
|
+
"customElement": true
|
|
1912
1695
|
}
|
|
1913
1696
|
],
|
|
1914
1697
|
"exports": [
|
|
1915
1698
|
{
|
|
1916
1699
|
"kind": "js",
|
|
1917
|
-
"name": "
|
|
1700
|
+
"name": "TuixCheckbox",
|
|
1918
1701
|
"declaration": {
|
|
1919
|
-
"name": "
|
|
1920
|
-
"module": "src/tuix-
|
|
1702
|
+
"name": "TuixCheckbox",
|
|
1703
|
+
"module": "src/tuix-checkbox/TuixCheckbox.ts"
|
|
1921
1704
|
}
|
|
1922
1705
|
},
|
|
1923
1706
|
{
|
|
1924
1707
|
"kind": "custom-element-definition",
|
|
1925
|
-
"name": "tuix-
|
|
1708
|
+
"name": "tuix-checkbox",
|
|
1926
1709
|
"declaration": {
|
|
1927
|
-
"name": "
|
|
1928
|
-
"module": "src/tuix-
|
|
1710
|
+
"name": "TuixCheckbox",
|
|
1711
|
+
"module": "src/tuix-checkbox/TuixCheckbox.ts"
|
|
1929
1712
|
}
|
|
1930
1713
|
}
|
|
1931
1714
|
]
|
|
@@ -2070,59 +1853,276 @@
|
|
|
2070
1853
|
],
|
|
2071
1854
|
"attributes": [
|
|
2072
1855
|
{
|
|
2073
|
-
"name": "name",
|
|
2074
|
-
"fieldName": "name"
|
|
2075
|
-
},
|
|
2076
|
-
{
|
|
2077
|
-
"name": "color",
|
|
2078
|
-
"type": {
|
|
2079
|
-
"text": "string | TextVariant | undefined"
|
|
2080
|
-
},
|
|
2081
|
-
"fieldName": "color"
|
|
1856
|
+
"name": "name",
|
|
1857
|
+
"fieldName": "name"
|
|
1858
|
+
},
|
|
1859
|
+
{
|
|
1860
|
+
"name": "color",
|
|
1861
|
+
"type": {
|
|
1862
|
+
"text": "string | TextVariant | undefined"
|
|
1863
|
+
},
|
|
1864
|
+
"fieldName": "color"
|
|
1865
|
+
},
|
|
1866
|
+
{
|
|
1867
|
+
"name": "size",
|
|
1868
|
+
"fieldName": "size"
|
|
1869
|
+
},
|
|
1870
|
+
{
|
|
1871
|
+
"name": "dark",
|
|
1872
|
+
"type": {
|
|
1873
|
+
"text": "boolean"
|
|
1874
|
+
},
|
|
1875
|
+
"default": "false",
|
|
1876
|
+
"fieldName": "dark"
|
|
1877
|
+
},
|
|
1878
|
+
{
|
|
1879
|
+
"name": "fill",
|
|
1880
|
+
"type": {
|
|
1881
|
+
"text": "string | TextVariant | undefined"
|
|
1882
|
+
},
|
|
1883
|
+
"fieldName": "fill"
|
|
1884
|
+
}
|
|
1885
|
+
],
|
|
1886
|
+
"superclass": {
|
|
1887
|
+
"name": "LitElement",
|
|
1888
|
+
"package": "lit"
|
|
1889
|
+
},
|
|
1890
|
+
"tagName": "tuix-icon",
|
|
1891
|
+
"customElement": true
|
|
1892
|
+
}
|
|
1893
|
+
],
|
|
1894
|
+
"exports": [
|
|
1895
|
+
{
|
|
1896
|
+
"kind": "js",
|
|
1897
|
+
"name": "TuixIcon",
|
|
1898
|
+
"declaration": {
|
|
1899
|
+
"name": "TuixIcon",
|
|
1900
|
+
"module": "src/tuix-icon/TuixIcon.ts"
|
|
1901
|
+
}
|
|
1902
|
+
},
|
|
1903
|
+
{
|
|
1904
|
+
"kind": "custom-element-definition",
|
|
1905
|
+
"name": "tuix-icon",
|
|
1906
|
+
"declaration": {
|
|
1907
|
+
"name": "TuixIcon",
|
|
1908
|
+
"module": "src/tuix-icon/TuixIcon.ts"
|
|
1909
|
+
}
|
|
1910
|
+
}
|
|
1911
|
+
]
|
|
1912
|
+
},
|
|
1913
|
+
{
|
|
1914
|
+
"kind": "javascript-module",
|
|
1915
|
+
"path": "src/tuix-icon-button/TuixIconButton.ts",
|
|
1916
|
+
"declarations": [
|
|
1917
|
+
{
|
|
1918
|
+
"kind": "class",
|
|
1919
|
+
"description": "",
|
|
1920
|
+
"name": "TuixIconButton",
|
|
1921
|
+
"members": [
|
|
1922
|
+
{
|
|
1923
|
+
"kind": "field",
|
|
1924
|
+
"name": "icon",
|
|
1925
|
+
"attribute": "icon"
|
|
1926
|
+
},
|
|
1927
|
+
{
|
|
1928
|
+
"kind": "method",
|
|
1929
|
+
"name": "_updateIconColor",
|
|
1930
|
+
"privacy": "protected",
|
|
1931
|
+
"return": {
|
|
1932
|
+
"type": {
|
|
1933
|
+
"text": "void"
|
|
1934
|
+
}
|
|
1935
|
+
},
|
|
1936
|
+
"inheritedFrom": {
|
|
1937
|
+
"name": "TuixBaseButton",
|
|
1938
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1939
|
+
}
|
|
1940
|
+
},
|
|
1941
|
+
{
|
|
1942
|
+
"kind": "method",
|
|
1943
|
+
"name": "_buttonContent",
|
|
1944
|
+
"privacy": "protected",
|
|
1945
|
+
"return": {
|
|
1946
|
+
"type": {
|
|
1947
|
+
"text": "TemplateResult"
|
|
1948
|
+
}
|
|
1949
|
+
},
|
|
1950
|
+
"inheritedFrom": {
|
|
1951
|
+
"name": "TuixBaseButton",
|
|
1952
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1953
|
+
}
|
|
1954
|
+
},
|
|
1955
|
+
{
|
|
1956
|
+
"kind": "field",
|
|
1957
|
+
"name": "variant",
|
|
1958
|
+
"attribute": "variant",
|
|
1959
|
+
"reflects": true,
|
|
1960
|
+
"inheritedFrom": {
|
|
1961
|
+
"name": "TuixBaseButton",
|
|
1962
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1963
|
+
}
|
|
1964
|
+
},
|
|
1965
|
+
{
|
|
1966
|
+
"kind": "field",
|
|
1967
|
+
"name": "disabled",
|
|
1968
|
+
"type": {
|
|
1969
|
+
"text": "boolean"
|
|
1970
|
+
},
|
|
1971
|
+
"default": "false",
|
|
1972
|
+
"attribute": "disabled",
|
|
1973
|
+
"reflects": true,
|
|
1974
|
+
"inheritedFrom": {
|
|
1975
|
+
"name": "TuixBaseButton",
|
|
1976
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1977
|
+
}
|
|
1978
|
+
},
|
|
1979
|
+
{
|
|
1980
|
+
"kind": "field",
|
|
1981
|
+
"name": "dark",
|
|
1982
|
+
"type": {
|
|
1983
|
+
"text": "boolean"
|
|
1984
|
+
},
|
|
1985
|
+
"default": "false",
|
|
1986
|
+
"attribute": "dark",
|
|
1987
|
+
"reflects": true,
|
|
1988
|
+
"inheritedFrom": {
|
|
1989
|
+
"name": "TuixBaseButton",
|
|
1990
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
1991
|
+
}
|
|
1992
|
+
},
|
|
1993
|
+
{
|
|
1994
|
+
"kind": "field",
|
|
1995
|
+
"name": "iconColor",
|
|
1996
|
+
"type": {
|
|
1997
|
+
"text": "string"
|
|
1998
|
+
},
|
|
1999
|
+
"privacy": "protected",
|
|
2000
|
+
"default": "''",
|
|
2001
|
+
"inheritedFrom": {
|
|
2002
|
+
"name": "TuixBaseButton",
|
|
2003
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
2004
|
+
}
|
|
2005
|
+
},
|
|
2006
|
+
{
|
|
2007
|
+
"kind": "method",
|
|
2008
|
+
"name": "_getTextColor",
|
|
2009
|
+
"privacy": "protected",
|
|
2010
|
+
"inheritedFrom": {
|
|
2011
|
+
"name": "TuixBaseButton",
|
|
2012
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
2013
|
+
}
|
|
2014
|
+
},
|
|
2015
|
+
{
|
|
2016
|
+
"kind": "method",
|
|
2017
|
+
"name": "_handleClick",
|
|
2018
|
+
"privacy": "protected",
|
|
2019
|
+
"inheritedFrom": {
|
|
2020
|
+
"name": "TuixBaseButton",
|
|
2021
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
2022
|
+
}
|
|
2023
|
+
},
|
|
2024
|
+
{
|
|
2025
|
+
"kind": "method",
|
|
2026
|
+
"name": "_iconTemplate",
|
|
2027
|
+
"privacy": "protected",
|
|
2028
|
+
"return": {
|
|
2029
|
+
"type": {
|
|
2030
|
+
"text": "TemplateResult"
|
|
2031
|
+
}
|
|
2032
|
+
},
|
|
2033
|
+
"parameters": [
|
|
2034
|
+
{
|
|
2035
|
+
"name": "iconName",
|
|
2036
|
+
"type": {
|
|
2037
|
+
"text": "IconName"
|
|
2038
|
+
}
|
|
2039
|
+
},
|
|
2040
|
+
{
|
|
2041
|
+
"name": "iconSize",
|
|
2042
|
+
"type": {
|
|
2043
|
+
"text": "IconSizeVariant"
|
|
2044
|
+
}
|
|
2045
|
+
}
|
|
2046
|
+
],
|
|
2047
|
+
"inheritedFrom": {
|
|
2048
|
+
"name": "TuixBaseButton",
|
|
2049
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
2050
|
+
}
|
|
2051
|
+
}
|
|
2052
|
+
],
|
|
2053
|
+
"attributes": [
|
|
2054
|
+
{
|
|
2055
|
+
"name": "icon",
|
|
2056
|
+
"fieldName": "icon"
|
|
2082
2057
|
},
|
|
2083
2058
|
{
|
|
2084
|
-
"name": "
|
|
2085
|
-
"fieldName": "
|
|
2059
|
+
"name": "variant",
|
|
2060
|
+
"fieldName": "variant",
|
|
2061
|
+
"inheritedFrom": {
|
|
2062
|
+
"name": "TuixBaseButton",
|
|
2063
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
2064
|
+
}
|
|
2086
2065
|
},
|
|
2087
2066
|
{
|
|
2088
|
-
"name": "
|
|
2067
|
+
"name": "disabled",
|
|
2089
2068
|
"type": {
|
|
2090
2069
|
"text": "boolean"
|
|
2091
2070
|
},
|
|
2092
2071
|
"default": "false",
|
|
2093
|
-
"fieldName": "
|
|
2072
|
+
"fieldName": "disabled",
|
|
2073
|
+
"inheritedFrom": {
|
|
2074
|
+
"name": "TuixBaseButton",
|
|
2075
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
2076
|
+
}
|
|
2094
2077
|
},
|
|
2095
2078
|
{
|
|
2096
|
-
"name": "
|
|
2079
|
+
"name": "dark",
|
|
2097
2080
|
"type": {
|
|
2098
|
-
"text": "
|
|
2081
|
+
"text": "boolean"
|
|
2099
2082
|
},
|
|
2100
|
-
"
|
|
2083
|
+
"default": "false",
|
|
2084
|
+
"fieldName": "dark",
|
|
2085
|
+
"inheritedFrom": {
|
|
2086
|
+
"name": "TuixBaseButton",
|
|
2087
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
2088
|
+
}
|
|
2101
2089
|
}
|
|
2102
2090
|
],
|
|
2103
2091
|
"superclass": {
|
|
2104
|
-
"name": "
|
|
2105
|
-
"
|
|
2092
|
+
"name": "TuixBaseButton",
|
|
2093
|
+
"module": "/src/tuix-button/TuixBaseButton"
|
|
2106
2094
|
},
|
|
2107
|
-
"tagName": "tuix-icon",
|
|
2108
|
-
"customElement": true
|
|
2095
|
+
"tagName": "tuix-icon-button",
|
|
2096
|
+
"customElement": true,
|
|
2097
|
+
"events": [
|
|
2098
|
+
{
|
|
2099
|
+
"name": "customClick",
|
|
2100
|
+
"type": {
|
|
2101
|
+
"text": "CustomEvent"
|
|
2102
|
+
},
|
|
2103
|
+
"inheritedFrom": {
|
|
2104
|
+
"name": "TuixBaseButton",
|
|
2105
|
+
"module": "src/tuix-button/TuixBaseButton.ts"
|
|
2106
|
+
}
|
|
2107
|
+
}
|
|
2108
|
+
]
|
|
2109
2109
|
}
|
|
2110
2110
|
],
|
|
2111
2111
|
"exports": [
|
|
2112
2112
|
{
|
|
2113
2113
|
"kind": "js",
|
|
2114
|
-
"name": "
|
|
2114
|
+
"name": "TuixIconButton",
|
|
2115
2115
|
"declaration": {
|
|
2116
|
-
"name": "
|
|
2117
|
-
"module": "src/tuix-icon/
|
|
2116
|
+
"name": "TuixIconButton",
|
|
2117
|
+
"module": "src/tuix-icon-button/TuixIconButton.ts"
|
|
2118
2118
|
}
|
|
2119
2119
|
},
|
|
2120
2120
|
{
|
|
2121
2121
|
"kind": "custom-element-definition",
|
|
2122
|
-
"name": "tuix-icon",
|
|
2122
|
+
"name": "tuix-icon-button",
|
|
2123
2123
|
"declaration": {
|
|
2124
|
-
"name": "
|
|
2125
|
-
"module": "src/tuix-icon/
|
|
2124
|
+
"name": "TuixIconButton",
|
|
2125
|
+
"module": "src/tuix-icon-button/TuixIconButton.ts"
|
|
2126
2126
|
}
|
|
2127
2127
|
}
|
|
2128
2128
|
]
|
|
@@ -2144,7 +2144,7 @@
|
|
|
2144
2144
|
{
|
|
2145
2145
|
"kind": "variable",
|
|
2146
2146
|
"name": "inputFontStyles",
|
|
2147
|
-
"default": "css`\n .t-input::placeholder,\n .t-input,\n .t-title {\n font-size: var(--t-field-font-size);\n font-weight: var(--t-field-font-weight);\n line-height: var(--t-field-line-height);\n }\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n :host {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1.125rem;\n --t-field-padding-y: 1.063rem;\n --t-field-padding-top: 1.5rem;\n }\n }\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n :host {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1rem;\n --t-field-padding-y: 1rem;\n --t-field-padding-top: 1.375rem;\n }\n }\n`"
|
|
2147
|
+
"default": "css`\n .t-input::placeholder,\n .t-input,\n .t-title {\n font-size: var(--t-field-font-size);\n font-weight: var(--t-field-font-weight);\n line-height: var(--t-field-line-height);\n }\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n :host {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1.125rem;\n --t-field-padding-y: 1.063rem;\n --t-field-padding-top: 1.5rem;\n }\n }\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n :host {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1rem;\n --t-field-padding-y: 1rem;\n --t-field-padding-top: 1.375rem;\n }\n }\n /* iOS Safari zooms into any focused field with text under 16px (also readonly ones,\n like the dropdown's), so keep at least 1rem there. Only iOS supports -webkit-touch-callout. */\n @supports (-webkit-touch-callout: none) {\n .t-input::placeholder,\n .t-input {\n font-size: max(1rem, var(--t-field-font-size));\n }\n }\n`"
|
|
2148
2148
|
},
|
|
2149
2149
|
{
|
|
2150
2150
|
"kind": "variable",
|
|
@@ -4688,53 +4688,13 @@
|
|
|
4688
4688
|
},
|
|
4689
4689
|
{
|
|
4690
4690
|
"kind": "javascript-module",
|
|
4691
|
-
"path": "src/tuix-
|
|
4692
|
-
"declarations": [
|
|
4693
|
-
{
|
|
4694
|
-
"kind": "variable",
|
|
4695
|
-
"name": "CheckboxIconColorLight",
|
|
4696
|
-
"type": {
|
|
4697
|
-
"text": "object"
|
|
4698
|
-
},
|
|
4699
|
-
"default": "{\n [CheckboxIconMode.DEFAULT]: Palette.WHITE,\n [CheckboxIconMode.DISABLED]: Palette.PRIMARY_300,\n [CheckboxIconMode.ERROR]: Palette.WHITE,\n}"
|
|
4700
|
-
},
|
|
4701
|
-
{
|
|
4702
|
-
"kind": "variable",
|
|
4703
|
-
"name": "CheckboxIconColorDark",
|
|
4704
|
-
"type": {
|
|
4705
|
-
"text": "object"
|
|
4706
|
-
},
|
|
4707
|
-
"default": "{\n [CheckboxIconMode.DEFAULT]: DarkPalette.WHITE,\n [CheckboxIconMode.DISABLED]: DarkPalette.PRIMARY_100,\n [CheckboxIconMode.ERROR]: DarkPalette.WHITE,\n}"
|
|
4708
|
-
}
|
|
4709
|
-
],
|
|
4710
|
-
"exports": [
|
|
4711
|
-
{
|
|
4712
|
-
"kind": "js",
|
|
4713
|
-
"name": "CheckboxIconColorLight",
|
|
4714
|
-
"declaration": {
|
|
4715
|
-
"name": "CheckboxIconColorLight",
|
|
4716
|
-
"module": "src/tuix-checkbox/enums/tuix-checkbox.enums.ts"
|
|
4717
|
-
}
|
|
4718
|
-
},
|
|
4719
|
-
{
|
|
4720
|
-
"kind": "js",
|
|
4721
|
-
"name": "CheckboxIconColorDark",
|
|
4722
|
-
"declaration": {
|
|
4723
|
-
"name": "CheckboxIconColorDark",
|
|
4724
|
-
"module": "src/tuix-checkbox/enums/tuix-checkbox.enums.ts"
|
|
4725
|
-
}
|
|
4726
|
-
}
|
|
4727
|
-
]
|
|
4728
|
-
},
|
|
4729
|
-
{
|
|
4730
|
-
"kind": "javascript-module",
|
|
4731
|
-
"path": "src/tuix-checkbox/interfaces/tuix-checkbox.interface.ts",
|
|
4691
|
+
"path": "src/tuix-dropdown/enums/tuix-dropdown.enums.ts",
|
|
4732
4692
|
"declarations": [],
|
|
4733
4693
|
"exports": []
|
|
4734
4694
|
},
|
|
4735
4695
|
{
|
|
4736
4696
|
"kind": "javascript-module",
|
|
4737
|
-
"path": "src/tuix-
|
|
4697
|
+
"path": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts",
|
|
4738
4698
|
"declarations": [
|
|
4739
4699
|
{
|
|
4740
4700
|
"kind": "variable",
|
|
@@ -4742,15 +4702,15 @@
|
|
|
4742
4702
|
"type": {
|
|
4743
4703
|
"text": "object"
|
|
4744
4704
|
},
|
|
4745
|
-
"default": "{\n title: '
|
|
4705
|
+
"default": "{\n title: 'TuixDropdown',\n component: 'tuix-dropdown',\n argTypes: {\n value: {\n control: 'object',\n },\n options: {\n control: 'object',\n },\n disabled: {\n control: 'boolean',\n },\n placeholder: {\n control: 'text',\n },\n title: {\n control: 'text',\n },\n description: {\n control: 'text',\n },\n descriptionType: {\n control: 'select',\n options: [...Object.values(DescriptionType), null],\n },\n dark: {\n control: 'boolean',\n },\n type: {\n control: 'select',\n options: [...Object.values(DropdownType)],\n },\n onInputSingle: { action: 'input-single' },\n onSelect: { action: 'select' },\n },\n render: (args: ArgTypes) => html` <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-dropdown\n ?disabled=\"${args.disabled}\"\n .value=\"${args.value}\"\n .options=\"${args.options}\"\n placeholder=\"${args.placeholder}\"\n title=\"${args.title}\"\n .description=\"${args.description}\"\n descriptionType=\"${args.descriptionType}\"\n ?dark=\"${args.dark}\"\n .type=\"${args.type}\"\n @input-single=\"${args.onInputSingle}\"\n @select=\"${args.onSelect}\"\n >\n </tuix-dropdown>\n </div>`,\n}"
|
|
4746
4706
|
},
|
|
4747
4707
|
{
|
|
4748
4708
|
"kind": "variable",
|
|
4749
|
-
"name": "
|
|
4709
|
+
"name": "tuixDropdownObjectList",
|
|
4750
4710
|
"type": {
|
|
4751
4711
|
"text": "Story"
|
|
4752
4712
|
},
|
|
4753
|
-
"default": "{\n args: {\n
|
|
4713
|
+
"default": "{\n args: {\n value: '458ac6ca-9a57-48c5-8abf-768460397607',\n // value: { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397601' }, // This works too\n disabled: false,\n title: 'Title',\n dark: false,\n options: [\n { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397601' },\n { name: 'orange', value: '458ac6ca-9a57-48c5-8abf-768460397602' },\n { name: 'tomato', value: '458ac6ca-9a57-48c5-8abf-768460397603' },\n { name: 'apple2', value: '458ac6ca-9a57-48c5-8abf-768460397604' },\n { name: 'orange2', value: '458ac6ca-9a57-48c5-8abf-768460397605' },\n { name: 'tomato2', value: '458ac6ca-9a57-48c5-8abf-768460397606' },\n { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397607' },\n { name: 'orange', value: '458ac6ca-9a57-48c5-8abf-768460397608' },\n { name: 'tomato', value: '458ac6ca-9a57-48c5-8abf-768460397609' },\n ],\n type: DropdownType.SEARCH,\n },\n}"
|
|
4754
4714
|
}
|
|
4755
4715
|
],
|
|
4756
4716
|
"exports": [
|
|
@@ -4759,34 +4719,22 @@
|
|
|
4759
4719
|
"name": "default",
|
|
4760
4720
|
"declaration": {
|
|
4761
4721
|
"name": "meta",
|
|
4762
|
-
"module": "src/tuix-
|
|
4722
|
+
"module": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts"
|
|
4763
4723
|
}
|
|
4764
4724
|
},
|
|
4765
4725
|
{
|
|
4766
4726
|
"kind": "js",
|
|
4767
|
-
"name": "
|
|
4727
|
+
"name": "tuixDropdownObjectList",
|
|
4768
4728
|
"declaration": {
|
|
4769
|
-
"name": "
|
|
4770
|
-
"module": "src/tuix-
|
|
4729
|
+
"name": "tuixDropdownObjectList",
|
|
4730
|
+
"module": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts"
|
|
4771
4731
|
}
|
|
4772
4732
|
}
|
|
4773
4733
|
]
|
|
4774
4734
|
},
|
|
4775
4735
|
{
|
|
4776
4736
|
"kind": "javascript-module",
|
|
4777
|
-
"path": "src/tuix-dropdown/
|
|
4778
|
-
"declarations": [],
|
|
4779
|
-
"exports": []
|
|
4780
|
-
},
|
|
4781
|
-
{
|
|
4782
|
-
"kind": "javascript-module",
|
|
4783
|
-
"path": "src/tuix-dropdown/interfaces/tuix-dropdown.interface.ts",
|
|
4784
|
-
"declarations": [],
|
|
4785
|
-
"exports": []
|
|
4786
|
-
},
|
|
4787
|
-
{
|
|
4788
|
-
"kind": "javascript-module",
|
|
4789
|
-
"path": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts",
|
|
4737
|
+
"path": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts",
|
|
4790
4738
|
"declarations": [
|
|
4791
4739
|
{
|
|
4792
4740
|
"kind": "variable",
|
|
@@ -4794,15 +4742,15 @@
|
|
|
4794
4742
|
"type": {
|
|
4795
4743
|
"text": "object"
|
|
4796
4744
|
},
|
|
4797
|
-
"default": "{\n title: 'TuixDropdown',\n component: 'tuix-dropdown',\n argTypes: {\n value: {
|
|
4745
|
+
"default": "{\n title: 'TuixDropdown',\n component: 'tuix-dropdown',\n argTypes: {\n value: { control: 'text' },\n\n options: {\n control: 'select',\n options: ['fruits', 'countries'],\n mapping: {\n fruits: fruits,\n countries: countryPhoneArray,\n },\n },\n disabled: {\n control: 'boolean',\n },\n placeholder: { control: 'text' },\n title: { control: 'text' },\n description: { control: 'text' },\n descriptionType: {\n control: 'select',\n options: [...Object.values(DescriptionType), null],\n },\n dark: {\n control: 'boolean',\n },\n type: {\n control: 'select',\n options: [...Object.values(DropdownType)],\n },\n onInputSingle: { action: 'input-single' },\n onSelect: { action: 'select' },\n },\n render: (args: ArgTypes) => html`<div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-dropdown\n ?disabled=\"${args.disabled}\"\n .value=\"${args.value}\"\n .options=\"${args.options}\"\n placeholder=\"${args.placeholder}\"\n title=\"${args.title}\"\n .description=\"${args.description}\"\n descriptionType=\"${args.descriptionType}\"\n ?dark=\"${args.dark}\"\n .type=\"${args.type}\"\n @input-single=\"${args.onInputSingle}\"\n @select=\"${args.onSelect}\"\n >\n </tuix-dropdown>\n </div>`,\n}"
|
|
4798
4746
|
},
|
|
4799
4747
|
{
|
|
4800
4748
|
"kind": "variable",
|
|
4801
|
-
"name": "
|
|
4749
|
+
"name": "tuixDropdownExample",
|
|
4802
4750
|
"type": {
|
|
4803
4751
|
"text": "Story"
|
|
4804
4752
|
},
|
|
4805
|
-
"default": "{\n args: {\n value: '
|
|
4753
|
+
"default": "{\n args: {\n value: 'apple2',\n disabled: false,\n title: 'Title',\n dark: false,\n options: [\n 'apple',\n 'orange',\n 'tomato',\n 'apple2',\n 'orange2',\n 'tomato2',\n 'apple3',\n 'orange3',\n 'tomato3',\n ],\n type: DropdownType.SINGLE,\n },\n}"
|
|
4806
4754
|
}
|
|
4807
4755
|
],
|
|
4808
4756
|
"exports": [
|
|
@@ -4811,62 +4759,68 @@
|
|
|
4811
4759
|
"name": "default",
|
|
4812
4760
|
"declaration": {
|
|
4813
4761
|
"name": "meta",
|
|
4814
|
-
"module": "src/tuix-dropdown/stories/tuix-dropdown
|
|
4762
|
+
"module": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts"
|
|
4815
4763
|
}
|
|
4816
4764
|
},
|
|
4817
4765
|
{
|
|
4818
4766
|
"kind": "js",
|
|
4819
|
-
"name": "
|
|
4767
|
+
"name": "tuixDropdownExample",
|
|
4820
4768
|
"declaration": {
|
|
4821
|
-
"name": "
|
|
4822
|
-
"module": "src/tuix-dropdown/stories/tuix-dropdown
|
|
4769
|
+
"name": "tuixDropdownExample",
|
|
4770
|
+
"module": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts"
|
|
4823
4771
|
}
|
|
4824
4772
|
}
|
|
4825
4773
|
]
|
|
4826
4774
|
},
|
|
4827
4775
|
{
|
|
4828
4776
|
"kind": "javascript-module",
|
|
4829
|
-
"path": "src/tuix-dropdown/
|
|
4777
|
+
"path": "src/tuix-dropdown/interfaces/tuix-dropdown.interface.ts",
|
|
4778
|
+
"declarations": [],
|
|
4779
|
+
"exports": []
|
|
4780
|
+
},
|
|
4781
|
+
{
|
|
4782
|
+
"kind": "javascript-module",
|
|
4783
|
+
"path": "src/tuix-checkbox/enums/tuix-checkbox.enums.ts",
|
|
4830
4784
|
"declarations": [
|
|
4831
4785
|
{
|
|
4832
4786
|
"kind": "variable",
|
|
4833
|
-
"name": "
|
|
4787
|
+
"name": "CheckboxIconColorLight",
|
|
4834
4788
|
"type": {
|
|
4835
4789
|
"text": "object"
|
|
4836
4790
|
},
|
|
4837
|
-
"default": "{\n
|
|
4791
|
+
"default": "{\n [CheckboxIconMode.DEFAULT]: Palette.WHITE,\n [CheckboxIconMode.DISABLED]: Palette.PRIMARY_300,\n [CheckboxIconMode.ERROR]: Palette.WHITE,\n}"
|
|
4838
4792
|
},
|
|
4839
4793
|
{
|
|
4840
4794
|
"kind": "variable",
|
|
4841
|
-
"name": "
|
|
4795
|
+
"name": "CheckboxIconColorDark",
|
|
4842
4796
|
"type": {
|
|
4843
|
-
"text": "
|
|
4797
|
+
"text": "object"
|
|
4844
4798
|
},
|
|
4845
|
-
"default": "{\n
|
|
4799
|
+
"default": "{\n [CheckboxIconMode.DEFAULT]: DarkPalette.WHITE,\n [CheckboxIconMode.DISABLED]: DarkPalette.PRIMARY_100,\n [CheckboxIconMode.ERROR]: DarkPalette.WHITE,\n}"
|
|
4846
4800
|
}
|
|
4847
4801
|
],
|
|
4848
4802
|
"exports": [
|
|
4849
4803
|
{
|
|
4850
4804
|
"kind": "js",
|
|
4851
|
-
"name": "
|
|
4805
|
+
"name": "CheckboxIconColorLight",
|
|
4852
4806
|
"declaration": {
|
|
4853
|
-
"name": "
|
|
4854
|
-
"module": "src/tuix-
|
|
4807
|
+
"name": "CheckboxIconColorLight",
|
|
4808
|
+
"module": "src/tuix-checkbox/enums/tuix-checkbox.enums.ts"
|
|
4855
4809
|
}
|
|
4856
4810
|
},
|
|
4857
4811
|
{
|
|
4858
4812
|
"kind": "js",
|
|
4859
|
-
"name": "
|
|
4813
|
+
"name": "CheckboxIconColorDark",
|
|
4860
4814
|
"declaration": {
|
|
4861
|
-
"name": "
|
|
4862
|
-
"module": "src/tuix-
|
|
4815
|
+
"name": "CheckboxIconColorDark",
|
|
4816
|
+
"module": "src/tuix-checkbox/enums/tuix-checkbox.enums.ts"
|
|
4863
4817
|
}
|
|
4864
4818
|
}
|
|
4865
4819
|
]
|
|
4866
4820
|
},
|
|
4867
4821
|
{
|
|
4868
4822
|
"kind": "javascript-module",
|
|
4869
|
-
"path": "src/tuix-
|
|
4823
|
+
"path": "src/tuix-checkbox/stories/tuix-checkbox.stories.ts",
|
|
4870
4824
|
"declarations": [
|
|
4871
4825
|
{
|
|
4872
4826
|
"kind": "variable",
|
|
@@ -4874,15 +4828,15 @@
|
|
|
4874
4828
|
"type": {
|
|
4875
4829
|
"text": "object"
|
|
4876
4830
|
},
|
|
4877
|
-
"default": "{\n title: '
|
|
4831
|
+
"default": "{\n title: 'TuixCheckbox',\n component: 'tuix-checkbox',\n argTypes: {\n checked: {\n control: 'boolean',\n },\n disabled: {\n control: 'boolean',\n },\n dark: {\n control: 'boolean',\n },\n error: {\n control: 'boolean',\n },\n label: {\n control: 'text',\n },\n labelSide: {\n control: 'select',\n options: [...Object.values(CheckboxLabelSide)],\n },\n onChange: { action: 'change' },\n },\n render: (args: ArgTypes) => html`\n <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh; ${args.dark\n ? 'background-color:' + Palette.BLACK + ';'\n : ''}}\"\n >\n <div\n style=\"max-width: 300px; display: flex; gap: 16px; flex-direction: column\"\n >\n <tuix-checkbox\n ?checked=\"${args.checked}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n ?error=\"${args.error}\"\n label=\"${args.label}\"\n labelSide=\"${args.labelSide}\"\n @change=\"${args.onChange}\"\n ></tuix-checkbox>\n <tuix-checkbox\n ?checked=\"${args.checked}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n ?error=\"${args.error}\"\n labelSide=\"${args.labelSide}\"\n @change=\"${args.onChange}\"\n >\n <tuix-text\n size=\"${TextSize.FieldPlaceholder}\"\n color=\"${TextVariant.PRIMARY}\"\n ?dark=\"${args.dark}\"\n >\n Label from slot using a long text with max-width container\n </tuix-text>\n </tuix-checkbox>\n </div>\n </div>\n `,\n}"
|
|
4878
4832
|
},
|
|
4879
4833
|
{
|
|
4880
4834
|
"kind": "variable",
|
|
4881
|
-
"name": "
|
|
4835
|
+
"name": "tuixCheckboxExample",
|
|
4882
4836
|
"type": {
|
|
4883
4837
|
"text": "Story"
|
|
4884
4838
|
},
|
|
4885
|
-
"default": "{\n args: {\n
|
|
4839
|
+
"default": "{\n args: {\n checked: false,\n disabled: false,\n dark: false,\n error: false,\n label: 'Label from property',\n labelSide: CheckboxLabelSide.RIGHT,\n },\n}"
|
|
4886
4840
|
}
|
|
4887
4841
|
],
|
|
4888
4842
|
"exports": [
|
|
@@ -4891,19 +4845,25 @@
|
|
|
4891
4845
|
"name": "default",
|
|
4892
4846
|
"declaration": {
|
|
4893
4847
|
"name": "meta",
|
|
4894
|
-
"module": "src/tuix-
|
|
4848
|
+
"module": "src/tuix-checkbox/stories/tuix-checkbox.stories.ts"
|
|
4895
4849
|
}
|
|
4896
4850
|
},
|
|
4897
4851
|
{
|
|
4898
4852
|
"kind": "js",
|
|
4899
|
-
"name": "
|
|
4853
|
+
"name": "tuixCheckboxExample",
|
|
4900
4854
|
"declaration": {
|
|
4901
|
-
"name": "
|
|
4902
|
-
"module": "src/tuix-
|
|
4855
|
+
"name": "tuixCheckboxExample",
|
|
4856
|
+
"module": "src/tuix-checkbox/stories/tuix-checkbox.stories.ts"
|
|
4903
4857
|
}
|
|
4904
4858
|
}
|
|
4905
4859
|
]
|
|
4906
4860
|
},
|
|
4861
|
+
{
|
|
4862
|
+
"kind": "javascript-module",
|
|
4863
|
+
"path": "src/tuix-checkbox/interfaces/tuix-checkbox.interface.ts",
|
|
4864
|
+
"declarations": [],
|
|
4865
|
+
"exports": []
|
|
4866
|
+
},
|
|
4907
4867
|
{
|
|
4908
4868
|
"kind": "javascript-module",
|
|
4909
4869
|
"path": "src/tuix-icon/enums/tuix-icon.enums.ts",
|
|
@@ -4968,6 +4928,46 @@
|
|
|
4968
4928
|
}
|
|
4969
4929
|
]
|
|
4970
4930
|
},
|
|
4931
|
+
{
|
|
4932
|
+
"kind": "javascript-module",
|
|
4933
|
+
"path": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts",
|
|
4934
|
+
"declarations": [
|
|
4935
|
+
{
|
|
4936
|
+
"kind": "variable",
|
|
4937
|
+
"name": "meta",
|
|
4938
|
+
"type": {
|
|
4939
|
+
"text": "object"
|
|
4940
|
+
},
|
|
4941
|
+
"default": "{\n title: 'TuixIconButton',\n component: 'tuix-icon-button',\n argTypes: {\n variant: {\n control: 'inline-radio',\n options: Object.values(MainVariant),\n },\n icon: {\n control: 'select',\n options: Object.values(IconName),\n },\n disabled: {\n control: 'boolean',\n },\n dark: {\n control: 'boolean',\n },\n onClick: { action: 'customClick' },\n },\n render: (args: ArgTypes) => html`\n <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-icon-button\n variant=\"${args.variant}\"\n icon=\"${args.icon}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n @customClick=\"${args.onClick}\"\n />\n </div>\n `,\n}"
|
|
4942
|
+
},
|
|
4943
|
+
{
|
|
4944
|
+
"kind": "variable",
|
|
4945
|
+
"name": "iconButton",
|
|
4946
|
+
"type": {
|
|
4947
|
+
"text": "Story"
|
|
4948
|
+
},
|
|
4949
|
+
"default": "{\n args: {\n variant: MainVariant.PRIMARY,\n icon: IconName.ARROW_DOWN,\n disabled: false,\n dark: false,\n },\n}"
|
|
4950
|
+
}
|
|
4951
|
+
],
|
|
4952
|
+
"exports": [
|
|
4953
|
+
{
|
|
4954
|
+
"kind": "js",
|
|
4955
|
+
"name": "default",
|
|
4956
|
+
"declaration": {
|
|
4957
|
+
"name": "meta",
|
|
4958
|
+
"module": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts"
|
|
4959
|
+
}
|
|
4960
|
+
},
|
|
4961
|
+
{
|
|
4962
|
+
"kind": "js",
|
|
4963
|
+
"name": "iconButton",
|
|
4964
|
+
"declaration": {
|
|
4965
|
+
"name": "iconButton",
|
|
4966
|
+
"module": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts"
|
|
4967
|
+
}
|
|
4968
|
+
}
|
|
4969
|
+
]
|
|
4970
|
+
},
|
|
4971
4971
|
{
|
|
4972
4972
|
"kind": "javascript-module",
|
|
4973
4973
|
"path": "src/tuix-input/enums/tuix-input.enums.ts",
|