@formio/uswds 2.8.0 → 2.8.2
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/README.md +86 -0
- package/dist/uswds.css +15 -8
- package/dist/uswds.js +6 -6
- package/dist/uswds.min.js +1 -1
- package/lib/components/Select.js +5 -1
- package/lib/components/index.js +1 -1
- package/lib/components/radio/Radio.js +1 -0
- package/lib/css/styles.css +15 -8
- package/lib/sass/styles.scss +101 -86
- package/lib/templates/uswds/fieldset/form.ejs.js +2 -0
- package/lib/templates/uswds/index.js +4 -1
- package/lib/templates/uswds/size.js +10 -5
- package/package.json +6 -4
- package/Readme.md +0 -66
package/README.md
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
# Form.io United States Web Design System Templates
|
|
2
|
+
|
|
3
|
+
This repository will change the rendering of forms in formio.js so that it uses html and classes compatible with the [United States Web Design System](https://designsystem.digital.gov/) framework.
|
|
4
|
+
|
|
5
|
+
## Official Documentation
|
|
6
|
+
|
|
7
|
+
For the latest documentation, release information, and guides, always refer to the official Form.io Help Documentation available here:
|
|
8
|
+
|
|
9
|
+
**[https://help.form.io](https://help.form.io/dev/accessibility#templates-with-accessibility-control-module)**
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
```javascript
|
|
14
|
+
import uswds from '@formio/uswds';
|
|
15
|
+
import { Formio } from '@formio/js';
|
|
16
|
+
Formio.use(uswds);
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Or if you would like to embed directly within your website, you can use the following.
|
|
20
|
+
|
|
21
|
+
```html
|
|
22
|
+
<html>
|
|
23
|
+
<head>
|
|
24
|
+
<meta charset="UTF-8" />
|
|
25
|
+
<link
|
|
26
|
+
rel="stylesheet"
|
|
27
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
|
|
28
|
+
/>
|
|
29
|
+
<link
|
|
30
|
+
rel="stylesheet"
|
|
31
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/css/uswds.min.css"
|
|
32
|
+
/>
|
|
33
|
+
<link rel="stylesheet" href="https://cdn.form.io/js/formio.form.min.css" />
|
|
34
|
+
<link rel="stylesheet" href="https://cdn.form.io/uswds/uswds.min.css" />
|
|
35
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/js/uswds.min.js"></script>
|
|
36
|
+
<script src="https://cdn.form.io/js/formio.form.min.js"></script>
|
|
37
|
+
<script src="https://cdn.form.io/uswds/uswds.min.js"></script>
|
|
38
|
+
</head>
|
|
39
|
+
<body>
|
|
40
|
+
<div id="formio"></div>
|
|
41
|
+
<script type="text/javascript">
|
|
42
|
+
Formio.use(uswds);
|
|
43
|
+
Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/example');
|
|
44
|
+
</script>
|
|
45
|
+
</body>
|
|
46
|
+
</html>
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
You can try out this by going to the following JSFiddle - https://jsfiddle.net/travistidwell/yrwp9m24/1
|
|
50
|
+
|
|
51
|
+
## Form Builder
|
|
52
|
+
|
|
53
|
+
In addition to being a Form Renderer, you can also use this library to embed the Form.io Form Builder within your own application using the following.
|
|
54
|
+
|
|
55
|
+
```html
|
|
56
|
+
<html>
|
|
57
|
+
<head>
|
|
58
|
+
<link
|
|
59
|
+
rel="stylesheet"
|
|
60
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
|
|
61
|
+
/>
|
|
62
|
+
<link
|
|
63
|
+
rel="stylesheet"
|
|
64
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/css/uswds.min.css"
|
|
65
|
+
/>
|
|
66
|
+
<link rel="stylesheet" href="https://cdn.form.io/js/formio.full.min.css" />
|
|
67
|
+
<link rel="stylesheet" href="https://cdn.form.io/uswds/uswds.min.css" />
|
|
68
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/js/uswds.min.js"></script>
|
|
69
|
+
<script src="https://cdn.form.io/js/formio.full.min.js"></script>
|
|
70
|
+
<script src="https://cdn.form.io/uswds/uswds.min.js"></script>
|
|
71
|
+
</head>
|
|
72
|
+
<body>
|
|
73
|
+
<div id="builder"></div>
|
|
74
|
+
<script type="text/javascript">
|
|
75
|
+
Formio.use(uswds);
|
|
76
|
+
Formio.builder(document.getElementById('builder'));
|
|
77
|
+
</script>
|
|
78
|
+
</body>
|
|
79
|
+
</html>
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
## Example Application
|
|
83
|
+
|
|
84
|
+
For an example of how this platform works, please see the following application.
|
|
85
|
+
|
|
86
|
+
[https://formio.github.io/uswds](https://formio.github.io/uswds)
|
package/dist/uswds.css
CHANGED
|
@@ -77,7 +77,8 @@ span[role=link]:hover {
|
|
|
77
77
|
border: 0;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
.dropdown-item:hover,
|
|
80
|
+
.dropdown-item:hover,
|
|
81
|
+
.dropdown-item:focus {
|
|
81
82
|
color: #1e2125;
|
|
82
83
|
background-color: #e9ecef;
|
|
83
84
|
}
|
|
@@ -101,7 +102,7 @@ span[role=link]:hover {
|
|
|
101
102
|
}
|
|
102
103
|
|
|
103
104
|
.flatpickr-day.selected {
|
|
104
|
-
background: #
|
|
105
|
+
background: #0073ec !important;
|
|
105
106
|
}
|
|
106
107
|
|
|
107
108
|
.flatpickr-day:hover,
|
|
@@ -152,7 +153,8 @@ span[role=link]:hover {
|
|
|
152
153
|
line-height: 24px;
|
|
153
154
|
color: #8a8a8a;
|
|
154
155
|
}
|
|
155
|
-
.formio-dialog.formio-dialog-theme-default .formio-dialog-content .formio-dialog-close:hover:before,
|
|
156
|
+
.formio-dialog.formio-dialog-theme-default .formio-dialog-content .formio-dialog-close:hover:before,
|
|
157
|
+
.formio-dialog.formio-dialog-theme-default .formio-dialog-content .formio-dialog-close :active:before {
|
|
156
158
|
color: #6b6b6b;
|
|
157
159
|
}
|
|
158
160
|
|
|
@@ -243,7 +245,8 @@ span[role=link]:hover {
|
|
|
243
245
|
width: 100%;
|
|
244
246
|
margin-top: 0.5rem;
|
|
245
247
|
}
|
|
246
|
-
.input-group .usa-input,
|
|
248
|
+
.input-group .usa-input,
|
|
249
|
+
.input-group .usa-textarea {
|
|
247
250
|
position: relative;
|
|
248
251
|
z-index: 1;
|
|
249
252
|
width: 1%;
|
|
@@ -406,7 +409,8 @@ span[role=link]:hover {
|
|
|
406
409
|
}
|
|
407
410
|
|
|
408
411
|
/* USWDS overrides */
|
|
409
|
-
b,
|
|
412
|
+
b,
|
|
413
|
+
strong {
|
|
410
414
|
font-weight: bold !important;
|
|
411
415
|
}
|
|
412
416
|
|
|
@@ -426,7 +430,8 @@ ul.usa-sidenav {
|
|
|
426
430
|
border-top: 0px;
|
|
427
431
|
}
|
|
428
432
|
|
|
429
|
-
.usa-input--error.usa-select,
|
|
433
|
+
.usa-input--error.usa-select,
|
|
434
|
+
.usa-input--success.usa-select {
|
|
430
435
|
height: auto;
|
|
431
436
|
}
|
|
432
437
|
|
|
@@ -469,7 +474,8 @@ ul.usa-sidenav {
|
|
|
469
474
|
max-width: 100% !important;
|
|
470
475
|
}
|
|
471
476
|
|
|
472
|
-
.usa-button + .has-error,
|
|
477
|
+
.usa-button + .has-error,
|
|
478
|
+
.usa-button + .has-success {
|
|
473
479
|
display: none;
|
|
474
480
|
}
|
|
475
481
|
|
|
@@ -478,7 +484,8 @@ ul.usa-sidenav {
|
|
|
478
484
|
box-shadow: 0 0 0 2px #c9c9c9, inset 0 0 0 3px #fff;
|
|
479
485
|
}
|
|
480
486
|
|
|
481
|
-
.usa-radio,
|
|
487
|
+
.usa-radio,
|
|
488
|
+
.usa-checkbox {
|
|
482
489
|
background: none !important;
|
|
483
490
|
}
|
|
484
491
|
|
package/dist/uswds.js
CHANGED
|
@@ -26,7 +26,7 @@ return /******/ (function() { // webpackBootstrap
|
|
|
26
26
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
27
27
|
|
|
28
28
|
"use strict";
|
|
29
|
-
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst js_1 = __webpack_require__(/*! @formio/js */ \"@formio/js\");\nconst SelectComponent = js_1.Components.components.select;\nclass USWDSSelectComponent extends SelectComponent {\n choicesOptions() {\n const choicesOptions = super.choicesOptions();\n choicesOptions.classNames.containerInner = [...choicesOptions.classNames.containerInner
|
|
29
|
+
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst js_1 = __webpack_require__(/*! @formio/js */ \"@formio/js\");\nconst SelectComponent = js_1.Components.components.select;\nclass USWDSSelectComponent extends SelectComponent {\n choicesOptions() {\n const choicesOptions = super.choicesOptions();\n choicesOptions.classNames.containerInner = [\n ...choicesOptions.classNames.containerInner,\n 'usa-select',\n 'maxw-full',\n ];\n return choicesOptions;\n }\n}\nexports.default = USWDSSelectComponent;\n\n\n//# sourceURL=webpack://uswds/./lib/components/Select.js?");
|
|
30
30
|
|
|
31
31
|
/***/ }),
|
|
32
32
|
|
|
@@ -92,7 +92,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\ncons
|
|
|
92
92
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
93
93
|
|
|
94
94
|
"use strict";
|
|
95
|
-
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst Select_1 = __webpack_require__(/*! ./Select */ \"./lib/components/Select.js\");\nconst Radio_1 = __webpack_require__(/*! ./radio/Radio */ \"./lib/components/radio/Radio.js\");\nconst Button_1 = __webpack_require__(/*! ./button/Button */ \"./lib/components/button/Button.js\");\nconst Checkbox_1 = __webpack_require__(/*! ./checkbox/Checkbox */ \"./lib/components/checkbox/Checkbox.js\");\nconst SelectBoxes_1 = __webpack_require__(/*! ./selectboxes/SelectBoxes */ \"./lib/components/selectboxes/SelectBoxes.js\");\nexports.default = {\n select: Select_1.default,\n radio: Radio_1.default,\n button: Button_1.default,\n checkbox: Checkbox_1.default,\n selectboxes: SelectBoxes_1.default
|
|
95
|
+
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst Select_1 = __webpack_require__(/*! ./Select */ \"./lib/components/Select.js\");\nconst Radio_1 = __webpack_require__(/*! ./radio/Radio */ \"./lib/components/radio/Radio.js\");\nconst Button_1 = __webpack_require__(/*! ./button/Button */ \"./lib/components/button/Button.js\");\nconst Checkbox_1 = __webpack_require__(/*! ./checkbox/Checkbox */ \"./lib/components/checkbox/Checkbox.js\");\nconst SelectBoxes_1 = __webpack_require__(/*! ./selectboxes/SelectBoxes */ \"./lib/components/selectboxes/SelectBoxes.js\");\nexports.default = {\n select: Select_1.default,\n radio: Radio_1.default,\n button: Button_1.default,\n checkbox: Checkbox_1.default,\n selectboxes: SelectBoxes_1.default,\n};\n\n\n//# sourceURL=webpack://uswds/./lib/components/index.js?");
|
|
96
96
|
|
|
97
97
|
/***/ }),
|
|
98
98
|
|
|
@@ -114,7 +114,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\ncons
|
|
|
114
114
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
115
115
|
|
|
116
116
|
"use strict";
|
|
117
|
-
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst js_1 = __webpack_require__(/*! @formio/js */ \"@formio/js\");\nconst Radio_form_1 = __webpack_require__(/*! ./Radio.form */ \"./lib/components/radio/Radio.form.js\");\nconst RadioComponent = js_1.Components.components.radio;\nRadioComponent.editForm = Radio_form_1.default;\nconst render = RadioComponent.prototype.render;\nRadioComponent.prototype.render = function () {\n this.noField = true;\n return render.call(this);\n};\nexports.default = RadioComponent;\n\n\n//# sourceURL=webpack://uswds/./lib/components/radio/Radio.js?");
|
|
117
|
+
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst js_1 = __webpack_require__(/*! @formio/js */ \"@formio/js\");\nconst Radio_form_1 = __webpack_require__(/*! ./Radio.form */ \"./lib/components/radio/Radio.form.js\");\nconst RadioComponent = js_1.Components.components.radio;\nRadioComponent.editForm = Radio_form_1.default;\nconst render = RadioComponent.prototype.render;\n// GOTCHA(G-US02)\nRadioComponent.prototype.render = function () {\n this.noField = true;\n return render.call(this);\n};\nexports.default = RadioComponent;\n\n\n//# sourceURL=webpack://uswds/./lib/components/radio/Radio.js?");
|
|
118
118
|
|
|
119
119
|
/***/ }),
|
|
120
120
|
|
|
@@ -712,7 +712,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\ncons
|
|
|
712
712
|
\**************************************************/
|
|
713
713
|
/***/ (function(__unused_webpack_module, exports) {
|
|
714
714
|
|
|
715
|
-
eval("Object.defineProperty(exports, \"__esModule\", ({\n value: true\n}));\nexports.default=function(ctx) {\nvar __t, __p = '', __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n__p += '<fieldset class=\"usa-fieldset\">\\n ';\n if (ctx.component.legend) { ;\n__p += '\\n <legend ref=\"header\" id=\"l-' +\n((__t = (ctx.instance.id)) == null ? '' : __t) +\n'-legend\" class=\"usa-sr-only\">\\n ' +\n((__t = (ctx.t(ctx.component.legend))) == null ? '' : __t) +\n'\\n </legend>\\n <span class=\"legend-wrapper usa-legend\">\\n <span class=\"position-relative ' +\n((__t = (ctx.component.collapsible ? 'formio-clickable' : '')) == null ? '' : __t) +\n'\">\\n ' +\n((__t = (ctx.t(ctx.component.legend))) == null ? '' : __t) +\n'\\n </span>\\n ';\n if (ctx.component.tooltip) { ;\n__p += '\\n <span ref=\"tooltip\" data-tooltip=\"' +\n((__t = (ctx.component.tooltip)) == null ? '' : __t) +\n'\" class=\"' +\n((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +\n' text-base\" tabindex=\"0\"></span>\\n ';\n } ;\n__p += '\\n </span>\\n ';\n } ;\n__p += '\\n ';\n if (!ctx.collapsed) { ;\n__p += '\\n <div class=\"fieldset-body\" ref=\"' +\n((__t = (ctx.nestedKey)) == null ? '' : __t) +\n'\">\\n ' +\n((__t = (ctx.children)) == null ? '' : __t) +\n'\\n </div>\\n ';\n } ;\n__p += '\\n</fieldset>\\n';\nreturn __p\n}\n\n//# sourceURL=webpack://uswds/./lib/templates/uswds/fieldset/form.ejs.js?");
|
|
715
|
+
eval("Object.defineProperty(exports, \"__esModule\", ({\n value: true\n}));\nexports.default=function(ctx) {\nvar __t, __p = '', __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n__p += '<fieldset class=\"usa-fieldset\">\\n ';\n if (ctx.component.legend) { ;\n__p += '\\n ';\n /* GOTCHA(G-US03) */ ;\n__p += '\\n <legend ref=\"header\" id=\"l-' +\n((__t = (ctx.instance.id)) == null ? '' : __t) +\n'-legend\" class=\"usa-sr-only\">\\n ' +\n((__t = (ctx.t(ctx.component.legend))) == null ? '' : __t) +\n'\\n </legend>\\n <span class=\"legend-wrapper usa-legend\">\\n <span class=\"position-relative ' +\n((__t = (ctx.component.collapsible ? 'formio-clickable' : '')) == null ? '' : __t) +\n'\">\\n ' +\n((__t = (ctx.t(ctx.component.legend))) == null ? '' : __t) +\n'\\n </span>\\n ';\n if (ctx.component.tooltip) { ;\n__p += '\\n <span ref=\"tooltip\" data-tooltip=\"' +\n((__t = (ctx.component.tooltip)) == null ? '' : __t) +\n'\" class=\"' +\n((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +\n' text-base\" tabindex=\"0\"></span>\\n ';\n } ;\n__p += '\\n </span>\\n ';\n } ;\n__p += '\\n ';\n if (!ctx.collapsed) { ;\n__p += '\\n <div class=\"fieldset-body\" ref=\"' +\n((__t = (ctx.nestedKey)) == null ? '' : __t) +\n'\">\\n ' +\n((__t = (ctx.children)) == null ? '' : __t) +\n'\\n </div>\\n ';\n } ;\n__p += '\\n</fieldset>\\n';\nreturn __p\n}\n\n//# sourceURL=webpack://uswds/./lib/templates/uswds/fieldset/form.ejs.js?");
|
|
716
716
|
|
|
717
717
|
/***/ }),
|
|
718
718
|
|
|
@@ -808,7 +808,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
|
|
|
808
808
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
809
809
|
|
|
810
810
|
"use strict";
|
|
811
|
-
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst address_1 = __webpack_require__(/*! ./address */ \"./lib/templates/uswds/address/index.js\");\nconst alert_1 = __webpack_require__(/*! ./alert */ \"./lib/templates/uswds/alert/index.js\");\nconst builder_1 = __webpack_require__(/*! ./builder */ \"./lib/templates/uswds/builder/index.js\");\nconst builderComponent_1 = __webpack_require__(/*! ./builderComponent */ \"./lib/templates/uswds/builderComponent/index.js\");\nconst builderComponents_1 = __webpack_require__(/*! ./builderComponents */ \"./lib/templates/uswds/builderComponents/index.js\");\nconst builderEditForm_1 = __webpack_require__(/*! ./builderEditForm */ \"./lib/templates/uswds/builderEditForm/index.js\");\nconst builderPlaceholder_1 = __webpack_require__(/*! ./builderPlaceholder */ \"./lib/templates/uswds/builderPlaceholder/index.js\");\nconst builderSidebar_1 = __webpack_require__(/*! ./builderSidebar */ \"./lib/templates/uswds/builderSidebar/index.js\");\nconst builderSidebarGroup_1 = __webpack_require__(/*! ./builderSidebarGroup */ \"./lib/templates/uswds/builderSidebarGroup/index.js\");\nconst builderWizard_1 = __webpack_require__(/*! ./builderWizard */ \"./lib/templates/uswds/builderWizard/index.js\");\nconst button_1 = __webpack_require__(/*! ./button */ \"./lib/templates/uswds/button/index.js\");\nconst checkbox_1 = __webpack_require__(/*! ./checkbox */ \"./lib/templates/uswds/checkbox/index.js\");\nconst columns_1 = __webpack_require__(/*! ./columns */ \"./lib/templates/uswds/columns/index.js\");\nconst component_1 = __webpack_require__(/*! ./component */ \"./lib/templates/uswds/component/index.js\");\nconst componentModal_1 = __webpack_require__(/*! ./componentModal */ \"./lib/templates/uswds/componentModal/index.js\");\nconst container_1 = __webpack_require__(/*! ./container */ \"./lib/templates/uswds/container/index.js\");\nconst datagrid_1 = __webpack_require__(/*! ./datagrid */ \"./lib/templates/uswds/datagrid/index.js\");\nconst datatable_1 = __webpack_require__(/*! ./datatable */ \"./lib/templates/uswds/datatable/index.js\");\nconst day_1 = __webpack_require__(/*! ./day */ \"./lib/templates/uswds/day/index.js\");\nconst dialog_1 = __webpack_require__(/*! ./dialog */ \"./lib/templates/uswds/dialog/index.js\");\nconst editgrid_1 = __webpack_require__(/*! ./editgrid */ \"./lib/templates/uswds/editgrid/index.js\");\nconst errorsList_1 = __webpack_require__(/*! ./errorsList */ \"./lib/templates/uswds/errorsList/index.js\");\nconst field_1 = __webpack_require__(/*! ./field */ \"./lib/templates/uswds/field/index.js\");\nconst fieldset_1 = __webpack_require__(/*! ./fieldset */ \"./lib/templates/uswds/fieldset/index.js\");\nconst file_1 = __webpack_require__(/*! ./file */ \"./lib/templates/uswds/file/index.js\");\nconst html_1 = __webpack_require__(/*! ./html */ \"./lib/templates/uswds/html/index.js\");\nconst icon_1 = __webpack_require__(/*! ./icon */ \"./lib/templates/uswds/icon/index.js\");\nconst input_1 = __webpack_require__(/*! ./input */ \"./lib/templates/uswds/input/index.js\");\nconst label_1 = __webpack_require__(/*! ./label */ \"./lib/templates/uswds/label/index.js\");\nconst loader_1 = __webpack_require__(/*! ./loader */ \"./lib/templates/uswds/loader/index.js\");\nconst loading_1 = __webpack_require__(/*! ./loading */ \"./lib/templates/uswds/loading/index.js\");\nconst message_1 = __webpack_require__(/*! ./message */ \"./lib/templates/uswds/message/index.js\");\nconst modalPreview_1 = __webpack_require__(/*! ./modalPreview */ \"./lib/templates/uswds/modalPreview/index.js\");\nconst multiValueRow_1 = __webpack_require__(/*! ./multiValueRow */ \"./lib/templates/uswds/multiValueRow/index.js\");\nconst multiValueTable_1 = __webpack_require__(/*! ./multiValueTable */ \"./lib/templates/uswds/multiValueTable/index.js\");\nconst panel_1 = __webpack_require__(/*! ./panel */ \"./lib/templates/uswds/panel/index.js\");\nconst pdf_1 = __webpack_require__(/*! ./pdf */ \"./lib/templates/uswds/pdf/index.js\");\nconst pdfBuilder_1 = __webpack_require__(/*! ./pdfBuilder */ \"./lib/templates/uswds/pdfBuilder/index.js\");\nconst pdfBuilderUpload_1 = __webpack_require__(/*! ./pdfBuilderUpload */ \"./lib/templates/uswds/pdfBuilderUpload/index.js\");\nconst radio_1 = __webpack_require__(/*! ./radio */ \"./lib/templates/uswds/radio/index.js\");\nconst resourceAdd_1 = __webpack_require__(/*! ./resourceAdd */ \"./lib/templates/uswds/resourceAdd/index.js\");\nconst select_1 = __webpack_require__(/*! ./select */ \"./lib/templates/uswds/select/index.js\");\nconst selectOption_1 = __webpack_require__(/*! ./selectOption */ \"./lib/templates/uswds/selectOption/index.js\");\nconst survey_1 = __webpack_require__(/*! ./survey */ \"./lib/templates/uswds/survey/index.js\");\nconst tab_1 = __webpack_require__(/*! ./tab */ \"./lib/templates/uswds/tab/index.js\");\nconst table_1 = __webpack_require__(/*! ./table */ \"./lib/templates/uswds/table/index.js\");\nconst warning_1 = __webpack_require__(/*! ./warning */ \"./lib/templates/uswds/warning/index.js\");\nconst webform_1 = __webpack_require__(/*! ./webform */ \"./lib/templates/uswds/webform/index.js\");\nconst well_1 = __webpack_require__(/*! ./well */ \"./lib/templates/uswds/well/index.js\");\nconst wizard_1 = __webpack_require__(/*! ./wizard */ \"./lib/templates/uswds/wizard/index.js\");\nconst wizardHeader_1 = __webpack_require__(/*! ./wizardHeader */ \"./lib/templates/uswds/wizardHeader/index.js\");\nconst wizardNav_1 = __webpack_require__(/*! ./wizardNav */ \"./lib/templates/uswds/wizardNav/index.js\");\nconst size_1 = __webpack_require__(/*! ./size */ \"./lib/templates/uswds/size.js\");\nconst cssClasses_1 = __webpack_require__(/*! ./cssClasses */ \"./lib/templates/uswds/cssClasses.js\");\nconst iconClass_js_1 = __webpack_require__(/*! ./iconClass.js */ \"./lib/templates/uswds/iconClass.js\");\nexports.default = {\n transform(type, text) {\n if (!text) {\n return text;\n }\n switch (type) {\n case 'class':\n return this.cssClasses.hasOwnProperty(text.toString())
|
|
811
|
+
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst address_1 = __webpack_require__(/*! ./address */ \"./lib/templates/uswds/address/index.js\");\nconst alert_1 = __webpack_require__(/*! ./alert */ \"./lib/templates/uswds/alert/index.js\");\nconst builder_1 = __webpack_require__(/*! ./builder */ \"./lib/templates/uswds/builder/index.js\");\nconst builderComponent_1 = __webpack_require__(/*! ./builderComponent */ \"./lib/templates/uswds/builderComponent/index.js\");\nconst builderComponents_1 = __webpack_require__(/*! ./builderComponents */ \"./lib/templates/uswds/builderComponents/index.js\");\nconst builderEditForm_1 = __webpack_require__(/*! ./builderEditForm */ \"./lib/templates/uswds/builderEditForm/index.js\");\nconst builderPlaceholder_1 = __webpack_require__(/*! ./builderPlaceholder */ \"./lib/templates/uswds/builderPlaceholder/index.js\");\nconst builderSidebar_1 = __webpack_require__(/*! ./builderSidebar */ \"./lib/templates/uswds/builderSidebar/index.js\");\nconst builderSidebarGroup_1 = __webpack_require__(/*! ./builderSidebarGroup */ \"./lib/templates/uswds/builderSidebarGroup/index.js\");\nconst builderWizard_1 = __webpack_require__(/*! ./builderWizard */ \"./lib/templates/uswds/builderWizard/index.js\");\nconst button_1 = __webpack_require__(/*! ./button */ \"./lib/templates/uswds/button/index.js\");\nconst checkbox_1 = __webpack_require__(/*! ./checkbox */ \"./lib/templates/uswds/checkbox/index.js\");\nconst columns_1 = __webpack_require__(/*! ./columns */ \"./lib/templates/uswds/columns/index.js\");\nconst component_1 = __webpack_require__(/*! ./component */ \"./lib/templates/uswds/component/index.js\");\nconst componentModal_1 = __webpack_require__(/*! ./componentModal */ \"./lib/templates/uswds/componentModal/index.js\");\nconst container_1 = __webpack_require__(/*! ./container */ \"./lib/templates/uswds/container/index.js\");\nconst datagrid_1 = __webpack_require__(/*! ./datagrid */ \"./lib/templates/uswds/datagrid/index.js\");\nconst datatable_1 = __webpack_require__(/*! ./datatable */ \"./lib/templates/uswds/datatable/index.js\");\nconst day_1 = __webpack_require__(/*! ./day */ \"./lib/templates/uswds/day/index.js\");\nconst dialog_1 = __webpack_require__(/*! ./dialog */ \"./lib/templates/uswds/dialog/index.js\");\nconst editgrid_1 = __webpack_require__(/*! ./editgrid */ \"./lib/templates/uswds/editgrid/index.js\");\nconst errorsList_1 = __webpack_require__(/*! ./errorsList */ \"./lib/templates/uswds/errorsList/index.js\");\nconst field_1 = __webpack_require__(/*! ./field */ \"./lib/templates/uswds/field/index.js\");\nconst fieldset_1 = __webpack_require__(/*! ./fieldset */ \"./lib/templates/uswds/fieldset/index.js\");\nconst file_1 = __webpack_require__(/*! ./file */ \"./lib/templates/uswds/file/index.js\");\nconst html_1 = __webpack_require__(/*! ./html */ \"./lib/templates/uswds/html/index.js\");\nconst icon_1 = __webpack_require__(/*! ./icon */ \"./lib/templates/uswds/icon/index.js\");\nconst input_1 = __webpack_require__(/*! ./input */ \"./lib/templates/uswds/input/index.js\");\nconst label_1 = __webpack_require__(/*! ./label */ \"./lib/templates/uswds/label/index.js\");\nconst loader_1 = __webpack_require__(/*! ./loader */ \"./lib/templates/uswds/loader/index.js\");\nconst loading_1 = __webpack_require__(/*! ./loading */ \"./lib/templates/uswds/loading/index.js\");\nconst message_1 = __webpack_require__(/*! ./message */ \"./lib/templates/uswds/message/index.js\");\nconst modalPreview_1 = __webpack_require__(/*! ./modalPreview */ \"./lib/templates/uswds/modalPreview/index.js\");\nconst multiValueRow_1 = __webpack_require__(/*! ./multiValueRow */ \"./lib/templates/uswds/multiValueRow/index.js\");\nconst multiValueTable_1 = __webpack_require__(/*! ./multiValueTable */ \"./lib/templates/uswds/multiValueTable/index.js\");\nconst panel_1 = __webpack_require__(/*! ./panel */ \"./lib/templates/uswds/panel/index.js\");\nconst pdf_1 = __webpack_require__(/*! ./pdf */ \"./lib/templates/uswds/pdf/index.js\");\nconst pdfBuilder_1 = __webpack_require__(/*! ./pdfBuilder */ \"./lib/templates/uswds/pdfBuilder/index.js\");\nconst pdfBuilderUpload_1 = __webpack_require__(/*! ./pdfBuilderUpload */ \"./lib/templates/uswds/pdfBuilderUpload/index.js\");\nconst radio_1 = __webpack_require__(/*! ./radio */ \"./lib/templates/uswds/radio/index.js\");\nconst resourceAdd_1 = __webpack_require__(/*! ./resourceAdd */ \"./lib/templates/uswds/resourceAdd/index.js\");\nconst select_1 = __webpack_require__(/*! ./select */ \"./lib/templates/uswds/select/index.js\");\nconst selectOption_1 = __webpack_require__(/*! ./selectOption */ \"./lib/templates/uswds/selectOption/index.js\");\nconst survey_1 = __webpack_require__(/*! ./survey */ \"./lib/templates/uswds/survey/index.js\");\nconst tab_1 = __webpack_require__(/*! ./tab */ \"./lib/templates/uswds/tab/index.js\");\nconst table_1 = __webpack_require__(/*! ./table */ \"./lib/templates/uswds/table/index.js\");\nconst warning_1 = __webpack_require__(/*! ./warning */ \"./lib/templates/uswds/warning/index.js\");\nconst webform_1 = __webpack_require__(/*! ./webform */ \"./lib/templates/uswds/webform/index.js\");\nconst well_1 = __webpack_require__(/*! ./well */ \"./lib/templates/uswds/well/index.js\");\nconst wizard_1 = __webpack_require__(/*! ./wizard */ \"./lib/templates/uswds/wizard/index.js\");\nconst wizardHeader_1 = __webpack_require__(/*! ./wizardHeader */ \"./lib/templates/uswds/wizardHeader/index.js\");\nconst wizardNav_1 = __webpack_require__(/*! ./wizardNav */ \"./lib/templates/uswds/wizardNav/index.js\");\nconst size_1 = __webpack_require__(/*! ./size */ \"./lib/templates/uswds/size.js\");\nconst cssClasses_1 = __webpack_require__(/*! ./cssClasses */ \"./lib/templates/uswds/cssClasses.js\");\nconst iconClass_js_1 = __webpack_require__(/*! ./iconClass.js */ \"./lib/templates/uswds/iconClass.js\");\nexports.default = {\n transform(type, text) {\n if (!text) {\n return text;\n }\n switch (type) {\n case 'class':\n return this.cssClasses.hasOwnProperty(text.toString())\n ? this.cssClasses[text.toString()]\n : text;\n }\n return text;\n },\n address: address_1.default,\n alert: alert_1.default,\n builder: builder_1.default,\n builderComponent: builderComponent_1.default,\n builderComponents: builderComponents_1.default,\n builderEditForm: builderEditForm_1.default,\n builderPlaceholder: builderPlaceholder_1.default,\n builderSidebar: builderSidebar_1.default,\n builderSidebarGroup: builderSidebarGroup_1.default,\n builderWizard: builderWizard_1.default,\n button: button_1.default,\n checkbox: checkbox_1.default,\n columns: columns_1.default,\n component: component_1.default,\n componentModal: componentModal_1.default,\n container: container_1.default,\n datagrid: datagrid_1.default,\n datatable: datatable_1.default,\n day: day_1.default,\n dialog: dialog_1.default,\n editgrid: editgrid_1.default,\n errorsList: errorsList_1.default,\n field: field_1.default,\n fieldset: fieldset_1.default,\n file: file_1.default,\n html: html_1.default,\n icon: icon_1.default,\n input: input_1.default,\n label: label_1.default,\n loader: loader_1.default,\n loading: loading_1.default,\n message: message_1.default,\n modalPreview: modalPreview_1.default,\n multiValueRow: multiValueRow_1.default,\n multiValueTable: multiValueTable_1.default,\n panel: panel_1.default,\n pdf: pdf_1.default,\n pdfBuilder: pdfBuilder_1.default,\n pdfBuilderUpload: pdfBuilderUpload_1.default,\n radio: radio_1.default,\n resourceAdd: resourceAdd_1.default,\n select: select_1.default,\n selectOption: selectOption_1.default,\n survey: survey_1.default,\n tab: tab_1.default,\n table: table_1.default,\n warning: warning_1.default,\n webform: webform_1.default,\n well: well_1.default,\n wizard: wizard_1.default,\n wizardHeader: wizardHeader_1.default,\n wizardNav: wizardNav_1.default,\n size: size_1.default,\n cssClasses: cssClasses_1.default,\n // GOTCHA(G-US01)\n iconClass: iconClass_js_1.default,\n defaultIconset: 'fa',\n};\n\n\n//# sourceURL=webpack://uswds/./lib/templates/uswds/index.js?");
|
|
812
812
|
|
|
813
813
|
/***/ }),
|
|
814
814
|
|
|
@@ -1195,7 +1195,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\ncons
|
|
|
1195
1195
|
/***/ (function(__unused_webpack_module, exports) {
|
|
1196
1196
|
|
|
1197
1197
|
"use strict";
|
|
1198
|
-
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.default = (size) => {\n switch (size) {\n case 'xs'
|
|
1198
|
+
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.default = (size) => {\n switch (size) {\n case 'xs':\n return '';\n case 'sm':\n return 'mobile-lg';\n case 'md':\n return 'tablet';\n case 'lg':\n return 'desktop';\n default:\n return 'tablet';\n }\n};\n\n\n//# sourceURL=webpack://uswds/./lib/templates/uswds/size.js?");
|
|
1199
1199
|
|
|
1200
1200
|
/***/ }),
|
|
1201
1201
|
|