studiokit-scaffolding-js 7.0.12 → 7.1.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 (390) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +137 -137
  3. package/lib/components/ActionList.d.ts +2 -2
  4. package/lib/components/ActionList.js +166 -87
  5. package/lib/components/AlertDialog.d.ts +3 -3
  6. package/lib/components/AlertDialog.js +133 -18
  7. package/lib/components/AlertWithIcon.js +93 -52
  8. package/lib/components/ConnectedModal.d.ts +1 -2
  9. package/lib/components/ConnectedModal.js +43 -37
  10. package/lib/components/Dropdowns/GroupsDropdown.d.ts +4 -4
  11. package/lib/components/Dropdowns/GroupsDropdown.js +69 -82
  12. package/lib/components/Dropdowns/ManagedNavDropdown.d.ts +2 -2
  13. package/lib/components/Dropdowns/ManagedNavDropdown.js +99 -111
  14. package/lib/components/Dropdowns/UserDropdown.js +109 -70
  15. package/lib/components/Dropdowns/index.js +27 -11
  16. package/lib/components/EntityOwnerList.d.ts +3 -3
  17. package/lib/components/EntityOwnerList.js +52 -60
  18. package/lib/components/Error.js +107 -27
  19. package/lib/components/ErrorBoundary.js +133 -94
  20. package/lib/components/ErrorMessage.d.ts +2 -2
  21. package/lib/components/ErrorMessage.js +44 -14
  22. package/lib/components/Forms/DateField.d.ts +2 -2
  23. package/lib/components/Forms/DateField.js +63 -95
  24. package/lib/components/Forms/TimeField.d.ts +2 -2
  25. package/lib/components/Forms/TimeField.js +84 -108
  26. package/lib/components/Forms/index.js +27 -13
  27. package/lib/components/Groups/CreateEditCopySaveButtons.d.ts +2 -2
  28. package/lib/components/Groups/CreateEditCopySaveButtons.js +102 -14
  29. package/lib/components/Groups/ExternalGroups/Attach.d.ts +6 -7
  30. package/lib/components/Groups/ExternalGroups/Attach.js +213 -188
  31. package/lib/components/Groups/ExternalGroups/Table.js +183 -76
  32. package/lib/components/Groups/GroupCreateOrEditCommonProps.js +5 -1
  33. package/lib/components/Groups/RosterSyncInfo.js +140 -49
  34. package/lib/components/HOC/AccessibleAppComponent.d.ts +2 -2
  35. package/lib/components/HOC/AccessibleAppComponent.js +101 -124
  36. package/lib/components/HOC/ActivityRequiredComponent.d.ts +14 -14
  37. package/lib/components/HOC/ActivityRequiredComponent.js +93 -107
  38. package/lib/components/HOC/AsyncComponent.d.ts +9 -9
  39. package/lib/components/HOC/AsyncComponent.js +53 -129
  40. package/lib/components/HOC/AuthenticatedComponent.d.ts +4 -4
  41. package/lib/components/HOC/AuthenticatedComponent.js +59 -96
  42. package/lib/components/HOC/CollectionComponent.d.ts +12 -12
  43. package/lib/components/HOC/CollectionComponent.js +171 -171
  44. package/lib/components/HOC/CollectionFirstItemComponent.d.ts +13 -13
  45. package/lib/components/HOC/CollectionFirstItemComponent.js +52 -94
  46. package/lib/components/HOC/CollectionItemComponent.d.ts +9 -9
  47. package/lib/components/HOC/CollectionItemComponent.js +169 -168
  48. package/lib/components/HOC/ConnectedModalComponent.d.ts +9 -9
  49. package/lib/components/HOC/ConnectedModalComponent.js +110 -140
  50. package/lib/components/HOC/DataDependentComponent.d.ts +3 -55
  51. package/lib/components/HOC/DataDependentComponent.js +30 -79
  52. package/lib/components/HOC/EntityComponent.d.ts +13 -13
  53. package/lib/components/HOC/EntityComponent.js +74 -112
  54. package/lib/components/HOC/FullscreenModalComponent.d.ts +9 -9
  55. package/lib/components/HOC/FullscreenModalComponent.js +165 -185
  56. package/lib/components/HOC/GroupActivityRequiredComponent.d.ts +2 -2
  57. package/lib/components/HOC/GroupActivityRequiredComponent.js +48 -47
  58. package/lib/components/HOC/GuidComponent.d.ts +1 -1
  59. package/lib/components/HOC/GuidComponent.js +29 -68
  60. package/lib/components/HOC/ModelContextDependencyVerifyComponent.d.ts +28 -29
  61. package/lib/components/HOC/ModelContextDependencyVerifyComponent.js +42 -65
  62. package/lib/components/HOC/ModelErrorRedirectComponent.d.ts +10 -10
  63. package/lib/components/HOC/ModelErrorRedirectComponent.js +51 -94
  64. package/lib/components/HOC/SearchPersistorComponent.d.ts +4 -4
  65. package/lib/components/HOC/SearchPersistorComponent.js +243 -216
  66. package/lib/components/HOC/UnauthenticatedComponent.d.ts +12 -12
  67. package/lib/components/HOC/UnauthenticatedComponent.js +37 -82
  68. package/lib/components/HOC/UserComponent.d.ts +1 -1
  69. package/lib/components/HOC/UserComponent.js +12 -11
  70. package/lib/components/Icons/IconAlphaList.js +34 -20
  71. package/lib/components/Icons/IconExternalUser.js +34 -20
  72. package/lib/components/Icons/IconImpersonation.js +34 -20
  73. package/lib/components/Icons/IconStopImpersonating.js +34 -20
  74. package/lib/components/Icons/IconTable.js +35 -21
  75. package/lib/components/Icons/IconTableDeleteCol.js +34 -20
  76. package/lib/components/Icons/IconTableDeleteRow.js +34 -20
  77. package/lib/components/Icons/IconTableInsertCol.js +34 -20
  78. package/lib/components/Icons/IconTableInsertRow.js +34 -20
  79. package/lib/components/Impersonation/Button.d.ts +2 -2
  80. package/lib/components/Impersonation/Button.js +76 -56
  81. package/lib/components/Impersonation/Link.d.ts +2 -2
  82. package/lib/components/Impersonation/Link.js +76 -53
  83. package/lib/components/Impersonation/UserDetail.css +22 -22
  84. package/lib/components/Impersonation/UserDetail.d.ts +2 -2
  85. package/lib/components/Impersonation/UserDetail.js +66 -17
  86. package/lib/components/Loading.js +27 -21
  87. package/lib/components/LockDownBrowser/Check.js +194 -107
  88. package/lib/components/LockDownBrowser/ExitButton.js +27 -14
  89. package/lib/components/LockDownBrowser/Launch.js +70 -85
  90. package/lib/components/Lti/Confirm.js +152 -33
  91. package/lib/components/Lti/CreateNonLtiGroupAlertDialog.d.ts +4 -2
  92. package/lib/components/Lti/CreateNonLtiGroupAlertDialog.js +170 -78
  93. package/lib/components/Lti/Launch.js +105 -49
  94. package/lib/components/Lti/LaunchGroup.js +85 -39
  95. package/lib/components/ManageTable.d.ts +1 -2
  96. package/lib/components/ManageTable.js +309 -104
  97. package/lib/components/ManageTableNoDataComponent.js +42 -22
  98. package/lib/components/NewVersionAlert.d.ts +2 -2
  99. package/lib/components/NewVersionAlert.js +82 -91
  100. package/lib/components/NotFound.js +87 -28
  101. package/lib/components/Notifications.d.ts +4 -4
  102. package/lib/components/Notifications.js +187 -169
  103. package/lib/components/PaginationNextButton.js +33 -21
  104. package/lib/components/PaginationPreviousButton.js +33 -21
  105. package/lib/components/Quill/CustomToolbar.d.ts +2 -2
  106. package/lib/components/Quill/CustomToolbar.js +432 -257
  107. package/lib/components/Quill/Formats/Image.d.ts +10 -25
  108. package/lib/components/Quill/Formats/Image.js +80 -86
  109. package/lib/components/Quill/Formats/List.d.ts +6 -3
  110. package/lib/components/Quill/Formats/List.js +52 -74
  111. package/lib/components/Quill/Formats/Video.d.ts +2 -1
  112. package/lib/components/Quill/Formats/Video.js +31 -45
  113. package/lib/components/Quill/ImageDropModule.d.ts +1 -1
  114. package/lib/components/Quill/ImageDropModule.js +149 -122
  115. package/lib/components/Quill/ImageWarning.d.ts +2 -2
  116. package/lib/components/Quill/ImageWarning.js +45 -32
  117. package/lib/components/Quill/ImageWithAltTextModal.d.ts +0 -1
  118. package/lib/components/Quill/ImageWithAltTextModal.js +425 -141
  119. package/lib/components/Quill/Specs/CustomImageSpec.d.ts +1 -1
  120. package/lib/components/Quill/Specs/CustomImageSpec.js +43 -51
  121. package/lib/components/Quill/Specs/CustomVideoSpec.d.ts +1 -1
  122. package/lib/components/Quill/Specs/CustomVideoSpec.js +35 -44
  123. package/lib/components/Quill/TableModule/Blots/BaseTableBlot.d.ts +2 -1
  124. package/lib/components/Quill/TableModule/Blots/BaseTableBlot.js +105 -121
  125. package/lib/components/Quill/TableModule/Blots/TableBlot.js +53 -66
  126. package/lib/components/Quill/TableModule/Blots/TableBodyBlot.js +54 -67
  127. package/lib/components/Quill/TableModule/Blots/TableCellBlot.d.ts +1 -1
  128. package/lib/components/Quill/TableModule/Blots/TableCellBlot.js +225 -241
  129. package/lib/components/Quill/TableModule/Blots/TableContainer.js +82 -99
  130. package/lib/components/Quill/TableModule/Blots/TableRowBlot.js +76 -87
  131. package/lib/components/Quill/TableModule/constants.js +45 -41
  132. package/lib/components/Quill/TableModule/index.css +171 -171
  133. package/lib/components/Quill/TableModule/index.d.ts +14 -5
  134. package/lib/components/Quill/TableModule/index.js +373 -313
  135. package/lib/components/Quill/TableModule/utils.js +45 -45
  136. package/lib/components/Quill/accessibilityFix.d.ts +0 -1
  137. package/lib/components/Quill/accessibilityFix.js +235 -251
  138. package/lib/components/Quill/index.js +36 -32
  139. package/lib/components/RefreshIndicator/Bordered.js +48 -32
  140. package/lib/components/RefreshIndicator/Inline.js +48 -33
  141. package/lib/components/RefreshIndicator/index.d.ts +2 -2
  142. package/lib/components/RefreshIndicator/index.js +263 -113
  143. package/lib/components/SearchControls.js +216 -31
  144. package/lib/components/SentryRoute.js +10 -23
  145. package/lib/components/Tables/RoleFilter.d.ts +3 -4
  146. package/lib/components/Tables/RoleFilter.js +71 -46
  147. package/lib/components/Tables/TextFilter.d.ts +2 -3
  148. package/lib/components/Tables/TextFilter.js +62 -20
  149. package/lib/components/UserRoles/Add.d.ts +3 -3
  150. package/lib/components/UserRoles/Add.js +199 -161
  151. package/lib/components/UserRoles/Context.js +11 -9
  152. package/lib/components/UserRoles/RoleCell.js +180 -100
  153. package/lib/components/UserRoles/Select.js +157 -51
  154. package/lib/components/UserRoles/Table.js +221 -102
  155. package/lib/components/UserRoles/index.d.ts +6 -6
  156. package/lib/components/UserRoles/index.js +537 -466
  157. package/lib/config/eslint/index.d.ts +2 -0
  158. package/lib/config/eslint/index.js +36 -0
  159. package/lib/config/eslint/lib/order.d.ts +3 -0
  160. package/lib/config/eslint/lib/order.js +30 -0
  161. package/lib/config/eslint/lib/prettier.d.ts +3 -0
  162. package/lib/config/eslint/lib/prettier.js +23 -0
  163. package/lib/config/eslint/lib/typescript.d.ts +2 -0
  164. package/lib/config/eslint/lib/typescript.js +98 -0
  165. package/lib/config/eslint/react.d.ts +2 -0
  166. package/lib/config/eslint/react.js +30 -0
  167. package/lib/constants/baseActivity.js +30 -26
  168. package/lib/constants/baseRole.js +14 -10
  169. package/lib/constants/configuration.d.ts +1 -1
  170. package/lib/constants/configuration.js +43 -39
  171. package/lib/constants/externalProviderType.js +10 -6
  172. package/lib/constants/fetchErrorData.js +15 -11
  173. package/lib/constants/index.js +137 -23
  174. package/lib/constants/lockDownBrowser.js +28 -24
  175. package/lib/constants/mockData.d.ts +4 -6
  176. package/lib/constants/mockData.js +385 -326
  177. package/lib/constants/modelStatus.js +15 -11
  178. package/lib/constants/notificationType.js +12 -8
  179. package/lib/constants/operatingSystem.js +12 -8
  180. package/lib/constants/shard.js +11 -7
  181. package/lib/constants/table.js +21 -21
  182. package/lib/constants/tier.js +12 -8
  183. package/lib/constants/userRole.d.ts +1 -2
  184. package/lib/constants/userRole.js +15 -17
  185. package/lib/css/base/_base.css +98 -98
  186. package/lib/css/base/_typography.css +130 -130
  187. package/lib/css/components/_alert.css +86 -86
  188. package/lib/css/components/_bootstrap-grid.css +28 -28
  189. package/lib/css/components/_buttons.css +397 -397
  190. package/lib/css/components/_forms.css +101 -101
  191. package/lib/css/components/_menu.css +56 -56
  192. package/lib/css/components/_modals.css +46 -46
  193. package/lib/css/components/_quill.css +315 -315
  194. package/lib/css/components/_tables.css +497 -497
  195. package/lib/css/components/_tags.css +12 -12
  196. package/lib/css/index-with-variables.css +15 -15
  197. package/lib/css/index.css +14 -14
  198. package/lib/css/utils/_border.css +463 -463
  199. package/lib/css/utils/_color.css +317 -317
  200. package/lib/css/utils/_display.css +305 -312
  201. package/lib/css/utils/_general.css +48 -48
  202. package/lib/css/utils/_icon.css +16 -16
  203. package/lib/css/utils/_text.css +25 -24
  204. package/lib/css/utils/_width.css +60 -60
  205. package/lib/css/variables.css +84 -84
  206. package/lib/endpointMappings.js +197 -193
  207. package/lib/hooks/useCollection.js +83 -65
  208. package/lib/hooks/useCollectionConfiguration.d.ts +0 -1
  209. package/lib/hooks/useCollectionConfiguration.js +185 -88
  210. package/lib/hooks/useCollectionItem.js +155 -58
  211. package/lib/hooks/useEventCalback.d.ts +14 -0
  212. package/lib/hooks/useEventCalback.js +51 -0
  213. package/lib/hooks/useGuid.js +21 -10
  214. package/lib/hooks/usePrevious.d.ts +24 -1
  215. package/lib/hooks/usePrevious.js +84 -14
  216. package/lib/index.js +156 -36
  217. package/lib/redux/actionCreator.d.ts +6 -6
  218. package/lib/redux/actionCreator.js +51 -40
  219. package/lib/redux/actions/AuthAction.js +44 -31
  220. package/lib/redux/actions/ModalAction.d.ts +1 -1
  221. package/lib/redux/actions/ModalAction.js +10 -6
  222. package/lib/redux/actions/ModelAction.d.ts +1 -1
  223. package/lib/redux/actions/ModelAction.js +77 -49
  224. package/lib/redux/actions/NotificationAction.js +10 -6
  225. package/lib/redux/actions/SearchAction.js +9 -5
  226. package/lib/redux/actions/index.js +60 -16
  227. package/lib/redux/configureReducers.d.ts +2 -5
  228. package/lib/redux/configureReducers.js +67 -78
  229. package/lib/redux/configureStore.d.ts +2 -2
  230. package/lib/redux/configureStore.js +83 -115
  231. package/lib/redux/helpers.js +7 -2
  232. package/lib/redux/reducers/authReducer.js +52 -46
  233. package/lib/redux/reducers/index.js +41 -15
  234. package/lib/redux/reducers/modalsReducer.js +49 -52
  235. package/lib/redux/reducers/modelsReducer.d.ts +2 -2
  236. package/lib/redux/reducers/modelsReducer.js +183 -182
  237. package/lib/redux/reducers/notificationsReducer.js +26 -21
  238. package/lib/redux/reducers/searchReducer.js +26 -20
  239. package/lib/redux/sagas/appInsightsSaga.js +24 -62
  240. package/lib/redux/sagas/authSaga.js +287 -414
  241. package/lib/redux/sagas/caliperSaga.js +169 -263
  242. package/lib/redux/sagas/clockOffsetSaga.js +36 -77
  243. package/lib/redux/sagas/configurationSaga.js +13 -46
  244. package/lib/redux/sagas/downtimeApiErrorSaga.d.ts +0 -1
  245. package/lib/redux/sagas/downtimeApiErrorSaga.js +23 -64
  246. package/lib/redux/sagas/errorSaga.d.ts +0 -1
  247. package/lib/redux/sagas/errorSaga.js +29 -63
  248. package/lib/redux/sagas/googleAnalyticsSaga.js +29 -69
  249. package/lib/redux/sagas/identityProviderSaga.js +24 -69
  250. package/lib/redux/sagas/initialDataLoadSaga.js +38 -29
  251. package/lib/redux/sagas/lockDownBrowserErrorSaga.d.ts +0 -1
  252. package/lib/redux/sagas/lockDownBrowserErrorSaga.js +32 -81
  253. package/lib/redux/sagas/modelFetchSaga.js +379 -459
  254. package/lib/redux/sagas/noStoreSaga.d.ts +1 -1
  255. package/lib/redux/sagas/noStoreSaga.js +68 -101
  256. package/lib/redux/sagas/postLoginDataSaga.js +47 -79
  257. package/lib/redux/sagas/postLoginRedirectSaga.js +30 -71
  258. package/lib/redux/sagas/rootSaga.js +85 -137
  259. package/lib/redux/sagas/sentrySaga.js +29 -85
  260. package/lib/redux/sagas/userIdSaga.js +18 -54
  261. package/lib/services/codeProviderService.js +25 -29
  262. package/lib/services/dateService.js +14 -12
  263. package/lib/services/documentService.js +18 -13
  264. package/lib/services/fetchService.js +134 -168
  265. package/lib/services/persistenceService.d.ts +4 -4
  266. package/lib/services/persistenceService.js +45 -43
  267. package/lib/services/ticketProviderService.js +29 -33
  268. package/lib/services/tokenPersistenceService.js +13 -9
  269. package/lib/services/windowService.js +21 -17
  270. package/lib/startup.d.ts +1 -1
  271. package/lib/startup.js +132 -135
  272. package/lib/types/AppConfiguration.js +5 -1
  273. package/lib/types/Artifact.js +11 -7
  274. package/lib/types/BaseReduxState.js +5 -1
  275. package/lib/types/Client.js +5 -1
  276. package/lib/types/Collection.d.ts +3 -3
  277. package/lib/types/Collection.js +5 -1
  278. package/lib/types/Configuration.js +5 -1
  279. package/lib/types/DeepLinkingResponseRequest.js +5 -1
  280. package/lib/types/DeletableModel.js +5 -1
  281. package/lib/types/Event.js +5 -1
  282. package/lib/types/ExternalGroup.js +5 -1
  283. package/lib/types/ExternalProvider.js +5 -1
  284. package/lib/types/ExternalTerm.js +5 -1
  285. package/lib/types/Group.js +5 -1
  286. package/lib/types/IdentityProvider.js +5 -1
  287. package/lib/types/LtiLaunch.js +5 -1
  288. package/lib/types/NameOnlyEntity.js +5 -1
  289. package/lib/types/Notification.d.ts +2 -2
  290. package/lib/types/Notification.js +5 -1
  291. package/lib/types/OptionalRecord.d.ts +1 -1
  292. package/lib/types/OptionalRecord.js +5 -1
  293. package/lib/types/OwnerSchedule.d.ts +3 -1
  294. package/lib/types/OwnerSchedule.js +5 -1
  295. package/lib/types/PropertyOfType.d.ts +3 -3
  296. package/lib/types/PropertyOfType.js +5 -1
  297. package/lib/types/Quill.js +5 -1
  298. package/lib/types/RoleDescription.d.ts +0 -1
  299. package/lib/types/RoleDescription.js +5 -1
  300. package/lib/types/Search.js +5 -1
  301. package/lib/types/SimpleLocation.js +5 -1
  302. package/lib/types/UniTime.js +5 -1
  303. package/lib/types/User.js +5 -1
  304. package/lib/types/UserRole.js +5 -1
  305. package/lib/types/auth/AuthState.js +5 -1
  306. package/lib/types/auth/CasV1LoginRequestBody.js +5 -1
  307. package/lib/types/auth/ClientCredentials.js +5 -1
  308. package/lib/types/auth/CodeProviderService.js +5 -1
  309. package/lib/types/auth/LocalLoginRequestBody.js +5 -1
  310. package/lib/types/auth/TicketProviderService.js +5 -1
  311. package/lib/types/auth/TokenPersistenceService.js +5 -1
  312. package/lib/types/auth/index.js +82 -18
  313. package/lib/types/externals.d.js +2 -0
  314. package/lib/types/index.js +313 -39
  315. package/lib/types/net/EndpointConfig.js +5 -1
  316. package/lib/types/net/EndpointMapping.js +5 -1
  317. package/lib/types/net/EndpointMappings.js +5 -1
  318. package/lib/types/net/ErrorHandler.d.ts +1 -1
  319. package/lib/types/net/ErrorHandler.js +5 -1
  320. package/lib/types/net/FetchConfig.d.ts +1 -1
  321. package/lib/types/net/FetchConfig.js +5 -1
  322. package/lib/types/net/FetchErrorData.js +10 -6
  323. package/lib/types/net/FetchResult.d.ts +2 -2
  324. package/lib/types/net/FetchResult.js +5 -1
  325. package/lib/types/net/HTTPMethod.d.ts +1 -1
  326. package/lib/types/net/HTTPMethod.js +5 -1
  327. package/lib/types/net/HTTPStatusCode.js +16 -12
  328. package/lib/types/net/Metadata.js +5 -1
  329. package/lib/types/net/Model.js +5 -1
  330. package/lib/types/net/ModelCollection.js +5 -1
  331. package/lib/types/net/ModelsState.js +5 -1
  332. package/lib/types/net/OAuthToken.js +5 -1
  333. package/lib/types/net/OAuthTokenOrNull.d.ts +1 -1
  334. package/lib/types/net/OAuthTokenOrNull.js +5 -1
  335. package/lib/types/net/TokenAccessFunction.d.ts +1 -1
  336. package/lib/types/net/TokenAccessFunction.js +5 -1
  337. package/lib/types/net/index.js +181 -27
  338. package/lib/utils/baseActivity.d.ts +2 -2
  339. package/lib/utils/baseActivity.js +138 -136
  340. package/lib/utils/baseRole.js +37 -33
  341. package/lib/utils/collection.js +432 -310
  342. package/lib/utils/cookies.js +22 -37
  343. package/lib/utils/date.js +320 -320
  344. package/lib/utils/dom.js +186 -174
  345. package/lib/utils/domainIdentifier.js +9 -9
  346. package/lib/utils/entityUserRole.js +6 -2
  347. package/lib/utils/error.d.ts +1 -1
  348. package/lib/utils/error.js +18 -16
  349. package/lib/utils/events.js +40 -33
  350. package/lib/utils/externalGroup.js +25 -21
  351. package/lib/utils/externalProviders.js +8 -4
  352. package/lib/utils/externalTerms.js +9 -6
  353. package/lib/utils/fetch.d.ts +1 -1
  354. package/lib/utils/fetch.js +188 -185
  355. package/lib/utils/group.js +17 -9
  356. package/lib/utils/groupDates.d.ts +1 -1
  357. package/lib/utils/groupDates.js +43 -39
  358. package/lib/utils/groupRoles.js +28 -28
  359. package/lib/utils/lockDownBrowser.js +16 -12
  360. package/lib/utils/logger.js +30 -25
  361. package/lib/utils/lti.js +10 -5
  362. package/lib/utils/model.d.ts +2 -2
  363. package/lib/utils/model.js +39 -48
  364. package/lib/utils/number.js +23 -26
  365. package/lib/utils/promise.d.ts +6 -1
  366. package/lib/utils/promise.js +34 -15
  367. package/lib/utils/quill.js +66 -77
  368. package/lib/utils/route.d.ts +2 -2
  369. package/lib/utils/route.js +61 -60
  370. package/lib/utils/search.d.ts +1 -1
  371. package/lib/utils/search.js +78 -85
  372. package/lib/utils/shard.js +38 -41
  373. package/lib/utils/sort.d.ts +3 -3
  374. package/lib/utils/sort.js +62 -58
  375. package/lib/utils/string.js +14 -10
  376. package/lib/utils/table.d.ts +3 -3
  377. package/lib/utils/table.js +39 -36
  378. package/lib/utils/timezone.js +12 -26
  379. package/lib/utils/url.d.ts +2 -1
  380. package/lib/utils/url.js +146 -200
  381. package/lib/utils/user.js +59 -61
  382. package/lib/utils/userAgent.js +11 -11
  383. package/lib/utils/userRole.d.ts +3 -3
  384. package/lib/utils/userRole.js +58 -56
  385. package/package.json +224 -207
  386. package/lib/config/eslint/index.cjs +0 -21
  387. package/lib/config/eslint/lib/order.cjs +0 -22
  388. package/lib/config/eslint/lib/prettier.cjs +0 -18
  389. package/lib/config/eslint/lib/typescript.cjs +0 -86
  390. package/lib/config/eslint/react.cjs +0 -9
package/lib/css/utils/_border.css CHANGED
@@ -1,463 +1,463 @@
1
- /* Top Borders */
2
-
3
- .top-black-border {
4
- border-top: 0.5rem solid var(--color-black);
5
- }
6
-
7
- .top-white-border {
8
- border-top: 0.5rem solid var(--color-white);
9
- }
10
-
11
- .top-off-white-border {
12
- border-top: 0.5rem solid var(--color-off-white);
13
- }
14
-
15
- .top-light-grey-border {
16
- border-top: 0.5rem solid var(--color-light-grey);
17
- }
18
-
19
- .top-blue-border {
20
- border-top: 0.5rem solid var(--color-blue);
21
- }
22
-
23
- .top-light-red-border {
24
- border-top: 0.5rem solid var(--color-light-red);
25
- }
26
-
27
- .top-dark-gold-border {
28
- border-top: 0.5rem solid var(--color-dark-gold);
29
- }
30
-
31
- .top-light-green-border {
32
- border-top: 0.5rem solid var(--color-light-green);
33
- }
34
-
35
- .top-orange-border {
36
- border-top: 0.5rem solid var(--color-orange);
37
- }
38
-
39
- .top-light-orange-border {
40
- border-top: 0.5rem solid var(--color-light-orange);
41
- }
42
-
43
- .top-dark-yellow-border {
44
- border-top: 0.5rem solid var(--color-dark-yellow);
45
- }
46
-
47
- .top-dark-grey-border {
48
- border-top: 0.5rem solid var(--color-dark-grey);
49
- }
50
-
51
- .top-accent-blue-border {
52
- border-top: 0.5rem solid var(--color-accent-blue);
53
- }
54
-
55
- .top-grey-border {
56
- border-top: 0.5rem solid var(--color-grey);
57
- }
58
-
59
- .top-medium-grey-border {
60
- border-top: 0.5rem solid var(--color-medium-grey);
61
- }
62
-
63
- .top-lightest-grey-border {
64
- border-top: 0.5rem solid var(--color-lightest-grey);
65
- }
66
-
67
- .top-blue-grey-border {
68
- border-top: 0.5rem solid var(--color-blue-grey);
69
- }
70
-
71
- .top-light-blue-border {
72
- border-top: 0.5rem solid var(--color-light-blue);
73
- }
74
-
75
- .top-purple-border {
76
- border-top: 0.5rem solid var(--color-purple);
77
- }
78
-
79
- .top-pink-border {
80
- border-top: 0.5rem solid var(--color-pink);
81
- }
82
-
83
- .top-red-border {
84
- border-top: 0.5rem solid var(--color-red);
85
- }
86
-
87
- .top-green-border {
88
- border-top: 0.5rem solid var(--color-green);
89
- }
90
-
91
- .top-skinny-border {
92
- border-top: 0.8px solid black;
93
- }
94
-
95
- /* Borders */
96
-
97
- .border-black {
98
- border: 2px solid var(--color-black);
99
- }
100
-
101
- .border-white {
102
- border: 2px solid var(--color-white);
103
- }
104
-
105
- .border-off-white {
106
- border: 2px solid var(--color-off-white);
107
- }
108
-
109
- .border-light-grey {
110
- border: 2px solid var(--color-light-grey);
111
- }
112
-
113
- .border-blue {
114
- border: 2px solid var(--color-blue);
115
- }
116
-
117
- .border-light-red {
118
- border: 2px solid var(--color-light-red);
119
- }
120
-
121
- .border-dark-gold {
122
- border: 2px solid var(--color-dark-gold);
123
- }
124
-
125
- .border-light-green {
126
- border: 2px solid var(--color-light-green);
127
- }
128
-
129
- .border-orange {
130
- border: 2px solid var(--color-orange);
131
- }
132
-
133
- .border-light-orange {
134
- border: 2px solid var(--color-light-orange);
135
- }
136
-
137
- .border-dark-yellow {
138
- border: 2px solid var(--color-dark-yellow);
139
- }
140
-
141
- .border-dark-grey {
142
- border: 2px solid var(--color-dark-grey);
143
- }
144
-
145
- .border-accent-blue {
146
- border: 2px solid var(--color-accent-blue);
147
- }
148
-
149
- .border-grey {
150
- border: 2px solid var(--color-grey);
151
- }
152
-
153
- .border-medium-grey {
154
- border: 2px solid var(--color-medium-grey);
155
- }
156
-
157
- .border-lightest-grey {
158
- border: 2px solid var(--color-lightest-grey);
159
- }
160
-
161
- .border-blue-grey {
162
- border: 2px solid var(--color-blue-grey);
163
- }
164
-
165
- .border-light-blue {
166
- border: 2px solid var(--color-light-blue);
167
- }
168
-
169
- .border-purple {
170
- border: 2px solid var(--color-purple);
171
- }
172
-
173
- .border-pink {
174
- border: 2px solid var(--color-pink);
175
- }
176
-
177
- .border-red {
178
- border: 2px solid var(--color-red);
179
- }
180
-
181
- .border-green {
182
- border: 2px solid var(--color-green);
183
- }
184
-
185
- .border-black-dashed {
186
- border: 2px dashed var(--color-black);
187
- }
188
-
189
- .border-white-dashed {
190
- border: 2px dashed var(--color-white);
191
- }
192
-
193
- .border-off-white-dashed {
194
- border: 2px dashed var(--color-off-white);
195
- }
196
-
197
- .border-light-grey-dashed {
198
- border: 2px dashed var(--color-light-grey);
199
- }
200
-
201
- .border-blue-dashed {
202
- border: 2px dashed var(--color-blue);
203
- }
204
-
205
- .border-light-red-dashed {
206
- border: 2px dashed var(--color-light-red);
207
- }
208
-
209
- .border-dark-gold-dashed {
210
- border: 2px dashed var(--color-dark-gold);
211
- }
212
-
213
- .border-light-green-dashed {
214
- border: 2px dashed var(--color-light-green);
215
- }
216
-
217
- .border-orange-dashed {
218
- border: 2px dashed var(--color-orange);
219
- }
220
-
221
- .border-light-orange-dashed {
222
- border: 2px dashed var(--color-light-orange);
223
- }
224
-
225
- .border-dark-yellow-dashed {
226
- border: 2px dashed var(--color-dark-yellow);
227
- }
228
-
229
- .border-dark-grey-dashed {
230
- border: 2px dashed var(--color-dark-grey);
231
- }
232
-
233
- .border-accent-blue-dashed {
234
- border: 2px dashed var(--color-accent-blue);
235
- }
236
-
237
- .border-grey-dashed {
238
- border: 2px dashed var(--color-grey);
239
- }
240
-
241
- .border-medium-grey-dashed {
242
- border: 2px dashed var(--color-medium-grey);
243
- }
244
-
245
- .border-lightest-grey-dashed {
246
- border: 2px dashed var(--color-lightest-grey);
247
- }
248
-
249
- .border-blue-grey-dashed {
250
- border: 2px dashed var(--color-blue-grey);
251
- }
252
-
253
- .border-light-blue-dashed {
254
- border: 2px dashed var(--color-light-blue);
255
- }
256
-
257
- .border-purple-dashed {
258
- border: 2px dashed var(--color-purple);
259
- }
260
-
261
- .border-pink-dashed {
262
- border: 2px dashed var(--color-pink);
263
- }
264
-
265
- .border-red-dashed {
266
- border: 2px dashed var(--color-red);
267
- }
268
-
269
- .border-green-dashed {
270
- border: 2px dashed var(--color-green);
271
- }
272
-
273
- .b--black {
274
- border-color: var(--color-black);
275
-
276
- &:hover {
277
- border-color: var(--color-black);
278
- }
279
- }
280
-
281
- .b--white {
282
- border-color: var(--color-white);
283
-
284
- &:hover {
285
- border-color: var(--color-white);
286
- }
287
- }
288
-
289
- .b--off-white {
290
- border-color: var(--color-off-white);
291
-
292
- &:hover {
293
- border-color: var(--color-off-white);
294
- }
295
- }
296
-
297
- .b--light-grey {
298
- border-color: var(--color-light-grey);
299
-
300
- &:hover {
301
- border-color: var(--color-light-grey);
302
- }
303
- }
304
-
305
- .b--blue {
306
- border-color: var(--color-blue);
307
-
308
- &:hover {
309
- border-color: var(--color-blue);
310
- }
311
- }
312
-
313
- .b--custom-blue {
314
- border-color: var(--color-blue);
315
-
316
- &:hover {
317
- border-color: var(--color-blue);
318
- }
319
- }
320
-
321
- .b--light-red {
322
- border-color: var(--color-light-red);
323
-
324
- &:hover {
325
- border-color: var(--color-light-red);
326
- }
327
- }
328
-
329
- .b--dark-gold {
330
- border-color: var(--color-dark-gold);
331
-
332
- &:hover {
333
- border-color: var(--color-dark-gold);
334
- }
335
- }
336
-
337
- .b--light-green {
338
- border-color: var(--color-light-green);
339
-
340
- &:hover {
341
- border-color: var(--color-light-green);
342
- }
343
- }
344
-
345
- .b--orange {
346
- border-color: var(--color-orange);
347
-
348
- &:hover {
349
- border-color: var(--color-orange);
350
- }
351
- }
352
-
353
- .b--light-orange {
354
- border-color: var(--color-light-orange);
355
-
356
- &:hover {
357
- border-color: var(--color-light-orange);
358
- }
359
- }
360
-
361
- .b--dark-yellow {
362
- border-color: var(--color-dark-yellow);
363
-
364
- &:hover {
365
- border-color: var(--color-dark-yellow);
366
- }
367
- }
368
-
369
- .b--dark-grey {
370
- border-color: var(--color-dark-grey);
371
-
372
- &:hover {
373
- border-color: var(--color-dark-grey);
374
- }
375
- }
376
-
377
- .b--accent-blue {
378
- border-color: var(--color-accent-blue);
379
-
380
- &:hover {
381
- border-color: var(--color-accent-blue);
382
- }
383
- }
384
-
385
- .b--grey {
386
- border-color: var(--color-grey);
387
-
388
- &:hover {
389
- border-color: var(--color-grey);
390
- }
391
- }
392
-
393
- .b--medium-grey {
394
- border-color: var(--color-medium-grey);
395
-
396
- &:hover {
397
- border-color: var(--color-medium-grey);
398
- }
399
- }
400
-
401
- .b--lightest-grey {
402
- border-color: var(--color-lightest-grey);
403
-
404
- &:hover {
405
- border-color: var(--color-lightest-grey);
406
- }
407
- }
408
-
409
- .b--blue-grey {
410
- border-color: var(--color-blue-grey);
411
-
412
- &:hover {
413
- border-color: var(--color-blue-grey);
414
- }
415
- }
416
-
417
- .b--light-blue {
418
- border-color: var(--color-light-blue);
419
-
420
- &:hover {
421
- border-color: var(--color-light-blue);
422
- }
423
- }
424
-
425
- .b--purple {
426
- border-color: var(--color-purple);
427
-
428
- &:hover {
429
- border-color: var(--color-purple);
430
- }
431
- }
432
-
433
- .b--pink {
434
- border-color: var(--color-pink);
435
-
436
- &:hover {
437
- border-color: var(--color-pink);
438
- }
439
- }
440
-
441
- .b--custom-pink {
442
- border-color: var(--color-pink);
443
-
444
- &:hover {
445
- border-color: var(--color-pink);
446
- }
447
- }
448
-
449
- .b--red {
450
- border-color: var(--color-red);
451
-
452
- &:hover {
453
- border-color: var(--color-red);
454
- }
455
- }
456
-
457
- .b--green {
458
- border-color: var(--color-green);
459
-
460
- &:hover {
461
- border-color: var(--color-green);
462
- }
463
- }
1
+ /* Top Borders */
2
+
3
+ .top-black-border {
4
+ border-top: 0.5rem solid var(--color-black);
5
+ }
6
+
7
+ .top-white-border {
8
+ border-top: 0.5rem solid var(--color-white);
9
+ }
10
+
11
+ .top-off-white-border {
12
+ border-top: 0.5rem solid var(--color-off-white);
13
+ }
14
+
15
+ .top-light-grey-border {
16
+ border-top: 0.5rem solid var(--color-light-grey);
17
+ }
18
+
19
+ .top-blue-border {
20
+ border-top: 0.5rem solid var(--color-blue);
21
+ }
22
+
23
+ .top-light-red-border {
24
+ border-top: 0.5rem solid var(--color-light-red);
25
+ }
26
+
27
+ .top-dark-gold-border {
28
+ border-top: 0.5rem solid var(--color-dark-gold);
29
+ }
30
+
31
+ .top-light-green-border {
32
+ border-top: 0.5rem solid var(--color-light-green);
33
+ }
34
+
35
+ .top-orange-border {
36
+ border-top: 0.5rem solid var(--color-orange);
37
+ }
38
+
39
+ .top-light-orange-border {
40
+ border-top: 0.5rem solid var(--color-light-orange);
41
+ }
42
+
43
+ .top-dark-yellow-border {
44
+ border-top: 0.5rem solid var(--color-dark-yellow);
45
+ }
46
+
47
+ .top-dark-grey-border {
48
+ border-top: 0.5rem solid var(--color-dark-grey);
49
+ }
50
+
51
+ .top-accent-blue-border {
52
+ border-top: 0.5rem solid var(--color-accent-blue);
53
+ }
54
+
55
+ .top-grey-border {
56
+ border-top: 0.5rem solid var(--color-grey);
57
+ }
58
+
59
+ .top-medium-grey-border {
60
+ border-top: 0.5rem solid var(--color-medium-grey);
61
+ }
62
+
63
+ .top-lightest-grey-border {
64
+ border-top: 0.5rem solid var(--color-lightest-grey);
65
+ }
66
+
67
+ .top-blue-grey-border {
68
+ border-top: 0.5rem solid var(--color-blue-grey);
69
+ }
70
+
71
+ .top-light-blue-border {
72
+ border-top: 0.5rem solid var(--color-light-blue);
73
+ }
74
+
75
+ .top-purple-border {
76
+ border-top: 0.5rem solid var(--color-purple);
77
+ }
78
+
79
+ .top-pink-border {
80
+ border-top: 0.5rem solid var(--color-pink);
81
+ }
82
+
83
+ .top-red-border {
84
+ border-top: 0.5rem solid var(--color-red);
85
+ }
86
+
87
+ .top-green-border {
88
+ border-top: 0.5rem solid var(--color-green);
89
+ }
90
+
91
+ .top-skinny-border {
92
+ border-top: 0.8px solid black;
93
+ }
94
+
95
+ /* Borders */
96
+
97
+ .border-black {
98
+ border: 2px solid var(--color-black);
99
+ }
100
+
101
+ .border-white {
102
+ border: 2px solid var(--color-white);
103
+ }
104
+
105
+ .border-off-white {
106
+ border: 2px solid var(--color-off-white);
107
+ }
108
+
109
+ .border-light-grey {
110
+ border: 2px solid var(--color-light-grey);
111
+ }
112
+
113
+ .border-blue {
114
+ border: 2px solid var(--color-blue);
115
+ }
116
+
117
+ .border-light-red {
118
+ border: 2px solid var(--color-light-red);
119
+ }
120
+
121
+ .border-dark-gold {
122
+ border: 2px solid var(--color-dark-gold);
123
+ }
124
+
125
+ .border-light-green {
126
+ border: 2px solid var(--color-light-green);
127
+ }
128
+
129
+ .border-orange {
130
+ border: 2px solid var(--color-orange);
131
+ }
132
+
133
+ .border-light-orange {
134
+ border: 2px solid var(--color-light-orange);
135
+ }
136
+
137
+ .border-dark-yellow {
138
+ border: 2px solid var(--color-dark-yellow);
139
+ }
140
+
141
+ .border-dark-grey {
142
+ border: 2px solid var(--color-dark-grey);
143
+ }
144
+
145
+ .border-accent-blue {
146
+ border: 2px solid var(--color-accent-blue);
147
+ }
148
+
149
+ .border-grey {
150
+ border: 2px solid var(--color-grey);
151
+ }
152
+
153
+ .border-medium-grey {
154
+ border: 2px solid var(--color-medium-grey);
155
+ }
156
+
157
+ .border-lightest-grey {
158
+ border: 2px solid var(--color-lightest-grey);
159
+ }
160
+
161
+ .border-blue-grey {
162
+ border: 2px solid var(--color-blue-grey);
163
+ }
164
+
165
+ .border-light-blue {
166
+ border: 2px solid var(--color-light-blue);
167
+ }
168
+
169
+ .border-purple {
170
+ border: 2px solid var(--color-purple);
171
+ }
172
+
173
+ .border-pink {
174
+ border: 2px solid var(--color-pink);
175
+ }
176
+
177
+ .border-red {
178
+ border: 2px solid var(--color-red);
179
+ }
180
+
181
+ .border-green {
182
+ border: 2px solid var(--color-green);
183
+ }
184
+
185
+ .border-black-dashed {
186
+ border: 2px dashed var(--color-black);
187
+ }
188
+
189
+ .border-white-dashed {
190
+ border: 2px dashed var(--color-white);
191
+ }
192
+
193
+ .border-off-white-dashed {
194
+ border: 2px dashed var(--color-off-white);
195
+ }
196
+
197
+ .border-light-grey-dashed {
198
+ border: 2px dashed var(--color-light-grey);
199
+ }
200
+
201
+ .border-blue-dashed {
202
+ border: 2px dashed var(--color-blue);
203
+ }
204
+
205
+ .border-light-red-dashed {
206
+ border: 2px dashed var(--color-light-red);
207
+ }
208
+
209
+ .border-dark-gold-dashed {
210
+ border: 2px dashed var(--color-dark-gold);
211
+ }
212
+
213
+ .border-light-green-dashed {
214
+ border: 2px dashed var(--color-light-green);
215
+ }
216
+
217
+ .border-orange-dashed {
218
+ border: 2px dashed var(--color-orange);
219
+ }
220
+
221
+ .border-light-orange-dashed {
222
+ border: 2px dashed var(--color-light-orange);
223
+ }
224
+
225
+ .border-dark-yellow-dashed {
226
+ border: 2px dashed var(--color-dark-yellow);
227
+ }
228
+
229
+ .border-dark-grey-dashed {
230
+ border: 2px dashed var(--color-dark-grey);
231
+ }
232
+
233
+ .border-accent-blue-dashed {
234
+ border: 2px dashed var(--color-accent-blue);
235
+ }
236
+
237
+ .border-grey-dashed {
238
+ border: 2px dashed var(--color-grey);
239
+ }
240
+
241
+ .border-medium-grey-dashed {
242
+ border: 2px dashed var(--color-medium-grey);
243
+ }
244
+
245
+ .border-lightest-grey-dashed {
246
+ border: 2px dashed var(--color-lightest-grey);
247
+ }
248
+
249
+ .border-blue-grey-dashed {
250
+ border: 2px dashed var(--color-blue-grey);
251
+ }
252
+
253
+ .border-light-blue-dashed {
254
+ border: 2px dashed var(--color-light-blue);
255
+ }
256
+
257
+ .border-purple-dashed {
258
+ border: 2px dashed var(--color-purple);
259
+ }
260
+
261
+ .border-pink-dashed {
262
+ border: 2px dashed var(--color-pink);
263
+ }
264
+
265
+ .border-red-dashed {
266
+ border: 2px dashed var(--color-red);
267
+ }
268
+
269
+ .border-green-dashed {
270
+ border: 2px dashed var(--color-green);
271
+ }
272
+
273
+ .b--black {
274
+ border-color: var(--color-black);
275
+
276
+ &:hover {
277
+ border-color: var(--color-black);
278
+ }
279
+ }
280
+
281
+ .b--white {
282
+ border-color: var(--color-white);
283
+
284
+ &:hover {
285
+ border-color: var(--color-white);
286
+ }
287
+ }
288
+
289
+ .b--off-white {
290
+ border-color: var(--color-off-white);
291
+
292
+ &:hover {
293
+ border-color: var(--color-off-white);
294
+ }
295
+ }
296
+
297
+ .b--light-grey {
298
+ border-color: var(--color-light-grey);
299
+
300
+ &:hover {
301
+ border-color: var(--color-light-grey);
302
+ }
303
+ }
304
+
305
+ .b--blue {
306
+ border-color: var(--color-blue);
307
+
308
+ &:hover {
309
+ border-color: var(--color-blue);
310
+ }
311
+ }
312
+
313
+ .b--custom-blue {
314
+ border-color: var(--color-blue);
315
+
316
+ &:hover {
317
+ border-color: var(--color-blue);
318
+ }
319
+ }
320
+
321
+ .b--light-red {
322
+ border-color: var(--color-light-red);
323
+
324
+ &:hover {
325
+ border-color: var(--color-light-red);
326
+ }
327
+ }
328
+
329
+ .b--dark-gold {
330
+ border-color: var(--color-dark-gold);
331
+
332
+ &:hover {
333
+ border-color: var(--color-dark-gold);
334
+ }
335
+ }
336
+
337
+ .b--light-green {
338
+ border-color: var(--color-light-green);
339
+
340
+ &:hover {
341
+ border-color: var(--color-light-green);
342
+ }
343
+ }
344
+
345
+ .b--orange {
346
+ border-color: var(--color-orange);
347
+
348
+ &:hover {
349
+ border-color: var(--color-orange);
350
+ }
351
+ }
352
+
353
+ .b--light-orange {
354
+ border-color: var(--color-light-orange);
355
+
356
+ &:hover {
357
+ border-color: var(--color-light-orange);
358
+ }
359
+ }
360
+
361
+ .b--dark-yellow {
362
+ border-color: var(--color-dark-yellow);
363
+
364
+ &:hover {
365
+ border-color: var(--color-dark-yellow);
366
+ }
367
+ }
368
+
369
+ .b--dark-grey {
370
+ border-color: var(--color-dark-grey);
371
+
372
+ &:hover {
373
+ border-color: var(--color-dark-grey);
374
+ }
375
+ }
376
+
377
+ .b--accent-blue {
378
+ border-color: var(--color-accent-blue);
379
+
380
+ &:hover {
381
+ border-color: var(--color-accent-blue);
382
+ }
383
+ }
384
+
385
+ .b--grey {
386
+ border-color: var(--color-grey);
387
+
388
+ &:hover {
389
+ border-color: var(--color-grey);
390
+ }
391
+ }
392
+
393
+ .b--medium-grey {
394
+ border-color: var(--color-medium-grey);
395
+
396
+ &:hover {
397
+ border-color: var(--color-medium-grey);
398
+ }
399
+ }
400
+
401
+ .b--lightest-grey {
402
+ border-color: var(--color-lightest-grey);
403
+
404
+ &:hover {
405
+ border-color: var(--color-lightest-grey);
406
+ }
407
+ }
408
+
409
+ .b--blue-grey {
410
+ border-color: var(--color-blue-grey);
411
+
412
+ &:hover {
413
+ border-color: var(--color-blue-grey);
414
+ }
415
+ }
416
+
417
+ .b--light-blue {
418
+ border-color: var(--color-light-blue);
419
+
420
+ &:hover {
421
+ border-color: var(--color-light-blue);
422
+ }
423
+ }
424
+
425
+ .b--purple {
426
+ border-color: var(--color-purple);
427
+
428
+ &:hover {
429
+ border-color: var(--color-purple);
430
+ }
431
+ }
432
+
433
+ .b--pink {
434
+ border-color: var(--color-pink);
435
+
436
+ &:hover {
437
+ border-color: var(--color-pink);
438
+ }
439
+ }
440
+
441
+ .b--custom-pink {
442
+ border-color: var(--color-pink);
443
+
444
+ &:hover {
445
+ border-color: var(--color-pink);
446
+ }
447
+ }
448
+
449
+ .b--red {
450
+ border-color: var(--color-red);
451
+
452
+ &:hover {
453
+ border-color: var(--color-red);
454
+ }
455
+ }
456
+
457
+ .b--green {
458
+ border-color: var(--color-green);
459
+
460
+ &:hover {
461
+ border-color: var(--color-green);
462
+ }
463
+ }