@pingux/astro 1.12.0-alpha.4 → 1.13.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +2 -1
  3. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +78 -0
  4. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.js +76 -0
  5. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.js +60 -0
  6. package/lib/cjs/components/IconButtonToggle/index.js +18 -0
  7. package/lib/cjs/hooks/index.js +18 -0
  8. package/lib/cjs/hooks/useComponentToggle/index.js +18 -0
  9. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js +70 -0
  10. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +133 -0
  11. package/lib/cjs/index.js +72 -49
  12. package/lib/cjs/recipes/OneWayToBidirectionalArrow.stories.js +160 -0
  13. package/lib/cjs/styles/variants/buttons.js +8 -1
  14. package/lib/components/Breadcrumbs/Breadcrumbs.js +2 -1
  15. package/lib/components/IconButtonToggle/IconButtonToggle.js +59 -0
  16. package/lib/components/IconButtonToggle/IconButtonToggle.stories.js +40 -0
  17. package/lib/components/IconButtonToggle/IconButtonToggle.test.js +46 -0
  18. package/lib/components/IconButtonToggle/index.js +1 -0
  19. package/lib/hooks/index.js +2 -0
  20. package/lib/hooks/useComponentToggle/index.js +1 -0
  21. package/lib/hooks/useComponentToggle/useComponentToggle.js +55 -0
  22. package/lib/hooks/useComponentToggle/useComponentToggle.test.js +105 -0
  23. package/lib/index.js +2 -0
  24. package/lib/recipes/OneWayToBidirectionalArrow.stories.js +137 -0
  25. package/lib/styles/variants/buttons.js +8 -1
  26. 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(_context19 = _Object$keys(_Image)).call(_context19, function (key) {
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(_context20 = _Object$keys(_ImageUploadField)).call(_context20, function (key) {
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(_context21 = _Object$keys(_Input)).call(_context21, function (key) {
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(_context22 = _Object$keys(_NumberField)).call(_context22, function (key) {
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(_context23 = _Object$keys(_Label)).call(_context23, function (key) {
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(_context24 = _Object$keys(_Link)).call(_context24, function (key) {
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(_context25 = _Object$keys(_LinkSelectField)).call(_context25, function (key) {
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(_context26 = _Object$keys(_List)).call(_context26, function (key) {
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(_context27 = _Object$keys(_ListItem)).call(_context27, function (key) {
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(_context28 = _Object$keys(_ListView)).call(_context28, function (key) {
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(_context29 = _Object$keys(_ListViewItem)).call(_context29, function (key) {
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(_context30 = _Object$keys(_Loader)).call(_context30, function (key) {
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(_context31 = _Object$keys(_Messages)).call(_context31, function (key) {
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(_context32 = _Object$keys(_Modal)).call(_context32, function (key) {
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(_context33 = _Object$keys(_CollapsiblePanel)).call(_context33, function (key) {
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(_context34 = _Object$keys(_CollapsiblePanelItem)).call(_context34, function (key) {
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(_context35 = _Object$keys(_CollapsiblePanelContainer)).call(_context35, function (key) {
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(_context36 = _Object$keys(_NavBar)).call(_context36, function (key) {
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(_context37 = _Object$keys(_NavBarSection)).call(_context37, function (key) {
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(_context38 = _Object$keys(_OverlayPanel)).call(_context38, function (key) {
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(_context39 = _Object$keys(_PageHeader)).call(_context39, function (key) {
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(_context40 = _Object$keys(_PasswordField)).call(_context40, function (key) {
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(_context41 = _Object$keys(_PopoverContainer)).call(_context41, function (key) {
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(_context42 = _Object$keys(_Radio)).call(_context42, function (key) {
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(_context43 = _Object$keys(_RadioField)).call(_context43, function (key) {
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(_context44 = _Object$keys(_RadioGroupField)).call(_context44, function (key) {
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(_context45 = _Object$keys(_RequirementsList)).call(_context45, function (key) {
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(_context46 = _Object$keys(_RockerButton)).call(_context46, function (key) {
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(_context47 = _Object$keys(_RockerButtonGroup)).call(_context47, function (key) {
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(_context48 = _Object$keys(_ScrollBox)).call(_context48, function (key) {
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(_context49 = _Object$keys(_SearchField)).call(_context49, function (key) {
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(_context50 = _Object$keys(_SelectField)).call(_context50, function (key) {
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(_context51 = _Object$keys(_Separator)).call(_context51, function (key) {
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(_context52 = _Object$keys(_Stepper)).call(_context52, function (key) {
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(_context53 = _Object$keys(_Switch)).call(_context53, function (key) {
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(_context54 = _Object$keys(_SwitchField)).call(_context54, function (key) {
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(_context55 = _Object$keys(_Tab)).call(_context55, function (key) {
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(_context56 = _Object$keys(_Table)).call(_context56, function (key) {
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(_context57 = _Object$keys(_TableBody)).call(_context57, function (key) {
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(_context58 = _Object$keys(_TableCell)).call(_context58, function (key) {
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(_context59 = _Object$keys(_TableHead)).call(_context59, function (key) {
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(_context60 = _Object$keys(_TableRow)).call(_context60, function (key) {
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(_context61 = _Object$keys(_Tabs)).call(_context61, function (key) {
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(_context62 = _Object$keys(_Text)).call(_context62, function (key) {
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(_context63 = _Object$keys(_TextField)).call(_context63, function (key) {
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(_context64 = _Object$keys(_TextArea)).call(_context64, function (key) {
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(_context65 = _Object$keys(_TextAreaField)).call(_context65, function (key) {
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(_context66 = _Object$keys(_TooltipTrigger)).call(_context66, function (key) {
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;
@@ -136,6 +136,12 @@ var iconButton = {
136
136
  }
137
137
  };
138
138
 
139
+ var svgIconButton = _objectSpread(_objectSpread({}, iconButton), {}, {
140
+ path: {
141
+ fill: 'default'
142
+ }
143
+ });
144
+
139
145
  var square = _objectSpread(_objectSpread({}, iconButton), {}, {
140
146
  borderRadius: '2px'
141
147
  });
@@ -721,6 +727,7 @@ var _default = {
721
727
  colorBlock: colorBlock,
722
728
  menuTab: menuTab,
723
729
  collapsiblePanelToggle: collapsiblePanelToggle,
724
- neutralText: neutralText
730
+ neutralText: neutralText,
731
+ svgIconButton: svgIconButton
725
732
  };
726
733
  exports["default"] = _default;
@@ -67,7 +67,8 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
67
67
  ref: breadcrumbsRef,
68
68
  isRow: true,
69
69
  sx: {
70
- overflow: 'auto'
70
+ overflow: 'auto',
71
+ paddingInlineStart: 'unset'
71
72
  },
72
73
  as: "ol"
73
74
  }, mergeProps(wrapperProps, others)), _Array$isArray(filteredChildren) ? _mapInstanceProperty(filteredChildren).call(filteredChildren, createBreadcrumb) : createBreadcrumb(children)));