opus-toolkit-components 0.2.2 → 0.2.4

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 (6) hide show
  1. package/lib/{905.dab21ef1b7f753de58a0.js → main.354919c3ad193cd58738.js} +526 -30
  2. package/lib/main.354919c3ad193cd58738.js.map +1 -0
  3. package/package.json +4 -4
  4. package/lib/905.dab21ef1b7f753de58a0.js.map +0 -1
  5. package/lib/main.a0e904c2fb2786616858.js +0 -635
  6. package/lib/main.a0e904c2fb2786616858.js.map +0 -1
package/lib/main.a0e904c2fb2786616858.js DELETED
@@ -1,635 +0,0 @@
1
- (function webpackUniversalModuleDefinition(root, factory) {
2
- if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("react"), require("react-dom"));
4
- else if(typeof define === 'function' && define.amd)
5
- define("opus-components", ["react", "react-dom"], factory);
6
- else if(typeof exports === 'object')
7
- exports["opus-components"] = factory(require("react"), require("react-dom"));
8
- else
9
- root["opus-components"] = factory(root["react"], root["react-dom"]);
10
- })(self, (__WEBPACK_EXTERNAL_MODULE__155__, __WEBPACK_EXTERNAL_MODULE__514__) => {
11
- return /******/ (() => { // webpackBootstrap
12
- /******/ "use strict";
13
- /******/ var __webpack_modules__ = ({
14
-
15
- /***/ 265:
16
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
17
-
18
- // ESM COMPAT FLAG
19
- __webpack_require__.r(__webpack_exports__);
20
-
21
- // EXPORTS
22
- __webpack_require__.d(__webpack_exports__, {
23
- Accordion: () => (/* reexport */ Accordions_Accordion),
24
- Button: () => (/* reexport */ Button),
25
- Card: () => (/* reexport */ Card),
26
- DatePicker: () => (/* reexport */ DatePicker),
27
- Dropdown: () => (/* reexport */ Dropdown),
28
- Input: () => (/* reexport */ Input),
29
- RadioButton: () => (/* reexport */ RadioButton),
30
- Table: () => (/* reexport */ Table)
31
- });
32
-
33
- // EXTERNAL MODULE: external "react"
34
- var external_react_ = __webpack_require__(155);
35
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
36
- ;// ./src/components/Accordions/Accordion.js
37
-
38
- const Accordion = _ref => {
39
- let {
40
- title,
41
- handleToggle,
42
- activeIndex,
43
- index,
44
- children
45
- } = _ref;
46
- const [internalActiveIndex, setInternalActiveIndex] = (0,external_react_.useState)(null);
47
-
48
- // Determine which activeIndex to use: internal or external
49
- const isActive = activeIndex !== undefined ? activeIndex === index : internalActiveIndex === index;
50
-
51
- // Internal toggle function for self-managed state
52
- const toggle = () => {
53
- if (handleToggle) {
54
- handleToggle(index); // Trigger external handler if provided
55
- } else {
56
- setInternalActiveIndex(isActive ? null : index); // Otherwise, toggle internal state
57
- }
58
- };
59
-
60
- // Sync internal state with external state if activeIndex changes
61
- (0,external_react_.useEffect)(() => {
62
- if (activeIndex !== undefined) {
63
- setInternalActiveIndex(activeIndex);
64
- }
65
- }, [activeIndex]);
66
- return /*#__PURE__*/external_react_default().createElement("div", {
67
- className: "accordion"
68
- }, /*#__PURE__*/external_react_default().createElement("div", {
69
- className: "accordion-item border-2 rounded-lg border-gray-200 mb-2",
70
- key: index
71
- }, /*#__PURE__*/external_react_default().createElement("div", {
72
- className: "accordion-header flex p-4 justify-between",
73
- onClick: toggle // Handle both internal and external toggles
74
- ,
75
- style: {
76
- cursor: 'pointer'
77
- }
78
- }, /*#__PURE__*/external_react_default().createElement("h3", null, title), /*#__PURE__*/external_react_default().createElement("div", null, isActive ? '-' : '+'))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
79
- className: "accordion-body p-4"
80
- }, /*#__PURE__*/external_react_default().createElement("p", null, "Example Child Prop"), children));
81
- };
82
- /* harmony default export */ const Accordions_Accordion = (Accordion);
83
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
84
- var injectStylesIntoStyleTag = __webpack_require__(72);
85
- var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
86
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
87
- var styleDomAPI = __webpack_require__(825);
88
- var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
89
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
90
- var insertBySelector = __webpack_require__(659);
91
- var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
92
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
93
- var setAttributesWithoutAttributes = __webpack_require__(56);
94
- var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
95
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
96
- var insertStyleElement = __webpack_require__(540);
97
- var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
98
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
99
- var styleTagTransform = __webpack_require__(113);
100
- var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
101
- // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Buttons/_button.scss
102
- var _button = __webpack_require__(250);
103
- ;// ./src/components/Buttons/_button.scss
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
- var options = {};
116
-
117
- options.styleTagTransform = (styleTagTransform_default());
118
- options.setAttributes = (setAttributesWithoutAttributes_default());
119
- options.insert = insertBySelector_default().bind(null, "head");
120
- options.domAPI = (styleDomAPI_default());
121
- options.insertStyleElement = (insertStyleElement_default());
122
-
123
- var update = injectStylesIntoStyleTag_default()(_button/* default */.A, options);
124
-
125
-
126
-
127
-
128
- /* harmony default export */ const Buttons_button = (_button/* default */.A && _button/* default */.A.locals ? _button/* default */.A.locals : undefined);
129
-
130
- ;// ./src/components/Buttons/Button.js
131
-
132
-
133
- function Button(_ref) {
134
- let {
135
- type = 'button',
136
- rank = 'primary',
137
- text = 'Example Button',
138
- size = 'md',
139
- isFullWidth = false,
140
- // The boolean to toggle 'w-full'
141
- onClick
142
- } = _ref;
143
- // Conditional class based on isFullWidth
144
- const classNames = `transition ease-in-out duration-700 rounded px-6 py-2 text-${size} ${rank}-btn ${isFullWidth ? 'w-full' : ''}`;
145
- return /*#__PURE__*/external_react_default().createElement("button", {
146
- type: type,
147
- className: classNames,
148
- onClick: onClick
149
- }, text);
150
- }
151
- // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Cards/card.scss
152
- var card = __webpack_require__(865);
153
- ;// ./src/components/Cards/card.scss
154
-
155
-
156
-
157
-
158
-
159
-
160
-
161
-
162
-
163
-
164
-
165
- var card_options = {};
166
-
167
- card_options.styleTagTransform = (styleTagTransform_default());
168
- card_options.setAttributes = (setAttributesWithoutAttributes_default());
169
- card_options.insert = insertBySelector_default().bind(null, "head");
170
- card_options.domAPI = (styleDomAPI_default());
171
- card_options.insertStyleElement = (insertStyleElement_default());
172
-
173
- var card_update = injectStylesIntoStyleTag_default()(card/* default */.A, card_options);
174
-
175
-
176
-
177
-
178
- /* harmony default export */ const Cards_card = (card/* default */.A && card/* default */.A.locals ? card/* default */.A.locals : undefined);
179
-
180
- ;// ./src/components/Cards/Card.js
181
-
182
-
183
- function Card(_ref) {
184
- let {
185
- mode = 'light',
186
- children
187
- } = _ref;
188
- const cardClasses = `p-5 ${mode}-card rounded-lg shadow-lg`;
189
- return /*#__PURE__*/external_react_default().createElement("div", {
190
- className: cardClasses
191
- }, children);
192
- }
193
- ;// ./src/components/Forms/Inputs/Input.js
194
-
195
- function Input(_ref) {
196
- let {
197
- label,
198
- placeholder,
199
- type = 'text',
200
- name,
201
- isValid = true,
202
- errorMessage = `${label} is required`,
203
- onChange
204
- } = _ref;
205
- const inputClasses = `rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-500' : 'border-rose-500'}`;
206
- return /*#__PURE__*/external_react_default().createElement("div", {
207
- className: "flex flex-col mb-4"
208
- }, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("input", {
209
- className: inputClasses,
210
- type: type,
211
- name: name,
212
- placeholder: placeholder,
213
- onChange: onChange
214
- }), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
215
- className: "text-rose-500 text-sm"
216
- }, errorMessage));
217
- }
218
- ;// ./src/components/Forms/Datepickers/DatePicker.js
219
-
220
- function DatePicker(_ref) {
221
- let {
222
- initialDate = '',
223
- label = 'Select a Date:',
224
- isValid = true,
225
- errorMessage = "Error message"
226
- } = _ref;
227
- const [selectedDate, setSelectedDate] = (0,external_react_.useState)(initialDate);
228
- (0,external_react_.useEffect)(() => {
229
- setSelectedDate(initialDate);
230
- }, [initialDate]);
231
- const handleDateChange = e => {
232
- setSelectedDate(e.target.value);
233
- };
234
- const inputClasses = `rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-400' : 'border-rose-500'}`;
235
- return /*#__PURE__*/external_react_.React.createElement("div", {
236
- className: "flex flex-col mb-4"
237
- }, /*#__PURE__*/external_react_.React.createElement("label", {
238
- htmlFor: "date"
239
- }, label), /*#__PURE__*/external_react_.React.createElement("input", {
240
- type: "date",
241
- id: "date",
242
- value: selectedDate,
243
- onChange: handleDateChange,
244
- className: inputClasses
245
- }), !isValid && /*#__PURE__*/external_react_.React.createElement("span", {
246
- className: "text-rose-500 text-sm"
247
- }, errorMessage));
248
- }
249
- ;// ./src/components/Forms/Radios/RadioButton.js
250
-
251
- function RadioButton(_ref) {
252
- let {
253
- name,
254
- value,
255
- checked,
256
- onChange,
257
- rank = 'primary',
258
- // Can be 'primary', 'secondary', etc.
259
- text = 'Example Radio',
260
- size = 'md' // Sizes can be 'sm', 'md', 'lg'
261
- } = _ref;
262
- // Conditional class based on rank and size
263
- const classNames = `
264
- flex items-center cursor-pointer transition
265
- duration-200 ease-in-out
266
- ${rank === 'primary' ? 'text-blue-600' : 'text-gray-600'}
267
- ${size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : 'text-base'}
268
- `;
269
- return /*#__PURE__*/external_react_default().createElement("label", {
270
- className: classNames
271
- }, /*#__PURE__*/external_react_default().createElement("input", {
272
- type: "radio",
273
- name: name,
274
- value: value,
275
- checked: checked,
276
- onChange: onChange,
277
- className: `mr-2 form-radio ${rank}-radio` // Apply Tailwind styles
278
- }), text);
279
- }
280
- ;// ./src/components/Tables/Table.js
281
-
282
- function Table() {
283
- return /*#__PURE__*/external_react_default().createElement("table", {
284
- class: "table-auto"
285
- }, /*#__PURE__*/external_react_default().createElement("thead", null, /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("th", null, "Song"), /*#__PURE__*/external_react_default().createElement("th", null, "Artist"), /*#__PURE__*/external_react_default().createElement("th", null, "Year"))), /*#__PURE__*/external_react_default().createElement("tbody", null, /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "The Sliding Mr. Bones (Next Stop, Pottersville)"), /*#__PURE__*/external_react_default().createElement("td", null, "Malcolm Lockyer"), /*#__PURE__*/external_react_default().createElement("td", null, "1961")), /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "Witchy Woman"), /*#__PURE__*/external_react_default().createElement("td", null, "The Eagles"), /*#__PURE__*/external_react_default().createElement("td", null, "1972")), /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "Shining Star"), /*#__PURE__*/external_react_default().createElement("td", null, "Earth, Wind, and Fire"), /*#__PURE__*/external_react_default().createElement("td", null, "1975"))));
286
- }
287
- // EXTERNAL MODULE: ./node_modules/@headlessui/react/dist/components/menu/menu.js + 71 modules
288
- var menu = __webpack_require__(66);
289
- // EXTERNAL MODULE: ./node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js
290
- var ChevronDownIcon = __webpack_require__(519);
291
- ;// ./src/components/Forms/Dropdowns/Dropdown.jsx
292
-
293
-
294
-
295
-
296
- /*
297
-
298
- Usage:
299
-
300
- import Dropdown from './Dropdown';
301
-
302
- const menuItems = [
303
- { label: 'Account settings', href: '#' },
304
- { label: 'Support', href: '#' },
305
- { label: 'License', href: '#' },
306
- { label: 'Sign out', onClick: () => alert('Signed out!') },
307
- ];
308
-
309
- function App() {
310
- return <Dropdown items={menuItems} />;
311
- }
312
-
313
- export default App;
314
-
315
-
316
- */
317
-
318
- function Dropdown(_ref) {
319
- let {
320
- items,
321
- label = "Test Label",
322
- isValid = true,
323
- placeholder = "Example Placeholder",
324
- name,
325
- onChange
326
- } = _ref;
327
- const inputClasses = `inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-500' : 'border-rose-500'}`;
328
- return /*#__PURE__*/external_react_default().createElement(menu/* Menu */.W1, {
329
- as: "div",
330
- className: "relative inline-block text-left",
331
- name: name
332
- }, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(menu/* MenuButton */.IU, {
333
- className: inputClasses
334
- }, placeholder, /*#__PURE__*/external_react_default().createElement(ChevronDownIcon/* default */.A, {
335
- "aria-hidden": "true",
336
- className: "-mr-1 h-5 w-5 text-gray-400"
337
- }))), /*#__PURE__*/external_react_default().createElement(menu/* MenuItems */.c, {
338
- transition: true,
339
- className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in"
340
- }, /*#__PURE__*/external_react_default().createElement("div", {
341
- className: "py-1"
342
- }, items.map((item, index) => /*#__PURE__*/external_react_default().createElement(menu/* MenuItem */.Dr, {
343
- key: index
344
- }, _ref2 => {
345
- let {
346
- active
347
- } = _ref2;
348
- return item.href ? /*#__PURE__*/external_react_default().createElement("a", {
349
- href: item.href,
350
- className: `block px-4 py-2 text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
351
- }, item.label) : /*#__PURE__*/external_react_default().createElement("button", {
352
- onClick: item.onClick,
353
- className: `block w-full px-4 py-2 text-left text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
354
- }, item.label);
355
- })))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
356
- className: "text-rose-500 text-sm"
357
- }));
358
- }
359
- ;// ./src/index.js
360
-
361
-
362
-
363
-
364
-
365
-
366
-
367
-
368
-
369
- /***/ }),
370
-
371
- /***/ 250:
372
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
373
-
374
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
375
- /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
376
- /* harmony export */ });
377
- /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
378
- /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
379
- /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
380
- /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
381
- // Imports
382
-
383
-
384
- var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
385
- // Module
386
- ___CSS_LOADER_EXPORT___.push([module.id, `.primary-btn{background:#e23193;color:#fff}.primary-btn:hover{background:#005de5}.secondary-btn{background:#005de5;color:#fff}.secondary-btn:hover{background:#e23193}.outline-btn{background:none;border:2px solid #fff;color:#fff}.outline-btn:hover{background:#e23193;border-color:#e23193}`, "",{"version":3,"sources":["webpack://./src/components/Buttons/_button.scss","webpack://./node_modules/opus-toolkit-styles/fragments/_colours.scss"],"names":[],"mappings":"AAoBA,aACI,kBCEO,CDDP,UAhBS,CAKX,mBACE,kBCSO,CDMX,eACI,kBCPO,CDQP,UAvBS,CAKX,qBACE,kBCWO,CDWX,aACI,eAAA,CACA,qBAAA,CACA,UA/BS,CAKX,mBACE,kBCWO,CDTL,oBCSK","sourcesContent":["@import 'opus-toolkit-styles/fragments/colours';\r\n// Define color variables\r\n$primary-color: $c247Pink;\r\n$primary-hover-color: $c247Blue;\r\n$secondary-color: $c247Blue;\r\n$hover-color: $c247Pink;\r\n$text-color: white;\r\n$outline-border-color: white;\r\n\r\n// Create a mixin for hover effects to avoid repetition\r\n@mixin hover-effect($hover-bg, $hover-border: null) {\r\n &:hover {\r\n background: $hover-bg;\r\n @if $hover-border {\r\n border-color: $hover-border;\r\n }\r\n }\r\n}\r\n\r\n// Primary button styles\r\n.primary-btn {\r\n background: $primary-color;\r\n color: $text-color;\r\n @include hover-effect($primary-hover-color);\r\n}\r\n\r\n// Secondary button styles\r\n.secondary-btn {\r\n background: $secondary-color;\r\n color: $text-color;\r\n @include hover-effect($hover-color);\r\n}\r\n\r\n// Outline button styles\r\n.outline-btn {\r\n background: none;\r\n border: 2px solid $outline-border-color;\r\n color: $text-color;\r\n @include hover-effect($hover-color, $hover-color);\r\n}","// Foundation Brand colors\r\n$opusDeepBlue: #0c022f;\r\n$opusNavy: #24135f;\r\n$opusRichBlue: #003494;\r\n\r\n// Grey/Blue Scale\r\n$opusDarkest: #07011c;\r\n$opusGrey800: #1b1f51;\r\n$opusGrey700: #444877;\r\n$opusGrey600: #8b8fac;\r\n$opusGrey400: #e3e4eb;\r\n$opusGrey200: #f8f8fb;\r\n$opusWhite: #ffffff;\r\n\r\n// Brand Colours\r\n$opusLightBlue: #005de5;\r\n$opusBrandBlue: #0176d9;\r\n$opusPurple: #451f88;\r\n$opusPink: #e05db4;\r\n\r\n// C247 Colours\r\n$c247Blue: #005de5;\r\n$c247Purple: #ad43c4;\r\n$c247Pink: #e23193;\r\n\r\n// Utility Colours\r\n$danger: #bb0808;\r\n$success: #27be36;"],"sourceRoot":""}]);
387
- // Exports
388
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
389
-
390
-
391
- /***/ }),
392
-
393
- /***/ 865:
394
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
395
-
396
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
397
- /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
398
- /* harmony export */ });
399
- /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
400
- /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
401
- /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
402
- /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
403
- // Imports
404
-
405
-
406
- var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
407
- // Module
408
- ___CSS_LOADER_EXPORT___.push([module.id, `.dark-card{background-color:#24135f;color:#fff}.light-card{background-color:#fff;color:#0c022f}`, "",{"version":3,"sources":["webpack://./src/components/Cards/card.scss","webpack://./node_modules/opus-toolkit-styles/fragments/_colours.scss"],"names":[],"mappings":"AAGA,WACI,wBCFO,CDGP,UAAA,CAEJ,YACI,qBAAA,CACA,aCRW","sourcesContent":["@import 'opus-toolkit-styles/fragments/colours';\r\n\r\n\r\n.dark-card {\r\n background-color: $opusNavy;\r\n color: white;\r\n}\r\n.light-card {\r\n background-color: white;\r\n color: $opusDeepBlue;\r\n}","// Foundation Brand colors\r\n$opusDeepBlue: #0c022f;\r\n$opusNavy: #24135f;\r\n$opusRichBlue: #003494;\r\n\r\n// Grey/Blue Scale\r\n$opusDarkest: #07011c;\r\n$opusGrey800: #1b1f51;\r\n$opusGrey700: #444877;\r\n$opusGrey600: #8b8fac;\r\n$opusGrey400: #e3e4eb;\r\n$opusGrey200: #f8f8fb;\r\n$opusWhite: #ffffff;\r\n\r\n// Brand Colours\r\n$opusLightBlue: #005de5;\r\n$opusBrandBlue: #0176d9;\r\n$opusPurple: #451f88;\r\n$opusPink: #e05db4;\r\n\r\n// C247 Colours\r\n$c247Blue: #005de5;\r\n$c247Purple: #ad43c4;\r\n$c247Pink: #e23193;\r\n\r\n// Utility Colours\r\n$danger: #bb0808;\r\n$success: #27be36;"],"sourceRoot":""}]);
409
- // Exports
410
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
411
-
412
-
413
- /***/ }),
414
-
415
- /***/ 155:
416
- /***/ ((module) => {
417
-
418
- module.exports = __WEBPACK_EXTERNAL_MODULE__155__;
419
-
420
- /***/ }),
421
-
422
- /***/ 514:
423
- /***/ ((module) => {
424
-
425
- module.exports = __WEBPACK_EXTERNAL_MODULE__514__;
426
-
427
- /***/ })
428
-
429
- /******/ });
430
- /************************************************************************/
431
- /******/ // The module cache
432
- /******/ var __webpack_module_cache__ = {};
433
- /******/
434
- /******/ // The require function
435
- /******/ function __webpack_require__(moduleId) {
436
- /******/ // Check if module is in cache
437
- /******/ var cachedModule = __webpack_module_cache__[moduleId];
438
- /******/ if (cachedModule !== undefined) {
439
- /******/ return cachedModule.exports;
440
- /******/ }
441
- /******/ // Create a new module (and put it into the cache)
442
- /******/ var module = __webpack_module_cache__[moduleId] = {
443
- /******/ id: moduleId,
444
- /******/ // no module.loaded needed
445
- /******/ exports: {}
446
- /******/ };
447
- /******/
448
- /******/ // Execute the module function
449
- /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
450
- /******/
451
- /******/ // Return the exports of the module
452
- /******/ return module.exports;
453
- /******/ }
454
- /******/
455
- /******/ // expose the modules object (__webpack_modules__)
456
- /******/ __webpack_require__.m = __webpack_modules__;
457
- /******/
458
- /************************************************************************/
459
- /******/ /* webpack/runtime/chunk loaded */
460
- /******/ (() => {
461
- /******/ var deferred = [];
462
- /******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
463
- /******/ if(chunkIds) {
464
- /******/ priority = priority || 0;
465
- /******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
466
- /******/ deferred[i] = [chunkIds, fn, priority];
467
- /******/ return;
468
- /******/ }
469
- /******/ var notFulfilled = Infinity;
470
- /******/ for (var i = 0; i < deferred.length; i++) {
471
- /******/ var chunkIds = deferred[i][0];
472
- /******/ var fn = deferred[i][1];
473
- /******/ var priority = deferred[i][2];
474
- /******/ var fulfilled = true;
475
- /******/ for (var j = 0; j < chunkIds.length; j++) {
476
- /******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
477
- /******/ chunkIds.splice(j--, 1);
478
- /******/ } else {
479
- /******/ fulfilled = false;
480
- /******/ if(priority < notFulfilled) notFulfilled = priority;
481
- /******/ }
482
- /******/ }
483
- /******/ if(fulfilled) {
484
- /******/ deferred.splice(i--, 1)
485
- /******/ var r = fn();
486
- /******/ if (r !== undefined) result = r;
487
- /******/ }
488
- /******/ }
489
- /******/ return result;
490
- /******/ };
491
- /******/ })();
492
- /******/
493
- /******/ /* webpack/runtime/compat get default export */
494
- /******/ (() => {
495
- /******/ // getDefaultExport function for compatibility with non-harmony modules
496
- /******/ __webpack_require__.n = (module) => {
497
- /******/ var getter = module && module.__esModule ?
498
- /******/ () => (module['default']) :
499
- /******/ () => (module);
500
- /******/ __webpack_require__.d(getter, { a: getter });
501
- /******/ return getter;
502
- /******/ };
503
- /******/ })();
504
- /******/
505
- /******/ /* webpack/runtime/create fake namespace object */
506
- /******/ (() => {
507
- /******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
508
- /******/ var leafPrototypes;
509
- /******/ // create a fake namespace object
510
- /******/ // mode & 1: value is a module id, require it
511
- /******/ // mode & 2: merge all properties of value into the ns
512
- /******/ // mode & 4: return value when already ns object
513
- /******/ // mode & 16: return value when it's Promise-like
514
- /******/ // mode & 8|1: behave like require
515
- /******/ __webpack_require__.t = function(value, mode) {
516
- /******/ if(mode & 1) value = this(value);
517
- /******/ if(mode & 8) return value;
518
- /******/ if(typeof value === 'object' && value) {
519
- /******/ if((mode & 4) && value.__esModule) return value;
520
- /******/ if((mode & 16) && typeof value.then === 'function') return value;
521
- /******/ }
522
- /******/ var ns = Object.create(null);
523
- /******/ __webpack_require__.r(ns);
524
- /******/ var def = {};
525
- /******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
526
- /******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
527
- /******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
528
- /******/ }
529
- /******/ def['default'] = () => (value);
530
- /******/ __webpack_require__.d(ns, def);
531
- /******/ return ns;
532
- /******/ };
533
- /******/ })();
534
- /******/
535
- /******/ /* webpack/runtime/define property getters */
536
- /******/ (() => {
537
- /******/ // define getter functions for harmony exports
538
- /******/ __webpack_require__.d = (exports, definition) => {
539
- /******/ for(var key in definition) {
540
- /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
541
- /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
542
- /******/ }
543
- /******/ }
544
- /******/ };
545
- /******/ })();
546
- /******/
547
- /******/ /* webpack/runtime/hasOwnProperty shorthand */
548
- /******/ (() => {
549
- /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
550
- /******/ })();
551
- /******/
552
- /******/ /* webpack/runtime/make namespace object */
553
- /******/ (() => {
554
- /******/ // define __esModule on exports
555
- /******/ __webpack_require__.r = (exports) => {
556
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
557
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
558
- /******/ }
559
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
560
- /******/ };
561
- /******/ })();
562
- /******/
563
- /******/ /* webpack/runtime/jsonp chunk loading */
564
- /******/ (() => {
565
- /******/ // no baseURI
566
- /******/
567
- /******/ // object to store loaded and loading chunks
568
- /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
569
- /******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
570
- /******/ var installedChunks = {
571
- /******/ 792: 0
572
- /******/ };
573
- /******/
574
- /******/ // no chunk on demand loading
575
- /******/
576
- /******/ // no prefetching
577
- /******/
578
- /******/ // no preloaded
579
- /******/
580
- /******/ // no HMR
581
- /******/
582
- /******/ // no HMR manifest
583
- /******/
584
- /******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
585
- /******/
586
- /******/ // install a JSONP callback for chunk loading
587
- /******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
588
- /******/ var chunkIds = data[0];
589
- /******/ var moreModules = data[1];
590
- /******/ var runtime = data[2];
591
- /******/ // add "moreModules" to the modules object,
592
- /******/ // then flag all "chunkIds" as loaded and fire callback
593
- /******/ var moduleId, chunkId, i = 0;
594
- /******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
595
- /******/ for(moduleId in moreModules) {
596
- /******/ if(__webpack_require__.o(moreModules, moduleId)) {
597
- /******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
598
- /******/ }
599
- /******/ }
600
- /******/ if(runtime) var result = runtime(__webpack_require__);
601
- /******/ }
602
- /******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
603
- /******/ for(;i < chunkIds.length; i++) {
604
- /******/ chunkId = chunkIds[i];
605
- /******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
606
- /******/ installedChunks[chunkId][0]();
607
- /******/ }
608
- /******/ installedChunks[chunkId] = 0;
609
- /******/ }
610
- /******/ return __webpack_require__.O(result);
611
- /******/ }
612
- /******/
613
- /******/ var chunkLoadingGlobal = self["webpackChunkopus_components"] = self["webpackChunkopus_components"] || [];
614
- /******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
615
- /******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
616
- /******/ })();
617
- /******/
618
- /******/ /* webpack/runtime/nonce */
619
- /******/ (() => {
620
- /******/ __webpack_require__.nc = undefined;
621
- /******/ })();
622
- /******/
623
- /************************************************************************/
624
- /******/
625
- /******/ // startup
626
- /******/ // Load entry module and return exports
627
- /******/ // This entry module depends on other loaded chunks and execution need to be delayed
628
- /******/ var __webpack_exports__ = __webpack_require__.O(undefined, [905], () => (__webpack_require__(265)))
629
- /******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
630
- /******/
631
- /******/ return __webpack_exports__;
632
- /******/ })()
633
- ;
634
- });
635
- //# sourceMappingURL=main.a0e904c2fb2786616858.js.map