@govtechsg/sgds-web-component 3.19.0-rc.0 → 3.19.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (238) hide show
  1. package/base/card.js +1 -1
  2. package/base/option.js +1 -1
  3. package/components/Accordion/accordion-item.js +1 -1
  4. package/components/Accordion/index.umd.min.js +1 -1
  5. package/components/Alert/index.umd.min.js +8 -8
  6. package/components/Alert/index.umd.min.js.map +1 -1
  7. package/components/Badge/index.umd.min.js +9 -9
  8. package/components/Badge/index.umd.min.js.map +1 -1
  9. package/components/Breadcrumb/index.umd.min.js +2 -2
  10. package/components/Card/index.umd.min.js +1 -1
  11. package/components/Checkbox/checkbox-group.js +1 -1
  12. package/components/Checkbox/checkbox.js +1 -1
  13. package/components/Checkbox/index.umd.min.js +2238 -32
  14. package/components/Checkbox/index.umd.min.js.map +1 -1
  15. package/components/Checkbox/sgds-checkbox-group.d.ts +5 -0
  16. package/components/Checkbox/sgds-checkbox-group.js +6 -6
  17. package/components/Checkbox/sgds-checkbox-group.js.map +1 -1
  18. package/components/Checkbox/sgds-checkbox.d.ts +5 -0
  19. package/components/Checkbox/sgds-checkbox.js +6 -6
  20. package/components/Checkbox/sgds-checkbox.js.map +1 -1
  21. package/components/CloseButton/close-button.js +1 -1
  22. package/components/CloseButton/index.umd.min.js +6 -6
  23. package/components/CloseButton/index.umd.min.js.map +1 -1
  24. package/components/CloseButton/sgds-close-button.js +1 -1
  25. package/components/CloseButton/sgds-close-button.js.map +1 -1
  26. package/components/ComboBox/index.umd.min.js +7 -12
  27. package/components/ComboBox/index.umd.min.js.map +1 -1
  28. package/components/Datepicker/datepicker-calendar2.js +1 -1
  29. package/components/Datepicker/index.umd.min.js +2 -2
  30. package/components/Datepicker/index.umd.min.js.map +1 -1
  31. package/components/Drawer/index.umd.min.js +8 -8
  32. package/components/Drawer/index.umd.min.js.map +1 -1
  33. package/components/Dropdown/dropdown-item.js +1 -1
  34. package/components/Dropdown/index.umd.min.js +1 -1
  35. package/components/FileUpload/index.umd.min.js +8 -8
  36. package/components/FileUpload/index.umd.min.js.map +1 -1
  37. package/components/Footer/index.umd.min.js +1 -1
  38. package/components/IconCard/index.umd.min.js +1 -1
  39. package/components/ImageCard/index.umd.min.js +1 -1
  40. package/components/Input/index.umd.min.js +1 -1
  41. package/components/Input/index.umd.min.js.map +1 -1
  42. package/components/Link/index.umd.min.js +1 -1
  43. package/components/Link/link.js +1 -1
  44. package/components/Mainnav/index.umd.min.js +3 -3
  45. package/components/Mainnav/mainnav-dropdown.js +1 -1
  46. package/components/Mainnav/mainnav-item.js +1 -1
  47. package/components/Modal/index.umd.min.js +9 -9
  48. package/components/Modal/index.umd.min.js.map +1 -1
  49. package/components/OverflowMenu/index.umd.min.js +1 -1
  50. package/components/Pagination/index.umd.min.js +1 -1
  51. package/components/Pagination/pagination.js +1 -1
  52. package/components/QuantityToggle/index.umd.min.js +2 -2
  53. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  54. package/components/Radio/index.umd.min.js +2 -2
  55. package/components/Radio/index.umd.min.js.map +1 -1
  56. package/components/Radio/radio-group.js +1 -1
  57. package/components/Select/index.umd.min.js +2 -2
  58. package/components/Select/index.umd.min.js.map +1 -1
  59. package/components/Sidenav/index.umd.min.js +2 -2
  60. package/components/Sidenav/sidenav-item.js +1 -1
  61. package/components/Sidenav/sidenav-link.js +1 -1
  62. package/components/Stepper/index.umd.min.js +26 -26
  63. package/components/Stepper/index.umd.min.js.map +1 -1
  64. package/components/Stepper/sgds-stepper.d.ts +10 -0
  65. package/components/Stepper/sgds-stepper.js +46 -24
  66. package/components/Stepper/sgds-stepper.js.map +1 -1
  67. package/components/Stepper/step.js +1 -1
  68. package/components/Subnav/index.umd.min.js +1 -1
  69. package/components/Subnav/subnav-item.js +1 -1
  70. package/components/Switch/index.umd.min.js +1 -1
  71. package/components/Switch/switch.js +1 -1
  72. package/components/SystemBanner/index.umd.min.js +2 -2
  73. package/components/SystemBanner/index.umd.min.js.map +1 -1
  74. package/components/Tab/index.umd.min.js +1 -1
  75. package/components/Tab/tab.js +1 -1
  76. package/components/Table/index.umd.min.js +1 -1
  77. package/components/Table/index.umd.min.js.map +1 -1
  78. package/components/Table/table.js +1 -1
  79. package/components/Textarea/index.umd.min.js +10 -10
  80. package/components/Textarea/index.umd.min.js.map +1 -1
  81. package/components/Textarea/textarea.js +1 -1
  82. package/components/ThumbnailCard/index.umd.min.js +1 -1
  83. package/components/Toast/index.umd.min.js +5 -5
  84. package/components/Toast/index.umd.min.js.map +1 -1
  85. package/components/index.umd.min.js +97 -107
  86. package/components/index.umd.min.js.map +1 -1
  87. package/css/fouc.css +1 -1
  88. package/custom-elements.json +636 -629
  89. package/index.umd.min.js +43 -53
  90. package/index.umd.min.js.map +1 -1
  91. package/package.json +1 -1
  92. package/react/accordion/index.d.ts +3 -1
  93. package/react/accordion-item/index.d.ts +3 -1
  94. package/react/alert/index.d.ts +3 -1
  95. package/react/alert-link/index.d.ts +3 -1
  96. package/react/badge/index.d.ts +3 -1
  97. package/react/base/card.cjs.js +1 -1
  98. package/react/base/card.js +1 -1
  99. package/react/base/option.cjs.js +1 -1
  100. package/react/base/option.js +1 -1
  101. package/react/breadcrumb/index.d.ts +3 -1
  102. package/react/breadcrumb-item/index.d.ts +3 -1
  103. package/react/button/index.d.ts +3 -1
  104. package/react/card/index.d.ts +3 -1
  105. package/react/checkbox/index.d.ts +3 -1
  106. package/react/checkbox-group/index.d.ts +3 -1
  107. package/react/close-button/index.d.ts +3 -1
  108. package/react/combo-box/index.d.ts +3 -1
  109. package/react/combo-box-option/index.d.ts +3 -1
  110. package/react/components/Accordion/accordion-item.cjs.js +1 -1
  111. package/react/components/Accordion/accordion-item.js +1 -1
  112. package/react/components/Checkbox/checkbox-group.cjs.js +1 -1
  113. package/react/components/Checkbox/checkbox-group.js +1 -1
  114. package/react/components/Checkbox/checkbox.cjs.js +1 -1
  115. package/react/components/Checkbox/checkbox.js +1 -1
  116. package/react/components/Checkbox/sgds-checkbox-group.cjs.js +6 -6
  117. package/react/components/Checkbox/sgds-checkbox-group.cjs.js.map +1 -1
  118. package/react/components/Checkbox/sgds-checkbox-group.js +6 -6
  119. package/react/components/Checkbox/sgds-checkbox-group.js.map +1 -1
  120. package/react/components/Checkbox/sgds-checkbox.cjs.js +6 -6
  121. package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
  122. package/react/components/Checkbox/sgds-checkbox.js +6 -6
  123. package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
  124. package/react/components/CloseButton/close-button.cjs.js +1 -1
  125. package/react/components/CloseButton/close-button.js +1 -1
  126. package/react/components/CloseButton/sgds-close-button.cjs.js +1 -1
  127. package/react/components/CloseButton/sgds-close-button.cjs.js.map +1 -1
  128. package/react/components/CloseButton/sgds-close-button.js +1 -1
  129. package/react/components/CloseButton/sgds-close-button.js.map +1 -1
  130. package/react/components/Datepicker/datepicker-calendar.cjs2.js +1 -1
  131. package/react/components/Datepicker/datepicker-calendar2.js +1 -1
  132. package/react/components/Dropdown/dropdown-item.cjs.js +1 -1
  133. package/react/components/Dropdown/dropdown-item.js +1 -1
  134. package/react/components/Link/link.cjs.js +1 -1
  135. package/react/components/Link/link.js +1 -1
  136. package/react/components/Mainnav/mainnav-dropdown.cjs.js +1 -1
  137. package/react/components/Mainnav/mainnav-dropdown.js +1 -1
  138. package/react/components/Mainnav/mainnav-item.cjs.js +1 -1
  139. package/react/components/Mainnav/mainnav-item.js +1 -1
  140. package/react/components/Pagination/pagination.cjs.js +1 -1
  141. package/react/components/Pagination/pagination.js +1 -1
  142. package/react/components/Radio/radio-group.cjs.js +1 -1
  143. package/react/components/Radio/radio-group.js +1 -1
  144. package/react/components/Sidenav/sidenav-item.cjs.js +1 -1
  145. package/react/components/Sidenav/sidenav-item.js +1 -1
  146. package/react/components/Sidenav/sidenav-link.cjs.js +1 -1
  147. package/react/components/Sidenav/sidenav-link.js +1 -1
  148. package/react/components/Stepper/sgds-stepper.cjs.js +45 -23
  149. package/react/components/Stepper/sgds-stepper.cjs.js.map +1 -1
  150. package/react/components/Stepper/sgds-stepper.js +46 -24
  151. package/react/components/Stepper/sgds-stepper.js.map +1 -1
  152. package/react/components/Stepper/step.cjs.js +1 -1
  153. package/react/components/Stepper/step.js +1 -1
  154. package/react/components/Subnav/subnav-item.cjs.js +1 -1
  155. package/react/components/Subnav/subnav-item.js +1 -1
  156. package/react/components/Switch/switch.cjs.js +1 -1
  157. package/react/components/Switch/switch.js +1 -1
  158. package/react/components/Tab/tab.cjs.js +1 -1
  159. package/react/components/Tab/tab.js +1 -1
  160. package/react/components/Table/table.cjs.js +1 -1
  161. package/react/components/Table/table.js +1 -1
  162. package/react/components/Textarea/textarea.cjs.js +1 -1
  163. package/react/components/Textarea/textarea.js +1 -1
  164. package/react/datepicker/index.d.ts +3 -1
  165. package/react/description-list/index.d.ts +3 -1
  166. package/react/description-list-group/index.d.ts +3 -1
  167. package/react/divider/index.d.ts +3 -1
  168. package/react/drawer/index.d.ts +3 -1
  169. package/react/dropdown/index.d.ts +3 -1
  170. package/react/dropdown-item/index.d.ts +3 -1
  171. package/react/file-upload/index.d.ts +3 -1
  172. package/react/footer/index.d.ts +3 -1
  173. package/react/footer-item/index.d.ts +3 -1
  174. package/react/icon/index.d.ts +3 -1
  175. package/react/icon-button/index.d.ts +3 -1
  176. package/react/icon-card/index.d.ts +3 -1
  177. package/react/icon-list/index.d.ts +3 -1
  178. package/react/image-card/index.d.ts +3 -1
  179. package/react/index.cjs.js +4 -4
  180. package/react/index.d.ts +1 -1
  181. package/react/index.js +1 -1
  182. package/react/input/index.d.ts +3 -1
  183. package/react/link/index.d.ts +3 -1
  184. package/react/mainnav/index.d.ts +3 -1
  185. package/react/mainnav-dropdown/index.d.ts +3 -1
  186. package/react/mainnav-item/index.d.ts +3 -1
  187. package/react/masthead/index.d.ts +3 -1
  188. package/react/modal/index.d.ts +3 -1
  189. package/react/overflow-menu/index.d.ts +3 -1
  190. package/react/pagination/index.d.ts +3 -1
  191. package/react/progress-bar/index.d.ts +3 -1
  192. package/react/quantity-toggle/index.d.ts +3 -1
  193. package/react/radio/index.d.ts +3 -1
  194. package/react/radio-group/index.d.ts +3 -1
  195. package/react/select/index.d.ts +3 -1
  196. package/react/select-option/index.d.ts +3 -1
  197. package/react/sidebar/index.d.ts +3 -1
  198. package/react/sidebar-group/index.d.ts +3 -1
  199. package/react/sidebar-item/index.d.ts +3 -1
  200. package/react/sidebar-section/index.d.ts +3 -1
  201. package/react/sidenav/index.d.ts +3 -1
  202. package/react/sidenav-item/index.d.ts +3 -1
  203. package/react/sidenav-link/index.d.ts +3 -1
  204. package/react/skeleton/index.d.ts +3 -1
  205. package/react/spinner/index.d.ts +3 -1
  206. package/react/step/index.d.ts +3 -1
  207. package/react/stepper/index.d.ts +3 -1
  208. package/react/styles/form-check.cjs.js +1 -1
  209. package/react/styles/form-check.js +1 -1
  210. package/react/styles/form-hint.cjs.js +1 -1
  211. package/react/styles/form-hint.js +1 -1
  212. package/react/styles/form-label.cjs.js +1 -1
  213. package/react/styles/form-label.js +1 -1
  214. package/react/styles/form-text-control.cjs.js +1 -1
  215. package/react/styles/form-text-control.js +1 -1
  216. package/react/subnav/index.d.ts +3 -1
  217. package/react/subnav-item/index.d.ts +3 -1
  218. package/react/switch/index.d.ts +3 -1
  219. package/react/system-banner/index.d.ts +3 -1
  220. package/react/system-banner-item/index.d.ts +3 -1
  221. package/react/tab/index.d.ts +3 -1
  222. package/react/tab-group/index.d.ts +3 -1
  223. package/react/tab-panel/index.d.ts +3 -1
  224. package/react/table/index.d.ts +3 -1
  225. package/react/table-cell/index.d.ts +3 -1
  226. package/react/table-head/index.d.ts +3 -1
  227. package/react/table-of-contents/index.d.ts +3 -1
  228. package/react/table-row/index.d.ts +3 -1
  229. package/react/textarea/index.d.ts +3 -1
  230. package/react/thumbnail-card/index.d.ts +3 -1
  231. package/react/toast/index.d.ts +3 -1
  232. package/react/toast-container/index.d.ts +3 -1
  233. package/react/tooltip/index.d.ts +3 -1
  234. package/styles/form-check.js +1 -1
  235. package/styles/form-hint.js +1 -1
  236. package/styles/form-label.js +1 -1
  237. package/styles/form-text-control.js +1 -1
  238. package/types/react.d.ts +101 -101
@@ -1490,419 +1490,288 @@
1490
1490
  },
1491
1491
  {
1492
1492
  "kind": "javascript-module",
1493
- "path": "src/components/Button/sgds-button.ts",
1493
+ "path": "src/components/Card/sgds-card.ts",
1494
1494
  "declarations": [
1495
1495
  {
1496
1496
  "kind": "class",
1497
1497
  "description": "",
1498
- "name": "SgdsButton",
1498
+ "name": "SgdsCard",
1499
1499
  "slots": [
1500
1500
  {
1501
- "description": "The button's label.",
1501
+ "description": "The content area of the card, placed directly under the title. Accepts any HTML or custom elements.",
1502
1502
  "name": "default"
1503
1503
  },
1504
1504
  {
1505
- "description": "The slot for icon to the left of the button text",
1506
- "name": "leftIcon"
1505
+ "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.",
1506
+ "name": "menu"
1507
1507
  },
1508
1508
  {
1509
- "description": "The slot for icon to the right of the button text",
1510
- "name": "rightIcon"
1509
+ "description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
1510
+ "name": "upper"
1511
+ },
1512
+ {
1513
+ "description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
1514
+ "name": "image"
1515
+ },
1516
+ {
1517
+ "description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
1518
+ "name": "icon"
1519
+ },
1520
+ {
1521
+ "description": "The subtitle of the card",
1522
+ "name": "subtitle"
1523
+ },
1524
+ {
1525
+ "description": "The title of the card",
1526
+ "name": "title"
1527
+ },
1528
+ {
1529
+ "description": "The paragrapher text of the card",
1530
+ "name": "description"
1531
+ },
1532
+ {
1533
+ "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
1534
+ "name": "lower"
1535
+ },
1536
+ {
1537
+ "description": "Footer area of the card. Accepts links, actions, or any custom content.",
1538
+ "name": "footer"
1539
+ },
1540
+ {
1541
+ "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
1542
+ "name": "link"
1511
1543
  }
1512
1544
  ],
1513
1545
  "members": [
1514
1546
  {
1515
1547
  "kind": "field",
1516
- "name": "type",
1548
+ "name": "footerNode",
1517
1549
  "type": {
1518
- "text": "\"button\" | \"submit\" | \"reset\""
1550
+ "text": "HTMLElement[]"
1519
1551
  },
1520
- "default": "\"button\"",
1521
- "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",
1522
- "attribute": "type",
1523
- "reflects": true
1552
+ "privacy": "private"
1524
1553
  },
1525
1554
  {
1526
1555
  "kind": "field",
1527
- "name": "form",
1556
+ "name": "linkNode",
1528
1557
  "type": {
1529
- "text": "string"
1558
+ "text": "HTMLAnchorElement[] | SgdsLink[]"
1530
1559
  },
1531
- "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.",
1532
- "attribute": "form",
1533
- "reflects": true
1560
+ "privacy": "private"
1534
1561
  },
1535
1562
  {
1536
1563
  "kind": "field",
1537
- "name": "formAction",
1564
+ "name": "imagePosition",
1538
1565
  "type": {
1539
- "text": "string"
1566
+ "text": "CardImagePosition"
1540
1567
  },
1541
- "description": "Used to override the form owner's `action` attribute.",
1542
- "attribute": "formaction",
1568
+ "default": "\"before\"",
1569
+ "description": "Sets the image position of the card. Available options: `before`, `after`",
1570
+ "attribute": "imagePosition",
1543
1571
  "reflects": true
1544
1572
  },
1545
1573
  {
1546
1574
  "kind": "field",
1547
- "name": "formMethod",
1575
+ "name": "imageAdjustment",
1548
1576
  "type": {
1549
- "text": "\"post\" | \"get\""
1577
+ "text": "CardImageAdjustment"
1550
1578
  },
1551
- "description": "Used to override the form owner's `method` attribute.",
1552
- "attribute": "formmethod",
1579
+ "default": "\"default\"",
1580
+ "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
1581
+ "attribute": "imageAdjustment",
1553
1582
  "reflects": true
1554
1583
  },
1555
1584
  {
1556
1585
  "kind": "field",
1557
- "name": "formNoValidate",
1586
+ "name": "hasImageSlot",
1558
1587
  "type": {
1559
1588
  "text": "boolean"
1560
1589
  },
1561
- "description": "Used to override the form owner's `novalidate` attribute.",
1562
- "attribute": "formnovalidate",
1563
- "reflects": true
1590
+ "default": "false",
1591
+ "description": "Used only for SSR to indicate the presence of the `image` slot.",
1592
+ "attribute": "hasImageSlot"
1564
1593
  },
1565
1594
  {
1566
1595
  "kind": "field",
1567
- "name": "formTarget",
1596
+ "name": "hasIconSlot",
1568
1597
  "type": {
1569
- "text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
1598
+ "text": "boolean"
1570
1599
  },
1571
- "description": "Used to override the form owner's `target` attribute.",
1572
- "attribute": "formtarget",
1573
- "reflects": true
1600
+ "default": "false",
1601
+ "description": "Used only for SSR to indicate the presence of the `icon` slot.",
1602
+ "attribute": "hasIconSlot"
1574
1603
  },
1575
1604
  {
1576
1605
  "kind": "field",
1577
- "name": "fullWidth",
1606
+ "name": "hasUpperSlot",
1578
1607
  "type": {
1579
1608
  "text": "boolean"
1580
1609
  },
1581
1610
  "default": "false",
1582
- "description": "When set, the button will be in full width.",
1583
- "attribute": "fullWidth",
1584
- "reflects": true
1611
+ "description": "Used only for SSR to indicate the presence of the `upper` slot.",
1612
+ "attribute": "hasUpperSlot"
1585
1613
  },
1586
1614
  {
1587
1615
  "kind": "field",
1588
- "name": "hasLeftIconSlot",
1616
+ "name": "linkSlotItems",
1589
1617
  "type": {
1590
- "text": "boolean"
1618
+ "text": "HTMLAnchorElement | null"
1591
1619
  },
1592
- "default": "false",
1593
- "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
1594
- "attribute": "hasLeftIconSlot"
1620
+ "privacy": "private"
1595
1621
  },
1596
1622
  {
1597
1623
  "kind": "field",
1598
- "name": "hasRightIconSlot",
1624
+ "name": "footerSlotItems",
1599
1625
  "type": {
1600
- "text": "boolean"
1626
+ "text": "HTMLAnchorElement | null"
1601
1627
  },
1602
- "default": "false",
1603
- "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
1604
- "attribute": "hasRightIconSlot"
1628
+ "privacy": "private"
1605
1629
  },
1606
1630
  {
1607
1631
  "kind": "field",
1608
1632
  "name": "hasSlotController",
1609
1633
  "privacy": "private",
1610
- "default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
1634
+ "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
1611
1635
  "type": {}
1612
1636
  },
1613
1637
  {
1614
1638
  "kind": "method",
1615
- "name": "_handleClick",
1616
- "privacy": "protected",
1639
+ "name": "handleImgSlotChange",
1617
1640
  "parameters": [
1618
1641
  {
1619
- "name": "event",
1642
+ "name": "e",
1620
1643
  "type": {
1621
- "text": "MouseEvent"
1644
+ "text": "Event"
1622
1645
  }
1623
1646
  }
1624
1647
  ],
1625
- "type": {},
1626
- "inheritedFrom": {
1627
- "name": "ButtonElement",
1628
- "module": "src/base/button-element.ts"
1629
- }
1630
- },
1631
- {
1632
- "kind": "field",
1633
- "name": "_clickHandler",
1634
- "privacy": "private",
1635
1648
  "type": {}
1636
1649
  },
1637
1650
  {
1638
1651
  "kind": "field",
1639
- "name": "variant",
1652
+ "name": "stretchedLink",
1640
1653
  "type": {
1641
- "text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
1654
+ "text": "boolean"
1642
1655
  },
1643
- "default": "\"primary\"",
1644
- "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is @deprecated since v3.5.6",
1645
- "attribute": "variant",
1656
+ "default": "false",
1657
+ "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
1658
+ "attribute": "stretchedLink",
1646
1659
  "reflects": true,
1647
1660
  "inheritedFrom": {
1648
- "name": "ButtonElement",
1649
- "module": "src/base/button-element.ts"
1661
+ "name": "CardElement",
1662
+ "module": "src/base/card-element.ts"
1650
1663
  }
1651
1664
  },
1652
1665
  {
1653
1666
  "kind": "field",
1654
- "name": "tone",
1667
+ "name": "disabled",
1655
1668
  "type": {
1656
- "text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
1669
+ "text": "boolean"
1657
1670
  },
1658
- "default": "\"brand\"",
1659
- "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
1660
- "attribute": "tone",
1671
+ "default": "false",
1672
+ "description": "Disables the card",
1673
+ "attribute": "disabled",
1661
1674
  "reflects": true,
1662
1675
  "inheritedFrom": {
1663
- "name": "ButtonElement",
1664
- "module": "src/base/button-element.ts"
1676
+ "name": "CardElement",
1677
+ "module": "src/base/card-element.ts"
1665
1678
  }
1666
1679
  },
1667
1680
  {
1668
1681
  "kind": "field",
1669
- "name": "size",
1682
+ "name": "hideBorder",
1670
1683
  "type": {
1671
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
1684
+ "text": "boolean"
1672
1685
  },
1673
- "default": "\"md\"",
1674
- "description": "Specifies a small, medium or large button, the size is medium by default.",
1675
- "attribute": "size",
1686
+ "default": "false",
1687
+ "description": "When true, hides the default border of the card.",
1688
+ "attribute": "hideBorder",
1676
1689
  "reflects": true,
1677
1690
  "inheritedFrom": {
1678
- "name": "ButtonElement",
1679
- "module": "src/base/button-element.ts"
1691
+ "name": "CardElement",
1692
+ "module": "src/base/card-element.ts"
1680
1693
  }
1681
1694
  },
1682
1695
  {
1683
1696
  "kind": "field",
1684
- "name": "active",
1697
+ "name": "tinted",
1685
1698
  "type": {
1686
1699
  "text": "boolean"
1687
1700
  },
1688
1701
  "default": "false",
1689
- "description": "Manually set the visual state of the button to `:active`",
1690
- "attribute": "active",
1702
+ "description": "When true, applies a tinted background color to the card.",
1703
+ "attribute": "tinted",
1691
1704
  "reflects": true,
1692
1705
  "inheritedFrom": {
1693
- "name": "ButtonElement",
1694
- "module": "src/base/button-element.ts"
1706
+ "name": "CardElement",
1707
+ "module": "src/base/card-element.ts"
1695
1708
  }
1696
1709
  },
1697
1710
  {
1698
1711
  "kind": "field",
1699
- "name": "disabled",
1712
+ "name": "orientation",
1700
1713
  "type": {
1701
- "text": "boolean"
1714
+ "text": "CardOrientation"
1702
1715
  },
1703
- "default": "false",
1704
- "description": "The disabled state of the button",
1705
- "attribute": "disabled",
1716
+ "default": "\"vertical\"",
1717
+ "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
1718
+ "attribute": "orientation",
1706
1719
  "reflects": true,
1707
1720
  "inheritedFrom": {
1708
- "name": "ButtonElement",
1709
- "module": "src/base/button-element.ts"
1721
+ "name": "CardElement",
1722
+ "module": "src/base/card-element.ts"
1710
1723
  }
1711
1724
  },
1712
1725
  {
1713
- "kind": "field",
1714
- "name": "href",
1715
- "type": {
1716
- "text": "string"
1717
- },
1718
- "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
1719
- "attribute": "href",
1720
- "reflects": true,
1726
+ "kind": "method",
1727
+ "name": "handleTitleSlotChange",
1728
+ "parameters": [
1729
+ {
1730
+ "name": "e",
1731
+ "type": {
1732
+ "text": "Event"
1733
+ }
1734
+ }
1735
+ ],
1736
+ "type": {},
1721
1737
  "inheritedFrom": {
1722
- "name": "ButtonElement",
1723
- "module": "src/base/button-element.ts"
1738
+ "name": "CardElement",
1739
+ "module": "src/base/card-element.ts"
1724
1740
  }
1725
1741
  },
1726
1742
  {
1727
- "kind": "field",
1728
- "name": "target",
1729
- "type": {
1730
- "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
1731
- },
1732
- "default": "\"_self\"",
1733
- "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
1734
- "attribute": "target",
1735
- "reflects": true,
1743
+ "kind": "method",
1744
+ "name": "_forwardAnchorAttributes",
1745
+ "privacy": "protected",
1746
+ "parameters": [
1747
+ {
1748
+ "name": "anchor",
1749
+ "type": {
1750
+ "text": "HTMLAnchorElement | null"
1751
+ }
1752
+ }
1753
+ ],
1754
+ "type": {},
1736
1755
  "inheritedFrom": {
1737
- "name": "ButtonElement",
1738
- "module": "src/base/button-element.ts"
1739
- }
1740
- },
1741
- {
1742
- "kind": "field",
1743
- "name": "download",
1744
- "type": {
1745
- "text": "string"
1746
- },
1747
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
1748
- "attribute": "download",
1749
- "reflects": true,
1750
- "inheritedFrom": {
1751
- "name": "ButtonElement",
1752
- "module": "src/base/button-element.ts"
1753
- }
1754
- },
1755
- {
1756
- "kind": "field",
1757
- "name": "ariaLabel",
1758
- "type": {
1759
- "text": "string"
1760
- },
1761
- "description": "The aria-label attribute to passed to button element when necessary",
1762
- "attribute": "ariaLabel",
1763
- "inheritedFrom": {
1764
- "name": "ButtonElement",
1765
- "module": "src/base/button-element.ts"
1766
- }
1767
- },
1768
- {
1769
- "kind": "field",
1770
- "name": "loading",
1771
- "type": {
1772
- "text": "boolean"
1773
- },
1774
- "description": "When true, shows a loading spinner",
1775
- "attribute": "loading",
1776
- "inheritedFrom": {
1777
- "name": "ButtonElement",
1778
- "module": "src/base/button-element.ts"
1779
- }
1780
- },
1781
- {
1782
- "kind": "method",
1783
- "name": "focus",
1784
- "privacy": "public",
1785
- "parameters": [
1786
- {
1787
- "name": "options",
1788
- "optional": true,
1789
- "type": {
1790
- "text": "FocusOptions"
1791
- }
1792
- }
1793
- ],
1794
- "description": "Sets focus on the button.",
1795
- "type": {},
1796
- "inheritedFrom": {
1797
- "name": "ButtonElement",
1798
- "module": "src/base/button-element.ts"
1799
- }
1800
- },
1801
- {
1802
- "kind": "method",
1803
- "name": "click",
1804
- "privacy": "public",
1805
- "description": "Simulates a click on the button.",
1806
- "type": {},
1807
- "inheritedFrom": {
1808
- "name": "ButtonElement",
1809
- "module": "src/base/button-element.ts"
1810
- }
1811
- },
1812
- {
1813
- "kind": "method",
1814
- "name": "blur",
1815
- "privacy": "public",
1816
- "description": "Removes focus from the button.",
1817
- "type": {},
1818
- "inheritedFrom": {
1819
- "name": "ButtonElement",
1820
- "module": "src/base/button-element.ts"
1821
- }
1822
- },
1823
- {
1824
- "kind": "method",
1825
- "name": "_handleBlur",
1826
- "privacy": "protected",
1827
- "type": {},
1828
- "inheritedFrom": {
1829
- "name": "ButtonElement",
1830
- "module": "src/base/button-element.ts"
1831
- }
1832
- },
1833
- {
1834
- "kind": "method",
1835
- "name": "_handleFocus",
1836
- "privacy": "protected",
1837
- "type": {},
1838
- "inheritedFrom": {
1839
- "name": "ButtonElement",
1840
- "module": "src/base/button-element.ts"
1841
- }
1842
- },
1843
- {
1844
- "kind": "method",
1845
- "name": "_handleKeydown",
1846
- "privacy": "protected",
1847
- "parameters": [
1848
- {
1849
- "name": "event",
1850
- "type": {
1851
- "text": "KeyboardEvent"
1852
- }
1853
- }
1854
- ],
1855
- "type": {},
1856
- "inheritedFrom": {
1857
- "name": "ButtonElement",
1858
- "module": "src/base/button-element.ts"
1859
- }
1860
- },
1861
- {
1862
- "kind": "method",
1863
- "name": "_assignSpinnerSize",
1864
- "privacy": "protected",
1865
- "parameters": [
1866
- {
1867
- "name": "buttonSize",
1868
- "type": {
1869
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
1870
- }
1871
- }
1872
- ],
1873
- "type": {},
1874
- "inheritedFrom": {
1875
- "name": "ButtonElement",
1876
- "module": "src/base/button-element.ts"
1756
+ "name": "CardElement",
1757
+ "module": "src/base/card-element.ts"
1877
1758
  }
1878
1759
  },
1879
1760
  {
1880
1761
  "kind": "method",
1881
- "name": "_assignSpinnerTone",
1882
- "privacy": "protected",
1883
- "return": {
1884
- "type": {
1885
- "text": "SpinnerTone"
1886
- }
1887
- },
1762
+ "name": "warnLinkSlotMisused",
1888
1763
  "parameters": [
1889
1764
  {
1890
- "name": "buttonTone",
1891
- "type": {
1892
- "text": "ButtonTone"
1893
- }
1894
- },
1895
- {
1896
- "name": "buttonVariant",
1765
+ "name": "e",
1897
1766
  "type": {
1898
- "text": "ButtonVariant"
1767
+ "text": "Event"
1899
1768
  }
1900
1769
  }
1901
1770
  ],
1902
1771
  "type": {},
1903
1772
  "inheritedFrom": {
1904
- "name": "ButtonElement",
1905
- "module": "src/base/button-element.ts"
1773
+ "name": "CardElement",
1774
+ "module": "src/base/card-element.ts"
1906
1775
  }
1907
1776
  },
1908
1777
  {
@@ -1960,426 +1829,355 @@
1960
1829
  }
1961
1830
  }
1962
1831
  ],
1963
- "events": [
1964
- {
1965
- "description": "Emitted when the button is blurred.",
1966
- "name": "sgds-blur",
1967
- "reactName": "onSgdsBlur"
1968
- },
1969
- {
1970
- "description": "Emitted when the button is focused.",
1971
- "name": "sgds-focus",
1972
- "reactName": "onSgdsFocus"
1973
- }
1974
- ],
1975
1832
  "attributes": [
1976
1833
  {
1977
- "name": "type",
1834
+ "name": "imagePosition",
1978
1835
  "type": {
1979
- "text": "\"button\" | \"submit\" | \"reset\""
1836
+ "text": "CardImagePosition"
1980
1837
  },
1981
- "default": "\"button\"",
1982
- "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",
1983
- "fieldName": "type"
1838
+ "default": "\"before\"",
1839
+ "description": "Sets the image position of the card. Available options: `before`, `after`",
1840
+ "fieldName": "imagePosition"
1984
1841
  },
1985
1842
  {
1986
- "name": "form",
1843
+ "name": "imageAdjustment",
1987
1844
  "type": {
1988
- "text": "string"
1845
+ "text": "CardImageAdjustment"
1989
1846
  },
1990
- "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.",
1991
- "fieldName": "form"
1847
+ "default": "\"default\"",
1848
+ "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
1849
+ "fieldName": "imageAdjustment"
1992
1850
  },
1993
1851
  {
1994
- "name": "formaction",
1852
+ "name": "hasImageSlot",
1995
1853
  "type": {
1996
- "text": "string"
1854
+ "text": "boolean"
1997
1855
  },
1998
- "description": "Used to override the form owner's `action` attribute.",
1999
- "fieldName": "formAction"
1856
+ "default": "false",
1857
+ "description": "Used only for SSR to indicate the presence of the `image` slot.",
1858
+ "fieldName": "hasImageSlot"
2000
1859
  },
2001
1860
  {
2002
- "name": "formmethod",
1861
+ "name": "hasIconSlot",
2003
1862
  "type": {
2004
- "text": "\"post\" | \"get\""
1863
+ "text": "boolean"
2005
1864
  },
2006
- "description": "Used to override the form owner's `method` attribute.",
2007
- "fieldName": "formMethod"
1865
+ "default": "false",
1866
+ "description": "Used only for SSR to indicate the presence of the `icon` slot.",
1867
+ "fieldName": "hasIconSlot"
2008
1868
  },
2009
1869
  {
2010
- "name": "formnovalidate",
1870
+ "name": "hasUpperSlot",
2011
1871
  "type": {
2012
1872
  "text": "boolean"
2013
1873
  },
2014
- "description": "Used to override the form owner's `novalidate` attribute.",
2015
- "fieldName": "formNoValidate"
1874
+ "default": "false",
1875
+ "description": "Used only for SSR to indicate the presence of the `upper` slot.",
1876
+ "fieldName": "hasUpperSlot"
2016
1877
  },
2017
1878
  {
2018
- "name": "formtarget",
1879
+ "name": "stretchedLink",
2019
1880
  "type": {
2020
- "text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
1881
+ "text": "boolean"
2021
1882
  },
2022
- "description": "Used to override the form owner's `target` attribute.",
2023
- "fieldName": "formTarget"
1883
+ "default": "false",
1884
+ "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
1885
+ "fieldName": "stretchedLink",
1886
+ "inheritedFrom": {
1887
+ "name": "CardElement",
1888
+ "module": "src/base/card-element.ts"
1889
+ }
2024
1890
  },
2025
1891
  {
2026
- "name": "fullWidth",
1892
+ "name": "disabled",
2027
1893
  "type": {
2028
1894
  "text": "boolean"
2029
1895
  },
2030
1896
  "default": "false",
2031
- "description": "When set, the button will be in full width.",
2032
- "fieldName": "fullWidth"
1897
+ "description": "Disables the card",
1898
+ "fieldName": "disabled",
1899
+ "inheritedFrom": {
1900
+ "name": "CardElement",
1901
+ "module": "src/base/card-element.ts"
1902
+ }
2033
1903
  },
2034
1904
  {
2035
- "name": "hasLeftIconSlot",
1905
+ "name": "hideBorder",
2036
1906
  "type": {
2037
1907
  "text": "boolean"
2038
1908
  },
2039
1909
  "default": "false",
2040
- "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
2041
- "fieldName": "hasLeftIconSlot"
1910
+ "description": "When true, hides the default border of the card.",
1911
+ "fieldName": "hideBorder",
1912
+ "inheritedFrom": {
1913
+ "name": "CardElement",
1914
+ "module": "src/base/card-element.ts"
1915
+ }
2042
1916
  },
2043
1917
  {
2044
- "name": "hasRightIconSlot",
1918
+ "name": "tinted",
2045
1919
  "type": {
2046
1920
  "text": "boolean"
2047
1921
  },
2048
1922
  "default": "false",
2049
- "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
2050
- "fieldName": "hasRightIconSlot"
2051
- },
2052
- {
2053
- "name": "variant",
2054
- "type": {
2055
- "text": "ButtonVariant"
2056
- },
2057
- "default": "\"primary\"",
2058
- "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is @deprecated since v3.5.6",
2059
- "fieldName": "variant",
2060
- "inheritedFrom": {
2061
- "name": "ButtonElement",
2062
- "module": "src/base/button-element.ts"
2063
- }
2064
- },
2065
- {
2066
- "name": "tone",
2067
- "type": {
2068
- "text": "ButtonTone"
2069
- },
2070
- "default": "\"brand\"",
2071
- "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
2072
- "fieldName": "tone",
2073
- "inheritedFrom": {
2074
- "name": "ButtonElement",
2075
- "module": "src/base/button-element.ts"
2076
- }
2077
- },
2078
- {
2079
- "name": "size",
2080
- "type": {
2081
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
2082
- },
2083
- "default": "\"md\"",
2084
- "description": "Specifies a small, medium or large button, the size is medium by default.",
2085
- "fieldName": "size",
2086
- "inheritedFrom": {
2087
- "name": "ButtonElement",
2088
- "module": "src/base/button-element.ts"
2089
- }
2090
- },
2091
- {
2092
- "name": "active",
2093
- "type": {
2094
- "text": "boolean"
2095
- },
2096
- "default": "false",
2097
- "description": "Manually set the visual state of the button to `:active`",
2098
- "fieldName": "active",
2099
- "inheritedFrom": {
2100
- "name": "ButtonElement",
2101
- "module": "src/base/button-element.ts"
2102
- }
2103
- },
2104
- {
2105
- "name": "disabled",
2106
- "type": {
2107
- "text": "boolean"
2108
- },
2109
- "default": "false",
2110
- "description": "The disabled state of the button",
2111
- "fieldName": "disabled",
2112
- "inheritedFrom": {
2113
- "name": "ButtonElement",
2114
- "module": "src/base/button-element.ts"
2115
- }
2116
- },
2117
- {
2118
- "name": "href",
2119
- "type": {
2120
- "text": "string"
2121
- },
2122
- "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
2123
- "fieldName": "href",
2124
- "inheritedFrom": {
2125
- "name": "ButtonElement",
2126
- "module": "src/base/button-element.ts"
2127
- }
2128
- },
2129
- {
2130
- "name": "target",
2131
- "type": {
2132
- "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
2133
- },
2134
- "default": "\"_self\"",
2135
- "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
2136
- "fieldName": "target",
2137
- "inheritedFrom": {
2138
- "name": "ButtonElement",
2139
- "module": "src/base/button-element.ts"
2140
- }
2141
- },
2142
- {
2143
- "name": "download",
2144
- "type": {
2145
- "text": "string"
2146
- },
2147
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
2148
- "fieldName": "download",
2149
- "inheritedFrom": {
2150
- "name": "ButtonElement",
2151
- "module": "src/base/button-element.ts"
2152
- }
2153
- },
2154
- {
2155
- "name": "ariaLabel",
2156
- "type": {
2157
- "text": "string"
2158
- },
2159
- "description": "The aria-label attribute to passed to button element when necessary",
2160
- "fieldName": "ariaLabel",
1923
+ "description": "When true, applies a tinted background color to the card.",
1924
+ "fieldName": "tinted",
2161
1925
  "inheritedFrom": {
2162
- "name": "ButtonElement",
2163
- "module": "src/base/button-element.ts"
1926
+ "name": "CardElement",
1927
+ "module": "src/base/card-element.ts"
2164
1928
  }
2165
1929
  },
2166
1930
  {
2167
- "name": "loading",
1931
+ "name": "orientation",
2168
1932
  "type": {
2169
- "text": "boolean"
1933
+ "text": "CardOrientation"
2170
1934
  },
2171
- "description": "When true, shows a loading spinner",
2172
- "fieldName": "loading",
1935
+ "default": "\"vertical\"",
1936
+ "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
1937
+ "fieldName": "orientation",
2173
1938
  "inheritedFrom": {
2174
- "name": "ButtonElement",
2175
- "module": "src/base/button-element.ts"
1939
+ "name": "CardElement",
1940
+ "module": "src/base/card-element.ts"
2176
1941
  }
2177
1942
  }
2178
1943
  ],
2179
1944
  "superclass": {
2180
- "name": "ButtonElement",
2181
- "module": "/src/base/button-element"
1945
+ "name": "CardElement",
1946
+ "module": "/src/base/card-element"
2182
1947
  },
2183
- "summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
2184
- "tagName": "sgds-button",
1948
+ "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
1949
+ "tagName": "sgds-card",
2185
1950
  "customElement": true,
2186
- "modulePath": "src/components/Button/sgds-button.ts",
1951
+ "modulePath": "src/components/Card/sgds-card.ts",
2187
1952
  "cssProperties": [],
2188
1953
  "cssParts": [],
2189
- "cssStates": []
1954
+ "cssStates": [],
1955
+ "events": []
2190
1956
  }
2191
1957
  ],
2192
1958
  "exports": [
2193
1959
  {
2194
1960
  "kind": "js",
2195
- "name": "SgdsButton",
1961
+ "name": "SgdsCard",
2196
1962
  "declaration": {
2197
- "name": "SgdsButton",
2198
- "module": "src/components/Button/sgds-button.ts"
1963
+ "name": "SgdsCard",
1964
+ "module": "src/components/Card/sgds-card.ts"
2199
1965
  }
2200
1966
  },
2201
1967
  {
2202
1968
  "kind": "js",
2203
1969
  "name": "default",
2204
1970
  "declaration": {
2205
- "name": "SgdsButton",
2206
- "module": "src/components/Button/sgds-button.ts"
1971
+ "name": "SgdsCard",
1972
+ "module": "src/components/Card/sgds-card.ts"
2207
1973
  }
2208
1974
  }
2209
1975
  ]
2210
1976
  },
2211
1977
  {
2212
1978
  "kind": "javascript-module",
2213
- "path": "src/components/Card/sgds-card.ts",
1979
+ "path": "src/components/Button/sgds-button.ts",
2214
1980
  "declarations": [
2215
1981
  {
2216
1982
  "kind": "class",
2217
1983
  "description": "",
2218
- "name": "SgdsCard",
1984
+ "name": "SgdsButton",
2219
1985
  "slots": [
2220
1986
  {
2221
- "description": "The content area of the card, placed directly under the title. Accepts any HTML or custom elements.",
1987
+ "description": "The button's label.",
2222
1988
  "name": "default"
2223
1989
  },
2224
1990
  {
2225
- "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.",
2226
- "name": "menu"
2227
- },
2228
- {
2229
- "description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
2230
- "name": "upper"
2231
- },
2232
- {
2233
- "description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
2234
- "name": "image"
2235
- },
2236
- {
2237
- "description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
2238
- "name": "icon"
2239
- },
2240
- {
2241
- "description": "The subtitle of the card",
2242
- "name": "subtitle"
2243
- },
2244
- {
2245
- "description": "The title of the card",
2246
- "name": "title"
2247
- },
2248
- {
2249
- "description": "The paragrapher text of the card",
2250
- "name": "description"
2251
- },
2252
- {
2253
- "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
2254
- "name": "lower"
2255
- },
2256
- {
2257
- "description": "Footer area of the card. Accepts links, actions, or any custom content.",
2258
- "name": "footer"
1991
+ "description": "The slot for icon to the left of the button text",
1992
+ "name": "leftIcon"
2259
1993
  },
2260
1994
  {
2261
- "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
2262
- "name": "link"
1995
+ "description": "The slot for icon to the right of the button text",
1996
+ "name": "rightIcon"
2263
1997
  }
2264
1998
  ],
2265
1999
  "members": [
2266
2000
  {
2267
2001
  "kind": "field",
2268
- "name": "footerNode",
2002
+ "name": "type",
2269
2003
  "type": {
2270
- "text": "HTMLElement[]"
2004
+ "text": "\"button\" | \"submit\" | \"reset\""
2271
2005
  },
2272
- "privacy": "private"
2006
+ "default": "\"button\"",
2007
+ "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",
2008
+ "attribute": "type",
2009
+ "reflects": true
2273
2010
  },
2274
2011
  {
2275
2012
  "kind": "field",
2276
- "name": "linkNode",
2013
+ "name": "form",
2277
2014
  "type": {
2278
- "text": "HTMLAnchorElement[] | SgdsLink[]"
2015
+ "text": "string"
2279
2016
  },
2280
- "privacy": "private"
2017
+ "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.",
2018
+ "attribute": "form",
2019
+ "reflects": true
2281
2020
  },
2282
2021
  {
2283
2022
  "kind": "field",
2284
- "name": "imagePosition",
2023
+ "name": "formAction",
2285
2024
  "type": {
2286
- "text": "CardImagePosition"
2025
+ "text": "string"
2287
2026
  },
2288
- "default": "\"before\"",
2289
- "description": "Sets the image position of the card. Available options: `before`, `after`",
2290
- "attribute": "imagePosition",
2027
+ "description": "Used to override the form owner's `action` attribute.",
2028
+ "attribute": "formaction",
2291
2029
  "reflects": true
2292
2030
  },
2293
2031
  {
2294
2032
  "kind": "field",
2295
- "name": "imageAdjustment",
2033
+ "name": "formMethod",
2296
2034
  "type": {
2297
- "text": "CardImageAdjustment"
2035
+ "text": "\"post\" | \"get\""
2298
2036
  },
2299
- "default": "\"default\"",
2300
- "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
2301
- "attribute": "imageAdjustment",
2037
+ "description": "Used to override the form owner's `method` attribute.",
2038
+ "attribute": "formmethod",
2302
2039
  "reflects": true
2303
2040
  },
2304
2041
  {
2305
2042
  "kind": "field",
2306
- "name": "hasImageSlot",
2043
+ "name": "formNoValidate",
2307
2044
  "type": {
2308
2045
  "text": "boolean"
2309
2046
  },
2310
- "default": "false",
2311
- "description": "Used only for SSR to indicate the presence of the `image` slot.",
2312
- "attribute": "hasImageSlot"
2047
+ "description": "Used to override the form owner's `novalidate` attribute.",
2048
+ "attribute": "formnovalidate",
2049
+ "reflects": true
2313
2050
  },
2314
2051
  {
2315
2052
  "kind": "field",
2316
- "name": "hasIconSlot",
2053
+ "name": "formTarget",
2317
2054
  "type": {
2318
- "text": "boolean"
2055
+ "text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
2319
2056
  },
2320
- "default": "false",
2321
- "description": "Used only for SSR to indicate the presence of the `icon` slot.",
2322
- "attribute": "hasIconSlot"
2057
+ "description": "Used to override the form owner's `target` attribute.",
2058
+ "attribute": "formtarget",
2059
+ "reflects": true
2323
2060
  },
2324
2061
  {
2325
2062
  "kind": "field",
2326
- "name": "hasUpperSlot",
2063
+ "name": "fullWidth",
2327
2064
  "type": {
2328
2065
  "text": "boolean"
2329
2066
  },
2330
2067
  "default": "false",
2331
- "description": "Used only for SSR to indicate the presence of the `upper` slot.",
2332
- "attribute": "hasUpperSlot"
2068
+ "description": "When set, the button will be in full width.",
2069
+ "attribute": "fullWidth",
2070
+ "reflects": true
2333
2071
  },
2334
2072
  {
2335
2073
  "kind": "field",
2336
- "name": "linkSlotItems",
2074
+ "name": "hasLeftIconSlot",
2337
2075
  "type": {
2338
- "text": "HTMLAnchorElement | null"
2076
+ "text": "boolean"
2339
2077
  },
2340
- "privacy": "private"
2078
+ "default": "false",
2079
+ "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
2080
+ "attribute": "hasLeftIconSlot"
2341
2081
  },
2342
2082
  {
2343
2083
  "kind": "field",
2344
- "name": "footerSlotItems",
2084
+ "name": "hasRightIconSlot",
2345
2085
  "type": {
2346
- "text": "HTMLAnchorElement | null"
2086
+ "text": "boolean"
2347
2087
  },
2348
- "privacy": "private"
2088
+ "default": "false",
2089
+ "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
2090
+ "attribute": "hasRightIconSlot"
2349
2091
  },
2350
2092
  {
2351
2093
  "kind": "field",
2352
2094
  "name": "hasSlotController",
2353
2095
  "privacy": "private",
2354
- "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
2096
+ "default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
2355
2097
  "type": {}
2356
2098
  },
2357
2099
  {
2358
2100
  "kind": "method",
2359
- "name": "handleImgSlotChange",
2101
+ "name": "_handleClick",
2102
+ "privacy": "protected",
2360
2103
  "parameters": [
2361
2104
  {
2362
- "name": "e",
2105
+ "name": "event",
2363
2106
  "type": {
2364
- "text": "Event"
2107
+ "text": "MouseEvent"
2365
2108
  }
2366
2109
  }
2367
2110
  ],
2111
+ "type": {},
2112
+ "inheritedFrom": {
2113
+ "name": "ButtonElement",
2114
+ "module": "src/base/button-element.ts"
2115
+ }
2116
+ },
2117
+ {
2118
+ "kind": "field",
2119
+ "name": "_clickHandler",
2120
+ "privacy": "private",
2368
2121
  "type": {}
2369
2122
  },
2370
2123
  {
2371
2124
  "kind": "field",
2372
- "name": "stretchedLink",
2125
+ "name": "variant",
2126
+ "type": {
2127
+ "text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
2128
+ },
2129
+ "default": "\"primary\"",
2130
+ "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is @deprecated since v3.5.6",
2131
+ "attribute": "variant",
2132
+ "reflects": true,
2133
+ "inheritedFrom": {
2134
+ "name": "ButtonElement",
2135
+ "module": "src/base/button-element.ts"
2136
+ }
2137
+ },
2138
+ {
2139
+ "kind": "field",
2140
+ "name": "tone",
2141
+ "type": {
2142
+ "text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
2143
+ },
2144
+ "default": "\"brand\"",
2145
+ "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
2146
+ "attribute": "tone",
2147
+ "reflects": true,
2148
+ "inheritedFrom": {
2149
+ "name": "ButtonElement",
2150
+ "module": "src/base/button-element.ts"
2151
+ }
2152
+ },
2153
+ {
2154
+ "kind": "field",
2155
+ "name": "size",
2156
+ "type": {
2157
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
2158
+ },
2159
+ "default": "\"md\"",
2160
+ "description": "Specifies a small, medium or large button, the size is medium by default.",
2161
+ "attribute": "size",
2162
+ "reflects": true,
2163
+ "inheritedFrom": {
2164
+ "name": "ButtonElement",
2165
+ "module": "src/base/button-element.ts"
2166
+ }
2167
+ },
2168
+ {
2169
+ "kind": "field",
2170
+ "name": "active",
2373
2171
  "type": {
2374
2172
  "text": "boolean"
2375
2173
  },
2376
2174
  "default": "false",
2377
- "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
2378
- "attribute": "stretchedLink",
2175
+ "description": "Manually set the visual state of the button to `:active`",
2176
+ "attribute": "active",
2379
2177
  "reflects": true,
2380
2178
  "inheritedFrom": {
2381
- "name": "CardElement",
2382
- "module": "src/base/card-element.ts"
2179
+ "name": "ButtonElement",
2180
+ "module": "src/base/button-element.ts"
2383
2181
  }
2384
2182
  },
2385
2183
  {
@@ -2389,109 +2187,208 @@
2389
2187
  "text": "boolean"
2390
2188
  },
2391
2189
  "default": "false",
2392
- "description": "Disables the card",
2190
+ "description": "The disabled state of the button",
2393
2191
  "attribute": "disabled",
2394
2192
  "reflects": true,
2395
2193
  "inheritedFrom": {
2396
- "name": "CardElement",
2397
- "module": "src/base/card-element.ts"
2194
+ "name": "ButtonElement",
2195
+ "module": "src/base/button-element.ts"
2398
2196
  }
2399
2197
  },
2400
2198
  {
2401
2199
  "kind": "field",
2402
- "name": "hideBorder",
2200
+ "name": "href",
2403
2201
  "type": {
2404
- "text": "boolean"
2202
+ "text": "string"
2405
2203
  },
2406
- "default": "false",
2407
- "description": "When true, hides the default border of the card.",
2408
- "attribute": "hideBorder",
2204
+ "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
2205
+ "attribute": "href",
2409
2206
  "reflects": true,
2410
2207
  "inheritedFrom": {
2411
- "name": "CardElement",
2412
- "module": "src/base/card-element.ts"
2208
+ "name": "ButtonElement",
2209
+ "module": "src/base/button-element.ts"
2413
2210
  }
2414
2211
  },
2415
2212
  {
2416
2213
  "kind": "field",
2417
- "name": "tinted",
2214
+ "name": "target",
2418
2215
  "type": {
2419
- "text": "boolean"
2216
+ "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
2420
2217
  },
2421
- "default": "false",
2422
- "description": "When true, applies a tinted background color to the card.",
2423
- "attribute": "tinted",
2218
+ "default": "\"_self\"",
2219
+ "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
2220
+ "attribute": "target",
2424
2221
  "reflects": true,
2425
2222
  "inheritedFrom": {
2426
- "name": "CardElement",
2427
- "module": "src/base/card-element.ts"
2223
+ "name": "ButtonElement",
2224
+ "module": "src/base/button-element.ts"
2428
2225
  }
2429
2226
  },
2430
2227
  {
2431
2228
  "kind": "field",
2432
- "name": "orientation",
2229
+ "name": "download",
2433
2230
  "type": {
2434
- "text": "CardOrientation"
2231
+ "text": "string"
2435
2232
  },
2436
- "default": "\"vertical\"",
2437
- "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
2438
- "attribute": "orientation",
2233
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
2234
+ "attribute": "download",
2439
2235
  "reflects": true,
2440
2236
  "inheritedFrom": {
2441
- "name": "CardElement",
2442
- "module": "src/base/card-element.ts"
2237
+ "name": "ButtonElement",
2238
+ "module": "src/base/button-element.ts"
2239
+ }
2240
+ },
2241
+ {
2242
+ "kind": "field",
2243
+ "name": "ariaLabel",
2244
+ "type": {
2245
+ "text": "string"
2246
+ },
2247
+ "description": "The aria-label attribute to passed to button element when necessary",
2248
+ "attribute": "ariaLabel",
2249
+ "inheritedFrom": {
2250
+ "name": "ButtonElement",
2251
+ "module": "src/base/button-element.ts"
2252
+ }
2253
+ },
2254
+ {
2255
+ "kind": "field",
2256
+ "name": "loading",
2257
+ "type": {
2258
+ "text": "boolean"
2259
+ },
2260
+ "description": "When true, shows a loading spinner",
2261
+ "attribute": "loading",
2262
+ "inheritedFrom": {
2263
+ "name": "ButtonElement",
2264
+ "module": "src/base/button-element.ts"
2443
2265
  }
2444
2266
  },
2445
2267
  {
2446
2268
  "kind": "method",
2447
- "name": "handleTitleSlotChange",
2269
+ "name": "focus",
2270
+ "privacy": "public",
2448
2271
  "parameters": [
2449
2272
  {
2450
- "name": "e",
2273
+ "name": "options",
2274
+ "optional": true,
2451
2275
  "type": {
2452
- "text": "Event"
2276
+ "text": "FocusOptions"
2453
2277
  }
2454
2278
  }
2455
2279
  ],
2280
+ "description": "Sets focus on the button.",
2456
2281
  "type": {},
2457
2282
  "inheritedFrom": {
2458
- "name": "CardElement",
2459
- "module": "src/base/card-element.ts"
2283
+ "name": "ButtonElement",
2284
+ "module": "src/base/button-element.ts"
2460
2285
  }
2461
2286
  },
2462
2287
  {
2463
2288
  "kind": "method",
2464
- "name": "_forwardAnchorAttributes",
2289
+ "name": "click",
2290
+ "privacy": "public",
2291
+ "description": "Simulates a click on the button.",
2292
+ "type": {},
2293
+ "inheritedFrom": {
2294
+ "name": "ButtonElement",
2295
+ "module": "src/base/button-element.ts"
2296
+ }
2297
+ },
2298
+ {
2299
+ "kind": "method",
2300
+ "name": "blur",
2301
+ "privacy": "public",
2302
+ "description": "Removes focus from the button.",
2303
+ "type": {},
2304
+ "inheritedFrom": {
2305
+ "name": "ButtonElement",
2306
+ "module": "src/base/button-element.ts"
2307
+ }
2308
+ },
2309
+ {
2310
+ "kind": "method",
2311
+ "name": "_handleBlur",
2312
+ "privacy": "protected",
2313
+ "type": {},
2314
+ "inheritedFrom": {
2315
+ "name": "ButtonElement",
2316
+ "module": "src/base/button-element.ts"
2317
+ }
2318
+ },
2319
+ {
2320
+ "kind": "method",
2321
+ "name": "_handleFocus",
2322
+ "privacy": "protected",
2323
+ "type": {},
2324
+ "inheritedFrom": {
2325
+ "name": "ButtonElement",
2326
+ "module": "src/base/button-element.ts"
2327
+ }
2328
+ },
2329
+ {
2330
+ "kind": "method",
2331
+ "name": "_handleKeydown",
2465
2332
  "privacy": "protected",
2466
2333
  "parameters": [
2467
2334
  {
2468
- "name": "anchor",
2335
+ "name": "event",
2469
2336
  "type": {
2470
- "text": "HTMLAnchorElement | null"
2337
+ "text": "KeyboardEvent"
2338
+ }
2339
+ }
2340
+ ],
2341
+ "type": {},
2342
+ "inheritedFrom": {
2343
+ "name": "ButtonElement",
2344
+ "module": "src/base/button-element.ts"
2345
+ }
2346
+ },
2347
+ {
2348
+ "kind": "method",
2349
+ "name": "_assignSpinnerSize",
2350
+ "privacy": "protected",
2351
+ "parameters": [
2352
+ {
2353
+ "name": "buttonSize",
2354
+ "type": {
2355
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
2471
2356
  }
2472
2357
  }
2473
2358
  ],
2474
2359
  "type": {},
2475
2360
  "inheritedFrom": {
2476
- "name": "CardElement",
2477
- "module": "src/base/card-element.ts"
2361
+ "name": "ButtonElement",
2362
+ "module": "src/base/button-element.ts"
2478
2363
  }
2479
2364
  },
2480
2365
  {
2481
2366
  "kind": "method",
2482
- "name": "warnLinkSlotMisused",
2367
+ "name": "_assignSpinnerTone",
2368
+ "privacy": "protected",
2369
+ "return": {
2370
+ "type": {
2371
+ "text": "SpinnerTone"
2372
+ }
2373
+ },
2483
2374
  "parameters": [
2484
2375
  {
2485
- "name": "e",
2376
+ "name": "buttonTone",
2486
2377
  "type": {
2487
- "text": "Event"
2378
+ "text": "ButtonTone"
2379
+ }
2380
+ },
2381
+ {
2382
+ "name": "buttonVariant",
2383
+ "type": {
2384
+ "text": "ButtonVariant"
2488
2385
  }
2489
2386
  }
2490
2387
  ],
2491
2388
  "type": {},
2492
2389
  "inheritedFrom": {
2493
- "name": "CardElement",
2494
- "module": "src/base/card-element.ts"
2390
+ "name": "ButtonElement",
2391
+ "module": "src/base/button-element.ts"
2495
2392
  }
2496
2393
  },
2497
2394
  {
@@ -2549,63 +2446,145 @@
2549
2446
  }
2550
2447
  }
2551
2448
  ],
2449
+ "events": [
2450
+ {
2451
+ "description": "Emitted when the button is blurred.",
2452
+ "name": "sgds-blur",
2453
+ "reactName": "onSgdsBlur"
2454
+ },
2455
+ {
2456
+ "description": "Emitted when the button is focused.",
2457
+ "name": "sgds-focus",
2458
+ "reactName": "onSgdsFocus"
2459
+ }
2460
+ ],
2552
2461
  "attributes": [
2553
2462
  {
2554
- "name": "imagePosition",
2463
+ "name": "type",
2555
2464
  "type": {
2556
- "text": "CardImagePosition"
2465
+ "text": "\"button\" | \"submit\" | \"reset\""
2557
2466
  },
2558
- "default": "\"before\"",
2559
- "description": "Sets the image position of the card. Available options: `before`, `after`",
2560
- "fieldName": "imagePosition"
2467
+ "default": "\"button\"",
2468
+ "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",
2469
+ "fieldName": "type"
2561
2470
  },
2562
2471
  {
2563
- "name": "imageAdjustment",
2472
+ "name": "form",
2564
2473
  "type": {
2565
- "text": "CardImageAdjustment"
2474
+ "text": "string"
2566
2475
  },
2567
- "default": "\"default\"",
2568
- "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
2569
- "fieldName": "imageAdjustment"
2476
+ "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.",
2477
+ "fieldName": "form"
2570
2478
  },
2571
2479
  {
2572
- "name": "hasImageSlot",
2480
+ "name": "formaction",
2481
+ "type": {
2482
+ "text": "string"
2483
+ },
2484
+ "description": "Used to override the form owner's `action` attribute.",
2485
+ "fieldName": "formAction"
2486
+ },
2487
+ {
2488
+ "name": "formmethod",
2489
+ "type": {
2490
+ "text": "\"post\" | \"get\""
2491
+ },
2492
+ "description": "Used to override the form owner's `method` attribute.",
2493
+ "fieldName": "formMethod"
2494
+ },
2495
+ {
2496
+ "name": "formnovalidate",
2497
+ "type": {
2498
+ "text": "boolean"
2499
+ },
2500
+ "description": "Used to override the form owner's `novalidate` attribute.",
2501
+ "fieldName": "formNoValidate"
2502
+ },
2503
+ {
2504
+ "name": "formtarget",
2505
+ "type": {
2506
+ "text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
2507
+ },
2508
+ "description": "Used to override the form owner's `target` attribute.",
2509
+ "fieldName": "formTarget"
2510
+ },
2511
+ {
2512
+ "name": "fullWidth",
2573
2513
  "type": {
2574
2514
  "text": "boolean"
2575
2515
  },
2576
2516
  "default": "false",
2577
- "description": "Used only for SSR to indicate the presence of the `image` slot.",
2578
- "fieldName": "hasImageSlot"
2517
+ "description": "When set, the button will be in full width.",
2518
+ "fieldName": "fullWidth"
2579
2519
  },
2580
2520
  {
2581
- "name": "hasIconSlot",
2521
+ "name": "hasLeftIconSlot",
2582
2522
  "type": {
2583
2523
  "text": "boolean"
2584
2524
  },
2585
2525
  "default": "false",
2586
- "description": "Used only for SSR to indicate the presence of the `icon` slot.",
2587
- "fieldName": "hasIconSlot"
2526
+ "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
2527
+ "fieldName": "hasLeftIconSlot"
2588
2528
  },
2589
2529
  {
2590
- "name": "hasUpperSlot",
2530
+ "name": "hasRightIconSlot",
2591
2531
  "type": {
2592
2532
  "text": "boolean"
2593
2533
  },
2594
2534
  "default": "false",
2595
- "description": "Used only for SSR to indicate the presence of the `upper` slot.",
2596
- "fieldName": "hasUpperSlot"
2535
+ "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
2536
+ "fieldName": "hasRightIconSlot"
2597
2537
  },
2598
2538
  {
2599
- "name": "stretchedLink",
2539
+ "name": "variant",
2540
+ "type": {
2541
+ "text": "ButtonVariant"
2542
+ },
2543
+ "default": "\"primary\"",
2544
+ "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is @deprecated since v3.5.6",
2545
+ "fieldName": "variant",
2546
+ "inheritedFrom": {
2547
+ "name": "ButtonElement",
2548
+ "module": "src/base/button-element.ts"
2549
+ }
2550
+ },
2551
+ {
2552
+ "name": "tone",
2553
+ "type": {
2554
+ "text": "ButtonTone"
2555
+ },
2556
+ "default": "\"brand\"",
2557
+ "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
2558
+ "fieldName": "tone",
2559
+ "inheritedFrom": {
2560
+ "name": "ButtonElement",
2561
+ "module": "src/base/button-element.ts"
2562
+ }
2563
+ },
2564
+ {
2565
+ "name": "size",
2566
+ "type": {
2567
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
2568
+ },
2569
+ "default": "\"md\"",
2570
+ "description": "Specifies a small, medium or large button, the size is medium by default.",
2571
+ "fieldName": "size",
2572
+ "inheritedFrom": {
2573
+ "name": "ButtonElement",
2574
+ "module": "src/base/button-element.ts"
2575
+ }
2576
+ },
2577
+ {
2578
+ "name": "active",
2600
2579
  "type": {
2601
2580
  "text": "boolean"
2602
2581
  },
2603
2582
  "default": "false",
2604
- "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
2605
- "fieldName": "stretchedLink",
2583
+ "description": "Manually set the visual state of the button to `:active`",
2584
+ "fieldName": "active",
2606
2585
  "inheritedFrom": {
2607
- "name": "CardElement",
2608
- "module": "src/base/card-element.ts"
2586
+ "name": "ButtonElement",
2587
+ "module": "src/base/button-element.ts"
2609
2588
  }
2610
2589
  },
2611
2590
  {
@@ -2614,82 +2593,103 @@
2614
2593
  "text": "boolean"
2615
2594
  },
2616
2595
  "default": "false",
2617
- "description": "Disables the card",
2596
+ "description": "The disabled state of the button",
2618
2597
  "fieldName": "disabled",
2619
2598
  "inheritedFrom": {
2620
- "name": "CardElement",
2621
- "module": "src/base/card-element.ts"
2599
+ "name": "ButtonElement",
2600
+ "module": "src/base/button-element.ts"
2622
2601
  }
2623
2602
  },
2624
2603
  {
2625
- "name": "hideBorder",
2604
+ "name": "href",
2626
2605
  "type": {
2627
- "text": "boolean"
2606
+ "text": "string"
2628
2607
  },
2629
- "default": "false",
2630
- "description": "When true, hides the default border of the card.",
2631
- "fieldName": "hideBorder",
2608
+ "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
2609
+ "fieldName": "href",
2632
2610
  "inheritedFrom": {
2633
- "name": "CardElement",
2634
- "module": "src/base/card-element.ts"
2611
+ "name": "ButtonElement",
2612
+ "module": "src/base/button-element.ts"
2635
2613
  }
2636
2614
  },
2637
2615
  {
2638
- "name": "tinted",
2616
+ "name": "target",
2639
2617
  "type": {
2640
- "text": "boolean"
2618
+ "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
2641
2619
  },
2642
- "default": "false",
2643
- "description": "When true, applies a tinted background color to the card.",
2644
- "fieldName": "tinted",
2620
+ "default": "\"_self\"",
2621
+ "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
2622
+ "fieldName": "target",
2645
2623
  "inheritedFrom": {
2646
- "name": "CardElement",
2647
- "module": "src/base/card-element.ts"
2624
+ "name": "ButtonElement",
2625
+ "module": "src/base/button-element.ts"
2648
2626
  }
2649
2627
  },
2650
2628
  {
2651
- "name": "orientation",
2629
+ "name": "download",
2652
2630
  "type": {
2653
- "text": "CardOrientation"
2631
+ "text": "string"
2654
2632
  },
2655
- "default": "\"vertical\"",
2656
- "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
2657
- "fieldName": "orientation",
2633
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
2634
+ "fieldName": "download",
2658
2635
  "inheritedFrom": {
2659
- "name": "CardElement",
2660
- "module": "src/base/card-element.ts"
2636
+ "name": "ButtonElement",
2637
+ "module": "src/base/button-element.ts"
2638
+ }
2639
+ },
2640
+ {
2641
+ "name": "ariaLabel",
2642
+ "type": {
2643
+ "text": "string"
2644
+ },
2645
+ "description": "The aria-label attribute to passed to button element when necessary",
2646
+ "fieldName": "ariaLabel",
2647
+ "inheritedFrom": {
2648
+ "name": "ButtonElement",
2649
+ "module": "src/base/button-element.ts"
2650
+ }
2651
+ },
2652
+ {
2653
+ "name": "loading",
2654
+ "type": {
2655
+ "text": "boolean"
2656
+ },
2657
+ "description": "When true, shows a loading spinner",
2658
+ "fieldName": "loading",
2659
+ "inheritedFrom": {
2660
+ "name": "ButtonElement",
2661
+ "module": "src/base/button-element.ts"
2661
2662
  }
2662
2663
  }
2663
2664
  ],
2664
2665
  "superclass": {
2665
- "name": "CardElement",
2666
- "module": "/src/base/card-element"
2666
+ "name": "ButtonElement",
2667
+ "module": "/src/base/button-element"
2667
2668
  },
2668
- "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
2669
- "tagName": "sgds-card",
2669
+ "summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
2670
+ "tagName": "sgds-button",
2670
2671
  "customElement": true,
2671
- "modulePath": "src/components/Card/sgds-card.ts",
2672
+ "modulePath": "src/components/Button/sgds-button.ts",
2672
2673
  "cssProperties": [],
2673
2674
  "cssParts": [],
2674
- "cssStates": [],
2675
- "events": []
2675
+ "cssStates": []
2676
2676
  }
2677
2677
  ],
2678
2678
  "exports": [
2679
2679
  {
2680
2680
  "kind": "js",
2681
- "name": "SgdsCard",
2681
+ "name": "SgdsButton",
2682
2682
  "declaration": {
2683
- "name": "SgdsCard",
2684
- "module": "src/components/Card/sgds-card.ts"
2683
+ "name": "SgdsButton",
2684
+ "module": "src/components/Button/sgds-button.ts"
2685
2685
  }
2686
2686
  },
2687
2687
  {
2688
2688
  "kind": "js",
2689
2689
  "name": "default",
2690
2690
  "declaration": {
2691
- "name": "SgdsCard",
2692
- "module": "src/components/Card/sgds-card.ts"
2691
+ "name": "SgdsButton",
2692
+ "module": "src/components/Button/sgds-button.ts"
2693
2693
  }
2694
2694
  }
2695
2695
  ]
@@ -19038,6 +19038,13 @@
19038
19038
  "privacy": "private",
19039
19039
  "default": "0"
19040
19040
  },
19041
+ {
19042
+ "kind": "field",
19043
+ "name": "hasSlotController",
19044
+ "privacy": "private",
19045
+ "default": "new HasSlotController(this, \"[default]\")",
19046
+ "type": {}
19047
+ },
19041
19048
  {
19042
19049
  "kind": "method",
19043
19050
  "name": "getComponent",
@@ -26733,7 +26740,7 @@
26733
26740
  "package": {
26734
26741
  "name": "@govtechsg/sgds-web-component",
26735
26742
  "description": "",
26736
- "version": "3.19.0-rc.0",
26743
+ "version": "3.19.0-rc.3",
26737
26744
  "author": "GovTechSG",
26738
26745
  "license": "MIT"
26739
26746
  }