@pingux/astro 1.13.0-alpha.0 → 1.13.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/CopyText/CopyText.js +1 -2
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +78 -0
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.js +76 -0
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.js +60 -0
- package/lib/cjs/components/IconButtonToggle/index.js +18 -0
- package/lib/cjs/components/TextField/TextField.stories.js +2 -1
- package/lib/cjs/hooks/index.js +18 -0
- package/lib/cjs/hooks/useComponentToggle/index.js +18 -0
- package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js +70 -0
- package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +133 -0
- package/lib/cjs/index.js +72 -49
- package/lib/cjs/recipes/OneWayToBidirectionalArrow.stories.js +160 -0
- package/lib/cjs/styles/variants/boxes.js +5 -1
- package/lib/cjs/styles/variants/buttons.js +12 -4
- package/lib/components/CopyText/CopyText.js +1 -2
- package/lib/components/IconButtonToggle/IconButtonToggle.js +59 -0
- package/lib/components/IconButtonToggle/IconButtonToggle.stories.js +40 -0
- package/lib/components/IconButtonToggle/IconButtonToggle.test.js +46 -0
- package/lib/components/IconButtonToggle/index.js +1 -0
- package/lib/components/TextField/TextField.stories.js +2 -1
- package/lib/hooks/index.js +2 -0
- package/lib/hooks/useComponentToggle/index.js +1 -0
- package/lib/hooks/useComponentToggle/useComponentToggle.js +55 -0
- package/lib/hooks/useComponentToggle/useComponentToggle.test.js +105 -0
- package/lib/index.js +2 -0
- package/lib/recipes/OneWayToBidirectionalArrow.stories.js +137 -0
- package/lib/styles/variants/boxes.js +5 -1
- package/lib/styles/variants/buttons.js +12 -4
- package/package.json +1 -1
package/lib/cjs/index.js
CHANGED
@@ -4,7 +4,7 @@ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
4
4
|
|
5
5
|
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
6
6
|
|
7
|
-
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66;
|
7
|
+
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67;
|
8
8
|
|
9
9
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
10
10
|
|
@@ -45,6 +45,7 @@ var _exportNames = {
|
|
45
45
|
HelpHint: true,
|
46
46
|
Icon: true,
|
47
47
|
IconButton: true,
|
48
|
+
IconButtonToggle: true,
|
48
49
|
Image: true,
|
49
50
|
ImageUploadField: true,
|
50
51
|
Input: true,
|
@@ -294,6 +295,13 @@ _Object$defineProperty(exports, "IconButton", {
|
|
294
295
|
}
|
295
296
|
});
|
296
297
|
|
298
|
+
_Object$defineProperty(exports, "IconButtonToggle", {
|
299
|
+
enumerable: true,
|
300
|
+
get: function get() {
|
301
|
+
return _IconButtonToggle["default"];
|
302
|
+
}
|
303
|
+
});
|
304
|
+
|
297
305
|
_Object$defineProperty(exports, "Image", {
|
298
306
|
enumerable: true,
|
299
307
|
get: function get() {
|
@@ -961,9 +969,24 @@ _forEachInstanceProperty(_context18 = _Object$keys(_IconButton)).call(_context18
|
|
961
969
|
});
|
962
970
|
});
|
963
971
|
|
972
|
+
var _IconButtonToggle = _interopRequireWildcard(require("./components/IconButtonToggle"));
|
973
|
+
|
974
|
+
_forEachInstanceProperty(_context19 = _Object$keys(_IconButtonToggle)).call(_context19, function (key) {
|
975
|
+
if (key === "default" || key === "__esModule") return;
|
976
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
977
|
+
if (key in exports && exports[key] === _IconButtonToggle[key]) return;
|
978
|
+
|
979
|
+
_Object$defineProperty(exports, key, {
|
980
|
+
enumerable: true,
|
981
|
+
get: function get() {
|
982
|
+
return _IconButtonToggle[key];
|
983
|
+
}
|
984
|
+
});
|
985
|
+
});
|
986
|
+
|
964
987
|
var _Image = _interopRequireWildcard(require("./components/Image"));
|
965
988
|
|
966
|
-
_forEachInstanceProperty(
|
989
|
+
_forEachInstanceProperty(_context20 = _Object$keys(_Image)).call(_context20, function (key) {
|
967
990
|
if (key === "default" || key === "__esModule") return;
|
968
991
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
969
992
|
if (key in exports && exports[key] === _Image[key]) return;
|
@@ -978,7 +1001,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_Image)).call(_context19, fun
|
|
978
1001
|
|
979
1002
|
var _ImageUploadField = _interopRequireWildcard(require("./components/ImageUploadField"));
|
980
1003
|
|
981
|
-
_forEachInstanceProperty(
|
1004
|
+
_forEachInstanceProperty(_context21 = _Object$keys(_ImageUploadField)).call(_context21, function (key) {
|
982
1005
|
if (key === "default" || key === "__esModule") return;
|
983
1006
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
984
1007
|
if (key in exports && exports[key] === _ImageUploadField[key]) return;
|
@@ -993,7 +1016,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_ImageUploadField)).call(_con
|
|
993
1016
|
|
994
1017
|
var _Input = _interopRequireWildcard(require("./components/Input"));
|
995
1018
|
|
996
|
-
_forEachInstanceProperty(
|
1019
|
+
_forEachInstanceProperty(_context22 = _Object$keys(_Input)).call(_context22, function (key) {
|
997
1020
|
if (key === "default" || key === "__esModule") return;
|
998
1021
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
999
1022
|
if (key in exports && exports[key] === _Input[key]) return;
|
@@ -1008,7 +1031,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_Input)).call(_context21, fun
|
|
1008
1031
|
|
1009
1032
|
var _NumberField = _interopRequireWildcard(require("./components/NumberField"));
|
1010
1033
|
|
1011
|
-
_forEachInstanceProperty(
|
1034
|
+
_forEachInstanceProperty(_context23 = _Object$keys(_NumberField)).call(_context23, function (key) {
|
1012
1035
|
if (key === "default" || key === "__esModule") return;
|
1013
1036
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1014
1037
|
if (key in exports && exports[key] === _NumberField[key]) return;
|
@@ -1023,7 +1046,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_NumberField)).call(_context2
|
|
1023
1046
|
|
1024
1047
|
var _Label = _interopRequireWildcard(require("./components/Label"));
|
1025
1048
|
|
1026
|
-
_forEachInstanceProperty(
|
1049
|
+
_forEachInstanceProperty(_context24 = _Object$keys(_Label)).call(_context24, function (key) {
|
1027
1050
|
if (key === "default" || key === "__esModule") return;
|
1028
1051
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1029
1052
|
if (key in exports && exports[key] === _Label[key]) return;
|
@@ -1038,7 +1061,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_Label)).call(_context23, fun
|
|
1038
1061
|
|
1039
1062
|
var _Link = _interopRequireWildcard(require("./components/Link"));
|
1040
1063
|
|
1041
|
-
_forEachInstanceProperty(
|
1064
|
+
_forEachInstanceProperty(_context25 = _Object$keys(_Link)).call(_context25, function (key) {
|
1042
1065
|
if (key === "default" || key === "__esModule") return;
|
1043
1066
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1044
1067
|
if (key in exports && exports[key] === _Link[key]) return;
|
@@ -1053,7 +1076,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_Link)).call(_context24, func
|
|
1053
1076
|
|
1054
1077
|
var _LinkSelectField = _interopRequireWildcard(require("./components/LinkSelectField"));
|
1055
1078
|
|
1056
|
-
_forEachInstanceProperty(
|
1079
|
+
_forEachInstanceProperty(_context26 = _Object$keys(_LinkSelectField)).call(_context26, function (key) {
|
1057
1080
|
if (key === "default" || key === "__esModule") return;
|
1058
1081
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1059
1082
|
if (key in exports && exports[key] === _LinkSelectField[key]) return;
|
@@ -1068,7 +1091,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_LinkSelectField)).call(_cont
|
|
1068
1091
|
|
1069
1092
|
var _List = _interopRequireWildcard(require("./components/List"));
|
1070
1093
|
|
1071
|
-
_forEachInstanceProperty(
|
1094
|
+
_forEachInstanceProperty(_context27 = _Object$keys(_List)).call(_context27, function (key) {
|
1072
1095
|
if (key === "default" || key === "__esModule") return;
|
1073
1096
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1074
1097
|
if (key in exports && exports[key] === _List[key]) return;
|
@@ -1083,7 +1106,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_List)).call(_context26, func
|
|
1083
1106
|
|
1084
1107
|
var _ListItem = _interopRequireWildcard(require("./components/ListItem"));
|
1085
1108
|
|
1086
|
-
_forEachInstanceProperty(
|
1109
|
+
_forEachInstanceProperty(_context28 = _Object$keys(_ListItem)).call(_context28, function (key) {
|
1087
1110
|
if (key === "default" || key === "__esModule") return;
|
1088
1111
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1089
1112
|
if (key in exports && exports[key] === _ListItem[key]) return;
|
@@ -1098,7 +1121,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_ListItem)).call(_context27,
|
|
1098
1121
|
|
1099
1122
|
var _ListView = _interopRequireWildcard(require("./components/ListView"));
|
1100
1123
|
|
1101
|
-
_forEachInstanceProperty(
|
1124
|
+
_forEachInstanceProperty(_context29 = _Object$keys(_ListView)).call(_context29, function (key) {
|
1102
1125
|
if (key === "default" || key === "__esModule") return;
|
1103
1126
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1104
1127
|
if (key in exports && exports[key] === _ListView[key]) return;
|
@@ -1113,7 +1136,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_ListView)).call(_context28,
|
|
1113
1136
|
|
1114
1137
|
var _ListViewItem = _interopRequireWildcard(require("./components/ListViewItem"));
|
1115
1138
|
|
1116
|
-
_forEachInstanceProperty(
|
1139
|
+
_forEachInstanceProperty(_context30 = _Object$keys(_ListViewItem)).call(_context30, function (key) {
|
1117
1140
|
if (key === "default" || key === "__esModule") return;
|
1118
1141
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1119
1142
|
if (key in exports && exports[key] === _ListViewItem[key]) return;
|
@@ -1128,7 +1151,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_ListViewItem)).call(_context
|
|
1128
1151
|
|
1129
1152
|
var _Loader = _interopRequireWildcard(require("./components/Loader"));
|
1130
1153
|
|
1131
|
-
_forEachInstanceProperty(
|
1154
|
+
_forEachInstanceProperty(_context31 = _Object$keys(_Loader)).call(_context31, function (key) {
|
1132
1155
|
if (key === "default" || key === "__esModule") return;
|
1133
1156
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1134
1157
|
if (key in exports && exports[key] === _Loader[key]) return;
|
@@ -1145,7 +1168,7 @@ var _Menu = _interopRequireDefault(require("./components/Menu"));
|
|
1145
1168
|
|
1146
1169
|
var _Messages = _interopRequireWildcard(require("./components/Messages"));
|
1147
1170
|
|
1148
|
-
_forEachInstanceProperty(
|
1171
|
+
_forEachInstanceProperty(_context32 = _Object$keys(_Messages)).call(_context32, function (key) {
|
1149
1172
|
if (key === "default" || key === "__esModule") return;
|
1150
1173
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1151
1174
|
if (key in exports && exports[key] === _Messages[key]) return;
|
@@ -1160,7 +1183,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_Messages)).call(_context31,
|
|
1160
1183
|
|
1161
1184
|
var _Modal = _interopRequireWildcard(require("./components/Modal"));
|
1162
1185
|
|
1163
|
-
_forEachInstanceProperty(
|
1186
|
+
_forEachInstanceProperty(_context33 = _Object$keys(_Modal)).call(_context33, function (key) {
|
1164
1187
|
if (key === "default" || key === "__esModule") return;
|
1165
1188
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1166
1189
|
if (key in exports && exports[key] === _Modal[key]) return;
|
@@ -1175,7 +1198,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_Modal)).call(_context32, fun
|
|
1175
1198
|
|
1176
1199
|
var _CollapsiblePanel = _interopRequireWildcard(require("./components/CollapsiblePanel"));
|
1177
1200
|
|
1178
|
-
_forEachInstanceProperty(
|
1201
|
+
_forEachInstanceProperty(_context34 = _Object$keys(_CollapsiblePanel)).call(_context34, function (key) {
|
1179
1202
|
if (key === "default" || key === "__esModule") return;
|
1180
1203
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1181
1204
|
if (key in exports && exports[key] === _CollapsiblePanel[key]) return;
|
@@ -1190,7 +1213,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_CollapsiblePanel)).call(_con
|
|
1190
1213
|
|
1191
1214
|
var _CollapsiblePanelItem = _interopRequireWildcard(require("./components/CollapsiblePanelItem"));
|
1192
1215
|
|
1193
|
-
_forEachInstanceProperty(
|
1216
|
+
_forEachInstanceProperty(_context35 = _Object$keys(_CollapsiblePanelItem)).call(_context35, function (key) {
|
1194
1217
|
if (key === "default" || key === "__esModule") return;
|
1195
1218
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1196
1219
|
if (key in exports && exports[key] === _CollapsiblePanelItem[key]) return;
|
@@ -1205,7 +1228,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_CollapsiblePanelItem)).call(
|
|
1205
1228
|
|
1206
1229
|
var _CollapsiblePanelContainer = _interopRequireWildcard(require("./components/CollapsiblePanelContainer"));
|
1207
1230
|
|
1208
|
-
_forEachInstanceProperty(
|
1231
|
+
_forEachInstanceProperty(_context36 = _Object$keys(_CollapsiblePanelContainer)).call(_context36, function (key) {
|
1209
1232
|
if (key === "default" || key === "__esModule") return;
|
1210
1233
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1211
1234
|
if (key in exports && exports[key] === _CollapsiblePanelContainer[key]) return;
|
@@ -1220,7 +1243,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_CollapsiblePanelContainer)).
|
|
1220
1243
|
|
1221
1244
|
var _NavBar = _interopRequireWildcard(require("./components/NavBar"));
|
1222
1245
|
|
1223
|
-
_forEachInstanceProperty(
|
1246
|
+
_forEachInstanceProperty(_context37 = _Object$keys(_NavBar)).call(_context37, function (key) {
|
1224
1247
|
if (key === "default" || key === "__esModule") return;
|
1225
1248
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1226
1249
|
if (key in exports && exports[key] === _NavBar[key]) return;
|
@@ -1235,7 +1258,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_NavBar)).call(_context36, fu
|
|
1235
1258
|
|
1236
1259
|
var _NavBarSection = _interopRequireWildcard(require("./components/NavBarSection"));
|
1237
1260
|
|
1238
|
-
_forEachInstanceProperty(
|
1261
|
+
_forEachInstanceProperty(_context38 = _Object$keys(_NavBarSection)).call(_context38, function (key) {
|
1239
1262
|
if (key === "default" || key === "__esModule") return;
|
1240
1263
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1241
1264
|
if (key in exports && exports[key] === _NavBarSection[key]) return;
|
@@ -1252,7 +1275,7 @@ var _MultivaluesField = _interopRequireDefault(require("./components/Multivalues
|
|
1252
1275
|
|
1253
1276
|
var _OverlayPanel = _interopRequireWildcard(require("./components/OverlayPanel"));
|
1254
1277
|
|
1255
|
-
_forEachInstanceProperty(
|
1278
|
+
_forEachInstanceProperty(_context39 = _Object$keys(_OverlayPanel)).call(_context39, function (key) {
|
1256
1279
|
if (key === "default" || key === "__esModule") return;
|
1257
1280
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1258
1281
|
if (key in exports && exports[key] === _OverlayPanel[key]) return;
|
@@ -1267,7 +1290,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_OverlayPanel)).call(_context
|
|
1267
1290
|
|
1268
1291
|
var _PageHeader = _interopRequireWildcard(require("./components/PageHeader"));
|
1269
1292
|
|
1270
|
-
_forEachInstanceProperty(
|
1293
|
+
_forEachInstanceProperty(_context40 = _Object$keys(_PageHeader)).call(_context40, function (key) {
|
1271
1294
|
if (key === "default" || key === "__esModule") return;
|
1272
1295
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1273
1296
|
if (key in exports && exports[key] === _PageHeader[key]) return;
|
@@ -1282,7 +1305,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_PageHeader)).call(_context39
|
|
1282
1305
|
|
1283
1306
|
var _PasswordField = _interopRequireWildcard(require("./components/PasswordField"));
|
1284
1307
|
|
1285
|
-
_forEachInstanceProperty(
|
1308
|
+
_forEachInstanceProperty(_context41 = _Object$keys(_PasswordField)).call(_context41, function (key) {
|
1286
1309
|
if (key === "default" || key === "__esModule") return;
|
1287
1310
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1288
1311
|
if (key in exports && exports[key] === _PasswordField[key]) return;
|
@@ -1297,7 +1320,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_PasswordField)).call(_contex
|
|
1297
1320
|
|
1298
1321
|
var _PopoverContainer = _interopRequireWildcard(require("./components/PopoverContainer"));
|
1299
1322
|
|
1300
|
-
_forEachInstanceProperty(
|
1323
|
+
_forEachInstanceProperty(_context42 = _Object$keys(_PopoverContainer)).call(_context42, function (key) {
|
1301
1324
|
if (key === "default" || key === "__esModule") return;
|
1302
1325
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1303
1326
|
if (key in exports && exports[key] === _PopoverContainer[key]) return;
|
@@ -1314,7 +1337,7 @@ var _PopoverMenu = _interopRequireDefault(require("./components/PopoverMenu"));
|
|
1314
1337
|
|
1315
1338
|
var _Radio = _interopRequireWildcard(require("./components/Radio"));
|
1316
1339
|
|
1317
|
-
_forEachInstanceProperty(
|
1340
|
+
_forEachInstanceProperty(_context43 = _Object$keys(_Radio)).call(_context43, function (key) {
|
1318
1341
|
if (key === "default" || key === "__esModule") return;
|
1319
1342
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1320
1343
|
if (key in exports && exports[key] === _Radio[key]) return;
|
@@ -1329,7 +1352,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_Radio)).call(_context42, fun
|
|
1329
1352
|
|
1330
1353
|
var _RadioField = _interopRequireWildcard(require("./components/RadioField"));
|
1331
1354
|
|
1332
|
-
_forEachInstanceProperty(
|
1355
|
+
_forEachInstanceProperty(_context44 = _Object$keys(_RadioField)).call(_context44, function (key) {
|
1333
1356
|
if (key === "default" || key === "__esModule") return;
|
1334
1357
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1335
1358
|
if (key in exports && exports[key] === _RadioField[key]) return;
|
@@ -1344,7 +1367,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_RadioField)).call(_context43
|
|
1344
1367
|
|
1345
1368
|
var _RadioGroupField = _interopRequireWildcard(require("./components/RadioGroupField"));
|
1346
1369
|
|
1347
|
-
_forEachInstanceProperty(
|
1370
|
+
_forEachInstanceProperty(_context45 = _Object$keys(_RadioGroupField)).call(_context45, function (key) {
|
1348
1371
|
if (key === "default" || key === "__esModule") return;
|
1349
1372
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1350
1373
|
if (key in exports && exports[key] === _RadioGroupField[key]) return;
|
@@ -1359,7 +1382,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_RadioGroupField)).call(_cont
|
|
1359
1382
|
|
1360
1383
|
var _RequirementsList = _interopRequireWildcard(require("./components/RequirementsList"));
|
1361
1384
|
|
1362
|
-
_forEachInstanceProperty(
|
1385
|
+
_forEachInstanceProperty(_context46 = _Object$keys(_RequirementsList)).call(_context46, function (key) {
|
1363
1386
|
if (key === "default" || key === "__esModule") return;
|
1364
1387
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1365
1388
|
if (key in exports && exports[key] === _RequirementsList[key]) return;
|
@@ -1374,7 +1397,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_RequirementsList)).call(_con
|
|
1374
1397
|
|
1375
1398
|
var _RockerButton = _interopRequireWildcard(require("./components/RockerButton"));
|
1376
1399
|
|
1377
|
-
_forEachInstanceProperty(
|
1400
|
+
_forEachInstanceProperty(_context47 = _Object$keys(_RockerButton)).call(_context47, function (key) {
|
1378
1401
|
if (key === "default" || key === "__esModule") return;
|
1379
1402
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1380
1403
|
if (key in exports && exports[key] === _RockerButton[key]) return;
|
@@ -1389,7 +1412,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_RockerButton)).call(_context
|
|
1389
1412
|
|
1390
1413
|
var _RockerButtonGroup = _interopRequireWildcard(require("./components/RockerButtonGroup"));
|
1391
1414
|
|
1392
|
-
_forEachInstanceProperty(
|
1415
|
+
_forEachInstanceProperty(_context48 = _Object$keys(_RockerButtonGroup)).call(_context48, function (key) {
|
1393
1416
|
if (key === "default" || key === "__esModule") return;
|
1394
1417
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1395
1418
|
if (key in exports && exports[key] === _RockerButtonGroup[key]) return;
|
@@ -1404,7 +1427,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_RockerButtonGroup)).call(_co
|
|
1404
1427
|
|
1405
1428
|
var _ScrollBox = _interopRequireWildcard(require("./components/ScrollBox"));
|
1406
1429
|
|
1407
|
-
_forEachInstanceProperty(
|
1430
|
+
_forEachInstanceProperty(_context49 = _Object$keys(_ScrollBox)).call(_context49, function (key) {
|
1408
1431
|
if (key === "default" || key === "__esModule") return;
|
1409
1432
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1410
1433
|
if (key in exports && exports[key] === _ScrollBox[key]) return;
|
@@ -1419,7 +1442,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_ScrollBox)).call(_context48,
|
|
1419
1442
|
|
1420
1443
|
var _SearchField = _interopRequireWildcard(require("./components/SearchField"));
|
1421
1444
|
|
1422
|
-
_forEachInstanceProperty(
|
1445
|
+
_forEachInstanceProperty(_context50 = _Object$keys(_SearchField)).call(_context50, function (key) {
|
1423
1446
|
if (key === "default" || key === "__esModule") return;
|
1424
1447
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1425
1448
|
if (key in exports && exports[key] === _SearchField[key]) return;
|
@@ -1434,7 +1457,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_SearchField)).call(_context4
|
|
1434
1457
|
|
1435
1458
|
var _SelectField = _interopRequireWildcard(require("./components/SelectField"));
|
1436
1459
|
|
1437
|
-
_forEachInstanceProperty(
|
1460
|
+
_forEachInstanceProperty(_context51 = _Object$keys(_SelectField)).call(_context51, function (key) {
|
1438
1461
|
if (key === "default" || key === "__esModule") return;
|
1439
1462
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1440
1463
|
if (key in exports && exports[key] === _SelectField[key]) return;
|
@@ -1449,7 +1472,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_SelectField)).call(_context5
|
|
1449
1472
|
|
1450
1473
|
var _Separator = _interopRequireWildcard(require("./components/Separator"));
|
1451
1474
|
|
1452
|
-
_forEachInstanceProperty(
|
1475
|
+
_forEachInstanceProperty(_context52 = _Object$keys(_Separator)).call(_context52, function (key) {
|
1453
1476
|
if (key === "default" || key === "__esModule") return;
|
1454
1477
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1455
1478
|
if (key in exports && exports[key] === _Separator[key]) return;
|
@@ -1464,7 +1487,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_Separator)).call(_context51,
|
|
1464
1487
|
|
1465
1488
|
var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
|
1466
1489
|
|
1467
|
-
_forEachInstanceProperty(
|
1490
|
+
_forEachInstanceProperty(_context53 = _Object$keys(_Stepper)).call(_context53, function (key) {
|
1468
1491
|
if (key === "default" || key === "__esModule") return;
|
1469
1492
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1470
1493
|
if (key in exports && exports[key] === _Stepper[key]) return;
|
@@ -1479,7 +1502,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_Stepper)).call(_context52, f
|
|
1479
1502
|
|
1480
1503
|
var _Switch = _interopRequireWildcard(require("./components/Switch"));
|
1481
1504
|
|
1482
|
-
_forEachInstanceProperty(
|
1505
|
+
_forEachInstanceProperty(_context54 = _Object$keys(_Switch)).call(_context54, function (key) {
|
1483
1506
|
if (key === "default" || key === "__esModule") return;
|
1484
1507
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1485
1508
|
if (key in exports && exports[key] === _Switch[key]) return;
|
@@ -1494,7 +1517,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_Switch)).call(_context53, fu
|
|
1494
1517
|
|
1495
1518
|
var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
|
1496
1519
|
|
1497
|
-
_forEachInstanceProperty(
|
1520
|
+
_forEachInstanceProperty(_context55 = _Object$keys(_SwitchField)).call(_context55, function (key) {
|
1498
1521
|
if (key === "default" || key === "__esModule") return;
|
1499
1522
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1500
1523
|
if (key in exports && exports[key] === _SwitchField[key]) return;
|
@@ -1509,7 +1532,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_SwitchField)).call(_context5
|
|
1509
1532
|
|
1510
1533
|
var _Tab = _interopRequireWildcard(require("./components/Tab"));
|
1511
1534
|
|
1512
|
-
_forEachInstanceProperty(
|
1535
|
+
_forEachInstanceProperty(_context56 = _Object$keys(_Tab)).call(_context56, function (key) {
|
1513
1536
|
if (key === "default" || key === "__esModule") return;
|
1514
1537
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1515
1538
|
if (key in exports && exports[key] === _Tab[key]) return;
|
@@ -1524,7 +1547,7 @@ _forEachInstanceProperty(_context55 = _Object$keys(_Tab)).call(_context55, funct
|
|
1524
1547
|
|
1525
1548
|
var _Table = _interopRequireWildcard(require("./components/Table"));
|
1526
1549
|
|
1527
|
-
_forEachInstanceProperty(
|
1550
|
+
_forEachInstanceProperty(_context57 = _Object$keys(_Table)).call(_context57, function (key) {
|
1528
1551
|
if (key === "default" || key === "__esModule") return;
|
1529
1552
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1530
1553
|
if (key in exports && exports[key] === _Table[key]) return;
|
@@ -1539,7 +1562,7 @@ _forEachInstanceProperty(_context56 = _Object$keys(_Table)).call(_context56, fun
|
|
1539
1562
|
|
1540
1563
|
var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
|
1541
1564
|
|
1542
|
-
_forEachInstanceProperty(
|
1565
|
+
_forEachInstanceProperty(_context58 = _Object$keys(_TableBody)).call(_context58, function (key) {
|
1543
1566
|
if (key === "default" || key === "__esModule") return;
|
1544
1567
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1545
1568
|
if (key in exports && exports[key] === _TableBody[key]) return;
|
@@ -1554,7 +1577,7 @@ _forEachInstanceProperty(_context57 = _Object$keys(_TableBody)).call(_context57,
|
|
1554
1577
|
|
1555
1578
|
var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
|
1556
1579
|
|
1557
|
-
_forEachInstanceProperty(
|
1580
|
+
_forEachInstanceProperty(_context59 = _Object$keys(_TableCell)).call(_context59, function (key) {
|
1558
1581
|
if (key === "default" || key === "__esModule") return;
|
1559
1582
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1560
1583
|
if (key in exports && exports[key] === _TableCell[key]) return;
|
@@ -1569,7 +1592,7 @@ _forEachInstanceProperty(_context58 = _Object$keys(_TableCell)).call(_context58,
|
|
1569
1592
|
|
1570
1593
|
var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
|
1571
1594
|
|
1572
|
-
_forEachInstanceProperty(
|
1595
|
+
_forEachInstanceProperty(_context60 = _Object$keys(_TableHead)).call(_context60, function (key) {
|
1573
1596
|
if (key === "default" || key === "__esModule") return;
|
1574
1597
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1575
1598
|
if (key in exports && exports[key] === _TableHead[key]) return;
|
@@ -1584,7 +1607,7 @@ _forEachInstanceProperty(_context59 = _Object$keys(_TableHead)).call(_context59,
|
|
1584
1607
|
|
1585
1608
|
var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
|
1586
1609
|
|
1587
|
-
_forEachInstanceProperty(
|
1610
|
+
_forEachInstanceProperty(_context61 = _Object$keys(_TableRow)).call(_context61, function (key) {
|
1588
1611
|
if (key === "default" || key === "__esModule") return;
|
1589
1612
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1590
1613
|
if (key in exports && exports[key] === _TableRow[key]) return;
|
@@ -1599,7 +1622,7 @@ _forEachInstanceProperty(_context60 = _Object$keys(_TableRow)).call(_context60,
|
|
1599
1622
|
|
1600
1623
|
var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
|
1601
1624
|
|
1602
|
-
_forEachInstanceProperty(
|
1625
|
+
_forEachInstanceProperty(_context62 = _Object$keys(_Tabs)).call(_context62, function (key) {
|
1603
1626
|
if (key === "default" || key === "__esModule") return;
|
1604
1627
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1605
1628
|
if (key in exports && exports[key] === _Tabs[key]) return;
|
@@ -1614,7 +1637,7 @@ _forEachInstanceProperty(_context61 = _Object$keys(_Tabs)).call(_context61, func
|
|
1614
1637
|
|
1615
1638
|
var _Text = _interopRequireWildcard(require("./components/Text"));
|
1616
1639
|
|
1617
|
-
_forEachInstanceProperty(
|
1640
|
+
_forEachInstanceProperty(_context63 = _Object$keys(_Text)).call(_context63, function (key) {
|
1618
1641
|
if (key === "default" || key === "__esModule") return;
|
1619
1642
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1620
1643
|
if (key in exports && exports[key] === _Text[key]) return;
|
@@ -1629,7 +1652,7 @@ _forEachInstanceProperty(_context62 = _Object$keys(_Text)).call(_context62, func
|
|
1629
1652
|
|
1630
1653
|
var _TextField = _interopRequireWildcard(require("./components/TextField"));
|
1631
1654
|
|
1632
|
-
_forEachInstanceProperty(
|
1655
|
+
_forEachInstanceProperty(_context64 = _Object$keys(_TextField)).call(_context64, function (key) {
|
1633
1656
|
if (key === "default" || key === "__esModule") return;
|
1634
1657
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1635
1658
|
if (key in exports && exports[key] === _TextField[key]) return;
|
@@ -1644,7 +1667,7 @@ _forEachInstanceProperty(_context63 = _Object$keys(_TextField)).call(_context63,
|
|
1644
1667
|
|
1645
1668
|
var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
|
1646
1669
|
|
1647
|
-
_forEachInstanceProperty(
|
1670
|
+
_forEachInstanceProperty(_context65 = _Object$keys(_TextArea)).call(_context65, function (key) {
|
1648
1671
|
if (key === "default" || key === "__esModule") return;
|
1649
1672
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1650
1673
|
if (key in exports && exports[key] === _TextArea[key]) return;
|
@@ -1659,7 +1682,7 @@ _forEachInstanceProperty(_context64 = _Object$keys(_TextArea)).call(_context64,
|
|
1659
1682
|
|
1660
1683
|
var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
|
1661
1684
|
|
1662
|
-
_forEachInstanceProperty(
|
1685
|
+
_forEachInstanceProperty(_context66 = _Object$keys(_TextAreaField)).call(_context66, function (key) {
|
1663
1686
|
if (key === "default" || key === "__esModule") return;
|
1664
1687
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1665
1688
|
if (key in exports && exports[key] === _TextAreaField[key]) return;
|
@@ -1676,7 +1699,7 @@ var _TimeZonePicker = _interopRequireDefault(require("./components/TimeZonePicke
|
|
1676
1699
|
|
1677
1700
|
var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
|
1678
1701
|
|
1679
|
-
_forEachInstanceProperty(
|
1702
|
+
_forEachInstanceProperty(_context67 = _Object$keys(_TooltipTrigger)).call(_context67, function (key) {
|
1680
1703
|
if (key === "default" || key === "__esModule") return;
|
1681
1704
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1682
1705
|
if (key in exports && exports[key] === _TooltipTrigger[key]) return;
|
@@ -0,0 +1,160 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
6
|
+
|
7
|
+
_Object$defineProperty(exports, "__esModule", {
|
8
|
+
value: true
|
9
|
+
});
|
10
|
+
|
11
|
+
exports["default"] = exports.Default = void 0;
|
12
|
+
|
13
|
+
var _react = _interopRequireDefault(require("react"));
|
14
|
+
|
15
|
+
var _DragVerticalIcon = _interopRequireDefault(require("mdi-react/DragVerticalIcon"));
|
16
|
+
|
17
|
+
var _DeleteIcon = _interopRequireDefault(require("mdi-react/DeleteIcon"));
|
18
|
+
|
19
|
+
var _CogsIcon = _interopRequireDefault(require("mdi-react/CogsIcon"));
|
20
|
+
|
21
|
+
var _Box = _interopRequireDefault(require("../components/Box"));
|
22
|
+
|
23
|
+
var _index = require("../index");
|
24
|
+
|
25
|
+
var _react2 = require("@emotion/react");
|
26
|
+
|
27
|
+
var _default = {
|
28
|
+
title: 'Recipes/OneWayToBidirectionalArrow'
|
29
|
+
};
|
30
|
+
exports["default"] = _default;
|
31
|
+
var items = [{
|
32
|
+
name: 'Last Name',
|
33
|
+
id: '1'
|
34
|
+
}, {
|
35
|
+
name: 'First Name',
|
36
|
+
id: '2'
|
37
|
+
}, {
|
38
|
+
name: 'Third Option',
|
39
|
+
id: '3'
|
40
|
+
}];
|
41
|
+
|
42
|
+
var Default = function Default() {
|
43
|
+
var CustomOnSvg = function CustomOnSvg() {
|
44
|
+
return (0, _react2.jsx)("svg", {
|
45
|
+
width: "24",
|
46
|
+
height: "24",
|
47
|
+
viewBox: "0 0 24 24",
|
48
|
+
fill: "none",
|
49
|
+
xmlns: "http://www.w3.org/2000/svg"
|
50
|
+
}, (0, _react2.jsx)("path", {
|
51
|
+
d: "M8 10V13H14V18H8V21L2 15.5L8 10Z",
|
52
|
+
fill: "#CACED3"
|
53
|
+
}), (0, _react2.jsx)("path", {
|
54
|
+
d: "M9.83325 10.6251V6.37511H15.4999V2.94678L21.0533 8.50011L15.4999 14.0534V10.6251H9.83325Z",
|
55
|
+
fill: "#4462ED"
|
56
|
+
}), (0, _react2.jsx)("path", {
|
57
|
+
d: "M8 10V13H14V18H8V21L2 15.5L8 10ZM22 8.5L16 3V6H10V11H16V14L22 8.5Z",
|
58
|
+
fill: "#515F6B"
|
59
|
+
}));
|
60
|
+
};
|
61
|
+
|
62
|
+
var CustomOffSvg = function CustomOffSvg() {
|
63
|
+
return (0, _react2.jsx)("svg", {
|
64
|
+
width: "24",
|
65
|
+
height: "24",
|
66
|
+
viewBox: "0 0 24 24",
|
67
|
+
fill: "none",
|
68
|
+
xmlns: "http://www.w3.org/2000/svg"
|
69
|
+
}, (0, _react2.jsx)("path", {
|
70
|
+
d: "M8 10V13H14V18H8V21L2 15.5L8 10Z",
|
71
|
+
fill: "#CACED3"
|
72
|
+
}), (0, _react2.jsx)("path", {
|
73
|
+
d: "M9.83331 10.6251V6.37511H15.5V2.94678L21.0533 8.50011L15.5 14.0534V10.6251H9.83331Z",
|
74
|
+
fill: "#4462ED"
|
75
|
+
}));
|
76
|
+
};
|
77
|
+
|
78
|
+
return (0, _react2.jsx)(_Box["default"], {
|
79
|
+
sx: {
|
80
|
+
alignItems: 'center'
|
81
|
+
},
|
82
|
+
isRow: true
|
83
|
+
}, (0, _react2.jsx)(_index.Icon, {
|
84
|
+
icon: _DragVerticalIcon["default"],
|
85
|
+
size: 25,
|
86
|
+
color: "neutral.50"
|
87
|
+
}), (0, _react2.jsx)(_index.ComboBoxField, {
|
88
|
+
items: items,
|
89
|
+
defaultSelectedKey: "Last Name",
|
90
|
+
containerProps: {
|
91
|
+
width: '275px'
|
92
|
+
},
|
93
|
+
labelProps: {
|
94
|
+
mb: 0
|
95
|
+
},
|
96
|
+
"aria-label": "Row one value",
|
97
|
+
controlProps: {
|
98
|
+
'aria-label': 'test'
|
99
|
+
}
|
100
|
+
}, function (item) {
|
101
|
+
return (0, _react2.jsx)(_index.Item, {
|
102
|
+
key: item.name,
|
103
|
+
"data-id": item.name
|
104
|
+
}, item.name);
|
105
|
+
}), (0, _react2.jsx)(_Box["default"], {
|
106
|
+
sx: {
|
107
|
+
ml: '5px',
|
108
|
+
mr: '5px',
|
109
|
+
flexShrink: 0
|
110
|
+
}
|
111
|
+
}, (0, _react2.jsx)(_index.IconButtonToggle, {
|
112
|
+
toggledIcon: CustomOnSvg,
|
113
|
+
defaultIcon: CustomOffSvg,
|
114
|
+
title: "Bidirectional/ Outbound toggle",
|
115
|
+
iconProps: {
|
116
|
+
size: 20
|
117
|
+
},
|
118
|
+
buttonProps: {
|
119
|
+
variant: 'svgIconButton'
|
120
|
+
}
|
121
|
+
})), (0, _react2.jsx)(_index.ComboBoxField, {
|
122
|
+
items: items,
|
123
|
+
defaultSelectedKey: "First Name",
|
124
|
+
containerProps: {
|
125
|
+
width: '275px'
|
126
|
+
},
|
127
|
+
labelProps: {
|
128
|
+
mb: 0
|
129
|
+
},
|
130
|
+
controlProps: {
|
131
|
+
'aria-label': 'Row one Pingone value'
|
132
|
+
}
|
133
|
+
}, function (item) {
|
134
|
+
return (0, _react2.jsx)(_index.Item, {
|
135
|
+
key: item.name,
|
136
|
+
"data-id": item.name
|
137
|
+
}, item.name);
|
138
|
+
}), (0, _react2.jsx)(_Box["default"], {
|
139
|
+
isRow: true,
|
140
|
+
alignItems: "center",
|
141
|
+
sx: {
|
142
|
+
marginLeft: '12px',
|
143
|
+
marginRight: '12px'
|
144
|
+
}
|
145
|
+
}, (0, _react2.jsx)(_index.IconButton, null, (0, _react2.jsx)(_index.Icon, {
|
146
|
+
icon: _CogsIcon["default"],
|
147
|
+
color: "neutral.30",
|
148
|
+
size: 20,
|
149
|
+
title: "edit icon"
|
150
|
+
})), (0, _react2.jsx)(_index.IconButton, {
|
151
|
+
ml: "5px"
|
152
|
+
}, (0, _react2.jsx)(_index.Icon, {
|
153
|
+
icon: _DeleteIcon["default"],
|
154
|
+
color: "neutral.30",
|
155
|
+
size: 20,
|
156
|
+
title: "delete icon"
|
157
|
+
}))));
|
158
|
+
};
|
159
|
+
|
160
|
+
exports.Default = Default;
|
@@ -174,7 +174,10 @@ var copy = {
|
|
174
174
|
width: 'max-content',
|
175
175
|
cursor: 'pointer',
|
176
176
|
'& .is-focused': {
|
177
|
-
|
177
|
+
outline: '1px solid',
|
178
|
+
outlineColor: 'active',
|
179
|
+
outlineOffset: '4px',
|
180
|
+
borderRadius: '4px'
|
178
181
|
}
|
179
182
|
};
|
180
183
|
var topShadowScrollbox = {
|
@@ -319,6 +322,7 @@ var fileInputFieldWrapper = {
|
|
319
322
|
}
|
320
323
|
};
|
321
324
|
var floatLabelWrapper = {
|
325
|
+
width: 'calc(100% - 4px)',
|
322
326
|
backgroundColor: 'white',
|
323
327
|
position: 'relative',
|
324
328
|
height: '17px',
|