@govtechsg/sgds-web-component 3.22.0 → 3.23.0-rc.0

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 (29) hide show
  1. package/components/Footer/index.umd.min.js +1 -1
  2. package/components/Footer/index.umd.min.js.map +1 -1
  3. package/components/Sidenav/index.umd.min.js +5 -4
  4. package/components/Sidenav/index.umd.min.js.map +1 -1
  5. package/components/Sidenav/sgds-sidenav-item.d.ts +4 -0
  6. package/components/Sidenav/sgds-sidenav-item.js +5 -0
  7. package/components/Sidenav/sgds-sidenav-item.js.map +1 -1
  8. package/components/Subnav/index.umd.min.js +1 -1
  9. package/components/Subnav/index.umd.min.js.map +1 -1
  10. package/components/index.umd.min.js +3 -2
  11. package/components/index.umd.min.js.map +1 -1
  12. package/css/fouc.css +2 -2
  13. package/css/grid.css +30 -4
  14. package/css/grid.js +1 -1
  15. package/custom-elements.json +998 -981
  16. package/index.umd.min.js +3 -2
  17. package/index.umd.min.js.map +1 -1
  18. package/package.json +1 -1
  19. package/react/components/Sidenav/sgds-sidenav-item.cjs.js +5 -0
  20. package/react/components/Sidenav/sgds-sidenav-item.cjs.js.map +1 -1
  21. package/react/components/Sidenav/sgds-sidenav-item.js +5 -0
  22. package/react/components/Sidenav/sgds-sidenav-item.js.map +1 -1
  23. package/react/css/grid.cjs.js +1 -1
  24. package/react/css/grid.js +1 -1
  25. package/react/index.cjs.js +10 -10
  26. package/react/index.d.ts +2 -2
  27. package/react/index.js +2 -2
  28. package/themes/root.css +2 -0
  29. package/types/react.d.ts +165 -46
package/custom-elements.json CHANGED
@@ -939,288 +939,439 @@
939
939
  },
940
940
  {
941
941
  "kind": "javascript-module",
942
- "path": "src/components/Card/sgds-card.ts",
942
+ "path": "src/components/Button/sgds-button.ts",
943
943
  "declarations": [
944
944
  {
945
945
  "kind": "class",
946
946
  "description": "",
947
- "name": "SgdsCard",
947
+ "name": "SgdsButton",
948
948
  "slots": [
949
949
  {
950
- "description": "The content area of the card, placed directly under the title. Accepts any HTML or custom elements.",
950
+ "description": "The button's label.",
951
951
  "name": "default"
952
952
  },
953
953
  {
954
- "description": "Accepts an element for an overflow or contextual menu, positioned at the top-right corner of the card. Typically used for action menus or dropdowns.",
955
- "name": "menu"
956
- },
957
- {
958
- "description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
959
- "name": "upper"
960
- },
961
- {
962
- "description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
963
- "name": "image"
964
- },
965
- {
966
- "description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
967
- "name": "icon"
968
- },
969
- {
970
- "description": "The subtitle of the card",
971
- "name": "subtitle"
972
- },
973
- {
974
- "description": "The title of the card",
975
- "name": "title"
954
+ "description": "The slot for icon to the left of the button text",
955
+ "name": "leftIcon"
976
956
  },
977
957
  {
978
- "description": "The paragrapher text of the card",
979
- "name": "description"
980
- },
958
+ "description": "The slot for icon to the right of the button text",
959
+ "name": "rightIcon"
960
+ }
961
+ ],
962
+ "members": [
981
963
  {
982
- "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
983
- "name": "lower"
964
+ "kind": "field",
965
+ "name": "name",
966
+ "type": {
967
+ "text": "string"
968
+ },
969
+ "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
970
+ "attribute": "name",
971
+ "reflects": true
984
972
  },
985
973
  {
986
- "description": "Footer area of the card. Accepts links, actions, or any custom content.",
987
- "name": "footer"
974
+ "kind": "field",
975
+ "name": "value",
976
+ "type": {
977
+ "text": "string"
978
+ },
979
+ "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
980
+ "attribute": "value",
981
+ "reflects": true
988
982
  },
989
- {
990
- "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
991
- "name": "link"
992
- }
993
- ],
994
- "members": [
995
983
  {
996
984
  "kind": "field",
997
- "name": "footerNode",
985
+ "name": "type",
998
986
  "type": {
999
- "text": "HTMLElement[]"
987
+ "text": "\"button\" | \"submit\" | \"reset\""
1000
988
  },
1001
- "privacy": "private"
989
+ "default": "\"button\"",
990
+ "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
991
+ "attribute": "type",
992
+ "reflects": true
1002
993
  },
1003
994
  {
1004
995
  "kind": "field",
1005
- "name": "linkNode",
996
+ "name": "form",
1006
997
  "type": {
1007
- "text": "HTMLAnchorElement[] | SgdsLink[]"
998
+ "text": "string"
1008
999
  },
1009
- "privacy": "private"
1000
+ "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
1001
+ "attribute": "form",
1002
+ "reflects": true
1010
1003
  },
1011
1004
  {
1012
1005
  "kind": "field",
1013
- "name": "imagePosition",
1006
+ "name": "formAction",
1014
1007
  "type": {
1015
- "text": "CardImagePosition"
1008
+ "text": "string"
1016
1009
  },
1017
- "default": "\"before\"",
1018
- "description": "Sets the image position of the card. Available options: `before`, `after`",
1019
- "attribute": "imagePosition",
1010
+ "description": "Used to override the form owner's `action` attribute.",
1011
+ "attribute": "formaction",
1020
1012
  "reflects": true
1021
1013
  },
1022
1014
  {
1023
1015
  "kind": "field",
1024
- "name": "imageAdjustment",
1016
+ "name": "formMethod",
1025
1017
  "type": {
1026
- "text": "CardImageAdjustment"
1018
+ "text": "\"post\" | \"get\""
1027
1019
  },
1028
- "default": "\"default\"",
1029
- "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
1030
- "attribute": "imageAdjustment",
1020
+ "description": "Used to override the form owner's `method` attribute.",
1021
+ "attribute": "formmethod",
1031
1022
  "reflects": true
1032
1023
  },
1033
1024
  {
1034
1025
  "kind": "field",
1035
- "name": "hasImageSlot",
1026
+ "name": "formNoValidate",
1036
1027
  "type": {
1037
1028
  "text": "boolean"
1038
1029
  },
1039
- "default": "false",
1040
- "description": "Used only for SSR to indicate the presence of the `image` slot.",
1041
- "attribute": "hasImageSlot"
1030
+ "description": "Used to override the form owner's `novalidate` attribute.",
1031
+ "attribute": "formnovalidate",
1032
+ "reflects": true
1042
1033
  },
1043
1034
  {
1044
1035
  "kind": "field",
1045
- "name": "hasIconSlot",
1036
+ "name": "formTarget",
1046
1037
  "type": {
1047
- "text": "boolean"
1038
+ "text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
1048
1039
  },
1049
- "default": "false",
1050
- "description": "Used only for SSR to indicate the presence of the `icon` slot.",
1051
- "attribute": "hasIconSlot"
1040
+ "description": "Used to override the form owner's `target` attribute.",
1041
+ "attribute": "formtarget",
1042
+ "reflects": true
1052
1043
  },
1053
1044
  {
1054
1045
  "kind": "field",
1055
- "name": "hasUpperSlot",
1046
+ "name": "fullWidth",
1056
1047
  "type": {
1057
1048
  "text": "boolean"
1058
1049
  },
1059
1050
  "default": "false",
1060
- "description": "Used only for SSR to indicate the presence of the `upper` slot.",
1061
- "attribute": "hasUpperSlot"
1051
+ "description": "When set, the button will be in full width.",
1052
+ "attribute": "fullWidth",
1053
+ "reflects": true
1062
1054
  },
1063
1055
  {
1064
1056
  "kind": "field",
1065
- "name": "linkSlotItems",
1057
+ "name": "hasLeftIconSlot",
1066
1058
  "type": {
1067
- "text": "HTMLAnchorElement | null"
1059
+ "text": "boolean"
1068
1060
  },
1069
- "privacy": "private"
1061
+ "default": "false",
1062
+ "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
1063
+ "attribute": "hasLeftIconSlot"
1070
1064
  },
1071
1065
  {
1072
1066
  "kind": "field",
1073
- "name": "footerSlotItems",
1067
+ "name": "hasRightIconSlot",
1074
1068
  "type": {
1075
- "text": "HTMLAnchorElement | null"
1069
+ "text": "boolean"
1076
1070
  },
1077
- "privacy": "private"
1071
+ "default": "false",
1072
+ "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
1073
+ "attribute": "hasRightIconSlot"
1078
1074
  },
1079
1075
  {
1080
1076
  "kind": "field",
1081
1077
  "name": "hasSlotController",
1082
1078
  "privacy": "private",
1083
- "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
1079
+ "default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
1084
1080
  "type": {}
1085
1081
  },
1086
1082
  {
1087
1083
  "kind": "method",
1088
- "name": "handleImgSlotChange",
1084
+ "name": "_handleClick",
1085
+ "privacy": "protected",
1089
1086
  "parameters": [
1090
1087
  {
1091
- "name": "e",
1088
+ "name": "event",
1092
1089
  "type": {
1093
- "text": "Event"
1090
+ "text": "MouseEvent"
1094
1091
  }
1095
1092
  }
1096
1093
  ],
1094
+ "type": {},
1095
+ "inheritedFrom": {
1096
+ "name": "ButtonElement",
1097
+ "module": "src/base/button-element.ts"
1098
+ }
1099
+ },
1100
+ {
1101
+ "kind": "field",
1102
+ "name": "_clickHandler",
1103
+ "privacy": "private",
1097
1104
  "type": {}
1098
1105
  },
1099
1106
  {
1100
1107
  "kind": "field",
1101
- "name": "stretchedLink",
1108
+ "name": "variant",
1102
1109
  "type": {
1103
- "text": "boolean"
1110
+ "text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
1104
1111
  },
1105
- "default": "false",
1106
- "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
1107
- "attribute": "stretchedLink",
1112
+ "default": "\"primary\"",
1113
+ "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
1114
+ "attribute": "variant",
1108
1115
  "reflects": true,
1109
1116
  "inheritedFrom": {
1110
- "name": "CardElement",
1111
- "module": "src/base/card-element.ts"
1117
+ "name": "ButtonElement",
1118
+ "module": "src/base/button-element.ts"
1112
1119
  }
1113
1120
  },
1114
1121
  {
1115
1122
  "kind": "field",
1116
- "name": "disabled",
1123
+ "name": "tone",
1117
1124
  "type": {
1118
- "text": "boolean"
1125
+ "text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
1119
1126
  },
1120
- "default": "false",
1121
- "description": "Disables the card",
1122
- "attribute": "disabled",
1127
+ "default": "\"brand\"",
1128
+ "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
1129
+ "attribute": "tone",
1123
1130
  "reflects": true,
1124
1131
  "inheritedFrom": {
1125
- "name": "CardElement",
1126
- "module": "src/base/card-element.ts"
1132
+ "name": "ButtonElement",
1133
+ "module": "src/base/button-element.ts"
1127
1134
  }
1128
1135
  },
1129
1136
  {
1130
1137
  "kind": "field",
1131
- "name": "hideBorder",
1138
+ "name": "size",
1132
1139
  "type": {
1133
- "text": "boolean"
1140
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
1134
1141
  },
1135
- "default": "false",
1136
- "description": "When true, hides the default border of the card.",
1137
- "attribute": "hideBorder",
1142
+ "default": "\"md\"",
1143
+ "description": "Specifies a small, medium or large button, the size is medium by default.",
1144
+ "attribute": "size",
1138
1145
  "reflects": true,
1139
1146
  "inheritedFrom": {
1140
- "name": "CardElement",
1141
- "module": "src/base/card-element.ts"
1147
+ "name": "ButtonElement",
1148
+ "module": "src/base/button-element.ts"
1142
1149
  }
1143
1150
  },
1144
1151
  {
1145
1152
  "kind": "field",
1146
- "name": "tinted",
1153
+ "name": "active",
1147
1154
  "type": {
1148
1155
  "text": "boolean"
1149
1156
  },
1150
1157
  "default": "false",
1151
- "description": "When true, applies a tinted background color to the card.",
1152
- "attribute": "tinted",
1158
+ "description": "Manually set the visual state of the button to `:active`",
1159
+ "attribute": "active",
1153
1160
  "reflects": true,
1154
1161
  "inheritedFrom": {
1155
- "name": "CardElement",
1156
- "module": "src/base/card-element.ts"
1162
+ "name": "ButtonElement",
1163
+ "module": "src/base/button-element.ts"
1157
1164
  }
1158
1165
  },
1159
1166
  {
1160
1167
  "kind": "field",
1161
- "name": "orientation",
1168
+ "name": "disabled",
1162
1169
  "type": {
1163
- "text": "CardOrientation"
1170
+ "text": "boolean"
1164
1171
  },
1165
- "default": "\"vertical\"",
1166
- "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
1167
- "attribute": "orientation",
1172
+ "default": "false",
1173
+ "description": "The disabled state of the button",
1174
+ "attribute": "disabled",
1168
1175
  "reflects": true,
1169
1176
  "inheritedFrom": {
1170
- "name": "CardElement",
1171
- "module": "src/base/card-element.ts"
1177
+ "name": "ButtonElement",
1178
+ "module": "src/base/button-element.ts"
1172
1179
  }
1173
1180
  },
1174
1181
  {
1175
- "kind": "method",
1176
- "name": "handleTitleSlotChange",
1177
- "parameters": [
1178
- {
1179
- "name": "e",
1180
- "type": {
1181
- "text": "Event"
1182
- }
1183
- }
1184
- ],
1185
- "type": {},
1182
+ "kind": "field",
1183
+ "name": "href",
1184
+ "type": {
1185
+ "text": "string"
1186
+ },
1187
+ "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
1188
+ "attribute": "href",
1189
+ "reflects": true,
1186
1190
  "inheritedFrom": {
1187
- "name": "CardElement",
1188
- "module": "src/base/card-element.ts"
1191
+ "name": "ButtonElement",
1192
+ "module": "src/base/button-element.ts"
1189
1193
  }
1190
1194
  },
1191
1195
  {
1192
- "kind": "method",
1193
- "name": "_forwardAnchorAttributes",
1194
- "privacy": "protected",
1195
- "parameters": [
1196
- {
1197
- "name": "anchor",
1198
- "type": {
1199
- "text": "HTMLAnchorElement | null"
1196
+ "kind": "field",
1197
+ "name": "target",
1198
+ "type": {
1199
+ "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
1200
+ },
1201
+ "default": "\"_self\"",
1202
+ "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
1203
+ "attribute": "target",
1204
+ "reflects": true,
1205
+ "inheritedFrom": {
1206
+ "name": "ButtonElement",
1207
+ "module": "src/base/button-element.ts"
1208
+ }
1209
+ },
1210
+ {
1211
+ "kind": "field",
1212
+ "name": "download",
1213
+ "type": {
1214
+ "text": "string"
1215
+ },
1216
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
1217
+ "attribute": "download",
1218
+ "reflects": true,
1219
+ "inheritedFrom": {
1220
+ "name": "ButtonElement",
1221
+ "module": "src/base/button-element.ts"
1222
+ }
1223
+ },
1224
+ {
1225
+ "kind": "field",
1226
+ "name": "ariaLabel",
1227
+ "type": {
1228
+ "text": "string"
1229
+ },
1230
+ "description": "The aria-label attribute to passed to button element when necessary",
1231
+ "attribute": "ariaLabel",
1232
+ "inheritedFrom": {
1233
+ "name": "ButtonElement",
1234
+ "module": "src/base/button-element.ts"
1235
+ }
1236
+ },
1237
+ {
1238
+ "kind": "field",
1239
+ "name": "loading",
1240
+ "type": {
1241
+ "text": "boolean"
1242
+ },
1243
+ "description": "When true, shows a loading spinner",
1244
+ "attribute": "loading",
1245
+ "inheritedFrom": {
1246
+ "name": "ButtonElement",
1247
+ "module": "src/base/button-element.ts"
1248
+ }
1249
+ },
1250
+ {
1251
+ "kind": "method",
1252
+ "name": "focus",
1253
+ "privacy": "public",
1254
+ "parameters": [
1255
+ {
1256
+ "name": "options",
1257
+ "optional": true,
1258
+ "type": {
1259
+ "text": "FocusOptions"
1200
1260
  }
1201
1261
  }
1202
1262
  ],
1263
+ "description": "Sets focus on the button.",
1203
1264
  "type": {},
1204
1265
  "inheritedFrom": {
1205
- "name": "CardElement",
1206
- "module": "src/base/card-element.ts"
1266
+ "name": "ButtonElement",
1267
+ "module": "src/base/button-element.ts"
1207
1268
  }
1208
1269
  },
1209
1270
  {
1210
1271
  "kind": "method",
1211
- "name": "warnLinkSlotMisused",
1272
+ "name": "click",
1273
+ "privacy": "public",
1274
+ "description": "Simulates a click on the button.",
1275
+ "type": {},
1276
+ "inheritedFrom": {
1277
+ "name": "ButtonElement",
1278
+ "module": "src/base/button-element.ts"
1279
+ }
1280
+ },
1281
+ {
1282
+ "kind": "method",
1283
+ "name": "blur",
1284
+ "privacy": "public",
1285
+ "description": "Removes focus from the button.",
1286
+ "type": {},
1287
+ "inheritedFrom": {
1288
+ "name": "ButtonElement",
1289
+ "module": "src/base/button-element.ts"
1290
+ }
1291
+ },
1292
+ {
1293
+ "kind": "method",
1294
+ "name": "_handleBlur",
1295
+ "privacy": "protected",
1296
+ "type": {},
1297
+ "inheritedFrom": {
1298
+ "name": "ButtonElement",
1299
+ "module": "src/base/button-element.ts"
1300
+ }
1301
+ },
1302
+ {
1303
+ "kind": "method",
1304
+ "name": "_handleFocus",
1305
+ "privacy": "protected",
1306
+ "type": {},
1307
+ "inheritedFrom": {
1308
+ "name": "ButtonElement",
1309
+ "module": "src/base/button-element.ts"
1310
+ }
1311
+ },
1312
+ {
1313
+ "kind": "method",
1314
+ "name": "_handleKeydown",
1315
+ "privacy": "protected",
1212
1316
  "parameters": [
1213
1317
  {
1214
- "name": "e",
1318
+ "name": "event",
1215
1319
  "type": {
1216
- "text": "Event"
1320
+ "text": "KeyboardEvent"
1217
1321
  }
1218
1322
  }
1219
1323
  ],
1220
1324
  "type": {},
1221
1325
  "inheritedFrom": {
1222
- "name": "CardElement",
1223
- "module": "src/base/card-element.ts"
1326
+ "name": "ButtonElement",
1327
+ "module": "src/base/button-element.ts"
1328
+ }
1329
+ },
1330
+ {
1331
+ "kind": "method",
1332
+ "name": "_assignSpinnerSize",
1333
+ "privacy": "protected",
1334
+ "parameters": [
1335
+ {
1336
+ "name": "buttonSize",
1337
+ "type": {
1338
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
1339
+ }
1340
+ }
1341
+ ],
1342
+ "type": {},
1343
+ "inheritedFrom": {
1344
+ "name": "ButtonElement",
1345
+ "module": "src/base/button-element.ts"
1346
+ }
1347
+ },
1348
+ {
1349
+ "kind": "method",
1350
+ "name": "_assignSpinnerTone",
1351
+ "privacy": "protected",
1352
+ "return": {
1353
+ "type": {
1354
+ "text": "SpinnerTone"
1355
+ }
1356
+ },
1357
+ "parameters": [
1358
+ {
1359
+ "name": "buttonTone",
1360
+ "type": {
1361
+ "text": "ButtonTone"
1362
+ }
1363
+ },
1364
+ {
1365
+ "name": "buttonVariant",
1366
+ "type": {
1367
+ "text": "ButtonVariant"
1368
+ }
1369
+ }
1370
+ ],
1371
+ "type": {},
1372
+ "inheritedFrom": {
1373
+ "name": "ButtonElement",
1374
+ "module": "src/base/button-element.ts"
1224
1375
  }
1225
1376
  },
1226
1377
  {
@@ -1278,343 +1429,372 @@
1278
1429
  }
1279
1430
  }
1280
1431
  ],
1432
+ "events": [
1433
+ {
1434
+ "description": "Emitted when the button is blurred.",
1435
+ "name": "sgds-blur",
1436
+ "reactName": "onSgdsBlur"
1437
+ },
1438
+ {
1439
+ "description": "Emitted when the button is focused.",
1440
+ "name": "sgds-focus",
1441
+ "reactName": "onSgdsFocus"
1442
+ }
1443
+ ],
1281
1444
  "attributes": [
1282
1445
  {
1283
- "name": "imagePosition",
1446
+ "name": "name",
1284
1447
  "type": {
1285
- "text": "CardImagePosition"
1448
+ "text": "string"
1286
1449
  },
1287
- "default": "\"before\"",
1288
- "description": "Sets the image position of the card. Available options: `before`, `after`",
1289
- "fieldName": "imagePosition"
1450
+ "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
1451
+ "fieldName": "name"
1290
1452
  },
1291
1453
  {
1292
- "name": "imageAdjustment",
1454
+ "name": "value",
1293
1455
  "type": {
1294
- "text": "CardImageAdjustment"
1456
+ "text": "string"
1295
1457
  },
1296
- "default": "\"default\"",
1297
- "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
1298
- "fieldName": "imageAdjustment"
1458
+ "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
1459
+ "fieldName": "value"
1299
1460
  },
1300
1461
  {
1301
- "name": "hasImageSlot",
1462
+ "name": "type",
1302
1463
  "type": {
1303
- "text": "boolean"
1464
+ "text": "\"button\" | \"submit\" | \"reset\""
1304
1465
  },
1305
- "default": "false",
1306
- "description": "Used only for SSR to indicate the presence of the `image` slot.",
1307
- "fieldName": "hasImageSlot"
1466
+ "default": "\"button\"",
1467
+ "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
1468
+ "fieldName": "type"
1308
1469
  },
1309
1470
  {
1310
- "name": "hasIconSlot",
1471
+ "name": "form",
1311
1472
  "type": {
1312
- "text": "boolean"
1473
+ "text": "string"
1313
1474
  },
1314
- "default": "false",
1315
- "description": "Used only for SSR to indicate the presence of the `icon` slot.",
1316
- "fieldName": "hasIconSlot"
1475
+ "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
1476
+ "fieldName": "form"
1317
1477
  },
1318
1478
  {
1319
- "name": "hasUpperSlot",
1479
+ "name": "formaction",
1320
1480
  "type": {
1321
- "text": "boolean"
1481
+ "text": "string"
1322
1482
  },
1323
- "default": "false",
1324
- "description": "Used only for SSR to indicate the presence of the `upper` slot.",
1325
- "fieldName": "hasUpperSlot"
1483
+ "description": "Used to override the form owner's `action` attribute.",
1484
+ "fieldName": "formAction"
1326
1485
  },
1327
1486
  {
1328
- "name": "stretchedLink",
1487
+ "name": "formmethod",
1329
1488
  "type": {
1330
- "text": "boolean"
1489
+ "text": "\"post\" | \"get\""
1331
1490
  },
1332
- "default": "false",
1333
- "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
1334
- "fieldName": "stretchedLink",
1335
- "inheritedFrom": {
1336
- "name": "CardElement",
1337
- "module": "src/base/card-element.ts"
1338
- }
1491
+ "description": "Used to override the form owner's `method` attribute.",
1492
+ "fieldName": "formMethod"
1339
1493
  },
1340
1494
  {
1341
- "name": "disabled",
1495
+ "name": "formnovalidate",
1342
1496
  "type": {
1343
1497
  "text": "boolean"
1344
1498
  },
1345
- "default": "false",
1346
- "description": "Disables the card",
1347
- "fieldName": "disabled",
1348
- "inheritedFrom": {
1349
- "name": "CardElement",
1350
- "module": "src/base/card-element.ts"
1351
- }
1499
+ "description": "Used to override the form owner's `novalidate` attribute.",
1500
+ "fieldName": "formNoValidate"
1352
1501
  },
1353
1502
  {
1354
- "name": "hideBorder",
1503
+ "name": "formtarget",
1355
1504
  "type": {
1356
- "text": "boolean"
1505
+ "text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
1357
1506
  },
1358
- "default": "false",
1359
- "description": "When true, hides the default border of the card.",
1360
- "fieldName": "hideBorder",
1361
- "inheritedFrom": {
1362
- "name": "CardElement",
1363
- "module": "src/base/card-element.ts"
1364
- }
1507
+ "description": "Used to override the form owner's `target` attribute.",
1508
+ "fieldName": "formTarget"
1365
1509
  },
1366
1510
  {
1367
- "name": "tinted",
1511
+ "name": "fullWidth",
1368
1512
  "type": {
1369
1513
  "text": "boolean"
1370
1514
  },
1371
1515
  "default": "false",
1372
- "description": "When true, applies a tinted background color to the card.",
1373
- "fieldName": "tinted",
1516
+ "description": "When set, the button will be in full width.",
1517
+ "fieldName": "fullWidth"
1518
+ },
1519
+ {
1520
+ "name": "hasLeftIconSlot",
1521
+ "type": {
1522
+ "text": "boolean"
1523
+ },
1524
+ "default": "false",
1525
+ "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
1526
+ "fieldName": "hasLeftIconSlot"
1527
+ },
1528
+ {
1529
+ "name": "hasRightIconSlot",
1530
+ "type": {
1531
+ "text": "boolean"
1532
+ },
1533
+ "default": "false",
1534
+ "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
1535
+ "fieldName": "hasRightIconSlot"
1536
+ },
1537
+ {
1538
+ "name": "variant",
1539
+ "type": {
1540
+ "text": "ButtonVariant"
1541
+ },
1542
+ "default": "\"primary\"",
1543
+ "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
1544
+ "fieldName": "variant",
1374
1545
  "inheritedFrom": {
1375
- "name": "CardElement",
1376
- "module": "src/base/card-element.ts"
1546
+ "name": "ButtonElement",
1547
+ "module": "src/base/button-element.ts"
1377
1548
  }
1378
1549
  },
1379
1550
  {
1380
- "name": "orientation",
1551
+ "name": "tone",
1381
1552
  "type": {
1382
- "text": "CardOrientation"
1553
+ "text": "ButtonTone"
1383
1554
  },
1384
- "default": "\"vertical\"",
1385
- "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
1386
- "fieldName": "orientation",
1555
+ "default": "\"brand\"",
1556
+ "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
1557
+ "fieldName": "tone",
1387
1558
  "inheritedFrom": {
1388
- "name": "CardElement",
1389
- "module": "src/base/card-element.ts"
1559
+ "name": "ButtonElement",
1560
+ "module": "src/base/button-element.ts"
1390
1561
  }
1391
- }
1392
- ],
1393
- "superclass": {
1394
- "name": "CardElement",
1395
- "module": "/src/base/card-element"
1396
- },
1397
- "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
1398
- "tagName": "sgds-card",
1399
- "customElement": true,
1400
- "modulePath": "src/components/Card/sgds-card.ts",
1401
- "cssProperties": [],
1402
- "cssParts": [],
1403
- "cssStates": [],
1404
- "events": []
1405
- }
1406
- ],
1407
- "exports": [
1408
- {
1409
- "kind": "js",
1410
- "name": "SgdsCard",
1411
- "declaration": {
1412
- "name": "SgdsCard",
1413
- "module": "src/components/Card/sgds-card.ts"
1414
- }
1415
- },
1416
- {
1417
- "kind": "js",
1418
- "name": "default",
1419
- "declaration": {
1420
- "name": "SgdsCard",
1421
- "module": "src/components/Card/sgds-card.ts"
1422
- }
1423
- }
1424
- ]
1425
- },
1426
- {
1427
- "kind": "javascript-module",
1428
- "path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
1429
- "declarations": [
1430
- {
1431
- "kind": "class",
1432
- "description": "",
1433
- "name": "SgdsBreadcrumbItem",
1434
- "slots": [
1435
- {
1436
- "description": "The link of the item. Pass in anchor tags into this slot",
1437
- "name": "default"
1438
- }
1439
- ],
1440
- "members": [
1562
+ },
1441
1563
  {
1442
- "kind": "field",
1443
- "name": "dependencies",
1564
+ "name": "size",
1444
1565
  "type": {
1445
- "text": "Record<string, typeof SgdsElement>"
1566
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
1446
1567
  },
1447
- "static": true,
1448
- "default": "{\n \"sgds-link\": SgdsLink,\n \"sgds-icon\": SgdsIcon\n }"
1568
+ "default": "\"md\"",
1569
+ "description": "Specifies a small, medium or large button, the size is medium by default.",
1570
+ "fieldName": "size",
1571
+ "inheritedFrom": {
1572
+ "name": "ButtonElement",
1573
+ "module": "src/base/button-element.ts"
1574
+ }
1449
1575
  },
1450
1576
  {
1451
- "kind": "field",
1452
1577
  "name": "active",
1453
1578
  "type": {
1454
1579
  "text": "boolean"
1455
1580
  },
1456
1581
  "default": "false",
1457
- "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
1458
- "attribute": "active",
1459
- "reflects": true
1582
+ "description": "Manually set the visual state of the button to `:active`",
1583
+ "fieldName": "active",
1584
+ "inheritedFrom": {
1585
+ "name": "ButtonElement",
1586
+ "module": "src/base/button-element.ts"
1587
+ }
1460
1588
  },
1461
1589
  {
1462
- "kind": "field",
1463
- "name": "_preventNavigation",
1464
- "privacy": "private",
1465
- "type": {}
1590
+ "name": "disabled",
1591
+ "type": {
1592
+ "text": "boolean"
1593
+ },
1594
+ "default": "false",
1595
+ "description": "The disabled state of the button",
1596
+ "fieldName": "disabled",
1597
+ "inheritedFrom": {
1598
+ "name": "ButtonElement",
1599
+ "module": "src/base/button-element.ts"
1600
+ }
1466
1601
  },
1467
1602
  {
1468
- "kind": "method",
1469
- "name": "emit",
1470
- "parameters": [
1471
- {
1472
- "name": "name",
1473
- "type": {
1474
- "text": "string"
1475
- }
1476
- },
1477
- {
1478
- "name": "options",
1479
- "optional": true,
1480
- "type": {
1481
- "text": "CustomEventInit<T>"
1482
- }
1483
- }
1484
- ],
1485
- "description": "Emits a custom event with more convenient defaults.",
1486
- "type": {},
1603
+ "name": "href",
1604
+ "type": {
1605
+ "text": "string"
1606
+ },
1607
+ "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
1608
+ "fieldName": "href",
1487
1609
  "inheritedFrom": {
1488
- "name": "SgdsElement",
1489
- "module": "src/base/sgds-element.ts"
1610
+ "name": "ButtonElement",
1611
+ "module": "src/base/button-element.ts"
1490
1612
  }
1491
1613
  },
1492
1614
  {
1493
- "kind": "method",
1494
- "name": "define",
1495
- "static": true,
1496
- "parameters": [
1497
- {
1498
- "name": "name",
1499
- "type": {
1500
- "text": "string"
1501
- }
1502
- },
1503
- {
1504
- "name": "elementConstructor",
1505
- "default": "this"
1506
- },
1507
- {
1508
- "name": "options",
1509
- "default": "{}",
1510
- "type": {
1511
- "text": "ElementDefinitionOptions"
1512
- }
1513
- }
1514
- ],
1515
- "type": {},
1615
+ "name": "target",
1616
+ "type": {
1617
+ "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
1618
+ },
1619
+ "default": "\"_self\"",
1620
+ "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
1621
+ "fieldName": "target",
1516
1622
  "inheritedFrom": {
1517
- "name": "SgdsElement",
1518
- "module": "src/base/sgds-element.ts"
1623
+ "name": "ButtonElement",
1624
+ "module": "src/base/button-element.ts"
1519
1625
  }
1520
- }
1521
- ],
1522
- "attributes": [
1626
+ },
1523
1627
  {
1524
- "name": "active",
1628
+ "name": "download",
1629
+ "type": {
1630
+ "text": "string"
1631
+ },
1632
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
1633
+ "fieldName": "download",
1634
+ "inheritedFrom": {
1635
+ "name": "ButtonElement",
1636
+ "module": "src/base/button-element.ts"
1637
+ }
1638
+ },
1639
+ {
1640
+ "name": "ariaLabel",
1641
+ "type": {
1642
+ "text": "string"
1643
+ },
1644
+ "description": "The aria-label attribute to passed to button element when necessary",
1645
+ "fieldName": "ariaLabel",
1646
+ "inheritedFrom": {
1647
+ "name": "ButtonElement",
1648
+ "module": "src/base/button-element.ts"
1649
+ }
1650
+ },
1651
+ {
1652
+ "name": "loading",
1525
1653
  "type": {
1526
1654
  "text": "boolean"
1527
1655
  },
1528
- "default": "false",
1529
- "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
1530
- "fieldName": "active"
1656
+ "description": "When true, shows a loading spinner",
1657
+ "fieldName": "loading",
1658
+ "inheritedFrom": {
1659
+ "name": "ButtonElement",
1660
+ "module": "src/base/button-element.ts"
1661
+ }
1531
1662
  }
1532
1663
  ],
1533
1664
  "superclass": {
1534
- "name": "SgdsElement",
1535
- "module": "/src/base/sgds-element"
1665
+ "name": "ButtonElement",
1666
+ "module": "/src/base/button-element"
1536
1667
  },
1537
- "summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
1538
- "tagName": "sgds-breadcrumb-item",
1668
+ "summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
1669
+ "tagName": "sgds-button",
1539
1670
  "customElement": true,
1540
- "modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
1671
+ "modulePath": "src/components/Button/sgds-button.ts",
1541
1672
  "cssProperties": [],
1542
1673
  "cssParts": [],
1543
- "cssStates": [],
1544
- "events": []
1674
+ "cssStates": []
1545
1675
  }
1546
1676
  ],
1547
1677
  "exports": [
1548
1678
  {
1549
1679
  "kind": "js",
1550
- "name": "SgdsBreadcrumbItem",
1680
+ "name": "SgdsButton",
1551
1681
  "declaration": {
1552
- "name": "SgdsBreadcrumbItem",
1553
- "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
1682
+ "name": "SgdsButton",
1683
+ "module": "src/components/Button/sgds-button.ts"
1554
1684
  }
1555
1685
  },
1556
1686
  {
1557
1687
  "kind": "js",
1558
1688
  "name": "default",
1559
1689
  "declaration": {
1560
- "name": "SgdsBreadcrumbItem",
1561
- "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
1690
+ "name": "SgdsButton",
1691
+ "module": "src/components/Button/sgds-button.ts"
1562
1692
  }
1563
1693
  }
1564
1694
  ]
1565
1695
  },
1566
1696
  {
1567
1697
  "kind": "javascript-module",
1568
- "path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
1698
+ "path": "src/components/Badge/sgds-badge.ts",
1569
1699
  "declarations": [
1570
1700
  {
1571
1701
  "kind": "class",
1572
1702
  "description": "",
1573
- "name": "SgdsBreadcrumb",
1703
+ "name": "SgdsBadge",
1574
1704
  "slots": [
1575
1705
  {
1576
- "description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
1706
+ "description": "slot for badge",
1577
1707
  "name": "default"
1708
+ },
1709
+ {
1710
+ "description": "The slot for icon to the left of the badge text",
1711
+ "name": "icon"
1578
1712
  }
1579
1713
  ],
1580
1714
  "members": [
1581
1715
  {
1582
1716
  "kind": "field",
1583
- "name": "dependencies",
1717
+ "name": "show",
1584
1718
  "type": {
1585
- "text": "object"
1719
+ "text": "boolean"
1586
1720
  },
1587
- "static": true,
1588
- "default": "{\n \"sgds-overflow-menu\": SgdsOverflowMenu\n }"
1721
+ "default": "false",
1722
+ "description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
1723
+ "attribute": "show",
1724
+ "reflects": true
1589
1725
  },
1590
1726
  {
1591
1727
  "kind": "field",
1592
- "name": "ariaLabel",
1728
+ "name": "variant",
1729
+ "type": {
1730
+ "text": "\"primary\" | \"accent\" | \"success\" | \"danger\" | \"warning\" | \"cyan\" | \"purple\" | \"neutral\" | \"white\" | \"info\""
1731
+ },
1732
+ "default": "\"primary\"",
1733
+ "description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
1734
+ "attribute": "variant",
1735
+ "reflects": true
1736
+ },
1737
+ {
1738
+ "kind": "field",
1739
+ "name": "outlined",
1740
+ "type": {
1741
+ "text": "boolean"
1742
+ },
1743
+ "default": "false",
1744
+ "description": "Manually set the outlined state to false",
1745
+ "attribute": "outlined",
1746
+ "reflects": true
1747
+ },
1748
+ {
1749
+ "kind": "field",
1750
+ "name": "dismissible",
1751
+ "type": {
1752
+ "text": "boolean"
1753
+ },
1754
+ "default": "false",
1755
+ "description": "Manually set the dismissible state of the button to `false`",
1756
+ "attribute": "dismissible",
1757
+ "reflects": true
1758
+ },
1759
+ {
1760
+ "kind": "field",
1761
+ "name": "fullWidth",
1762
+ "type": {
1763
+ "text": "boolean"
1764
+ },
1765
+ "default": "false",
1766
+ "description": "Manually enable full width",
1767
+ "attribute": "fullWidth",
1768
+ "reflects": true
1769
+ },
1770
+ {
1771
+ "kind": "field",
1772
+ "name": "truncated",
1773
+ "type": {
1774
+ "text": "boolean"
1775
+ },
1776
+ "privacy": "private",
1777
+ "default": "false"
1778
+ },
1779
+ {
1780
+ "kind": "field",
1781
+ "name": "text",
1593
1782
  "type": {
1594
1783
  "text": "string"
1595
1784
  },
1596
- "default": "\"breadcrumb\"",
1597
- "description": "The aria-label of nav element within breadcrumb component.",
1598
- "attribute": "ariaLabel"
1785
+ "privacy": "private",
1786
+ "default": "\"\""
1599
1787
  },
1600
1788
  {
1601
1789
  "kind": "method",
1602
- "name": "_replaceExcessItemsWithDropdown",
1603
- "privacy": "private",
1604
- "parameters": [
1605
- {
1606
- "name": "items",
1607
- "type": {
1608
- "text": "SgdsBreadcrumbItem[]"
1609
- }
1610
- }
1611
- ],
1612
- "description": "creates `<sgds-breadcrumb-item>\n <sgds-overflow-menu>\n <sgds-dropdown-item></sgds-dropdown-item>\n ...\n </sgds-overflow-menu>\n <sgds-breadcrumb-item>`",
1790
+ "name": "close",
1791
+ "privacy": "public",
1792
+ "description": "Closes the badge",
1613
1793
  "type": {}
1614
1794
  },
1615
1795
  {
1616
1796
  "kind": "method",
1617
- "name": "_handleSlotChange",
1797
+ "name": "_handleLabelSlotChange",
1618
1798
  "privacy": "private",
1619
1799
  "parameters": [
1620
1800
  {
@@ -1626,6 +1806,12 @@
1626
1806
  ],
1627
1807
  "type": {}
1628
1808
  },
1809
+ {
1810
+ "kind": "method",
1811
+ "name": "_renderBadge",
1812
+ "privacy": "private",
1813
+ "type": {}
1814
+ },
1629
1815
  {
1630
1816
  "kind": "method",
1631
1817
  "name": "emit",
@@ -1681,485 +1867,391 @@
1681
1867
  }
1682
1868
  }
1683
1869
  ],
1870
+ "events": [
1871
+ {
1872
+ "description": "Emitted when the badge appears.",
1873
+ "name": "sgds-show",
1874
+ "reactName": "onSgdsShow"
1875
+ },
1876
+ {
1877
+ "description": "Emitted when the badge is starting to close but has not closed.",
1878
+ "name": "sgds-hide",
1879
+ "reactName": "onSgdsHide"
1880
+ },
1881
+ {
1882
+ "description": "Emitted after the badge has appeared",
1883
+ "name": "sgds-after-show",
1884
+ "reactName": "onSgdsAfterShow"
1885
+ },
1886
+ {
1887
+ "description": "Emitted after the badge has closed",
1888
+ "name": "sgds-after-hide",
1889
+ "reactName": "onSgdsAfterHide"
1890
+ }
1891
+ ],
1684
1892
  "attributes": [
1685
1893
  {
1686
- "name": "ariaLabel",
1894
+ "name": "show",
1687
1895
  "type": {
1688
- "text": "string"
1896
+ "text": "boolean"
1689
1897
  },
1690
- "default": "\"breadcrumb\"",
1691
- "description": "The aria-label of nav element within breadcrumb component.",
1692
- "fieldName": "ariaLabel"
1898
+ "default": "false",
1899
+ "description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
1900
+ "fieldName": "show"
1901
+ },
1902
+ {
1903
+ "name": "variant",
1904
+ "type": {
1905
+ "text": "BadgeVariant"
1906
+ },
1907
+ "default": "\"primary\"",
1908
+ "description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
1909
+ "fieldName": "variant"
1910
+ },
1911
+ {
1912
+ "name": "outlined",
1913
+ "type": {
1914
+ "text": "boolean"
1915
+ },
1916
+ "default": "false",
1917
+ "description": "Manually set the outlined state to false",
1918
+ "fieldName": "outlined"
1919
+ },
1920
+ {
1921
+ "name": "dismissible",
1922
+ "type": {
1923
+ "text": "boolean"
1924
+ },
1925
+ "default": "false",
1926
+ "description": "Manually set the dismissible state of the button to `false`",
1927
+ "fieldName": "dismissible"
1928
+ },
1929
+ {
1930
+ "name": "fullWidth",
1931
+ "type": {
1932
+ "text": "boolean"
1933
+ },
1934
+ "default": "false",
1935
+ "description": "Manually enable full width",
1936
+ "fieldName": "fullWidth"
1693
1937
  }
1694
1938
  ],
1695
1939
  "superclass": {
1696
1940
  "name": "SgdsElement",
1697
1941
  "module": "/src/base/sgds-element"
1698
1942
  },
1699
- "summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
1700
- "tagName": "sgds-breadcrumb",
1943
+ "summary": "Badges can be used to highlight important bits of information such as labels, notifications & status.\nWhen the text exceeds the width, it will be truncated with a tooltip that will be displayed on hover.",
1944
+ "tagName": "sgds-badge",
1701
1945
  "customElement": true,
1702
- "modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
1946
+ "modulePath": "src/components/Badge/sgds-badge.ts",
1703
1947
  "cssProperties": [],
1704
1948
  "cssParts": [],
1705
- "cssStates": [],
1706
- "events": []
1949
+ "cssStates": []
1707
1950
  }
1708
1951
  ],
1709
1952
  "exports": [
1710
1953
  {
1711
1954
  "kind": "js",
1712
- "name": "SgdsBreadcrumb",
1955
+ "name": "SgdsBadge",
1713
1956
  "declaration": {
1714
- "name": "SgdsBreadcrumb",
1715
- "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
1957
+ "name": "SgdsBadge",
1958
+ "module": "src/components/Badge/sgds-badge.ts"
1716
1959
  }
1717
1960
  },
1718
1961
  {
1719
1962
  "kind": "js",
1720
1963
  "name": "default",
1721
1964
  "declaration": {
1722
- "name": "SgdsBreadcrumb",
1723
- "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
1965
+ "name": "SgdsBadge",
1966
+ "module": "src/components/Badge/sgds-badge.ts"
1724
1967
  }
1725
1968
  }
1726
1969
  ]
1727
1970
  },
1728
1971
  {
1729
1972
  "kind": "javascript-module",
1730
- "path": "src/components/Button/sgds-button.ts",
1973
+ "path": "src/components/Card/sgds-card.ts",
1731
1974
  "declarations": [
1732
1975
  {
1733
1976
  "kind": "class",
1734
1977
  "description": "",
1735
- "name": "SgdsButton",
1978
+ "name": "SgdsCard",
1736
1979
  "slots": [
1737
1980
  {
1738
- "description": "The button's label.",
1981
+ "description": "The content area of the card, placed directly under the title. Accepts any HTML or custom elements.",
1739
1982
  "name": "default"
1740
1983
  },
1741
1984
  {
1742
- "description": "The slot for icon to the left of the button text",
1743
- "name": "leftIcon"
1744
- },
1745
- {
1746
- "description": "The slot for icon to the right of the button text",
1747
- "name": "rightIcon"
1748
- }
1749
- ],
1750
- "members": [
1751
- {
1752
- "kind": "field",
1753
- "name": "name",
1754
- "type": {
1755
- "text": "string"
1756
- },
1757
- "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
1758
- "attribute": "name",
1759
- "reflects": true
1760
- },
1761
- {
1762
- "kind": "field",
1763
- "name": "value",
1764
- "type": {
1765
- "text": "string"
1766
- },
1767
- "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
1768
- "attribute": "value",
1769
- "reflects": true
1770
- },
1771
- {
1772
- "kind": "field",
1773
- "name": "type",
1774
- "type": {
1775
- "text": "\"button\" | \"submit\" | \"reset\""
1776
- },
1777
- "default": "\"button\"",
1778
- "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
1779
- "attribute": "type",
1780
- "reflects": true
1781
- },
1782
- {
1783
- "kind": "field",
1784
- "name": "form",
1785
- "type": {
1786
- "text": "string"
1787
- },
1788
- "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
1789
- "attribute": "form",
1790
- "reflects": true
1791
- },
1792
- {
1793
- "kind": "field",
1794
- "name": "formAction",
1795
- "type": {
1796
- "text": "string"
1797
- },
1798
- "description": "Used to override the form owner's `action` attribute.",
1799
- "attribute": "formaction",
1800
- "reflects": true
1985
+ "description": "Accepts an element for an overflow or contextual menu, positioned at the top-right corner of the card. Typically used for action menus or dropdowns.",
1986
+ "name": "menu"
1801
1987
  },
1802
1988
  {
1803
- "kind": "field",
1804
- "name": "formMethod",
1805
- "type": {
1806
- "text": "\"post\" | \"get\""
1807
- },
1808
- "description": "Used to override the form owner's `method` attribute.",
1809
- "attribute": "formmethod",
1810
- "reflects": true
1989
+ "description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
1990
+ "name": "upper"
1811
1991
  },
1812
1992
  {
1813
- "kind": "field",
1814
- "name": "formNoValidate",
1815
- "type": {
1816
- "text": "boolean"
1817
- },
1818
- "description": "Used to override the form owner's `novalidate` attribute.",
1819
- "attribute": "formnovalidate",
1820
- "reflects": true
1993
+ "description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
1994
+ "name": "image"
1821
1995
  },
1822
1996
  {
1823
- "kind": "field",
1824
- "name": "formTarget",
1825
- "type": {
1826
- "text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
1827
- },
1828
- "description": "Used to override the form owner's `target` attribute.",
1829
- "attribute": "formtarget",
1830
- "reflects": true
1997
+ "description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
1998
+ "name": "icon"
1831
1999
  },
1832
2000
  {
1833
- "kind": "field",
1834
- "name": "fullWidth",
1835
- "type": {
1836
- "text": "boolean"
1837
- },
1838
- "default": "false",
1839
- "description": "When set, the button will be in full width.",
1840
- "attribute": "fullWidth",
1841
- "reflects": true
2001
+ "description": "The subtitle of the card",
2002
+ "name": "subtitle"
1842
2003
  },
1843
2004
  {
1844
- "kind": "field",
1845
- "name": "hasLeftIconSlot",
1846
- "type": {
1847
- "text": "boolean"
1848
- },
1849
- "default": "false",
1850
- "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
1851
- "attribute": "hasLeftIconSlot"
2005
+ "description": "The title of the card",
2006
+ "name": "title"
1852
2007
  },
1853
2008
  {
1854
- "kind": "field",
1855
- "name": "hasRightIconSlot",
1856
- "type": {
1857
- "text": "boolean"
1858
- },
1859
- "default": "false",
1860
- "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
1861
- "attribute": "hasRightIconSlot"
2009
+ "description": "The paragrapher text of the card",
2010
+ "name": "description"
1862
2011
  },
1863
2012
  {
1864
- "kind": "field",
1865
- "name": "hasSlotController",
1866
- "privacy": "private",
1867
- "default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
1868
- "type": {}
2013
+ "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
2014
+ "name": "lower"
1869
2015
  },
1870
2016
  {
1871
- "kind": "method",
1872
- "name": "_handleClick",
1873
- "privacy": "protected",
1874
- "parameters": [
1875
- {
1876
- "name": "event",
1877
- "type": {
1878
- "text": "MouseEvent"
1879
- }
1880
- }
1881
- ],
1882
- "type": {},
1883
- "inheritedFrom": {
1884
- "name": "ButtonElement",
1885
- "module": "src/base/button-element.ts"
1886
- }
2017
+ "description": "Footer area of the card. Accepts links, actions, or any custom content.",
2018
+ "name": "footer"
1887
2019
  },
1888
2020
  {
1889
- "kind": "field",
1890
- "name": "_clickHandler",
1891
- "privacy": "private",
1892
- "type": {}
1893
- },
2021
+ "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
2022
+ "name": "link"
2023
+ }
2024
+ ],
2025
+ "members": [
1894
2026
  {
1895
2027
  "kind": "field",
1896
- "name": "variant",
2028
+ "name": "footerNode",
1897
2029
  "type": {
1898
- "text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
2030
+ "text": "HTMLElement[]"
1899
2031
  },
1900
- "default": "\"primary\"",
1901
- "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
1902
- "attribute": "variant",
1903
- "reflects": true,
1904
- "inheritedFrom": {
1905
- "name": "ButtonElement",
1906
- "module": "src/base/button-element.ts"
1907
- }
2032
+ "privacy": "private"
1908
2033
  },
1909
2034
  {
1910
2035
  "kind": "field",
1911
- "name": "tone",
2036
+ "name": "linkNode",
1912
2037
  "type": {
1913
- "text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
2038
+ "text": "HTMLAnchorElement[] | SgdsLink[]"
1914
2039
  },
1915
- "default": "\"brand\"",
1916
- "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
1917
- "attribute": "tone",
1918
- "reflects": true,
1919
- "inheritedFrom": {
1920
- "name": "ButtonElement",
1921
- "module": "src/base/button-element.ts"
1922
- }
2040
+ "privacy": "private"
1923
2041
  },
1924
2042
  {
1925
2043
  "kind": "field",
1926
- "name": "size",
2044
+ "name": "imagePosition",
1927
2045
  "type": {
1928
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
2046
+ "text": "CardImagePosition"
1929
2047
  },
1930
- "default": "\"md\"",
1931
- "description": "Specifies a small, medium or large button, the size is medium by default.",
1932
- "attribute": "size",
1933
- "reflects": true,
1934
- "inheritedFrom": {
1935
- "name": "ButtonElement",
1936
- "module": "src/base/button-element.ts"
1937
- }
2048
+ "default": "\"before\"",
2049
+ "description": "Sets the image position of the card. Available options: `before`, `after`",
2050
+ "attribute": "imagePosition",
2051
+ "reflects": true
1938
2052
  },
1939
2053
  {
1940
2054
  "kind": "field",
1941
- "name": "active",
2055
+ "name": "imageAdjustment",
1942
2056
  "type": {
1943
- "text": "boolean"
2057
+ "text": "CardImageAdjustment"
1944
2058
  },
1945
- "default": "false",
1946
- "description": "Manually set the visual state of the button to `:active`",
1947
- "attribute": "active",
1948
- "reflects": true,
1949
- "inheritedFrom": {
1950
- "name": "ButtonElement",
1951
- "module": "src/base/button-element.ts"
1952
- }
2059
+ "default": "\"default\"",
2060
+ "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
2061
+ "attribute": "imageAdjustment",
2062
+ "reflects": true
1953
2063
  },
1954
2064
  {
1955
2065
  "kind": "field",
1956
- "name": "disabled",
2066
+ "name": "hasImageSlot",
1957
2067
  "type": {
1958
2068
  "text": "boolean"
1959
2069
  },
1960
2070
  "default": "false",
1961
- "description": "The disabled state of the button",
1962
- "attribute": "disabled",
1963
- "reflects": true,
1964
- "inheritedFrom": {
1965
- "name": "ButtonElement",
1966
- "module": "src/base/button-element.ts"
1967
- }
2071
+ "description": "Used only for SSR to indicate the presence of the `image` slot.",
2072
+ "attribute": "hasImageSlot"
1968
2073
  },
1969
2074
  {
1970
2075
  "kind": "field",
1971
- "name": "href",
2076
+ "name": "hasIconSlot",
1972
2077
  "type": {
1973
- "text": "string"
2078
+ "text": "boolean"
1974
2079
  },
1975
- "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
1976
- "attribute": "href",
1977
- "reflects": true,
1978
- "inheritedFrom": {
1979
- "name": "ButtonElement",
1980
- "module": "src/base/button-element.ts"
1981
- }
2080
+ "default": "false",
2081
+ "description": "Used only for SSR to indicate the presence of the `icon` slot.",
2082
+ "attribute": "hasIconSlot"
1982
2083
  },
1983
2084
  {
1984
2085
  "kind": "field",
1985
- "name": "target",
2086
+ "name": "hasUpperSlot",
1986
2087
  "type": {
1987
- "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
2088
+ "text": "boolean"
1988
2089
  },
1989
- "default": "\"_self\"",
1990
- "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
1991
- "attribute": "target",
1992
- "reflects": true,
1993
- "inheritedFrom": {
1994
- "name": "ButtonElement",
1995
- "module": "src/base/button-element.ts"
1996
- }
2090
+ "default": "false",
2091
+ "description": "Used only for SSR to indicate the presence of the `upper` slot.",
2092
+ "attribute": "hasUpperSlot"
1997
2093
  },
1998
2094
  {
1999
2095
  "kind": "field",
2000
- "name": "download",
2096
+ "name": "linkSlotItems",
2001
2097
  "type": {
2002
- "text": "string"
2098
+ "text": "HTMLAnchorElement | null"
2003
2099
  },
2004
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
2005
- "attribute": "download",
2006
- "reflects": true,
2007
- "inheritedFrom": {
2008
- "name": "ButtonElement",
2009
- "module": "src/base/button-element.ts"
2010
- }
2100
+ "privacy": "private"
2011
2101
  },
2012
2102
  {
2013
2103
  "kind": "field",
2014
- "name": "ariaLabel",
2104
+ "name": "footerSlotItems",
2015
2105
  "type": {
2016
- "text": "string"
2106
+ "text": "HTMLAnchorElement | null"
2017
2107
  },
2018
- "description": "The aria-label attribute to passed to button element when necessary",
2019
- "attribute": "ariaLabel",
2020
- "inheritedFrom": {
2021
- "name": "ButtonElement",
2022
- "module": "src/base/button-element.ts"
2023
- }
2108
+ "privacy": "private"
2024
2109
  },
2025
2110
  {
2026
2111
  "kind": "field",
2027
- "name": "loading",
2028
- "type": {
2029
- "text": "boolean"
2030
- },
2031
- "description": "When true, shows a loading spinner",
2032
- "attribute": "loading",
2033
- "inheritedFrom": {
2034
- "name": "ButtonElement",
2035
- "module": "src/base/button-element.ts"
2036
- }
2112
+ "name": "hasSlotController",
2113
+ "privacy": "private",
2114
+ "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
2115
+ "type": {}
2037
2116
  },
2038
2117
  {
2039
2118
  "kind": "method",
2040
- "name": "focus",
2041
- "privacy": "public",
2119
+ "name": "handleImgSlotChange",
2042
2120
  "parameters": [
2043
2121
  {
2044
- "name": "options",
2045
- "optional": true,
2122
+ "name": "e",
2046
2123
  "type": {
2047
- "text": "FocusOptions"
2124
+ "text": "Event"
2048
2125
  }
2049
2126
  }
2050
2127
  ],
2051
- "description": "Sets focus on the button.",
2052
- "type": {},
2128
+ "type": {}
2129
+ },
2130
+ {
2131
+ "kind": "field",
2132
+ "name": "stretchedLink",
2133
+ "type": {
2134
+ "text": "boolean"
2135
+ },
2136
+ "default": "false",
2137
+ "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
2138
+ "attribute": "stretchedLink",
2139
+ "reflects": true,
2053
2140
  "inheritedFrom": {
2054
- "name": "ButtonElement",
2055
- "module": "src/base/button-element.ts"
2141
+ "name": "CardElement",
2142
+ "module": "src/base/card-element.ts"
2056
2143
  }
2057
2144
  },
2058
2145
  {
2059
- "kind": "method",
2060
- "name": "click",
2061
- "privacy": "public",
2062
- "description": "Simulates a click on the button.",
2063
- "type": {},
2146
+ "kind": "field",
2147
+ "name": "disabled",
2148
+ "type": {
2149
+ "text": "boolean"
2150
+ },
2151
+ "default": "false",
2152
+ "description": "Disables the card",
2153
+ "attribute": "disabled",
2154
+ "reflects": true,
2064
2155
  "inheritedFrom": {
2065
- "name": "ButtonElement",
2066
- "module": "src/base/button-element.ts"
2156
+ "name": "CardElement",
2157
+ "module": "src/base/card-element.ts"
2067
2158
  }
2068
2159
  },
2069
2160
  {
2070
- "kind": "method",
2071
- "name": "blur",
2072
- "privacy": "public",
2073
- "description": "Removes focus from the button.",
2074
- "type": {},
2161
+ "kind": "field",
2162
+ "name": "hideBorder",
2163
+ "type": {
2164
+ "text": "boolean"
2165
+ },
2166
+ "default": "false",
2167
+ "description": "When true, hides the default border of the card.",
2168
+ "attribute": "hideBorder",
2169
+ "reflects": true,
2075
2170
  "inheritedFrom": {
2076
- "name": "ButtonElement",
2077
- "module": "src/base/button-element.ts"
2171
+ "name": "CardElement",
2172
+ "module": "src/base/card-element.ts"
2078
2173
  }
2079
2174
  },
2080
2175
  {
2081
- "kind": "method",
2082
- "name": "_handleBlur",
2083
- "privacy": "protected",
2084
- "type": {},
2176
+ "kind": "field",
2177
+ "name": "tinted",
2178
+ "type": {
2179
+ "text": "boolean"
2180
+ },
2181
+ "default": "false",
2182
+ "description": "When true, applies a tinted background color to the card.",
2183
+ "attribute": "tinted",
2184
+ "reflects": true,
2085
2185
  "inheritedFrom": {
2086
- "name": "ButtonElement",
2087
- "module": "src/base/button-element.ts"
2186
+ "name": "CardElement",
2187
+ "module": "src/base/card-element.ts"
2088
2188
  }
2089
2189
  },
2090
2190
  {
2091
- "kind": "method",
2092
- "name": "_handleFocus",
2093
- "privacy": "protected",
2094
- "type": {},
2191
+ "kind": "field",
2192
+ "name": "orientation",
2193
+ "type": {
2194
+ "text": "CardOrientation"
2195
+ },
2196
+ "default": "\"vertical\"",
2197
+ "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
2198
+ "attribute": "orientation",
2199
+ "reflects": true,
2095
2200
  "inheritedFrom": {
2096
- "name": "ButtonElement",
2097
- "module": "src/base/button-element.ts"
2201
+ "name": "CardElement",
2202
+ "module": "src/base/card-element.ts"
2098
2203
  }
2099
2204
  },
2100
2205
  {
2101
2206
  "kind": "method",
2102
- "name": "_handleKeydown",
2103
- "privacy": "protected",
2207
+ "name": "handleTitleSlotChange",
2104
2208
  "parameters": [
2105
2209
  {
2106
- "name": "event",
2210
+ "name": "e",
2107
2211
  "type": {
2108
- "text": "KeyboardEvent"
2212
+ "text": "Event"
2109
2213
  }
2110
2214
  }
2111
2215
  ],
2112
2216
  "type": {},
2113
2217
  "inheritedFrom": {
2114
- "name": "ButtonElement",
2115
- "module": "src/base/button-element.ts"
2218
+ "name": "CardElement",
2219
+ "module": "src/base/card-element.ts"
2116
2220
  }
2117
2221
  },
2118
2222
  {
2119
2223
  "kind": "method",
2120
- "name": "_assignSpinnerSize",
2224
+ "name": "_forwardAnchorAttributes",
2121
2225
  "privacy": "protected",
2122
2226
  "parameters": [
2123
2227
  {
2124
- "name": "buttonSize",
2228
+ "name": "anchor",
2125
2229
  "type": {
2126
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
2230
+ "text": "HTMLAnchorElement | null"
2127
2231
  }
2128
2232
  }
2129
2233
  ],
2130
2234
  "type": {},
2131
2235
  "inheritedFrom": {
2132
- "name": "ButtonElement",
2133
- "module": "src/base/button-element.ts"
2236
+ "name": "CardElement",
2237
+ "module": "src/base/card-element.ts"
2134
2238
  }
2135
2239
  },
2136
2240
  {
2137
2241
  "kind": "method",
2138
- "name": "_assignSpinnerTone",
2139
- "privacy": "protected",
2140
- "return": {
2141
- "type": {
2142
- "text": "SpinnerTone"
2143
- }
2144
- },
2242
+ "name": "warnLinkSlotMisused",
2145
2243
  "parameters": [
2146
2244
  {
2147
- "name": "buttonTone",
2148
- "type": {
2149
- "text": "ButtonTone"
2150
- }
2151
- },
2152
- {
2153
- "name": "buttonVariant",
2245
+ "name": "e",
2154
2246
  "type": {
2155
- "text": "ButtonVariant"
2247
+ "text": "Event"
2156
2248
  }
2157
2249
  }
2158
2250
  ],
2159
2251
  "type": {},
2160
2252
  "inheritedFrom": {
2161
- "name": "ButtonElement",
2162
- "module": "src/base/button-element.ts"
2253
+ "name": "CardElement",
2254
+ "module": "src/base/card-element.ts"
2163
2255
  }
2164
2256
  },
2165
2257
  {
@@ -2212,377 +2304,348 @@
2212
2304
  ],
2213
2305
  "type": {},
2214
2306
  "inheritedFrom": {
2215
- "name": "SgdsElement",
2216
- "module": "src/base/sgds-element.ts"
2217
- }
2218
- }
2219
- ],
2220
- "events": [
2221
- {
2222
- "description": "Emitted when the button is blurred.",
2223
- "name": "sgds-blur",
2224
- "reactName": "onSgdsBlur"
2225
- },
2226
- {
2227
- "description": "Emitted when the button is focused.",
2228
- "name": "sgds-focus",
2229
- "reactName": "onSgdsFocus"
2230
- }
2231
- ],
2232
- "attributes": [
2233
- {
2234
- "name": "name",
2235
- "type": {
2236
- "text": "string"
2237
- },
2238
- "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
2239
- "fieldName": "name"
2240
- },
2241
- {
2242
- "name": "value",
2243
- "type": {
2244
- "text": "string"
2245
- },
2246
- "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
2247
- "fieldName": "value"
2248
- },
2249
- {
2250
- "name": "type",
2251
- "type": {
2252
- "text": "\"button\" | \"submit\" | \"reset\""
2253
- },
2254
- "default": "\"button\"",
2255
- "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
2256
- "fieldName": "type"
2257
- },
2258
- {
2259
- "name": "form",
2260
- "type": {
2261
- "text": "string"
2262
- },
2263
- "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
2264
- "fieldName": "form"
2265
- },
2307
+ "name": "SgdsElement",
2308
+ "module": "src/base/sgds-element.ts"
2309
+ }
2310
+ }
2311
+ ],
2312
+ "attributes": [
2266
2313
  {
2267
- "name": "formaction",
2314
+ "name": "imagePosition",
2268
2315
  "type": {
2269
- "text": "string"
2316
+ "text": "CardImagePosition"
2270
2317
  },
2271
- "description": "Used to override the form owner's `action` attribute.",
2272
- "fieldName": "formAction"
2318
+ "default": "\"before\"",
2319
+ "description": "Sets the image position of the card. Available options: `before`, `after`",
2320
+ "fieldName": "imagePosition"
2273
2321
  },
2274
2322
  {
2275
- "name": "formmethod",
2323
+ "name": "imageAdjustment",
2276
2324
  "type": {
2277
- "text": "\"post\" | \"get\""
2325
+ "text": "CardImageAdjustment"
2278
2326
  },
2279
- "description": "Used to override the form owner's `method` attribute.",
2280
- "fieldName": "formMethod"
2327
+ "default": "\"default\"",
2328
+ "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
2329
+ "fieldName": "imageAdjustment"
2281
2330
  },
2282
2331
  {
2283
- "name": "formnovalidate",
2332
+ "name": "hasImageSlot",
2284
2333
  "type": {
2285
2334
  "text": "boolean"
2286
2335
  },
2287
- "description": "Used to override the form owner's `novalidate` attribute.",
2288
- "fieldName": "formNoValidate"
2289
- },
2290
- {
2291
- "name": "formtarget",
2292
- "type": {
2293
- "text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
2294
- },
2295
- "description": "Used to override the form owner's `target` attribute.",
2296
- "fieldName": "formTarget"
2336
+ "default": "false",
2337
+ "description": "Used only for SSR to indicate the presence of the `image` slot.",
2338
+ "fieldName": "hasImageSlot"
2297
2339
  },
2298
2340
  {
2299
- "name": "fullWidth",
2341
+ "name": "hasIconSlot",
2300
2342
  "type": {
2301
2343
  "text": "boolean"
2302
2344
  },
2303
2345
  "default": "false",
2304
- "description": "When set, the button will be in full width.",
2305
- "fieldName": "fullWidth"
2346
+ "description": "Used only for SSR to indicate the presence of the `icon` slot.",
2347
+ "fieldName": "hasIconSlot"
2306
2348
  },
2307
2349
  {
2308
- "name": "hasLeftIconSlot",
2350
+ "name": "hasUpperSlot",
2309
2351
  "type": {
2310
2352
  "text": "boolean"
2311
2353
  },
2312
2354
  "default": "false",
2313
- "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
2314
- "fieldName": "hasLeftIconSlot"
2355
+ "description": "Used only for SSR to indicate the presence of the `upper` slot.",
2356
+ "fieldName": "hasUpperSlot"
2315
2357
  },
2316
2358
  {
2317
- "name": "hasRightIconSlot",
2359
+ "name": "stretchedLink",
2318
2360
  "type": {
2319
2361
  "text": "boolean"
2320
2362
  },
2321
2363
  "default": "false",
2322
- "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
2323
- "fieldName": "hasRightIconSlot"
2324
- },
2325
- {
2326
- "name": "variant",
2327
- "type": {
2328
- "text": "ButtonVariant"
2329
- },
2330
- "default": "\"primary\"",
2331
- "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
2332
- "fieldName": "variant",
2333
- "inheritedFrom": {
2334
- "name": "ButtonElement",
2335
- "module": "src/base/button-element.ts"
2336
- }
2337
- },
2338
- {
2339
- "name": "tone",
2340
- "type": {
2341
- "text": "ButtonTone"
2342
- },
2343
- "default": "\"brand\"",
2344
- "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
2345
- "fieldName": "tone",
2364
+ "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
2365
+ "fieldName": "stretchedLink",
2346
2366
  "inheritedFrom": {
2347
- "name": "ButtonElement",
2348
- "module": "src/base/button-element.ts"
2367
+ "name": "CardElement",
2368
+ "module": "src/base/card-element.ts"
2349
2369
  }
2350
2370
  },
2351
2371
  {
2352
- "name": "size",
2372
+ "name": "disabled",
2353
2373
  "type": {
2354
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
2374
+ "text": "boolean"
2355
2375
  },
2356
- "default": "\"md\"",
2357
- "description": "Specifies a small, medium or large button, the size is medium by default.",
2358
- "fieldName": "size",
2376
+ "default": "false",
2377
+ "description": "Disables the card",
2378
+ "fieldName": "disabled",
2359
2379
  "inheritedFrom": {
2360
- "name": "ButtonElement",
2361
- "module": "src/base/button-element.ts"
2380
+ "name": "CardElement",
2381
+ "module": "src/base/card-element.ts"
2362
2382
  }
2363
2383
  },
2364
2384
  {
2365
- "name": "active",
2385
+ "name": "hideBorder",
2366
2386
  "type": {
2367
2387
  "text": "boolean"
2368
2388
  },
2369
2389
  "default": "false",
2370
- "description": "Manually set the visual state of the button to `:active`",
2371
- "fieldName": "active",
2390
+ "description": "When true, hides the default border of the card.",
2391
+ "fieldName": "hideBorder",
2372
2392
  "inheritedFrom": {
2373
- "name": "ButtonElement",
2374
- "module": "src/base/button-element.ts"
2393
+ "name": "CardElement",
2394
+ "module": "src/base/card-element.ts"
2375
2395
  }
2376
2396
  },
2377
2397
  {
2378
- "name": "disabled",
2398
+ "name": "tinted",
2379
2399
  "type": {
2380
2400
  "text": "boolean"
2381
2401
  },
2382
2402
  "default": "false",
2383
- "description": "The disabled state of the button",
2384
- "fieldName": "disabled",
2403
+ "description": "When true, applies a tinted background color to the card.",
2404
+ "fieldName": "tinted",
2385
2405
  "inheritedFrom": {
2386
- "name": "ButtonElement",
2387
- "module": "src/base/button-element.ts"
2406
+ "name": "CardElement",
2407
+ "module": "src/base/card-element.ts"
2388
2408
  }
2389
2409
  },
2390
2410
  {
2391
- "name": "href",
2411
+ "name": "orientation",
2392
2412
  "type": {
2393
- "text": "string"
2413
+ "text": "CardOrientation"
2394
2414
  },
2395
- "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
2396
- "fieldName": "href",
2415
+ "default": "\"vertical\"",
2416
+ "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
2417
+ "fieldName": "orientation",
2397
2418
  "inheritedFrom": {
2398
- "name": "ButtonElement",
2399
- "module": "src/base/button-element.ts"
2419
+ "name": "CardElement",
2420
+ "module": "src/base/card-element.ts"
2400
2421
  }
2401
- },
2422
+ }
2423
+ ],
2424
+ "superclass": {
2425
+ "name": "CardElement",
2426
+ "module": "/src/base/card-element"
2427
+ },
2428
+ "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
2429
+ "tagName": "sgds-card",
2430
+ "customElement": true,
2431
+ "modulePath": "src/components/Card/sgds-card.ts",
2432
+ "cssProperties": [],
2433
+ "cssParts": [],
2434
+ "cssStates": [],
2435
+ "events": []
2436
+ }
2437
+ ],
2438
+ "exports": [
2439
+ {
2440
+ "kind": "js",
2441
+ "name": "SgdsCard",
2442
+ "declaration": {
2443
+ "name": "SgdsCard",
2444
+ "module": "src/components/Card/sgds-card.ts"
2445
+ }
2446
+ },
2447
+ {
2448
+ "kind": "js",
2449
+ "name": "default",
2450
+ "declaration": {
2451
+ "name": "SgdsCard",
2452
+ "module": "src/components/Card/sgds-card.ts"
2453
+ }
2454
+ }
2455
+ ]
2456
+ },
2457
+ {
2458
+ "kind": "javascript-module",
2459
+ "path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
2460
+ "declarations": [
2461
+ {
2462
+ "kind": "class",
2463
+ "description": "",
2464
+ "name": "SgdsBreadcrumbItem",
2465
+ "slots": [
2402
2466
  {
2403
- "name": "target",
2467
+ "description": "The link of the item. Pass in anchor tags into this slot",
2468
+ "name": "default"
2469
+ }
2470
+ ],
2471
+ "members": [
2472
+ {
2473
+ "kind": "field",
2474
+ "name": "dependencies",
2404
2475
  "type": {
2405
- "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
2476
+ "text": "Record<string, typeof SgdsElement>"
2406
2477
  },
2407
- "default": "\"_self\"",
2408
- "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
2409
- "fieldName": "target",
2410
- "inheritedFrom": {
2411
- "name": "ButtonElement",
2412
- "module": "src/base/button-element.ts"
2413
- }
2478
+ "static": true,
2479
+ "default": "{\n \"sgds-link\": SgdsLink,\n \"sgds-icon\": SgdsIcon\n }"
2414
2480
  },
2415
2481
  {
2416
- "name": "download",
2482
+ "kind": "field",
2483
+ "name": "active",
2417
2484
  "type": {
2418
- "text": "string"
2485
+ "text": "boolean"
2419
2486
  },
2420
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
2421
- "fieldName": "download",
2487
+ "default": "false",
2488
+ "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
2489
+ "attribute": "active",
2490
+ "reflects": true
2491
+ },
2492
+ {
2493
+ "kind": "field",
2494
+ "name": "_preventNavigation",
2495
+ "privacy": "private",
2496
+ "type": {}
2497
+ },
2498
+ {
2499
+ "kind": "method",
2500
+ "name": "emit",
2501
+ "parameters": [
2502
+ {
2503
+ "name": "name",
2504
+ "type": {
2505
+ "text": "string"
2506
+ }
2507
+ },
2508
+ {
2509
+ "name": "options",
2510
+ "optional": true,
2511
+ "type": {
2512
+ "text": "CustomEventInit<T>"
2513
+ }
2514
+ }
2515
+ ],
2516
+ "description": "Emits a custom event with more convenient defaults.",
2517
+ "type": {},
2422
2518
  "inheritedFrom": {
2423
- "name": "ButtonElement",
2424
- "module": "src/base/button-element.ts"
2519
+ "name": "SgdsElement",
2520
+ "module": "src/base/sgds-element.ts"
2425
2521
  }
2426
2522
  },
2427
2523
  {
2428
- "name": "ariaLabel",
2429
- "type": {
2430
- "text": "string"
2431
- },
2432
- "description": "The aria-label attribute to passed to button element when necessary",
2433
- "fieldName": "ariaLabel",
2524
+ "kind": "method",
2525
+ "name": "define",
2526
+ "static": true,
2527
+ "parameters": [
2528
+ {
2529
+ "name": "name",
2530
+ "type": {
2531
+ "text": "string"
2532
+ }
2533
+ },
2534
+ {
2535
+ "name": "elementConstructor",
2536
+ "default": "this"
2537
+ },
2538
+ {
2539
+ "name": "options",
2540
+ "default": "{}",
2541
+ "type": {
2542
+ "text": "ElementDefinitionOptions"
2543
+ }
2544
+ }
2545
+ ],
2546
+ "type": {},
2434
2547
  "inheritedFrom": {
2435
- "name": "ButtonElement",
2436
- "module": "src/base/button-element.ts"
2548
+ "name": "SgdsElement",
2549
+ "module": "src/base/sgds-element.ts"
2437
2550
  }
2438
- },
2551
+ }
2552
+ ],
2553
+ "attributes": [
2439
2554
  {
2440
- "name": "loading",
2555
+ "name": "active",
2441
2556
  "type": {
2442
2557
  "text": "boolean"
2443
2558
  },
2444
- "description": "When true, shows a loading spinner",
2445
- "fieldName": "loading",
2446
- "inheritedFrom": {
2447
- "name": "ButtonElement",
2448
- "module": "src/base/button-element.ts"
2449
- }
2559
+ "default": "false",
2560
+ "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
2561
+ "fieldName": "active"
2450
2562
  }
2451
2563
  ],
2452
2564
  "superclass": {
2453
- "name": "ButtonElement",
2454
- "module": "/src/base/button-element"
2565
+ "name": "SgdsElement",
2566
+ "module": "/src/base/sgds-element"
2455
2567
  },
2456
- "summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
2457
- "tagName": "sgds-button",
2568
+ "summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
2569
+ "tagName": "sgds-breadcrumb-item",
2458
2570
  "customElement": true,
2459
- "modulePath": "src/components/Button/sgds-button.ts",
2571
+ "modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
2460
2572
  "cssProperties": [],
2461
2573
  "cssParts": [],
2462
- "cssStates": []
2574
+ "cssStates": [],
2575
+ "events": []
2463
2576
  }
2464
2577
  ],
2465
2578
  "exports": [
2466
2579
  {
2467
2580
  "kind": "js",
2468
- "name": "SgdsButton",
2581
+ "name": "SgdsBreadcrumbItem",
2469
2582
  "declaration": {
2470
- "name": "SgdsButton",
2471
- "module": "src/components/Button/sgds-button.ts"
2583
+ "name": "SgdsBreadcrumbItem",
2584
+ "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
2472
2585
  }
2473
2586
  },
2474
2587
  {
2475
2588
  "kind": "js",
2476
2589
  "name": "default",
2477
2590
  "declaration": {
2478
- "name": "SgdsButton",
2479
- "module": "src/components/Button/sgds-button.ts"
2591
+ "name": "SgdsBreadcrumbItem",
2592
+ "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
2480
2593
  }
2481
2594
  }
2482
2595
  ]
2483
2596
  },
2484
2597
  {
2485
2598
  "kind": "javascript-module",
2486
- "path": "src/components/Badge/sgds-badge.ts",
2599
+ "path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
2487
2600
  "declarations": [
2488
2601
  {
2489
2602
  "kind": "class",
2490
2603
  "description": "",
2491
- "name": "SgdsBadge",
2604
+ "name": "SgdsBreadcrumb",
2492
2605
  "slots": [
2493
2606
  {
2494
- "description": "slot for badge",
2607
+ "description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
2495
2608
  "name": "default"
2496
- },
2497
- {
2498
- "description": "The slot for icon to the left of the badge text",
2499
- "name": "icon"
2500
2609
  }
2501
2610
  ],
2502
2611
  "members": [
2503
2612
  {
2504
2613
  "kind": "field",
2505
- "name": "show",
2506
- "type": {
2507
- "text": "boolean"
2508
- },
2509
- "default": "false",
2510
- "description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
2511
- "attribute": "show",
2512
- "reflects": true
2513
- },
2514
- {
2515
- "kind": "field",
2516
- "name": "variant",
2517
- "type": {
2518
- "text": "\"primary\" | \"accent\" | \"success\" | \"danger\" | \"warning\" | \"cyan\" | \"purple\" | \"neutral\" | \"white\" | \"info\""
2519
- },
2520
- "default": "\"primary\"",
2521
- "description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
2522
- "attribute": "variant",
2523
- "reflects": true
2524
- },
2525
- {
2526
- "kind": "field",
2527
- "name": "outlined",
2528
- "type": {
2529
- "text": "boolean"
2530
- },
2531
- "default": "false",
2532
- "description": "Manually set the outlined state to false",
2533
- "attribute": "outlined",
2534
- "reflects": true
2535
- },
2536
- {
2537
- "kind": "field",
2538
- "name": "dismissible",
2539
- "type": {
2540
- "text": "boolean"
2541
- },
2542
- "default": "false",
2543
- "description": "Manually set the dismissible state of the button to `false`",
2544
- "attribute": "dismissible",
2545
- "reflects": true
2546
- },
2547
- {
2548
- "kind": "field",
2549
- "name": "fullWidth",
2550
- "type": {
2551
- "text": "boolean"
2552
- },
2553
- "default": "false",
2554
- "description": "Manually enable full width",
2555
- "attribute": "fullWidth",
2556
- "reflects": true
2557
- },
2558
- {
2559
- "kind": "field",
2560
- "name": "truncated",
2614
+ "name": "dependencies",
2561
2615
  "type": {
2562
- "text": "boolean"
2616
+ "text": "object"
2563
2617
  },
2564
- "privacy": "private",
2565
- "default": "false"
2618
+ "static": true,
2619
+ "default": "{\n \"sgds-overflow-menu\": SgdsOverflowMenu\n }"
2566
2620
  },
2567
2621
  {
2568
2622
  "kind": "field",
2569
- "name": "text",
2623
+ "name": "ariaLabel",
2570
2624
  "type": {
2571
2625
  "text": "string"
2572
2626
  },
2573
- "privacy": "private",
2574
- "default": "\"\""
2627
+ "default": "\"breadcrumb\"",
2628
+ "description": "The aria-label of nav element within breadcrumb component.",
2629
+ "attribute": "ariaLabel"
2575
2630
  },
2576
2631
  {
2577
2632
  "kind": "method",
2578
- "name": "close",
2579
- "privacy": "public",
2580
- "description": "Closes the badge",
2633
+ "name": "_replaceExcessItemsWithDropdown",
2634
+ "privacy": "private",
2635
+ "parameters": [
2636
+ {
2637
+ "name": "items",
2638
+ "type": {
2639
+ "text": "SgdsBreadcrumbItem[]"
2640
+ }
2641
+ }
2642
+ ],
2643
+ "description": "creates `<sgds-breadcrumb-item>\n <sgds-overflow-menu>\n <sgds-dropdown-item></sgds-dropdown-item>\n ...\n </sgds-overflow-menu>\n <sgds-breadcrumb-item>`",
2581
2644
  "type": {}
2582
2645
  },
2583
2646
  {
2584
2647
  "kind": "method",
2585
- "name": "_handleLabelSlotChange",
2648
+ "name": "_handleSlotChange",
2586
2649
  "privacy": "private",
2587
2650
  "parameters": [
2588
2651
  {
@@ -2594,12 +2657,6 @@
2594
2657
  ],
2595
2658
  "type": {}
2596
2659
  },
2597
- {
2598
- "kind": "method",
2599
- "name": "_renderBadge",
2600
- "privacy": "private",
2601
- "type": {}
2602
- },
2603
2660
  {
2604
2661
  "kind": "method",
2605
2662
  "name": "emit",
@@ -2655,103 +2712,46 @@
2655
2712
  }
2656
2713
  }
2657
2714
  ],
2658
- "events": [
2659
- {
2660
- "description": "Emitted when the badge appears.",
2661
- "name": "sgds-show",
2662
- "reactName": "onSgdsShow"
2663
- },
2664
- {
2665
- "description": "Emitted when the badge is starting to close but has not closed.",
2666
- "name": "sgds-hide",
2667
- "reactName": "onSgdsHide"
2668
- },
2669
- {
2670
- "description": "Emitted after the badge has appeared",
2671
- "name": "sgds-after-show",
2672
- "reactName": "onSgdsAfterShow"
2673
- },
2674
- {
2675
- "description": "Emitted after the badge has closed",
2676
- "name": "sgds-after-hide",
2677
- "reactName": "onSgdsAfterHide"
2678
- }
2679
- ],
2680
2715
  "attributes": [
2681
2716
  {
2682
- "name": "show",
2683
- "type": {
2684
- "text": "boolean"
2685
- },
2686
- "default": "false",
2687
- "description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
2688
- "fieldName": "show"
2689
- },
2690
- {
2691
- "name": "variant",
2692
- "type": {
2693
- "text": "BadgeVariant"
2694
- },
2695
- "default": "\"primary\"",
2696
- "description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
2697
- "fieldName": "variant"
2698
- },
2699
- {
2700
- "name": "outlined",
2701
- "type": {
2702
- "text": "boolean"
2703
- },
2704
- "default": "false",
2705
- "description": "Manually set the outlined state to false",
2706
- "fieldName": "outlined"
2707
- },
2708
- {
2709
- "name": "dismissible",
2710
- "type": {
2711
- "text": "boolean"
2712
- },
2713
- "default": "false",
2714
- "description": "Manually set the dismissible state of the button to `false`",
2715
- "fieldName": "dismissible"
2716
- },
2717
- {
2718
- "name": "fullWidth",
2717
+ "name": "ariaLabel",
2719
2718
  "type": {
2720
- "text": "boolean"
2719
+ "text": "string"
2721
2720
  },
2722
- "default": "false",
2723
- "description": "Manually enable full width",
2724
- "fieldName": "fullWidth"
2721
+ "default": "\"breadcrumb\"",
2722
+ "description": "The aria-label of nav element within breadcrumb component.",
2723
+ "fieldName": "ariaLabel"
2725
2724
  }
2726
2725
  ],
2727
2726
  "superclass": {
2728
2727
  "name": "SgdsElement",
2729
2728
  "module": "/src/base/sgds-element"
2730
2729
  },
2731
- "summary": "Badges can be used to highlight important bits of information such as labels, notifications & status.\nWhen the text exceeds the width, it will be truncated with a tooltip that will be displayed on hover.",
2732
- "tagName": "sgds-badge",
2730
+ "summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
2731
+ "tagName": "sgds-breadcrumb",
2733
2732
  "customElement": true,
2734
- "modulePath": "src/components/Badge/sgds-badge.ts",
2733
+ "modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
2735
2734
  "cssProperties": [],
2736
2735
  "cssParts": [],
2737
- "cssStates": []
2736
+ "cssStates": [],
2737
+ "events": []
2738
2738
  }
2739
2739
  ],
2740
2740
  "exports": [
2741
2741
  {
2742
2742
  "kind": "js",
2743
- "name": "SgdsBadge",
2743
+ "name": "SgdsBreadcrumb",
2744
2744
  "declaration": {
2745
- "name": "SgdsBadge",
2746
- "module": "src/components/Badge/sgds-badge.ts"
2745
+ "name": "SgdsBreadcrumb",
2746
+ "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
2747
2747
  }
2748
2748
  },
2749
2749
  {
2750
2750
  "kind": "js",
2751
2751
  "name": "default",
2752
2752
  "declaration": {
2753
- "name": "SgdsBadge",
2754
- "module": "src/components/Badge/sgds-badge.ts"
2753
+ "name": "SgdsBreadcrumb",
2754
+ "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
2755
2755
  }
2756
2756
  }
2757
2757
  ]
@@ -18599,6 +18599,15 @@
18599
18599
  "attribute": "disabled",
18600
18600
  "reflects": true
18601
18601
  },
18602
+ {
18603
+ "kind": "field",
18604
+ "name": "ariaLabel",
18605
+ "type": {
18606
+ "text": "string"
18607
+ },
18608
+ "description": "Accessible label for the sidenav item's menu button. Forwarded to the button's aria-label attribute.",
18609
+ "attribute": "ariaLabel"
18610
+ },
18602
18611
  {
18603
18612
  "kind": "field",
18604
18613
  "name": "isLink",
@@ -18806,6 +18815,14 @@
18806
18815
  "default": "false",
18807
18816
  "description": "Disables the SgdsSidenavItem",
18808
18817
  "fieldName": "disabled"
18818
+ },
18819
+ {
18820
+ "name": "ariaLabel",
18821
+ "type": {
18822
+ "text": "string"
18823
+ },
18824
+ "description": "Accessible label for the sidenav item's menu button. Forwarded to the button's aria-label attribute.",
18825
+ "fieldName": "ariaLabel"
18809
18826
  }
18810
18827
  ],
18811
18828
  "superclass": {
@@ -27634,7 +27651,7 @@
27634
27651
  "package": {
27635
27652
  "name": "@govtechsg/sgds-web-component",
27636
27653
  "description": "",
27637
- "version": "3.22.0",
27654
+ "version": "3.23.0-rc.0",
27638
27655
  "author": "GovTechSG",
27639
27656
  "license": "MIT"
27640
27657
  }