opus-toolkit-components 0.1.6 → 0.1.8
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.
- package/lib/905.dab21ef1b7f753de58a0.js +8578 -0
- package/lib/905.dab21ef1b7f753de58a0.js.map +1 -0
- package/lib/main.48943736b1d9403d5bd0.js +634 -0
- package/lib/main.48943736b1d9403d5bd0.js.map +1 -0
- package/package.json +1 -1
- package/lib/opus-toolkit-components.js +0 -689
- package/lib/opus-toolkit-components.js.map +0 -1
|
@@ -0,0 +1,634 @@
|
|
|
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 */ 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
|
+
function Accordion(_ref) {
|
|
39
|
+
let {
|
|
40
|
+
title = "Accordion Item component",
|
|
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
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
|
|
83
|
+
var injectStylesIntoStyleTag = __webpack_require__(72);
|
|
84
|
+
var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
|
|
85
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
|
|
86
|
+
var styleDomAPI = __webpack_require__(825);
|
|
87
|
+
var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
|
|
88
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
|
|
89
|
+
var insertBySelector = __webpack_require__(659);
|
|
90
|
+
var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
|
|
91
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
|
|
92
|
+
var setAttributesWithoutAttributes = __webpack_require__(56);
|
|
93
|
+
var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
|
|
94
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
|
|
95
|
+
var insertStyleElement = __webpack_require__(540);
|
|
96
|
+
var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
|
|
97
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
|
|
98
|
+
var styleTagTransform = __webpack_require__(113);
|
|
99
|
+
var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
|
|
100
|
+
// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Buttons/_button.scss
|
|
101
|
+
var _button = __webpack_require__(250);
|
|
102
|
+
;// ./src/components/Buttons/_button.scss
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
var options = {};
|
|
115
|
+
|
|
116
|
+
options.styleTagTransform = (styleTagTransform_default());
|
|
117
|
+
options.setAttributes = (setAttributesWithoutAttributes_default());
|
|
118
|
+
options.insert = insertBySelector_default().bind(null, "head");
|
|
119
|
+
options.domAPI = (styleDomAPI_default());
|
|
120
|
+
options.insertStyleElement = (insertStyleElement_default());
|
|
121
|
+
|
|
122
|
+
var update = injectStylesIntoStyleTag_default()(_button/* default */.A, options);
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
/* harmony default export */ const Buttons_button = (_button/* default */.A && _button/* default */.A.locals ? _button/* default */.A.locals : undefined);
|
|
128
|
+
|
|
129
|
+
;// ./src/components/Buttons/Button.js
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
function Button(_ref) {
|
|
133
|
+
let {
|
|
134
|
+
type = 'button',
|
|
135
|
+
rank = 'primary',
|
|
136
|
+
text = 'Example Button',
|
|
137
|
+
size = 'md',
|
|
138
|
+
isFullWidth = false,
|
|
139
|
+
// The boolean to toggle 'w-full'
|
|
140
|
+
onClick
|
|
141
|
+
} = _ref;
|
|
142
|
+
// Conditional class based on isFullWidth
|
|
143
|
+
const classNames = `transition ease-in-out duration-700 rounded px-6 py-2 text-${size} ${rank}-btn ${isFullWidth ? 'w-full' : ''}`;
|
|
144
|
+
return /*#__PURE__*/external_react_default().createElement("button", {
|
|
145
|
+
type: type,
|
|
146
|
+
className: classNames,
|
|
147
|
+
onClick: onClick
|
|
148
|
+
}, text);
|
|
149
|
+
}
|
|
150
|
+
// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Cards/card.scss
|
|
151
|
+
var card = __webpack_require__(865);
|
|
152
|
+
;// ./src/components/Cards/card.scss
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
var card_options = {};
|
|
165
|
+
|
|
166
|
+
card_options.styleTagTransform = (styleTagTransform_default());
|
|
167
|
+
card_options.setAttributes = (setAttributesWithoutAttributes_default());
|
|
168
|
+
card_options.insert = insertBySelector_default().bind(null, "head");
|
|
169
|
+
card_options.domAPI = (styleDomAPI_default());
|
|
170
|
+
card_options.insertStyleElement = (insertStyleElement_default());
|
|
171
|
+
|
|
172
|
+
var card_update = injectStylesIntoStyleTag_default()(card/* default */.A, card_options);
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
/* harmony default export */ const Cards_card = (card/* default */.A && card/* default */.A.locals ? card/* default */.A.locals : undefined);
|
|
178
|
+
|
|
179
|
+
;// ./src/components/Cards/Card.js
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
function Card(_ref) {
|
|
183
|
+
let {
|
|
184
|
+
mode = 'light',
|
|
185
|
+
children
|
|
186
|
+
} = _ref;
|
|
187
|
+
const cardClasses = `p-5 ${mode}-card rounded-lg shadow-lg`;
|
|
188
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
189
|
+
className: cardClasses
|
|
190
|
+
}, children);
|
|
191
|
+
}
|
|
192
|
+
;// ./src/components/Forms/Inputs/Input.js
|
|
193
|
+
|
|
194
|
+
function Input(_ref) {
|
|
195
|
+
let {
|
|
196
|
+
label,
|
|
197
|
+
placeholder,
|
|
198
|
+
type = 'text',
|
|
199
|
+
name,
|
|
200
|
+
isValid = true,
|
|
201
|
+
errorMessage = `${label} is required`,
|
|
202
|
+
onChange
|
|
203
|
+
} = _ref;
|
|
204
|
+
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'}`;
|
|
205
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
206
|
+
className: "flex flex-col mb-4"
|
|
207
|
+
}, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("input", {
|
|
208
|
+
className: inputClasses,
|
|
209
|
+
type: type,
|
|
210
|
+
name: name,
|
|
211
|
+
placeholder: placeholder,
|
|
212
|
+
onChange: onChange
|
|
213
|
+
}), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
|
|
214
|
+
className: "text-rose-500 text-sm"
|
|
215
|
+
}, errorMessage));
|
|
216
|
+
}
|
|
217
|
+
;// ./src/components/Forms/Datepickers/DatePicker.js
|
|
218
|
+
|
|
219
|
+
function DatePicker(_ref) {
|
|
220
|
+
let {
|
|
221
|
+
initialDate = '',
|
|
222
|
+
label = 'Select a Date:',
|
|
223
|
+
isValid = true,
|
|
224
|
+
errorMessage = "Error message"
|
|
225
|
+
} = _ref;
|
|
226
|
+
const [selectedDate, setSelectedDate] = (0,external_react_.useState)(initialDate);
|
|
227
|
+
(0,external_react_.useEffect)(() => {
|
|
228
|
+
setSelectedDate(initialDate);
|
|
229
|
+
}, [initialDate]);
|
|
230
|
+
const handleDateChange = e => {
|
|
231
|
+
setSelectedDate(e.target.value);
|
|
232
|
+
};
|
|
233
|
+
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'}`;
|
|
234
|
+
return /*#__PURE__*/external_react_.React.createElement("div", {
|
|
235
|
+
className: "flex flex-col mb-4"
|
|
236
|
+
}, /*#__PURE__*/external_react_.React.createElement("label", {
|
|
237
|
+
htmlFor: "date"
|
|
238
|
+
}, label), /*#__PURE__*/external_react_.React.createElement("input", {
|
|
239
|
+
type: "date",
|
|
240
|
+
id: "date",
|
|
241
|
+
value: selectedDate,
|
|
242
|
+
onChange: handleDateChange,
|
|
243
|
+
className: inputClasses
|
|
244
|
+
}), !isValid && /*#__PURE__*/external_react_.React.createElement("span", {
|
|
245
|
+
className: "text-rose-500 text-sm"
|
|
246
|
+
}, errorMessage));
|
|
247
|
+
}
|
|
248
|
+
;// ./src/components/Forms/Radios/RadioButton.js
|
|
249
|
+
|
|
250
|
+
function RadioButton(_ref) {
|
|
251
|
+
let {
|
|
252
|
+
name,
|
|
253
|
+
value,
|
|
254
|
+
checked,
|
|
255
|
+
onChange,
|
|
256
|
+
rank = 'primary',
|
|
257
|
+
// Can be 'primary', 'secondary', etc.
|
|
258
|
+
text = 'Example Radio',
|
|
259
|
+
size = 'md' // Sizes can be 'sm', 'md', 'lg'
|
|
260
|
+
} = _ref;
|
|
261
|
+
// Conditional class based on rank and size
|
|
262
|
+
const classNames = `
|
|
263
|
+
flex items-center cursor-pointer transition
|
|
264
|
+
duration-200 ease-in-out
|
|
265
|
+
${rank === 'primary' ? 'text-blue-600' : 'text-gray-600'}
|
|
266
|
+
${size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : 'text-base'}
|
|
267
|
+
`;
|
|
268
|
+
return /*#__PURE__*/external_react_default().createElement("label", {
|
|
269
|
+
className: classNames
|
|
270
|
+
}, /*#__PURE__*/external_react_default().createElement("input", {
|
|
271
|
+
type: "radio",
|
|
272
|
+
name: name,
|
|
273
|
+
value: value,
|
|
274
|
+
checked: checked,
|
|
275
|
+
onChange: onChange,
|
|
276
|
+
className: `mr-2 form-radio ${rank}-radio` // Apply Tailwind styles
|
|
277
|
+
}), text);
|
|
278
|
+
}
|
|
279
|
+
;// ./src/components/Tables/Table.js
|
|
280
|
+
|
|
281
|
+
function Table() {
|
|
282
|
+
return /*#__PURE__*/external_react_default().createElement("table", {
|
|
283
|
+
class: "table-auto"
|
|
284
|
+
}, /*#__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"))));
|
|
285
|
+
}
|
|
286
|
+
// EXTERNAL MODULE: ./node_modules/@headlessui/react/dist/components/menu/menu.js + 71 modules
|
|
287
|
+
var menu = __webpack_require__(66);
|
|
288
|
+
// EXTERNAL MODULE: ./node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js
|
|
289
|
+
var ChevronDownIcon = __webpack_require__(519);
|
|
290
|
+
;// ./src/components/Forms/Dropdowns/Dropdown.jsx
|
|
291
|
+
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
/*
|
|
296
|
+
|
|
297
|
+
Usage:
|
|
298
|
+
|
|
299
|
+
import Dropdown from './Dropdown';
|
|
300
|
+
|
|
301
|
+
const menuItems = [
|
|
302
|
+
{ label: 'Account settings', href: '#' },
|
|
303
|
+
{ label: 'Support', href: '#' },
|
|
304
|
+
{ label: 'License', href: '#' },
|
|
305
|
+
{ label: 'Sign out', onClick: () => alert('Signed out!') },
|
|
306
|
+
];
|
|
307
|
+
|
|
308
|
+
function App() {
|
|
309
|
+
return <Dropdown items={menuItems} />;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
export default App;
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
*/
|
|
316
|
+
|
|
317
|
+
function Dropdown(_ref) {
|
|
318
|
+
let {
|
|
319
|
+
items,
|
|
320
|
+
label = "Test Label",
|
|
321
|
+
isValid = true,
|
|
322
|
+
placeholder = "Example Placeholder",
|
|
323
|
+
name,
|
|
324
|
+
onChange
|
|
325
|
+
} = _ref;
|
|
326
|
+
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'}`;
|
|
327
|
+
return /*#__PURE__*/external_react_default().createElement(menu/* Menu */.W1, {
|
|
328
|
+
as: "div",
|
|
329
|
+
className: "relative inline-block text-left",
|
|
330
|
+
name: name
|
|
331
|
+
}, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(menu/* MenuButton */.IU, {
|
|
332
|
+
className: inputClasses
|
|
333
|
+
}, placeholder, /*#__PURE__*/external_react_default().createElement(ChevronDownIcon/* default */.A, {
|
|
334
|
+
"aria-hidden": "true",
|
|
335
|
+
className: "-mr-1 h-5 w-5 text-gray-400"
|
|
336
|
+
}))), /*#__PURE__*/external_react_default().createElement(menu/* MenuItems */.c, {
|
|
337
|
+
transition: true,
|
|
338
|
+
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"
|
|
339
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
340
|
+
className: "py-1"
|
|
341
|
+
}, items.map((item, index) => /*#__PURE__*/external_react_default().createElement(menu/* MenuItem */.Dr, {
|
|
342
|
+
key: index
|
|
343
|
+
}, _ref2 => {
|
|
344
|
+
let {
|
|
345
|
+
active
|
|
346
|
+
} = _ref2;
|
|
347
|
+
return item.href ? /*#__PURE__*/external_react_default().createElement("a", {
|
|
348
|
+
href: item.href,
|
|
349
|
+
className: `block px-4 py-2 text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
|
|
350
|
+
}, item.label) : /*#__PURE__*/external_react_default().createElement("button", {
|
|
351
|
+
onClick: item.onClick,
|
|
352
|
+
className: `block w-full px-4 py-2 text-left text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
|
|
353
|
+
}, item.label);
|
|
354
|
+
})))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
|
|
355
|
+
className: "text-rose-500 text-sm"
|
|
356
|
+
}));
|
|
357
|
+
}
|
|
358
|
+
;// ./src/index.js
|
|
359
|
+
|
|
360
|
+
|
|
361
|
+
|
|
362
|
+
|
|
363
|
+
|
|
364
|
+
|
|
365
|
+
|
|
366
|
+
|
|
367
|
+
|
|
368
|
+
/***/ }),
|
|
369
|
+
|
|
370
|
+
/***/ 250:
|
|
371
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
372
|
+
|
|
373
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
374
|
+
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
375
|
+
/* harmony export */ });
|
|
376
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
|
|
377
|
+
/* 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__);
|
|
378
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
|
|
379
|
+
/* 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__);
|
|
380
|
+
// Imports
|
|
381
|
+
|
|
382
|
+
|
|
383
|
+
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()));
|
|
384
|
+
// Module
|
|
385
|
+
___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":""}]);
|
|
386
|
+
// Exports
|
|
387
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
388
|
+
|
|
389
|
+
|
|
390
|
+
/***/ }),
|
|
391
|
+
|
|
392
|
+
/***/ 865:
|
|
393
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
394
|
+
|
|
395
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
396
|
+
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
397
|
+
/* harmony export */ });
|
|
398
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
|
|
399
|
+
/* 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__);
|
|
400
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
|
|
401
|
+
/* 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__);
|
|
402
|
+
// Imports
|
|
403
|
+
|
|
404
|
+
|
|
405
|
+
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()));
|
|
406
|
+
// Module
|
|
407
|
+
___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":""}]);
|
|
408
|
+
// Exports
|
|
409
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
410
|
+
|
|
411
|
+
|
|
412
|
+
/***/ }),
|
|
413
|
+
|
|
414
|
+
/***/ 155:
|
|
415
|
+
/***/ ((module) => {
|
|
416
|
+
|
|
417
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__155__;
|
|
418
|
+
|
|
419
|
+
/***/ }),
|
|
420
|
+
|
|
421
|
+
/***/ 514:
|
|
422
|
+
/***/ ((module) => {
|
|
423
|
+
|
|
424
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__514__;
|
|
425
|
+
|
|
426
|
+
/***/ })
|
|
427
|
+
|
|
428
|
+
/******/ });
|
|
429
|
+
/************************************************************************/
|
|
430
|
+
/******/ // The module cache
|
|
431
|
+
/******/ var __webpack_module_cache__ = {};
|
|
432
|
+
/******/
|
|
433
|
+
/******/ // The require function
|
|
434
|
+
/******/ function __webpack_require__(moduleId) {
|
|
435
|
+
/******/ // Check if module is in cache
|
|
436
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
437
|
+
/******/ if (cachedModule !== undefined) {
|
|
438
|
+
/******/ return cachedModule.exports;
|
|
439
|
+
/******/ }
|
|
440
|
+
/******/ // Create a new module (and put it into the cache)
|
|
441
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
442
|
+
/******/ id: moduleId,
|
|
443
|
+
/******/ // no module.loaded needed
|
|
444
|
+
/******/ exports: {}
|
|
445
|
+
/******/ };
|
|
446
|
+
/******/
|
|
447
|
+
/******/ // Execute the module function
|
|
448
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
449
|
+
/******/
|
|
450
|
+
/******/ // Return the exports of the module
|
|
451
|
+
/******/ return module.exports;
|
|
452
|
+
/******/ }
|
|
453
|
+
/******/
|
|
454
|
+
/******/ // expose the modules object (__webpack_modules__)
|
|
455
|
+
/******/ __webpack_require__.m = __webpack_modules__;
|
|
456
|
+
/******/
|
|
457
|
+
/************************************************************************/
|
|
458
|
+
/******/ /* webpack/runtime/chunk loaded */
|
|
459
|
+
/******/ (() => {
|
|
460
|
+
/******/ var deferred = [];
|
|
461
|
+
/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
|
|
462
|
+
/******/ if(chunkIds) {
|
|
463
|
+
/******/ priority = priority || 0;
|
|
464
|
+
/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
|
|
465
|
+
/******/ deferred[i] = [chunkIds, fn, priority];
|
|
466
|
+
/******/ return;
|
|
467
|
+
/******/ }
|
|
468
|
+
/******/ var notFulfilled = Infinity;
|
|
469
|
+
/******/ for (var i = 0; i < deferred.length; i++) {
|
|
470
|
+
/******/ var chunkIds = deferred[i][0];
|
|
471
|
+
/******/ var fn = deferred[i][1];
|
|
472
|
+
/******/ var priority = deferred[i][2];
|
|
473
|
+
/******/ var fulfilled = true;
|
|
474
|
+
/******/ for (var j = 0; j < chunkIds.length; j++) {
|
|
475
|
+
/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
|
|
476
|
+
/******/ chunkIds.splice(j--, 1);
|
|
477
|
+
/******/ } else {
|
|
478
|
+
/******/ fulfilled = false;
|
|
479
|
+
/******/ if(priority < notFulfilled) notFulfilled = priority;
|
|
480
|
+
/******/ }
|
|
481
|
+
/******/ }
|
|
482
|
+
/******/ if(fulfilled) {
|
|
483
|
+
/******/ deferred.splice(i--, 1)
|
|
484
|
+
/******/ var r = fn();
|
|
485
|
+
/******/ if (r !== undefined) result = r;
|
|
486
|
+
/******/ }
|
|
487
|
+
/******/ }
|
|
488
|
+
/******/ return result;
|
|
489
|
+
/******/ };
|
|
490
|
+
/******/ })();
|
|
491
|
+
/******/
|
|
492
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
493
|
+
/******/ (() => {
|
|
494
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
495
|
+
/******/ __webpack_require__.n = (module) => {
|
|
496
|
+
/******/ var getter = module && module.__esModule ?
|
|
497
|
+
/******/ () => (module['default']) :
|
|
498
|
+
/******/ () => (module);
|
|
499
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
500
|
+
/******/ return getter;
|
|
501
|
+
/******/ };
|
|
502
|
+
/******/ })();
|
|
503
|
+
/******/
|
|
504
|
+
/******/ /* webpack/runtime/create fake namespace object */
|
|
505
|
+
/******/ (() => {
|
|
506
|
+
/******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
|
|
507
|
+
/******/ var leafPrototypes;
|
|
508
|
+
/******/ // create a fake namespace object
|
|
509
|
+
/******/ // mode & 1: value is a module id, require it
|
|
510
|
+
/******/ // mode & 2: merge all properties of value into the ns
|
|
511
|
+
/******/ // mode & 4: return value when already ns object
|
|
512
|
+
/******/ // mode & 16: return value when it's Promise-like
|
|
513
|
+
/******/ // mode & 8|1: behave like require
|
|
514
|
+
/******/ __webpack_require__.t = function(value, mode) {
|
|
515
|
+
/******/ if(mode & 1) value = this(value);
|
|
516
|
+
/******/ if(mode & 8) return value;
|
|
517
|
+
/******/ if(typeof value === 'object' && value) {
|
|
518
|
+
/******/ if((mode & 4) && value.__esModule) return value;
|
|
519
|
+
/******/ if((mode & 16) && typeof value.then === 'function') return value;
|
|
520
|
+
/******/ }
|
|
521
|
+
/******/ var ns = Object.create(null);
|
|
522
|
+
/******/ __webpack_require__.r(ns);
|
|
523
|
+
/******/ var def = {};
|
|
524
|
+
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
|
|
525
|
+
/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
|
|
526
|
+
/******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
|
|
527
|
+
/******/ }
|
|
528
|
+
/******/ def['default'] = () => (value);
|
|
529
|
+
/******/ __webpack_require__.d(ns, def);
|
|
530
|
+
/******/ return ns;
|
|
531
|
+
/******/ };
|
|
532
|
+
/******/ })();
|
|
533
|
+
/******/
|
|
534
|
+
/******/ /* webpack/runtime/define property getters */
|
|
535
|
+
/******/ (() => {
|
|
536
|
+
/******/ // define getter functions for harmony exports
|
|
537
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
538
|
+
/******/ for(var key in definition) {
|
|
539
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
540
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
541
|
+
/******/ }
|
|
542
|
+
/******/ }
|
|
543
|
+
/******/ };
|
|
544
|
+
/******/ })();
|
|
545
|
+
/******/
|
|
546
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
547
|
+
/******/ (() => {
|
|
548
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
549
|
+
/******/ })();
|
|
550
|
+
/******/
|
|
551
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
552
|
+
/******/ (() => {
|
|
553
|
+
/******/ // define __esModule on exports
|
|
554
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
555
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
556
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
557
|
+
/******/ }
|
|
558
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
559
|
+
/******/ };
|
|
560
|
+
/******/ })();
|
|
561
|
+
/******/
|
|
562
|
+
/******/ /* webpack/runtime/jsonp chunk loading */
|
|
563
|
+
/******/ (() => {
|
|
564
|
+
/******/ // no baseURI
|
|
565
|
+
/******/
|
|
566
|
+
/******/ // object to store loaded and loading chunks
|
|
567
|
+
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
|
568
|
+
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
|
569
|
+
/******/ var installedChunks = {
|
|
570
|
+
/******/ 792: 0
|
|
571
|
+
/******/ };
|
|
572
|
+
/******/
|
|
573
|
+
/******/ // no chunk on demand loading
|
|
574
|
+
/******/
|
|
575
|
+
/******/ // no prefetching
|
|
576
|
+
/******/
|
|
577
|
+
/******/ // no preloaded
|
|
578
|
+
/******/
|
|
579
|
+
/******/ // no HMR
|
|
580
|
+
/******/
|
|
581
|
+
/******/ // no HMR manifest
|
|
582
|
+
/******/
|
|
583
|
+
/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
|
|
584
|
+
/******/
|
|
585
|
+
/******/ // install a JSONP callback for chunk loading
|
|
586
|
+
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
|
|
587
|
+
/******/ var chunkIds = data[0];
|
|
588
|
+
/******/ var moreModules = data[1];
|
|
589
|
+
/******/ var runtime = data[2];
|
|
590
|
+
/******/ // add "moreModules" to the modules object,
|
|
591
|
+
/******/ // then flag all "chunkIds" as loaded and fire callback
|
|
592
|
+
/******/ var moduleId, chunkId, i = 0;
|
|
593
|
+
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
|
|
594
|
+
/******/ for(moduleId in moreModules) {
|
|
595
|
+
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
|
|
596
|
+
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
|
|
597
|
+
/******/ }
|
|
598
|
+
/******/ }
|
|
599
|
+
/******/ if(runtime) var result = runtime(__webpack_require__);
|
|
600
|
+
/******/ }
|
|
601
|
+
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
|
|
602
|
+
/******/ for(;i < chunkIds.length; i++) {
|
|
603
|
+
/******/ chunkId = chunkIds[i];
|
|
604
|
+
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
|
|
605
|
+
/******/ installedChunks[chunkId][0]();
|
|
606
|
+
/******/ }
|
|
607
|
+
/******/ installedChunks[chunkId] = 0;
|
|
608
|
+
/******/ }
|
|
609
|
+
/******/ return __webpack_require__.O(result);
|
|
610
|
+
/******/ }
|
|
611
|
+
/******/
|
|
612
|
+
/******/ var chunkLoadingGlobal = self["webpackChunkopus_components"] = self["webpackChunkopus_components"] || [];
|
|
613
|
+
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
|
|
614
|
+
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
|
|
615
|
+
/******/ })();
|
|
616
|
+
/******/
|
|
617
|
+
/******/ /* webpack/runtime/nonce */
|
|
618
|
+
/******/ (() => {
|
|
619
|
+
/******/ __webpack_require__.nc = undefined;
|
|
620
|
+
/******/ })();
|
|
621
|
+
/******/
|
|
622
|
+
/************************************************************************/
|
|
623
|
+
/******/
|
|
624
|
+
/******/ // startup
|
|
625
|
+
/******/ // Load entry module and return exports
|
|
626
|
+
/******/ // This entry module depends on other loaded chunks and execution need to be delayed
|
|
627
|
+
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, [905], () => (__webpack_require__(265)))
|
|
628
|
+
/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
|
|
629
|
+
/******/
|
|
630
|
+
/******/ return __webpack_exports__;
|
|
631
|
+
/******/ })()
|
|
632
|
+
;
|
|
633
|
+
});
|
|
634
|
+
//# sourceMappingURL=main.48943736b1d9403d5bd0.js.map
|