studiokit-scaffolding-js 7.0.12-next.2.5 → 7.0.12-next.2.7

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 (287) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +137 -137
  3. package/lib/components/ActionList.js +1 -1
  4. package/lib/components/AlertDialog.js +1 -1
  5. package/lib/components/AlertWithIcon.js +1 -1
  6. package/lib/components/ConnectedModal.js +3 -3
  7. package/lib/components/Dropdowns/GroupsDropdown.js +1 -1
  8. package/lib/components/Dropdowns/ManagedNavDropdown.js +4 -4
  9. package/lib/components/Dropdowns/UserDropdown.js +1 -1
  10. package/lib/components/Dropdowns/index.js +1 -1
  11. package/lib/components/EntityOwnerList.js +1 -1
  12. package/lib/components/Error.js +1 -1
  13. package/lib/components/ErrorBoundary.js +1 -1
  14. package/lib/components/ErrorMessage.js +1 -1
  15. package/lib/components/Forms/DateField.js +1 -1
  16. package/lib/components/Forms/TimeField.js +1 -1
  17. package/lib/components/Forms/index.js +1 -1
  18. package/lib/components/Groups/CreateEditCopySaveButtons.d.ts +2 -2
  19. package/lib/components/Groups/CreateEditCopySaveButtons.js +40 -48
  20. package/lib/components/Groups/ExternalGroups/Attach.js +1 -1
  21. package/lib/components/Groups/ExternalGroups/Table.js +1 -1
  22. package/lib/components/Groups/GroupCreateOrEditCommonProps.js +1 -1
  23. package/lib/components/Groups/RosterSyncInfo.js +1 -1
  24. package/lib/components/HOC/AccessibleAppComponent.js +6 -6
  25. package/lib/components/HOC/ActivityRequiredComponent.js +50 -50
  26. package/lib/components/HOC/AsyncComponent.js +1 -1
  27. package/lib/components/HOC/AuthenticatedComponent.js +1 -1
  28. package/lib/components/HOC/CollectionComponent.js +11 -11
  29. package/lib/components/HOC/CollectionFirstItemComponent.js +4 -4
  30. package/lib/components/HOC/CollectionItemComponent.js +11 -11
  31. package/lib/components/HOC/ConnectedModalComponent.js +15 -15
  32. package/lib/components/HOC/DataDependentComponent.js +1 -1
  33. package/lib/components/HOC/EntityComponent.js +12 -12
  34. package/lib/components/HOC/FullscreenModalComponent.js +24 -24
  35. package/lib/components/HOC/GroupActivityRequiredComponent.js +19 -19
  36. package/lib/components/HOC/GuidComponent.js +5 -5
  37. package/lib/components/HOC/ModelContextDependencyVerifyComponent.js +7 -7
  38. package/lib/components/HOC/ModelErrorRedirectComponent.js +12 -12
  39. package/lib/components/HOC/SearchPersistorComponent.js +43 -43
  40. package/lib/components/HOC/UnauthenticatedComponent.js +1 -1
  41. package/lib/components/HOC/UserComponent.js +1 -1
  42. package/lib/components/Icons/IconAlphaList.js +1 -1
  43. package/lib/components/Icons/IconExternalUser.js +1 -1
  44. package/lib/components/Icons/IconImpersonation.js +1 -1
  45. package/lib/components/Icons/IconStopImpersonating.js +1 -1
  46. package/lib/components/Icons/IconTable.js +1 -1
  47. package/lib/components/Icons/IconTableDeleteCol.js +1 -1
  48. package/lib/components/Icons/IconTableDeleteRow.js +1 -1
  49. package/lib/components/Icons/IconTableInsertCol.js +1 -1
  50. package/lib/components/Icons/IconTableInsertRow.js +1 -1
  51. package/lib/components/Impersonation/Button.js +1 -1
  52. package/lib/components/Impersonation/Link.js +1 -1
  53. package/lib/components/Impersonation/UserDetail.css +22 -22
  54. package/lib/components/Impersonation/UserDetail.js +3 -3
  55. package/lib/components/Loading.js +1 -1
  56. package/lib/components/LockDownBrowser/Check.js +1 -1
  57. package/lib/components/LockDownBrowser/ExitButton.js +1 -1
  58. package/lib/components/LockDownBrowser/Launch.js +1 -1
  59. package/lib/components/Lti/Confirm.js +1 -1
  60. package/lib/components/Lti/CreateNonLtiGroupAlertDialog.js +1 -1
  61. package/lib/components/Lti/Launch.js +1 -1
  62. package/lib/components/Lti/LaunchGroup.js +1 -1
  63. package/lib/components/ManageTable.js +1 -1
  64. package/lib/components/ManageTableNoDataComponent.js +1 -1
  65. package/lib/components/NewVersionAlert.js +1 -1
  66. package/lib/components/NotFound.js +1 -1
  67. package/lib/components/Notifications.js +1 -1
  68. package/lib/components/PaginationNextButton.js +1 -1
  69. package/lib/components/PaginationPreviousButton.js +1 -1
  70. package/lib/components/Quill/CustomToolbar.js +1 -1
  71. package/lib/components/Quill/Formats/Image.js +5 -5
  72. package/lib/components/Quill/Formats/List.js +3 -3
  73. package/lib/components/Quill/Formats/Video.js +3 -3
  74. package/lib/components/Quill/ImageDropModule.js +17 -17
  75. package/lib/components/Quill/ImageWarning.js +1 -1
  76. package/lib/components/Quill/ImageWithAltTextModal.js +1 -1
  77. package/lib/components/Quill/Specs/CustomImageSpec.js +7 -7
  78. package/lib/components/Quill/Specs/CustomVideoSpec.js +9 -9
  79. package/lib/components/Quill/TableModule/Blots/BaseTableBlot.js +8 -8
  80. package/lib/components/Quill/TableModule/Blots/TableBlot.js +1 -1
  81. package/lib/components/Quill/TableModule/Blots/TableBodyBlot.js +1 -1
  82. package/lib/components/Quill/TableModule/Blots/TableCellBlot.js +1 -1
  83. package/lib/components/Quill/TableModule/Blots/TableContainer.js +1 -1
  84. package/lib/components/Quill/TableModule/Blots/TableRowBlot.js +1 -1
  85. package/lib/components/Quill/TableModule/constants.js +1 -1
  86. package/lib/components/Quill/TableModule/index.css +171 -171
  87. package/lib/components/Quill/TableModule/index.js +1 -1
  88. package/lib/components/Quill/TableModule/utils.js +1 -1
  89. package/lib/components/Quill/accessibilityFix.js +14 -14
  90. package/lib/components/Quill/index.js +1 -1
  91. package/lib/components/RefreshIndicator/Bordered.js +1 -1
  92. package/lib/components/RefreshIndicator/Inline.js +1 -1
  93. package/lib/components/RefreshIndicator/index.js +1 -1
  94. package/lib/components/SearchControls.js +1 -1
  95. package/lib/components/SentryRoute.js +1 -1
  96. package/lib/components/Tables/RoleFilter.js +1 -1
  97. package/lib/components/Tables/TextFilter.js +1 -1
  98. package/lib/components/UserRoles/Add.js +1 -1
  99. package/lib/components/UserRoles/Context.js +4 -4
  100. package/lib/components/UserRoles/RoleCell.js +1 -1
  101. package/lib/components/UserRoles/Select.js +1 -1
  102. package/lib/components/UserRoles/Table.js +1 -1
  103. package/lib/components/UserRoles/index.js +3 -3
  104. package/lib/config/eslint/index.js +1 -1
  105. package/lib/config/eslint/lib/order.js +1 -1
  106. package/lib/config/eslint/lib/prettier.js +1 -1
  107. package/lib/config/eslint/lib/typescript.js +1 -1
  108. package/lib/config/eslint/react.js +1 -1
  109. package/lib/constants/baseActivity.js +1 -1
  110. package/lib/constants/baseRole.js +1 -1
  111. package/lib/constants/configuration.js +1 -1
  112. package/lib/constants/externalProviderType.js +1 -1
  113. package/lib/constants/fetchErrorData.js +1 -1
  114. package/lib/constants/index.js +1 -1
  115. package/lib/constants/lockDownBrowser.js +1 -1
  116. package/lib/constants/mockData.js +3 -3
  117. package/lib/constants/modelStatus.js +1 -1
  118. package/lib/constants/notificationType.js +1 -1
  119. package/lib/constants/operatingSystem.js +1 -1
  120. package/lib/constants/shard.js +1 -1
  121. package/lib/constants/table.js +1 -1
  122. package/lib/constants/tier.js +1 -1
  123. package/lib/constants/userRole.js +1 -1
  124. package/lib/css/base/_base.css +98 -98
  125. package/lib/css/base/_typography.css +130 -130
  126. package/lib/css/components/_alert.css +86 -86
  127. package/lib/css/components/_bootstrap-grid.css +28 -28
  128. package/lib/css/components/_buttons.css +397 -397
  129. package/lib/css/components/_forms.css +101 -101
  130. package/lib/css/components/_menu.css +56 -56
  131. package/lib/css/components/_modals.css +46 -46
  132. package/lib/css/components/_quill.css +315 -315
  133. package/lib/css/components/_tables.css +497 -497
  134. package/lib/css/components/_tags.css +12 -12
  135. package/lib/css/index-with-variables.css +15 -15
  136. package/lib/css/index.css +14 -14
  137. package/lib/css/utils/_border.css +463 -463
  138. package/lib/css/utils/_color.css +317 -317
  139. package/lib/css/utils/_display.css +305 -305
  140. package/lib/css/utils/_general.css +48 -48
  141. package/lib/css/utils/_icon.css +16 -16
  142. package/lib/css/utils/_text.css +25 -25
  143. package/lib/css/utils/_width.css +60 -60
  144. package/lib/css/variables.css +84 -84
  145. package/lib/endpointMappings.js +1 -1
  146. package/lib/hooks/useCollection.js +1 -1
  147. package/lib/hooks/useCollectionConfiguration.js +86 -131
  148. package/lib/hooks/useCollectionItem.js +1 -1
  149. package/lib/hooks/useEventCalback.d.ts +14 -0
  150. package/lib/hooks/useEventCalback.js +51 -0
  151. package/lib/hooks/useGuid.js +3 -3
  152. package/lib/hooks/usePrevious.d.ts +15 -5
  153. package/lib/hooks/usePrevious.js +62 -19
  154. package/lib/index.js +1 -1
  155. package/lib/redux/actionCreator.js +1 -1
  156. package/lib/redux/actions/AuthAction.js +7 -7
  157. package/lib/redux/actions/ModalAction.js +1 -1
  158. package/lib/redux/actions/ModelAction.js +17 -17
  159. package/lib/redux/actions/NotificationAction.js +1 -1
  160. package/lib/redux/actions/SearchAction.js +1 -1
  161. package/lib/redux/actions/index.js +1 -1
  162. package/lib/redux/configureReducers.js +7 -7
  163. package/lib/redux/configureStore.js +1 -1
  164. package/lib/redux/helpers.js +1 -1
  165. package/lib/redux/reducers/authReducer.js +3 -3
  166. package/lib/redux/reducers/index.js +1 -1
  167. package/lib/redux/reducers/modalsReducer.js +1 -1
  168. package/lib/redux/reducers/modelsReducer.js +48 -48
  169. package/lib/redux/reducers/notificationsReducer.js +1 -1
  170. package/lib/redux/reducers/searchReducer.js +9 -9
  171. package/lib/redux/sagas/appInsightsSaga.js +1 -1
  172. package/lib/redux/sagas/authSaga.js +1 -1
  173. package/lib/redux/sagas/caliperSaga.js +16 -16
  174. package/lib/redux/sagas/clockOffsetSaga.js +9 -9
  175. package/lib/redux/sagas/configurationSaga.js +1 -1
  176. package/lib/redux/sagas/downtimeApiErrorSaga.js +1 -1
  177. package/lib/redux/sagas/errorSaga.js +1 -1
  178. package/lib/redux/sagas/googleAnalyticsSaga.js +1 -1
  179. package/lib/redux/sagas/identityProviderSaga.js +1 -1
  180. package/lib/redux/sagas/initialDataLoadSaga.js +1 -1
  181. package/lib/redux/sagas/lockDownBrowserErrorSaga.js +1 -1
  182. package/lib/redux/sagas/modelFetchSaga.js +49 -49
  183. package/lib/redux/sagas/noStoreSaga.js +1 -1
  184. package/lib/redux/sagas/postLoginDataSaga.js +6 -6
  185. package/lib/redux/sagas/postLoginRedirectSaga.js +4 -4
  186. package/lib/redux/sagas/rootSaga.js +1 -1
  187. package/lib/redux/sagas/sentrySaga.js +1 -1
  188. package/lib/redux/sagas/userIdSaga.js +1 -1
  189. package/lib/services/codeProviderService.js +1 -1
  190. package/lib/services/dateService.js +3 -3
  191. package/lib/services/documentService.js +4 -4
  192. package/lib/services/fetchService.js +25 -25
  193. package/lib/services/persistenceService.js +1 -1
  194. package/lib/services/ticketProviderService.js +1 -1
  195. package/lib/services/tokenPersistenceService.js +1 -1
  196. package/lib/services/windowService.js +1 -1
  197. package/lib/startup.js +18 -18
  198. package/lib/types/AppConfiguration.js +1 -1
  199. package/lib/types/Artifact.js +1 -1
  200. package/lib/types/BaseReduxState.js +1 -1
  201. package/lib/types/Client.js +1 -1
  202. package/lib/types/Collection.js +1 -1
  203. package/lib/types/Configuration.js +1 -1
  204. package/lib/types/DeepLinkingResponseRequest.js +1 -1
  205. package/lib/types/DeletableModel.js +1 -1
  206. package/lib/types/Event.js +1 -1
  207. package/lib/types/ExternalGroup.js +1 -1
  208. package/lib/types/ExternalProvider.js +1 -1
  209. package/lib/types/ExternalTerm.js +1 -1
  210. package/lib/types/Group.js +1 -1
  211. package/lib/types/IdentityProvider.js +1 -1
  212. package/lib/types/LtiLaunch.js +1 -1
  213. package/lib/types/NameOnlyEntity.js +1 -1
  214. package/lib/types/Notification.js +1 -1
  215. package/lib/types/OptionalRecord.js +1 -1
  216. package/lib/types/OwnerSchedule.js +1 -1
  217. package/lib/types/PropertyOfType.js +1 -1
  218. package/lib/types/Quill.js +1 -1
  219. package/lib/types/RoleDescription.js +1 -1
  220. package/lib/types/Search.js +1 -1
  221. package/lib/types/SimpleLocation.js +1 -1
  222. package/lib/types/UniTime.js +1 -1
  223. package/lib/types/User.js +1 -1
  224. package/lib/types/UserRole.js +1 -1
  225. package/lib/types/auth/AuthState.js +1 -1
  226. package/lib/types/auth/CasV1LoginRequestBody.js +1 -1
  227. package/lib/types/auth/ClientCredentials.js +1 -1
  228. package/lib/types/auth/CodeProviderService.js +1 -1
  229. package/lib/types/auth/LocalLoginRequestBody.js +1 -1
  230. package/lib/types/auth/TicketProviderService.js +1 -1
  231. package/lib/types/auth/TokenPersistenceService.js +1 -1
  232. package/lib/types/auth/index.js +1 -1
  233. package/lib/types/externals.d.js +1 -1
  234. package/lib/types/index.js +1 -1
  235. package/lib/types/net/EndpointConfig.js +1 -1
  236. package/lib/types/net/EndpointMapping.js +1 -1
  237. package/lib/types/net/EndpointMappings.js +1 -1
  238. package/lib/types/net/ErrorHandler.js +1 -1
  239. package/lib/types/net/FetchConfig.js +1 -1
  240. package/lib/types/net/FetchErrorData.js +1 -1
  241. package/lib/types/net/FetchResult.js +1 -1
  242. package/lib/types/net/HTTPMethod.js +1 -1
  243. package/lib/types/net/HTTPStatusCode.js +1 -1
  244. package/lib/types/net/Metadata.js +1 -1
  245. package/lib/types/net/Model.js +1 -1
  246. package/lib/types/net/ModelCollection.js +1 -1
  247. package/lib/types/net/ModelsState.js +1 -1
  248. package/lib/types/net/OAuthToken.js +1 -1
  249. package/lib/types/net/OAuthTokenOrNull.js +1 -1
  250. package/lib/types/net/TokenAccessFunction.js +1 -1
  251. package/lib/types/net/index.js +1 -1
  252. package/lib/utils/baseActivity.js +87 -87
  253. package/lib/utils/baseRole.js +1 -1
  254. package/lib/utils/collection.js +26 -23
  255. package/lib/utils/cookies.js +1 -1
  256. package/lib/utils/date.js +111 -111
  257. package/lib/utils/dom.js +42 -42
  258. package/lib/utils/domainIdentifier.js +1 -1
  259. package/lib/utils/entityUserRole.js +1 -1
  260. package/lib/utils/error.js +1 -1
  261. package/lib/utils/events.js +4 -4
  262. package/lib/utils/externalGroup.js +1 -1
  263. package/lib/utils/externalProviders.js +1 -1
  264. package/lib/utils/externalTerms.js +1 -1
  265. package/lib/utils/fetch.js +10 -10
  266. package/lib/utils/group.js +1 -1
  267. package/lib/utils/groupDates.js +1 -1
  268. package/lib/utils/groupRoles.js +1 -1
  269. package/lib/utils/lockDownBrowser.js +1 -1
  270. package/lib/utils/logger.js +1 -1
  271. package/lib/utils/lti.js +1 -1
  272. package/lib/utils/model.js +5 -5
  273. package/lib/utils/number.js +11 -11
  274. package/lib/utils/promise.js +1 -1
  275. package/lib/utils/quill.js +16 -16
  276. package/lib/utils/route.js +1 -1
  277. package/lib/utils/search.js +1 -1
  278. package/lib/utils/shard.js +1 -1
  279. package/lib/utils/sort.js +1 -1
  280. package/lib/utils/string.js +1 -1
  281. package/lib/utils/table.js +4 -4
  282. package/lib/utils/timezone.js +1 -1
  283. package/lib/utils/url.js +18 -18
  284. package/lib/utils/user.js +1 -1
  285. package/lib/utils/userAgent.js +1 -1
  286. package/lib/utils/userRole.js +16 -16
  287. package/package.json +225 -225
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
+ }