opus-toolkit-components 0.1.2 → 0.1.3

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 (3) hide show
  1. package/lib/opus-toolkit-components.js +40 -44
  2. package/lib/opus-toolkit-components.js.map +1 -1
  3. package/package.json +3 -1
package/lib/opus-toolkit-components.js CHANGED
@@ -7,42 +7,42 @@
7
7
  exports["opus-components"] = factory(require("react"));
8
8
  else
9
9
  root["opus-components"] = factory(root["react"]);
10
- })(self, (__WEBPACK_EXTERNAL_MODULE__156__) => {
10
+ })(self, (__WEBPACK_EXTERNAL_MODULE__155__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
14
14
 
15
- /***/ 735:
15
+ /***/ 250:
16
16
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
17
17
 
18
18
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
- /* harmony export */ Z: () => (__WEBPACK_DEFAULT_EXPORT__)
19
+ /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
20
20
  /* harmony export */ });
21
- /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(537);
21
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
22
22
  /* 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__);
23
- /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
23
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
24
24
  /* 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__);
25
25
  // Imports
26
26
 
27
27
 
28
28
  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()));
29
29
  // Module
30
- ___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"],"names":[],"mappings":"AAqBA,aACI,kBArBO,CAsBP,UAhBS,CAKX,mBACE,kBAbO,CA4BX,eACI,kBA7BO,CA8BP,UAvBS,CAKX,qBACE,kBAZO,CAkCX,aACI,eAAA,CACA,qBAAA,CACA,UA/BS,CAKX,mBACE,kBAZO,CAcL,oBAdK","sourcesContent":["$c247Blue: #005de5;\r\n$c247Pink: #e23193;\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}"],"sourceRoot":""}]);
30
+ ___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":""}]);
31
31
  // Exports
32
32
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
33
33
 
34
34
 
35
35
  /***/ }),
36
36
 
37
- /***/ 676:
37
+ /***/ 865:
38
38
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
39
39
 
40
40
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
41
- /* harmony export */ Z: () => (__WEBPACK_DEFAULT_EXPORT__)
41
+ /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
42
42
  /* harmony export */ });
43
- /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(537);
43
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
44
44
  /* 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__);
45
- /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
45
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
46
46
  /* 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__);
47
47
  // Imports
48
48
 
@@ -56,7 +56,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.dark-card{background-color:#24135f;co
56
56
 
57
57
  /***/ }),
58
58
 
59
- /***/ 645:
59
+ /***/ 314:
60
60
  /***/ ((module) => {
61
61
 
62
62
 
@@ -147,7 +147,7 @@ module.exports = function (cssWithMappingToString) {
147
147
 
148
148
  /***/ }),
149
149
 
150
- /***/ 537:
150
+ /***/ 354:
151
151
  /***/ ((module) => {
152
152
 
153
153
 
@@ -169,7 +169,7 @@ module.exports = function (item) {
169
169
 
170
170
  /***/ }),
171
171
 
172
- /***/ 379:
172
+ /***/ 72:
173
173
  /***/ ((module) => {
174
174
 
175
175
 
@@ -259,7 +259,7 @@ module.exports = function (list, options) {
259
259
 
260
260
  /***/ }),
261
261
 
262
- /***/ 569:
262
+ /***/ 659:
263
263
  /***/ ((module) => {
264
264
 
265
265
 
@@ -299,7 +299,7 @@ module.exports = insertBySelector;
299
299
 
300
300
  /***/ }),
301
301
 
302
- /***/ 216:
302
+ /***/ 540:
303
303
  /***/ ((module) => {
304
304
 
305
305
 
@@ -315,7 +315,7 @@ module.exports = insertStyleElement;
315
315
 
316
316
  /***/ }),
317
317
 
318
- /***/ 565:
318
+ /***/ 56:
319
319
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
320
320
 
321
321
 
@@ -331,7 +331,7 @@ module.exports = setAttributesWithoutAttributes;
331
331
 
332
332
  /***/ }),
333
333
 
334
- /***/ 795:
334
+ /***/ 825:
335
335
  /***/ ((module) => {
336
336
 
337
337
 
@@ -398,7 +398,7 @@ module.exports = domAPI;
398
398
 
399
399
  /***/ }),
400
400
 
401
- /***/ 589:
401
+ /***/ 113:
402
402
  /***/ ((module) => {
403
403
 
404
404
 
@@ -418,10 +418,10 @@ module.exports = styleTagTransform;
418
418
 
419
419
  /***/ }),
420
420
 
421
- /***/ 156:
421
+ /***/ 155:
422
422
  /***/ ((module) => {
423
423
 
424
- module.exports = __WEBPACK_EXTERNAL_MODULE__156__;
424
+ module.exports = __WEBPACK_EXTERNAL_MODULE__155__;
425
425
 
426
426
  /***/ })
427
427
 
@@ -499,8 +499,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__156__;
499
499
  /******/
500
500
  /************************************************************************/
501
501
  var __webpack_exports__ = {};
502
- // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
503
- (() => {
504
502
  // ESM COMPAT FLAG
505
503
  __webpack_require__.r(__webpack_exports__);
506
504
 
@@ -513,9 +511,9 @@ __webpack_require__.d(__webpack_exports__, {
513
511
  });
514
512
 
515
513
  // EXTERNAL MODULE: external "react"
516
- var external_react_ = __webpack_require__(156);
514
+ var external_react_ = __webpack_require__(155);
517
515
  var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
518
- ;// CONCATENATED MODULE: ./src/components/Accordions/Accordion.js
516
+ ;// ./src/components/Accordions/Accordion.js
519
517
 
520
518
  function Accordion(_ref) {
521
519
  let {
@@ -545,26 +543,26 @@ function Accordion(_ref) {
545
543
  }, children));
546
544
  }
547
545
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
548
- var injectStylesIntoStyleTag = __webpack_require__(379);
546
+ var injectStylesIntoStyleTag = __webpack_require__(72);
549
547
  var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
550
548
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
551
- var styleDomAPI = __webpack_require__(795);
549
+ var styleDomAPI = __webpack_require__(825);
552
550
  var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
553
551
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
554
- var insertBySelector = __webpack_require__(569);
552
+ var insertBySelector = __webpack_require__(659);
555
553
  var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
556
554
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
557
- var setAttributesWithoutAttributes = __webpack_require__(565);
555
+ var setAttributesWithoutAttributes = __webpack_require__(56);
558
556
  var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
559
557
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
560
- var insertStyleElement = __webpack_require__(216);
558
+ var insertStyleElement = __webpack_require__(540);
561
559
  var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
562
560
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
563
- var styleTagTransform = __webpack_require__(589);
561
+ var styleTagTransform = __webpack_require__(113);
564
562
  var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
565
563
  // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Buttons/_button.scss
566
- var _button = __webpack_require__(735);
567
- ;// CONCATENATED MODULE: ./src/components/Buttons/_button.scss
564
+ var _button = __webpack_require__(250);
565
+ ;// ./src/components/Buttons/_button.scss
568
566
 
569
567
 
570
568
 
@@ -584,14 +582,14 @@ options.insert = insertBySelector_default().bind(null, "head");
584
582
  options.domAPI = (styleDomAPI_default());
585
583
  options.insertStyleElement = (insertStyleElement_default());
586
584
 
587
- var update = injectStylesIntoStyleTag_default()(_button/* default */.Z, options);
585
+ var update = injectStylesIntoStyleTag_default()(_button/* default */.A, options);
588
586
 
589
587
 
590
588
 
591
589
 
592
- /* harmony default export */ const Buttons_button = (_button/* default */.Z && _button/* default */.Z.locals ? _button/* default */.Z.locals : undefined);
590
+ /* harmony default export */ const Buttons_button = (_button/* default */.A && _button/* default */.A.locals ? _button/* default */.A.locals : undefined);
593
591
 
594
- ;// CONCATENATED MODULE: ./src/components/Buttons/Button.js
592
+ ;// ./src/components/Buttons/Button.js
595
593
 
596
594
 
597
595
  function Button(_ref) {
@@ -613,8 +611,8 @@ function Button(_ref) {
613
611
  }, text);
614
612
  }
615
613
  // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Cards/card.scss
616
- var card = __webpack_require__(676);
617
- ;// CONCATENATED MODULE: ./src/components/Cards/card.scss
614
+ var card = __webpack_require__(865);
615
+ ;// ./src/components/Cards/card.scss
618
616
 
619
617
 
620
618
 
@@ -634,14 +632,14 @@ card_options.insert = insertBySelector_default().bind(null, "head");
634
632
  card_options.domAPI = (styleDomAPI_default());
635
633
  card_options.insertStyleElement = (insertStyleElement_default());
636
634
 
637
- var card_update = injectStylesIntoStyleTag_default()(card/* default */.Z, card_options);
635
+ var card_update = injectStylesIntoStyleTag_default()(card/* default */.A, card_options);
638
636
 
639
637
 
640
638
 
641
639
 
642
- /* harmony default export */ const Cards_card = (card/* default */.Z && card/* default */.Z.locals ? card/* default */.Z.locals : undefined);
640
+ /* harmony default export */ const Cards_card = (card/* default */.A && card/* default */.A.locals ? card/* default */.A.locals : undefined);
643
641
 
644
- ;// CONCATENATED MODULE: ./src/components/Cards/Card.js
642
+ ;// ./src/components/Cards/Card.js
645
643
 
646
644
 
647
645
  function Card(_ref) {
@@ -654,7 +652,7 @@ function Card(_ref) {
654
652
  className: cardClasses
655
653
  }, children);
656
654
  }
657
- ;// CONCATENATED MODULE: ./src/components/Forms/Inputs/Input.js
655
+ ;// ./src/components/Forms/Inputs/Input.js
658
656
 
659
657
  function Input(_ref) {
660
658
  let {
@@ -679,13 +677,11 @@ function Input(_ref) {
679
677
  className: "text-rose-500 text-sm"
680
678
  }, errorMessage));
681
679
  }
682
- ;// CONCATENATED MODULE: ./src/index.js
680
+ ;// ./src/index.js
683
681
 
684
682
 
685
683
 
686
684
 
687
- })();
688
-
689
685
  /******/ return __webpack_exports__;
690
686
  /******/ })()
691
687
  ;
package/lib/opus-toolkit-components.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"opus-toolkit-components.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;;;;;;;;;;;;;;ACVA;AACgH;AACjB;AAC/F,8BAA8B,mFAA2B,CAAC,4FAAqC;AAC/F;AACA,uDAAuD,mBAAmB,WAAW,mBAAmB,mBAAmB,eAAe,mBAAmB,WAAW,qBAAqB,mBAAmB,aAAa,gBAAgB,sBAAsB,WAAW,mBAAmB,mBAAmB,qBAAqB,OAAO,wSAAwS,uBAAuB,2DAA2D,oCAAoC,gCAAgC,4BAA4B,uBAAuB,iCAAiC,wHAAwH,eAAe,8BAA8B,2BAA2B,sCAAsC,SAAS,OAAO,KAAK,kDAAkD,mCAAmC,2BAA2B,oDAAoD,KAAK,sDAAsD,qCAAqC,2BAA2B,4CAA4C,KAAK,kDAAkD,yBAAyB,gDAAgD,2BAA2B,0DAA0D,KAAK,mBAAmB;AACrpD;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;;;;;;;;ACPvC;AACgH;AACjB;AAC/F,8BAA8B,mFAA2B,CAAC,4FAAqC;AAC/F;AACA,qDAAqD,yBAAyB,WAAW,YAAY,sBAAsB,cAAc,OAAO,2LAA2L,uBAAuB,oBAAoB,oCAAoC,qBAAqB,KAAK,iBAAiB,gCAAgC,6BAA6B,KAAK,mBAAmB;AAC1hB;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;ACP1B;;AAEb;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA,gDAAgD;AAChD;AACA;AACA,qFAAqF;AACrF;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,iBAAiB;AACvC;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qBAAqB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sFAAsF,qBAAqB;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,iDAAiD,qBAAqB;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sDAAsD,qBAAqB;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACpFa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD,cAAc;AACrE;AACA;AACA;AACA;AACA;;;;;;;ACfa;;AAEb;AACA;AACA;AACA,kBAAkB,wBAAwB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,iBAAiB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,4BAA4B;AAChD;AACA;AACA;AACA;AACA;AACA,qBAAqB,6BAA6B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACnFa;;AAEb;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACjCa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACTa;;AAEb;AACA;AACA,cAAc,KAAwC,GAAG,sBAAiB,GAAG,CAAI;AACjF;AACA;AACA;AACA;AACA;;;;;;;ACTa;;AAEb;AACA;AACA;AACA;AACA,kDAAkD;AAClD;AACA;AACA,0CAA0C;AAC1C;AACA;AACA;AACA,iFAAiF;AACjF;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,yDAAyD;AACzD;;AAEA;AACA;AACA;AACA;AACA;AAC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","sources":["webpack://opus-components/webpack/universalModuleDefinition","webpack://opus-components/./src/components/Buttons/_button.scss","webpack://opus-components/./src/components/Cards/card.scss","webpack://opus-components/./node_modules/css-loader/dist/runtime/api.js","webpack://opus-components/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://opus-components/external umd \"react\"","webpack://opus-components/webpack/bootstrap","webpack://opus-components/webpack/runtime/compat get default export","webpack://opus-components/webpack/runtime/define property getters","webpack://opus-components/webpack/runtime/hasOwnProperty shorthand","webpack://opus-components/webpack/runtime/make namespace object","webpack://opus-components/webpack/runtime/nonce","webpack://opus-components/./src/components/Accordions/Accordion.js","webpack://opus-components/./src/components/Buttons/_button.scss?fd85","webpack://opus-components/./src/components/Buttons/Button.js","webpack://opus-components/./src/components/Cards/card.scss?8bf6","webpack://opus-components/./src/components/Cards/Card.js","webpack://opus-components/./src/components/Forms/Inputs/Input.js","webpack://opus-components/./src/index.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"opus-components\", [\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"opus-components\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"opus-components\"] = factory(root[\"react\"]);\n})(self, (__WEBPACK_EXTERNAL_MODULE__156__) => {\nreturn ","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___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\"],\"names\":[],\"mappings\":\"AAqBA,aACI,kBArBO,CAsBP,UAhBS,CAKX,mBACE,kBAbO,CA4BX,eACI,kBA7BO,CA8BP,UAvBS,CAKX,qBACE,kBAZO,CAkCX,aACI,eAAA,CACA,qBAAA,CACA,UA/BS,CAKX,mBACE,kBAZO,CAcL,oBAdK\",\"sourcesContent\":[\"$c247Blue: #005de5;\\r\\n$c247Pink: #e23193;\\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}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___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\"],\"names\":[],\"mappings\":\"AAGA,WACI,wBAHO,CAIP,UAAA,CAEJ,YACI,qBAAA,CACA,aATW\",\"sourcesContent\":[\"$opusDeepBlue: #0c022f;\\r\\n$opusNavy: #24135f;\\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}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","\"use strict\";\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n return result;\n}\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n identifiers.push(identifier);\n }\n return identifiers;\n}\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n return updater;\n}\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n var newLastIdentifiers = modulesToDom(newList, options);\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n var _index = getIndexByIdentifier(_identifier);\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n stylesInDOM.splice(_index, 1);\n }\n }\n lastIdentifiers = newLastIdentifiers;\n };\n};","\"use strict\";\n\nvar memo = {};\n\n/* istanbul ignore next */\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target);\n\n // Special case to return head of iframe instead of iframe itself\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n memo[target] = styleTarget;\n }\n return memo[target];\n}\n\n/* istanbul ignore next */\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n target.appendChild(style);\n}\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n var needLayer = typeof obj.layer !== \"undefined\";\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n css += obj.css;\n if (needLayer) {\n css += \"}\";\n }\n if (obj.media) {\n css += \"}\";\n }\n if (obj.supports) {\n css += \"}\";\n }\n var sourceMap = obj.sourceMap;\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n }\n\n // For old IE\n /* istanbul ignore if */\n options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next */\nfunction domAPI(options) {\n if (typeof document === \"undefined\") {\n return {\n update: function update() {},\n remove: function remove() {}\n };\n }\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n styleElement.appendChild(document.createTextNode(css));\n }\n}\nmodule.exports = styleTagTransform;","module.exports = __WEBPACK_EXTERNAL_MODULE__156__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","import React, { useState } from 'react';\r\n\r\nexport default function Accordion({ items = [], children }) { // Default value for items\r\n const [activeIndex, setActiveIndex] = useState(null);\r\n\r\n const handleToggle = (index) => {\r\n setActiveIndex(activeIndex === index ? null : index);\r\n };\r\n\r\n return (\r\n <div className=\"accordion\">\r\n {items.length > 0 ? (\r\n items.map((item, index) => (\r\n <div className=\"accordion-item border-2 rounded-lg border-gray-200 mb-2\" key={index}>\r\n <div\r\n className=\"accordion-header flex p-4 justify-between\"\r\n onClick={() => handleToggle(index)}\r\n style={{ cursor: 'pointer' }}\r\n >\r\n <h3>{item.title}</h3>\r\n <div>{activeIndex === index ? '-' : '+'}</div>\r\n </div>\r\n {activeIndex === index && (\r\n <div className=\"accordion-body p-4 border-t\">\r\n {item.content}\r\n </div>\r\n )}\r\n </div>\r\n ))\r\n ) : (\r\n <div className=\"accordion-body p-4 border-t\">\r\n {children}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./_button.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./_button.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport './_button.scss';\r\n\r\nexport default function Button({ \r\n type = 'button', \r\n rank = 'primary',\r\n text = 'Example Button', \r\n size = 'md',\r\n isFullWidth = false, // The boolean to toggle 'w-full'\r\n onClick\r\n}) {\r\n\r\n // Conditional class based on isFullWidth\r\n const classNames = `transition ease-in-out duration-700 rounded px-6 py-2 text-${size} ${rank}-btn ${isFullWidth ? 'w-full' : ''}`;\r\n\r\n return (\r\n <button type={type} className={classNames} onClick={onClick}>\r\n {text}\r\n </button>\r\n );\r\n}","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./card.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./card.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport './card.scss';\r\n\r\nexport default function Card({mode = 'light', children}) {\r\n\r\n const cardClasses = `p-5 ${mode}-card rounded-lg shadow-lg`\r\n\r\n return (\r\n <div className={cardClasses}>\r\n {children}\r\n </div>\r\n )\r\n}","import React from 'react';\r\n\r\nexport default function Input({\r\n label,\r\n placeholder,\r\n type = 'text',\r\n name,\r\n isValid = true,\r\n errorMessage = `${label} is required`,\r\n onChange\r\n}) {\r\n\r\n 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'}`;\r\n\r\n return (\r\n <div className=\"flex flex-col mb-4\">\r\n <label>{label}</label>\r\n <input\r\n className={inputClasses}\r\n type={type}\r\n name={name}\r\n placeholder={placeholder}\r\n onChange={onChange}\r\n />\r\n {!isValid && (\r\n <span className=\"text-rose-500 text-sm\">{errorMessage}</span>\r\n )}\r\n </div>\r\n );\r\n}\r\n","export { default as Accordion } from './components/Accordions/Accordion';\r\nexport { default as Button } from './components/Buttons/Button';\r\nexport { default as Card } from './components/Cards/Card';\r\nexport { default as Input } from './components/Forms/Inputs/Input';"],"names":["React","useState","Accordion","_ref","items","children","activeIndex","setActiveIndex","handleToggle","index","createElement","className","length","map","item","key","onClick","style","cursor","title","content","Button","type","rank","text","size","isFullWidth","classNames","Card","mode","cardClasses","Input","label","placeholder","name","isValid","errorMessage","onChange","inputClasses","default"],"sourceRoot":""}
1
+ {"version":3,"file":"opus-toolkit-components.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;;;;;;;;;;;;;;ACVA;AACgH;AACjB;AAC/F,8BAA8B,mFAA2B,CAAC,4FAAqC;AAC/F;AACA,uDAAuD,mBAAmB,WAAW,mBAAmB,mBAAmB,eAAe,mBAAmB,WAAW,qBAAqB,mBAAmB,aAAa,gBAAgB,sBAAsB,WAAW,mBAAmB,mBAAmB,qBAAqB,OAAO,sYAAsY,2DAA2D,oCAAoC,gCAAgC,4BAA4B,uBAAuB,iCAAiC,wHAAwH,eAAe,8BAA8B,2BAA2B,sCAAsC,SAAS,OAAO,KAAK,kDAAkD,mCAAmC,2BAA2B,oDAAoD,KAAK,sDAAsD,qCAAqC,2BAA2B,4CAA4C,KAAK,kDAAkD,yBAAyB,gDAAgD,2BAA2B,0DAA0D,KAAK,wDAAwD,uBAAuB,2BAA2B,oDAAoD,0BAA0B,0BAA0B,0BAA0B,0BAA0B,0BAA0B,wBAAwB,oDAAoD,4BAA4B,yBAAyB,uBAAuB,8CAA8C,yBAAyB,uBAAuB,+CAA+C,sBAAsB,mBAAmB;AACvzE;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;;;;;;;;ACPvC;AACgH;AACjB;AAC/F,8BAA8B,mFAA2B,CAAC,4FAAqC;AAC/F;AACA,qDAAqD,yBAAyB,WAAW,YAAY,sBAAsB,cAAc,OAAO,2LAA2L,uBAAuB,oBAAoB,oCAAoC,qBAAqB,KAAK,iBAAiB,gCAAgC,6BAA6B,KAAK,mBAAmB;AAC1hB;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;ACP1B;;AAEb;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA,gDAAgD;AAChD;AACA;AACA,qFAAqF;AACrF;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,iBAAiB;AACvC;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qBAAqB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sFAAsF,qBAAqB;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,iDAAiD,qBAAqB;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sDAAsD,qBAAqB;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACpFa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD,cAAc;AACrE;AACA;AACA;AACA;AACA;;;;;;;ACfa;;AAEb;AACA;AACA;AACA,kBAAkB,wBAAwB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,iBAAiB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,4BAA4B;AAChD;AACA;AACA;AACA;AACA;AACA,qBAAqB,6BAA6B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACnFa;;AAEb;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACjCa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACTa;;AAEb;AACA;AACA,cAAc,KAAwC,GAAG,sBAAiB,GAAG,CAAI;AACjF;AACA;AACA;AACA;AACA;;;;;;;ACTa;;AAEb;AACA;AACA;AACA;AACA,kDAAkD;AAClD;AACA;AACA,0CAA0C;AAC1C;AACA;AACA;AACA,iFAAiF;AACjF;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,yDAAyD;AACzD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,kCAAkC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;;;;;;;AC5Da;;AAEb;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACbA;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;;;;;;;;;;;;;;;;;;;ACAwC;AAEzB,SAASE,SAASA,CAAAC,IAAA,EAA2B;EAAA,IAA1B;IAAEC,KAAK,GAAG,EAAE;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAAK;EAC7D,MAAM,CAACG,WAAW,EAAEC,cAAc,CAAC,GAAGN,4BAAQ,CAAC,IAAI,CAAC;EAEpD,MAAMO,YAAY,GAAIC,KAAK,IAAK;IAC9BF,cAAc,CAACD,WAAW,KAAKG,KAAK,GAAG,IAAI,GAAGA,KAAK,CAAC;EACtD,CAAC;EAED,oBACET,sCAAA;IAAKW,SAAS,EAAC;EAAW,GACvBP,KAAK,CAACQ,MAAM,GAAG,CAAC,GACfR,KAAK,CAACS,GAAG,CAAC,CAACC,IAAI,EAAEL,KAAK,kBACpBT,sCAAA;IAAKW,SAAS,EAAC,yDAAyD;IAACI,GAAG,EAAEN;EAAM,gBAClFT,sCAAA;IACEW,SAAS,EAAC,2CAA2C;IACrDK,OAAO,EAAEA,CAAA,KAAMR,YAAY,CAACC,KAAK,CAAE;IACnCQ,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAU;EAAE,gBAE7BlB,sCAAA,aAAKc,IAAI,CAACK,KAAU,CAAC,eACrBnB,sCAAA,cAAMM,WAAW,KAAKG,KAAK,GAAG,GAAG,GAAG,GAAS,CAC1C,CAAC,EACLH,WAAW,KAAKG,KAAK,iBACpBT,sCAAA;IAAKW,SAAS,EAAC;EAA6B,GACzCG,IAAI,CAACM,OACH,CAEJ,CACN,CAAC,gBAEFpB,sCAAA;IAAKW,SAAS,EAAC;EAA6B,GACzCN,QACE,CAEJ,CAAC;AAEV;;;;;;;;;;;;;;;;;;;;;;;ACnCA,MAAqG;AACrG,MAA2F;AAC3F,MAAkG;AAClG,MAAqH;AACrH,MAA8G;AAC9G,MAA8G;AAC9G,MAA0J;AAC1J;AACA;;AAEA;;AAEA,4BAA4B,6BAAmB;AAC/C,wBAAwB,0CAAa;AACrC,iBAAiB,+BAAa;AAC9B,iBAAiB,uBAAM;AACvB,6BAA6B,8BAAkB;;AAE/C,aAAa,kCAAG,CAAC,sBAAO;;;;AAIoG;AAC5H,OAAO,qDAAe,sBAAO,IAAI,sBAAO,UAAU,sBAAO,mBAAmB,EAAC;;;ACxBnD;AACF;AAET,SAASgB,MAAMA,CAAAlB,IAAA,EAO3B;EAAA,IAP4B;IAC7BmB,IAAI,GAAG,QAAQ;IACfC,IAAI,GAAG,SAAS;IAChBC,IAAI,GAAG,gBAAgB;IACvBC,IAAI,GAAG,IAAI;IACXC,WAAW,GAAG,KAAK;IAAG;IACtBV;EACF,CAAC,GAAAb,IAAA;EAEC;EACA,MAAMwB,UAAU,GAAG,8DAA8DF,IAAI,IAAIF,IAAI,QAAQG,WAAW,GAAG,QAAQ,GAAG,EAAE,EAAE;EAElI,oBACE1B,sCAAA;IAAQsB,IAAI,EAAEA,IAAK;IAACX,SAAS,EAAEgB,UAAW;IAACX,OAAO,EAAEA;EAAQ,GACzDQ,IACK,CAAC;AAEb;;;;;ACnBA,MAAqG;AACrG,MAA2F;AAC3F,MAAkG;AAClG,MAAqH;AACrH,MAA8G;AAC9G,MAA8G;AAC9G,MAAuJ;AACvJ;AACA;;AAEA,IAAI,YAAO;;AAEX,YAAO,qBAAqB,6BAAmB;AAC/C,YAAO,iBAAiB,0CAAa;AACrC,YAAO,UAAU,+BAAa;AAC9B,YAAO,UAAU,uBAAM;AACvB,YAAO,sBAAsB,8BAAkB;;AAE/C,IAAI,WAAM,GAAG,kCAAG,CAAC,mBAAO,EAAE,YAAO;;;;AAIwF;AACzH,OAAO,iDAAe,mBAAO,IAAI,mBAAO,UAAU,mBAAO,mBAAmB,EAAC;;;ACxBnD;AACL;AAEN,SAASI,IAAIA,CAAAzB,IAAA,EAA6B;EAAA,IAA5B;IAAC0B,IAAI,GAAG,OAAO;IAAExB;EAAQ,CAAC,GAAAF,IAAA;EAEnD,MAAM2B,WAAW,GAAG,OAAOD,IAAI,4BAA4B;EAE3D,oBACI7B,sCAAA;IAAKW,SAAS,EAAEmB;EAAY,GACvBzB,QACA,CAAC;AAEd;;ACZ0B;AAEX,SAAS0B,KAAKA,CAAA5B,IAAA,EAQ1B;EAAA,IAR2B;IAC5B6B,KAAK;IACLC,WAAW;IACXX,IAAI,GAAG,MAAM;IACbY,IAAI;IACJC,OAAO,GAAG,IAAI;IACdC,YAAY,GAAG,GAAGJ,KAAK,cAAc;IACrCK;EACF,CAAC,GAAAlC,IAAA;EAEC,MAAMmC,YAAY,GAAG,0EAA0EH,OAAO,GAAG,kBAAkB,GAAG,iBAAiB,EAAE;EAEjJ,oBACEnC,sCAAA;IAAKW,SAAS,EAAC;EAAoB,gBACjCX,sCAAA,gBAAQgC,KAAa,CAAC,eACtBhC,sCAAA;IACEW,SAAS,EAAE2B,YAAa;IACxBhB,IAAI,EAAEA,IAAK;IACXY,IAAI,EAAEA,IAAK;IACXD,WAAW,EAAEA,WAAY;IACzBI,QAAQ,EAAEA;EAAS,CACpB,CAAC,EACD,CAACF,OAAO,iBACPnC,sCAAA;IAAMW,SAAS,EAAC;EAAuB,GAAEyB,YAAmB,CAE3D,CAAC;AAEV;;AC7ByE;AACT;AACN","sources":["webpack://opus-components/webpack/universalModuleDefinition","webpack://opus-components/./src/components/Buttons/_button.scss","webpack://opus-components/./src/components/Cards/card.scss","webpack://opus-components/./node_modules/css-loader/dist/runtime/api.js","webpack://opus-components/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://opus-components/external umd \"react\"","webpack://opus-components/webpack/bootstrap","webpack://opus-components/webpack/runtime/compat get default export","webpack://opus-components/webpack/runtime/define property getters","webpack://opus-components/webpack/runtime/hasOwnProperty shorthand","webpack://opus-components/webpack/runtime/make namespace object","webpack://opus-components/webpack/runtime/nonce","webpack://opus-components/./src/components/Accordions/Accordion.js","webpack://opus-components/./src/components/Buttons/_button.scss?fd85","webpack://opus-components/./src/components/Buttons/Button.js","webpack://opus-components/./src/components/Cards/card.scss?8bf6","webpack://opus-components/./src/components/Cards/Card.js","webpack://opus-components/./src/components/Forms/Inputs/Input.js","webpack://opus-components/./src/index.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"opus-components\", [\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"opus-components\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"opus-components\"] = factory(root[\"react\"]);\n})(self, (__WEBPACK_EXTERNAL_MODULE__155__) => {\nreturn ","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___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\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___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\"],\"names\":[],\"mappings\":\"AAGA,WACI,wBAHO,CAIP,UAAA,CAEJ,YACI,qBAAA,CACA,aATW\",\"sourcesContent\":[\"$opusDeepBlue: #0c022f;\\r\\n$opusNavy: #24135f;\\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}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","\"use strict\";\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n return result;\n}\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n identifiers.push(identifier);\n }\n return identifiers;\n}\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n return updater;\n}\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n var newLastIdentifiers = modulesToDom(newList, options);\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n var _index = getIndexByIdentifier(_identifier);\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n stylesInDOM.splice(_index, 1);\n }\n }\n lastIdentifiers = newLastIdentifiers;\n };\n};","\"use strict\";\n\nvar memo = {};\n\n/* istanbul ignore next */\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target);\n\n // Special case to return head of iframe instead of iframe itself\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n memo[target] = styleTarget;\n }\n return memo[target];\n}\n\n/* istanbul ignore next */\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n target.appendChild(style);\n}\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n var needLayer = typeof obj.layer !== \"undefined\";\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n css += obj.css;\n if (needLayer) {\n css += \"}\";\n }\n if (obj.media) {\n css += \"}\";\n }\n if (obj.supports) {\n css += \"}\";\n }\n var sourceMap = obj.sourceMap;\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n }\n\n // For old IE\n /* istanbul ignore if */\n options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next */\nfunction domAPI(options) {\n if (typeof document === \"undefined\") {\n return {\n update: function update() {},\n remove: function remove() {}\n };\n }\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n styleElement.appendChild(document.createTextNode(css));\n }\n}\nmodule.exports = styleTagTransform;","module.exports = __WEBPACK_EXTERNAL_MODULE__155__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","import React, { useState } from 'react';\r\n\r\nexport default function Accordion({ items = [], children }) { // Default value for items\r\n const [activeIndex, setActiveIndex] = useState(null);\r\n\r\n const handleToggle = (index) => {\r\n setActiveIndex(activeIndex === index ? null : index);\r\n };\r\n\r\n return (\r\n <div className=\"accordion\">\r\n {items.length > 0 ? (\r\n items.map((item, index) => (\r\n <div className=\"accordion-item border-2 rounded-lg border-gray-200 mb-2\" key={index}>\r\n <div\r\n className=\"accordion-header flex p-4 justify-between\"\r\n onClick={() => handleToggle(index)}\r\n style={{ cursor: 'pointer' }}\r\n >\r\n <h3>{item.title}</h3>\r\n <div>{activeIndex === index ? '-' : '+'}</div>\r\n </div>\r\n {activeIndex === index && (\r\n <div className=\"accordion-body p-4 border-t\">\r\n {item.content}\r\n </div>\r\n )}\r\n </div>\r\n ))\r\n ) : (\r\n <div className=\"accordion-body p-4 border-t\">\r\n {children}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./_button.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./_button.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport './_button.scss';\r\n\r\nexport default function Button({ \r\n type = 'button', \r\n rank = 'primary',\r\n text = 'Example Button', \r\n size = 'md',\r\n isFullWidth = false, // The boolean to toggle 'w-full'\r\n onClick\r\n}) {\r\n\r\n // Conditional class based on isFullWidth\r\n const classNames = `transition ease-in-out duration-700 rounded px-6 py-2 text-${size} ${rank}-btn ${isFullWidth ? 'w-full' : ''}`;\r\n\r\n return (\r\n <button type={type} className={classNames} onClick={onClick}>\r\n {text}\r\n </button>\r\n );\r\n}","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./card.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./card.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport './card.scss';\r\n\r\nexport default function Card({mode = 'light', children}) {\r\n\r\n const cardClasses = `p-5 ${mode}-card rounded-lg shadow-lg`\r\n\r\n return (\r\n <div className={cardClasses}>\r\n {children}\r\n </div>\r\n )\r\n}","import React from 'react';\r\n\r\nexport default function Input({\r\n label,\r\n placeholder,\r\n type = 'text',\r\n name,\r\n isValid = true,\r\n errorMessage = `${label} is required`,\r\n onChange\r\n}) {\r\n\r\n 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'}`;\r\n\r\n return (\r\n <div className=\"flex flex-col mb-4\">\r\n <label>{label}</label>\r\n <input\r\n className={inputClasses}\r\n type={type}\r\n name={name}\r\n placeholder={placeholder}\r\n onChange={onChange}\r\n />\r\n {!isValid && (\r\n <span className=\"text-rose-500 text-sm\">{errorMessage}</span>\r\n )}\r\n </div>\r\n );\r\n}\r\n","export { default as Accordion } from './components/Accordions/Accordion';\r\nexport { default as Button } from './components/Buttons/Button';\r\nexport { default as Card } from './components/Cards/Card';\r\nexport { default as Input } from './components/Forms/Inputs/Input';"],"names":["React","useState","Accordion","_ref","items","children","activeIndex","setActiveIndex","handleToggle","index","createElement","className","length","map","item","key","onClick","style","cursor","title","content","Button","type","rank","text","size","isFullWidth","classNames","Card","mode","cardClasses","Input","label","placeholder","name","isValid","errorMessage","onChange","inputClasses","default"],"sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "opus-toolkit-components",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "private": false,
5
5
  "dependencies": {
6
6
  "@headlessui/react": "^2.1.8",
@@ -8,6 +8,7 @@
8
8
  "@testing-library/jest-dom": "^5.17.0",
9
9
  "@testing-library/react": "^13.4.0",
10
10
  "@testing-library/user-event": "^13.5.0",
11
+ "opus-toolkit-styles": "^1.0.0",
11
12
  "react": "^18.3.1",
12
13
  "react-dom": "^18.3.1",
13
14
  "react-router-dom": "^6.26.2",
@@ -69,6 +70,7 @@
69
70
  "css-loader": "^7.1.2",
70
71
  "cypress": "^13.4.0",
71
72
  "eslint-plugin-storybook": "^0.9.0",
73
+ "file-loader": "^6.2.0",
72
74
  "html-webpack-plugin": "^5.6.0",
73
75
  "postcss": "^8.4.47",
74
76
  "postcss-loader": "^8.1.1",