studiokit-scaffolding-js 7.0.12-next.2.9 → 7.0.13-alpha.1

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