@govtechsg/sgds-web-component 3.0.0-rc.6 → 3.0.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 (382) hide show
  1. package/Masthead/index.js +2 -2
  2. package/README.md +2 -2
  3. package/base/button.js +1 -1
  4. package/base/card-element.d.ts +0 -3
  5. package/base/card-element.js +0 -3
  6. package/base/card-element.js.map +1 -1
  7. package/base/card.js +1 -1
  8. package/base/sgds-element2.js +1 -1
  9. package/components/Accordion/accordion-item.js +1 -1
  10. package/components/Accordion/accordion.js +1 -1
  11. package/components/Accordion/index.umd.js +137 -145
  12. package/components/Accordion/index.umd.js.map +1 -1
  13. package/components/Accordion/sgds-accordion-item.js +1 -5
  14. package/components/Accordion/sgds-accordion-item.js.map +1 -1
  15. package/components/Accordion/sgds-accordion.js +1 -6
  16. package/components/Accordion/sgds-accordion.js.map +1 -1
  17. package/components/Alert/alert.js +1 -1
  18. package/components/Alert/index.umd.js +3 -3
  19. package/components/Badge/badge.js +1 -1
  20. package/components/Badge/index.umd.js +3 -3
  21. package/components/Breadcrumb/breadcrumb-item.js +1 -1
  22. package/components/Breadcrumb/index.umd.js +19 -7
  23. package/components/Breadcrumb/index.umd.js.map +1 -1
  24. package/components/Button/button.js +1 -1
  25. package/components/Button/index.umd.js +3 -3
  26. package/components/Card/card.js +1 -1
  27. package/components/Card/index.umd.js +6 -9
  28. package/components/Card/index.umd.js.map +1 -1
  29. package/components/Card/sgds-card.d.ts +3 -3
  30. package/components/Card/sgds-card.js +3 -3
  31. package/components/Card/sgds-card.js.map +1 -1
  32. package/components/Checkbox/checkbox.js +1 -1
  33. package/components/Checkbox/index.umd.js +3 -3
  34. package/components/ComboBox/combo-box-item2.js +1 -1
  35. package/components/ComboBox/combo-box.js +1 -1
  36. package/components/ComboBox/index.umd.js +14 -9
  37. package/components/ComboBox/index.umd.js.map +1 -1
  38. package/components/ComboBox/sgds-combo-box.d.ts +6 -1
  39. package/components/ComboBox/sgds-combo-box.js +6 -1
  40. package/components/ComboBox/sgds-combo-box.js.map +1 -1
  41. package/components/Datepicker/datepicker-calendar2.js +1 -1
  42. package/components/Datepicker/datepicker.js +1 -1
  43. package/components/Datepicker/index.umd.js +9 -9
  44. package/components/DescriptionList/description-list-group.js +1 -1
  45. package/components/DescriptionList/description-list.js +1 -1
  46. package/components/DescriptionList/index.umd.js +18 -20
  47. package/components/DescriptionList/index.umd.js.map +1 -1
  48. package/components/DescriptionList/sgds-description-list-group.d.ts +1 -1
  49. package/components/DescriptionList/sgds-description-list-group.js +11 -11
  50. package/components/DescriptionList/sgds-description-list-group.js.map +1 -1
  51. package/components/DescriptionList/sgds-description-list.js +4 -6
  52. package/components/DescriptionList/sgds-description-list.js.map +1 -1
  53. package/components/Divider/divider.js +1 -1
  54. package/components/Divider/index.umd.js +2 -2
  55. package/components/Drawer/drawer.js +1 -1
  56. package/components/Drawer/index.umd.js +31 -136
  57. package/components/Drawer/index.umd.js.map +1 -1
  58. package/components/Drawer/sgds-drawer.d.ts +3 -32
  59. package/components/Drawer/sgds-drawer.js +16 -73
  60. package/components/Drawer/sgds-drawer.js.map +1 -1
  61. package/components/Dropdown/dropdown-item.js +1 -1
  62. package/components/Dropdown/dropdown-menu.js +1 -1
  63. package/components/Dropdown/index.umd.js +3 -3
  64. package/components/Dropdown/index.umd.js.map +1 -1
  65. package/components/Dropdown/sgds-dropdown-item.d.ts +2 -1
  66. package/components/Dropdown/sgds-dropdown-item.js.map +1 -1
  67. package/components/FileUpload/file-upload.js +1 -1
  68. package/components/FileUpload/index.umd.js +8 -8
  69. package/components/FileUpload/index.umd.js.map +1 -1
  70. package/components/FileUpload/sgds-file-upload.js +2 -2
  71. package/components/FileUpload/sgds-file-upload.js.map +1 -1
  72. package/components/Footer/footer-item.js +1 -1
  73. package/components/Footer/footer.js +1 -1
  74. package/components/Footer/index.umd.js +3 -3
  75. package/components/Icon/index.umd.js +1 -1
  76. package/components/IconButton/index.umd.js +2 -2
  77. package/components/IconList/index.umd.js +1 -1
  78. package/components/Input/index.umd.js +4 -4
  79. package/components/Input/input.js +1 -1
  80. package/components/Link/index.umd.js +15 -3
  81. package/components/Link/index.umd.js.map +1 -1
  82. package/components/Link/link.js +1 -1
  83. package/components/Link/sgds-link.d.ts +2 -1
  84. package/components/Link/sgds-link.js +13 -1
  85. package/components/Link/sgds-link.js.map +1 -1
  86. package/components/Mainnav/index.umd.js +74 -93
  87. package/components/Mainnav/index.umd.js.map +1 -1
  88. package/components/Mainnav/mainnav-dropdown.js +1 -1
  89. package/components/Mainnav/mainnav-item.js +1 -1
  90. package/components/Mainnav/mainnav.js +1 -1
  91. package/components/Mainnav/sgds-mainnav-dropdown.d.ts +1 -4
  92. package/components/Mainnav/sgds-mainnav-dropdown.js +24 -37
  93. package/components/Mainnav/sgds-mainnav-dropdown.js.map +1 -1
  94. package/components/Mainnav/sgds-mainnav-item.d.ts +9 -2
  95. package/components/Mainnav/sgds-mainnav-item.js +58 -3
  96. package/components/Mainnav/sgds-mainnav-item.js.map +1 -1
  97. package/components/Mainnav/sgds-mainnav.js +7 -6
  98. package/components/Mainnav/sgds-mainnav.js.map +1 -1
  99. package/components/Masthead/index.umd.js +2 -2
  100. package/components/Masthead/masthead.js +1 -1
  101. package/components/Modal/index.umd.js +3 -3
  102. package/components/Modal/modal.js +1 -1
  103. package/components/Pagination/index.umd.js +4 -4
  104. package/components/Pagination/pagination.js +1 -1
  105. package/components/ProgressBar/index.umd.js +3 -3
  106. package/components/ProgressBar/index.umd.js.map +1 -1
  107. package/components/ProgressBar/progress-bar.js +1 -1
  108. package/components/ProgressBar/sgds-progress-bar.d.ts +1 -1
  109. package/components/ProgressBar/sgds-progress-bar.js +1 -1
  110. package/components/ProgressBar/sgds-progress-bar.js.map +1 -1
  111. package/components/QuantityToggle/index.umd.js +5 -10
  112. package/components/QuantityToggle/index.umd.js.map +1 -1
  113. package/components/QuantityToggle/sgds-quantity-toggle.d.ts +0 -2
  114. package/components/QuantityToggle/sgds-quantity-toggle.js +0 -5
  115. package/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
  116. package/components/Radio/index.umd.js +3 -3
  117. package/components/Radio/radio.js +1 -1
  118. package/components/Sidenav/index.umd.js +40 -44
  119. package/components/Sidenav/index.umd.js.map +1 -1
  120. package/components/Sidenav/sgds-sidenav-item.d.ts +14 -16
  121. package/components/Sidenav/sgds-sidenav-item.js +39 -43
  122. package/components/Sidenav/sgds-sidenav-item.js.map +1 -1
  123. package/components/Sidenav/sidenav-item.js +1 -1
  124. package/components/Sidenav/sidenav-link.js +1 -1
  125. package/components/Skeleton/index.umd.js +2 -2
  126. package/components/Skeleton/skeleton.js +1 -1
  127. package/components/Spinner/index.umd.js +2 -2
  128. package/components/Spinner/spinner.js +1 -1
  129. package/components/Stepper/index.umd.js +2 -2
  130. package/components/Stepper/stepper.js +1 -1
  131. package/components/Switch/index.umd.js +2 -2
  132. package/components/Switch/switch.js +1 -1
  133. package/components/Tab/index.umd.js +2 -2
  134. package/components/Tab/tab.js +1 -1
  135. package/components/Table/index.umd.js +63 -205
  136. package/components/Table/index.umd.js.map +1 -1
  137. package/components/Table/sgds-table.d.ts +12 -55
  138. package/components/Table/sgds-table.js +59 -201
  139. package/components/Table/sgds-table.js.map +1 -1
  140. package/components/Table/table.js +1 -1
  141. package/components/TableOfContents/index.d.ts +6 -0
  142. package/components/TableOfContents/index.js +4 -0
  143. package/components/TableOfContents/index.js.map +1 -0
  144. package/components/TableOfContents/index.umd.js +3995 -0
  145. package/components/TableOfContents/index.umd.js.map +1 -0
  146. package/components/TableOfContents/sgds-table-of-contents.d.ts +13 -0
  147. package/components/TableOfContents/sgds-table-of-contents.js +25 -0
  148. package/components/TableOfContents/sgds-table-of-contents.js.map +1 -0
  149. package/components/TableOfContents/table-of-contents.js +6 -0
  150. package/components/TableOfContents/table-of-contents.js.map +1 -0
  151. package/components/Textarea/index.umd.js +3 -3
  152. package/components/Textarea/textarea.js +1 -1
  153. package/components/Toast/index.umd.js +3 -3
  154. package/components/Toast/toast.js +1 -1
  155. package/components/Tooltip/index.umd.js +2 -2
  156. package/components/Tooltip/tooltip.js +1 -1
  157. package/components/index.d.ts +1 -1
  158. package/components/index.js +1 -1
  159. package/components/index.umd.js +2694 -3016
  160. package/components/index.umd.js.map +1 -1
  161. package/css/grid.css +110 -0
  162. package/css/reboot.css +7 -7
  163. package/css/sgds.css +1 -0
  164. package/index.d.ts +1 -1
  165. package/index.js +1 -1
  166. package/index.umd.js +2949 -3271
  167. package/index.umd.js.map +1 -1
  168. package/internals/CloseButton/close-button.js +1 -1
  169. package/internals/OverflowMenu/overflow-menu.js +1 -1
  170. package/package.json +1 -1
  171. package/react/base/button.cjs.js +1 -1
  172. package/react/base/button.js +1 -1
  173. package/react/base/card-element.cjs.js +0 -3
  174. package/react/base/card-element.cjs.js.map +1 -1
  175. package/react/base/card-element.js +0 -3
  176. package/react/base/card-element.js.map +1 -1
  177. package/react/base/card.cjs.js +1 -1
  178. package/react/base/card.js +1 -1
  179. package/react/base/sgds-element.cjs2.js +1 -1
  180. package/react/base/sgds-element2.js +1 -1
  181. package/react/components/Accordion/accordion-item.cjs.js +1 -1
  182. package/react/components/Accordion/accordion-item.js +1 -1
  183. package/react/components/Accordion/accordion.cjs.js +1 -1
  184. package/react/components/Accordion/accordion.js +1 -1
  185. package/react/components/Accordion/sgds-accordion-item.cjs.js +1 -5
  186. package/react/components/Accordion/sgds-accordion-item.cjs.js.map +1 -1
  187. package/react/components/Accordion/sgds-accordion-item.js +1 -5
  188. package/react/components/Accordion/sgds-accordion-item.js.map +1 -1
  189. package/react/components/Accordion/sgds-accordion.cjs.js +1 -6
  190. package/react/components/Accordion/sgds-accordion.cjs.js.map +1 -1
  191. package/react/components/Accordion/sgds-accordion.js +1 -6
  192. package/react/components/Accordion/sgds-accordion.js.map +1 -1
  193. package/react/components/Alert/alert.cjs.js +1 -1
  194. package/react/components/Alert/alert.js +1 -1
  195. package/react/components/Badge/badge.cjs.js +1 -1
  196. package/react/components/Badge/badge.js +1 -1
  197. package/react/components/Breadcrumb/breadcrumb-item.cjs.js +1 -1
  198. package/react/components/Breadcrumb/breadcrumb-item.js +1 -1
  199. package/react/components/Button/button.cjs.js +1 -1
  200. package/react/components/Button/button.js +1 -1
  201. package/react/components/Card/card.cjs.js +1 -1
  202. package/react/components/Card/card.js +1 -1
  203. package/react/components/Card/sgds-card.cjs.js +3 -3
  204. package/react/components/Card/sgds-card.cjs.js.map +1 -1
  205. package/react/components/Card/sgds-card.js +3 -3
  206. package/react/components/Card/sgds-card.js.map +1 -1
  207. package/react/components/Checkbox/checkbox.cjs.js +1 -1
  208. package/react/components/Checkbox/checkbox.js +1 -1
  209. package/react/components/ComboBox/combo-box-item.cjs2.js +1 -1
  210. package/react/components/ComboBox/combo-box-item2.js +1 -1
  211. package/react/components/ComboBox/combo-box.cjs.js +1 -1
  212. package/react/components/ComboBox/combo-box.js +1 -1
  213. package/react/components/ComboBox/sgds-combo-box.cjs.js +6 -1
  214. package/react/components/ComboBox/sgds-combo-box.cjs.js.map +1 -1
  215. package/react/components/ComboBox/sgds-combo-box.js +6 -1
  216. package/react/components/ComboBox/sgds-combo-box.js.map +1 -1
  217. package/react/components/Datepicker/datepicker-calendar.cjs2.js +1 -1
  218. package/react/components/Datepicker/datepicker-calendar2.js +1 -1
  219. package/react/components/Datepicker/datepicker.cjs.js +1 -1
  220. package/react/components/Datepicker/datepicker.js +1 -1
  221. package/react/components/DescriptionList/description-list-group.cjs.js +1 -1
  222. package/react/components/DescriptionList/description-list-group.js +1 -1
  223. package/react/components/DescriptionList/description-list.cjs.js +1 -1
  224. package/react/components/DescriptionList/description-list.js +1 -1
  225. package/react/components/DescriptionList/sgds-description-list-group.cjs.js +11 -11
  226. package/react/components/DescriptionList/sgds-description-list-group.cjs.js.map +1 -1
  227. package/react/components/DescriptionList/sgds-description-list-group.js +11 -11
  228. package/react/components/DescriptionList/sgds-description-list-group.js.map +1 -1
  229. package/react/components/DescriptionList/sgds-description-list.cjs.js +4 -6
  230. package/react/components/DescriptionList/sgds-description-list.cjs.js.map +1 -1
  231. package/react/components/DescriptionList/sgds-description-list.js +4 -6
  232. package/react/components/DescriptionList/sgds-description-list.js.map +1 -1
  233. package/react/components/Divider/divider.cjs.js +1 -1
  234. package/react/components/Divider/divider.js +1 -1
  235. package/react/components/Drawer/drawer.cjs.js +1 -1
  236. package/react/components/Drawer/drawer.js +1 -1
  237. package/react/components/Drawer/sgds-drawer.cjs.js +15 -72
  238. package/react/components/Drawer/sgds-drawer.cjs.js.map +1 -1
  239. package/react/components/Drawer/sgds-drawer.js +16 -73
  240. package/react/components/Drawer/sgds-drawer.js.map +1 -1
  241. package/react/components/Dropdown/dropdown-item.cjs.js +1 -1
  242. package/react/components/Dropdown/dropdown-item.js +1 -1
  243. package/react/components/Dropdown/dropdown-menu.cjs.js +1 -1
  244. package/react/components/Dropdown/dropdown-menu.js +1 -1
  245. package/react/components/Dropdown/sgds-dropdown-item.cjs.js.map +1 -1
  246. package/react/components/Dropdown/sgds-dropdown-item.js.map +1 -1
  247. package/react/components/FileUpload/file-upload.cjs.js +1 -1
  248. package/react/components/FileUpload/file-upload.js +1 -1
  249. package/react/components/FileUpload/sgds-file-upload.cjs.js +2 -2
  250. package/react/components/FileUpload/sgds-file-upload.cjs.js.map +1 -1
  251. package/react/components/FileUpload/sgds-file-upload.js +2 -2
  252. package/react/components/FileUpload/sgds-file-upload.js.map +1 -1
  253. package/react/components/Footer/footer-item.cjs.js +1 -1
  254. package/react/components/Footer/footer-item.js +1 -1
  255. package/react/components/Footer/footer.cjs.js +1 -1
  256. package/react/components/Footer/footer.js +1 -1
  257. package/react/components/Input/input.cjs.js +1 -1
  258. package/react/components/Input/input.js +1 -1
  259. package/react/components/Link/link.cjs.js +1 -1
  260. package/react/components/Link/link.js +1 -1
  261. package/react/components/Link/sgds-link.cjs.js +13 -1
  262. package/react/components/Link/sgds-link.cjs.js.map +1 -1
  263. package/react/components/Link/sgds-link.js +13 -1
  264. package/react/components/Link/sgds-link.js.map +1 -1
  265. package/react/components/Mainnav/mainnav-dropdown.cjs.js +1 -1
  266. package/react/components/Mainnav/mainnav-dropdown.js +1 -1
  267. package/react/components/Mainnav/mainnav-item.cjs.js +1 -1
  268. package/react/components/Mainnav/mainnav-item.js +1 -1
  269. package/react/components/Mainnav/mainnav.cjs.js +1 -1
  270. package/react/components/Mainnav/mainnav.js +1 -1
  271. package/react/components/Mainnav/sgds-mainnav-dropdown.cjs.js +23 -36
  272. package/react/components/Mainnav/sgds-mainnav-dropdown.cjs.js.map +1 -1
  273. package/react/components/Mainnav/sgds-mainnav-dropdown.js +24 -37
  274. package/react/components/Mainnav/sgds-mainnav-dropdown.js.map +1 -1
  275. package/react/components/Mainnav/sgds-mainnav-item.cjs.js +58 -3
  276. package/react/components/Mainnav/sgds-mainnav-item.cjs.js.map +1 -1
  277. package/react/components/Mainnav/sgds-mainnav-item.js +58 -3
  278. package/react/components/Mainnav/sgds-mainnav-item.js.map +1 -1
  279. package/react/components/Mainnav/sgds-mainnav.cjs.js +7 -6
  280. package/react/components/Mainnav/sgds-mainnav.cjs.js.map +1 -1
  281. package/react/components/Mainnav/sgds-mainnav.js +7 -6
  282. package/react/components/Mainnav/sgds-mainnav.js.map +1 -1
  283. package/react/components/Masthead/masthead.cjs.js +1 -1
  284. package/react/components/Masthead/masthead.js +1 -1
  285. package/react/components/Modal/modal.cjs.js +1 -1
  286. package/react/components/Modal/modal.js +1 -1
  287. package/react/components/Pagination/pagination.cjs.js +1 -1
  288. package/react/components/Pagination/pagination.js +1 -1
  289. package/react/components/ProgressBar/progress-bar.cjs.js +1 -1
  290. package/react/components/ProgressBar/progress-bar.js +1 -1
  291. package/react/components/ProgressBar/sgds-progress-bar.cjs.js +1 -1
  292. package/react/components/ProgressBar/sgds-progress-bar.cjs.js.map +1 -1
  293. package/react/components/ProgressBar/sgds-progress-bar.js +1 -1
  294. package/react/components/ProgressBar/sgds-progress-bar.js.map +1 -1
  295. package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js +0 -5
  296. package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js.map +1 -1
  297. package/react/components/QuantityToggle/sgds-quantity-toggle.js +0 -5
  298. package/react/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
  299. package/react/components/Radio/radio.cjs.js +1 -1
  300. package/react/components/Radio/radio.js +1 -1
  301. package/react/components/Sidenav/sgds-sidenav-item.cjs.js +37 -41
  302. package/react/components/Sidenav/sgds-sidenav-item.cjs.js.map +1 -1
  303. package/react/components/Sidenav/sgds-sidenav-item.js +39 -43
  304. package/react/components/Sidenav/sgds-sidenav-item.js.map +1 -1
  305. package/react/components/Sidenav/sidenav-item.cjs.js +1 -1
  306. package/react/components/Sidenav/sidenav-item.js +1 -1
  307. package/react/components/Sidenav/sidenav-link.cjs.js +1 -1
  308. package/react/components/Sidenav/sidenav-link.js +1 -1
  309. package/react/components/Skeleton/skeleton.cjs.js +1 -1
  310. package/react/components/Skeleton/skeleton.js +1 -1
  311. package/react/components/Spinner/spinner.cjs.js +1 -1
  312. package/react/components/Spinner/spinner.js +1 -1
  313. package/react/components/Stepper/stepper.cjs.js +1 -1
  314. package/react/components/Stepper/stepper.js +1 -1
  315. package/react/components/Switch/switch.cjs.js +1 -1
  316. package/react/components/Switch/switch.js +1 -1
  317. package/react/components/Tab/tab.cjs.js +1 -1
  318. package/react/components/Tab/tab.js +1 -1
  319. package/react/components/Table/sgds-table.cjs.js +59 -201
  320. package/react/components/Table/sgds-table.cjs.js.map +1 -1
  321. package/react/components/Table/sgds-table.js +59 -201
  322. package/react/components/Table/sgds-table.js.map +1 -1
  323. package/react/components/Table/table.cjs.js +1 -1
  324. package/react/components/Table/table.js +1 -1
  325. package/react/components/TableOfContents/sgds-table-of-contents.cjs.js +31 -0
  326. package/react/components/TableOfContents/sgds-table-of-contents.cjs.js.map +1 -0
  327. package/react/components/TableOfContents/sgds-table-of-contents.js +26 -0
  328. package/react/components/TableOfContents/sgds-table-of-contents.js.map +1 -0
  329. package/react/components/TableOfContents/table-of-contents.cjs.js +11 -0
  330. package/react/components/TableOfContents/table-of-contents.cjs.js.map +1 -0
  331. package/react/components/TableOfContents/table-of-contents.js +7 -0
  332. package/react/components/TableOfContents/table-of-contents.js.map +1 -0
  333. package/react/components/Textarea/textarea.cjs.js +1 -1
  334. package/react/components/Textarea/textarea.js +1 -1
  335. package/react/components/Toast/toast.cjs.js +1 -1
  336. package/react/components/Toast/toast.js +1 -1
  337. package/react/components/Tooltip/tooltip.cjs.js +1 -1
  338. package/react/components/Tooltip/tooltip.js +1 -1
  339. package/react/index.cjs.js +94 -94
  340. package/react/index.d.ts +1 -1
  341. package/react/index.js +1 -1
  342. package/react/internals/CloseButton/close-button.cjs.js +1 -1
  343. package/react/internals/CloseButton/close-button.js +1 -1
  344. package/react/internals/OverflowMenu/overflow-menu.cjs.js +1 -1
  345. package/react/internals/OverflowMenu/overflow-menu.js +1 -1
  346. package/react/styles/feedback.cjs.js +1 -1
  347. package/react/styles/feedback.js +1 -1
  348. package/react/{action-card → table-of-contents}/index.cjs.js +5 -7
  349. package/react/table-of-contents/index.cjs.js.map +1 -0
  350. package/react/{action-card → table-of-contents}/index.js +5 -7
  351. package/react/table-of-contents/index.js.map +1 -0
  352. package/styles/feedback.js +1 -1
  353. package/themes/day.css +113 -105
  354. package/themes/night.css +117 -109
  355. package/themes/root.css +92 -85
  356. package/base/link-element.js +0 -55
  357. package/base/link-element.js.map +0 -1
  358. package/components/ActionCard/action-card.js +0 -6
  359. package/components/ActionCard/action-card.js.map +0 -1
  360. package/components/ActionCard/index.d.ts +0 -6
  361. package/components/ActionCard/index.js +0 -5
  362. package/components/ActionCard/index.js.map +0 -1
  363. package/components/ActionCard/index.umd.js +0 -5860
  364. package/components/ActionCard/index.umd.js.map +0 -1
  365. package/components/ActionCard/sgds-action-card.d.ts +0 -54
  366. package/components/ActionCard/sgds-action-card.js +0 -148
  367. package/components/ActionCard/sgds-action-card.js.map +0 -1
  368. package/react/action-card/index.cjs.js.map +0 -1
  369. package/react/action-card/index.js.map +0 -1
  370. package/react/base/link-element.cjs.js +0 -60
  371. package/react/base/link-element.cjs.js.map +0 -1
  372. package/react/base/link-element.js +0 -56
  373. package/react/base/link-element.js.map +0 -1
  374. package/react/components/ActionCard/action-card.cjs.js +0 -11
  375. package/react/components/ActionCard/action-card.cjs.js.map +0 -1
  376. package/react/components/ActionCard/action-card.js +0 -7
  377. package/react/components/ActionCard/action-card.js.map +0 -1
  378. package/react/components/ActionCard/sgds-action-card.cjs.js +0 -154
  379. package/react/components/ActionCard/sgds-action-card.cjs.js.map +0 -1
  380. package/react/components/ActionCard/sgds-action-card.js +0 -149
  381. package/react/components/ActionCard/sgds-action-card.js.map +0 -1
  382. /package/react/{action-card → table-of-contents}/index.d.ts +0 -0
package/themes/day.css CHANGED
@@ -3,142 +3,150 @@
3
3
  color-scheme: only light;
4
4
 
5
5
  /* Semantic - Default Colors */
6
- --sgds-default-bg: var(--sgds-gray-000);
7
- --sgds-default-bg-surface: var(--sgds-gray-000);
8
- --sgds-default-bg-muted: var(--sgds-gray-200);
9
- --sgds-default-bg-subtle: var(--sgds-gray-500);
10
- --sgds-default-bg-emphasis: var(--sgds-gray-800);
11
- --sgds-default-bg-overlay: oklch(from var(--sgds-gray-900) l c h / 0.4);
12
- --sgds-default-bg-translucent: oklch(from var(--sgds-gray-900) l c h / 0.1);
13
- --sgds-default-bg-translucent-subtle: oklch(from var(--sgds-gray-900) l c h / 0.05);
14
- --sgds-default-bg-transparent: transparent;
15
- --sgds-default-color: var(--sgds-gray-900);
16
- --sgds-default-color-inverse: var(--sgds-gray-000);
17
- --sgds-default-color-muted: var(--sgds-gray-200);
18
- --sgds-default-color-subtle: var(--sgds-gray-500);
19
- --sgds-default-color-emphasis: var(--sgds-gray-800);
20
- --sgds-default-color-on-dark: var(--sgds-gray-000);
21
- --sgds-default-color-on-light: var(--sgds-gray-800);
22
- --sgds-default-color-transparent: transparent;
23
- --sgds-default-border-color: var(--sgds-gray-500);
24
- --sgds-default-border-color-inverse: var(--sgds-gray-000);
25
- --sgds-default-border-color-muted: var(--sgds-gray-200);
26
- --sgds-default-border-color-subtle: var(--sgds-gray-300);
27
- --sgds-default-border-color-emphasis: var(--sgds-gray-800);
28
- --sgds-default-border-color-translucent: oklch(from var(--sgds-gray-900) l c h / 0.1);
29
- --sgds-default-border-color-transparent: transparent;
30
-
31
- /* Semantic - Alternate Color */
32
- --sgds-alternate-bg: var(--sgds-gray-100);
6
+ --sgds-bg-default: var(--sgds-gray-000);
7
+ --sgds-bg-alternate: var(--sgds-gray-100);
8
+ --sgds-bg-fixed-light: var(--sgds-gray-000);
9
+ --sgds-bg-fixed-dark: var(--sgds-gray-1100);
10
+ --sgds-bg-overlay: oklch(from var(--sgds-gray-1100) l c h / 0.4);
11
+ --sgds-bg-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.1);
12
+ --sgds-bg-translucent-subtle: oklch(from var(--sgds-gray-1100) l c h / 0.05);
13
+ --sgds-bg-transparent: transparent;
14
+ --sgds-surface-default: var(--sgds-gray-000);
15
+ --sgds-surface-raised: var(--sgds-gray-100);
16
+ --sgds-surface-inverse: var(--sgds-gray-900);
17
+ --sgds-surface-fixed-light: var(--sgds-gray-000);
18
+ --sgds-surface-fixed-dark: var(--sgds-gray-900);
19
+ --sgds-color-default: var(--sgds-gray-1000);
20
+ --sgds-color-subtle: var(--sgds-gray-700);
21
+ --sgds-color-muted: var(--sgds-gray-300);
22
+ --sgds-color-inverse: var(--sgds-gray-100);
23
+ --sgds-color-fixed-light: var(--sgds-gray-100);
24
+ --sgds-color-fixed-dark: var(--sgds-gray-1000);
25
+ --sgds-color-transparent: transparent;
26
+ --sgds-border-color-default: var(--sgds-gray-500);
27
+ --sgds-border-color-emphasis: var(--sgds-gray-800);
28
+ --sgds-border-color-muted: var(--sgds-gray-200);
29
+ --sgds-border-color-fixed-light: var(--sgds-gray-000);
30
+ --sgds-border-color-fixed-dark: var(--sgds-gray-1000);
31
+ --sgds-border-color-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.05);
32
+ --sgds-border-color-transparent: transparent;
33
33
 
34
34
  /* Semantic - Primary Colors */
35
- --sgds-primary-bg: var(--sgds-brand-600);
36
- --sgds-primary-bg-subtle: var(--sgds-brand-100);
37
- --sgds-primary-bg-emphasis: var(--sgds-brand-700);
38
- --sgds-primary-bg-translucent: oklch(from var(--sgds-brand-600) l c h / 0.1);
39
- --sgds-primary-color: var(--sgds-brand-600);
40
- --sgds-primary-color-emphasis: var(--sgds-brand-700);
41
- --sgds-primary-border-color: var(--sgds-brand-600);
42
- --sgds-primary-border-color-subtle: var(--sgds-brand-300);
43
- --sgds-primary-border-color-emphasis: var(--sgds-brand-700);
35
+ --sgds-primary-bg-default: var(--sgds-product-primary-700);
36
+ --sgds-primary-bg-muted: var(--sgds-product-primary-100);
37
+ --sgds-primary-bg-translucent: oklch(from var(--sgds-product-primary-700) l c h / 0.1);
38
+ --sgds-primary-surface-default: var(--sgds-product-primary-700);
39
+ --sgds-primary-surface-emphasis: var(--sgds-product-primary-800);
40
+ --sgds-primary-surface-muted: var(--sgds-product-primary-100);
41
+ --sgds-primary-surface-translucent: oklch(from var(--sgds-product-primary-700) l c h / 0.1);
42
+ --sgds-primary-color-default: var(--sgds-product-primary-600);
43
+ --sgds-primary-color-emphasis: var(--sgds-product-primary-700);
44
+ --sgds-primary-color-fixed-light: var(--sgds-product-primary-400);
45
+ --sgds-primary-color-fixed-dark: var(--sgds-product-primary-700);
46
+ --sgds-primary-border-color-default: var(--sgds-product-primary-500);
47
+ --sgds-primary-border-color-emphasis: var(--sgds-product-primary-700);
48
+ --sgds-primary-border-color-muted: var(--sgds-product-primary-300);
44
49
 
45
50
  /* Semantic - Success Colors */
46
- --sgds-success-bg: var(--sgds-green-600);
47
- --sgds-success-bg-subtle: var(--sgds-green-100);
48
- --sgds-success-bg-emphasis: var(--sgds-green-700);
49
- --sgds-success-color: var(--sgds-green-600);
51
+ --sgds-success-bg-default: var(--sgds-green-700);
52
+ --sgds-success-bg-muted: var(--sgds-green-100);
53
+ --sgds-success-surface-default: var(--sgds-green-700);
54
+ --sgds-success-surface-emphasis: var(--sgds-green-800);
55
+ --sgds-success-surface-muted: var(--sgds-green-100);
56
+ --sgds-success-color-default: var(--sgds-green-600);
50
57
  --sgds-success-color-emphasis: var(--sgds-green-700);
51
- --sgds-success-border-color: var(--sgds-green-500);
52
- --sgds-success-border-color-subtle: var(--sgds-green-300);
58
+ --sgds-success-color-fixed-light: var(--sgds-green-400);
59
+ --sgds-success-color-fixed-dark: var(--sgds-green-700);
60
+ --sgds-success-border-color-default: var(--sgds-green-500);
53
61
  --sgds-success-border-color-emphasis: var(--sgds-green-700);
62
+ --sgds-success-border-color-muted: var(--sgds-green-300);
54
63
 
55
64
  /* Semantic - Danger Colors */
56
- --sgds-danger-bg: var(--sgds-red-600);
57
- --sgds-danger-bg-subtle: var(--sgds-red-100);
58
- --sgds-danger-bg-emphasis: var(--sgds-red-700);
59
- --sgds-danger-color: var(--sgds-red-600);
65
+ --sgds-danger-bg-default: var(--sgds-red-700);
66
+ --sgds-danger-bg-muted: var(--sgds-red-100);
67
+ --sgds-danger-surface-default: var(--sgds-red-700);
68
+ --sgds-danger-surface-emphasis: var(--sgds-red-800);
69
+ --sgds-danger-surface-muted: var(--sgds-red-100);
70
+ --sgds-danger-color-default: var(--sgds-red-600);
60
71
  --sgds-danger-color-emphasis: var(--sgds-red-700);
61
- --sgds-danger-border-color: var(--sgds-red-500);
62
- --sgds-danger-border-color-subtle: var(--sgds-red-300);
72
+ --sgds-danger-color-fixed-light: var(--sgds-red-400);
73
+ --sgds-danger-color-fixed-dark: var(--sgds-red-700);
74
+ --sgds-danger-border-color-default: var(--sgds-red-500);
63
75
  --sgds-danger-border-color-emphasis: var(--sgds-red-700);
76
+ --sgds-danger-border-color-muted: var(--sgds-red-300);
64
77
 
65
78
  /* Semantic - Warning Colors */
66
- --sgds-warning-bg: var(--sgds-yellow-600);
67
- --sgds-warning-bg-subtle: var(--sgds-yellow-100);
68
- --sgds-warning-bg-emphasis: var(--sgds-yellow-700);
69
- --sgds-warning-color: var(--sgds-yellow-600);
79
+ --sgds-warning-bg-default: var(--sgds-yellow-200);
80
+ --sgds-warning-bg-muted: var(--sgds-yellow-100);
81
+ --sgds-warning-surface-default: var(--sgds-yellow-200);
82
+ --sgds-warning-surface-emphasis: var(--sgds-yellow-700);
83
+ --sgds-warning-surface-muted: var(--sgds-yellow-100);
84
+ --sgds-warning-color-default: var(--sgds-yellow-600);
70
85
  --sgds-warning-color-emphasis: var(--sgds-yellow-700);
71
- --sgds-warning-border-color: var(--sgds-yellow-500);
72
- --sgds-warning-border-color-subtle: var(--sgds-yellow-300);
86
+ --sgds-warning-color-fixed-light: var(--sgds-yellow-300);
87
+ --sgds-warning-color-fixed-dark: var(--sgds-yellow-700);
88
+ --sgds-warning-border-color-default: var(--sgds-yellow-500);
73
89
  --sgds-warning-border-color-emphasis: var(--sgds-yellow-700);
90
+ --sgds-warning-border-color-muted: var(--sgds-yellow-300);
74
91
 
75
92
  /* Semantic - Neutral Colors */
76
- --sgds-neutral-bg: var(--sgds-gray-700);
77
- --sgds-neutral-bg-inverse: var(--sgds-gray-000);
78
- --sgds-neutral-bg-subtle: var(--sgds-gray-100);
79
- --sgds-neutral-color: var(--sgds-gray-600);
93
+ --sgds-neutral-bg-default: var(--sgds-gray-700);
94
+ --sgds-neutral-bg-muted: var(--sgds-gray-100);
95
+ --sgds-neutral-surface-default: var(--sgds-gray-800);
96
+ --sgds-neutral-surface-emphasis: var(--sgds-gray-800);
97
+ --sgds-neutral-surface-muted: var(--sgds-gray-100);
98
+ --sgds-neutral-color-default: var(--sgds-gray-600);
80
99
  --sgds-neutral-color-emphasis: var(--sgds-gray-700);
81
- --sgds-neutral-border-color: var(--sgds-gray-500);
82
- --sgds-neutral-border-color-subtle: var(--sgds-gray-300);
100
+ --sgds-neutral-color-fixed-light: var(--sgds-gray-400);
101
+ --sgds-neutral-color-fixed-dark: var(--sgds-gray-700);
102
+ --sgds-neutral-border-color-default: var(--sgds-gray-500);
83
103
  --sgds-neutral-border-color-emphasis: var(--sgds-gray-700);
104
+ --sgds-neutral-border-color-subtle: var(--sgds-gray-300);
84
105
 
85
106
  /* Semantic - Display Colors */
86
- --sgds-display-color: var(--sgds-gray-900);
87
- --sgds-display-color-subtle: var(--sgds-gray-700);
107
+ --sgds-display-color-default: var(--sgds-gray-1000);
108
+ --sgds-display-color-subtle: var(--sgds-gray-800);
88
109
 
89
110
  /* Semantic - Header Colors */
90
- --sgds-header-color: var(--sgds-gray-800);
91
- --sgds-header-color-subtle: var(--sgds-gray-700);
92
-
93
- /* Semantic - Subtitle Colors */
94
- --sgds-subtitle-color: var(--sgds-gray-800);
95
- --sgds-subtitle-color-subtle: var(--sgds-gray-700);
111
+ --sgds-header-color-default: var(--sgds-gray-900);
112
+ --sgds-header-color-subtle: var(--sgds-gray-800);
96
113
 
97
114
  /* Semantic - Body Colors */
98
- --sgds-body-color: var(--sgds-gray-900);
99
- --sgds-body-color-subtle: var(--sgds-gray-600);
115
+ --sgds-body-color-default: var(--sgds-gray-1000);
116
+ --sgds-body-color-subtle: var(--sgds-gray-700);
100
117
 
101
118
  /* Semantic - Label Colors */
102
- --sgds-label-color: var(--sgds-gray-800);
103
- --sgds-label-color-subtle: var(--sgds-gray-600);
119
+ --sgds-label-color-default: var(--sgds-gray-900);
120
+ --sgds-label-color-subtle: var(--sgds-gray-700);
104
121
 
105
122
  /* Semantic - Caption Color */
106
123
  --sgds-caption-color: var(--sgds-gray-600);
107
124
 
108
- /* Semantic - Overline Color */
109
- --sgds-overline-color: var(--sgds-gray-600);
110
-
111
125
  /* Semantic - Link Color */
112
- --sgds-link-color: var(--sgds-blue-600);
113
- --sgds-link-color-emphasis: var(--sgds-blue-700);
126
+ --sgds-link-color-default: var(--sgds-product-primary-600);
127
+ --sgds-link-color-emphasis: var(--sgds-product-primary-700);
114
128
 
115
129
  /* Semantic - Form Color */
116
- --sgds-form-bg: var(--sgds-gray-000);
117
- --sgds-form-bg-inverse: var(--sgds-gray-900);
118
- --sgds-form-bg-muted: var(--sgds-gray-100);
119
- --sgds-form-bg-subtle: var(--sgds-gray-400);
120
- --sgds-form-bg-emphasis: var(--sgds-gray-700);
121
- --sgds-form-bg-translucent: oklch(from var(--sgds-gray-900) l c h / 0.05);
122
- --sgds-form-bg-transparent: transparent;
123
- --sgds-form-bg-on-dark: var(--sgds-gray-000);
124
- --sgds-form-bg-on-light: var(--sgds-gray-800);
125
- --sgds-form-color-default: var(--sgds-gray-800);
126
- --sgds-form-color-inverse: var(--sgds-gray-000);
127
- --sgds-form-color-muted: var(--sgds-gray-200);
128
- --sgds-form-color-subtle: var(--sgds-gray-500);
129
- --sgds-form-color-on-dark: var(--sgds-gray-000);
130
- --sgds-form-color-on-light: var(--sgds-gray-800);
131
- --sgds-form-border-color: var(--sgds-gray-500);
132
- --sgds-form-border-color-muted: var(--sgds-gray-200);
133
- --sgds-form-border-color-emphasis: var(--sgds-gray-800);
134
- --sgds-form-primary-bg: var(--sgds-purple-600);
135
- --sgds-form-primary-bg-emphasis: var(--sgds-purple-700);
136
- --sgds-form-primary-bg-translucent: oklch(from var(--sgds-purple-600) l c h / 0.1);
137
- --sgds-form-primary-active-color: var(--sgds-purple-600);
138
- --sgds-form-success-bg: var(--sgds-green-600);
139
- --sgds-form-success-color: var(--sgds-green-600);
140
- --sgds-form-success-border-color: var(--sgds-green-600);
141
- --sgds-form-danger-bg: var(--sgds-red-600);
142
- --sgds-form-danger-color: var(--sgds-red-600);
143
- --sgds-form-danger-border-color: var(--sgds-red-600);
130
+ --sgds-form-surface-default: var(--sgds-gray-000);
131
+ --sgds-form-surface-emphasis: var(--sgds-gray-700);
132
+ --sgds-form-surface-subtle: var(--sgds-gray-400);
133
+ --sgds-form-surface-muted: var(--sgds-gray-200);
134
+ --sgds-form-surface-inverse: var(--sgds-gray-900);
135
+ --sgds-form-surface-fixed-light: var(--sgds-gray-000);
136
+ --sgds-form-surface-fixed-dark: var(--sgds-gray-900);
137
+ --sgds-form-color-default: var(--sgds-gray-900);
138
+ --sgds-form-color-subtle: var(--sgds-gray-700);
139
+ --sgds-form-color-muted: var(--sgds-gray-300);
140
+ --sgds-form-color-inverse: var(--sgds-gray-100);
141
+ --sgds-form-color-fixed-light: var(--sgds-gray-000);
142
+ --sgds-form-color-fixed-dark: var(--sgds-gray-1100);
143
+ --sgds-form-primary-surface-default: var(--sgds-product-primary-700);
144
+ --sgds-form-primary-surface-emphasis: var(--sgds-product-primary-800);
145
+ --sgds-form-primary-color-default: var(--sgds-product-primary-700);
146
+ --sgds-form-success-surface-default: var(--sgds-green-700);
147
+ --sgds-form-success-color-default: var(--sgds-green-600);
148
+ --sgds-form-success-border-color-default: var(--sgds-green-500);
149
+ --sgds-form-danger-surface-default: var(--sgds-red-700);
150
+ --sgds-form-danger-color-default: var(--sgds-red-600);
151
+ --sgds-form-danger-border-color-default: var(--sgds-red-500);
144
152
  }
package/themes/night.css CHANGED
@@ -3,142 +3,150 @@
3
3
  color-scheme: only dark;
4
4
 
5
5
  /* Semantic - Default Colors */
6
- --sgds-default-bg: var(--sgds-gray-900);
7
- --sgds-default-bg-surface: var(--sgds-gray-800);
8
- --sgds-default-bg-muted: var(--sgds-gray-700);
9
- --sgds-default-bg-subtle: var(--sgds-gray-500);
10
- --sgds-default-bg-emphasis: var(--sgds-gray-200);
11
- --sgds-default-bg-overlay: oklch(from var(--sgds-gray-900) l c h / 0.4);
12
- --sgds-default-bg-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);
13
- --sgds-default-bg-translucent-subtle: oklch(from var(--sgds-gray-000) l c h / 0.1);
14
- --sgds-default-bg-transparent: transparent;
15
- --sgds-default-color: var(--sgds-gray-000);
16
- --sgds-default-color-inverse: var(--sgds-gray-900);
17
- --sgds-default-color-muted: var(--sgds-gray-700);
18
- --sgds-default-color-subtle: var(--sgds-gray-400);
19
- --sgds-default-color-emphasis: var(--sgds-gray-100);
20
- --sgds-default-color-on-dark: var(--sgds-gray-000);
21
- --sgds-default-color-on-light: var(--sgds-gray-800);
22
- --sgds-default-color-transparent: transparent;
23
- --sgds-default-border-color: var(--sgds-gray-500);
24
- --sgds-default-border-color-inverse: var(--sgds-gray-900);
25
- --sgds-default-border-color-muted: var(--sgds-gray-700);
26
- --sgds-default-border-color-subtle: var(--sgds-gray-600);
27
- --sgds-default-border-color-emphasis: var(--sgds-gray-200);
28
- --sgds-default-border-color-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);
29
- --sgds-default-border-color-transparent: transparent;
30
-
31
- /* Semantic - Alternate Color */
32
- --sgds-alternate-bg: var(--sgds-gray-800);
6
+ --sgds-bg-default: var(--sgds-gray-1100);
7
+ --sgds-bg-alternate: var(--sgds-gray-1000);
8
+ --sgds-bg-fixed-light: var(--sgds-gray-000);
9
+ --sgds-bg-fixed-dark: var(--sgds-gray-1100);
10
+ --sgds-bg-overlay: oklch(from var(--sgds-gray-1100) l c h / 0.4);
11
+ --sgds-bg-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);
12
+ --sgds-bg-translucent-subtle: oklch(from var(--sgds-gray-000) l c h / 0.1);
13
+ --sgds-bg-transparent: transparent;
14
+ --sgds-surface-default: var(--sgds-gray-900);
15
+ --sgds-surface-raised: var(--sgds-gray-800);
16
+ --sgds-surface-inverse: var(--sgds-gray-000);
17
+ --sgds-surface-fixed-light: var(--sgds-gray-000);
18
+ --sgds-surface-fixed-dark: var(--sgds-gray-900);
19
+ --sgds-color-default: var(--sgds-gray-100);
20
+ --sgds-color-subtle: var(--sgds-gray-400);
21
+ --sgds-color-muted: var(--sgds-gray-800);
22
+ --sgds-color-inverse: var(--sgds-gray-1000);
23
+ --sgds-color-fixed-light: var(--sgds-gray-100);
24
+ --sgds-color-fixed-dark: var(--sgds-gray-1000);
25
+ --sgds-color-transparent: transparent;
26
+ --sgds-border-color-default: var(--sgds-gray-500);
27
+ --sgds-border-color-emphasis: var(--sgds-gray-200);
28
+ --sgds-border-color-muted: var(--sgds-gray-800);
29
+ --sgds-border-color-fixed-light: var(--sgds-gray-000);
30
+ --sgds-border-color-fixed-dark: var(--sgds-gray-1000);
31
+ --sgds-border-color-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);
32
+ --sgds-border-color-transparent: transparent;
33
33
 
34
34
  /* Semantic - Primary Colors */
35
- --sgds-primary-bg: var(--sgds-brand-500);
36
- --sgds-primary-bg-subtle: var(--sgds-brand-200);
37
- --sgds-primary-bg-emphasis: var(--sgds-brand-600);
38
- --sgds-primary-bg-translucent: oklch(from var(--sgds-brand-100) l c h / 0.1);
39
- --sgds-primary-color: var(--sgds-brand-400);
40
- --sgds-primary-color-emphasis: var(--sgds-brand-500);
41
- --sgds-primary-border-color: var(--sgds-brand-400);
42
- --sgds-primary-border-color-subtle: var(--sgds-brand-300);
43
- --sgds-primary-border-color-emphasis: var(--sgds-brand-700);
35
+ --sgds-primary-bg-default: var(--sgds-product-primary-600);
36
+ --sgds-primary-bg-muted: var(--sgds-product-primary-200);
37
+ --sgds-primary-bg-translucent: oklch(from var(--sgds-product-primary-100) l c h / 0.05);
38
+ --sgds-primary-surface-default: var(--sgds-product-primary-600);
39
+ --sgds-primary-surface-emphasis: var(--sgds-product-primary-700);
40
+ --sgds-primary-surface-muted: var(--sgds-product-primary-200);
41
+ --sgds-primary-surface-translucent: oklch(from var(--sgds-product-primary-100) l c h / 0.1);
42
+ --sgds-primary-color-default: var(--sgds-product-primary-400);
43
+ --sgds-primary-color-emphasis: var(--sgds-product-primary-300);
44
+ --sgds-primary-color-fixed-light: var(--sgds-product-primary-400);
45
+ --sgds-primary-color-fixed-dark: var(--sgds-product-primary-700);
46
+ --sgds-primary-border-color-default: var(--sgds-product-primary-500);
47
+ --sgds-primary-border-color-emphasis: var(--sgds-product-primary-300);
48
+ --sgds-primary-border-color-muted: var(--sgds-product-primary-700);
44
49
 
45
50
  /* Semantic - Success Colors */
46
- --sgds-success-bg: var(--sgds-green-500);
47
- --sgds-success-bg-subtle: var(--sgds-green-200);
48
- --sgds-success-bg-emphasis: var(--sgds-green-600);
49
- --sgds-success-color: var(--sgds-green-300);
50
- --sgds-success-color-emphasis: var(--sgds-green-400);
51
- --sgds-success-border-color: var(--sgds-green-500);
52
- --sgds-success-border-color-subtle: var(--sgds-green-300);
53
- --sgds-success-border-color-emphasis: var(--sgds-green-700);
51
+ --sgds-success-bg-default: var(--sgds-green-600);
52
+ --sgds-success-bg-muted: var(--sgds-green-200);
53
+ --sgds-success-surface-default: var(--sgds-green-600);
54
+ --sgds-success-surface-emphasis: var(--sgds-green-700);
55
+ --sgds-success-surface-muted: var(--sgds-green-200);
56
+ --sgds-success-color-default: var(--sgds-green-400);
57
+ --sgds-success-color-emphasis: var(--sgds-green-300);
58
+ --sgds-success-color-fixed-light: var(--sgds-green-400);
59
+ --sgds-success-color-fixed-dark: var(--sgds-green-700);
60
+ --sgds-success-border-color-default: var(--sgds-green-500);
61
+ --sgds-success-border-color-emphasis: var(--sgds-green-300);
62
+ --sgds-success-border-color-muted: var(--sgds-green-700);
54
63
 
55
64
  /* Semantic - Danger Colors */
56
- --sgds-danger-bg: var(--sgds-red-500);
57
- --sgds-danger-bg-subtle: var(--sgds-red-200);
58
- --sgds-danger-bg-emphasis: var(--sgds-red-600);
59
- --sgds-danger-color: var(--sgds-red-300);
60
- --sgds-danger-color-emphasis: var(--sgds-red-400);
61
- --sgds-danger-border-color: var(--sgds-red-500);
62
- --sgds-danger-border-color-subtle: var(--sgds-red-300);
63
- --sgds-danger-border-color-emphasis: var(--sgds-red-700);
65
+ --sgds-danger-bg-default: var(--sgds-red-600);
66
+ --sgds-danger-bg-muted: var(--sgds-red-200);
67
+ --sgds-danger-surface-default: var(--sgds-red-600);
68
+ --sgds-danger-surface-emphasis: var(--sgds-red-700);
69
+ --sgds-danger-surface-muted: var(--sgds-red-200);
70
+ --sgds-danger-color-default: var(--sgds-red-400);
71
+ --sgds-danger-color-emphasis: var(--sgds-red-300);
72
+ --sgds-danger-color-fixed-light: var(--sgds-red-400);
73
+ --sgds-danger-color-fixed-dark: var(--sgds-red-700);
74
+ --sgds-danger-border-color-default: var(--sgds-red-500);
75
+ --sgds-danger-border-color-emphasis: var(--sgds-red-300);
76
+ --sgds-danger-border-color-subtle: var(--sgds-red-700);
64
77
 
65
78
  /* Semantic - Warning Colors */
66
- --sgds-warning-bg: var(--sgds-yellow-500);
67
- --sgds-warning-bg-subtle: var(--sgds-yellow-200);
68
- --sgds-warning-bg-emphasis: var(--sgds-yellow-600);
69
- --sgds-warning-color: var(--sgds-yellow-300);
70
- --sgds-warning-color-emphasis: var(--sgds-yellow-400);
71
- --sgds-warning-border-color: var(--sgds-yellow-500);
72
- --sgds-warning-border-color-subtle: var(--sgds-yellow-300);
73
- --sgds-warning-border-color-emphasis: var(--sgds-yellow-700);
79
+ --sgds-warning-bg-default: var(--sgds-yellow-300);
80
+ --sgds-warning-bg-muted: var(--sgds-yellow-200);
81
+ --sgds-warning-surface-default: var(--sgds-yellow-300);
82
+ --sgds-warning-surface-emphasis: var(--sgds-yellow-600);
83
+ --sgds-warning-surface-muted: var(--sgds-yellow-100);
84
+ --sgds-warning-color-default: var(--sgds-yellow-300);
85
+ --sgds-warning-color-emphasis: var(--sgds-yellow-200);
86
+ --sgds-warning-color-fixed-light: var(--sgds-yellow-300);
87
+ --sgds-warning-color-fixed-dark: var(--sgds-yellow-700);
88
+ --sgds-warning-border-color-default: var(--sgds-yellow-500);
89
+ --sgds-warning-border-color-emphasis: var(--sgds-yellow-300);
90
+ --sgds-warning-border-color-subtle: var(--sgds-yellow-700);
74
91
 
75
92
  /* Semantic - Neutral Colors */
76
- --sgds-neutral-bg: var(--sgds-gray-600);
77
- --sgds-neutral-bg-inverse: var(--sgds-gray-800);
78
- --sgds-neutral-bg-subtle: var(--sgds-gray-200);
79
- --sgds-neutral-color: var(--sgds-gray-300);
80
- --sgds-neutral-color-emphasis: var(--sgds-gray-500);
81
- --sgds-neutral-border-color: var(--sgds-gray-500);
82
- --sgds-neutral-border-color-subtle: var(--sgds-gray-300);
83
- --sgds-neutral-border-color-emphasis: var(--sgds-gray-700);
93
+ --sgds-neutral-bg-default: var(--sgds-gray-600);
94
+ --sgds-neutral-bg-muted: var(--sgds-gray-200);
95
+ --sgds-neutral-surface-default: var(--sgds-gray-700);
96
+ --sgds-neutral-surface-emphasis: var(--sgds-gray-700);
97
+ --sgds-neutral-surface-muted: var(--sgds-gray-200);
98
+ --sgds-neutral-color-default: var(--sgds-gray-400);
99
+ --sgds-neutral-color-emphasis: var(--sgds-gray-300);
100
+ --sgds-neutral-color-fixed-light: var(--sgds-gray-400);
101
+ --sgds-neutral-color-fixed-dark: var(--sgds-gray-700);
102
+ --sgds-neutral-border-color-default: var(--sgds-gray-500);
103
+ --sgds-neutral-border-color-emphasis: var(--sgds-gray-300);
104
+ --sgds-neutral-border-color-subtle: var(--sgds-gray-700);
84
105
 
85
106
  /* Semantic - Display Colors */
86
- --sgds-display-color: var(--sgds-gray-000);
107
+ --sgds-display-color-default: var(--sgds-gray-000);
87
108
  --sgds-display-color-subtle: var(--sgds-gray-200);
88
109
 
89
110
  /* Semantic - Header Colors */
90
- --sgds-header-color: var(--sgds-gray-100);
111
+ --sgds-header-color-default: var(--sgds-gray-100);
91
112
  --sgds-header-color-subtle: var(--sgds-gray-200);
92
113
 
93
- /* Semantic - Subtitle Colors */
94
- --sgds-subtitle-color: var(--sgds-gray-100);
95
- --sgds-subtitle-color-subtle: var(--sgds-gray-200);
96
-
97
114
  /* Semantic - Body Colors */
98
- --sgds-body-color: var(--sgds-gray-000);
99
- --sgds-body-color-subtle: var(--sgds-gray-200);
115
+ --sgds-body-color-default: var(--sgds-gray-000);
116
+ --sgds-body-color-subtle: var(--sgds-gray-300);
100
117
 
101
118
  /* Semantic - Label Colors */
102
- --sgds-label-color: var(--sgds-gray-100);
119
+ --sgds-label-color-default: var(--sgds-gray-100);
103
120
  --sgds-label-color-subtle: var(--sgds-gray-300);
104
121
 
105
122
  /* Semantic - Caption Color */
106
123
  --sgds-caption-color: var(--sgds-gray-300);
107
124
 
108
- /* Semantic - Overline Color */
109
- --sgds-overline-color: var(--sgds-gray-300);
110
-
111
125
  /* Semantic - Link Color */
112
- --sgds-link-color: var(--sgds-blue-300);
113
- --sgds-link-color-emphasis: var(--sgds-blue-400);
126
+ --sgds-link-color-default: var(--sgds-product-primary-400);
127
+ --sgds-link-color-emphasis: var(--sgds-product-primary-300);
114
128
 
115
129
  /* Semantic - Form Color */
116
- --sgds-form-bg: var(--sgds-gray-800);
117
- --sgds-form-bg-inverse: var(--sgds-gray-000);
118
- --sgds-form-bg-muted: var(--sgds-gray-800);
119
- --sgds-form-bg-subtle: var(--sgds-gray-500);
120
- --sgds-form-bg-emphasis: var(--sgds-gray-200);
121
- --sgds-form-bg-translucent: oklch(from var(--sgds-gray-000) l c h / 0.1);
122
- --sgds-form-bg-transparent: transparent;
123
- --sgds-form-bg-on-dark: var(--sgds-gray-000);
124
- --sgds-form-bg-on-light: var(--sgds-gray-800);
125
- --sgds-form-color-default: var(--sgds-gray-000);
126
- --sgds-form-color-inverse: var(--sgds-gray-800);
127
- --sgds-form-color-muted: var(--sgds-gray-600);
130
+ --sgds-form-surface-default: var(--sgds-gray-900);
131
+ --sgds-form-surface-emphasis: var(--sgds-gray-200);
132
+ --sgds-form-surface-subtle: var(--sgds-gray-500);
133
+ --sgds-form-surface-muted: var(--sgds-gray-700);
134
+ --sgds-form-surface-inverse: var(--sgds-gray-000);
135
+ --sgds-form-surface-fixed-light: var(--sgds-gray-000);
136
+ --sgds-form-surface-fixed-dark: var(--sgds-gray-900);
137
+ --sgds-form-color-default: var(--sgds-gray-100);
128
138
  --sgds-form-color-subtle: var(--sgds-gray-300);
129
- --sgds-form-color-on-dark: var(--sgds-gray-000);
130
- --sgds-form-color-on-light: var(--sgds-gray-800);
131
- --sgds-form-border-color: var(--sgds-gray-400);
132
- --sgds-form-border-color-muted: var(--sgds-gray-700);
133
- --sgds-form-border-color-emphasis: var(--sgds-gray-100);
134
- --sgds-form-primary-bg: var(--sgds-purple-500);
135
- --sgds-form-primary-bg-emphasis: var(--sgds-purple-600);
136
- --sgds-form-primary-bg-translucent: oklch(from var(--sgds-purple-100) l c h / 0.1);
137
- --sgds-form-primary-active-color: var(--sgds-purple-400);
138
- --sgds-form-success-bg: var(--sgds-green-500);
139
- --sgds-form-success-color: var(--sgds-green-400);
140
- --sgds-form-success-border-color: var(--sgds-green-500);
141
- --sgds-form-danger-bg: var(--sgds-red-500);
142
- --sgds-form-danger-color: var(--sgds-red-400);
143
- --sgds-form-danger-border-color: var(--sgds-red-500);
139
+ --sgds-form-color-muted: var(--sgds-gray-700);
140
+ --sgds-form-color-inverse: var(--sgds-gray-900);
141
+ --sgds-form-color-fixed-light: var(--sgds-gray-000);
142
+ --sgds-form-color-fixed-dark: var(--sgds-gray-1100);
143
+ --sgds-form-primary-surface-default: var(--sgds-product-primary-600);
144
+ --sgds-form-primary-surface-emphasis: var(--sgds-product-primary-700);
145
+ --sgds-form-primary-color-default: var(--sgds-product-primary-400);
146
+ --sgds-form-success-surface-default: var(--sgds-green-600);
147
+ --sgds-form-success-color-default: var(--sgds-green-500);
148
+ --sgds-form-success-border-color-default: var(--sgds-green-500);
149
+ --sgds-form-danger-surface-default: var(--sgds-red-600);
150
+ --sgds-form-danger-color-default: var(--sgds-red-500);
151
+ --sgds-form-danger-border-color-default: var(--sgds-red-500);
144
152
  }