diff --git a/.eslintrc b/.eslintrc index a640dc1472..f9b4ac24dd 100644 --- a/.eslintrc +++ b/.eslintrc @@ -31,6 +31,12 @@ "jest/no-focused-tests": "error", "jest/no-identical-title": "error", "jest/valid-expect": "error", + "jsx-a11y/label-has-for": ["error", { + "required": { + "some": ["nesting", "id"] + }, + "allowChildren": true, + }], "no-unused-vars": ["error", {ignoreRestSiblings: true}], "sort-imports": "error", "react/forbid-prop-types": "error", diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000000..839db49576 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,22 @@ +.babelrc export-ignore +.eslintrc export-ignore +.github export-ignore +.gitattributes export-ignore +.gitignore export-ignore +browserslist export-ignore +CODE_OF_CONDUCT.md export-ignore +CONTRIBUTING.md export-ignore +docs export-ignore +GOVERNANCE.md export-ignore +Gulpfile.js export-ignore +Jenkinsfile export-ignore +lerna.json export-ignore +tools export-ignore +packages/docs export-ignore +packages/generator-cmsgov export-ignore +packages/*/.npmignore export-ignore +packages/*/yarn.lock export-ignore +packages/*/src/.eslintrc export-ignore +scripts export-ignore +stylelint.config.js export-ignore +yarn.lock export-ignore \ No newline at end of file diff --git a/.gitignore b/.gitignore index fcacac3f77..f27eecd985 100644 --- a/.gitignore +++ b/.gitignore @@ -46,3 +46,4 @@ jspm_packages .DS_Store **/package-lock.json +/examples/*/yarn.lock diff --git a/README.md b/README.md index 77762018e8..a2a43d8e19 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# CMS.GOV Design System +# CMS Design System -> A shared set of design and development resources for creating accessible and consistent websites. The design system includes things like principles, high-level guidelines (UX conventions, UI code conventions, etc), UI components, documentation, tools, resources, and more. +> The design system is a set of open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites. It builds on the U.S. Web Design Standards and extends it to support additional CSS and React components, utility classes, and a grid framework to allow teams to quickly prototype and build accessible, responsive, production-ready websites. ## Packages diff --git a/docs/404/index.html b/docs/404/index.html new file mode 100644 index 0000000000..a43a0e5c62 --- /dev/null +++ b/docs/404/index.html @@ -0,0 +1,27 @@ + + + + + Page not found - CMSGov Design System + + + + + + + + + + +
+
Skip to main content

Design System

Page not found

Sorry, the page you're looking for couldn't be found. It's possible that this page has moved, or the address may have been typed incorrectly.

+
+ + + + \ No newline at end of file diff --git a/docs/components/alert/index.html b/docs/components/alert/index.html index efe993f6e6..b298056ec6 100644 --- a/docs/components/alert/index.html +++ b/docs/components/alert/index.html @@ -2,64 +2,64 @@ - Alert - CMS.gov Design System + Alert - CMSGov Design System + - + + + + +
-

CMS.gov Design System

recommended

Alert

@cmsgov/design-system-core/src/components/Alert/Alert.scss

US Web Design Standard

Alerts keep users informed of important and sometimes time-sensitive changes.

Code snippet
<div class="ds-c-alert">
+    
Skip to main content

Design System

Alert

Alerts keep users informed of important and sometimes time-sensitive changes.

Code snippet
<div class="ds-c-alert">
   <div class="ds-c-alert__body">
     <h3 class="ds-c-alert__heading">Status heading</h3>
-    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="http://example.com">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
+    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="javascript:void(0);">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
   </div>
-</div>

Modifier: ds-c-alert--error

Error message

Code snippet
<div class="ds-c-alert ds-c-alert--error">
+</div>

Modifier: ds-c-alert--error

Error message

Code snippet
<div class="ds-c-alert ds-c-alert--error">
   <div class="ds-c-alert__body">
     <h3 class="ds-c-alert__heading">Status heading</h3>
-    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="http://example.com">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
+    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="javascript:void(0);">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
   </div>
-</div>

Modifier: ds-c-alert--warn

Warning message

Code snippet
<div class="ds-c-alert ds-c-alert--warn">
+</div>

Modifier: ds-c-alert--warn

Warning message

Code snippet
<div class="ds-c-alert ds-c-alert--warn">
   <div class="ds-c-alert__body">
     <h3 class="ds-c-alert__heading">Status heading</h3>
-    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="http://example.com">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
+    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="javascript:void(0);">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
   </div>
-</div>

Modifier: ds-c-alert--success

Success message

Code snippet
<div class="ds-c-alert ds-c-alert--success">
+</div>

Modifier: ds-c-alert--success

Success message

Code snippet
<div class="ds-c-alert ds-c-alert--success">
   <div class="ds-c-alert__body">
     <h3 class="ds-c-alert__heading">Status heading</h3>
-    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="http://example.com">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
+    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="javascript:void(0);">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
   </div>
-</div>

Other patterns

Code snippet
<div class="ds-c-alert">
-  <div class="ds-c-alert__body">
-    <p class="ds-c-alert__text">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</p>
+</div>

Additional examples

Alerts support various types and lengths of content, including lists and links. You can use the measure utility to maintain a legible line length.

Code snippet
<div class="ds-c-alert">
+  <div class="ds-c-alert__body ds-u-measure--wide">
+    <p class="ds-c-alert__text">We the People of the United States</p>
   </div>
 </div>
 <div class="ds-c-alert ds-u-margin-top--2">
-  <div class="ds-c-alert__body">
-    <p class="ds-c-alert__text">We the People of the United States</p>
+  <div class="ds-c-alert__body ds-u-measure--wide">
+    <p class="ds-c-alert__text">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</p>
   </div>
 </div>
 <div class="ds-c-alert ds-u-margin-top--2">
-  <div class="ds-c-alert__body">
+  <div class="ds-c-alert__body ds-u-measure--wide">
     <h3 class="ds-c-alert__heading">Status heading</h3>
     <p class="ds-c-alert__text">We the People of the United States, in Order to form a more perfect Union</p>
     <ul class="ds-c-list">
       <li>Alert list item</li>
       <li>Alert list item</li>
     </ul>
-    <a href="http://example.com">Link text</a>
-  </div>
-</div>
Code snippet
<div class="ds-base--inverse ds-u-padding--2">
-  <div class="ds-c-alert">
-    <div class="ds-c-alert__body">
-      <h3 class="ds-c-alert__heading">Status heading</h3>
-      <p class="ds-c-alert__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
-    </div>
+    <a href="javascript:void(0);">Link text</a>
   </div>
-</div>

React

@cmsgov/design-system-core/src/components/Alert/Alert.jsx

A react component

This is an example of a React Alert component.
Code snippet
<Alert heading="A react component">
+</div>
React

<Alert>

View source file

A react component

This is an example of a React Alert component.
Code snippet
<Alert heading="A react component">
   This is an example of a React Alert component.
-</Alert>

Props

NameTypeDefaultDescription
headingstring
role'alert', 'alertdialog'

ARIA role

-
variation'error', 'warn', 'success'

Props

NameTypeDefaultDescription
headingstring
role'alert', 'alertdialog'

ARIA role

+
variation'error', 'warn', 'success'
+
diff --git a/docs/components/badge/index.html b/docs/components/badge/index.html index dc2da4a4ef..a59d651290 100644 --- a/docs/components/badge/index.html +++ b/docs/components/badge/index.html @@ -2,24 +2,31 @@ - Badge - CMS.gov Design System + Badge - CMSGov Design System + - + + + + +
-

CMS.gov Design System

beta

Badge

@cmsgov/design-system-core/src/components/Badge/Badge.scss

US Web Design Standard

Badges hold small amounts of information and draw attention to new or important content.

Code snippet
<span class="ds-c-badge">5</span>
+    
Skip to main content

Design System

Badge

Badges hold small amounts of information and draw attention to new or important content.

Code snippet
<span class="ds-c-badge">5</span>
 <span class="ds-c-badge">Badge label</span>
-<span class="ds-c-badge ds-u-font-size--base">Badge label</span>

Modifier: ds-c-badge--info

Info badge

Code snippet
<span class="ds-c-badge ds-c-badge--info">5</span>
+<span class="ds-c-badge ds-u-font-size--base">Badge label</span>

Modifier: ds-c-badge--info

Info badge

Code snippet
<span class="ds-c-badge ds-c-badge--info">5</span>
 <span class="ds-c-badge ds-c-badge--info">Badge label</span>
-<span class="ds-c-badge ds-c-badge--info ds-u-font-size--base">Badge label</span>

Modifier: ds-c-badge--success

Success badge

Code snippet
<span class="ds-c-badge ds-c-badge--success">5</span>
+<span class="ds-c-badge ds-c-badge--info ds-u-font-size--base">Badge label</span>

Modifier: ds-c-badge--success

Success badge

Code snippet
<span class="ds-c-badge ds-c-badge--success">5</span>
 <span class="ds-c-badge ds-c-badge--success">Badge label</span>
-<span class="ds-c-badge ds-c-badge--success ds-u-font-size--base">Badge label</span>

Modifier: ds-c-badge--warn

Warning badge

Code snippet
<span class="ds-c-badge ds-c-badge--warn">5</span>
+<span class="ds-c-badge ds-c-badge--success ds-u-font-size--base">Badge label</span>

Modifier: ds-c-badge--warn

Warning badge

Code snippet
<span class="ds-c-badge ds-c-badge--warn">5</span>
 <span class="ds-c-badge ds-c-badge--warn">Badge label</span>
-<span class="ds-c-badge ds-c-badge--warn ds-u-font-size--base">Badge label</span>

Modifier: ds-c-badge--alert

Alert or error badge

Code snippet
<span class="ds-c-badge ds-c-badge--alert">5</span>
+<span class="ds-c-badge ds-c-badge--warn ds-u-font-size--base">Badge label</span>

Modifier: ds-c-badge--alert

Alert or error badge

Code snippet
<span class="ds-c-badge ds-c-badge--alert">5</span>
 <span class="ds-c-badge ds-c-badge--alert">Badge label</span>
-<span class="ds-c-badge ds-c-badge--alert ds-u-font-size--base">Badge label</span>
+
diff --git a/docs/components/button/index.html b/docs/components/button/index.html index fd9dbdd61f..7fe505a734 100644 --- a/docs/components/button/index.html +++ b/docs/components/button/index.html @@ -2,40 +2,48 @@ - Button - CMS.gov Design System + Button - CMSGov Design System + - + + + + +
-

CMS.gov Design System

recommended

Button

@cmsgov/design-system-core/src/components/Button/Button.scss

US Web Design Standard

Use buttons to signal actions.

Code snippet
<a href="http://example.com" class="ds-c-button">Link</a>
+    
Skip to main content

Design System

Button

Use buttons to signal actions.

Code snippet
<a href="javascript:void(0);" class="ds-c-button">Link</a>
 <button type="button" class="ds-c-button ds-c-button--small">Button</button>
 <button type="button" class="ds-c-button">Button</button>
-<button type="button" class="ds-c-button ds-c-button--big">Button</button>

Modifier: ds-c-button--primary

The primary call-to-action

Code snippet
<a href="http://example.com" class="ds-c-button ds-c-button--primary">Link</a>
+<button type="button" class="ds-c-button ds-c-button--big">Button</button>

Modifier: ds-c-button--primary

The primary call-to-action

Code snippet
<a href="javascript:void(0);" class="ds-c-button ds-c-button--primary">Link</a>
 <button type="button" class="ds-c-button ds-c-button--primary ds-c-button--small">Button</button>
 <button type="button" class="ds-c-button ds-c-button--primary">Button</button>
-<button type="button" class="ds-c-button ds-c-button--primary ds-c-button--big">Button</button>

Modifier: ds-c-button--transparent

A button closer to resembling an anchor element

Code snippet
<a href="http://example.com" class="ds-c-button ds-c-button--transparent">Link</a>
+<button type="button" class="ds-c-button ds-c-button--primary ds-c-button--big">Button</button>

Modifier: ds-c-button--transparent

A button closer to resembling an anchor element

Code snippet
<a href="javascript:void(0);" class="ds-c-button ds-c-button--transparent">Link</a>
 <button type="button" class="ds-c-button ds-c-button--transparent ds-c-button--small">Button</button>
 <button type="button" class="ds-c-button ds-c-button--transparent">Button</button>
-<button type="button" class="ds-c-button ds-c-button--transparent ds-c-button--big">Button</button>

Modifier: ds-c-button--danger

Indicates an action is destructive or dangerous

Code snippet
<a href="http://example.com" class="ds-c-button ds-c-button--danger">Link</a>
+<button type="button" class="ds-c-button ds-c-button--transparent ds-c-button--big">Button</button>

Modifier: ds-c-button--danger

Indicates an action is destructive or dangerous

Code snippet
<a href="javascript:void(0);" class="ds-c-button ds-c-button--danger">Link</a>
 <button type="button" class="ds-c-button ds-c-button--danger ds-c-button--small">Button</button>
 <button type="button" class="ds-c-button ds-c-button--danger">Button</button>
-<button type="button" class="ds-c-button ds-c-button--danger ds-c-button--big">Button</button>

Modifier: ds-c-button--success

Indicates a positive or successful action

Code snippet
<a href="http://example.com" class="ds-c-button ds-c-button--success">Link</a>
+<button type="button" class="ds-c-button ds-c-button--danger ds-c-button--big">Button</button>

Modifier: ds-c-button--success

Indicates a positive or successful action

Code snippet
<a href="javascript:void(0);" class="ds-c-button ds-c-button--success">Link</a>
 <button type="button" class="ds-c-button ds-c-button--success ds-c-button--small">Button</button>
 <button type="button" class="ds-c-button ds-c-button--success">Button</button>
-<button type="button" class="ds-c-button ds-c-button--success ds-c-button--big">Button</button>

Disabled button

Code snippet
<button class="ds-c-button ds-c-button--disabled">Button</button>
-<input disabled type="submit" class="ds-c-button" />

Inverse theme

Code snippet
<div class="ds-base--inverse ds-u-padding--2">
+<button type="button" class="ds-c-button ds-c-button--success ds-c-button--big">Button</button>

Disabled button

Code snippet
<a href="javascript:void(0);" class="ds-c-button ds-c-button--disabled">Link</a>
+<button disabled class="ds-c-button">Button</button>
+<input disabled type="submit" class="ds-c-button" />

Inverse theme

Code snippet
<div class="ds-base--inverse ds-u-padding--2">
   <button class="ds-c-button ds-c-button--inverse">Button</button>
   <button class="ds-c-button ds-c-button--transparent-inverse">Button</button>
   <button class="ds-c-button ds-c-button--primary">Button</button>
   <button class="ds-c-button ds-c-button--danger">Button</button>
   <button class="ds-c-button ds-c-button--success">Button</button>
-  <button class="ds-c-button ds-c-button--disabled-inverse">Button</button>
-</div>

Button icons

    + <button disabled class="ds-c-button ds-c-button--disabled-inverse">Button</button> +</div>

Button icons

  • Add an inline SVG icon and it will become the same color as the button text. For the crispest icon rendering, ensure the icon has a square viewBox with values that are multiples of 8 (ie. 24x24).
  • Use the margin utility class to add spacing between the icon and button text.
  • -
Code snippet
<button class="ds-c-button">
+
Code snippet
<button class="ds-c-button">
   <svg class="ds-u-margin-right--1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24">
     <use xlink:href="/design-system/public/images/symbols.svg#download"></use>
   </svg>Left icon
@@ -47,37 +55,36 @@
 </button>
 <button class="ds-c-button ds-c-button--outline">
   No icon
-</button>

Button inline with field

The button is the same height as a single-line text field.

Code snippet
<input type="text" class="ds-c-field ds-u-display--inline-block" />
-<button class="ds-c-button">Submit</button>

React

@cmsgov/design-system-core/src/components/Button/Button.jsx

The Button component accepts its text as children (AKA inner HTML), which +</button>

Button inline with field

The button is the same height as a single-line text field.

Code snippet
<input type="text" class="ds-c-field ds-u-display--inline-block" />
+<button class="ds-c-button">Submit</button>
React

<Button>

View source file

The Button component accepts its text as children (AKA inner HTML), which means you can also pass in HTML or custom components. This gives you a lot of flexibility and supports a variety of advanced use cases. The most common use case would be passing in an SVG icon along with the text.

In addition to the supported props listed, you can also pass in additional props, which will be passed to the rendered root component. For example, you could pass in a target prop to pass to the rendered anchor element.

-
Code snippet
<div>
+
Code snippet
<div>
   <Button>
-    React button
+    Button
   </Button>
   <Button
     className="ds-u-margin-left--1"
-    href="http://example.com"
-    target="_blank"
+    href="javascript:void(0);"
     variation="primary"
   >
-    React anchor button
+    Anchor button
   </Button>
-</div>

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root button element. +</div>

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root button element. Useful for adding utility classes.

-
componentelement, func

When provided, this will render the passed in component. This is useful when +

componentelement, func

When provided, this will render the passed in component. This is useful when integrating with React Router's <Link> or using your own custom component.

-
disabledbool
hrefstring

When provided the root component will render as an <a> element +

disabledbool
hrefstring

When provided the root component will render as an <a> element rather than button.

-
inversebool

Applies the inverse theme styling

-
onClickfunc

Returns the SyntheticEvent. +

inversebool

Applies the inverse theme styling

+
onClickfunc

Returns the SyntheticEvent. Not called when the button is disabled.

-
size'small', 'big'
type'button', 'submit''button'

Button type attribute

-
variation'primary', 'danger', 'success', 'transparent'
size'small', 'big'
type'button', 'submit''button'

Button type attribute

+
variation'primary', 'danger', 'success', 'transparent'
+
diff --git a/docs/components/choice/index.html b/docs/components/choice/index.html index 7b8ec1ff3e..e2792ca59e 100644 --- a/docs/components/choice/index.html +++ b/docs/components/choice/index.html @@ -2,14 +2,21 @@ - Checkbox & Radio - CMS.gov Design System + Checkbox & Radio - CMSGov Design System + - + + + + +
-

CMS.gov Design System

recommended

Checkbox & Radio

@cmsgov/design-system-core/src/components/ChoiceList/Choice.scss

US Web Design Standard

Checkboxes allow users to select one or more options from a visible list, whereas radio buttons allow a user to select only one option.

Code snippet
<fieldset class="ds-c-fieldset ds-u-margin-top--0">
+    
Skip to main content

Design System

Checkbox & Radio

Checkboxes allow users to select one or more options from a visible list, whereas radio buttons allow a user to select only one option.

Code snippet
<fieldset class="ds-c-fieldset ds-u-margin-top--0">
   <legend class="ds-c-label">Historical figures</legend>
   <span class="ds-c-field__hint">Select all that apply</span>
   <input class="ds-c-choice" id="truth-1" type="checkbox" name="historical-figures-1" value="truth" checked>
@@ -52,65 +59,13 @@
     <input class="ds-c-choice ds-c-choice--inverse" id="washington-4" type="radio" name="historical-figures-4" value="washington">
     <label for="washington-4">Booker T. Washington</label>
   </fieldset>
-</div>

<Choice>

@cmsgov/design-system-core/src/components/ChoiceList/Choice.jsx

A Choice component can be used to render a checkbox or radio button.

-

Any undocumented props that you pass to this component will be passed -to the input element, so you can use this to set additional attributes if -necessary.

-
Code snippet
<div>
-  <Choice
-    defaultChecked
-    name="checkbox_choice"
-    value="a"
-  >
-    Checkbox A
-  </Choice>
-  <Choice
-    name="checkbox_choice"
-    value="b"
-  >
-    Checkbox B
-  </Choice>
-  <Choice
-    disabled
-    name="checkbox_choice"
-    value="c"
-  >
-    Checkbox B
-  </Choice>
-  <Choice
-    defaultChecked
-    name="radio_choice"
-    type="radio"
-    value="a"
-  >
-    Radio A
-  </Choice>
-  <Choice
-    name="radio_choice"
-    type="radio"
-    value="b"
-  >
-    Radio B
-  </Choice>
-</div>

Props

NameTypeDefaultDescription
checkedbool

Setting this prop will render a read-only field and require an onChange -event handler if you'd want to check its checked stated. Use defaultChecked -if you want the field to be mutable.

-
classNamestring

Additional classes to be added to the root div element.

-
defaultCheckedbool

Sets the initial checked state and allows the user to check/uncheck the -field without also requiring an onChange event handler.

-
idstring

A unique ID to be used for the input field, as well as the label's -for attribute. A unique ID will be generated if one isn't provided.

-
inversedbool

Applies the "inverse" UI theme

-
name

Required

string

The input name attribute

-
onBlurfunc
onChangefunc
type'checkbox', 'radio''checkbox'
value

Required

number, string

The input value attribute

-

<ChoiceList>

@cmsgov/design-system-core/src/components/ChoiceList/ChoiceList.jsx

A ChoiceList component can be used to render a select menu, radio +</div>

React

<ChoiceList>

View source file

A ChoiceList component can be used to render a select menu, radio button group, or checkbox group.

-

You can manually pass in the type prop, but the real power of this component -is unleashed when you let it determine the type of fields for you. It takes -into account accessibility and usability best practices, so you can pass in -an array of choices and let it determine what type of field would be best for -the user.

-
Radio example
Checkbox exampleExample error message
Code snippet
<div>
+

By default the component determines the type of field for you, taking +into account accessibility and usability best practices. So, you can pass in +an array of choices and let it determine what type of field would be best for +the user, or alternatively you can manually pass in the type prop.

+
Radio example
Checkbox exampleExample error message
Code snippet
<div>
   <ChoiceList
     choices={[
       {
@@ -202,66 +157,73 @@
     label="Select example"
     name="select_choices_field"
   />
-  <div className="ds-base--inverse ds-u-margin-top--4 ds-u-padding--1">
-    <ChoiceList
-      choices={[
-        {
-          label: 'Choice 1',
-          value: '1'
-        },
-        {
-          defaultChecked: true,
-          label: 'Choice 2',
-          value: '2'
-        },
-        {
-          label: 'Choice 3',
-          value: '3'
-        },
-        {
-          label: 'Choice 4',
-          value: '4'
-        },
-        {
-          label: 'Choice 5',
-          value: '5'
-        },
-        {
-          label: 'Choice 6',
-          value: '6'
-        },
-        {
-          label: 'Choice 7',
-          value: '7'
-        },
-        {
-          label: 'Choice 8',
-          value: '8'
-        }
-      ]}
-      hint="Example hint text"
-      inversed
-      label="Select example"
-      labelClassName="ds-u-margin-top--0"
-      name="select_choices_field_inverse"
-    />
-  </div>
-</div>

Props

NameTypeDefaultDescription
choices

Required

arrayOf[{checked, defaultChecked, disabled, label, value}]

The list of choices to be rendered. The number of choices you pass in may +</div>

Props

NameTypeDefaultDescription
choices

Required

arrayOf[{checked, defaultChecked, disabled, label, value}]

The list of choices to be rendered. The number of choices you pass in may affect the type of field(s) rendered. See type for more info.

-
classNamestring

Additional classes to be added to the root element.

-
disabledbool

Disables the entire field.

-
errorMessagestring
hintnode

Hint text

-
inversedbool

Applies the "inverse" UI theme

-
label

Required

node

The label for the entire list of choices

-
labelClassNamestring

Additional classes to be added to the FormLabel.

-
multiplebool

Allows the user to select multiple choices. Setting this to true results +

classNamestring

Additional classes to be added to the root element.

+
disabledbool

Disables the entire field.

+
errorMessagestring
hintnode

Additional hint text to display

+
inversedbool

Applies the "inverse" UI theme

+
label

Required

node

Label for the field

+
labelClassNamestring

Additional classes to be added to the FormLabel.

+
multiplebool

Allows the user to select multiple choices. Setting this to true results in a list of checkbox fields to be rendered.

-
name

Required

string
onBlurfunc
onChangefunc
type'checkbox', 'radio', 'select'

You can manually set the type if you prefer things to be less magical. +

name

Required

string

The field's name attribute

+
onBlurfunc
onChangefunc
type'checkbox', 'radio', 'select'

You can manually set the type if you prefer things to be less magical. Otherwise, the type will be inferred by the other props, based on what's best for accessibility and usability. If multiple is true, then checkbox fields will be rendered. If less than 10 choices are passed in, then radio buttons will be rendered.

-
React

<Choice>

View source file

A Choice component can be used to render a checkbox or radio button.

+

Any undocumented props that you pass to this component will be passed +to the input element, so you can use this to set additional attributes if +necessary.

+
Code snippet
<div>
+  <Choice
+    defaultChecked
+    name="checkbox_choice"
+    value="a"
+  >
+    Checkbox A
+  </Choice>
+  <Choice
+    name="checkbox_choice"
+    value="b"
+  >
+    Checkbox B
+  </Choice>
+  <Choice
+    disabled
+    name="checkbox_choice"
+    value="c"
+  >
+    Checkbox B
+  </Choice>
+  <Choice
+    defaultChecked
+    name="radio_choice"
+    type="radio"
+    value="a"
+  >
+    Radio A
+  </Choice>
+  <Choice
+    name="radio_choice"
+    type="radio"
+    value="b"
+  >
+    Radio B
+  </Choice>
+</div>

Props

NameTypeDefaultDescription
checkedbool

Note: Setting this prop will render a read-only field. If the field should be +mutable, use defaultChecked. Otherwise, set either onChange or readOnly

+
classNamestring

Additional classes to be added to the root div element.

+
defaultCheckedbool

Sets the initial checked state. Use this for an uncontrolled component; +otherwise, use the checked property.

+
idstring

A unique ID to be used for the input field, as well as the label's +for attribute. A unique ID will be generated if one isn't provided.

+
inversedbool

Applies the "inverse" UI theme

+
name

Required

string

The input field's name attribute

+
onBlurfunc
onChangefunc
type'checkbox', 'radio''checkbox'
value

Required

number, string

The input value attribute

+
+
diff --git a/docs/components/index.html b/docs/components/index.html deleted file mode 100644 index 8cc568b899..0000000000 --- a/docs/components/index.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - Components - CMS.gov Design System - - - - - -
-

CMS.gov Design System

Components

@cmsgov/design-system-core/src/components/_index.scss

Component class names follow the format: ds-c-[BLOCK]__[ELEMENT]--[MODIFIER]

-

Components are designed, self-contained UI elements. In most cases a component will also have a corresponding React component.

-
- - - - \ No newline at end of file diff --git a/docs/components/list/index.html b/docs/components/list/index.html index 6eb36529fc..4bdecaadd3 100644 --- a/docs/components/list/index.html +++ b/docs/components/list/index.html @@ -2,32 +2,39 @@ - List - CMS.gov Design System + List - CMSGov Design System + - + + + + +
-

CMS.gov Design System

recommended

List

@cmsgov/design-system-core/src/components/List/List.scss

US Web Design Standard

Lists organize written information for users.

Code snippet
<h6 class="ds-h6">Unordered list</h6>
-<ul class="ds-c-list">
+    
Skip to main content

Design System

List

Lists organize written information for users.

Code snippet
<h2 class="ds-h6" id="unordered-list-id">Unordered list title</h2>
+<ul class="ds-c-list" aria-labelledby="unordered-list-id">
   <li>List item 1</li>
   <li>List item 2</li>
 </ul>
-<h6 class="ds-h6">Ordered list</h6>
-<ol class="ds-c-list">
+<h2 class="ds-h6" id="ordered-list-id">Ordered list title</h2>
+<ol class="ds-c-list" aria-labelledby="ordered-list-id">
   <li>List item 1</li>
   <li>List item 2</li>
-</ol>

Modifier: ds-c-list--bare

Unstyled list (no margin, padding or list-style)

Code snippet
<h6 class="ds-h6">Unordered list</h6>
-<ul class="ds-c-list ds-c-list--bare">
+</ol>

Modifier: ds-c-list--bare

Unstyled list (no margin, padding or list-style)

Code snippet
<h2 class="ds-h6" id="unordered-list-id">Unordered list title</h2>
+<ul class="ds-c-list ds-c-list--bare" aria-labelledby="unordered-list-id">
   <li>List item 1</li>
   <li>List item 2</li>
 </ul>
-<h6 class="ds-h6">Ordered list</h6>
-<ol class="ds-c-list ds-c-list--bare">
+<h2 class="ds-h6" id="ordered-list-id">Ordered list title</h2>
+<ol class="ds-c-list ds-c-list--bare" aria-labelledby="ordered-list-id">
   <li>List item 1</li>
   <li>List item 2</li>
-</ol>
+
diff --git a/docs/components/select/index.html b/docs/components/select/index.html index 0bdd44053b..5480b66be5 100644 --- a/docs/components/select/index.html +++ b/docs/components/select/index.html @@ -2,14 +2,21 @@ - Select - CMS.gov Design System + Select - CMSGov Design System + - + + + + +
-

CMS.gov Design System

recommended

Select

@cmsgov/design-system-core/src/components/ChoiceList/Select.scss

US Web Design Standard

A select field allows users to select one option from a list.

Code snippet
<label class="ds-c-label ds-u-margin-top--0" for="options">Field label</label>
+    
Skip to main content

Design System

Select

A select field allows users to select one option from a list.

Code snippet
<label class="ds-c-label ds-u-margin-top--0" for="options">Field label</label>
 <select class="ds-c-field ds-c-field--select" name="options" id="options">
   <option value="1">Option 1</option>
   <option value="2">Option 2</option>
@@ -20,7 +27,10 @@
   <option value="7">Option 7</option>
 </select>
 <div class="ds-base ds-base--inverse ds-u-padding--2 ds-u-margin-top--2">
-  <label class="ds-c-label ds-u-margin-top--0" for="options-inverse">Field label</label>
+  <label class="ds-c-label ds-u-margin-top--0" for="options-inverse">
+    Field label
+    <span class="ds-c-field__hint ds-c-field__hint--inverse">Helpful hint text</span>
+  </label>
   <select class="ds-c-field ds-c-field--select ds-c-field--inverse" name="options-inverse" id="options-inverse">
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
@@ -30,54 +40,13 @@
     <option value="6">Option 6</option>
     <option value="7">Option 7</option>
   </select>
-</div>

<Select>

@cmsgov/design-system-core/src/components/ChoiceList/Select.jsx

A Select component can be used to render an HTML select menu. -Any undocumented props that you pass to this component will be passed -to the select element, so you can use this to set additional attributes if -necessary.

-
Code snippet
<Select
-  defaultValue="2"
-  name="select-demo"
->
-  <option value="1">
-    Option 1
-  </option>
-  <option value="2">
-    Option 2
-  </option>
-  <option value="3">
-    Option 3
-  </option>
-  <option value="4">
-    Option 4
-  </option>
-  <option value="5">
-    Option 5
-  </option>
-  <option value="6">
-    Option 6
-  </option>
-  <option value="7">
-    Option 7
-  </option>
-</Select>

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root select element.

-
defaultValuestring

Sets the initial selected state and allows the user to select a different -option without also requiring an onChange event handler.

-
disabledbool
idstring

A unique ID to be used for the select field. A unique ID will be generated -if one isn't provided.

-
inversedbool

Applies the "inverse" UI theme

-
multiplecustom

Setting this prop to true will result in an error message due to -accessibility concerns. See the usability guidelines for more info.

-
name

Required

string
onBlurfunc
onChangefunc
valuestring

Setting this prop will render a read-only field and require an onChange -event handler if you'd want to change its selected stated. Use -defaultValue if you want the field to be mutable.

-

<ChoiceList>

@cmsgov/design-system-core/src/components/ChoiceList/ChoiceList.jsx

A ChoiceList component can be used to render a select menu, radio +</div>

React

<ChoiceList>

View source file

A ChoiceList component can be used to render a select menu, radio button group, or checkbox group.

-

You can manually pass in the type prop, but the real power of this component -is unleashed when you let it determine the type of fields for you. It takes -into account accessibility and usability best practices, so you can pass in -an array of choices and let it determine what type of field would be best for -the user.

-
Radio example
Checkbox exampleExample error message
Code snippet
<div>
+

By default the component determines the type of field for you, taking +into account accessibility and usability best practices. So, you can pass in +an array of choices and let it determine what type of field would be best for +the user, or alternatively you can manually pass in the type prop.

+
Radio example
Checkbox exampleExample error message
Code snippet
<div>
   <ChoiceList
     choices={[
       {
@@ -169,73 +138,71 @@
     label="Select example"
     name="select_choices_field"
   />
-  <div className="ds-base--inverse ds-u-margin-top--4 ds-u-padding--1">
-    <ChoiceList
-      choices={[
-        {
-          label: 'Choice 1',
-          value: '1'
-        },
-        {
-          defaultChecked: true,
-          label: 'Choice 2',
-          value: '2'
-        },
-        {
-          label: 'Choice 3',
-          value: '3'
-        },
-        {
-          label: 'Choice 4',
-          value: '4'
-        },
-        {
-          label: 'Choice 5',
-          value: '5'
-        },
-        {
-          label: 'Choice 6',
-          value: '6'
-        },
-        {
-          label: 'Choice 7',
-          value: '7'
-        },
-        {
-          label: 'Choice 8',
-          value: '8'
-        }
-      ]}
-      hint="Example hint text"
-      inversed
-      label="Select example"
-      labelClassName="ds-u-margin-top--0"
-      name="select_choices_field_inverse"
-    />
-  </div>
-</div>

Props

NameTypeDefaultDescription
choices

Required

arrayOf[{checked, defaultChecked, disabled, label, value}]

The list of choices to be rendered. The number of choices you pass in may +</div>

Props

NameTypeDefaultDescription
choices

Required

arrayOf[{checked, defaultChecked, disabled, label, value}]

The list of choices to be rendered. The number of choices you pass in may affect the type of field(s) rendered. See type for more info.

-
classNamestring

Additional classes to be added to the root element.

-
disabledbool

Disables the entire field.

-
errorMessagestring
hintnode

Hint text

-
inversedbool

Applies the "inverse" UI theme

-
label

Required

node

The label for the entire list of choices

-
labelClassNamestring

Additional classes to be added to the FormLabel.

-
multiplebool

Allows the user to select multiple choices. Setting this to true results +

classNamestring

Additional classes to be added to the root element.

+
disabledbool

Disables the entire field.

+
errorMessagestring
hintnode

Additional hint text to display

+
inversedbool

Applies the "inverse" UI theme

+
label

Required

node

Label for the field

+
labelClassNamestring

Additional classes to be added to the FormLabel.

+
multiplebool

Allows the user to select multiple choices. Setting this to true results in a list of checkbox fields to be rendered.

-
name

Required

string
onBlurfunc
onChangefunc
type'checkbox', 'radio', 'select'

You can manually set the type if you prefer things to be less magical. +

name

Required

string

The field's name attribute

+
onBlurfunc
onChangefunc
type'checkbox', 'radio', 'select'

You can manually set the type if you prefer things to be less magical. Otherwise, the type will be inferred by the other props, based on what's best for accessibility and usability. If multiple is true, then checkbox fields will be rendered. If less than 10 choices are passed in, then radio buttons will be rendered.

-
React

<Select>

View source file

A Select component can be used to render an HTML select menu. +Any undocumented props that you pass to this component will be passed +to the select element, so you can use this to set additional attributes if +necessary.

+
Code snippet
<Select
+  defaultValue="2"
+  name="select-demo"
+>
+  <option value="1">
+    Option 1
+  </option>
+  <option value="2">
+    Option 2
+  </option>
+  <option value="3">
+    Option 3
+  </option>
+  <option value="4">
+    Option 4
+  </option>
+  <option value="5">
+    Option 5
+  </option>
+  <option value="6">
+    Option 6
+  </option>
+  <option value="7">
+    Option 7
+  </option>
+</Select>

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root select element.

+
defaultValuestring

Sets the initial selected state. Use this for an uncontrolled component; +otherwise, use the selected property.

+
disabledbool
idstring

A unique ID to be used for the select field. A unique ID will be generated +if one isn't provided.

+
inversedbool

Applies the "inverse" UI theme

+
multiplecustom

Setting this prop will result in a PropTypes error message due to +accessibility concerns. Use checkboxes instead if you need to support multiple +selections. See the Guidance tab for more info.

+
name

Required

string

The select field's name attribute

+
onBlurfunc
onChangefunc
valuestring

Note: Setting this prop will render a read-only field. If the field should be +mutable, use defaultValue. Otherwise, set either onChange or readOnly

+
+
diff --git a/docs/components/skip-nav/index.html b/docs/components/skip-nav/index.html new file mode 100644 index 0000000000..568fdd5fcd --- /dev/null +++ b/docs/components/skip-nav/index.html @@ -0,0 +1,32 @@ + + + + + Skip Nav - CMSGov Design System + + + + + + + + + + +
+
Skip to main content

Design System

Skip Nav

Skip navigation links allow users with screen readers to bypass long navigation lists. Make sure you include an id at the beginning of your main content and that it matches the skipnav link. Find more information here: webaim.org/techniques/skipnav

Code snippet
<a class="ds-c-skip-nav" href="#main">Skip to main content</a>
+<a href="javascript:void(0);">Navigation link</a>
+<main id="main" class="ds-u-padding--4 ds-u-fill--gray-lightest" tabindex="0">
+  Main content
+</main>
React

<SkipNav>

View source file

Props

NameTypeDefaultDescription
href

Required

string

The anchor or target for the link (where the link will jump the user to)

+
+
+ + + + \ No newline at end of file diff --git a/docs/components/table/index.html b/docs/components/table/index.html index 70900ea78d..944e9d5af2 100644 --- a/docs/components/table/index.html +++ b/docs/components/table/index.html @@ -2,19 +2,26 @@ - Table - CMS.gov Design System + Table - CMSGov Design System + - + + + + +
-

CMS.gov Design System

recommended

Table

@cmsgov/design-system-core/src/components/Table/Table.scss

US Web Design Standard

Tables show tabular data in columns and rows.

Code snippet
<table class="ds-c-table">
+    
Skip to main content

Design System

Table

Tables show tabular data in columns and rows.

Code snippet
<table class="ds-c-table">
   <thead>
     <tr>
-      <th>Name</th>
-      <th class="ds-u-text-align--right">Rate</th>
-      <th>Favorite fruit</th>
+      <th scope="col">Name</th>
+      <th class="ds-u-text-align--right" scope="col">Rate</th>
+      <th scope="col">Favorite fruit</th>
     </tr>
   </thead>
   <tbody>
@@ -29,12 +36,12 @@
       <td>Strawberries</td>
     </tr>
   </tbody>
-</table>

Modifier: ds-c-table--borderless

Borderless table

Code snippet
<table class="ds-c-table ds-c-table--borderless">
+</table>

Modifier: ds-c-table--borderless

Borderless table

Code snippet
<table class="ds-c-table ds-c-table--borderless">
   <thead>
     <tr>
-      <th>Name</th>
-      <th class="ds-u-text-align--right">Rate</th>
-      <th>Favorite fruit</th>
+      <th scope="col">Name</th>
+      <th class="ds-u-text-align--right" scope="col">Rate</th>
+      <th scope="col">Favorite fruit</th>
     </tr>
   </thead>
   <tbody>
@@ -49,7 +56,7 @@
       <td>Strawberries</td>
     </tr>
   </tbody>
-</table>

Table with two headers and a caption

Code snippet
<table class="ds-c-table">
+</table>

Table with two headers and a caption

Code snippet
<table class="ds-c-table">
   <caption class="ds-c-table__caption">Household members</caption>
   <thead>
     <tr>
@@ -70,7 +77,7 @@
       <td>Acme Co.</td>
     </tr>
   </tbody>
-</table>
+
diff --git a/docs/components/tabs/index.html b/docs/components/tabs/index.html index 1a4ea3a3f3..2eafd2c6e3 100644 --- a/docs/components/tabs/index.html +++ b/docs/components/tabs/index.html @@ -2,14 +2,21 @@ - Tabs - CMS.gov Design System + Tabs - CMSGov Design System + - + + + + +
-

CMS.gov Design System

beta

Tabs

@cmsgov/design-system-core/src/components/Tabs/Tabs.scss

Tabs are a secondary navigation pattern, allowing a user to view only the content they're interested in. They build upon a real world metaphor, and the selected state simulates a folder being physically in front of others in the group.

Code snippet
<div class="ds-c-tabs" role="tablist" aria-label="Settings">
+    
Skip to main content

Design System

Tabs

Tabs are a secondary navigation pattern, allowing a user to view only the content they're interested in. They build upon a real world metaphor, and the selected state simulates a folder being physically in front of others in the group.

Code snippet
<div class="ds-c-tabs" role="tablist" aria-label="Settings">
   <a
     class="ds-c-tabs__item"
     href="#panel-profile"
@@ -41,10 +48,10 @@
 </div>
 <div class="ds-c-tabs__panel" id="panel-comms" aria-hidden="true" aria-labelledby="tab-comms" aria-selected="false" role="tabpanel">
   Communication preferences content
-</div>

<Tabs>

@cmsgov/design-system-core/src/components/Tabs/Tabs.jsx

A container component that manages the state of your tabs for you. For most -cases, you'll want to use this component rather than the presentational +</div>

React

<Tabs>

View source file

Tabs is a container component that manages the state of your tabs for you. +In most cases, you'll want to use this component rather than the presentational components (Tab, TabPanel) on their own.

-
The Bill of Rights is the first ten amendments to the United States Constitution.
Code snippet
<Tabs>
+
The Bill of Rights is the first ten amendments to the United States Constitution.
Code snippet
<Tabs>
   <TabPanel
     id="summary"
     tab="Summary"
@@ -150,21 +157,23 @@
       </li>
     </ol>
   </TabPanel>
-</Tabs>

Props

NameTypeDefaultDescription
defaultSelectedIdstring

Default selected TabPanel's id. If this isn't set, the first TabPanel -will be selected.

-
onChangefunc

A callback function that's invoked when the selected tab is changed. +</Tabs>

Props

NameTypeDefaultDescription
defaultSelectedIdstring

Sets the initial selected TabPanel state. If this isn't set, the first +TabPanel will be selected.

+
onChangefunc

A callback function that's invoked when the selected tab is changed. (selectedId, prevSelectedId) => void

-
tablistClassNamestring

Additional classes to be added to the component wrapping the tabs

-

<TabPanel>

@cmsgov/design-system-core/src/components/Tabs/TabPanel.jsx

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root element.

-
id

Required

string

A unique id, to be used on the rendered panel element.

-
selectedboolfalse
tabstring

The associated tab's label. Only applicable when the panel is a +

tablistClassNamestring

Additional classes to be added to the component wrapping the tabs

+
React

<TabPanel>

View source file

A TabPanel is a presentational component which accepts a tab's content as +its children.

+

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root element.

+
id

Required

string

A unique id, to be used on the rendered panel element.

+
selectedboolfalse
tabstring

The associated tab's label. Only applicable when the panel is a child of Tabs.

-
tabClassNamestring

Additional classes for the associated tab. Only applicable when the panel +

tabClassNamestring

Additional classes for the associated tab. Only applicable when the panel is a child of Tabs.

-
tabHrefstring

The associated tab's href. Only applicable when the panel is a +

tabHrefstring

The associated tab's href. Only applicable when the panel is a child of Tabs.

-
tabIdstring

The id of the associated Tab. Used for the aria-labelledby attribute

-
tabIdstring

The id of the associated Tab. Used for the aria-labelledby attribute.

+
Code snippet
<div
   className="ds-c-tabs"
   role="tablist"
 >
@@ -183,13 +192,13 @@
   </Tab>
 </div>

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root tab element.

id

Required

string

A unique id, to be used on the rendered tab element.

-
hrefstring

You can optionally set the href attribute used for the tab. This can be -useful if you want to use relative links rather than a URL hash (the default)

+
hrefstring

Sets the href attribute used for the tab. This can be useful if you want +to use relative links rather than a URL hash (the default).

onClickfunc

Called when the tab is clicked, with the following arguments: SyntheticEvent, id, panelId

-
panelId

Required

string

The id of the associated TabPanel. Used for the aria-controls attribute

-
selectedboolfalse
+
diff --git a/docs/components/text-field/index.html b/docs/components/text-field/index.html index c3a8bc0898..a9954a58a5 100644 --- a/docs/components/text-field/index.html +++ b/docs/components/text-field/index.html @@ -2,17 +2,21 @@ - Text field - CMS.gov Design System + Text field - CMSGov Design System + - + + + + +
-

CMS.gov Design System

recommended

Text field

@cmsgov/design-system-core/src/components/TextField/TextField.scss

US Web Design Standard

Text fields allow people to enter any combination of letters, numbers, or symbols of their choosing (unless otherwise restricted). Text fields can span single or multiple lines.

Code snippet
<label class="ds-c-label ds-u-margin-top--0" for="input-firstname">
-  First name
-  <span class="ds-c-field__hint">Helpful hint text</span>
-</label>
+    
Skip to main content

Design System

Text field

Text fields allow users to enter any combination of letters, numbers, or symbols of their choosing (unless otherwise restricted). Text fields can span single or multiple lines.

Code snippet
<label class="ds-c-label ds-u-margin-top--0" for="input-firstname">First name</label>
 <input class="ds-c-field" id="input-firstname" name="firstname" type="text">
 <label class="ds-c-label" for="input-lastname">
   <span class="ds-u-font-weight--bold">Last name</span>
@@ -22,14 +26,21 @@
   <span class="ds-c-field__hint">Helpful hint text</span>
 </label>
 <input class="ds-c-field ds-c-field--error" id="input-lastname" name="lastname" type="text" />
-<label class="ds-c-label" for="input-username">Username</label>
-<input class="ds-c-field ds-c-field--success" id="input-username" name="username" type="text">
+<label class="ds-c-label" for="input-username">
+  Username
+  <span class="ds-c-field__hint">Example of a success field state</span>
+</label>
+<input class="ds-c-field ds-c-field--success" id="input-username" name="username" type="text" value="johnsnow">
 <label class="ds-c-label" for="input-bio">Bio</label>
-<textarea class="ds-c-field" id="input-bio" name="bio" rows="5"></textarea>
Code snippet
<div class="ds-base--inverse ds-u-padding--2">
-  <label class="ds-c-label ds-u-margin-top--0" for="input-firstname-2">
-    First name
-    <span class="ds-c-field__hint ds-c-field__hint--inverse">Helpful hint text</span>
-  </label>
+<textarea class="ds-c-field" id="input-bio" name="bio" rows="5"></textarea>
+<label class="ds-c-label" for="input-id-num">
+  ID Number
+  <span class="ds-c-field__hint">
+    Example of a disabled field
+  </span>
+</label>
+<input class="ds-c-field ds-c-field--inverse" id="input-id-num" name="id-num" type="text" value="1234" disabled>
Code snippet
<div class="ds-base--inverse ds-u-padding--2">
+  <label class="ds-c-label ds-u-margin-top--0" for="input-firstname-2">First name</label>
   <input class="ds-c-field ds-c-field--inverse" id="input-firstname-2" name="firstname" type="text">
   <label class="ds-c-label" for="input-lastname-2">
     <span class="ds-u-font-weight--bold">Last name</span>
@@ -41,12 +52,16 @@
   <input class="ds-c-field ds-c-field--inverse ds-c-field--error" id="input-lastname-2" name="lastname" type="text">
   <label class="ds-c-label" for="input-username-2">Username</label>
   <input class="ds-c-field ds-c-field--inverse ds-c-field--success" id="input-username-2" name="username" type="text">
-  <label class="ds-c-label" for="input-bio-2">Bio</label>
-  <textarea class="ds-c-field ds-c-field--inverse" id="input-bio-2" name="bio" rows="5"></textarea>
-</div>

<TextField>

@cmsgov/design-system-core/src/components/TextField/TextField.jsx

The TextField component affords a user to type text into a form. -By default it renders a field for capturing a single line of text, -but can be configured to support multiline text.

-
Code snippet
<div>
+  <label class="ds-c-label" for="input-id-num-2">
+    ID Number
+    <span class="ds-c-field__hint ds-c-field__hint--inverse">
+      Example of a disabled field
+    </span>
+  </label>
+  <input class="ds-c-field ds-c-field--inverse" id="input-id-num-2" name="id-num-2" type="text" value="1234" disabled>
+</div>
React

<TextField>

View source file

A TextField component renders an input field as well as supporting UI +elements like a label, error message, and hint text.

+
Code snippet
<div>
   <TextField
     defaultValue="Example value"
     label="Single line"
@@ -71,35 +86,21 @@
     name="disabled_example"
     type="password"
   />
-  <div className="ds-base--inverse ds-u-margin-top--3 ds-u-padding--2">
-    <TextField
-      inversed
-      label="Single line"
-      labelClassName="ds-u-margin-top--0"
-      name="inversed_single_example"
-    />
-    <TextField
-      disabled
-      inversed
-      label="Disabled field"
-      name="inversed_disabled_example"
-    />
-  </div>
-</div>

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root element

-
defaultValuestring

Default value of the text field, if any. Use this for an uncontrolled -component; otherwise, use the value property

-
disabledbool
errorMessagestring
fieldClassNamestring

Additional classes to be added to the field element

-
hintnode

Hint text

-
inversedbool

Applies the "inverse" UI theme

-
label

Required

node

The label for the entire list of choices

-
labelClassNamestring

Additional classes to be added to the FormLabel

-
multilinebool

Whether or not the textfield is a multiline textfield

-
name

Required

string
onBlurfunc
onChangefunc
rowsnumber, string

Optionally specify the number of visible text lines for the control. Only -applicable if this is a multiline field

-
typestring'text'

Any valid input type.

-
valuestring

Current value of the text field. Use this for a controlled component where -you are maintaining its current state; otherwise, use the defaultValue property

-

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root div element

+
defaultValuestring

Sets the initial value. Use this for an uncontrolled component; otherwise, +use the value property.

+
disabledbool
errorMessagestring
fieldClassNamestring

Additional classes to be added to the field element

+
hintnode

Additional hint text to display

+
inversedbool

Applies the "inverse" UI theme

+
label

Required

node

Label for the input

+
labelClassNamestring

Additional classes to be added to the label

+
multilinebool

Whether or not the textfield is a multiline textfield

+
name

Required

string
onBlurfunc
onChangefunc
rowsnumber, string

Optionally specify the number of visible text lines for the field. Only +applicable if this is a multiline field.

+
typestring'text'

Any valid input type.

+
valuestring

Note: Setting this prop will render a read-only field. If the field should be +mutable, use defaultValue. Otherwise, set onChange or disabled.

+
+
diff --git a/docs/components/vertical-nav/index.html b/docs/components/vertical-nav/index.html index 1591c1cc3a..a9470ed6a1 100644 --- a/docs/components/vertical-nav/index.html +++ b/docs/components/vertical-nav/index.html @@ -2,85 +2,92 @@ - Vertical navigation - CMS.gov Design System + Vertical navigation - CMSGov Design System + - + + + + +
-

CMS.gov Design System

recommended

Vertical navigation

@cmsgov/design-system-core/src/components/VerticalNav/VerticalNav.scss

US Web Design Standard

Hierarchical, vertical navigation.

Code snippet
<ul class="ds-c-vertical-nav">
+    
Skip to main content

Design System

Vertical navigation

Hierarchical, vertical navigation.

Code snippet
<ul class="ds-c-vertical-nav">
   <li class="ds-c-vertical-nav__item">
-    <a class="ds-c-vertical-nav__link" href="http://example.com">Parent link</a>
+    <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Parent link</a>
   </li>
   <li class="ds-c-vertical-nav__item">
-    <a class="ds-c-vertical-nav__link ds-c-vertical-nav__link--current" href="http://example.com">Current page</a>
+    <a class="ds-c-vertical-nav__label ds-c-vertical-nav__label--current" href="javascript:void(0);">Current page</a>
     <ul class="ds-c-vertical-nav__subnav">
       <li class="ds-c-vertical-nav__item">
-        <a class="ds-c-vertical-nav__link" href="http://example.com">Child link</a>
+        <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Child link</a>
       </li>
       <li class="ds-c-vertical-nav__item">
-        <a class="ds-c-vertical-nav__link" href="http://example.com">Child link</a>
+        <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Child link</a>
         <ul class="ds-c-vertical-nav__subnav">
           <li class="ds-c-vertical-nav__item">
-            <a class="ds-c-vertical-nav__link" href="http://example.com">Grandchild link</a>
+            <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Grandchild link</a>
           </li>
           <li class="ds-c-vertical-nav__item">
-            <a class="ds-c-vertical-nav__link ds-c-vertical-nav__link--current" href="http://example.com">Grandchild link</a>
+            <a class="ds-c-vertical-nav__label ds-c-vertical-nav__label--current" href="javascript:void(0);">Grandchild link</a>
           </li>
         </ul>
       </li>
       <li class="ds-c-vertical-nav__item">
-        <a class="ds-c-vertical-nav__link" href="http://example.com">Child link</a>
+        <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Child link</a>
       </li>
     </ul>
   </li>
   <li class="ds-c-vertical-nav__item">
-    <a class="ds-c-vertical-nav__link" href="http://example.com">Parent link</a>
+    <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Parent link</a>
   </li>
-</ul>

<VerticalNav>

@cmsgov/design-system-core/src/components/VerticalNav/VerticalNav.jsx

The VerticalNav React component accepts list items as a JSON object and +</ul>

React

<VerticalNav>

View source file

A VerticalNav component accepts list items as a JSON object and includes additional functionality like collapsible nested menus.

-
Code snippet
<VerticalNav
+
Code snippet
<VerticalNav
   items={[
     {
       label: 'Home',
-      url: 'http://example.com'
+      url: 'javascript:void(0);'
     },
     {
       items: [
         {
           id: 'team',
           label: 'Team',
-          url: 'http://example.com#team'
+          url: 'javascript:void(0);'
         },
         {
           id: 'company',
           label: 'Company',
-          url: 'http://example.com#company'
+          url: 'javascript:void(0);'
         }
       ],
       label: 'About'
     },
     {
       label: 'Contact',
-      url: 'http://example.com#contact'
+      url: 'javascript:void(0);'
     }
   ]}
   selectedId="team"
-/>

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root element

-
collapsedboolfalse

Whether or not the menu is in a collapsed state

-
selectedIdstring

The id of the selected VerticalNavItem. This will also set the +/>

Props

NameTypeDefaultDescription
classNamestring

Additional classes to be added to the root element

+
collapsedboolfalse

Whether or not the menu is in a collapsed state

+
selectedIdstring

The id of the selected VerticalNavItem. This will also set the selected prop on the item's parents.

-
idstring
items

Required

arrayOf[object]

An array of VerticalNavItem data objects

-
nestedbool

Indicates this list is nested within another nav item.

-
onLinkClickfunc

Called when one of the nav links is clicked, with the following arguments: +

idstring
items

Required

arrayOf[object]

An array of VerticalNavItem data objects

+
nestedbool

Indicates this list is nested within another nav item.

+
onLinkClickfunc

Called when one of the nav links is clicked, with the following arguments: SyntheticEvent, id, url

-

<VerticalNavItem>

@cmsgov/design-system-core/src/components/VerticalNav/VerticalNavItem.jsx

Props

NameTypeDefaultDescription
ariaCollapsedStateButtonLabelstring'Expand sub-navigation'

Aria label for the toggle button when the sub-navigation is collapsed

+
React

<VerticalNavItem>

View source file

Props

NameTypeDefaultDescription
ariaCollapsedStateButtonLabelstring'Expand sub-navigation'

Aria label for the toggle button when the sub-navigation is collapsed

ariaExpandedStateButtonLabelstring'Collapse sub-navigation'

Aria label for the toggle button when the sub-navigation is expanded

classNamestring

Additional classes to be added to the root element

defaultCollapsedboolfalse

Whether or not the item's sub-navigation is in a collapsed state by default

-
onClickfunc

Called when the item is clicked, with the following arguments: +

onClickfunc

Called when the link is clicked, with the following arguments: SyntheticEvent, id, url.

This takes precedence over the VerticalNav onLinkClick prop

@@ -93,7 +100,7 @@
label

Required

node

Text to render for this nav item

urlstring

A URL to navigate to if this item is a link

selectedbool

If this item is currently selected

-
+
diff --git a/docs/example/components.alert.ds-c-alert--error/index.html b/docs/example/components.alert.ds-c-alert--error/index.html index 2f9f54fad0..da9267b376 100644 --- a/docs/example/components.alert.ds-c-alert--error/index.html +++ b/docs/example/components.alert.ds-c-alert--error/index.html @@ -2,13 +2,22 @@ + Example: components.alert + + + -
+ +

Status heading

-

Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

+

Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

-
+
+ + \ No newline at end of file diff --git a/docs/example/components.alert.ds-c-alert--success/index.html b/docs/example/components.alert.ds-c-alert--success/index.html index 76ad97c015..92e8c1fd4b 100644 --- a/docs/example/components.alert.ds-c-alert--success/index.html +++ b/docs/example/components.alert.ds-c-alert--success/index.html @@ -2,13 +2,22 @@ + Example: components.alert + + + -
+ +

Status heading

-

Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

+

Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

-
+
+ + \ No newline at end of file diff --git a/docs/example/components.alert.ds-c-alert--warn/index.html b/docs/example/components.alert.ds-c-alert--warn/index.html index c4a92dbf57..b3dd26b557 100644 --- a/docs/example/components.alert.ds-c-alert--warn/index.html +++ b/docs/example/components.alert.ds-c-alert--warn/index.html @@ -2,13 +2,22 @@ + Example: components.alert + + + -
+ +

Status heading

-

Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

+

Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

-
+
+ + \ No newline at end of file diff --git a/docs/example/components.alert.inverse/index.html b/docs/example/components.alert.inverse/index.html deleted file mode 100644 index b7e3d7f97e..0000000000 --- a/docs/example/components.alert.inverse/index.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - Example: components.alert.inverse - - -
-
-
-

Status heading

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

-
-
-
- \ No newline at end of file diff --git a/docs/example/components.alert.variations/index.html b/docs/example/components.alert.variations/index.html index f39a40b96b..5f32b91944 100644 --- a/docs/example/components.alert.variations/index.html +++ b/docs/example/components.alert.variations/index.html @@ -2,28 +2,37 @@ + Example: components.alert.variations + + + -
-
-

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

+ +
+
+

We the People of the United States

-
-

We the People of the United States

+
+

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

-
+

Status heading

We the People of the United States, in Order to form a more perfect Union

  • Alert list item
  • Alert list item
- Link text + Link text
-
+
+ + \ No newline at end of file diff --git a/docs/example/components.alert/index.html b/docs/example/components.alert/index.html index c4c21f1b7d..fd7df49c8e 100644 --- a/docs/example/components.alert/index.html +++ b/docs/example/components.alert/index.html @@ -2,13 +2,22 @@ + Example: components.alert + + + -
+ +

Status heading

-

Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

+

Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

-
+
+ + \ No newline at end of file diff --git a/docs/example/components.badge.ds-c-badge--alert/index.html b/docs/example/components.badge.ds-c-badge--alert/index.html index cf55ee8c72..1a420f594c 100644 --- a/docs/example/components.badge.ds-c-badge--alert/index.html +++ b/docs/example/components.badge.ds-c-badge--alert/index.html @@ -2,10 +2,19 @@ + Example: components.badge + + + -5 + + 5 Badge label -Badge label +Badge label + + \ No newline at end of file diff --git a/docs/example/components.badge.ds-c-badge--info/index.html b/docs/example/components.badge.ds-c-badge--info/index.html index 12bfa85167..1bb41260a5 100644 --- a/docs/example/components.badge.ds-c-badge--info/index.html +++ b/docs/example/components.badge.ds-c-badge--info/index.html @@ -2,10 +2,19 @@ + Example: components.badge + + + -5 + + 5 Badge label -Badge label +Badge label + + \ No newline at end of file diff --git a/docs/example/components.badge.ds-c-badge--success/index.html b/docs/example/components.badge.ds-c-badge--success/index.html index 09af0e42ba..6e6c39b26c 100644 --- a/docs/example/components.badge.ds-c-badge--success/index.html +++ b/docs/example/components.badge.ds-c-badge--success/index.html @@ -2,10 +2,19 @@ + Example: components.badge + + + -5 + + 5 Badge label -Badge label +Badge label + + \ No newline at end of file diff --git a/docs/example/components.badge.ds-c-badge--warn/index.html b/docs/example/components.badge.ds-c-badge--warn/index.html index 499fdc308a..c65281997b 100644 --- a/docs/example/components.badge.ds-c-badge--warn/index.html +++ b/docs/example/components.badge.ds-c-badge--warn/index.html @@ -2,10 +2,19 @@ + Example: components.badge + + + -5 + + 5 Badge label -Badge label +Badge label + + \ No newline at end of file diff --git a/docs/example/components.badge/index.html b/docs/example/components.badge/index.html index 7b8c4b25b3..c95dd2fdfc 100644 --- a/docs/example/components.badge/index.html +++ b/docs/example/components.badge/index.html @@ -2,10 +2,19 @@ + Example: components.badge + + + -5 + + 5 Badge label -Badge label +Badge label + + \ No newline at end of file diff --git a/docs/example/components.button.disabled/index.html b/docs/example/components.button.disabled/index.html index 187f2be982..53aebdf3a4 100644 --- a/docs/example/components.button.disabled/index.html +++ b/docs/example/components.button.disabled/index.html @@ -2,9 +2,19 @@ + Example: components.button.disabled + + + - - + + Link + + + + \ No newline at end of file diff --git a/docs/example/components.button.ds-c-button--danger/index.html b/docs/example/components.button.ds-c-button--danger/index.html index b75e04cf63..b8b62909a3 100644 --- a/docs/example/components.button.ds-c-button--danger/index.html +++ b/docs/example/components.button.ds-c-button--danger/index.html @@ -2,11 +2,20 @@ + Example: components.button + + + -Link + + Link - + + + \ No newline at end of file diff --git a/docs/example/components.button.ds-c-button--primary/index.html b/docs/example/components.button.ds-c-button--primary/index.html index d96955f06b..bebbd1cbbf 100644 --- a/docs/example/components.button.ds-c-button--primary/index.html +++ b/docs/example/components.button.ds-c-button--primary/index.html @@ -2,11 +2,20 @@ + Example: components.button + + + -Link + + Link - + + + \ No newline at end of file diff --git a/docs/example/components.button.ds-c-button--success/index.html b/docs/example/components.button.ds-c-button--success/index.html index cf69236536..bc72ac0d70 100644 --- a/docs/example/components.button.ds-c-button--success/index.html +++ b/docs/example/components.button.ds-c-button--success/index.html @@ -2,11 +2,20 @@ + Example: components.button + + + -Link + + Link - + + + \ No newline at end of file diff --git a/docs/example/components.button.ds-c-button--transparent/index.html b/docs/example/components.button.ds-c-button--transparent/index.html index feebf9a43a..a3bc220b7f 100644 --- a/docs/example/components.button.ds-c-button--transparent/index.html +++ b/docs/example/components.button.ds-c-button--transparent/index.html @@ -2,11 +2,20 @@ + Example: components.button + + + -Link + + Link - + + + \ No newline at end of file diff --git a/docs/example/components.button.icons/index.html b/docs/example/components.button.icons/index.html index e3dcbb8188..cb13f04bc1 100644 --- a/docs/example/components.button.icons/index.html +++ b/docs/example/components.button.icons/index.html @@ -2,10 +2,17 @@ + Example: components.button.icons + + + - + + + \ No newline at end of file diff --git a/docs/example/components.button.inline-field/index.html b/docs/example/components.button.inline-field/index.html index 0f879a6b0e..5e723ffea6 100644 --- a/docs/example/components.button.inline-field/index.html +++ b/docs/example/components.button.inline-field/index.html @@ -2,9 +2,18 @@ + Example: components.button.inline-field + + + - - + + + + + \ No newline at end of file diff --git a/docs/example/components.button.inverse/index.html b/docs/example/components.button.inverse/index.html index d2d039e46f..a0fd306d90 100644 --- a/docs/example/components.button.inverse/index.html +++ b/docs/example/components.button.inverse/index.html @@ -2,15 +2,24 @@ + Example: components.button.inverse + + + -
+ +
- -
+ +
+ + \ No newline at end of file diff --git a/docs/example/components.button/index.html b/docs/example/components.button/index.html index 5162b34403..deb93bd250 100644 --- a/docs/example/components.button/index.html +++ b/docs/example/components.button/index.html @@ -2,11 +2,20 @@ + Example: components.button + + + -Link + + Link - + + + \ No newline at end of file diff --git a/docs/example/components.choice/index.html b/docs/example/components.choice/index.html index a1640fd63b..984fae677f 100644 --- a/docs/example/components.choice/index.html +++ b/docs/example/components.choice/index.html @@ -2,10 +2,17 @@ + Example: components.choice + + + -
+ +
Historical figures Select all that apply @@ -48,5 +55,7 @@
-
+
+ + \ No newline at end of file diff --git a/docs/example/components.list.ds-c-list--bare/index.html b/docs/example/components.list.ds-c-list--bare/index.html index 38a7936653..72a4c94e57 100644 --- a/docs/example/components.list.ds-c-list--bare/index.html +++ b/docs/example/components.list.ds-c-list--bare/index.html @@ -2,17 +2,26 @@ + Example: components.list + + + -
Unordered list
-
    + +

    Unordered list title

    +
    • List item 1
    • List item 2
    -
    Ordered list
    -
      +

      Ordered list title

      +
      1. List item 1
      2. List item 2
      3. -
      +
    + + \ No newline at end of file diff --git a/docs/example/components.list/index.html b/docs/example/components.list/index.html index 129e768529..af22d9d510 100644 --- a/docs/example/components.list/index.html +++ b/docs/example/components.list/index.html @@ -2,17 +2,26 @@ + Example: components.list + + + -
    Unordered list
    -
      + +

      Unordered list title

      +
      • List item 1
      • List item 2
      -
      Ordered list
      -
        +

        Ordered list title

        +
        1. List item 1
        2. List item 2
        3. -
        +
      + + \ No newline at end of file diff --git a/docs/example/components.select/index.html b/docs/example/components.select/index.html index 9d386e7497..5afc90288a 100644 --- a/docs/example/components.select/index.html +++ b/docs/example/components.select/index.html @@ -2,10 +2,17 @@ + Example: components.select + + + - + +
      - + -
      +
+ + \ No newline at end of file diff --git a/docs/example/components.skip-nav/index.html b/docs/example/components.skip-nav/index.html new file mode 100644 index 0000000000..102abecb2c --- /dev/null +++ b/docs/example/components.skip-nav/index.html @@ -0,0 +1,22 @@ + + + + + + Example: components.skip-nav + + + + + + + Skip to main content +Navigation link +
+ Main content +
+ + + \ No newline at end of file diff --git a/docs/example/components.table.complex/index.html b/docs/example/components.table.complex/index.html index cbca309286..7229318eff 100644 --- a/docs/example/components.table.complex/index.html +++ b/docs/example/components.table.complex/index.html @@ -2,10 +2,17 @@ + Example: components.table.complex + + + - + +
@@ -26,5 +33,7 @@ -
Household members
Acme Co.
+ + + \ No newline at end of file diff --git a/docs/example/components.table.ds-c-table--borderless/index.html b/docs/example/components.table.ds-c-table--borderless/index.html index e5c86e76f7..b28f67f246 100644 --- a/docs/example/components.table.ds-c-table--borderless/index.html +++ b/docs/example/components.table.ds-c-table--borderless/index.html @@ -2,15 +2,22 @@ + Example: components.table + + + - + +
- - - + + + @@ -25,5 +32,7 @@ -
NameRateFavorite fruitNameRateFavorite fruit
Strawberries
+ + + \ No newline at end of file diff --git a/docs/example/components.table/index.html b/docs/example/components.table/index.html index 975513342f..877bb8f437 100644 --- a/docs/example/components.table/index.html +++ b/docs/example/components.table/index.html @@ -2,15 +2,22 @@ + Example: components.table + + + - + +
- - - + + + @@ -25,5 +32,7 @@ -
NameRateFavorite fruitNameRateFavorite fruit
Strawberries
+ + + \ No newline at end of file diff --git a/docs/example/components.tabs/index.html b/docs/example/components.tabs/index.html index 35631cdf7f..e785a35146 100644 --- a/docs/example/components.tabs/index.html +++ b/docs/example/components.tabs/index.html @@ -2,10 +2,17 @@ + Example: components.tabs + + + -
+ + + + \ No newline at end of file diff --git a/docs/example/components.text-field.inverse/index.html b/docs/example/components.text-field.inverse/index.html index 47375ac2b5..84e6166c2e 100644 --- a/docs/example/components.text-field.inverse/index.html +++ b/docs/example/components.text-field.inverse/index.html @@ -2,14 +2,18 @@ + Example: components.text-field.inverse + + + -
- + +
+
+ + +
+ + \ No newline at end of file diff --git a/docs/example/components.text-field/index.html b/docs/example/components.text-field/index.html index 129ce7b74e..4c3a50fb33 100644 --- a/docs/example/components.text-field/index.html +++ b/docs/example/components.text-field/index.html @@ -2,13 +2,17 @@ + Example: components.text-field + + + - + + - - + + - + + + + + \ No newline at end of file diff --git a/docs/example/components.vertical-nav/index.html b/docs/example/components.vertical-nav/index.html index 7b135afced..364180e0c0 100644 --- a/docs/example/components.vertical-nav/index.html +++ b/docs/example/components.vertical-nav/index.html @@ -2,37 +2,46 @@ + Example: components.vertical-nav + + + -
+ + \ No newline at end of file diff --git a/docs/example/layout.grid.alignment/index.html b/docs/example/layout.grid.alignment/index.html index 8691b0e536..37b3c36cbd 100644 --- a/docs/example/layout.grid.alignment/index.html +++ b/docs/example/layout.grid.alignment/index.html @@ -2,10 +2,17 @@ + Example: layout.grid.alignment + + + -
+ +
Left
@@ -30,5 +37,7 @@
Bottom
Bottom
- + + + \ No newline at end of file diff --git a/docs/example/layout.grid.columns/index.html b/docs/example/layout.grid.columns/index.html index 8739b08625..adb3f5f7e3 100644 --- a/docs/example/layout.grid.columns/index.html +++ b/docs/example/layout.grid.columns/index.html @@ -2,10 +2,17 @@ + Example: layout.grid.columns + + + -
+ +
6 columns @@ -14,5 +21,7 @@ 6 columns
-
+
+ + \ No newline at end of file diff --git a/docs/example/layout.grid.default/index.html b/docs/example/layout.grid.default/index.html index 83ce3ec846..cb5cbe3de5 100644 --- a/docs/example/layout.grid.default/index.html +++ b/docs/example/layout.grid.default/index.html @@ -2,10 +2,17 @@ + Example: layout.grid.default + + + -
+ +
Auto @@ -20,5 +27,7 @@ Auto
-
+
+ + \ No newline at end of file diff --git a/docs/example/layout.grid.nested/index.html b/docs/example/layout.grid.nested/index.html index 6459e3c852..6cabc01ed4 100644 --- a/docs/example/layout.grid.nested/index.html +++ b/docs/example/layout.grid.nested/index.html @@ -2,10 +2,17 @@ + Example: layout.grid.nested + + + -
+ +
Level 1 @@ -25,5 +32,7 @@ Level 1
-
+
+ + \ No newline at end of file diff --git a/docs/example/layout.grid.offset/index.html b/docs/example/layout.grid.offset/index.html index ecdd734139..9abcd00653 100644 --- a/docs/example/layout.grid.offset/index.html +++ b/docs/example/layout.grid.offset/index.html @@ -2,10 +2,17 @@ + Example: layout.grid.offset + + + -
+ +
3 columns @@ -14,5 +21,7 @@ 4 columns, offset 5 columns
-
+
+ + \ No newline at end of file diff --git a/docs/example/layout.grid.responsive/index.html b/docs/example/layout.grid.responsive/index.html index 74600929b8..e4f80da7e4 100644 --- a/docs/example/layout.grid.responsive/index.html +++ b/docs/example/layout.grid.responsive/index.html @@ -2,10 +2,17 @@ + Example: layout.grid.responsive + + + -
+ +
A @@ -26,5 +33,7 @@ F
-
+
+ + \ No newline at end of file diff --git a/docs/example/patterns.documentation-page/index.html b/docs/example/patterns.documentation-page/index.html index 35b8d430cf..c9e5d2a347 100644 --- a/docs/example/patterns.documentation-page/index.html +++ b/docs/example/patterns.documentation-page/index.html @@ -2,48 +2,56 @@ + Example: patterns.documentation-page + + + -
+ +
+ Skip to main content
-
+

Page heading (h1)

The page heading communicates the main focus of the page. Make your page heading descriptive and keep it succinct.

Section heading (h2)

@@ -55,5 +63,7 @@

Subsection heading (h4)

Use the vertical navigation menu to help your users quickly skip to different sections of your page. The menu is best suited to displaying a hierarchy with one to three levels and, as we mentioned, to display the sub-navigation of a given page.

-
+
+ + \ No newline at end of file diff --git a/docs/example/style.base.ds-base--inverse/index.html b/docs/example/style.base.ds-base--inverse/index.html index b30362ed70..0e00ba8e5b 100644 --- a/docs/example/style.base.ds-base--inverse/index.html +++ b/docs/example/style.base.ds-base--inverse/index.html @@ -2,10 +2,19 @@ + Example: style.base + + + -
+ +
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. -
+
+ + \ No newline at end of file diff --git a/docs/example/style.base/index.html b/docs/example/style.base/index.html index 5979e3d918..3b366095c9 100644 --- a/docs/example/style.base/index.html +++ b/docs/example/style.base/index.html @@ -2,10 +2,19 @@ + Example: style.base + + + -
+ +
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. -
+
+ + \ No newline at end of file diff --git a/docs/example/style.color.background/index.html b/docs/example/style.color.background/index.html new file mode 100644 index 0000000000..4105de5e56 --- /dev/null +++ b/docs/example/style.color.background/index.html @@ -0,0 +1,69 @@ + + + + + + Example: style.color.background + + + + + + +
+
+
+
+ # + + $color-background + +
+
+
+ # + + $color-background-inverse + +
+
+
+ # + + $color-gray-dark + +
+
+
+ # + + $color-gray + +
+
+
+ # + + $color-gray-light + +
+
+
+ # + + $color-gray-lighter + +
+
+
+ # + + $color-gray-lightest + +
+
+ + + \ No newline at end of file diff --git a/docs/example/style.color.primary/index.html b/docs/example/style.color.primary/index.html new file mode 100644 index 0000000000..cb25e55d9b --- /dev/null +++ b/docs/example/style.color.primary/index.html @@ -0,0 +1,69 @@ + + + + + + Example: style.color.primary + + + + + + +
+
+
+
+ # + + $color-primary + +
+
+
+ # + + $color-primary-darker + +
+
+
+ # + + $color-primary-darkest + +
+
+
+ # + + $color-base + +
+
+
+ # + + $color-gray-dark + +
+
+
+ # + + $color-gray-light + +
+
+
+ # + + $color-white + +
+
+ + + \ No newline at end of file diff --git a/docs/example/style.color.secondary/index.html b/docs/example/style.color.secondary/index.html new file mode 100644 index 0000000000..29d07db129 --- /dev/null +++ b/docs/example/style.color.secondary/index.html @@ -0,0 +1,55 @@ + + + + + + Example: style.color.secondary + + + + + + +
+
+
+
+ # + + $color-primary-alt-darkest + +
+
+
+ # + + $color-primary-alt-dark + +
+
+
+ # + + $color-primary-alt + +
+
+
+ # + + $color-primary-alt-light + +
+
+
+ # + + $color-primary-alt-lightest + +
+
+ + + \ No newline at end of file diff --git a/docs/example/style.color.status/index.html b/docs/example/style.color.status/index.html new file mode 100644 index 0000000000..8c3a463e4b --- /dev/null +++ b/docs/example/style.color.status/index.html @@ -0,0 +1,118 @@ + + + + + + Example: style.color.status + + + + + + +
+
+
+
+ # + + $color-success + +
+
+
+ # + + $color-success-light + +
+
+
+ # + + $color-success-lighter + +
+
+
+ # + + $color-success-lightest + +
+
+
+ # + + $color-warn + +
+
+
+ # + + $color-warn-light + +
+
+
+ # + + $color-warn-lighter + +
+
+
+ # + + $color-warn-lightest + +
+
+
+ # + + $color-error-darkest + +
+
+
+ # + + $color-error-dark + +
+
+
+ # + + $color-error + +
+
+
+ # + + $color-error-light + +
+
+
+ # + + $color-error-lighter + +
+
+
+ # + + $color-error-lightest + +
+
+ + + \ No newline at end of file diff --git a/docs/example/style.typography.responsive/index.html b/docs/example/style.typography.responsive/index.html index a66f834d1c..d5cf28ea89 100644 --- a/docs/example/style.typography.responsive/index.html +++ b/docs/example/style.typography.responsive/index.html @@ -2,13 +2,25 @@ + Example: style.typography.responsive + + + -

- Responsive heading -

-

- We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. -

+ +
+

Responsive heading

+

+ Responsive body text. + We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

+

Responsive subheading

+

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

+
+ + \ No newline at end of file diff --git a/docs/example/style.typography/index.html b/docs/example/style.typography/index.html index b37a39e1eb..73ac1bed8c 100644 --- a/docs/example/style.typography/index.html +++ b/docs/example/style.typography/index.html @@ -2,25 +2,51 @@ + Example: style.typography + + + -

Lead paragraph. We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

-

Body paragraph. We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

-

Display

-

We the People of the United States, in Order to form a more perfect Union

+ +

Display

+

+ We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

Title

-

We the People of the United States, in Order to form a more perfect Union

+

+ We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

Heading 1

-

We the People of the United States, in Order to form a more perfect Union

+

+ We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

Heading 2

-

We the People of the United States, in Order to form a more perfect Union

+

+ We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

Heading 3

-

We the People of the United States, in Order to form a more perfect Union

+

+ We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

Heading 4

-

We the People of the United States, in Order to form a more perfect Union

+

+ We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

Heading 5

-

We the People of the United States, in Order to form a more perfect Union

+

+ We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

Heading 6

-

We the People of the United States, in Order to form a more perfect Union

+

+ Lead text. We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

+

+ Body text. We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

+ + \ No newline at end of file diff --git a/docs/example/utilities.background-color/index.html b/docs/example/utilities.background-color/index.html index 8dcf1c8e49..d6347b21fa 100644 --- a/docs/example/utilities.background-color/index.html +++ b/docs/example/utilities.background-color/index.html @@ -2,343 +2,352 @@ + Example: utilities.background-color + + + -
-
-
- + +
+
+
+ .ds-u-fill--primary -
$color-primary
+ #
-
-
- +
+
+ .ds-u-fill--primary-darker -
$color-primary-darker
+ #
-
-
- +
+
+ .ds-u-fill--primary-darkest -
$color-primary-darkest
+ #
-
-
-
- +
+
+
+ .ds-u-fill--primary-alt -
$color-primary-alt
+ #
-
-
- +
+
+ .ds-u-fill--primary-alt-dark -
$color-primary-alt-dark
+ #
-
-
- +
+
+ .ds-u-fill--primary-alt-darkest -
$color-primary-alt-darkest
+ #
-
-
- +
+
+ .ds-u-fill--primary-alt-light -
$color-primary-alt-light
+ #
-
-
- +
+
+ .ds-u-fill--primary-alt-lightest -
$color-primary-alt-lightest
+ #
-
-
-
- - .ds-u-fill--secondary -
$color-secondary -
-
-
-
- - .ds-u-fill--secondary-dark -
$color-secondary-dark -
-
-
-
- - .ds-u-fill--secondary-darkest -
$color-secondary-darkest -
-
-
-
- - .ds-u-fill--secondary-light -
$color-secondary-light -
-
-
-
- - .ds-u-fill--secondary-lightest -
$color-secondary-lightest -
-
-
-
-
-
- +
+
+
+ .ds-u-fill--gray -
$color-gray
+ #
-
-
- +
+
+ .ds-u-fill--gray-dark -
$color-gray-dark
+ #
-
-
- +
+
+ .ds-u-fill--gray-light -
$color-gray-light
+ #
-
-
- +
+
+ .ds-u-fill--gray-lighter -
$color-gray-lighter
+ #
-
-
- +
+
+ .ds-u-fill--gray-lightest -
$color-gray-lightest
+ #
-
-
-
- +
+
+
+ .ds-u-fill--gold -
$color-gold
+ #
-
-
- +
+
+ .ds-u-fill--gold-light -
$color-gold-light
+ #
-
-
- +
+
+ .ds-u-fill--gold-lighter -
$color-gold-lighter
+ #
-
-
- +
+
+ .ds-u-fill--gold-lightest -
$color-gold-lightest
+ #
-
-
-
- +
+
+
+ .ds-u-fill--warn -
$color-warn
+ #
-
-
- +
+
+ .ds-u-fill--warn-light -
$color-warn-light
+ #
-
-
- +
+
+ .ds-u-fill--warn-lighter -
$color-warn-lighter
+ #
-
-
- +
+
+ .ds-u-fill--warn-lightest -
$color-warn-lightest
+ #
-
-
-
- +
+
+
+ .ds-u-fill--green -
$color-green
+ #
-
-
- +
+
+ .ds-u-fill--green-light -
$color-green-light
+ #
-
-
- +
+
+ .ds-u-fill--green-lighter -
$color-green-lighter
+ #
-
-
- +
+
+ .ds-u-fill--green-lightest -
$color-green-lightest
+ #
-
-
-
- +
+
+
+ .ds-u-fill--success -
$color-success
+ #
-
-
- +
+
+ .ds-u-fill--success-light -
$color-success-light
+ #
-
-
- +
+
+ .ds-u-fill--success-lighter -
$color-success-lighter
+ #
-
-
- +
+
+ .ds-u-fill--success-lightest -
$color-success-lightest
+ # +
+
+
+
+
+ + .ds-u-fill--secondary + + # +
+
+
+ + .ds-u-fill--secondary-dark + + # +
+
+
+ + .ds-u-fill--secondary-darkest + + # +
+
+
+ + .ds-u-fill--secondary-light + + # +
+
+
+ + .ds-u-fill--secondary-lightest + + #
-
-
-
- +
+
+
+ .ds-u-fill--error -
$color-error
+ #
-
-
- +
+
+ .ds-u-fill--error-dark -
$color-error-dark
+ #
-
-
- +
+
+ .ds-u-fill--error-darkest -
$color-error-darkest
+ #
-
-
- +
+
+ .ds-u-fill--error-light -
$color-error-light
+ #
-
-
- +
+
+ .ds-u-fill--error-lighter -
$color-error-lighter
+ #
-
-
- +
+
+ .ds-u-fill--error-lightest -
$color-error-lightest
+ #
-
-
-
- +
+
+
+ .ds-u-fill--base -
$color-base
+ #
-
-
- - .ds-u-fill--background -
$color-background +
+
+ + .ds-u-fill--white + #
-
-
- - .ds-u-fill--background-inverse -
$color-background-inverse +
+
+ + .ds-u-fill--background + #
-
-
- - .ds-u-fill--white -
$color-white +
+
+ + .ds-u-fill--background-inverse + #
-
-
- +
+
+ .ds-u-fill--transparent - + #
+ + \ No newline at end of file diff --git a/docs/example/utilities.border-radius/index.html b/docs/example/utilities.border-radius/index.html index 3cd182e810..090dcffb9b 100644 --- a/docs/example/utilities.border-radius/index.html +++ b/docs/example/utilities.border-radius/index.html @@ -2,10 +2,22 @@ + Example: utilities.border-radius + + + -

Round

-

Pill

-

+ + ds-u-radius +
+ds-u-radius--pill +
+ds-u-radius--circle +
+ + \ No newline at end of file diff --git a/docs/example/utilities.border.color/index.html b/docs/example/utilities.border.color/index.html new file mode 100644 index 0000000000..bd8cab4397 --- /dev/null +++ b/docs/example/utilities.border.color/index.html @@ -0,0 +1,68 @@ + + + + + + Example: utilities.border.color + + + + + + +
+
+ ds-u-border--inverse +
+
+
+
+ ds-u-border--error +
+
+
+
+ ds-u-border--error-light +
+
+
+
+ ds-u-border--error-lighter +
+
+
+
+ ds-u-border--warn +
+
+
+
+ ds-u-border--warn-light +
+
+
+
+ ds-u-border--warn-lighter +
+
+
+
+ ds-u-border--success +
+
+
+
+ ds-u-border--success-light +
+
+
+
+ ds-u-border--success-lighter +
+
+ + + + \ No newline at end of file diff --git a/docs/example/utilities.border/index.html b/docs/example/utilities.border/index.html index 81dac9a366..c590c0d356 100644 --- a/docs/example/utilities.border/index.html +++ b/docs/example/utilities.border/index.html @@ -2,10 +2,17 @@ + Example: utilities.border + + + +
ds-u-border--0
@@ -89,56 +96,7 @@
ds-u-border-top--2
-

Color

-
-
- ds-u-border--inverse -
-
-
-
- ds-u-border--error -
-
-
-
- ds-u-border--error-light -
-
-
-
- ds-u-border--error-lighter -
-
-
-
- ds-u-border--warn -
-
-
-
- ds-u-border--warn-light -
-
-
-
- ds-u-border--warn-lighter -
-
-
-
- ds-u-border--success -
-
-
-
- ds-u-border--success-light -
-
-
-
- ds-u-border--success-lighter -
-
+ + \ No newline at end of file diff --git a/docs/example/utilities.clearfix/index.html b/docs/example/utilities.clearfix/index.html new file mode 100644 index 0000000000..8f09d1711f --- /dev/null +++ b/docs/example/utilities.clearfix/index.html @@ -0,0 +1,22 @@ + + + + + + Example: utilities.clearfix + + + + + + +
+
+ Floated right +
+
+ + + \ No newline at end of file diff --git a/docs/example/utilities.color/index.html b/docs/example/utilities.color/index.html index 7ad67d6f6e..c29057ccd2 100644 --- a/docs/example/utilities.color/index.html +++ b/docs/example/utilities.color/index.html @@ -2,302 +2,311 @@ + Example: utilities.color + + + -
-

- .ds-u-color--base - on .ds-u-fill--white -

-
-
-

- .ds-u-color--muted - on .ds-u-fill--white -

-
-
-

- .ds-u-color--black - on .ds-u-fill--white -

-
-
-

- .ds-u-color--primary - on .ds-u-fill--white -

-
-
-

- .ds-u-color--primary-darker - on .ds-u-fill--white -

-
-
-

- .ds-u-color--primary-darkest - on .ds-u-fill--white -

-
-
-

- .ds-u-color--gray - on .ds-u-fill--white -

-
-
-

- .ds-u-color--error - on .ds-u-fill--white -

-
-
-

- .ds-u-color--error-dark - on .ds-u-fill--white -

-
-
-

- .ds-u-color--success - on .ds-u-fill--white -

-
-
-

- .ds-u-color--base-inverse - on .ds-u-fill--background-inverse -

-
-
-

- .ds-u-color--muted-inverse - on .ds-u-fill--background-inverse -

-
-
-

- .ds-u-color--error-light - on .ds-u-fill--background-inverse -

-
-
-

- .ds-u-color--white - on .ds-u-fill--base -

-
-
-

- .ds-u-color--white - on .ds-u-fill--gray-dark -

-
-
-

- .ds-u-color--white - on .ds-u-fill--gray -

-
-
-

- .ds-u-color--white - on .ds-u-fill--primary-darkest -

-
-
-

- .ds-u-color--white - on .ds-u-fill--primary-darker -

-
-
-

- .ds-u-color--white - on .ds-u-fill--primary -

-
-
-

- .ds-u-color--white - on .ds-u-fill--primary-alt-darkest -

-
-
-

- .ds-u-color--base - on .ds-u-fill--primary-alt-dark -

-
-
-

- .ds-u-color--base - on .ds-u-fill--primary-alt -

-
-
-

- .ds-u-color--white - on .ds-u-fill--green -

-
-
-

- .ds-u-color--white - on .ds-u-fill--success -

-
-
-

- .ds-u-color--base - on .ds-u-fill--green-light -

-
-
-

- .ds-u-color--base - on .ds-u-fill--success-light -

-
-
-

- .ds-u-color--base - on .ds-u-fill--gold -

-
-
-

- .ds-u-color--base - on .ds-u-fill--warn -

-
-
-

- .ds-u-color--base - on .ds-u-fill--gold-light -

-
-
-

- .ds-u-color--base - on .ds-u-fill--warn-light -

-
-
-

- .ds-u-color--white - on .ds-u-fill--secondary-darkest -

-
-
-

- .ds-u-color--white - on .ds-u-fill--error-darkest -

-
-
-

- .ds-u-color--white - on .ds-u-fill--secondary-dark -

-
-
-

- .ds-u-color--white - on .ds-u-fill--error-dark -

-
-
-

- .ds-u-color--white - on .ds-u-fill--secondary -

-
-
-

- .ds-u-color--white - on .ds-u-fill--error -

-
-
-

- .ds-u-color--base - on .ds-u-fill--gray-light -

-
-
-

- .ds-u-color--base - on .ds-u-fill--gray-lighter -

-
-
-

- .ds-u-color--base - on .ds-u-fill--primary-alt-lightest -

-
-
-

- .ds-u-color--base - on .ds-u-fill--green-lighter -

-
-
-

- .ds-u-color--base - on .ds-u-fill--success-lighter -

-
-
-

- .ds-u-color--base - on .ds-u-fill--green-lightest -

-
-
-

- .ds-u-color--base - on .ds-u-fill--success-lightest -

-
-
-

- .ds-u-color--base - on .ds-u-fill--gold-lighter -

-
-
-

- .ds-u-color--base - on .ds-u-fill--warn-lighter -

-
-
-

- .ds-u-color--base - on .ds-u-fill--gold-lightest -

-
-
-

- .ds-u-color--base - on .ds-u-fill--warn-lightest -

-
-
-

- .ds-u-color--base - on .ds-u-fill--secondary-lightest -

-
-
-

- .ds-u-color--base - on .ds-u-fill--error-lightest -

-
+ +
+ ds-u-color--base +
+ on + ds-u-fill--white +
+
+ ds-u-color--muted +
+ on + ds-u-fill--white +
+
+ ds-u-color--black +
+ on + ds-u-fill--white +
+
+ ds-u-color--primary +
+ on + ds-u-fill--white +
+
+ ds-u-color--primary-darker +
+ on + ds-u-fill--white +
+
+ ds-u-color--primary-darkest +
+ on + ds-u-fill--white +
+
+ ds-u-color--gray +
+ on + ds-u-fill--white +
+
+ ds-u-color--error +
+ on + ds-u-fill--white +
+
+ ds-u-color--error-dark +
+ on + ds-u-fill--white +
+
+ ds-u-color--success +
+ on + ds-u-fill--white +
+
+ ds-u-color--base-inverse +
+ on + ds-u-fill--background-inverse +
+
+ ds-u-color--muted-inverse +
+ on + ds-u-fill--background-inverse +
+
+ ds-u-color--error-light +
+ on + ds-u-fill--background-inverse +
+
+ ds-u-color--white +
+ on + ds-u-fill--base +
+
+ ds-u-color--white +
+ on + ds-u-fill--gray-dark +
+
+ ds-u-color--white +
+ on + ds-u-fill--gray +
+
+ ds-u-color--white +
+ on + ds-u-fill--primary-darkest +
+
+ ds-u-color--white +
+ on + ds-u-fill--primary-darker +
+
+ ds-u-color--white +
+ on + ds-u-fill--primary +
+
+ ds-u-color--white +
+ on + ds-u-fill--primary-alt-darkest +
+
+ ds-u-color--base +
+ on + ds-u-fill--primary-alt-dark +
+
+ ds-u-color--base +
+ on + ds-u-fill--primary-alt +
+
+ ds-u-color--white +
+ on + ds-u-fill--green +
+
+ ds-u-color--white +
+ on + ds-u-fill--success +
+
+ ds-u-color--base +
+ on + ds-u-fill--green-light +
+
+ ds-u-color--base +
+ on + ds-u-fill--success-light +
+
+ ds-u-color--base +
+ on + ds-u-fill--gold +
+
+ ds-u-color--base +
+ on + ds-u-fill--warn +
+
+ ds-u-color--base +
+ on + ds-u-fill--gold-light +
+
+ ds-u-color--base +
+ on + ds-u-fill--warn-light +
+
+ ds-u-color--white +
+ on + ds-u-fill--secondary-darkest +
+
+ ds-u-color--white +
+ on + ds-u-fill--error-darkest +
+
+ ds-u-color--white +
+ on + ds-u-fill--secondary-dark +
+
+ ds-u-color--white +
+ on + ds-u-fill--error-dark +
+
+ ds-u-color--white +
+ on + ds-u-fill--secondary +
+
+ ds-u-color--white +
+ on + ds-u-fill--error +
+
+ ds-u-color--base +
+ on + ds-u-fill--gray-light +
+
+ ds-u-color--base +
+ on + ds-u-fill--gray-lighter +
+
+ ds-u-color--base +
+ on + ds-u-fill--primary-alt-lightest +
+
+ ds-u-color--base +
+ on + ds-u-fill--green-lighter +
+
+ ds-u-color--base +
+ on + ds-u-fill--success-lighter +
+
+ ds-u-color--base +
+ on + ds-u-fill--green-lightest +
+
+ ds-u-color--base +
+ on + ds-u-fill--success-lightest +
+
+ ds-u-color--base +
+ on + ds-u-fill--gold-lighter +
+
+ ds-u-color--base +
+ on + ds-u-fill--warn-lighter +
+
+ ds-u-color--base +
+ on + ds-u-fill--gold-lightest +
+
+ ds-u-color--base +
+ on + ds-u-fill--warn-lightest +
+
+ ds-u-color--base +
+ on + ds-u-fill--secondary-lightest +
+
+ ds-u-color--base +
+ on + ds-u-fill--error-lightest +
+ + \ No newline at end of file diff --git a/docs/example/utilities.display-visibility.display/index.html b/docs/example/utilities.display-visibility.display/index.html new file mode 100644 index 0000000000..6469b29176 --- /dev/null +++ b/docs/example/utilities.display-visibility.display/index.html @@ -0,0 +1,22 @@ + + + + + + Example: utilities.display-visibility.display + + + + + + +

ds-u-display--block

+

ds-u-display--inline-block

+

ds-u-display--flex

+

ds-u-display--none

+ + + + \ No newline at end of file diff --git a/docs/example/utilities.display-visibility.responsive/index.html b/docs/example/utilities.display-visibility.responsive/index.html index 042a502f3c..659957a859 100644 --- a/docs/example/utilities.display-visibility.responsive/index.html +++ b/docs/example/utilities.display-visibility.responsive/index.html @@ -2,10 +2,17 @@ + Example: utilities.display-visibility.responsive + + + +
Hidden on sm screens and larger
@@ -57,5 +64,7 @@
Visible on xl screens and larger
+ + \ No newline at end of file diff --git a/docs/example/utilities.display-visibility.visibility/index.html b/docs/example/utilities.display-visibility.visibility/index.html index 5a5f2a61b1..5ff3d362b7 100644 --- a/docs/example/utilities.display-visibility.visibility/index.html +++ b/docs/example/utilities.display-visibility.visibility/index.html @@ -2,10 +2,19 @@ + Example: utilities.display-visibility.visibility + + + -I'm hidden + + I'm hidden I'm visible to screen readers only -I'm visible +I'm visible + + \ No newline at end of file diff --git a/docs/example/utilities.flexbox.align-items/index.html b/docs/example/utilities.flexbox.align-items/index.html index 447d765f24..4265542a89 100644 --- a/docs/example/utilities.flexbox.align-items/index.html +++ b/docs/example/utilities.flexbox.align-items/index.html @@ -2,40 +2,54 @@ + Example: utilities.flexbox.align-items + + + -
+ +
-
+ ds-u-align-items--start +
start
start
start
-
+ ds-u-align-items--end +
end
end
end
-
+ ds-u-align-items--center +
center
center
center
-
+ ds-u-align-items--baseline +
baseline
baseline
baseline
-
+ ds-u-align-items--stretch +
stretch
stretch
stretch
-
+
+ + \ No newline at end of file diff --git a/docs/example/utilities.flexbox.flex-wrap/index.html b/docs/example/utilities.flexbox.flex-wrap/index.html new file mode 100644 index 0000000000..6e0d8cea8f --- /dev/null +++ b/docs/example/utilities.flexbox.flex-wrap/index.html @@ -0,0 +1,41 @@ + + + + + + Example: utilities.flexbox.flex-wrap + + + + + + +
+ + ds-u-flex-wrap--nowrap +
+
nowrap element #1
+
nowrap element #2
+
nowrap element #3
+
+ + ds-u-flex-wrap--wrap +
+
wrap element #1
+
wrap element #2
+
wrap element #3
+
+ + ds-u-flex-wrap--reverse +
+
reverse element #1
+
reverse element #2
+
reverse element #3
+
+ +
+ + + \ No newline at end of file diff --git a/docs/example/utilities.flexbox.justify-content/index.html b/docs/example/utilities.flexbox.justify-content/index.html index 9986371442..207f405342 100644 --- a/docs/example/utilities.flexbox.justify-content/index.html +++ b/docs/example/utilities.flexbox.justify-content/index.html @@ -2,40 +2,54 @@ + Example: utilities.flexbox.justify-content + + + -
+ +
-
+ ds-u-justify-content--start +
start
start
start
-
+ ds-u-justify-content--end +
end
end
end
-
+ ds-u-justify-content--center +
center
center
center
-
+ ds-u-justify-content--between +
between
between
between
-
+ ds-u-justify-content--around +
around
around
around
-
+
+ + \ No newline at end of file diff --git a/docs/example/utilities.float.responsive/index.html b/docs/example/utilities.float.responsive/index.html index 2ab6aa1e94..18d64d6f33 100644 --- a/docs/example/utilities.float.responsive/index.html +++ b/docs/example/utilities.float.responsive/index.html @@ -2,21 +2,30 @@ + Example: utilities.float.responsive + + + -
- :) + +
+ Inline text
- +

float: none - - +

+

float: left - - +

+

float: right - +

-
+
+ + \ No newline at end of file diff --git a/docs/example/utilities.float/index.html b/docs/example/utilities.float/index.html index 77aaaf8309..cab30fd4ed 100644 --- a/docs/example/utilities.float/index.html +++ b/docs/example/utilities.float/index.html @@ -2,22 +2,32 @@ + Example: utilities.float + + + -
-
- float: left -
+ +
+

+ ds-u-float--left +

-
- float: right -
+

+ ds-u-float--right +

-
- float: none -
-
+

+ ds-u-float--none +

+
+ + + \ No newline at end of file diff --git a/docs/example/utilities.font-family/index.html b/docs/example/utilities.font-family/index.html index 8fbf905dc5..eb759b42e1 100644 --- a/docs/example/utilities.font-family/index.html +++ b/docs/example/utilities.font-family/index.html @@ -2,9 +2,20 @@ + Example: utilities.font-family + + + -

Bitter, Georgia, serif

-

Open Sans, Helvetica, sans-serif

+ +

ds-u-sans (default)

+

Open Sans, Helvetica, sans-serif

+

ds-u-serif

+

Bitter, Georgia, serif

+ + \ No newline at end of file diff --git a/docs/example/utilities.font-size.responsive/index.html b/docs/example/utilities.font-size.responsive/index.html index 1a82d4dd86..2506f13ae0 100644 --- a/docs/example/utilities.font-size.responsive/index.html +++ b/docs/example/utilities.font-size.responsive/index.html @@ -2,10 +2,19 @@ + Example: utilities.font-size.responsive + + + -
+ +
We the People of the United States, in Order to form a more perfect Union -
+
+ + \ No newline at end of file diff --git a/docs/example/utilities.font-size/index.html b/docs/example/utilities.font-size/index.html index 7a4cafaa9d..4a36c67fdc 100644 --- a/docs/example/utilities.font-size/index.html +++ b/docs/example/utilities.font-size/index.html @@ -2,17 +2,71 @@ + Example: utilities.font-size + + + -

We the People of the United States

-

We the People of the United States

-

We the People of the United States

-

We the People of the United States

-

We the People of the United States

-

We the People of the United States

-

We the People of the United States

-

We the People of the United States

-

We the People of the United States

+ +
+

+ ds-u-font-size--display +

+ We the People of the United States +
+
+

+ ds-u-font-size--title +

+ We the People of the United States +
+
+

+ ds-u-font-size--h1 +

+ We the People of the United States +
+
+

+ ds-u-font-size--h2 +

+ We the People of the United States +
+
+

+ ds-u-font-size--h3 +

+ We the People of the United States +
+
+

+ ds-u-font-size--h4 +

+ We the People of the United States +
+
+

+ ds-u-font-size--lead +

+ We the People of the United States +
+
+

+ ds-u-font-size--base +

+ We the People of the United States +
+
+

+ ds-u-font-size--small +

+ We the People of the United States +
+ + \ No newline at end of file diff --git a/docs/example/utilities.font-style/index.html b/docs/example/utilities.font-style/index.html index 32c464f0c2..c341b94454 100644 --- a/docs/example/utilities.font-style/index.html +++ b/docs/example/utilities.font-style/index.html @@ -2,9 +2,20 @@ + Example: utilities.font-style + + + -

We the People of the United States, in Order to form a more perfect Union

-

We the People of the United States, in Order to form a more perfect Union

+ +

ds-u-font-style--normal

+
We the People of the United States, in Order to form a more perfect Union
+

ds-u-font-style--italic

+
We the People of the United States, in Order to form a more perfect Union
+ + \ No newline at end of file diff --git a/docs/example/utilities.font-weight/index.html b/docs/example/utilities.font-weight/index.html index 740655f58f..abd1791152 100644 --- a/docs/example/utilities.font-weight/index.html +++ b/docs/example/utilities.font-weight/index.html @@ -2,10 +2,19 @@ + Example: utilities.font-weight + + + -

Normal

-

Semibold

-

Bold

+ +

ds-u-font-weight--normal

+

ds-u-font-weight--semibold

+

ds-u-font-weight--bold

+ + \ No newline at end of file diff --git a/docs/example/utilities.line-height/index.html b/docs/example/utilities.line-height/index.html index f0aa60bcb8..863bf89824 100644 --- a/docs/example/utilities.line-height/index.html +++ b/docs/example/utilities.line-height/index.html @@ -2,11 +2,24 @@ + Example: utilities.line-height + + + -

We the People of the United States, in Order to form a more perfect Union

-

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

-

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

-

We the People of the United States

+ +

ds-u-leading--lead

+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+

ds-u-leading--base

+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+

ds-u-leading--heading

+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+

ds-u-leading--reset

+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+ + \ No newline at end of file diff --git a/docs/example/utilities.margin.responsive/index.html b/docs/example/utilities.margin.responsive/index.html index 21393120df..dd811bfa2c 100644 --- a/docs/example/utilities.margin.responsive/index.html +++ b/docs/example/utilities.margin.responsive/index.html @@ -2,12 +2,21 @@ + Example: utilities.margin.responsive + + + -
+ +
Responsive margins
-
+
+ + \ No newline at end of file diff --git a/docs/example/utilities.margin/index.html b/docs/example/utilities.margin/index.html index 155e763e9a..c61945ddca 100644 --- a/docs/example/utilities.margin/index.html +++ b/docs/example/utilities.margin/index.html @@ -2,10 +2,17 @@ + Example: utilities.margin + + + +
@@ -377,5 +384,7 @@ ds-u-margin-top--auto
+ + \ No newline at end of file diff --git a/docs/example/utilities.measure/index.html b/docs/example/utilities.measure/index.html index c9d649f627..93cc00b8d0 100644 --- a/docs/example/utilities.measure/index.html +++ b/docs/example/utilities.measure/index.html @@ -2,10 +2,22 @@ + Example: utilities.measure + + + -

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

-

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

-

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

+ +

ds-u-measure--narrow

+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+

ds-u-measure--base

+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+

ds-u-measure--wide

+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+ + \ No newline at end of file diff --git a/docs/example/utilities.overflow/index.html b/docs/example/utilities.overflow/index.html new file mode 100644 index 0000000000..965a2e18a9 --- /dev/null +++ b/docs/example/utilities.overflow/index.html @@ -0,0 +1,30 @@ + + + + + + Example: utilities.overflow + + + + + + + ds-u-overflow--hidden +
+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+
+ ds-u-overflow--scroll +
+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+
+ ds-u-overflow--auto +
+
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
+
+ + + + \ No newline at end of file diff --git a/docs/example/utilities.padding.responsive/index.html b/docs/example/utilities.padding.responsive/index.html index bd607781b3..e0690d1a25 100644 --- a/docs/example/utilities.padding.responsive/index.html +++ b/docs/example/utilities.padding.responsive/index.html @@ -2,12 +2,21 @@ + Example: utilities.padding.responsive + + + -
-
- Responsive padding + +
+
+ Responsive padding
-
+
+ + \ No newline at end of file diff --git a/docs/example/utilities.padding/index.html b/docs/example/utilities.padding/index.html index 92bbdde4b8..36ddc54cf0 100644 --- a/docs/example/utilities.padding/index.html +++ b/docs/example/utilities.padding/index.html @@ -2,232 +2,241 @@ + Example: utilities.padding + + + -
- ds-u-padding--0 + +
+ ds-u-padding--0
-
- ds-u-padding--1 +
+ ds-u-padding--1
-
- ds-u-padding--2 +
+ ds-u-padding--2
-
- ds-u-padding--3 +
+ ds-u-padding--3
-
- ds-u-padding--4 +
+ ds-u-padding--4
-
- ds-u-padding--5 +
+ ds-u-padding--5
-
- ds-u-padding--6 +
+ ds-u-padding--6
-
- ds-u-padding--7 +
+ ds-u-padding--7
-
- ds-u-padding-x--0 +
+ ds-u-padding-x--0
-
- ds-u-padding-x--1 +
+ ds-u-padding-x--1
-
- ds-u-padding-x--2 +
+ ds-u-padding-x--2
-
- ds-u-padding-x--3 +
+ ds-u-padding-x--3
-
- ds-u-padding-x--4 +
+ ds-u-padding-x--4
-
- ds-u-padding-x--5 +
+ ds-u-padding-x--5
-
- ds-u-padding-x--6 +
+ ds-u-padding-x--6
-
- ds-u-padding-x--7 +
+ ds-u-padding-x--7
-
- ds-u-padding-y--0 +
+ ds-u-padding-y--0
-
- ds-u-padding-y--1 +
+ ds-u-padding-y--1
-
- ds-u-padding-y--2 +
+ ds-u-padding-y--2
-
- ds-u-padding-y--3 +
+ ds-u-padding-y--3
-
- ds-u-padding-y--4 +
+ ds-u-padding-y--4
-
- ds-u-padding-y--5 +
+ ds-u-padding-y--5
-
- ds-u-padding-y--6 +
+ ds-u-padding-y--6
-
- ds-u-padding-y--7 +
+ ds-u-padding-y--7
-
- ds-u-padding-bottom--0 +
+ ds-u-padding-bottom--0
-
- ds-u-padding-bottom--1 +
+ ds-u-padding-bottom--1
-
- ds-u-padding-bottom--2 +
+ ds-u-padding-bottom--2
-
- ds-u-padding-bottom--3 +
+ ds-u-padding-bottom--3
-
- ds-u-padding-bottom--4 +
+ ds-u-padding-bottom--4
-
- ds-u-padding-bottom--5 +
+ ds-u-padding-bottom--5
-
- ds-u-padding-bottom--6 +
+ ds-u-padding-bottom--6
-
- ds-u-padding-bottom--7 +
+ ds-u-padding-bottom--7
-
- ds-u-padding-left--0 +
+ ds-u-padding-left--0
-
- ds-u-padding-left--1 +
+ ds-u-padding-left--1
-
- ds-u-padding-left--2 +
+ ds-u-padding-left--2
-
- ds-u-padding-left--3 +
+ ds-u-padding-left--3
-
- ds-u-padding-left--4 +
+ ds-u-padding-left--4
-
- ds-u-padding-left--5 +
+ ds-u-padding-left--5
-
- ds-u-padding-left--6 +
+ ds-u-padding-left--6
-
- ds-u-padding-left--7 +
+ ds-u-padding-left--7
-
- ds-u-padding-right--0 +
+ ds-u-padding-right--0
-
- ds-u-padding-right--1 +
+ ds-u-padding-right--1
-
- ds-u-padding-right--2 +
+ ds-u-padding-right--2
-
- ds-u-padding-right--3 +
+ ds-u-padding-right--3
-
- ds-u-padding-right--4 +
+ ds-u-padding-right--4
-
- ds-u-padding-right--5 +
+ ds-u-padding-right--5
-
- ds-u-padding-right--6 +
+ ds-u-padding-right--6
-
- ds-u-padding-right--7 +
+ ds-u-padding-right--7
-
- ds-u-padding-top--0 +
+ ds-u-padding-top--0
-
- ds-u-padding-top--1 +
+ ds-u-padding-top--1
-
- ds-u-padding-top--2 +
+ ds-u-padding-top--2
-
- ds-u-padding-top--3 +
+ ds-u-padding-top--3
-
- ds-u-padding-top--4 +
+ ds-u-padding-top--4
-
- ds-u-padding-top--5 +
+ ds-u-padding-top--5
-
- ds-u-padding-top--6 +
+ ds-u-padding-top--6
-
- ds-u-padding-top--7 +
+ ds-u-padding-top--7
+ + \ No newline at end of file diff --git a/docs/example/utilities.text-align.responsive/index.html b/docs/example/utilities.text-align.responsive/index.html index 3327a5804f..1799047151 100644 --- a/docs/example/utilities.text-align.responsive/index.html +++ b/docs/example/utilities.text-align.responsive/index.html @@ -2,10 +2,19 @@ + Example: utilities.text-align.responsive + + + -
+ +
We the People of the United States -
+
+ + \ No newline at end of file diff --git a/docs/example/utilities.text-align/index.html b/docs/example/utilities.text-align/index.html index fbecd5811c..d54dc3cd44 100644 --- a/docs/example/utilities.text-align/index.html +++ b/docs/example/utilities.text-align/index.html @@ -2,10 +2,28 @@ + Example: utilities.text-align + + + -

Center

-

Left

-

Right

+ +
+ ds-u-text-align--center + Center +
+
+ ds-u-text-align--left + Left +
+
+ ds-u-text-align--right + Right +
+ + \ No newline at end of file diff --git a/docs/example/utilities.text-decoration/index.html b/docs/example/utilities.text-decoration/index.html index 3bb81e6739..227e7dc376 100644 --- a/docs/example/utilities.text-decoration/index.html +++ b/docs/example/utilities.text-decoration/index.html @@ -2,9 +2,20 @@ + Example: utilities.text-decoration + + + -

Underlined text

-Link text without underline + + ds-u-text-decoration--underline +Underlined text +ds-u-text-decoration--none +Link text without underline + + \ No newline at end of file diff --git a/docs/example/utilities.text-transform/index.html b/docs/example/utilities.text-transform/index.html index baf97da38c..b95f7be6bf 100644 --- a/docs/example/utilities.text-transform/index.html +++ b/docs/example/utilities.text-transform/index.html @@ -2,10 +2,22 @@ + Example: utilities.text-transform + + + -

uppercase transform

-

Lowercase transform

-

capitalized transform

+ + ds-u-text-transform--uppercase +
We the People of the United States, in Order to form a more perfect Union
+ds-u-text-transform--lowercase +
We the People of the United States, in Order to form a more perfect Union
+ds-u-text-transform--capitalize +
We the People of the United States, in Order to form a more perfect Union
+ + \ No newline at end of file diff --git a/docs/example/utilities.truncate/index.html b/docs/example/utilities.truncate/index.html index 826611035d..43bc2c45f1 100644 --- a/docs/example/utilities.truncate/index.html +++ b/docs/example/utilities.truncate/index.html @@ -2,8 +2,19 @@ + Example: utilities.truncate + + + -

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

+ +

+ We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America. +

+ + \ No newline at end of file diff --git a/docs/example/utilities.vertical-align/index.html b/docs/example/utilities.vertical-align/index.html index aab54d5869..a0efcabdfb 100644 --- a/docs/example/utilities.vertical-align/index.html +++ b/docs/example/utilities.vertical-align/index.html @@ -2,23 +2,41 @@ + Example: utilities.vertical-align + + + - + +
- - + + - - + + - - + + -
ATop alignmentA + ds-u-valign--top + Top alignment +
BMiddle alignmentB + ds-u-valign--middle + Middle alignment +
CBottom alignmentC + ds-u-valign--bottom + Bottom alignment +
+ + + \ No newline at end of file diff --git a/docs/example/utilities/index.html b/docs/example/utilities/index.html index a4efce892b..d34dfcc910 100644 --- a/docs/example/utilities/index.html +++ b/docs/example/utilities/index.html @@ -2,10 +2,19 @@ + Example: utilities + + + -
+ +

Hello world

-
+
+ + \ No newline at end of file diff --git a/docs/getting-started/index.html b/docs/getting-started/index.html new file mode 100644 index 0000000000..f3d3680c51 --- /dev/null +++ b/docs/getting-started/index.html @@ -0,0 +1,115 @@ + + + + + Getting started - CMSGov Design System + + + + + + + + + + +
+
Skip to main content

Design System

Getting started

Installation

+ +

The design system is available as NPM packages or via a .zip download.

+

The design system consists of two packages which are installed separately.

+

The core package includes the bulk of the design system:

+
    +
  • Base styles
  • +
  • Utility classes
  • +
  • Sass/CSS and React components
  • +
  • Sass mixins and variables
  • +
  • Fonts and images
  • +
+
npm install --save @cmsgov/design-system-core

The layout package includes:

+
    +
  • Responsive flexbox grid framework
  • +
+
npm install --save @cmsgov/design-system-layout

Fonts and images

+

Once you've downloaded the core package, copy the design system's fonts and images directories into the same directory as your site's CSS directory.

+

By default, the design system expects a file structure like this:

+
โ”œโ”€โ”€ Your site's public assets directory/
+    โ”œโ”€โ”€ css/
+    โ”œโ”€โ”€ images/
+    โ””โ”€โ”€ fonts/

You can manually copy these directories, or you could integrate this step into your build process. Here's an example of how this step could be accomplished using a Gulp task.

+

You can change the default paths by overriding the following Sass variables:

+
    +
  • $font-path
  • +
  • $image-path
  • +
+

Usage

+ +

We offer two versions of design system assets: a minified + compiled version (located in a dist directory), and an un-minified + non-compiled version (located in a src directory). Use the minified version in production environments. Use the un-minified version in a development environment to debug in the browser, or if you'd like to manage the un-compiled files with your own build system.

+

Below are examples of the various ways you can reference the design system's styles and components:

+

Styles

+

Minified CSS

+ +

The easiest way to add the design system's styles to your site is by referencing its minified CSS.

+
    +
  1. Copy the design system's dist/css folder into a relevant place in your code base โ€” likely a directory where you keep third-party libraries. In the example below, our directory is css/vendor.
  2. +
  3. Add a <link> to the stylesheet in your site's <head>
  4. +
+

For example:

+
<link rel="stylesheet" src="/css/vendor/design-system-core/index.css" />

View an example

+

Sass

+ +

If you're already using Sass to style your site, another way to include the design system's styles is by importing its un-minified Sass file.

+
    +
  1. First, make sure your build system is configured so that the node_modules directory is in the list of Sass includePaths.
  2. +
  3. Add the following to your Sass file:
    @import '@cmsgov/design-system-core/src/index';
  4. +
+

To override any of the design system's Sass variables, include the variable definitions before the line where the design system is imported. For example:

+
@import 'variable-overrides';
+@import '@cmsgov/design-system-core/src/index';

View an example

+

Applying styles to your page

+ +

Once your page is loading the design system's CSS, you can then begin applying its styling to your pages. Below is an example of a project applying the base-level of styles and a utility class.

+
<html>
+<head>
+  <link rel="stylesheet" src="/css/vendor/design-system-core/index.css" />
+</head>
+<body class="ds-base">
+  <h1 class="ds-u-font-size--title">Hello world</h1>
+</body>
+</html>

Learn about the naming conventions

+

React components

+

The examples below assume you've installed the design system using NPM and have already setup your build system.

+

Default imports

+ +

Individual components can be imported from their individual export file.

+
import Button from '@cmsgov/design-system-core/dist/components/Button/Button';

Named imports

+ +

Components can also be imported using the shorter syntax below.

+
+
+

Performance note

+

+ This approach may result in a much larger file than you intend. Depending on what module bundler you use, all of the design system's React components may be included in the bundled file even if you didn't specifically import them. This can be avoided by enabling features like tree shaking in Webpack. +

+
+
+ +
import { Button } from '@cmsgov/design-system-core';

View an example

+

Examples

+ +

Additional examples of the design system in use can be viewed on GitHub. These projects demonstrate the various ways you can incorporate the design system into your development process and various use cases.

+

Browse example projects

+

Need help or ran into an issue?

+ +

If you're having trouble installing or setting up the design system, or if you think you've found a bug, feel free to open an issue on GitHub.

+
+
+ + + + \ No newline at end of file diff --git a/docs/guidelines/code-conventions/index.html b/docs/guidelines/code-conventions/index.html index a502932d54..969f2d4ee2 100644 --- a/docs/guidelines/code-conventions/index.html +++ b/docs/guidelines/code-conventions/index.html @@ -2,18 +2,22 @@ - Code conventions - CMS.gov Design System + Code conventions - CMSGov Design System + - + + + + +
-

CMS.gov Design System

Code conventions

- The design system favors clarity over succinctness. This means the design system may be verbose, but it should deliver clarity and resilience in exchange. Keeping CSS legible and scalable means sacrificing a shorter syntax. -

- -

CSS naming convention

+
Skip to main content

Design System

Code conventions

The design system favors clarity over succinctness. This means the design system may be verbose, but it should deliver clarity, predictability, and legibility in exchange.

+

CSS class naming convention

Namespace

To avoid conflicting with other libraries and existing code, the design system namespaces its CSS class names with ds-.

@@ -29,7 +33,7 @@

Prefix

l- -Indicates layout-related styles. These classes may be used in any number of unrelated contexts. Example: .ds-l-container +Indicates layout-related styles. Example: .ds-l-container c- @@ -39,19 +43,16 @@

Prefix

u- Indicates a utility. Example: .ds-u-color--base - -is-, has- -Indicates state. - +

These prefixes can sometimes be followed by a "breakpoint prefix". Learn more about breakpoint prefixes.

BEM syntax

Following the namespace and prefix is a name conforming to BEM syntax.

Put all together, a CSS class can be broken down to these key parts: [NAMESPACE]-[PREFIX]-[BLOCK]__[ELEMENT]--[MODIFIER]

    -
  • Block is a standalone entity that is meaningful on its own. For example: .ds-c-card, .ds-c-button
  • -
  • Element is a part of a block that has no standalone meaning and is semantically tied to its block, such as .ds-c-card__title
  • -
  • Modifier is a flag on a block or element and is used to change appearance or behavior. For example: .ds-c-button--primary, ds-u-color--primary, ds-u-margin--3
  • +
  • Block is a standalone entity that is meaningful on its own. For example: ds-c-card, ds-c-button
  • +
  • Element is a part of a block that has no standalone meaning and is semantically tied to its block, such as ds-c-card__title
  • +
  • Modifier is a flag on a block or element and is used to change appearance or behavior. For example: ds-c-button--primary, ds-u-color--base, ds-l-col--3

BEMโ€™s strict naming rules can be found here.

Credits

@@ -61,11 +62,11 @@

Credits

  • Thoughtful CSS Architecture, by Nathan Rambeck
  • More Transparent UI Code with Namespaces, by Harry Roberts
  • -
    +
    diff --git a/docs/guidelines/forms/index.html b/docs/guidelines/forms/index.html index 4ddcccb8c2..ea8bebbba2 100644 --- a/docs/guidelines/forms/index.html +++ b/docs/guidelines/forms/index.html @@ -2,14 +2,21 @@ - Forms - CMS.gov Design System + Forms - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Forms

    The design system includes components for the standard HTML form elements: checkboxes and radio buttons, text fields, select menus, fieldsets, labels, and so on.

    +
    Skip to main content

    Design System

    Forms

    The design system includes components for the standard HTML form elements: checkboxes and radio buttons, text fields, select menus, fieldsets, labels, and so on.

    Below are some best practices your project should aim to follow in order to provide the most accessible and usable experience for your users. Additional guidance, specific to each form field, is provided in each component's guidance tab.

    Best practices

    +
    diff --git a/docs/guidelines/i18n/index.html b/docs/guidelines/i18n/index.html index 79ea8366bf..0d8c7a34f0 100644 --- a/docs/guidelines/i18n/index.html +++ b/docs/guidelines/i18n/index.html @@ -2,14 +2,21 @@ - Internationalization - CMS.gov Design System + Internationalization - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Internationalization

    @cmsgov/design-system-docs/src/

    The design system's React components accepts all text as props, and it is the app's responsibility to provide the internationalized strings.

    +
    Skip to main content

    Design System

    Internationalization

    The design system's React components accepts all text as props, and it is the app's responsibility to provide the internationalized strings.

    For example:

    import {Alert} from '@cmsgov/design-system-core';
     import i18n from 'i18n';
    @@ -20,11 +27,11 @@
           {i18n('account.created')}
         </Alert>
       );
    -}
    +}
    diff --git a/docs/guidelines/responsive/index.html b/docs/guidelines/responsive/index.html index aed6971b18..63f2519eaf 100644 --- a/docs/guidelines/responsive/index.html +++ b/docs/guidelines/responsive/index.html @@ -2,15 +2,24 @@ - Responsive design - CMS.gov Design System + Responsive design - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Responsive design

    Responsive demo

    -

    The design system's layout, utility, and typography classes are built with responsive web design in mind and is built to be mobile first. Use the prefixes sm, md, lg, and xl to quickly and easily adjust your layout and content for different screen sizes and devices. Further info and usage examples are available on the individual documentation pages.

    +
    Skip to main content

    Design System

    Responsive design

    The design system's layout, utility, and typography classes are built with responsive web design in mind and is built to be mobile first.

    +

    Responsive demo

    +

    Usage

    +

    Use the breakpoint prefixes sm, md, lg, and xl to apply styles at different viewport sizes.

    @@ -21,6 +30,11 @@ + + + + + @@ -43,8 +57,8 @@
    min-width(0px)Viewports 0px and wider
    sm min-width(544px) Viewports 544px and wider

    For example: ds-u-lg-display--none sets an element's display property to none when the viewport is 1024px or wider.

    -

    What supports a responsive prefix

    -

    In order to reduce code bloat, not everything supports a responsive prefix. Only the items below support responsive prefixes:

    +

    What supports a breakpoint prefix

    +

    In order to reduce code bloat, not everything supports a breakpoint prefix. Only the items below support breakpoint prefixes.

    -
    +

    Additional usage examples are available on the pages listed above.

    +
    diff --git a/docs/index.html b/docs/index.html index 90c90cff20..a4b35d83ec 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,79 +2,44 @@ - Getting started - CMS.gov Design System + Introduction - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Getting started

    The design system is a shared set of design and development resources for creating accessible and consistent websites. The design system includes things like principles, high-level guidelines (UX conventions, UI code conventions, etc), UI components, documentation, tools, resources, and more.

    - -

    Installation

    -

    We suggest using a package manager like NPM or Yarn to install the design system package if you're working on a real world project. This way you can easily update the package when there's a new release.

    -
    npm install --save @cmsgov/design-system-core

    or if you're using Yarn:

    -
    yarn add @cmsgov/design-system-core

    You can also download a .zip of the design system directly from our GitHub repo.

    -

    Fonts and images

    -

    Copy the design system's fonts and images directories into the same directory as your site's CSS.

    -

    By default, the design system expects a file structure like this:

    -
    โ”œโ”€โ”€ Your site's public assets directory/
    -    โ”œโ”€โ”€ bundle.css
    -    โ”œโ”€โ”€ fonts/
    -    โ””โ”€โ”€ images/

    You can manually copy these directories, or you could integrate this step into your build process. Here's an example of how this step could be accomplished using a Gulp task.

    -

    You can change the default paths by overriding the following Sass variables:

    +
    Skip to main content

    Design System

    Introduction

    The design system is a set of open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites. It builds on the U.S. Web Design Standards and extends it to support additional CSS and React components, utility classes, and a grid framework to allow teams to quickly prototype and build accessible, responsive, production-ready websites.

    +

    It is currently being applied to HealthCare.gov. It is open source and freely available to use by anyone.

    +

    Learn how to get started

    +

    Goals

    +

    The primary goals for the design system are to:

      -
    • $font-path
    • -
    • $image-path
    • +
    • Help create consistent, enjoyable, reliable, and Section 508 compliant websites.
    • +
    • Promote best practices for usability, accessibility, and responsive web design.
    • +
    • Empower teams and speed up design and development velocity.
    • +
    • Serve as a living source of truth for UI standards.
    -

    Usage

    -

    Below are examples of the various ways you can reference the design system's styles and React components:

    -

    Styles

    -

    Using the bundled CSS file

    -

    The easiest way to add the design system's styles to your site is by referencing its bundled CSS file.

    -
      -
    1. Copy the design system's dist/css folder into a relevant place in your code base โ€” likely a directory where you keep third-party libraries. In the example below, our directory is css/vendor.
    2. -
    3. Add a <link> to the stylesheet in your site's <head>
    4. -
    -

    For example:

    -
    <link rel="stylesheet" src="css/vendor/design-system-core/index.css" />

    View an example

    -

    Using Sass

    -

    If you're already using Sass to style your site, another way to include the design system's styles is by importing its main Sass file.

    -
    @import 'node_modules/@cmsgov/design-system-core/src/index';

    To override any of the design system's Sass variables, include the variable definitions before the line where the design system is imported.

    -

    View an example

    -

    Applying styling

    -

    Once your page is loading the design system's CSS, you can then begin adding its CSS class names to utilize the system. Below is an example of a project applying the base-level of styles and a utility class.

    -
    <html>
    -<head>
    -  <link rel="stylesheet" src="node_modules/@cmsgov/design-system-core/dist/index.css" />
    -</head>
    -<body class="ds-base">
    -  <h1 class="ds-u-font-size--title">Hello world</h1>
    -</body>
    -</html>

    React

    -

    Importing defaults

    -

    Individual components can be imported from their individual export file.

    -
    import Button from '@cmsgov/design-system-core/dist/components/Button/Button';

    Named imports

    -

    Components can also be imported using the shorter syntax below.

    -
    -
    -

    A note on performance

    -

    - This approach may result in a much larger file than you intend. Depending on what module bundler you use, all of the design system's React components may be included in the bundled file even if you didn't specifically import them. This can be avoided by enabling features like tree shaking in Webpack. -

    -
    -
    - -
    import {Button} from '@cmsgov/design-system-core';

    View an example

    -

    Examples

    -

    View example projects to see ways you can use the design system and incorporate it into your development process.

    -

    Credits

    -

    Our design system is a variation and extension of the U.S. Web Design Standards. Thank you to 18F and GSA for the hard work they put into the Standards. We're excited to contribute our learnings and progress.

    -
    +

    In order to meet these goals we are:

    +
      +
    • Using the U.S. Web Design Standards components and visual design as a foundation. Read more about how we're applying the Standards in our GitHub Wiki.
    • +
    • Reducing the overall footprint of websites by writing scalable CSS.
    • +
    • Supporting rapid development with utility classes and easy-to-use components with best practices baked in.
    • +
    • Reducing the number of decisions needed when iterating on UI by providing a solid foundation of typography, layout, and color.
    • +
    • Distributing resources as NPM packages which can be easily installed, updated, and imported.
    • +
    +
    diff --git a/docs/layout/grid/index.html b/docs/layout/grid/index.html index e11a52b479..a24ac77044 100644 --- a/docs/layout/grid/index.html +++ b/docs/layout/grid/index.html @@ -2,14 +2,21 @@ - Grid - CMS.gov Design System + Grid - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Grid

    @cmsgov/design-system-layout/src/index.scss

    The design system provides a 12-column, responsive, flexbox grid to provide structure and align content.

    +
    Skip to main content

    Design System

    Grid

    The design system provides a 12-column, responsive, flexbox grid to provide structure and align content.

    The grid consists of three distinct pieces:

    • A container adds a maximum width and centers the content
    • @@ -17,10 +24,10 @@

    Installation

    The grid is opt-in and not distributed with the core design system package. Install the NPM package or download the latest release.

    -
    npm install @cmsgov/design-system-layout --save

    View the layout package's README for additional installation info.

    +
    npm install @cmsgov/design-system-layout --save

    View the package's README for additional info.

    Browser support

    -

    Flexbox grid supports modern browsers and Internet Explorer 10+. In older versions of Internet Explorer the grid columns will be stacked.

    Default behavior

    Columns without a set width will automatically layout with equal widths. For example, below are four instances of .ds-l-col which are each automatically 25% wide. The columns will automatically wrap when they don't fit a single row.

    -

    Column widths are set in percentages, so theyโ€™re always responsive and will be sized relative to their parent row.

    Code snippet
    <section class="ds-l-container preview-grid">
    +

    Flexbox grid supports modern browsers and Internet Explorer 10+. In older versions of Internet Explorer the grid columns will be stacked.

    Default behavior

    Columns without a set width will automatically layout with equal widths. For example, below are four instances of .ds-l-col which are each automatically 25% wide. The columns will automatically wrap when they don't fit a single row.

    +

    Column widths are set in percentages, so theyโ€™re always responsive and will be sized relative to their parent row.

    Code snippet
    <section class="ds-l-container preview__grid">
       <div class="ds-l-row">
         <div class="ds-l-col">
           Auto
    @@ -35,7 +42,7 @@ 

    Browser support

    Auto </div> </div> -</section>

    Specifying number of columns

    Specify the number of columns (1-12) to span using .ds-l-col--* classes. These classes will span * columns. So, if you want two elements that each span half the row, you would use .ds-l-col--6

    Code snippet
    <section class="ds-l-container preview-grid">
    +</section>

    Specifying number of columns

    Specify the number of columns (1-12) to span using .ds-l-col--* classes. These classes will span * columns. So, if you want two elements that each span half the row, you would use .ds-l-col--6

    Code snippet
    <section class="ds-l-container preview__grid">
       <div class="ds-l-row">
         <div class="ds-l-col--6">
           6 columns
    @@ -44,7 +51,7 @@ 

    Browser support

    6 columns </div> </div> -</section>

    Mobile, tablet, and desktop grids

    Each column class can include a breakpoint "prefix" (sm, md, lg, xl), allowing you to change the column widths based on the viewport width.

    +</section>

    Mobile, tablet, and desktop grids

    Each column class can include a breakpoint "prefix" (sm, md, lg, xl), allowing you to change the column widths based on the viewport width.

    An element with a ds-l-{breakpoint}-col--* class will span * columns at viewports matching breakpoint and larger.

    In the example below, the cells span:

      @@ -53,7 +60,7 @@

      Browser support

    • 1/3 of the row on md viewports, using ds-l-md-col--4
    • 1/2 of the row on sm viewports, using ds-l-sm-col--6
    • The entire width of the row on viewports smaller than the sm breakpoint, using ds-l-col--12
    • -
    New tab
    Code snippet
    <section class="ds-l-container preview-grid">
    +
    New tab
    Code snippet
    <section class="ds-l-container preview__grid">
       <div class="ds-l-row">
         <div class="ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-l-xl-col--2">
           A
    @@ -74,7 +81,7 @@ 

    Browser support

    F </div> </div> -</section>

    Nested grids

    Code snippet
    <section class="ds-l-container preview-grid">
    +</section>

    Nested grids

    Code snippet
    <section class="ds-l-container preview__grid">
       <div class="ds-l-row">
         <div class="ds-l-col--9">
           Level 1
    @@ -94,7 +101,7 @@ 

    Browser support

    Level 1 </div> </div> -</section>

    Offsetting columns

    Offset columns using the margin auto utility class:

    Code snippet
    <section class="ds-l-container preview__grid">
       <div class="ds-l-row">
         <div class="ds-l-col--3">
           3 columns
    @@ -103,7 +110,7 @@ 

    Browser support

    4 columns, offset 5 columns </div> </div> -</section>

    Alignment

    Align columns horizontally or vertically using flexbox utility classes. To align columns horizontally, use the justify-content utility class. To align columns vertically, use the align-items utility class.

    Code snippet
    <section class="ds-l-container preview-grid">
    +</section>

    Alignment

    Align columns horizontally or vertically using flexbox utility classes. To align columns horizontally, use the justify-content utility class. To align columns vertically, use the align-items utility class.

    Code snippet
    <section class="ds-l-container preview__grid">
       <div class="ds-l-row ds-u-fill--gray">
         <div class="ds-l-col--3">Left</div>
       </div>
    @@ -128,7 +135,7 @@ 

    Browser support

    <div class="ds-l-col--3">Bottom</div> <div class="ds-l-col--3">Bottom</div> </div> -</section>
    +
    diff --git a/docs/layout/spacing/index.html b/docs/layout/spacing/index.html index f19966a4fc..f91ba4e894 100644 --- a/docs/layout/spacing/index.html +++ b/docs/layout/spacing/index.html @@ -2,26 +2,34 @@ - Spacing - CMS.gov Design System + Spacing - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Spacing

    @cmsgov/design-system-support/src/settings/_variables.layout.scss

    The design system uses multiples of 8px for all spacing values: dimensions, padding, and margin. The primary goal behind this is to achieve a consistent vertical rhythm and to reduce the cognitive load of fiddling with different spacing options.

    +
    Skip to main content

    Design System

    Spacing

    The design system uses multiples of 8px for all spacing values: dimensions, padding, and margins. The goal behind this is to achieve a consistent vertical rhythm and to reduce the cognitive load of fiddling with different spacing options.

    Usage

      -
    • Use the margin and padding utility classes to change the spacing of your design elements. These utility classes are named in a way that allows you to use the modifier to calculate the amount of spacing. For example, a margin utility class that adds 16px of spacing would be ds-u-margin--2. We can calculate this by looking at the class's modifier (2) and multiplying that by our multiple: 2 ร— 8px = 16px
    • +
    • Use the margin and padding utility classes to change a UI's spacing. These utility classes are named in a way that allows you to use the modifier to calculate the amount of spacing. For example, a margin utility class that adds 16px of spacing would be ds-u-margin--2. We can calculate this by looking at the class's modifier (2) and multiplying that by our multiple: 2 ร— 8px = 16px
    • +
    • If you've imported the design system's Sass file, you can also use the spacer Sass variables, which follow the format $spacer-* where * is a number between 1โ€“7 (i.e. $spacer-4)

    Learn more

    +
    diff --git a/docs/patterns/documentation-page/index.html b/docs/patterns/documentation-page/index.html index c11e07b853..b768573811 100644 --- a/docs/patterns/documentation-page/index.html +++ b/docs/patterns/documentation-page/index.html @@ -2,53 +2,61 @@ - Documentation page - CMS.gov Design System + Documentation page - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Documentation page

    US Web Design Standard

    A documentation page presents information on a certain theme, topic, or idea. People often arrive here after visiting the landing page or after searching for a specific piece of information, so documentation pages donโ€™t need to provide as much contextualizing information as more introductory pages would.

    -
    New tab
    Code snippet
    <main class="ds-base ds-l-container">
    +    
    Skip to main content

    Design System

    Documentation page

    A documentation page presents information on a certain theme, topic, or idea. People often arrive here after visiting the landing page or after searching for a specific piece of information, so documentation pages donโ€™t need to provide as much contextualizing information as more introductory pages would.

    +
    New tab
    Code snippet
    <main class="ds-base ds-l-container">
    +  <a class="ds-c-skip-nav" href="#content">Skip to main content</a>
       <div class="ds-l-row">
         <aside class="ds-u-margin-bottom--4 ds-u-md-margin-bottom--0 ds-l-md-col--4 ds-l-lg-col--3">
           <ul class="ds-c-vertical-nav">
             <li class="ds-c-vertical-nav__item">
    -          <a class="ds-c-vertical-nav__link" href="javascript:void(0);">
    +          <a class="ds-c-vertical-nav__label" href="javascript:void(0);">
                 Page title
               </a>
             </li>
             <li class="ds-c-vertical-nav__item">
    -          <a class="ds-c-vertical-nav__link ds-c-vertical-nav__link--current" href="javascript:void(0);">
    +          <a class="ds-c-vertical-nav__label ds-c-vertical-nav__label--current" href="javascript:void(0);">
                 Page heading (h1)
               </a>
               <ul class="ds-c-vertical-nav__subnav">
                 <li class="ds-c-vertical-nav__item">
    -              <a class="ds-c-vertical-nav__link" href="#section-heading-h2">
    +              <a class="ds-c-vertical-nav__label" href="#section-heading-h2">
                     Section heading (h2)
                   </a>
                 </li>
                 <li class="ds-c-vertical-nav__item">
    -              <a class="ds-c-vertical-nav__link" href="#section-heading-h3">
    +              <a class="ds-c-vertical-nav__label" href="#section-heading-h3">
                     Subsection heading (h3)
                   </a>
                 </li>
                 <li class="ds-c-vertical-nav__item">
    -              <a class="ds-c-vertical-nav__link" href="#section-heading-h4">
    +              <a class="ds-c-vertical-nav__label" href="#section-heading-h4">
                     Subsection heading (h4)
                   </a>
                 </li>
               </ul>
             </li>
             <li class="ds-c-vertical-nav__item">
    -          <a class="ds-c-vertical-nav__link" href="javascript:void(0);">
    +          <a class="ds-c-vertical-nav__label" href="javascript:void(0);">
                 Page title
               </a>
             </li>
           </ul>
         </aside>
    -    <article class="ds-l-md-col--8 ds-l-lg-col--9">
    +    <article id="content" class="ds-l-md-col--8 ds-l-lg-col--9">
           <h1 class="ds-h1">Page heading (h1)</h1>
           <p class="ds-text--lead">The page heading communicates the main focus of the page. Make your page heading descriptive and keep it succinct.</p>
           <h2 class="ds-h2" id="section-heading-h2">Section heading (h2)</h2>
    @@ -60,7 +68,7 @@
           <p class="ds-text">Use the vertical navigation menu to help your users quickly skip to different sections of your page. The menu is best suited to displaying a hierarchy with one to three levels and, as we mentioned, to display the sub-navigation of a given page.</p>
         </article>
       </div>
    -</main>
    +
    diff --git a/docs/public/images/favicon.png b/docs/public/images/favicon.png new file mode 100644 index 0000000000..0d0077a7d5 Binary files /dev/null and b/docs/public/images/favicon.png differ diff --git a/docs/public/scripts/example.js b/docs/public/scripts/example.js new file mode 100644 index 0000000000..2282c41695 --- /dev/null +++ b/docs/public/scripts/example.js @@ -0,0 +1 @@ +!function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="/design-system/public/scripts/",__webpack_require__(__webpack_require__.s=315)}({315:function(module,exports,__webpack_require__){module.exports=__webpack_require__(316)},316:function(module,exports,__webpack_require__){"use strict";var _getHexBackgroundColor=__webpack_require__(317),_getHexBackgroundColor2=function(obj){return obj&&obj.__esModule?obj:{default:obj}}(_getHexBackgroundColor);!function(){for(var hexElements=document.querySelectorAll(".js-swatch-hex"),i=hexElements.length-1;i>=0;i--){var el=hexElements[i],swatch=el.parentElement.querySelector(".c-swatch__preview"),color=(0,_getHexBackgroundColor2.default)(swatch);color?el.textContent=color:el.classList.add("ds-u-display--none")}}()},317:function(module,exports,__webpack_require__){"use strict";function rgbToHex(r,g,b){var bin=r<<16|g<<8|b;return function(h){return new Array(7-h.length).join("0")+h}(bin.toString(16).toUpperCase())}function getHexBackgroundColor(el){var color=window.getComputedStyle(el)["background-color"];if(color){var rgb=color.match(/([0-9]+)/g);if(!(rgb.length>3&&0===parseInt(rgb[3]))){return"#"+rgbToHex.apply(null,rgb)}}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=getHexBackgroundColor}}); \ No newline at end of file diff --git a/docs/public/scripts/index.js b/docs/public/scripts/index.js index 3f89d61d5c..c20c306af4 100644 --- a/docs/public/scripts/index.js +++ b/docs/public/scripts/index.js @@ -1,4 +1,4 @@ -!function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="/design-system/public/scripts/",__webpack_require__(__webpack_require__.s=126)}([function(module,exports,__webpack_require__){"use strict";function invariant(condition,format,a,b,c,d,e,f){if(validateFormat(format),!condition){var error;if(void 0===format)error=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var args=[a,b,c,d,e,f],argIndex=0;error=new Error(format.replace(/%s/g,function(){return args[argIndex++]})),error.name="Invariant Violation"}throw error.framesToPop=1,error}}var validateFormat=function(format){};module.exports=invariant},function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(238)},function(module,exports,__webpack_require__){"use strict";var emptyFunction=__webpack_require__(11),warning=emptyFunction;module.exports=warning},function(module,exports,__webpack_require__){"use strict";function reactProdInvariant(code){for(var argCount=arguments.length-1,message="Minified React error #"+code+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+code,argIdx=0;argIdx1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i]/,createMicrosoftUnsafeLocalFunction=__webpack_require__(50),setInnerHTML=createMicrosoftUnsafeLocalFunction(function(node,html){if(node.namespaceURI!==DOMNamespaces.svg||"innerHTML"in node)node.innerHTML=html;else{reusableSVGContainer=reusableSVGContainer||document.createElement("div"),reusableSVGContainer.innerHTML=""+html+"";for(var svgNode=reusableSVGContainer.firstChild;svgNode.firstChild;)node.appendChild(svgNode.firstChild)}});if(ExecutionEnvironment.canUseDOM){var testElement=document.createElement("div");testElement.innerHTML=" ",""===testElement.innerHTML&&(setInnerHTML=function(node,html){if(node.parentNode&&node.parentNode.replaceChild(node,node),WHITESPACE_TEST.test(html)||"<"===html[0]&&NONVISIBLE_TEST.test(html)){node.innerHTML=String.fromCharCode(65279)+html;var textNode=node.firstChild;1===textNode.data.length?node.removeChild(textNode):textNode.deleteData(0,1)}else node.innerHTML=html}),testElement=null}module.exports=setInnerHTML},function(module,exports,__webpack_require__){"use strict";function escapeHtml(string){var str=""+string,match=matchHtmlRegExp.exec(str);if(!match)return str;var escape,html="",index=0,lastIndex=0;for(index=match.index;index]/;module.exports=escapeTextContentForBrowser},function(module,exports,__webpack_require__){"use strict";function getListeningForDocument(mountAt){return Object.prototype.hasOwnProperty.call(mountAt,topListenersIDKey)||(mountAt[topListenersIDKey]=reactTopListenersCounter++,alreadyListeningTo[mountAt[topListenersIDKey]]={}),alreadyListeningTo[mountAt[topListenersIDKey]]}var hasEventPageXY,_assign=__webpack_require__(6),EventPluginRegistry=__webpack_require__(42),ReactEventEmitterMixin=__webpack_require__(179),ViewportMetrics=__webpack_require__(78),getVendorPrefixedEventName=__webpack_require__(180),isEventSupported=__webpack_require__(46),alreadyListeningTo={},isMonitoringScrollValue=!1,reactTopListenersCounter=0,topEventMapping={topAbort:"abort",topAnimationEnd:getVendorPrefixedEventName("animationend")||"animationend",topAnimationIteration:getVendorPrefixedEventName("animationiteration")||"animationiteration",topAnimationStart:getVendorPrefixedEventName("animationstart")||"animationstart",topBlur:"blur",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topChange:"change",topClick:"click",topCompositionEnd:"compositionend",topCompositionStart:"compositionstart",topCompositionUpdate:"compositionupdate",topContextMenu:"contextmenu",topCopy:"copy",topCut:"cut",topDoubleClick:"dblclick",topDrag:"drag",topDragEnd:"dragend",topDragEnter:"dragenter",topDragExit:"dragexit",topDragLeave:"dragleave",topDragOver:"dragover",topDragStart:"dragstart",topDrop:"drop",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topFocus:"focus",topInput:"input",topKeyDown:"keydown",topKeyPress:"keypress",topKeyUp:"keyup",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topMouseDown:"mousedown",topMouseMove:"mousemove",topMouseOut:"mouseout",topMouseOver:"mouseover",topMouseUp:"mouseup",topPaste:"paste",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topScroll:"scroll",topSeeked:"seeked",topSeeking:"seeking",topSelectionChange:"selectionchange",topStalled:"stalled",topSuspend:"suspend",topTextInput:"textInput",topTimeUpdate:"timeupdate",topTouchCancel:"touchcancel",topTouchEnd:"touchend",topTouchMove:"touchmove",topTouchStart:"touchstart",topTransitionEnd:getVendorPrefixedEventName("transitionend")||"transitionend",topVolumeChange:"volumechange",topWaiting:"waiting",topWheel:"wheel"},topListenersIDKey="_reactListenersID"+String(Math.random()).slice(2),ReactBrowserEventEmitter=_assign({},ReactEventEmitterMixin,{ReactEventListener:null,injection:{injectReactEventListener:function(ReactEventListener){ReactEventListener.setHandleTopLevel(ReactBrowserEventEmitter.handleTopLevel),ReactBrowserEventEmitter.ReactEventListener=ReactEventListener}},setEnabled:function(enabled){ReactBrowserEventEmitter.ReactEventListener&&ReactBrowserEventEmitter.ReactEventListener.setEnabled(enabled)},isEnabled:function(){return!(!ReactBrowserEventEmitter.ReactEventListener||!ReactBrowserEventEmitter.ReactEventListener.isEnabled())},listenTo:function(registrationName,contentDocumentHandle){for(var mountAt=contentDocumentHandle,isListening=getListeningForDocument(mountAt),dependencies=EventPluginRegistry.registrationNameDependencies[registrationName],i=0;i1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i-1||_prodInvariant("96",pluginName),!EventPluginRegistry.plugins[pluginIndex]){pluginModule.extractEvents||_prodInvariant("97",pluginName),EventPluginRegistry.plugins[pluginIndex]=pluginModule;var publishedEvents=pluginModule.eventTypes;for(var eventName in publishedEvents)publishEventForPlugin(publishedEvents[eventName],pluginModule,eventName)||_prodInvariant("98",eventName,pluginName)}}}function publishEventForPlugin(dispatchConfig,pluginModule,eventName){EventPluginRegistry.eventNameDispatchConfigs.hasOwnProperty(eventName)&&_prodInvariant("99",eventName),EventPluginRegistry.eventNameDispatchConfigs[eventName]=dispatchConfig;var phasedRegistrationNames=dispatchConfig.phasedRegistrationNames;if(phasedRegistrationNames){for(var phaseName in phasedRegistrationNames)if(phasedRegistrationNames.hasOwnProperty(phaseName)){var phasedRegistrationName=phasedRegistrationNames[phaseName];publishRegistrationName(phasedRegistrationName,pluginModule,eventName)}return!0}return!!dispatchConfig.registrationName&&(publishRegistrationName(dispatchConfig.registrationName,pluginModule,eventName),!0)}function publishRegistrationName(registrationName,pluginModule,eventName){EventPluginRegistry.registrationNameModules[registrationName]&&_prodInvariant("100",registrationName),EventPluginRegistry.registrationNameModules[registrationName]=pluginModule,EventPluginRegistry.registrationNameDependencies[registrationName]=pluginModule.eventTypes[eventName].dependencies}var _prodInvariant=__webpack_require__(3),eventPluginOrder=(__webpack_require__(0),null),namesToPlugins={},EventPluginRegistry={plugins:[],eventNameDispatchConfigs:{},registrationNameModules:{},registrationNameDependencies:{},possibleRegistrationNames:null,injectEventPluginOrder:function(injectedEventPluginOrder){eventPluginOrder&&_prodInvariant("101"),eventPluginOrder=Array.prototype.slice.call(injectedEventPluginOrder),recomputePluginOrdering()},injectEventPluginsByName:function(injectedNamesToPlugins){var isOrderingDirty=!1;for(var pluginName in injectedNamesToPlugins)if(injectedNamesToPlugins.hasOwnProperty(pluginName)){var pluginModule=injectedNamesToPlugins[pluginName];namesToPlugins.hasOwnProperty(pluginName)&&namesToPlugins[pluginName]===pluginModule||(namesToPlugins[pluginName]&&_prodInvariant("102",pluginName),namesToPlugins[pluginName]=pluginModule,isOrderingDirty=!0)}isOrderingDirty&&recomputePluginOrdering()},getPluginModuleForEvent:function(event){var dispatchConfig=event.dispatchConfig;if(dispatchConfig.registrationName)return EventPluginRegistry.registrationNameModules[dispatchConfig.registrationName]||null;if(void 0!==dispatchConfig.phasedRegistrationNames){var phasedRegistrationNames=dispatchConfig.phasedRegistrationNames;for(var phase in phasedRegistrationNames)if(phasedRegistrationNames.hasOwnProperty(phase)){var pluginModule=EventPluginRegistry.registrationNameModules[phasedRegistrationNames[phase]];if(pluginModule)return pluginModule}}return null},_resetEventPlugins:function(){eventPluginOrder=null;for(var pluginName in namesToPlugins)namesToPlugins.hasOwnProperty(pluginName)&&delete namesToPlugins[pluginName];EventPluginRegistry.plugins.length=0;var eventNameDispatchConfigs=EventPluginRegistry.eventNameDispatchConfigs;for(var eventName in eventNameDispatchConfigs)eventNameDispatchConfigs.hasOwnProperty(eventName)&&delete eventNameDispatchConfigs[eventName];var registrationNameModules=EventPluginRegistry.registrationNameModules;for(var registrationName in registrationNameModules)registrationNameModules.hasOwnProperty(registrationName)&&delete registrationNameModules[registrationName]}};module.exports=EventPluginRegistry},function(module,exports,__webpack_require__){"use strict";function isEndish(topLevelType){return"topMouseUp"===topLevelType||"topTouchEnd"===topLevelType||"topTouchCancel"===topLevelType}function isMoveish(topLevelType){return"topMouseMove"===topLevelType||"topTouchMove"===topLevelType}function isStartish(topLevelType){return"topMouseDown"===topLevelType||"topTouchStart"===topLevelType}function executeDispatch(event,simulated,listener,inst){var type=event.type||"unknown-event";event.currentTarget=EventPluginUtils.getNodeFromInstance(inst),simulated?ReactErrorUtils.invokeGuardedCallbackWithCatch(type,listener,event):ReactErrorUtils.invokeGuardedCallback(type,listener,event),event.currentTarget=null}function executeDispatchesInOrder(event,simulated){var dispatchListeners=event._dispatchListeners,dispatchInstances=event._dispatchInstances;if(Array.isArray(dispatchListeners))for(var i=0;i]/,createMicrosoftUnsafeLocalFunction=__webpack_require__(54),setInnerHTML=createMicrosoftUnsafeLocalFunction(function(node,html){if(node.namespaceURI!==DOMNamespaces.svg||"innerHTML"in node)node.innerHTML=html;else{reusableSVGContainer=reusableSVGContainer||document.createElement("div"),reusableSVGContainer.innerHTML=""+html+"";for(var svgNode=reusableSVGContainer.firstChild;svgNode.firstChild;)node.appendChild(svgNode.firstChild)}});if(ExecutionEnvironment.canUseDOM){var testElement=document.createElement("div");testElement.innerHTML=" ",""===testElement.innerHTML&&(setInnerHTML=function(node,html){if(node.parentNode&&node.parentNode.replaceChild(node,node),WHITESPACE_TEST.test(html)||"<"===html[0]&&NONVISIBLE_TEST.test(html)){node.innerHTML=String.fromCharCode(65279)+html;var textNode=node.firstChild;1===textNode.data.length?node.removeChild(textNode):textNode.deleteData(0,1)}else node.innerHTML=html}),testElement=null}module.exports=setInnerHTML},function(module,exports,__webpack_require__){"use strict";function escapeHtml(string){var str=""+string,match=matchHtmlRegExp.exec(str);if(!match)return str;var escape,html="",index=0,lastIndex=0;for(index=match.index;index]/;module.exports=escapeTextContentForBrowser},function(module,exports,__webpack_require__){"use strict";function getListeningForDocument(mountAt){return Object.prototype.hasOwnProperty.call(mountAt,topListenersIDKey)||(mountAt[topListenersIDKey]=reactTopListenersCounter++,alreadyListeningTo[mountAt[topListenersIDKey]]={}),alreadyListeningTo[mountAt[topListenersIDKey]]}var hasEventPageXY,_assign=__webpack_require__(6),EventPluginRegistry=__webpack_require__(46),ReactEventEmitterMixin=__webpack_require__(268),ViewportMetrics=__webpack_require__(110),getVendorPrefixedEventName=__webpack_require__(269),isEventSupported=__webpack_require__(50),alreadyListeningTo={},isMonitoringScrollValue=!1,reactTopListenersCounter=0,topEventMapping={topAbort:"abort",topAnimationEnd:getVendorPrefixedEventName("animationend")||"animationend",topAnimationIteration:getVendorPrefixedEventName("animationiteration")||"animationiteration",topAnimationStart:getVendorPrefixedEventName("animationstart")||"animationstart",topBlur:"blur",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topChange:"change",topClick:"click",topCompositionEnd:"compositionend",topCompositionStart:"compositionstart",topCompositionUpdate:"compositionupdate",topContextMenu:"contextmenu",topCopy:"copy",topCut:"cut",topDoubleClick:"dblclick",topDrag:"drag",topDragEnd:"dragend",topDragEnter:"dragenter",topDragExit:"dragexit",topDragLeave:"dragleave",topDragOver:"dragover",topDragStart:"dragstart",topDrop:"drop",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topFocus:"focus",topInput:"input",topKeyDown:"keydown",topKeyPress:"keypress",topKeyUp:"keyup",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topMouseDown:"mousedown",topMouseMove:"mousemove",topMouseOut:"mouseout",topMouseOver:"mouseover",topMouseUp:"mouseup",topPaste:"paste",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topScroll:"scroll",topSeeked:"seeked",topSeeking:"seeking",topSelectionChange:"selectionchange",topStalled:"stalled",topSuspend:"suspend",topTextInput:"textInput",topTimeUpdate:"timeupdate",topTouchCancel:"touchcancel",topTouchEnd:"touchend",topTouchMove:"touchmove",topTouchStart:"touchstart",topTransitionEnd:getVendorPrefixedEventName("transitionend")||"transitionend",topVolumeChange:"volumechange",topWaiting:"waiting",topWheel:"wheel"},topListenersIDKey="_reactListenersID"+String(Math.random()).slice(2),ReactBrowserEventEmitter=_assign({},ReactEventEmitterMixin,{ReactEventListener:null,injection:{injectReactEventListener:function(ReactEventListener){ReactEventListener.setHandleTopLevel(ReactBrowserEventEmitter.handleTopLevel),ReactBrowserEventEmitter.ReactEventListener=ReactEventListener}},setEnabled:function(enabled){ReactBrowserEventEmitter.ReactEventListener&&ReactBrowserEventEmitter.ReactEventListener.setEnabled(enabled)},isEnabled:function(){return!(!ReactBrowserEventEmitter.ReactEventListener||!ReactBrowserEventEmitter.ReactEventListener.isEnabled())},listenTo:function(registrationName,contentDocumentHandle){for(var mountAt=contentDocumentHandle,isListening=getListeningForDocument(mountAt),dependencies=EventPluginRegistry.registrationNameDependencies[registrationName],i=0;i1)for(var i=1;i-1||_prodInvariant("96",pluginName),!EventPluginRegistry.plugins[pluginIndex]){pluginModule.extractEvents||_prodInvariant("97",pluginName),EventPluginRegistry.plugins[pluginIndex]=pluginModule;var publishedEvents=pluginModule.eventTypes;for(var eventName in publishedEvents)publishEventForPlugin(publishedEvents[eventName],pluginModule,eventName)||_prodInvariant("98",eventName,pluginName)}}}function publishEventForPlugin(dispatchConfig,pluginModule,eventName){EventPluginRegistry.eventNameDispatchConfigs.hasOwnProperty(eventName)&&_prodInvariant("99",eventName),EventPluginRegistry.eventNameDispatchConfigs[eventName]=dispatchConfig;var phasedRegistrationNames=dispatchConfig.phasedRegistrationNames;if(phasedRegistrationNames){for(var phaseName in phasedRegistrationNames)if(phasedRegistrationNames.hasOwnProperty(phaseName)){var phasedRegistrationName=phasedRegistrationNames[phaseName];publishRegistrationName(phasedRegistrationName,pluginModule,eventName)}return!0}return!!dispatchConfig.registrationName&&(publishRegistrationName(dispatchConfig.registrationName,pluginModule,eventName),!0)}function publishRegistrationName(registrationName,pluginModule,eventName){EventPluginRegistry.registrationNameModules[registrationName]&&_prodInvariant("100",registrationName),EventPluginRegistry.registrationNameModules[registrationName]=pluginModule,EventPluginRegistry.registrationNameDependencies[registrationName]=pluginModule.eventTypes[eventName].dependencies}var _prodInvariant=__webpack_require__(4),eventPluginOrder=(__webpack_require__(0),null),namesToPlugins={},EventPluginRegistry={plugins:[],eventNameDispatchConfigs:{},registrationNameModules:{},registrationNameDependencies:{},possibleRegistrationNames:null,injectEventPluginOrder:function(injectedEventPluginOrder){eventPluginOrder&&_prodInvariant("101"),eventPluginOrder=Array.prototype.slice.call(injectedEventPluginOrder),recomputePluginOrdering()},injectEventPluginsByName:function(injectedNamesToPlugins){var isOrderingDirty=!1;for(var pluginName in injectedNamesToPlugins)if(injectedNamesToPlugins.hasOwnProperty(pluginName)){var pluginModule=injectedNamesToPlugins[pluginName];namesToPlugins.hasOwnProperty(pluginName)&&namesToPlugins[pluginName]===pluginModule||(namesToPlugins[pluginName]&&_prodInvariant("102",pluginName),namesToPlugins[pluginName]=pluginModule,isOrderingDirty=!0)}isOrderingDirty&&recomputePluginOrdering()},getPluginModuleForEvent:function(event){var dispatchConfig=event.dispatchConfig;if(dispatchConfig.registrationName)return EventPluginRegistry.registrationNameModules[dispatchConfig.registrationName]||null;if(void 0!==dispatchConfig.phasedRegistrationNames){var phasedRegistrationNames=dispatchConfig.phasedRegistrationNames;for(var phase in phasedRegistrationNames)if(phasedRegistrationNames.hasOwnProperty(phase)){var pluginModule=EventPluginRegistry.registrationNameModules[phasedRegistrationNames[phase]];if(pluginModule)return pluginModule}}return null},_resetEventPlugins:function(){eventPluginOrder=null;for(var pluginName in namesToPlugins)namesToPlugins.hasOwnProperty(pluginName)&&delete namesToPlugins[pluginName];EventPluginRegistry.plugins.length=0;var eventNameDispatchConfigs=EventPluginRegistry.eventNameDispatchConfigs;for(var eventName in eventNameDispatchConfigs)eventNameDispatchConfigs.hasOwnProperty(eventName)&&delete eventNameDispatchConfigs[eventName];var registrationNameModules=EventPluginRegistry.registrationNameModules;for(var registrationName in registrationNameModules)registrationNameModules.hasOwnProperty(registrationName)&&delete registrationNameModules[registrationName]}};module.exports=EventPluginRegistry},function(module,exports,__webpack_require__){"use strict";function isEndish(topLevelType){return"topMouseUp"===topLevelType||"topTouchEnd"===topLevelType||"topTouchCancel"===topLevelType}function isMoveish(topLevelType){return"topMouseMove"===topLevelType||"topTouchMove"===topLevelType}function isStartish(topLevelType){return"topMouseDown"===topLevelType||"topTouchStart"===topLevelType}function executeDispatch(event,simulated,listener,inst){var type=event.type||"unknown-event";event.currentTarget=EventPluginUtils.getNodeFromInstance(inst),simulated?ReactErrorUtils.invokeGuardedCallbackWithCatch(type,listener,event):ReactErrorUtils.invokeGuardedCallback(type,listener,event),event.currentTarget=null}function executeDispatchesInOrder(event,simulated){var dispatchListeners=event._dispatchListeners,dispatchInstances=event._dispatchInstances;if(Array.isArray(dispatchListeners))for(var i=0;i0&&keys.length<20?displayName+" (keys: "+keys.join(", ")+")":displayName}function getInternalInstanceReadyForUpdate(publicInstance,callerName){var internalInstance=ReactInstanceMap.get(publicInstance);if(!internalInstance){return null}return internalInstance}var _prodInvariant=__webpack_require__(3),ReactInstanceMap=(__webpack_require__(15),__webpack_require__(30)),ReactUpdates=(__webpack_require__(12),__webpack_require__(13)),ReactUpdateQueue=(__webpack_require__(0),__webpack_require__(2),{isMounted:function(publicInstance){var internalInstance=ReactInstanceMap.get(publicInstance);return!!internalInstance&&!!internalInstance._renderedComponent},enqueueCallback:function(publicInstance,callback,callerName){ReactUpdateQueue.validateCallback(callback,callerName);var internalInstance=getInternalInstanceReadyForUpdate(publicInstance);if(!internalInstance)return null;internalInstance._pendingCallbacks?internalInstance._pendingCallbacks.push(callback):internalInstance._pendingCallbacks=[callback],enqueueUpdate(internalInstance)},enqueueCallbackInternal:function(internalInstance,callback){internalInstance._pendingCallbacks?internalInstance._pendingCallbacks.push(callback):internalInstance._pendingCallbacks=[callback],enqueueUpdate(internalInstance)},enqueueForceUpdate:function(publicInstance){var internalInstance=getInternalInstanceReadyForUpdate(publicInstance,"forceUpdate");internalInstance&&(internalInstance._pendingForceUpdate=!0,enqueueUpdate(internalInstance))},enqueueReplaceState:function(publicInstance,completeState,callback){var internalInstance=getInternalInstanceReadyForUpdate(publicInstance,"replaceState");internalInstance&&(internalInstance._pendingStateQueue=[completeState],internalInstance._pendingReplaceState=!0,void 0!==callback&&null!==callback&&(ReactUpdateQueue.validateCallback(callback,"replaceState"),internalInstance._pendingCallbacks?internalInstance._pendingCallbacks.push(callback):internalInstance._pendingCallbacks=[callback]),enqueueUpdate(internalInstance))},enqueueSetState:function(publicInstance,partialState){var internalInstance=getInternalInstanceReadyForUpdate(publicInstance,"setState");if(internalInstance){(internalInstance._pendingStateQueue||(internalInstance._pendingStateQueue=[])).push(partialState),enqueueUpdate(internalInstance)}},enqueueElementInternal:function(internalInstance,nextElement,nextContext){internalInstance._pendingElement=nextElement,internalInstance._context=nextContext,enqueueUpdate(internalInstance)},validateCallback:function(callback,callerName){callback&&"function"!=typeof callback&&_prodInvariant("122",callerName,formatUnexpectedArgument(callback))}});module.exports=ReactUpdateQueue},function(module,exports,__webpack_require__){"use strict";var emptyFunction=(__webpack_require__(6),__webpack_require__(11)),validateDOMNesting=(__webpack_require__(2),emptyFunction);module.exports=validateDOMNesting},function(module,exports,__webpack_require__){"use strict";function getEventCharCode(nativeEvent){var charCode,keyCode=nativeEvent.keyCode;return"charCode"in nativeEvent?0===(charCode=nativeEvent.charCode)&&13===keyCode&&(charCode=13):charCode=keyCode,charCode>=32||13===charCode?charCode:0}module.exports=getEventCharCode},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormLabel=void 0;var _createClass=function(){function defineProperties(target,props){for(var i=0;i1)for(var i=1;i.":"function"==typeof nextElement?" Instead of passing a class like Foo, pass React.createElement(Foo) or .":null!=nextElement&&void 0!==nextElement.props?" This may be caused by unintentionally loading two independent copies of React.":"");var nextContext,nextWrappedElement=React.createElement(TopLevelWrapper,{child:nextElement});if(parentComponent){var parentInst=ReactInstanceMap.get(parentComponent);nextContext=parentInst._processChildContext(parentInst._context)}else nextContext=emptyObject;var prevComponent=getTopLevelWrapperInContainer(container);if(prevComponent){var prevWrappedElement=prevComponent._currentElement,prevElement=prevWrappedElement.props.child;if(shouldUpdateReactComponent(prevElement,nextElement)){var publicInst=prevComponent._renderedComponent.getPublicInstance(),updatedCallback=callback&&function(){callback.call(publicInst)};return ReactMount._updateRootComponent(prevComponent,nextWrappedElement,nextContext,container,updatedCallback),publicInst}ReactMount.unmountComponentAtNode(container)}var reactRootElement=getReactRootElementInContainer(container),containerHasReactMarkup=reactRootElement&&!!internalGetID(reactRootElement),containerHasNonRootReactChild=hasNonRootReactChild(container),shouldReuseMarkup=containerHasReactMarkup&&!prevComponent&&!containerHasNonRootReactChild,component=ReactMount._renderNewRootComponent(nextWrappedElement,container,shouldReuseMarkup,nextContext)._renderedComponent.getPublicInstance();return callback&&callback.call(component),component},render:function(nextElement,container,callback){return ReactMount._renderSubtreeIntoContainer(null,nextElement,container,callback)},unmountComponentAtNode:function(container){isValidContainer(container)||_prodInvariant("40");var prevComponent=getTopLevelWrapperInContainer(container);if(!prevComponent){hasNonRootReactChild(container),1===container.nodeType&&container.hasAttribute(ROOT_ATTR_NAME);return!1}return delete instancesByReactRootID[prevComponent._instance.rootID],ReactUpdates.batchedUpdates(unmountComponentFromNode,prevComponent,container,!1),!0},_mountImageIntoNode:function(markup,container,instance,shouldReuseMarkup,transaction){if(isValidContainer(container)||_prodInvariant("41"),shouldReuseMarkup){var rootElement=getReactRootElementInContainer(container);if(ReactMarkupChecksum.canReuseMarkup(markup,rootElement))return void ReactDOMComponentTree.precacheNode(instance,rootElement);var checksum=rootElement.getAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);rootElement.removeAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);var rootMarkup=rootElement.outerHTML;rootElement.setAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME,checksum);var normalizedMarkup=markup,diffIndex=firstDifferenceIndex(normalizedMarkup,rootMarkup),difference=" (client) "+normalizedMarkup.substring(diffIndex-20,diffIndex+20)+"\n (server) "+rootMarkup.substring(diffIndex-20,diffIndex+20);container.nodeType===DOC_NODE_TYPE&&_prodInvariant("42",difference)}if(container.nodeType===DOC_NODE_TYPE&&_prodInvariant("43"),transaction.useCreateElement){for(;container.lastChild;)container.removeChild(container.lastChild);DOMLazyTree.insertTreeBefore(container,markup,null)}else setInnerHTML(container,markup),ReactDOMComponentTree.precacheNode(instance,container.firstChild)}};module.exports=ReactMount},function(module,exports,__webpack_require__){"use strict";function getHostComponentFromComposite(inst){for(var type;(type=inst._renderedNodeType)===ReactNodeTypes.COMPOSITE;)inst=inst._renderedComponent;return type===ReactNodeTypes.HOST?inst._renderedComponent:type===ReactNodeTypes.EMPTY?null:void 0}var ReactNodeTypes=__webpack_require__(86);module.exports=getHostComponentFromComposite},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _components=__webpack_require__(235);Object.keys(_components).forEach(function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _components[key]}})})},function(module,exports,__webpack_require__){"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(module,exports,__webpack_require__){"use strict";function ReactComponent(props,context,updater){this.props=props,this.context=context,this.refs=emptyObject,this.updater=updater||ReactNoopUpdateQueue}function ReactPureComponent(props,context,updater){this.props=props,this.context=context,this.refs=emptyObject,this.updater=updater||ReactNoopUpdateQueue}function ComponentDummy(){}var _prodInvariant=__webpack_require__(39),_assign=__webpack_require__(38),ReactNoopUpdateQueue=__webpack_require__(99),emptyObject=(__webpack_require__(100),__webpack_require__(101));__webpack_require__(18),__webpack_require__(239);ReactComponent.prototype.isReactComponent={},ReactComponent.prototype.setState=function(partialState,callback){"object"!=typeof partialState&&"function"!=typeof partialState&&null!=partialState&&_prodInvariant("85"),this.updater.enqueueSetState(this,partialState),callback&&this.updater.enqueueCallback(this,callback,"setState")},ReactComponent.prototype.forceUpdate=function(callback){this.updater.enqueueForceUpdate(this),callback&&this.updater.enqueueCallback(this,callback,"forceUpdate")};ComponentDummy.prototype=ReactComponent.prototype,ReactPureComponent.prototype=new ComponentDummy,ReactPureComponent.prototype.constructor=ReactPureComponent,_assign(ReactPureComponent.prototype,ReactComponent.prototype),ReactPureComponent.prototype.isPureReactComponent=!0,module.exports={Component:ReactComponent,PureComponent:ReactPureComponent}},function(module,exports,__webpack_require__){"use strict";var ReactNoopUpdateQueue=(__webpack_require__(40),{isMounted:function(publicInstance){return!1},enqueueCallback:function(publicInstance,callback){},enqueueForceUpdate:function(publicInstance){},enqueueReplaceState:function(publicInstance,completeState){},enqueueSetState:function(publicInstance,partialState){}});module.exports=ReactNoopUpdateQueue},function(module,exports,__webpack_require__){"use strict";var canDefineProperty=!1;module.exports=canDefineProperty},function(module,exports,__webpack_require__){"use strict";var emptyObject={};module.exports=emptyObject},function(module,exports,__webpack_require__){"use strict";var ReactCurrentOwner={current:null};module.exports=ReactCurrentOwner},function(module,exports,__webpack_require__){"use strict";var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;module.exports=REACT_ELEMENT_TYPE},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutProperties(obj,keys){var target={};for(var i in obj)keys.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Choice=void 0;var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Select=void 0;var _extends=Object.assign||function(target){for(var i=1;itext.length)break tokenloop;if(!(str instanceof Token)){pattern.lastIndex=0;var match=pattern.exec(str),delNum=1;if(!match&&greedy&&i!=strarr.length-1){if(pattern.lastIndex=pos,!(match=pattern.exec(text)))break;for(var from=match.index+(lookbehind?match[1].length:0),to=match.index+match[0].length,k=i,p=pos,len=strarr.length;k=p&&(++i,pos=p);if(strarr[i]instanceof Token||strarr[k-1].greedy)continue;delNum=k-i,str=text.slice(pos,p),match.index-=pos}if(match){lookbehind&&(lookbehindLength=match[1].length);var from=match.index+lookbehindLength,match=match[0].slice(lookbehindLength),to=from+match.length,before=str.slice(0,from),after=str.slice(to),args=[i,delNum];before&&args.push(before);var wrapped=new Token(token,inside?_.tokenize(match,inside):match,alias,match,greedy);args.push(wrapped),after&&args.push(after),Array.prototype.splice.apply(strarr,args)}}}}}return strarr},hooks:{all:{},add:function(name,callback){var hooks=_.hooks.all;hooks[name]=hooks[name]||[],hooks[name].push(callback)},run:function(name,env){var callbacks=_.hooks.all[name];if(callbacks&&callbacks.length)for(var callback,i=0;callback=callbacks[i++];)callback(env)}}},Token=_.Token=function(type,content,alias,matchedStr,greedy){this.type=type,this.content=content,this.alias=alias,this.length=0|(matchedStr||"").length,this.greedy=!!greedy};if(Token.stringify=function(o,language,parent){if("string"==typeof o)return o;if("Array"===_.util.type(o))return o.map(function(element){return Token.stringify(element,language,o)}).join("");var env={type:o.type,content:Token.stringify(o.content,language,parent),tag:"span",classes:["token",o.type],attributes:{},language:language,parent:parent};if("comment"==env.type&&(env.attributes.spellcheck="true"),o.alias){var aliases="Array"===_.util.type(o.alias)?o.alias:[o.alias];Array.prototype.push.apply(env.classes,aliases)}_.hooks.run("wrap",env);var attributes=Object.keys(env.attributes).map(function(name){return name+'="'+(env.attributes[name]||"").replace(/"/g,""")+'"'}).join(" ");return"<"+env.tag+' class="'+env.classes.join(" ")+'"'+(attributes?" "+attributes:"")+">"+env.content+""},!_self.document)return _self.addEventListener?(_self.addEventListener("message",function(evt){var message=JSON.parse(evt.data),lang=message.language,code=message.code,immediateClose=message.immediateClose;_self.postMessage(_.highlight(code,_.languages[lang],lang)),immediateClose&&_self.close()},!1),_self.Prism):_self.Prism;var script=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return script&&(_.filename=script.src,document.addEventListener&&!script.hasAttribute("data-manual")&&("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(_.highlightAll):window.setTimeout(_.highlightAll,16):document.addEventListener("DOMContentLoaded",_.highlightAll))),_self.Prism}();void 0!==module&&module.exports&&(module.exports=Prism),void 0!==global&&(global.Prism=Prism),Prism.languages.markup={comment://,prolog:/<\?[\w\W]+?\?>/,doctype://i,cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,inside:{punctuation:/[=>"']/}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.hooks.add("wrap",function(env){"entity"===env.type&&(env.attributes.title=env.content.replace(/&/,"&"))}),Prism.languages.xml=Prism.languages.markup,Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.css={comment:/\/\*[\w\W]*?\*\//,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url\((?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,selector:/[^\{\}\s][^\{\};]*?(?=\s*\{)/,string:{pattern:/("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/,greedy:!0},property:/(\b|\B)[\w-]+(?=\s*:)/i,important:/\B!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:]/},Prism.languages.css.atrule.inside.rest=Prism.util.clone(Prism.languages.css),Prism.languages.markup&&(Prism.languages.insertBefore("markup","tag",{style:{pattern:/()[\w\W]*?(?=<\/style>)/i,lookbehind:!0,inside:Prism.languages.css,alias:"language-css"}}),Prism.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|').*?\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:Prism.languages.markup.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:Prism.languages.css}},alias:"language-css"}},Prism.languages.markup.tag)),Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\w\W]*?\*\//,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0}],string:{pattern:/(["'])(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(true|false)\b/,function:/[a-z0-9_]+(?=\()/i,number:/\b-?(?:0x[\da-f]+|\d*\.?\d+(?:e[+-]?\d+)?)\b/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/},Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,number:/\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,function:/[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\()/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*\*?|\/|~|\^|%|\.{3}/}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^\/])\/(?!\/)(\[.+?]|\\.|[^\/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,lookbehind:!0,greedy:!0}}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\\\|\\?[^\\])*?`/,greedy:!0,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/()[\w\W]*?(?=<\/script>)/i,lookbehind:!0,inside:Prism.languages.javascript,alias:"language-javascript"}}),Prism.languages.js=Prism.languages.javascript,function(){"undefined"!=typeof self&&self.Prism&&self.document&&document.querySelector&&(self.Prism.fileHighlight=function(){var Extensions={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"};Array.prototype.forEach&&Array.prototype.slice.call(document.querySelectorAll("pre[data-src]")).forEach(function(pre){for(var language,src=pre.getAttribute("data-src"),parent=pre,lang=/\blang(?:uage)?-(?!\*)(\w+)\b/i;parent&&!lang.test(parent.className);)parent=parent.parentNode;if(parent&&(language=(pre.className.match(lang)||[,""])[1]),!language){var extension=(src.match(/\.(\w+)$/)||[,""])[1];language=Extensions[extension]||extension}var code=document.createElement("code");code.className="language-"+language,pre.textContent="",code.textContent="Loadingโ€ฆ",pre.appendChild(code);var xhr=new XMLHttpRequest;xhr.open("GET",src,!0),xhr.onreadystatechange=function(){4==xhr.readyState&&(xhr.status<400&&xhr.responseText?(code.textContent=xhr.responseText,Prism.highlightElement(code)):xhr.status>=400?code.textContent="โœ– Error "+xhr.status+" while fetching file: "+xhr.statusText:code.textContent="โœ– Error: File does not exist or is empty")},xhr.send(null)})},document.addEventListener("DOMContentLoaded",self.Prism.fileHighlight))}()}).call(exports,__webpack_require__(26))},function(module,exports,__webpack_require__){function toInteger(value){var result=toFinite(value),remainder=result%1;return result===result?remainder?result-remainder:result:0}var toFinite=__webpack_require__(277);module.exports=toInteger},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutProperties(obj,keys){var target={};for(var i in obj)keys.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Choice=void 0;var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Select=void 0;var _extends=Object.assign||function(target){for(var i=1;i.')}},AppContainer.defaultProps={errorReporter:Redbox},module.exports=AppContainer},function(module,exports,__webpack_require__){"use strict";function traverseRenderedChildren(internalInstance,callback,argument){if(callback(internalInstance,argument),internalInstance._renderedComponent)traverseRenderedChildren(internalInstance._renderedComponent,callback,argument);else for(var key in internalInstance._renderedChildren)internalInstance._renderedChildren.hasOwnProperty(key)&&traverseRenderedChildren(internalInstance._renderedChildren[key],callback,argument)}function setPendingForceUpdate(internalInstance){!1===internalInstance._pendingForceUpdate&&(internalInstance._pendingForceUpdate=!0)}function forceUpdateIfPending(internalInstance){if(!0===internalInstance._pendingForceUpdate){var publicInstance=internalInstance._instance,updater=publicInstance.updater;"function"==typeof publicInstance.forceUpdate?publicInstance.forceUpdate():updater&&"function"==typeof updater.enqueueForceUpdate&&updater.enqueueForceUpdate(publicInstance)}}function deepForceUpdate(instance){var internalInstance=instance._reactInternalInstance;traverseRenderedChildren(internalInstance,setPendingForceUpdate),traverseRenderedChildren(internalInstance,forceUpdateIfPending)}exports.__esModule=!0,exports.default=deepForceUpdate,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";(function(global){function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}function _getGlobalObject(){try{if(global)return global}catch(e){try{if(window)return window}catch(e){return this}}}function _getRewireModuleId__(){if(null===_RewireModuleId__){var globalVariable=_getGlobalObject();globalVariable.__$$GLOBAL_REWIRE_NEXT_MODULE_ID__||(globalVariable.__$$GLOBAL_REWIRE_NEXT_MODULE_ID__=0),_RewireModuleId__=__$$GLOBAL_REWIRE_NEXT_MODULE_ID__++}return _RewireModuleId__}function _getRewireRegistry__(){var theGlobalVariable=_getGlobalObject();return theGlobalVariable.__$$GLOBAL_REWIRE_REGISTRY__||(theGlobalVariable.__$$GLOBAL_REWIRE_REGISTRY__=Object.create(null)),__$$GLOBAL_REWIRE_REGISTRY__}function _getRewiredData__(){var moduleId=_getRewireModuleId__(),registry=_getRewireRegistry__(),rewireData=registry[moduleId];return rewireData||(registry[moduleId]=Object.create(null),rewireData=registry[moduleId]),rewireData}function _get__(variableName){var rewireData=_getRewiredData__();if(void 0===rewireData[variableName])return _get_original__(variableName);var value=rewireData[variableName];return value===INTENTIONAL_UNDEFINED?void 0:value}function _get_original__(variableName){switch(variableName){case"PropTypes":return _propTypes2.default;case"mapStackTrace":return _sourcemappedStacktrace.mapStackTrace;case"assign":return _objectAssign2.default;case"style":return _style2.default;case"isFilenameAbsolute":return _lib.isFilenameAbsolute;case"makeUrl":return _lib.makeUrl;case"makeLinkText":return _lib.makeLinkText;case"ErrorStackParser":return _errorStackParser2.default;case"Component":return _react.Component;case"ReactDOM":return _reactDom2.default;case"React":return _react2.default;case"RedBoxError":return RedBoxError}}function _set__(variableName,value){var rewireData=_getRewiredData__();if("object"!==(void 0===variableName?"undefined":_typeof(variableName)))return rewireData[variableName]=void 0===value?INTENTIONAL_UNDEFINED:value,function(){_reset__(variableName)};Object.keys(variableName).forEach(function(name){rewireData[name]=variableName[name]})}function _reset__(variableName){var rewireData=_getRewiredData__();delete rewireData[variableName],0==Object.keys(rewireData).length&&delete _getRewireRegistry__()[_getRewireModuleId__]}function _with__(object){function reset(){rewiredVariableNames.forEach(function(variableName){rewireData[variableName]=previousValues[variableName]})}var rewireData=_getRewiredData__(),rewiredVariableNames=Object.keys(object),previousValues={};return function(callback){rewiredVariableNames.forEach(function(variableName){previousValues[variableName]=rewireData[variableName],rewireData[variableName]=object[variableName]});var result=callback();return result&&"function"==typeof result.then?result.then(reset).catch(reset):reset(),result}}function addNonEnumerableProperty(name,value){Object.defineProperty(RedBox,name,{value:value,enumerable:!1,configurable:!0})}Object.defineProperty(exports,"__esModule",{value:!0}),exports.__RewireAPI__=exports.__ResetDependency__=exports.__set__=exports.__Rewire__=exports.__GetDependency__=exports.__get__=exports.RedBoxError=void 0;var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_slicedToArray=function(){function sliceIterator(arr,i){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return&&_i.return()}finally{if(_d)throw _e}}return _arr}return function(arr,i){if(Array.isArray(arr))return arr;if(Symbol.iterator in Object(arr))return sliceIterator(arr,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass=function(){function defineProperties(target,props){for(var i=0;i8&&documentMode<=11),SPACEBAR_CODE=32,SPACEBAR_CHAR=String.fromCharCode(SPACEBAR_CODE),eventTypes={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["topCompositionEnd","topKeyPress","topTextInput","topPaste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:["topBlur","topCompositionEnd","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:["topBlur","topCompositionStart","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:["topBlur","topCompositionUpdate","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]}},hasSpaceKeypress=!1,currentComposition=null,BeforeInputEventPlugin={eventTypes:eventTypes,extractEvents:function(topLevelType,targetInst,nativeEvent,nativeEventTarget){return[extractCompositionEvent(topLevelType,targetInst,nativeEvent,nativeEventTarget),extractBeforeInputEvent(topLevelType,targetInst,nativeEvent,nativeEventTarget)]}};module.exports=BeforeInputEventPlugin},function(module,exports,__webpack_require__){"use strict";function FallbackCompositionState(root){this._root=root,this._startText=this.getText(),this._fallbackText=null}var _assign=__webpack_require__(6),PooledClass=__webpack_require__(17),getTextContentAccessor=__webpack_require__(73);_assign(FallbackCompositionState.prototype,{destructor:function(){this._root=null,this._startText=null,this._fallbackText=null},getText:function(){return"value"in this._root?this._root.value:this._root[getTextContentAccessor()]},getData:function(){if(this._fallbackText)return this._fallbackText;var start,end,startValue=this._startText,startLength=startValue.length,endValue=this.getText(),endLength=endValue.length;for(start=0;start1?1-end:void 0;return this._fallbackText=endValue.slice(start,sliceTail),this._fallbackText}}),PooledClass.addPoolingTo(FallbackCompositionState),module.exports=FallbackCompositionState},function(module,exports,__webpack_require__){"use strict";function SyntheticCompositionEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticEvent=__webpack_require__(16),CompositionEventInterface={data:null};SyntheticEvent.augmentClass(SyntheticCompositionEvent,CompositionEventInterface),module.exports=SyntheticCompositionEvent},function(module,exports,__webpack_require__){"use strict";function SyntheticInputEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticEvent=__webpack_require__(16),InputEventInterface={data:null};SyntheticEvent.augmentClass(SyntheticInputEvent,InputEventInterface),module.exports=SyntheticInputEvent},function(module,exports,__webpack_require__){"use strict";function createAndAccumulateChangeEvent(inst,nativeEvent,target){var event=SyntheticEvent.getPooled(eventTypes.change,inst,nativeEvent,target);return event.type="change",EventPropagators.accumulateTwoPhaseDispatches(event),event}function shouldUseChangeEvent(elem){var nodeName=elem.nodeName&&elem.nodeName.toLowerCase();return"select"===nodeName||"input"===nodeName&&"file"===elem.type}function manualDispatchChangeEvent(nativeEvent){var event=createAndAccumulateChangeEvent(activeElementInst,nativeEvent,getEventTarget(nativeEvent));ReactUpdates.batchedUpdates(runEventInBatch,event)}function runEventInBatch(event){EventPluginHub.enqueueEvents(event),EventPluginHub.processEventQueue(!1)}function startWatchingForChangeEventIE8(target,targetInst){activeElement=target,activeElementInst=targetInst,activeElement.attachEvent("onchange",manualDispatchChangeEvent)}function stopWatchingForChangeEventIE8(){activeElement&&(activeElement.detachEvent("onchange",manualDispatchChangeEvent),activeElement=null,activeElementInst=null)}function getInstIfValueChanged(targetInst,nativeEvent){var updated=inputValueTracking.updateValueIfChanged(targetInst),simulated=!0===nativeEvent.simulated&&ChangeEventPlugin._allowSimulatedPassThrough;if(updated||simulated)return targetInst}function getTargetInstForChangeEvent(topLevelType,targetInst){if("topChange"===topLevelType)return targetInst}function handleEventsForChangeEventIE8(topLevelType,target,targetInst){"topFocus"===topLevelType?(stopWatchingForChangeEventIE8(),startWatchingForChangeEventIE8(target,targetInst)):"topBlur"===topLevelType&&stopWatchingForChangeEventIE8()}function startWatchingForValueChange(target,targetInst){activeElement=target,activeElementInst=targetInst,activeElement.attachEvent("onpropertychange",handlePropertyChange)}function stopWatchingForValueChange(){activeElement&&(activeElement.detachEvent("onpropertychange",handlePropertyChange),activeElement=null,activeElementInst=null)}function handlePropertyChange(nativeEvent){"value"===nativeEvent.propertyName&&getInstIfValueChanged(activeElementInst,nativeEvent)&&manualDispatchChangeEvent(nativeEvent)}function handleEventsForInputEventPolyfill(topLevelType,target,targetInst){"topFocus"===topLevelType?(stopWatchingForValueChange(),startWatchingForValueChange(target,targetInst)):"topBlur"===topLevelType&&stopWatchingForValueChange()}function getTargetInstForInputEventPolyfill(topLevelType,targetInst,nativeEvent){if("topSelectionChange"===topLevelType||"topKeyUp"===topLevelType||"topKeyDown"===topLevelType)return getInstIfValueChanged(activeElementInst,nativeEvent)}function shouldUseClickEvent(elem){var nodeName=elem.nodeName;return nodeName&&"input"===nodeName.toLowerCase()&&("checkbox"===elem.type||"radio"===elem.type)}function getTargetInstForClickEvent(topLevelType,targetInst,nativeEvent){if("topClick"===topLevelType)return getInstIfValueChanged(targetInst,nativeEvent)}function getTargetInstForInputOrChangeEvent(topLevelType,targetInst,nativeEvent){if("topInput"===topLevelType||"topChange"===topLevelType)return getInstIfValueChanged(targetInst,nativeEvent)}function handleControlledInputBlur(inst,node){if(null!=inst){var state=inst._wrapperState||node._wrapperState;if(state&&state.controlled&&"number"===node.type){var value=""+node.value;node.getAttribute("value")!==value&&node.setAttribute("value",value)}}}var EventPluginHub=__webpack_require__(28),EventPropagators=__webpack_require__(27),ExecutionEnvironment=__webpack_require__(10),ReactDOMComponentTree=__webpack_require__(7),ReactUpdates=__webpack_require__(13),SyntheticEvent=__webpack_require__(16),inputValueTracking=__webpack_require__(76),getEventTarget=__webpack_require__(45),isEventSupported=__webpack_require__(46),isTextInputElement=__webpack_require__(77),eventTypes={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:["topBlur","topChange","topClick","topFocus","topInput","topKeyDown","topKeyUp","topSelectionChange"]}},activeElement=null,activeElementInst=null,doesChangeEventBubble=!1;ExecutionEnvironment.canUseDOM&&(doesChangeEventBubble=isEventSupported("change")&&(!document.documentMode||document.documentMode>8));var isInputEventSupported=!1;ExecutionEnvironment.canUseDOM&&(isInputEventSupported=isEventSupported("input")&&(!("documentMode"in document)||document.documentMode>9));var ChangeEventPlugin={eventTypes:eventTypes,_allowSimulatedPassThrough:!0,_isInputEventSupported:isInputEventSupported,extractEvents:function(topLevelType,targetInst,nativeEvent,nativeEventTarget){var getTargetInstFunc,handleEventFunc,targetNode=targetInst?ReactDOMComponentTree.getNodeFromInstance(targetInst):window;if(shouldUseChangeEvent(targetNode)?doesChangeEventBubble?getTargetInstFunc=getTargetInstForChangeEvent:handleEventFunc=handleEventsForChangeEventIE8:isTextInputElement(targetNode)?isInputEventSupported?getTargetInstFunc=getTargetInstForInputOrChangeEvent:(getTargetInstFunc=getTargetInstForInputEventPolyfill,handleEventFunc=handleEventsForInputEventPolyfill):shouldUseClickEvent(targetNode)&&(getTargetInstFunc=getTargetInstForClickEvent),getTargetInstFunc){var inst=getTargetInstFunc(topLevelType,targetInst,nativeEvent);if(inst){return createAndAccumulateChangeEvent(inst,nativeEvent,nativeEventTarget)}}handleEventFunc&&handleEventFunc(topLevelType,targetNode,targetInst),"topBlur"===topLevelType&&handleControlledInputBlur(targetInst,targetNode)}};module.exports=ChangeEventPlugin},function(module,exports,__webpack_require__){"use strict";function attachRef(ref,component,owner){"function"==typeof ref?ref(component.getPublicInstance()):ReactOwner.addComponentAsRefTo(component,ref,owner)}function detachRef(ref,component,owner){"function"==typeof ref?ref(null):ReactOwner.removeComponentAsRefFrom(component,ref,owner)}var ReactOwner=__webpack_require__(159),ReactRef={};ReactRef.attachRefs=function(instance,element){if(null!==element&&"object"==typeof element){var ref=element.ref;null!=ref&&attachRef(ref,instance,element._owner)}},ReactRef.shouldUpdateRefs=function(prevElement,nextElement){var prevRef=null,prevOwner=null;null!==prevElement&&"object"==typeof prevElement&&(prevRef=prevElement.ref,prevOwner=prevElement._owner);var nextRef=null,nextOwner=null;return null!==nextElement&&"object"==typeof nextElement&&(nextRef=nextElement.ref,nextOwner=nextElement._owner),prevRef!==nextRef||"string"==typeof nextRef&&nextOwner!==prevOwner},ReactRef.detachRefs=function(instance,element){if(null!==element&&"object"==typeof element){var ref=element.ref;null!=ref&&detachRef(ref,instance,element._owner)}},module.exports=ReactRef},function(module,exports,__webpack_require__){"use strict";function isValidOwner(object){return!(!object||"function"!=typeof object.attachRef||"function"!=typeof object.detachRef)}var _prodInvariant=__webpack_require__(3),ReactOwner=(__webpack_require__(0),{addComponentAsRefTo:function(component,ref,owner){isValidOwner(owner)||_prodInvariant("119"),owner.attachRef(ref,component)},removeComponentAsRefFrom:function(component,ref,owner){isValidOwner(owner)||_prodInvariant("120");var ownerPublicInstance=owner.getPublicInstance();ownerPublicInstance&&ownerPublicInstance.refs[ref]===component.getPublicInstance()&&owner.detachRef(ref)}});module.exports=ReactOwner},function(module,exports,__webpack_require__){"use strict";var DefaultEventPluginOrder=["ResponderEventPlugin","SimpleEventPlugin","TapEventPlugin","EnterLeaveEventPlugin","ChangeEventPlugin","SelectEventPlugin","BeforeInputEventPlugin"];module.exports=DefaultEventPluginOrder},function(module,exports,__webpack_require__){"use strict";var EventPropagators=__webpack_require__(27),ReactDOMComponentTree=__webpack_require__(7),SyntheticMouseEvent=__webpack_require__(33),eventTypes={mouseEnter:{registrationName:"onMouseEnter",dependencies:["topMouseOut","topMouseOver"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["topMouseOut","topMouseOver"]}},EnterLeaveEventPlugin={eventTypes:eventTypes,extractEvents:function(topLevelType,targetInst,nativeEvent,nativeEventTarget){if("topMouseOver"===topLevelType&&(nativeEvent.relatedTarget||nativeEvent.fromElement))return null;if("topMouseOut"!==topLevelType&&"topMouseOver"!==topLevelType)return null;var win;if(nativeEventTarget.window===nativeEventTarget)win=nativeEventTarget;else{var doc=nativeEventTarget.ownerDocument;win=doc?doc.defaultView||doc.parentWindow:window}var from,to;if("topMouseOut"===topLevelType){from=targetInst;var related=nativeEvent.relatedTarget||nativeEvent.toElement;to=related?ReactDOMComponentTree.getClosestInstanceFromNode(related):null}else from=null,to=targetInst;if(from===to)return null;var fromNode=null==from?win:ReactDOMComponentTree.getNodeFromInstance(from),toNode=null==to?win:ReactDOMComponentTree.getNodeFromInstance(to),leave=SyntheticMouseEvent.getPooled(eventTypes.mouseLeave,from,nativeEvent,nativeEventTarget);leave.type="mouseleave",leave.target=fromNode,leave.relatedTarget=toNode;var enter=SyntheticMouseEvent.getPooled(eventTypes.mouseEnter,to,nativeEvent,nativeEventTarget);return enter.type="mouseenter",enter.target=toNode,enter.relatedTarget=fromNode,EventPropagators.accumulateEnterLeaveDispatches(leave,enter,from,to),[leave,enter]}};module.exports=EnterLeaveEventPlugin},function(module,exports,__webpack_require__){"use strict";var DOMProperty=__webpack_require__(21),MUST_USE_PROPERTY=DOMProperty.injection.MUST_USE_PROPERTY,HAS_BOOLEAN_VALUE=DOMProperty.injection.HAS_BOOLEAN_VALUE,HAS_NUMERIC_VALUE=DOMProperty.injection.HAS_NUMERIC_VALUE,HAS_POSITIVE_NUMERIC_VALUE=DOMProperty.injection.HAS_POSITIVE_NUMERIC_VALUE,HAS_OVERLOADED_BOOLEAN_VALUE=DOMProperty.injection.HAS_OVERLOADED_BOOLEAN_VALUE,HTMLDOMPropertyConfig={isCustomAttribute:RegExp.prototype.test.bind(new RegExp("^(data|aria)-["+DOMProperty.ATTRIBUTE_NAME_CHAR+"]*$")),Properties:{accept:0,acceptCharset:0,accessKey:0,action:0,allowFullScreen:HAS_BOOLEAN_VALUE,allowTransparency:0,alt:0,as:0,async:HAS_BOOLEAN_VALUE,autoComplete:0,autoPlay:HAS_BOOLEAN_VALUE,capture:HAS_BOOLEAN_VALUE,cellPadding:0,cellSpacing:0,charSet:0,challenge:0,checked:MUST_USE_PROPERTY|HAS_BOOLEAN_VALUE,cite:0,classID:0,className:0,cols:HAS_POSITIVE_NUMERIC_VALUE,colSpan:0,content:0,contentEditable:0,contextMenu:0,controls:HAS_BOOLEAN_VALUE,coords:0,crossOrigin:0,data:0,dateTime:0,default:HAS_BOOLEAN_VALUE,defer:HAS_BOOLEAN_VALUE,dir:0,disabled:HAS_BOOLEAN_VALUE,download:HAS_OVERLOADED_BOOLEAN_VALUE,draggable:0,encType:0,form:0,formAction:0,formEncType:0,formMethod:0,formNoValidate:HAS_BOOLEAN_VALUE,formTarget:0,frameBorder:0,headers:0,height:0,hidden:HAS_BOOLEAN_VALUE,high:0,href:0,hrefLang:0,htmlFor:0,httpEquiv:0,icon:0,id:0,inputMode:0,integrity:0,is:0,keyParams:0,keyType:0,kind:0,label:0,lang:0,list:0,loop:HAS_BOOLEAN_VALUE,low:0,manifest:0,marginHeight:0,marginWidth:0,max:0,maxLength:0,media:0,mediaGroup:0,method:0,min:0,minLength:0,multiple:MUST_USE_PROPERTY|HAS_BOOLEAN_VALUE,muted:MUST_USE_PROPERTY|HAS_BOOLEAN_VALUE,name:0,nonce:0,noValidate:HAS_BOOLEAN_VALUE,open:HAS_BOOLEAN_VALUE,optimum:0,pattern:0,placeholder:0,playsInline:HAS_BOOLEAN_VALUE,poster:0,preload:0,profile:0,radioGroup:0,readOnly:HAS_BOOLEAN_VALUE,referrerPolicy:0,rel:0,required:HAS_BOOLEAN_VALUE,reversed:HAS_BOOLEAN_VALUE,role:0,rows:HAS_POSITIVE_NUMERIC_VALUE,rowSpan:HAS_NUMERIC_VALUE,sandbox:0,scope:0,scoped:HAS_BOOLEAN_VALUE,scrolling:0,seamless:HAS_BOOLEAN_VALUE,selected:MUST_USE_PROPERTY|HAS_BOOLEAN_VALUE,shape:0,size:HAS_POSITIVE_NUMERIC_VALUE,sizes:0,span:HAS_POSITIVE_NUMERIC_VALUE,spellCheck:0,src:0,srcDoc:0,srcLang:0,srcSet:0,start:HAS_NUMERIC_VALUE,step:0,style:0,summary:0,tabIndex:0,target:0,title:0,type:0,useMap:0,value:0,width:0,wmode:0,wrap:0,about:0,datatype:0,inlist:0,prefix:0,property:0,resource:0,typeof:0,vocab:0,autoCapitalize:0,autoCorrect:0,autoSave:0,color:0,itemProp:0,itemScope:HAS_BOOLEAN_VALUE,itemType:0,itemID:0,itemRef:0,results:0,security:0,unselectable:0},DOMAttributeNames:{acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv"},DOMPropertyNames:{},DOMMutationMethods:{value:function(node,value){if(null==value)return node.removeAttribute("value");"number"!==node.type||!1===node.hasAttribute("value")?node.setAttribute("value",""+value):node.validity&&!node.validity.badInput&&node.ownerDocument.activeElement!==node&&node.setAttribute("value",""+value)}}};module.exports=HTMLDOMPropertyConfig},function(module,exports,__webpack_require__){"use strict";var DOMChildrenOperations=__webpack_require__(48),ReactDOMIDOperations=__webpack_require__(168),ReactComponentBrowserEnvironment={processChildrenUpdates:ReactDOMIDOperations.dangerouslyProcessChildrenUpdates,replaceNodeWithMarkup:DOMChildrenOperations.dangerouslyReplaceNodeWithMarkup};module.exports=ReactComponentBrowserEnvironment},function(module,exports,__webpack_require__){"use strict";var _prodInvariant=__webpack_require__(3),DOMLazyTree=__webpack_require__(23),ExecutionEnvironment=__webpack_require__(10),createNodesFromMarkup=__webpack_require__(165),emptyFunction=__webpack_require__(11),Danger=(__webpack_require__(0),{dangerouslyReplaceNodeWithMarkup:function(oldChild,markup){if(ExecutionEnvironment.canUseDOM||_prodInvariant("56"),markup||_prodInvariant("57"),"HTML"===oldChild.nodeName&&_prodInvariant("58"),"string"==typeof markup){var newChild=createNodesFromMarkup(markup,emptyFunction)[0];oldChild.parentNode.replaceChild(newChild,oldChild)}else DOMLazyTree.replaceChildWithTree(oldChild,markup)}});module.exports=Danger},function(module,exports,__webpack_require__){"use strict";function getNodeName(markup){var nodeNameMatch=markup.match(nodeNamePattern);return nodeNameMatch&&nodeNameMatch[1].toLowerCase()}function createNodesFromMarkup(markup,handleScript){var node=dummyNode;dummyNode||invariant(!1);var nodeName=getNodeName(markup),wrap=nodeName&&getMarkupWrap(nodeName);if(wrap){node.innerHTML=wrap[1]+markup+wrap[2];for(var wrapDepth=wrap[0];wrapDepth--;)node=node.lastChild}else node.innerHTML=markup;var scripts=node.getElementsByTagName("script");scripts.length&&(handleScript||invariant(!1),createArrayFromMixed(scripts).forEach(handleScript));for(var nodes=Array.from(node.childNodes);node.lastChild;)node.removeChild(node.lastChild);return nodes}var ExecutionEnvironment=__webpack_require__(10),createArrayFromMixed=__webpack_require__(166),getMarkupWrap=__webpack_require__(167),invariant=__webpack_require__(0),dummyNode=ExecutionEnvironment.canUseDOM?document.createElement("div"):null,nodeNamePattern=/^\s*<(\w+)/;module.exports=createNodesFromMarkup},function(module,exports,__webpack_require__){"use strict";function toArray(obj){var length=obj.length;if((Array.isArray(obj)||"object"!=typeof obj&&"function"!=typeof obj)&&invariant(!1),"number"!=typeof length&&invariant(!1),0===length||length-1 in obj||invariant(!1),"function"==typeof obj.callee&&invariant(!1),obj.hasOwnProperty)try{return Array.prototype.slice.call(obj)}catch(e){}for(var ret=Array(length),ii=0;ii":"<"+nodeName+">",shouldWrap[nodeName]=!dummyNode.firstChild),shouldWrap[nodeName]?markupWrap[nodeName]:null}var ExecutionEnvironment=__webpack_require__(10),invariant=__webpack_require__(0),dummyNode=ExecutionEnvironment.canUseDOM?document.createElement("div"):null,shouldWrap={},selectWrap=[1,'"],tableWrap=[1,"","
    "],trWrap=[3,"","
    "],svgWrap=[1,'',""],markupWrap={"*":[1,"?
    ","
    "],area:[1,"",""],col:[2,"","
    "],legend:[1,"
    ","
    "],param:[1,"",""],tr:[2,"","
    "],optgroup:selectWrap,option:selectWrap,caption:tableWrap,colgroup:tableWrap,tbody:tableWrap,tfoot:tableWrap,thead:tableWrap,td:trWrap,th:trWrap};["circle","clipPath","defs","ellipse","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","text","tspan"].forEach(function(nodeName){markupWrap[nodeName]=svgWrap,shouldWrap[nodeName]=!0}),module.exports=getMarkupWrap},function(module,exports,__webpack_require__){"use strict";var DOMChildrenOperations=__webpack_require__(48),ReactDOMComponentTree=__webpack_require__(7),ReactDOMIDOperations={dangerouslyProcessChildrenUpdates:function(parentInst,updates){var node=ReactDOMComponentTree.getNodeFromInstance(parentInst);DOMChildrenOperations.processUpdates(node,updates)}};module.exports=ReactDOMIDOperations},function(module,exports,__webpack_require__){"use strict";function getDeclarationErrorAddendum(internalInstance){if(internalInstance){var owner=internalInstance._currentElement._owner||null;if(owner){var name=owner.getName();if(name)return" This DOM node was rendered by `"+name+"`."}}return""}function assertValidProps(component,props){props&&(voidElementTags[component._tag]&&(null!=props.children||null!=props.dangerouslySetInnerHTML)&&_prodInvariant("137",component._tag,component._currentElement._owner?" Check the render method of "+component._currentElement._owner.getName()+".":""),null!=props.dangerouslySetInnerHTML&&(null!=props.children&&_prodInvariant("60"),"object"==typeof props.dangerouslySetInnerHTML&&HTML in props.dangerouslySetInnerHTML||_prodInvariant("61")),null!=props.style&&"object"!=typeof props.style&&_prodInvariant("62",getDeclarationErrorAddendum(component)))}function enqueuePutListener(inst,registrationName,listener,transaction){if(!(transaction instanceof ReactServerRenderingTransaction)){var containerInfo=inst._hostContainerInfo,isDocumentFragment=containerInfo._node&&containerInfo._node.nodeType===DOC_FRAGMENT_TYPE,doc=isDocumentFragment?containerInfo._node:containerInfo._ownerDocument;listenTo(registrationName,doc),transaction.getReactMountReady().enqueue(putListener,{inst:inst,registrationName:registrationName,listener:listener})}}function putListener(){var listenerToPut=this;EventPluginHub.putListener(listenerToPut.inst,listenerToPut.registrationName,listenerToPut.listener)}function inputPostMount(){var inst=this;ReactDOMInput.postMountWrapper(inst)}function textareaPostMount(){var inst=this;ReactDOMTextarea.postMountWrapper(inst)}function optionPostMount(){var inst=this;ReactDOMOption.postMountWrapper(inst)}function trackInputValue(){inputValueTracking.track(this)}function trapBubbledEventsLocal(){var inst=this;inst._rootNodeID||_prodInvariant("63");var node=getNode(inst);switch(node||_prodInvariant("64"),inst._tag){case"iframe":case"object":inst._wrapperState.listeners=[ReactBrowserEventEmitter.trapBubbledEvent("topLoad","load",node)];break;case"video":case"audio":inst._wrapperState.listeners=[];for(var event in mediaEvents)mediaEvents.hasOwnProperty(event)&&inst._wrapperState.listeners.push(ReactBrowserEventEmitter.trapBubbledEvent(event,mediaEvents[event],node));break;case"source":inst._wrapperState.listeners=[ReactBrowserEventEmitter.trapBubbledEvent("topError","error",node)];break;case"img":inst._wrapperState.listeners=[ReactBrowserEventEmitter.trapBubbledEvent("topError","error",node),ReactBrowserEventEmitter.trapBubbledEvent("topLoad","load",node)];break;case"form":inst._wrapperState.listeners=[ReactBrowserEventEmitter.trapBubbledEvent("topReset","reset",node),ReactBrowserEventEmitter.trapBubbledEvent("topSubmit","submit",node)];break;case"input":case"select":case"textarea":inst._wrapperState.listeners=[ReactBrowserEventEmitter.trapBubbledEvent("topInvalid","invalid",node)]}}function postUpdateSelectWrapper(){ReactDOMSelect.postUpdateWrapper(this)}function validateDangerousTag(tag){hasOwnProperty.call(validatedTagCache,tag)||(VALID_TAG_REGEX.test(tag)||_prodInvariant("65",tag),validatedTagCache[tag]=!0)}function isCustomComponent(tagName,props){return tagName.indexOf("-")>=0||null!=props.is}function ReactDOMComponent(element){var tag=element.type;validateDangerousTag(tag),this._currentElement=element,this._tag=tag.toLowerCase(),this._namespaceURI=null,this._renderedChildren=null,this._previousStyle=null,this._previousStyleCopy=null,this._hostNode=null,this._hostParent=null,this._rootNodeID=0,this._domID=0,this._hostContainerInfo=null,this._wrapperState=null,this._topLevelWrapper=null,this._flags=0}var _prodInvariant=__webpack_require__(3),_assign=__webpack_require__(6),AutoFocusUtils=__webpack_require__(170),CSSPropertyOperations=__webpack_require__(171),DOMLazyTree=__webpack_require__(23),DOMNamespaces=__webpack_require__(49),DOMProperty=__webpack_require__(21),DOMPropertyOperations=__webpack_require__(82),EventPluginHub=__webpack_require__(28),EventPluginRegistry=__webpack_require__(42),ReactBrowserEventEmitter=__webpack_require__(36),ReactDOMComponentFlags=__webpack_require__(70),ReactDOMComponentTree=__webpack_require__(7),ReactDOMInput=__webpack_require__(181),ReactDOMOption=__webpack_require__(183),ReactDOMSelect=__webpack_require__(83),ReactDOMTextarea=__webpack_require__(184),ReactMultiChild=(__webpack_require__(12),__webpack_require__(185)),ReactServerRenderingTransaction=__webpack_require__(192),escapeTextContentForBrowser=(__webpack_require__(11),__webpack_require__(35)),inputValueTracking=(__webpack_require__(0),__webpack_require__(46),__webpack_require__(53),__webpack_require__(76)),Flags=(__webpack_require__(57),__webpack_require__(2),ReactDOMComponentFlags),deleteListener=EventPluginHub.deleteListener,getNode=ReactDOMComponentTree.getNodeFromInstance,listenTo=ReactBrowserEventEmitter.listenTo,registrationNameModules=EventPluginRegistry.registrationNameModules,CONTENT_TYPES={string:!0,number:!0},HTML="__html",RESERVED_PROPS={children:null,dangerouslySetInnerHTML:null,suppressContentEditableWarning:null},DOC_FRAGMENT_TYPE=11,mediaEvents={topAbort:"abort",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topSeeked:"seeked",topSeeking:"seeking",topStalled:"stalled",topSuspend:"suspend",topTimeUpdate:"timeupdate",topVolumeChange:"volumechange",topWaiting:"waiting"},omittedCloseTags={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},newlineEatingTags={listing:!0,pre:!0,textarea:!0},voidElementTags=_assign({menuitem:!0},omittedCloseTags),VALID_TAG_REGEX=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,validatedTagCache={},hasOwnProperty={}.hasOwnProperty,globalIdCounter=1;ReactDOMComponent.displayName="ReactDOMComponent",ReactDOMComponent.Mixin={mountComponent:function(transaction,hostParent,hostContainerInfo,context){this._rootNodeID=globalIdCounter++,this._domID=hostContainerInfo._idCounter++,this._hostParent=hostParent,this._hostContainerInfo=hostContainerInfo;var props=this._currentElement.props;switch(this._tag){case"audio":case"form":case"iframe":case"img":case"link":case"object":case"source":case"video":this._wrapperState={listeners:null},transaction.getReactMountReady().enqueue(trapBubbledEventsLocal,this);break;case"input":ReactDOMInput.mountWrapper(this,props,hostParent),props=ReactDOMInput.getHostProps(this,props),transaction.getReactMountReady().enqueue(trackInputValue,this),transaction.getReactMountReady().enqueue(trapBubbledEventsLocal,this);break;case"option":ReactDOMOption.mountWrapper(this,props,hostParent),props=ReactDOMOption.getHostProps(this,props);break;case"select":ReactDOMSelect.mountWrapper(this,props,hostParent),props=ReactDOMSelect.getHostProps(this,props),transaction.getReactMountReady().enqueue(trapBubbledEventsLocal,this);break;case"textarea":ReactDOMTextarea.mountWrapper(this,props,hostParent),props=ReactDOMTextarea.getHostProps(this,props),transaction.getReactMountReady().enqueue(trackInputValue,this),transaction.getReactMountReady().enqueue(trapBubbledEventsLocal,this)}assertValidProps(this,props);var namespaceURI,parentTag;null!=hostParent?(namespaceURI=hostParent._namespaceURI,parentTag=hostParent._tag):hostContainerInfo._tag&&(namespaceURI=hostContainerInfo._namespaceURI,parentTag=hostContainerInfo._tag),(null==namespaceURI||namespaceURI===DOMNamespaces.svg&&"foreignobject"===parentTag)&&(namespaceURI=DOMNamespaces.html),namespaceURI===DOMNamespaces.html&&("svg"===this._tag?namespaceURI=DOMNamespaces.svg:"math"===this._tag&&(namespaceURI=DOMNamespaces.mathml)),this._namespaceURI=namespaceURI;var mountImage;if(transaction.useCreateElement){var el,ownerDocument=hostContainerInfo._ownerDocument;if(namespaceURI===DOMNamespaces.html)if("script"===this._tag){var div=ownerDocument.createElement("div"),type=this._currentElement.type;div.innerHTML="<"+type+">",el=div.removeChild(div.firstChild)}else el=props.is?ownerDocument.createElement(this._currentElement.type,props.is):ownerDocument.createElement(this._currentElement.type);else el=ownerDocument.createElementNS(namespaceURI,this._currentElement.type);ReactDOMComponentTree.precacheNode(this,el),this._flags|=Flags.hasCachedChildNodes,this._hostParent||DOMPropertyOperations.setAttributeForRoot(el),this._updateDOMProperties(null,props,transaction);var lazyTree=DOMLazyTree(el);this._createInitialChildren(transaction,props,context,lazyTree),mountImage=lazyTree}else{var tagOpen=this._createOpenTagMarkupAndPutListeners(transaction,props),tagContent=this._createContentMarkup(transaction,props,context);mountImage=!tagContent&&omittedCloseTags[this._tag]?tagOpen+"/>":tagOpen+">"+tagContent+""}switch(this._tag){case"input":transaction.getReactMountReady().enqueue(inputPostMount,this),props.autoFocus&&transaction.getReactMountReady().enqueue(AutoFocusUtils.focusDOMComponent,this);break;case"textarea":transaction.getReactMountReady().enqueue(textareaPostMount,this),props.autoFocus&&transaction.getReactMountReady().enqueue(AutoFocusUtils.focusDOMComponent,this);break;case"select":case"button":props.autoFocus&&transaction.getReactMountReady().enqueue(AutoFocusUtils.focusDOMComponent,this);break;case"option":transaction.getReactMountReady().enqueue(optionPostMount,this)}return mountImage},_createOpenTagMarkupAndPutListeners:function(transaction,props){var ret="<"+this._currentElement.type;for(var propKey in props)if(props.hasOwnProperty(propKey)){var propValue=props[propKey];if(null!=propValue)if(registrationNameModules.hasOwnProperty(propKey))propValue&&enqueuePutListener(this,propKey,propValue,transaction);else{"style"===propKey&&(propValue&&(propValue=this._previousStyleCopy=_assign({},props.style)),propValue=CSSPropertyOperations.createMarkupForStyles(propValue,this));var markup=null;null!=this._tag&&isCustomComponent(this._tag,props)?RESERVED_PROPS.hasOwnProperty(propKey)||(markup=DOMPropertyOperations.createMarkupForCustomAttribute(propKey,propValue)):markup=DOMPropertyOperations.createMarkupForProperty(propKey,propValue),markup&&(ret+=" "+markup)}}return transaction.renderToStaticMarkup?ret:(this._hostParent||(ret+=" "+DOMPropertyOperations.createMarkupForRoot()),ret+=" "+DOMPropertyOperations.createMarkupForID(this._domID))},_createContentMarkup:function(transaction,props,context){var ret="",innerHTML=props.dangerouslySetInnerHTML;if(null!=innerHTML)null!=innerHTML.__html&&(ret=innerHTML.__html);else{var contentToUse=CONTENT_TYPES[typeof props.children]?props.children:null,childrenToUse=null!=contentToUse?null:props.children;if(null!=contentToUse)ret=escapeTextContentForBrowser(contentToUse);else if(null!=childrenToUse){var mountImages=this.mountChildren(childrenToUse,transaction,context);ret=mountImages.join("")}}return newlineEatingTags[this._tag]&&"\n"===ret.charAt(0)?"\n"+ret:ret},_createInitialChildren:function(transaction,props,context,lazyTree){var innerHTML=props.dangerouslySetInnerHTML;if(null!=innerHTML)null!=innerHTML.__html&&DOMLazyTree.queueHTML(lazyTree,innerHTML.__html);else{var contentToUse=CONTENT_TYPES[typeof props.children]?props.children:null,childrenToUse=null!=contentToUse?null:props.children;if(null!=contentToUse)""!==contentToUse&&DOMLazyTree.queueText(lazyTree,contentToUse);else if(null!=childrenToUse)for(var mountImages=this.mountChildren(childrenToUse,transaction,context),i=0;i0;)instA=instA._hostParent,depthA--;for(;depthB-depthA>0;)instB=instB._hostParent,depthB--;for(var depth=depthA;depth--;){if(instA===instB)return instA;instA=instA._hostParent,instB=instB._hostParent}return null}function isAncestor(instA,instB){"_hostNode"in instA||_prodInvariant("35"),"_hostNode"in instB||_prodInvariant("35");for(;instB;){if(instB===instA)return!0;instB=instB._hostParent}return!1}function getParentInstance(inst){return"_hostNode"in inst||_prodInvariant("36"),inst._hostParent}function traverseTwoPhase(inst,fn,arg){for(var path=[];inst;)path.push(inst),inst=inst._hostParent;var i;for(i=path.length;i-- >0;)fn(path[i],"captured",arg);for(i=0;i0;)fn(pathTo[i],"captured",argTo)}var _prodInvariant=__webpack_require__(3);__webpack_require__(0);module.exports={isAncestor:isAncestor,getLowestCommonAncestor:getLowestCommonAncestor,getParentInstance:getParentInstance,traverseTwoPhase:traverseTwoPhase,traverseEnterLeave:traverseEnterLeave}},function(module,exports,__webpack_require__){"use strict";var _prodInvariant=__webpack_require__(3),_assign=__webpack_require__(6),DOMChildrenOperations=__webpack_require__(48),DOMLazyTree=__webpack_require__(23),ReactDOMComponentTree=__webpack_require__(7),escapeTextContentForBrowser=__webpack_require__(35),ReactDOMTextComponent=(__webpack_require__(0),__webpack_require__(57),function(text){this._currentElement=text,this._stringText=""+text,this._hostNode=null,this._hostParent=null,this._domID=0,this._mountIndex=0,this._closingComment=null,this._commentNodes=null});_assign(ReactDOMTextComponent.prototype,{mountComponent:function(transaction,hostParent,hostContainerInfo,context){var domID=hostContainerInfo._idCounter++,openingValue=" react-text: "+domID+" ";if(this._domID=domID,this._hostParent=hostParent,transaction.useCreateElement){var ownerDocument=hostContainerInfo._ownerDocument,openingComment=ownerDocument.createComment(openingValue),closingComment=ownerDocument.createComment(" /react-text "),lazyTree=DOMLazyTree(ownerDocument.createDocumentFragment());return DOMLazyTree.queueChild(lazyTree,DOMLazyTree(openingComment)),this._stringText&&DOMLazyTree.queueChild(lazyTree,DOMLazyTree(ownerDocument.createTextNode(this._stringText))),DOMLazyTree.queueChild(lazyTree,DOMLazyTree(closingComment)),ReactDOMComponentTree.precacheNode(this,openingComment),this._closingComment=closingComment,lazyTree}var escapedText=escapeTextContentForBrowser(this._stringText);return transaction.renderToStaticMarkup?escapedText:"\x3c!--"+openingValue+"--\x3e"+escapedText+"\x3c!-- /react-text --\x3e"},receiveComponent:function(nextText,transaction){if(nextText!==this._currentElement){this._currentElement=nextText;var nextStringText=""+nextText;if(nextStringText!==this._stringText){this._stringText=nextStringText;var commentNodes=this.getHostNode();DOMChildrenOperations.replaceDelimitedText(commentNodes[0],commentNodes[1],nextStringText)}}},getHostNode:function(){var hostNode=this._commentNodes;if(hostNode)return hostNode;if(!this._closingComment)for(var openingComment=ReactDOMComponentTree.getNodeFromInstance(this),node=openingComment.nextSibling;;){if(null==node&&_prodInvariant("67",this._domID),8===node.nodeType&&" /react-text "===node.nodeValue){this._closingComment=node;break}node=node.nextSibling}return hostNode=[this._hostNode,this._closingComment],this._commentNodes=hostNode,hostNode},unmountComponent:function(){this._closingComment=null,this._commentNodes=null,ReactDOMComponentTree.uncacheNode(this)}}),module.exports=ReactDOMTextComponent},function(module,exports,__webpack_require__){"use strict";function ReactDefaultBatchingStrategyTransaction(){this.reinitializeTransaction()}var _assign=__webpack_require__(6),ReactUpdates=__webpack_require__(13),Transaction=__webpack_require__(32),emptyFunction=__webpack_require__(11),RESET_BATCHED_UPDATES={initialize:emptyFunction,close:function(){ReactDefaultBatchingStrategy.isBatchingUpdates=!1}},FLUSH_BATCHED_UPDATES={initialize:emptyFunction,close:ReactUpdates.flushBatchedUpdates.bind(ReactUpdates)},TRANSACTION_WRAPPERS=[FLUSH_BATCHED_UPDATES,RESET_BATCHED_UPDATES];_assign(ReactDefaultBatchingStrategyTransaction.prototype,Transaction,{getTransactionWrappers:function(){return TRANSACTION_WRAPPERS}});var transaction=new ReactDefaultBatchingStrategyTransaction,ReactDefaultBatchingStrategy={isBatchingUpdates:!1,batchedUpdates:function(callback,a,b,c,d,e){var alreadyBatchingUpdates=ReactDefaultBatchingStrategy.isBatchingUpdates;return ReactDefaultBatchingStrategy.isBatchingUpdates=!0,alreadyBatchingUpdates?callback(a,b,c,d,e):transaction.perform(callback,null,a,b,c,d,e)}};module.exports=ReactDefaultBatchingStrategy},function(module,exports,__webpack_require__){"use strict";function findParent(inst){for(;inst._hostParent;)inst=inst._hostParent;var rootNode=ReactDOMComponentTree.getNodeFromInstance(inst),container=rootNode.parentNode;return ReactDOMComponentTree.getClosestInstanceFromNode(container)}function TopLevelCallbackBookKeeping(topLevelType,nativeEvent){this.topLevelType=topLevelType,this.nativeEvent=nativeEvent,this.ancestors=[]}function handleTopLevelImpl(bookKeeping){var nativeEventTarget=getEventTarget(bookKeeping.nativeEvent),targetInst=ReactDOMComponentTree.getClosestInstanceFromNode(nativeEventTarget),ancestor=targetInst;do{bookKeeping.ancestors.push(ancestor),ancestor=ancestor&&findParent(ancestor)}while(ancestor);for(var i=0;ioffsets.end?(start=offsets.end,end=offsets.start):(start=offsets.start,end=offsets.end),range.moveToElementText(node),range.moveStart("character",start),range.setEndPoint("EndToStart",range),range.moveEnd("character",end-start),range.select()}function setModernOffsets(node,offsets){if(window.getSelection){var selection=window.getSelection(),length=node[getTextContentAccessor()].length,start=Math.min(offsets.start,length),end=void 0===offsets.end?start:Math.min(offsets.end,length);if(!selection.extend&&start>end){var temp=end;end=start,start=temp}var startMarker=getNodeForCharacterOffset(node,start),endMarker=getNodeForCharacterOffset(node,end);if(startMarker&&endMarker){var range=document.createRange();range.setStart(startMarker.node,startMarker.offset),selection.removeAllRanges(),start>end?(selection.addRange(range),selection.extend(endMarker.node,endMarker.offset)):(range.setEnd(endMarker.node,endMarker.offset),selection.addRange(range))}}}var ExecutionEnvironment=__webpack_require__(10),getNodeForCharacterOffset=__webpack_require__(203),getTextContentAccessor=__webpack_require__(73),useIEOffsets=ExecutionEnvironment.canUseDOM&&"selection"in document&&!("getSelection"in window),ReactDOMSelection={getOffsets:useIEOffsets?getIEOffsets:getModernOffsets,setOffsets:useIEOffsets?setIEOffsets:setModernOffsets};module.exports=ReactDOMSelection},function(module,exports,__webpack_require__){"use strict";function getLeafNode(node){for(;node&&node.firstChild;)node=node.firstChild;return node}function getSiblingNode(node){for(;node;){if(node.nextSibling)return node.nextSibling;node=node.parentNode}}function getNodeForCharacterOffset(root,offset){for(var node=getLeafNode(root),nodeStart=0,nodeEnd=0;node;){if(3===node.nodeType){if(nodeEnd=nodeStart+node.textContent.length,nodeStart<=offset&&nodeEnd>=offset)return{node:node,offset:offset-nodeStart};nodeStart=nodeEnd}node=getLeafNode(getSiblingNode(node))}}module.exports=getNodeForCharacterOffset},function(module,exports,__webpack_require__){"use strict";function containsNode(outerNode,innerNode){return!(!outerNode||!innerNode)&&(outerNode===innerNode||!isTextNode(outerNode)&&(isTextNode(innerNode)?containsNode(outerNode,innerNode.parentNode):"contains"in outerNode?outerNode.contains(innerNode):!!outerNode.compareDocumentPosition&&!!(16&outerNode.compareDocumentPosition(innerNode))))}var isTextNode=__webpack_require__(205);module.exports=containsNode},function(module,exports,__webpack_require__){"use strict";function isTextNode(object){return isNode(object)&&3==object.nodeType}var isNode=__webpack_require__(206);module.exports=isTextNode},function(module,exports,__webpack_require__){"use strict";function isNode(object){return!(!object||!("function"==typeof Node?object instanceof Node:"object"==typeof object&&"number"==typeof object.nodeType&&"string"==typeof object.nodeName))}module.exports=isNode},function(module,exports,__webpack_require__){"use strict";var NS={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"},ATTRS={accentHeight:"accent-height",accumulate:0,additive:0,alignmentBaseline:"alignment-baseline",allowReorder:"allowReorder",alphabetic:0,amplitude:0,arabicForm:"arabic-form",ascent:0,attributeName:"attributeName",attributeType:"attributeType",autoReverse:"autoReverse",azimuth:0,baseFrequency:"baseFrequency",baseProfile:"baseProfile",baselineShift:"baseline-shift",bbox:0,begin:0,bias:0,by:0,calcMode:"calcMode",capHeight:"cap-height",clip:0,clipPath:"clip-path",clipRule:"clip-rule",clipPathUnits:"clipPathUnits",colorInterpolation:"color-interpolation",colorInterpolationFilters:"color-interpolation-filters",colorProfile:"color-profile",colorRendering:"color-rendering",contentScriptType:"contentScriptType",contentStyleType:"contentStyleType",cursor:0,cx:0,cy:0,d:0,decelerate:0,descent:0,diffuseConstant:"diffuseConstant",direction:0,display:0,divisor:0,dominantBaseline:"dominant-baseline",dur:0,dx:0,dy:0,edgeMode:"edgeMode",elevation:0,enableBackground:"enable-background",end:0,exponent:0,externalResourcesRequired:"externalResourcesRequired",fill:0,fillOpacity:"fill-opacity",fillRule:"fill-rule",filter:0,filterRes:"filterRes",filterUnits:"filterUnits",floodColor:"flood-color",floodOpacity:"flood-opacity",focusable:0,fontFamily:"font-family",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",fontWeight:"font-weight",format:0,from:0,fx:0,fy:0,g1:0,g2:0,glyphName:"glyph-name",glyphOrientationHorizontal:"glyph-orientation-horizontal",glyphOrientationVertical:"glyph-orientation-vertical",glyphRef:"glyphRef",gradientTransform:"gradientTransform",gradientUnits:"gradientUnits",hanging:0,horizAdvX:"horiz-adv-x",horizOriginX:"horiz-origin-x",ideographic:0,imageRendering:"image-rendering",in:0,in2:0,intercept:0,k:0,k1:0,k2:0,k3:0,k4:0,kernelMatrix:"kernelMatrix",kernelUnitLength:"kernelUnitLength",kerning:0,keyPoints:"keyPoints",keySplines:"keySplines",keyTimes:"keyTimes",lengthAdjust:"lengthAdjust",letterSpacing:"letter-spacing",lightingColor:"lighting-color",limitingConeAngle:"limitingConeAngle",local:0,markerEnd:"marker-end",markerMid:"marker-mid",markerStart:"marker-start",markerHeight:"markerHeight",markerUnits:"markerUnits",markerWidth:"markerWidth",mask:0,maskContentUnits:"maskContentUnits",maskUnits:"maskUnits",mathematical:0,mode:0,numOctaves:"numOctaves",offset:0,opacity:0,operator:0,order:0,orient:0,orientation:0,origin:0,overflow:0,overlinePosition:"overline-position",overlineThickness:"overline-thickness",paintOrder:"paint-order",panose1:"panose-1",pathLength:"pathLength",patternContentUnits:"patternContentUnits",patternTransform:"patternTransform",patternUnits:"patternUnits",pointerEvents:"pointer-events",points:0,pointsAtX:"pointsAtX",pointsAtY:"pointsAtY",pointsAtZ:"pointsAtZ",preserveAlpha:"preserveAlpha",preserveAspectRatio:"preserveAspectRatio",primitiveUnits:"primitiveUnits",r:0,radius:0,refX:"refX",refY:"refY",renderingIntent:"rendering-intent",repeatCount:"repeatCount",repeatDur:"repeatDur",requiredExtensions:"requiredExtensions",requiredFeatures:"requiredFeatures",restart:0,result:0,rotate:0,rx:0,ry:0,scale:0,seed:0,shapeRendering:"shape-rendering",slope:0,spacing:0,specularConstant:"specularConstant",specularExponent:"specularExponent",speed:0,spreadMethod:"spreadMethod",startOffset:"startOffset",stdDeviation:"stdDeviation",stemh:0,stemv:0,stitchTiles:"stitchTiles",stopColor:"stop-color",stopOpacity:"stop-opacity",strikethroughPosition:"strikethrough-position",strikethroughThickness:"strikethrough-thickness",string:0,stroke:0,strokeDasharray:"stroke-dasharray",strokeDashoffset:"stroke-dashoffset",strokeLinecap:"stroke-linecap",strokeLinejoin:"stroke-linejoin",strokeMiterlimit:"stroke-miterlimit",strokeOpacity:"stroke-opacity",strokeWidth:"stroke-width",surfaceScale:"surfaceScale",systemLanguage:"systemLanguage",tableValues:"tableValues",targetX:"targetX",targetY:"targetY",textAnchor:"text-anchor",textDecoration:"text-decoration",textRendering:"text-rendering",textLength:"textLength",to:0,transform:0,u1:0,u2:0,underlinePosition:"underline-position",underlineThickness:"underline-thickness",unicode:0,unicodeBidi:"unicode-bidi",unicodeRange:"unicode-range",unitsPerEm:"units-per-em",vAlphabetic:"v-alphabetic",vHanging:"v-hanging",vIdeographic:"v-ideographic",vMathematical:"v-mathematical",values:0,vectorEffect:"vector-effect",version:0,vertAdvY:"vert-adv-y",vertOriginX:"vert-origin-x",vertOriginY:"vert-origin-y",viewBox:"viewBox",viewTarget:"viewTarget",visibility:0,widths:0,wordSpacing:"word-spacing",writingMode:"writing-mode",x:0,xHeight:"x-height",x1:0,x2:0,xChannelSelector:"xChannelSelector",xlinkActuate:"xlink:actuate",xlinkArcrole:"xlink:arcrole",xlinkHref:"xlink:href",xlinkRole:"xlink:role",xlinkShow:"xlink:show",xlinkTitle:"xlink:title",xlinkType:"xlink:type",xmlBase:"xml:base",xmlns:0,xmlnsXlink:"xmlns:xlink",xmlLang:"xml:lang",xmlSpace:"xml:space",y:0,y1:0,y2:0,yChannelSelector:"yChannelSelector",z:0,zoomAndPan:"zoomAndPan"},SVGDOMPropertyConfig={Properties:{},DOMAttributeNamespaces:{xlinkActuate:NS.xlink,xlinkArcrole:NS.xlink,xlinkHref:NS.xlink,xlinkRole:NS.xlink,xlinkShow:NS.xlink,xlinkTitle:NS.xlink,xlinkType:NS.xlink,xmlBase:NS.xml,xmlLang:NS.xml,xmlSpace:NS.xml},DOMAttributeNames:{}};Object.keys(ATTRS).forEach(function(key){SVGDOMPropertyConfig.Properties[key]=0,ATTRS[key]&&(SVGDOMPropertyConfig.DOMAttributeNames[key]=ATTRS[key])}),module.exports=SVGDOMPropertyConfig},function(module,exports,__webpack_require__){"use strict";function getSelection(node){if("selectionStart"in node&&ReactInputSelection.hasSelectionCapabilities(node))return{start:node.selectionStart,end:node.selectionEnd};if(window.getSelection){var selection=window.getSelection();return{anchorNode:selection.anchorNode,anchorOffset:selection.anchorOffset,focusNode:selection.focusNode,focusOffset:selection.focusOffset}}if(document.selection){var range=document.selection.createRange();return{parentElement:range.parentElement(),text:range.text,top:range.boundingTop,left:range.boundingLeft}}}function constructSelectEvent(nativeEvent,nativeEventTarget){if(mouseDown||null==activeElement||activeElement!==getActiveElement())return null;var currentSelection=getSelection(activeElement);if(!lastSelection||!shallowEqual(lastSelection,currentSelection)){lastSelection=currentSelection;var syntheticEvent=SyntheticEvent.getPooled(eventTypes.select,activeElementInst,nativeEvent,nativeEventTarget);return syntheticEvent.type="select",syntheticEvent.target=activeElement,EventPropagators.accumulateTwoPhaseDispatches(syntheticEvent),syntheticEvent}return null}var EventPropagators=__webpack_require__(27),ExecutionEnvironment=__webpack_require__(10),ReactDOMComponentTree=__webpack_require__(7),ReactInputSelection=__webpack_require__(92),SyntheticEvent=__webpack_require__(16),getActiveElement=__webpack_require__(93),isTextInputElement=__webpack_require__(77),shallowEqual=__webpack_require__(53),skipSelectionChangeEvent=ExecutionEnvironment.canUseDOM&&"documentMode"in document&&document.documentMode<=11,eventTypes={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:["topBlur","topContextMenu","topFocus","topKeyDown","topKeyUp","topMouseDown","topMouseUp","topSelectionChange"]}},activeElement=null,activeElementInst=null,lastSelection=null,mouseDown=!1,hasListener=!1,SelectEventPlugin={eventTypes:eventTypes,extractEvents:function(topLevelType,targetInst,nativeEvent,nativeEventTarget){if(!hasListener)return null;var targetNode=targetInst?ReactDOMComponentTree.getNodeFromInstance(targetInst):window;switch(topLevelType){case"topFocus":(isTextInputElement(targetNode)||"true"===targetNode.contentEditable)&&(activeElement=targetNode,activeElementInst=targetInst,lastSelection=null);break;case"topBlur":activeElement=null,activeElementInst=null,lastSelection=null;break;case"topMouseDown":mouseDown=!0;break;case"topContextMenu":case"topMouseUp":return mouseDown=!1,constructSelectEvent(nativeEvent,nativeEventTarget);case"topSelectionChange":if(skipSelectionChangeEvent)break;case"topKeyDown":case"topKeyUp":return constructSelectEvent(nativeEvent,nativeEventTarget)}return null},didPutListener:function(inst,registrationName,listener){"onSelect"===registrationName&&(hasListener=!0)}};module.exports=SelectEventPlugin},function(module,exports,__webpack_require__){"use strict";function getDictionaryKey(inst){return"."+inst._rootNodeID}function isInteractive(tag){return"button"===tag||"input"===tag||"select"===tag||"textarea"===tag}var _prodInvariant=__webpack_require__(3),EventListener=__webpack_require__(91),EventPropagators=__webpack_require__(27),ReactDOMComponentTree=__webpack_require__(7),SyntheticAnimationEvent=__webpack_require__(210),SyntheticClipboardEvent=__webpack_require__(211),SyntheticEvent=__webpack_require__(16),SyntheticFocusEvent=__webpack_require__(212),SyntheticKeyboardEvent=__webpack_require__(213),SyntheticMouseEvent=__webpack_require__(33),SyntheticDragEvent=__webpack_require__(215),SyntheticTouchEvent=__webpack_require__(216),SyntheticTransitionEvent=__webpack_require__(217),SyntheticUIEvent=__webpack_require__(29),SyntheticWheelEvent=__webpack_require__(218),emptyFunction=__webpack_require__(11),getEventCharCode=__webpack_require__(58),eventTypes=(__webpack_require__(0),{}),topLevelEventsToDispatchConfig={};["abort","animationEnd","animationIteration","animationStart","blur","canPlay","canPlayThrough","click","contextMenu","copy","cut","doubleClick","drag","dragEnd","dragEnter","dragExit","dragLeave","dragOver","dragStart","drop","durationChange","emptied","encrypted","ended","error","focus","input","invalid","keyDown","keyPress","keyUp","load","loadedData","loadedMetadata","loadStart","mouseDown","mouseMove","mouseOut","mouseOver","mouseUp","paste","pause","play","playing","progress","rateChange","reset","scroll","seeked","seeking","stalled","submit","suspend","timeUpdate","touchCancel","touchEnd","touchMove","touchStart","transitionEnd","volumeChange","waiting","wheel"].forEach(function(event){var capitalizedEvent=event[0].toUpperCase()+event.slice(1),onEvent="on"+capitalizedEvent,topEvent="top"+capitalizedEvent,type={phasedRegistrationNames:{bubbled:onEvent,captured:onEvent+"Capture"},dependencies:[topEvent]};eventTypes[event]=type,topLevelEventsToDispatchConfig[topEvent]=type});var onClickListeners={},SimpleEventPlugin={eventTypes:eventTypes,extractEvents:function(topLevelType,targetInst,nativeEvent,nativeEventTarget){var dispatchConfig=topLevelEventsToDispatchConfig[topLevelType];if(!dispatchConfig)return null;var EventConstructor;switch(topLevelType){case"topAbort":case"topCanPlay":case"topCanPlayThrough":case"topDurationChange":case"topEmptied":case"topEncrypted":case"topEnded":case"topError":case"topInput":case"topInvalid":case"topLoad":case"topLoadedData":case"topLoadedMetadata":case"topLoadStart":case"topPause":case"topPlay":case"topPlaying":case"topProgress":case"topRateChange":case"topReset":case"topSeeked":case"topSeeking":case"topStalled":case"topSubmit":case"topSuspend":case"topTimeUpdate":case"topVolumeChange":case"topWaiting":EventConstructor=SyntheticEvent;break;case"topKeyPress":if(0===getEventCharCode(nativeEvent))return null;case"topKeyDown":case"topKeyUp":EventConstructor=SyntheticKeyboardEvent;break;case"topBlur":case"topFocus":EventConstructor=SyntheticFocusEvent;break;case"topClick":if(2===nativeEvent.button)return null;case"topDoubleClick":case"topMouseDown":case"topMouseMove":case"topMouseUp":case"topMouseOut":case"topMouseOver":case"topContextMenu":EventConstructor=SyntheticMouseEvent;break;case"topDrag":case"topDragEnd":case"topDragEnter":case"topDragExit":case"topDragLeave":case"topDragOver":case"topDragStart":case"topDrop":EventConstructor=SyntheticDragEvent;break;case"topTouchCancel":case"topTouchEnd":case"topTouchMove":case"topTouchStart":EventConstructor=SyntheticTouchEvent;break;case"topAnimationEnd":case"topAnimationIteration":case"topAnimationStart":EventConstructor=SyntheticAnimationEvent;break;case"topTransitionEnd":EventConstructor=SyntheticTransitionEvent;break;case"topScroll":EventConstructor=SyntheticUIEvent;break;case"topWheel":EventConstructor=SyntheticWheelEvent;break;case"topCopy":case"topCut":case"topPaste":EventConstructor=SyntheticClipboardEvent}EventConstructor||_prodInvariant("86",topLevelType);var event=EventConstructor.getPooled(dispatchConfig,targetInst,nativeEvent,nativeEventTarget);return EventPropagators.accumulateTwoPhaseDispatches(event),event},didPutListener:function(inst,registrationName,listener){if("onClick"===registrationName&&!isInteractive(inst._tag)){var key=getDictionaryKey(inst),node=ReactDOMComponentTree.getNodeFromInstance(inst);onClickListeners[key]||(onClickListeners[key]=EventListener.listen(node,"click",emptyFunction))}},willDeleteListener:function(inst,registrationName){if("onClick"===registrationName&&!isInteractive(inst._tag)){var key=getDictionaryKey(inst);onClickListeners[key].remove(),delete onClickListeners[key]}}};module.exports=SimpleEventPlugin},function(module,exports,__webpack_require__){"use strict";function SyntheticAnimationEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticEvent=__webpack_require__(16),AnimationEventInterface={animationName:null,elapsedTime:null,pseudoElement:null};SyntheticEvent.augmentClass(SyntheticAnimationEvent,AnimationEventInterface),module.exports=SyntheticAnimationEvent},function(module,exports,__webpack_require__){"use strict";function SyntheticClipboardEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticEvent=__webpack_require__(16),ClipboardEventInterface={clipboardData:function(event){return"clipboardData"in event?event.clipboardData:window.clipboardData}};SyntheticEvent.augmentClass(SyntheticClipboardEvent,ClipboardEventInterface),module.exports=SyntheticClipboardEvent},function(module,exports,__webpack_require__){"use strict";function SyntheticFocusEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticUIEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticUIEvent=__webpack_require__(29),FocusEventInterface={relatedTarget:null};SyntheticUIEvent.augmentClass(SyntheticFocusEvent,FocusEventInterface),module.exports=SyntheticFocusEvent},function(module,exports,__webpack_require__){"use strict";function SyntheticKeyboardEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticUIEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticUIEvent=__webpack_require__(29),getEventCharCode=__webpack_require__(58),getEventKey=__webpack_require__(214),getEventModifierState=__webpack_require__(47),KeyboardEventInterface={key:getEventKey,location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:getEventModifierState,charCode:function(event){return"keypress"===event.type?getEventCharCode(event):0},keyCode:function(event){return"keydown"===event.type||"keyup"===event.type?event.keyCode:0},which:function(event){return"keypress"===event.type?getEventCharCode(event):"keydown"===event.type||"keyup"===event.type?event.keyCode:0}};SyntheticUIEvent.augmentClass(SyntheticKeyboardEvent,KeyboardEventInterface),module.exports=SyntheticKeyboardEvent},function(module,exports,__webpack_require__){"use strict";function getEventKey(nativeEvent){if(nativeEvent.key){var key=normalizeKey[nativeEvent.key]||nativeEvent.key;if("Unidentified"!==key)return key}if("keypress"===nativeEvent.type){var charCode=getEventCharCode(nativeEvent);return 13===charCode?"Enter":String.fromCharCode(charCode)}return"keydown"===nativeEvent.type||"keyup"===nativeEvent.type?translateToKey[nativeEvent.keyCode]||"Unidentified":""}var getEventCharCode=__webpack_require__(58),normalizeKey={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},translateToKey={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"};module.exports=getEventKey},function(module,exports,__webpack_require__){"use strict";function SyntheticDragEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticMouseEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticMouseEvent=__webpack_require__(33),DragEventInterface={dataTransfer:null};SyntheticMouseEvent.augmentClass(SyntheticDragEvent,DragEventInterface),module.exports=SyntheticDragEvent},function(module,exports,__webpack_require__){"use strict";function SyntheticTouchEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticUIEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticUIEvent=__webpack_require__(29),getEventModifierState=__webpack_require__(47),TouchEventInterface={touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:getEventModifierState};SyntheticUIEvent.augmentClass(SyntheticTouchEvent,TouchEventInterface),module.exports=SyntheticTouchEvent},function(module,exports,__webpack_require__){"use strict";function SyntheticTransitionEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticEvent=__webpack_require__(16),TransitionEventInterface={propertyName:null,elapsedTime:null,pseudoElement:null};SyntheticEvent.augmentClass(SyntheticTransitionEvent,TransitionEventInterface),module.exports=SyntheticTransitionEvent},function(module,exports,__webpack_require__){"use strict";function SyntheticWheelEvent(dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget){return SyntheticMouseEvent.call(this,dispatchConfig,dispatchMarker,nativeEvent,nativeEventTarget)}var SyntheticMouseEvent=__webpack_require__(33),WheelEventInterface={deltaX:function(event){return"deltaX"in event?event.deltaX:"wheelDeltaX"in event?-event.wheelDeltaX:0},deltaY:function(event){return"deltaY"in event?event.deltaY:"wheelDeltaY"in event?-event.wheelDeltaY:"wheelDelta"in event?-event.wheelDelta:0},deltaZ:null,deltaMode:null};SyntheticMouseEvent.augmentClass(SyntheticWheelEvent,WheelEventInterface),module.exports=SyntheticWheelEvent},function(module,exports,__webpack_require__){"use strict";function ReactDOMContainerInfo(topLevelWrapper,node){var info={_topLevelWrapper:topLevelWrapper,_idCounter:1,_ownerDocument:node?node.nodeType===DOC_NODE_TYPE?node:node.ownerDocument:null,_node:node,_tag:node?node.nodeName.toLowerCase():null,_namespaceURI:node?node.namespaceURI:null};return info}var DOC_NODE_TYPE=(__webpack_require__(57),9);module.exports=ReactDOMContainerInfo},function(module,exports,__webpack_require__){"use strict";var ReactDOMFeatureFlags={useCreateElement:!0,useFiber:!1};module.exports=ReactDOMFeatureFlags},function(module,exports,__webpack_require__){"use strict";var adler32=__webpack_require__(222),TAG_END=/\/?>/,COMMENT_START=/^<\!\-\-/,ReactMarkupChecksum={CHECKSUM_ATTR_NAME:"data-react-checksum",addChecksumToMarkup:function(markup){var checksum=adler32(markup);return COMMENT_START.test(markup)?markup:markup.replace(TAG_END," "+ReactMarkupChecksum.CHECKSUM_ATTR_NAME+'="'+checksum+'"$&')},canReuseMarkup:function(markup,element){var existingChecksum=element.getAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);return existingChecksum=existingChecksum&&parseInt(existingChecksum,10),adler32(markup)===existingChecksum}};module.exports=ReactMarkupChecksum},function(module,exports,__webpack_require__){"use strict";function adler32(data){for(var a=1,b=0,i=0,l=data.length,m=-4&l;i-1&&(line=line.replace(/eval code/g,"eval").replace(/(\(eval at [^\()]*)|(\)\,.*$)/g,""));var tokens=line.replace(/^\s+/,"").replace(/\(eval code/g,"(").split(/\s+/).slice(1),locationParts=this.extractLocation(tokens.pop()),functionName=tokens.join(" ")||void 0,fileName=_indexOf(["eval",""],locationParts[0])>-1?void 0:locationParts[0];return new StackFrame(functionName,void 0,fileName,locationParts[1],locationParts[2],line)},this)},parseFFOrSafari:function(error){return _map(_filter(error.stack.split("\n"),function(line){return!line.match(SAFARI_NATIVE_CODE_REGEXP)},this),function(line){if(line.indexOf(" > eval")>-1&&(line=line.replace(/ line (\d+)(?: > eval line \d+)* > eval\:\d+\:\d+/g,":$1")),-1===line.indexOf("@")&&-1===line.indexOf(":"))return new StackFrame(line);var tokens=line.split("@"),locationParts=this.extractLocation(tokens.pop()),functionName=tokens.join("@")||void 0;return new StackFrame(functionName,void 0,locationParts[0],locationParts[1],locationParts[2],line)},this)},parseOpera:function(e){return!e.stacktrace||e.message.indexOf("\n")>-1&&e.message.split("\n").length>e.stacktrace.split("\n").length?this.parseOpera9(e):e.stack?this.parseOpera11(e):this.parseOpera10(e)},parseOpera9:function(e){for(var lineRE=/Line (\d+).*script (?:in )?(\S+)/i,lines=e.message.split("\n"),result=[],i=2,len=lines.length;i/,"$2").replace(/\([^\)]*\)/g,"")||void 0;functionCall.match(/\(([^\)]*)\)/)&&(argsRaw=functionCall.replace(/^[^\(]+\(([^\)]*)\)$/,"$1"));var args=void 0===argsRaw||"[arguments not available]"===argsRaw?void 0:argsRaw.split(",");return new StackFrame(functionName,args,locationParts[0],locationParts[1],locationParts[2],line)},this)}}})},function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;!function(root,factory){"use strict";__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_FACTORY__=factory,void 0!==(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}(0,function(){"use strict";function _isNumber(n){return!isNaN(parseFloat(n))&&isFinite(n)}function StackFrame(functionName,args,fileName,lineNumber,columnNumber,source){void 0!==functionName&&this.setFunctionName(functionName),void 0!==args&&this.setArgs(args),void 0!==fileName&&this.setFileName(fileName),void 0!==lineNumber&&this.setLineNumber(lineNumber),void 0!==columnNumber&&this.setColumnNumber(columnNumber),void 0!==source&&this.setSource(source)}return StackFrame.prototype={getFunctionName:function(){return this.functionName},setFunctionName:function(v){this.functionName=String(v)},getArgs:function(){return this.args},setArgs:function(v){if("[object Array]"!==Object.prototype.toString.call(v))throw new TypeError("Args must be an Array");this.args=v},getFileName:function(){return this.fileName},setFileName:function(v){this.fileName=String(v)},getLineNumber:function(){return this.lineNumber},setLineNumber:function(v){if(!_isNumber(v))throw new TypeError("Line Number must be a Number");this.lineNumber=Number(v)},getColumnNumber:function(){return this.columnNumber},setColumnNumber:function(v){if(!_isNumber(v))throw new TypeError("Column Number must be a Number");this.columnNumber=Number(v)},getSource:function(){return this.source},setSource:function(v){this.source=String(v)},toString:function(){return(this.getFunctionName()||"{anonymous}")+"("+(this.getArgs()||[]).join(",")+")"+(this.getFileName()?"@"+this.getFileName():"")+(_isNumber(this.getLineNumber())?":"+this.getLineNumber():"")+(_isNumber(this.getColumnNumber())?":"+this.getColumnNumber():"")}},StackFrame})},function(module,exports,__webpack_require__){"use strict";(function(global){function _getGlobalObject(){try{if(global)return global}catch(e){try{if(window)return window}catch(e){return this}}}function _getRewireModuleId__(){if(null===_RewireModuleId__){var globalVariable=_getGlobalObject();globalVariable.__$$GLOBAL_REWIRE_NEXT_MODULE_ID__||(globalVariable.__$$GLOBAL_REWIRE_NEXT_MODULE_ID__=0),_RewireModuleId__=__$$GLOBAL_REWIRE_NEXT_MODULE_ID__++}return _RewireModuleId__}function _getRewireRegistry__(){var theGlobalVariable=_getGlobalObject();return theGlobalVariable.__$$GLOBAL_REWIRE_REGISTRY__||(theGlobalVariable.__$$GLOBAL_REWIRE_REGISTRY__=Object.create(null)),__$$GLOBAL_REWIRE_REGISTRY__}function _getRewiredData__(){var moduleId=_getRewireModuleId__(),registry=_getRewireRegistry__(),rewireData=registry[moduleId];return rewireData||(registry[moduleId]=Object.create(null),rewireData=registry[moduleId]),rewireData}function _get__(variableName){var rewireData=_getRewiredData__();if(void 0===rewireData[variableName])return _get_original__(variableName);var value=rewireData[variableName];return value===INTENTIONAL_UNDEFINED?void 0:value}function _get_original__(variableName){switch(variableName){case"filenameWithoutLoaders":return filenameWithoutLoaders;case"filenameHasSchema":return filenameHasSchema}}function _set__(variableName,value){var rewireData=_getRewiredData__();if("object"!==(void 0===variableName?"undefined":_typeof(variableName)))return rewireData[variableName]=void 0===value?INTENTIONAL_UNDEFINED:value,function(){_reset__(variableName)};Object.keys(variableName).forEach(function(name){rewireData[name]=variableName[name]})}function _reset__(variableName){var rewireData=_getRewiredData__();delete rewireData[variableName],0==Object.keys(rewireData).length&&delete _getRewireRegistry__()[_getRewireModuleId__]}function _with__(object){function reset(){rewiredVariableNames.forEach(function(variableName){rewireData[variableName]=previousValues[variableName]})}var rewireData=_getRewiredData__(),rewiredVariableNames=Object.keys(object),previousValues={};return function(callback){rewiredVariableNames.forEach(function(variableName){previousValues[variableName]=rewireData[variableName],rewireData[variableName]=object[variableName]});var result=callback();return result&&"function"==typeof result.then?result.then(reset).catch(reset):reset(),result}}Object.defineProperty(exports,"__esModule",{value:!0});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},filenameWithoutLoaders=exports.filenameWithoutLoaders=function(){var filename=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",index=filename.lastIndexOf("!");return index<0?filename:filename.substr(index+1)},filenameHasSchema=(exports.filenameHasLoaders=function(filename){return _get__("filenameWithoutLoaders")(filename)!==filename},exports.filenameHasSchema=function(filename){return/^[\w]+\:/.test(filename)}),_RewireModuleId__=(exports.isFilenameAbsolute=function(filename){return 0===_get__("filenameWithoutLoaders")(filename).indexOf("/")},exports.makeUrl=function(filename,scheme,line,column){var actualFilename=_get__("filenameWithoutLoaders")(filename);if(_get__("filenameHasSchema")(filename))return actualFilename;var url="file://"+actualFilename;return scheme&&(url=scheme+"://open?url="+url,line&&actualFilename===filename&&(url=url+"&line="+line,column&&(url=url+"&column="+column))),url},exports.makeLinkText=function(filename,line,column){var text=_get__("filenameWithoutLoaders")(filename);return line&&text===filename&&(text=text+":"+line,column&&(text=text+":"+column)),text},null);!function(){var theGlobalVariable=_getGlobalObject();theGlobalVariable.__rewire_reset_all__||(theGlobalVariable.__rewire_reset_all__=function(){theGlobalVariable.__$$GLOBAL_REWIRE_REGISTRY__=Object.create(null)})}();var INTENTIONAL_UNDEFINED="__INTENTIONAL_UNDEFINED__",_RewireAPI__={};!function(){function addPropertyToAPIObject(name,value){Object.defineProperty(_RewireAPI__,name,{value:value,enumerable:!1,configurable:!0})}addPropertyToAPIObject("__get__",_get__),addPropertyToAPIObject("__GetDependency__",_get__),addPropertyToAPIObject("__Rewire__",_set__),addPropertyToAPIObject("__set__",_set__),addPropertyToAPIObject("__reset__",_reset__),addPropertyToAPIObject("__ResetDependency__",_reset__),addPropertyToAPIObject("__with__",_with__)}(),exports.__get__=_get__,exports.__GetDependency__=_get__,exports.__Rewire__=_set__,exports.__set__=_set__,exports.__ResetDependency__=_reset__,exports.__RewireAPI__=_RewireAPI__,exports.default=_RewireAPI__}).call(exports,__webpack_require__(26))},function(module,exports,__webpack_require__){!function(root,factory){module.exports=factory()}(0,function(){return function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={exports:{},id:moduleId,loaded:!1};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}var installedModules={};return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.p="",__webpack_require__(0)}([function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;__WEBPACK_AMD_DEFINE_ARRAY__=[__webpack_require__(1)],void 0!==(__WEBPACK_AMD_DEFINE_RESULT__=function(source_map_consumer){function origName(origLine){var match=String(origLine).match(isChrome()?/ +at +([^ ]*).*/:/([^@]*)@.*/);return match&&match[1]}function createXMLHTTPObject(){for(var xmlhttp=!1,i=0;i/)||fetcher.fetchScript(uri));0===fetcher.sem&&fetcher.done(fetcher.mapForUri)},isChrome=function(){return navigator.userAgent.toLowerCase().indexOf("chrome")>-1},isFirefox=function(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1},Fetcher=function(done,opts){this.sem=0,this.mapForUri=opts&&opts.cacheGlobally?global_mapForUri:{},this.done=done};Fetcher.prototype.fetchScript=function(uri){if(!(uri in this.mapForUri)){this.sem++,this.mapForUri[uri]=null;var xhr=createXMLHTTPObject(),that=this;xhr.onreadystatechange=function(e){that.onScriptLoad.call(that,e,uri)},xhr.open("GET",uri,!0),xhr.send()}};var absUrlRegex=new RegExp("^(?:[a-z]+:)?//","i");Fetcher.prototype.onScriptLoad=function(e,uri){if(4===e.target.readyState){if(200===e.target.status||"file://"===uri.slice(0,7)&&0===e.target.status){var match=e.target.responseText.match("//# [s]ourceMappingURL=(.*)[\\s]*$","m");if(match&&2===match.length){var mapUri=match[1],embeddedSourceMap=mapUri.match("data:application/json;(charset=[^;]+;)?base64,(.*)");if(embeddedSourceMap&&embeddedSourceMap[2])this.mapForUri[uri]=new source_map_consumer.SourceMapConsumer(atob(embeddedSourceMap[2])),this.done(this.mapForUri);else{if(!absUrlRegex.test(mapUri)){var origin,lastSlash=uri.lastIndexOf("/");-1!==lastSlash&&(origin=uri.slice(0,lastSlash+1),mapUri=origin+mapUri)}var xhrMap=createXMLHTTPObject(),that=this;xhrMap.onreadystatechange=function(){4===xhrMap.readyState&&(that.sem--,(200===xhrMap.status||"file://"===mapUri.slice(0,7)&&0===xhrMap.status)&&(that.mapForUri[uri]=new source_map_consumer.SourceMapConsumer(xhrMap.responseText)),0===that.sem&&that.done(that.mapForUri))},xhrMap.open("GET",mapUri,!0),xhrMap.send()}}else this.sem--}else this.sem--;0===this.sem&&this.done(this.mapForUri)}};var processSourceMaps=function(lines,rows,mapForUri){for(var map,result=[],i=0;i=0){var mapping=this._originalMappings[index];if(void 0===aArgs.column)for(var originalLine=mapping.originalLine;mapping&&mapping.originalLine===originalLine;)mappings.push({line:util.getArg(mapping,"generatedLine",null),column:util.getArg(mapping,"generatedColumn",null),lastColumn:util.getArg(mapping,"lastGeneratedColumn",null)}),mapping=this._originalMappings[++index];else for(var originalColumn=mapping.originalColumn;mapping&&mapping.originalLine===line&&mapping.originalColumn==originalColumn;)mappings.push({line:util.getArg(mapping,"generatedLine",null),column:util.getArg(mapping,"generatedColumn",null),lastColumn:util.getArg(mapping,"lastGeneratedColumn",null)}),mapping=this._originalMappings[++index]}return mappings},exports.SourceMapConsumer=SourceMapConsumer,BasicSourceMapConsumer.prototype=Object.create(SourceMapConsumer.prototype),BasicSourceMapConsumer.prototype.consumer=SourceMapConsumer,BasicSourceMapConsumer.fromSourceMap=function(aSourceMap){var smc=Object.create(BasicSourceMapConsumer.prototype),names=smc._names=ArraySet.fromArray(aSourceMap._names.toArray(),!0),sources=smc._sources=ArraySet.fromArray(aSourceMap._sources.toArray(),!0);smc.sourceRoot=aSourceMap._sourceRoot,smc.sourcesContent=aSourceMap._generateSourcesContent(smc._sources.toArray(),smc.sourceRoot),smc.file=aSourceMap._file;for(var generatedMappings=aSourceMap._mappings.toArray().slice(),destGeneratedMappings=smc.__generatedMappings=[],destOriginalMappings=smc.__originalMappings=[],i=0,length=generatedMappings.length;i1&&(mapping.source=previousSource+segment[1],previousSource+=segment[1],mapping.originalLine=previousOriginalLine+segment[2],previousOriginalLine=mapping.originalLine,mapping.originalLine+=1,mapping.originalColumn=previousOriginalColumn+segment[3],previousOriginalColumn=mapping.originalColumn,segment.length>4&&(mapping.name=previousName+segment[4],previousName+=segment[4])),generatedMappings.push(mapping),"number"==typeof mapping.originalLine&&originalMappings.push(mapping)}quickSort(generatedMappings,util.compareByGeneratedPositionsDeflated),this.__generatedMappings=generatedMappings,quickSort(originalMappings,util.compareByOriginalPositions),this.__originalMappings=originalMappings},BasicSourceMapConsumer.prototype._findMapping=function(aNeedle,aMappings,aLineName,aColumnName,aComparator,aBias){if(aNeedle[aLineName]<=0)throw new TypeError("Line must be greater than or equal to 1, got "+aNeedle[aLineName]);if(aNeedle[aColumnName]<0)throw new TypeError("Column must be greater than or equal to 0, got "+aNeedle[aColumnName]);return binarySearch.search(aNeedle,aMappings,aComparator,aBias)},BasicSourceMapConsumer.prototype.computeColumnSpans=function(){for(var index=0;index=0){var mapping=this._generatedMappings[index];if(mapping.generatedLine===needle.generatedLine){var source=util.getArg(mapping,"source",null);null!==source&&(source=this._sources.at(source),null!=this.sourceRoot&&(source=util.join(this.sourceRoot,source)));var name=util.getArg(mapping,"name",null);return null!==name&&(name=this._names.at(name)),{source:source,line:util.getArg(mapping,"originalLine",null),column:util.getArg(mapping,"originalColumn",null),name:name}}}return{source:null,line:null,column:null,name:null}},BasicSourceMapConsumer.prototype.hasContentsOfAllSources=function(){return!!this.sourcesContent&&(this.sourcesContent.length>=this._sources.size()&&!this.sourcesContent.some(function(sc){return null==sc}))},BasicSourceMapConsumer.prototype.sourceContentFor=function(aSource,nullOnMissing){if(!this.sourcesContent)return null;if(null!=this.sourceRoot&&(aSource=util.relative(this.sourceRoot,aSource)),this._sources.has(aSource))return this.sourcesContent[this._sources.indexOf(aSource)];var url;if(null!=this.sourceRoot&&(url=util.urlParse(this.sourceRoot))){var fileUriAbsPath=aSource.replace(/^file:\/\//,"");if("file"==url.scheme&&this._sources.has(fileUriAbsPath))return this.sourcesContent[this._sources.indexOf(fileUriAbsPath)];if((!url.path||"/"==url.path)&&this._sources.has("/"+aSource))return this.sourcesContent[this._sources.indexOf("/"+aSource)]}if(nullOnMissing)return null;throw new Error('"'+aSource+'" is not in the SourceMap.')},BasicSourceMapConsumer.prototype.generatedPositionFor=function(aArgs){var source=util.getArg(aArgs,"source");if(null!=this.sourceRoot&&(source=util.relative(this.sourceRoot,source)),!this._sources.has(source))return{line:null,column:null,lastColumn:null};source=this._sources.indexOf(source);var needle={source:source,originalLine:util.getArg(aArgs,"line"),originalColumn:util.getArg(aArgs,"column")},index=this._findMapping(needle,this._originalMappings,"originalLine","originalColumn",util.compareByOriginalPositions,util.getArg(aArgs,"bias",SourceMapConsumer.GREATEST_LOWER_BOUND));if(index>=0){var mapping=this._originalMappings[index];if(mapping.source===needle.source)return{line:util.getArg(mapping,"generatedLine",null),column:util.getArg(mapping,"generatedColumn",null),lastColumn:util.getArg(mapping,"lastGeneratedColumn",null)}}return{line:null,column:null,lastColumn:null}},exports.BasicSourceMapConsumer=BasicSourceMapConsumer,IndexedSourceMapConsumer.prototype=Object.create(SourceMapConsumer.prototype),IndexedSourceMapConsumer.prototype.constructor=SourceMapConsumer,IndexedSourceMapConsumer.prototype._version=3,Object.defineProperty(IndexedSourceMapConsumer.prototype,"sources",{get:function(){for(var sources=[],i=0;i=0;i--)part=parts[i],"."===part?parts.splice(i,1):".."===part?up++:up>0&&(""===part?(parts.splice(i+1,up),up=0):(parts.splice(i,2),up--));return path=parts.join("/"),""===path&&(path=isAbsolute?"/":"."),url?(url.path=path,urlGenerate(url)):path}function join(aRoot,aPath){""===aRoot&&(aRoot="."),""===aPath&&(aPath=".");var aPathUrl=urlParse(aPath),aRootUrl=urlParse(aRoot);if(aRootUrl&&(aRoot=aRootUrl.path||"/"),aPathUrl&&!aPathUrl.scheme)return aRootUrl&&(aPathUrl.scheme=aRootUrl.scheme),urlGenerate(aPathUrl);if(aPathUrl||aPath.match(dataUrlRegexp))return aPath;if(aRootUrl&&!aRootUrl.host&&!aRootUrl.path)return aRootUrl.host=aPath,urlGenerate(aRootUrl);var joined="/"===aPath.charAt(0)?aPath:normalize(aRoot.replace(/\/+$/,"")+"/"+aPath);return aRootUrl?(aRootUrl.path=joined,urlGenerate(aRootUrl)):joined}function relative(aRoot,aPath){""===aRoot&&(aRoot="."),aRoot=aRoot.replace(/\/$/,"");for(var level=0;0!==aPath.indexOf(aRoot+"/");){var index=aRoot.lastIndexOf("/");if(index<0)return aPath;if(aRoot=aRoot.slice(0,index),aRoot.match(/^([^\/]+:\/)?\/*$/))return aPath;++level}return Array(level+1).join("../")+aPath.substr(aRoot.length+1)}function identity(s){return s}function toSetString(aStr){return isProtoString(aStr)?"$"+aStr:aStr}function fromSetString(aStr){return isProtoString(aStr)?aStr.slice(1):aStr}function isProtoString(s){if(!s)return!1;var length=s.length;if(length<9)return!1;if(95!==s.charCodeAt(length-1)||95!==s.charCodeAt(length-2)||111!==s.charCodeAt(length-3)||116!==s.charCodeAt(length-4)||111!==s.charCodeAt(length-5)||114!==s.charCodeAt(length-6)||112!==s.charCodeAt(length-7)||95!==s.charCodeAt(length-8)||95!==s.charCodeAt(length-9))return!1;for(var i=length-10;i>=0;i--)if(36!==s.charCodeAt(i))return!1;return!0}function compareByOriginalPositions(mappingA,mappingB,onlyCompareOriginal){var cmp=mappingA.source-mappingB.source;return 0!==cmp?cmp:0!==(cmp=mappingA.originalLine-mappingB.originalLine)?cmp:0!==(cmp=mappingA.originalColumn-mappingB.originalColumn)||onlyCompareOriginal?cmp:0!==(cmp=mappingA.generatedColumn-mappingB.generatedColumn)?cmp:(cmp=mappingA.generatedLine-mappingB.generatedLine,0!==cmp?cmp:mappingA.name-mappingB.name)}function compareByGeneratedPositionsDeflated(mappingA,mappingB,onlyCompareGenerated){var cmp=mappingA.generatedLine-mappingB.generatedLine;return 0!==cmp?cmp:0!==(cmp=mappingA.generatedColumn-mappingB.generatedColumn)||onlyCompareGenerated?cmp:0!==(cmp=mappingA.source-mappingB.source)?cmp:0!==(cmp=mappingA.originalLine-mappingB.originalLine)?cmp:(cmp=mappingA.originalColumn-mappingB.originalColumn,0!==cmp?cmp:mappingA.name-mappingB.name)}function strcmp(aStr1,aStr2){return aStr1===aStr2?0:aStr1>aStr2?1:-1}function compareByGeneratedPositionsInflated(mappingA,mappingB){var cmp=mappingA.generatedLine-mappingB.generatedLine;return 0!==cmp?cmp:0!==(cmp=mappingA.generatedColumn-mappingB.generatedColumn)?cmp:0!==(cmp=strcmp(mappingA.source,mappingB.source))?cmp:0!==(cmp=mappingA.originalLine-mappingB.originalLine)?cmp:(cmp=mappingA.originalColumn-mappingB.originalColumn,0!==cmp?cmp:strcmp(mappingA.name,mappingB.name))}exports.getArg=getArg;var urlRegexp=/^(?:([\w+\-.]+):)?\/\/(?:(\w+:\w+)@)?([\w.]*)(?::(\d+))?(\S*)$/,dataUrlRegexp=/^data:.+\,.+$/;exports.urlParse=urlParse,exports.urlGenerate=urlGenerate,exports.normalize=normalize,exports.join=join,exports.isAbsolute=function(aPath){return"/"===aPath.charAt(0)||!!aPath.match(urlRegexp)},exports.relative=relative;var supportsNullProto=function(){return!("__proto__"in Object.create(null))}();exports.toSetString=supportsNullProto?identity:toSetString,exports.fromSetString=supportsNullProto?identity:fromSetString,exports.compareByOriginalPositions=compareByOriginalPositions,exports.compareByGeneratedPositionsDeflated=compareByGeneratedPositionsDeflated,exports.compareByGeneratedPositionsInflated=compareByGeneratedPositionsInflated},function(module,exports){function recursiveSearch(aLow,aHigh,aNeedle,aHaystack,aCompare,aBias){var mid=Math.floor((aHigh-aLow)/2)+aLow,cmp=aCompare(aNeedle,aHaystack[mid],!0);return 0===cmp?mid:cmp>0?aHigh-mid>1?recursiveSearch(mid,aHigh,aNeedle,aHaystack,aCompare,aBias):aBias==exports.LEAST_UPPER_BOUND?aHigh1?recursiveSearch(aLow,mid,aNeedle,aHaystack,aCompare,aBias):aBias==exports.LEAST_UPPER_BOUND?mid:aLow<0?-1:aLow}exports.GREATEST_LOWER_BOUND=1,exports.LEAST_UPPER_BOUND=2,exports.search=function(aNeedle,aHaystack,aCompare,aBias){if(0===aHaystack.length)return-1;var index=recursiveSearch(-1,aHaystack.length,aNeedle,aHaystack,aCompare,aBias||exports.GREATEST_LOWER_BOUND);if(index<0)return-1;for(;index-1>=0&&0===aCompare(aHaystack[index],aHaystack[index-1],!0);)--index;return index}},function(module,exports,__webpack_require__){function ArraySet(){this._array=[],this._set=Object.create(null)}var util=__webpack_require__(2),has=Object.prototype.hasOwnProperty;ArraySet.fromArray=function(aArray,aAllowDuplicates){for(var set=new ArraySet,i=0,len=aArray.length;i=0&&aIdx>1;return isNegative?-shifted:shifted}var base64=__webpack_require__(6);exports.encode=function(aValue){var digit,encoded="",vlq=toVLQSigned(aValue);do{digit=31&vlq,vlq>>>=5,vlq>0&&(digit|=32),encoded+=base64.encode(digit)}while(vlq>0);return encoded},exports.decode=function(aStr,aIndex,aOutParam){var continuation,digit,strLen=aStr.length,result=0,shift=0;do{if(aIndex>=strLen)throw new Error("Expected more digits in base 64 VLQ value.");if(-1===(digit=base64.decode(aStr.charCodeAt(aIndex++))))throw new Error("Invalid base64 digit: "+aStr.charAt(aIndex-1));continuation=!!(32&digit),digit&=31,result+=digit<=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Button=void 0;var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChoiceList=void 0;var _extends=Object.assign||function(target){for(var i=1;i7?"select":"radio"}},{key:"render",value:function(){var type=this.type(),classes=(0,_classnames2.default)({"ds-c-fieldset":"select"!==type},this.props.className),RootComponent="select"===type?"div":"fieldset",FormLabelComponent="select"===type?"label":"legend";return _react2.default.createElement(RootComponent,{className:classes||null},_react2.default.createElement(_FormLabel2.default,{className:this.props.labelClassName,component:FormLabelComponent,errorMessage:this.props.errorMessage,fieldId:this.id(),hint:this.props.hint,inversed:this.props.inversed},this.props.label),this.field())}}]),ChoiceList}(_react2.default.PureComponent);ChoiceList.propTypes={choices:_propTypes2.default.arrayOf(_propTypes2.default.shape({checked:_Choice2.default.propTypes.checked,defaultChecked:_Choice2.default.propTypes.defaultChecked,disabled:_Choice2.default.propTypes.disabled,label:_Choice2.default.propTypes.children,value:_Choice2.default.propTypes.value})).isRequired,className:_propTypes2.default.string,disabled:_propTypes2.default.bool,errorMessage:_propTypes2.default.string,hint:_propTypes2.default.node,inversed:_propTypes2.default.bool,label:_propTypes2.default.node.isRequired,labelClassName:_propTypes2.default.string,multiple:_propTypes2.default.bool,name:_propTypes2.default.string.isRequired,onBlur:_propTypes2.default.func,onChange:_propTypes2.default.func,type:_propTypes2.default.oneOf(["checkbox","radio","select"])},exports.default=ChoiceList},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}function getDefaultSelectedId(props){var selectedId=void 0;return _react2.default.Children.forEach(props.children,function(child){isTabPanel(child)&&!selectedId&&(selectedId=child.props.id)}),selectedId}function panelTabId(panel){return panel.props.tabId||"ds-c-tabs__item--"+panel.props.id}function isTabPanel(child){return null!=child&&child.type===_TabPanel2.default}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;var _createClass=function(){function defineProperties(target,props){for(var i=0;i=2,_this}return _inherits(Page,_React$PureComponent),_createClass(Page,[{key:"defaultSelectedTabId",value:function(){return this.guidanceSections().length&&"undefined"!=typeof window&&"#guidance"===window.location.hash?"guidance":"usage"}},{key:"usageSections",value:function(){return this.props.sections.filter(function(s){return!isGuidanceSection(s)})}},{key:"guidanceSections",value:function(){return this.props.sections.filter(isGuidanceSection)}},{key:"renderChildPageBlocks",value:function(sections){if(sections)return sections.map(function(section){return _react2.default.createElement(_PageBlock2.default,_extends({key:section.referenceURI},section))})}},{key:"renderBody",value:function(){return _react2.default.createElement(_PageBlock2.default,_extends({},this.props,{hideHeader:!0}))}},{key:"renderContent",value:function(){return this.hasTabs?_react2.default.createElement(_designSystemCore.Tabs,{defaultSelectedId:this.defaultSelectedTabId(),tablistClassName:"ds-u-padding-left--6 ds-u-fill--gray-lightest"},_react2.default.createElement(_designSystemCore.TabPanel,{className:"ds-u-border--0 ds-u-padding-x--6 ds-u-padding-y--0",id:"usage",tab:"Usage"},this.renderBody(),this.renderChildPageBlocks(this.usageSections())),this.renderGuidanceTabPanel()):_react2.default.createElement("div",{className:"ds-u-border-top--1 ds-u-padding-x--6"},this.renderBody())}},{key:"renderGuidanceTabPanel",value:function(){var sections=this.guidanceSections();if(sections.length)return _react2.default.createElement(_designSystemCore.TabPanel,{className:"ds-u-border--0 ds-u-padding-x--6 ds-u-padding-y--0",id:"guidance",tab:"Guidance"},this.renderChildPageBlocks(sections))}},{key:"render",value:function(){return _react2.default.createElement("div",null,_react2.default.createElement(_PageHeader2.default,this.props),this.renderContent())}}]),Page}(_react2.default.PureComponent);Page.defaultProps={depth:0,sections:[]},Page.propTypes={depth:_propTypes2.default.number,sections:_propTypes2.default.arrayOf(_propTypes2.default.shape(_PageBlock2.default.propTypes))},exports.default=Page},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return void 0===timerId?result:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return leadingEdge(lastCallTime);if(maxing)return timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError(FUNC_ERROR_TEXT);return wait=toNumber(wait)||0,isObject(options)&&(leading=!!options.leading,maxing="maxWait"in options,maxWait=maxing?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=cancel,debounced.flush=flush,debounced}var isObject=__webpack_require__(41),now=__webpack_require__(265),toNumber=__webpack_require__(113),FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;module.exports=debounce},function(module,exports,__webpack_require__){var root=__webpack_require__(112),now=function(){return root.Date.now()};module.exports=now},function(module,exports,__webpack_require__){(function(global){var freeGlobal="object"==typeof global&&global&&global.Object===Object&&global;module.exports=freeGlobal}).call(exports,__webpack_require__(26))},function(module,exports,__webpack_require__){function isSymbol(value){return"symbol"==typeof value||isObjectLike(value)&&baseGetTag(value)==symbolTag}var baseGetTag=__webpack_require__(114),isObjectLike=__webpack_require__(270),symbolTag="[object Symbol]";module.exports=isSymbol},function(module,exports,__webpack_require__){function getRawTag(value){var isOwn=hasOwnProperty.call(value,symToStringTag),tag=value[symToStringTag];try{value[symToStringTag]=void 0;var unmasked=!0}catch(e){}var result=nativeObjectToString.call(value);return unmasked&&(isOwn?value[symToStringTag]=tag:delete value[symToStringTag]),result}var Symbol=__webpack_require__(115),objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty,nativeObjectToString=objectProto.toString,symToStringTag=Symbol?Symbol.toStringTag:void 0;module.exports=getRawTag},function(module,exports){function objectToString(value){return nativeObjectToString.call(value)}var objectProto=Object.prototype,nativeObjectToString=objectProto.toString;module.exports=objectToString},function(module,exports){function isObjectLike(value){return null!=value&&"object"==typeof value}module.exports=isObjectLike},function(module,exports,__webpack_require__){"use strict";function processMarkup(markup,modifier){var html=markup;modifier=modifier?" "+modifier.className:"";var lorem={s:"We the People of the United States",m:"We the People of the United States, in Order to form a more perfect Union",l:"We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America."};return html.replace(/\s?{{\s?modifier\s?}}/g,modifier).replace(/\s?{{\s?lorem-s\s?}}/g,lorem.s).replace(/\s?{{\s?lorem-m\s?}}/g,lorem.m).replace(/\s?{{\s?lorem-l\s?}}/g,lorem.l)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=processMarkup},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i-1&&(isMultilineAttr=attribute.value.indexOf("\n")>-1),isMultilineAttr&&(containsMultilineAttr=!0),outInlineAttr+=" ",outMultilineAttr+="\n"+spacer(lvl+1,tabStop),useBooleanShorthandSyntax&&"{true}"===attribute.value?(outInlineAttr+=""+attribute.name,outMultilineAttr+=""+attribute.name):(outInlineAttr+=attribute.name+"="+attribute.value,outMultilineAttr+=attribute.name+"="+attribute.value)}),outMultilineAttr+="\n"+spacer(lvl,tabStop),out=shouldRenderMultilineAttr(attributes,outInlineAttr,containsMultilineAttr,inline,lvl)?outMultilineAttr:outInlineAttr,children.length>0?(out+=">",lvl++,inline||(out+="\n",out+=spacer(lvl,tabStop)),out+="string"==typeof children?children:children.reduce(mergePlainStringChildren,[]).map(recurse({lvl:lvl,inline:inline})).join("\n"+spacer(lvl,tabStop)),inline||(out+="\n",out+=spacer(lvl-1,tabStop)),out+=""):(isInlineAttributeTooLong(attributes,outInlineAttr,lvl)||(out+=" "),out+="/>"),out}function shouldRenderMultilineAttr(attributes,inlineAttributeString,containsMultilineAttr,inline,lvl){return(isInlineAttributeTooLong(attributes,inlineAttributeString,lvl)||containsMultilineAttr)&&!inline}function isInlineAttributeTooLong(attributes,inlineAttributeString,lvl){return void 0===maxInlineAttributesLineLength?attributes.length>1:spacer(lvl,tabStop).length+inlineAttributeString.length>maxInlineAttributesLineLength}function formatProps(props,defaultProps,inline,sortProps,lvl){var formatted=Object.keys(props).filter(noChildren);return useBooleanShorthandSyntax&&(formatted=formatted.filter(function(key){return noFalse(props[key],defaultProps[key])})),showDefaultProps||(formatted=formatted.filter(function(key){return void 0===defaultProps[key]?void 0!==props[key]:defaultProps[key]!==props[key]})),sortProps&&(formatted=formatted.sort()),formatted.map(function(propName){return getJSXAttribute(propName,props[propName],inline,lvl)})}function getJSXAttribute(name,value,inline,lvl){return{name:name,type:getValueType(value),value:formatJSXAttribute(value,inline,lvl).replace(/'?<__reactElementToJSXString__Wrapper__>/g,"").replace(/<\/__reactElementToJSXString__Wrapper__>'?/g,"")}}function formatJSXAttribute(propValue,inline,lvl){return"string"==typeof propValue?'"'+escape(propValue)+'"':"symbol"===(void 0===propValue?"undefined":_typeof(propValue))?"{"+propValue.toString()+"}":"{"+formatValue(propValue,inline,lvl)+"}"}function getValueType(value){return(0,_react.isValidElement)(value)?"element":(0,_isPlainObject2.default)(value)?"plainObject":Array.isArray(value)?"array":void 0===value?"undefined":_typeof(value)}function isFunction(value){return"function"==typeof value}function formatValue(value,inline,lvl){var wrapper="__reactElementToJSXString__Wrapper__";return isFunction(value)?functionValue(!1===showFunctions&&functionValue===defaultFunctionValue?function(){}:value):(0,_react.isValidElement)(value)?"<"+wrapper+">"+toJSXString({ReactElement:value,inline:!0})+"":(0,_isPlainObject2.default)(value)||Array.isArray(value)?"<"+wrapper+">"+stringifyObject(value,inline,lvl)+"":value}function recurse(_ref4){var lvl=_ref4.lvl,inline=_ref4.inline;return function(Element){return toJSXString({ReactElement:Element,lvl:lvl,inline:inline})}}function stringifyObject(obj,inline,lvl){(Object.keys(obj).length>0||obj.length>0)&&(obj=(0,_traverse2.default)(obj).map(function(value){((0,_react.isValidElement)(value)||this.isLeaf)&&this.update(formatValue(value,inline,lvl))}),obj=(0,_sortobject2.default)(obj));var stringified=(0,_stringifyObject2.default)(obj);return inline?(0,_collapseWhiteSpace2.default)(stringified).replace(/{ /g,"{").replace(/ }/g,"}").replace(/\[ /g,"[").replace(/ ]/g,"]"):stringified.replace(/\\\'/g,"'").replace(/\t/g,spacer(1,tabStop)).replace(/\n([^$])/g,"\n"+spacer(lvl+1,tabStop)+"$1")}var _ref=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},displayName=_ref.displayName,_ref$filterProps=_ref.filterProps,filterProps=void 0===_ref$filterProps?[]:_ref$filterProps,_ref$showDefaultProps=_ref.showDefaultProps,showDefaultProps=void 0===_ref$showDefaultProps||_ref$showDefaultProps,_ref$showFunctions=_ref.showFunctions,showFunctions=void 0!==_ref$showFunctions&&_ref$showFunctions,_ref$functionValue=_ref.functionValue,functionValue=void 0===_ref$functionValue?defaultFunctionValue:_ref$functionValue,_ref$tabStop=_ref.tabStop,tabStop=void 0===_ref$tabStop?2:_ref$tabStop,_ref$useBooleanShorth=_ref.useBooleanShorthandSyntax,useBooleanShorthandSyntax=void 0===_ref$useBooleanShorth||_ref$useBooleanShorth,maxInlineAttributesLineLength=_ref.maxInlineAttributesLineLength,_ref$sortProps=_ref.sortProps,sortProps=void 0===_ref$sortProps||_ref$sortProps,getDisplayName=displayName||getDefaultDisplayName;return toJSXString({ReactElement:ReactElement})}function getDefaultDisplayName(ReactElement){return ReactElement.type.displayName||ReactElement.type.name||("function"==typeof ReactElement.type?"No Display Name":ReactElement.type)}function getDefaultProps(ReactElement){return ReactElement.type.defaultProps||{}}function mergePlainStringChildren(prev,cur){var lastItem=prev[prev.length-1];return"number"==typeof cur&&(cur=String(cur)),"string"==typeof lastItem&&"string"==typeof cur?prev[prev.length-1]+=cur:prev.push(cur),prev}function spacer(times,tabStop){return 0===times?"":(0,_fill3.default)(new Array(times*tabStop)," ").join("")}function noChildren(propName){return"children"!==propName}function noFalse(propValue,defaultValue){return"boolean"!=typeof propValue||propValue||Boolean(defaultValue)}function onlyMeaningfulChildren(children){return!0!==children&&!1!==children&&null!==children&&""!==children}Object.defineProperty(exports,"__esModule",{value:!0});var _fill2=__webpack_require__(275),_fill3=_interopRequireDefault(_fill2),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj};exports.default=reactElementToJSXString;var _react=__webpack_require__(8),_react2=_interopRequireDefault(_react),_collapseWhiteSpace=__webpack_require__(286),_collapseWhiteSpace2=_interopRequireDefault(_collapseWhiteSpace),_isPlainObject=__webpack_require__(287),_isPlainObject2=_interopRequireDefault(_isPlainObject),_stringifyObject=__webpack_require__(289),_stringifyObject2=_interopRequireDefault(_stringifyObject),_sortobject=__webpack_require__(293),_sortobject2=_interopRequireDefault(_sortobject),_traverse=__webpack_require__(294),_traverse2=_interopRequireDefault(_traverse),escape=function(s){return s.replace(/"/g,""")},defaultFunctionValue=function(fn){return fn}},function(module,exports,__webpack_require__){function fill(array,value,start,end){var length=null==array?0:array.length;return length?(start&&"number"!=typeof start&&isIterateeCall(array,value,start)&&(start=0,end=length),baseFill(array,value,start,end)):[]}var baseFill=__webpack_require__(276),isIterateeCall=__webpack_require__(280);module.exports=fill},function(module,exports,__webpack_require__){function baseFill(array,value,start,end){var length=array.length;for(start=toInteger(start),start<0&&(start=-start>length?0:length+start),end=void 0===end||end>length?length:toInteger(end),end<0&&(end+=length),end=start>end?0:toLength(end);start=lower?number:lower)),number}module.exports=baseClamp},function(module,exports,__webpack_require__){function isIterateeCall(value,index,object){if(!isObject(object))return!1;var type=typeof index;return!!("number"==type?isArrayLike(object)&&isIndex(index,object.length):"string"==type&&index in object)&&eq(object[index],value)}var eq=__webpack_require__(281),isArrayLike=__webpack_require__(282),isIndex=__webpack_require__(285),isObject=__webpack_require__(41);module.exports=isIterateeCall},function(module,exports){function eq(value,other){return value===other||value!==value&&other!==other}module.exports=eq},function(module,exports,__webpack_require__){function isArrayLike(value){return null!=value&&isLength(value.length)&&!isFunction(value)}var isFunction=__webpack_require__(283),isLength=__webpack_require__(284);module.exports=isArrayLike},function(module,exports,__webpack_require__){function isFunction(value){if(!isObject(value))return!1;var tag=baseGetTag(value);return tag==funcTag||tag==genTag||tag==asyncTag||tag==proxyTag}var baseGetTag=__webpack_require__(114),isObject=__webpack_require__(41),asyncTag="[object AsyncFunction]",funcTag="[object Function]",genTag="[object GeneratorFunction]",proxyTag="[object Proxy]";module.exports=isFunction},function(module,exports){function isLength(value){return"number"==typeof value&&value>-1&&value%1==0&&value<=MAX_SAFE_INTEGER}var MAX_SAFE_INTEGER=9007199254740991;module.exports=isLength},function(module,exports){function isIndex(value,length){return!!(length=null==length?MAX_SAFE_INTEGER:length)&&("number"==typeof value||reIsUint.test(value))&&value>-1&&value%1==0&&value0&&keys.length<20?displayName+" (keys: "+keys.join(", ")+")":displayName}function getInternalInstanceReadyForUpdate(publicInstance,callerName){var internalInstance=ReactInstanceMap.get(publicInstance);if(!internalInstance){return null}return internalInstance}var _prodInvariant=__webpack_require__(4),ReactInstanceMap=(__webpack_require__(15),__webpack_require__(30)),ReactUpdates=(__webpack_require__(12),__webpack_require__(14)),ReactUpdateQueue=(__webpack_require__(0),__webpack_require__(2),{isMounted:function(publicInstance){var internalInstance=ReactInstanceMap.get(publicInstance);return!!internalInstance&&!!internalInstance._renderedComponent},enqueueCallback:function(publicInstance,callback,callerName){ReactUpdateQueue.validateCallback(callback,callerName);var internalInstance=getInternalInstanceReadyForUpdate(publicInstance);if(!internalInstance)return null;internalInstance._pendingCallbacks?internalInstance._pendingCallbacks.push(callback):internalInstance._pendingCallbacks=[callback],enqueueUpdate(internalInstance)},enqueueCallbackInternal:function(internalInstance,callback){internalInstance._pendingCallbacks?internalInstance._pendingCallbacks.push(callback):internalInstance._pendingCallbacks=[callback],enqueueUpdate(internalInstance)},enqueueForceUpdate:function(publicInstance){var internalInstance=getInternalInstanceReadyForUpdate(publicInstance,"forceUpdate");internalInstance&&(internalInstance._pendingForceUpdate=!0,enqueueUpdate(internalInstance))},enqueueReplaceState:function(publicInstance,completeState,callback){var internalInstance=getInternalInstanceReadyForUpdate(publicInstance,"replaceState");internalInstance&&(internalInstance._pendingStateQueue=[completeState],internalInstance._pendingReplaceState=!0,void 0!==callback&&null!==callback&&(ReactUpdateQueue.validateCallback(callback,"replaceState"),internalInstance._pendingCallbacks?internalInstance._pendingCallbacks.push(callback):internalInstance._pendingCallbacks=[callback]),enqueueUpdate(internalInstance))},enqueueSetState:function(publicInstance,partialState){var internalInstance=getInternalInstanceReadyForUpdate(publicInstance,"setState");if(internalInstance){(internalInstance._pendingStateQueue||(internalInstance._pendingStateQueue=[])).push(partialState),enqueueUpdate(internalInstance)}},enqueueElementInternal:function(internalInstance,nextElement,nextContext){internalInstance._pendingElement=nextElement,internalInstance._context=nextContext,enqueueUpdate(internalInstance)},validateCallback:function(callback,callerName){callback&&"function"!=typeof callback&&_prodInvariant("122",callerName,formatUnexpectedArgument(callback))}});module.exports=ReactUpdateQueue},function(module,exports,__webpack_require__){"use strict";var emptyFunction=(__webpack_require__(6),__webpack_require__(11)),validateDOMNesting=(__webpack_require__(2),emptyFunction);module.exports=validateDOMNesting},function(module,exports,__webpack_require__){"use strict";function getEventCharCode(nativeEvent){var charCode,keyCode=nativeEvent.keyCode;return"charCode"in nativeEvent?0===(charCode=nativeEvent.charCode)&&13===keyCode&&(charCode=13):charCode=keyCode,charCode>=32||13===charCode?charCode:0}module.exports=getEventCharCode},function(module,exports,__webpack_require__){"use strict";function ReactComponent(props,context,updater){this.props=props,this.context=context,this.refs=emptyObject,this.updater=updater||ReactNoopUpdateQueue}function ReactPureComponent(props,context,updater){this.props=props,this.context=context,this.refs=emptyObject,this.updater=updater||ReactNoopUpdateQueue}function ComponentDummy(){}var _prodInvariant=__webpack_require__(25),_assign=__webpack_require__(6),ReactNoopUpdateQueue=__webpack_require__(64),emptyObject=(__webpack_require__(65),__webpack_require__(31));__webpack_require__(0),__webpack_require__(134);ReactComponent.prototype.isReactComponent={},ReactComponent.prototype.setState=function(partialState,callback){"object"!=typeof partialState&&"function"!=typeof partialState&&null!=partialState&&_prodInvariant("85"),this.updater.enqueueSetState(this,partialState),callback&&this.updater.enqueueCallback(this,callback,"setState")},ReactComponent.prototype.forceUpdate=function(callback){this.updater.enqueueForceUpdate(this),callback&&this.updater.enqueueCallback(this,callback,"forceUpdate")};ComponentDummy.prototype=ReactComponent.prototype,ReactPureComponent.prototype=new ComponentDummy,ReactPureComponent.prototype.constructor=ReactPureComponent,_assign(ReactPureComponent.prototype,ReactComponent.prototype),ReactPureComponent.prototype.isPureReactComponent=!0,module.exports={Component:ReactComponent,PureComponent:ReactPureComponent}},function(module,exports,__webpack_require__){"use strict";var ReactNoopUpdateQueue=(__webpack_require__(2),{isMounted:function(publicInstance){return!1},enqueueCallback:function(publicInstance,callback){},enqueueForceUpdate:function(publicInstance){},enqueueReplaceState:function(publicInstance,completeState){},enqueueSetState:function(publicInstance,partialState){}});module.exports=ReactNoopUpdateQueue},function(module,exports,__webpack_require__){"use strict";var canDefineProperty=!1;module.exports=canDefineProperty},function(module,exports,__webpack_require__){"use strict";var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;module.exports=REACT_ELEMENT_TYPE},function(module,exports,__webpack_require__){"use strict";var factory=__webpack_require__(142);module.exports=function(isValidElement){return factory(isValidElement,!1)}},function(module,exports,__webpack_require__){"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _propTypes=__webpack_require__(9),_propTypes2=_interopRequireDefault(_propTypes),_react=__webpack_require__(8),_react2=_interopRequireDefault(_react),_classnames=__webpack_require__(26),_classnames2=_interopRequireDefault(_classnames),_githubUrl=__webpack_require__(70),_githubUrl2=_interopRequireDefault(_githubUrl),_package=__webpack_require__(71),_package2=_interopRequireDefault(_package),zipUrl=(0,_githubUrl2.default)("archive/v"+_package2.default.version+".zip"),GitHubLinks=function(props){var downloadBtnClassName=(0,_classnames2.default)("ds-c-button ds-c-button--primary ds-c-button--small",{"ds-u-display--block":props.vertical}),githubBtnClassName=(0,_classnames2.default)("ds-c-button ds-c-button--small",{"ds-u-margin-left--2":!props.vertical,"ds-u-margin-top--2 ds-u-display--block":props.vertical,"ds-c-button--inverse":props.inverse});return _react2.default.createElement("div",{className:props.className},_react2.default.createElement("a",{href:zipUrl,className:downloadBtnClassName},"Download code and design files"),_react2.default.createElement("a",{href:(0,_githubUrl2.default)(),className:githubBtnClassName},"View on GitHub"))};GitHubLinks.propTypes={inverse:_propTypes2.default.bool,vertical:_propTypes2.default.bool},exports.default=GitHubLinks},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function githubUrl(){var pathname=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"https://github.com/"+_path2.default.join(_package2.default.repository,pathname)}Object.defineProperty(exports,"__esModule",{value:!0});var _path=__webpack_require__(150),_path2=_interopRequireDefault(_path),_package=__webpack_require__(71),_package2=_interopRequireDefault(_package);exports.default=githubUrl},function(module,exports){module.exports={name:"@cmsgov/design-system-docs",version:"1.0.0",private:!0,description:"Design system's documentation website",repository:"CMSgov/design-system",devDependencies:{enzyme:"^2.9.1","react-element-to-jsx-string":"^12.0.0","react-test-renderer":"^15.6.1"},dependencies:{"@cmsgov/design-system-core":"^1.0.0","@cmsgov/design-system-layout":"^1.0.0","@cmsgov/design-system-support":"^1.0.0",classnames:"^2.2.5",lodash:"^4.17.4",prismjs:"^1.6.0","prop-types":"^15.5.10",react:"^15.6.1","react-dom":"^15.6.1","react-hot-loader":"3.0.0-beta.7"}}},function(module,exports,__webpack_require__){"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(module,exports,__webpack_require__){"use strict";function ReactComponent(props,context,updater){this.props=props,this.context=context,this.refs=emptyObject,this.updater=updater||ReactNoopUpdateQueue}function ReactPureComponent(props,context,updater){this.props=props,this.context=context,this.refs=emptyObject,this.updater=updater||ReactNoopUpdateQueue}function ComponentDummy(){}var _prodInvariant=__webpack_require__(34),_assign=__webpack_require__(33),ReactNoopUpdateQueue=__webpack_require__(74),emptyObject=(__webpack_require__(75),__webpack_require__(76));__webpack_require__(17),__webpack_require__(157);ReactComponent.prototype.isReactComponent={},ReactComponent.prototype.setState=function(partialState,callback){"object"!=typeof partialState&&"function"!=typeof partialState&&null!=partialState&&_prodInvariant("85"),this.updater.enqueueSetState(this,partialState),callback&&this.updater.enqueueCallback(this,callback,"setState")},ReactComponent.prototype.forceUpdate=function(callback){this.updater.enqueueForceUpdate(this),callback&&this.updater.enqueueCallback(this,callback,"forceUpdate")};ComponentDummy.prototype=ReactComponent.prototype,ReactPureComponent.prototype=new ComponentDummy,ReactPureComponent.prototype.constructor=ReactPureComponent,_assign(ReactPureComponent.prototype,ReactComponent.prototype),ReactPureComponent.prototype.isPureReactComponent=!0,module.exports={Component:ReactComponent,PureComponent:ReactPureComponent}},function(module,exports,__webpack_require__){"use strict";var ReactNoopUpdateQueue=(__webpack_require__(35),{isMounted:function(publicInstance){return!1},enqueueCallback:function(publicInstance,callback){},enqueueForceUpdate:function(publicInstance){},enqueueReplaceState:function(publicInstance,completeState){},enqueueSetState:function(publicInstance,partialState){}});module.exports=ReactNoopUpdateQueue},function(module,exports,__webpack_require__){"use strict";var canDefineProperty=!1;module.exports=canDefineProperty},function(module,exports,__webpack_require__){"use strict";var emptyObject={};module.exports=emptyObject},function(module,exports,__webpack_require__){"use strict";var ReactCurrentOwner={current:null};module.exports=ReactCurrentOwner},function(module,exports,__webpack_require__){"use strict";var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;module.exports=REACT_ELEMENT_TYPE},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutProperties(obj,keys){var target={};for(var i in obj)keys.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Choice=void 0;var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Select=void 0;var _extends=Object.assign||function(target){for(var i=1;i0)}},{key:"isSelected",value:function(){return this.props.selected?this.props.selected:!(!this.props._selectedId||!this.hasSubnav())&&this.childIsSelected(this.props.items)}},{key:"childIsSelected",value:function(children){var _this2=this;return!(!children||!children.length)&&children.some(function(child){return child.id===_this2.props._selectedId||_this2.childIsSelected(child.items)})}},{key:"subnavItems",value:function(){if(this.props.url){var item=Object.assign({},this.props);return delete item.items,[item].concat(this.props.items)}return this.props.items}},{key:"renderSubnav",value:function(){if(this.hasSubnav())return _react2.default.createElement(_VerticalNav2.default,{selectedId:this.props._selectedId,collapsed:this.state.collapsed,id:this.subnavId,items:this.subnavItems(),nested:!0})}},{key:"render",value:function(){var classes=(0,_classnames2.default)("ds-c-vertical-nav__item",this.props.className);return _react2.default.createElement("li",{className:classes},_react2.default.createElement(_VerticalNavItemLabel2.default,{ariaCollapsedStateButtonLabel:this.props.ariaCollapsedStateButtonLabel,ariaExpandedStateButtonLabel:this.props.ariaExpandedStateButtonLabel,collapsed:this.state.collapsed,label:this.props.label,hasSubnav:this.hasSubnav(),onClick:this.handleLabelClick,selected:this.isSelected(),subnavId:this.subnavId,url:this.props.url}),this.renderSubnav())}}]),VerticalNavItem}(_react2.default.PureComponent);VerticalNavItem.defaultProps={ariaCollapsedStateButtonLabel:"Expand sub-navigation",ariaExpandedStateButtonLabel:"Collapse sub-navigation",defaultCollapsed:!1},VerticalNavItem.propTypes={_selectedId:_propTypes2.default.string,ariaCollapsedStateButtonLabel:_propTypes2.default.string,ariaExpandedStateButtonLabel:_propTypes2.default.string,className:_propTypes2.default.string,defaultCollapsed:_propTypes2.default.bool,onClick:_propTypes2.default.func,onSubnavToggle:_propTypes2.default.func,id:_propTypes2.default.string,items:_propTypes2.default.arrayOf(_propTypes2.default.shape(VerticalNavItem.propTypes)),label:_propTypes2.default.node.isRequired,url:_propTypes2.default.string,selected:_propTypes2.default.bool},exports.default=VerticalNavItem},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.VerticalNavItemLabel=void 0;var _createClass=function(){function defineProperties(target,props){for(var i=0;itext.length)break tokenloop;if(!(str instanceof Token)){pattern.lastIndex=0;var match=pattern.exec(str),delNum=1;if(!match&&greedy&&i!=strarr.length-1){if(pattern.lastIndex=pos,!(match=pattern.exec(text)))break;for(var from=match.index+(lookbehind?match[1].length:0),to=match.index+match[0].length,k=i,p=pos,len=strarr.length;k=p&&(++i,pos=p);if(strarr[i]instanceof Token||strarr[k-1].greedy)continue;delNum=k-i,str=text.slice(pos,p),match.index-=pos}if(match){lookbehind&&(lookbehindLength=match[1].length);var from=match.index+lookbehindLength,match=match[0].slice(lookbehindLength),to=from+match.length,before=str.slice(0,from),after=str.slice(to),args=[i,delNum];before&&args.push(before);var wrapped=new Token(token,inside?_.tokenize(match,inside):match,alias,match,greedy);args.push(wrapped),after&&args.push(after),Array.prototype.splice.apply(strarr,args)}}}}}return strarr},hooks:{all:{},add:function(name,callback){var hooks=_.hooks.all;hooks[name]=hooks[name]||[],hooks[name].push(callback)},run:function(name,env){var callbacks=_.hooks.all[name];if(callbacks&&callbacks.length)for(var callback,i=0;callback=callbacks[i++];)callback(env)}}},Token=_.Token=function(type,content,alias,matchedStr,greedy){this.type=type,this.content=content,this.alias=alias,this.length=0|(matchedStr||"").length,this.greedy=!!greedy};if(Token.stringify=function(o,language,parent){if("string"==typeof o)return o;if("Array"===_.util.type(o))return o.map(function(element){return Token.stringify(element,language,o)}).join("");var env={type:o.type,content:Token.stringify(o.content,language,parent),tag:"span",classes:["token",o.type],attributes:{},language:language,parent:parent};if("comment"==env.type&&(env.attributes.spellcheck="true"),o.alias){var aliases="Array"===_.util.type(o.alias)?o.alias:[o.alias];Array.prototype.push.apply(env.classes,aliases)}_.hooks.run("wrap",env);var attributes=Object.keys(env.attributes).map(function(name){return name+'="'+(env.attributes[name]||"").replace(/"/g,""")+'"'}).join(" ");return"<"+env.tag+' class="'+env.classes.join(" ")+'"'+(attributes?" "+attributes:"")+">"+env.content+""},!_self.document)return _self.addEventListener?(_self.addEventListener("message",function(evt){var message=JSON.parse(evt.data),lang=message.language,code=message.code,immediateClose=message.immediateClose;_self.postMessage(_.highlight(code,_.languages[lang],lang)),immediateClose&&_self.close()},!1),_self.Prism):_self.Prism;var script=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return script&&(_.filename=script.src,document.addEventListener&&!script.hasAttribute("data-manual")&&("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(_.highlightAll):window.setTimeout(_.highlightAll,16):document.addEventListener("DOMContentLoaded",_.highlightAll))),_self.Prism}();void 0!==module&&module.exports&&(module.exports=Prism),void 0!==global&&(global.Prism=Prism),Prism.languages.markup={comment://,prolog:/<\?[\w\W]+?\?>/,doctype://i,cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,inside:{punctuation:/[=>"']/}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.hooks.add("wrap",function(env){"entity"===env.type&&(env.attributes.title=env.content.replace(/&/,"&"))}),Prism.languages.xml=Prism.languages.markup,Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.css={comment:/\/\*[\w\W]*?\*\//,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url\((?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,selector:/[^\{\}\s][^\{\};]*?(?=\s*\{)/,string:{pattern:/("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/,greedy:!0},property:/(\b|\B)[\w-]+(?=\s*:)/i,important:/\B!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:]/},Prism.languages.css.atrule.inside.rest=Prism.util.clone(Prism.languages.css),Prism.languages.markup&&(Prism.languages.insertBefore("markup","tag",{style:{pattern:/()[\w\W]*?(?=<\/style>)/i,lookbehind:!0,inside:Prism.languages.css,alias:"language-css"}}),Prism.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|').*?\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:Prism.languages.markup.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:Prism.languages.css}},alias:"language-css"}},Prism.languages.markup.tag)),Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\w\W]*?\*\//,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0}],string:{pattern:/(["'])(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(true|false)\b/,function:/[a-z0-9_]+(?=\()/i,number:/\b-?(?:0x[\da-f]+|\d*\.?\d+(?:e[+-]?\d+)?)\b/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/},Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,number:/\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,function:/[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\()/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*\*?|\/|~|\^|%|\.{3}/}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^\/])\/(?!\/)(\[.+?]|\\.|[^\/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,lookbehind:!0,greedy:!0}}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\\\|\\?[^\\])*?`/,greedy:!0,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/()[\w\W]*?(?=<\/script>)/i,lookbehind:!0,inside:Prism.languages.javascript,alias:"language-javascript"}}),Prism.languages.js=Prism.languages.javascript,function(){"undefined"!=typeof self&&self.Prism&&self.document&&document.querySelector&&(self.Prism.fileHighlight=function(){var Extensions={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"};Array.prototype.forEach&&Array.prototype.slice.call(document.querySelectorAll("pre[data-src]")).forEach(function(pre){for(var language,src=pre.getAttribute("data-src"),parent=pre,lang=/\blang(?:uage)?-(?!\*)(\w+)\b/i;parent&&!lang.test(parent.className);)parent=parent.parentNode;if(parent&&(language=(pre.className.match(lang)||[,""])[1]),!language){var extension=(src.match(/\.(\w+)$/)||[,""])[1];language=Extensions[extension]||extension}var code=document.createElement("code");code.className="language-"+language,pre.textContent="",code.textContent="Loadingโ€ฆ",pre.appendChild(code);var xhr=new XMLHttpRequest;xhr.open("GET",src,!0),xhr.onreadystatechange=function(){4==xhr.readyState&&(xhr.status<400&&xhr.responseText?(code.textContent=xhr.responseText,Prism.highlightElement(code)):xhr.status>=400?code.textContent="โœ– Error "+xhr.status+" while fetching file: "+xhr.statusText:code.textContent="โœ– Error: File does not exist or is empty")},xhr.send(null)})},document.addEventListener("DOMContentLoaded",self.Prism.fileHighlight))}()}).call(exports,__webpack_require__(44))},function(module,exports,__webpack_require__){function toInteger(value){var result=toFinite(value),remainder=result%1;return result===result?remainder?result-remainder:result:0}var toFinite=__webpack_require__(196);module.exports=toInteger},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutProperties(obj,keys){var target={};for(var i in obj)keys.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Choice=void 0;var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Select=void 0;var _extends=Object.assign||function(target){for(var i=1;i.":"function"==typeof nextElement?" Instead of passing a class like Foo, pass React.createElement(Foo) or .":null!=nextElement&&void 0!==nextElement.props?" This may be caused by unintentionally loading two independent copies of React.":"");var nextContext,nextWrappedElement=React.createElement(TopLevelWrapper,{child:nextElement});if(parentComponent){var parentInst=ReactInstanceMap.get(parentComponent);nextContext=parentInst._processChildContext(parentInst._context)}else nextContext=emptyObject;var prevComponent=getTopLevelWrapperInContainer(container);if(prevComponent){var prevWrappedElement=prevComponent._currentElement,prevElement=prevWrappedElement.props.child;if(shouldUpdateReactComponent(prevElement,nextElement)){var publicInst=prevComponent._renderedComponent.getPublicInstance(),updatedCallback=callback&&function(){callback.call(publicInst)};return ReactMount._updateRootComponent(prevComponent,nextWrappedElement,nextContext,container,updatedCallback),publicInst}ReactMount.unmountComponentAtNode(container)}var reactRootElement=getReactRootElementInContainer(container),containerHasReactMarkup=reactRootElement&&!!internalGetID(reactRootElement),containerHasNonRootReactChild=hasNonRootReactChild(container),shouldReuseMarkup=containerHasReactMarkup&&!prevComponent&&!containerHasNonRootReactChild,component=ReactMount._renderNewRootComponent(nextWrappedElement,container,shouldReuseMarkup,nextContext)._renderedComponent.getPublicInstance();return callback&&callback.call(component),component},render:function(nextElement,container,callback){return ReactMount._renderSubtreeIntoContainer(null,nextElement,container,callback)},unmountComponentAtNode:function(container){isValidContainer(container)||_prodInvariant("40");var prevComponent=getTopLevelWrapperInContainer(container);if(!prevComponent){hasNonRootReactChild(container),1===container.nodeType&&container.hasAttribute(ROOT_ATTR_NAME);return!1}return delete instancesByReactRootID[prevComponent._instance.rootID],ReactUpdates.batchedUpdates(unmountComponentFromNode,prevComponent,container,!1),!0},_mountImageIntoNode:function(markup,container,instance,shouldReuseMarkup,transaction){if(isValidContainer(container)||_prodInvariant("41"),shouldReuseMarkup){var rootElement=getReactRootElementInContainer(container);if(ReactMarkupChecksum.canReuseMarkup(markup,rootElement))return void ReactDOMComponentTree.precacheNode(instance,rootElement);var checksum=rootElement.getAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);rootElement.removeAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);var rootMarkup=rootElement.outerHTML;rootElement.setAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME,checksum);var normalizedMarkup=markup,diffIndex=firstDifferenceIndex(normalizedMarkup,rootMarkup),difference=" (client) "+normalizedMarkup.substring(diffIndex-20,diffIndex+20)+"\n (server) "+rootMarkup.substring(diffIndex-20,diffIndex+20);container.nodeType===DOC_NODE_TYPE&&_prodInvariant("42",difference)}if(container.nodeType===DOC_NODE_TYPE&&_prodInvariant("43"),transaction.useCreateElement){for(;container.lastChild;)container.removeChild(container.lastChild);DOMLazyTree.insertTreeBefore(container,markup,null)}else setInnerHTML(container,markup),ReactDOMComponentTree.precacheNode(instance,container.firstChild)}};module.exports=ReactMount},function(module,exports,__webpack_require__){"use strict";function getHostComponentFromComposite(inst){for(var type;(type=inst._renderedNodeType)===ReactNodeTypes.COMPOSITE;)inst=inst._renderedComponent;return type===ReactNodeTypes.HOST?inst._renderedComponent:type===ReactNodeTypes.EMPTY?null:void 0}var ReactNodeTypes=__webpack_require__(117);module.exports=getHostComponentFromComposite},function(module,exports,__webpack_require__){module.exports=__webpack_require__(128)},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function render(){_reactDom2.default.render(_react2.default.createElement(_reactHotLoader.AppContainer,null,_react2.default.createElement(_Docs2.default,{page:page,routes:routes})),rootEl)}var _reactHotLoader=__webpack_require__(129),_Docs=__webpack_require__(148),_Docs2=_interopRequireDefault(_Docs),_react=__webpack_require__(8),_react2=_interopRequireDefault(_react),_reactDom=__webpack_require__(238),_reactDom2=_interopRequireDefault(_reactDom),rootEl=document.getElementById("js-root");render()},function(module,exports,__webpack_require__){module.exports=__webpack_require__(130)},function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(131)},function(module,exports,__webpack_require__){"use strict";module.exports.AppContainer=__webpack_require__(132)},function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(133)},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}var _createClass=function(){function defineProperties(target,props){for(var i=0;i=0;i--){var last=parts[i];"."===last?parts.splice(i,1):".."===last?(parts.splice(i,1),up++):up&&(parts.splice(i,1),up--)}if(allowAboveRoot)for(;up--;up)parts.unshift("..");return parts}function filter(xs,f){if(xs.filter)return xs.filter(f);for(var res=[],i=0;i=-1&&!resolvedAbsolute;i--){var path=i>=0?arguments[i]:process.cwd();if("string"!=typeof path)throw new TypeError("Arguments to path.resolve must be strings");path&&(resolvedPath=path+"/"+resolvedPath,resolvedAbsolute="/"===path.charAt(0))}return resolvedPath=normalizeArray(filter(resolvedPath.split("/"),function(p){return!!p}),!resolvedAbsolute).join("/"),(resolvedAbsolute?"/":"")+resolvedPath||"."},exports.normalize=function(path){var isAbsolute=exports.isAbsolute(path),trailingSlash="/"===substr(path,-1);return path=normalizeArray(filter(path.split("/"),function(p){return!!p}),!isAbsolute).join("/"),path||isAbsolute||(path="."),path&&trailingSlash&&(path+="/"),(isAbsolute?"/":"")+path},exports.isAbsolute=function(path){return"/"===path.charAt(0)},exports.join=function(){var paths=Array.prototype.slice.call(arguments,0);return exports.normalize(filter(paths,function(p,index){if("string"!=typeof p)throw new TypeError("Arguments to path.join must be strings");return p}).join("/"))},exports.relative=function(from,to){function trim(arr){for(var start=0;start=0&&""===arr[end];end--);return start>end?[]:arr.slice(start,end-start+1)}from=exports.resolve(from).substr(1),to=exports.resolve(to).substr(1);for(var fromParts=trim(from.split("/")),toParts=trim(to.split("/")),length=Math.min(fromParts.length,toParts.length),samePartsLength=length,i=0;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Button=void 0;var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChoiceList=void 0;var _extends=Object.assign||function(target){for(var i=1;i7?"select":"radio"}},{key:"render",value:function(){var type=this.type(),classes=(0,_classnames2.default)({"ds-c-fieldset":"select"!==type},this.props.className),RootComponent="select"===type?"div":"fieldset",FormLabelComponent="select"===type?"label":"legend";return _react2.default.createElement(RootComponent,{className:classes||null},_react2.default.createElement(_FormLabel2.default,{className:this.props.labelClassName,component:FormLabelComponent,errorMessage:this.props.errorMessage,fieldId:this.id(),hint:this.props.hint,inversed:this.props.inversed},this.props.label),this.field())}}]),ChoiceList}(_react2.default.PureComponent);ChoiceList.propTypes={choices:_propTypes2.default.arrayOf(_propTypes2.default.shape({checked:_Choice2.default.propTypes.checked,defaultChecked:_Choice2.default.propTypes.defaultChecked,disabled:_Choice2.default.propTypes.disabled,label:_Choice2.default.propTypes.children,value:_Choice2.default.propTypes.value})).isRequired,className:_propTypes2.default.string,disabled:_propTypes2.default.bool,errorMessage:_propTypes2.default.string,hint:_propTypes2.default.node,inversed:_propTypes2.default.bool,label:_propTypes2.default.node.isRequired,labelClassName:_propTypes2.default.string,multiple:_propTypes2.default.bool,name:_propTypes2.default.string.isRequired,onBlur:_propTypes2.default.func,onChange:_propTypes2.default.func,type:_propTypes2.default.oneOf(["checkbox","radio","select"])},exports.default=ChoiceList},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function SkipNav(props){return _react2.default.createElement("a",{className:"ds-c-skip-nav",href:props.href},props.children)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkipNav=SkipNav;var _propTypes=__webpack_require__(3),_propTypes2=_interopRequireDefault(_propTypes),_react=__webpack_require__(1),_react2=_interopRequireDefault(_react);SkipNav.defaultProps={children:"Skip to main content"},SkipNav.propTypes={children:_propTypes2.default.node.isRequired,href:_propTypes2.default.string.isRequired},exports.default=SkipNav},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}function getDefaultSelectedId(props){var selectedId=void 0;return _react2.default.Children.forEach(props.children,function(child){isTabPanel(child)&&!selectedId&&(selectedId=child.props.id)}),selectedId}function panelTabId(panel){return panel.props.tabId||"ds-c-tabs__item--"+panel.props.id}function isTabPanel(child){return null!=child&&child.type===_TabPanel2.default}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;var _createClass=function(){function defineProperties(target,props){for(var i=0;i=2,_this.horizontalPadding={default:3,sm:6},_this.tabPanelClasses="ds-u-border--0 ds-u-padding-x--"+_this.horizontalPadding.default+" ds-u-sm-padding-x--"+_this.horizontalPadding.sm+" ds-u-padding-y--0",_this}return _inherits(Page,_React$PureComponent),_createClass(Page,[{key:"defaultSelectedTabId",value:function(){return this.guidanceSections().length&&"undefined"!=typeof window&&"#guidance"===window.location.hash?"guidance":"usage"}},{key:"usageSections",value:function(){return this.props.sections.filter(function(s){return!isGuidanceSection(s)})}},{key:"guidanceSections",value:function(){return this.props.sections.filter(isGuidanceSection)}},{key:"renderChildPageBlocks",value:function(sections){if(sections)return sections.map(function(section){return _react2.default.createElement(_PageBlock2.default,_extends({key:section.referenceURI},section))})}},{key:"renderBody",value:function(){return _react2.default.createElement(_PageBlock2.default,_extends({},this.props,{hideHeader:!0}))}},{key:"renderContent",value:function(){return this.hasTabs?_react2.default.createElement(_designSystemCore.Tabs,{defaultSelectedId:this.defaultSelectedTabId(),tablistClassName:"ds-u-padding-left--3 ds-u-sm-padding-left--6 ds-u-fill--gray-lightest"},_react2.default.createElement(_designSystemCore.TabPanel,{className:this.tabPanelClasses,id:"usage",tab:"Usage"},this.renderBody(),this.renderChildPageBlocks(this.usageSections())),this.renderGuidanceTabPanel()):_react2.default.createElement("div",{className:"ds-u-border-top--1 ds-u-padding-x--"+this.horizontalPadding.default+" ds-u-sm-padding-x--"+this.horizontalPadding.sm},this.renderBody())}},{key:"renderGuidanceTabPanel",value:function(){var sections=this.guidanceSections();if(sections.length)return _react2.default.createElement(_designSystemCore.TabPanel,{className:this.tabPanelClasses,id:"guidance",tab:"Guidance"},this.renderChildPageBlocks(sections))}},{key:"render",value:function(){return _react2.default.createElement("div",null,_react2.default.createElement(_PageHeader2.default,this.props),this.renderContent())}}]),Page}(_react2.default.PureComponent);Page.defaultProps={depth:0,sections:[]},Page.propTypes={depth:_propTypes2.default.number,sections:_propTypes2.default.arrayOf(_propTypes2.default.shape(_PageBlock2.default.propTypes))},exports.default=Page},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return void 0===timerId?result:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return leadingEdge(lastCallTime);if(maxing)return timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError(FUNC_ERROR_TEXT);return wait=toNumber(wait)||0,isObject(options)&&(leading=!!options.leading,maxing="maxWait"in options,maxWait=maxing?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=cancel,debounced.flush=flush,debounced}var isObject=__webpack_require__(36),now=__webpack_require__(184),toNumber=__webpack_require__(89),FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;module.exports=debounce},function(module,exports,__webpack_require__){var root=__webpack_require__(88),now=function(){return root.Date.now()};module.exports=now},function(module,exports,__webpack_require__){(function(global){var freeGlobal="object"==typeof global&&global&&global.Object===Object&&global;module.exports=freeGlobal}).call(exports,__webpack_require__(44))},function(module,exports,__webpack_require__){function isSymbol(value){return"symbol"==typeof value||isObjectLike(value)&&baseGetTag(value)==symbolTag}var baseGetTag=__webpack_require__(90),isObjectLike=__webpack_require__(189),symbolTag="[object Symbol]";module.exports=isSymbol},function(module,exports,__webpack_require__){function getRawTag(value){var isOwn=hasOwnProperty.call(value,symToStringTag),tag=value[symToStringTag];try{value[symToStringTag]=void 0;var unmasked=!0}catch(e){}var result=nativeObjectToString.call(value);return unmasked&&(isOwn?value[symToStringTag]=tag:delete value[symToStringTag]),result}var Symbol=__webpack_require__(91),objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty,nativeObjectToString=objectProto.toString,symToStringTag=Symbol?Symbol.toStringTag:void 0;module.exports=getRawTag},function(module,exports){function objectToString(value){return nativeObjectToString.call(value)}var objectProto=Object.prototype,nativeObjectToString=objectProto.toString;module.exports=objectToString},function(module,exports){function isObjectLike(value){return null!=value&&"object"==typeof value}module.exports=isObjectLike},function(module,exports,__webpack_require__){"use strict";function processMarkup(markup,modifier){var html=markup;modifier=modifier?" "+modifier.className:"";var lorem={s:"We the People of the United States",m:"We the People of the United States, in Order to form a more perfect Union",l:"We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America."};return html.replace(/\s?{{\s?modifier\s?}}/g,modifier).replace(/\s?{{\s?lorem-s\s?}}/g,lorem.s).replace(/\s?{{\s?lorem-m\s?}}/g,lorem.m).replace(/\s?{{\s?lorem-l\s?}}/g,lorem.l)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=processMarkup},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i-1&&(isMultilineAttr=attribute.value.indexOf("\n")>-1),isMultilineAttr&&(containsMultilineAttr=!0),outInlineAttr+=" ",outMultilineAttr+="\n"+spacer(lvl+1,tabStop),useBooleanShorthandSyntax&&"{true}"===attribute.value?(outInlineAttr+=""+attribute.name,outMultilineAttr+=""+attribute.name):(outInlineAttr+=attribute.name+"="+attribute.value,outMultilineAttr+=attribute.name+"="+attribute.value)}),outMultilineAttr+="\n"+spacer(lvl,tabStop),out=shouldRenderMultilineAttr(attributes,outInlineAttr,containsMultilineAttr,inline,lvl)?outMultilineAttr:outInlineAttr,children.length>0?(out+=">",lvl++,inline||(out+="\n",out+=spacer(lvl,tabStop)),out+="string"==typeof children?children:children.reduce(mergePlainStringChildren,[]).map(recurse({lvl:lvl,inline:inline})).join("\n"+spacer(lvl,tabStop)),inline||(out+="\n",out+=spacer(lvl-1,tabStop)),out+=""):(isInlineAttributeTooLong(attributes,outInlineAttr,lvl)||(out+=" "),out+="/>"),out}function shouldRenderMultilineAttr(attributes,inlineAttributeString,containsMultilineAttr,inline,lvl){return(isInlineAttributeTooLong(attributes,inlineAttributeString,lvl)||containsMultilineAttr)&&!inline}function isInlineAttributeTooLong(attributes,inlineAttributeString,lvl){return void 0===maxInlineAttributesLineLength?attributes.length>1:spacer(lvl,tabStop).length+inlineAttributeString.length>maxInlineAttributesLineLength}function formatProps(props,defaultProps,inline,sortProps,lvl){var formatted=Object.keys(props).filter(noChildren);return useBooleanShorthandSyntax&&(formatted=formatted.filter(function(key){return noFalse(props[key],defaultProps[key])})),showDefaultProps||(formatted=formatted.filter(function(key){return void 0===defaultProps[key]?void 0!==props[key]:defaultProps[key]!==props[key]})),sortProps&&(formatted=formatted.sort()),formatted.map(function(propName){return getJSXAttribute(propName,props[propName],inline,lvl)})}function getJSXAttribute(name,value,inline,lvl){return{name:name,type:getValueType(value),value:formatJSXAttribute(value,inline,lvl).replace(/'?<__reactElementToJSXString__Wrapper__>/g,"").replace(/<\/__reactElementToJSXString__Wrapper__>'?/g,"")}}function formatJSXAttribute(propValue,inline,lvl){return"string"==typeof propValue?'"'+escape(propValue)+'"':"symbol"===(void 0===propValue?"undefined":_typeof(propValue))?"{"+propValue.toString()+"}":"{"+formatValue(propValue,inline,lvl)+"}"}function getValueType(value){return(0,_react.isValidElement)(value)?"element":(0,_isPlainObject2.default)(value)?"plainObject":Array.isArray(value)?"array":void 0===value?"undefined":_typeof(value)}function isFunction(value){return"function"==typeof value}function formatValue(value,inline,lvl){var wrapper="__reactElementToJSXString__Wrapper__";return isFunction(value)?functionValue(!1===showFunctions&&functionValue===defaultFunctionValue?function(){}:value):(0,_react.isValidElement)(value)?"<"+wrapper+">"+toJSXString({ReactElement:value,inline:!0})+"":(0,_isPlainObject2.default)(value)||Array.isArray(value)?"<"+wrapper+">"+stringifyObject(value,inline,lvl)+"":value}function recurse(_ref4){var lvl=_ref4.lvl,inline=_ref4.inline;return function(Element){return toJSXString({ReactElement:Element,lvl:lvl,inline:inline})}}function stringifyObject(obj,inline,lvl){(Object.keys(obj).length>0||obj.length>0)&&(obj=(0,_traverse2.default)(obj).map(function(value){((0,_react.isValidElement)(value)||this.isLeaf)&&this.update(formatValue(value,inline,lvl))}),obj=(0,_sortobject2.default)(obj));var stringified=(0,_stringifyObject2.default)(obj);return inline?(0,_collapseWhiteSpace2.default)(stringified).replace(/{ /g,"{").replace(/ }/g,"}").replace(/\[ /g,"[").replace(/ ]/g,"]"):stringified.replace(/\\\'/g,"'").replace(/\t/g,spacer(1,tabStop)).replace(/\n([^$])/g,"\n"+spacer(lvl+1,tabStop)+"$1")}var _ref=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},displayName=_ref.displayName,_ref$filterProps=_ref.filterProps,filterProps=void 0===_ref$filterProps?[]:_ref$filterProps,_ref$showDefaultProps=_ref.showDefaultProps,showDefaultProps=void 0===_ref$showDefaultProps||_ref$showDefaultProps,_ref$showFunctions=_ref.showFunctions,showFunctions=void 0!==_ref$showFunctions&&_ref$showFunctions,_ref$functionValue=_ref.functionValue,functionValue=void 0===_ref$functionValue?defaultFunctionValue:_ref$functionValue,_ref$tabStop=_ref.tabStop,tabStop=void 0===_ref$tabStop?2:_ref$tabStop,_ref$useBooleanShorth=_ref.useBooleanShorthandSyntax,useBooleanShorthandSyntax=void 0===_ref$useBooleanShorth||_ref$useBooleanShorth,maxInlineAttributesLineLength=_ref.maxInlineAttributesLineLength,_ref$sortProps=_ref.sortProps,sortProps=void 0===_ref$sortProps||_ref$sortProps,getDisplayName=displayName||getDefaultDisplayName;return toJSXString({ReactElement:ReactElement})}function getDefaultDisplayName(ReactElement){return ReactElement.type.displayName||ReactElement.type.name||("function"==typeof ReactElement.type?"No Display Name":ReactElement.type)}function getDefaultProps(ReactElement){return ReactElement.type.defaultProps||{}}function mergePlainStringChildren(prev,cur){var lastItem=prev[prev.length-1];return"number"==typeof cur&&(cur=String(cur)),"string"==typeof lastItem&&"string"==typeof cur?prev[prev.length-1]+=cur:prev.push(cur),prev}function spacer(times,tabStop){return 0===times?"":(0,_fill3.default)(new Array(times*tabStop)," ").join("")}function noChildren(propName){return"children"!==propName}function noFalse(propValue,defaultValue){return"boolean"!=typeof propValue||propValue||Boolean(defaultValue)}function onlyMeaningfulChildren(children){return!0!==children&&!1!==children&&null!==children&&""!==children}Object.defineProperty(exports,"__esModule",{value:!0});var _fill2=__webpack_require__(194),_fill3=_interopRequireDefault(_fill2),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj};exports.default=reactElementToJSXString;var _react=__webpack_require__(8),_react2=_interopRequireDefault(_react),_collapseWhiteSpace=__webpack_require__(205),_collapseWhiteSpace2=_interopRequireDefault(_collapseWhiteSpace),_isPlainObject=__webpack_require__(206),_isPlainObject2=_interopRequireDefault(_isPlainObject),_stringifyObject=__webpack_require__(208),_stringifyObject2=_interopRequireDefault(_stringifyObject),_sortobject=__webpack_require__(212),_sortobject2=_interopRequireDefault(_sortobject),_traverse=__webpack_require__(213),_traverse2=_interopRequireDefault(_traverse),escape=function(s){return s.replace(/"/g,""")},defaultFunctionValue=function(fn){return fn}},function(module,exports,__webpack_require__){function fill(array,value,start,end){var length=null==array?0:array.length;return length?(start&&"number"!=typeof start&&isIterateeCall(array,value,start)&&(start=0,end=length),baseFill(array,value,start,end)):[]}var baseFill=__webpack_require__(195),isIterateeCall=__webpack_require__(199);module.exports=fill},function(module,exports,__webpack_require__){function baseFill(array,value,start,end){var length=array.length;for(start=toInteger(start),start<0&&(start=-start>length?0:length+start),end=void 0===end||end>length?length:toInteger(end),end<0&&(end+=length),end=start>end?0:toLength(end);start=lower?number:lower)),number}module.exports=baseClamp},function(module,exports,__webpack_require__){function isIterateeCall(value,index,object){if(!isObject(object))return!1;var type=typeof index;return!!("number"==type?isArrayLike(object)&&isIndex(index,object.length):"string"==type&&index in object)&&eq(object[index],value)}var eq=__webpack_require__(200),isArrayLike=__webpack_require__(201),isIndex=__webpack_require__(204),isObject=__webpack_require__(36);module.exports=isIterateeCall},function(module,exports){function eq(value,other){return value===other||value!==value&&other!==other}module.exports=eq},function(module,exports,__webpack_require__){function isArrayLike(value){return null!=value&&isLength(value.length)&&!isFunction(value)}var isFunction=__webpack_require__(202),isLength=__webpack_require__(203);module.exports=isArrayLike},function(module,exports,__webpack_require__){function isFunction(value){if(!isObject(value))return!1;var tag=baseGetTag(value);return tag==funcTag||tag==genTag||tag==asyncTag||tag==proxyTag}var baseGetTag=__webpack_require__(90),isObject=__webpack_require__(36),asyncTag="[object AsyncFunction]",funcTag="[object Function]",genTag="[object GeneratorFunction]",proxyTag="[object Proxy]";module.exports=isFunction},function(module,exports){function isLength(value){return"number"==typeof value&&value>-1&&value%1==0&&value<=MAX_SAFE_INTEGER}var MAX_SAFE_INTEGER=9007199254740991;module.exports=isLength},function(module,exports){function isIndex(value,length){return!!(length=null==length?MAX_SAFE_INTEGER:length)&&("number"==typeof value||reIsUint.test(value))&&value>-1&&value%1==0&&value * * Copyright (c) 2014-2015, Jon Schlinkert. * Licensed under the MIT License. */ -module.exports=function(val){return null!=val&&"object"==typeof val&&!Array.isArray(val)}},function(module,exports,__webpack_require__){"use strict";var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},isRegexp=__webpack_require__(290),isObj=__webpack_require__(291),getOwnEnumPropSymbols=__webpack_require__(292);module.exports=function(val,opts,pad){var seen=[];return function stringify(val,opts,pad){opts=opts||{},opts.indent=opts.indent||"\t",pad=pad||"";var tokens=void 0;tokens=void 0===opts.inlineCharacterLimit?{newLine:"\n",newLineOrSpace:"\n",pad:pad,indent:pad+opts.indent}:{newLine:"@@__STRINGIFY_OBJECT_NEW_LINE__@@",newLineOrSpace:"@@__STRINGIFY_OBJECT_NEW_LINE_OR_SPACE__@@",pad:"@@__STRINGIFY_OBJECT_PAD__@@",indent:"@@__STRINGIFY_OBJECT_INDENT__@@"};var expandWhiteSpace=function(string){if(void 0===opts.inlineCharacterLimit)return string;var oneLined=string.replace(new RegExp(tokens.newLine,"g"),"").replace(new RegExp(tokens.newLineOrSpace,"g")," ").replace(new RegExp(tokens.pad+"|"+tokens.indent,"g"),"");return oneLined.length<=opts.inlineCharacterLimit?oneLined:string.replace(new RegExp(tokens.newLine+"|"+tokens.newLineOrSpace,"g"),"\n").replace(new RegExp(tokens.pad,"g"),pad).replace(new RegExp(tokens.indent,"g"),pad+opts.indent)};if(-1!==seen.indexOf(val))return'"[Circular]"';if(null===val||void 0===val||"number"==typeof val||"boolean"==typeof val||"function"==typeof val||"symbol"===(void 0===val?"undefined":_typeof(val))||isRegexp(val))return String(val);if(val instanceof Date)return"new Date('"+val.toISOString()+"')";if(Array.isArray(val)){if(0===val.length)return"[]";seen.push(val);var ret="["+tokens.newLine+val.map(function(el,i){var eol=val.length-1===i?tokens.newLine:","+tokens.newLineOrSpace,value=stringify(el,opts,pad+opts.indent);return opts.transform&&(value=opts.transform(val,i,value)),tokens.indent+value+eol}).join("")+tokens.pad+"]";return seen.pop(val),expandWhiteSpace(ret)}if(isObj(val)){var objKeys=Object.keys(val).concat(getOwnEnumPropSymbols(val));if(0===objKeys.length)return"{}";seen.push(val);var _ret="{"+tokens.newLine+objKeys.map(function(el,i){if(opts.filter&&!opts.filter(val,el))return"";var eol=objKeys.length-1===i?tokens.newLine:","+tokens.newLineOrSpace,isSymbol="symbol"===(void 0===el?"undefined":_typeof(el)),isClassic=!isSymbol&&/^[a-z$_][a-z$_0-9]*$/i.test(el),key=isSymbol||isClassic?el:stringify(el,opts),value=stringify(val[el],opts,pad+opts.indent);return opts.transform&&(value=opts.transform(val,el,value)),tokens.indent+String(key)+": "+value+eol}).join("")+tokens.pad+"}";return seen.pop(val),expandWhiteSpace(_ret)}return val=String(val).replace(/[\r\n]/g,function(x){return"\n"===x?"\\n":"\\r"}),!1===opts.singleQuotes?'"'+(val=val.replace(/"/g,'\\"'))+'"':"'"+(val=val.replace(/\\?'/g,"\\'"))+"'"}(val,opts,pad)}},function(module,exports,__webpack_require__){"use strict";module.exports=function(re){return"[object RegExp]"===Object.prototype.toString.call(re)}},function(module,exports,__webpack_require__){"use strict";module.exports=function(x){var type=typeof x;return null!==x&&("object"===type||"function"===type)}},function(module,exports,__webpack_require__){"use strict";module.exports=function(object){return Object.getOwnPropertySymbols(object).filter(function(keySymbol){return object.propertyIsEnumerable(keySymbol)})}},function(module,exports,__webpack_require__){"use strict";var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol?"symbol":typeof obj};module.exports=function sortObject(obj,comparator){if(Array.isArray(obj)){for(var result=[],i=0;i=]+|(\{[\w\W]*?\})))?\s*)*\/?>/i,Prism.languages.jsx.tag.inside["attr-value"].pattern=/=[^\{](?:('|")[\w\W]*?(\1)|[^\s>]+)/i;var jsxExpression=Prism.util.clone(Prism.languages.jsx);delete jsxExpression.punctuation,jsxExpression=Prism.languages.insertBefore("jsx","operator",{punctuation:/=(?={)|[{}[\];(),.:]/},{jsx:jsxExpression}),Prism.languages.insertBefore("inside","attr-value",{script:{pattern:/=(\{(?:\{[^}]*\}|[^}])+\})/i,inside:jsxExpression,alias:"language-javascript"}},Prism.languages.jsx.tag)}(Prism)},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Button=void 0;var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChoiceList=void 0;var _extends=Object.assign||function(target){for(var i=1;i7?"select":"radio"}},{key:"render",value:function(){var type=this.type(),classes=(0,_classnames2.default)({"ds-c-fieldset":"select"!==type},this.props.className),RootComponent="select"===type?"div":"fieldset",FormLabelComponent="select"===type?"label":"legend";return _react2.default.createElement(RootComponent,{className:classes||null},_react2.default.createElement(_FormLabel2.default,{className:this.props.labelClassName,component:FormLabelComponent,errorMessage:this.props.errorMessage,fieldId:this.id(),hint:this.props.hint,inversed:this.props.inversed},this.props.label),this.field())}}]),ChoiceList}(_react2.default.PureComponent);ChoiceList.propTypes={choices:_propTypes2.default.arrayOf(_propTypes2.default.shape({checked:_Choice2.default.propTypes.checked,defaultChecked:_Choice2.default.propTypes.defaultChecked,disabled:_Choice2.default.propTypes.disabled,label:_Choice2.default.propTypes.children,value:_Choice2.default.propTypes.value})).isRequired,className:_propTypes2.default.string,disabled:_propTypes2.default.bool,errorMessage:_propTypes2.default.string,hint:_propTypes2.default.node,inversed:_propTypes2.default.bool,label:_propTypes2.default.node.isRequired,labelClassName:_propTypes2.default.string,multiple:_propTypes2.default.bool,name:_propTypes2.default.string.isRequired,onBlur:_propTypes2.default.func,onChange:_propTypes2.default.func,type:_propTypes2.default.oneOf(["checkbox","radio","select"])},exports.default=ChoiceList},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(1),_react2=_interopRequireDefault(_react),_Select=__webpack_require__(120),_Select2=_interopRequireDefault(_Select);exports.default=function(){return _react2.default.createElement(_Select2.default,{defaultValue:"2",name:"select-demo"},_react2.default.createElement("option",{value:"1"},"Option 1"),_react2.default.createElement("option",{value:"2"},"Option 2"),_react2.default.createElement("option",{value:"3"},"Option 3"),_react2.default.createElement("option",{value:"4"},"Option 4"),_react2.default.createElement("option",{value:"5"},"Option 5"),_react2.default.createElement("option",{value:"6"},"Option 6"),_react2.default.createElement("option",{value:"7"},"Option 7"))}},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(){return _react2.default.createElement("div",{className:"ds-c-tabs",role:"tablist"},_react2.default.createElement(_Tab2.default,{id:"tab-example-1",panelId:"tab-example-panel-1",selected:!0},"Selected tab"),_react2.default.createElement(_Tab2.default,{id:"tab-example-2",panelId:"tab-example-panel-2"},"Other tab"))};var _react=__webpack_require__(1),_react2=_interopRequireDefault(_react),_Tab=__webpack_require__(121),_Tab2=_interopRequireDefault(_Tab)},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(){return _react2.default.createElement(_Tabs2.default,null,_react2.default.createElement(_TabPanel2.default,{id:"summary",tab:"Summary"},"The Bill of Rights is the first ten amendments to the United States Constitution."),_react2.default.createElement(_TabPanel2.default,{id:"amendments",tab:"Amendments"},_react2.default.createElement("h2",{className:"ds-h4"},"Bill of Rights"),_react2.default.createElement("ol",{className:"ds-c-list"},_react2.default.createElement("li",null,"Freedoms, Petitions, Assembly"),_react2.default.createElement("li",null,"Right to bear arms"),_react2.default.createElement("li",null,"Quartering of soldiers"),_react2.default.createElement("li",null,"Search and arrest"),_react2.default.createElement("li",null,"Rights in criminal cases"),_react2.default.createElement("li",null,"Right to a fair trial"),_react2.default.createElement("li",null,"Rights in civil cases"),_react2.default.createElement("li",null,"Bail, fines, punishment"),_react2.default.createElement("li",null,"Rights retained by the People"),_react2.default.createElement("li",null,"Statesโ€™ rights")),_react2.default.createElement("h2",{className:"ds-h4"},"Later Amendments"),_react2.default.createElement("ol",{className:"ds-c-list",start:"11"},_react2.default.createElement("li",null,"Lawsuits against states"),_react2.default.createElement("li",null,"Presidential elections"),_react2.default.createElement("li",null,"Abolition of slavery"),_react2.default.createElement("li",null,"Civil rights"),_react2.default.createElement("li",null,"Black suffrage"),_react2.default.createElement("li",null,"Income taxes"),_react2.default.createElement("li",null,"Senatorial elections"),_react2.default.createElement("li",null,"Prohibition of liquor"),_react2.default.createElement("li",null,"Womenโ€™s suffrage"),_react2.default.createElement("li",null,"Terms of office"),_react2.default.createElement("li",null,"Repeal of Prohibition"),_react2.default.createElement("li",null,"Term Limits for the Presidency"),_react2.default.createElement("li",null,"Washington, D.C., suffrage"),_react2.default.createElement("li",null,"Abolition of poll taxes"),_react2.default.createElement("li",null,"Presidential succession"),_react2.default.createElement("li",null,"18-year-old suffrage"),_react2.default.createElement("li",null,"Congressional pay raises"))))};var _react=__webpack_require__(1),_react2=_interopRequireDefault(_react),_TabPanel=__webpack_require__(122),_TabPanel2=_interopRequireDefault(_TabPanel),_Tabs=__webpack_require__(311),_Tabs2=_interopRequireDefault(_Tabs)},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}function getDefaultSelectedId(props){var selectedId=void 0;return _react2.default.Children.forEach(props.children,function(child){isTabPanel(child)&&!selectedId&&(selectedId=child.props.id)}),selectedId}function panelTabId(panel){return panel.props.tabId||"ds-c-tabs__item--"+panel.props.id}function isTabPanel(child){return null!=child&&child.type===_TabPanel2.default}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;var _createClass=function(){function defineProperties(target,props){for(var i=0;iARIA role

    \n"},variation:{type:{name:"enum",value:[{value:"'error'",computed:!1},{value:"'warn'",computed:!1},{value:"'success'",computed:!1}]},required:!1,description:""}}}],"core/src/components/Badge/Badge.jsx":[{description:"",methods:[],props:{children:{type:{name:"union",value:[{name:"node"},{name:"string"}]},required:!0,description:"

    In most cases this will be the badge's label, but you could also use this\nto nest more advanced JSX.

    \n"}}}],"core/src/components/ChoiceList/Choice.jsx":[{description:"

    A Choice component can be used to render a checkbox or radio button.

    \n

    Any undocumented props that you pass to this component will be passed\nto the input element, so you can use this to set additional attributes if\nnecessary.

    \n",methods:[],props:{children:{type:{name:"node"},required:!0,description:"

    Label text or HTML.

    \n"},checked:{type:{name:"bool"},required:!1,description:"

    Setting this prop will render a read-only field and require an onChange\nevent handler if you'd want to check its checked stated. Use defaultChecked\nif you want the field to be mutable.

    \n"},className:{type:{name:"string"},required:!1,description:"

    Additional classes to be added to the root div element.

    \n"},defaultChecked:{type:{name:"bool"},required:!1,description:"

    Sets the initial checked state and allows the user to check/uncheck the\nfield without also requiring an onChange event handler.

    \n"},id:{type:{name:"string"},required:!1,description:"

    A unique ID to be used for the input field, as well as the label's\nfor attribute. A unique ID will be generated if one isn't provided.

    \n"},inversed:{type:{name:"bool"},required:!1,description:"

    Applies the "inverse" UI theme

    \n"},name:{type:{name:"string"},required:!0,description:"

    The input name attribute

    \n"},onBlur:{type:{name:"func"},required:!1,description:""},onChange:{type:{name:"func"},required:!1,description:""},type:{type:{name:"enum",value:[{value:"'checkbox'",computed:!1},{value:"'radio'",computed:!1}]},required:!1,description:"",defaultValue:{value:"'checkbox'",computed:!1}},value:{type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!0,description:"

    The input value attribute

    \n"}}}],"core/src/components/ChoiceList/ChoiceList.jsx":[{description:"

    A ChoiceList component can be used to render a select menu, radio\nbutton group, or checkbox group.

    \n

    You can manually pass in the type prop, but the real power of this component\nis unleashed when you let it determine the type of fields for you. It takes\ninto account accessibility and usability best practices, so you can pass in\nan array of choices and let it determine what type of field would be best for\nthe user.

    \n",methods:[{name:"field",docblock:"Creates the field component(s) based on the type of field we've determined\nit should be.",modifiers:[],params:[],returns:null,description:"Creates the field component(s) based on the type of field we've determined\nit should be."},{name:"id",docblock:"If this is a element, then we need to generate the ID here\nso it can be shared between the FormLabel and Select component"},{name:"select",docblock:"@param {object} selectProps\n@param {array} options -
    diff --git a/docs/utilities/border/index.html b/docs/utilities/border/index.html index c99bd6b2f6..af4faec8aa 100644 --- a/docs/utilities/border/index.html +++ b/docs/utilities/border/index.html @@ -2,28 +2,32 @@ - Border - CMS.gov Design System + Border - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Border

    @cmsgov/design-system-core/src/utilities/border.scss

    Border size:

    -

    Choose between a border size of 0, 1px or 2px.

    -

    Format: ds-u-border-[x|y|bottom|left|right|top]--[SIZE]

    -

    Border color:

    -

    Format: ds-u-border--[COLOR NAME]

    -

    Theming

    +
    Skip to main content

    Design System

    Border

    Use the border utility classes to control the border size and color properties.

    +

    The border utility class sets the border-color and border-size, with support for the following sizes: 0, 1px, or 2px.

    +

    Format: ds-u-border-[x|y|bottom|left|right|top]--[SIZE]

    Border color

    Format: ds-u-border--[COLOR NAME]

    +
    diff --git a/docs/utilities/clearfix/index.html b/docs/utilities/clearfix/index.html index 7714870971..b5775460f8 100644 --- a/docs/utilities/clearfix/index.html +++ b/docs/utilities/clearfix/index.html @@ -2,19 +2,30 @@ - Clearfix - CMS.gov Design System + Clearfix - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Clearfix

    @cmsgov/design-system-core/src/utilities/overflow.scss

    The clearfix utility can be applied to an element to clear floats around the element.

    -

    Format: ds-u-clearfix

    +
    Skip to main content

    Design System

    Clearfix

    The clearfix utility can be applied to an element to clear floats around the element.

    +

    Format: ds-u-clearfix

    Code snippet
    <div class="ds-u-clearfix ds-u-fill--gray">
    +  <div class="ds-u-float--right ds-u-fill--primary-alt-lightest" style="width: 100px; height: 100px;">
    +    Floated right
    +  </div>
    +</div>
    diff --git a/docs/utilities/color/index.html b/docs/utilities/color/index.html index dd51dc5592..d90c734ec9 100644 --- a/docs/utilities/color/index.html +++ b/docs/utilities/color/index.html @@ -2,23 +2,28 @@ - Color - CMS.gov Design System + Color - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Color

    @cmsgov/design-system-core/src/utilities/color.scss

    Use the color utility to change an element's text color.

    +
    Skip to main content

    Design System

    Color

    Use the color utility to change an element's text color.

    Format: ds-u-color--[COLOR NAME]-[SHADE]

    -

    Theming

    -

    See the Background color utility's theming instructions to learn how to override color values.

    +

    The options below offer color palette combinations that fall within the range of Section 508 compliant foreground/background color contrast ratios. To ensure that text remains accessible, use only these permitted color combinations.

    diff --git a/docs/utilities/display-visibility/index.html b/docs/utilities/display-visibility/index.html index 88b1dc958d..061bd7af43 100644 --- a/docs/utilities/display-visibility/index.html +++ b/docs/utilities/display-visibility/index.html @@ -2,14 +2,21 @@ - Display/Visibility - CMS.gov Design System + Display/Visibility - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Display/Visibility

    @cmsgov/design-system-core/src/utilities/display-visibility.scss

    Use the display and visibility utility classes to show and hide elements.

    Display

    +
    Skip to main content

    Design System

    Display/Visibility

    Use the display and visibility utility classes to show and hide elements.

    Display

    The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. — MDN

    Format: ds-u-display--[VALUE]

    @@ -19,7 +26,11 @@

    Available display utilities:<
  • ds-u-display--inline-block
  • ds-u-display--flex
  • ds-u-display--none
  • -

    Visibility

    +
    Code snippet
    <p class="ds-u-display--block ds-base--inverse ds-u-padding--2">ds-u-display--block</p>
    +<p class="ds-u-display--inline-block ds-base--inverse ds-u-padding--2">ds-u-display--inline-block</p>
    +<p class="ds-u-display--flex ds-base--inverse ds-u-padding--2">ds-u-display--flex</p>
    +<p class="ds-u-display--none ds-base--inverse ds-u-padding--2">ds-u-display--none</p>
    +

    Visibility

    The visibility property can be used to hide an element while leaving the space where it would have been. — MDN

    Format: ds-u-visibility--[VALUE]

    @@ -30,10 +41,10 @@

    Available visibility utili
  • ds-u-visibility--screen-reader
  • Accessibility

    -

    There may sometimes be a situation where you want to hide an element, but still want its text to be read by a screen reader. The ds-u-visibility--screen-reader class will hide the content visually, but provide the content to screen readers.

    Code snippet
    <span class="ds-u-visibility--hidden">I'm hidden</span>
    +

    There may be times when you want to hide an element, but still want its text to be read by a screen reader. The ds-u-visibility--screen-reader class will hide the content visually, but provide the content to screen readers.

    Code snippet
    <span class="ds-u-visibility--hidden">I'm hidden</span>
     <span class="ds-u-visibility--screen-reader">I'm visible to screen readers only</span>
    -<span class="ds-u-visibility--visible">I'm visible</span>

    Responsive

    Use a responsive prefix to show/hide content at specific breakpoints.

    -

    A responsive prefix is supported on all of the utility classes mentioned above, except for ds-u-visibility--screen-reader.

    New tab
    Code snippet
    
    +<span class="ds-u-visibility--visible">I'm visible</span>

    Toggling visibility by breakpoint

    Use a breakpoint prefix to show/hide content at specific breakpoints.

    +

    A breakpoint prefix is supported on all of the utility classes mentioned above, except for ds-u-visibility--screen-reader.

    New tab
    Code snippet
    
       <div class="ds-u-sm-display--none ds-u-color--muted">
         Hidden on sm screens and larger
       </div>
    @@ -85,11 +96,11 @@ 

    Accessibility

    <div class="ds-u-xl-visibility--visible"> Visible on xl screens and larger </div> -
    +
    diff --git a/docs/utilities/flexbox/index.html b/docs/utilities/flexbox/index.html index 257af33a9c..4f2d4cdae8 100644 --- a/docs/utilities/flexbox/index.html +++ b/docs/utilities/flexbox/index.html @@ -2,106 +2,155 @@ - Flexbox - CMS.gov Design System + Flexbox - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Flexbox

    @cmsgov/design-system-core/src/utilities/flexbox.scss

    Use the flexbox utility classes to control various flexbox properties. These are especially useful when combined with flexbox grid classes.

    +
    Skip to main content

    Design System

    Flexbox

    Use the flexbox utility classes to control various flexbox properties. These are especially useful when combined with flexbox grid classes.

    Usage

    -

    For these utility classes to work, first create a flex container — you can use the ds-u-display--flex utility class — then apply these utility classes to the container's direct children elements.

    Justify content

    Use the justify-content utility class on a flexbox container to change the alignment of its child elements on the main axis (x-axis by default).

    +

    For these utility classes to work, first create a flex container — you can use the ds-u-display--flex utility class — then apply these utility classes to the container's direct children elements.

    Justify content

    Use the justify-content utility class on a flexbox container to change the alignment of its child elements on the main axis (x-axis by default).

    The CSS justify-content property defines how the browser distributes space between and around content items along the main axis of their container. — MDN

    -

    The classes follow the format: ds-u-justify-content--{value} and ds-u-{breakpoint}-justify-content--{value} where breakpoint is one of the responsive prefixes, and value is one of:

    +

    The classes follow the format: ds-u-justify-content--{value} and ds-u-{breakpoint}-justify-content--{value} where breakpoint is one of the breakpoint prefixes, and value is one of:

    • start (browser default)
    • end
    • center
    • between
    • around
    • -
    Code snippet
    <section>
    +
    Code snippet
    <section>
     
    -  <article class="ds-u-justify-content--start ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2">
    +  <code class="preview__label">ds-u-justify-content--start</code>
    +  <article class="ds-u-justify-content--start ds-u-display--flex ds-u-fill--primary-darkest">
         <div class="ds-u-fill--white ds-u-margin--1">start</div>
         <div class="ds-u-fill--white ds-u-margin--1">start</div>
         <div class="ds-u-fill--white ds-u-margin--1">start</div>
       </article>
     
    -  <article class="ds-u-justify-content--end ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2">
    +  <code class="preview__label">ds-u-justify-content--end</code>
    +  <article class="ds-u-justify-content--end ds-u-display--flex ds-u-fill--primary-darkest">
         <div class="ds-u-fill--white ds-u-margin--1">end</div>
         <div class="ds-u-fill--white ds-u-margin--1">end</div>
         <div class="ds-u-fill--white ds-u-margin--1">end</div>
       </article>
     
    -  <article class="ds-u-justify-content--center ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2">
    +  <code class="preview__label">ds-u-justify-content--center</code>
    +  <article class="ds-u-justify-content--center ds-u-display--flex ds-u-fill--primary-darkest">
         <div class="ds-u-fill--white ds-u-margin--1">center</div>
         <div class="ds-u-fill--white ds-u-margin--1">center</div>
         <div class="ds-u-fill--white ds-u-margin--1">center</div>
       </article>
     
    -  <article class="ds-u-justify-content--between ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2">
    +  <code class="preview__label">ds-u-justify-content--between</code>
    +  <article class="ds-u-justify-content--between ds-u-display--flex ds-u-fill--primary-darkest">
         <div class="ds-u-fill--white ds-u-margin--1">between</div>
         <div class="ds-u-fill--white ds-u-margin--1">between</div>
         <div class="ds-u-fill--white ds-u-margin--1">between</div>
       </article>
     
    -  <article class="ds-u-justify-content--around ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2">
    +  <code class="preview__label">ds-u-justify-content--around</code>
    +  <article class="ds-u-justify-content--around ds-u-display--flex ds-u-fill--primary-darkest">
         <div class="ds-u-fill--white ds-u-margin--1">around</div>
         <div class="ds-u-fill--white ds-u-margin--1">around</div>
         <div class="ds-u-fill--white ds-u-margin--1">around</div>
       </article>
     
    -</section>

    Align items

    Use the align-items utility class on a flexbox container to change the alignment of its child elements on the cross axis (y-axis by default).

    +</section>

    Align items

    Use the align-items utility class on a flexbox container to change the alignment of its child elements on the cross axis (y-axis by default).

    The CSS align-items property defines how the browser distributes space between and around flex items along the cross-axis of their container. This means it works like justify-content but in the perpendicular direction. — MDN

    -

    The classes follow the format: ds-u-align-items--{value} and ds-u-{breakpoint}-align-items--{value} where breakpoint is one of the responsive prefixes, and value is one of:

    +

    The classes follow the format: ds-u-align-items--{value} and ds-u-{breakpoint}-align-items--{value} where breakpoint is one of the breakpoint prefixes, and value is one of:

    • start
    • end
    • center
    • baseline
    • stretch (browser default)
    • -
    Code snippet
    <section>
    +
    Code snippet
    <section>
     
    -  <article class="ds-u-align-items--start ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2" style="height: 75px">
    +  <code class="preview__label">ds-u-align-items--start</code>
    +  <article class="ds-u-align-items--start ds-u-display--flex ds-u-fill--primary-darkest" style="height: 75px">
         <div class="ds-u-fill--white ds-u-margin--1">start</div>
         <div class="ds-u-fill--white ds-u-margin--1">start</div>
         <div class="ds-u-fill--white ds-u-margin--1">start</div>
       </article>
     
    -  <article class="ds-u-align-items--end ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2" style="height: 75px">
    +  <code class="preview__label">ds-u-align-items--end</code>
    +  <article class="ds-u-align-items--end ds-u-display--flex ds-u-fill--primary-darkest" style="height: 75px">
         <div class="ds-u-fill--white ds-u-margin--1">end</div>
         <div class="ds-u-fill--white ds-u-margin--1">end</div>
         <div class="ds-u-fill--white ds-u-margin--1">end</div>
       </article>
     
    -  <article class="ds-u-align-items--center ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2" style="height: 75px">
    +  <code class="preview__label">ds-u-align-items--center</code>
    +  <article class="ds-u-align-items--center ds-u-display--flex ds-u-fill--primary-darkest" style="height: 75px">
         <div class="ds-u-fill--white ds-u-margin--1">center</div>
         <div class="ds-u-fill--white ds-u-margin--1">center</div>
         <div class="ds-u-fill--white ds-u-margin--1">center</div>
       </article>
     
    -  <article class="ds-u-align-items--baseline ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2" style="height: 75px">
    +  <code class="preview__label">ds-u-align-items--baseline</code>
    +  <article class="ds-u-align-items--baseline ds-u-display--flex ds-u-fill--primary-darkest" style="height: 75px">
         <div class="ds-u-fill--white ds-u-margin--1">baseline</div>
         <div class="ds-u-fill--white ds-u-margin--1">baseline</div>
         <div class="ds-u-fill--white ds-u-margin--1">baseline</div>
       </article>
     
    -  <article class="ds-u-align-items--stretch ds-u-display--flex ds-u-fill--gray ds-u-margin-y--2" style="height: 75px">
    +  <code class="preview__label">ds-u-align-items--stretch</code>
    +  <article class="ds-u-align-items--stretch ds-u-display--flex ds-u-fill--primary-darkest" style="height: 75px">
         <div class="ds-u-fill--white ds-u-margin--1">stretch</div>
         <div class="ds-u-fill--white ds-u-margin--1">stretch</div>
         <div class="ds-u-fill--white ds-u-margin--1">stretch</div>
       </article>
     
    -</section>
    +</section>

    Flex-wrap

    Use the flex-wrap utility class on a flexbox container to change how its child elements wrap.

    +
    +

    The CSS flex-wrap property specifies whether flex items are forced into a single line or can be wrapped onto multiple lines. If wrapping is allowed, this property also enables you to control the direction in which lines are stacked. — MDN

    +
    +

    The classes follow the format: ds-u-flex-wrap--{value} and ds-u-{breakpoint}-flex-wrap--{value} where breakpoint is one of the breakpoint prefixes, and value is one of:

    +
      +
    • nowrap (browser default)
    • +
    • wrap
    • +
    • reverse
    • +
    Code snippet
    <section>
    +
    +  <code class="preview__label">ds-u-flex-wrap--nowrap</code>
    +  <article class="ds-u-flex-wrap--nowrap ds-u-display--flex ds-u-fill--primary-darkest">
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">nowrap element #1</div>
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">nowrap element #2</div>
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">nowrap element #3</div>
    +  </article>
    +
    +  <code class="preview__label">ds-u-flex-wrap--wrap</code>
    +  <article class="ds-u-flex-wrap--wrap ds-u-display--flex ds-u-fill--primary-darkest">
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">wrap element #1</div>
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">wrap element #2</div>
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">wrap element #3</div>
    +  </article>
    +
    +  <code class="preview__label">ds-u-flex-wrap--reverse</code>
    +  <article class="ds-u-flex-wrap--reverse ds-u-display--flex ds-u-fill--primary-darkest">
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">reverse element #1</div>
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">reverse element #2</div>
    +    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%">reverse element #3</div>
    +  </article>
    +
    +</section>
    diff --git a/docs/utilities/float/index.html b/docs/utilities/float/index.html index 18ef02fb04..ec0bee6fa2 100644 --- a/docs/utilities/float/index.html +++ b/docs/utilities/float/index.html @@ -2,46 +2,55 @@ - Float - CMS.gov Design System + Float - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Float

    @cmsgov/design-system-core/src/utilities/float.scss

    Set an element's float property using the float utility. You can use the ds-u-clearfix utility class to clearfix your floats.

    -

    Format: ds-u-float--[VALUE]

    Code snippet
    <div class="ds-u-clearfix">
    -  <div class="ds-u-float--left ds-u-fill--gray-lightest">
    -    <code>float: left</code>
    -  </div>
    +    
    Skip to main content

    Design System

    Float

    Set an element's float property using the float utility.

    +

    You can use the clearfix utility class to automatically clear your floats.

    +

    Format: ds-u-float--[VALUE]

    Code snippet
    <div class="ds-u-clearfix">
    +  <p class="ds-u-float--left ds-base--inverse ds-u-padding--2">
    +    <code>ds-u-float--left</code>
    +  </p>
     </div>
     <div class="ds-u-clearfix">
    -  <div class="ds-u-float--right ds-u-fill--gray-lightest">
    -    <code>float: right</code>
    -  </div>
    +  <p class="ds-u-float--right ds-base--inverse ds-u-padding--2">
    +    <code>ds-u-float--right</code>
    +  </p>
     </div>
     <div class="ds-u-clearfix">
    -  <div class="ds-u-float--none ds-u-fill--gray-lightest">
    -    <code>float: none</code>
    -  </div>
    -</div>

    Responsive

    Use a responsive prefix to change how an element is floated at specific breakpoints.

    New tab
    Code snippet
    <div class="ds-u-clearfix">
    -  :)
    +  <p class="ds-u-float--none ds-base--inverse ds-u-padding--2">
    +    <code>ds-u-float--none</code>
    +  </p>
    +</div>
    +

    Responsive

    Use a breakpoint prefix to change how an element is floated at specific breakpoints.

    New tab
    Code snippet
    <div class="ds-u-clearfix">
    +  <strong>Inline text</strong>
       <div class="ds-u-float--none ds-u-md-float--left ds-u-lg-float--right">
    -    <code class="ds-u-md-display--none">
    +    <p class="ds-u-md-display--none ds-base--inverse ds-u-padding--2">
           float: none
    -    </code>
    -    <code class="ds-u-display--none ds-u-md-display--inline-block ds-u-lg-display--none">
    +    </p>
    +    <p class="ds-u-display--none ds-u-md-display--inline-block ds-u-lg-display--none ds-base--inverse ds-u-padding--2">
           float: left
    -    </code>
    -    <code class="ds-u-display--none ds-u-lg-display--inline-block">
    +    </p>
    +    <p class="ds-u-display--none ds-u-lg-display--inline-block ds-base--inverse ds-u-padding--2">
           float: right
    -    </code>
    +    </p>
       </div>
    -</div>
    +</div>
    diff --git a/docs/utilities/font-family/index.html b/docs/utilities/font-family/index.html index 95af5ee2b7..394cbf8e13 100644 --- a/docs/utilities/font-family/index.html +++ b/docs/utilities/font-family/index.html @@ -2,26 +2,34 @@ - Font familiy - CMS.gov Design System + Font familiy - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Font familiy

    @cmsgov/design-system-core/src/utilities/font-family.scss

    Change an element's typeface to either the sans-serif (Open Sans) or serif (Bitter) family using the font family utility.

    -

    Format: ds-u-[serif|sans]

    -

    Theming

    +
    Skip to main content

    Design System

    Font familiy

    Change an element's typeface to either the sans-serif (Open Sans) or serif (Bitter) family using the font family utility.

    +

    Format: ds-u-[serif|sans]

    Code snippet
    <h2 class="preview__label">ds-u-sans (default)</h2>
    +<p class="ds-u-sans ds-title">Open Sans, Helvetica, sans-serif</p>
    +<h2 class="preview__label">ds-u-serif</h2>
    +<p class="ds-u-serif ds-title">Bitter, Georgia, serif</p>
    +
    diff --git a/docs/utilities/font-size/index.html b/docs/utilities/font-size/index.html index 6e46a3111f..ead613f060 100644 --- a/docs/utilities/font-size/index.html +++ b/docs/utilities/font-size/index.html @@ -2,31 +2,83 @@ - Font size - CMS.gov Design System + Font size - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Font size

    @cmsgov/design-system-core/src/utilities/font-size.scss

    Use the font size utility to make the text larger or smaller.

    -

    Format: ds-u-font-size--[SIZE]

    Code snippet
    <p class="ds-u-font-size--display ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -<p class="ds-u-font-size--title ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -<p class="ds-u-font-size--h1 ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -<p class="ds-u-font-size--h2 ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -<p class="ds-u-font-size--h3 ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -<p class="ds-u-font-size--h4 ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -<p class="ds-u-font-size--lead ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -<p class="ds-u-font-size--base ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -<p class="ds-u-font-size--small ds-u-leading--heading ds-u-margin--0 ds-u-truncate">We the People of the United States</p>
    -

    Responsive

    Use a responsive prefix to change the font size at specific breakpoints.

    -

    Resize your browser to see each breakpoint in action:

    Code snippet
    <div class="ds-u-font-size--base ds-u-sm-font-size--h4 ds-u-md-font-size--h3 ds-u-lg-font-size--h2 ds-u-xl-font-size--h1">
    +    
    Skip to main content

    Design System

    Font size

    Use the font size utility to make the text larger or smaller.

    +

    Format: ds-u-font-size--[SIZE]

    Code snippet
    <article class="ds-u-font-size--display ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--display
    +  </h2>
    + We the People of the United States
    +</article>
    +<article class="ds-u-font-size--title ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--title
    +  </h2>
    + We the People of the United States
    +</article>
    +<article class="ds-u-font-size--h1 ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--h1
    +  </h2>
    + We the People of the United States
    +</article>
    +<article class="ds-u-font-size--h2 ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--h2
    +  </h2>
    + We the People of the United States
    +</article>
    +<article class="ds-u-font-size--h3 ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--h3
    +  </h2>
    + We the People of the United States
    +</article>
    +<article class="ds-u-font-size--h4 ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--h4
    +  </h2>
    + We the People of the United States
    +</article>
    +<article class="ds-u-font-size--lead ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--lead
    +  </h2>
    + We the People of the United States
    +</article>
    +<article class="ds-u-font-size--base ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--base
    +  </h2>
    + We the People of the United States
    +</article>
    +<article class="ds-u-font-size--small ds-u-leading--heading ds-u-margin-bottom--3 ds-u-truncate">
    +  <h2 class="preview__label ds-u-margin-bottom--1">
    +    ds-u-font-size--small
    +  </h2>
    + We the People of the United States
    +</article>
    +

    Responsive font sizes

    Use a breakpoint prefix to change the font size at specific breakpoints.

    +

    Resize your browser to see each breakpoint in action:

    Code snippet
    <div class="ds-u-font-size--base ds-u-sm-font-size--h4 ds-u-md-font-size--h3 ds-u-lg-font-size--h2 ds-u-xl-font-size--h1">
      We the People of the United States, in Order to form a more perfect Union
    -</div>
    +</div>
    diff --git a/docs/utilities/font-style/index.html b/docs/utilities/font-style/index.html index 9b015b9bc1..292ba00178 100644 --- a/docs/utilities/font-style/index.html +++ b/docs/utilities/font-style/index.html @@ -2,20 +2,29 @@ - Font style - CMS.gov Design System + Font style - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Font style

    @cmsgov/design-system-core/src/utilities/font-style.scss

    Change an element's font-style property using the font style utility.

    -

    Format: ds-u-font-style--[VALUE]

    Code snippet
    <p class="ds-u-font-style--normal">We the People of the United States, in Order to form a more perfect Union</p>
    -<p class="ds-u-font-style--italic">We the People of the United States, in Order to form a more perfect Union</p>
    +
    Skip to main content

    Design System

    Font style

    Change an element's font-style property using the font style utility.

    +

    Format: ds-u-font-style--[VALUE]

    Code snippet
    <h2 class="preview__label">ds-u-font-style--normal</h2>
    +<div class="ds-u-font-style--normal">We the People of the United States, in Order to form a more perfect Union</div>
    +<h2 class="preview__label">ds-u-font-style--italic</h2>
    +<div class="ds-u-font-style--italic">We the People of the United States, in Order to form a more perfect Union</div>
    diff --git a/docs/utilities/font-weight/index.html b/docs/utilities/font-weight/index.html index 39087f9cc4..8786a2d2de 100644 --- a/docs/utilities/font-weight/index.html +++ b/docs/utilities/font-weight/index.html @@ -2,21 +2,28 @@ - Font weight - CMS.gov Design System + Font weight - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Font weight

    @cmsgov/design-system-core/src/utilities/font-weight.scss

    Change an element's font-weight property using the font weight utility.

    -

    Format: ds-u-font-weight--[VALUE]

    Code snippet
    <p class="ds-u-font-weight--normal">Normal</p>
    -<p class="ds-u-font-weight--semibold">Semibold</p>
    -<p class="ds-u-font-weight--bold">Bold</p>
    +
    Skip to main content

    Design System

    Font weight

    Change an element's font-weight property using the font weight utility.

    +

    Format: ds-u-font-weight--[VALUE]

    Code snippet
    <p class="ds-u-font-weight--normal">ds-u-font-weight--normal</p>
    +<p class="ds-u-font-weight--semibold">ds-u-font-weight--semibold</p>
    +<p class="ds-u-font-weight--bold">ds-u-font-weight--bold</p>
    diff --git a/docs/utilities/index.html b/docs/utilities/index.html index 5078e3b351..07600fa0a0 100644 --- a/docs/utilities/index.html +++ b/docs/utilities/index.html @@ -2,22 +2,29 @@ - Utilities - CMS.gov Design System + Utilities - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Utilities

    @cmsgov/design-system-core/src/utilities/index.scss

    A utility class modifies a single trait, typically a single CSS property. To apply a trait, or a combination of traits to an element, add the corresponding utility class directly to the HTML element.

    +
    Skip to main content

    Design System

    Utilities

    A utility class modifies a single trait, typically a single CSS property. To apply a trait, or a combination of traits to an element, add the corresponding utility class directly to the HTML element.

    Together, they can form a variety of UI patterns. You won't always want to use combinations of utilities to generate more complicated patterns, but the option is there. Once you've identified a set of traits that seem to be reused a lot, it's a good time to consider turning those into a component.

    -

    Format: ds-u-[NAME]

    Code snippet
    <div class="ds-u-fill--primary-alt ds-u-padding--3">
    +

    Format: ds-u-[NAME]

    Code snippet
    <div class="ds-u-fill--primary-alt ds-u-padding--3">
       <p class="ds-u-margin--0 ds-u-color--white ds-u-text-align--center">Hello world</p>
    -</div>
    +</div>
    diff --git a/docs/utilities/line-height/index.html b/docs/utilities/line-height/index.html index 4ff6d5c66b..48cf845bff 100644 --- a/docs/utilities/line-height/index.html +++ b/docs/utilities/line-height/index.html @@ -2,25 +2,36 @@ - Line height - CMS.gov Design System + Line height - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Line height

    @cmsgov/design-system-core/src/utilities/line-height.scss

    In CSS, the line-height property controls the leading (led-ing). Leading refers to the vertical distance from the baseline of one line to the baseline of the next.

    -

    Format: ds-u-leading--[NAME]

    Code snippet
    <p class="ds-u-leading--heading ds-u-font-size--h1 ds-u-margin--0 ds-u-margin-bottom--2">We the People of the United States, in Order to form a more perfect Union</p>
    -<p class="ds-u-leading--lead ds-u-font-size--lead ds-u-margin--0 ds-u-margin-bottom--2">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</p>
    -<p class="ds-u-leading--base ds-u-font-size--base ds-u-margin--0 ds-u-margin-bottom--2">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</p>
    -<p class="ds-u-leading--reset ds-u-margin--0">We the People of the United States</p>
    diff --git a/docs/utilities/margin/index.html b/docs/utilities/margin/index.html index 7154e2b07c..36e014b405 100644 --- a/docs/utilities/margin/index.html +++ b/docs/utilities/margin/index.html @@ -2,24 +2,32 @@ - Margin - CMS.gov Design System + Margin - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Margin

    @cmsgov/design-system-core/src/utilities/margin.scss

    Use the margin utility to change an element's margin. All margins are multiples of 8px and can be inferred by the class name. For example, ds-u-margin-top--3 can be understood as applying a margin-top of 24px (3 * 8px = 24px).

    -

    Format: ds-u-margin-[x|y|bottom|left|right|top]--[MULTIPLE]

    Responsive

    Use a responsive prefix to change the margin at specific breakpoints.

    -

    Resize your browser to see each breakpoint in action:

    Code snippet
    <div class="ds-u-fill--gray-dark">
    +    
    Skip to main content

    Design System

    Margin

    Responsive margins

    Use a breakpoint prefix to change the margin at specific breakpoints.

    +

    Resize your browser to see each breakpoint in action:

    Code snippet
    <div class="ds-u-fill--gray-dark">
       <div class="ds-u-margin--1 ds-u-sm-margin--2 ds-u-md-margin--3 ds-u-lg-margin--4 ds-u-xl-margin--5 ds-u-display--inline-block">
         <span class="ds-u-fill--background">Responsive margins</span>
       </div>
    -</div>
    +</div>
    diff --git a/docs/utilities/measure/index.html b/docs/utilities/measure/index.html index 1d49fff042..b538deb78d 100644 --- a/docs/utilities/measure/index.html +++ b/docs/utilities/measure/index.html @@ -2,30 +2,40 @@ - Measure - CMS.gov Design System + Measure - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Measure

    @cmsgov/design-system-core/src/utilities/measure.scss

    Line length, also called "measure", is an important part of readability.

    +
    Skip to main content

    Design System

    Measure

    Line length, also called "measure", is an important part of readability.

    The design system includes 3 measure modifiers:

    • narrow = line length ~45 characters
    • base = line length ~65 characters
    • wide = line length ~80 characters
    -

    Format: ds-u-measure--[NAME]

    Code snippet
    <p class="ds-u-measure--narrow">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</p>
    -<p class="ds-u-measure--base ds-u-font-size--small">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</p>
    -<p class="ds-u-measure--wide ds-u-font-size--small">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</p>
    +
    diff --git a/docs/utilities/overflow/index.html b/docs/utilities/overflow/index.html index 7df3cffdda..ff36a49676 100644 --- a/docs/utilities/overflow/index.html +++ b/docs/utilities/overflow/index.html @@ -2,28 +2,41 @@ - Overflow - CMS.gov Design System + Overflow - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Overflow

    @cmsgov/design-system-core/src/utilities/overflow.scss

    Use the overflow utility to set the overflow property of an element.

    +
    Skip to main content

    Design System

    Overflow

    Use the overflow utility to set the overflow property of an element.

    The overflow property specifies whether to clip content, render scrollbars or just display content when it overflows its block level container. — MDN

    -

    Format: ds-u-overflow--[VALUE]

    -

    Available overflow options:

    -
      -
    • ds-u-overflow--hidden
    • -
    • ds-u-overflow--scroll
    • -
    • ds-u-overflow--auto
    • -
    +

    Format: ds-u-overflow--[VALUE]

    Code snippet
      <code class="preview__label">ds-u-overflow--hidden</code>
    +  <div class="ds-u-overflow--hidden ds-base--inverse ds-u-padding--2" style="height: 100px">
    +    <div class="ds-u-measure--narrow">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</div>
    +  </div>
    +  <code class="preview__label">ds-u-overflow--scroll</code>
    +  <div class="ds-u-overflow--scroll ds-base--inverse ds-u-padding--2" style="height: 100px">
    +    <div class="ds-u-measure--narrow">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</div>
    +  </div>
    +  <code class="preview__label">ds-u-overflow--auto</code>
    +  <div class="ds-u-overflow--auto ds-base--inverse ds-u-padding--2" style="height: 100px">
    +    <div class="ds-u-measure--narrow">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</div>
    +  </div>
    +
    diff --git a/docs/utilities/padding/index.html b/docs/utilities/padding/index.html index 211d46bdd4..68877077d8 100644 --- a/docs/utilities/padding/index.html +++ b/docs/utilities/padding/index.html @@ -2,24 +2,32 @@ - Padding - CMS.gov Design System + Padding - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Padding

    @cmsgov/design-system-core/src/utilities/padding.scss

    Use the padding utility to change an element's padding. All padding values are multiples of 8px and can be inferred by the class name. For example, ds-u-padding-top--3 can be understood as applying a padding-top of 24px (3 * 8px = 24px).

    -

    Format: ds-u-padding-[x|y|bottom|left|right|top]--[MULTIPLE]

    Responsive

    Use a responsive prefix to change the padding at specific breakpoints.

    -

    Resize your browser to see each breakpoint in action:

    Code snippet
    <div class="ds-u-fill--gray-dark">
    -  <div class="ds-u-padding--1 ds-u-sm-padding--2 ds-u-md-padding--3 ds-u-lg-padding--4 ds-u-xl-padding--5 ds-u-display--inline-block">
    -    <span class="ds-u-color--white">Responsive padding</span>
    +    
    Skip to main content

    Design System

    Padding

    Responsive padding

    Use a breakpoint prefix to change the padding at specific breakpoints.

    +

    Resize your browser to see each breakpoint in action:

    Code snippet
    <div class="ds-base--inverse">
    +  <div class="ds-u-padding--1 ds-u-sm-padding--2 ds-u-md-padding--3 ds-u-lg-padding--4 ds-u-xl-padding--5">
    +    Responsive padding
       </div>
    -</div>
    +</div>
    diff --git a/docs/utilities/text-align/index.html b/docs/utilities/text-align/index.html index 2ef9a2860b..369421debd 100644 --- a/docs/utilities/text-align/index.html +++ b/docs/utilities/text-align/index.html @@ -2,23 +2,39 @@ - Text alignment - CMS.gov Design System + Text alignment - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Text alignment

    @cmsgov/design-system-core/src/utilities/text-align.scss

    Align text using the text-align utility.

    -

    Format: ds-u-text-align--[VALUE]

    Code snippet
    <p class="ds-u-text-align--center">Center</p>
    -<p class="ds-u-text-align--left">Left</p>
    -<p class="ds-u-text-align--right">Right</p>

    Responsive

    Use a responsive prefix to change the text alignment at specific breakpoints.

    New tab
    Code snippet
    <div class="ds-u-sm-text-align--center ds-u-md-text-align--left ds-u-lg-text-align--right">
    +    
    Skip to main content

    Design System

    Text alignment

    Align text using the text-align utility.

    +

    Format: ds-u-text-align--[VALUE]

    Code snippet
    <div class="ds-u-text-align--center">
    +  <code class="preview__label">ds-u-text-align--center</code>
    +  Center
    +</div>
    +<div class="ds-u-text-align--left">
    +  <code class="preview__label">ds-u-text-align--left</code>
    +  Left
    +</div>
    +<div class="ds-u-text-align--right">
    +  <code class="preview__label">ds-u-text-align--right</code>
    +  Right
    +</div>

    Responsive text alignment

    Use a breakpoint prefix to change the text alignment at specific breakpoints.

    New tab
    Code snippet
    <div class="ds-u-sm-text-align--center ds-u-md-text-align--left ds-u-lg-text-align--right">
      We the People of the United States
    -</div>
    +</div>
    diff --git a/docs/utilities/text-decoration/index.html b/docs/utilities/text-decoration/index.html index 4703283834..eaec46a209 100644 --- a/docs/utilities/text-decoration/index.html +++ b/docs/utilities/text-decoration/index.html @@ -2,20 +2,29 @@ - Text decoration - CMS.gov Design System + Text decoration - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Text decoration

    @cmsgov/design-system-core/src/utilities/text-decoration.scss

    Set whether text is underlined or not using the text-decoration utility.

    -

    Format: ds-u-text-decoration--[VALUE]

    Code snippet
    <p class="ds-u-text-decoration--underline">Underlined text</p>
    -<a class="ds-u-text-decoration--none" href="http://example.com">Link text without underline</a>
    +
    Skip to main content

    Design System

    Text decoration

    Set whether text is underlined or not using the text-decoration utility.

    +

    Format: ds-u-text-decoration--[VALUE]

    Code snippet
    <code class="preview__label">ds-u-text-decoration--underline</code>
    +<span class="ds-u-text-decoration--underline">Underlined text</span>
    +<code class="preview__label">ds-u-text-decoration--none</code>
    +<a class="ds-u-text-decoration--none" href="javascript:void(0);">Link text without underline</a>
    diff --git a/docs/utilities/text-transform/index.html b/docs/utilities/text-transform/index.html index 0b9388c00e..ac7cff0dfd 100644 --- a/docs/utilities/text-transform/index.html +++ b/docs/utilities/text-transform/index.html @@ -2,21 +2,31 @@ - Text transform - CMS.gov Design System + Text transform - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Text transform

    @cmsgov/design-system-core/src/utilities/text-transform.scss

    Set the capitalization of text using the text transform utility.

    -

    Format: ds-u-text-transform--[VALUE]

    Code snippet
    <p class="ds-u-text-transform--uppercase">uppercase transform</p>
    -<p class="ds-u-text-transform--lowercase">Lowercase transform</p>
    -<p class="ds-u-text-transform--capitalize">capitalized transform</p>
    +
    Skip to main content

    Design System

    Text transform

    Set the capitalization of text using the text transform utility.

    +

    Format: ds-u-text-transform--[VALUE]

    Code snippet
    <code class="preview__label">ds-u-text-transform--uppercase</code>
    +<div class="ds-u-text-transform--uppercase">We the People of the United States, in Order to form a more perfect Union</div>
    +<code class="preview__label">ds-u-text-transform--lowercase</code>
    +<div class="ds-u-text-transform--lowercase">We the People of the United States, in Order to form a more perfect Union</div>
    +<code class="preview__label">ds-u-text-transform--capitalize</code>
    +<div class="ds-u-text-transform--capitalize">We the People of the United States, in Order to form a more perfect Union</div>
    diff --git a/docs/utilities/truncate/index.html b/docs/utilities/truncate/index.html index 12e739d0fe..82213e0168 100644 --- a/docs/utilities/truncate/index.html +++ b/docs/utilities/truncate/index.html @@ -2,20 +2,29 @@ - Truncate - CMS.gov Design System + Truncate - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Truncate

    @cmsgov/design-system-core/src/utilities/truncate.scss

    Use the truncate utility to limit a text string to one line.

    +
    Skip to main content

    Design System

    Truncate

    Use the truncate utility (ds-u-truncate) to limit a text string to one line.

    Accessibility

    -

    Place the full text in a title attribute so that itโ€™s accessible on hover.

    Code snippet
    <p class="ds-u-truncate" title="We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.">We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.</p>
    +

    Place the full text in a title attribute so that itโ€™s accessible on hover.

    Code snippet
    <p class="ds-u-truncate" title="We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.">
    + We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
    +</p>
    diff --git a/docs/utilities/vertical-align/index.html b/docs/utilities/vertical-align/index.html index dc1b2d9127..ec173b0458 100644 --- a/docs/utilities/vertical-align/index.html +++ b/docs/utilities/vertical-align/index.html @@ -2,34 +2,50 @@ - Vertical align - CMS.gov Design System + Vertical align - CMSGov Design System + - + + + + +
    -

    CMS.gov Design System

    Vertical align

    @cmsgov/design-system-core/src/utilities/vertical-align.scss

    Use the vertical align utility on inline-level elements (inline and inline-block) and on table cells.

    -

    Format: ds-u-valign--[VALUE]

    Code snippet
    <table>
    +    
    Skip to main content

    Design System

    Vertical align

    Use the vertical align utility on inline-level elements (inline and inline-block) and on table cells.

    +

    Format: ds-u-valign--[VALUE]

    Code snippet
    <table>
       <tbody>
         <tr>
    -      <td class="ds-u-font-size--title ds-u-leading--reset">A</td>
    -      <td class="ds-u-valign--top">Top alignment</td>
    +      <td class="ds-u-font-size--display ds-u-leading--reset ds-u-padding--4 ds-u-fill--primary-alt-lightest">A</td>
    +      <td class="ds-u-valign--top">
    +        <code class="preview__label">ds-u-valign--top</code>
    +        Top alignment
    +      </td>
         </tr>
         <tr>
    -      <td class="ds-u-font-size--title ds-u-leading--reset">B</td>
    -      <td class="ds-u-valign--middle">Middle alignment</td>
    +      <td class="ds-u-font-size--display ds-u-leading--reset ds-u-padding--4 ds-u-fill--primary-alt-lightest">B</td>
    +      <td class="ds-u-valign--middle">
    +        <code class="preview__label">ds-u-valign--middle</code>
    +        Middle alignment
    +      </td>
         </tr>
         <tr>
    -      <td class="ds-u-font-size--title ds-u-leading--reset">C</td>
    -      <td class="ds-u-valign--bottom">Bottom alignment</td>
    +      <td class="ds-u-font-size--display ds-u-leading--reset ds-u-padding--4 ds-u-fill--primary-alt-lightest">C</td>
    +      <td class="ds-u-valign--bottom">
    +        <code class="preview__label">ds-u-valign--bottom</code>
    +        Bottom alignment
    +      </td>
         </tr>
       </tbody>
    -</table>
    +</table>
    diff --git a/examples/react-app/Gulpfile.js b/examples/react-app/Gulpfile.js index 24749bad5d..e1f63f4272 100644 --- a/examples/react-app/Gulpfile.js +++ b/examples/react-app/Gulpfile.js @@ -22,13 +22,13 @@ gulp.task('sass', function() { // Add node_modules to the list of paths used to resolve @import // declarations. This way it's easier to import our design system's // Sass files. - includePaths: ['./node_modules'], + includePaths: ['node_modules'], outputStyle: 'compressed' }).on('error', sass.logError); - return gulp.src('./src/**/*.scss') + return gulp.src('./src/styles/**/*.scss') .pipe(transpiler) - .pipe(gulp.dest('./dist')); + .pipe(gulp.dest('./dist/styles')); }); gulp.task('default', [ diff --git a/examples/react-app/README.md b/examples/react-app/README.md index 7036a154e8..005b48d661 100644 --- a/examples/react-app/README.md +++ b/examples/react-app/README.md @@ -4,8 +4,6 @@ This example shows how you can incorporate the design system into your build pro ## Getting started -_Note_: The instructions below assume you have Yarn installed. You can also use NPM if that's your flavor. - -1. Install packages: `yarn install` -1. Transpile and bundle assets: `yarn run build` +1. Install packages: `npm install` +1. Compile and bundle assets: `npm run build` 1. Open `index.html` in a browser. \ No newline at end of file diff --git a/examples/react-app/index.html b/examples/react-app/index.html index 1cada7c1f9..f69cb4be50 100644 --- a/examples/react-app/index.html +++ b/examples/react-app/index.html @@ -3,7 +3,7 @@ Design System - +
    @@ -20,6 +20,6 @@

    Build assets before viewing

    - + \ No newline at end of file diff --git a/examples/react-app/package.json b/examples/react-app/package.json index ea3f27d883..b33c1c8ae8 100644 --- a/examples/react-app/package.json +++ b/examples/react-app/package.json @@ -14,7 +14,7 @@ "babel-preset-react": "^6.24.1", "gulp": "^3.9.1", "gulp-sass": "^3.1.0", - "webpack": "^2.3.3" + "webpack": "^3.5.3" }, "scripts": { "build": "NODE_ENV=production webpack -p --progress && gulp" diff --git a/examples/react-app/src/index.js b/examples/react-app/src/scripts/index.js similarity index 100% rename from examples/react-app/src/index.js rename to examples/react-app/src/scripts/index.js diff --git a/examples/react-app/src/index.scss b/examples/react-app/src/styles/index.scss similarity index 100% rename from examples/react-app/src/index.scss rename to examples/react-app/src/styles/index.scss diff --git a/examples/react-app/webpack.config.js b/examples/react-app/webpack.config.js index 5bc5fabb97..56a0cbeb73 100644 --- a/examples/react-app/webpack.config.js +++ b/examples/react-app/webpack.config.js @@ -5,10 +5,10 @@ var path = require('path'); var webpack = require('webpack'); var config = { - entry: './src/index.js', + entry: './src/scripts/index.js', output: { filename: 'bundle.js', - path: path.resolve(__dirname, 'dist') + path: path.resolve(__dirname, 'dist/scripts') }, module: { rules: [ diff --git a/examples/react-app/yarn.lock b/examples/react-app/yarn.lock deleted file mode 100644 index 67d8e78c1f..0000000000 --- a/examples/react-app/yarn.lock +++ /dev/null @@ -1,3819 +0,0 @@ -# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -# yarn lockfile v1 - - -"@cmsgov/design-system-core@latest": - version "1.0.0-alpha.11" - resolved "https://registry.yarnpkg.com/@cmsgov/design-system-core/-/design-system-core-1.0.0-alpha.11.tgz#cad8da71a7454ef4deab49ba560833791bd536ee" - dependencies: - bourbon "^4.3.3" - classnames "^2.2.5" - lodash.uniqueid "^4.0.1" - prop-types "^15.5.10" - react "^15.6.1" - react-dom "^15.6.1" - uswds "^1.2.1" - -JSONStream@^1.0.3: - version "1.3.1" - resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.1.tgz#707f761e01dae9e16f1bcf93703b78c70966579a" - dependencies: - jsonparse "^1.2.0" - through ">=2.2.7 <3" - -abbrev@1: - version "1.1.0" - resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.0.tgz#d0554c2256636e2f56e7c2e5ad183f859428d81f" - -acorn-dynamic-import@^2.0.0: - version "2.0.2" - resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz#c752bd210bef679501b6c6cb7fc84f8f47158cc4" - dependencies: - acorn "^4.0.3" - -acorn@^4.0.3, acorn@^4.0.4: - version "4.0.11" - resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.11.tgz#edcda3bd937e7556410d42ed5860f67399c794c0" - -ajv-keywords@^1.1.1: - version "1.5.1" - resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-1.5.1.tgz#314dd0a4b3368fad3dfcdc54ede6171b886daf3c" - -ajv@^4.7.0, ajv@^4.9.1: - version "4.11.6" - resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.6.tgz#947e93049790942b2a2d60a8289b28924d39f987" - dependencies: - co "^4.6.0" - json-stable-stringify "^1.0.1" - -align-text@^0.1.1, align-text@^0.1.3: - version "0.1.4" - resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117" - dependencies: - kind-of "^3.0.2" - longest "^1.0.1" - repeat-string "^1.5.2" - -ansi-regex@^2.0.0: - version "2.1.1" - resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df" - -ansi-styles@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe" - -anymatch@^1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.0.tgz#a3e52fa39168c825ff57b0248126ce5a8ff95507" - dependencies: - arrify "^1.0.0" - micromatch "^2.1.5" - -aproba@^1.0.3: - version "1.1.1" - resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.1.1.tgz#95d3600f07710aa0e9298c726ad5ecf2eacbabab" - -archy@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40" - -are-we-there-yet@~1.1.2: - version "1.1.2" - resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.2.tgz#80e470e95a084794fe1899262c5667c6e88de1b3" - dependencies: - delegates "^1.0.0" - readable-stream "^2.0.0 || ^1.1.13" - -arr-diff@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf" - dependencies: - arr-flatten "^1.0.1" - -arr-flatten@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.0.1.tgz#e5ffe54d45e19f32f216e91eb99c8ce892bb604b" - -array-differ@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-1.0.0.tgz#eff52e3758249d33be402b8bb8e564bb2b5d4031" - -array-filter@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/array-filter/-/array-filter-1.0.0.tgz#baf79e62e6ef4c2a4c0b831232daffec251f9d83" - -array-filter@~0.0.0: - version "0.0.1" - resolved "https://registry.yarnpkg.com/array-filter/-/array-filter-0.0.1.tgz#7da8cf2e26628ed732803581fd21f67cacd2eeec" - -array-find-index@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1" - -array-foreach@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/array-foreach/-/array-foreach-1.0.2.tgz#cd36e42f0f482108c406b35c3612a8970b2fccea" - -array-map@~0.0.0: - version "0.0.0" - resolved "https://registry.yarnpkg.com/array-map/-/array-map-0.0.0.tgz#88a2bab73d1cf7bcd5c1b118a003f66f665fa662" - -array-reduce@~0.0.0: - version "0.0.0" - resolved "https://registry.yarnpkg.com/array-reduce/-/array-reduce-0.0.0.tgz#173899d3ffd1c7d9383e4479525dbe278cab5f2b" - -array-uniq@^1.0.2: - version "1.0.3" - resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6" - -array-unique@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53" - -arrify@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d" - -asap@~2.0.3: - version "2.0.5" - resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.5.tgz#522765b50c3510490e52d7dcfe085ef9ba96958f" - -asn1.js@^4.0.0: - version "4.9.1" - resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.9.1.tgz#48ba240b45a9280e94748990ba597d216617fd40" - dependencies: - bn.js "^4.0.0" - inherits "^2.0.1" - minimalistic-assert "^1.0.0" - -asn1@~0.2.3: - version "0.2.3" - resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.3.tgz#dac8787713c9966849fc8180777ebe9c1ddf3b86" - -assert-plus@1.0.0, assert-plus@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525" - -assert-plus@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-0.2.0.tgz#d74e1b87e7affc0db8aadb7021f3fe48101ab234" - -assert@^1.1.1, assert@^1.4.0: - version "1.4.1" - resolved "https://registry.yarnpkg.com/assert/-/assert-1.4.1.tgz#99912d591836b5a6f5b345c0f07eefc08fc65d91" - dependencies: - util "0.10.3" - -astw@^2.0.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/astw/-/astw-2.2.0.tgz#7bd41784d32493987aeb239b6b4e1c57a873b917" - dependencies: - acorn "^4.0.3" - -async-each@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d" - -async-foreach@^0.1.3: - version "0.1.3" - resolved "https://registry.yarnpkg.com/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542" - -async@^2.1.2: - version "2.3.0" - resolved "https://registry.yarnpkg.com/async/-/async-2.3.0.tgz#1013d1051047dd320fe24e494d5c66ecaf6147d9" - dependencies: - lodash "^4.14.0" - -asynckit@^0.4.0: - version "0.4.0" - resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" - -aws-sign2@~0.6.0: - version "0.6.0" - resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.6.0.tgz#14342dd38dbcc94d0e5b87d763cd63612c0e794f" - -aws4@^1.2.1: - version "1.6.0" - resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.6.0.tgz#83ef5ca860b2b32e4a0deedee8c771b9db57471e" - -babel-code-frame@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.22.0.tgz#027620bee567a88c32561574e7fd0801d33118e4" - dependencies: - chalk "^1.1.0" - esutils "^2.0.2" - js-tokens "^3.0.0" - -babel-core@^6.24.1, babel-core@^6.25.0: - version "6.25.0" - resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.25.0.tgz#7dd42b0463c742e9d5296deb3ec67a9322dad729" - dependencies: - babel-code-frame "^6.22.0" - babel-generator "^6.25.0" - babel-helpers "^6.24.1" - babel-messages "^6.23.0" - babel-register "^6.24.1" - babel-runtime "^6.22.0" - babel-template "^6.25.0" - babel-traverse "^6.25.0" - babel-types "^6.25.0" - babylon "^6.17.2" - convert-source-map "^1.1.0" - debug "^2.1.1" - json5 "^0.5.0" - lodash "^4.2.0" - minimatch "^3.0.2" - path-is-absolute "^1.0.0" - private "^0.1.6" - slash "^1.0.0" - source-map "^0.5.0" - -babel-generator@^6.25.0: - version "6.25.0" - resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.25.0.tgz#33a1af70d5f2890aeb465a4a7793c1df6a9ea9fc" - dependencies: - babel-messages "^6.23.0" - babel-runtime "^6.22.0" - babel-types "^6.25.0" - detect-indent "^4.0.0" - jsesc "^1.3.0" - lodash "^4.2.0" - source-map "^0.5.0" - trim-right "^1.0.1" - -babel-helper-builder-react-jsx@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-builder-react-jsx/-/babel-helper-builder-react-jsx-6.24.1.tgz#0ad7917e33c8d751e646daca4e77cc19377d2cbc" - dependencies: - babel-runtime "^6.22.0" - babel-types "^6.24.1" - esutils "^2.0.0" - -babel-helper-call-delegate@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz#ece6aacddc76e41c3461f88bfc575bd0daa2df8d" - dependencies: - babel-helper-hoist-variables "^6.24.1" - babel-runtime "^6.22.0" - babel-traverse "^6.24.1" - babel-types "^6.24.1" - -babel-helper-define-map@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-define-map/-/babel-helper-define-map-6.24.1.tgz#7a9747f258d8947d32d515f6aa1c7bd02204a080" - dependencies: - babel-helper-function-name "^6.24.1" - babel-runtime "^6.22.0" - babel-types "^6.24.1" - lodash "^4.2.0" - -babel-helper-function-name@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz#d3475b8c03ed98242a25b48351ab18399d3580a9" - dependencies: - babel-helper-get-function-arity "^6.24.1" - babel-runtime "^6.22.0" - babel-template "^6.24.1" - babel-traverse "^6.24.1" - babel-types "^6.24.1" - -babel-helper-get-function-arity@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz#8f7782aa93407c41d3aa50908f89b031b1b6853d" - dependencies: - babel-runtime "^6.22.0" - babel-types "^6.24.1" - -babel-helper-hoist-variables@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz#1ecb27689c9d25513eadbc9914a73f5408be7a76" - dependencies: - babel-runtime "^6.22.0" - babel-types "^6.24.1" - -babel-helper-optimise-call-expression@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz#f7a13427ba9f73f8f4fa993c54a97882d1244257" - dependencies: - babel-runtime "^6.22.0" - babel-types "^6.24.1" - -babel-helper-regex@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-regex/-/babel-helper-regex-6.24.1.tgz#d36e22fab1008d79d88648e32116868128456ce8" - dependencies: - babel-runtime "^6.22.0" - babel-types "^6.24.1" - lodash "^4.2.0" - -babel-helper-replace-supers@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz#bf6dbfe43938d17369a213ca8a8bf74b6a90ab1a" - dependencies: - babel-helper-optimise-call-expression "^6.24.1" - babel-messages "^6.23.0" - babel-runtime "^6.22.0" - babel-template "^6.24.1" - babel-traverse "^6.24.1" - babel-types "^6.24.1" - -babel-helpers@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-helpers/-/babel-helpers-6.24.1.tgz#3471de9caec388e5c850e597e58a26ddf37602b2" - dependencies: - babel-runtime "^6.22.0" - babel-template "^6.24.1" - -babel-loader@^7.1.1: - version "7.1.1" - resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.1.tgz#b87134c8b12e3e4c2a94e0546085bc680a2b8488" - dependencies: - find-cache-dir "^1.0.0" - loader-utils "^1.0.2" - mkdirp "^0.5.1" - -babel-messages@^6.23.0: - version "6.23.0" - resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-check-es2015-constants@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz#35157b101426fd2ffd3da3f75c7d1e91835bbf8a" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-syntax-flow@^6.18.0: - version "6.18.0" - resolved "https://registry.yarnpkg.com/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz#4c3ab20a2af26aa20cd25995c398c4eb70310c8d" - -babel-plugin-syntax-jsx@^6.3.13, babel-plugin-syntax-jsx@^6.8.0: - version "6.18.0" - resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946" - -babel-plugin-transform-es2015-arrow-functions@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz#452692cb711d5f79dc7f85e440ce41b9f244d221" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-block-scoped-functions@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz#bbc51b49f964d70cb8d8e0b94e820246ce3a6141" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-block-scoping@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.24.1.tgz#76c295dc3a4741b1665adfd3167215dcff32a576" - dependencies: - babel-runtime "^6.22.0" - babel-template "^6.24.1" - babel-traverse "^6.24.1" - babel-types "^6.24.1" - lodash "^4.2.0" - -babel-plugin-transform-es2015-classes@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz#5a4c58a50c9c9461e564b4b2a3bfabc97a2584db" - dependencies: - babel-helper-define-map "^6.24.1" - babel-helper-function-name "^6.24.1" - babel-helper-optimise-call-expression "^6.24.1" - babel-helper-replace-supers "^6.24.1" - babel-messages "^6.23.0" - babel-runtime "^6.22.0" - babel-template "^6.24.1" - babel-traverse "^6.24.1" - babel-types "^6.24.1" - -babel-plugin-transform-es2015-computed-properties@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz#6fe2a8d16895d5634f4cd999b6d3480a308159b3" - dependencies: - babel-runtime "^6.22.0" - babel-template "^6.24.1" - -babel-plugin-transform-es2015-destructuring@^6.22.0: - version "6.23.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz#997bb1f1ab967f682d2b0876fe358d60e765c56d" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-duplicate-keys@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz#73eb3d310ca969e3ef9ec91c53741a6f1576423e" - dependencies: - babel-runtime "^6.22.0" - babel-types "^6.24.1" - -babel-plugin-transform-es2015-for-of@^6.22.0: - version "6.23.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz#f47c95b2b613df1d3ecc2fdb7573623c75248691" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-function-name@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz#834c89853bc36b1af0f3a4c5dbaa94fd8eacaa8b" - dependencies: - babel-helper-function-name "^6.24.1" - babel-runtime "^6.22.0" - babel-types "^6.24.1" - -babel-plugin-transform-es2015-literals@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz#4f54a02d6cd66cf915280019a31d31925377ca2e" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-modules-amd@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz#3b3e54017239842d6d19c3011c4bd2f00a00d154" - dependencies: - babel-plugin-transform-es2015-modules-commonjs "^6.24.1" - babel-runtime "^6.22.0" - babel-template "^6.24.1" - -babel-plugin-transform-es2015-modules-commonjs@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.24.1.tgz#d3e310b40ef664a36622200097c6d440298f2bfe" - dependencies: - babel-plugin-transform-strict-mode "^6.24.1" - babel-runtime "^6.22.0" - babel-template "^6.24.1" - babel-types "^6.24.1" - -babel-plugin-transform-es2015-modules-systemjs@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz#ff89a142b9119a906195f5f106ecf305d9407d23" - dependencies: - babel-helper-hoist-variables "^6.24.1" - babel-runtime "^6.22.0" - babel-template "^6.24.1" - -babel-plugin-transform-es2015-modules-umd@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz#ac997e6285cd18ed6176adb607d602344ad38468" - dependencies: - babel-plugin-transform-es2015-modules-amd "^6.24.1" - babel-runtime "^6.22.0" - babel-template "^6.24.1" - -babel-plugin-transform-es2015-object-super@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz#24cef69ae21cb83a7f8603dad021f572eb278f8d" - dependencies: - babel-helper-replace-supers "^6.24.1" - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-parameters@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz#57ac351ab49caf14a97cd13b09f66fdf0a625f2b" - dependencies: - babel-helper-call-delegate "^6.24.1" - babel-helper-get-function-arity "^6.24.1" - babel-runtime "^6.22.0" - babel-template "^6.24.1" - babel-traverse "^6.24.1" - babel-types "^6.24.1" - -babel-plugin-transform-es2015-shorthand-properties@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz#24f875d6721c87661bbd99a4622e51f14de38aa0" - dependencies: - babel-runtime "^6.22.0" - babel-types "^6.24.1" - -babel-plugin-transform-es2015-spread@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz#d6d68a99f89aedc4536c81a542e8dd9f1746f8d1" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-sticky-regex@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz#00c1cdb1aca71112cdf0cf6126c2ed6b457ccdbc" - dependencies: - babel-helper-regex "^6.24.1" - babel-runtime "^6.22.0" - babel-types "^6.24.1" - -babel-plugin-transform-es2015-template-literals@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz#a84b3450f7e9f8f1f6839d6d687da84bb1236d8d" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-typeof-symbol@^6.22.0: - version "6.23.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz#dec09f1cddff94b52ac73d505c84df59dcceb372" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-es2015-unicode-regex@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz#d38b12f42ea7323f729387f18a7c5ae1faeb35e9" - dependencies: - babel-helper-regex "^6.24.1" - babel-runtime "^6.22.0" - regexpu-core "^2.0.0" - -babel-plugin-transform-flow-strip-types@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-flow-strip-types/-/babel-plugin-transform-flow-strip-types-6.22.0.tgz#84cb672935d43714fdc32bce84568d87441cf7cf" - dependencies: - babel-plugin-syntax-flow "^6.18.0" - babel-runtime "^6.22.0" - -babel-plugin-transform-react-display-name@^6.23.0: - version "6.23.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-display-name/-/babel-plugin-transform-react-display-name-6.23.0.tgz#4398910c358441dc4cef18787264d0412ed36b37" - dependencies: - babel-runtime "^6.22.0" - -babel-plugin-transform-react-jsx-self@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-self/-/babel-plugin-transform-react-jsx-self-6.22.0.tgz#df6d80a9da2612a121e6ddd7558bcbecf06e636e" - dependencies: - babel-plugin-syntax-jsx "^6.8.0" - babel-runtime "^6.22.0" - -babel-plugin-transform-react-jsx-source@^6.22.0: - version "6.22.0" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-source/-/babel-plugin-transform-react-jsx-source-6.22.0.tgz#66ac12153f5cd2d17b3c19268f4bf0197f44ecd6" - dependencies: - babel-plugin-syntax-jsx "^6.8.0" - babel-runtime "^6.22.0" - -babel-plugin-transform-react-jsx@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx/-/babel-plugin-transform-react-jsx-6.24.1.tgz#840a028e7df460dfc3a2d29f0c0d91f6376e66a3" - dependencies: - babel-helper-builder-react-jsx "^6.24.1" - babel-plugin-syntax-jsx "^6.8.0" - babel-runtime "^6.22.0" - -babel-plugin-transform-regenerator@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.24.1.tgz#b8da305ad43c3c99b4848e4fe4037b770d23c418" - dependencies: - regenerator-transform "0.9.11" - -babel-plugin-transform-strict-mode@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758" - dependencies: - babel-runtime "^6.22.0" - babel-types "^6.24.1" - -babel-preset-es2015@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939" - dependencies: - babel-plugin-check-es2015-constants "^6.22.0" - babel-plugin-transform-es2015-arrow-functions "^6.22.0" - babel-plugin-transform-es2015-block-scoped-functions "^6.22.0" - babel-plugin-transform-es2015-block-scoping "^6.24.1" - babel-plugin-transform-es2015-classes "^6.24.1" - babel-plugin-transform-es2015-computed-properties "^6.24.1" - babel-plugin-transform-es2015-destructuring "^6.22.0" - babel-plugin-transform-es2015-duplicate-keys "^6.24.1" - babel-plugin-transform-es2015-for-of "^6.22.0" - babel-plugin-transform-es2015-function-name "^6.24.1" - babel-plugin-transform-es2015-literals "^6.22.0" - babel-plugin-transform-es2015-modules-amd "^6.24.1" - babel-plugin-transform-es2015-modules-commonjs "^6.24.1" - babel-plugin-transform-es2015-modules-systemjs "^6.24.1" - babel-plugin-transform-es2015-modules-umd "^6.24.1" - babel-plugin-transform-es2015-object-super "^6.24.1" - babel-plugin-transform-es2015-parameters "^6.24.1" - babel-plugin-transform-es2015-shorthand-properties "^6.24.1" - babel-plugin-transform-es2015-spread "^6.22.0" - babel-plugin-transform-es2015-sticky-regex "^6.24.1" - babel-plugin-transform-es2015-template-literals "^6.22.0" - babel-plugin-transform-es2015-typeof-symbol "^6.22.0" - babel-plugin-transform-es2015-unicode-regex "^6.24.1" - babel-plugin-transform-regenerator "^6.24.1" - -babel-preset-flow@^6.23.0: - version "6.23.0" - resolved "https://registry.yarnpkg.com/babel-preset-flow/-/babel-preset-flow-6.23.0.tgz#e71218887085ae9a24b5be4169affb599816c49d" - dependencies: - babel-plugin-transform-flow-strip-types "^6.22.0" - -babel-preset-react@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-preset-react/-/babel-preset-react-6.24.1.tgz#ba69dfaea45fc3ec639b6a4ecea6e17702c91380" - dependencies: - babel-plugin-syntax-jsx "^6.3.13" - babel-plugin-transform-react-display-name "^6.23.0" - babel-plugin-transform-react-jsx "^6.24.1" - babel-plugin-transform-react-jsx-self "^6.22.0" - babel-plugin-transform-react-jsx-source "^6.22.0" - babel-preset-flow "^6.23.0" - -babel-register@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.24.1.tgz#7e10e13a2f71065bdfad5a1787ba45bca6ded75f" - dependencies: - babel-core "^6.24.1" - babel-runtime "^6.22.0" - core-js "^2.4.0" - home-or-tmp "^2.0.0" - lodash "^4.2.0" - mkdirp "^0.5.1" - source-map-support "^0.4.2" - -babel-runtime@^6.18.0, babel-runtime@^6.22.0: - version "6.23.0" - resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.23.0.tgz#0a9489f144de70efb3ce4300accdb329e2fc543b" - dependencies: - core-js "^2.4.0" - regenerator-runtime "^0.10.0" - -babel-template@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.24.1.tgz#04ae514f1f93b3a2537f2a0f60a5a45fb8308333" - dependencies: - babel-runtime "^6.22.0" - babel-traverse "^6.24.1" - babel-types "^6.24.1" - babylon "^6.11.0" - lodash "^4.2.0" - -babel-template@^6.25.0: - version "6.25.0" - resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.25.0.tgz#665241166b7c2aa4c619d71e192969552b10c071" - dependencies: - babel-runtime "^6.22.0" - babel-traverse "^6.25.0" - babel-types "^6.25.0" - babylon "^6.17.2" - lodash "^4.2.0" - -babel-traverse@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.24.1.tgz#ab36673fd356f9a0948659e7b338d5feadb31695" - dependencies: - babel-code-frame "^6.22.0" - babel-messages "^6.23.0" - babel-runtime "^6.22.0" - babel-types "^6.24.1" - babylon "^6.15.0" - debug "^2.2.0" - globals "^9.0.0" - invariant "^2.2.0" - lodash "^4.2.0" - -babel-traverse@^6.25.0: - version "6.25.0" - resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.25.0.tgz#2257497e2fcd19b89edc13c4c91381f9512496f1" - dependencies: - babel-code-frame "^6.22.0" - babel-messages "^6.23.0" - babel-runtime "^6.22.0" - babel-types "^6.25.0" - babylon "^6.17.2" - debug "^2.2.0" - globals "^9.0.0" - invariant "^2.2.0" - lodash "^4.2.0" - -babel-types@^6.19.0, babel-types@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.24.1.tgz#a136879dc15b3606bda0d90c1fc74304c2ff0975" - dependencies: - babel-runtime "^6.22.0" - esutils "^2.0.2" - lodash "^4.2.0" - to-fast-properties "^1.0.1" - -babel-types@^6.25.0: - version "6.25.0" - resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.25.0.tgz#70afb248d5660e5d18f811d91c8303b54134a18e" - dependencies: - babel-runtime "^6.22.0" - esutils "^2.0.2" - lodash "^4.2.0" - to-fast-properties "^1.0.1" - -babylon@^6.11.0, babylon@^6.15.0: - version "6.16.1" - resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.16.1.tgz#30c5a22f481978a9e7f8cdfdf496b11d94b404d3" - -babylon@^6.17.2: - version "6.17.4" - resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.17.4.tgz#3e8b7402b88d22c3423e137a1577883b15ff869a" - -balanced-match@^0.4.1: - version "0.4.2" - resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838" - -base64-js@^1.0.2: - version "1.2.0" - resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.2.0.tgz#a39992d723584811982be5e290bb6a53d86700f1" - -bcrypt-pbkdf@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz#63bc5dcb61331b92bc05fd528953c33462a06f8d" - dependencies: - tweetnacl "^0.14.3" - -beeper@^1.0.0: - version "1.1.1" - resolved "https://registry.yarnpkg.com/beeper/-/beeper-1.1.1.tgz#e6d5ea8c5dad001304a70b22638447f69cb2f809" - -big.js@^3.1.3: - version "3.1.3" - resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.1.3.tgz#4cada2193652eb3ca9ec8e55c9015669c9806978" - -binary-extensions@^1.0.0: - version "1.8.0" - resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.8.0.tgz#48ec8d16df4377eae5fa5884682480af4d95c774" - -block-stream@*: - version "0.0.9" - resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a" - dependencies: - inherits "~2.0.0" - -bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0: - version "4.11.6" - resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.6.tgz#53344adb14617a13f6e8dd2ce28905d1c0ba3215" - -boom@2.x.x: - version "2.10.1" - resolved "https://registry.yarnpkg.com/boom/-/boom-2.10.1.tgz#39c8918ceff5799f83f9492a848f625add0c766f" - dependencies: - hoek "2.x.x" - -bourbon@^4.3.3: - version "4.3.4" - resolved "https://registry.yarnpkg.com/bourbon/-/bourbon-4.3.4.tgz#4da380029e92c0c8f9764c779451a134b11e7cc3" - -brace-expansion@^1.0.0: - version "1.1.7" - resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.7.tgz#3effc3c50e000531fb720eaff80f0ae8ef23cf59" - dependencies: - balanced-match "^0.4.1" - concat-map "0.0.1" - -braces@^1.8.2: - version "1.8.5" - resolved "https://registry.yarnpkg.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7" - dependencies: - expand-range "^1.8.1" - preserve "^0.2.0" - repeat-element "^1.1.2" - -brorand@^1.0.1: - version "1.1.0" - resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f" - -browser-pack@^6.0.1: - version "6.0.2" - resolved "https://registry.yarnpkg.com/browser-pack/-/browser-pack-6.0.2.tgz#f86cd6cef4f5300c8e63e07a4d512f65fbff4531" - dependencies: - JSONStream "^1.0.3" - combine-source-map "~0.7.1" - defined "^1.0.0" - through2 "^2.0.0" - umd "^3.0.0" - -browser-resolve@^1.11.0, browser-resolve@^1.7.0: - version "1.11.2" - resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.2.tgz#8ff09b0a2c421718a1051c260b32e48f442938ce" - dependencies: - resolve "1.1.7" - -browserify-aes@^1.0.0, browserify-aes@^1.0.4: - version "1.0.6" - resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.0.6.tgz#5e7725dbdef1fd5930d4ebab48567ce451c48a0a" - dependencies: - buffer-xor "^1.0.2" - cipher-base "^1.0.0" - create-hash "^1.1.0" - evp_bytestokey "^1.0.0" - inherits "^2.0.1" - -browserify-cipher@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.0.tgz#9988244874bf5ed4e28da95666dcd66ac8fc363a" - dependencies: - browserify-aes "^1.0.4" - browserify-des "^1.0.0" - evp_bytestokey "^1.0.0" - -browserify-des@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.0.tgz#daa277717470922ed2fe18594118a175439721dd" - dependencies: - cipher-base "^1.0.1" - des.js "^1.0.0" - inherits "^2.0.1" - -browserify-rsa@^4.0.0: - version "4.0.1" - resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524" - dependencies: - bn.js "^4.1.0" - randombytes "^2.0.1" - -browserify-sign@^4.0.0: - version "4.0.4" - resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298" - dependencies: - bn.js "^4.1.1" - browserify-rsa "^4.0.0" - create-hash "^1.1.0" - create-hmac "^1.1.2" - elliptic "^6.0.0" - inherits "^2.0.1" - parse-asn1 "^5.0.0" - -browserify-zlib@^0.1.4, browserify-zlib@~0.1.2: - version "0.1.4" - resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d" - dependencies: - pako "~0.2.0" - -browserify@^13.0.0: - version "13.3.0" - resolved "https://registry.yarnpkg.com/browserify/-/browserify-13.3.0.tgz#b5a9c9020243f0c70e4675bec8223bc627e415ce" - dependencies: - JSONStream "^1.0.3" - assert "^1.4.0" - browser-pack "^6.0.1" - browser-resolve "^1.11.0" - browserify-zlib "~0.1.2" - buffer "^4.1.0" - cached-path-relative "^1.0.0" - concat-stream "~1.5.1" - console-browserify "^1.1.0" - constants-browserify "~1.0.0" - crypto-browserify "^3.0.0" - defined "^1.0.0" - deps-sort "^2.0.0" - domain-browser "~1.1.0" - duplexer2 "~0.1.2" - events "~1.1.0" - glob "^7.1.0" - has "^1.0.0" - htmlescape "^1.1.0" - https-browserify "~0.0.0" - inherits "~2.0.1" - insert-module-globals "^7.0.0" - labeled-stream-splicer "^2.0.0" - module-deps "^4.0.8" - os-browserify "~0.1.1" - parents "^1.0.1" - path-browserify "~0.0.0" - process "~0.11.0" - punycode "^1.3.2" - querystring-es3 "~0.2.0" - read-only-stream "^2.0.0" - readable-stream "^2.0.2" - resolve "^1.1.4" - shasum "^1.0.0" - shell-quote "^1.6.1" - stream-browserify "^2.0.0" - stream-http "^2.0.0" - string_decoder "~0.10.0" - subarg "^1.0.0" - syntax-error "^1.1.1" - through2 "^2.0.0" - timers-browserify "^1.0.1" - tty-browserify "~0.0.0" - url "~0.11.0" - util "~0.10.1" - vm-browserify "~0.0.1" - xtend "^4.0.0" - -buffer-shims@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/buffer-shims/-/buffer-shims-1.0.0.tgz#9978ce317388c649ad8793028c3477ef044a8b51" - -buffer-xor@^1.0.2: - version "1.0.3" - resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9" - -buffer@^4.1.0, buffer@^4.3.0: - version "4.9.1" - resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298" - dependencies: - base64-js "^1.0.2" - ieee754 "^1.1.4" - isarray "^1.0.0" - -builtin-modules@^1.0.0: - version "1.1.1" - resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f" - -builtin-status-codes@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8" - -cached-path-relative@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/cached-path-relative/-/cached-path-relative-1.0.1.tgz#d09c4b52800aa4c078e2dd81a869aac90d2e54e7" - -camelcase-keys@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7" - dependencies: - camelcase "^2.0.0" - map-obj "^1.0.0" - -camelcase@^1.0.2: - version "1.2.1" - resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39" - -camelcase@^2.0.0: - version "2.1.1" - resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f" - -camelcase@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a" - -caseless@~0.12.0: - version "0.12.0" - resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc" - -center-align@^0.1.1: - version "0.1.3" - resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad" - dependencies: - align-text "^0.1.3" - lazy-cache "^1.0.3" - -chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1: - version "1.1.3" - resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" - dependencies: - ansi-styles "^2.2.1" - escape-string-regexp "^1.0.2" - has-ansi "^2.0.0" - strip-ansi "^3.0.0" - supports-color "^2.0.0" - -chokidar@^1.4.3: - version "1.6.1" - resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.6.1.tgz#2f4447ab5e96e50fb3d789fd90d4c72e0e4c70c2" - dependencies: - anymatch "^1.3.0" - async-each "^1.0.0" - glob-parent "^2.0.0" - inherits "^2.0.1" - is-binary-path "^1.0.0" - is-glob "^2.0.0" - path-is-absolute "^1.0.0" - readdirp "^2.0.0" - optionalDependencies: - fsevents "^1.0.0" - -cipher-base@^1.0.0, cipher-base@^1.0.1: - version "1.0.3" - resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.3.tgz#eeabf194419ce900da3018c207d212f2a6df0a07" - dependencies: - inherits "^2.0.1" - -classlist-polyfill@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/classlist-polyfill/-/classlist-polyfill-1.0.3.tgz#7cd5a9207c8d6932f592fdeaa6b45352ed71690d" - -classnames@^2.2.5: - version "2.2.5" - resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.5.tgz#fb3801d453467649ef3603c7d61a02bd129bde6d" - -cliui@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1" - dependencies: - center-align "^0.1.1" - right-align "^0.1.1" - wordwrap "0.0.2" - -cliui@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d" - dependencies: - string-width "^1.0.1" - strip-ansi "^3.0.1" - wrap-ansi "^2.0.0" - -clone-stats@^0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/clone-stats/-/clone-stats-0.0.1.tgz#b88f94a82cf38b8791d58046ea4029ad88ca99d1" - -clone@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/clone/-/clone-0.2.0.tgz#c6126a90ad4f72dbf5acdb243cc37724fe93fc1f" - -clone@^1.0.0, clone@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.2.tgz#260b7a99ebb1edfe247538175f783243cb19d149" - -co@^4.6.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184" - -code-point-at@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77" - -combine-source-map@~0.7.1: - version "0.7.2" - resolved "https://registry.yarnpkg.com/combine-source-map/-/combine-source-map-0.7.2.tgz#0870312856b307a87cc4ac486f3a9a62aeccc09e" - dependencies: - convert-source-map "~1.1.0" - inline-source-map "~0.6.0" - lodash.memoize "~3.0.3" - source-map "~0.5.3" - -combined-stream@^1.0.5, combined-stream@~1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.5.tgz#938370a57b4a51dea2c77c15d5c5fdf895164009" - dependencies: - delayed-stream "~1.0.0" - -commondir@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b" - -concat-map@0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" - -concat-stream@~1.5.0, concat-stream@~1.5.1: - version "1.5.2" - resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.5.2.tgz#708978624d856af41a5a741defdd261da752c266" - dependencies: - inherits "~2.0.1" - readable-stream "~2.0.0" - typedarray "~0.0.5" - -console-browserify@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10" - dependencies: - date-now "^0.1.4" - -console-control-strings@^1.0.0, console-control-strings@~1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e" - -constants-browserify@^1.0.0, constants-browserify@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75" - -convert-source-map@^1.1.0, convert-source-map@~1.1.0: - version "1.1.3" - resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.1.3.tgz#4829c877e9fe49b3161f3bf3673888e204699860" - -core-js@^1.0.0: - version "1.2.7" - resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636" - -core-js@^2.4.0: - version "2.4.1" - resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.4.1.tgz#4de911e667b0eae9124e34254b53aea6fc618d3e" - -core-util-is@~1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7" - -create-ecdh@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.0.tgz#888c723596cdf7612f6498233eebd7a35301737d" - dependencies: - bn.js "^4.1.0" - elliptic "^6.0.0" - -create-hash@^1.1.0, create-hash@^1.1.1: - version "1.1.2" - resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.1.2.tgz#51210062d7bb7479f6c65bb41a92208b1d61abad" - dependencies: - cipher-base "^1.0.1" - inherits "^2.0.1" - ripemd160 "^1.0.0" - sha.js "^2.3.6" - -create-hmac@^1.1.0, create-hmac@^1.1.2: - version "1.1.4" - resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.4.tgz#d3fb4ba253eb8b3f56e39ea2fbcb8af747bd3170" - dependencies: - create-hash "^1.1.0" - inherits "^2.0.1" - -create-react-class@^15.6.0: - version "15.6.0" - resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.0.tgz#ab448497c26566e1e29413e883207d57cfe7bed4" - dependencies: - fbjs "^0.8.9" - loose-envify "^1.3.1" - object-assign "^4.1.1" - -cross-spawn@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-3.0.1.tgz#1256037ecb9f0c5f79e3d6ef135e30770184b982" - dependencies: - lru-cache "^4.0.1" - which "^1.2.9" - -cryptiles@2.x.x: - version "2.0.5" - resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8" - dependencies: - boom "2.x.x" - -crypto-browserify@^3.0.0, crypto-browserify@^3.11.0: - version "3.11.0" - resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.11.0.tgz#3652a0906ab9b2a7e0c3ce66a408e957a2485522" - dependencies: - browserify-cipher "^1.0.0" - browserify-sign "^4.0.0" - create-ecdh "^4.0.0" - create-hash "^1.1.0" - create-hmac "^1.1.0" - diffie-hellman "^5.0.0" - inherits "^2.0.1" - pbkdf2 "^3.0.3" - public-encrypt "^4.0.0" - randombytes "^2.0.0" - -currently-unhandled@^0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea" - dependencies: - array-find-index "^1.0.1" - -dashdash@^1.12.0: - version "1.14.1" - resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0" - dependencies: - assert-plus "^1.0.0" - -date-now@^0.1.4: - version "0.1.4" - resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b" - -dateformat@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-2.0.0.tgz#2743e3abb5c3fc2462e527dca445e04e9f4dee17" - -debug@^2.1.1, debug@^2.2.0: - version "2.6.3" - resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.3.tgz#0f7eb8c30965ec08c72accfa0130c8b79984141d" - dependencies: - ms "0.7.2" - -decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2: - version "1.2.0" - resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290" - -deep-extend@~0.4.0: - version "0.4.1" - resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.4.1.tgz#efe4113d08085f4e6f9687759810f807469e2253" - -defaults@^1.0.0: - version "1.0.3" - resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d" - dependencies: - clone "^1.0.2" - -defined@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693" - -delayed-stream@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" - -delegates@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a" - -deprecated@^0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/deprecated/-/deprecated-0.0.1.tgz#f9c9af5464afa1e7a971458a8bdef2aa94d5bb19" - -deps-sort@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/deps-sort/-/deps-sort-2.0.0.tgz#091724902e84658260eb910748cccd1af6e21fb5" - dependencies: - JSONStream "^1.0.3" - shasum "^1.0.0" - subarg "^1.0.0" - through2 "^2.0.0" - -des.js@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.0.tgz#c074d2e2aa6a8a9a07dbd61f9a15c2cd83ec8ecc" - dependencies: - inherits "^2.0.1" - minimalistic-assert "^1.0.0" - -detect-file@^0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/detect-file/-/detect-file-0.1.0.tgz#4935dedfd9488648e006b0129566e9386711ea63" - dependencies: - fs-exists-sync "^0.1.0" - -detect-indent@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-4.0.0.tgz#f76d064352cdf43a1cb6ce619c4ee3a9475de208" - dependencies: - repeating "^2.0.0" - -detective@^4.0.0: - version "4.5.0" - resolved "https://registry.yarnpkg.com/detective/-/detective-4.5.0.tgz#6e5a8c6b26e6c7a254b1c6b6d7490d98ec91edd1" - dependencies: - acorn "^4.0.3" - defined "^1.0.0" - -diffie-hellman@^5.0.0: - version "5.0.2" - resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.2.tgz#b5835739270cfe26acf632099fded2a07f209e5e" - dependencies: - bn.js "^4.1.0" - miller-rabin "^4.0.0" - randombytes "^2.0.0" - -domain-browser@^1.1.1, domain-browser@~1.1.0: - version "1.1.7" - resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.1.7.tgz#867aa4b093faa05f1de08c06f4d7b21fdf8698bc" - -domready@^1.0.8: - version "1.0.8" - resolved "https://registry.yarnpkg.com/domready/-/domready-1.0.8.tgz#91f252e597b65af77e745ae24dd0185d5e26d58c" - -duplexer2@0.0.2: - version "0.0.2" - resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.0.2.tgz#c614dcf67e2fb14995a91711e5a617e8a60a31db" - dependencies: - readable-stream "~1.1.9" - -duplexer2@^0.1.2, duplexer2@~0.1.0, duplexer2@~0.1.2: - version "0.1.4" - resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1" - dependencies: - readable-stream "^2.0.2" - -ecc-jsbn@~0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505" - dependencies: - jsbn "~0.1.0" - -elem-dataset@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/elem-dataset/-/elem-dataset-1.1.1.tgz#18f07fa7fc71ebd49b0f9f63819cb03c8276577a" - -element-closest@^2.0.1: - version "2.0.2" - resolved "https://registry.yarnpkg.com/element-closest/-/element-closest-2.0.2.tgz#72a740a107453382e28df9ce5dbb5a8df0f966ec" - -elliptic@^6.0.0: - version "6.4.0" - resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.0.tgz#cac9af8762c85836187003c8dfe193e5e2eae5df" - dependencies: - bn.js "^4.4.0" - brorand "^1.0.1" - hash.js "^1.0.0" - hmac-drbg "^1.0.0" - inherits "^2.0.1" - minimalistic-assert "^1.0.0" - minimalistic-crypto-utils "^1.0.0" - -emojis-list@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389" - -encoding@^0.1.11: - version "0.1.12" - resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb" - dependencies: - iconv-lite "~0.4.13" - -end-of-stream@~0.1.5: - version "0.1.5" - resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-0.1.5.tgz#8e177206c3c80837d85632e8b9359dfe8b2f6eaf" - dependencies: - once "~1.3.0" - -enhanced-resolve@^3.0.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.1.0.tgz#9f4b626f577245edcf4b2ad83d86e17f4f421dec" - dependencies: - graceful-fs "^4.1.2" - memory-fs "^0.4.0" - object-assign "^4.0.1" - tapable "^0.2.5" - -errno@^0.1.3: - version "0.1.4" - resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.4.tgz#b896e23a9e5e8ba33871fc996abd3635fc9a1c7d" - dependencies: - prr "~0.0.0" - -error-ex@^1.2.0: - version "1.3.1" - resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.1.tgz#f855a86ce61adc4e8621c3cda21e7a7612c3a8dc" - dependencies: - is-arrayish "^0.2.1" - -escape-string-regexp@^1.0.2: - version "1.0.5" - resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" - -esutils@^2.0.0, esutils@^2.0.2: - version "2.0.2" - resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b" - -events@^1.0.0, events@~1.1.0: - version "1.1.1" - resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924" - -evp_bytestokey@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.0.tgz#497b66ad9fef65cd7c08a6180824ba1476b66e53" - dependencies: - create-hash "^1.1.1" - -expand-brackets@^0.1.4: - version "0.1.5" - resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b" - dependencies: - is-posix-bracket "^0.1.0" - -expand-range@^1.8.1: - version "1.8.2" - resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337" - dependencies: - fill-range "^2.1.0" - -expand-tilde@^1.2.1, expand-tilde@^1.2.2: - version "1.2.2" - resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-1.2.2.tgz#0b81eba897e5a3d31d1c3d102f8f01441e559449" - dependencies: - os-homedir "^1.0.1" - -extend@^3.0.0, extend@~3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.0.tgz#5a474353b9f3353ddd8176dfd37b91c83a46f1d4" - -extglob@^0.3.1: - version "0.3.2" - resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1" - dependencies: - is-extglob "^1.0.0" - -extsprintf@1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.0.2.tgz#e1080e0658e300b06294990cc70e1502235fd550" - -fancy-log@^1.1.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/fancy-log/-/fancy-log-1.3.0.tgz#45be17d02bb9917d60ccffd4995c999e6c8c9948" - dependencies: - chalk "^1.1.1" - time-stamp "^1.0.0" - -fbjs@^0.8.9: - version "0.8.12" - resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.12.tgz#10b5d92f76d45575fd63a217d4ea02bea2f8ed04" - dependencies: - core-js "^1.0.0" - isomorphic-fetch "^2.1.1" - loose-envify "^1.0.0" - object-assign "^4.1.0" - promise "^7.1.1" - setimmediate "^1.0.5" - ua-parser-js "^0.7.9" - -filename-regex@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.0.tgz#996e3e80479b98b9897f15a8a58b3d084e926775" - -fill-range@^2.1.0: - version "2.2.3" - resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.3.tgz#50b77dfd7e469bc7492470963699fe7a8485a723" - dependencies: - is-number "^2.1.0" - isobject "^2.0.0" - randomatic "^1.1.3" - repeat-element "^1.1.2" - repeat-string "^1.5.2" - -find-cache-dir@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-1.0.0.tgz#9288e3e9e3cc3748717d39eade17cf71fc30ee6f" - dependencies: - commondir "^1.0.1" - make-dir "^1.0.0" - pkg-dir "^2.0.0" - -find-index@^0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/find-index/-/find-index-0.1.1.tgz#675d358b2ca3892d795a1ab47232f8b6e2e0dde4" - -find-up@^1.0.0: - version "1.1.2" - resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f" - dependencies: - path-exists "^2.0.0" - pinkie-promise "^2.0.0" - -find-up@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7" - dependencies: - locate-path "^2.0.0" - -findup-sync@^0.4.2: - version "0.4.3" - resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-0.4.3.tgz#40043929e7bc60adf0b7f4827c4c6e75a0deca12" - dependencies: - detect-file "^0.1.0" - is-glob "^2.0.1" - micromatch "^2.3.7" - resolve-dir "^0.1.0" - -fined@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/fined/-/fined-1.0.2.tgz#5b28424b760d7598960b7ef8480dff8ad3660e97" - dependencies: - expand-tilde "^1.2.1" - lodash.assignwith "^4.0.7" - lodash.isempty "^4.2.1" - lodash.isplainobject "^4.0.4" - lodash.isstring "^4.0.1" - lodash.pick "^4.2.1" - parse-filepath "^1.0.1" - -first-chunk-stream@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/first-chunk-stream/-/first-chunk-stream-1.0.0.tgz#59bfb50cd905f60d7c394cd3d9acaab4e6ad934e" - -flagged-respawn@^0.3.2: - version "0.3.2" - resolved "https://registry.yarnpkg.com/flagged-respawn/-/flagged-respawn-0.3.2.tgz#ff191eddcd7088a675b2610fffc976be9b8074b5" - -for-in@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80" - -for-own@^0.1.4: - version "0.1.5" - resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce" - dependencies: - for-in "^1.0.1" - -forever-agent@~0.6.1: - version "0.6.1" - resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91" - -form-data@~2.1.1: - version "2.1.4" - resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.1.4.tgz#33c183acf193276ecaa98143a69e94bfee1750d1" - dependencies: - asynckit "^0.4.0" - combined-stream "^1.0.5" - mime-types "^2.1.12" - -fs-exists-sync@^0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz#982d6893af918e72d08dec9e8673ff2b5a8d6add" - -fs.realpath@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f" - -fsevents@^1.0.0: - version "1.0.17" - resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.0.17.tgz#8537f3f12272678765b4fd6528c0f1f66f8f4558" - dependencies: - nan "^2.3.0" - node-pre-gyp "^0.6.29" - -fstream-ignore@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/fstream-ignore/-/fstream-ignore-1.0.5.tgz#9c31dae34767018fe1d249b24dada67d092da105" - dependencies: - fstream "^1.0.0" - inherits "2" - minimatch "^3.0.0" - -fstream@^1.0.0, fstream@^1.0.10, fstream@^1.0.2: - version "1.0.11" - resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.11.tgz#5c1fb1f117477114f0632a0eb4b71b3cb0fd3171" - dependencies: - graceful-fs "^4.1.2" - inherits "~2.0.0" - mkdirp ">=0.5 0" - rimraf "2" - -function-bind@^1.0.2: - version "1.1.0" - resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.0.tgz#16176714c801798e4e8f2cf7f7529467bb4a5771" - -gauge@~2.7.1: - version "2.7.3" - resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.3.tgz#1c23855f962f17b3ad3d0dc7443f304542edfe09" - dependencies: - aproba "^1.0.3" - console-control-strings "^1.0.0" - has-unicode "^2.0.0" - object-assign "^4.1.0" - signal-exit "^3.0.0" - string-width "^1.0.1" - strip-ansi "^3.0.1" - wide-align "^1.1.0" - -gaze@^0.5.1: - version "0.5.2" - resolved "https://registry.yarnpkg.com/gaze/-/gaze-0.5.2.tgz#40b709537d24d1d45767db5a908689dfe69ac44f" - dependencies: - globule "~0.1.0" - -gaze@^1.0.0: - version "1.1.2" - resolved "https://registry.yarnpkg.com/gaze/-/gaze-1.1.2.tgz#847224677adb8870d679257ed3388fdb61e40105" - dependencies: - globule "^1.0.0" - -get-caller-file@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5" - -get-stdin@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe" - -getpass@^0.1.1: - version "0.1.6" - resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.6.tgz#283ffd9fc1256840875311c1b60e8c40187110e6" - dependencies: - assert-plus "^1.0.0" - -glob-base@^0.3.0: - version "0.3.0" - resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4" - dependencies: - glob-parent "^2.0.0" - is-glob "^2.0.0" - -glob-parent@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28" - dependencies: - is-glob "^2.0.0" - -glob-stream@^3.1.5: - version "3.1.18" - resolved "https://registry.yarnpkg.com/glob-stream/-/glob-stream-3.1.18.tgz#9170a5f12b790306fdfe598f313f8f7954fd143b" - dependencies: - glob "^4.3.1" - glob2base "^0.0.12" - minimatch "^2.0.1" - ordered-read-streams "^0.1.0" - through2 "^0.6.1" - unique-stream "^1.0.0" - -glob-watcher@^0.0.6: - version "0.0.6" - resolved "https://registry.yarnpkg.com/glob-watcher/-/glob-watcher-0.0.6.tgz#b95b4a8df74b39c83298b0c05c978b4d9a3b710b" - dependencies: - gaze "^0.5.1" - -glob2base@^0.0.12: - version "0.0.12" - resolved "https://registry.yarnpkg.com/glob2base/-/glob2base-0.0.12.tgz#9d419b3e28f12e83a362164a277055922c9c0d56" - dependencies: - find-index "^0.1.1" - -glob@^4.3.1: - version "4.5.3" - resolved "https://registry.yarnpkg.com/glob/-/glob-4.5.3.tgz#c6cb73d3226c1efef04de3c56d012f03377ee15f" - dependencies: - inflight "^1.0.4" - inherits "2" - minimatch "^2.0.1" - once "^1.3.0" - -glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.0, glob@~7.1.1: - version "7.1.1" - resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8" - dependencies: - fs.realpath "^1.0.0" - inflight "^1.0.4" - inherits "2" - minimatch "^3.0.2" - once "^1.3.0" - path-is-absolute "^1.0.0" - -glob@~3.1.21: - version "3.1.21" - resolved "https://registry.yarnpkg.com/glob/-/glob-3.1.21.tgz#d29e0a055dea5138f4d07ed40e8982e83c2066cd" - dependencies: - graceful-fs "~1.2.0" - inherits "1" - minimatch "~0.2.11" - -global-modules@^0.2.3: - version "0.2.3" - resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-0.2.3.tgz#ea5a3bed42c6d6ce995a4f8a1269b5dae223828d" - dependencies: - global-prefix "^0.1.4" - is-windows "^0.2.0" - -global-prefix@^0.1.4: - version "0.1.5" - resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-0.1.5.tgz#8d3bc6b8da3ca8112a160d8d496ff0462bfef78f" - dependencies: - homedir-polyfill "^1.0.0" - ini "^1.3.4" - is-windows "^0.2.0" - which "^1.2.12" - -globals@^9.0.0: - version "9.17.0" - resolved "https://registry.yarnpkg.com/globals/-/globals-9.17.0.tgz#0c0ca696d9b9bb694d2e5470bd37777caad50286" - -globule@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/globule/-/globule-1.1.0.tgz#c49352e4dc183d85893ee825385eb994bb6df45f" - dependencies: - glob "~7.1.1" - lodash "~4.16.4" - minimatch "~3.0.2" - -globule@~0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/globule/-/globule-0.1.0.tgz#d9c8edde1da79d125a151b79533b978676346ae5" - dependencies: - glob "~3.1.21" - lodash "~1.0.1" - minimatch "~0.2.11" - -glogg@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/glogg/-/glogg-1.0.0.tgz#7fe0f199f57ac906cf512feead8f90ee4a284fc5" - dependencies: - sparkles "^1.0.0" - -graceful-fs@^3.0.0: - version "3.0.11" - resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-3.0.11.tgz#7613c778a1afea62f25c630a086d7f3acbbdd818" - dependencies: - natives "^1.1.0" - -graceful-fs@^4.1.2: - version "4.1.11" - resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658" - -graceful-fs@~1.2.0: - version "1.2.3" - resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-1.2.3.tgz#15a4806a57547cb2d2dbf27f42e89a8c3451b364" - -gulp-sass@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/gulp-sass/-/gulp-sass-3.1.0.tgz#53dc4b68a1f5ddfe4424ab4c247655269a8b74b7" - dependencies: - gulp-util "^3.0" - lodash.clonedeep "^4.3.2" - node-sass "^4.2.0" - through2 "^2.0.0" - vinyl-sourcemaps-apply "^0.2.0" - -gulp-util@^3.0, gulp-util@^3.0.0: - version "3.0.8" - resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-3.0.8.tgz#0054e1e744502e27c04c187c3ecc505dd54bbb4f" - dependencies: - array-differ "^1.0.0" - array-uniq "^1.0.2" - beeper "^1.0.0" - chalk "^1.0.0" - dateformat "^2.0.0" - fancy-log "^1.1.0" - gulplog "^1.0.0" - has-gulplog "^0.1.0" - lodash._reescape "^3.0.0" - lodash._reevaluate "^3.0.0" - lodash._reinterpolate "^3.0.0" - lodash.template "^3.0.0" - minimist "^1.1.0" - multipipe "^0.1.2" - object-assign "^3.0.0" - replace-ext "0.0.1" - through2 "^2.0.0" - vinyl "^0.5.0" - -gulp@^3.9.1: - version "3.9.1" - resolved "https://registry.yarnpkg.com/gulp/-/gulp-3.9.1.tgz#571ce45928dd40af6514fc4011866016c13845b4" - dependencies: - archy "^1.0.0" - chalk "^1.0.0" - deprecated "^0.0.1" - gulp-util "^3.0.0" - interpret "^1.0.0" - liftoff "^2.1.0" - minimist "^1.1.0" - orchestrator "^0.3.0" - pretty-hrtime "^1.0.0" - semver "^4.1.0" - tildify "^1.0.0" - v8flags "^2.0.2" - vinyl-fs "^0.3.0" - -gulplog@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/gulplog/-/gulplog-1.0.0.tgz#e28c4d45d05ecbbed818363ce8f9c5926229ffe5" - dependencies: - glogg "^1.0.0" - -har-schema@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-1.0.5.tgz#d263135f43307c02c602afc8fe95970c0151369e" - -har-validator@~4.2.1: - version "4.2.1" - resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-4.2.1.tgz#33481d0f1bbff600dd203d75812a6a5fba002e2a" - dependencies: - ajv "^4.9.1" - har-schema "^1.0.5" - -has-ansi@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91" - dependencies: - ansi-regex "^2.0.0" - -has-flag@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa" - -has-gulplog@^0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/has-gulplog/-/has-gulplog-0.1.0.tgz#6414c82913697da51590397dafb12f22967811ce" - dependencies: - sparkles "^1.0.0" - -has-unicode@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9" - -has@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/has/-/has-1.0.1.tgz#8461733f538b0837c9361e39a9ab9e9704dc2f28" - dependencies: - function-bind "^1.0.2" - -hash.js@^1.0.0, hash.js@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.0.3.tgz#1332ff00156c0a0ffdd8236013d07b77a0451573" - dependencies: - inherits "^2.0.1" - -hawk@~3.1.3: - version "3.1.3" - resolved "https://registry.yarnpkg.com/hawk/-/hawk-3.1.3.tgz#078444bd7c1640b0fe540d2c9b73d59678e8e1c4" - dependencies: - boom "2.x.x" - cryptiles "2.x.x" - hoek "2.x.x" - sntp "1.x.x" - -hmac-drbg@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1" - dependencies: - hash.js "^1.0.3" - minimalistic-assert "^1.0.0" - minimalistic-crypto-utils "^1.0.1" - -hoek@2.x.x: - version "2.16.3" - resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed" - -home-or-tmp@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8" - dependencies: - os-homedir "^1.0.0" - os-tmpdir "^1.0.1" - -homedir-polyfill@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/homedir-polyfill/-/homedir-polyfill-1.0.1.tgz#4c2bbc8a758998feebf5ed68580f76d46768b4bc" - dependencies: - parse-passwd "^1.0.0" - -hosted-git-info@^2.1.4: - version "2.4.1" - resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.4.1.tgz#4b0445e41c004a8bd1337773a4ff790ca40318c8" - -htmlescape@^1.1.0: - version "1.1.1" - resolved "https://registry.yarnpkg.com/htmlescape/-/htmlescape-1.1.1.tgz#3a03edc2214bca3b66424a3e7959349509cb0351" - -http-signature@~1.1.0: - version "1.1.1" - resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf" - dependencies: - assert-plus "^0.2.0" - jsprim "^1.2.2" - sshpk "^1.7.0" - -https-browserify@0.0.1, https-browserify@~0.0.0: - version "0.0.1" - resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.1.tgz#3f91365cabe60b77ed0ebba24b454e3e09d95a82" - -iconv-lite@~0.4.13: - version "0.4.15" - resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.15.tgz#fe265a218ac6a57cfe854927e9d04c19825eddeb" - -ieee754@^1.1.4: - version "1.1.8" - resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.8.tgz#be33d40ac10ef1926701f6f08a2d86fbfd1ad3e4" - -in-publish@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/in-publish/-/in-publish-2.0.0.tgz#e20ff5e3a2afc2690320b6dc552682a9c7fadf51" - -indent-string@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80" - dependencies: - repeating "^2.0.0" - -indexof@0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d" - -inflight@^1.0.4: - version "1.0.6" - resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9" - dependencies: - once "^1.3.0" - wrappy "1" - -inherits@1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/inherits/-/inherits-1.0.2.tgz#ca4309dadee6b54cc0b8d247e8d7c7a0975bdc9b" - -inherits@2, inherits@^2.0.1, inherits@~2.0.0, inherits@~2.0.1: - version "2.0.3" - resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" - -inherits@2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1" - -ini@^1.3.4, ini@~1.3.0: - version "1.3.4" - resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.4.tgz#0537cb79daf59b59a1a517dff706c86ec039162e" - -inline-source-map@~0.6.0: - version "0.6.2" - resolved "https://registry.yarnpkg.com/inline-source-map/-/inline-source-map-0.6.2.tgz#f9393471c18a79d1724f863fa38b586370ade2a5" - dependencies: - source-map "~0.5.3" - -insert-module-globals@^7.0.0: - version "7.0.1" - resolved "https://registry.yarnpkg.com/insert-module-globals/-/insert-module-globals-7.0.1.tgz#c03bf4e01cb086d5b5e5ace8ad0afe7889d638c3" - dependencies: - JSONStream "^1.0.3" - combine-source-map "~0.7.1" - concat-stream "~1.5.1" - is-buffer "^1.1.0" - lexical-scope "^1.2.0" - process "~0.11.0" - through2 "^2.0.0" - xtend "^4.0.0" - -interpret@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.2.tgz#f4f623f0bb7122f15f5717c8e254b8161b5c5b2d" - -invariant@^2.2.0: - version "2.2.2" - resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360" - dependencies: - loose-envify "^1.0.0" - -invert-kv@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6" - -is-absolute@^0.2.3: - version "0.2.6" - resolved "https://registry.yarnpkg.com/is-absolute/-/is-absolute-0.2.6.tgz#20de69f3db942ef2d87b9c2da36f172235b1b5eb" - dependencies: - is-relative "^0.2.1" - is-windows "^0.2.0" - -is-arrayish@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d" - -is-binary-path@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898" - dependencies: - binary-extensions "^1.0.0" - -is-buffer@^1.0.2, is-buffer@^1.1.0: - version "1.1.5" - resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc" - -is-builtin-module@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-1.0.0.tgz#540572d34f7ac3119f8f76c30cbc1b1e037affbe" - dependencies: - builtin-modules "^1.0.0" - -is-dotfile@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.2.tgz#2c132383f39199f8edc268ca01b9b007d205cc4d" - -is-equal-shallow@^0.1.3: - version "0.1.3" - resolved "https://registry.yarnpkg.com/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz#2238098fc221de0bcfa5d9eac4c45d638aa1c534" - dependencies: - is-primitive "^2.0.0" - -is-extendable@^0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89" - -is-extglob@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0" - -is-finite@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa" - dependencies: - number-is-nan "^1.0.0" - -is-fullwidth-code-point@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb" - dependencies: - number-is-nan "^1.0.0" - -is-glob@^2.0.0, is-glob@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863" - dependencies: - is-extglob "^1.0.0" - -is-number@^2.0.2, is-number@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f" - dependencies: - kind-of "^3.0.2" - -is-posix-bracket@^0.1.0: - version "0.1.1" - resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4" - -is-primitive@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575" - -is-relative@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-0.2.1.tgz#d27f4c7d516d175fb610db84bbeef23c3bc97aa5" - dependencies: - is-unc-path "^0.1.1" - -is-stream@^1.0.1: - version "1.1.0" - resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44" - -is-typedarray@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a" - -is-unc-path@^0.1.1: - version "0.1.2" - resolved "https://registry.yarnpkg.com/is-unc-path/-/is-unc-path-0.1.2.tgz#6ab053a72573c10250ff416a3814c35178af39b9" - dependencies: - unc-path-regex "^0.1.0" - -is-utf8@^0.2.0: - version "0.2.1" - resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72" - -is-windows@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-0.2.0.tgz#de1aa6d63ea29dd248737b69f1ff8b8002d2108c" - -isarray@0.0.1, isarray@~0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf" - -isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11" - -isexe@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10" - -isobject@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89" - dependencies: - isarray "1.0.0" - -isomorphic-fetch@^2.1.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9" - dependencies: - node-fetch "^1.0.1" - whatwg-fetch ">=0.10.0" - -isstream@~0.1.2: - version "0.1.2" - resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a" - -jodid25519@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/jodid25519/-/jodid25519-1.0.2.tgz#06d4912255093419477d425633606e0e90782967" - dependencies: - jsbn "~0.1.0" - -js-tokens@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.1.tgz#08e9f132484a2c45a30907e9dc4d5567b7f114d7" - -jsbn@~0.1.0: - version "0.1.1" - resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513" - -jsesc@^1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b" - -jsesc@~0.5.0: - version "0.5.0" - resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d" - -json-loader@^0.5.4: - version "0.5.4" - resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.4.tgz#8baa1365a632f58a3c46d20175fc6002c96e37de" - -json-schema@0.2.3: - version "0.2.3" - resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13" - -json-stable-stringify@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af" - dependencies: - jsonify "~0.0.0" - -json-stable-stringify@~0.0.0: - version "0.0.1" - resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-0.0.1.tgz#611c23e814db375527df851193db59dd2af27f45" - dependencies: - jsonify "~0.0.0" - -json-stringify-safe@~5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb" - -json5@^0.5.0: - version "0.5.1" - resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821" - -jsonify@~0.0.0: - version "0.0.0" - resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73" - -jsonparse@^1.2.0: - version "1.3.1" - resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280" - -jsprim@^1.2.2: - version "1.4.0" - resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.0.tgz#a3b87e40298d8c380552d8cc7628a0bb95a22918" - dependencies: - assert-plus "1.0.0" - extsprintf "1.0.2" - json-schema "0.2.3" - verror "1.3.6" - -keyboardevent-key-polyfill@^1.0.2: - version "1.1.0" - resolved "https://registry.yarnpkg.com/keyboardevent-key-polyfill/-/keyboardevent-key-polyfill-1.1.0.tgz#8a319d8e45a13172fca56286372f90c1d4c7014c" - -kind-of@^3.0.2: - version "3.1.0" - resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.1.0.tgz#475d698a5e49ff5e53d14e3e732429dc8bf4cf47" - dependencies: - is-buffer "^1.0.2" - -labeled-stream-splicer@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/labeled-stream-splicer/-/labeled-stream-splicer-2.0.0.tgz#a52e1d138024c00b86b1c0c91f677918b8ae0a59" - dependencies: - inherits "^2.0.1" - isarray "~0.0.1" - stream-splicer "^2.0.0" - -lazy-cache@^1.0.3: - version "1.0.4" - resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e" - -lcid@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835" - dependencies: - invert-kv "^1.0.0" - -lexical-scope@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/lexical-scope/-/lexical-scope-1.2.0.tgz#fcea5edc704a4b3a8796cdca419c3a0afaf22df4" - dependencies: - astw "^2.0.0" - -liftoff@^2.1.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/liftoff/-/liftoff-2.3.0.tgz#a98f2ff67183d8ba7cfaca10548bd7ff0550b385" - dependencies: - extend "^3.0.0" - findup-sync "^0.4.2" - fined "^1.0.1" - flagged-respawn "^0.3.2" - lodash.isplainobject "^4.0.4" - lodash.isstring "^4.0.1" - lodash.mapvalues "^4.4.0" - rechoir "^0.6.2" - resolve "^1.1.7" - -load-json-file@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0" - dependencies: - graceful-fs "^4.1.2" - parse-json "^2.2.0" - pify "^2.0.0" - pinkie-promise "^2.0.0" - strip-bom "^2.0.0" - -loader-runner@^2.3.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.3.0.tgz#f482aea82d543e07921700d5a46ef26fdac6b8a2" - -loader-utils@^0.2.16: - version "0.2.17" - resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348" - dependencies: - big.js "^3.1.3" - emojis-list "^2.0.0" - json5 "^0.5.0" - object-assign "^4.0.1" - -loader-utils@^1.0.2: - version "1.1.0" - resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd" - dependencies: - big.js "^3.1.3" - emojis-list "^2.0.0" - json5 "^0.5.0" - -locate-path@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e" - dependencies: - p-locate "^2.0.0" - path-exists "^3.0.0" - -lodash._basecopy@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36" - -lodash._basetostring@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/lodash._basetostring/-/lodash._basetostring-3.0.1.tgz#d1861d877f824a52f669832dcaf3ee15566a07d5" - -lodash._basevalues@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/lodash._basevalues/-/lodash._basevalues-3.0.0.tgz#5b775762802bde3d3297503e26300820fdf661b7" - -lodash._getnative@^3.0.0: - version "3.9.1" - resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5" - -lodash._isiterateecall@^3.0.0: - version "3.0.9" - resolved "https://registry.yarnpkg.com/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz#5203ad7ba425fae842460e696db9cf3e6aac057c" - -lodash._reescape@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/lodash._reescape/-/lodash._reescape-3.0.0.tgz#2b1d6f5dfe07c8a355753e5f27fac7f1cde1616a" - -lodash._reevaluate@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/lodash._reevaluate/-/lodash._reevaluate-3.0.0.tgz#58bc74c40664953ae0b124d806996daca431e2ed" - -lodash._reinterpolate@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d" - -lodash._root@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/lodash._root/-/lodash._root-3.0.1.tgz#fba1c4524c19ee9a5f8136b4609f017cf4ded692" - -lodash.assign@^4.0.3, lodash.assign@^4.0.6, lodash.assign@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7" - -lodash.assignwith@^4.0.7: - version "4.2.0" - resolved "https://registry.yarnpkg.com/lodash.assignwith/-/lodash.assignwith-4.2.0.tgz#127a97f02adc41751a954d24b0de17e100e038eb" - -lodash.clonedeep@^4.3.2: - version "4.5.0" - resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef" - -lodash.debounce@^4.0.7: - version "4.0.8" - resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af" - -lodash.escape@^3.0.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/lodash.escape/-/lodash.escape-3.2.0.tgz#995ee0dc18c1b48cc92effae71a10aab5b487698" - dependencies: - lodash._root "^3.0.0" - -lodash.isarguments@^3.0.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz#2f573d85c6a24289ff00663b491c1d338ff3458a" - -lodash.isarray@^3.0.0: - version "3.0.4" - resolved "https://registry.yarnpkg.com/lodash.isarray/-/lodash.isarray-3.0.4.tgz#79e4eb88c36a8122af86f844aa9bcd851b5fbb55" - -lodash.isempty@^4.2.1: - version "4.4.0" - resolved "https://registry.yarnpkg.com/lodash.isempty/-/lodash.isempty-4.4.0.tgz#6f86cbedd8be4ec987be9aaf33c9684db1b31e7e" - -lodash.isplainobject@^4.0.4: - version "4.0.6" - resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb" - -lodash.isstring@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451" - -lodash.keys@^3.0.0: - version "3.1.2" - resolved "https://registry.yarnpkg.com/lodash.keys/-/lodash.keys-3.1.2.tgz#4dbc0472b156be50a0b286855d1bd0b0c656098a" - dependencies: - lodash._getnative "^3.0.0" - lodash.isarguments "^3.0.0" - lodash.isarray "^3.0.0" - -lodash.mapvalues@^4.4.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.mapvalues/-/lodash.mapvalues-4.6.0.tgz#1bafa5005de9dd6f4f26668c30ca37230cc9689c" - -lodash.memoize@~3.0.3: - version "3.0.4" - resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-3.0.4.tgz#2dcbd2c287cbc0a55cc42328bd0c736150d53e3f" - -lodash.mergewith@^4.6.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.0.tgz#150cf0a16791f5903b8891eab154609274bdea55" - -lodash.pick@^4.2.1: - version "4.4.0" - resolved "https://registry.yarnpkg.com/lodash.pick/-/lodash.pick-4.4.0.tgz#52f05610fff9ded422611441ed1fc123a03001b3" - -lodash.restparam@^3.0.0: - version "3.6.1" - resolved "https://registry.yarnpkg.com/lodash.restparam/-/lodash.restparam-3.6.1.tgz#936a4e309ef330a7645ed4145986c85ae5b20805" - -lodash.template@^3.0.0: - version "3.6.2" - resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-3.6.2.tgz#f8cdecc6169a255be9098ae8b0c53d378931d14f" - dependencies: - lodash._basecopy "^3.0.0" - lodash._basetostring "^3.0.0" - lodash._basevalues "^3.0.0" - lodash._isiterateecall "^3.0.0" - lodash._reinterpolate "^3.0.0" - lodash.escape "^3.0.0" - lodash.keys "^3.0.0" - lodash.restparam "^3.0.0" - lodash.templatesettings "^3.0.0" - -lodash.templatesettings@^3.0.0: - version "3.1.1" - resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-3.1.1.tgz#fb307844753b66b9f1afa54e262c745307dba8e5" - dependencies: - lodash._reinterpolate "^3.0.0" - lodash.escape "^3.0.0" - -lodash.uniqueid@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/lodash.uniqueid/-/lodash.uniqueid-4.0.1.tgz#3268f26a7c88e4f4b1758d679271814e31fa5b26" - -lodash@^4.0.0, lodash@^4.14.0, lodash@^4.2.0: - version "4.17.4" - resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae" - -lodash@~1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/lodash/-/lodash-1.0.2.tgz#8f57560c83b59fc270bd3d561b690043430e2551" - -lodash@~4.16.4: - version "4.16.6" - resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.16.6.tgz#d22c9ac660288f3843e16ba7d2b5d06cca27d777" - -longest@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097" - -loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1: - version "1.3.1" - resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848" - dependencies: - js-tokens "^3.0.0" - -loud-rejection@^1.0.0: - version "1.6.0" - resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f" - dependencies: - currently-unhandled "^0.4.1" - signal-exit "^3.0.0" - -lru-cache@2: - version "2.7.3" - resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-2.7.3.tgz#6d4524e8b955f95d4f5b58851ce21dd72fb4e952" - -lru-cache@^4.0.1: - version "4.0.2" - resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.0.2.tgz#1d17679c069cda5d040991a09dbc2c0db377e55e" - dependencies: - pseudomap "^1.0.1" - yallist "^2.0.0" - -make-dir@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.0.0.tgz#97a011751e91dd87cfadef58832ebb04936de978" - dependencies: - pify "^2.3.0" - -map-cache@^0.2.0: - version "0.2.2" - resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf" - -map-obj@^1.0.0, map-obj@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d" - -matches-selector@^1.0.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/matches-selector/-/matches-selector-1.2.0.tgz#d1814e7e8f43e69d22ac33c9af727dc884ecf12a" - -memory-fs@^0.4.0, memory-fs@~0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552" - dependencies: - errno "^0.1.3" - readable-stream "^2.0.1" - -meow@^3.7.0: - version "3.7.0" - resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb" - dependencies: - camelcase-keys "^2.0.0" - decamelize "^1.1.2" - loud-rejection "^1.0.0" - map-obj "^1.0.1" - minimist "^1.1.3" - normalize-package-data "^2.3.4" - object-assign "^4.0.1" - read-pkg-up "^1.0.1" - redent "^1.0.0" - trim-newlines "^1.0.0" - -micromatch@^2.1.5, micromatch@^2.3.7: - version "2.3.11" - resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565" - dependencies: - arr-diff "^2.0.0" - array-unique "^0.2.1" - braces "^1.8.2" - expand-brackets "^0.1.4" - extglob "^0.3.1" - filename-regex "^2.0.0" - is-extglob "^1.0.0" - is-glob "^2.0.1" - kind-of "^3.0.2" - normalize-path "^2.0.1" - object.omit "^2.0.0" - parse-glob "^3.0.4" - regex-cache "^0.4.2" - -miller-rabin@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.0.tgz#4a62fb1d42933c05583982f4c716f6fb9e6c6d3d" - dependencies: - bn.js "^4.0.0" - brorand "^1.0.1" - -mime-db@~1.27.0: - version "1.27.0" - resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.27.0.tgz#820f572296bbd20ec25ed55e5b5de869e5436eb1" - -mime-types@^2.1.12, mime-types@~2.1.7: - version "2.1.15" - resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.15.tgz#a4ebf5064094569237b8cf70046776d09fc92aed" - dependencies: - mime-db "~1.27.0" - -minimalistic-assert@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.0.tgz#702be2dda6b37f4836bcb3f5db56641b64a1d3d3" - -minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a" - -minimatch@^2.0.1: - version "2.0.10" - resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-2.0.10.tgz#8d087c39c6b38c001b97fca7ce6d0e1e80afbac7" - dependencies: - brace-expansion "^1.0.0" - -minimatch@^3.0.0, minimatch@^3.0.2, minimatch@~3.0.2: - version "3.0.3" - resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.3.tgz#2a4e4090b96b2db06a9d7df01055a62a77c9b774" - dependencies: - brace-expansion "^1.0.0" - -minimatch@~0.2.11: - version "0.2.14" - resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-0.2.14.tgz#c74e780574f63c6f9a090e90efbe6ef53a6a756a" - dependencies: - lru-cache "2" - sigmund "~1.0.0" - -minimist@0.0.8: - version "0.0.8" - resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d" - -minimist@^1.1.0, minimist@^1.1.3, minimist@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" - -"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0: - version "0.5.1" - resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903" - dependencies: - minimist "0.0.8" - -module-deps@^4.0.8: - version "4.1.1" - resolved "https://registry.yarnpkg.com/module-deps/-/module-deps-4.1.1.tgz#23215833f1da13fd606ccb8087b44852dcb821fd" - dependencies: - JSONStream "^1.0.3" - browser-resolve "^1.7.0" - cached-path-relative "^1.0.0" - concat-stream "~1.5.0" - defined "^1.0.0" - detective "^4.0.0" - duplexer2 "^0.1.2" - inherits "^2.0.1" - parents "^1.0.0" - readable-stream "^2.0.2" - resolve "^1.1.3" - stream-combiner2 "^1.1.1" - subarg "^1.0.0" - through2 "^2.0.0" - xtend "^4.0.0" - -ms@0.7.2: - version "0.7.2" - resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.2.tgz#ae25cf2512b3885a1d95d7f037868d8431124765" - -multipipe@^0.1.2: - version "0.1.2" - resolved "https://registry.yarnpkg.com/multipipe/-/multipipe-0.1.2.tgz#2a8f2ddf70eed564dff2d57f1e1a137d9f05078b" - dependencies: - duplexer2 "0.0.2" - -nan@^2.3.0, nan@^2.3.2: - version "2.6.2" - resolved "https://registry.yarnpkg.com/nan/-/nan-2.6.2.tgz#e4ff34e6c95fdfb5aecc08de6596f43605a7db45" - -natives@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/natives/-/natives-1.1.0.tgz#e9ff841418a6b2ec7a495e939984f78f163e6e31" - -node-fetch@^1.0.1: - version "1.6.3" - resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.6.3.tgz#dc234edd6489982d58e8f0db4f695029abcd8c04" - dependencies: - encoding "^0.1.11" - is-stream "^1.0.1" - -node-gyp@^3.3.1: - version "3.6.0" - resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-3.6.0.tgz#7474f63a3a0501161dda0b6341f022f14c423fa6" - dependencies: - fstream "^1.0.0" - glob "^7.0.3" - graceful-fs "^4.1.2" - minimatch "^3.0.2" - mkdirp "^0.5.0" - nopt "2 || 3" - npmlog "0 || 1 || 2 || 3 || 4" - osenv "0" - request "2" - rimraf "2" - semver "~5.3.0" - tar "^2.0.0" - which "1" - -node-libs-browser@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.0.0.tgz#a3a59ec97024985b46e958379646f96c4b616646" - dependencies: - assert "^1.1.1" - browserify-zlib "^0.1.4" - buffer "^4.3.0" - console-browserify "^1.1.0" - constants-browserify "^1.0.0" - crypto-browserify "^3.11.0" - domain-browser "^1.1.1" - events "^1.0.0" - https-browserify "0.0.1" - os-browserify "^0.2.0" - path-browserify "0.0.0" - process "^0.11.0" - punycode "^1.2.4" - querystring-es3 "^0.2.0" - readable-stream "^2.0.5" - stream-browserify "^2.0.1" - stream-http "^2.3.1" - string_decoder "^0.10.25" - timers-browserify "^2.0.2" - tty-browserify "0.0.0" - url "^0.11.0" - util "^0.10.3" - vm-browserify "0.0.4" - -node-pre-gyp@^0.6.29: - version "0.6.34" - resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.6.34.tgz#94ad1c798a11d7fc67381b50d47f8cc18d9799f7" - dependencies: - mkdirp "^0.5.1" - nopt "^4.0.1" - npmlog "^4.0.2" - rc "^1.1.7" - request "^2.81.0" - rimraf "^2.6.1" - semver "^5.3.0" - tar "^2.2.1" - tar-pack "^3.4.0" - -node-sass@^4.2.0: - version "4.5.2" - resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.5.2.tgz#4012fa2bd129b1d6365117e88d9da0500d99da64" - dependencies: - async-foreach "^0.1.3" - chalk "^1.1.1" - cross-spawn "^3.0.0" - gaze "^1.0.0" - get-stdin "^4.0.1" - glob "^7.0.3" - in-publish "^2.0.0" - lodash.assign "^4.2.0" - lodash.clonedeep "^4.3.2" - lodash.mergewith "^4.6.0" - meow "^3.7.0" - mkdirp "^0.5.1" - nan "^2.3.2" - node-gyp "^3.3.1" - npmlog "^4.0.0" - request "^2.79.0" - sass-graph "^2.1.1" - stdout-stream "^1.4.0" - -"nopt@2 || 3": - version "3.0.6" - resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9" - dependencies: - abbrev "1" - -nopt@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d" - dependencies: - abbrev "1" - osenv "^0.1.4" - -normalize-package-data@^2.3.2, normalize-package-data@^2.3.4: - version "2.3.6" - resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.3.6.tgz#498fa420c96401f787402ba21e600def9f981fff" - dependencies: - hosted-git-info "^2.1.4" - is-builtin-module "^1.0.0" - semver "2 || 3 || 4 || 5" - validate-npm-package-license "^3.0.1" - -normalize-path@^2.0.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9" - dependencies: - remove-trailing-separator "^1.0.1" - -"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0, npmlog@^4.0.2: - version "4.0.2" - resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.0.2.tgz#d03950e0e78ce1527ba26d2a7592e9348ac3e75f" - dependencies: - are-we-there-yet "~1.1.2" - console-control-strings "~1.1.0" - gauge "~2.7.1" - set-blocking "~2.0.0" - -number-is-nan@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d" - -oauth-sign@~0.8.1: - version "0.8.2" - resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43" - -object-assign@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-3.0.0.tgz#9bedd5ca0897949bca47e7ff408062d549f587f2" - -object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1: - version "4.1.1" - resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" - -object.omit@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa" - dependencies: - for-own "^0.1.4" - is-extendable "^0.1.1" - -once@^1.3.0, once@^1.3.3, once@~1.3.0: - version "1.3.3" - resolved "https://registry.yarnpkg.com/once/-/once-1.3.3.tgz#b2e261557ce4c314ec8304f3fa82663e4297ca20" - dependencies: - wrappy "1" - -orchestrator@^0.3.0: - version "0.3.8" - resolved "https://registry.yarnpkg.com/orchestrator/-/orchestrator-0.3.8.tgz#14e7e9e2764f7315fbac184e506c7aa6df94ad7e" - dependencies: - end-of-stream "~0.1.5" - sequencify "~0.0.7" - stream-consume "~0.1.0" - -ordered-read-streams@^0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/ordered-read-streams/-/ordered-read-streams-0.1.0.tgz#fd565a9af8eb4473ba69b6ed8a34352cb552f126" - -os-browserify@^0.2.0: - version "0.2.1" - resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.2.1.tgz#63fc4ccee5d2d7763d26bbf8601078e6c2e0044f" - -os-browserify@~0.1.1: - version "0.1.2" - resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.1.2.tgz#49ca0293e0b19590a5f5de10c7f265a617d8fe54" - -os-homedir@^1.0.0, os-homedir@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3" - -os-locale@^1.4.0: - version "1.4.0" - resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9" - dependencies: - lcid "^1.0.0" - -os-tmpdir@^1.0.0, os-tmpdir@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274" - -osenv@0, osenv@^0.1.4: - version "0.1.4" - resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.4.tgz#42fe6d5953df06c8064be6f176c3d05aaaa34644" - dependencies: - os-homedir "^1.0.0" - os-tmpdir "^1.0.0" - -p-limit@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.1.0.tgz#b07ff2d9a5d88bec806035895a2bab66a27988bc" - -p-locate@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43" - dependencies: - p-limit "^1.1.0" - -pako@~0.2.0: - version "0.2.9" - resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75" - -parents@^1.0.0, parents@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/parents/-/parents-1.0.1.tgz#fedd4d2bf193a77745fe71e371d73c3307d9c751" - dependencies: - path-platform "~0.11.15" - -parse-asn1@^5.0.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.0.tgz#37c4f9b7ed3ab65c74817b5f2480937fbf97c712" - dependencies: - asn1.js "^4.0.0" - browserify-aes "^1.0.0" - create-hash "^1.1.0" - evp_bytestokey "^1.0.0" - pbkdf2 "^3.0.3" - -parse-filepath@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/parse-filepath/-/parse-filepath-1.0.1.tgz#159d6155d43904d16c10ef698911da1e91969b73" - dependencies: - is-absolute "^0.2.3" - map-cache "^0.2.0" - path-root "^0.1.1" - -parse-glob@^3.0.4: - version "3.0.4" - resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c" - dependencies: - glob-base "^0.3.0" - is-dotfile "^1.0.0" - is-extglob "^1.0.0" - is-glob "^2.0.0" - -parse-json@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9" - dependencies: - error-ex "^1.2.0" - -parse-passwd@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6" - -path-browserify@0.0.0, path-browserify@~0.0.0: - version "0.0.0" - resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.0.tgz#a0b870729aae214005b7d5032ec2cbbb0fb4451a" - -path-exists@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b" - dependencies: - pinkie-promise "^2.0.0" - -path-exists@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515" - -path-is-absolute@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" - -path-parse@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1" - -path-platform@~0.11.15: - version "0.11.15" - resolved "https://registry.yarnpkg.com/path-platform/-/path-platform-0.11.15.tgz#e864217f74c36850f0852b78dc7bf7d4a5721bf2" - -path-root-regex@^0.1.0: - version "0.1.2" - resolved "https://registry.yarnpkg.com/path-root-regex/-/path-root-regex-0.1.2.tgz#bfccdc8df5b12dc52c8b43ec38d18d72c04ba96d" - -path-root@^0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/path-root/-/path-root-0.1.1.tgz#9a4a6814cac1c0cd73360a95f32083c8ea4745b7" - dependencies: - path-root-regex "^0.1.0" - -path-type@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441" - dependencies: - graceful-fs "^4.1.2" - pify "^2.0.0" - pinkie-promise "^2.0.0" - -pbkdf2@^3.0.3: - version "3.0.9" - resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.9.tgz#f2c4b25a600058b3c3773c086c37dbbee1ffe693" - dependencies: - create-hmac "^1.1.2" - -performance-now@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5" - -pify@^2.0.0, pify@^2.3.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" - -pinkie-promise@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa" - dependencies: - pinkie "^2.0.0" - -pinkie@^2.0.0: - version "2.0.4" - resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870" - -pkg-dir@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b" - dependencies: - find-up "^2.1.0" - -preserve@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b" - -pretty-hrtime@^1.0.0: - version "1.0.3" - resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1" - -private@^0.1.6: - version "0.1.7" - resolved "https://registry.yarnpkg.com/private/-/private-0.1.7.tgz#68ce5e8a1ef0a23bb570cc28537b5332aba63ef1" - -process-nextick-args@~1.0.6: - version "1.0.7" - resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3" - -process@^0.11.0, process@~0.11.0: - version "0.11.9" - resolved "https://registry.yarnpkg.com/process/-/process-0.11.9.tgz#7bd5ad21aa6253e7da8682264f1e11d11c0318c1" - -promise@^7.1.1: - version "7.1.1" - resolved "https://registry.yarnpkg.com/promise/-/promise-7.1.1.tgz#489654c692616b8aa55b0724fa809bb7db49c5bf" - dependencies: - asap "~2.0.3" - -prop-types@^15.5.10: - version "15.5.10" - resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.10.tgz#2797dfc3126182e3a95e3dfbb2e893ddd7456154" - dependencies: - fbjs "^0.8.9" - loose-envify "^1.3.1" - -prr@~0.0.0: - version "0.0.0" - resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a" - -pseudomap@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3" - -public-encrypt@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.0.tgz#39f699f3a46560dd5ebacbca693caf7c65c18cc6" - dependencies: - bn.js "^4.1.0" - browserify-rsa "^4.0.0" - create-hash "^1.1.0" - parse-asn1 "^5.0.0" - randombytes "^2.0.1" - -punycode@1.3.2: - version "1.3.2" - resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d" - -punycode@^1.2.4, punycode@^1.3.2, punycode@^1.4.1: - version "1.4.1" - resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e" - -qs@~6.4.0: - version "6.4.0" - resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233" - -querystring-es3@^0.2.0, querystring-es3@~0.2.0: - version "0.2.1" - resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73" - -querystring@0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620" - -randomatic@^1.1.3: - version "1.1.6" - resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.6.tgz#110dcabff397e9dcff7c0789ccc0a49adf1ec5bb" - dependencies: - is-number "^2.0.2" - kind-of "^3.0.2" - -randombytes@^2.0.0, randombytes@^2.0.1: - version "2.0.3" - resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.0.3.tgz#674c99760901c3c4112771a31e521dc349cc09ec" - -rc@^1.1.7: - version "1.2.1" - resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.1.tgz#2e03e8e42ee450b8cb3dce65be1bf8974e1dfd95" - dependencies: - deep-extend "~0.4.0" - ini "~1.3.0" - minimist "^1.2.0" - strip-json-comments "~2.0.1" - -react-dom@^15.6.1: - version "15.6.1" - resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-15.6.1.tgz#2cb0ed4191038e53c209eb3a79a23e2a4cf99470" - dependencies: - fbjs "^0.8.9" - loose-envify "^1.1.0" - object-assign "^4.1.0" - prop-types "^15.5.10" - -react@^15.6.1: - version "15.6.1" - resolved "https://registry.yarnpkg.com/react/-/react-15.6.1.tgz#baa8434ec6780bde997cdc380b79cd33b96393df" - dependencies: - create-react-class "^15.6.0" - fbjs "^0.8.9" - loose-envify "^1.1.0" - object-assign "^4.1.0" - prop-types "^15.5.10" - -read-only-stream@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/read-only-stream/-/read-only-stream-2.0.0.tgz#2724fd6a8113d73764ac288d4386270c1dbf17f0" - dependencies: - readable-stream "^2.0.2" - -read-pkg-up@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02" - dependencies: - find-up "^1.0.0" - read-pkg "^1.0.0" - -read-pkg@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28" - dependencies: - load-json-file "^1.0.0" - normalize-package-data "^2.3.2" - path-type "^1.0.0" - -"readable-stream@>=1.0.33-1 <1.1.0-0": - version "1.0.34" - resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.0.34.tgz#125820e34bc842d2f2aaafafe4c2916ee32c157c" - dependencies: - core-util-is "~1.0.0" - inherits "~2.0.1" - isarray "0.0.1" - string_decoder "~0.10.x" - -"readable-stream@^2.0.0 || ^1.1.13", readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.1.4, readable-stream@^2.1.5, readable-stream@^2.2.6: - version "2.2.9" - resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.2.9.tgz#cf78ec6f4a6d1eb43d26488cac97f042e74b7fc8" - dependencies: - buffer-shims "~1.0.0" - core-util-is "~1.0.0" - inherits "~2.0.1" - isarray "~1.0.0" - process-nextick-args "~1.0.6" - string_decoder "~1.0.0" - util-deprecate "~1.0.1" - -readable-stream@~1.1.9: - version "1.1.14" - resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9" - dependencies: - core-util-is "~1.0.0" - inherits "~2.0.1" - isarray "0.0.1" - string_decoder "~0.10.x" - -readable-stream@~2.0.0: - version "2.0.6" - resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.0.6.tgz#8f90341e68a53ccc928788dacfcd11b36eb9b78e" - dependencies: - core-util-is "~1.0.0" - inherits "~2.0.1" - isarray "~1.0.0" - process-nextick-args "~1.0.6" - string_decoder "~0.10.x" - util-deprecate "~1.0.1" - -readdirp@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.1.0.tgz#4ed0ad060df3073300c48440373f72d1cc642d78" - dependencies: - graceful-fs "^4.1.2" - minimatch "^3.0.2" - readable-stream "^2.0.2" - set-immediate-shim "^1.0.1" - -receptor@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/receptor/-/receptor-1.0.0.tgz#bf54477e0387e44bebf3855120bbda5adea08f8b" - dependencies: - element-closest "^2.0.1" - keyboardevent-key-polyfill "^1.0.2" - matches-selector "^1.0.0" - object-assign "^4.1.0" - -rechoir@^0.6.2: - version "0.6.2" - resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384" - dependencies: - resolve "^1.1.6" - -redent@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde" - dependencies: - indent-string "^2.1.0" - strip-indent "^1.0.1" - -regenerate@^1.2.1: - version "1.3.2" - resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.2.tgz#d1941c67bad437e1be76433add5b385f95b19260" - -regenerator-runtime@^0.10.0: - version "0.10.3" - resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.3.tgz#8c4367a904b51ea62a908ac310bf99ff90a82a3e" - -regenerator-transform@0.9.11: - version "0.9.11" - resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.9.11.tgz#3a7d067520cb7b7176769eb5ff868691befe1283" - dependencies: - babel-runtime "^6.18.0" - babel-types "^6.19.0" - private "^0.1.6" - -regex-cache@^0.4.2: - version "0.4.3" - resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.3.tgz#9b1a6c35d4d0dfcef5711ae651e8e9d3d7114145" - dependencies: - is-equal-shallow "^0.1.3" - is-primitive "^2.0.0" - -regexpu-core@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240" - dependencies: - regenerate "^1.2.1" - regjsgen "^0.2.0" - regjsparser "^0.1.4" - -regjsgen@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7" - -regjsparser@^0.1.4: - version "0.1.5" - resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c" - dependencies: - jsesc "~0.5.0" - -remove-trailing-separator@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.0.1.tgz#615ebb96af559552d4bf4057c8436d486ab63cc4" - -repeat-element@^1.1.2: - version "1.1.2" - resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.2.tgz#ef089a178d1483baae4d93eb98b4f9e4e11d990a" - -repeat-string@^1.5.2: - version "1.6.1" - resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637" - -repeating@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda" - dependencies: - is-finite "^1.0.0" - -replace-ext@0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-0.0.1.tgz#29bbd92078a739f0bcce2b4ee41e837953522924" - -request@2, request@^2.79.0, request@^2.81.0: - version "2.81.0" - resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0" - dependencies: - aws-sign2 "~0.6.0" - aws4 "^1.2.1" - caseless "~0.12.0" - combined-stream "~1.0.5" - extend "~3.0.0" - forever-agent "~0.6.1" - form-data "~2.1.1" - har-validator "~4.2.1" - hawk "~3.1.3" - http-signature "~1.1.0" - is-typedarray "~1.0.0" - isstream "~0.1.2" - json-stringify-safe "~5.0.1" - mime-types "~2.1.7" - oauth-sign "~0.8.1" - performance-now "^0.2.0" - qs "~6.4.0" - safe-buffer "^5.0.1" - stringstream "~0.0.4" - tough-cookie "~2.3.0" - tunnel-agent "^0.6.0" - uuid "^3.0.0" - -require-directory@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42" - -require-main-filename@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1" - -resolve-dir@^0.1.0: - version "0.1.1" - resolved "https://registry.yarnpkg.com/resolve-dir/-/resolve-dir-0.1.1.tgz#b219259a5602fac5c5c496ad894a6e8cc430261e" - dependencies: - expand-tilde "^1.2.2" - global-modules "^0.2.3" - -resolve-id-refs@^0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/resolve-id-refs/-/resolve-id-refs-0.1.0.tgz#3126624b887489da8fc0ae889632f8413ac6c3ec" - -resolve@1.1.7: - version "1.1.7" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b" - -resolve@^1.1.3, resolve@^1.1.4, resolve@^1.1.6, resolve@^1.1.7: - version "1.3.2" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.3.2.tgz#1f0442c9e0cbb8136e87b9305f932f46c7f28235" - dependencies: - path-parse "^1.0.5" - -right-align@^0.1.1: - version "0.1.3" - resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef" - dependencies: - align-text "^0.1.1" - -rimraf@2, rimraf@^2.5.1, rimraf@^2.6.1: - version "2.6.1" - resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.1.tgz#c2338ec643df7a1b7fe5c54fa86f57428a55f33d" - dependencies: - glob "^7.0.5" - -ripemd160@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-1.0.1.tgz#93a4bbd4942bc574b69a8fa57c71de10ecca7d6e" - -safe-buffer@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.0.1.tgz#d263ca54696cd8a306b5ca6551e92de57918fbe7" - -sass-graph@^2.1.1: - version "2.1.2" - resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.1.2.tgz#965104be23e8103cb7e5f710df65935b317da57b" - dependencies: - glob "^7.0.0" - lodash "^4.0.0" - yargs "^4.7.1" - -"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@~5.3.0: - version "5.3.0" - resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f" - -semver@^4.1.0: - version "4.3.6" - resolved "https://registry.yarnpkg.com/semver/-/semver-4.3.6.tgz#300bc6e0e86374f7ba61068b5b1ecd57fc6532da" - -sequencify@~0.0.7: - version "0.0.7" - resolved "https://registry.yarnpkg.com/sequencify/-/sequencify-0.0.7.tgz#90cff19d02e07027fd767f5ead3e7b95d1e7380c" - -set-blocking@^2.0.0, set-blocking@~2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7" - -set-immediate-shim@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61" - -setimmediate@^1.0.4, setimmediate@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285" - -sha.js@^2.3.6, sha.js@~2.4.4: - version "2.4.8" - resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.8.tgz#37068c2c476b6baf402d14a49c67f597921f634f" - dependencies: - inherits "^2.0.1" - -shasum@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/shasum/-/shasum-1.0.2.tgz#e7012310d8f417f4deb5712150e5678b87ae565f" - dependencies: - json-stable-stringify "~0.0.0" - sha.js "~2.4.4" - -shell-quote@^1.6.1: - version "1.6.1" - resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.6.1.tgz#f4781949cce402697127430ea3b3c5476f481767" - dependencies: - array-filter "~0.0.0" - array-map "~0.0.0" - array-reduce "~0.0.0" - jsonify "~0.0.0" - -sigmund@~1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590" - -signal-exit@^3.0.0: - version "3.0.2" - resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d" - -slash@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55" - -sntp@1.x.x: - version "1.0.9" - resolved "https://registry.yarnpkg.com/sntp/-/sntp-1.0.9.tgz#6541184cc90aeea6c6e7b35e2659082443c66198" - dependencies: - hoek "2.x.x" - -source-list-map@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-1.1.1.tgz#1a33ac210ca144d1e561f906ebccab5669ff4cb4" - -source-map-support@^0.4.2: - version "0.4.14" - resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.14.tgz#9d4463772598b86271b4f523f6c1f4e02a7d6aef" - dependencies: - source-map "^0.5.6" - -source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3: - version "0.5.6" - resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412" - -sparkles@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/sparkles/-/sparkles-1.0.0.tgz#1acbbfb592436d10bbe8f785b7cc6f82815012c3" - -spdx-correct@~1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-1.0.2.tgz#4b3073d933ff51f3912f03ac5519498a4150db40" - dependencies: - spdx-license-ids "^1.0.2" - -spdx-expression-parse@~1.0.0: - version "1.0.4" - resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz#9bdf2f20e1f40ed447fbe273266191fced51626c" - -spdx-license-ids@^1.0.2: - version "1.2.2" - resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz#c9df7a3424594ade6bd11900d596696dc06bac57" - -sshpk@^1.7.0: - version "1.13.0" - resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.13.0.tgz#ff2a3e4fd04497555fed97b39a0fd82fafb3a33c" - dependencies: - asn1 "~0.2.3" - assert-plus "^1.0.0" - dashdash "^1.12.0" - getpass "^0.1.1" - optionalDependencies: - bcrypt-pbkdf "^1.0.0" - ecc-jsbn "~0.1.1" - jodid25519 "^1.0.0" - jsbn "~0.1.0" - tweetnacl "~0.14.0" - -stdout-stream@^1.4.0: - version "1.4.0" - resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.0.tgz#a2c7c8587e54d9427ea9edb3ac3f2cd522df378b" - dependencies: - readable-stream "^2.0.1" - -stream-browserify@^2.0.0, stream-browserify@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.1.tgz#66266ee5f9bdb9940a4e4514cafb43bb71e5c9db" - dependencies: - inherits "~2.0.1" - readable-stream "^2.0.2" - -stream-combiner2@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/stream-combiner2/-/stream-combiner2-1.1.1.tgz#fb4d8a1420ea362764e21ad4780397bebcb41cbe" - dependencies: - duplexer2 "~0.1.0" - readable-stream "^2.0.2" - -stream-consume@~0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/stream-consume/-/stream-consume-0.1.0.tgz#a41ead1a6d6081ceb79f65b061901b6d8f3d1d0f" - -stream-http@^2.0.0, stream-http@^2.3.1: - version "2.7.0" - resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.7.0.tgz#cec1f4e3b494bc4a81b451808970f8b20b4ed5f6" - dependencies: - builtin-status-codes "^3.0.0" - inherits "^2.0.1" - readable-stream "^2.2.6" - to-arraybuffer "^1.0.0" - xtend "^4.0.0" - -stream-splicer@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/stream-splicer/-/stream-splicer-2.0.0.tgz#1b63be438a133e4b671cc1935197600175910d83" - dependencies: - inherits "^2.0.1" - readable-stream "^2.0.2" - -string-width@^1.0.1, string-width@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3" - dependencies: - code-point-at "^1.0.0" - is-fullwidth-code-point "^1.0.0" - strip-ansi "^3.0.0" - -string_decoder@^0.10.25, string_decoder@~0.10.0, string_decoder@~0.10.x: - version "0.10.31" - resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94" - -string_decoder@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.0.tgz#f06f41157b664d86069f84bdbdc9b0d8ab281667" - dependencies: - buffer-shims "~1.0.0" - -stringstream@~0.0.4: - version "0.0.5" - resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.5.tgz#4e484cd4de5a0bbbee18e46307710a8a81621878" - -strip-ansi@^3.0.0, strip-ansi@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf" - dependencies: - ansi-regex "^2.0.0" - -strip-bom@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-1.0.0.tgz#85b8862f3844b5a6d5ec8467a93598173a36f794" - dependencies: - first-chunk-stream "^1.0.0" - is-utf8 "^0.2.0" - -strip-bom@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e" - dependencies: - is-utf8 "^0.2.0" - -strip-indent@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2" - dependencies: - get-stdin "^4.0.1" - -strip-json-comments@~2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a" - -subarg@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/subarg/-/subarg-1.0.0.tgz#f62cf17581e996b48fc965699f54c06ae268b8d2" - dependencies: - minimist "^1.1.0" - -supports-color@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" - -supports-color@^3.1.0: - version "3.2.3" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6" - dependencies: - has-flag "^1.0.0" - -syntax-error@^1.1.1: - version "1.3.0" - resolved "https://registry.yarnpkg.com/syntax-error/-/syntax-error-1.3.0.tgz#1ed9266c4d40be75dc55bf9bb1cb77062bb96ca1" - dependencies: - acorn "^4.0.3" - -tapable@^0.2.5, tapable@~0.2.5: - version "0.2.6" - resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.6.tgz#206be8e188860b514425375e6f1ae89bfb01fd8d" - -tar-pack@^3.4.0: - version "3.4.0" - resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.4.0.tgz#23be2d7f671a8339376cbdb0b8fe3fdebf317984" - dependencies: - debug "^2.2.0" - fstream "^1.0.10" - fstream-ignore "^1.0.5" - once "^1.3.3" - readable-stream "^2.1.4" - rimraf "^2.5.1" - tar "^2.2.1" - uid-number "^0.0.6" - -tar@^2.0.0, tar@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.1.tgz#8e4d2a256c0e2185c6b18ad694aec968b83cb1d1" - dependencies: - block-stream "*" - fstream "^1.0.2" - inherits "2" - -through2@^0.6.1: - version "0.6.5" - resolved "https://registry.yarnpkg.com/through2/-/through2-0.6.5.tgz#41ab9c67b29d57209071410e1d7a7a968cd3ad48" - dependencies: - readable-stream ">=1.0.33-1 <1.1.0-0" - xtend ">=4.0.0 <4.1.0-0" - -through2@^2.0.0: - version "2.0.3" - resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.3.tgz#0004569b37c7c74ba39c43f3ced78d1ad94140be" - dependencies: - readable-stream "^2.1.5" - xtend "~4.0.1" - -"through@>=2.2.7 <3": - version "2.3.8" - resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5" - -tildify@^1.0.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/tildify/-/tildify-1.2.0.tgz#dcec03f55dca9b7aa3e5b04f21817eb56e63588a" - dependencies: - os-homedir "^1.0.0" - -time-stamp@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.0.1.tgz#9f4bd23559c9365966f3302dbba2b07c6b99b151" - -timers-browserify@^1.0.1: - version "1.4.2" - resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-1.4.2.tgz#c9c58b575be8407375cb5e2462dacee74359f41d" - dependencies: - process "~0.11.0" - -timers-browserify@^2.0.2: - version "2.0.2" - resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.2.tgz#ab4883cf597dcd50af211349a00fbca56ac86b86" - dependencies: - setimmediate "^1.0.4" - -to-arraybuffer@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43" - -to-fast-properties@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.2.tgz#f3f5c0c3ba7299a7ef99427e44633257ade43320" - -tough-cookie@~2.3.0: - version "2.3.2" - resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.2.tgz#f081f76e4c85720e6c37a5faced737150d84072a" - dependencies: - punycode "^1.4.1" - -trim-newlines@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613" - -trim-right@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003" - -tty-browserify@0.0.0, tty-browserify@~0.0.0: - version "0.0.0" - resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6" - -tunnel-agent@^0.6.0: - version "0.6.0" - resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd" - dependencies: - safe-buffer "^5.0.1" - -tweetnacl@^0.14.3, tweetnacl@~0.14.0: - version "0.14.5" - resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64" - -typedarray@~0.0.5: - version "0.0.6" - resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" - -ua-parser-js@^0.7.9: - version "0.7.12" - resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.12.tgz#04c81a99bdd5dc52263ea29d24c6bf8d4818a4bb" - -uglify-js@^2.8.5: - version "2.8.22" - resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.22.tgz#d54934778a8da14903fa29a326fb24c0ab51a1a0" - dependencies: - source-map "~0.5.1" - yargs "~3.10.0" - optionalDependencies: - uglify-to-browserify "~1.0.0" - -uglify-to-browserify@~1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7" - -uid-number@^0.0.6: - version "0.0.6" - resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81" - -umd@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/umd/-/umd-3.0.1.tgz#8ae556e11011f63c2596708a8837259f01b3d60e" - -unc-path-regex@^0.1.0: - version "0.1.2" - resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa" - -unique-stream@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/unique-stream/-/unique-stream-1.0.0.tgz#d59a4a75427447d9aa6c91e70263f8d26a4b104b" - -url@^0.11.0, url@~0.11.0: - version "0.11.0" - resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1" - dependencies: - punycode "1.3.2" - querystring "0.2.0" - -user-home@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/user-home/-/user-home-1.1.1.tgz#2b5be23a32b63a7c9deb8d0f28d485724a3df190" - -uswds@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/uswds/-/uswds-1.2.1.tgz#df350f5b55ed211301369445cfa285f24231dded" - dependencies: - array-filter "^1.0.0" - array-foreach "^1.0.2" - browserify "^13.0.0" - classlist-polyfill "^1.0.3" - domready "^1.0.8" - elem-dataset "^1.1.1" - lodash.debounce "^4.0.7" - object-assign "^4.1.1" - receptor "^1.0.0" - resolve-id-refs "^0.1.0" - -util-deprecate@~1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" - -util@0.10.3, util@^0.10.3, util@~0.10.1: - version "0.10.3" - resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9" - dependencies: - inherits "2.0.1" - -uuid@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.0.1.tgz#6544bba2dfda8c1cf17e629a3a305e2bb1fee6c1" - -v8flags@^2.0.2: - version "2.0.12" - resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-2.0.12.tgz#73235d9f7176f8e8833fb286795445f7938d84e5" - dependencies: - user-home "^1.1.1" - -validate-npm-package-license@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz#2804babe712ad3379459acfbe24746ab2c303fbc" - dependencies: - spdx-correct "~1.0.0" - spdx-expression-parse "~1.0.0" - -verror@1.3.6: - version "1.3.6" - resolved "https://registry.yarnpkg.com/verror/-/verror-1.3.6.tgz#cff5df12946d297d2baaefaa2689e25be01c005c" - dependencies: - extsprintf "1.0.2" - -vinyl-fs@^0.3.0: - version "0.3.14" - resolved "https://registry.yarnpkg.com/vinyl-fs/-/vinyl-fs-0.3.14.tgz#9a6851ce1cac1c1cea5fe86c0931d620c2cfa9e6" - dependencies: - defaults "^1.0.0" - glob-stream "^3.1.5" - glob-watcher "^0.0.6" - graceful-fs "^3.0.0" - mkdirp "^0.5.0" - strip-bom "^1.0.0" - through2 "^0.6.1" - vinyl "^0.4.0" - -vinyl-sourcemaps-apply@^0.2.0: - version "0.2.1" - resolved "https://registry.yarnpkg.com/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz#ab6549d61d172c2b1b87be5c508d239c8ef87705" - dependencies: - source-map "^0.5.1" - -vinyl@^0.4.0: - version "0.4.6" - resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-0.4.6.tgz#2f356c87a550a255461f36bbeb2a5ba8bf784847" - dependencies: - clone "^0.2.0" - clone-stats "^0.0.1" - -vinyl@^0.5.0: - version "0.5.3" - resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-0.5.3.tgz#b0455b38fc5e0cf30d4325132e461970c2091cde" - dependencies: - clone "^1.0.0" - clone-stats "^0.0.1" - replace-ext "0.0.1" - -vm-browserify@0.0.4, vm-browserify@~0.0.1: - version "0.0.4" - resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-0.0.4.tgz#5d7ea45bbef9e4a6ff65f95438e0a87c357d5a73" - dependencies: - indexof "0.0.1" - -watchpack@^1.3.1: - version "1.3.1" - resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.3.1.tgz#7d8693907b28ce6013e7f3610aa2a1acf07dad87" - dependencies: - async "^2.1.2" - chokidar "^1.4.3" - graceful-fs "^4.1.2" - -webpack-sources@^0.2.3: - version "0.2.3" - resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-0.2.3.tgz#17c62bfaf13c707f9d02c479e0dcdde8380697fb" - dependencies: - source-list-map "^1.1.1" - source-map "~0.5.3" - -webpack@^2.3.3: - version "2.3.3" - resolved "https://registry.yarnpkg.com/webpack/-/webpack-2.3.3.tgz#eecc083c18fb7bf958ea4f40b57a6640c5a0cc78" - dependencies: - acorn "^4.0.4" - acorn-dynamic-import "^2.0.0" - ajv "^4.7.0" - ajv-keywords "^1.1.1" - async "^2.1.2" - enhanced-resolve "^3.0.0" - interpret "^1.0.0" - json-loader "^0.5.4" - loader-runner "^2.3.0" - loader-utils "^0.2.16" - memory-fs "~0.4.1" - mkdirp "~0.5.0" - node-libs-browser "^2.0.0" - source-map "^0.5.3" - supports-color "^3.1.0" - tapable "~0.2.5" - uglify-js "^2.8.5" - watchpack "^1.3.1" - webpack-sources "^0.2.3" - yargs "^6.0.0" - -whatwg-fetch@>=0.10.0: - version "2.0.2" - resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.2.tgz#fe294d1d89e36c5be8b3195057f2e4bc74fc980e" - -which-module@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f" - -which@1, which@^1.2.12, which@^1.2.9: - version "1.2.14" - resolved "https://registry.yarnpkg.com/which/-/which-1.2.14.tgz#9a87c4378f03e827cecaf1acdf56c736c01c14e5" - dependencies: - isexe "^2.0.0" - -wide-align@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.0.tgz#40edde802a71fea1f070da3e62dcda2e7add96ad" - dependencies: - string-width "^1.0.1" - -window-size@0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d" - -window-size@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.2.0.tgz#b4315bb4214a3d7058ebeee892e13fa24d98b075" - -wordwrap@0.0.2: - version "0.0.2" - resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f" - -wrap-ansi@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85" - dependencies: - string-width "^1.0.1" - strip-ansi "^3.0.1" - -wrappy@1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" - -"xtend@>=4.0.0 <4.1.0-0", xtend@^4.0.0, xtend@~4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af" - -y18n@^3.2.1: - version "3.2.1" - resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41" - -yallist@^2.0.0: - version "2.1.2" - resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52" - -yargs-parser@^2.4.1: - version "2.4.1" - resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-2.4.1.tgz#85568de3cf150ff49fa51825f03a8c880ddcc5c4" - dependencies: - camelcase "^3.0.0" - lodash.assign "^4.0.6" - -yargs-parser@^4.2.0: - version "4.2.1" - resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c" - dependencies: - camelcase "^3.0.0" - -yargs@^4.7.1: - version "4.8.1" - resolved "https://registry.yarnpkg.com/yargs/-/yargs-4.8.1.tgz#c0c42924ca4aaa6b0e6da1739dfb216439f9ddc0" - dependencies: - cliui "^3.2.0" - decamelize "^1.1.1" - get-caller-file "^1.0.1" - lodash.assign "^4.0.3" - os-locale "^1.4.0" - read-pkg-up "^1.0.1" - require-directory "^2.1.1" - require-main-filename "^1.0.1" - set-blocking "^2.0.0" - string-width "^1.0.1" - which-module "^1.0.0" - window-size "^0.2.0" - y18n "^3.2.1" - yargs-parser "^2.4.1" - -yargs@^6.0.0: - version "6.6.0" - resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208" - dependencies: - camelcase "^3.0.0" - cliui "^3.2.0" - decamelize "^1.1.1" - get-caller-file "^1.0.1" - os-locale "^1.4.0" - read-pkg-up "^1.0.1" - require-directory "^2.1.1" - require-main-filename "^1.0.1" - set-blocking "^2.0.0" - string-width "^1.0.2" - which-module "^1.0.0" - y18n "^3.2.1" - yargs-parser "^4.2.0" - -yargs@~3.10.0: - version "3.10.0" - resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1" - dependencies: - camelcase "^1.0.2" - cliui "^2.1.0" - decamelize "^1.0.0" - window-size "0.1.0" diff --git a/lerna.json b/lerna.json index 268187f163..95d44f9c4b 100644 --- a/lerna.json +++ b/lerna.json @@ -3,5 +3,5 @@ "packages": [ "packages/*" ], - "version": "1.0.0-rc.2" + "version": "1.0.0" } diff --git a/package.json b/package.json index 149cb1338b..19dae5aee6 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "babel-preset-react": "^6.24.1", "babel-preset-stage-3": "^6.24.1", "babel-register": "^6.24.1", - "browser-sync": "^2.18.12", + "browser-sync": "^2.18.13", "bytes": "^2.5.0", "cli-table": "^0.3.1", "colors": "^1.1.2", @@ -32,28 +32,28 @@ "cssnano": "^3.10.0", "cssstats": "^3.1.0", "del": "^3.0.0", - "ejs": "^2.5.6", - "eslint": "^3.19.0", - "eslint-config-nava": "^1.0.0", + "ejs": "^2.5.7", + "eslint": "^4.4.1", + "eslint-config-nava": "^2.0.0", "eslint-plugin-filenames": "^1.2.0", "eslint-plugin-jest": "^20.0.3", - "eslint-plugin-jsx-a11y": "^5.0.3", - "eslint-plugin-react": "^7.0.1", + "eslint-plugin-jsx-a11y": "^6.0.2", + "eslint-plugin-react": "^7.2.0", "front-matter": "^2.1.2", "generator-cmsgov": "file:./packages/generator-cmsgov", "gulp": "^3.9.1", - "gulp-babel": "^6.1.2", + "gulp-babel": "^7.0.0", "gulp-changed": "^3.1.0", "gulp-changed-in-place": "^2.2.0", "gulp-count": "^0.3.0", - "gulp-eslint": "^3.0.1", + "gulp-eslint": "^4.0.0", "gulp-if": "^2.0.2", - "gulp-merge-json": "^1.0.0", + "gulp-merge-json": "^1.1.0", "gulp-postcss": "^7.0.0", "gulp-sass": "^3.1.0", "gulp-sourcemaps": "^2.6.0", "gulp-string-replace": "^0.4.0", - "gulp-stylelint": "^3.9.0", + "gulp-stylelint": "^4.0.0", "gulp-util": "^3.0.8", "jest": "^20.0.4", "kss": "^3.0.0-beta.18", @@ -67,22 +67,22 @@ "node-sass": "^4.5.3", "postcss-image-inliner": "^1.0.6", "postcss-import": "^10.0.0", - "postcss-url": "^7.0.0", + "postcss-url": "^7.1.1", "prismjs": "^1.6.0", "react": "^15.6.1", - "react-docgen": "^2.16.0", + "react-docgen": "^2.17.0", "react-dom": "^15.6.1", "react-hot-loader": "3.0.0-beta.7", "recast": "^0.12.6", - "run-sequence": "^2.0.0", - "stylelint": "^7.11.0", - "stylelint-order": "^0.5.0", - "stylelint-scss": "^1.4.4", + "run-sequence": "^2.1.0", + "stylelint": "^8.0.0", + "stylelint-order": "^0.6.0", + "stylelint-scss": "^2.0.1", "through2": "^2.0.3", "tota11y": "^0.1.6", "vinyl-source-stream": "^1.1.0", - "webpack": "^3.0.0", - "webpack-dev-middleware": "^1.11.0", + "webpack": "^3.5.3", + "webpack-dev-middleware": "^1.12.0", "webpack-hot-middleware": "^2.18.2", "yargs": "^8.0.2", "yo": "^2.0.0" diff --git a/packages/core/README.md b/packages/core/README.md index bf300948a0..e1231337b3 100644 --- a/packages/core/README.md +++ b/packages/core/README.md @@ -2,8 +2,9 @@ This package contains the following design system assets: - Base styles - Utility classes -- Core Sass/CSS components -- Core React components +- Sass/CSS and React components +- Sass mixins and variables +- Fonts and images ## Installation @@ -25,7 +26,7 @@ or import the transpiled CSS: @import "@cmsgov/design-system-core/dist/index.css"; ``` -[Please view the documentation site for additional information.](https://cmsgov.github.io/design-system/) +[Please view the documentation site for additional information.](https://design.cms.gov/) ## Examples @@ -44,14 +45,14 @@ The design system follows a variation of [ITCSS](http://thomasbyttebier.be/blog/ ``` -โ”œโ”€โ”€ dist Transpiled CSS and fonts -โ””โ”€โ”€ src Sass and JSX +โ”œโ”€โ”€ dist Compiled CSS and JS +โ”œโ”€โ”€ fonts +โ”œโ”€โ”€ images +โ””โ”€โ”€ src Non-compiled Sass and JSX โ”œโ”€โ”€ base Base HTML styles โ”œโ”€โ”€ components Sass and React components โ”‚ย ย  โ”œโ”€โ”€ Button โ”‚ย ย  โ””โ”€โ”€ etc... - โ”œโ”€โ”€ fonts โ”œโ”€โ”€ generics Far reaching selectors - โ”œโ”€โ”€ images โ””โ”€โ”€ utilities Functional CSS classes to apply individual traits ``` diff --git a/packages/core/dist/base/body.css b/packages/core/dist/base/body.css index 8c432d96bb..1dce107950 100644 --- a/packages/core/dist/base/body.css +++ b/packages/core/dist/base/body.css @@ -1 +1 @@ -.ds-base{color:#212121}.ds-base,.ds-base--inverse{font-family:Open Sans,Helvetica,sans-serif;font-size:16px;line-height:1.5}.ds-base--inverse{background-color:#112e51;color:#fff} \ No newline at end of file +.ds-base,.ds-base--inverse{font-family:Open Sans,Helvetica,sans-serif;font-size:16px;line-height:1.5}.ds-base{color:#212121}.ds-base--inverse{background-color:#112e51;color:#fff} \ No newline at end of file diff --git a/packages/core/dist/base/index.css b/packages/core/dist/base/index.css index e75d7de657..d0289df0be 100644 --- a/packages/core/dist/base/index.css +++ b/packages/core/dist/base/index.css @@ -1 +1 @@ -.ds-base{color:#212121}.ds-base,.ds-base--inverse{font-family:Open Sans,Helvetica,sans-serif;font-size:16px;line-height:1.5}.ds-base--inverse{background-color:#112e51;color:#fff}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6,.ds-title{line-height:1.3;margin:0}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4{font-weight:700}.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6{margin-bottom:.5em;margin-top:1.5em}.ds-h1:first-child,.ds-h2:first-child,.ds-h3:first-child,.ds-h4:first-child,.ds-h5:first-child,.ds-h6:first-child{margin-top:0}.ds-h1:last-child,.ds-h2:last-child,.ds-h3:last-child,.ds-h4:last-child,.ds-h5:last-child,.ds-h6:last-child{margin-bottom:0}.ds-display{font-size:60px}.ds-title{font-size:48px;font-weight:400}.ds-h1{font-size:36px}.ds-h2{font-size:24px}.ds-h3{font-size:21px}.ds-h4{font-size:18px}.ds-h5{font-size:16px}.ds-h5,.ds-h6{font-weight:400;text-transform:uppercase}.ds-h6{color:#757575;font-size:14px;letter-spacing:1px}.ds-base--inverse .ds-h6{color:#bac5cf}.ds-text,.ds-text--lead{line-height:1.5;margin-bottom:1em;margin-top:1em}.ds-text--lead:first-child,.ds-text:first-child{margin-top:0}.ds-text--lead:last-child,.ds-text:last-child{margin-bottom:0}.ds-text{font-size:16px}.ds-text--lead{font-size:18px} \ No newline at end of file +.ds-base,.ds-base--inverse{font-family:Open Sans,Helvetica,sans-serif;font-size:16px;line-height:1.5}.ds-base{color:#212121}.ds-base--inverse{background-color:#112e51;color:#fff}a{color:#0071bc}a:focus,a:hover{color:#205493}a:active{color:#112e51}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6,.ds-title{line-height:1.3;margin:0}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4{font-weight:700}.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6{margin-bottom:.5em;margin-top:1.5em}.ds-h1:first-child,.ds-h2:first-child,.ds-h3:first-child,.ds-h4:first-child,.ds-h5:first-child,.ds-h6:first-child{margin-top:0}.ds-h1:last-child,.ds-h2:last-child,.ds-h3:last-child,.ds-h4:last-child,.ds-h5:last-child,.ds-h6:last-child{margin-bottom:0}.ds-display{font-size:36px}@media (min-width:544px){.ds-display{font-size:48px}}@media (min-width:768px){.ds-display{font-size:60px}}.ds-title{font-size:36px;font-weight:400}@media (min-width:768px){.ds-title{font-size:48px}}.ds-h1{font-size:36px}.ds-h2{font-size:24px}.ds-h3{font-size:21px}.ds-h4{font-size:18px}.ds-h5{font-size:16px}.ds-h5,.ds-h6{font-weight:400;text-transform:uppercase}.ds-h6{color:#757575;font-size:14px;letter-spacing:1px}.ds-base--inverse .ds-h6{color:#bac5cf}.ds-text,.ds-text--lead{line-height:1.5;margin-bottom:1em;margin-top:1em}.ds-text--lead:first-child,.ds-text:first-child{margin-top:0}.ds-text--lead:last-child,.ds-text:last-child{margin-bottom:0}.ds-text{font-size:16px}.ds-text--lead{font-size:18px} \ No newline at end of file diff --git a/packages/core/dist/base/typography.css b/packages/core/dist/base/typography.css index bebd004747..acefc30bab 100644 --- a/packages/core/dist/base/typography.css +++ b/packages/core/dist/base/typography.css @@ -1 +1 @@ -.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6,.ds-title{line-height:1.3;margin:0}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4{font-weight:700}.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6{margin-bottom:.5em;margin-top:1.5em}.ds-h1:first-child,.ds-h2:first-child,.ds-h3:first-child,.ds-h4:first-child,.ds-h5:first-child,.ds-h6:first-child{margin-top:0}.ds-h1:last-child,.ds-h2:last-child,.ds-h3:last-child,.ds-h4:last-child,.ds-h5:last-child,.ds-h6:last-child{margin-bottom:0}.ds-display{font-size:60px}.ds-title{font-size:48px;font-weight:400}.ds-h1{font-size:36px}.ds-h2{font-size:24px}.ds-h3{font-size:21px}.ds-h4{font-size:18px}.ds-h5{font-size:16px}.ds-h5,.ds-h6{font-weight:400;text-transform:uppercase}.ds-h6{color:#757575;font-size:14px;letter-spacing:1px}.ds-base--inverse .ds-h6{color:#bac5cf}.ds-text,.ds-text--lead{line-height:1.5;margin-bottom:1em;margin-top:1em}.ds-text--lead:first-child,.ds-text:first-child{margin-top:0}.ds-text--lead:last-child,.ds-text:last-child{margin-bottom:0}.ds-text{font-size:16px}.ds-text--lead{font-size:18px} \ No newline at end of file +a{color:#0071bc}a:focus,a:hover{color:#205493}a:active{color:#112e51}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6,.ds-title{line-height:1.3;margin:0}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4{font-weight:700}.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6{margin-bottom:.5em;margin-top:1.5em}.ds-h1:first-child,.ds-h2:first-child,.ds-h3:first-child,.ds-h4:first-child,.ds-h5:first-child,.ds-h6:first-child{margin-top:0}.ds-h1:last-child,.ds-h2:last-child,.ds-h3:last-child,.ds-h4:last-child,.ds-h5:last-child,.ds-h6:last-child{margin-bottom:0}.ds-display{font-size:36px}@media (min-width:544px){.ds-display{font-size:48px}}@media (min-width:768px){.ds-display{font-size:60px}}.ds-title{font-size:36px;font-weight:400}@media (min-width:768px){.ds-title{font-size:48px}}.ds-h1{font-size:36px}.ds-h2{font-size:24px}.ds-h3{font-size:21px}.ds-h4{font-size:18px}.ds-h5{font-size:16px}.ds-h5,.ds-h6{font-weight:400;text-transform:uppercase}.ds-h6{color:#757575;font-size:14px;letter-spacing:1px}.ds-base--inverse .ds-h6{color:#bac5cf}.ds-text,.ds-text--lead{line-height:1.5;margin-bottom:1em;margin-top:1em}.ds-text--lead:first-child,.ds-text:first-child{margin-top:0}.ds-text--lead:last-child,.ds-text:last-child{margin-bottom:0}.ds-text{font-size:16px}.ds-text--lead{font-size:18px} \ No newline at end of file diff --git a/packages/core/dist/components/ChoiceList/Choice.js b/packages/core/dist/components/ChoiceList/Choice.js index e3e2ef211c..ba4db7c85a 100644 --- a/packages/core/dist/components/ChoiceList/Choice.js +++ b/packages/core/dist/components/ChoiceList/Choice.js @@ -35,11 +35,13 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob * necessary. */ var Choice = function Choice(props) { + /* eslint-disable prefer-const */ var children = props.children, className = props.className, id = props.id, inversed = props.inversed, inputProps = _objectWithoutProperties(props, ['children', 'className', 'id', 'inversed']); + /* eslint-enable prefer-const */ var inputClasses = (0, _classnames2.default)('ds-c-choice', { 'ds-c-choice--inverse': inversed }); @@ -73,9 +75,8 @@ Choice.propTypes = { */ children: _propTypes2.default.node.isRequired, /** - * Setting this prop will render a read-only field and require an `onChange` - * event handler if you'd want to check its checked stated. Use `defaultChecked` - * if you want the field to be mutable. + * **Note**: Setting this prop will render a read-only field. If the field should be + * mutable, use `defaultChecked`. Otherwise, set either `onChange` or `readOnly` */ checked: _propTypes2.default.bool, /** @@ -83,8 +84,8 @@ Choice.propTypes = { */ className: _propTypes2.default.string, /** - * Sets the initial checked state and allows the user to check/uncheck the - * field without also requiring an `onChange` event handler. + * Sets the initial checked state. Use this for an uncontrolled component; + * otherwise, use the `checked` property. */ defaultChecked: _propTypes2.default.bool, /** @@ -97,7 +98,7 @@ Choice.propTypes = { */ inversed: _propTypes2.default.bool, /** - * The `input` `name` attribute + * The `input` field's `name` attribute */ name: _propTypes2.default.string.isRequired, onBlur: _propTypes2.default.func, diff --git a/packages/core/dist/components/ChoiceList/ChoiceList.js b/packages/core/dist/components/ChoiceList/ChoiceList.js index c226020f7d..8d77cf088f 100644 --- a/packages/core/dist/components/ChoiceList/ChoiceList.js +++ b/packages/core/dist/components/ChoiceList/ChoiceList.js @@ -48,14 +48,13 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /** - * A `ChoiceList` component can be used to render a `select` menu, radio + * A `ChoiceList` component can be used to render a select menu, radio * button group, or checkbox group. * - * You can manually pass in the `type` prop, but the real power of this component - * is unleashed when you let it determine the type of fields for you. It takes - * into account accessibility and usability best practices, so you can pass in - * an array of choices and let it determine what type of field would be best for - * the user. + * By default the component determines the type of field for you, taking + * into account accessibility and usability best practices. So, you can pass in + * an array of `choices` and let it determine what type of field would be best for + * the user, or alternatively you can manually pass in the `type` prop. */ var ChoiceList = exports.ChoiceList = function (_React$PureComponent) { _inherits(ChoiceList, _React$PureComponent); @@ -237,7 +236,7 @@ ChoiceList.propTypes = { disabled: _propTypes2.default.bool, errorMessage: _propTypes2.default.string, /** - * Hint text + * Additional hint text to display */ hint: _propTypes2.default.node, /** @@ -245,7 +244,7 @@ ChoiceList.propTypes = { */ inversed: _propTypes2.default.bool, /** - * The label for the entire list of choices + * Label for the field */ label: _propTypes2.default.node.isRequired, /** @@ -257,6 +256,9 @@ ChoiceList.propTypes = { * in a list of checkbox fields to be rendered. */ multiple: _propTypes2.default.bool, + /** + * The field's `name` attribute + */ name: _propTypes2.default.string.isRequired, onBlur: _propTypes2.default.func, onChange: _propTypes2.default.func, diff --git a/packages/core/dist/components/ChoiceList/Select.js b/packages/core/dist/components/ChoiceList/Select.js index 4e32e93914..58f3bd3470 100644 --- a/packages/core/dist/components/ChoiceList/Select.js +++ b/packages/core/dist/components/ChoiceList/Select.js @@ -34,11 +34,13 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob * necessary. */ var Select = function Select(props) { + /* eslint-disable prefer-const */ var children = props.children, className = props.className, id = props.id, inversed = props.inversed, selectProps = _objectWithoutProperties(props, ['children', 'className', 'id', 'inversed']); + /* eslint-enable prefer-const */ var classes = (0, _classnames2.default)('ds-c-field ds-c-field--select', { 'ds-c-field--inverse': inversed }, className); @@ -64,8 +66,8 @@ Select.propTypes = { */ className: _propTypes2.default.string, /** - * Sets the initial `selected` state and allows the user to select a different - * option without also requiring an `onChange` event handler. + * Sets the initial selected state. Use this for an uncontrolled component; + * otherwise, use the `selected` property. */ defaultValue: _propTypes2.default.string, disabled: _propTypes2.default.bool, @@ -79,8 +81,9 @@ Select.propTypes = { */ inversed: _propTypes2.default.bool, /** - * Setting this prop to `true` will result in an error message due to - * accessibility concerns. See the usability guidelines for more info. + * Setting this prop will result in a PropTypes error message due to + * accessibility concerns. Use checkboxes instead if you need to support multiple + * selections. See the Guidance tab for more info. */ multiple: function multiple(props, propName, componentName) { if (props[propName]) { @@ -89,13 +92,15 @@ Select.propTypes = { /* eslint-enable */ } }, + /** + * The `select` field's `name` attribute + */ name: _propTypes2.default.string.isRequired, onBlur: _propTypes2.default.func, onChange: _propTypes2.default.func, /** - * Setting this prop will render a read-only field and require an `onChange` - * event handler if you'd want to change its `selected` stated. Use - * `defaultValue` if you want the field to be mutable. + * **Note**: Setting this prop will render a read-only field. If the field should be + * mutable, use `defaultValue`. Otherwise, set either `onChange` or `readOnly` */ value: _propTypes2.default.string }; diff --git a/packages/core/dist/components/FormLabel/FormLabel.js b/packages/core/dist/components/FormLabel/FormLabel.js index b492eaa6aa..6f3a19dac5 100644 --- a/packages/core/dist/components/FormLabel/FormLabel.js +++ b/packages/core/dist/components/FormLabel/FormLabel.js @@ -110,7 +110,7 @@ FormLabel.propTypes = { */ fieldId: _propTypes2.default.string, /** - * Hint text + * Additional hint text to display */ hint: _propTypes2.default.node, /** diff --git a/packages/core/dist/components/SkipNav/SkipNav.css b/packages/core/dist/components/SkipNav/SkipNav.css new file mode 100644 index 0000000000..e6a0d82552 --- /dev/null +++ b/packages/core/dist/components/SkipNav/SkipNav.css @@ -0,0 +1 @@ +.ds-c-skip-nav{left:0;padding:8px 16px;position:absolute;top:-96px;z-index:1}.ds-c-skip-nav:focus{background-color:#fff;left:0;top:0} \ No newline at end of file diff --git a/packages/core/dist/components/SkipNav/SkipNav.js b/packages/core/dist/components/SkipNav/SkipNav.js new file mode 100644 index 0000000000..652ff96a05 --- /dev/null +++ b/packages/core/dist/components/SkipNav/SkipNav.js @@ -0,0 +1,38 @@ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.SkipNav = SkipNav; + +var _propTypes = require('prop-types'); + +var _propTypes2 = _interopRequireDefault(_propTypes); + +var _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function SkipNav(props) { + return _react2.default.createElement( + 'a', + { className: 'ds-c-skip-nav', href: props.href }, + props.children + ); +} + +SkipNav.defaultProps = { + children: 'Skip to main content' +}; + +SkipNav.propTypes = { + children: _propTypes2.default.node.isRequired, + /** + * The anchor or target for the link (where the link will jump the user to) + */ + href: _propTypes2.default.string.isRequired +}; + +exports.default = SkipNav; \ No newline at end of file diff --git a/packages/core/dist/components/Tabs/Tab.js b/packages/core/dist/components/Tabs/Tab.js index 93df2248d5..4972753189 100644 --- a/packages/core/dist/components/Tabs/Tab.js +++ b/packages/core/dist/components/Tabs/Tab.js @@ -86,8 +86,8 @@ Tab.propTypes = { */ id: _propTypes2.default.string.isRequired, /** - * You can optionally set the `href` attribute used for the tab. This can be - * useful if you want to use relative links rather than a URL hash (the default) + * Sets the `href` attribute used for the tab. This can be useful if you want + * to use relative links rather than a URL hash (the default). */ href: _propTypes2.default.string, /** @@ -97,7 +97,7 @@ Tab.propTypes = { */ onClick: _propTypes2.default.func, /** - * The `id` of the associated `TabPanel`. Used for the `aria-controls` attribute + * The `id` of the associated `TabPanel`. Used for the `aria-controls` attribute. */ panelId: _propTypes2.default.string.isRequired, selected: _propTypes2.default.bool diff --git a/packages/core/dist/components/Tabs/TabPanel.js b/packages/core/dist/components/Tabs/TabPanel.js index fc2ebac5dc..280abac736 100644 --- a/packages/core/dist/components/Tabs/TabPanel.js +++ b/packages/core/dist/components/Tabs/TabPanel.js @@ -19,6 +19,10 @@ var _classnames2 = _interopRequireDefault(_classnames); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +/** + * A `TabPanel` is a presentational component which accepts a tab's content as + * its `children`. + */ function TabPanel(props) { var classes = (0, _classnames2.default)('ds-c-tabs__panel', props.className); @@ -71,7 +75,7 @@ TabPanel.propTypes = { // this id within the Tabs component. Otherwise React will yell at you even // though it's ultimately being passed in. /** - * The `id` of the associated `Tab`. Used for the `aria-labelledby` attribute + * The `id` of the associated `Tab`. Used for the `aria-labelledby` attribute. */ tabId: _propTypes2.default.string }; diff --git a/packages/core/dist/components/Tabs/Tabs.js b/packages/core/dist/components/Tabs/Tabs.js index 50a28ad127..c3659e1239 100644 --- a/packages/core/dist/components/Tabs/Tabs.js +++ b/packages/core/dist/components/Tabs/Tabs.js @@ -73,8 +73,8 @@ function isTabPanel(child) { } /** - * A container component that manages the state of your tabs for you. For most - * cases, you'll want to use this component rather than the presentational + * `Tabs` is a container component that manages the state of your tabs for you. + * In most cases, you'll want to use this component rather than the presentational * components (`Tab`, `TabPanel`) on their own. */ @@ -203,8 +203,8 @@ var Tabs = exports.Tabs = function (_React$PureComponent) { Tabs.propTypes = { children: _propTypes2.default.node.isRequired, /** - * Default selected `TabPanel`'s `id`. If this isn't set, the first `TabPanel` - * will be selected. + * Sets the initial selected `TabPanel` state. If this isn't set, the first + * `TabPanel` will be selected. */ defaultSelectedId: _propTypes2.default.string, /** diff --git a/packages/core/dist/components/TextField/TextField.js b/packages/core/dist/components/TextField/TextField.js index 6f48ef203e..992eb4e7c1 100644 --- a/packages/core/dist/components/TextField/TextField.js +++ b/packages/core/dist/components/TextField/TextField.js @@ -36,9 +36,8 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /** -The `TextField` component affords a user to type text into a form. -By default it renders a field for capturing a single line of text, -but can be configured to support multiline text. + * A `TextField` component renders an input field as well as supporting UI + * elements like a label, error message, and hint text. */ var TextField = exports.TextField = function (_React$PureComponent) { _inherits(TextField, _React$PureComponent); @@ -104,12 +103,12 @@ TextField.defaultProps = { TextField.propTypes = { /** - * Additional classes to be added to the root element + * Additional classes to be added to the root `div` element */ className: _propTypes2.default.string, /** - * Default value of the text field, if any. Use this for an uncontrolled - * component; otherwise, use the `value` property + * Sets the initial value. Use this for an uncontrolled component; otherwise, + * use the `value` property. */ defaultValue: _propTypes2.default.string, disabled: _propTypes2.default.bool, @@ -119,7 +118,7 @@ TextField.propTypes = { */ fieldClassName: _propTypes2.default.string, /** - * Hint text + * Additional hint text to display */ hint: _propTypes2.default.node, /** @@ -127,11 +126,11 @@ TextField.propTypes = { */ inversed: _propTypes2.default.bool, /** - * The label for the entire list of choices + * Label for the input */ label: _propTypes2.default.node.isRequired, /** - * Additional classes to be added to the `FormLabel` + * Additional classes to be added to the label */ labelClassName: _propTypes2.default.string, /** @@ -142,8 +141,8 @@ TextField.propTypes = { onBlur: _propTypes2.default.func, onChange: _propTypes2.default.func, /** - * Optionally specify the number of visible text lines for the control. Only - * applicable if this is a multiline field + * Optionally specify the number of visible text lines for the field. Only + * applicable if this is a multiline field. */ rows: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]), /** @@ -151,8 +150,8 @@ TextField.propTypes = { */ type: _propTypes2.default.string, /** - * Current value of the text field. Use this for a controlled component where - * you are maintaining its current state; otherwise, use the `defaultValue` property + * **Note**: Setting this prop will render a read-only field. If the field should be + * mutable, use `defaultValue`. Otherwise, set `onChange` or `disabled`. */ value: _propTypes2.default.string }; diff --git a/packages/core/dist/components/VerticalNav/VerticalNav.css b/packages/core/dist/components/VerticalNav/VerticalNav.css index 1d7ee83ff0..51339ea963 100644 --- a/packages/core/dist/components/VerticalNav/VerticalNav.css +++ b/packages/core/dist/components/VerticalNav/VerticalNav.css @@ -1 +1 @@ -.ds-c-vertical-nav{list-style:none;margin:0;padding:0}.ds-c-vertical-nav>.ds-c-vertical-nav__item{background-color:transparent;border-top:1px solid #5b616b}.ds-c-vertical-nav>.ds-c-vertical-nav__item:first-child{border-top:0}.ds-c-vertical-nav__item{position:relative}.ds-c-vertical-nav__link{border-left:4px solid transparent;color:#212121;display:block;line-height:1.3;padding:8px 16px;text-decoration:none}.ds-c-vertical-nav__link--current{border-left-color:#0071bc;color:#0071bc;font-weight:700}.ds-c-vertical-nav__link--parent{margin-right:40px}a.ds-c-vertical-nav__link:hover{background-color:#f1f1f1;color:#0071bc;text-decoration:none}.ds-c-vertical-nav__subnav{list-style:none;margin:0;padding:0}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__item{font-size:14px}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__link{line-height:1.3;padding-left:24px}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__link--current{border-color:transparent}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__subnav .ds-c-vertical-nav__link{padding-left:32px}.ds-c-vertical-nav__subnav-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAn0lEQVQ4je3SwRECIQxA0T97Enpwx3a2TOlCXV0qceyBAuIBRmWBLB6dMZxC8jgkwD9eccATcBi1y+IIeEaAkQeCIMwKs9xS1509+JRo7E0EYYHwkdaZ5Zr1BHDZRcnMighHMMwKK8mZXSy0WFlJpP7ejNFJi22Q2ozW51JfR76NLqIxhbTYBqmxDhLZ0vwfKovjPvUTgIGJieEb8tvxBHgowtBhwYKpAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%2020.7706835L25.368705%209.89253597C25.7895683%209.48920863%2026%208.99235612%2026%208.39028777c0-.60206835-.2104317-1.09892086-.631295-1.5022482l-1.2508992-1.26843525C23.7086331%205.21043165%2023.2059353%205%2022.6155576%205c-.5786871%200-1.0872303.20458633-1.5197842.61960432L13%2013.7270683%204.89253597%205.61960432C4.4833633%205.21043165%203.98066547%205%203.39028777%205c-.57868705%200-1.08723022.20458633-1.51978417.61960432L.61960432%206.88803957C.21043166%207.29721223%200%207.79991007%200%208.39028777c0%20.5903777.20458633%201.09307554.61960432%201.5022482L11.4802158%2020.7706835c.432554.4091726.9410971.6196043%201.5197842.6196043.5903777%200%201.0930755-.2045864%201.5022482-.6196043z%22%2F%3E%3C%2Fsvg%3E');background-position:50%;background-repeat:no-repeat;background-size:14px;border:0;cursor:pointer;font-size:inherit;line-height:1.3;padding-bottom:8px;padding-top:8px;position:absolute;right:0;text-indent:-9999px;top:0;width:40px}.ds-c-vertical-nav__subnav-toggle:hover{background-color:#f1f1f1}.ds-c-vertical-nav__subnav-toggle[aria-expanded=true]{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAkklEQVQ4y+3SMRKCMBRF0bsLtsAS0I1kGCsVZeW/1cGWMaGIIxCSH1Lr68/MKy78zk4IQltCeiwOh+W6l9w/pIAtiWeXUrKD3SIkw1JEYSEZGHKs25CGJmBvzjkCaCxFAA5x1irEs1fADIhKYkzWKEa2TJb3UgTg+GUW49MZcTwU4tkTxzgHXGOosilXGGr+mzcBgEfC5p/5oAUAAAAASUVORK5CYII=');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%204.61960432L25.368705%2015.4977518C25.7895683%2015.9010791%2026%2016.3979317%2026%2017c0%20.6020683-.2104317%201.0989209-.631295%201.5022482l-1.2508992%201.2684353c-.4091727.4091726-.9118705.6196043-1.5022482.6196043-.5786871%200-1.0872303-.2045864-1.5197842-.6196043L13%2011.6632194l-8.10746403%208.1074641c-.40917266.4091726-.9118705.6196043-1.5022482.6196043-.57868705%200-1.08723022-.2045864-1.51978417-.6196043L.61960432%2018.5022482C.21043166%2018.0930755%200%2017.5903777%200%2017c0-.5903777.20458633-1.0930755.61960432-1.5022482L11.4802158%204.61960432C11.9127698%204.21043165%2012.4213129%204%2013%204c.5903777%200%201.0930755.20458633%201.5022482.61960432z%22%2F%3E%3C%2Fsvg%3E')} \ No newline at end of file +.ds-c-vertical-nav{list-style:none;margin:0;padding:0}.ds-c-vertical-nav>.ds-c-vertical-nav__item{background-color:transparent;border-top:1px solid #5b616b}.ds-c-vertical-nav>.ds-c-vertical-nav__item:first-child{border-top:0}.ds-c-vertical-nav__item{position:relative}.ds-c-vertical-nav__label{border-left:4px solid transparent;color:#212121;display:block;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;line-height:1.3;padding:8px 16px;text-align:left;text-decoration:none}.ds-c-vertical-nav__label--current{border-left-color:#0071bc;color:#0071bc;font-weight:700}.ds-c-vertical-nav__label--parent{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAn0lEQVQ4je3SwRECIQxA0T97Enpwx3a2TOlCXV0qceyBAuIBRmWBLB6dMZxC8jgkwD9eccATcBi1y+IIeEaAkQeCIMwKs9xS1509+JRo7E0EYYHwkdaZ5Zr1BHDZRcnMighHMMwKK8mZXSy0WFlJpP7ejNFJi22Q2ozW51JfR76NLqIxhbTYBqmxDhLZ0vwfKovjPvUTgIGJieEb8tvxBHgowtBhwYKpAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%2020.7706835L25.368705%209.89253597C25.7895683%209.48920863%2026%208.99235612%2026%208.39028777c0-.60206835-.2104317-1.09892086-.631295-1.5022482l-1.2508992-1.26843525C23.7086331%205.21043165%2023.2059353%205%2022.6155576%205c-.5786871%200-1.0872303.20458633-1.5197842.61960432L13%2013.7270683%204.89253597%205.61960432C4.4833633%205.21043165%203.98066547%205%203.39028777%205c-.57868705%200-1.08723022.20458633-1.51978417.61960432L.61960432%206.88803957C.21043166%207.29721223%200%207.79991007%200%208.39028777c0%20.5903777.20458633%201.09307554.61960432%201.5022482L11.4802158%2020.7706835c.432554.4091726.9410971.6196043%201.5197842.6196043.5903777%200%201.0930755-.2045864%201.5022482-.6196043z%22%2F%3E%3C%2Fsvg%3E');background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border-bottom:0;border-right:0;border-top:0;cursor:pointer;padding-right:40px;width:100%}.ds-c-vertical-nav__label--parent[aria-expanded=true]{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAkklEQVQ4y+3SMRKCMBRF0bsLtsAS0I1kGCsVZeW/1cGWMaGIIxCSH1Lr68/MKy78zk4IQltCeiwOh+W6l9w/pIAtiWeXUrKD3SIkw1JEYSEZGHKs25CGJmBvzjkCaCxFAA5x1irEs1fADIhKYkzWKEa2TJb3UgTg+GUW49MZcTwU4tkTxzgHXGOosilXGGr+mzcBgEfC5p/5oAUAAAAASUVORK5CYII=');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%204.61960432L25.368705%2015.4977518C25.7895683%2015.9010791%2026%2016.3979317%2026%2017c0%20.6020683-.2104317%201.0989209-.631295%201.5022482l-1.2508992%201.2684353c-.4091727.4091726-.9118705.6196043-1.5022482.6196043-.5786871%200-1.0872303-.2045864-1.5197842-.6196043L13%2011.6632194l-8.10746403%208.1074641c-.40917266.4091726-.9118705.6196043-1.5022482.6196043-.57868705%200-1.08723022-.2045864-1.51978417-.6196043L.61960432%2018.5022482C.21043166%2018.0930755%200%2017.5903777%200%2017c0-.5903777.20458633-1.0930755.61960432-1.5022482L11.4802158%204.61960432C11.9127698%204.21043165%2012.4213129%204%2013%204c.5903777%200%201.0930755.20458633%201.5022482.61960432z%22%2F%3E%3C%2Fsvg%3E')}.ds-c-vertical-nav__label--parent:hover,a.ds-c-vertical-nav__label:hover{background-color:#f1f1f1;color:#0071bc;text-decoration:none}.ds-c-vertical-nav__subnav{list-style:none;margin:0;padding:0}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__label{font-size:14px;line-height:1.3;padding-left:24px}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__label--current{border-color:transparent}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__subnav .ds-c-vertical-nav__label{padding-left:32px} \ No newline at end of file diff --git a/packages/core/dist/components/VerticalNav/VerticalNav.js b/packages/core/dist/components/VerticalNav/VerticalNav.js index b1983ab59e..3f8baa5ef8 100644 --- a/packages/core/dist/components/VerticalNav/VerticalNav.js +++ b/packages/core/dist/components/VerticalNav/VerticalNav.js @@ -34,7 +34,7 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /** - * The `VerticalNav` React component accepts list items as a JSON object and + * A `VerticalNav` component accepts list items as a JSON object and * includes additional functionality like collapsible nested menus. */ var VerticalNav = exports.VerticalNav = function (_React$PureComponent) { diff --git a/packages/core/dist/components/VerticalNav/VerticalNavItem.js b/packages/core/dist/components/VerticalNav/VerticalNavItem.js index b0a20eaaa3..1b1ef2b8a1 100644 --- a/packages/core/dist/components/VerticalNav/VerticalNavItem.js +++ b/packages/core/dist/components/VerticalNav/VerticalNavItem.js @@ -19,6 +19,10 @@ var _VerticalNav = require('./VerticalNav'); var _VerticalNav2 = _interopRequireDefault(_VerticalNav); +var _VerticalNavItemLabel = require('./VerticalNavItemLabel'); + +var _VerticalNavItemLabel2 = _interopRequireDefault(_VerticalNavItemLabel); + var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames); @@ -43,14 +47,10 @@ var VerticalNavItem = exports.VerticalNavItem = function (_React$PureComponent) var _this = _possibleConstructorReturn(this, (VerticalNavItem.__proto__ || Object.getPrototypeOf(VerticalNavItem)).call(this, props)); - _this.handleLinkClick = _this.handleLinkClick.bind(_this); - _this.handleToggleClick = _this.handleToggleClick.bind(_this); + _this.handleLabelClick = _this.handleLabelClick.bind(_this); _this.id = _this.props.id || (0, _lodash2.default)('VerticalNavItem_'); _this.subnavId = _this.id + '__subnav'; - - _this.state = { - collapsed: _this.props.defaultCollapsed - }; + _this.state = { collapsed: _this.props.defaultCollapsed }; return _this; } @@ -61,9 +61,32 @@ var VerticalNavItem = exports.VerticalNavItem = function (_React$PureComponent) this.props.onSubnavToggle(this.props.id, this.state.collapsed); } } + + /** + * Called when VerticalNavItemLabel is clicked. Since the "label" could be + * a link, subnav toggle button, or plain text, we use this method to + * determine what action to take and which event to actually fire. + * @param {Object} SyntheticEvent + */ + }, { - key: 'handleLinkClick', - value: function handleLinkClick(evt) { + key: 'handleLabelClick', + value: function handleLabelClick(evt) { + if (this.hasSubnav()) { + return this.handleToggleClick(); + } + + return this.handleClick(evt); + } + + /** + * Note: This event handler will only get called when the VerticalNavItemLabel + * is a link or plain text + */ + + }, { + key: 'handleClick', + value: function handleClick(evt) { if (this.props.onClick) { this.props.onClick(evt, this.id, this.props.url); } @@ -76,11 +99,12 @@ var VerticalNavItem = exports.VerticalNavItem = function (_React$PureComponent) }, { key: 'hasSubnav', value: function hasSubnav() { - return this.props.items && this.props.items.length; + return Boolean(this.props.items && this.props.items.length > 0); } /** * Check if this item is selected or if it is a parent of a selected item + * @return {Boolean} */ }, { @@ -91,11 +115,14 @@ var VerticalNavItem = exports.VerticalNavItem = function (_React$PureComponent) if (this.props._selectedId && this.hasSubnav()) { return this.childIsSelected(this.props.items); } + + return false; } /** * Checks if a descendant is selected * @param {Array} children - The nested items + * @return {Boolean} */ }, { @@ -112,22 +139,19 @@ var VerticalNavItem = exports.VerticalNavItem = function (_React$PureComponent) return false; } }, { - key: 'renderSubnavToggle', - value: function renderSubnavToggle() { - if (this.hasSubnav()) { - var label = this.state.collapsed ? this.props.ariaCollapsedStateButtonLabel : this.props.ariaExpandedStateButtonLabel; - - return _react2.default.createElement( - 'button', - { - 'aria-controls': this.subnavId, - 'aria-expanded': !this.state.collapsed, - className: 'ds-c-vertical-nav__subnav-toggle', - onClick: this.handleToggleClick - }, - label - ); + key: 'subnavItems', + value: function subnavItems() { + if (this.props.url) { + // Since the VerticalNavItemLabel will just toggle the subnav, we + // add a link to the top of the subnav for this item. Otherwise there + // wouldn't be a way to actually visit its URL + var item = Object.assign({}, this.props); + delete item.items; + + return [item].concat(this.props.items); } + + return this.props.items; } }, { key: 'renderSubnav', @@ -137,7 +161,7 @@ var VerticalNavItem = exports.VerticalNavItem = function (_React$PureComponent) selectedId: this.props._selectedId, collapsed: this.state.collapsed, id: this.subnavId, - items: this.props.items, + items: this.subnavItems(), nested: true }); } @@ -146,25 +170,21 @@ var VerticalNavItem = exports.VerticalNavItem = function (_React$PureComponent) key: 'render', value: function render() { var classes = (0, _classnames2.default)('ds-c-vertical-nav__item', this.props.className); - var LinkComponent = this.props.url ? 'a' : 'div'; - var linkProps = { - className: (0, _classnames2.default)('ds-c-vertical-nav__link', { - 'ds-c-vertical-nav__link--current': this.isSelected(), - 'ds-c-vertical-nav__link--parent': this.hasSubnav() - }), - href: this.props.url ? this.props.url : undefined, - onClick: this.props.onClick ? this.handleLinkClick : undefined - }; return _react2.default.createElement( 'li', { className: classes }, - _react2.default.createElement( - LinkComponent, - linkProps, - this.props.label - ), - this.renderSubnavToggle(), + _react2.default.createElement(_VerticalNavItemLabel2.default, { + ariaCollapsedStateButtonLabel: this.props.ariaCollapsedStateButtonLabel, + ariaExpandedStateButtonLabel: this.props.ariaExpandedStateButtonLabel, + collapsed: this.state.collapsed, + label: this.props.label, + hasSubnav: this.hasSubnav(), + onClick: this.handleLabelClick, + selected: this.isSelected(), + subnavId: this.subnavId, + url: this.props.url + }), this.renderSubnav() ); } @@ -174,6 +194,9 @@ var VerticalNavItem = exports.VerticalNavItem = function (_React$PureComponent) }(_react2.default.PureComponent); VerticalNavItem.defaultProps = { + // Unfortunately, we're defining these default ARIA pros here and in + // VerticalNavItemLabel. We define them here so they show in the docs. + // TODO(sawyer): Update react-docgen so we don't have to do this ariaCollapsedStateButtonLabel: 'Expand sub-navigation', ariaExpandedStateButtonLabel: 'Collapse sub-navigation', defaultCollapsed: false @@ -199,7 +222,7 @@ VerticalNavItem.propTypes = { */ defaultCollapsed: _propTypes2.default.bool, /** - * Called when the item is clicked, with the following arguments: + * Called when the link is clicked, with the following arguments: * [`SyntheticEvent`](https://facebook.github.io/react/docs/events.html), * `id`, `url`. * diff --git a/packages/core/dist/components/VerticalNav/VerticalNavItemLabel.js b/packages/core/dist/components/VerticalNav/VerticalNavItemLabel.js new file mode 100644 index 0000000000..8babc0c1bb --- /dev/null +++ b/packages/core/dist/components/VerticalNav/VerticalNavItemLabel.js @@ -0,0 +1,127 @@ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.VerticalNavItemLabel = undefined; + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _propTypes = require('prop-types'); + +var _propTypes2 = _interopRequireDefault(_propTypes); + +var _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +var _classnames = require('classnames'); + +var _classnames2 = _interopRequireDefault(_classnames); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + +var VerticalNavItemLabel = exports.VerticalNavItemLabel = function (_React$PureComponent) { + _inherits(VerticalNavItemLabel, _React$PureComponent); + + function VerticalNavItemLabel(props) { + _classCallCheck(this, VerticalNavItemLabel); + + var _this = _possibleConstructorReturn(this, (VerticalNavItemLabel.__proto__ || Object.getPrototypeOf(VerticalNavItemLabel)).call(this, props)); + + _this.handleClick = _this.handleClick.bind(_this); + _this.LabelComponent = _this.componentType(); + return _this; + } + + /** + * The type of element rendered ultimately depends on whether + * this is meant to be a subnav toggle, link, or generic label + * @return {String} The type of HTML tag + */ + + + _createClass(VerticalNavItemLabel, [{ + key: 'componentType', + value: function componentType() { + if (this.props.hasSubnav) { + return 'button'; + } else if (this.props.url) { + return 'a'; + } + + return 'div'; + } + }, { + key: 'handleClick', + value: function handleClick(evt) { + this.props.onClick(evt); + } + }, { + key: 'anchorProps', + value: function anchorProps() { + return { + href: this.props.url + }; + } + }, { + key: 'buttonProps', + value: function buttonProps() { + return { + 'aria-controls': this.props.subnavId, + 'aria-expanded': !this.props.collapsed, + title: this.props.collapsed ? this.props.ariaCollapsedStateButtonLabel : this.props.ariaExpandedStateButtonLabel + }; + } + }, { + key: 'render', + value: function render() { + var props = { + className: (0, _classnames2.default)('ds-c-vertical-nav__label', { + 'ds-c-vertical-nav__label--current': this.props.selected, + 'ds-c-vertical-nav__label--parent': this.props.hasSubnav + }), + onClick: this.props.onClick ? this.handleClick : undefined + }; + + if (this.LabelComponent === 'a') { + props = Object.assign(props, this.anchorProps()); + } else if (this.LabelComponent === 'button') { + props = Object.assign(props, this.buttonProps()); + } + + return _react2.default.createElement( + this.LabelComponent, + props, + this.props.label + ); + } + }]); + + return VerticalNavItemLabel; +}(_react2.default.PureComponent); + +VerticalNavItemLabel.defaultProps = { + ariaCollapsedStateButtonLabel: 'Expand sub-navigation', + ariaExpandedStateButtonLabel: 'Collapse sub-navigation' +}; + +VerticalNavItemLabel.propTypes = { + ariaCollapsedStateButtonLabel: _propTypes2.default.string, + ariaExpandedStateButtonLabel: _propTypes2.default.string, + collapsed: _propTypes2.default.bool, + hasSubnav: _propTypes2.default.bool, + label: _propTypes2.default.node.isRequired, + onClick: _propTypes2.default.func, + selected: _propTypes2.default.bool, + subnavId: _propTypes2.default.string.isRequired, + url: _propTypes2.default.string +}; + +exports.default = VerticalNavItemLabel; \ No newline at end of file diff --git a/packages/core/dist/components/index.js b/packages/core/dist/components/index.js index 1f3fa2afeb..83b75e9bfb 100644 --- a/packages/core/dist/components/index.js +++ b/packages/core/dist/components/index.js @@ -88,6 +88,18 @@ Object.keys(_FormLabel).forEach(function (key) { }); }); +var _SkipNav = require('./SkipNav/SkipNav'); + +Object.keys(_SkipNav).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _SkipNav[key]; + } + }); +}); + var _Tab = require('./Tabs/Tab'); Object.keys(_Tab).forEach(function (key) { @@ -158,4 +170,16 @@ Object.keys(_VerticalNavItem).forEach(function (key) { return _VerticalNavItem[key]; } }); +}); + +var _VerticalNavItemLabel = require('./VerticalNav/VerticalNavItemLabel'); + +Object.keys(_VerticalNavItemLabel).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _VerticalNavItemLabel[key]; + } + }); }); \ No newline at end of file diff --git a/packages/core/dist/index.css b/packages/core/dist/index.css index 673fdb8cbb..d13de8d637 100644 --- a/packages/core/dist/index.css +++ b/packages/core/dist/index.css @@ -1 +1 @@ -/*! Design System - Core v1.0.0-rc.2 */@font-face{font-family:Bitter;font-style:normal;font-weight:400;src:url(fonts/Bitter-Regular.eot);src:url(fonts/Bitter-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/Bitter-Regular.woff2) format("woff2"),url(fonts/Bitter-Regular.woff) format("woff"),url(fonts/Bitter-Regular.ttf) format("truetype")}@font-face{font-family:Bitter;font-style:normal;font-weight:700;src:url(fonts/Bitter-Bold.eot);src:url(fonts/Bitter-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Bitter-Bold.woff2) format("woff2"),url(fonts/Bitter-Bold.woff) format("woff"),url(fonts/Bitter-Bold.ttf) format("truetype")}@font-face{font-family:Bitter;font-style:italic;font-weight:400;src:url(fonts/Bitter-Italic.eot);src:url(fonts/Bitter-Italic.eot?#iefix) format("embedded-opentype"),url(fonts/Bitter-Italic.woff2) format("woff2"),url(fonts/Bitter-Italic.woff) format("woff"),url(fonts/Bitter-Italic.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url(fonts/OpenSans-Regular-webfont.eot);src:url(fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/OpenSans-Regular-webfont.woff2) format("woff2"),url(fonts/OpenSans-Regular-webfont.woff) format("woff"),url(fonts/OpenSans-Regular-webfont.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:italic;font-weight:400;src:url(fonts/OpenSans-Italic-webfont.eot);src:url(fonts/OpenSans-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/OpenSans-Italic-webfont.woff2) format("woff2"),url(fonts/OpenSans-Italic-webfont.woff) format("woff"),url(fonts/OpenSans-Italic-webfont.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;src:url(fonts/OpenSans-Semibold-webfont.eot);src:url(fonts/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/OpenSans-Semibold-webfont.woff2) format("woff2"),url(fonts/OpenSans-Semibold-webfont.woff) format("woff"),url(fonts/OpenSans-Semibold-webfont.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:url(fonts/OpenSans-Bold-webfont.eot);src:url(fonts/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/OpenSans-Bold-webfont.woff2) format("woff2"),url(fonts/OpenSans-Bold-webfont.woff) format("woff"),url(fonts/OpenSans-Bold-webfont.ttf) format("truetype")}.ds-base{color:#212121}.ds-base,.ds-base--inverse{font-family:Open Sans,Helvetica,sans-serif;font-size:16px;line-height:1.5}.ds-base--inverse{background-color:#112e51;color:#fff}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6,.ds-title{line-height:1.3;margin:0}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4{font-weight:700}.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6{margin-bottom:.5em;margin-top:1.5em}.ds-h1:first-child,.ds-h2:first-child,.ds-h3:first-child,.ds-h4:first-child,.ds-h5:first-child,.ds-h6:first-child{margin-top:0}.ds-h1:last-child,.ds-h2:last-child,.ds-h3:last-child,.ds-h4:last-child,.ds-h5:last-child,.ds-h6:last-child{margin-bottom:0}.ds-display{font-size:60px}.ds-title{font-size:48px;font-weight:400}.ds-h1{font-size:36px}.ds-h2{font-size:24px}.ds-h3{font-size:21px}.ds-h4{font-size:18px}.ds-h5{font-size:16px}.ds-h5,.ds-h6{font-weight:400;text-transform:uppercase}.ds-h6{color:#757575;font-size:14px;letter-spacing:1px}.ds-base--inverse .ds-h6{color:#bac5cf}.ds-text,.ds-text--lead{line-height:1.5;margin-bottom:1em;margin-top:1em}.ds-text--lead:first-child,.ds-text:first-child{margin-top:0}.ds-text--lead:last-child,.ds-text:last-child{margin-bottom:0}.ds-text{font-size:16px}.ds-text--lead{font-size:18px}.ds-c-alert{background-color:#e1f3f8;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAEqCAMAAACV5O0dAAACf1BMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnoH6uAAAA1XRSTlMABAwUHCQsNDxEDic/WHGJorrT6/z/AR5HcJjB6sKZHwg9d6PM9M2keD4JTorF+ceLTxlgnNfYMH7L/gdJluJXrjGT7RNuzwJIqmja238i9fap/aw3KrC0G58dEIj3EXPudFvhJr28Bvh7BUDVO1/oraYP4986gwMhxsRZ8fDDGsldyjbm4Oc4Q2G1kLeCuxJV3Cvl6S817O/yRk1TWvtR89m4jgrOI4SdSm2bgSmSC2MoILEYhlCyFnY5lciUhbYVr7NLnoBU0VZFq9SgeZHkmg1M0I1bEDoHAAAKgUlEQVR4AezJMwIDQQAAwL21jVP8/z+mjNGF0w54Jx1EmFDGheCMEoxgd7x/UmljnQ8x5XIhpxi8s0YrCX5Ybf0wTnN50rxYDv2qgh+z3mx3e3LoAduWI4AC6Im9lHuibyM/z7Zt27Zt27bfNDOEq+ru6uo9hP32HV3w7v2Hj58+wxq++ffLfx50i4enl/c3UJuPr58/BQnw8/WBogKDgkMoVEhwUCBUExoWHkFNRISHhSr0FBn1jhp6FxWpxlZ0TCw1FxsTDZOLi0+gThLi42BaiUnJHtSRR3JSIszoZUoqdZeW8hlmExf0lIZ4mv4NzCQjJpOGyQr/DmbxQ7aNhsrJzYMZ5BdQAoXfQ3ZFfjZKIae4BDIrLcuiNMq/VEBWoZWxlEpV9UtIqaaW0qmtgXzq6imlhu8gl8agJkqqvLkFEmkNoMTa2iGLuGLKLeR5KaTQ8Tul1xkJ41V00RS6e2CwX3tpEn39MNJXAzk0DVv6IAwzNExTGXkBg4yO0WTGf4MRXhZThPEJv38c4DcxThGKX0J3k1MUoGoaDpuuogAzRdDZ7BwFmPeBE3zmKcDCInQ13UQBQpbglKUQCtC0DP0kelGIFThphUKsDkInPWsUYx1OWqcYG5vQRUYABdmCk7YoyHYddLCzS1GS4KQkirK3D80dHFKFKh71Q2Otx1Sjipkn0NRpOVWposcZNHR+QXWqaFuGZlJyqFIVQ/7WbIpUq4r8G5o4z1GvKqQDGji9oHpVtF1CuNZyqljFpiUIdnBMNat4lQehdg6pahVjv4dAGbtUt4pzGRCm9JoqV/G6FIIM3lDtKt4MQoxbql7FWwixTPWruAwB+j2sUOXRD7eVdNIKVewsgZvu7mmNKt7fwT3dtEoVu+EWX1qnih1ww8OVlaquHuCyr6ZopSpOfQVXPdJaVXyEiz7lWK0q5xNcUlpLq1WxthSuyKb1qpgNF5zTilX8n727YG5bXcI4/tgODhc2Ze45genoQtm5zKfMzOhMuQ0MlJmZMcxMZWbGD3QbJsdaRX6VibS/DxD4hxzp1e4NGHaqvzNT9T8Fo3JJvTwYlEfq5cKgdWSBfBiUTxZYB0Pi08gCBTCogCyQFg8jCskKBxfCkIUHyQqFMKBII0vMhyHzyRJaEdiidpJFikvAVlJMFtkZBa5Sskxi4fWwMoaw64WJZJlSMGXuJ4fbnwmeBHK8BLB4tkuq7R5wHCMSx8BQrhEJrRz6okn8FA1dY70kfvKOhZ50ErXSoSOCRL0IBFZBol4FAirzkqjnLeNeEBIFCKDSR42ErxLtq6JmRBXa5V5GzYhlbrSnDwneg12ulSRaWOmCf9XUiqiGf7dJ8F6GVt6kVsTNO/DnLok2lsKf0STa6A4/7pHwI1z+/eO6jzYyr5BKvzwYdcyMhyfPU6dYFo/WNpJCNx+thWmn+1Nn+Ctae6yyVCyC4ckZ6gRP0UqJj9R5FKwpwF6y3i+D0dItle9sLYLkGXWC52jpBanzAMHykjrBwFYzGc+TOqMQLK+oE+yPQnOHOv3+v/WHsdkucq8US6pkNNddUrXvNZopJ0kVQDl33pmkmsA9KCSpotEkUVIFkohG80hSBTQPDd5IqsDeoEGxpAqsGA1+lVSB/Yo6cPeUVIH1dKPOW5JUOt6izmRJpWcy6ryTVHreoc57SaXnPWqlaJJKj5aCGqtIUulahRp/kFT6/oAaMZJKXwxqfJBU+j6gxm5JpW83alyRVPqu4Kc7JKkY7gC4IKk4LgDoLak4enOnpEqqkQA+SiqOjwA+SSqOTwB+k1QcvwEYQKoV2yHVAACTSLXHdkg1CUAqqfbZDqlSARepF2mDVOSCm9RLdNsglRsessDvirp+Kg9CyAq+LxMixrbxtSulCkEoMdh+hjFDKMIkFU8YwiUVTzgiJBVPBCIlFU8kvkkqnm+Sip9KfgCZIuXXOleEvFjgCpeXoFxh8o8NVyhCJBVPCDySiscDt6TiccMlqXhcQKqk4kjl3tySVJO4t0wl1QDujXhJ9Rv3eIek+sQ9NCSpPnKPokmqkdwDjpKqN/fYrKS6wD2MLanuMI/4S6or3AdHJNVu7uNIkuoD9yE3SRXDfXRSUv2B+0CupFrFfMxbUmkpzOEBkuo9dySFpHrHHXQiqSZzx+dIqrfMoUySqqebOepLUv3KHSAnqYq5Ywkl1RvusEtJNY85QlVSJXIH80qqaO64Z0k1gTtEXFKVM0fTS6rX3IUHkiqZu0ZDUl1kLmeRVPujmCt/JNVA7iIpSfWcuZ5MUv0ymLn0TlI95a5SlFR/ZS7olFTL4plrXyXVfe4yYUkVzlxRLam6cxefS6qlzHX6kurmHfh1m9TRvkf3bWM2DJrdt43o7xqpUwH/qkmVGT/ioEzcjxmkSjX8c61UVSoSSkWqarXShXb0ITVGQLERpEYftMe9jFSYOhiKDZ5KKixzozXF1433Qrm9pEIV2lfpIwVyoVwuKeCrRAAF6mcYK3GMFChAIGVeSdXAW4aAKiRVgwoEFiGpGkRAR7qkqpMOPWO9kqqGdyx0RUuqGtHQV64RSSqtnPluJdUxcHi2S6rtHrAkSKoE8GTud3qq/ZlgKnV6qlJwRe10dqqdUWAr0pycSiuCAYVOTlUII+LTnJsqLR6GrHNuqnUwKNepqXJh1Kn+zkzV/xQMu+HMVDfQAdOdmGo6OmLhSuelWrkQHRI7w2mpZsSig3KclioHHeXa7axUu13osOxUJ6VKzYYJI52UaiNM2eKcVFtgTmaWU1JlZcKkBZvIrGIoV0xmbVoA05I0MukolDtKJmlJCIIjZNI2KLeNTDqCoMhQfwWIT83VtQwER0o6mXMmE0plniFz0lMQJAvTyJx+2VAoux+Zk7YQQTNlP5kzrXhkeJkS4SOLp5E556YgiML+SbZ16SyCalYq2dSViwiywz6ypcXrEHS3epIN3bwGBTZ6yXZm3IASfch2JkCRPl6ylRkToMyRnmQjN29Aoesa2cbia1Dq6lSyiSvroFjSZbKFSxeh3IXzZAPnzsICq85QlzdmCixx6iR1cce3wiIpx6hL+/1/YZ0jPuqyfHtgqUMH/18ePDS6FYVRAN2xnf1sm7Gebdu1bbc/vPNO6nu+c7MWNfXtKwy2/4Va+vQRhms6oIYOmqBC4D018+4tFGl8Q628fgVlXq7EqY3NFxao9PwZNfHUD8WePKYWHp1CvbGHFC/2ACIcNeQo28E0pLh/j4Kl7kKQO7dPKNStzE3I4rhBka5fgzyXVxTn6hIiNV2cU5TziyZIddp3QjFO+k4h2eHBJkXYPDiEdM49CrDnhA62tzap1ObWNnThKK5TmfWiAzqxrdRRiboVG3TTs7hMwy0v9kBHc/MLAzTQwML8HLQ1PTNLg8zOTENzE5NT/O+mJidgBvmx8Xb+R+3jY3mYRr5QLPG/KBULeZhNOpPN8Z/KZTNpmNTIaCLJfySZGB2Budl6+/oH+FcG+vt6bSgPTc0trW3t/APtba0tzU0oMxWVVdU1tXX8RXW1NdVVlRUoY16fPxAMhSPRWJz8UTwWjYRDwYDf54VcClisNrvD6XJ7PG6X02G3WS0Q5DvmKXzffMJwPwAAAABJRU5ErkJggg==');background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22216px%22%20height%3D%22146px%22%20viewBox%3D%220%200%20216%20146%22%20enable-background%3D%22new%200%200%20216%20146%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M162.18%2C41.592c-5.595-9.586-13.185-17.176-22.771-22.771c-9.588-5.595-20.055-8.392-31.408-8.392%20c-11.352%2C0-21.822%2C2.797-31.408%2C8.392c-9.587%2C5.594-17.177%2C13.184-22.772%2C22.771C48.225%2C51.179%2C45.428%2C61.649%2C45.428%2C73%20c0%2C11.352%2C2.798%2C21.82%2C8.392%2C31.408c5.595%2C9.585%2C13.185%2C17.176%2C22.772%2C22.771c9.587%2C5.595%2C20.056%2C8.392%2C31.408%2C8.392%20c11.352%2C0%2C21.822-2.797%2C31.408-8.392c9.586-5.594%2C17.176-13.185%2C22.771-22.771c5.594-9.587%2C8.391-20.057%2C8.391-31.408%20C170.57%2C61.648%2C167.773%2C51.178%2C162.18%2C41.592z%20M97.572%2C26.071c0-0.761%2C0.244-1.385%2C0.733-1.874c0.489-0.488%2C1.114-0.733%2C1.874-0.733%20h15.644c0.76%2C0%2C1.385%2C0.245%2C1.872%2C0.733c0.488%2C0.489%2C0.734%2C1.113%2C0.734%2C1.874v13.036c0%2C0.76-0.246%2C1.385-0.734%2C1.873%20c-0.487%2C0.489-1.112%2C0.733-1.872%2C0.733h-15.644c-0.76%2C0-1.385-0.244-1.874-0.733c-0.489-0.488-0.733-1.113-0.733-1.873V26.071z%20%20M128.857%2C112.107c0%2C0.76-0.246%2C1.385-0.733%2C1.872c-0.487%2C0.489-1.112%2C0.733-1.874%2C0.733h-36.5c-0.761%2C0-1.385-0.244-1.874-0.733%20c-0.489-0.488-0.733-1.113-0.733-1.873V99.07c0-0.762%2C0.244-1.385%2C0.733-1.874c0.489-0.488%2C1.114-0.733%2C1.874-0.733h7.822V70.392%20H89.75c-0.761%2C0-1.385-0.244-1.874-0.733c-0.489-0.488-0.733-1.113-0.733-1.874V54.75c0-0.761%2C0.244-1.385%2C0.733-1.874%20c0.489-0.489%2C1.114-0.733%2C1.874-0.733h26.073c0.76%2C0%2C1.385%2C0.244%2C1.872%2C0.733c0.488%2C0.489%2C0.734%2C1.113%2C0.734%2C1.874v41.714h7.82%20c0.761%2C0%2C1.386%2C0.245%2C1.874%2C0.733c0.487%2C0.488%2C0.733%2C1.113%2C0.733%2C1.874V112.107z%22%2F%3E%3C%2Fsvg%3E');background-position:8px 15.2px;background-repeat:no-repeat;background-size:40px;border:1px solid #9bdaf1;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;min-height:56px;padding:16px}.ds-c-alert a{color:#205493}.ds-c-alert a:focus,.ds-c-alert a:hover{color:#112e51}.ds-c-alert ul:last-child{margin-bottom:0}.ds-c-alert ul:first-child{margin-top:0}.ds-c-alert__body{padding-left:40px}.ds-c-alert__heading{font-size:18px;font-weight:700;margin-bottom:4px;margin-top:0}.ds-c-alert__text{margin-bottom:0;margin-top:0}.ds-c-alert--error{background-color:#f9dede;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAEqCAMAAACV5O0dAAAC4lBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9upd0AAAA9nRSTlMABAwUHCQsNDxEDic/WHGJorrT6/z/AR5HcJjB6sKZHwg9d6PM9M2keD4JTorF+ceLTxlgnNfYMH7L/gdJluJXrjGT7RNuzwJIqmja238i9fap/aw3KrC0G58dEIj3EXPudFvhJr28Bvh7BUDVO1/oraYP4986gwMhxsRZ8fAayco25uc4XWGQt7sS3Cvl6S817O/yRk1TWvtRQ/OBMijZfAq4VPqOVjM5zkFQI1VcXoRjZmptdYadjZKUmpuhKcO/viDksQsYLrJLFnZKYmmVtoevgp6Xs6XRyODW3UWr1BWgZWx5kYWojEzSFyUtUm+PwHoNtX0RNC9mAAAMEUlEQVR4AezBA3bAQBQAwJ9sbLtu6ti8/7H6XNubzsBvQpCIohmW43mOZWgKkQT8u0UQJVlRNd0wLfsByzR0TVVkSRRgwxzX84Mwsl8p2tn1vT0HNmb/4PDoOLbfIT45PTu/gG1Al1dJan9ImuUFAryVVd3Yn6StqxIw1fXDaH+qceg7wM00L6v9JdZlngAb0zW39YB0ZxCEUbhjl/K9sVGKzd+Oc23bjG3bq80mBt3zLOGUztj4fmi0f3zMjVoTk1PQbmpygoSbnpmFIbMz0yTW3PzCYRh0eGF+TuZmXroM465ckren02e3wYptV2XN6bXJ67DmxsgykmLFTQ9W+fwBkiAYAgPh5cRd5KQHFnzRGHEWT9wAG8mDKeLqQnoKrGSyu4ilXB7s5HPET6EIlkrczqF8tgKmktUaMVI/DcYaTeJiOgrezu+IEwut9WCvPUb2pToQodsjy9b2IcRgSDYtuuWDGN7V22TNnbsQ5d5OsuT+AwjzcB3ZsCsKgaK7yLhHjyHSkwgZ9vQZhHr+gox6WYFYlVdkztxRiPba2DX03kC4t+/IiGunId77Ahnw4SMc8OkzafflK5zwbUia1b/DEdd/kFY/k3DG4V+k0e8/cIincbAu+eCU85u1lYJzNLX67YNzzrdIg59/4CDvr4ZLSMJJlX//2bsH70izLQrguyoea6dtq8ZKnt22lXnp17bGk/XatsNK27ZtjG3zeRlvZbWVfPek7j29pr7fn7CLqZyzDyJs2kz+TGW2QkRNms6frd/HI4KaTKYNk7PuzM7xLPvOrMm0YUQTREzHXFowLy8MQ+G8ebQgtyMi5Nl8K0kthMD8RbQg/1lExmLaUB4iv6MNixERY2jFixBZQivGIAKGhWjFUogspRWhYSi2DgNoxzKILKMdAzqgmMLLaUkfiKygJcvDKJ5BtKUkRP5CWwahWB6lNXUgspLW9IccVmXSmtUQ+TWtyVwFsUAG7VkDkbW0JyMAqXW0aD1ENtCidRCq1YIWbYTIJlrUohZEOqbTprsgspk2pXeERHNaVRMiebSqOQTm0q7GEFlHu+bC2ISytGsLRB6iXWUnwNRWWrYNIttp2VYY6kPbdkBkJ23rAyOpubRtF0R207bcVJjIonX3QKQ5rcuCgT0hWtccIm1oXWgPPEveS/vaQGQc7dubDK/W04FxENlHB9bDo/AIOrAfIs/TgRFheNOLLtSDyHK60AuexLxEF6pCpC9deCkGXoylE/dBZCKdGAsPDoToREOIHKQToQMoWg26kQ6R++lGDRTpyRS6MQAimXQj5UkUJZ+OzIDIIjqSjyIk0pVmkPgznUlE4Q7RlRaQqE1nDqFQOSl0JgCBjnQmJQeF2UV3DkPgCN3ZhUIc6Ul3JkCgAt3peQQ3t4UOPQKBbnRoC24qmEaHDkDgKB1KC+JmStGl2yEw7dZY7Aqk06WjEKhEl9IDgikvC6ZBIIlOrcSNHaNTiRA4TqcO4YaOzKNTCyAwh07NO4EbOUm3TkFgLt3qiht5nG7Nh8BpunWf99l5i+6EwBk6liD8809/9rkUHTuL64Rn0rENEKhJx9JSca3+dG0TBBrTtV/jWufo2jMQeJWuvYZrHO5J13pBYDFdq1YRV5tP516HwC/p3HFc7Q06dzcEttK58rjKn6fQubEQqEHnRiTjSqPo3psQaEn3puFKW+jeGxB4i+4Nx5Xuo3tvQ2A83XsHVzhABS0hUI4KDmj3nb0FgQwqaKD7uULeC4F3qKAGLhtKBWUg8AQVDMUl7ajhXQi8Rw3tcNESavgTBEZSwxJctJ0a3odAGjVsx0XVqeEDCDSjhuq4IPgANRyEQAtqeCCI8z6kivthrjd1fIjzGlPFTJgLUkdjnPcRVYRg7g/U8RHO+5g6kmGsHXV8jAJ4NkQdqTDWhDpCz6JANyq5DcZaU0k3FHiYSj6Bsd9SycMoUJNKYmFsFJXURIFPqWQVjPWhkk9RIINKWsNYSSrJQIGZVPJbGHuYVPy+fIJaRklqebWcADCVWu6AsdHUMlXz5c9ZMPYZtZQE8Ci1zIaxz6nlUQBfUMtCGHuGWr4A8CW1/BXGelHLlwDqU8tpGBtOLfUBlKOWMzBWl1rKAWhELaVg7EtqaQQgk1oqw1h5askEAlTzFIx9SjUBBKnmKxj7mmqCiKGab2DsNaqJQSzV/A7GzlFNLOKoZieM7aeaOMRTzW4Yq0c18Uigmq9hrDrVJCCRal6DsY+pJhFJVHMOxhpRTRK+pZq/wdgQqvlWM6oXYKysZlRJVPM0jM2kmiQkUs13MBaimkQkUE0uTCVTTwLiqeY9mKpIPfGIo5qRMDWYeuIQSzVpMPU99cQihmqawlQJ6olBkGoegKkfqCeIAPU8C0M/Uk8AyKSaMAwlUE2m7l+gXWAokar/3CpHNUdgaAFV/2Van2oqwNApqqmv+g9bdoOhn6jmS/nQkEqJ6otUHRp6lGqmwdAYqo6ilaSaRBhqQDUl5WOzKiWq/6CaqfJhbJUS1cpUc0L3R9j5MPQUtczUXRzhnTC0hVoylGeW+sPQNmr5VGfJTV6iepZaauqs+MhLVB+jlod1FnLlJapVqKWbzpq3vJhwOZWEnlUeL/kAZnKo5WOc9xG1PAQTwadJ5UqKxlTzz47w7Id/UU1jnPch9czY8lP8EQ+Wzn1sHvV86LGUyfdA0OOEpa+61wI533ave+a+JV6rjnztPFao+oZ6Leb11fD6876vgdcScd8Bj9X0vne8/mjtG+61bcw3zeNxFt+IZI8nf3zlvR6S8h33eJ7MV62ix11z32teTyn6fm3hQKfMe/X/XcqDu87Wm0cBGwc6sYsKFp38M7yaNpEKzlo4JizR7O8w8J/H6V6ChRPVEhthpFIKXbtP//C57OjPf+laVwvn9CXqwtDrFLBwTh/H6Nidt3wv7yHc2Eo69hcY+gsdW4kbC6T7UV0tPYCbKOVH5bVjMpjmR3WltKDHYWc/qi24uSM9/agu63kEhdjlR3XZLhQmJ8WP6qKUHBTqkB/VRYdQuEQ/Ks/bivl+VOfloyhPpvhRFUh5EkWq4UdVoAaKdiBE+lGFDsCDsaQf1Vh4EfOSH9VLMfCklx9VL3gTHhHtUY0Iw6P10R7VeniVvDe6o9qbDM/2hKI5qtAeGMiK5qiyYCI1N3qjyk2FkT7RG1UfGNoarVFthakJZaMzqrITYGxudEY1FwLNozGq5pDomB59UaV3hEitFtEWVYtaEFoXbVGtg1QgI7qiyghAbFVmNEWVuQqQezSaouqPYhkUPVENQvGEl0dLVMvDKKYOA2jNwzBUh9YM6IBiGxaiLXkwdJK2hIYhAsbQlja3Ti3hGETEYlrywDIYiZ1JSxYjMp7NpyUTgzBxiJbkP4sI6ZhLS/r+Fp4Fd9OS3I6ImCYjaMminaezczzYM/t/E2nJ5CaIoPjf8//l3GNinUEABdAbJ8+6sW3btm3bSW3b1hK6uG6h/2t8mJmchRxlvXgMTY1+oqJePYfGPm5SSXM70NwHHxX0/g10sF9N5Qy/gy6iVPzOdPKlmkoZ7oZu9n1UyPt30NHnTSpj7g109fETFfFqBzq70UIlvHgO3T2+SQU8eQwD9JdTeuX9MMSx9C3Y/WMYpCOXUivsgHHuzFFam3dgqBtPKKmbN2Cwq9copWtXYbjEKUpoKhFmsF+hZC5fgkkSLlIqF87DNOf6fJTG8Fk/mOnMaUrilA0mOz6iFA7nYb6GAwrPuw8hzMRXU2xTrRDF3i4FVr4DgWxvzVFQm5UbEEvQOoW0tgrxLK9QOCvLEFLi0iKFsriUCFHN585RGHO58xDZ9NQwhTA8NQ3RBU9QABPBkMHoyDBNNTwyClkE1Q3SNIN1QZBJQF8sTRHbFwDZZHf30nC93dmQUUdnVz4NlN/V2QFptba10yDtba2QXFNzC3XX0twEFdQ0NKZRR2mNDTVQRk1tXT11UV9XWwPVVFRWVVNT1VWVFVBUcUlpGTVSVlpSDLUF5OTm5fO/5Ofl5gTgZEhMSk5JTeM/SEtNSU5KxAkTHhEZFR0Tyz8UGxMdFRkRjhPMYrXZHU6X2+P18Ts+r8ftcjrsNqsFAhCHn39AYFBwSGhYWGhIcFBggL8fBPIVh3N6NXOFoY0AAAAASUVORK5CYII=');background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22216px%22%20height%3D%22146px%22%20viewBox%3D%220%200%20216%20146%22%20enable-background%3D%22new%200%200%20216%20146%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M162.18%2C41.592c-5.595-9.586-13.185-17.176-22.771-22.771c-9.588-5.595-20.055-8.392-31.408-8.392%20c-11.352%2C0-21.821%2C2.797-31.408%2C8.392c-9.587%2C5.594-17.177%2C13.184-22.772%2C22.771C48.225%2C51.179%2C45.428%2C61.649%2C45.428%2C73%20c0%2C11.351%2C2.798%2C21.82%2C8.392%2C31.408c5.595%2C9.584%2C13.185%2C17.176%2C22.772%2C22.771c9.587%2C5.595%2C20.056%2C8.392%2C31.408%2C8.392%20c11.352%2C0%2C21.822-2.797%2C31.408-8.392c9.586-5.594%2C17.176-13.185%2C22.771-22.771c5.594-9.588%2C8.391-20.058%2C8.391-31.408%20C170.57%2C61.649%2C167.773%2C51.178%2C162.18%2C41.592z%20M118.43%2C112.025c0%2C0.761-0.246%2C1.398-0.734%2C1.914s-1.086%2C0.773-1.793%2C0.773H100.26%20c-0.706%2C0-1.331-0.271-1.874-0.814c-0.543-0.543-0.814-1.168-0.814-1.873V96.546c0-0.706%2C0.271-1.331%2C0.814-1.874%20c0.543-0.543%2C1.168-0.814%2C1.874-0.814h15.643c0.707%2C0%2C1.306%2C0.258%2C1.793%2C0.773c0.488%2C0.518%2C0.734%2C1.154%2C0.734%2C1.915V112.025z%20%20M118.266%2C83.999c-0.055%2C0.543-0.339%2C1.019-0.854%2C1.426c-0.517%2C0.407-1.154%2C0.61-1.914%2C0.61h-15.073%20c-0.761%2C0-1.413-0.203-1.956-0.61c-0.543-0.407-0.815-0.883-0.815-1.426l-1.385-50.595c0-0.653%2C0.271-1.141%2C0.814-1.467%20c0.544-0.434%2C1.196-0.652%2C1.956-0.652h17.926c0.761%2C0%2C1.412%2C0.217%2C1.955%2C0.652c0.543%2C0.326%2C0.813%2C0.815%2C0.813%2C1.467L118.266%2C83.999z%20%22%2F%3E%3C%2Fsvg%3E');border-color:#e59393}.ds-c-alert--warn{background-color:#fff1d2;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAAFCCAQAAAAXw61MAAAMHklEQVR4Ae3dA3hlSxpG4TWdHhvXY9u2bdu2bdu2bdu2bXvmKu18Y2P/3fdUnV2d9byPjS9c+VNEC8aROR1X5M489Y/uzBU5HUcOiyWyIOLQXJv38yvyX/yK93NtDh3kcGeEPbgPPyUTfsp92CPI4c4Ap+a5bCZFm3kupw5yuEvFLdhKdtJWbhHkcJeEw/Jcsouey2GDHG53HIdPkUPgUxwnyOF2xfn5JTmEfsn5gxxuN5ySVbIAq5wyqMtwxeH4ElmQL3G40IHDFU8jC/S0IIfbHFckC3bFIIfbFMflt2TBfsdxgxxuQ7ybNPDuIIfbDJckjVwyyOE2wQa+RBr5EhuCHG4D3IA0dIOwcA5XHJ4fkYZ+xOHDgjlccXfS2N3DQjlccUx+Txr7PccMC+RwxeNJB48PC+NwxQnZQjrYwgmDFjRc8TLSycuCFjJccWbWSCdrnDloAcMV7yUdvTeow3DNvObfsYdr5jX/jj9cM6/5d/zhmnnNv+MP18xr/h1/uGZe82+/4Zp5zb8O18xr/u03XDOv+dfhmnnNv12Ga+Y1/zpcM6/5t8NwzbzmX4dr5jX/LnS4Zt4fkxn5sfm3MFxxDzIz9wha8HDNvOZfh2vmNf/2G66Z1/zrcM285t9+wzXzmn8drpnX/NtvuGZe86/DNfOaf6vDFTckA7hh0AKGa+Y1/zpcM6/5t4wIjsXvySB+z7GCSIGZ1/zrcM285t8ZDNfMa/51uGZe82+Vw30fGdD7HK6Zd0DmX8y8IzL/mnmHZP418w7J/GvmHZL5dz1n3v3J4PZfv/nXzDsk86+ZdyDmX4f7crKbeLnDNfMOw/xr5h2D+dfhcimym7mUwzXzmn+HYOYdkvnXzDsk86+Zd0jmXzPvkMy/Zt4hmX/NvEMy/5p558z863A5y7CZt26NszhcM6/51+Gaec2/DtfMa/7FzGv+HZKZ1/w7JDOv+XdIZl7z7yw53CeQdegJDtfMa/6dITOv+XdIZl7z75DMvObfIZl5zb8Od2aZ98tknfvyrPKvwzXzmn/NvObfGXG49yR/pns6XDOv+Xc2zLzmX4c7m8y7lfydtnJCh7u+M+/neDCX4OwNXIIH8znzb52Zt+pgbsuGxr95vi0Hm39rzLw1P+LEoT1OzPfNvxVm3ooDOX3og5PwC/PvOhsuK40y71NDPzysUf5dcbjrLfNeP/TDZcy/08y8FWft++Ol+XeambfinKEfzmf+nWbmrbhQ6IdLmH+nmXkrLhP64Urm33UzXE7UNPNeNfTDdZrm3xM53AEy75C/VbiZ17/TzLwVtwz9cAevf9fLcN9PmrpT6Id7kabeH8Zn5q24T+iHh3j9O83MW/HQ0A+PI1PMv2Rw3Ig09/jQD88gzd0ojM3MW/GM0A8v8vp3mpm34kWhH17j9e80M2/Fq0M/vM3r32lm3oq3hn74gNe/08y8szt84VNkivmXDItXkE4+EfrhK6STV4RRmXkrvhj64XtkivnXzFvx7dBP5VjS/GvmrfhJ6IcDyRTzr5m34nehH3aQKeZfM2/F5tALhyXTzL9m3poNoQ+OTqaZf828NUcMfbAfmWb+NfPW7BH64CRkmvnXzFtz3NAHpyPTzL9m3pqThz44B5lm/jXz1pwh9MGFyDTzr5m35lyhDy5Dppl/zbw1Fwl9cDUyzfxLhsGlydJcNvTBDcjSXDqMwsxbc/XQB7ci08y/Zt6aG4Q+uAuZZv4lQ+AI/IQs0a1CH9yPLNFPOEIYgZm35s6hDx5Bppl/zbw19w198CQyzfxLBsATyZI9LPTBc8iSPTHMn5l3Zi2fl5Fp5l8zb80zQx+8gUwz/5KZ46yskaV7ceiDd5GlW+OsYd7MvDWvCX3wETLN/GvmrXlb6IPPkWnmXzPvzD4D8Q0yzfxr5q35ZOiDH5Fp5l8zb82XQh/8hkwz/5p5a74T+mATmWb+NfPW/DT0wAZSYf4189b8PvTAEUmF+dfMW7Ml9MAepML8a+atWgntcTxSYf6da+bN7BwptMcpyNzMM/+aeav2DO1xZlJh/jXzVh0/tMd5SYX518xbdYrQHhcnFeZfM2/VmUJ7XJFUmH/NvFXnDu1xbVJh/iWzwr3ITF00tMdNyUzdy+H+T+zB/mSmLhfa4/akwvxr5q26xpz+sMj8a+atumFojweTCvOvmbfq1qE9HksqzL9m3qq7hPZ4Oqkw/5p5q+4X2uOFpML8a+atenhoj1eTCvPvXDLvV8jMPTG0x1vJzH1lHvnXzFv1rDl9w2T+NfNWvSS0xydJhfnXzFv12tAeXyYV5l8zb9XbQ3t8lwxgf/ZwuE8kQ/hAaI+fkwrzr5m36lOhPQ4gFeZfM2/Vl0N7bCcV5l8zb9V3Q2schtSYf8kS8QEyjJ+F1jgaGcgHwvKYeav2D62xL6kx/5p5q7aF1jgxqTH/kiXhxmQwG0NbnJYM5sZhOcy8dUcJbXF2UmP+NfPW7RXa4oKkxvxr5q07wXx+XDX/mnnrThna4qqkxvxr5q07c2iL65Ma8y/pjleSIZ0ntMUtyZBeGXoz89ZdLLTFnUmN+dfMW3f50Bb3JTXmX9IVlyHDumZoi4eTYV0m9GTmrbuRv22ZT/4189bdJrTFs0mN+XdGmddGxKtJjfnXzFv31tASh+V3pMb8a+atW+UUoR1uQ6rMv5h5qfsFZwxtcFPWSJX5l3TBidlKGN8ab+bSnICNYTE4HCfjenye7Ba2cuL+wzXz1m3n9wuyRnae+dfMOyTzr5l3SOZfM++QzL9m3iGZf828QzL/mnmHZP418w7J/Ns68x5AtC4dwB7jDvdJROvWk0I7Zt4hmX/NvEMy/5p5h2T+NfMOyfxr5h2S+dfMOyTzr5l3SOZfM++QzL9m3iGZf828QzL/mnmHZP418w7J/GvmHZL5lywQZyP/g3S2ZQ/XzLvKZ/j4gnyGVfNv++GaeV/DaVhZcGc8Da8x/7Ybrpl3B9cLbXA9dph/2wzXzPvI0A6PNP/WmXnrvsPhQjscju+Yf3sP995kt/f00BZPJ7u9e/cerpn3ZqEtbmb+rTLz1l08tMXFzb9VZt4hh2v+NfMOOVzzr5l3yOGaf828Qw7X/GvmHXK45l8zr8OdW/7tMNybkDE53Bm4yZKGyxH4qcPdZQ73p4ck/5p5hxyu+dfMO+Rwzb9m3iGHa/418w45XPOvmXfI4Zp/zbwOd9nO1m+4H3S4C+NwPxh2npl3yOGaf3cl837V4S6Uw/3qzudfM++QwzX/mnmHHK7518w75HDNv2beIYdr/jXzDjlc86+Zd8jhmn9JGa8i43K4A3hVqDLzDjlc86+Zd8jhmn9JCZcl43O4A7hsqDDzDjlc86+Zd8jhmn/NvEMO1/xr5h1yuOZfM++QwzX/mnmHHK7518w75HDNv2beIYdr/jXzDjlc86+Zt2pWr+6Yf828VbN658z8a+atav+y5GH5Dqkx/5p561q/5ftQUmX+NfPWtX09/ZpsI1XmXzPvznoNp2ElLA4rnIZXkzrMv5h5d8Uqn+HjC/IZVkmB+bcw3CcTaSaeXBuumXcA5l8z75DMv2beIZl/zbxDMv+aeYdk/jXzDsn8a+YdkvnXzDsk8y/5O+5DpBm7z38ZLnuaeWfP/Ltn+Asz75DMv+TP2MfMOwTz7z7/Otz7EmkA9/2n4bKRHxNpAD9m4z+GeyUiDeJK/xjue4g0iPeEQOAURBrIKYLhYUiGCALPI9JAnhcIvI9IA3lfIPBdIg3kuwFW2EakgWxjBY5LpMEcF05DpMGcBo7AGpEGssYRCPyASAP5QSDwTiIN5J0BH4TScJ4UCNyKSAO5VcB/uqThnC0QAp8k0iA+GQIhcDUiDeJq/xjuCt8n0gC+z8o/H0vekUgDuGP45+Eemf2JNHP7c+R/GW7g/kSaufuHfx/uCu8n0oy9n5X/GG5gb35GpJn6GXuH/zLcwHnZRqQZ2sZ5w/8YbuAuRJqhu4T/M9zAc4g0M88JE8MN3IzNRJqJzdwsFIYbOAPfIdIMfIczhOJwA0fltURastdy1FAa7j9wQ75IpCX5IjcM/wv5vzg3L2ELkTrawks498QyM4k9uBtfYJU0Jq3yBe7GHmEKKeJQ7MO5uA7343m8fIGk53E/rsO52IdDhZo/ALck8MBl9HzEAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22216px%22%20height%3D%22146px%22%20viewBox%3D%220%200%20216%20146%22%20enable-background%3D%22new%200%200%20216%20146%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M179.695%2C125.388L117.126%2C10.673c-0.924-1.684-2.2-3.015-3.832-3.992c-1.628-0.978-3.394-1.467-5.295-1.467%20c-1.901%2C0-3.667%2C0.49-5.296%2C1.467s-2.906%2C2.308-3.829%2C3.992L36.303%2C125.388c-1.901%2C3.423-1.847%2C6.845%2C0.163%2C10.267%20c0.924%2C1.574%2C2.187%2C2.824%2C3.789%2C3.746c1.603%2C0.924%2C3.327%2C1.387%2C5.174%2C1.387H170.57c1.849%2C0%2C3.572-0.463%2C5.175-1.387%20c1.603-0.922%2C2.864-2.172%2C3.789-3.746C181.544%2C132.232%2C181.598%2C128.811%2C179.695%2C125.388z%20M118.43%2C117.24%20c0%2C0.76-0.259%2C1.398-0.773%2C1.914c-0.516%2C0.516-1.127%2C0.773-1.834%2C0.773H100.18c-0.706%2C0-1.317-0.257-1.833-0.773%20c-0.516-0.517-0.774-1.154-0.774-1.914v-15.48c0-0.76%2C0.258-1.397%2C0.774-1.914c0.516-0.516%2C1.126-0.773%2C1.833-0.773h15.642%20c0.707%2C0%2C1.318%2C0.257%2C1.834%2C0.773c0.515%2C0.517%2C0.773%2C1.154%2C0.773%2C1.914V117.24z%20M118.268%2C86.77%20c-0.056%2C0.543-0.341%2C0.991-0.856%2C1.344c-0.517%2C0.354-1.154%2C0.529-1.915%2C0.529h-15.073c-0.76%2C0-1.412-0.176-1.955-0.529%20c-0.544-0.354-0.815-0.801-0.815-1.346l-1.385-37.231c0-0.761%2C0.272-1.331%2C0.815-1.711c0.706-0.597%2C1.358-0.896%2C1.956-0.896h17.924%20c0.598%2C0%2C1.25%2C0.298%2C1.956%2C0.896c0.543%2C0.38%2C0.813%2C0.896%2C0.813%2C1.548L118.268%2C86.77z%22%2F%3E%3C%2Fsvg%3E');border-color:#f9c642}.ds-c-alert--success{background-color:#e7f4e4;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAEqCAMAAACV5O0dAAACnVBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6Mnm8AAAA33RSTlMABAwUHCQsNDxEDic/WHGJorrT6/z/AR5HcJjB6sKZHwg9d6PM9M2keD4JTorF+ceLTxlgnNfYMH7L/gdJluJXrjGT7RNuzwJIqmja238i9fap/aw3KrC0G58dEIj3EXPudFvhJr28Bvh7BUDVO1/oraYP4986gwMhxsRZ8fAayco25uc4XWGQt7sS3Cvl6S817O/yRk1TWvtRQ/PZuI4KziOEnYEpw2MgsSibGN2Gdkw5C7ZtULJcFlT6lUqvRUueQdEzMmoXVpKPZXyr1C4t0Keg3nmRJeQVjGQN4IXS6f4WAQAADDVJREFUeAHt3fVfVNkfx/H3zFzCrnkj7NpdO7boYGN7rTGBxWWFXcfFVkz8snZ3C9hd293d3fm3fB/bJsztc871+TP5+mUYzj2fD0QSCIa0pOSU1Bo1UlOSk7RQMIB7blCzVu06devVb9CwUZi3CTdq2KB+vbp1ateqCR9La5yecd/9TZigJk2bZaQ3T4PPtGjZqnWbtjShbbv2HTp2gj+EOnd5IEJLIl27dQ9BbT169upNm/Tp1bMHFJXZt1+Utor265sJ1WT1HzCQjhg4oH+WQp0GDW5LB7UdPEiNWkOGZtNx2UOHQHLDho+gS0YMHwZpjRw1OkIXRUaPGgkZtRgzlq7Tx3SCbIb1bUJPNBkXgkzGD51Az0wckARZpEwK01OxyVMgg6nTKIDpyRDdjF5hCiGWkwuR5T04kcLI7zITosp6KJtCKXi4BYQ0q5DCKZwF8RQ9QiE9mgSxzO4bp6Dy5zwGgRT3ocDmzoMohuVQbNFmeRDC/EYU3oJB8N7MhZTCosXwWO0llMTSEngpsCxGaYTHLYdnVqykVFY1h0dWl1Iya+rACy1yKKGcFnDd/8oopcdnwGVr11FS6zfAVRvjlFZ8E9wzshultnk5XLJ4CyW3dRtcMb4Ppbe9CC7YsZMK2LUbjtuzl0rYVwKHFe+nIiYcgKMO5lMZkUNw0OEjVEh4ExwzJkalRDMcK0XlONTqcIzKic6HAw4eoYLCR2G74nwqKX4MNtuzn4oqnwJb7dhLZWUnw0bjd1Jh68bDNnkVVFpFHmyyvJKKq1wOexyn8o7DFpvoA5tgg5IIfSBSAstyF9AXFuTCohMn6RMnT8CaRfSNRbCkJ31kPiw4VU4fKT8F0wJl9JWyAMw6TZ85DZM6xugzsY4wJa+QvlOYBzMm0YcmwYTD9KXDMGxbE/pSk20w6gx96gwMKqZvFcOQrAr6VkUWjDhLHzsLA85F6GORc0hY2nn62vk0JOoCfe4CEnRiHX1u3QkkZg59bw4SEiql75WGkIjN5D2bkYCLEfKeyEVUrz1J3tMe1cqMkuQ90UxUp5IqMqES1UilmkxIRdUuUU0mXEKVLkepJhOil1GVK1SVCVdQhatxquPaOloTv4q7u041hCc/cSwP6PHkuEdowXXcVbCAStCfwr8GZdO0giDuJoNKGPA0btDjGQcudgUKqYDy/rjFszGaVBjAnT2nRKlU3Ga+6VbP4c6ep/z2z8MdvBC298/Qq0dULQWsNtnqyIu4kycUKFWCuxh0hKY8hDvprXAp4CVzrRriDp6Sv9RTqMLRl2lGiopv/0qfQpW6R2jCK7jNif2yl9qAajxpplVBFm41X/lSwKtxGjcIt3pG8lJTkIBR+TTsNdzi6ThltmYKEvL6RBrVtgVudlTuUmuRoGMTaNQbuNmb/igFvNWWBjXDTUbukrnUHhjQ0WirdWm40QbKa98eGJJaTmP2qPKf4n0pMKiklIYsw40a+qgUsMFYq7dxg4s+KmViHsJFFeadFbwDUyppxBj8p73PSiF3v9kHiJZKWupdmPUeDViKf83wXSm8TyNm4B8fUEbZQ2BBExrwAf7xof9K4VEa8CH+0U7GUpmw5CMa0A5/C4Ypnb2ZsOZjGhAO4i+v+7AUPqERr+Mv4+QrtRtWfUojxpn4LFVKYSyN+BR/+YxyafQ5LHs6RiM+w5+WR2iba5+FpSiFdBoSWY4/FNEeC+sWLwY6TRlzJuJoqS9gXaexNKYIf+hOO+wchX998SUd08SOUthMg7rjDx1og69m4gazr4eFLtUxSoM64A9f07IjG3GLednOlEqGDa5+Q6O+xh/KaNXLR3GbIdnilupNw8rwh/20KNIdcKXVrh1eleJ+AHjRcqknAfOt5ChFvghgN62Jvwq40mrXVA9LcTeAdFqSnw640mqBp6WYbnlK6sTXAfOt5CnFngC+pQUTjgGutFpwzttS/BbAdzSvbTHgSqv1XpfidwBG07TyjqhWZrYdpS57XYqjATSlWftTAfOt5CrFpgB0mlRaAphvJVkp6gDKac6aDYArrdbVEqAUy4EAzdm3FjDfSrpSZABBNx6syNxrvlSRGKUYRMiVo13TrXaKUoohaOaPTMy3krAUNSTRuOzPAVda7fxemFJMQjKNGwQTdhtv9YNApZiMFBo2DTDfStZSTEEqjdrXA660+iFJpFJMRQ0a9THgRqslYpViDTxJo36EG62WnBKrFJ80nmoBYH8r8UvxSdSgQQ3gQquBwpViDaTSoJ/gfKuB44UrxVSk0KCfYX8rCUoxBck0aBws+ry6VoUilmIykmjQYFhu1ajqUitELMUkaDToGuxvJUEpagjRoOgvjrb69aKYpRhCkEZ1hv2txC/FIAI0amnQ/lbil2LAzDHEADjVamlzYUuVmzrcir5lfyvRS1E3d2T6q+ZIq28ELsWmJg/idVtafdHo5lKNBS7F0QC+oxitxC7F7wB8SyFaXRO7FL8F0JMitLqWK3Yp9gSQTgFaCV+K6QB20/tW24Uvxd0AXqTHrZpwuyZ8Kb4IAPu9brVSglL78YcyetwK4pdimeXrSLrmj1L82volN13zRSl2sOHqpK75oRS723EhV9d8UIpFtlzz1jX1S0WW2zM8QNdUL8XP7BpJoWuKl+Kntg060TW1S3GcfeNzdE3pUnzdxqFMuqZyqXDQzlFfuqZuKbazd4Ccrilbih/aPJZQ11QtxQ/sHnapa4qW4gzbR6jqmpqlljowmFfXVCzF9k6Me9Y1BUtxjCNDxHVNvVK86Mxoel1TrtTbTi080DXFSnGZY2s0dE2tUtzj3HIWXVOq1Lo0B1f+6JpCpdjM0UVSuqZOKb7h7HoyXVOmVNsWDi+90zVFSvE1x1cp6poapTjI+QWduqZEqYIsF9a+6poCpfiKK8uEdU3+UkxxZ0W1rklfqqFbi891TfJSfMi1dfq6Jn4pE+v08TwFaCVUKV7CnT1HAVoJVYrP4c4ChQK0EqpUYQB3kUEBWglUihm4m2CBAK0EKlUQxF1dpwCthCnF67i7q3EBWglTKn4VVbhCAVoJUopXUJXLUQFaCVIqehlVukQBWglRipdQtVQK0EqIUkxFNSoFaCVEqUpUJzMqQCsBSkUzUa32dKGV8KXYHtW7GHGhlfClIheRgM10oZXgpbgZiQiVutBK8FKlISRkDl1oJXQpzkFiTqxzoZXQpdadQIIu0IVWApfiBSQq7bwLrQQudT4NCTsXcaGVsKUi52DAWbrQStBSPAsjsipcaCVoqYosGFJMF1oJWYrFMOiMC62ELHUGRm1r4kIrAUs12QbDDtNhS0tws7U6vXcYJkyiw2IPZuE/s38L03uTYEZeIZ3WcAj+kfk7BVCYB1M6xui06NhJrQ4kvTHnUz1KAcQ6wqTT9JnTMCtQRl8pC8C0U+X0kfJTsKAnfWQ+LFlE31gEa06cpE+cPAGLchfQFxbkwrKSCH0gUgIbbKIPbIItjlN5x2GP5ZVUXOVy2CSvgkqryINtxq+jwnaOh42Ss6msvTtgqynlVNT+PbDZsTiVlF8M2x0NU0FHDsIB86NUTuwwHJFB5YyBQzKiVEpsDByzKUyFHDkMBx2KUBn5B+GoAxOoiP3FcFjJPiph7x44bvcuKmDnDrigaDul12c8XLFtKyW3ZTFcsnwzpdZtJNyzKU5pxTfCVRvWU1Lr1sJlMx6nlMr+B9e1yKGEclrAC3XWUDKlq+GR5qsolZUr4Jnl48KURmxZAF4qWUpJLKkNjy1eRCksnAnvDVpA4TWaDyHkNYtSbDnDIIp5cymwPsUQyGNz8imoeN/ZEEvSoxTSI0UQz6xCCqdwFoTU4uECCqXg4RYQ1cwu+RRGfpeZEFluToxCiOXkQnTJ0ymA6cmQwZTJMXoqNnkKZJE0YCI9M3FAEmQSGteEnmgyLgTZdBqj03X6mE6Q0chRoyN0UWT0qJGQ1rDhI+iSEcOHQXJDhmbTcdlDh0AFWYMGt6WD2g4elAVlZPUfMJCOGDigfxZUk9m3X5S2ivbrmwlF9ejZqzdt0rtXzx5QW6hzlwcitCTyQJfOIfhDi5atWrdpSxPatmndqmUL+Exa4/SM++5vwgQ1uf++jPTGafCxmrVq16lbr36Dho3CvE24UcMG9evVrVO7Vk3cc4NAMKQlJaek1qiRmpKcpIWCAQjk/12fm21v3GQqAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22216px%22%20height%3D%22216px%22%20viewBox%3D%220%200%20216%20216%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M162.18%2C41.592c-5.595-9.586-13.185-17.176-22.771-22.771c-9.588-5.595-20.055-8.392-31.408-8.392%20c-11.352%2C0-21.822%2C2.797-31.408%2C8.392c-9.587%2C5.594-17.177%2C13.184-22.772%2C22.771C48.225%2C51.179%2C45.428%2C61.649%2C45.428%2C73%20c0%2C11.352%2C2.798%2C21.82%2C8.392%2C31.408c5.595%2C9.585%2C13.185%2C17.176%2C22.772%2C22.771c9.587%2C5.595%2C20.056%2C8.392%2C31.408%2C8.392%20c11.352%2C0%2C21.822-2.797%2C31.408-8.392c9.586-5.594%2C17.176-13.185%2C22.771-22.771c5.594-9.587%2C8.391-20.057%2C8.391-31.408%20C170.57%2C61.648%2C167.773%2C51.178%2C162.18%2C41.592z%20M148.572%2C63.468l-44.239%2C44.239c-1.032%2C1.032-2.281%2C1.549-3.748%2C1.549%20c-1.412%2C0-2.634-0.517-3.666-1.549L67.425%2C78.215c-0.977-0.979-1.466-2.199-1.466-3.666c0-1.521%2C0.488-2.771%2C1.466-3.749%20l7.414-7.332c1.033-1.032%2C2.254-1.548%2C3.667-1.548s2.635%2C0.516%2C3.667%2C1.548l18.413%2C18.413l33.241-33.16%20c1.032-1.032%2C2.254-1.548%2C3.666-1.548c1.411%2C0%2C2.635%2C0.516%2C3.666%2C1.548l7.414%2C7.333c0.979%2C0.977%2C1.467%2C2.226%2C1.467%2C3.747%20C150.04%2C61.268%2C149.552%2C62.49%2C148.572%2C63.468z%22%2F%3E%3C%2Fsvg%3E');border-color:#94bfa2}.ds-c-badge{background-color:#5b616b;border-radius:9999px;color:#fff;display:inline-block;font-size:14px;line-height:1.3;margin-right:4px;padding:4px 8px}.ds-c-badge:only-of-type{margin-right:0}.ds-c-badge--info{background-color:#0071bc}.ds-c-badge--success{background-color:#2e8540}.ds-c-badge--warn{background-color:#fdb81e;color:#212121}.ds-c-badge--alert{background-color:#e31c3d}.ds-c-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid #0071bc;border-radius:3px;color:#0071bc;cursor:pointer;display:inline-block;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1.3;padding:12px;text-align:center;text-decoration:none}.ds-c-button:focus,.ds-c-button:hover{border-color:#205493;color:#205493}.ds-c-button:active{border-color:#112e51;color:#112e51}.ds-c-button--big{font-size:21px;padding-left:24px;padding-right:24px}.ds-c-button--small{font-size:14px;font-weight:400;padding:8px}.ds-c-button--primary{background-color:#0071bc;color:#fff}.ds-c-button--primary:focus,.ds-c-button--primary:hover{background-color:#205493;color:#fff}.ds-c-button--primary:active{background-color:#112e51}.ds-c-button--transparent,.ds-c-button--transparent-inverse,.ds-c-button--transparent-inverse:active,.ds-c-button--transparent-inverse:focus,.ds-c-button--transparent-inverse:hover,.ds-c-button--transparent:active,.ds-c-button--transparent:focus,.ds-c-button--transparent:hover{border-color:transparent}.ds-c-button--danger{background-color:#e31c3d;border-color:#e31c3d;color:#fff}.ds-c-button--danger:focus,.ds-c-button--danger:hover{background-color:#cd2026;border-color:#cd2026;color:#fff}.ds-c-button--danger:active{background-color:#981b1e;border-color:#981b1e}.ds-c-button--success{background-color:#2e8540;border-color:#2e8540;color:#fff}.ds-c-button--success:focus,.ds-c-button--success:hover{background-color:#2a7a3b;border-color:#2a7a3b;color:#fff}.ds-c-button--success:active{background-color:#266e35;border-color:#266e35}.ds-c-button--disabled,.ds-c-button:disabled{pointer-events:none}.ds-c-button--disabled,.ds-c-button--disabled:active,.ds-c-button--disabled:focus,.ds-c-button--disabled:hover,.ds-c-button:disabled,.ds-c-button:disabled:active,.ds-c-button:disabled:focus,.ds-c-button:disabled:hover{background-color:#d6d7d9;border-color:#d6d7d9;color:#323a45}.ds-c-button--inverse,.ds-c-button--inverse:active,.ds-c-button--inverse:focus,.ds-c-button--inverse:hover{border-color:#fff}.ds-c-button--inverse,.ds-c-button--transparent-inverse{color:#fff}.ds-c-button--inverse:active,.ds-c-button--inverse:focus,.ds-c-button--inverse:hover,.ds-c-button--transparent-inverse:active,.ds-c-button--transparent-inverse:focus,.ds-c-button--transparent-inverse:hover{color:#fff;opacity:.8}.ds-c-button--inverse:active,.ds-c-button--transparent-inverse:active{opacity:.6}.ds-c-button--disabled-inverse,.ds-c-button--disabled-inverse:disabled{background-color:#081627;border-color:#081627;color:#bac5cf;pointer-events:none}.ds-c-button--disabled-inverse:active,.ds-c-button--disabled-inverse:disabled:active,.ds-c-button--disabled-inverse:disabled:focus,.ds-c-button--disabled-inverse:disabled:hover,.ds-c-button--disabled-inverse:focus,.ds-c-button--disabled-inverse:hover{background-color:#112e51;border-color:#112e51;color:#bac5cf}.ds-c-button>svg{fill:currentColor;height:1em;margin-bottom:-.1em;margin-top:-.1em;position:relative;top:-.1em;vertical-align:middle;width:1em}.ds-c-fieldset{border:0;margin:24px 0 0;min-width:0;padding:0}.ds-c-choice{margin-left:-100%;opacity:0;position:absolute}.ds-c-choice+label{cursor:pointer;display:block;font-weight:400;margin:8px 0;max-width:31em;min-height:32px;padding-left:40px;padding-top:4px;position:relative}.ds-c-choice+label:before{background-color:#fff;border:2px solid #212121;-webkit-box-sizing:border-box;box-sizing:border-box;content:"\a0";height:32px;left:0;line-height:32px;position:absolute;text-indent:.15em;top:0;width:32px}.ds-c-choice--inverse+label:before{background-color:#112e51;border-color:#fff}.ds-c-choice:focus+label:before{-webkit-box-shadow:0 0 0 2px #fff,0 0 2px 4px #3e94cf;box-shadow:0 0 0 2px #fff,0 0 2px 4px #3e94cf}.ds-c-choice--inverse:focus+label:before{-webkit-box-shadow:0 0 0 2px #112e51,0 0 2px 4px #59bcff;box-shadow:0 0 0 2px #112e51,0 0 2px 4px #59bcff}.ds-c-choice:checked+label:before{background-color:#0071bc;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAQAAACssQXfAAAAiklEQVR4AT3PNUFGARAA4MO1AFRgQVrgTEgNXBZ0Z0aLQI0XANf594932LlLROjQHgmhM9mVwlhkMJO/4S7noMjghKEIPcmuUNNyGpa8uzUcYdA1qjjJ+ntwY8Q16jiIBCte0fSmUUr2Mio3W/BJqwQt2xHaZFhXhBnPqFr7D6eRKVMereeIv5++AKLreD06aLBkAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%20216%20146%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M168.86%2037.966l-11.08-11.08c-1.52-1.52-3.367-2.28-5.54-2.28-2.172%200-4.02.76-5.54%202.28L93.254%2080.414%2069.3%2056.38c-1.52-1.522-3.367-2.282-5.54-2.282-2.172%200-4.02.76-5.54%202.28L47.14%2067.46c-1.52%201.522-2.28%203.37-2.28%205.542%200%202.172.76%204.02%202.28%205.54l29.493%2029.493%2011.08%2011.08c1.52%201.52%203.368%202.28%205.54%202.28%202.173%200%204.02-.76%205.54-2.28l11.082-11.08L168.86%2049.05c1.52-1.52%202.283-3.37%202.283-5.54%200-2.174-.76-4.02-2.28-5.54z%22%2F%3E%3C%2Fsvg%3E');background-position:50%;background-repeat:no-repeat;background-size:24px;border-color:#0071bc}.ds-c-choice:disabled+label{color:#757575}.ds-c-choice:disabled+label:before{background-color:#d6d7d9;border:1px solid #aeb0b5;cursor:not-allowed}.ds-c-choice--inverse:disabled+label{color:#bac5cf}.ds-c-choice--inverse:disabled+label:before{background-color:rgba(186,197,207,.15);-webkit-box-shadow:0 0 0 1px #bac5cf;box-shadow:0 0 0 1px #bac5cf}.ds-c-choice[type=radio]+label:before{border-radius:100%}.ds-c-field--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAn0lEQVQ4je3SwRECIQxA0T97Enpwx3a2TOlCXV0qceyBAuIBRmWBLB6dMZxC8jgkwD9eccATcBi1y+IIeEaAkQeCIMwKs9xS1509+JRo7E0EYYHwkdaZ5Zr1BHDZRcnMighHMMwKK8mZXSy0WFlJpP7ejNFJi22Q2ozW51JfR76NLqIxhbTYBqmxDhLZ0vwfKovjPvUTgIGJieEb8tvxBHgowtBhwYKpAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%2020.7706835L25.368705%209.89253597C25.7895683%209.48920863%2026%208.99235612%2026%208.39028777c0-.60206835-.2104317-1.09892086-.631295-1.5022482l-1.2508992-1.26843525C23.7086331%205.21043165%2023.2059353%205%2022.6155576%205c-.5786871%200-1.0872303.20458633-1.5197842.61960432L13%2013.7270683%204.89253597%205.61960432C4.4833633%205.21043165%203.98066547%205%203.39028777%205c-.57868705%200-1.08723022.20458633-1.51978417.61960432L.61960432%206.88803957C.21043166%207.29721223%200%207.79991007%200%208.39028777c0%20.5903777.20458633%201.09307554.61960432%201.5022482L11.4802158%2020.7706835c.432554.4091726.9410971.6196043%201.5197842.6196043.5903777%200%201.0930755-.2045864%201.5022482-.6196043z%22%2F%3E%3C%2Fsvg%3E');background-position:right 14px center;background-repeat:no-repeat;background-size:14px}.ds-c-field--select[multiple]{background-image:none}.ds-c-label{display:block;font-size:16px;font-weight:400;margin-bottom:0;margin-top:24px;max-width:460px;padding:0}.ds-c-fieldset>.ds-c-label:first-child{margin-top:0}.ds-c-field__hint{color:#757575;display:block}.ds-c-field__hint--inverse{color:#bac5cf}.ds-c-list{margin-bottom:16px;margin-top:16px;padding-left:32px}.ds-c-list li{line-height:1.5;margin-bottom:8px}.ds-c-list li:last-child{margin-bottom:0}.ds-c-list--bare{list-style:none;margin:0;padding:0}.ds-c-table{border-collapse:collapse;border-spacing:0;margin:0;min-width:100%}.ds-c-table td{background-color:#fff}.ds-c-table th,.ds-c-table thead td{background-color:#f1f1f1;text-align:left}.ds-c-table tbody th{font-weight:400}.ds-c-table td,.ds-c-table th{border:1px solid #5b616b;padding:1.5rem}.ds-c-table--borderless thead tr{background-color:transparent}.ds-c-table--borderless thead th{border-top:0}.ds-c-table--borderless td,.ds-c-table--borderless th{border-left:0;border-right:0}.ds-c-table__caption{font-weight:700;margin-bottom:8px;text-align:left}.ds-c-tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.ds-c-tabs,.ds-c-tabs__panel{border-bottom:1px solid #d6d7d9}.ds-c-tabs__panel{background-color:#fff;border-left:1px solid #d6d7d9;border-right:1px solid #d6d7d9;padding:24px}.ds-c-tabs__panel[aria-hidden=true]{display:none!important}.ds-c-tabs__item{background-color:#fff;border-bottom:1px solid #d6d7d9;border-left:1px solid #d6d7d9;border-top:1px solid #d6d7d9;color:#212121;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;line-height:1;margin-bottom:-1px;padding:16px 8px;position:relative;text-decoration:none;-webkit-transition:border-bottom-color .3s cubic-bezier(1,0,0,1);transition:border-bottom-color .3s cubic-bezier(1,0,0,1)}@media (min-width:544px){.ds-c-tabs__item{padding-left:16px;padding-right:16px}}@media (min-width:768px){.ds-c-tabs__item{font-size:16px;padding-left:24px;padding-right:24px}}.ds-c-tabs__item:last-child{border-right:1px solid #d6d7d9}.ds-c-tabs__item:after{background-color:#0071bc;content:"";height:4px;left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity .3s cubic-bezier(1,0,0,1),-webkit-transform .3s cubic-bezier(1,0,0,1);transition:opacity .3s cubic-bezier(1,0,0,1),-webkit-transform .3s cubic-bezier(1,0,0,1);transition:opacity .3s cubic-bezier(1,0,0,1),transform .3s cubic-bezier(1,0,0,1);transition:opacity .3s cubic-bezier(1,0,0,1),transform .3s cubic-bezier(1,0,0,1),-webkit-transform .3s cubic-bezier(1,0,0,1)}.ds-c-tabs__item[aria-selected=true]{border-bottom-color:#fff;color:#0071bc;pointer-events:none}.ds-c-tabs__item[aria-selected=true]:after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.ds-c-tabs__item:focus,.ds-c-tabs__item:hover{color:#0071bc}.ds-c-tabs__item:active{color:#205493}.ds-c-tabs__item>svg{fill:currentColor;height:1em;margin-bottom:-.1em;margin-top:-.1em;position:relative;top:-.1em;vertical-align:middle;width:1em}.ds-c-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #212121;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;display:block;font-size:16px;line-height:1.3;margin:4px 0;max-width:460px;outline:none;padding:12px;width:100%}.ds-c-field:disabled{background-color:#d6d7d9;border-width:0}.ds-c-field:focus{-webkit-box-shadow:0 0 3px #3e94cf,0 0 7px #3e94cf;box-shadow:0 0 3px #3e94cf,0 0 7px #3e94cf}.ds-c-field--inverse{border-color:#000}.ds-c-field--inverse:focus{-webkit-box-shadow:0 0 3px #59bcff,0 0 7px #59bcff;box-shadow:0 0 3px #59bcff,0 0 7px #59bcff}.ds-c-field--error{border:3px solid #e31c3d}.ds-c-field--success{border:3px solid #4aa564}.ds-c-vertical-nav{list-style:none;margin:0;padding:0}.ds-c-vertical-nav>.ds-c-vertical-nav__item{background-color:transparent;border-top:1px solid #5b616b}.ds-c-vertical-nav>.ds-c-vertical-nav__item:first-child{border-top:0}.ds-c-vertical-nav__item{position:relative}.ds-c-vertical-nav__link{border-left:4px solid transparent;color:#212121;display:block;line-height:1.3;padding:8px 16px;text-decoration:none}.ds-c-vertical-nav__link--current{border-left-color:#0071bc;color:#0071bc;font-weight:700}.ds-c-vertical-nav__link--parent{margin-right:40px}a.ds-c-vertical-nav__link:hover{background-color:#f1f1f1;color:#0071bc;text-decoration:none}.ds-c-vertical-nav__subnav{list-style:none;margin:0;padding:0}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__item{font-size:14px}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__link{line-height:1.3;padding-left:24px}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__link--current{border-color:transparent}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__subnav .ds-c-vertical-nav__link{padding-left:32px}.ds-c-vertical-nav__subnav-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAn0lEQVQ4je3SwRECIQxA0T97Enpwx3a2TOlCXV0qceyBAuIBRmWBLB6dMZxC8jgkwD9eccATcBi1y+IIeEaAkQeCIMwKs9xS1509+JRo7E0EYYHwkdaZ5Zr1BHDZRcnMighHMMwKK8mZXSy0WFlJpP7ejNFJi22Q2ozW51JfR76NLqIxhbTYBqmxDhLZ0vwfKovjPvUTgIGJieEb8tvxBHgowtBhwYKpAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%2020.7706835L25.368705%209.89253597C25.7895683%209.48920863%2026%208.99235612%2026%208.39028777c0-.60206835-.2104317-1.09892086-.631295-1.5022482l-1.2508992-1.26843525C23.7086331%205.21043165%2023.2059353%205%2022.6155576%205c-.5786871%200-1.0872303.20458633-1.5197842.61960432L13%2013.7270683%204.89253597%205.61960432C4.4833633%205.21043165%203.98066547%205%203.39028777%205c-.57868705%200-1.08723022.20458633-1.51978417.61960432L.61960432%206.88803957C.21043166%207.29721223%200%207.79991007%200%208.39028777c0%20.5903777.20458633%201.09307554.61960432%201.5022482L11.4802158%2020.7706835c.432554.4091726.9410971.6196043%201.5197842.6196043.5903777%200%201.0930755-.2045864%201.5022482-.6196043z%22%2F%3E%3C%2Fsvg%3E');background-position:50%;background-repeat:no-repeat;background-size:14px;border:0;cursor:pointer;font-size:inherit;line-height:1.3;padding-bottom:8px;padding-top:8px;position:absolute;right:0;text-indent:-9999px;top:0;width:40px}.ds-c-vertical-nav__subnav-toggle:hover{background-color:#f1f1f1}.ds-c-vertical-nav__subnav-toggle[aria-expanded=true]{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAkklEQVQ4y+3SMRKCMBRF0bsLtsAS0I1kGCsVZeW/1cGWMaGIIxCSH1Lr68/MKy78zk4IQltCeiwOh+W6l9w/pIAtiWeXUrKD3SIkw1JEYSEZGHKs25CGJmBvzjkCaCxFAA5x1irEs1fADIhKYkzWKEa2TJb3UgTg+GUW49MZcTwU4tkTxzgHXGOosilXGGr+mzcBgEfC5p/5oAUAAAAASUVORK5CYII=');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%204.61960432L25.368705%2015.4977518C25.7895683%2015.9010791%2026%2016.3979317%2026%2017c0%20.6020683-.2104317%201.0989209-.631295%201.5022482l-1.2508992%201.2684353c-.4091727.4091726-.9118705.6196043-1.5022482.6196043-.5786871%200-1.0872303-.2045864-1.5197842-.6196043L13%2011.6632194l-8.10746403%208.1074641c-.40917266.4091726-.9118705.6196043-1.5022482.6196043-.57868705%200-1.08723022-.2045864-1.51978417-.6196043L.61960432%2018.5022482C.21043166%2018.0930755%200%2017.5903777%200%2017c0-.5903777.20458633-1.0930755.61960432-1.5022482L11.4802158%204.61960432C11.9127698%204.21043165%2012.4213129%204%2013%204c.5903777%200%201.0930755.20458633%201.5022482.61960432z%22%2F%3E%3C%2Fsvg%3E')}.ds-u-fill--primary{background-color:#0071bc!important}.ds-u-fill--primary-darker{background-color:#205493!important}.ds-u-fill--primary-darkest{background-color:#112e51!important}.ds-u-fill--primary-alt{background-color:#02bfe7!important}.ds-u-fill--primary-alt-dark{background-color:#00a6d2!important}.ds-u-fill--primary-alt-darkest{background-color:#046b99!important}.ds-u-fill--primary-alt-light{background-color:#9bdaf1!important}.ds-u-fill--primary-alt-lightest{background-color:#e1f3f8!important}.ds-u-fill--secondary{background-color:#e31c3d!important}.ds-u-fill--secondary-dark{background-color:#cd2026!important}.ds-u-fill--secondary-darkest{background-color:#981b1e!important}.ds-u-fill--secondary-light{background-color:#e59393!important}.ds-u-fill--secondary-lightest{background-color:#f9dede!important}.ds-u-fill--gray{background-color:#5b616b!important}.ds-u-fill--gray-dark{background-color:#323a45!important}.ds-u-fill--gray-light{background-color:#aeb0b5!important}.ds-u-fill--gray-lighter{background-color:#d6d7d9!important}.ds-u-fill--gray-lightest{background-color:#f1f1f1!important}.ds-u-fill--gold{background-color:#fdb81e!important}.ds-u-fill--gold-light{background-color:#f9c642!important}.ds-u-fill--gold-lighter{background-color:#fad980!important}.ds-u-fill--gold-lightest{background-color:#fff1d2!important}.ds-u-fill--green{background-color:#2e8540!important}.ds-u-fill--green-light{background-color:#4aa564!important}.ds-u-fill--green-lighter{background-color:#94bfa2!important}.ds-u-fill--green-lightest{background-color:#e7f4e4!important}.ds-u-fill--error{background-color:#e31c3d!important}.ds-u-fill--error-dark{background-color:#cd2026!important}.ds-u-fill--error-darkest{background-color:#981b1e!important}.ds-u-fill--error-light{background-color:#e59393!important}.ds-u-fill--error-lighter{background-color:#efb9b9!important}.ds-u-fill--error-lightest{background-color:#f9dede!important}.ds-u-fill--warn{background-color:#fdb81e!important}.ds-u-fill--warn-light{background-color:#f9c642!important}.ds-u-fill--warn-lighter{background-color:#fad980!important}.ds-u-fill--warn-lightest{background-color:#fff1d2!important}.ds-u-fill--success{background-color:#2e8540!important}.ds-u-fill--success-light{background-color:#4aa564!important}.ds-u-fill--success-lighter{background-color:#94bfa2!important}.ds-u-fill--success-lightest{background-color:#e7f4e4!important}.ds-u-fill--base{background-color:#212121!important}.ds-u-fill--background,.ds-u-fill--white{background-color:#fff!important}.ds-u-fill--background-inverse{background-color:#112e51!important}.ds-u-fill--transparent{background-color:transparent!important}.ds-u-border--1{border:1px solid #d6d7d9!important}.ds-u-border-top--1{border-top:1px solid #d6d7d9!important}.ds-u-border-right--1{border-right:1px solid #d6d7d9!important}.ds-u-border-bottom--1{border-bottom:1px solid #d6d7d9!important}.ds-u-border-left--1,.ds-u-border-x--1{border-left:1px solid #d6d7d9!important}.ds-u-border-x--1{border-right:1px solid #d6d7d9!important}.ds-u-border-y--1{border-bottom:1px solid #d6d7d9!important;border-top:1px solid #d6d7d9!important}.ds-u-border--2{border:2px solid #d6d7d9!important}.ds-u-border-top--2{border-top:2px solid #d6d7d9!important}.ds-u-border-right--2{border-right:2px solid #d6d7d9!important}.ds-u-border-bottom--2{border-bottom:2px solid #d6d7d9!important}.ds-u-border-left--2,.ds-u-border-x--2{border-left:2px solid #d6d7d9!important}.ds-u-border-x--2{border-right:2px solid #d6d7d9!important}.ds-u-border-y--2{border-bottom:2px solid #d6d7d9!important;border-top:2px solid #d6d7d9!important}.ds-u-border--0{border:0!important}.ds-u-border-top--0{border-top:0!important}.ds-u-border-right--0{border-right:0!important}.ds-u-border-bottom--0{border-bottom:0!important}.ds-u-border-left--0,.ds-u-border-x--0{border-left:0!important}.ds-u-border-x--0{border-right:0!important}.ds-u-border-y--0{border-bottom:0!important;border-top:0!important}.ds-u-border--inverse{border-color:#fff!important}.ds-u-border--error{border-color:#e31c3d!important}.ds-u-border--error-light{border-color:#e59393!important}.ds-u-border--error-lighter{border-color:#efb9b9!important}.ds-u-border--warn{border-color:#fdb81e!important}.ds-u-border--warn-light{border-color:#f9c642!important}.ds-u-border--warn-lighter{border-color:#fad980!important}.ds-u-border--success{border-color:#2e8540!important}.ds-u-border--success-light{border-color:#4aa564!important}.ds-u-border--success-lighter{border-color:#94bfa2!important}.ds-u-radius{border-radius:3px}.ds-u-radius--pill{border-radius:9999px}.ds-u-radius--circle{border-radius:100%}.ds-u-color--primary{color:#0071bc!important}.ds-u-color--primary-darker{color:#205493!important}.ds-u-color--primary-darkest{color:#112e51!important}.ds-u-color--gray{color:#5b616b!important}.ds-u-color--muted{color:#757575!important}.ds-u-color--error{color:#e31c3d!important}.ds-u-color--error-dark{color:#cd2026!important}.ds-u-color--error-light{color:#e59393!important}.ds-u-color--success{color:#2e8540!important}.ds-u-color--base{color:#212121!important}.ds-u-color--base-inverse{color:#fff!important}.ds-u-color--muted-inverse{color:#bac5cf!important}.ds-u-color--black{color:#000!important}.ds-u-color--white{color:#fff!important}.ds-u-display--block{display:block!important}.ds-u-display--inline-block{display:inline-block!important}.ds-u-display--flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.ds-u-display--none{display:none!important}.ds-u-visibility--hidden{visibility:hidden!important}.ds-u-visibility--visible{visibility:visible!important}.ds-u-visibility--screen-reader{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}@media (min-width:544px){.ds-u-sm-display--block{display:block!important}.ds-u-sm-display--inline-block{display:inline-block!important}.ds-u-sm-display--none{display:none!important}.ds-u-sm-visibility--hidden{visibility:hidden!important}.ds-u-sm-visibility--visible{visibility:visible!important}}@media (min-width:768px){.ds-u-md-display--block{display:block!important}.ds-u-md-display--inline-block{display:inline-block!important}.ds-u-md-display--none{display:none!important}.ds-u-md-visibility--hidden{visibility:hidden!important}.ds-u-md-visibility--visible{visibility:visible!important}}@media (min-width:1024px){.ds-u-lg-display--block{display:block!important}.ds-u-lg-display--inline-block{display:inline-block!important}.ds-u-lg-display--none{display:none!important}.ds-u-lg-visibility--hidden{visibility:hidden!important}.ds-u-lg-visibility--visible{visibility:visible!important}}@media (min-width:1280px){.ds-u-xl-display--block{display:block!important}.ds-u-xl-display--inline-block{display:inline-block!important}.ds-u-xl-display--none{display:none!important}.ds-u-xl-visibility--hidden{visibility:hidden!important}.ds-u-xl-visibility--visible{visibility:visible!important}}.ds-u-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}@media (min-width:544px){.ds-u-sm-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-sm-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-sm-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-sm-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-sm-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:768px){.ds-u-md-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-md-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-md-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-md-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-md-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:1024px){.ds-u-lg-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-lg-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-lg-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-lg-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-lg-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:1280px){.ds-u-xl-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-xl-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-xl-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-xl-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-xl-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}.ds-u-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (min-width:544px){.ds-u-sm-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-sm-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-sm-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-sm-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-sm-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:768px){.ds-u-md-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-md-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-md-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-md-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-md-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:1024px){.ds-u-lg-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-lg-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-lg-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-lg-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-lg-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:1280px){.ds-u-xl-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-xl-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-xl-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-xl-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-xl-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}.ds-u-float--left{float:left!important}.ds-u-float--right{float:right!important}.ds-u-float--none{float:none!important}@media (min-width:544px){.ds-u-sm-float--left{float:left!important}.ds-u-sm-float--right{float:right!important}.ds-u-sm-float--none{float:none!important}}@media (min-width:768px){.ds-u-md-float--left{float:left!important}.ds-u-md-float--right{float:right!important}.ds-u-md-float--none{float:none!important}}@media (min-width:1024px){.ds-u-lg-float--left{float:left!important}.ds-u-lg-float--right{float:right!important}.ds-u-lg-float--none{float:none!important}}@media (min-width:1280px){.ds-u-xl-float--left{float:left!important}.ds-u-xl-float--right{float:right!important}.ds-u-xl-float--none{float:none!important}}.ds-u-sans{font-family:Open Sans,Helvetica,sans-serif!important}.ds-u-serif{font-family:Bitter,Georgia,serif!important}.ds-u-font-size--small{font-size:14px!important}.ds-u-font-size--base{font-size:16px!important}.ds-u-font-size--lead{font-size:18px!important}.ds-u-font-size--display{font-size:60px!important}.ds-u-font-size--title{font-size:48px!important}.ds-u-font-size--h1{font-size:36px!important}.ds-u-font-size--h2{font-size:24px!important}.ds-u-font-size--h3{font-size:21px!important}.ds-u-font-size--h4{font-size:18px!important}@media (min-width:544px){.ds-u-sm-font-size--small{font-size:14px!important}.ds-u-sm-font-size--base{font-size:16px!important}.ds-u-sm-font-size--lead{font-size:18px!important}.ds-u-sm-font-size--display{font-size:60px!important}.ds-u-sm-font-size--title{font-size:48px!important}.ds-u-sm-font-size--h1{font-size:36px!important}.ds-u-sm-font-size--h2{font-size:24px!important}.ds-u-sm-font-size--h3{font-size:21px!important}.ds-u-sm-font-size--h4{font-size:18px!important}}@media (min-width:768px){.ds-u-md-font-size--small{font-size:14px!important}.ds-u-md-font-size--base{font-size:16px!important}.ds-u-md-font-size--lead{font-size:18px!important}.ds-u-md-font-size--display{font-size:60px!important}.ds-u-md-font-size--title{font-size:48px!important}.ds-u-md-font-size--h1{font-size:36px!important}.ds-u-md-font-size--h2{font-size:24px!important}.ds-u-md-font-size--h3{font-size:21px!important}.ds-u-md-font-size--h4{font-size:18px!important}}@media (min-width:1024px){.ds-u-lg-font-size--small{font-size:14px!important}.ds-u-lg-font-size--base{font-size:16px!important}.ds-u-lg-font-size--lead{font-size:18px!important}.ds-u-lg-font-size--display{font-size:60px!important}.ds-u-lg-font-size--title{font-size:48px!important}.ds-u-lg-font-size--h1{font-size:36px!important}.ds-u-lg-font-size--h2{font-size:24px!important}.ds-u-lg-font-size--h3{font-size:21px!important}.ds-u-lg-font-size--h4{font-size:18px!important}}@media (min-width:1280px){.ds-u-xl-font-size--small{font-size:14px!important}.ds-u-xl-font-size--base{font-size:16px!important}.ds-u-xl-font-size--lead{font-size:18px!important}.ds-u-xl-font-size--display{font-size:60px!important}.ds-u-xl-font-size--title{font-size:48px!important}.ds-u-xl-font-size--h1{font-size:36px!important}.ds-u-xl-font-size--h2{font-size:24px!important}.ds-u-xl-font-size--h3{font-size:21px!important}.ds-u-xl-font-size--h4{font-size:18px!important}}.ds-u-font-style--normal{font-style:normal!important}.ds-u-font-style--italic{font-style:italic!important}.ds-u-font-weight--normal{font-weight:400!important}.ds-u-font-weight--semibold{font-weight:600!important}.ds-u-font-weight--bold{font-weight:700!important}.ds-u-leading--base{line-height:1.5!important}.ds-u-leading--lead{line-height:1.7!important}.ds-u-leading--heading{line-height:1.3!important}.ds-u-leading--reset{line-height:1!important}.ds-u-margin--0{margin:0!important}.ds-u-margin-top--0{margin-top:0!important}.ds-u-margin-right--0{margin-right:0!important}.ds-u-margin-bottom--0{margin-bottom:0!important}.ds-u-margin-left--0,.ds-u-margin-x--0{margin-left:0!important}.ds-u-margin-x--0{margin-right:0!important}.ds-u-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-margin--1{margin:8px!important}.ds-u-margin-top--1{margin-top:8px!important}.ds-u-margin-right--1{margin-right:8px!important}.ds-u-margin-bottom--1{margin-bottom:8px!important}.ds-u-margin-left--1,.ds-u-margin-x--1{margin-left:8px!important}.ds-u-margin-x--1{margin-right:8px!important}.ds-u-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-margin--2{margin:16px!important}.ds-u-margin-top--2{margin-top:16px!important}.ds-u-margin-right--2{margin-right:16px!important}.ds-u-margin-bottom--2{margin-bottom:16px!important}.ds-u-margin-left--2,.ds-u-margin-x--2{margin-left:16px!important}.ds-u-margin-x--2{margin-right:16px!important}.ds-u-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-margin--3{margin:24px!important}.ds-u-margin-top--3{margin-top:24px!important}.ds-u-margin-right--3{margin-right:24px!important}.ds-u-margin-bottom--3{margin-bottom:24px!important}.ds-u-margin-left--3,.ds-u-margin-x--3{margin-left:24px!important}.ds-u-margin-x--3{margin-right:24px!important}.ds-u-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-margin--4{margin:32px!important}.ds-u-margin-top--4{margin-top:32px!important}.ds-u-margin-right--4{margin-right:32px!important}.ds-u-margin-bottom--4{margin-bottom:32px!important}.ds-u-margin-left--4,.ds-u-margin-x--4{margin-left:32px!important}.ds-u-margin-x--4{margin-right:32px!important}.ds-u-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-margin--5{margin:40px!important}.ds-u-margin-top--5{margin-top:40px!important}.ds-u-margin-right--5{margin-right:40px!important}.ds-u-margin-bottom--5{margin-bottom:40px!important}.ds-u-margin-left--5,.ds-u-margin-x--5{margin-left:40px!important}.ds-u-margin-x--5{margin-right:40px!important}.ds-u-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-margin--6{margin:48px!important}.ds-u-margin-top--6{margin-top:48px!important}.ds-u-margin-right--6{margin-right:48px!important}.ds-u-margin-bottom--6{margin-bottom:48px!important}.ds-u-margin-left--6,.ds-u-margin-x--6{margin-left:48px!important}.ds-u-margin-x--6{margin-right:48px!important}.ds-u-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-margin--7{margin:56px!important}.ds-u-margin-top--7{margin-top:56px!important}.ds-u-margin-right--7{margin-right:56px!important}.ds-u-margin-bottom--7{margin-bottom:56px!important}.ds-u-margin-left--7,.ds-u-margin-x--7{margin-left:56px!important}.ds-u-margin-x--7{margin-right:56px!important}.ds-u-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-margin--auto{margin:auto!important}.ds-u-margin-top--auto{margin-top:auto!important}.ds-u-margin-right--auto{margin-right:auto!important}.ds-u-margin-bottom--auto{margin-bottom:auto!important}.ds-u-margin-left--auto,.ds-u-margin-x--auto{margin-left:auto!important}.ds-u-margin-x--auto{margin-right:auto!important}.ds-u-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}@media (min-width:544px){.ds-u-sm-margin--0{margin:0!important}.ds-u-sm-margin-top--0{margin-top:0!important}.ds-u-sm-margin-right--0{margin-right:0!important}.ds-u-sm-margin-bottom--0{margin-bottom:0!important}.ds-u-sm-margin-left--0,.ds-u-sm-margin-x--0{margin-left:0!important}.ds-u-sm-margin-x--0{margin-right:0!important}.ds-u-sm-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-sm-margin--1{margin:8px!important}.ds-u-sm-margin-top--1{margin-top:8px!important}.ds-u-sm-margin-right--1{margin-right:8px!important}.ds-u-sm-margin-bottom--1{margin-bottom:8px!important}.ds-u-sm-margin-left--1,.ds-u-sm-margin-x--1{margin-left:8px!important}.ds-u-sm-margin-x--1{margin-right:8px!important}.ds-u-sm-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-sm-margin--2{margin:16px!important}.ds-u-sm-margin-top--2{margin-top:16px!important}.ds-u-sm-margin-right--2{margin-right:16px!important}.ds-u-sm-margin-bottom--2{margin-bottom:16px!important}.ds-u-sm-margin-left--2,.ds-u-sm-margin-x--2{margin-left:16px!important}.ds-u-sm-margin-x--2{margin-right:16px!important}.ds-u-sm-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-sm-margin--3{margin:24px!important}.ds-u-sm-margin-top--3{margin-top:24px!important}.ds-u-sm-margin-right--3{margin-right:24px!important}.ds-u-sm-margin-bottom--3{margin-bottom:24px!important}.ds-u-sm-margin-left--3,.ds-u-sm-margin-x--3{margin-left:24px!important}.ds-u-sm-margin-x--3{margin-right:24px!important}.ds-u-sm-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-sm-margin--4{margin:32px!important}.ds-u-sm-margin-top--4{margin-top:32px!important}.ds-u-sm-margin-right--4{margin-right:32px!important}.ds-u-sm-margin-bottom--4{margin-bottom:32px!important}.ds-u-sm-margin-left--4,.ds-u-sm-margin-x--4{margin-left:32px!important}.ds-u-sm-margin-x--4{margin-right:32px!important}.ds-u-sm-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-sm-margin--5{margin:40px!important}.ds-u-sm-margin-top--5{margin-top:40px!important}.ds-u-sm-margin-right--5{margin-right:40px!important}.ds-u-sm-margin-bottom--5{margin-bottom:40px!important}.ds-u-sm-margin-left--5,.ds-u-sm-margin-x--5{margin-left:40px!important}.ds-u-sm-margin-x--5{margin-right:40px!important}.ds-u-sm-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-sm-margin--6{margin:48px!important}.ds-u-sm-margin-top--6{margin-top:48px!important}.ds-u-sm-margin-right--6{margin-right:48px!important}.ds-u-sm-margin-bottom--6{margin-bottom:48px!important}.ds-u-sm-margin-left--6,.ds-u-sm-margin-x--6{margin-left:48px!important}.ds-u-sm-margin-x--6{margin-right:48px!important}.ds-u-sm-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-sm-margin--7{margin:56px!important}.ds-u-sm-margin-top--7{margin-top:56px!important}.ds-u-sm-margin-right--7{margin-right:56px!important}.ds-u-sm-margin-bottom--7{margin-bottom:56px!important}.ds-u-sm-margin-left--7,.ds-u-sm-margin-x--7{margin-left:56px!important}.ds-u-sm-margin-x--7{margin-right:56px!important}.ds-u-sm-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-sm-margin--auto{margin:auto!important}.ds-u-sm-margin-top--auto{margin-top:auto!important}.ds-u-sm-margin-right--auto{margin-right:auto!important}.ds-u-sm-margin-bottom--auto{margin-bottom:auto!important}.ds-u-sm-margin-left--auto,.ds-u-sm-margin-x--auto{margin-left:auto!important}.ds-u-sm-margin-x--auto{margin-right:auto!important}.ds-u-sm-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:768px){.ds-u-md-margin--0{margin:0!important}.ds-u-md-margin-top--0{margin-top:0!important}.ds-u-md-margin-right--0{margin-right:0!important}.ds-u-md-margin-bottom--0{margin-bottom:0!important}.ds-u-md-margin-left--0,.ds-u-md-margin-x--0{margin-left:0!important}.ds-u-md-margin-x--0{margin-right:0!important}.ds-u-md-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-md-margin--1{margin:8px!important}.ds-u-md-margin-top--1{margin-top:8px!important}.ds-u-md-margin-right--1{margin-right:8px!important}.ds-u-md-margin-bottom--1{margin-bottom:8px!important}.ds-u-md-margin-left--1,.ds-u-md-margin-x--1{margin-left:8px!important}.ds-u-md-margin-x--1{margin-right:8px!important}.ds-u-md-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-md-margin--2{margin:16px!important}.ds-u-md-margin-top--2{margin-top:16px!important}.ds-u-md-margin-right--2{margin-right:16px!important}.ds-u-md-margin-bottom--2{margin-bottom:16px!important}.ds-u-md-margin-left--2,.ds-u-md-margin-x--2{margin-left:16px!important}.ds-u-md-margin-x--2{margin-right:16px!important}.ds-u-md-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-md-margin--3{margin:24px!important}.ds-u-md-margin-top--3{margin-top:24px!important}.ds-u-md-margin-right--3{margin-right:24px!important}.ds-u-md-margin-bottom--3{margin-bottom:24px!important}.ds-u-md-margin-left--3,.ds-u-md-margin-x--3{margin-left:24px!important}.ds-u-md-margin-x--3{margin-right:24px!important}.ds-u-md-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-md-margin--4{margin:32px!important}.ds-u-md-margin-top--4{margin-top:32px!important}.ds-u-md-margin-right--4{margin-right:32px!important}.ds-u-md-margin-bottom--4{margin-bottom:32px!important}.ds-u-md-margin-left--4,.ds-u-md-margin-x--4{margin-left:32px!important}.ds-u-md-margin-x--4{margin-right:32px!important}.ds-u-md-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-md-margin--5{margin:40px!important}.ds-u-md-margin-top--5{margin-top:40px!important}.ds-u-md-margin-right--5{margin-right:40px!important}.ds-u-md-margin-bottom--5{margin-bottom:40px!important}.ds-u-md-margin-left--5,.ds-u-md-margin-x--5{margin-left:40px!important}.ds-u-md-margin-x--5{margin-right:40px!important}.ds-u-md-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-md-margin--6{margin:48px!important}.ds-u-md-margin-top--6{margin-top:48px!important}.ds-u-md-margin-right--6{margin-right:48px!important}.ds-u-md-margin-bottom--6{margin-bottom:48px!important}.ds-u-md-margin-left--6,.ds-u-md-margin-x--6{margin-left:48px!important}.ds-u-md-margin-x--6{margin-right:48px!important}.ds-u-md-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-md-margin--7{margin:56px!important}.ds-u-md-margin-top--7{margin-top:56px!important}.ds-u-md-margin-right--7{margin-right:56px!important}.ds-u-md-margin-bottom--7{margin-bottom:56px!important}.ds-u-md-margin-left--7,.ds-u-md-margin-x--7{margin-left:56px!important}.ds-u-md-margin-x--7{margin-right:56px!important}.ds-u-md-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-md-margin--auto{margin:auto!important}.ds-u-md-margin-top--auto{margin-top:auto!important}.ds-u-md-margin-right--auto{margin-right:auto!important}.ds-u-md-margin-bottom--auto{margin-bottom:auto!important}.ds-u-md-margin-left--auto,.ds-u-md-margin-x--auto{margin-left:auto!important}.ds-u-md-margin-x--auto{margin-right:auto!important}.ds-u-md-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:1024px){.ds-u-lg-margin--0{margin:0!important}.ds-u-lg-margin-top--0{margin-top:0!important}.ds-u-lg-margin-right--0{margin-right:0!important}.ds-u-lg-margin-bottom--0{margin-bottom:0!important}.ds-u-lg-margin-left--0,.ds-u-lg-margin-x--0{margin-left:0!important}.ds-u-lg-margin-x--0{margin-right:0!important}.ds-u-lg-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-lg-margin--1{margin:8px!important}.ds-u-lg-margin-top--1{margin-top:8px!important}.ds-u-lg-margin-right--1{margin-right:8px!important}.ds-u-lg-margin-bottom--1{margin-bottom:8px!important}.ds-u-lg-margin-left--1,.ds-u-lg-margin-x--1{margin-left:8px!important}.ds-u-lg-margin-x--1{margin-right:8px!important}.ds-u-lg-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-lg-margin--2{margin:16px!important}.ds-u-lg-margin-top--2{margin-top:16px!important}.ds-u-lg-margin-right--2{margin-right:16px!important}.ds-u-lg-margin-bottom--2{margin-bottom:16px!important}.ds-u-lg-margin-left--2,.ds-u-lg-margin-x--2{margin-left:16px!important}.ds-u-lg-margin-x--2{margin-right:16px!important}.ds-u-lg-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-lg-margin--3{margin:24px!important}.ds-u-lg-margin-top--3{margin-top:24px!important}.ds-u-lg-margin-right--3{margin-right:24px!important}.ds-u-lg-margin-bottom--3{margin-bottom:24px!important}.ds-u-lg-margin-left--3,.ds-u-lg-margin-x--3{margin-left:24px!important}.ds-u-lg-margin-x--3{margin-right:24px!important}.ds-u-lg-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-lg-margin--4{margin:32px!important}.ds-u-lg-margin-top--4{margin-top:32px!important}.ds-u-lg-margin-right--4{margin-right:32px!important}.ds-u-lg-margin-bottom--4{margin-bottom:32px!important}.ds-u-lg-margin-left--4,.ds-u-lg-margin-x--4{margin-left:32px!important}.ds-u-lg-margin-x--4{margin-right:32px!important}.ds-u-lg-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-lg-margin--5{margin:40px!important}.ds-u-lg-margin-top--5{margin-top:40px!important}.ds-u-lg-margin-right--5{margin-right:40px!important}.ds-u-lg-margin-bottom--5{margin-bottom:40px!important}.ds-u-lg-margin-left--5,.ds-u-lg-margin-x--5{margin-left:40px!important}.ds-u-lg-margin-x--5{margin-right:40px!important}.ds-u-lg-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-lg-margin--6{margin:48px!important}.ds-u-lg-margin-top--6{margin-top:48px!important}.ds-u-lg-margin-right--6{margin-right:48px!important}.ds-u-lg-margin-bottom--6{margin-bottom:48px!important}.ds-u-lg-margin-left--6,.ds-u-lg-margin-x--6{margin-left:48px!important}.ds-u-lg-margin-x--6{margin-right:48px!important}.ds-u-lg-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-lg-margin--7{margin:56px!important}.ds-u-lg-margin-top--7{margin-top:56px!important}.ds-u-lg-margin-right--7{margin-right:56px!important}.ds-u-lg-margin-bottom--7{margin-bottom:56px!important}.ds-u-lg-margin-left--7,.ds-u-lg-margin-x--7{margin-left:56px!important}.ds-u-lg-margin-x--7{margin-right:56px!important}.ds-u-lg-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-lg-margin--auto{margin:auto!important}.ds-u-lg-margin-top--auto{margin-top:auto!important}.ds-u-lg-margin-right--auto{margin-right:auto!important}.ds-u-lg-margin-bottom--auto{margin-bottom:auto!important}.ds-u-lg-margin-left--auto,.ds-u-lg-margin-x--auto{margin-left:auto!important}.ds-u-lg-margin-x--auto{margin-right:auto!important}.ds-u-lg-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:1280px){.ds-u-xl-margin--0{margin:0!important}.ds-u-xl-margin-top--0{margin-top:0!important}.ds-u-xl-margin-right--0{margin-right:0!important}.ds-u-xl-margin-bottom--0{margin-bottom:0!important}.ds-u-xl-margin-left--0,.ds-u-xl-margin-x--0{margin-left:0!important}.ds-u-xl-margin-x--0{margin-right:0!important}.ds-u-xl-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-xl-margin--1{margin:8px!important}.ds-u-xl-margin-top--1{margin-top:8px!important}.ds-u-xl-margin-right--1{margin-right:8px!important}.ds-u-xl-margin-bottom--1{margin-bottom:8px!important}.ds-u-xl-margin-left--1,.ds-u-xl-margin-x--1{margin-left:8px!important}.ds-u-xl-margin-x--1{margin-right:8px!important}.ds-u-xl-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-xl-margin--2{margin:16px!important}.ds-u-xl-margin-top--2{margin-top:16px!important}.ds-u-xl-margin-right--2{margin-right:16px!important}.ds-u-xl-margin-bottom--2{margin-bottom:16px!important}.ds-u-xl-margin-left--2,.ds-u-xl-margin-x--2{margin-left:16px!important}.ds-u-xl-margin-x--2{margin-right:16px!important}.ds-u-xl-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-xl-margin--3{margin:24px!important}.ds-u-xl-margin-top--3{margin-top:24px!important}.ds-u-xl-margin-right--3{margin-right:24px!important}.ds-u-xl-margin-bottom--3{margin-bottom:24px!important}.ds-u-xl-margin-left--3,.ds-u-xl-margin-x--3{margin-left:24px!important}.ds-u-xl-margin-x--3{margin-right:24px!important}.ds-u-xl-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-xl-margin--4{margin:32px!important}.ds-u-xl-margin-top--4{margin-top:32px!important}.ds-u-xl-margin-right--4{margin-right:32px!important}.ds-u-xl-margin-bottom--4{margin-bottom:32px!important}.ds-u-xl-margin-left--4,.ds-u-xl-margin-x--4{margin-left:32px!important}.ds-u-xl-margin-x--4{margin-right:32px!important}.ds-u-xl-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-xl-margin--5{margin:40px!important}.ds-u-xl-margin-top--5{margin-top:40px!important}.ds-u-xl-margin-right--5{margin-right:40px!important}.ds-u-xl-margin-bottom--5{margin-bottom:40px!important}.ds-u-xl-margin-left--5,.ds-u-xl-margin-x--5{margin-left:40px!important}.ds-u-xl-margin-x--5{margin-right:40px!important}.ds-u-xl-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-xl-margin--6{margin:48px!important}.ds-u-xl-margin-top--6{margin-top:48px!important}.ds-u-xl-margin-right--6{margin-right:48px!important}.ds-u-xl-margin-bottom--6{margin-bottom:48px!important}.ds-u-xl-margin-left--6,.ds-u-xl-margin-x--6{margin-left:48px!important}.ds-u-xl-margin-x--6{margin-right:48px!important}.ds-u-xl-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-xl-margin--7{margin:56px!important}.ds-u-xl-margin-top--7{margin-top:56px!important}.ds-u-xl-margin-right--7{margin-right:56px!important}.ds-u-xl-margin-bottom--7{margin-bottom:56px!important}.ds-u-xl-margin-left--7,.ds-u-xl-margin-x--7{margin-left:56px!important}.ds-u-xl-margin-x--7{margin-right:56px!important}.ds-u-xl-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-xl-margin--auto{margin:auto!important}.ds-u-xl-margin-top--auto{margin-top:auto!important}.ds-u-xl-margin-right--auto{margin-right:auto!important}.ds-u-xl-margin-bottom--auto{margin-bottom:auto!important}.ds-u-xl-margin-left--auto,.ds-u-xl-margin-x--auto{margin-left:auto!important}.ds-u-xl-margin-x--auto{margin-right:auto!important}.ds-u-xl-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}.ds-u-measure--narrow{max-width:21em!important}.ds-u-measure--base{max-width:31em!important}.ds-u-measure--wide{max-width:41em!important}.ds-u-overflow--hidden{overflow:hidden!important}.ds-u-overflow--scroll{overflow:scroll!important}.ds-u-overflow--auto{overflow:auto!important}.ds-u-clearfix:after,.ds-u-clearfix:before{content:"";display:table}.ds-u-clearfix:after{clear:both}.ds-u-padding--0{padding:0!important}.ds-u-padding-top--0{padding-top:0!important}.ds-u-padding-right--0{padding-right:0!important}.ds-u-padding-bottom--0{padding-bottom:0!important}.ds-u-padding-left--0,.ds-u-padding-x--0{padding-left:0!important}.ds-u-padding-x--0{padding-right:0!important}.ds-u-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-padding--1{padding:8px!important}.ds-u-padding-top--1{padding-top:8px!important}.ds-u-padding-right--1{padding-right:8px!important}.ds-u-padding-bottom--1{padding-bottom:8px!important}.ds-u-padding-left--1,.ds-u-padding-x--1{padding-left:8px!important}.ds-u-padding-x--1{padding-right:8px!important}.ds-u-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-padding--2{padding:16px!important}.ds-u-padding-top--2{padding-top:16px!important}.ds-u-padding-right--2{padding-right:16px!important}.ds-u-padding-bottom--2{padding-bottom:16px!important}.ds-u-padding-left--2,.ds-u-padding-x--2{padding-left:16px!important}.ds-u-padding-x--2{padding-right:16px!important}.ds-u-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-padding--3{padding:24px!important}.ds-u-padding-top--3{padding-top:24px!important}.ds-u-padding-right--3{padding-right:24px!important}.ds-u-padding-bottom--3{padding-bottom:24px!important}.ds-u-padding-left--3,.ds-u-padding-x--3{padding-left:24px!important}.ds-u-padding-x--3{padding-right:24px!important}.ds-u-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-padding--4{padding:32px!important}.ds-u-padding-top--4{padding-top:32px!important}.ds-u-padding-right--4{padding-right:32px!important}.ds-u-padding-bottom--4{padding-bottom:32px!important}.ds-u-padding-left--4,.ds-u-padding-x--4{padding-left:32px!important}.ds-u-padding-x--4{padding-right:32px!important}.ds-u-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-padding--5{padding:40px!important}.ds-u-padding-top--5{padding-top:40px!important}.ds-u-padding-right--5{padding-right:40px!important}.ds-u-padding-bottom--5{padding-bottom:40px!important}.ds-u-padding-left--5,.ds-u-padding-x--5{padding-left:40px!important}.ds-u-padding-x--5{padding-right:40px!important}.ds-u-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-padding--6{padding:48px!important}.ds-u-padding-top--6{padding-top:48px!important}.ds-u-padding-right--6{padding-right:48px!important}.ds-u-padding-bottom--6{padding-bottom:48px!important}.ds-u-padding-left--6,.ds-u-padding-x--6{padding-left:48px!important}.ds-u-padding-x--6{padding-right:48px!important}.ds-u-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-padding--7{padding:56px!important}.ds-u-padding-top--7{padding-top:56px!important}.ds-u-padding-right--7{padding-right:56px!important}.ds-u-padding-bottom--7{padding-bottom:56px!important}.ds-u-padding-left--7,.ds-u-padding-x--7{padding-left:56px!important}.ds-u-padding-x--7{padding-right:56px!important}.ds-u-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}@media (min-width:544px){.ds-u-sm-padding--0{padding:0!important}.ds-u-sm-padding-top--0{padding-top:0!important}.ds-u-sm-padding-right--0{padding-right:0!important}.ds-u-sm-padding-bottom--0{padding-bottom:0!important}.ds-u-sm-padding-left--0,.ds-u-sm-padding-x--0{padding-left:0!important}.ds-u-sm-padding-x--0{padding-right:0!important}.ds-u-sm-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-sm-padding--1{padding:8px!important}.ds-u-sm-padding-top--1{padding-top:8px!important}.ds-u-sm-padding-right--1{padding-right:8px!important}.ds-u-sm-padding-bottom--1{padding-bottom:8px!important}.ds-u-sm-padding-left--1,.ds-u-sm-padding-x--1{padding-left:8px!important}.ds-u-sm-padding-x--1{padding-right:8px!important}.ds-u-sm-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-sm-padding--2{padding:16px!important}.ds-u-sm-padding-top--2{padding-top:16px!important}.ds-u-sm-padding-right--2{padding-right:16px!important}.ds-u-sm-padding-bottom--2{padding-bottom:16px!important}.ds-u-sm-padding-left--2,.ds-u-sm-padding-x--2{padding-left:16px!important}.ds-u-sm-padding-x--2{padding-right:16px!important}.ds-u-sm-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-sm-padding--3{padding:24px!important}.ds-u-sm-padding-top--3{padding-top:24px!important}.ds-u-sm-padding-right--3{padding-right:24px!important}.ds-u-sm-padding-bottom--3{padding-bottom:24px!important}.ds-u-sm-padding-left--3,.ds-u-sm-padding-x--3{padding-left:24px!important}.ds-u-sm-padding-x--3{padding-right:24px!important}.ds-u-sm-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-sm-padding--4{padding:32px!important}.ds-u-sm-padding-top--4{padding-top:32px!important}.ds-u-sm-padding-right--4{padding-right:32px!important}.ds-u-sm-padding-bottom--4{padding-bottom:32px!important}.ds-u-sm-padding-left--4,.ds-u-sm-padding-x--4{padding-left:32px!important}.ds-u-sm-padding-x--4{padding-right:32px!important}.ds-u-sm-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-sm-padding--5{padding:40px!important}.ds-u-sm-padding-top--5{padding-top:40px!important}.ds-u-sm-padding-right--5{padding-right:40px!important}.ds-u-sm-padding-bottom--5{padding-bottom:40px!important}.ds-u-sm-padding-left--5,.ds-u-sm-padding-x--5{padding-left:40px!important}.ds-u-sm-padding-x--5{padding-right:40px!important}.ds-u-sm-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-sm-padding--6{padding:48px!important}.ds-u-sm-padding-top--6{padding-top:48px!important}.ds-u-sm-padding-right--6{padding-right:48px!important}.ds-u-sm-padding-bottom--6{padding-bottom:48px!important}.ds-u-sm-padding-left--6,.ds-u-sm-padding-x--6{padding-left:48px!important}.ds-u-sm-padding-x--6{padding-right:48px!important}.ds-u-sm-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-sm-padding--7{padding:56px!important}.ds-u-sm-padding-top--7{padding-top:56px!important}.ds-u-sm-padding-right--7{padding-right:56px!important}.ds-u-sm-padding-bottom--7{padding-bottom:56px!important}.ds-u-sm-padding-left--7,.ds-u-sm-padding-x--7{padding-left:56px!important}.ds-u-sm-padding-x--7{padding-right:56px!important}.ds-u-sm-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:768px){.ds-u-md-padding--0{padding:0!important}.ds-u-md-padding-top--0{padding-top:0!important}.ds-u-md-padding-right--0{padding-right:0!important}.ds-u-md-padding-bottom--0{padding-bottom:0!important}.ds-u-md-padding-left--0,.ds-u-md-padding-x--0{padding-left:0!important}.ds-u-md-padding-x--0{padding-right:0!important}.ds-u-md-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-md-padding--1{padding:8px!important}.ds-u-md-padding-top--1{padding-top:8px!important}.ds-u-md-padding-right--1{padding-right:8px!important}.ds-u-md-padding-bottom--1{padding-bottom:8px!important}.ds-u-md-padding-left--1,.ds-u-md-padding-x--1{padding-left:8px!important}.ds-u-md-padding-x--1{padding-right:8px!important}.ds-u-md-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-md-padding--2{padding:16px!important}.ds-u-md-padding-top--2{padding-top:16px!important}.ds-u-md-padding-right--2{padding-right:16px!important}.ds-u-md-padding-bottom--2{padding-bottom:16px!important}.ds-u-md-padding-left--2,.ds-u-md-padding-x--2{padding-left:16px!important}.ds-u-md-padding-x--2{padding-right:16px!important}.ds-u-md-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-md-padding--3{padding:24px!important}.ds-u-md-padding-top--3{padding-top:24px!important}.ds-u-md-padding-right--3{padding-right:24px!important}.ds-u-md-padding-bottom--3{padding-bottom:24px!important}.ds-u-md-padding-left--3,.ds-u-md-padding-x--3{padding-left:24px!important}.ds-u-md-padding-x--3{padding-right:24px!important}.ds-u-md-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-md-padding--4{padding:32px!important}.ds-u-md-padding-top--4{padding-top:32px!important}.ds-u-md-padding-right--4{padding-right:32px!important}.ds-u-md-padding-bottom--4{padding-bottom:32px!important}.ds-u-md-padding-left--4,.ds-u-md-padding-x--4{padding-left:32px!important}.ds-u-md-padding-x--4{padding-right:32px!important}.ds-u-md-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-md-padding--5{padding:40px!important}.ds-u-md-padding-top--5{padding-top:40px!important}.ds-u-md-padding-right--5{padding-right:40px!important}.ds-u-md-padding-bottom--5{padding-bottom:40px!important}.ds-u-md-padding-left--5,.ds-u-md-padding-x--5{padding-left:40px!important}.ds-u-md-padding-x--5{padding-right:40px!important}.ds-u-md-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-md-padding--6{padding:48px!important}.ds-u-md-padding-top--6{padding-top:48px!important}.ds-u-md-padding-right--6{padding-right:48px!important}.ds-u-md-padding-bottom--6{padding-bottom:48px!important}.ds-u-md-padding-left--6,.ds-u-md-padding-x--6{padding-left:48px!important}.ds-u-md-padding-x--6{padding-right:48px!important}.ds-u-md-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-md-padding--7{padding:56px!important}.ds-u-md-padding-top--7{padding-top:56px!important}.ds-u-md-padding-right--7{padding-right:56px!important}.ds-u-md-padding-bottom--7{padding-bottom:56px!important}.ds-u-md-padding-left--7,.ds-u-md-padding-x--7{padding-left:56px!important}.ds-u-md-padding-x--7{padding-right:56px!important}.ds-u-md-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:1024px){.ds-u-lg-padding--0{padding:0!important}.ds-u-lg-padding-top--0{padding-top:0!important}.ds-u-lg-padding-right--0{padding-right:0!important}.ds-u-lg-padding-bottom--0{padding-bottom:0!important}.ds-u-lg-padding-left--0,.ds-u-lg-padding-x--0{padding-left:0!important}.ds-u-lg-padding-x--0{padding-right:0!important}.ds-u-lg-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-lg-padding--1{padding:8px!important}.ds-u-lg-padding-top--1{padding-top:8px!important}.ds-u-lg-padding-right--1{padding-right:8px!important}.ds-u-lg-padding-bottom--1{padding-bottom:8px!important}.ds-u-lg-padding-left--1,.ds-u-lg-padding-x--1{padding-left:8px!important}.ds-u-lg-padding-x--1{padding-right:8px!important}.ds-u-lg-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-lg-padding--2{padding:16px!important}.ds-u-lg-padding-top--2{padding-top:16px!important}.ds-u-lg-padding-right--2{padding-right:16px!important}.ds-u-lg-padding-bottom--2{padding-bottom:16px!important}.ds-u-lg-padding-left--2,.ds-u-lg-padding-x--2{padding-left:16px!important}.ds-u-lg-padding-x--2{padding-right:16px!important}.ds-u-lg-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-lg-padding--3{padding:24px!important}.ds-u-lg-padding-top--3{padding-top:24px!important}.ds-u-lg-padding-right--3{padding-right:24px!important}.ds-u-lg-padding-bottom--3{padding-bottom:24px!important}.ds-u-lg-padding-left--3,.ds-u-lg-padding-x--3{padding-left:24px!important}.ds-u-lg-padding-x--3{padding-right:24px!important}.ds-u-lg-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-lg-padding--4{padding:32px!important}.ds-u-lg-padding-top--4{padding-top:32px!important}.ds-u-lg-padding-right--4{padding-right:32px!important}.ds-u-lg-padding-bottom--4{padding-bottom:32px!important}.ds-u-lg-padding-left--4,.ds-u-lg-padding-x--4{padding-left:32px!important}.ds-u-lg-padding-x--4{padding-right:32px!important}.ds-u-lg-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-lg-padding--5{padding:40px!important}.ds-u-lg-padding-top--5{padding-top:40px!important}.ds-u-lg-padding-right--5{padding-right:40px!important}.ds-u-lg-padding-bottom--5{padding-bottom:40px!important}.ds-u-lg-padding-left--5,.ds-u-lg-padding-x--5{padding-left:40px!important}.ds-u-lg-padding-x--5{padding-right:40px!important}.ds-u-lg-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-lg-padding--6{padding:48px!important}.ds-u-lg-padding-top--6{padding-top:48px!important}.ds-u-lg-padding-right--6{padding-right:48px!important}.ds-u-lg-padding-bottom--6{padding-bottom:48px!important}.ds-u-lg-padding-left--6,.ds-u-lg-padding-x--6{padding-left:48px!important}.ds-u-lg-padding-x--6{padding-right:48px!important}.ds-u-lg-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-lg-padding--7{padding:56px!important}.ds-u-lg-padding-top--7{padding-top:56px!important}.ds-u-lg-padding-right--7{padding-right:56px!important}.ds-u-lg-padding-bottom--7{padding-bottom:56px!important}.ds-u-lg-padding-left--7,.ds-u-lg-padding-x--7{padding-left:56px!important}.ds-u-lg-padding-x--7{padding-right:56px!important}.ds-u-lg-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:1280px){.ds-u-xl-padding--0{padding:0!important}.ds-u-xl-padding-top--0{padding-top:0!important}.ds-u-xl-padding-right--0{padding-right:0!important}.ds-u-xl-padding-bottom--0{padding-bottom:0!important}.ds-u-xl-padding-left--0,.ds-u-xl-padding-x--0{padding-left:0!important}.ds-u-xl-padding-x--0{padding-right:0!important}.ds-u-xl-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-xl-padding--1{padding:8px!important}.ds-u-xl-padding-top--1{padding-top:8px!important}.ds-u-xl-padding-right--1{padding-right:8px!important}.ds-u-xl-padding-bottom--1{padding-bottom:8px!important}.ds-u-xl-padding-left--1,.ds-u-xl-padding-x--1{padding-left:8px!important}.ds-u-xl-padding-x--1{padding-right:8px!important}.ds-u-xl-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-xl-padding--2{padding:16px!important}.ds-u-xl-padding-top--2{padding-top:16px!important}.ds-u-xl-padding-right--2{padding-right:16px!important}.ds-u-xl-padding-bottom--2{padding-bottom:16px!important}.ds-u-xl-padding-left--2,.ds-u-xl-padding-x--2{padding-left:16px!important}.ds-u-xl-padding-x--2{padding-right:16px!important}.ds-u-xl-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-xl-padding--3{padding:24px!important}.ds-u-xl-padding-top--3{padding-top:24px!important}.ds-u-xl-padding-right--3{padding-right:24px!important}.ds-u-xl-padding-bottom--3{padding-bottom:24px!important}.ds-u-xl-padding-left--3,.ds-u-xl-padding-x--3{padding-left:24px!important}.ds-u-xl-padding-x--3{padding-right:24px!important}.ds-u-xl-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-xl-padding--4{padding:32px!important}.ds-u-xl-padding-top--4{padding-top:32px!important}.ds-u-xl-padding-right--4{padding-right:32px!important}.ds-u-xl-padding-bottom--4{padding-bottom:32px!important}.ds-u-xl-padding-left--4,.ds-u-xl-padding-x--4{padding-left:32px!important}.ds-u-xl-padding-x--4{padding-right:32px!important}.ds-u-xl-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-xl-padding--5{padding:40px!important}.ds-u-xl-padding-top--5{padding-top:40px!important}.ds-u-xl-padding-right--5{padding-right:40px!important}.ds-u-xl-padding-bottom--5{padding-bottom:40px!important}.ds-u-xl-padding-left--5,.ds-u-xl-padding-x--5{padding-left:40px!important}.ds-u-xl-padding-x--5{padding-right:40px!important}.ds-u-xl-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-xl-padding--6{padding:48px!important}.ds-u-xl-padding-top--6{padding-top:48px!important}.ds-u-xl-padding-right--6{padding-right:48px!important}.ds-u-xl-padding-bottom--6{padding-bottom:48px!important}.ds-u-xl-padding-left--6,.ds-u-xl-padding-x--6{padding-left:48px!important}.ds-u-xl-padding-x--6{padding-right:48px!important}.ds-u-xl-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-xl-padding--7{padding:56px!important}.ds-u-xl-padding-top--7{padding-top:56px!important}.ds-u-xl-padding-right--7{padding-right:56px!important}.ds-u-xl-padding-bottom--7{padding-bottom:56px!important}.ds-u-xl-padding-left--7,.ds-u-xl-padding-x--7{padding-left:56px!important}.ds-u-xl-padding-x--7{padding-right:56px!important}.ds-u-xl-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}.ds-u-text-align--center{text-align:center!important}.ds-u-text-align--left{text-align:left!important}.ds-u-text-align--right{text-align:right!important}@media (min-width:544px){.ds-u-sm-text-align--center{text-align:center!important}.ds-u-sm-text-align--left{text-align:left!important}.ds-u-sm-text-align--right{text-align:right!important}}@media (min-width:768px){.ds-u-md-text-align--center{text-align:center!important}.ds-u-md-text-align--left{text-align:left!important}.ds-u-md-text-align--right{text-align:right!important}}@media (min-width:1024px){.ds-u-lg-text-align--center{text-align:center!important}.ds-u-lg-text-align--left{text-align:left!important}.ds-u-lg-text-align--right{text-align:right!important}}@media (min-width:1280px){.ds-u-xl-text-align--center{text-align:center!important}.ds-u-xl-text-align--left{text-align:left!important}.ds-u-xl-text-align--right{text-align:right!important}}.ds-u-text-decoration--underline{text-decoration:underline!important}.ds-u-text-decoration--none{text-decoration:none!important}.ds-u-text-transform--uppercase{text-transform:uppercase!important}.ds-u-text-transform--lowercase{text-transform:lowercase!important}.ds-u-text-transform--capitalize{text-transform:capitalize!important}.ds-u-truncate{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ds-u-valign--top{vertical-align:top!important}.ds-u-valign--middle{vertical-align:middle!important}.ds-u-valign--bottom{vertical-align:bottom!important} \ No newline at end of file +/*! Design System - Core v1.0.0 */@font-face{font-family:Bitter;font-style:normal;font-weight:400;src:url(../fonts/Bitter-Regular.eot);src:url(../fonts/Bitter-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Bitter-Regular.woff2) format("woff2"),url(../fonts/Bitter-Regular.woff) format("woff"),url(../fonts/Bitter-Regular.ttf) format("truetype")}@font-face{font-family:Bitter;font-style:normal;font-weight:700;src:url(../fonts/Bitter-Bold.eot);src:url(../fonts/Bitter-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Bitter-Bold.woff2) format("woff2"),url(../fonts/Bitter-Bold.woff) format("woff"),url(../fonts/Bitter-Bold.ttf) format("truetype")}@font-face{font-family:Bitter;font-style:italic;font-weight:400;src:url(../fonts/Bitter-Italic.eot);src:url(../fonts/Bitter-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/Bitter-Italic.woff2) format("woff2"),url(../fonts/Bitter-Italic.woff) format("woff"),url(../fonts/Bitter-Italic.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url(../fonts/OpenSans-Regular-webfont.eot);src:url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Regular-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Regular-webfont.woff) format("woff"),url(../fonts/OpenSans-Regular-webfont.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:italic;font-weight:400;src:url(../fonts/OpenSans-Italic-webfont.eot);src:url(../fonts/OpenSans-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Italic-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Italic-webfont.woff) format("woff"),url(../fonts/OpenSans-Italic-webfont.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;src:url(../fonts/OpenSans-Semibold-webfont.eot);src:url(../fonts/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Semibold-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Semibold-webfont.woff) format("woff"),url(../fonts/OpenSans-Semibold-webfont.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:url(../fonts/OpenSans-Bold-webfont.eot);src:url(../fonts/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Bold-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Bold-webfont.woff) format("woff"),url(../fonts/OpenSans-Bold-webfont.ttf) format("truetype")}.ds-base,.ds-base--inverse{font-family:Open Sans,Helvetica,sans-serif;font-size:16px;line-height:1.5}.ds-base{color:#212121}.ds-base--inverse{background-color:#112e51;color:#fff}a{color:#0071bc}a:focus,a:hover{color:#205493}a:active{color:#112e51}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6,.ds-title{line-height:1.3;margin:0}.ds-display,.ds-h1,.ds-h2,.ds-h3,.ds-h4{font-weight:700}.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-h6{margin-bottom:.5em;margin-top:1.5em}.ds-h1:first-child,.ds-h2:first-child,.ds-h3:first-child,.ds-h4:first-child,.ds-h5:first-child,.ds-h6:first-child{margin-top:0}.ds-h1:last-child,.ds-h2:last-child,.ds-h3:last-child,.ds-h4:last-child,.ds-h5:last-child,.ds-h6:last-child{margin-bottom:0}.ds-display{font-size:36px}@media (min-width:544px){.ds-display{font-size:48px}}@media (min-width:768px){.ds-display{font-size:60px}}.ds-title{font-size:36px;font-weight:400}@media (min-width:768px){.ds-title{font-size:48px}}.ds-h1{font-size:36px}.ds-h2{font-size:24px}.ds-h3{font-size:21px}.ds-h4{font-size:18px}.ds-h5{font-size:16px}.ds-h5,.ds-h6{font-weight:400;text-transform:uppercase}.ds-h6{color:#757575;font-size:14px;letter-spacing:1px}.ds-base--inverse .ds-h6{color:#bac5cf}.ds-text,.ds-text--lead{line-height:1.5;margin-bottom:1em;margin-top:1em}.ds-text--lead:first-child,.ds-text:first-child{margin-top:0}.ds-text--lead:last-child,.ds-text:last-child{margin-bottom:0}.ds-text{font-size:16px}.ds-text--lead{font-size:18px}.ds-c-alert{background-color:#e1f3f8;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAEqCAMAAACV5O0dAAACf1BMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnoH6uAAAA1XRSTlMABAwUHCQsNDxEDic/WHGJorrT6/z/AR5HcJjB6sKZHwg9d6PM9M2keD4JTorF+ceLTxlgnNfYMH7L/gdJluJXrjGT7RNuzwJIqmja238i9fap/aw3KrC0G58dEIj3EXPudFvhJr28Bvh7BUDVO1/oraYP4986gwMhxsRZ8fDDGsldyjbm4Oc4Q2G1kLeCuxJV3Cvl6S817O/yRk1TWvtR89m4jgrOI4SdSm2bgSmSC2MoILEYhlCyFnY5lciUhbYVr7NLnoBU0VZFq9SgeZHkmg1M0I1bEDoHAAAKgUlEQVR4AezJMwIDQQAAwL21jVP8/z+mjNGF0w54Jx1EmFDGheCMEoxgd7x/UmljnQ8x5XIhpxi8s0YrCX5Ybf0wTnN50rxYDv2qgh+z3mx3e3LoAduWI4AC6Im9lHuibyM/z7Zt27Zt27bfNDOEq+ru6uo9hP32HV3w7v2Hj58+wxq++ffLfx50i4enl/c3UJuPr58/BQnw8/WBogKDgkMoVEhwUCBUExoWHkFNRISHhSr0FBn1jhp6FxWpxlZ0TCw1FxsTDZOLi0+gThLi42BaiUnJHtSRR3JSIszoZUoqdZeW8hlmExf0lIZ4mv4NzCQjJpOGyQr/DmbxQ7aNhsrJzYMZ5BdQAoXfQ3ZFfjZKIae4BDIrLcuiNMq/VEBWoZWxlEpV9UtIqaaW0qmtgXzq6imlhu8gl8agJkqqvLkFEmkNoMTa2iGLuGLKLeR5KaTQ8Tul1xkJ41V00RS6e2CwX3tpEn39MNJXAzk0DVv6IAwzNExTGXkBg4yO0WTGf4MRXhZThPEJv38c4DcxThGKX0J3k1MUoGoaDpuuogAzRdDZ7BwFmPeBE3zmKcDCInQ13UQBQpbglKUQCtC0DP0kelGIFThphUKsDkInPWsUYx1OWqcYG5vQRUYABdmCk7YoyHYddLCzS1GS4KQkirK3D80dHFKFKh71Q2Otx1Sjipkn0NRpOVWposcZNHR+QXWqaFuGZlJyqFIVQ/7WbIpUq4r8G5o4z1GvKqQDGji9oHpVtF1CuNZyqljFpiUIdnBMNat4lQehdg6pahVjv4dAGbtUt4pzGRCm9JoqV/G6FIIM3lDtKt4MQoxbql7FWwixTPWruAwB+j2sUOXRD7eVdNIKVewsgZvu7mmNKt7fwT3dtEoVu+EWX1qnih1ww8OVlaquHuCyr6ZopSpOfQVXPdJaVXyEiz7lWK0q5xNcUlpLq1WxthSuyKb1qpgNF5zTilX8n727YG5bXcI4/tgODhc2Ze45genoQtm5zKfMzOhMuQ0MlJmZMcxMZWbGD3QbJsdaRX6VibS/DxD4hxzp1e4NGHaqvzNT9T8Fo3JJvTwYlEfq5cKgdWSBfBiUTxZYB0Pi08gCBTCogCyQFg8jCskKBxfCkIUHyQqFMKBII0vMhyHzyRJaEdiidpJFikvAVlJMFtkZBa5Sskxi4fWwMoaw64WJZJlSMGXuJ4fbnwmeBHK8BLB4tkuq7R5wHCMSx8BQrhEJrRz6okn8FA1dY70kfvKOhZ50ErXSoSOCRL0IBFZBol4FAirzkqjnLeNeEBIFCKDSR42ErxLtq6JmRBXa5V5GzYhlbrSnDwneg12ulSRaWOmCf9XUiqiGf7dJ8F6GVt6kVsTNO/DnLok2lsKf0STa6A4/7pHwI1z+/eO6jzYyr5BKvzwYdcyMhyfPU6dYFo/WNpJCNx+thWmn+1Nn+Ctae6yyVCyC4ckZ6gRP0UqJj9R5FKwpwF6y3i+D0dItle9sLYLkGXWC52jpBanzAMHykjrBwFYzGc+TOqMQLK+oE+yPQnOHOv3+v/WHsdkucq8US6pkNNddUrXvNZopJ0kVQDl33pmkmsA9KCSpotEkUVIFkohG80hSBTQPDd5IqsDeoEGxpAqsGA1+lVSB/Yo6cPeUVIH1dKPOW5JUOt6izmRJpWcy6ryTVHreoc57SaXnPWqlaJJKj5aCGqtIUulahRp/kFT6/oAaMZJKXwxqfJBU+j6gxm5JpW83alyRVPqu4Kc7JKkY7gC4IKk4LgDoLak4enOnpEqqkQA+SiqOjwA+SSqOTwB+k1QcvwEYQKoV2yHVAACTSLXHdkg1CUAqqfbZDqlSARepF2mDVOSCm9RLdNsglRsessDvirp+Kg9CyAq+LxMixrbxtSulCkEoMdh+hjFDKMIkFU8YwiUVTzgiJBVPBCIlFU8kvkkqnm+Sip9KfgCZIuXXOleEvFjgCpeXoFxh8o8NVyhCJBVPCDySiscDt6TiccMlqXhcQKqk4kjl3tySVJO4t0wl1QDujXhJ9Rv3eIek+sQ9NCSpPnKPokmqkdwDjpKqN/fYrKS6wD2MLanuMI/4S6or3AdHJNVu7uNIkuoD9yE3SRXDfXRSUv2B+0CupFrFfMxbUmkpzOEBkuo9dySFpHrHHXQiqSZzx+dIqrfMoUySqqebOepLUv3KHSAnqYq5Ywkl1RvusEtJNY85QlVSJXIH80qqaO64Z0k1gTtEXFKVM0fTS6rX3IUHkiqZu0ZDUl1kLmeRVPujmCt/JNVA7iIpSfWcuZ5MUv0ymLn0TlI95a5SlFR/ZS7olFTL4plrXyXVfe4yYUkVzlxRLam6cxefS6qlzHX6kurmHfh1m9TRvkf3bWM2DJrdt43o7xqpUwH/qkmVGT/ioEzcjxmkSjX8c61UVSoSSkWqarXShXb0ITVGQLERpEYftMe9jFSYOhiKDZ5KKixzozXF1433Qrm9pEIV2lfpIwVyoVwuKeCrRAAF6mcYK3GMFChAIGVeSdXAW4aAKiRVgwoEFiGpGkRAR7qkqpMOPWO9kqqGdyx0RUuqGtHQV64RSSqtnPluJdUxcHi2S6rtHrAkSKoE8GTud3qq/ZlgKnV6qlJwRe10dqqdUWAr0pycSiuCAYVOTlUII+LTnJsqLR6GrHNuqnUwKNepqXJh1Kn+zkzV/xQMu+HMVDfQAdOdmGo6OmLhSuelWrkQHRI7w2mpZsSig3KclioHHeXa7axUu13osOxUJ6VKzYYJI52UaiNM2eKcVFtgTmaWU1JlZcKkBZvIrGIoV0xmbVoA05I0MukolDtKJmlJCIIjZNI2KLeNTDqCoMhQfwWIT83VtQwER0o6mXMmE0plniFz0lMQJAvTyJx+2VAoux+Zk7YQQTNlP5kzrXhkeJkS4SOLp5E556YgiML+SbZ16SyCalYq2dSViwiywz6ypcXrEHS3epIN3bwGBTZ6yXZm3IASfch2JkCRPl6ylRkToMyRnmQjN29Aoesa2cbia1Dq6lSyiSvroFjSZbKFSxeh3IXzZAPnzsICq85QlzdmCixx6iR1cce3wiIpx6hL+/1/YZ0jPuqyfHtgqUMH/18ePDS6FYVRAN2xnf1sm7Gebdu1bbc/vPNO6nu+c7MWNfXtKwy2/4Va+vQRhms6oIYOmqBC4D018+4tFGl8Q628fgVlXq7EqY3NFxao9PwZNfHUD8WePKYWHp1CvbGHFC/2ACIcNeQo28E0pLh/j4Kl7kKQO7dPKNStzE3I4rhBka5fgzyXVxTn6hIiNV2cU5TziyZIddp3QjFO+k4h2eHBJkXYPDiEdM49CrDnhA62tzap1ObWNnThKK5TmfWiAzqxrdRRiboVG3TTs7hMwy0v9kBHc/MLAzTQwML8HLQ1PTNLg8zOTENzE5NT/O+mJidgBvmx8Xb+R+3jY3mYRr5QLPG/KBULeZhNOpPN8Z/KZTNpmNTIaCLJfySZGB2Budl6+/oH+FcG+vt6bSgPTc0trW3t/APtba0tzU0oMxWVVdU1tXX8RXW1NdVVlRUoY16fPxAMhSPRWJz8UTwWjYRDwYDf54VcClisNrvD6XJ7PG6X02G3WS0Q5DvmKXzffMJwPwAAAABJRU5ErkJggg==');background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22216px%22%20height%3D%22146px%22%20viewBox%3D%220%200%20216%20146%22%20enable-background%3D%22new%200%200%20216%20146%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M162.18%2C41.592c-5.595-9.586-13.185-17.176-22.771-22.771c-9.588-5.595-20.055-8.392-31.408-8.392%20c-11.352%2C0-21.822%2C2.797-31.408%2C8.392c-9.587%2C5.594-17.177%2C13.184-22.772%2C22.771C48.225%2C51.179%2C45.428%2C61.649%2C45.428%2C73%20c0%2C11.352%2C2.798%2C21.82%2C8.392%2C31.408c5.595%2C9.585%2C13.185%2C17.176%2C22.772%2C22.771c9.587%2C5.595%2C20.056%2C8.392%2C31.408%2C8.392%20c11.352%2C0%2C21.822-2.797%2C31.408-8.392c9.586-5.594%2C17.176-13.185%2C22.771-22.771c5.594-9.587%2C8.391-20.057%2C8.391-31.408%20C170.57%2C61.648%2C167.773%2C51.178%2C162.18%2C41.592z%20M97.572%2C26.071c0-0.761%2C0.244-1.385%2C0.733-1.874c0.489-0.488%2C1.114-0.733%2C1.874-0.733%20h15.644c0.76%2C0%2C1.385%2C0.245%2C1.872%2C0.733c0.488%2C0.489%2C0.734%2C1.113%2C0.734%2C1.874v13.036c0%2C0.76-0.246%2C1.385-0.734%2C1.873%20c-0.487%2C0.489-1.112%2C0.733-1.872%2C0.733h-15.644c-0.76%2C0-1.385-0.244-1.874-0.733c-0.489-0.488-0.733-1.113-0.733-1.873V26.071z%20%20M128.857%2C112.107c0%2C0.76-0.246%2C1.385-0.733%2C1.872c-0.487%2C0.489-1.112%2C0.733-1.874%2C0.733h-36.5c-0.761%2C0-1.385-0.244-1.874-0.733%20c-0.489-0.488-0.733-1.113-0.733-1.873V99.07c0-0.762%2C0.244-1.385%2C0.733-1.874c0.489-0.488%2C1.114-0.733%2C1.874-0.733h7.822V70.392%20H89.75c-0.761%2C0-1.385-0.244-1.874-0.733c-0.489-0.488-0.733-1.113-0.733-1.874V54.75c0-0.761%2C0.244-1.385%2C0.733-1.874%20c0.489-0.489%2C1.114-0.733%2C1.874-0.733h26.073c0.76%2C0%2C1.385%2C0.244%2C1.872%2C0.733c0.488%2C0.489%2C0.734%2C1.113%2C0.734%2C1.874v41.714h7.82%20c0.761%2C0%2C1.386%2C0.245%2C1.874%2C0.733c0.487%2C0.488%2C0.733%2C1.113%2C0.733%2C1.874V112.107z%22%2F%3E%3C%2Fsvg%3E');background-position:8px 15.2px;background-repeat:no-repeat;background-size:40px;border:1px solid #9bdaf1;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;min-height:56px;padding:16px}.ds-c-alert a{color:#205493}.ds-c-alert a:focus,.ds-c-alert a:hover{color:#112e51}.ds-c-alert ul:last-child{margin-bottom:0}.ds-c-alert ul:first-child{margin-top:0}.ds-c-alert__body{padding-left:40px}.ds-c-alert__heading{font-size:18px;font-weight:700;margin-bottom:4px;margin-top:0}.ds-c-alert__text{margin-bottom:0;margin-top:0}.ds-c-alert--error{background-color:#f9dede;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAEqCAMAAACV5O0dAAAC4lBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9upd0AAAA9nRSTlMABAwUHCQsNDxEDic/WHGJorrT6/z/AR5HcJjB6sKZHwg9d6PM9M2keD4JTorF+ceLTxlgnNfYMH7L/gdJluJXrjGT7RNuzwJIqmja238i9fap/aw3KrC0G58dEIj3EXPudFvhJr28Bvh7BUDVO1/oraYP4986gwMhxsRZ8fAayco25uc4XWGQt7sS3Cvl6S817O/yRk1TWvtRQ/OBMijZfAq4VPqOVjM5zkFQI1VcXoRjZmptdYadjZKUmpuhKcO/viDksQsYLrJLFnZKYmmVtoevgp6Xs6XRyODW3UWr1BWgZWx5kYWojEzSFyUtUm+PwHoNtX0RNC9mAAAMEUlEQVR4AezBA3bAQBQAwJ9sbLtu6ti8/7H6XNubzsBvQpCIohmW43mOZWgKkQT8u0UQJVlRNd0wLfsByzR0TVVkSRRgwxzX84Mwsl8p2tn1vT0HNmb/4PDoOLbfIT45PTu/gG1Al1dJan9ImuUFAryVVd3Yn6StqxIw1fXDaH+qceg7wM00L6v9JdZlngAb0zW39YB0ZxCEUbhjl/K9sVGKzd+Oc23bjG3bq80mBt3zLOGUztj4fmi0f3zMjVoTk1PQbmpygoSbnpmFIbMz0yTW3PzCYRh0eGF+TuZmXroM465ckren02e3wYptV2XN6bXJ67DmxsgykmLFTQ9W+fwBkiAYAgPh5cRd5KQHFnzRGHEWT9wAG8mDKeLqQnoKrGSyu4ilXB7s5HPET6EIlkrczqF8tgKmktUaMVI/DcYaTeJiOgrezu+IEwut9WCvPUb2pToQodsjy9b2IcRgSDYtuuWDGN7V22TNnbsQ5d5OsuT+AwjzcB3ZsCsKgaK7yLhHjyHSkwgZ9vQZhHr+gox6WYFYlVdkztxRiPba2DX03kC4t+/IiGunId77Ahnw4SMc8OkzafflK5zwbUia1b/DEdd/kFY/k3DG4V+k0e8/cIincbAu+eCU85u1lYJzNLX67YNzzrdIg59/4CDvr4ZLSMJJlX//2bsH70izLQrguyoea6dtq8ZKnt22lXnp17bGk/XatsNK27ZtjG3zeRlvZbWVfPek7j29pr7fn7CLqZyzDyJs2kz+TGW2QkRNms6frd/HI4KaTKYNk7PuzM7xLPvOrMm0YUQTREzHXFowLy8MQ+G8ebQgtyMi5Nl8K0kthMD8RbQg/1lExmLaUB4iv6MNixERY2jFixBZQivGIAKGhWjFUogspRWhYSi2DgNoxzKILKMdAzqgmMLLaUkfiKygJcvDKJ5BtKUkRP5CWwahWB6lNXUgspLW9IccVmXSmtUQ+TWtyVwFsUAG7VkDkbW0JyMAqXW0aD1ENtCidRCq1YIWbYTIJlrUohZEOqbTprsgspk2pXeERHNaVRMiebSqOQTm0q7GEFlHu+bC2ISytGsLRB6iXWUnwNRWWrYNIttp2VYY6kPbdkBkJ23rAyOpubRtF0R207bcVJjIonX3QKQ5rcuCgT0hWtccIm1oXWgPPEveS/vaQGQc7dubDK/W04FxENlHB9bDo/AIOrAfIs/TgRFheNOLLtSDyHK60AuexLxEF6pCpC9deCkGXoylE/dBZCKdGAsPDoToREOIHKQToQMoWg26kQ6R++lGDRTpyRS6MQAimXQj5UkUJZ+OzIDIIjqSjyIk0pVmkPgznUlE4Q7RlRaQqE1nDqFQOSl0JgCBjnQmJQeF2UV3DkPgCN3ZhUIc6Ul3JkCgAt3peQQ3t4UOPQKBbnRoC24qmEaHDkDgKB1KC+JmStGl2yEw7dZY7Aqk06WjEKhEl9IDgikvC6ZBIIlOrcSNHaNTiRA4TqcO4YaOzKNTCyAwh07NO4EbOUm3TkFgLt3qiht5nG7Nh8BpunWf99l5i+6EwBk6liD8809/9rkUHTuL64Rn0rENEKhJx9JSca3+dG0TBBrTtV/jWufo2jMQeJWuvYZrHO5J13pBYDFdq1YRV5tP516HwC/p3HFc7Q06dzcEttK58rjKn6fQubEQqEHnRiTjSqPo3psQaEn3puFKW+jeGxB4i+4Nx5Xuo3tvQ2A83XsHVzhABS0hUI4KDmj3nb0FgQwqaKD7uULeC4F3qKAGLhtKBWUg8AQVDMUl7ajhXQi8Rw3tcNESavgTBEZSwxJctJ0a3odAGjVsx0XVqeEDCDSjhuq4IPgANRyEQAtqeCCI8z6kivthrjd1fIjzGlPFTJgLUkdjnPcRVYRg7g/U8RHO+5g6kmGsHXV8jAJ4NkQdqTDWhDpCz6JANyq5DcZaU0k3FHiYSj6Bsd9SycMoUJNKYmFsFJXURIFPqWQVjPWhkk9RIINKWsNYSSrJQIGZVPJbGHuYVPy+fIJaRklqebWcADCVWu6AsdHUMlXz5c9ZMPYZtZQE8Ci1zIaxz6nlUQBfUMtCGHuGWr4A8CW1/BXGelHLlwDqU8tpGBtOLfUBlKOWMzBWl1rKAWhELaVg7EtqaQQgk1oqw1h5askEAlTzFIx9SjUBBKnmKxj7mmqCiKGab2DsNaqJQSzV/A7GzlFNLOKoZieM7aeaOMRTzW4Yq0c18Uigmq9hrDrVJCCRal6DsY+pJhFJVHMOxhpRTRK+pZq/wdgQqvlWM6oXYKysZlRJVPM0jM2kmiQkUs13MBaimkQkUE0uTCVTTwLiqeY9mKpIPfGIo5qRMDWYeuIQSzVpMPU99cQihmqawlQJ6olBkGoegKkfqCeIAPU8C0M/Uk8AyKSaMAwlUE2m7l+gXWAokar/3CpHNUdgaAFV/2Van2oqwNApqqmv+g9bdoOhn6jmS/nQkEqJ6otUHRp6lGqmwdAYqo6ilaSaRBhqQDUl5WOzKiWq/6CaqfJhbJUS1cpUc0L3R9j5MPQUtczUXRzhnTC0hVoylGeW+sPQNmr5VGfJTV6iepZaauqs+MhLVB+jlod1FnLlJapVqKWbzpq3vJhwOZWEnlUeL/kAZnKo5WOc9xG1PAQTwadJ5UqKxlTzz47w7Id/UU1jnPch9czY8lP8EQ+Wzn1sHvV86LGUyfdA0OOEpa+61wI533ave+a+JV6rjnztPFao+oZ6Leb11fD6876vgdcScd8Bj9X0vne8/mjtG+61bcw3zeNxFt+IZI8nf3zlvR6S8h33eJ7MV62ix11z32teTyn6fm3hQKfMe/X/XcqDu87Wm0cBGwc6sYsKFp38M7yaNpEKzlo4JizR7O8w8J/H6V6ChRPVEhthpFIKXbtP//C57OjPf+laVwvn9CXqwtDrFLBwTh/H6Nidt3wv7yHc2Eo69hcY+gsdW4kbC6T7UV0tPYCbKOVH5bVjMpjmR3WltKDHYWc/qi24uSM9/agu63kEhdjlR3XZLhQmJ8WP6qKUHBTqkB/VRYdQuEQ/Ks/bivl+VOfloyhPpvhRFUh5EkWq4UdVoAaKdiBE+lGFDsCDsaQf1Vh4EfOSH9VLMfCklx9VL3gTHhHtUY0Iw6P10R7VeniVvDe6o9qbDM/2hKI5qtAeGMiK5qiyYCI1N3qjyk2FkT7RG1UfGNoarVFthakJZaMzqrITYGxudEY1FwLNozGq5pDomB59UaV3hEitFtEWVYtaEFoXbVGtg1QgI7qiyghAbFVmNEWVuQqQezSaouqPYhkUPVENQvGEl0dLVMvDKKYOA2jNwzBUh9YM6IBiGxaiLXkwdJK2hIYhAsbQlja3Ti3hGETEYlrywDIYiZ1JSxYjMp7NpyUTgzBxiJbkP4sI6ZhLS/r+Fp4Fd9OS3I6ImCYjaMminaezczzYM/t/E2nJ5CaIoPjf8//l3GNinUEABdAbJ8+6sW3btm3bSW3b1hK6uG6h/2t8mJmchRxlvXgMTY1+oqJePYfGPm5SSXM70NwHHxX0/g10sF9N5Qy/gy6iVPzOdPKlmkoZ7oZu9n1UyPt30NHnTSpj7g109fETFfFqBzq70UIlvHgO3T2+SQU8eQwD9JdTeuX9MMSx9C3Y/WMYpCOXUivsgHHuzFFam3dgqBtPKKmbN2Cwq9copWtXYbjEKUpoKhFmsF+hZC5fgkkSLlIqF87DNOf6fJTG8Fk/mOnMaUrilA0mOz6iFA7nYb6GAwrPuw8hzMRXU2xTrRDF3i4FVr4DgWxvzVFQm5UbEEvQOoW0tgrxLK9QOCvLEFLi0iKFsriUCFHN585RGHO58xDZ9NQwhTA8NQ3RBU9QABPBkMHoyDBNNTwyClkE1Q3SNIN1QZBJQF8sTRHbFwDZZHf30nC93dmQUUdnVz4NlN/V2QFptba10yDtba2QXFNzC3XX0twEFdQ0NKZRR2mNDTVQRk1tXT11UV9XWwPVVFRWVVNT1VWVFVBUcUlpGTVSVlpSDLUF5OTm5fO/5Ofl5gTgZEhMSk5JTeM/SEtNSU5KxAkTHhEZFR0Tyz8UGxMdFRkRjhPMYrXZHU6X2+P18Ts+r8ftcjrsNqsFAhCHn39AYFBwSGhYWGhIcFBggL8fBPIVh3N6NXOFoY0AAAAASUVORK5CYII=');background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22216px%22%20height%3D%22146px%22%20viewBox%3D%220%200%20216%20146%22%20enable-background%3D%22new%200%200%20216%20146%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M162.18%2C41.592c-5.595-9.586-13.185-17.176-22.771-22.771c-9.588-5.595-20.055-8.392-31.408-8.392%20c-11.352%2C0-21.821%2C2.797-31.408%2C8.392c-9.587%2C5.594-17.177%2C13.184-22.772%2C22.771C48.225%2C51.179%2C45.428%2C61.649%2C45.428%2C73%20c0%2C11.351%2C2.798%2C21.82%2C8.392%2C31.408c5.595%2C9.584%2C13.185%2C17.176%2C22.772%2C22.771c9.587%2C5.595%2C20.056%2C8.392%2C31.408%2C8.392%20c11.352%2C0%2C21.822-2.797%2C31.408-8.392c9.586-5.594%2C17.176-13.185%2C22.771-22.771c5.594-9.588%2C8.391-20.058%2C8.391-31.408%20C170.57%2C61.649%2C167.773%2C51.178%2C162.18%2C41.592z%20M118.43%2C112.025c0%2C0.761-0.246%2C1.398-0.734%2C1.914s-1.086%2C0.773-1.793%2C0.773H100.26%20c-0.706%2C0-1.331-0.271-1.874-0.814c-0.543-0.543-0.814-1.168-0.814-1.873V96.546c0-0.706%2C0.271-1.331%2C0.814-1.874%20c0.543-0.543%2C1.168-0.814%2C1.874-0.814h15.643c0.707%2C0%2C1.306%2C0.258%2C1.793%2C0.773c0.488%2C0.518%2C0.734%2C1.154%2C0.734%2C1.915V112.025z%20%20M118.266%2C83.999c-0.055%2C0.543-0.339%2C1.019-0.854%2C1.426c-0.517%2C0.407-1.154%2C0.61-1.914%2C0.61h-15.073%20c-0.761%2C0-1.413-0.203-1.956-0.61c-0.543-0.407-0.815-0.883-0.815-1.426l-1.385-50.595c0-0.653%2C0.271-1.141%2C0.814-1.467%20c0.544-0.434%2C1.196-0.652%2C1.956-0.652h17.926c0.761%2C0%2C1.412%2C0.217%2C1.955%2C0.652c0.543%2C0.326%2C0.813%2C0.815%2C0.813%2C1.467L118.266%2C83.999z%20%22%2F%3E%3C%2Fsvg%3E');border-color:#e59393}.ds-c-alert--warn{background-color:#fff1d2;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAAFCCAQAAAAXw61MAAAMHklEQVR4Ae3dA3hlSxpG4TWdHhvXY9u2bdu2bdu2bdu2bXvmKu18Y2P/3fdUnV2d9byPjS9c+VNEC8aROR1X5M489Y/uzBU5HUcOiyWyIOLQXJv38yvyX/yK93NtDh3kcGeEPbgPPyUTfsp92CPI4c4Ap+a5bCZFm3kupw5yuEvFLdhKdtJWbhHkcJeEw/Jcsouey2GDHG53HIdPkUPgUxwnyOF2xfn5JTmEfsn5gxxuN5ySVbIAq5wyqMtwxeH4ElmQL3G40IHDFU8jC/S0IIfbHFckC3bFIIfbFMflt2TBfsdxgxxuQ7ybNPDuIIfbDJckjVwyyOE2wQa+RBr5EhuCHG4D3IA0dIOwcA5XHJ4fkYZ+xOHDgjlccXfS2N3DQjlccUx+Txr7PccMC+RwxeNJB48PC+NwxQnZQjrYwgmDFjRc8TLSycuCFjJccWbWSCdrnDloAcMV7yUdvTeow3DNvObfsYdr5jX/jj9cM6/5d/zhmnnNv+MP18xr/h1/uGZe82+/4Zp5zb8O18xr/u03XDOv+dfhmnnNv12Ga+Y1/zpcM6/5t8NwzbzmX4dr5jX/LnS4Zt4fkxn5sfm3MFxxDzIz9wha8HDNvOZfh2vmNf/2G66Z1/zrcM285t9+wzXzmn8drpnX/NtvuGZe86/DNfOaf6vDFTckA7hh0AKGa+Y1/zpcM6/5t4wIjsXvySB+z7GCSIGZ1/zrcM285t8ZDNfMa/51uGZe82+Vw30fGdD7HK6Zd0DmX8y8IzL/mnmHZP418w7J/GvmHZL5dz1n3v3J4PZfv/nXzDsk86+ZdyDmX4f7crKbeLnDNfMOw/xr5h2D+dfhcimym7mUwzXzmn+HYOYdkvnXzDsk86+Zd0jmXzPvkMy/Zt4hmX/NvEMy/5p558z863A5y7CZt26NszhcM6/51+Gaec2/DtfMa/7FzGv+HZKZ1/w7JDOv+XdIZl7z7yw53CeQdegJDtfMa/6dITOv+XdIZl7z75DMvObfIZl5zb8Od2aZ98tknfvyrPKvwzXzmn/NvObfGXG49yR/pns6XDOv+Xc2zLzmX4c7m8y7lfydtnJCh7u+M+/neDCX4OwNXIIH8znzb52Zt+pgbsuGxr95vi0Hm39rzLw1P+LEoT1OzPfNvxVm3ooDOX3og5PwC/PvOhsuK40y71NDPzysUf5dcbjrLfNeP/TDZcy/08y8FWft++Ol+XeambfinKEfzmf+nWbmrbhQ6IdLmH+nmXkrLhP64Urm33UzXE7UNPNeNfTDdZrm3xM53AEy75C/VbiZ17/TzLwVtwz9cAevf9fLcN9PmrpT6Id7kabeH8Zn5q24T+iHh3j9O83MW/HQ0A+PI1PMv2Rw3Ig09/jQD88gzd0ojM3MW/GM0A8v8vp3mpm34kWhH17j9e80M2/Fq0M/vM3r32lm3oq3hn74gNe/08y8szt84VNkivmXDItXkE4+EfrhK6STV4RRmXkrvhj64XtkivnXzFvx7dBP5VjS/GvmrfhJ6IcDyRTzr5m34nehH3aQKeZfM2/F5tALhyXTzL9m3poNoQ+OTqaZf828NUcMfbAfmWb+NfPW7BH64CRkmvnXzFtz3NAHpyPTzL9m3pqThz44B5lm/jXz1pwh9MGFyDTzr5m35lyhDy5Dppl/zbw1Fwl9cDUyzfxLhsGlydJcNvTBDcjSXDqMwsxbc/XQB7ci08y/Zt6aG4Q+uAuZZv4lQ+AI/IQs0a1CH9yPLNFPOEIYgZm35s6hDx5Bppl/zbw19w198CQyzfxLBsATyZI9LPTBc8iSPTHMn5l3Zi2fl5Fp5l8zb80zQx+8gUwz/5KZ46yskaV7ceiDd5GlW+OsYd7MvDWvCX3wETLN/GvmrXlb6IPPkWnmXzPvzD4D8Q0yzfxr5q35ZOiDH5Fp5l8zb82XQh/8hkwz/5p5a74T+mATmWb+NfPW/DT0wAZSYf4189b8PvTAEUmF+dfMW7Ml9MAepML8a+atWgntcTxSYf6da+bN7BwptMcpyNzMM/+aeav2DO1xZlJh/jXzVh0/tMd5SYX518xbdYrQHhcnFeZfM2/VmUJ7XJFUmH/NvFXnDu1xbVJh/iWzwr3ITF00tMdNyUzdy+H+T+zB/mSmLhfa4/akwvxr5q26xpz+sMj8a+atumFojweTCvOvmbfq1qE9HksqzL9m3qq7hPZ4Oqkw/5p5q+4X2uOFpML8a+atenhoj1eTCvPvXDLvV8jMPTG0x1vJzH1lHvnXzFv1rDl9w2T+NfNWvSS0xydJhfnXzFv12tAeXyYV5l8zb9XbQ3t8lwxgf/ZwuE8kQ/hAaI+fkwrzr5m36lOhPQ4gFeZfM2/Vl0N7bCcV5l8zb9V3Q2schtSYf8kS8QEyjJ+F1jgaGcgHwvKYeav2D62xL6kx/5p5q7aF1jgxqTH/kiXhxmQwG0NbnJYM5sZhOcy8dUcJbXF2UmP+NfPW7RXa4oKkxvxr5q07wXx+XDX/mnnrThna4qqkxvxr5q07c2iL65Ma8y/pjleSIZ0ntMUtyZBeGXoz89ZdLLTFnUmN+dfMW3f50Bb3JTXmX9IVlyHDumZoi4eTYV0m9GTmrbuRv22ZT/4189bdJrTFs0mN+XdGmddGxKtJjfnXzFv31tASh+V3pMb8a+atW+UUoR1uQ6rMv5h5qfsFZwxtcFPWSJX5l3TBidlKGN8ab+bSnICNYTE4HCfjenye7Ba2cuL+wzXz1m3n9wuyRnae+dfMOyTzr5l3SOZfM++QzL9m3iGZf828QzL/mnmHZP418w7J/Ns68x5AtC4dwB7jDvdJROvWk0I7Zt4hmX/NvEMy/5p5h2T+NfMOyfxr5h2S+dfMOyTzr5l3SOZfM++QzL9m3iGZf828QzL/mnmHZP418w7J/GvmHZL5lywQZyP/g3S2ZQ/XzLvKZ/j4gnyGVfNv++GaeV/DaVhZcGc8Da8x/7Ybrpl3B9cLbXA9dph/2wzXzPvI0A6PNP/WmXnrvsPhQjscju+Yf3sP995kt/f00BZPJ7u9e/cerpn3ZqEtbmb+rTLz1l08tMXFzb9VZt4hh2v+NfMOOVzzr5l3yOGaf828Qw7X/GvmHXK45l8zr8OdW/7tMNybkDE53Bm4yZKGyxH4qcPdZQ73p4ck/5p5hxyu+dfMO+Rwzb9m3iGHa/418w45XPOvmXfI4Zp/zbwOd9nO1m+4H3S4C+NwPxh2npl3yOGaf3cl837V4S6Uw/3qzudfM++QwzX/mnmHHK7518w75HDNv2beIYdr/jXzDjlc86+Zd8jhmn9JGa8i43K4A3hVqDLzDjlc86+Zd8jhmn9JCZcl43O4A7hsqDDzDjlc86+Zd8jhmn/NvEMO1/xr5h1yuOZfM++QwzX/mnmHHK7518w75HDNv2beIYdr/jXzDjlc86+Zt2pWr+6Yf828VbN658z8a+atav+y5GH5Dqkx/5p561q/5ftQUmX+NfPWtX09/ZpsI1XmXzPvznoNp2ElLA4rnIZXkzrMv5h5d8Uqn+HjC/IZVkmB+bcw3CcTaSaeXBuumXcA5l8z75DMv2beIZl/zbxDMv+aeYdk/jXzDsn8a+YdkvnXzDsk8y/5O+5DpBm7z38ZLnuaeWfP/Ltn+Asz75DMv+TP2MfMOwTz7z7/Otz7EmkA9/2n4bKRHxNpAD9m4z+GeyUiDeJK/xjue4g0iPeEQOAURBrIKYLhYUiGCALPI9JAnhcIvI9IA3lfIPBdIg3kuwFW2EakgWxjBY5LpMEcF05DpMGcBo7AGpEGssYRCPyASAP5QSDwTiIN5J0BH4TScJ4UCNyKSAO5VcB/uqThnC0QAp8k0iA+GQIhcDUiDeJq/xjuCt8n0gC+z8o/H0vekUgDuGP45+Eemf2JNHP7c+R/GW7g/kSaufuHfx/uCu8n0oy9n5X/GG5gb35GpJn6GXuH/zLcwHnZRqQZ2sZ5w/8YbuAuRJqhu4T/M9zAc4g0M88JE8MN3IzNRJqJzdwsFIYbOAPfIdIMfIczhOJwA0fltURastdy1FAa7j9wQ75IpCX5IjcM/wv5vzg3L2ELkTrawks498QyM4k9uBtfYJU0Jq3yBe7GHmEKKeJQ7MO5uA7343m8fIGk53E/rsO52IdDhZo/ALck8MBl9HzEAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22216px%22%20height%3D%22146px%22%20viewBox%3D%220%200%20216%20146%22%20enable-background%3D%22new%200%200%20216%20146%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M179.695%2C125.388L117.126%2C10.673c-0.924-1.684-2.2-3.015-3.832-3.992c-1.628-0.978-3.394-1.467-5.295-1.467%20c-1.901%2C0-3.667%2C0.49-5.296%2C1.467s-2.906%2C2.308-3.829%2C3.992L36.303%2C125.388c-1.901%2C3.423-1.847%2C6.845%2C0.163%2C10.267%20c0.924%2C1.574%2C2.187%2C2.824%2C3.789%2C3.746c1.603%2C0.924%2C3.327%2C1.387%2C5.174%2C1.387H170.57c1.849%2C0%2C3.572-0.463%2C5.175-1.387%20c1.603-0.922%2C2.864-2.172%2C3.789-3.746C181.544%2C132.232%2C181.598%2C128.811%2C179.695%2C125.388z%20M118.43%2C117.24%20c0%2C0.76-0.259%2C1.398-0.773%2C1.914c-0.516%2C0.516-1.127%2C0.773-1.834%2C0.773H100.18c-0.706%2C0-1.317-0.257-1.833-0.773%20c-0.516-0.517-0.774-1.154-0.774-1.914v-15.48c0-0.76%2C0.258-1.397%2C0.774-1.914c0.516-0.516%2C1.126-0.773%2C1.833-0.773h15.642%20c0.707%2C0%2C1.318%2C0.257%2C1.834%2C0.773c0.515%2C0.517%2C0.773%2C1.154%2C0.773%2C1.914V117.24z%20M118.268%2C86.77%20c-0.056%2C0.543-0.341%2C0.991-0.856%2C1.344c-0.517%2C0.354-1.154%2C0.529-1.915%2C0.529h-15.073c-0.76%2C0-1.412-0.176-1.955-0.529%20c-0.544-0.354-0.815-0.801-0.815-1.346l-1.385-37.231c0-0.761%2C0.272-1.331%2C0.815-1.711c0.706-0.597%2C1.358-0.896%2C1.956-0.896h17.924%20c0.598%2C0%2C1.25%2C0.298%2C1.956%2C0.896c0.543%2C0.38%2C0.813%2C0.896%2C0.813%2C1.548L118.268%2C86.77z%22%2F%3E%3C%2Fsvg%3E');border-color:#f9c642}.ds-c-alert--success{background-color:#e7f4e4;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAEqCAMAAACV5O0dAAACnVBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6Mnm8AAAA33RSTlMABAwUHCQsNDxEDic/WHGJorrT6/z/AR5HcJjB6sKZHwg9d6PM9M2keD4JTorF+ceLTxlgnNfYMH7L/gdJluJXrjGT7RNuzwJIqmja238i9fap/aw3KrC0G58dEIj3EXPudFvhJr28Bvh7BUDVO1/oraYP4986gwMhxsRZ8fAayco25uc4XWGQt7sS3Cvl6S817O/yRk1TWvtRQ/PZuI4KziOEnYEpw2MgsSibGN2Gdkw5C7ZtULJcFlT6lUqvRUueQdEzMmoXVpKPZXyr1C4t0Keg3nmRJeQVjGQN4IXS6f4WAQAADDVJREFUeAHt3fVfVNkfx/H3zFzCrnkj7NpdO7boYGN7rTGBxWWFXcfFVkz8snZ3C9hd293d3fm3fB/bJsztc871+TP5+mUYzj2fD0QSCIa0pOSU1Bo1UlOSk7RQMIB7blCzVu06devVb9CwUZi3CTdq2KB+vbp1ateqCR9La5yecd/9TZigJk2bZaQ3T4PPtGjZqnWbtjShbbv2HTp2gj+EOnd5IEJLIl27dQ9BbT169upNm/Tp1bMHFJXZt1+Utor265sJ1WT1HzCQjhg4oH+WQp0GDW5LB7UdPEiNWkOGZtNx2UOHQHLDho+gS0YMHwZpjRw1OkIXRUaPGgkZtRgzlq7Tx3SCbIb1bUJPNBkXgkzGD51Az0wckARZpEwK01OxyVMgg6nTKIDpyRDdjF5hCiGWkwuR5T04kcLI7zITosp6KJtCKXi4BYQ0q5DCKZwF8RQ9QiE9mgSxzO4bp6Dy5zwGgRT3ocDmzoMohuVQbNFmeRDC/EYU3oJB8N7MhZTCosXwWO0llMTSEngpsCxGaYTHLYdnVqykVFY1h0dWl1Iya+rACy1yKKGcFnDd/8oopcdnwGVr11FS6zfAVRvjlFZ8E9wzshultnk5XLJ4CyW3dRtcMb4Ppbe9CC7YsZMK2LUbjtuzl0rYVwKHFe+nIiYcgKMO5lMZkUNw0OEjVEh4ExwzJkalRDMcK0XlONTqcIzKic6HAw4eoYLCR2G74nwqKX4MNtuzn4oqnwJb7dhLZWUnw0bjd1Jh68bDNnkVVFpFHmyyvJKKq1wOexyn8o7DFpvoA5tgg5IIfSBSAstyF9AXFuTCohMn6RMnT8CaRfSNRbCkJ31kPiw4VU4fKT8F0wJl9JWyAMw6TZ85DZM6xugzsY4wJa+QvlOYBzMm0YcmwYTD9KXDMGxbE/pSk20w6gx96gwMKqZvFcOQrAr6VkUWjDhLHzsLA85F6GORc0hY2nn62vk0JOoCfe4CEnRiHX1u3QkkZg59bw4SEiql75WGkIjN5D2bkYCLEfKeyEVUrz1J3tMe1cqMkuQ90UxUp5IqMqES1UilmkxIRdUuUU0mXEKVLkepJhOil1GVK1SVCVdQhatxquPaOloTv4q7u041hCc/cSwP6PHkuEdowXXcVbCAStCfwr8GZdO0giDuJoNKGPA0btDjGQcudgUKqYDy/rjFszGaVBjAnT2nRKlU3Ga+6VbP4c6ep/z2z8MdvBC298/Qq0dULQWsNtnqyIu4kycUKFWCuxh0hKY8hDvprXAp4CVzrRriDp6Sv9RTqMLRl2lGiopv/0qfQpW6R2jCK7jNif2yl9qAajxpplVBFm41X/lSwKtxGjcIt3pG8lJTkIBR+TTsNdzi6ThltmYKEvL6RBrVtgVudlTuUmuRoGMTaNQbuNmb/igFvNWWBjXDTUbukrnUHhjQ0WirdWm40QbKa98eGJJaTmP2qPKf4n0pMKiklIYsw40a+qgUsMFYq7dxg4s+KmViHsJFFeadFbwDUyppxBj8p73PSiF3v9kHiJZKWupdmPUeDViKf83wXSm8TyNm4B8fUEbZQ2BBExrwAf7xof9K4VEa8CH+0U7GUpmw5CMa0A5/C4Ypnb2ZsOZjGhAO4i+v+7AUPqERr+Mv4+QrtRtWfUojxpn4LFVKYSyN+BR/+YxyafQ5LHs6RiM+w5+WR2iba5+FpSiFdBoSWY4/FNEeC+sWLwY6TRlzJuJoqS9gXaexNKYIf+hOO+wchX998SUd08SOUthMg7rjDx1og69m4gazr4eFLtUxSoM64A9f07IjG3GLednOlEqGDa5+Q6O+xh/KaNXLR3GbIdnilupNw8rwh/20KNIdcKXVrh1eleJ+AHjRcqknAfOt5ChFvghgN62Jvwq40mrXVA9LcTeAdFqSnw640mqBp6WYbnlK6sTXAfOt5CnFngC+pQUTjgGutFpwzttS/BbAdzSvbTHgSqv1XpfidwBG07TyjqhWZrYdpS57XYqjATSlWftTAfOt5CrFpgB0mlRaAphvJVkp6gDKac6aDYArrdbVEqAUy4EAzdm3FjDfSrpSZABBNx6syNxrvlSRGKUYRMiVo13TrXaKUoohaOaPTMy3krAUNSTRuOzPAVda7fxemFJMQjKNGwQTdhtv9YNApZiMFBo2DTDfStZSTEEqjdrXA660+iFJpFJMRQ0a9THgRqslYpViDTxJo36EG62WnBKrFJ80nmoBYH8r8UvxSdSgQQ3gQquBwpViDaTSoJ/gfKuB44UrxVSk0KCfYX8rCUoxBck0aBws+ry6VoUilmIykmjQYFhu1ajqUitELMUkaDToGuxvJUEpagjRoOgvjrb69aKYpRhCkEZ1hv2txC/FIAI0amnQ/lbil2LAzDHEADjVamlzYUuVmzrcir5lfyvRS1E3d2T6q+ZIq28ELsWmJg/idVtafdHo5lKNBS7F0QC+oxitxC7F7wB8SyFaXRO7FL8F0JMitLqWK3Yp9gSQTgFaCV+K6QB20/tW24Uvxd0AXqTHrZpwuyZ8Kb4IAPu9brVSglL78YcyetwK4pdimeXrSLrmj1L82volN13zRSl2sOHqpK75oRS723EhV9d8UIpFtlzz1jX1S0WW2zM8QNdUL8XP7BpJoWuKl+Kntg060TW1S3GcfeNzdE3pUnzdxqFMuqZyqXDQzlFfuqZuKbazd4Ccrilbih/aPJZQ11QtxQ/sHnapa4qW4gzbR6jqmpqlljowmFfXVCzF9k6Me9Y1BUtxjCNDxHVNvVK86Mxoel1TrtTbTi080DXFSnGZY2s0dE2tUtzj3HIWXVOq1Lo0B1f+6JpCpdjM0UVSuqZOKb7h7HoyXVOmVNsWDi+90zVFSvE1x1cp6poapTjI+QWduqZEqYIsF9a+6poCpfiKK8uEdU3+UkxxZ0W1rklfqqFbi891TfJSfMi1dfq6Jn4pE+v08TwFaCVUKV7CnT1HAVoJVYrP4c4ChQK0EqpUYQB3kUEBWglUihm4m2CBAK0EKlUQxF1dpwCthCnF67i7q3EBWglTKn4VVbhCAVoJUopXUJXLUQFaCVIqehlVukQBWglRipdQtVQK0EqIUkxFNSoFaCVEqUpUJzMqQCsBSkUzUa32dKGV8KXYHtW7GHGhlfClIheRgM10oZXgpbgZiQiVutBK8FKlISRkDl1oJXQpzkFiTqxzoZXQpdadQIIu0IVWApfiBSQq7bwLrQQudT4NCTsXcaGVsKUi52DAWbrQStBSPAsjsipcaCVoqYosGFJMF1oJWYrFMOiMC62ELHUGRm1r4kIrAUs12QbDDtNhS0tws7U6vXcYJkyiw2IPZuE/s38L03uTYEZeIZ3WcAj+kfk7BVCYB1M6xui06NhJrQ4kvTHnUz1KAcQ6wqTT9JnTMCtQRl8pC8C0U+X0kfJTsKAnfWQ+LFlE31gEa06cpE+cPAGLchfQFxbkwrKSCH0gUgIbbKIPbIItjlN5x2GP5ZVUXOVy2CSvgkqryINtxq+jwnaOh42Ss6msvTtgqynlVNT+PbDZsTiVlF8M2x0NU0FHDsIB86NUTuwwHJFB5YyBQzKiVEpsDByzKUyFHDkMBx2KUBn5B+GoAxOoiP3FcFjJPiph7x44bvcuKmDnDrigaDul12c8XLFtKyW3ZTFcsnwzpdZtJNyzKU5pxTfCVRvWU1Lr1sJlMx6nlMr+B9e1yKGEclrAC3XWUDKlq+GR5qsolZUr4Jnl48KURmxZAF4qWUpJLKkNjy1eRCksnAnvDVpA4TWaDyHkNYtSbDnDIIp5cymwPsUQyGNz8imoeN/ZEEvSoxTSI0UQz6xCCqdwFoTU4uECCqXg4RYQ1cwu+RRGfpeZEFluToxCiOXkQnTJ0ymA6cmQwZTJMXoqNnkKZJE0YCI9M3FAEmQSGteEnmgyLgTZdBqj03X6mE6Q0chRoyN0UWT0qJGQ1rDhI+iSEcOHQXJDhmbTcdlDh0AFWYMGt6WD2g4elAVlZPUfMJCOGDigfxZUk9m3X5S2ivbrmwlF9ejZqzdt0rtXzx5QW6hzlwcitCTyQJfOIfhDi5atWrdpSxPatmndqmUL+Exa4/SM++5vwgQ1uf++jPTGafCxmrVq16lbr36Dho3CvE24UcMG9evVrVO7Vk3cc4NAMKQlJaek1qiRmpKcpIWCAQjk/12fm21v3GQqAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22216px%22%20height%3D%22216px%22%20viewBox%3D%220%200%20216%20216%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M162.18%2C41.592c-5.595-9.586-13.185-17.176-22.771-22.771c-9.588-5.595-20.055-8.392-31.408-8.392%20c-11.352%2C0-21.822%2C2.797-31.408%2C8.392c-9.587%2C5.594-17.177%2C13.184-22.772%2C22.771C48.225%2C51.179%2C45.428%2C61.649%2C45.428%2C73%20c0%2C11.352%2C2.798%2C21.82%2C8.392%2C31.408c5.595%2C9.585%2C13.185%2C17.176%2C22.772%2C22.771c9.587%2C5.595%2C20.056%2C8.392%2C31.408%2C8.392%20c11.352%2C0%2C21.822-2.797%2C31.408-8.392c9.586-5.594%2C17.176-13.185%2C22.771-22.771c5.594-9.587%2C8.391-20.057%2C8.391-31.408%20C170.57%2C61.648%2C167.773%2C51.178%2C162.18%2C41.592z%20M148.572%2C63.468l-44.239%2C44.239c-1.032%2C1.032-2.281%2C1.549-3.748%2C1.549%20c-1.412%2C0-2.634-0.517-3.666-1.549L67.425%2C78.215c-0.977-0.979-1.466-2.199-1.466-3.666c0-1.521%2C0.488-2.771%2C1.466-3.749%20l7.414-7.332c1.033-1.032%2C2.254-1.548%2C3.667-1.548s2.635%2C0.516%2C3.667%2C1.548l18.413%2C18.413l33.241-33.16%20c1.032-1.032%2C2.254-1.548%2C3.666-1.548c1.411%2C0%2C2.635%2C0.516%2C3.666%2C1.548l7.414%2C7.333c0.979%2C0.977%2C1.467%2C2.226%2C1.467%2C3.747%20C150.04%2C61.268%2C149.552%2C62.49%2C148.572%2C63.468z%22%2F%3E%3C%2Fsvg%3E');border-color:#94bfa2}.ds-c-badge{background-color:#5b616b;border-radius:9999px;color:#fff;display:inline-block;font-size:14px;line-height:1.3;margin-right:4px;padding:4px 8px}.ds-c-badge:only-of-type{margin-right:0}.ds-c-badge--info{background-color:#0071bc}.ds-c-badge--success{background-color:#2e8540}.ds-c-badge--warn{background-color:#fdb81e;color:#212121}.ds-c-badge--alert{background-color:#e31c3d}.ds-c-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid #0071bc;border-radius:3px;color:#0071bc;cursor:pointer;display:inline-block;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1.3;padding:12px;text-align:center;text-decoration:none}.ds-c-button:focus,.ds-c-button:hover{border-color:#205493;color:#205493}.ds-c-button:active{border-color:#112e51;color:#112e51}.ds-c-button--big{font-size:21px;padding-left:24px;padding-right:24px}.ds-c-button--small{font-size:14px;font-weight:400;padding:8px}.ds-c-button--primary{background-color:#0071bc;color:#fff}.ds-c-button--primary:focus,.ds-c-button--primary:hover{background-color:#205493;color:#fff}.ds-c-button--primary:active{background-color:#112e51}.ds-c-button--transparent,.ds-c-button--transparent-inverse,.ds-c-button--transparent-inverse:active,.ds-c-button--transparent-inverse:focus,.ds-c-button--transparent-inverse:hover,.ds-c-button--transparent:active,.ds-c-button--transparent:focus,.ds-c-button--transparent:hover{border-color:transparent}.ds-c-button--danger{background-color:#e31c3d;border-color:#e31c3d;color:#fff}.ds-c-button--danger:focus,.ds-c-button--danger:hover{background-color:#cd2026;border-color:#cd2026;color:#fff}.ds-c-button--danger:active{background-color:#981b1e;border-color:#981b1e}.ds-c-button--success{background-color:#2e8540;border-color:#2e8540;color:#fff}.ds-c-button--success:focus,.ds-c-button--success:hover{background-color:#2a7a3b;border-color:#2a7a3b;color:#fff}.ds-c-button--success:active{background-color:#266e35;border-color:#266e35}.ds-c-button--disabled,.ds-c-button:disabled{pointer-events:none}.ds-c-button--disabled,.ds-c-button--disabled:active,.ds-c-button--disabled:focus,.ds-c-button--disabled:hover,.ds-c-button:disabled,.ds-c-button:disabled:active,.ds-c-button:disabled:focus,.ds-c-button:disabled:hover{background-color:#d6d7d9;border-color:#d6d7d9;color:#323a45}.ds-c-button--inverse,.ds-c-button--inverse:active,.ds-c-button--inverse:focus,.ds-c-button--inverse:hover{border-color:#fff}.ds-c-button--inverse,.ds-c-button--transparent-inverse{color:#fff}.ds-c-button--inverse:active,.ds-c-button--inverse:focus,.ds-c-button--inverse:hover,.ds-c-button--transparent-inverse:active,.ds-c-button--transparent-inverse:focus,.ds-c-button--transparent-inverse:hover{color:#fff;opacity:.8}.ds-c-button--inverse:active,.ds-c-button--transparent-inverse:active{opacity:.6}.ds-c-button--disabled-inverse,.ds-c-button--disabled-inverse:disabled{background-color:#081627;border-color:#081627;color:#bac5cf;pointer-events:none}.ds-c-button--disabled-inverse:active,.ds-c-button--disabled-inverse:disabled:active,.ds-c-button--disabled-inverse:disabled:focus,.ds-c-button--disabled-inverse:disabled:hover,.ds-c-button--disabled-inverse:focus,.ds-c-button--disabled-inverse:hover{background-color:#112e51;border-color:#112e51;color:#bac5cf}.ds-c-button>svg{fill:currentColor;height:1em;margin-bottom:-.1em;margin-top:-.1em;position:relative;top:-.1em;vertical-align:middle;width:1em}.ds-c-fieldset{border:0;margin:24px 0 0;min-width:0;padding:0}.ds-c-choice{margin-left:-100%;opacity:0;position:absolute}.ds-c-choice+label{cursor:pointer;display:block;font-weight:400;margin:8px 0;max-width:31em;min-height:32px;padding-left:40px;padding-top:4px;position:relative}.ds-c-choice+label:before{background-color:#fff;border:2px solid #212121;-webkit-box-sizing:border-box;box-sizing:border-box;content:"\a0";height:32px;left:0;line-height:32px;position:absolute;text-indent:.15em;top:0;width:32px}.ds-c-choice--inverse+label:before{background-color:#112e51;border-color:#fff}.ds-c-choice:focus+label:before{-webkit-box-shadow:0 0 0 2px #fff,0 0 2px 4px #3e94cf;box-shadow:0 0 0 2px #fff,0 0 2px 4px #3e94cf}.ds-c-choice--inverse:focus+label:before{-webkit-box-shadow:0 0 0 2px #112e51,0 0 2px 4px #59bcff;box-shadow:0 0 0 2px #112e51,0 0 2px 4px #59bcff}.ds-c-choice:checked+label:before{background-color:#0071bc;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAQAAACssQXfAAAAiklEQVR4AT3PNUFGARAA4MO1AFRgQVrgTEgNXBZ0Z0aLQI0XANf594932LlLROjQHgmhM9mVwlhkMJO/4S7noMjghKEIPcmuUNNyGpa8uzUcYdA1qjjJ+ntwY8Q16jiIBCte0fSmUUr2Mio3W/BJqwQt2xHaZFhXhBnPqFr7D6eRKVMereeIv5++AKLreD06aLBkAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%20216%20146%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M168.86%2037.966l-11.08-11.08c-1.52-1.52-3.367-2.28-5.54-2.28-2.172%200-4.02.76-5.54%202.28L93.254%2080.414%2069.3%2056.38c-1.52-1.522-3.367-2.282-5.54-2.282-2.172%200-4.02.76-5.54%202.28L47.14%2067.46c-1.52%201.522-2.28%203.37-2.28%205.542%200%202.172.76%204.02%202.28%205.54l29.493%2029.493%2011.08%2011.08c1.52%201.52%203.368%202.28%205.54%202.28%202.173%200%204.02-.76%205.54-2.28l11.082-11.08L168.86%2049.05c1.52-1.52%202.283-3.37%202.283-5.54%200-2.174-.76-4.02-2.28-5.54z%22%2F%3E%3C%2Fsvg%3E');background-position:50%;background-repeat:no-repeat;background-size:24px;border-color:#0071bc}.ds-c-choice:disabled+label{color:#757575}.ds-c-choice:disabled+label:before{background-color:#d6d7d9;border:1px solid #aeb0b5;cursor:not-allowed}.ds-c-choice--inverse:disabled+label{color:#bac5cf}.ds-c-choice--inverse:disabled+label:before{background-color:rgba(186,197,207,.15);-webkit-box-shadow:0 0 0 1px #bac5cf;box-shadow:0 0 0 1px #bac5cf}.ds-c-choice[type=radio]+label:before{border-radius:100%}.ds-c-field--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAn0lEQVQ4je3SwRECIQxA0T97Enpwx3a2TOlCXV0qceyBAuIBRmWBLB6dMZxC8jgkwD9eccATcBi1y+IIeEaAkQeCIMwKs9xS1509+JRo7E0EYYHwkdaZ5Zr1BHDZRcnMighHMMwKK8mZXSy0WFlJpP7ejNFJi22Q2ozW51JfR76NLqIxhbTYBqmxDhLZ0vwfKovjPvUTgIGJieEb8tvxBHgowtBhwYKpAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%2020.7706835L25.368705%209.89253597C25.7895683%209.48920863%2026%208.99235612%2026%208.39028777c0-.60206835-.2104317-1.09892086-.631295-1.5022482l-1.2508992-1.26843525C23.7086331%205.21043165%2023.2059353%205%2022.6155576%205c-.5786871%200-1.0872303.20458633-1.5197842.61960432L13%2013.7270683%204.89253597%205.61960432C4.4833633%205.21043165%203.98066547%205%203.39028777%205c-.57868705%200-1.08723022.20458633-1.51978417.61960432L.61960432%206.88803957C.21043166%207.29721223%200%207.79991007%200%208.39028777c0%20.5903777.20458633%201.09307554.61960432%201.5022482L11.4802158%2020.7706835c.432554.4091726.9410971.6196043%201.5197842.6196043.5903777%200%201.0930755-.2045864%201.5022482-.6196043z%22%2F%3E%3C%2Fsvg%3E');background-position:right 14px center;background-repeat:no-repeat;background-size:14px}.ds-c-field--select[multiple]{background-image:none}.ds-c-label{display:block;font-size:16px;font-weight:400;margin-bottom:0;margin-top:24px;max-width:460px;padding:0}.ds-c-fieldset>.ds-c-label:first-child{margin-top:0}.ds-c-field__hint{color:#757575;display:block}.ds-c-field__hint--inverse{color:#bac5cf}.ds-c-list{margin-bottom:16px;margin-top:16px;padding-left:32px}.ds-c-list li{line-height:1.5;margin-bottom:8px}.ds-c-list li:last-child{margin-bottom:0}.ds-c-list--bare{list-style:none;margin:0;padding:0}.ds-c-skip-nav{left:0;padding:8px 16px;position:absolute;top:-96px;z-index:1}.ds-c-skip-nav:focus{background-color:#fff;left:0;top:0}.ds-c-table{border-collapse:collapse;border-spacing:0;margin:0;min-width:100%}.ds-c-table td{background-color:#fff}.ds-c-table th,.ds-c-table thead td{background-color:#f1f1f1;text-align:left}.ds-c-table tbody th{font-weight:400}.ds-c-table td,.ds-c-table th{border:1px solid #5b616b;padding:1.5rem}.ds-c-table--borderless thead tr{background-color:transparent}.ds-c-table--borderless thead th{border-top:0}.ds-c-table--borderless td,.ds-c-table--borderless th{border-left:0;border-right:0}.ds-c-table__caption{font-weight:700;margin-bottom:8px;text-align:left}.ds-c-tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.ds-c-tabs,.ds-c-tabs__panel{border-bottom:1px solid #d6d7d9}.ds-c-tabs__panel{background-color:#fff;border-left:1px solid #d6d7d9;border-right:1px solid #d6d7d9;padding:24px}.ds-c-tabs__panel[aria-hidden=true]{display:none!important}.ds-c-tabs__item{background-color:#fff;border-bottom:1px solid #d6d7d9;border-left:1px solid #d6d7d9;border-top:1px solid #d6d7d9;color:#212121;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;line-height:1;margin-bottom:-1px;padding:16px 8px;position:relative;text-decoration:none;-webkit-transition:border-bottom-color .3s cubic-bezier(1,0,0,1);transition:border-bottom-color .3s cubic-bezier(1,0,0,1)}@media (min-width:544px){.ds-c-tabs__item{padding-left:16px;padding-right:16px}}@media (min-width:768px){.ds-c-tabs__item{font-size:16px;padding-left:24px;padding-right:24px}}.ds-c-tabs__item:last-child{border-right:1px solid #d6d7d9}.ds-c-tabs__item:after{background-color:#0071bc;content:"";height:4px;left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity .3s cubic-bezier(1,0,0,1),-webkit-transform .3s cubic-bezier(1,0,0,1);transition:opacity .3s cubic-bezier(1,0,0,1),-webkit-transform .3s cubic-bezier(1,0,0,1);transition:opacity .3s cubic-bezier(1,0,0,1),transform .3s cubic-bezier(1,0,0,1);transition:opacity .3s cubic-bezier(1,0,0,1),transform .3s cubic-bezier(1,0,0,1),-webkit-transform .3s cubic-bezier(1,0,0,1)}.ds-c-tabs__item[aria-selected=true]{border-bottom-color:#fff;color:#0071bc;pointer-events:none}.ds-c-tabs__item[aria-selected=true]:after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.ds-c-tabs__item:focus,.ds-c-tabs__item:hover{color:#0071bc}.ds-c-tabs__item:active{color:#205493}.ds-c-tabs__item>svg{fill:currentColor;height:1em;margin-bottom:-.1em;margin-top:-.1em;position:relative;top:-.1em;vertical-align:middle;width:1em}.ds-c-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #212121;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;display:block;font-size:16px;line-height:1.3;margin:4px 0;max-width:460px;outline:none;padding:12px;width:100%}.ds-c-field:disabled{background-color:#d6d7d9;border-width:0}.ds-c-field:focus{-webkit-box-shadow:0 0 3px #3e94cf,0 0 7px #3e94cf;box-shadow:0 0 3px #3e94cf,0 0 7px #3e94cf}.ds-c-field--inverse{border-color:#000}.ds-c-field--inverse:focus{-webkit-box-shadow:0 0 3px #59bcff,0 0 7px #59bcff;box-shadow:0 0 3px #59bcff,0 0 7px #59bcff}.ds-c-field--error{border:3px solid #e31c3d}.ds-c-field--success{border:3px solid #4aa564}.ds-c-vertical-nav{list-style:none;margin:0;padding:0}.ds-c-vertical-nav>.ds-c-vertical-nav__item{background-color:transparent;border-top:1px solid #5b616b}.ds-c-vertical-nav>.ds-c-vertical-nav__item:first-child{border-top:0}.ds-c-vertical-nav__item{position:relative}.ds-c-vertical-nav__label{border-left:4px solid transparent;color:#212121;display:block;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;line-height:1.3;padding:8px 16px;text-align:left;text-decoration:none}.ds-c-vertical-nav__label--current{border-left-color:#0071bc;color:#0071bc;font-weight:700}.ds-c-vertical-nav__label--parent{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAn0lEQVQ4je3SwRECIQxA0T97Enpwx3a2TOlCXV0qceyBAuIBRmWBLB6dMZxC8jgkwD9eccATcBi1y+IIeEaAkQeCIMwKs9xS1509+JRo7E0EYYHwkdaZ5Zr1BHDZRcnMighHMMwKK8mZXSy0WFlJpP7ejNFJi22Q2ozW51JfR76NLqIxhbTYBqmxDhLZ0vwfKovjPvUTgIGJieEb8tvxBHgowtBhwYKpAAAAAElFTkSuQmCC');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%2020.7706835L25.368705%209.89253597C25.7895683%209.48920863%2026%208.99235612%2026%208.39028777c0-.60206835-.2104317-1.09892086-.631295-1.5022482l-1.2508992-1.26843525C23.7086331%205.21043165%2023.2059353%205%2022.6155576%205c-.5786871%200-1.0872303.20458633-1.5197842.61960432L13%2013.7270683%204.89253597%205.61960432C4.4833633%205.21043165%203.98066547%205%203.39028777%205c-.57868705%200-1.08723022.20458633-1.51978417.61960432L.61960432%206.88803957C.21043166%207.29721223%200%207.79991007%200%208.39028777c0%20.5903777.20458633%201.09307554.61960432%201.5022482L11.4802158%2020.7706835c.432554.4091726.9410971.6196043%201.5197842.6196043.5903777%200%201.0930755-.2045864%201.5022482-.6196043z%22%2F%3E%3C%2Fsvg%3E');background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border-bottom:0;border-right:0;border-top:0;cursor:pointer;padding-right:40px;width:100%}.ds-c-vertical-nav__label--parent[aria-expanded=true]{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAkklEQVQ4y+3SMRKCMBRF0bsLtsAS0I1kGCsVZeW/1cGWMaGIIxCSH1Lr68/MKy78zk4IQltCeiwOh+W6l9w/pIAtiWeXUrKD3SIkw1JEYSEZGHKs25CGJmBvzjkCaCxFAA5x1irEs1fADIhKYkzWKEa2TJb3UgTg+GUW49MZcTwU4tkTxzgHXGOosilXGGr+mzcBgEfC5p/5oAUAAAAASUVORK5CYII=');background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M14.5022482%204.61960432L25.368705%2015.4977518C25.7895683%2015.9010791%2026%2016.3979317%2026%2017c0%20.6020683-.2104317%201.0989209-.631295%201.5022482l-1.2508992%201.2684353c-.4091727.4091726-.9118705.6196043-1.5022482.6196043-.5786871%200-1.0872303-.2045864-1.5197842-.6196043L13%2011.6632194l-8.10746403%208.1074641c-.40917266.4091726-.9118705.6196043-1.5022482.6196043-.57868705%200-1.08723022-.2045864-1.51978417-.6196043L.61960432%2018.5022482C.21043166%2018.0930755%200%2017.5903777%200%2017c0-.5903777.20458633-1.0930755.61960432-1.5022482L11.4802158%204.61960432C11.9127698%204.21043165%2012.4213129%204%2013%204c.5903777%200%201.0930755.20458633%201.5022482.61960432z%22%2F%3E%3C%2Fsvg%3E')}.ds-c-vertical-nav__label--parent:hover,a.ds-c-vertical-nav__label:hover{background-color:#f1f1f1;color:#0071bc;text-decoration:none}.ds-c-vertical-nav__subnav{list-style:none;margin:0;padding:0}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__label{font-size:14px;line-height:1.3;padding-left:24px}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__label--current{border-color:transparent}.ds-c-vertical-nav__subnav .ds-c-vertical-nav__subnav .ds-c-vertical-nav__label{padding-left:32px}.ds-u-fill--primary{background-color:#0071bc!important}.ds-u-fill--primary-darker{background-color:#205493!important}.ds-u-fill--primary-darkest{background-color:#112e51!important}.ds-u-fill--primary-alt{background-color:#02bfe7!important}.ds-u-fill--primary-alt-dark{background-color:#00a6d2!important}.ds-u-fill--primary-alt-darkest{background-color:#046b99!important}.ds-u-fill--primary-alt-light{background-color:#9bdaf1!important}.ds-u-fill--primary-alt-lightest{background-color:#e1f3f8!important}.ds-u-fill--secondary{background-color:#e31c3d!important}.ds-u-fill--secondary-dark{background-color:#cd2026!important}.ds-u-fill--secondary-darkest{background-color:#981b1e!important}.ds-u-fill--secondary-light{background-color:#e59393!important}.ds-u-fill--secondary-lightest{background-color:#f9dede!important}.ds-u-fill--gray{background-color:#5b616b!important}.ds-u-fill--gray-dark{background-color:#323a45!important}.ds-u-fill--gray-light{background-color:#aeb0b5!important}.ds-u-fill--gray-lighter{background-color:#d6d7d9!important}.ds-u-fill--gray-lightest{background-color:#f1f1f1!important}.ds-u-fill--gold{background-color:#fdb81e!important}.ds-u-fill--gold-light{background-color:#f9c642!important}.ds-u-fill--gold-lighter{background-color:#fad980!important}.ds-u-fill--gold-lightest{background-color:#fff1d2!important}.ds-u-fill--green{background-color:#2e8540!important}.ds-u-fill--green-light{background-color:#4aa564!important}.ds-u-fill--green-lighter{background-color:#94bfa2!important}.ds-u-fill--green-lightest{background-color:#e7f4e4!important}.ds-u-fill--error{background-color:#e31c3d!important}.ds-u-fill--error-dark{background-color:#cd2026!important}.ds-u-fill--error-darkest{background-color:#981b1e!important}.ds-u-fill--error-light{background-color:#e59393!important}.ds-u-fill--error-lighter{background-color:#efb9b9!important}.ds-u-fill--error-lightest{background-color:#f9dede!important}.ds-u-fill--warn{background-color:#fdb81e!important}.ds-u-fill--warn-light{background-color:#f9c642!important}.ds-u-fill--warn-lighter{background-color:#fad980!important}.ds-u-fill--warn-lightest{background-color:#fff1d2!important}.ds-u-fill--success{background-color:#2e8540!important}.ds-u-fill--success-light{background-color:#4aa564!important}.ds-u-fill--success-lighter{background-color:#94bfa2!important}.ds-u-fill--success-lightest{background-color:#e7f4e4!important}.ds-u-fill--base{background-color:#212121!important}.ds-u-fill--background,.ds-u-fill--white{background-color:#fff!important}.ds-u-fill--background-inverse{background-color:#112e51!important}.ds-u-fill--transparent{background-color:transparent!important}.ds-u-border--1{border:1px solid #d6d7d9!important}.ds-u-border-top--1{border-top:1px solid #d6d7d9!important}.ds-u-border-right--1{border-right:1px solid #d6d7d9!important}.ds-u-border-bottom--1{border-bottom:1px solid #d6d7d9!important}.ds-u-border-left--1,.ds-u-border-x--1{border-left:1px solid #d6d7d9!important}.ds-u-border-x--1{border-right:1px solid #d6d7d9!important}.ds-u-border-y--1{border-bottom:1px solid #d6d7d9!important;border-top:1px solid #d6d7d9!important}.ds-u-border--2{border:2px solid #d6d7d9!important}.ds-u-border-top--2{border-top:2px solid #d6d7d9!important}.ds-u-border-right--2{border-right:2px solid #d6d7d9!important}.ds-u-border-bottom--2{border-bottom:2px solid #d6d7d9!important}.ds-u-border-left--2,.ds-u-border-x--2{border-left:2px solid #d6d7d9!important}.ds-u-border-x--2{border-right:2px solid #d6d7d9!important}.ds-u-border-y--2{border-bottom:2px solid #d6d7d9!important;border-top:2px solid #d6d7d9!important}.ds-u-border--0{border:0!important}.ds-u-border-top--0{border-top:0!important}.ds-u-border-right--0{border-right:0!important}.ds-u-border-bottom--0{border-bottom:0!important}.ds-u-border-left--0,.ds-u-border-x--0{border-left:0!important}.ds-u-border-x--0{border-right:0!important}.ds-u-border-y--0{border-bottom:0!important;border-top:0!important}.ds-u-border--inverse{border-color:#fff!important}.ds-u-border--error{border-color:#e31c3d!important}.ds-u-border--error-light{border-color:#e59393!important}.ds-u-border--error-lighter{border-color:#efb9b9!important}.ds-u-border--warn{border-color:#fdb81e!important}.ds-u-border--warn-light{border-color:#f9c642!important}.ds-u-border--warn-lighter{border-color:#fad980!important}.ds-u-border--success{border-color:#2e8540!important}.ds-u-border--success-light{border-color:#4aa564!important}.ds-u-border--success-lighter{border-color:#94bfa2!important}.ds-u-radius{border-radius:3px}.ds-u-radius--pill{border-radius:9999px}.ds-u-radius--circle{border-radius:100%}.ds-u-color--primary{color:#0071bc!important}.ds-u-color--primary-darker{color:#205493!important}.ds-u-color--primary-darkest{color:#112e51!important}.ds-u-color--gray{color:#5b616b!important}.ds-u-color--muted{color:#757575!important}.ds-u-color--error{color:#e31c3d!important}.ds-u-color--error-dark{color:#cd2026!important}.ds-u-color--error-light{color:#e59393!important}.ds-u-color--success{color:#2e8540!important}.ds-u-color--base{color:#212121!important}.ds-u-color--base-inverse{color:#fff!important}.ds-u-color--muted-inverse{color:#bac5cf!important}.ds-u-color--black{color:#000!important}.ds-u-color--white{color:#fff!important}.ds-u-display--block{display:block!important}.ds-u-display--inline-block{display:inline-block!important}.ds-u-display--flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.ds-u-display--none{display:none!important}.ds-u-visibility--hidden{visibility:hidden!important}.ds-u-visibility--visible{visibility:visible!important}.ds-u-visibility--screen-reader{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}@media (min-width:544px){.ds-u-sm-display--block{display:block!important}.ds-u-sm-display--inline-block{display:inline-block!important}.ds-u-sm-display--none{display:none!important}.ds-u-sm-visibility--hidden{visibility:hidden!important}.ds-u-sm-visibility--visible{visibility:visible!important}}@media (min-width:768px){.ds-u-md-display--block{display:block!important}.ds-u-md-display--inline-block{display:inline-block!important}.ds-u-md-display--none{display:none!important}.ds-u-md-visibility--hidden{visibility:hidden!important}.ds-u-md-visibility--visible{visibility:visible!important}}@media (min-width:1024px){.ds-u-lg-display--block{display:block!important}.ds-u-lg-display--inline-block{display:inline-block!important}.ds-u-lg-display--none{display:none!important}.ds-u-lg-visibility--hidden{visibility:hidden!important}.ds-u-lg-visibility--visible{visibility:visible!important}}@media (min-width:1280px){.ds-u-xl-display--block{display:block!important}.ds-u-xl-display--inline-block{display:inline-block!important}.ds-u-xl-display--none{display:none!important}.ds-u-xl-visibility--hidden{visibility:hidden!important}.ds-u-xl-visibility--visible{visibility:visible!important}}.ds-u-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}@media (min-width:544px){.ds-u-sm-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-sm-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-sm-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-sm-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-sm-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:768px){.ds-u-md-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-md-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-md-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-md-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-md-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:1024px){.ds-u-lg-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-lg-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-lg-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-lg-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-lg-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:1280px){.ds-u-xl-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-xl-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-xl-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-xl-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-xl-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}.ds-u-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}@media (min-width:544px){.ds-u-sm-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-sm-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-sm-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-sm-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-sm-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:768px){.ds-u-md-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-md-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-md-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-md-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-md-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:1024px){.ds-u-lg-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-lg-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-lg-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-lg-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-lg-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:1280px){.ds-u-xl-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-xl-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-xl-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-xl-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-xl-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}.ds-u-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}@media (min-width:544px){.ds-u-sm-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-sm-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-sm-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:768px){.ds-u-md-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-md-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-md-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:1024px){.ds-u-lg-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-lg-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-lg-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:1280px){.ds-u-xl-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-xl-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-xl-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}.ds-u-float--left{float:left!important}.ds-u-float--right{float:right!important}.ds-u-float--none{float:none!important}@media (min-width:544px){.ds-u-sm-float--left{float:left!important}.ds-u-sm-float--right{float:right!important}.ds-u-sm-float--none{float:none!important}}@media (min-width:768px){.ds-u-md-float--left{float:left!important}.ds-u-md-float--right{float:right!important}.ds-u-md-float--none{float:none!important}}@media (min-width:1024px){.ds-u-lg-float--left{float:left!important}.ds-u-lg-float--right{float:right!important}.ds-u-lg-float--none{float:none!important}}@media (min-width:1280px){.ds-u-xl-float--left{float:left!important}.ds-u-xl-float--right{float:right!important}.ds-u-xl-float--none{float:none!important}}.ds-u-sans{font-family:Open Sans,Helvetica,sans-serif!important}.ds-u-serif{font-family:Bitter,Georgia,serif!important}.ds-u-font-size--small{font-size:14px!important}.ds-u-font-size--base{font-size:16px!important}.ds-u-font-size--lead{font-size:18px!important}.ds-u-font-size--display{font-size:60px!important}.ds-u-font-size--title{font-size:48px!important}.ds-u-font-size--h1{font-size:36px!important}.ds-u-font-size--h2{font-size:24px!important}.ds-u-font-size--h3{font-size:21px!important}.ds-u-font-size--h4{font-size:18px!important}@media (min-width:544px){.ds-u-sm-font-size--small{font-size:14px!important}.ds-u-sm-font-size--base{font-size:16px!important}.ds-u-sm-font-size--lead{font-size:18px!important}.ds-u-sm-font-size--display{font-size:60px!important}.ds-u-sm-font-size--title{font-size:48px!important}.ds-u-sm-font-size--h1{font-size:36px!important}.ds-u-sm-font-size--h2{font-size:24px!important}.ds-u-sm-font-size--h3{font-size:21px!important}.ds-u-sm-font-size--h4{font-size:18px!important}}@media (min-width:768px){.ds-u-md-font-size--small{font-size:14px!important}.ds-u-md-font-size--base{font-size:16px!important}.ds-u-md-font-size--lead{font-size:18px!important}.ds-u-md-font-size--display{font-size:60px!important}.ds-u-md-font-size--title{font-size:48px!important}.ds-u-md-font-size--h1{font-size:36px!important}.ds-u-md-font-size--h2{font-size:24px!important}.ds-u-md-font-size--h3{font-size:21px!important}.ds-u-md-font-size--h4{font-size:18px!important}}@media (min-width:1024px){.ds-u-lg-font-size--small{font-size:14px!important}.ds-u-lg-font-size--base{font-size:16px!important}.ds-u-lg-font-size--lead{font-size:18px!important}.ds-u-lg-font-size--display{font-size:60px!important}.ds-u-lg-font-size--title{font-size:48px!important}.ds-u-lg-font-size--h1{font-size:36px!important}.ds-u-lg-font-size--h2{font-size:24px!important}.ds-u-lg-font-size--h3{font-size:21px!important}.ds-u-lg-font-size--h4{font-size:18px!important}}@media (min-width:1280px){.ds-u-xl-font-size--small{font-size:14px!important}.ds-u-xl-font-size--base{font-size:16px!important}.ds-u-xl-font-size--lead{font-size:18px!important}.ds-u-xl-font-size--display{font-size:60px!important}.ds-u-xl-font-size--title{font-size:48px!important}.ds-u-xl-font-size--h1{font-size:36px!important}.ds-u-xl-font-size--h2{font-size:24px!important}.ds-u-xl-font-size--h3{font-size:21px!important}.ds-u-xl-font-size--h4{font-size:18px!important}}.ds-u-font-style--normal{font-style:normal!important}.ds-u-font-style--italic{font-style:italic!important}.ds-u-font-weight--normal{font-weight:400!important}.ds-u-font-weight--semibold{font-weight:600!important}.ds-u-font-weight--bold{font-weight:700!important}.ds-u-leading--base{line-height:1.5!important}.ds-u-leading--lead{line-height:1.7!important}.ds-u-leading--heading{line-height:1.3!important}.ds-u-leading--reset{line-height:1!important}.ds-u-margin--0{margin:0!important}.ds-u-margin-top--0{margin-top:0!important}.ds-u-margin-right--0{margin-right:0!important}.ds-u-margin-bottom--0{margin-bottom:0!important}.ds-u-margin-left--0,.ds-u-margin-x--0{margin-left:0!important}.ds-u-margin-x--0{margin-right:0!important}.ds-u-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-margin--1{margin:8px!important}.ds-u-margin-top--1{margin-top:8px!important}.ds-u-margin-right--1{margin-right:8px!important}.ds-u-margin-bottom--1{margin-bottom:8px!important}.ds-u-margin-left--1,.ds-u-margin-x--1{margin-left:8px!important}.ds-u-margin-x--1{margin-right:8px!important}.ds-u-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-margin--2{margin:16px!important}.ds-u-margin-top--2{margin-top:16px!important}.ds-u-margin-right--2{margin-right:16px!important}.ds-u-margin-bottom--2{margin-bottom:16px!important}.ds-u-margin-left--2,.ds-u-margin-x--2{margin-left:16px!important}.ds-u-margin-x--2{margin-right:16px!important}.ds-u-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-margin--3{margin:24px!important}.ds-u-margin-top--3{margin-top:24px!important}.ds-u-margin-right--3{margin-right:24px!important}.ds-u-margin-bottom--3{margin-bottom:24px!important}.ds-u-margin-left--3,.ds-u-margin-x--3{margin-left:24px!important}.ds-u-margin-x--3{margin-right:24px!important}.ds-u-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-margin--4{margin:32px!important}.ds-u-margin-top--4{margin-top:32px!important}.ds-u-margin-right--4{margin-right:32px!important}.ds-u-margin-bottom--4{margin-bottom:32px!important}.ds-u-margin-left--4,.ds-u-margin-x--4{margin-left:32px!important}.ds-u-margin-x--4{margin-right:32px!important}.ds-u-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-margin--5{margin:40px!important}.ds-u-margin-top--5{margin-top:40px!important}.ds-u-margin-right--5{margin-right:40px!important}.ds-u-margin-bottom--5{margin-bottom:40px!important}.ds-u-margin-left--5,.ds-u-margin-x--5{margin-left:40px!important}.ds-u-margin-x--5{margin-right:40px!important}.ds-u-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-margin--6{margin:48px!important}.ds-u-margin-top--6{margin-top:48px!important}.ds-u-margin-right--6{margin-right:48px!important}.ds-u-margin-bottom--6{margin-bottom:48px!important}.ds-u-margin-left--6,.ds-u-margin-x--6{margin-left:48px!important}.ds-u-margin-x--6{margin-right:48px!important}.ds-u-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-margin--7{margin:56px!important}.ds-u-margin-top--7{margin-top:56px!important}.ds-u-margin-right--7{margin-right:56px!important}.ds-u-margin-bottom--7{margin-bottom:56px!important}.ds-u-margin-left--7,.ds-u-margin-x--7{margin-left:56px!important}.ds-u-margin-x--7{margin-right:56px!important}.ds-u-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-margin--auto{margin:auto!important}.ds-u-margin-top--auto{margin-top:auto!important}.ds-u-margin-right--auto{margin-right:auto!important}.ds-u-margin-bottom--auto{margin-bottom:auto!important}.ds-u-margin-left--auto,.ds-u-margin-x--auto{margin-left:auto!important}.ds-u-margin-x--auto{margin-right:auto!important}.ds-u-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}@media (min-width:544px){.ds-u-sm-margin--0{margin:0!important}.ds-u-sm-margin-top--0{margin-top:0!important}.ds-u-sm-margin-right--0{margin-right:0!important}.ds-u-sm-margin-bottom--0{margin-bottom:0!important}.ds-u-sm-margin-left--0,.ds-u-sm-margin-x--0{margin-left:0!important}.ds-u-sm-margin-x--0{margin-right:0!important}.ds-u-sm-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-sm-margin--1{margin:8px!important}.ds-u-sm-margin-top--1{margin-top:8px!important}.ds-u-sm-margin-right--1{margin-right:8px!important}.ds-u-sm-margin-bottom--1{margin-bottom:8px!important}.ds-u-sm-margin-left--1,.ds-u-sm-margin-x--1{margin-left:8px!important}.ds-u-sm-margin-x--1{margin-right:8px!important}.ds-u-sm-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-sm-margin--2{margin:16px!important}.ds-u-sm-margin-top--2{margin-top:16px!important}.ds-u-sm-margin-right--2{margin-right:16px!important}.ds-u-sm-margin-bottom--2{margin-bottom:16px!important}.ds-u-sm-margin-left--2,.ds-u-sm-margin-x--2{margin-left:16px!important}.ds-u-sm-margin-x--2{margin-right:16px!important}.ds-u-sm-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-sm-margin--3{margin:24px!important}.ds-u-sm-margin-top--3{margin-top:24px!important}.ds-u-sm-margin-right--3{margin-right:24px!important}.ds-u-sm-margin-bottom--3{margin-bottom:24px!important}.ds-u-sm-margin-left--3,.ds-u-sm-margin-x--3{margin-left:24px!important}.ds-u-sm-margin-x--3{margin-right:24px!important}.ds-u-sm-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-sm-margin--4{margin:32px!important}.ds-u-sm-margin-top--4{margin-top:32px!important}.ds-u-sm-margin-right--4{margin-right:32px!important}.ds-u-sm-margin-bottom--4{margin-bottom:32px!important}.ds-u-sm-margin-left--4,.ds-u-sm-margin-x--4{margin-left:32px!important}.ds-u-sm-margin-x--4{margin-right:32px!important}.ds-u-sm-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-sm-margin--5{margin:40px!important}.ds-u-sm-margin-top--5{margin-top:40px!important}.ds-u-sm-margin-right--5{margin-right:40px!important}.ds-u-sm-margin-bottom--5{margin-bottom:40px!important}.ds-u-sm-margin-left--5,.ds-u-sm-margin-x--5{margin-left:40px!important}.ds-u-sm-margin-x--5{margin-right:40px!important}.ds-u-sm-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-sm-margin--6{margin:48px!important}.ds-u-sm-margin-top--6{margin-top:48px!important}.ds-u-sm-margin-right--6{margin-right:48px!important}.ds-u-sm-margin-bottom--6{margin-bottom:48px!important}.ds-u-sm-margin-left--6,.ds-u-sm-margin-x--6{margin-left:48px!important}.ds-u-sm-margin-x--6{margin-right:48px!important}.ds-u-sm-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-sm-margin--7{margin:56px!important}.ds-u-sm-margin-top--7{margin-top:56px!important}.ds-u-sm-margin-right--7{margin-right:56px!important}.ds-u-sm-margin-bottom--7{margin-bottom:56px!important}.ds-u-sm-margin-left--7,.ds-u-sm-margin-x--7{margin-left:56px!important}.ds-u-sm-margin-x--7{margin-right:56px!important}.ds-u-sm-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-sm-margin--auto{margin:auto!important}.ds-u-sm-margin-top--auto{margin-top:auto!important}.ds-u-sm-margin-right--auto{margin-right:auto!important}.ds-u-sm-margin-bottom--auto{margin-bottom:auto!important}.ds-u-sm-margin-left--auto,.ds-u-sm-margin-x--auto{margin-left:auto!important}.ds-u-sm-margin-x--auto{margin-right:auto!important}.ds-u-sm-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:768px){.ds-u-md-margin--0{margin:0!important}.ds-u-md-margin-top--0{margin-top:0!important}.ds-u-md-margin-right--0{margin-right:0!important}.ds-u-md-margin-bottom--0{margin-bottom:0!important}.ds-u-md-margin-left--0,.ds-u-md-margin-x--0{margin-left:0!important}.ds-u-md-margin-x--0{margin-right:0!important}.ds-u-md-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-md-margin--1{margin:8px!important}.ds-u-md-margin-top--1{margin-top:8px!important}.ds-u-md-margin-right--1{margin-right:8px!important}.ds-u-md-margin-bottom--1{margin-bottom:8px!important}.ds-u-md-margin-left--1,.ds-u-md-margin-x--1{margin-left:8px!important}.ds-u-md-margin-x--1{margin-right:8px!important}.ds-u-md-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-md-margin--2{margin:16px!important}.ds-u-md-margin-top--2{margin-top:16px!important}.ds-u-md-margin-right--2{margin-right:16px!important}.ds-u-md-margin-bottom--2{margin-bottom:16px!important}.ds-u-md-margin-left--2,.ds-u-md-margin-x--2{margin-left:16px!important}.ds-u-md-margin-x--2{margin-right:16px!important}.ds-u-md-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-md-margin--3{margin:24px!important}.ds-u-md-margin-top--3{margin-top:24px!important}.ds-u-md-margin-right--3{margin-right:24px!important}.ds-u-md-margin-bottom--3{margin-bottom:24px!important}.ds-u-md-margin-left--3,.ds-u-md-margin-x--3{margin-left:24px!important}.ds-u-md-margin-x--3{margin-right:24px!important}.ds-u-md-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-md-margin--4{margin:32px!important}.ds-u-md-margin-top--4{margin-top:32px!important}.ds-u-md-margin-right--4{margin-right:32px!important}.ds-u-md-margin-bottom--4{margin-bottom:32px!important}.ds-u-md-margin-left--4,.ds-u-md-margin-x--4{margin-left:32px!important}.ds-u-md-margin-x--4{margin-right:32px!important}.ds-u-md-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-md-margin--5{margin:40px!important}.ds-u-md-margin-top--5{margin-top:40px!important}.ds-u-md-margin-right--5{margin-right:40px!important}.ds-u-md-margin-bottom--5{margin-bottom:40px!important}.ds-u-md-margin-left--5,.ds-u-md-margin-x--5{margin-left:40px!important}.ds-u-md-margin-x--5{margin-right:40px!important}.ds-u-md-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-md-margin--6{margin:48px!important}.ds-u-md-margin-top--6{margin-top:48px!important}.ds-u-md-margin-right--6{margin-right:48px!important}.ds-u-md-margin-bottom--6{margin-bottom:48px!important}.ds-u-md-margin-left--6,.ds-u-md-margin-x--6{margin-left:48px!important}.ds-u-md-margin-x--6{margin-right:48px!important}.ds-u-md-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-md-margin--7{margin:56px!important}.ds-u-md-margin-top--7{margin-top:56px!important}.ds-u-md-margin-right--7{margin-right:56px!important}.ds-u-md-margin-bottom--7{margin-bottom:56px!important}.ds-u-md-margin-left--7,.ds-u-md-margin-x--7{margin-left:56px!important}.ds-u-md-margin-x--7{margin-right:56px!important}.ds-u-md-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-md-margin--auto{margin:auto!important}.ds-u-md-margin-top--auto{margin-top:auto!important}.ds-u-md-margin-right--auto{margin-right:auto!important}.ds-u-md-margin-bottom--auto{margin-bottom:auto!important}.ds-u-md-margin-left--auto,.ds-u-md-margin-x--auto{margin-left:auto!important}.ds-u-md-margin-x--auto{margin-right:auto!important}.ds-u-md-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:1024px){.ds-u-lg-margin--0{margin:0!important}.ds-u-lg-margin-top--0{margin-top:0!important}.ds-u-lg-margin-right--0{margin-right:0!important}.ds-u-lg-margin-bottom--0{margin-bottom:0!important}.ds-u-lg-margin-left--0,.ds-u-lg-margin-x--0{margin-left:0!important}.ds-u-lg-margin-x--0{margin-right:0!important}.ds-u-lg-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-lg-margin--1{margin:8px!important}.ds-u-lg-margin-top--1{margin-top:8px!important}.ds-u-lg-margin-right--1{margin-right:8px!important}.ds-u-lg-margin-bottom--1{margin-bottom:8px!important}.ds-u-lg-margin-left--1,.ds-u-lg-margin-x--1{margin-left:8px!important}.ds-u-lg-margin-x--1{margin-right:8px!important}.ds-u-lg-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-lg-margin--2{margin:16px!important}.ds-u-lg-margin-top--2{margin-top:16px!important}.ds-u-lg-margin-right--2{margin-right:16px!important}.ds-u-lg-margin-bottom--2{margin-bottom:16px!important}.ds-u-lg-margin-left--2,.ds-u-lg-margin-x--2{margin-left:16px!important}.ds-u-lg-margin-x--2{margin-right:16px!important}.ds-u-lg-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-lg-margin--3{margin:24px!important}.ds-u-lg-margin-top--3{margin-top:24px!important}.ds-u-lg-margin-right--3{margin-right:24px!important}.ds-u-lg-margin-bottom--3{margin-bottom:24px!important}.ds-u-lg-margin-left--3,.ds-u-lg-margin-x--3{margin-left:24px!important}.ds-u-lg-margin-x--3{margin-right:24px!important}.ds-u-lg-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-lg-margin--4{margin:32px!important}.ds-u-lg-margin-top--4{margin-top:32px!important}.ds-u-lg-margin-right--4{margin-right:32px!important}.ds-u-lg-margin-bottom--4{margin-bottom:32px!important}.ds-u-lg-margin-left--4,.ds-u-lg-margin-x--4{margin-left:32px!important}.ds-u-lg-margin-x--4{margin-right:32px!important}.ds-u-lg-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-lg-margin--5{margin:40px!important}.ds-u-lg-margin-top--5{margin-top:40px!important}.ds-u-lg-margin-right--5{margin-right:40px!important}.ds-u-lg-margin-bottom--5{margin-bottom:40px!important}.ds-u-lg-margin-left--5,.ds-u-lg-margin-x--5{margin-left:40px!important}.ds-u-lg-margin-x--5{margin-right:40px!important}.ds-u-lg-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-lg-margin--6{margin:48px!important}.ds-u-lg-margin-top--6{margin-top:48px!important}.ds-u-lg-margin-right--6{margin-right:48px!important}.ds-u-lg-margin-bottom--6{margin-bottom:48px!important}.ds-u-lg-margin-left--6,.ds-u-lg-margin-x--6{margin-left:48px!important}.ds-u-lg-margin-x--6{margin-right:48px!important}.ds-u-lg-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-lg-margin--7{margin:56px!important}.ds-u-lg-margin-top--7{margin-top:56px!important}.ds-u-lg-margin-right--7{margin-right:56px!important}.ds-u-lg-margin-bottom--7{margin-bottom:56px!important}.ds-u-lg-margin-left--7,.ds-u-lg-margin-x--7{margin-left:56px!important}.ds-u-lg-margin-x--7{margin-right:56px!important}.ds-u-lg-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-lg-margin--auto{margin:auto!important}.ds-u-lg-margin-top--auto{margin-top:auto!important}.ds-u-lg-margin-right--auto{margin-right:auto!important}.ds-u-lg-margin-bottom--auto{margin-bottom:auto!important}.ds-u-lg-margin-left--auto,.ds-u-lg-margin-x--auto{margin-left:auto!important}.ds-u-lg-margin-x--auto{margin-right:auto!important}.ds-u-lg-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:1280px){.ds-u-xl-margin--0{margin:0!important}.ds-u-xl-margin-top--0{margin-top:0!important}.ds-u-xl-margin-right--0{margin-right:0!important}.ds-u-xl-margin-bottom--0{margin-bottom:0!important}.ds-u-xl-margin-left--0,.ds-u-xl-margin-x--0{margin-left:0!important}.ds-u-xl-margin-x--0{margin-right:0!important}.ds-u-xl-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-xl-margin--1{margin:8px!important}.ds-u-xl-margin-top--1{margin-top:8px!important}.ds-u-xl-margin-right--1{margin-right:8px!important}.ds-u-xl-margin-bottom--1{margin-bottom:8px!important}.ds-u-xl-margin-left--1,.ds-u-xl-margin-x--1{margin-left:8px!important}.ds-u-xl-margin-x--1{margin-right:8px!important}.ds-u-xl-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-xl-margin--2{margin:16px!important}.ds-u-xl-margin-top--2{margin-top:16px!important}.ds-u-xl-margin-right--2{margin-right:16px!important}.ds-u-xl-margin-bottom--2{margin-bottom:16px!important}.ds-u-xl-margin-left--2,.ds-u-xl-margin-x--2{margin-left:16px!important}.ds-u-xl-margin-x--2{margin-right:16px!important}.ds-u-xl-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-xl-margin--3{margin:24px!important}.ds-u-xl-margin-top--3{margin-top:24px!important}.ds-u-xl-margin-right--3{margin-right:24px!important}.ds-u-xl-margin-bottom--3{margin-bottom:24px!important}.ds-u-xl-margin-left--3,.ds-u-xl-margin-x--3{margin-left:24px!important}.ds-u-xl-margin-x--3{margin-right:24px!important}.ds-u-xl-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-xl-margin--4{margin:32px!important}.ds-u-xl-margin-top--4{margin-top:32px!important}.ds-u-xl-margin-right--4{margin-right:32px!important}.ds-u-xl-margin-bottom--4{margin-bottom:32px!important}.ds-u-xl-margin-left--4,.ds-u-xl-margin-x--4{margin-left:32px!important}.ds-u-xl-margin-x--4{margin-right:32px!important}.ds-u-xl-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-xl-margin--5{margin:40px!important}.ds-u-xl-margin-top--5{margin-top:40px!important}.ds-u-xl-margin-right--5{margin-right:40px!important}.ds-u-xl-margin-bottom--5{margin-bottom:40px!important}.ds-u-xl-margin-left--5,.ds-u-xl-margin-x--5{margin-left:40px!important}.ds-u-xl-margin-x--5{margin-right:40px!important}.ds-u-xl-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-xl-margin--6{margin:48px!important}.ds-u-xl-margin-top--6{margin-top:48px!important}.ds-u-xl-margin-right--6{margin-right:48px!important}.ds-u-xl-margin-bottom--6{margin-bottom:48px!important}.ds-u-xl-margin-left--6,.ds-u-xl-margin-x--6{margin-left:48px!important}.ds-u-xl-margin-x--6{margin-right:48px!important}.ds-u-xl-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-xl-margin--7{margin:56px!important}.ds-u-xl-margin-top--7{margin-top:56px!important}.ds-u-xl-margin-right--7{margin-right:56px!important}.ds-u-xl-margin-bottom--7{margin-bottom:56px!important}.ds-u-xl-margin-left--7,.ds-u-xl-margin-x--7{margin-left:56px!important}.ds-u-xl-margin-x--7{margin-right:56px!important}.ds-u-xl-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-xl-margin--auto{margin:auto!important}.ds-u-xl-margin-top--auto{margin-top:auto!important}.ds-u-xl-margin-right--auto{margin-right:auto!important}.ds-u-xl-margin-bottom--auto{margin-bottom:auto!important}.ds-u-xl-margin-left--auto,.ds-u-xl-margin-x--auto{margin-left:auto!important}.ds-u-xl-margin-x--auto{margin-right:auto!important}.ds-u-xl-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}.ds-u-measure--narrow{max-width:21em!important}.ds-u-measure--base{max-width:31em!important}.ds-u-measure--wide{max-width:41em!important}.ds-u-overflow--hidden{overflow:hidden!important}.ds-u-overflow--scroll{overflow:scroll!important}.ds-u-overflow--auto{overflow:auto!important}.ds-u-clearfix:after,.ds-u-clearfix:before{content:"";display:table}.ds-u-clearfix:after{clear:both}.ds-u-padding--0{padding:0!important}.ds-u-padding-top--0{padding-top:0!important}.ds-u-padding-right--0{padding-right:0!important}.ds-u-padding-bottom--0{padding-bottom:0!important}.ds-u-padding-left--0,.ds-u-padding-x--0{padding-left:0!important}.ds-u-padding-x--0{padding-right:0!important}.ds-u-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-padding--1{padding:8px!important}.ds-u-padding-top--1{padding-top:8px!important}.ds-u-padding-right--1{padding-right:8px!important}.ds-u-padding-bottom--1{padding-bottom:8px!important}.ds-u-padding-left--1,.ds-u-padding-x--1{padding-left:8px!important}.ds-u-padding-x--1{padding-right:8px!important}.ds-u-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-padding--2{padding:16px!important}.ds-u-padding-top--2{padding-top:16px!important}.ds-u-padding-right--2{padding-right:16px!important}.ds-u-padding-bottom--2{padding-bottom:16px!important}.ds-u-padding-left--2,.ds-u-padding-x--2{padding-left:16px!important}.ds-u-padding-x--2{padding-right:16px!important}.ds-u-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-padding--3{padding:24px!important}.ds-u-padding-top--3{padding-top:24px!important}.ds-u-padding-right--3{padding-right:24px!important}.ds-u-padding-bottom--3{padding-bottom:24px!important}.ds-u-padding-left--3,.ds-u-padding-x--3{padding-left:24px!important}.ds-u-padding-x--3{padding-right:24px!important}.ds-u-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-padding--4{padding:32px!important}.ds-u-padding-top--4{padding-top:32px!important}.ds-u-padding-right--4{padding-right:32px!important}.ds-u-padding-bottom--4{padding-bottom:32px!important}.ds-u-padding-left--4,.ds-u-padding-x--4{padding-left:32px!important}.ds-u-padding-x--4{padding-right:32px!important}.ds-u-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-padding--5{padding:40px!important}.ds-u-padding-top--5{padding-top:40px!important}.ds-u-padding-right--5{padding-right:40px!important}.ds-u-padding-bottom--5{padding-bottom:40px!important}.ds-u-padding-left--5,.ds-u-padding-x--5{padding-left:40px!important}.ds-u-padding-x--5{padding-right:40px!important}.ds-u-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-padding--6{padding:48px!important}.ds-u-padding-top--6{padding-top:48px!important}.ds-u-padding-right--6{padding-right:48px!important}.ds-u-padding-bottom--6{padding-bottom:48px!important}.ds-u-padding-left--6,.ds-u-padding-x--6{padding-left:48px!important}.ds-u-padding-x--6{padding-right:48px!important}.ds-u-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-padding--7{padding:56px!important}.ds-u-padding-top--7{padding-top:56px!important}.ds-u-padding-right--7{padding-right:56px!important}.ds-u-padding-bottom--7{padding-bottom:56px!important}.ds-u-padding-left--7,.ds-u-padding-x--7{padding-left:56px!important}.ds-u-padding-x--7{padding-right:56px!important}.ds-u-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}@media (min-width:544px){.ds-u-sm-padding--0{padding:0!important}.ds-u-sm-padding-top--0{padding-top:0!important}.ds-u-sm-padding-right--0{padding-right:0!important}.ds-u-sm-padding-bottom--0{padding-bottom:0!important}.ds-u-sm-padding-left--0,.ds-u-sm-padding-x--0{padding-left:0!important}.ds-u-sm-padding-x--0{padding-right:0!important}.ds-u-sm-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-sm-padding--1{padding:8px!important}.ds-u-sm-padding-top--1{padding-top:8px!important}.ds-u-sm-padding-right--1{padding-right:8px!important}.ds-u-sm-padding-bottom--1{padding-bottom:8px!important}.ds-u-sm-padding-left--1,.ds-u-sm-padding-x--1{padding-left:8px!important}.ds-u-sm-padding-x--1{padding-right:8px!important}.ds-u-sm-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-sm-padding--2{padding:16px!important}.ds-u-sm-padding-top--2{padding-top:16px!important}.ds-u-sm-padding-right--2{padding-right:16px!important}.ds-u-sm-padding-bottom--2{padding-bottom:16px!important}.ds-u-sm-padding-left--2,.ds-u-sm-padding-x--2{padding-left:16px!important}.ds-u-sm-padding-x--2{padding-right:16px!important}.ds-u-sm-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-sm-padding--3{padding:24px!important}.ds-u-sm-padding-top--3{padding-top:24px!important}.ds-u-sm-padding-right--3{padding-right:24px!important}.ds-u-sm-padding-bottom--3{padding-bottom:24px!important}.ds-u-sm-padding-left--3,.ds-u-sm-padding-x--3{padding-left:24px!important}.ds-u-sm-padding-x--3{padding-right:24px!important}.ds-u-sm-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-sm-padding--4{padding:32px!important}.ds-u-sm-padding-top--4{padding-top:32px!important}.ds-u-sm-padding-right--4{padding-right:32px!important}.ds-u-sm-padding-bottom--4{padding-bottom:32px!important}.ds-u-sm-padding-left--4,.ds-u-sm-padding-x--4{padding-left:32px!important}.ds-u-sm-padding-x--4{padding-right:32px!important}.ds-u-sm-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-sm-padding--5{padding:40px!important}.ds-u-sm-padding-top--5{padding-top:40px!important}.ds-u-sm-padding-right--5{padding-right:40px!important}.ds-u-sm-padding-bottom--5{padding-bottom:40px!important}.ds-u-sm-padding-left--5,.ds-u-sm-padding-x--5{padding-left:40px!important}.ds-u-sm-padding-x--5{padding-right:40px!important}.ds-u-sm-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-sm-padding--6{padding:48px!important}.ds-u-sm-padding-top--6{padding-top:48px!important}.ds-u-sm-padding-right--6{padding-right:48px!important}.ds-u-sm-padding-bottom--6{padding-bottom:48px!important}.ds-u-sm-padding-left--6,.ds-u-sm-padding-x--6{padding-left:48px!important}.ds-u-sm-padding-x--6{padding-right:48px!important}.ds-u-sm-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-sm-padding--7{padding:56px!important}.ds-u-sm-padding-top--7{padding-top:56px!important}.ds-u-sm-padding-right--7{padding-right:56px!important}.ds-u-sm-padding-bottom--7{padding-bottom:56px!important}.ds-u-sm-padding-left--7,.ds-u-sm-padding-x--7{padding-left:56px!important}.ds-u-sm-padding-x--7{padding-right:56px!important}.ds-u-sm-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:768px){.ds-u-md-padding--0{padding:0!important}.ds-u-md-padding-top--0{padding-top:0!important}.ds-u-md-padding-right--0{padding-right:0!important}.ds-u-md-padding-bottom--0{padding-bottom:0!important}.ds-u-md-padding-left--0,.ds-u-md-padding-x--0{padding-left:0!important}.ds-u-md-padding-x--0{padding-right:0!important}.ds-u-md-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-md-padding--1{padding:8px!important}.ds-u-md-padding-top--1{padding-top:8px!important}.ds-u-md-padding-right--1{padding-right:8px!important}.ds-u-md-padding-bottom--1{padding-bottom:8px!important}.ds-u-md-padding-left--1,.ds-u-md-padding-x--1{padding-left:8px!important}.ds-u-md-padding-x--1{padding-right:8px!important}.ds-u-md-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-md-padding--2{padding:16px!important}.ds-u-md-padding-top--2{padding-top:16px!important}.ds-u-md-padding-right--2{padding-right:16px!important}.ds-u-md-padding-bottom--2{padding-bottom:16px!important}.ds-u-md-padding-left--2,.ds-u-md-padding-x--2{padding-left:16px!important}.ds-u-md-padding-x--2{padding-right:16px!important}.ds-u-md-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-md-padding--3{padding:24px!important}.ds-u-md-padding-top--3{padding-top:24px!important}.ds-u-md-padding-right--3{padding-right:24px!important}.ds-u-md-padding-bottom--3{padding-bottom:24px!important}.ds-u-md-padding-left--3,.ds-u-md-padding-x--3{padding-left:24px!important}.ds-u-md-padding-x--3{padding-right:24px!important}.ds-u-md-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-md-padding--4{padding:32px!important}.ds-u-md-padding-top--4{padding-top:32px!important}.ds-u-md-padding-right--4{padding-right:32px!important}.ds-u-md-padding-bottom--4{padding-bottom:32px!important}.ds-u-md-padding-left--4,.ds-u-md-padding-x--4{padding-left:32px!important}.ds-u-md-padding-x--4{padding-right:32px!important}.ds-u-md-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-md-padding--5{padding:40px!important}.ds-u-md-padding-top--5{padding-top:40px!important}.ds-u-md-padding-right--5{padding-right:40px!important}.ds-u-md-padding-bottom--5{padding-bottom:40px!important}.ds-u-md-padding-left--5,.ds-u-md-padding-x--5{padding-left:40px!important}.ds-u-md-padding-x--5{padding-right:40px!important}.ds-u-md-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-md-padding--6{padding:48px!important}.ds-u-md-padding-top--6{padding-top:48px!important}.ds-u-md-padding-right--6{padding-right:48px!important}.ds-u-md-padding-bottom--6{padding-bottom:48px!important}.ds-u-md-padding-left--6,.ds-u-md-padding-x--6{padding-left:48px!important}.ds-u-md-padding-x--6{padding-right:48px!important}.ds-u-md-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-md-padding--7{padding:56px!important}.ds-u-md-padding-top--7{padding-top:56px!important}.ds-u-md-padding-right--7{padding-right:56px!important}.ds-u-md-padding-bottom--7{padding-bottom:56px!important}.ds-u-md-padding-left--7,.ds-u-md-padding-x--7{padding-left:56px!important}.ds-u-md-padding-x--7{padding-right:56px!important}.ds-u-md-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:1024px){.ds-u-lg-padding--0{padding:0!important}.ds-u-lg-padding-top--0{padding-top:0!important}.ds-u-lg-padding-right--0{padding-right:0!important}.ds-u-lg-padding-bottom--0{padding-bottom:0!important}.ds-u-lg-padding-left--0,.ds-u-lg-padding-x--0{padding-left:0!important}.ds-u-lg-padding-x--0{padding-right:0!important}.ds-u-lg-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-lg-padding--1{padding:8px!important}.ds-u-lg-padding-top--1{padding-top:8px!important}.ds-u-lg-padding-right--1{padding-right:8px!important}.ds-u-lg-padding-bottom--1{padding-bottom:8px!important}.ds-u-lg-padding-left--1,.ds-u-lg-padding-x--1{padding-left:8px!important}.ds-u-lg-padding-x--1{padding-right:8px!important}.ds-u-lg-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-lg-padding--2{padding:16px!important}.ds-u-lg-padding-top--2{padding-top:16px!important}.ds-u-lg-padding-right--2{padding-right:16px!important}.ds-u-lg-padding-bottom--2{padding-bottom:16px!important}.ds-u-lg-padding-left--2,.ds-u-lg-padding-x--2{padding-left:16px!important}.ds-u-lg-padding-x--2{padding-right:16px!important}.ds-u-lg-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-lg-padding--3{padding:24px!important}.ds-u-lg-padding-top--3{padding-top:24px!important}.ds-u-lg-padding-right--3{padding-right:24px!important}.ds-u-lg-padding-bottom--3{padding-bottom:24px!important}.ds-u-lg-padding-left--3,.ds-u-lg-padding-x--3{padding-left:24px!important}.ds-u-lg-padding-x--3{padding-right:24px!important}.ds-u-lg-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-lg-padding--4{padding:32px!important}.ds-u-lg-padding-top--4{padding-top:32px!important}.ds-u-lg-padding-right--4{padding-right:32px!important}.ds-u-lg-padding-bottom--4{padding-bottom:32px!important}.ds-u-lg-padding-left--4,.ds-u-lg-padding-x--4{padding-left:32px!important}.ds-u-lg-padding-x--4{padding-right:32px!important}.ds-u-lg-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-lg-padding--5{padding:40px!important}.ds-u-lg-padding-top--5{padding-top:40px!important}.ds-u-lg-padding-right--5{padding-right:40px!important}.ds-u-lg-padding-bottom--5{padding-bottom:40px!important}.ds-u-lg-padding-left--5,.ds-u-lg-padding-x--5{padding-left:40px!important}.ds-u-lg-padding-x--5{padding-right:40px!important}.ds-u-lg-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-lg-padding--6{padding:48px!important}.ds-u-lg-padding-top--6{padding-top:48px!important}.ds-u-lg-padding-right--6{padding-right:48px!important}.ds-u-lg-padding-bottom--6{padding-bottom:48px!important}.ds-u-lg-padding-left--6,.ds-u-lg-padding-x--6{padding-left:48px!important}.ds-u-lg-padding-x--6{padding-right:48px!important}.ds-u-lg-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-lg-padding--7{padding:56px!important}.ds-u-lg-padding-top--7{padding-top:56px!important}.ds-u-lg-padding-right--7{padding-right:56px!important}.ds-u-lg-padding-bottom--7{padding-bottom:56px!important}.ds-u-lg-padding-left--7,.ds-u-lg-padding-x--7{padding-left:56px!important}.ds-u-lg-padding-x--7{padding-right:56px!important}.ds-u-lg-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:1280px){.ds-u-xl-padding--0{padding:0!important}.ds-u-xl-padding-top--0{padding-top:0!important}.ds-u-xl-padding-right--0{padding-right:0!important}.ds-u-xl-padding-bottom--0{padding-bottom:0!important}.ds-u-xl-padding-left--0,.ds-u-xl-padding-x--0{padding-left:0!important}.ds-u-xl-padding-x--0{padding-right:0!important}.ds-u-xl-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-xl-padding--1{padding:8px!important}.ds-u-xl-padding-top--1{padding-top:8px!important}.ds-u-xl-padding-right--1{padding-right:8px!important}.ds-u-xl-padding-bottom--1{padding-bottom:8px!important}.ds-u-xl-padding-left--1,.ds-u-xl-padding-x--1{padding-left:8px!important}.ds-u-xl-padding-x--1{padding-right:8px!important}.ds-u-xl-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-xl-padding--2{padding:16px!important}.ds-u-xl-padding-top--2{padding-top:16px!important}.ds-u-xl-padding-right--2{padding-right:16px!important}.ds-u-xl-padding-bottom--2{padding-bottom:16px!important}.ds-u-xl-padding-left--2,.ds-u-xl-padding-x--2{padding-left:16px!important}.ds-u-xl-padding-x--2{padding-right:16px!important}.ds-u-xl-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-xl-padding--3{padding:24px!important}.ds-u-xl-padding-top--3{padding-top:24px!important}.ds-u-xl-padding-right--3{padding-right:24px!important}.ds-u-xl-padding-bottom--3{padding-bottom:24px!important}.ds-u-xl-padding-left--3,.ds-u-xl-padding-x--3{padding-left:24px!important}.ds-u-xl-padding-x--3{padding-right:24px!important}.ds-u-xl-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-xl-padding--4{padding:32px!important}.ds-u-xl-padding-top--4{padding-top:32px!important}.ds-u-xl-padding-right--4{padding-right:32px!important}.ds-u-xl-padding-bottom--4{padding-bottom:32px!important}.ds-u-xl-padding-left--4,.ds-u-xl-padding-x--4{padding-left:32px!important}.ds-u-xl-padding-x--4{padding-right:32px!important}.ds-u-xl-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-xl-padding--5{padding:40px!important}.ds-u-xl-padding-top--5{padding-top:40px!important}.ds-u-xl-padding-right--5{padding-right:40px!important}.ds-u-xl-padding-bottom--5{padding-bottom:40px!important}.ds-u-xl-padding-left--5,.ds-u-xl-padding-x--5{padding-left:40px!important}.ds-u-xl-padding-x--5{padding-right:40px!important}.ds-u-xl-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-xl-padding--6{padding:48px!important}.ds-u-xl-padding-top--6{padding-top:48px!important}.ds-u-xl-padding-right--6{padding-right:48px!important}.ds-u-xl-padding-bottom--6{padding-bottom:48px!important}.ds-u-xl-padding-left--6,.ds-u-xl-padding-x--6{padding-left:48px!important}.ds-u-xl-padding-x--6{padding-right:48px!important}.ds-u-xl-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-xl-padding--7{padding:56px!important}.ds-u-xl-padding-top--7{padding-top:56px!important}.ds-u-xl-padding-right--7{padding-right:56px!important}.ds-u-xl-padding-bottom--7{padding-bottom:56px!important}.ds-u-xl-padding-left--7,.ds-u-xl-padding-x--7{padding-left:56px!important}.ds-u-xl-padding-x--7{padding-right:56px!important}.ds-u-xl-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}.ds-u-text-align--center{text-align:center!important}.ds-u-text-align--left{text-align:left!important}.ds-u-text-align--right{text-align:right!important}@media (min-width:544px){.ds-u-sm-text-align--center{text-align:center!important}.ds-u-sm-text-align--left{text-align:left!important}.ds-u-sm-text-align--right{text-align:right!important}}@media (min-width:768px){.ds-u-md-text-align--center{text-align:center!important}.ds-u-md-text-align--left{text-align:left!important}.ds-u-md-text-align--right{text-align:right!important}}@media (min-width:1024px){.ds-u-lg-text-align--center{text-align:center!important}.ds-u-lg-text-align--left{text-align:left!important}.ds-u-lg-text-align--right{text-align:right!important}}@media (min-width:1280px){.ds-u-xl-text-align--center{text-align:center!important}.ds-u-xl-text-align--left{text-align:left!important}.ds-u-xl-text-align--right{text-align:right!important}}.ds-u-text-decoration--underline{text-decoration:underline!important}.ds-u-text-decoration--none{text-decoration:none!important}.ds-u-text-transform--uppercase{text-transform:uppercase!important}.ds-u-text-transform--lowercase{text-transform:lowercase!important}.ds-u-text-transform--capitalize{text-transform:capitalize!important}.ds-u-truncate{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ds-u-valign--top{vertical-align:top!important}.ds-u-valign--middle{vertical-align:middle!important}.ds-u-valign--bottom{vertical-align:bottom!important} \ No newline at end of file diff --git a/packages/core/dist/utilities/flexbox.css b/packages/core/dist/utilities/flexbox.css index b3758b6a5f..6e67455b6e 100644 --- a/packages/core/dist/utilities/flexbox.css +++ b/packages/core/dist/utilities/flexbox.css @@ -1 +1 @@ -.ds-u-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}@media (min-width:544px){.ds-u-sm-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-sm-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-sm-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-sm-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-sm-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:768px){.ds-u-md-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-md-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-md-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-md-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-md-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:1024px){.ds-u-lg-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-lg-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-lg-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-lg-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-lg-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:1280px){.ds-u-xl-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-xl-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-xl-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-xl-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-xl-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}.ds-u-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (min-width:544px){.ds-u-sm-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-sm-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-sm-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-sm-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-sm-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:768px){.ds-u-md-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-md-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-md-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-md-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-md-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:1024px){.ds-u-lg-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-lg-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-lg-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-lg-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-lg-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:1280px){.ds-u-xl-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-xl-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-xl-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-xl-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-xl-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}} \ No newline at end of file +.ds-u-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}@media (min-width:544px){.ds-u-sm-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-sm-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-sm-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-sm-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-sm-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:768px){.ds-u-md-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-md-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-md-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-md-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-md-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:1024px){.ds-u-lg-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-lg-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-lg-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-lg-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-lg-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:1280px){.ds-u-xl-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-xl-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-xl-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-xl-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-xl-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}.ds-u-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}@media (min-width:544px){.ds-u-sm-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-sm-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-sm-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-sm-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-sm-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:768px){.ds-u-md-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-md-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-md-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-md-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-md-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:1024px){.ds-u-lg-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-lg-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-lg-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-lg-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-lg-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:1280px){.ds-u-xl-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-xl-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-xl-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-xl-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-xl-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}.ds-u-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}@media (min-width:544px){.ds-u-sm-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-sm-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-sm-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:768px){.ds-u-md-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-md-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-md-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:1024px){.ds-u-lg-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-lg-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-lg-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:1280px){.ds-u-xl-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-xl-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-xl-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}} \ No newline at end of file diff --git a/packages/core/dist/utilities/index.css b/packages/core/dist/utilities/index.css index e4b0795774..07fb7dd69a 100644 --- a/packages/core/dist/utilities/index.css +++ b/packages/core/dist/utilities/index.css @@ -1 +1 @@ -.ds-u-fill--primary{background-color:#0071bc!important}.ds-u-fill--primary-darker{background-color:#205493!important}.ds-u-fill--primary-darkest{background-color:#112e51!important}.ds-u-fill--primary-alt{background-color:#02bfe7!important}.ds-u-fill--primary-alt-dark{background-color:#00a6d2!important}.ds-u-fill--primary-alt-darkest{background-color:#046b99!important}.ds-u-fill--primary-alt-light{background-color:#9bdaf1!important}.ds-u-fill--primary-alt-lightest{background-color:#e1f3f8!important}.ds-u-fill--secondary{background-color:#e31c3d!important}.ds-u-fill--secondary-dark{background-color:#cd2026!important}.ds-u-fill--secondary-darkest{background-color:#981b1e!important}.ds-u-fill--secondary-light{background-color:#e59393!important}.ds-u-fill--secondary-lightest{background-color:#f9dede!important}.ds-u-fill--gray{background-color:#5b616b!important}.ds-u-fill--gray-dark{background-color:#323a45!important}.ds-u-fill--gray-light{background-color:#aeb0b5!important}.ds-u-fill--gray-lighter{background-color:#d6d7d9!important}.ds-u-fill--gray-lightest{background-color:#f1f1f1!important}.ds-u-fill--gold{background-color:#fdb81e!important}.ds-u-fill--gold-light{background-color:#f9c642!important}.ds-u-fill--gold-lighter{background-color:#fad980!important}.ds-u-fill--gold-lightest{background-color:#fff1d2!important}.ds-u-fill--green{background-color:#2e8540!important}.ds-u-fill--green-light{background-color:#4aa564!important}.ds-u-fill--green-lighter{background-color:#94bfa2!important}.ds-u-fill--green-lightest{background-color:#e7f4e4!important}.ds-u-fill--error{background-color:#e31c3d!important}.ds-u-fill--error-dark{background-color:#cd2026!important}.ds-u-fill--error-darkest{background-color:#981b1e!important}.ds-u-fill--error-light{background-color:#e59393!important}.ds-u-fill--error-lighter{background-color:#efb9b9!important}.ds-u-fill--error-lightest{background-color:#f9dede!important}.ds-u-fill--warn{background-color:#fdb81e!important}.ds-u-fill--warn-light{background-color:#f9c642!important}.ds-u-fill--warn-lighter{background-color:#fad980!important}.ds-u-fill--warn-lightest{background-color:#fff1d2!important}.ds-u-fill--success{background-color:#2e8540!important}.ds-u-fill--success-light{background-color:#4aa564!important}.ds-u-fill--success-lighter{background-color:#94bfa2!important}.ds-u-fill--success-lightest{background-color:#e7f4e4!important}.ds-u-fill--base{background-color:#212121!important}.ds-u-fill--background,.ds-u-fill--white{background-color:#fff!important}.ds-u-fill--background-inverse{background-color:#112e51!important}.ds-u-fill--transparent{background-color:transparent!important}.ds-u-border--1{border:1px solid #d6d7d9!important}.ds-u-border-top--1{border-top:1px solid #d6d7d9!important}.ds-u-border-right--1{border-right:1px solid #d6d7d9!important}.ds-u-border-bottom--1{border-bottom:1px solid #d6d7d9!important}.ds-u-border-left--1,.ds-u-border-x--1{border-left:1px solid #d6d7d9!important}.ds-u-border-x--1{border-right:1px solid #d6d7d9!important}.ds-u-border-y--1{border-bottom:1px solid #d6d7d9!important;border-top:1px solid #d6d7d9!important}.ds-u-border--2{border:2px solid #d6d7d9!important}.ds-u-border-top--2{border-top:2px solid #d6d7d9!important}.ds-u-border-right--2{border-right:2px solid #d6d7d9!important}.ds-u-border-bottom--2{border-bottom:2px solid #d6d7d9!important}.ds-u-border-left--2,.ds-u-border-x--2{border-left:2px solid #d6d7d9!important}.ds-u-border-x--2{border-right:2px solid #d6d7d9!important}.ds-u-border-y--2{border-bottom:2px solid #d6d7d9!important;border-top:2px solid #d6d7d9!important}.ds-u-border--0{border:0!important}.ds-u-border-top--0{border-top:0!important}.ds-u-border-right--0{border-right:0!important}.ds-u-border-bottom--0{border-bottom:0!important}.ds-u-border-left--0,.ds-u-border-x--0{border-left:0!important}.ds-u-border-x--0{border-right:0!important}.ds-u-border-y--0{border-bottom:0!important;border-top:0!important}.ds-u-border--inverse{border-color:#fff!important}.ds-u-border--error{border-color:#e31c3d!important}.ds-u-border--error-light{border-color:#e59393!important}.ds-u-border--error-lighter{border-color:#efb9b9!important}.ds-u-border--warn{border-color:#fdb81e!important}.ds-u-border--warn-light{border-color:#f9c642!important}.ds-u-border--warn-lighter{border-color:#fad980!important}.ds-u-border--success{border-color:#2e8540!important}.ds-u-border--success-light{border-color:#4aa564!important}.ds-u-border--success-lighter{border-color:#94bfa2!important}.ds-u-radius{border-radius:3px}.ds-u-radius--pill{border-radius:9999px}.ds-u-radius--circle{border-radius:100%}.ds-u-color--primary{color:#0071bc!important}.ds-u-color--primary-darker{color:#205493!important}.ds-u-color--primary-darkest{color:#112e51!important}.ds-u-color--gray{color:#5b616b!important}.ds-u-color--muted{color:#757575!important}.ds-u-color--error{color:#e31c3d!important}.ds-u-color--error-dark{color:#cd2026!important}.ds-u-color--error-light{color:#e59393!important}.ds-u-color--success{color:#2e8540!important}.ds-u-color--base{color:#212121!important}.ds-u-color--base-inverse{color:#fff!important}.ds-u-color--muted-inverse{color:#bac5cf!important}.ds-u-color--black{color:#000!important}.ds-u-color--white{color:#fff!important}.ds-u-display--block{display:block!important}.ds-u-display--inline-block{display:inline-block!important}.ds-u-display--flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.ds-u-display--none{display:none!important}.ds-u-visibility--hidden{visibility:hidden!important}.ds-u-visibility--visible{visibility:visible!important}.ds-u-visibility--screen-reader{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}@media (min-width:544px){.ds-u-sm-display--block{display:block!important}.ds-u-sm-display--inline-block{display:inline-block!important}.ds-u-sm-display--none{display:none!important}.ds-u-sm-visibility--hidden{visibility:hidden!important}.ds-u-sm-visibility--visible{visibility:visible!important}}@media (min-width:768px){.ds-u-md-display--block{display:block!important}.ds-u-md-display--inline-block{display:inline-block!important}.ds-u-md-display--none{display:none!important}.ds-u-md-visibility--hidden{visibility:hidden!important}.ds-u-md-visibility--visible{visibility:visible!important}}@media (min-width:1024px){.ds-u-lg-display--block{display:block!important}.ds-u-lg-display--inline-block{display:inline-block!important}.ds-u-lg-display--none{display:none!important}.ds-u-lg-visibility--hidden{visibility:hidden!important}.ds-u-lg-visibility--visible{visibility:visible!important}}@media (min-width:1280px){.ds-u-xl-display--block{display:block!important}.ds-u-xl-display--inline-block{display:inline-block!important}.ds-u-xl-display--none{display:none!important}.ds-u-xl-visibility--hidden{visibility:hidden!important}.ds-u-xl-visibility--visible{visibility:visible!important}}.ds-u-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}@media (min-width:544px){.ds-u-sm-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-sm-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-sm-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-sm-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-sm-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:768px){.ds-u-md-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-md-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-md-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-md-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-md-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:1024px){.ds-u-lg-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-lg-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-lg-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-lg-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-lg-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}@media (min-width:1280px){.ds-u-xl-justify-content--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ds-u-xl-justify-content--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ds-u-xl-justify-content--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ds-u-xl-justify-content--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ds-u-xl-justify-content--around{-ms-flex-pack:distribute;justify-content:space-around}}.ds-u-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (min-width:544px){.ds-u-sm-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-sm-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-sm-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-sm-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-sm-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:768px){.ds-u-md-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-md-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-md-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-md-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-md-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:1024px){.ds-u-lg-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-lg-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-lg-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-lg-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-lg-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width:1280px){.ds-u-xl-align-items--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ds-u-xl-align-items--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ds-u-xl-align-items--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ds-u-xl-align-items--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.ds-u-xl-align-items--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}.ds-u-float--left{float:left!important}.ds-u-float--right{float:right!important}.ds-u-float--none{float:none!important}@media (min-width:544px){.ds-u-sm-float--left{float:left!important}.ds-u-sm-float--right{float:right!important}.ds-u-sm-float--none{float:none!important}}@media (min-width:768px){.ds-u-md-float--left{float:left!important}.ds-u-md-float--right{float:right!important}.ds-u-md-float--none{float:none!important}}@media (min-width:1024px){.ds-u-lg-float--left{float:left!important}.ds-u-lg-float--right{float:right!important}.ds-u-lg-float--none{float:none!important}}@media (min-width:1280px){.ds-u-xl-float--left{float:left!important}.ds-u-xl-float--right{float:right!important}.ds-u-xl-float--none{float:none!important}}.ds-u-sans{font-family:Open Sans,Helvetica,sans-serif!important}.ds-u-serif{font-family:Bitter,Georgia,serif!important}.ds-u-font-size--small{font-size:14px!important}.ds-u-font-size--base{font-size:16px!important}.ds-u-font-size--lead{font-size:18px!important}.ds-u-font-size--display{font-size:60px!important}.ds-u-font-size--title{font-size:48px!important}.ds-u-font-size--h1{font-size:36px!important}.ds-u-font-size--h2{font-size:24px!important}.ds-u-font-size--h3{font-size:21px!important}.ds-u-font-size--h4{font-size:18px!important}@media (min-width:544px){.ds-u-sm-font-size--small{font-size:14px!important}.ds-u-sm-font-size--base{font-size:16px!important}.ds-u-sm-font-size--lead{font-size:18px!important}.ds-u-sm-font-size--display{font-size:60px!important}.ds-u-sm-font-size--title{font-size:48px!important}.ds-u-sm-font-size--h1{font-size:36px!important}.ds-u-sm-font-size--h2{font-size:24px!important}.ds-u-sm-font-size--h3{font-size:21px!important}.ds-u-sm-font-size--h4{font-size:18px!important}}@media (min-width:768px){.ds-u-md-font-size--small{font-size:14px!important}.ds-u-md-font-size--base{font-size:16px!important}.ds-u-md-font-size--lead{font-size:18px!important}.ds-u-md-font-size--display{font-size:60px!important}.ds-u-md-font-size--title{font-size:48px!important}.ds-u-md-font-size--h1{font-size:36px!important}.ds-u-md-font-size--h2{font-size:24px!important}.ds-u-md-font-size--h3{font-size:21px!important}.ds-u-md-font-size--h4{font-size:18px!important}}@media (min-width:1024px){.ds-u-lg-font-size--small{font-size:14px!important}.ds-u-lg-font-size--base{font-size:16px!important}.ds-u-lg-font-size--lead{font-size:18px!important}.ds-u-lg-font-size--display{font-size:60px!important}.ds-u-lg-font-size--title{font-size:48px!important}.ds-u-lg-font-size--h1{font-size:36px!important}.ds-u-lg-font-size--h2{font-size:24px!important}.ds-u-lg-font-size--h3{font-size:21px!important}.ds-u-lg-font-size--h4{font-size:18px!important}}@media (min-width:1280px){.ds-u-xl-font-size--small{font-size:14px!important}.ds-u-xl-font-size--base{font-size:16px!important}.ds-u-xl-font-size--lead{font-size:18px!important}.ds-u-xl-font-size--display{font-size:60px!important}.ds-u-xl-font-size--title{font-size:48px!important}.ds-u-xl-font-size--h1{font-size:36px!important}.ds-u-xl-font-size--h2{font-size:24px!important}.ds-u-xl-font-size--h3{font-size:21px!important}.ds-u-xl-font-size--h4{font-size:18px!important}}.ds-u-font-style--normal{font-style:normal!important}.ds-u-font-style--italic{font-style:italic!important}.ds-u-font-weight--normal{font-weight:400!important}.ds-u-font-weight--semibold{font-weight:600!important}.ds-u-font-weight--bold{font-weight:700!important}.ds-u-leading--base{line-height:1.5!important}.ds-u-leading--lead{line-height:1.7!important}.ds-u-leading--heading{line-height:1.3!important}.ds-u-leading--reset{line-height:1!important}.ds-u-margin--0{margin:0!important}.ds-u-margin-top--0{margin-top:0!important}.ds-u-margin-right--0{margin-right:0!important}.ds-u-margin-bottom--0{margin-bottom:0!important}.ds-u-margin-left--0,.ds-u-margin-x--0{margin-left:0!important}.ds-u-margin-x--0{margin-right:0!important}.ds-u-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-margin--1{margin:8px!important}.ds-u-margin-top--1{margin-top:8px!important}.ds-u-margin-right--1{margin-right:8px!important}.ds-u-margin-bottom--1{margin-bottom:8px!important}.ds-u-margin-left--1,.ds-u-margin-x--1{margin-left:8px!important}.ds-u-margin-x--1{margin-right:8px!important}.ds-u-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-margin--2{margin:16px!important}.ds-u-margin-top--2{margin-top:16px!important}.ds-u-margin-right--2{margin-right:16px!important}.ds-u-margin-bottom--2{margin-bottom:16px!important}.ds-u-margin-left--2,.ds-u-margin-x--2{margin-left:16px!important}.ds-u-margin-x--2{margin-right:16px!important}.ds-u-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-margin--3{margin:24px!important}.ds-u-margin-top--3{margin-top:24px!important}.ds-u-margin-right--3{margin-right:24px!important}.ds-u-margin-bottom--3{margin-bottom:24px!important}.ds-u-margin-left--3,.ds-u-margin-x--3{margin-left:24px!important}.ds-u-margin-x--3{margin-right:24px!important}.ds-u-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-margin--4{margin:32px!important}.ds-u-margin-top--4{margin-top:32px!important}.ds-u-margin-right--4{margin-right:32px!important}.ds-u-margin-bottom--4{margin-bottom:32px!important}.ds-u-margin-left--4,.ds-u-margin-x--4{margin-left:32px!important}.ds-u-margin-x--4{margin-right:32px!important}.ds-u-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-margin--5{margin:40px!important}.ds-u-margin-top--5{margin-top:40px!important}.ds-u-margin-right--5{margin-right:40px!important}.ds-u-margin-bottom--5{margin-bottom:40px!important}.ds-u-margin-left--5,.ds-u-margin-x--5{margin-left:40px!important}.ds-u-margin-x--5{margin-right:40px!important}.ds-u-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-margin--6{margin:48px!important}.ds-u-margin-top--6{margin-top:48px!important}.ds-u-margin-right--6{margin-right:48px!important}.ds-u-margin-bottom--6{margin-bottom:48px!important}.ds-u-margin-left--6,.ds-u-margin-x--6{margin-left:48px!important}.ds-u-margin-x--6{margin-right:48px!important}.ds-u-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-margin--7{margin:56px!important}.ds-u-margin-top--7{margin-top:56px!important}.ds-u-margin-right--7{margin-right:56px!important}.ds-u-margin-bottom--7{margin-bottom:56px!important}.ds-u-margin-left--7,.ds-u-margin-x--7{margin-left:56px!important}.ds-u-margin-x--7{margin-right:56px!important}.ds-u-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-margin--auto{margin:auto!important}.ds-u-margin-top--auto{margin-top:auto!important}.ds-u-margin-right--auto{margin-right:auto!important}.ds-u-margin-bottom--auto{margin-bottom:auto!important}.ds-u-margin-left--auto,.ds-u-margin-x--auto{margin-left:auto!important}.ds-u-margin-x--auto{margin-right:auto!important}.ds-u-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}@media (min-width:544px){.ds-u-sm-margin--0{margin:0!important}.ds-u-sm-margin-top--0{margin-top:0!important}.ds-u-sm-margin-right--0{margin-right:0!important}.ds-u-sm-margin-bottom--0{margin-bottom:0!important}.ds-u-sm-margin-left--0,.ds-u-sm-margin-x--0{margin-left:0!important}.ds-u-sm-margin-x--0{margin-right:0!important}.ds-u-sm-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-sm-margin--1{margin:8px!important}.ds-u-sm-margin-top--1{margin-top:8px!important}.ds-u-sm-margin-right--1{margin-right:8px!important}.ds-u-sm-margin-bottom--1{margin-bottom:8px!important}.ds-u-sm-margin-left--1,.ds-u-sm-margin-x--1{margin-left:8px!important}.ds-u-sm-margin-x--1{margin-right:8px!important}.ds-u-sm-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-sm-margin--2{margin:16px!important}.ds-u-sm-margin-top--2{margin-top:16px!important}.ds-u-sm-margin-right--2{margin-right:16px!important}.ds-u-sm-margin-bottom--2{margin-bottom:16px!important}.ds-u-sm-margin-left--2,.ds-u-sm-margin-x--2{margin-left:16px!important}.ds-u-sm-margin-x--2{margin-right:16px!important}.ds-u-sm-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-sm-margin--3{margin:24px!important}.ds-u-sm-margin-top--3{margin-top:24px!important}.ds-u-sm-margin-right--3{margin-right:24px!important}.ds-u-sm-margin-bottom--3{margin-bottom:24px!important}.ds-u-sm-margin-left--3,.ds-u-sm-margin-x--3{margin-left:24px!important}.ds-u-sm-margin-x--3{margin-right:24px!important}.ds-u-sm-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-sm-margin--4{margin:32px!important}.ds-u-sm-margin-top--4{margin-top:32px!important}.ds-u-sm-margin-right--4{margin-right:32px!important}.ds-u-sm-margin-bottom--4{margin-bottom:32px!important}.ds-u-sm-margin-left--4,.ds-u-sm-margin-x--4{margin-left:32px!important}.ds-u-sm-margin-x--4{margin-right:32px!important}.ds-u-sm-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-sm-margin--5{margin:40px!important}.ds-u-sm-margin-top--5{margin-top:40px!important}.ds-u-sm-margin-right--5{margin-right:40px!important}.ds-u-sm-margin-bottom--5{margin-bottom:40px!important}.ds-u-sm-margin-left--5,.ds-u-sm-margin-x--5{margin-left:40px!important}.ds-u-sm-margin-x--5{margin-right:40px!important}.ds-u-sm-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-sm-margin--6{margin:48px!important}.ds-u-sm-margin-top--6{margin-top:48px!important}.ds-u-sm-margin-right--6{margin-right:48px!important}.ds-u-sm-margin-bottom--6{margin-bottom:48px!important}.ds-u-sm-margin-left--6,.ds-u-sm-margin-x--6{margin-left:48px!important}.ds-u-sm-margin-x--6{margin-right:48px!important}.ds-u-sm-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-sm-margin--7{margin:56px!important}.ds-u-sm-margin-top--7{margin-top:56px!important}.ds-u-sm-margin-right--7{margin-right:56px!important}.ds-u-sm-margin-bottom--7{margin-bottom:56px!important}.ds-u-sm-margin-left--7,.ds-u-sm-margin-x--7{margin-left:56px!important}.ds-u-sm-margin-x--7{margin-right:56px!important}.ds-u-sm-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-sm-margin--auto{margin:auto!important}.ds-u-sm-margin-top--auto{margin-top:auto!important}.ds-u-sm-margin-right--auto{margin-right:auto!important}.ds-u-sm-margin-bottom--auto{margin-bottom:auto!important}.ds-u-sm-margin-left--auto,.ds-u-sm-margin-x--auto{margin-left:auto!important}.ds-u-sm-margin-x--auto{margin-right:auto!important}.ds-u-sm-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:768px){.ds-u-md-margin--0{margin:0!important}.ds-u-md-margin-top--0{margin-top:0!important}.ds-u-md-margin-right--0{margin-right:0!important}.ds-u-md-margin-bottom--0{margin-bottom:0!important}.ds-u-md-margin-left--0,.ds-u-md-margin-x--0{margin-left:0!important}.ds-u-md-margin-x--0{margin-right:0!important}.ds-u-md-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-md-margin--1{margin:8px!important}.ds-u-md-margin-top--1{margin-top:8px!important}.ds-u-md-margin-right--1{margin-right:8px!important}.ds-u-md-margin-bottom--1{margin-bottom:8px!important}.ds-u-md-margin-left--1,.ds-u-md-margin-x--1{margin-left:8px!important}.ds-u-md-margin-x--1{margin-right:8px!important}.ds-u-md-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-md-margin--2{margin:16px!important}.ds-u-md-margin-top--2{margin-top:16px!important}.ds-u-md-margin-right--2{margin-right:16px!important}.ds-u-md-margin-bottom--2{margin-bottom:16px!important}.ds-u-md-margin-left--2,.ds-u-md-margin-x--2{margin-left:16px!important}.ds-u-md-margin-x--2{margin-right:16px!important}.ds-u-md-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-md-margin--3{margin:24px!important}.ds-u-md-margin-top--3{margin-top:24px!important}.ds-u-md-margin-right--3{margin-right:24px!important}.ds-u-md-margin-bottom--3{margin-bottom:24px!important}.ds-u-md-margin-left--3,.ds-u-md-margin-x--3{margin-left:24px!important}.ds-u-md-margin-x--3{margin-right:24px!important}.ds-u-md-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-md-margin--4{margin:32px!important}.ds-u-md-margin-top--4{margin-top:32px!important}.ds-u-md-margin-right--4{margin-right:32px!important}.ds-u-md-margin-bottom--4{margin-bottom:32px!important}.ds-u-md-margin-left--4,.ds-u-md-margin-x--4{margin-left:32px!important}.ds-u-md-margin-x--4{margin-right:32px!important}.ds-u-md-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-md-margin--5{margin:40px!important}.ds-u-md-margin-top--5{margin-top:40px!important}.ds-u-md-margin-right--5{margin-right:40px!important}.ds-u-md-margin-bottom--5{margin-bottom:40px!important}.ds-u-md-margin-left--5,.ds-u-md-margin-x--5{margin-left:40px!important}.ds-u-md-margin-x--5{margin-right:40px!important}.ds-u-md-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-md-margin--6{margin:48px!important}.ds-u-md-margin-top--6{margin-top:48px!important}.ds-u-md-margin-right--6{margin-right:48px!important}.ds-u-md-margin-bottom--6{margin-bottom:48px!important}.ds-u-md-margin-left--6,.ds-u-md-margin-x--6{margin-left:48px!important}.ds-u-md-margin-x--6{margin-right:48px!important}.ds-u-md-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-md-margin--7{margin:56px!important}.ds-u-md-margin-top--7{margin-top:56px!important}.ds-u-md-margin-right--7{margin-right:56px!important}.ds-u-md-margin-bottom--7{margin-bottom:56px!important}.ds-u-md-margin-left--7,.ds-u-md-margin-x--7{margin-left:56px!important}.ds-u-md-margin-x--7{margin-right:56px!important}.ds-u-md-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-md-margin--auto{margin:auto!important}.ds-u-md-margin-top--auto{margin-top:auto!important}.ds-u-md-margin-right--auto{margin-right:auto!important}.ds-u-md-margin-bottom--auto{margin-bottom:auto!important}.ds-u-md-margin-left--auto,.ds-u-md-margin-x--auto{margin-left:auto!important}.ds-u-md-margin-x--auto{margin-right:auto!important}.ds-u-md-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:1024px){.ds-u-lg-margin--0{margin:0!important}.ds-u-lg-margin-top--0{margin-top:0!important}.ds-u-lg-margin-right--0{margin-right:0!important}.ds-u-lg-margin-bottom--0{margin-bottom:0!important}.ds-u-lg-margin-left--0,.ds-u-lg-margin-x--0{margin-left:0!important}.ds-u-lg-margin-x--0{margin-right:0!important}.ds-u-lg-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-lg-margin--1{margin:8px!important}.ds-u-lg-margin-top--1{margin-top:8px!important}.ds-u-lg-margin-right--1{margin-right:8px!important}.ds-u-lg-margin-bottom--1{margin-bottom:8px!important}.ds-u-lg-margin-left--1,.ds-u-lg-margin-x--1{margin-left:8px!important}.ds-u-lg-margin-x--1{margin-right:8px!important}.ds-u-lg-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-lg-margin--2{margin:16px!important}.ds-u-lg-margin-top--2{margin-top:16px!important}.ds-u-lg-margin-right--2{margin-right:16px!important}.ds-u-lg-margin-bottom--2{margin-bottom:16px!important}.ds-u-lg-margin-left--2,.ds-u-lg-margin-x--2{margin-left:16px!important}.ds-u-lg-margin-x--2{margin-right:16px!important}.ds-u-lg-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-lg-margin--3{margin:24px!important}.ds-u-lg-margin-top--3{margin-top:24px!important}.ds-u-lg-margin-right--3{margin-right:24px!important}.ds-u-lg-margin-bottom--3{margin-bottom:24px!important}.ds-u-lg-margin-left--3,.ds-u-lg-margin-x--3{margin-left:24px!important}.ds-u-lg-margin-x--3{margin-right:24px!important}.ds-u-lg-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-lg-margin--4{margin:32px!important}.ds-u-lg-margin-top--4{margin-top:32px!important}.ds-u-lg-margin-right--4{margin-right:32px!important}.ds-u-lg-margin-bottom--4{margin-bottom:32px!important}.ds-u-lg-margin-left--4,.ds-u-lg-margin-x--4{margin-left:32px!important}.ds-u-lg-margin-x--4{margin-right:32px!important}.ds-u-lg-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-lg-margin--5{margin:40px!important}.ds-u-lg-margin-top--5{margin-top:40px!important}.ds-u-lg-margin-right--5{margin-right:40px!important}.ds-u-lg-margin-bottom--5{margin-bottom:40px!important}.ds-u-lg-margin-left--5,.ds-u-lg-margin-x--5{margin-left:40px!important}.ds-u-lg-margin-x--5{margin-right:40px!important}.ds-u-lg-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-lg-margin--6{margin:48px!important}.ds-u-lg-margin-top--6{margin-top:48px!important}.ds-u-lg-margin-right--6{margin-right:48px!important}.ds-u-lg-margin-bottom--6{margin-bottom:48px!important}.ds-u-lg-margin-left--6,.ds-u-lg-margin-x--6{margin-left:48px!important}.ds-u-lg-margin-x--6{margin-right:48px!important}.ds-u-lg-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-lg-margin--7{margin:56px!important}.ds-u-lg-margin-top--7{margin-top:56px!important}.ds-u-lg-margin-right--7{margin-right:56px!important}.ds-u-lg-margin-bottom--7{margin-bottom:56px!important}.ds-u-lg-margin-left--7,.ds-u-lg-margin-x--7{margin-left:56px!important}.ds-u-lg-margin-x--7{margin-right:56px!important}.ds-u-lg-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-lg-margin--auto{margin:auto!important}.ds-u-lg-margin-top--auto{margin-top:auto!important}.ds-u-lg-margin-right--auto{margin-right:auto!important}.ds-u-lg-margin-bottom--auto{margin-bottom:auto!important}.ds-u-lg-margin-left--auto,.ds-u-lg-margin-x--auto{margin-left:auto!important}.ds-u-lg-margin-x--auto{margin-right:auto!important}.ds-u-lg-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:1280px){.ds-u-xl-margin--0{margin:0!important}.ds-u-xl-margin-top--0{margin-top:0!important}.ds-u-xl-margin-right--0{margin-right:0!important}.ds-u-xl-margin-bottom--0{margin-bottom:0!important}.ds-u-xl-margin-left--0,.ds-u-xl-margin-x--0{margin-left:0!important}.ds-u-xl-margin-x--0{margin-right:0!important}.ds-u-xl-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-xl-margin--1{margin:8px!important}.ds-u-xl-margin-top--1{margin-top:8px!important}.ds-u-xl-margin-right--1{margin-right:8px!important}.ds-u-xl-margin-bottom--1{margin-bottom:8px!important}.ds-u-xl-margin-left--1,.ds-u-xl-margin-x--1{margin-left:8px!important}.ds-u-xl-margin-x--1{margin-right:8px!important}.ds-u-xl-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-xl-margin--2{margin:16px!important}.ds-u-xl-margin-top--2{margin-top:16px!important}.ds-u-xl-margin-right--2{margin-right:16px!important}.ds-u-xl-margin-bottom--2{margin-bottom:16px!important}.ds-u-xl-margin-left--2,.ds-u-xl-margin-x--2{margin-left:16px!important}.ds-u-xl-margin-x--2{margin-right:16px!important}.ds-u-xl-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-xl-margin--3{margin:24px!important}.ds-u-xl-margin-top--3{margin-top:24px!important}.ds-u-xl-margin-right--3{margin-right:24px!important}.ds-u-xl-margin-bottom--3{margin-bottom:24px!important}.ds-u-xl-margin-left--3,.ds-u-xl-margin-x--3{margin-left:24px!important}.ds-u-xl-margin-x--3{margin-right:24px!important}.ds-u-xl-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-xl-margin--4{margin:32px!important}.ds-u-xl-margin-top--4{margin-top:32px!important}.ds-u-xl-margin-right--4{margin-right:32px!important}.ds-u-xl-margin-bottom--4{margin-bottom:32px!important}.ds-u-xl-margin-left--4,.ds-u-xl-margin-x--4{margin-left:32px!important}.ds-u-xl-margin-x--4{margin-right:32px!important}.ds-u-xl-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-xl-margin--5{margin:40px!important}.ds-u-xl-margin-top--5{margin-top:40px!important}.ds-u-xl-margin-right--5{margin-right:40px!important}.ds-u-xl-margin-bottom--5{margin-bottom:40px!important}.ds-u-xl-margin-left--5,.ds-u-xl-margin-x--5{margin-left:40px!important}.ds-u-xl-margin-x--5{margin-right:40px!important}.ds-u-xl-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-xl-margin--6{margin:48px!important}.ds-u-xl-margin-top--6{margin-top:48px!important}.ds-u-xl-margin-right--6{margin-right:48px!important}.ds-u-xl-margin-bottom--6{margin-bottom:48px!important}.ds-u-xl-margin-left--6,.ds-u-xl-margin-x--6{margin-left:48px!important}.ds-u-xl-margin-x--6{margin-right:48px!important}.ds-u-xl-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-xl-margin--7{margin:56px!important}.ds-u-xl-margin-top--7{margin-top:56px!important}.ds-u-xl-margin-right--7{margin-right:56px!important}.ds-u-xl-margin-bottom--7{margin-bottom:56px!important}.ds-u-xl-margin-left--7,.ds-u-xl-margin-x--7{margin-left:56px!important}.ds-u-xl-margin-x--7{margin-right:56px!important}.ds-u-xl-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-xl-margin--auto{margin:auto!important}.ds-u-xl-margin-top--auto{margin-top:auto!important}.ds-u-xl-margin-right--auto{margin-right:auto!important}.ds-u-xl-margin-bottom--auto{margin-bottom:auto!important}.ds-u-xl-margin-left--auto,.ds-u-xl-margin-x--auto{margin-left:auto!important}.ds-u-xl-margin-x--auto{margin-right:auto!important}.ds-u-xl-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}.ds-u-measure--narrow{max-width:21em!important}.ds-u-measure--base{max-width:31em!important}.ds-u-measure--wide{max-width:41em!important}.ds-u-overflow--hidden{overflow:hidden!important}.ds-u-overflow--scroll{overflow:scroll!important}.ds-u-overflow--auto{overflow:auto!important}.ds-u-clearfix:after,.ds-u-clearfix:before{content:"";display:table}.ds-u-clearfix:after{clear:both}.ds-u-padding--0{padding:0!important}.ds-u-padding-top--0{padding-top:0!important}.ds-u-padding-right--0{padding-right:0!important}.ds-u-padding-bottom--0{padding-bottom:0!important}.ds-u-padding-left--0,.ds-u-padding-x--0{padding-left:0!important}.ds-u-padding-x--0{padding-right:0!important}.ds-u-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-padding--1{padding:8px!important}.ds-u-padding-top--1{padding-top:8px!important}.ds-u-padding-right--1{padding-right:8px!important}.ds-u-padding-bottom--1{padding-bottom:8px!important}.ds-u-padding-left--1,.ds-u-padding-x--1{padding-left:8px!important}.ds-u-padding-x--1{padding-right:8px!important}.ds-u-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-padding--2{padding:16px!important}.ds-u-padding-top--2{padding-top:16px!important}.ds-u-padding-right--2{padding-right:16px!important}.ds-u-padding-bottom--2{padding-bottom:16px!important}.ds-u-padding-left--2,.ds-u-padding-x--2{padding-left:16px!important}.ds-u-padding-x--2{padding-right:16px!important}.ds-u-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-padding--3{padding:24px!important}.ds-u-padding-top--3{padding-top:24px!important}.ds-u-padding-right--3{padding-right:24px!important}.ds-u-padding-bottom--3{padding-bottom:24px!important}.ds-u-padding-left--3,.ds-u-padding-x--3{padding-left:24px!important}.ds-u-padding-x--3{padding-right:24px!important}.ds-u-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-padding--4{padding:32px!important}.ds-u-padding-top--4{padding-top:32px!important}.ds-u-padding-right--4{padding-right:32px!important}.ds-u-padding-bottom--4{padding-bottom:32px!important}.ds-u-padding-left--4,.ds-u-padding-x--4{padding-left:32px!important}.ds-u-padding-x--4{padding-right:32px!important}.ds-u-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-padding--5{padding:40px!important}.ds-u-padding-top--5{padding-top:40px!important}.ds-u-padding-right--5{padding-right:40px!important}.ds-u-padding-bottom--5{padding-bottom:40px!important}.ds-u-padding-left--5,.ds-u-padding-x--5{padding-left:40px!important}.ds-u-padding-x--5{padding-right:40px!important}.ds-u-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-padding--6{padding:48px!important}.ds-u-padding-top--6{padding-top:48px!important}.ds-u-padding-right--6{padding-right:48px!important}.ds-u-padding-bottom--6{padding-bottom:48px!important}.ds-u-padding-left--6,.ds-u-padding-x--6{padding-left:48px!important}.ds-u-padding-x--6{padding-right:48px!important}.ds-u-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-padding--7{padding:56px!important}.ds-u-padding-top--7{padding-top:56px!important}.ds-u-padding-right--7{padding-right:56px!important}.ds-u-padding-bottom--7{padding-bottom:56px!important}.ds-u-padding-left--7,.ds-u-padding-x--7{padding-left:56px!important}.ds-u-padding-x--7{padding-right:56px!important}.ds-u-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}@media (min-width:544px){.ds-u-sm-padding--0{padding:0!important}.ds-u-sm-padding-top--0{padding-top:0!important}.ds-u-sm-padding-right--0{padding-right:0!important}.ds-u-sm-padding-bottom--0{padding-bottom:0!important}.ds-u-sm-padding-left--0,.ds-u-sm-padding-x--0{padding-left:0!important}.ds-u-sm-padding-x--0{padding-right:0!important}.ds-u-sm-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-sm-padding--1{padding:8px!important}.ds-u-sm-padding-top--1{padding-top:8px!important}.ds-u-sm-padding-right--1{padding-right:8px!important}.ds-u-sm-padding-bottom--1{padding-bottom:8px!important}.ds-u-sm-padding-left--1,.ds-u-sm-padding-x--1{padding-left:8px!important}.ds-u-sm-padding-x--1{padding-right:8px!important}.ds-u-sm-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-sm-padding--2{padding:16px!important}.ds-u-sm-padding-top--2{padding-top:16px!important}.ds-u-sm-padding-right--2{padding-right:16px!important}.ds-u-sm-padding-bottom--2{padding-bottom:16px!important}.ds-u-sm-padding-left--2,.ds-u-sm-padding-x--2{padding-left:16px!important}.ds-u-sm-padding-x--2{padding-right:16px!important}.ds-u-sm-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-sm-padding--3{padding:24px!important}.ds-u-sm-padding-top--3{padding-top:24px!important}.ds-u-sm-padding-right--3{padding-right:24px!important}.ds-u-sm-padding-bottom--3{padding-bottom:24px!important}.ds-u-sm-padding-left--3,.ds-u-sm-padding-x--3{padding-left:24px!important}.ds-u-sm-padding-x--3{padding-right:24px!important}.ds-u-sm-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-sm-padding--4{padding:32px!important}.ds-u-sm-padding-top--4{padding-top:32px!important}.ds-u-sm-padding-right--4{padding-right:32px!important}.ds-u-sm-padding-bottom--4{padding-bottom:32px!important}.ds-u-sm-padding-left--4,.ds-u-sm-padding-x--4{padding-left:32px!important}.ds-u-sm-padding-x--4{padding-right:32px!important}.ds-u-sm-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-sm-padding--5{padding:40px!important}.ds-u-sm-padding-top--5{padding-top:40px!important}.ds-u-sm-padding-right--5{padding-right:40px!important}.ds-u-sm-padding-bottom--5{padding-bottom:40px!important}.ds-u-sm-padding-left--5,.ds-u-sm-padding-x--5{padding-left:40px!important}.ds-u-sm-padding-x--5{padding-right:40px!important}.ds-u-sm-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-sm-padding--6{padding:48px!important}.ds-u-sm-padding-top--6{padding-top:48px!important}.ds-u-sm-padding-right--6{padding-right:48px!important}.ds-u-sm-padding-bottom--6{padding-bottom:48px!important}.ds-u-sm-padding-left--6,.ds-u-sm-padding-x--6{padding-left:48px!important}.ds-u-sm-padding-x--6{padding-right:48px!important}.ds-u-sm-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-sm-padding--7{padding:56px!important}.ds-u-sm-padding-top--7{padding-top:56px!important}.ds-u-sm-padding-right--7{padding-right:56px!important}.ds-u-sm-padding-bottom--7{padding-bottom:56px!important}.ds-u-sm-padding-left--7,.ds-u-sm-padding-x--7{padding-left:56px!important}.ds-u-sm-padding-x--7{padding-right:56px!important}.ds-u-sm-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:768px){.ds-u-md-padding--0{padding:0!important}.ds-u-md-padding-top--0{padding-top:0!important}.ds-u-md-padding-right--0{padding-right:0!important}.ds-u-md-padding-bottom--0{padding-bottom:0!important}.ds-u-md-padding-left--0,.ds-u-md-padding-x--0{padding-left:0!important}.ds-u-md-padding-x--0{padding-right:0!important}.ds-u-md-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-md-padding--1{padding:8px!important}.ds-u-md-padding-top--1{padding-top:8px!important}.ds-u-md-padding-right--1{padding-right:8px!important}.ds-u-md-padding-bottom--1{padding-bottom:8px!important}.ds-u-md-padding-left--1,.ds-u-md-padding-x--1{padding-left:8px!important}.ds-u-md-padding-x--1{padding-right:8px!important}.ds-u-md-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-md-padding--2{padding:16px!important}.ds-u-md-padding-top--2{padding-top:16px!important}.ds-u-md-padding-right--2{padding-right:16px!important}.ds-u-md-padding-bottom--2{padding-bottom:16px!important}.ds-u-md-padding-left--2,.ds-u-md-padding-x--2{padding-left:16px!important}.ds-u-md-padding-x--2{padding-right:16px!important}.ds-u-md-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-md-padding--3{padding:24px!important}.ds-u-md-padding-top--3{padding-top:24px!important}.ds-u-md-padding-right--3{padding-right:24px!important}.ds-u-md-padding-bottom--3{padding-bottom:24px!important}.ds-u-md-padding-left--3,.ds-u-md-padding-x--3{padding-left:24px!important}.ds-u-md-padding-x--3{padding-right:24px!important}.ds-u-md-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-md-padding--4{padding:32px!important}.ds-u-md-padding-top--4{padding-top:32px!important}.ds-u-md-padding-right--4{padding-right:32px!important}.ds-u-md-padding-bottom--4{padding-bottom:32px!important}.ds-u-md-padding-left--4,.ds-u-md-padding-x--4{padding-left:32px!important}.ds-u-md-padding-x--4{padding-right:32px!important}.ds-u-md-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-md-padding--5{padding:40px!important}.ds-u-md-padding-top--5{padding-top:40px!important}.ds-u-md-padding-right--5{padding-right:40px!important}.ds-u-md-padding-bottom--5{padding-bottom:40px!important}.ds-u-md-padding-left--5,.ds-u-md-padding-x--5{padding-left:40px!important}.ds-u-md-padding-x--5{padding-right:40px!important}.ds-u-md-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-md-padding--6{padding:48px!important}.ds-u-md-padding-top--6{padding-top:48px!important}.ds-u-md-padding-right--6{padding-right:48px!important}.ds-u-md-padding-bottom--6{padding-bottom:48px!important}.ds-u-md-padding-left--6,.ds-u-md-padding-x--6{padding-left:48px!important}.ds-u-md-padding-x--6{padding-right:48px!important}.ds-u-md-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-md-padding--7{padding:56px!important}.ds-u-md-padding-top--7{padding-top:56px!important}.ds-u-md-padding-right--7{padding-right:56px!important}.ds-u-md-padding-bottom--7{padding-bottom:56px!important}.ds-u-md-padding-left--7,.ds-u-md-padding-x--7{padding-left:56px!important}.ds-u-md-padding-x--7{padding-right:56px!important}.ds-u-md-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:1024px){.ds-u-lg-padding--0{padding:0!important}.ds-u-lg-padding-top--0{padding-top:0!important}.ds-u-lg-padding-right--0{padding-right:0!important}.ds-u-lg-padding-bottom--0{padding-bottom:0!important}.ds-u-lg-padding-left--0,.ds-u-lg-padding-x--0{padding-left:0!important}.ds-u-lg-padding-x--0{padding-right:0!important}.ds-u-lg-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-lg-padding--1{padding:8px!important}.ds-u-lg-padding-top--1{padding-top:8px!important}.ds-u-lg-padding-right--1{padding-right:8px!important}.ds-u-lg-padding-bottom--1{padding-bottom:8px!important}.ds-u-lg-padding-left--1,.ds-u-lg-padding-x--1{padding-left:8px!important}.ds-u-lg-padding-x--1{padding-right:8px!important}.ds-u-lg-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-lg-padding--2{padding:16px!important}.ds-u-lg-padding-top--2{padding-top:16px!important}.ds-u-lg-padding-right--2{padding-right:16px!important}.ds-u-lg-padding-bottom--2{padding-bottom:16px!important}.ds-u-lg-padding-left--2,.ds-u-lg-padding-x--2{padding-left:16px!important}.ds-u-lg-padding-x--2{padding-right:16px!important}.ds-u-lg-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-lg-padding--3{padding:24px!important}.ds-u-lg-padding-top--3{padding-top:24px!important}.ds-u-lg-padding-right--3{padding-right:24px!important}.ds-u-lg-padding-bottom--3{padding-bottom:24px!important}.ds-u-lg-padding-left--3,.ds-u-lg-padding-x--3{padding-left:24px!important}.ds-u-lg-padding-x--3{padding-right:24px!important}.ds-u-lg-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-lg-padding--4{padding:32px!important}.ds-u-lg-padding-top--4{padding-top:32px!important}.ds-u-lg-padding-right--4{padding-right:32px!important}.ds-u-lg-padding-bottom--4{padding-bottom:32px!important}.ds-u-lg-padding-left--4,.ds-u-lg-padding-x--4{padding-left:32px!important}.ds-u-lg-padding-x--4{padding-right:32px!important}.ds-u-lg-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-lg-padding--5{padding:40px!important}.ds-u-lg-padding-top--5{padding-top:40px!important}.ds-u-lg-padding-right--5{padding-right:40px!important}.ds-u-lg-padding-bottom--5{padding-bottom:40px!important}.ds-u-lg-padding-left--5,.ds-u-lg-padding-x--5{padding-left:40px!important}.ds-u-lg-padding-x--5{padding-right:40px!important}.ds-u-lg-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-lg-padding--6{padding:48px!important}.ds-u-lg-padding-top--6{padding-top:48px!important}.ds-u-lg-padding-right--6{padding-right:48px!important}.ds-u-lg-padding-bottom--6{padding-bottom:48px!important}.ds-u-lg-padding-left--6,.ds-u-lg-padding-x--6{padding-left:48px!important}.ds-u-lg-padding-x--6{padding-right:48px!important}.ds-u-lg-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-lg-padding--7{padding:56px!important}.ds-u-lg-padding-top--7{padding-top:56px!important}.ds-u-lg-padding-right--7{padding-right:56px!important}.ds-u-lg-padding-bottom--7{padding-bottom:56px!important}.ds-u-lg-padding-left--7,.ds-u-lg-padding-x--7{padding-left:56px!important}.ds-u-lg-padding-x--7{padding-right:56px!important}.ds-u-lg-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:1280px){.ds-u-xl-padding--0{padding:0!important}.ds-u-xl-padding-top--0{padding-top:0!important}.ds-u-xl-padding-right--0{padding-right:0!important}.ds-u-xl-padding-bottom--0{padding-bottom:0!important}.ds-u-xl-padding-left--0,.ds-u-xl-padding-x--0{padding-left:0!important}.ds-u-xl-padding-x--0{padding-right:0!important}.ds-u-xl-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-xl-padding--1{padding:8px!important}.ds-u-xl-padding-top--1{padding-top:8px!important}.ds-u-xl-padding-right--1{padding-right:8px!important}.ds-u-xl-padding-bottom--1{padding-bottom:8px!important}.ds-u-xl-padding-left--1,.ds-u-xl-padding-x--1{padding-left:8px!important}.ds-u-xl-padding-x--1{padding-right:8px!important}.ds-u-xl-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-xl-padding--2{padding:16px!important}.ds-u-xl-padding-top--2{padding-top:16px!important}.ds-u-xl-padding-right--2{padding-right:16px!important}.ds-u-xl-padding-bottom--2{padding-bottom:16px!important}.ds-u-xl-padding-left--2,.ds-u-xl-padding-x--2{padding-left:16px!important}.ds-u-xl-padding-x--2{padding-right:16px!important}.ds-u-xl-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-xl-padding--3{padding:24px!important}.ds-u-xl-padding-top--3{padding-top:24px!important}.ds-u-xl-padding-right--3{padding-right:24px!important}.ds-u-xl-padding-bottom--3{padding-bottom:24px!important}.ds-u-xl-padding-left--3,.ds-u-xl-padding-x--3{padding-left:24px!important}.ds-u-xl-padding-x--3{padding-right:24px!important}.ds-u-xl-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-xl-padding--4{padding:32px!important}.ds-u-xl-padding-top--4{padding-top:32px!important}.ds-u-xl-padding-right--4{padding-right:32px!important}.ds-u-xl-padding-bottom--4{padding-bottom:32px!important}.ds-u-xl-padding-left--4,.ds-u-xl-padding-x--4{padding-left:32px!important}.ds-u-xl-padding-x--4{padding-right:32px!important}.ds-u-xl-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-xl-padding--5{padding:40px!important}.ds-u-xl-padding-top--5{padding-top:40px!important}.ds-u-xl-padding-right--5{padding-right:40px!important}.ds-u-xl-padding-bottom--5{padding-bottom:40px!important}.ds-u-xl-padding-left--5,.ds-u-xl-padding-x--5{padding-left:40px!important}.ds-u-xl-padding-x--5{padding-right:40px!important}.ds-u-xl-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-xl-padding--6{padding:48px!important}.ds-u-xl-padding-top--6{padding-top:48px!important}.ds-u-xl-padding-right--6{padding-right:48px!important}.ds-u-xl-padding-bottom--6{padding-bottom:48px!important}.ds-u-xl-padding-left--6,.ds-u-xl-padding-x--6{padding-left:48px!important}.ds-u-xl-padding-x--6{padding-right:48px!important}.ds-u-xl-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-xl-padding--7{padding:56px!important}.ds-u-xl-padding-top--7{padding-top:56px!important}.ds-u-xl-padding-right--7{padding-right:56px!important}.ds-u-xl-padding-bottom--7{padding-bottom:56px!important}.ds-u-xl-padding-left--7,.ds-u-xl-padding-x--7{padding-left:56px!important}.ds-u-xl-padding-x--7{padding-right:56px!important}.ds-u-xl-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}.ds-u-text-align--center{text-align:center!important}.ds-u-text-align--left{text-align:left!important}.ds-u-text-align--right{text-align:right!important}@media (min-width:544px){.ds-u-sm-text-align--center{text-align:center!important}.ds-u-sm-text-align--left{text-align:left!important}.ds-u-sm-text-align--right{text-align:right!important}}@media (min-width:768px){.ds-u-md-text-align--center{text-align:center!important}.ds-u-md-text-align--left{text-align:left!important}.ds-u-md-text-align--right{text-align:right!important}}@media (min-width:1024px){.ds-u-lg-text-align--center{text-align:center!important}.ds-u-lg-text-align--left{text-align:left!important}.ds-u-lg-text-align--right{text-align:right!important}}@media (min-width:1280px){.ds-u-xl-text-align--center{text-align:center!important}.ds-u-xl-text-align--left{text-align:left!important}.ds-u-xl-text-align--right{text-align:right!important}}.ds-u-text-decoration--underline{text-decoration:underline!important}.ds-u-text-decoration--none{text-decoration:none!important}.ds-u-text-transform--uppercase{text-transform:uppercase!important}.ds-u-text-transform--lowercase{text-transform:lowercase!important}.ds-u-text-transform--capitalize{text-transform:capitalize!important}.ds-u-truncate{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ds-u-valign--top{vertical-align:top!important}.ds-u-valign--middle{vertical-align:middle!important}.ds-u-valign--bottom{vertical-align:bottom!important} \ No newline at end of file +.ds-u-fill--primary{background-color:#0071bc!important}.ds-u-fill--primary-darker{background-color:#205493!important}.ds-u-fill--primary-darkest{background-color:#112e51!important}.ds-u-fill--primary-alt{background-color:#02bfe7!important}.ds-u-fill--primary-alt-dark{background-color:#00a6d2!important}.ds-u-fill--primary-alt-darkest{background-color:#046b99!important}.ds-u-fill--primary-alt-light{background-color:#9bdaf1!important}.ds-u-fill--primary-alt-lightest{background-color:#e1f3f8!important}.ds-u-fill--secondary{background-color:#e31c3d!important}.ds-u-fill--secondary-dark{background-color:#cd2026!important}.ds-u-fill--secondary-darkest{background-color:#981b1e!important}.ds-u-fill--secondary-light{background-color:#e59393!important}.ds-u-fill--secondary-lightest{background-color:#f9dede!important}.ds-u-fill--gray{background-color:#5b616b!important}.ds-u-fill--gray-dark{background-color:#323a45!important}.ds-u-fill--gray-light{background-color:#aeb0b5!important}.ds-u-fill--gray-lighter{background-color:#d6d7d9!important}.ds-u-fill--gray-lightest{background-color:#f1f1f1!important}.ds-u-fill--gold{background-color:#fdb81e!important}.ds-u-fill--gold-light{background-color:#f9c642!important}.ds-u-fill--gold-lighter{background-color:#fad980!important}.ds-u-fill--gold-lightest{background-color:#fff1d2!important}.ds-u-fill--green{background-color:#2e8540!important}.ds-u-fill--green-light{background-color:#4aa564!important}.ds-u-fill--green-lighter{background-color:#94bfa2!important}.ds-u-fill--green-lightest{background-color:#e7f4e4!important}.ds-u-fill--error{background-color:#e31c3d!important}.ds-u-fill--error-dark{background-color:#cd2026!important}.ds-u-fill--error-darkest{background-color:#981b1e!important}.ds-u-fill--error-light{background-color:#e59393!important}.ds-u-fill--error-lighter{background-color:#efb9b9!important}.ds-u-fill--error-lightest{background-color:#f9dede!important}.ds-u-fill--warn{background-color:#fdb81e!important}.ds-u-fill--warn-light{background-color:#f9c642!important}.ds-u-fill--warn-lighter{background-color:#fad980!important}.ds-u-fill--warn-lightest{background-color:#fff1d2!important}.ds-u-fill--success{background-color:#2e8540!important}.ds-u-fill--success-light{background-color:#4aa564!important}.ds-u-fill--success-lighter{background-color:#94bfa2!important}.ds-u-fill--success-lightest{background-color:#e7f4e4!important}.ds-u-fill--base{background-color:#212121!important}.ds-u-fill--background,.ds-u-fill--white{background-color:#fff!important}.ds-u-fill--background-inverse{background-color:#112e51!important}.ds-u-fill--transparent{background-color:transparent!important}.ds-u-border--1{border:1px solid #d6d7d9!important}.ds-u-border-top--1{border-top:1px solid #d6d7d9!important}.ds-u-border-right--1{border-right:1px solid #d6d7d9!important}.ds-u-border-bottom--1{border-bottom:1px solid #d6d7d9!important}.ds-u-border-left--1,.ds-u-border-x--1{border-left:1px solid #d6d7d9!important}.ds-u-border-x--1{border-right:1px solid #d6d7d9!important}.ds-u-border-y--1{border-bottom:1px solid #d6d7d9!important;border-top:1px solid #d6d7d9!important}.ds-u-border--2{border:2px solid #d6d7d9!important}.ds-u-border-top--2{border-top:2px solid #d6d7d9!important}.ds-u-border-right--2{border-right:2px solid #d6d7d9!important}.ds-u-border-bottom--2{border-bottom:2px solid #d6d7d9!important}.ds-u-border-left--2,.ds-u-border-x--2{border-left:2px solid #d6d7d9!important}.ds-u-border-x--2{border-right:2px solid #d6d7d9!important}.ds-u-border-y--2{border-bottom:2px solid #d6d7d9!important;border-top:2px solid #d6d7d9!important}.ds-u-border--0{border:0!important}.ds-u-border-top--0{border-top:0!important}.ds-u-border-right--0{border-right:0!important}.ds-u-border-bottom--0{border-bottom:0!important}.ds-u-border-left--0,.ds-u-border-x--0{border-left:0!important}.ds-u-border-x--0{border-right:0!important}.ds-u-border-y--0{border-bottom:0!important;border-top:0!important}.ds-u-border--inverse{border-color:#fff!important}.ds-u-border--error{border-color:#e31c3d!important}.ds-u-border--error-light{border-color:#e59393!important}.ds-u-border--error-lighter{border-color:#efb9b9!important}.ds-u-border--warn{border-color:#fdb81e!important}.ds-u-border--warn-light{border-color:#f9c642!important}.ds-u-border--warn-lighter{border-color:#fad980!important}.ds-u-border--success{border-color:#2e8540!important}.ds-u-border--success-light{border-color:#4aa564!important}.ds-u-border--success-lighter{border-color:#94bfa2!important}.ds-u-radius{border-radius:3px}.ds-u-radius--pill{border-radius:9999px}.ds-u-radius--circle{border-radius:100%}.ds-u-color--primary{color:#0071bc!important}.ds-u-color--primary-darker{color:#205493!important}.ds-u-color--primary-darkest{color:#112e51!important}.ds-u-color--gray{color:#5b616b!important}.ds-u-color--muted{color:#757575!important}.ds-u-color--error{color:#e31c3d!important}.ds-u-color--error-dark{color:#cd2026!important}.ds-u-color--error-light{color:#e59393!important}.ds-u-color--success{color:#2e8540!important}.ds-u-color--base{color:#212121!important}.ds-u-color--base-inverse{color:#fff!important}.ds-u-color--muted-inverse{color:#bac5cf!important}.ds-u-color--black{color:#000!important}.ds-u-color--white{color:#fff!important}.ds-u-display--block{display:block!important}.ds-u-display--inline-block{display:inline-block!important}.ds-u-display--flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.ds-u-display--none{display:none!important}.ds-u-visibility--hidden{visibility:hidden!important}.ds-u-visibility--visible{visibility:visible!important}.ds-u-visibility--screen-reader{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}@media (min-width:544px){.ds-u-sm-display--block{display:block!important}.ds-u-sm-display--inline-block{display:inline-block!important}.ds-u-sm-display--none{display:none!important}.ds-u-sm-visibility--hidden{visibility:hidden!important}.ds-u-sm-visibility--visible{visibility:visible!important}}@media (min-width:768px){.ds-u-md-display--block{display:block!important}.ds-u-md-display--inline-block{display:inline-block!important}.ds-u-md-display--none{display:none!important}.ds-u-md-visibility--hidden{visibility:hidden!important}.ds-u-md-visibility--visible{visibility:visible!important}}@media (min-width:1024px){.ds-u-lg-display--block{display:block!important}.ds-u-lg-display--inline-block{display:inline-block!important}.ds-u-lg-display--none{display:none!important}.ds-u-lg-visibility--hidden{visibility:hidden!important}.ds-u-lg-visibility--visible{visibility:visible!important}}@media (min-width:1280px){.ds-u-xl-display--block{display:block!important}.ds-u-xl-display--inline-block{display:inline-block!important}.ds-u-xl-display--none{display:none!important}.ds-u-xl-visibility--hidden{visibility:hidden!important}.ds-u-xl-visibility--visible{visibility:visible!important}}.ds-u-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}@media (min-width:544px){.ds-u-sm-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-sm-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-sm-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-sm-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-sm-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:768px){.ds-u-md-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-md-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-md-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-md-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-md-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:1024px){.ds-u-lg-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-lg-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-lg-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-lg-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-lg-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}@media (min-width:1280px){.ds-u-xl-justify-content--start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.ds-u-xl-justify-content--end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ds-u-xl-justify-content--center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.ds-u-xl-justify-content--between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ds-u-xl-justify-content--around{-ms-flex-pack:distribute!important;justify-content:space-around!important}}.ds-u-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}@media (min-width:544px){.ds-u-sm-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-sm-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-sm-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-sm-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-sm-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:768px){.ds-u-md-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-md-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-md-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-md-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-md-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:1024px){.ds-u-lg-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-lg-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-lg-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-lg-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-lg-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}@media (min-width:1280px){.ds-u-xl-align-items--start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.ds-u-xl-align-items--end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.ds-u-xl-align-items--center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.ds-u-xl-align-items--baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.ds-u-xl-align-items--stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}}.ds-u-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}@media (min-width:544px){.ds-u-sm-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-sm-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-sm-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:768px){.ds-u-md-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-md-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-md-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:1024px){.ds-u-lg-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-lg-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-lg-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:1280px){.ds-u-xl-flex-wrap--nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.ds-u-xl-flex-wrap--wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ds-u-xl-flex-wrap--reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}.ds-u-float--left{float:left!important}.ds-u-float--right{float:right!important}.ds-u-float--none{float:none!important}@media (min-width:544px){.ds-u-sm-float--left{float:left!important}.ds-u-sm-float--right{float:right!important}.ds-u-sm-float--none{float:none!important}}@media (min-width:768px){.ds-u-md-float--left{float:left!important}.ds-u-md-float--right{float:right!important}.ds-u-md-float--none{float:none!important}}@media (min-width:1024px){.ds-u-lg-float--left{float:left!important}.ds-u-lg-float--right{float:right!important}.ds-u-lg-float--none{float:none!important}}@media (min-width:1280px){.ds-u-xl-float--left{float:left!important}.ds-u-xl-float--right{float:right!important}.ds-u-xl-float--none{float:none!important}}.ds-u-sans{font-family:Open Sans,Helvetica,sans-serif!important}.ds-u-serif{font-family:Bitter,Georgia,serif!important}.ds-u-font-size--small{font-size:14px!important}.ds-u-font-size--base{font-size:16px!important}.ds-u-font-size--lead{font-size:18px!important}.ds-u-font-size--display{font-size:60px!important}.ds-u-font-size--title{font-size:48px!important}.ds-u-font-size--h1{font-size:36px!important}.ds-u-font-size--h2{font-size:24px!important}.ds-u-font-size--h3{font-size:21px!important}.ds-u-font-size--h4{font-size:18px!important}@media (min-width:544px){.ds-u-sm-font-size--small{font-size:14px!important}.ds-u-sm-font-size--base{font-size:16px!important}.ds-u-sm-font-size--lead{font-size:18px!important}.ds-u-sm-font-size--display{font-size:60px!important}.ds-u-sm-font-size--title{font-size:48px!important}.ds-u-sm-font-size--h1{font-size:36px!important}.ds-u-sm-font-size--h2{font-size:24px!important}.ds-u-sm-font-size--h3{font-size:21px!important}.ds-u-sm-font-size--h4{font-size:18px!important}}@media (min-width:768px){.ds-u-md-font-size--small{font-size:14px!important}.ds-u-md-font-size--base{font-size:16px!important}.ds-u-md-font-size--lead{font-size:18px!important}.ds-u-md-font-size--display{font-size:60px!important}.ds-u-md-font-size--title{font-size:48px!important}.ds-u-md-font-size--h1{font-size:36px!important}.ds-u-md-font-size--h2{font-size:24px!important}.ds-u-md-font-size--h3{font-size:21px!important}.ds-u-md-font-size--h4{font-size:18px!important}}@media (min-width:1024px){.ds-u-lg-font-size--small{font-size:14px!important}.ds-u-lg-font-size--base{font-size:16px!important}.ds-u-lg-font-size--lead{font-size:18px!important}.ds-u-lg-font-size--display{font-size:60px!important}.ds-u-lg-font-size--title{font-size:48px!important}.ds-u-lg-font-size--h1{font-size:36px!important}.ds-u-lg-font-size--h2{font-size:24px!important}.ds-u-lg-font-size--h3{font-size:21px!important}.ds-u-lg-font-size--h4{font-size:18px!important}}@media (min-width:1280px){.ds-u-xl-font-size--small{font-size:14px!important}.ds-u-xl-font-size--base{font-size:16px!important}.ds-u-xl-font-size--lead{font-size:18px!important}.ds-u-xl-font-size--display{font-size:60px!important}.ds-u-xl-font-size--title{font-size:48px!important}.ds-u-xl-font-size--h1{font-size:36px!important}.ds-u-xl-font-size--h2{font-size:24px!important}.ds-u-xl-font-size--h3{font-size:21px!important}.ds-u-xl-font-size--h4{font-size:18px!important}}.ds-u-font-style--normal{font-style:normal!important}.ds-u-font-style--italic{font-style:italic!important}.ds-u-font-weight--normal{font-weight:400!important}.ds-u-font-weight--semibold{font-weight:600!important}.ds-u-font-weight--bold{font-weight:700!important}.ds-u-leading--base{line-height:1.5!important}.ds-u-leading--lead{line-height:1.7!important}.ds-u-leading--heading{line-height:1.3!important}.ds-u-leading--reset{line-height:1!important}.ds-u-margin--0{margin:0!important}.ds-u-margin-top--0{margin-top:0!important}.ds-u-margin-right--0{margin-right:0!important}.ds-u-margin-bottom--0{margin-bottom:0!important}.ds-u-margin-left--0,.ds-u-margin-x--0{margin-left:0!important}.ds-u-margin-x--0{margin-right:0!important}.ds-u-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-margin--1{margin:8px!important}.ds-u-margin-top--1{margin-top:8px!important}.ds-u-margin-right--1{margin-right:8px!important}.ds-u-margin-bottom--1{margin-bottom:8px!important}.ds-u-margin-left--1,.ds-u-margin-x--1{margin-left:8px!important}.ds-u-margin-x--1{margin-right:8px!important}.ds-u-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-margin--2{margin:16px!important}.ds-u-margin-top--2{margin-top:16px!important}.ds-u-margin-right--2{margin-right:16px!important}.ds-u-margin-bottom--2{margin-bottom:16px!important}.ds-u-margin-left--2,.ds-u-margin-x--2{margin-left:16px!important}.ds-u-margin-x--2{margin-right:16px!important}.ds-u-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-margin--3{margin:24px!important}.ds-u-margin-top--3{margin-top:24px!important}.ds-u-margin-right--3{margin-right:24px!important}.ds-u-margin-bottom--3{margin-bottom:24px!important}.ds-u-margin-left--3,.ds-u-margin-x--3{margin-left:24px!important}.ds-u-margin-x--3{margin-right:24px!important}.ds-u-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-margin--4{margin:32px!important}.ds-u-margin-top--4{margin-top:32px!important}.ds-u-margin-right--4{margin-right:32px!important}.ds-u-margin-bottom--4{margin-bottom:32px!important}.ds-u-margin-left--4,.ds-u-margin-x--4{margin-left:32px!important}.ds-u-margin-x--4{margin-right:32px!important}.ds-u-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-margin--5{margin:40px!important}.ds-u-margin-top--5{margin-top:40px!important}.ds-u-margin-right--5{margin-right:40px!important}.ds-u-margin-bottom--5{margin-bottom:40px!important}.ds-u-margin-left--5,.ds-u-margin-x--5{margin-left:40px!important}.ds-u-margin-x--5{margin-right:40px!important}.ds-u-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-margin--6{margin:48px!important}.ds-u-margin-top--6{margin-top:48px!important}.ds-u-margin-right--6{margin-right:48px!important}.ds-u-margin-bottom--6{margin-bottom:48px!important}.ds-u-margin-left--6,.ds-u-margin-x--6{margin-left:48px!important}.ds-u-margin-x--6{margin-right:48px!important}.ds-u-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-margin--7{margin:56px!important}.ds-u-margin-top--7{margin-top:56px!important}.ds-u-margin-right--7{margin-right:56px!important}.ds-u-margin-bottom--7{margin-bottom:56px!important}.ds-u-margin-left--7,.ds-u-margin-x--7{margin-left:56px!important}.ds-u-margin-x--7{margin-right:56px!important}.ds-u-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-margin--auto{margin:auto!important}.ds-u-margin-top--auto{margin-top:auto!important}.ds-u-margin-right--auto{margin-right:auto!important}.ds-u-margin-bottom--auto{margin-bottom:auto!important}.ds-u-margin-left--auto,.ds-u-margin-x--auto{margin-left:auto!important}.ds-u-margin-x--auto{margin-right:auto!important}.ds-u-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}@media (min-width:544px){.ds-u-sm-margin--0{margin:0!important}.ds-u-sm-margin-top--0{margin-top:0!important}.ds-u-sm-margin-right--0{margin-right:0!important}.ds-u-sm-margin-bottom--0{margin-bottom:0!important}.ds-u-sm-margin-left--0,.ds-u-sm-margin-x--0{margin-left:0!important}.ds-u-sm-margin-x--0{margin-right:0!important}.ds-u-sm-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-sm-margin--1{margin:8px!important}.ds-u-sm-margin-top--1{margin-top:8px!important}.ds-u-sm-margin-right--1{margin-right:8px!important}.ds-u-sm-margin-bottom--1{margin-bottom:8px!important}.ds-u-sm-margin-left--1,.ds-u-sm-margin-x--1{margin-left:8px!important}.ds-u-sm-margin-x--1{margin-right:8px!important}.ds-u-sm-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-sm-margin--2{margin:16px!important}.ds-u-sm-margin-top--2{margin-top:16px!important}.ds-u-sm-margin-right--2{margin-right:16px!important}.ds-u-sm-margin-bottom--2{margin-bottom:16px!important}.ds-u-sm-margin-left--2,.ds-u-sm-margin-x--2{margin-left:16px!important}.ds-u-sm-margin-x--2{margin-right:16px!important}.ds-u-sm-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-sm-margin--3{margin:24px!important}.ds-u-sm-margin-top--3{margin-top:24px!important}.ds-u-sm-margin-right--3{margin-right:24px!important}.ds-u-sm-margin-bottom--3{margin-bottom:24px!important}.ds-u-sm-margin-left--3,.ds-u-sm-margin-x--3{margin-left:24px!important}.ds-u-sm-margin-x--3{margin-right:24px!important}.ds-u-sm-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-sm-margin--4{margin:32px!important}.ds-u-sm-margin-top--4{margin-top:32px!important}.ds-u-sm-margin-right--4{margin-right:32px!important}.ds-u-sm-margin-bottom--4{margin-bottom:32px!important}.ds-u-sm-margin-left--4,.ds-u-sm-margin-x--4{margin-left:32px!important}.ds-u-sm-margin-x--4{margin-right:32px!important}.ds-u-sm-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-sm-margin--5{margin:40px!important}.ds-u-sm-margin-top--5{margin-top:40px!important}.ds-u-sm-margin-right--5{margin-right:40px!important}.ds-u-sm-margin-bottom--5{margin-bottom:40px!important}.ds-u-sm-margin-left--5,.ds-u-sm-margin-x--5{margin-left:40px!important}.ds-u-sm-margin-x--5{margin-right:40px!important}.ds-u-sm-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-sm-margin--6{margin:48px!important}.ds-u-sm-margin-top--6{margin-top:48px!important}.ds-u-sm-margin-right--6{margin-right:48px!important}.ds-u-sm-margin-bottom--6{margin-bottom:48px!important}.ds-u-sm-margin-left--6,.ds-u-sm-margin-x--6{margin-left:48px!important}.ds-u-sm-margin-x--6{margin-right:48px!important}.ds-u-sm-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-sm-margin--7{margin:56px!important}.ds-u-sm-margin-top--7{margin-top:56px!important}.ds-u-sm-margin-right--7{margin-right:56px!important}.ds-u-sm-margin-bottom--7{margin-bottom:56px!important}.ds-u-sm-margin-left--7,.ds-u-sm-margin-x--7{margin-left:56px!important}.ds-u-sm-margin-x--7{margin-right:56px!important}.ds-u-sm-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-sm-margin--auto{margin:auto!important}.ds-u-sm-margin-top--auto{margin-top:auto!important}.ds-u-sm-margin-right--auto{margin-right:auto!important}.ds-u-sm-margin-bottom--auto{margin-bottom:auto!important}.ds-u-sm-margin-left--auto,.ds-u-sm-margin-x--auto{margin-left:auto!important}.ds-u-sm-margin-x--auto{margin-right:auto!important}.ds-u-sm-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:768px){.ds-u-md-margin--0{margin:0!important}.ds-u-md-margin-top--0{margin-top:0!important}.ds-u-md-margin-right--0{margin-right:0!important}.ds-u-md-margin-bottom--0{margin-bottom:0!important}.ds-u-md-margin-left--0,.ds-u-md-margin-x--0{margin-left:0!important}.ds-u-md-margin-x--0{margin-right:0!important}.ds-u-md-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-md-margin--1{margin:8px!important}.ds-u-md-margin-top--1{margin-top:8px!important}.ds-u-md-margin-right--1{margin-right:8px!important}.ds-u-md-margin-bottom--1{margin-bottom:8px!important}.ds-u-md-margin-left--1,.ds-u-md-margin-x--1{margin-left:8px!important}.ds-u-md-margin-x--1{margin-right:8px!important}.ds-u-md-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-md-margin--2{margin:16px!important}.ds-u-md-margin-top--2{margin-top:16px!important}.ds-u-md-margin-right--2{margin-right:16px!important}.ds-u-md-margin-bottom--2{margin-bottom:16px!important}.ds-u-md-margin-left--2,.ds-u-md-margin-x--2{margin-left:16px!important}.ds-u-md-margin-x--2{margin-right:16px!important}.ds-u-md-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-md-margin--3{margin:24px!important}.ds-u-md-margin-top--3{margin-top:24px!important}.ds-u-md-margin-right--3{margin-right:24px!important}.ds-u-md-margin-bottom--3{margin-bottom:24px!important}.ds-u-md-margin-left--3,.ds-u-md-margin-x--3{margin-left:24px!important}.ds-u-md-margin-x--3{margin-right:24px!important}.ds-u-md-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-md-margin--4{margin:32px!important}.ds-u-md-margin-top--4{margin-top:32px!important}.ds-u-md-margin-right--4{margin-right:32px!important}.ds-u-md-margin-bottom--4{margin-bottom:32px!important}.ds-u-md-margin-left--4,.ds-u-md-margin-x--4{margin-left:32px!important}.ds-u-md-margin-x--4{margin-right:32px!important}.ds-u-md-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-md-margin--5{margin:40px!important}.ds-u-md-margin-top--5{margin-top:40px!important}.ds-u-md-margin-right--5{margin-right:40px!important}.ds-u-md-margin-bottom--5{margin-bottom:40px!important}.ds-u-md-margin-left--5,.ds-u-md-margin-x--5{margin-left:40px!important}.ds-u-md-margin-x--5{margin-right:40px!important}.ds-u-md-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-md-margin--6{margin:48px!important}.ds-u-md-margin-top--6{margin-top:48px!important}.ds-u-md-margin-right--6{margin-right:48px!important}.ds-u-md-margin-bottom--6{margin-bottom:48px!important}.ds-u-md-margin-left--6,.ds-u-md-margin-x--6{margin-left:48px!important}.ds-u-md-margin-x--6{margin-right:48px!important}.ds-u-md-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-md-margin--7{margin:56px!important}.ds-u-md-margin-top--7{margin-top:56px!important}.ds-u-md-margin-right--7{margin-right:56px!important}.ds-u-md-margin-bottom--7{margin-bottom:56px!important}.ds-u-md-margin-left--7,.ds-u-md-margin-x--7{margin-left:56px!important}.ds-u-md-margin-x--7{margin-right:56px!important}.ds-u-md-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-md-margin--auto{margin:auto!important}.ds-u-md-margin-top--auto{margin-top:auto!important}.ds-u-md-margin-right--auto{margin-right:auto!important}.ds-u-md-margin-bottom--auto{margin-bottom:auto!important}.ds-u-md-margin-left--auto,.ds-u-md-margin-x--auto{margin-left:auto!important}.ds-u-md-margin-x--auto{margin-right:auto!important}.ds-u-md-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:1024px){.ds-u-lg-margin--0{margin:0!important}.ds-u-lg-margin-top--0{margin-top:0!important}.ds-u-lg-margin-right--0{margin-right:0!important}.ds-u-lg-margin-bottom--0{margin-bottom:0!important}.ds-u-lg-margin-left--0,.ds-u-lg-margin-x--0{margin-left:0!important}.ds-u-lg-margin-x--0{margin-right:0!important}.ds-u-lg-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-lg-margin--1{margin:8px!important}.ds-u-lg-margin-top--1{margin-top:8px!important}.ds-u-lg-margin-right--1{margin-right:8px!important}.ds-u-lg-margin-bottom--1{margin-bottom:8px!important}.ds-u-lg-margin-left--1,.ds-u-lg-margin-x--1{margin-left:8px!important}.ds-u-lg-margin-x--1{margin-right:8px!important}.ds-u-lg-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-lg-margin--2{margin:16px!important}.ds-u-lg-margin-top--2{margin-top:16px!important}.ds-u-lg-margin-right--2{margin-right:16px!important}.ds-u-lg-margin-bottom--2{margin-bottom:16px!important}.ds-u-lg-margin-left--2,.ds-u-lg-margin-x--2{margin-left:16px!important}.ds-u-lg-margin-x--2{margin-right:16px!important}.ds-u-lg-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-lg-margin--3{margin:24px!important}.ds-u-lg-margin-top--3{margin-top:24px!important}.ds-u-lg-margin-right--3{margin-right:24px!important}.ds-u-lg-margin-bottom--3{margin-bottom:24px!important}.ds-u-lg-margin-left--3,.ds-u-lg-margin-x--3{margin-left:24px!important}.ds-u-lg-margin-x--3{margin-right:24px!important}.ds-u-lg-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-lg-margin--4{margin:32px!important}.ds-u-lg-margin-top--4{margin-top:32px!important}.ds-u-lg-margin-right--4{margin-right:32px!important}.ds-u-lg-margin-bottom--4{margin-bottom:32px!important}.ds-u-lg-margin-left--4,.ds-u-lg-margin-x--4{margin-left:32px!important}.ds-u-lg-margin-x--4{margin-right:32px!important}.ds-u-lg-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-lg-margin--5{margin:40px!important}.ds-u-lg-margin-top--5{margin-top:40px!important}.ds-u-lg-margin-right--5{margin-right:40px!important}.ds-u-lg-margin-bottom--5{margin-bottom:40px!important}.ds-u-lg-margin-left--5,.ds-u-lg-margin-x--5{margin-left:40px!important}.ds-u-lg-margin-x--5{margin-right:40px!important}.ds-u-lg-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-lg-margin--6{margin:48px!important}.ds-u-lg-margin-top--6{margin-top:48px!important}.ds-u-lg-margin-right--6{margin-right:48px!important}.ds-u-lg-margin-bottom--6{margin-bottom:48px!important}.ds-u-lg-margin-left--6,.ds-u-lg-margin-x--6{margin-left:48px!important}.ds-u-lg-margin-x--6{margin-right:48px!important}.ds-u-lg-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-lg-margin--7{margin:56px!important}.ds-u-lg-margin-top--7{margin-top:56px!important}.ds-u-lg-margin-right--7{margin-right:56px!important}.ds-u-lg-margin-bottom--7{margin-bottom:56px!important}.ds-u-lg-margin-left--7,.ds-u-lg-margin-x--7{margin-left:56px!important}.ds-u-lg-margin-x--7{margin-right:56px!important}.ds-u-lg-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-lg-margin--auto{margin:auto!important}.ds-u-lg-margin-top--auto{margin-top:auto!important}.ds-u-lg-margin-right--auto{margin-right:auto!important}.ds-u-lg-margin-bottom--auto{margin-bottom:auto!important}.ds-u-lg-margin-left--auto,.ds-u-lg-margin-x--auto{margin-left:auto!important}.ds-u-lg-margin-x--auto{margin-right:auto!important}.ds-u-lg-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}@media (min-width:1280px){.ds-u-xl-margin--0{margin:0!important}.ds-u-xl-margin-top--0{margin-top:0!important}.ds-u-xl-margin-right--0{margin-right:0!important}.ds-u-xl-margin-bottom--0{margin-bottom:0!important}.ds-u-xl-margin-left--0,.ds-u-xl-margin-x--0{margin-left:0!important}.ds-u-xl-margin-x--0{margin-right:0!important}.ds-u-xl-margin-y--0{margin-bottom:0!important;margin-top:0!important}.ds-u-xl-margin--1{margin:8px!important}.ds-u-xl-margin-top--1{margin-top:8px!important}.ds-u-xl-margin-right--1{margin-right:8px!important}.ds-u-xl-margin-bottom--1{margin-bottom:8px!important}.ds-u-xl-margin-left--1,.ds-u-xl-margin-x--1{margin-left:8px!important}.ds-u-xl-margin-x--1{margin-right:8px!important}.ds-u-xl-margin-y--1{margin-bottom:8px!important;margin-top:8px!important}.ds-u-xl-margin--2{margin:16px!important}.ds-u-xl-margin-top--2{margin-top:16px!important}.ds-u-xl-margin-right--2{margin-right:16px!important}.ds-u-xl-margin-bottom--2{margin-bottom:16px!important}.ds-u-xl-margin-left--2,.ds-u-xl-margin-x--2{margin-left:16px!important}.ds-u-xl-margin-x--2{margin-right:16px!important}.ds-u-xl-margin-y--2{margin-bottom:16px!important;margin-top:16px!important}.ds-u-xl-margin--3{margin:24px!important}.ds-u-xl-margin-top--3{margin-top:24px!important}.ds-u-xl-margin-right--3{margin-right:24px!important}.ds-u-xl-margin-bottom--3{margin-bottom:24px!important}.ds-u-xl-margin-left--3,.ds-u-xl-margin-x--3{margin-left:24px!important}.ds-u-xl-margin-x--3{margin-right:24px!important}.ds-u-xl-margin-y--3{margin-bottom:24px!important;margin-top:24px!important}.ds-u-xl-margin--4{margin:32px!important}.ds-u-xl-margin-top--4{margin-top:32px!important}.ds-u-xl-margin-right--4{margin-right:32px!important}.ds-u-xl-margin-bottom--4{margin-bottom:32px!important}.ds-u-xl-margin-left--4,.ds-u-xl-margin-x--4{margin-left:32px!important}.ds-u-xl-margin-x--4{margin-right:32px!important}.ds-u-xl-margin-y--4{margin-bottom:32px!important;margin-top:32px!important}.ds-u-xl-margin--5{margin:40px!important}.ds-u-xl-margin-top--5{margin-top:40px!important}.ds-u-xl-margin-right--5{margin-right:40px!important}.ds-u-xl-margin-bottom--5{margin-bottom:40px!important}.ds-u-xl-margin-left--5,.ds-u-xl-margin-x--5{margin-left:40px!important}.ds-u-xl-margin-x--5{margin-right:40px!important}.ds-u-xl-margin-y--5{margin-bottom:40px!important;margin-top:40px!important}.ds-u-xl-margin--6{margin:48px!important}.ds-u-xl-margin-top--6{margin-top:48px!important}.ds-u-xl-margin-right--6{margin-right:48px!important}.ds-u-xl-margin-bottom--6{margin-bottom:48px!important}.ds-u-xl-margin-left--6,.ds-u-xl-margin-x--6{margin-left:48px!important}.ds-u-xl-margin-x--6{margin-right:48px!important}.ds-u-xl-margin-y--6{margin-bottom:48px!important;margin-top:48px!important}.ds-u-xl-margin--7{margin:56px!important}.ds-u-xl-margin-top--7{margin-top:56px!important}.ds-u-xl-margin-right--7{margin-right:56px!important}.ds-u-xl-margin-bottom--7{margin-bottom:56px!important}.ds-u-xl-margin-left--7,.ds-u-xl-margin-x--7{margin-left:56px!important}.ds-u-xl-margin-x--7{margin-right:56px!important}.ds-u-xl-margin-y--7{margin-bottom:56px!important;margin-top:56px!important}.ds-u-xl-margin--auto{margin:auto!important}.ds-u-xl-margin-top--auto{margin-top:auto!important}.ds-u-xl-margin-right--auto{margin-right:auto!important}.ds-u-xl-margin-bottom--auto{margin-bottom:auto!important}.ds-u-xl-margin-left--auto,.ds-u-xl-margin-x--auto{margin-left:auto!important}.ds-u-xl-margin-x--auto{margin-right:auto!important}.ds-u-xl-margin-y--auto{margin-bottom:auto!important;margin-top:auto!important}}.ds-u-measure--narrow{max-width:21em!important}.ds-u-measure--base{max-width:31em!important}.ds-u-measure--wide{max-width:41em!important}.ds-u-overflow--hidden{overflow:hidden!important}.ds-u-overflow--scroll{overflow:scroll!important}.ds-u-overflow--auto{overflow:auto!important}.ds-u-clearfix:after,.ds-u-clearfix:before{content:"";display:table}.ds-u-clearfix:after{clear:both}.ds-u-padding--0{padding:0!important}.ds-u-padding-top--0{padding-top:0!important}.ds-u-padding-right--0{padding-right:0!important}.ds-u-padding-bottom--0{padding-bottom:0!important}.ds-u-padding-left--0,.ds-u-padding-x--0{padding-left:0!important}.ds-u-padding-x--0{padding-right:0!important}.ds-u-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-padding--1{padding:8px!important}.ds-u-padding-top--1{padding-top:8px!important}.ds-u-padding-right--1{padding-right:8px!important}.ds-u-padding-bottom--1{padding-bottom:8px!important}.ds-u-padding-left--1,.ds-u-padding-x--1{padding-left:8px!important}.ds-u-padding-x--1{padding-right:8px!important}.ds-u-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-padding--2{padding:16px!important}.ds-u-padding-top--2{padding-top:16px!important}.ds-u-padding-right--2{padding-right:16px!important}.ds-u-padding-bottom--2{padding-bottom:16px!important}.ds-u-padding-left--2,.ds-u-padding-x--2{padding-left:16px!important}.ds-u-padding-x--2{padding-right:16px!important}.ds-u-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-padding--3{padding:24px!important}.ds-u-padding-top--3{padding-top:24px!important}.ds-u-padding-right--3{padding-right:24px!important}.ds-u-padding-bottom--3{padding-bottom:24px!important}.ds-u-padding-left--3,.ds-u-padding-x--3{padding-left:24px!important}.ds-u-padding-x--3{padding-right:24px!important}.ds-u-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-padding--4{padding:32px!important}.ds-u-padding-top--4{padding-top:32px!important}.ds-u-padding-right--4{padding-right:32px!important}.ds-u-padding-bottom--4{padding-bottom:32px!important}.ds-u-padding-left--4,.ds-u-padding-x--4{padding-left:32px!important}.ds-u-padding-x--4{padding-right:32px!important}.ds-u-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-padding--5{padding:40px!important}.ds-u-padding-top--5{padding-top:40px!important}.ds-u-padding-right--5{padding-right:40px!important}.ds-u-padding-bottom--5{padding-bottom:40px!important}.ds-u-padding-left--5,.ds-u-padding-x--5{padding-left:40px!important}.ds-u-padding-x--5{padding-right:40px!important}.ds-u-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-padding--6{padding:48px!important}.ds-u-padding-top--6{padding-top:48px!important}.ds-u-padding-right--6{padding-right:48px!important}.ds-u-padding-bottom--6{padding-bottom:48px!important}.ds-u-padding-left--6,.ds-u-padding-x--6{padding-left:48px!important}.ds-u-padding-x--6{padding-right:48px!important}.ds-u-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-padding--7{padding:56px!important}.ds-u-padding-top--7{padding-top:56px!important}.ds-u-padding-right--7{padding-right:56px!important}.ds-u-padding-bottom--7{padding-bottom:56px!important}.ds-u-padding-left--7,.ds-u-padding-x--7{padding-left:56px!important}.ds-u-padding-x--7{padding-right:56px!important}.ds-u-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}@media (min-width:544px){.ds-u-sm-padding--0{padding:0!important}.ds-u-sm-padding-top--0{padding-top:0!important}.ds-u-sm-padding-right--0{padding-right:0!important}.ds-u-sm-padding-bottom--0{padding-bottom:0!important}.ds-u-sm-padding-left--0,.ds-u-sm-padding-x--0{padding-left:0!important}.ds-u-sm-padding-x--0{padding-right:0!important}.ds-u-sm-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-sm-padding--1{padding:8px!important}.ds-u-sm-padding-top--1{padding-top:8px!important}.ds-u-sm-padding-right--1{padding-right:8px!important}.ds-u-sm-padding-bottom--1{padding-bottom:8px!important}.ds-u-sm-padding-left--1,.ds-u-sm-padding-x--1{padding-left:8px!important}.ds-u-sm-padding-x--1{padding-right:8px!important}.ds-u-sm-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-sm-padding--2{padding:16px!important}.ds-u-sm-padding-top--2{padding-top:16px!important}.ds-u-sm-padding-right--2{padding-right:16px!important}.ds-u-sm-padding-bottom--2{padding-bottom:16px!important}.ds-u-sm-padding-left--2,.ds-u-sm-padding-x--2{padding-left:16px!important}.ds-u-sm-padding-x--2{padding-right:16px!important}.ds-u-sm-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-sm-padding--3{padding:24px!important}.ds-u-sm-padding-top--3{padding-top:24px!important}.ds-u-sm-padding-right--3{padding-right:24px!important}.ds-u-sm-padding-bottom--3{padding-bottom:24px!important}.ds-u-sm-padding-left--3,.ds-u-sm-padding-x--3{padding-left:24px!important}.ds-u-sm-padding-x--3{padding-right:24px!important}.ds-u-sm-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-sm-padding--4{padding:32px!important}.ds-u-sm-padding-top--4{padding-top:32px!important}.ds-u-sm-padding-right--4{padding-right:32px!important}.ds-u-sm-padding-bottom--4{padding-bottom:32px!important}.ds-u-sm-padding-left--4,.ds-u-sm-padding-x--4{padding-left:32px!important}.ds-u-sm-padding-x--4{padding-right:32px!important}.ds-u-sm-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-sm-padding--5{padding:40px!important}.ds-u-sm-padding-top--5{padding-top:40px!important}.ds-u-sm-padding-right--5{padding-right:40px!important}.ds-u-sm-padding-bottom--5{padding-bottom:40px!important}.ds-u-sm-padding-left--5,.ds-u-sm-padding-x--5{padding-left:40px!important}.ds-u-sm-padding-x--5{padding-right:40px!important}.ds-u-sm-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-sm-padding--6{padding:48px!important}.ds-u-sm-padding-top--6{padding-top:48px!important}.ds-u-sm-padding-right--6{padding-right:48px!important}.ds-u-sm-padding-bottom--6{padding-bottom:48px!important}.ds-u-sm-padding-left--6,.ds-u-sm-padding-x--6{padding-left:48px!important}.ds-u-sm-padding-x--6{padding-right:48px!important}.ds-u-sm-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-sm-padding--7{padding:56px!important}.ds-u-sm-padding-top--7{padding-top:56px!important}.ds-u-sm-padding-right--7{padding-right:56px!important}.ds-u-sm-padding-bottom--7{padding-bottom:56px!important}.ds-u-sm-padding-left--7,.ds-u-sm-padding-x--7{padding-left:56px!important}.ds-u-sm-padding-x--7{padding-right:56px!important}.ds-u-sm-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:768px){.ds-u-md-padding--0{padding:0!important}.ds-u-md-padding-top--0{padding-top:0!important}.ds-u-md-padding-right--0{padding-right:0!important}.ds-u-md-padding-bottom--0{padding-bottom:0!important}.ds-u-md-padding-left--0,.ds-u-md-padding-x--0{padding-left:0!important}.ds-u-md-padding-x--0{padding-right:0!important}.ds-u-md-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-md-padding--1{padding:8px!important}.ds-u-md-padding-top--1{padding-top:8px!important}.ds-u-md-padding-right--1{padding-right:8px!important}.ds-u-md-padding-bottom--1{padding-bottom:8px!important}.ds-u-md-padding-left--1,.ds-u-md-padding-x--1{padding-left:8px!important}.ds-u-md-padding-x--1{padding-right:8px!important}.ds-u-md-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-md-padding--2{padding:16px!important}.ds-u-md-padding-top--2{padding-top:16px!important}.ds-u-md-padding-right--2{padding-right:16px!important}.ds-u-md-padding-bottom--2{padding-bottom:16px!important}.ds-u-md-padding-left--2,.ds-u-md-padding-x--2{padding-left:16px!important}.ds-u-md-padding-x--2{padding-right:16px!important}.ds-u-md-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-md-padding--3{padding:24px!important}.ds-u-md-padding-top--3{padding-top:24px!important}.ds-u-md-padding-right--3{padding-right:24px!important}.ds-u-md-padding-bottom--3{padding-bottom:24px!important}.ds-u-md-padding-left--3,.ds-u-md-padding-x--3{padding-left:24px!important}.ds-u-md-padding-x--3{padding-right:24px!important}.ds-u-md-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-md-padding--4{padding:32px!important}.ds-u-md-padding-top--4{padding-top:32px!important}.ds-u-md-padding-right--4{padding-right:32px!important}.ds-u-md-padding-bottom--4{padding-bottom:32px!important}.ds-u-md-padding-left--4,.ds-u-md-padding-x--4{padding-left:32px!important}.ds-u-md-padding-x--4{padding-right:32px!important}.ds-u-md-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-md-padding--5{padding:40px!important}.ds-u-md-padding-top--5{padding-top:40px!important}.ds-u-md-padding-right--5{padding-right:40px!important}.ds-u-md-padding-bottom--5{padding-bottom:40px!important}.ds-u-md-padding-left--5,.ds-u-md-padding-x--5{padding-left:40px!important}.ds-u-md-padding-x--5{padding-right:40px!important}.ds-u-md-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-md-padding--6{padding:48px!important}.ds-u-md-padding-top--6{padding-top:48px!important}.ds-u-md-padding-right--6{padding-right:48px!important}.ds-u-md-padding-bottom--6{padding-bottom:48px!important}.ds-u-md-padding-left--6,.ds-u-md-padding-x--6{padding-left:48px!important}.ds-u-md-padding-x--6{padding-right:48px!important}.ds-u-md-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-md-padding--7{padding:56px!important}.ds-u-md-padding-top--7{padding-top:56px!important}.ds-u-md-padding-right--7{padding-right:56px!important}.ds-u-md-padding-bottom--7{padding-bottom:56px!important}.ds-u-md-padding-left--7,.ds-u-md-padding-x--7{padding-left:56px!important}.ds-u-md-padding-x--7{padding-right:56px!important}.ds-u-md-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:1024px){.ds-u-lg-padding--0{padding:0!important}.ds-u-lg-padding-top--0{padding-top:0!important}.ds-u-lg-padding-right--0{padding-right:0!important}.ds-u-lg-padding-bottom--0{padding-bottom:0!important}.ds-u-lg-padding-left--0,.ds-u-lg-padding-x--0{padding-left:0!important}.ds-u-lg-padding-x--0{padding-right:0!important}.ds-u-lg-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-lg-padding--1{padding:8px!important}.ds-u-lg-padding-top--1{padding-top:8px!important}.ds-u-lg-padding-right--1{padding-right:8px!important}.ds-u-lg-padding-bottom--1{padding-bottom:8px!important}.ds-u-lg-padding-left--1,.ds-u-lg-padding-x--1{padding-left:8px!important}.ds-u-lg-padding-x--1{padding-right:8px!important}.ds-u-lg-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-lg-padding--2{padding:16px!important}.ds-u-lg-padding-top--2{padding-top:16px!important}.ds-u-lg-padding-right--2{padding-right:16px!important}.ds-u-lg-padding-bottom--2{padding-bottom:16px!important}.ds-u-lg-padding-left--2,.ds-u-lg-padding-x--2{padding-left:16px!important}.ds-u-lg-padding-x--2{padding-right:16px!important}.ds-u-lg-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-lg-padding--3{padding:24px!important}.ds-u-lg-padding-top--3{padding-top:24px!important}.ds-u-lg-padding-right--3{padding-right:24px!important}.ds-u-lg-padding-bottom--3{padding-bottom:24px!important}.ds-u-lg-padding-left--3,.ds-u-lg-padding-x--3{padding-left:24px!important}.ds-u-lg-padding-x--3{padding-right:24px!important}.ds-u-lg-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-lg-padding--4{padding:32px!important}.ds-u-lg-padding-top--4{padding-top:32px!important}.ds-u-lg-padding-right--4{padding-right:32px!important}.ds-u-lg-padding-bottom--4{padding-bottom:32px!important}.ds-u-lg-padding-left--4,.ds-u-lg-padding-x--4{padding-left:32px!important}.ds-u-lg-padding-x--4{padding-right:32px!important}.ds-u-lg-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-lg-padding--5{padding:40px!important}.ds-u-lg-padding-top--5{padding-top:40px!important}.ds-u-lg-padding-right--5{padding-right:40px!important}.ds-u-lg-padding-bottom--5{padding-bottom:40px!important}.ds-u-lg-padding-left--5,.ds-u-lg-padding-x--5{padding-left:40px!important}.ds-u-lg-padding-x--5{padding-right:40px!important}.ds-u-lg-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-lg-padding--6{padding:48px!important}.ds-u-lg-padding-top--6{padding-top:48px!important}.ds-u-lg-padding-right--6{padding-right:48px!important}.ds-u-lg-padding-bottom--6{padding-bottom:48px!important}.ds-u-lg-padding-left--6,.ds-u-lg-padding-x--6{padding-left:48px!important}.ds-u-lg-padding-x--6{padding-right:48px!important}.ds-u-lg-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-lg-padding--7{padding:56px!important}.ds-u-lg-padding-top--7{padding-top:56px!important}.ds-u-lg-padding-right--7{padding-right:56px!important}.ds-u-lg-padding-bottom--7{padding-bottom:56px!important}.ds-u-lg-padding-left--7,.ds-u-lg-padding-x--7{padding-left:56px!important}.ds-u-lg-padding-x--7{padding-right:56px!important}.ds-u-lg-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}@media (min-width:1280px){.ds-u-xl-padding--0{padding:0!important}.ds-u-xl-padding-top--0{padding-top:0!important}.ds-u-xl-padding-right--0{padding-right:0!important}.ds-u-xl-padding-bottom--0{padding-bottom:0!important}.ds-u-xl-padding-left--0,.ds-u-xl-padding-x--0{padding-left:0!important}.ds-u-xl-padding-x--0{padding-right:0!important}.ds-u-xl-padding-y--0{padding-bottom:0!important;padding-top:0!important}.ds-u-xl-padding--1{padding:8px!important}.ds-u-xl-padding-top--1{padding-top:8px!important}.ds-u-xl-padding-right--1{padding-right:8px!important}.ds-u-xl-padding-bottom--1{padding-bottom:8px!important}.ds-u-xl-padding-left--1,.ds-u-xl-padding-x--1{padding-left:8px!important}.ds-u-xl-padding-x--1{padding-right:8px!important}.ds-u-xl-padding-y--1{padding-bottom:8px!important;padding-top:8px!important}.ds-u-xl-padding--2{padding:16px!important}.ds-u-xl-padding-top--2{padding-top:16px!important}.ds-u-xl-padding-right--2{padding-right:16px!important}.ds-u-xl-padding-bottom--2{padding-bottom:16px!important}.ds-u-xl-padding-left--2,.ds-u-xl-padding-x--2{padding-left:16px!important}.ds-u-xl-padding-x--2{padding-right:16px!important}.ds-u-xl-padding-y--2{padding-bottom:16px!important;padding-top:16px!important}.ds-u-xl-padding--3{padding:24px!important}.ds-u-xl-padding-top--3{padding-top:24px!important}.ds-u-xl-padding-right--3{padding-right:24px!important}.ds-u-xl-padding-bottom--3{padding-bottom:24px!important}.ds-u-xl-padding-left--3,.ds-u-xl-padding-x--3{padding-left:24px!important}.ds-u-xl-padding-x--3{padding-right:24px!important}.ds-u-xl-padding-y--3{padding-bottom:24px!important;padding-top:24px!important}.ds-u-xl-padding--4{padding:32px!important}.ds-u-xl-padding-top--4{padding-top:32px!important}.ds-u-xl-padding-right--4{padding-right:32px!important}.ds-u-xl-padding-bottom--4{padding-bottom:32px!important}.ds-u-xl-padding-left--4,.ds-u-xl-padding-x--4{padding-left:32px!important}.ds-u-xl-padding-x--4{padding-right:32px!important}.ds-u-xl-padding-y--4{padding-bottom:32px!important;padding-top:32px!important}.ds-u-xl-padding--5{padding:40px!important}.ds-u-xl-padding-top--5{padding-top:40px!important}.ds-u-xl-padding-right--5{padding-right:40px!important}.ds-u-xl-padding-bottom--5{padding-bottom:40px!important}.ds-u-xl-padding-left--5,.ds-u-xl-padding-x--5{padding-left:40px!important}.ds-u-xl-padding-x--5{padding-right:40px!important}.ds-u-xl-padding-y--5{padding-bottom:40px!important;padding-top:40px!important}.ds-u-xl-padding--6{padding:48px!important}.ds-u-xl-padding-top--6{padding-top:48px!important}.ds-u-xl-padding-right--6{padding-right:48px!important}.ds-u-xl-padding-bottom--6{padding-bottom:48px!important}.ds-u-xl-padding-left--6,.ds-u-xl-padding-x--6{padding-left:48px!important}.ds-u-xl-padding-x--6{padding-right:48px!important}.ds-u-xl-padding-y--6{padding-bottom:48px!important;padding-top:48px!important}.ds-u-xl-padding--7{padding:56px!important}.ds-u-xl-padding-top--7{padding-top:56px!important}.ds-u-xl-padding-right--7{padding-right:56px!important}.ds-u-xl-padding-bottom--7{padding-bottom:56px!important}.ds-u-xl-padding-left--7,.ds-u-xl-padding-x--7{padding-left:56px!important}.ds-u-xl-padding-x--7{padding-right:56px!important}.ds-u-xl-padding-y--7{padding-bottom:56px!important;padding-top:56px!important}}.ds-u-text-align--center{text-align:center!important}.ds-u-text-align--left{text-align:left!important}.ds-u-text-align--right{text-align:right!important}@media (min-width:544px){.ds-u-sm-text-align--center{text-align:center!important}.ds-u-sm-text-align--left{text-align:left!important}.ds-u-sm-text-align--right{text-align:right!important}}@media (min-width:768px){.ds-u-md-text-align--center{text-align:center!important}.ds-u-md-text-align--left{text-align:left!important}.ds-u-md-text-align--right{text-align:right!important}}@media (min-width:1024px){.ds-u-lg-text-align--center{text-align:center!important}.ds-u-lg-text-align--left{text-align:left!important}.ds-u-lg-text-align--right{text-align:right!important}}@media (min-width:1280px){.ds-u-xl-text-align--center{text-align:center!important}.ds-u-xl-text-align--left{text-align:left!important}.ds-u-xl-text-align--right{text-align:right!important}}.ds-u-text-decoration--underline{text-decoration:underline!important}.ds-u-text-decoration--none{text-decoration:none!important}.ds-u-text-transform--uppercase{text-transform:uppercase!important}.ds-u-text-transform--lowercase{text-transform:lowercase!important}.ds-u-text-transform--capitalize{text-transform:capitalize!important}.ds-u-truncate{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ds-u-valign--top{vertical-align:top!important}.ds-u-valign--middle{vertical-align:middle!important}.ds-u-valign--bottom{vertical-align:bottom!important} \ No newline at end of file diff --git a/packages/core/dist/fonts/Bitter-Bold.eot b/packages/core/fonts/Bitter-Bold.eot similarity index 100% rename from packages/core/dist/fonts/Bitter-Bold.eot rename to packages/core/fonts/Bitter-Bold.eot diff --git a/packages/core/dist/fonts/Bitter-Bold.ttf b/packages/core/fonts/Bitter-Bold.ttf similarity index 100% rename from packages/core/dist/fonts/Bitter-Bold.ttf rename to packages/core/fonts/Bitter-Bold.ttf diff --git a/packages/core/dist/fonts/Bitter-Bold.woff b/packages/core/fonts/Bitter-Bold.woff similarity index 100% rename from packages/core/dist/fonts/Bitter-Bold.woff rename to packages/core/fonts/Bitter-Bold.woff diff --git a/packages/core/dist/fonts/Bitter-Bold.woff2 b/packages/core/fonts/Bitter-Bold.woff2 similarity index 100% rename from packages/core/dist/fonts/Bitter-Bold.woff2 rename to packages/core/fonts/Bitter-Bold.woff2 diff --git a/packages/core/dist/fonts/Bitter-Italic.eot b/packages/core/fonts/Bitter-Italic.eot similarity index 100% rename from packages/core/dist/fonts/Bitter-Italic.eot rename to packages/core/fonts/Bitter-Italic.eot diff --git a/packages/core/dist/fonts/Bitter-Italic.ttf b/packages/core/fonts/Bitter-Italic.ttf similarity index 100% rename from packages/core/dist/fonts/Bitter-Italic.ttf rename to packages/core/fonts/Bitter-Italic.ttf diff --git a/packages/core/dist/fonts/Bitter-Italic.woff b/packages/core/fonts/Bitter-Italic.woff similarity index 100% rename from packages/core/dist/fonts/Bitter-Italic.woff rename to packages/core/fonts/Bitter-Italic.woff diff --git a/packages/core/dist/fonts/Bitter-Italic.woff2 b/packages/core/fonts/Bitter-Italic.woff2 similarity index 100% rename from packages/core/dist/fonts/Bitter-Italic.woff2 rename to packages/core/fonts/Bitter-Italic.woff2 diff --git a/packages/core/dist/fonts/Bitter-Regular.eot b/packages/core/fonts/Bitter-Regular.eot similarity index 100% rename from packages/core/dist/fonts/Bitter-Regular.eot rename to packages/core/fonts/Bitter-Regular.eot diff --git a/packages/core/dist/fonts/Bitter-Regular.ttf b/packages/core/fonts/Bitter-Regular.ttf similarity index 100% rename from packages/core/dist/fonts/Bitter-Regular.ttf rename to packages/core/fonts/Bitter-Regular.ttf diff --git a/packages/core/dist/fonts/Bitter-Regular.woff b/packages/core/fonts/Bitter-Regular.woff similarity index 100% rename from packages/core/dist/fonts/Bitter-Regular.woff rename to packages/core/fonts/Bitter-Regular.woff diff --git a/packages/core/dist/fonts/Bitter-Regular.woff2 b/packages/core/fonts/Bitter-Regular.woff2 similarity index 100% rename from packages/core/dist/fonts/Bitter-Regular.woff2 rename to packages/core/fonts/Bitter-Regular.woff2 diff --git a/packages/core/dist/fonts/OpenSans-Bold-webfont.eot b/packages/core/fonts/OpenSans-Bold-webfont.eot similarity index 100% rename from packages/core/dist/fonts/OpenSans-Bold-webfont.eot rename to packages/core/fonts/OpenSans-Bold-webfont.eot diff --git a/packages/core/dist/fonts/OpenSans-Bold-webfont.ttf b/packages/core/fonts/OpenSans-Bold-webfont.ttf similarity index 100% rename from packages/core/dist/fonts/OpenSans-Bold-webfont.ttf rename to packages/core/fonts/OpenSans-Bold-webfont.ttf diff --git a/packages/core/dist/fonts/OpenSans-Bold-webfont.woff b/packages/core/fonts/OpenSans-Bold-webfont.woff similarity index 100% rename from packages/core/dist/fonts/OpenSans-Bold-webfont.woff rename to packages/core/fonts/OpenSans-Bold-webfont.woff diff --git a/packages/core/dist/fonts/OpenSans-Bold-webfont.woff2 b/packages/core/fonts/OpenSans-Bold-webfont.woff2 similarity index 100% rename from packages/core/dist/fonts/OpenSans-Bold-webfont.woff2 rename to packages/core/fonts/OpenSans-Bold-webfont.woff2 diff --git a/packages/core/dist/fonts/OpenSans-Italic-webfont.eot b/packages/core/fonts/OpenSans-Italic-webfont.eot similarity index 100% rename from packages/core/dist/fonts/OpenSans-Italic-webfont.eot rename to packages/core/fonts/OpenSans-Italic-webfont.eot diff --git a/packages/core/dist/fonts/OpenSans-Italic-webfont.ttf b/packages/core/fonts/OpenSans-Italic-webfont.ttf similarity index 100% rename from packages/core/dist/fonts/OpenSans-Italic-webfont.ttf rename to packages/core/fonts/OpenSans-Italic-webfont.ttf diff --git a/packages/core/dist/fonts/OpenSans-Italic-webfont.woff b/packages/core/fonts/OpenSans-Italic-webfont.woff similarity index 100% rename from packages/core/dist/fonts/OpenSans-Italic-webfont.woff rename to packages/core/fonts/OpenSans-Italic-webfont.woff diff --git a/packages/core/dist/fonts/OpenSans-Italic-webfont.woff2 b/packages/core/fonts/OpenSans-Italic-webfont.woff2 similarity index 100% rename from packages/core/dist/fonts/OpenSans-Italic-webfont.woff2 rename to packages/core/fonts/OpenSans-Italic-webfont.woff2 diff --git a/packages/core/dist/fonts/OpenSans-Regular-webfont.eot b/packages/core/fonts/OpenSans-Regular-webfont.eot similarity index 100% rename from packages/core/dist/fonts/OpenSans-Regular-webfont.eot rename to packages/core/fonts/OpenSans-Regular-webfont.eot diff --git a/packages/core/dist/fonts/OpenSans-Regular-webfont.ttf b/packages/core/fonts/OpenSans-Regular-webfont.ttf similarity index 100% rename from packages/core/dist/fonts/OpenSans-Regular-webfont.ttf rename to packages/core/fonts/OpenSans-Regular-webfont.ttf diff --git a/packages/core/dist/fonts/OpenSans-Regular-webfont.woff b/packages/core/fonts/OpenSans-Regular-webfont.woff similarity index 100% rename from packages/core/dist/fonts/OpenSans-Regular-webfont.woff rename to packages/core/fonts/OpenSans-Regular-webfont.woff diff --git a/packages/core/dist/fonts/OpenSans-Regular-webfont.woff2 b/packages/core/fonts/OpenSans-Regular-webfont.woff2 similarity index 100% rename from packages/core/dist/fonts/OpenSans-Regular-webfont.woff2 rename to packages/core/fonts/OpenSans-Regular-webfont.woff2 diff --git a/packages/core/dist/fonts/OpenSans-Semibold-webfont.eot b/packages/core/fonts/OpenSans-Semibold-webfont.eot similarity index 100% rename from packages/core/dist/fonts/OpenSans-Semibold-webfont.eot rename to packages/core/fonts/OpenSans-Semibold-webfont.eot diff --git a/packages/core/dist/fonts/OpenSans-Semibold-webfont.ttf b/packages/core/fonts/OpenSans-Semibold-webfont.ttf similarity index 100% rename from packages/core/dist/fonts/OpenSans-Semibold-webfont.ttf rename to packages/core/fonts/OpenSans-Semibold-webfont.ttf diff --git a/packages/core/dist/fonts/OpenSans-Semibold-webfont.woff b/packages/core/fonts/OpenSans-Semibold-webfont.woff similarity index 100% rename from packages/core/dist/fonts/OpenSans-Semibold-webfont.woff rename to packages/core/fonts/OpenSans-Semibold-webfont.woff diff --git a/packages/core/dist/fonts/OpenSans-Semibold-webfont.woff2 b/packages/core/fonts/OpenSans-Semibold-webfont.woff2 similarity index 100% rename from packages/core/dist/fonts/OpenSans-Semibold-webfont.woff2 rename to packages/core/fonts/OpenSans-Semibold-webfont.woff2 diff --git a/packages/core/src/images/arrow-down.png b/packages/core/images/arrow-down.png similarity index 100% rename from packages/core/src/images/arrow-down.png rename to packages/core/images/arrow-down.png diff --git a/packages/core/src/images/arrow-down.svg b/packages/core/images/arrow-down.svg similarity index 100% rename from packages/core/src/images/arrow-down.svg rename to packages/core/images/arrow-down.svg diff --git a/packages/core/src/images/arrow-up.png b/packages/core/images/arrow-up.png similarity index 100% rename from packages/core/src/images/arrow-up.png rename to packages/core/images/arrow-up.png diff --git a/packages/core/src/images/arrow-up.svg b/packages/core/images/arrow-up.svg similarity index 100% rename from packages/core/src/images/arrow-up.svg rename to packages/core/images/arrow-up.svg diff --git a/packages/core/src/images/checkmark-white.png b/packages/core/images/checkmark-white.png similarity index 100% rename from packages/core/src/images/checkmark-white.png rename to packages/core/images/checkmark-white.png diff --git a/packages/core/src/images/checkmark-white.svg b/packages/core/images/checkmark-white.svg similarity index 100% rename from packages/core/src/images/checkmark-white.svg rename to packages/core/images/checkmark-white.svg diff --git a/packages/core/src/images/error.png b/packages/core/images/error.png similarity index 100% rename from packages/core/src/images/error.png rename to packages/core/images/error.png diff --git a/packages/core/src/images/error.svg b/packages/core/images/error.svg similarity index 100% rename from packages/core/src/images/error.svg rename to packages/core/images/error.svg diff --git a/packages/core/src/images/info.png b/packages/core/images/info.png similarity index 100% rename from packages/core/src/images/info.png rename to packages/core/images/info.png diff --git a/packages/core/src/images/info.svg b/packages/core/images/info.svg similarity index 100% rename from packages/core/src/images/info.svg rename to packages/core/images/info.svg diff --git a/packages/core/src/images/success.png b/packages/core/images/success.png similarity index 100% rename from packages/core/src/images/success.png rename to packages/core/images/success.png diff --git a/packages/core/src/images/success.svg b/packages/core/images/success.svg similarity index 100% rename from packages/core/src/images/success.svg rename to packages/core/images/success.svg diff --git a/packages/core/src/images/warning.png b/packages/core/images/warning.png similarity index 100% rename from packages/core/src/images/warning.png rename to packages/core/images/warning.png diff --git a/packages/core/src/images/warning.svg b/packages/core/images/warning.svg similarity index 100% rename from packages/core/src/images/warning.svg rename to packages/core/images/warning.svg diff --git a/packages/core/package.json b/packages/core/package.json index a87970da03..5973bc7da0 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@cmsgov/design-system-core", - "version": "1.0.0-rc.2", + "version": "1.0.0", "publishConfig": { "access": "public" }, @@ -9,7 +9,7 @@ "license": "SEE LICENSE IN LICENSE.md", "main": "dist/index.js", "dependencies": { - "@cmsgov/design-system-support": "^1.0.0-rc.2", + "@cmsgov/design-system-support": "^1.0.0", "classnames": "^2.2.5", "lodash.uniqueid": "^4.0.1", "prop-types": "^15.5.10", diff --git a/packages/core/src/base/body.scss b/packages/core/src/base/body.scss index e00969545d..68f48c7de8 100644 --- a/packages/core/src/base/body.scss +++ b/packages/core/src/base/body.scss @@ -4,7 +4,7 @@ /* Base -A base layer of styling can be applied to an area of your site by adding the `ds-base` class. If you're implementing the design system on a new site, you would likely want to apply this class to the `` element. On existing sites this might not be feasible and introduce unintended side effects. In which case, you could apply the `ds-base` class to an element which scopes the styling to its descendants. +A base layer of styling can be applied to an area of your site by adding the `ds-base` class. If you're implementing the design system on a new site, you'd likely want to apply this class to the `` element. On existing sites this might not be desirable. In which case, you could apply the `ds-base` class to an element which scopes the styling to itself and its children. Specifically, the base styling sets the following properties: @@ -22,18 +22,20 @@ Markup: Style guide: style.base */ -.ds-base { - color: $color-base; +%ds-base { font-family: $font-sans; font-size: $base-font-size; line-height: $base-line-height; } +.ds-base { + @extend %ds-base; + color: $color-base; +} + .ds-base--inverse { + @extend %ds-base; background-color: $color-background-inverse; color: $color-base-inverse; - font-family: $font-sans; - font-size: $base-font-size; - line-height: $base-line-height; } /* stylelint-enable */ diff --git a/packages/core/src/base/typography.scss b/packages/core/src/base/typography.scss index 3e5606d65f..27152a8e77 100644 --- a/packages/core/src/base/typography.scss +++ b/packages/core/src/base/typography.scss @@ -4,40 +4,76 @@ /* Typography -The design system does not style base HTML text elements (like `h1`, `h2`, `p`, etc) and you should instead use one of the base class names to apply type styling. The base typography classes are: +The design system doesn't style base HTML typography elements (like `h1`, `h2`, `p`, etc) in order to avoid conflicting with any existing site styles. You should instead use one of the base typography classes below to apply styling: - `ds-display` - `ds-title` -- `ds-h[LEVEL]` -- `ds-text--[modifier]` +- `ds-h{level}` where `level` is a number between `1` and `6` +- `ds-text` and `ds-text--lead` -See the examples below to see how each of these can be used. - -Utility classes can also be used to change type features like [font size]({{root}}/utilities/font-size), [color]({{root}}/utilities/color), [weight]({{root}}/utilities/font-weight), and [style]({{root}}/utilities/font-style). +Note: The only base HTML element the design system applies styling to is the `` element. To prevent this, you can override the `$ds-include-base-html-rulesets` Sass variable and set it to `false`. Markup: -

    Lead paragraph. {{lorem-l}}

    -

    Body paragraph. {{ lorem-l }}

    Display

    -

    {{ lorem-m }}

    +

    + {{ lorem-l }} +

    Title

    -

    {{ lorem-m }}

    +

    + {{ lorem-l }} +

    Heading 1

    -

    {{ lorem-m }}

    +

    + {{ lorem-l }} +

    Heading 2

    -

    {{ lorem-m }}

    +

    + {{ lorem-l }} +

    Heading 3

    -

    {{ lorem-m }}

    +

    + {{ lorem-l }} +

    Heading 4

    -

    {{ lorem-m }}

    +

    + {{ lorem-l }} +

    Heading 5

    -

    {{ lorem-m }}

    +

    + {{ lorem-l }} +

    Heading 6

    -

    {{ lorem-m }}

    +

    + Lead text. {{lorem-l}} +

    +

    + Body text. {{ lorem-l }} +

    Style guide: style.typography */ +@if $ds-include-base-html-rulesets { + //
    is the only base HTML element in the design system that + // has a style declaration. In all other cases, styles are applied using a + // namespaced class name. This selector isn't scoped under .ds-base, since that + // would cause the selector's specificity to be higher than most other component + // selectors (i.e. ds-c-button), necessitating overly specific selectors anytime + // a developer wanted to change an anchor's color property. + a { + color: $color-primary; + + &:hover, + &:focus { + color: $color-primary-darker; + } + + &:active { + color: $color-primary-darkest; + } + } +} + // Titles and headings .ds-display, .ds-title, @@ -80,12 +116,24 @@ Style guide: style.typography } .ds-display { - font-size: $display-font-size; + font-size: $h1-font-size; + + @media (min-width: $width-sm) { + font-size: $title-font-size; + } + + @media (min-width: $width-md) { + font-size: $display-font-size; + } } .ds-title { - font-size: $title-font-size; + font-size: $h1-font-size; font-weight: $font-normal; + + @media (min-width: $width-md) { + font-size: $title-font-size; + } } .ds-h1 { @@ -146,21 +194,22 @@ Style guide: style.typography } /* -Responsive +Responsive typography -Responsive typography can be accomplished by using the [responsive prefixed font size utility class](/utilites/font-size#responsive). Since the base typography margins and line height is measured in `em` units, they'll automatically adjust as you change the font size. - -You likely don't need to do this for type that is already small, like `ds-text`, `ds-h6`, and `ds-h5` +The `ds-display` and `ds-title` classes are responsive by default. To apply responsive typography elsewhere, use the [font size utility class](/utilites/font-size#responsive). Since the base typography margins and line height is measured in `em` units, they'll automatically adjust as you change the font size. _Resize your browser to see each breakpoint in action:_ Markup: -

    - Responsive heading -

    -

    - {{ lorem-l }} -

    +
    +

    Responsive heading

    +

    + Responsive body text. + {{ lorem-l }} +

    +

    Responsive subheading

    +

    {{ lorem-l }}

    +
    Style guide: style.typography.responsive */ diff --git a/packages/core/src/components/Alert/Alert.scss b/packages/core/src/components/Alert/Alert.scss index 082cd8154a..192d6f5327 100644 --- a/packages/core/src/components/Alert/Alert.scss +++ b/packages/core/src/components/Alert/Alert.scss @@ -3,8 +3,6 @@ /* Alert -@status recommended - @uswds https://standards.usa.gov/components/alerts Alerts keep users informed of important and sometimes time-sensitive changes. @@ -17,7 +15,7 @@ Markup:

    Status heading

    -

    Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

    +

    Lorem ipsum dolor sit link text, consectetur adipiscing elit, sed do eiusmod.

    @@ -97,30 +95,30 @@ $alert-icon-size: $spacer-5; } /* ---- +Additional examples -### Other patterns +Alerts support various types and lengths of content, including lists and links. You can use the [measure utility]({{root}}/utilities/measure) to maintain a legible line length. Markup:
    -
    -

    {{lorem-l}}

    +
    +

    {{lorem-s}}

    -
    -

    {{lorem-s}}

    +
    +

    {{lorem-l}}

    -
    +

    Status heading

    {{lorem-m}}

    • Alert list item
    • Alert list item
    - Link text + Link text
    @@ -128,23 +126,7 @@ Style guide: components.alert.variations */ /* ---- - -Markup: -
    -
    -
    -

    Status heading

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

    -
    -
    -
    - -Style guide: components.alert.inverse -*/ - -/* -React +`` @react-component Alert @@ -179,8 +161,11 @@ Style guide: components.alert.react ## Accessibility -- Use the ARIA `role="alert"` to inform assistive technologies of a time-sensitive and important message that is not interactive. If the message is interactive, use the `alertdialog` role instead. +- Use the ARIA `role="alert"` to inform assistive technologies of a time-sensitive and important message that is not interactive. If the message is interactive, use the `role="alertdialog"` instead. +- Consider putting the alert inside a div with `aria-live="polite"` and `aria-relevant="additions removals"`. These ARIA attributes ensure screen readers will announce alerts that have been added or updated dynamically. - Do not visually hide alert messages on the page and then make them visible when they are needed. Users of older assistive technologies may still be able to perceive the alert messages even if they are not currently applicable. +- Alerts should give users adequate time to review and comprehend the provided information. Avoid hiding alerts using a timer. +- Include a mechanism like a button to dismiss alerts where appropriate. ## Learn more diff --git a/packages/core/src/components/Button/Button.example.jsx b/packages/core/src/components/Button/Button.example.jsx index c7fdcbc445..a3c6dd82f8 100644 --- a/packages/core/src/components/Button/Button.example.jsx +++ b/packages/core/src/components/Button/Button.example.jsx @@ -5,15 +5,14 @@ import React from 'react'; export default function() { return (
    - +
    ); diff --git a/packages/core/src/components/Button/Button.jsx b/packages/core/src/components/Button/Button.jsx index 213abeaa63..1461b1904b 100644 --- a/packages/core/src/components/Button/Button.jsx +++ b/packages/core/src/components/Button/Button.jsx @@ -32,7 +32,7 @@ export class Button extends React.PureComponent { ...props } = this.props; - let attrs = { + const attrs = { className: this.classNames(), ...props }; diff --git a/packages/core/src/components/Button/Button.scss b/packages/core/src/components/Button/Button.scss index a22711292d..64d34f8086 100644 --- a/packages/core/src/components/Button/Button.scss +++ b/packages/core/src/components/Button/Button.scss @@ -3,8 +3,6 @@ /* Button -@status recommended - @uswds https://standards.usa.gov/components/buttons Use buttons to signal actions. @@ -15,7 +13,7 @@ Use buttons to signal actions. .ds-c-button--success - Indicates a positive or successful action Markup: -Link +Link @@ -130,7 +128,8 @@ Style guide: components.button ### Disabled button Markup: - +Link + Style guide: components.button.disabled @@ -163,7 +162,7 @@ Markup: - +
    Style guide: components.button.inverse @@ -251,7 +250,7 @@ Style guide: components.button.inline-field */ /* -React +` - ); + return [item].concat(this.props.items); } + + return this.props.items; } renderSubnav() { @@ -95,7 +109,7 @@ export class VerticalNavItem extends React.PureComponent { selectedId={this.props._selectedId} collapsed={this.state.collapsed} id={this.subnavId} - items={this.props.items} + items={this.subnavItems()} nested /> ); @@ -104,25 +118,20 @@ export class VerticalNavItem extends React.PureComponent { render() { const classes = classNames('ds-c-vertical-nav__item', this.props.className); - const LinkComponent = this.props.url ? 'a' : 'div'; - const linkProps = { - className: classNames( - 'ds-c-vertical-nav__link', - { - 'ds-c-vertical-nav__link--current': this.isSelected(), - 'ds-c-vertical-nav__link--parent': this.hasSubnav() - } - ), - href: this.props.url ? this.props.url : undefined, - onClick: this.props.onClick ? this.handleLinkClick : undefined - }; return (
  • - - {this.props.label} - - {this.renderSubnavToggle()} + {this.renderSubnav()}
  • ); @@ -130,6 +139,9 @@ export class VerticalNavItem extends React.PureComponent { } VerticalNavItem.defaultProps = { + // Unfortunately, we're defining these default ARIA pros here and in + // VerticalNavItemLabel. We define them here so they show in the docs. + // TODO(sawyer): Update react-docgen so we don't have to do this ariaCollapsedStateButtonLabel: 'Expand sub-navigation', ariaExpandedStateButtonLabel: 'Collapse sub-navigation', defaultCollapsed: false @@ -155,7 +167,7 @@ VerticalNavItem.propTypes = { */ defaultCollapsed: PropTypes.bool, /** - * Called when the item is clicked, with the following arguments: + * Called when the link is clicked, with the following arguments: * [`SyntheticEvent`](https://facebook.github.io/react/docs/events.html), * `id`, `url`. * diff --git a/packages/core/src/components/VerticalNav/VerticalNavItem.test.jsx b/packages/core/src/components/VerticalNav/VerticalNavItem.test.jsx index 1004bee4e4..77f9db431b 100644 --- a/packages/core/src/components/VerticalNav/VerticalNavItem.test.jsx +++ b/packages/core/src/components/VerticalNav/VerticalNavItem.test.jsx @@ -20,42 +20,14 @@ describe('VerticalNavItem', () => { expect(wrapper.is('li')).toBe(true); expect(wrapper.hasClass('ds-c-vertical-nav__item')).toBe(true); - expect(wrapper.text()).toBe(data.props.label); }); - it('is not a link', () => { + it('renders VerticalNavItemLabel', () => { const data = shallowRender(); - const wrapper = data.wrapper; - const link = wrapper.find('.ds-c-vertical-nav__link').first(); - - expect(link.is('div')).toBe(true); - expect(link.prop('href')).toBeUndefined(); - expect(link.hasClass('ds-c-vertical-nav__link--current')).toBe(false); - }); - - it('is a link', () => { - const data = shallowRender({ url: '/bar' }); - const wrapper = data.wrapper; - const link = wrapper.find('.ds-c-vertical-nav__link').first(); - - expect(link.is('a')).toBe(true); - expect(link.prop('href')).toBe(data.props.url); - }); - - it('accepts a node as a label', () => { - const wrapper = shallowRender({ - label: Foo - }).wrapper; - - const link = wrapper.find('.ds-c-vertical-nav__link').first(); - expect(link.html()).toMatch(//); - }); - - it('is selected', () => { - const data = shallowRender({ selected: true }); - const link = data.wrapper.find('.ds-c-vertical-nav__link').first(); + const label = data.wrapper.find('VerticalNavItemLabel').first(); - expect(link.hasClass('ds-c-vertical-nav__link--current')).toBe(true); + expect(label.prop('collapsed')).toBe(data.wrapper.state('collapsed')); + expect(label.prop('label')).toBe(data.props.label); }); it('has additional class names', () => { @@ -65,26 +37,13 @@ describe('VerticalNavItem', () => { expect(data.wrapper.hasClass('bar')).toBe(true); }); - it('calls onClick', () => { - const data = shallowRender({ - id: 'bar', - onClick: jest.fn(), - url: '/bar' - }); - const link = data.wrapper.find('.ds-c-vertical-nav__link').first(); - - link.simulate('click'); - expect(data.props.onClick.mock.calls.length).toBe(1); - expect(data.props.onClick.mock.calls[0][1]).toBe(data.props.id); - expect(data.props.onClick.mock.calls[0][2]).toBe(data.props.url); - }); - it('calls onSubnavToggle', () => { const data = shallowRender({ id: 'bar', onSubnavToggle: jest.fn() }); + // Collapsed state changes, triggering the event! data.wrapper.setState({ collapsed: true }); expect(data.props.onSubnavToggle.mock.calls.length) @@ -95,7 +54,45 @@ describe('VerticalNavItem', () => { .toBe(true); // collapsed }); - describe('with nested menu', () => { + describe('without subnav', () => { + it('is not selected', () => { + const data = shallowRender(); + + expect(data.wrapper.find('VerticalNavItemLabel').prop('selected')) + .toBe(false); + }); + + it('is selected', () => { + const data = shallowRender({ selected: true }); + + expect(data.wrapper.find('VerticalNavItemLabel').prop('selected')) + .toBe(true); + }); + + it('has no subnav', () => { + const data = shallowRender(); + const label = data.wrapper.find('VerticalNavItemLabel').first(); + + expect(label.prop('hasSubnav')).toBe(false); + expect(data.wrapper.find('VerticalNav').length).toBe(0); + }); + + it('calls onClick', () => { + const data = shallowRender({ + id: 'bar', + onClick: jest.fn(), + url: '/bar' + }); + + data.wrapper.find('VerticalNavItemLabel').first().simulate('click'); + + expect(data.props.onClick.mock.calls.length).toBe(1); + expect(data.props.onClick.mock.calls[0][1]).toBe(data.props.id); + expect(data.props.onClick.mock.calls[0][2]).toBe(data.props.url); + }); + }); + + describe('with subnav', () => { let props; beforeEach(() => { @@ -111,27 +108,35 @@ describe('VerticalNavItem', () => { }; }); - it('renders subnavs', () => { + it('has subnav', () => { const data = shallowRender(props); + const label = data.wrapper.find('VerticalNavItemLabel').first(); + const subnav = data.wrapper.find('VerticalNav').first(); + + expect(label.prop('hasSubnav')).toBe(true); + expect(data.wrapper.render().find('ul').length).toBe(2); + expect(subnav.prop('collapsed')).toBe(false); + expect(subnav.prop('id')).not.toBeUndefined(); + expect(subnav.prop('nested')).toBe(true); + }); - expect(data.wrapper.render().find('ul').length) - .toBe(2); - expect(data.wrapper.find('VerticalNav').first().prop('collapsed')) + it('is not selected', () => { + const data = shallowRender(props); + + expect(data.wrapper.find('VerticalNavItemLabel').prop('selected')) .toBe(false); - expect(data.wrapper.find('VerticalNav').first().prop('id')) - .not.toBeUndefined(); }); - it('renders toggle button', () => { + it('is selected', () => { + props._selectedId = 'selected-child'; + props.items[0].id = 'selected-child'; const data = shallowRender(props); - const button = data.wrapper.find('.ds-c-vertical-nav__subnav-toggle'); - const subnavId = data.wrapper.find('VerticalNav').prop('id'); - expect(button.prop('aria-controls')).toBe(subnavId); - expect(button.prop('aria-expanded')).toBe(true); + expect(data.wrapper.find('VerticalNavItemLabel').prop('selected')) + .toBe(true); }); - it('is collapsed', () => { + it('has collapsed subnav', () => { props.defaultCollapsed = true; const data = shallowRender(props); @@ -140,25 +145,61 @@ describe('VerticalNavItem', () => { }); it('toggles collapsed state', () => { - props.ariaExpandedStateButtonLabel = 'Collapse me'; - props.ariaCollapsedStateButtonLabel = 'Expand me'; + props.onClick = jest.fn(); const data = shallowRender(props); - let button = data.wrapper.find('.ds-c-vertical-nav__subnav-toggle'); + const label = data.wrapper.find('VerticalNavItemLabel').first(); expect(data.wrapper.find('VerticalNav').first().prop('collapsed')) .toBe(false); - expect(button.text()) - .toBe(data.props.ariaExpandedStateButtonLabel); - button.simulate('click'); - // Get updated render... + label.simulate('click'); data.wrapper.update(); - button = data.wrapper.find('.ds-c-vertical-nav__subnav-toggle'); expect(data.wrapper.find('VerticalNav').first().prop('collapsed')) .toBe(true); - expect(button.text()) - .toBe(data.props.ariaCollapsedStateButtonLabel); + }); + + it('does not add top-level link to top of subnav', () => { + const data = shallowRender(props); + const subnav = data.wrapper.find('VerticalNav').first().shallow(); + const firstSubnavItem = subnav.find('VerticalNavItem').first(); + + expect(firstSubnavItem.prop('label')).toBe(data.props.items[0].label); + }); + + describe('with url', () => { + beforeEach(() => { + props.url = '/foo'; + }); + + it('adds top-level link to top of subnav', () => { + props.id = 'foo'; + const data = shallowRender(props); + const subnav = data.wrapper.find('VerticalNav').first().shallow(); + const firstSubnavItem = subnav.find('VerticalNavItem').first(); + + expect(firstSubnavItem.prop('id')) + .toBe(data.props.id); + expect(firstSubnavItem.prop('items')) + .toBeUndefined(); + expect(firstSubnavItem.prop('label')) + .toBe(data.props.label); + expect(firstSubnavItem.prop('url')) + .toBe(data.props.url); + }); + + it('calls onSubnavToggle rather than onClick', () => { + props.onClick = jest.fn(); + props.onSubnavToggle = jest.fn(); + + const data = shallowRender(props); + const label = data.wrapper.find('VerticalNavItemLabel').first(); + + label.simulate('click'); + + expect(data.props.onClick.mock.calls.length).toBe(0); + expect(data.props.onSubnavToggle.mock.calls.length).toBe(1); + }); }); }); }); diff --git a/packages/core/src/components/VerticalNav/VerticalNavItemLabel.jsx b/packages/core/src/components/VerticalNav/VerticalNavItemLabel.jsx new file mode 100644 index 0000000000..dccd07c0ab --- /dev/null +++ b/packages/core/src/components/VerticalNav/VerticalNavItemLabel.jsx @@ -0,0 +1,90 @@ +import PropTypes from 'prop-types'; +import React from 'react'; +import classNames from 'classnames'; + +export class VerticalNavItemLabel extends React.PureComponent { + constructor(props) { + super(props); + this.handleClick = this.handleClick.bind(this); + this.LabelComponent = this.componentType(); + } + + /** + * The type of element rendered ultimately depends on whether + * this is meant to be a subnav toggle, link, or generic label + * @return {String} The type of HTML tag + */ + componentType() { + if (this.props.hasSubnav) { + return 'button'; + } else if (this.props.url) { + return 'a'; + } + + return 'div'; + } + + handleClick(evt) { + this.props.onClick(evt); + } + + anchorProps() { + return { + href: this.props.url + }; + } + + buttonProps() { + return { + 'aria-controls': this.props.subnavId, + 'aria-expanded': !this.props.collapsed, + title: this.props.collapsed + ? this.props.ariaCollapsedStateButtonLabel + : this.props.ariaExpandedStateButtonLabel + }; + } + + render() { + let props = { + className: classNames( + 'ds-c-vertical-nav__label', + { + 'ds-c-vertical-nav__label--current': this.props.selected, + 'ds-c-vertical-nav__label--parent': this.props.hasSubnav + } + ), + onClick: this.props.onClick ? this.handleClick : undefined + }; + + if (this.LabelComponent === 'a') { + props = Object.assign(props, this.anchorProps()); + } else if (this.LabelComponent === 'button') { + props = Object.assign(props, this.buttonProps()); + } + + return ( + + {this.props.label} + + ); + } +} + +VerticalNavItemLabel.defaultProps = { + ariaCollapsedStateButtonLabel: 'Expand sub-navigation', + ariaExpandedStateButtonLabel: 'Collapse sub-navigation' +}; + +VerticalNavItemLabel.propTypes = { + ariaCollapsedStateButtonLabel: PropTypes.string, + ariaExpandedStateButtonLabel: PropTypes.string, + collapsed: PropTypes.bool, + hasSubnav: PropTypes.bool, + label: PropTypes.node.isRequired, + onClick: PropTypes.func, + selected: PropTypes.bool, + subnavId: PropTypes.string.isRequired, + url: PropTypes.string +}; + +export default VerticalNavItemLabel; diff --git a/packages/core/src/components/VerticalNav/VerticalNavItemLabel.test.jsx b/packages/core/src/components/VerticalNav/VerticalNavItemLabel.test.jsx new file mode 100644 index 0000000000..1b9f11adc0 --- /dev/null +++ b/packages/core/src/components/VerticalNav/VerticalNavItemLabel.test.jsx @@ -0,0 +1,119 @@ +import React from 'react'; +import VerticalNavItemLabel from './VerticalNavItemLabel'; +import {shallow} from 'enzyme'; + +function shallowRender(customProps = {}) { + const props = Object.assign({ + label: 'Foo', + subnavId: 'foo-subnav' + }, customProps); + + return { + props: props, + wrapper: shallow() + }; +} + +describe('VerticalNavItemLabel', () => { + it('accepts a node as a label', () => { + const wrapper = shallowRender({ + label: Foo + }).wrapper; + + expect(wrapper.html()).toMatch(//); + }); + + it('is not selected', () => { + const data = shallowRender(); + expect(data.wrapper.hasClass('ds-c-vertical-nav__label--current')).toBe(false); + }); + + it('is selected', () => { + const data = shallowRender({ selected: true }); + expect(data.wrapper.hasClass('ds-c-vertical-nav__label--current')).toBe(true); + }); + + it('calls onClick', () => { + const data = shallowRender({ + onClick: jest.fn() + }); + + data.wrapper.simulate('click'); + expect(data.props.onClick.mock.calls.length).toBe(1); + }); + + describe('without subnav', () => { + it('is a div element', () => { + const data = shallowRender(); + const wrapper = data.wrapper; + + expect(wrapper.is('div')).toBe(true); + expect(wrapper.prop('href')).toBeUndefined(); + }); + + it('is an anchor element', () => { + const data = shallowRender({ url: '/bar' }); + const wrapper = data.wrapper; + + expect(wrapper.is('a')).toBe(true); + expect(wrapper.prop('href')).toBe(data.props.url); + }); + + it('ignores ARIA subnav attributes', () => { + const data = shallowRender(); + const wrapper = data.wrapper; + + expect(wrapper.prop('title')).toBeUndefined(); + expect(wrapper.prop('aria-controls')).toBeUndefined(); + expect(wrapper.prop('aria-expanded')).toBeUndefined(); + }); + }); + + describe('with subnav', () => { + let props; + + beforeEach(() => { + props = { hasSubnav: true }; + }); + + it('is a button when URL isnt present', () => { + const data = shallowRender(props); + + expect(data.wrapper.is('button')).toBe(true); + }); + + it('is a button even when URL is present', () => { + props.url = '/foo'; + const data = shallowRender(props); + const wrapper = data.wrapper; + + expect(wrapper.is('button')).toBe(true); + expect(wrapper.prop('href')).toBeUndefined(); + }); + + it('has ARIA attributes', () => { + props.collapsed = true; + const data = shallowRender(props); + const wrapper = data.wrapper; + + expect(wrapper.prop('aria-controls')).toBe(`${data.props.subnavId}`); + expect(wrapper.prop('aria-expanded')).toBe(false); + }); + + it('has collapsed state title', () => { + props.collapsed = true; + props.ariaCollapsedStateButtonLabel = 'Expand me'; + const data = shallowRender(props); + + expect(data.wrapper.prop('title')).toBe(data.props.ariaCollapsedStateButtonLabel); + }); + + it('has expanded state title', () => { + props.collapsed = false; + props.ariaExpandedStateButtonLabel = 'Collapse me'; + const data = shallowRender(props); + + expect(data.wrapper.prop('title')).toBe(data.props.ariaExpandedStateButtonLabel); + }); + }); +}); diff --git a/packages/core/src/components/_index.scss b/packages/core/src/components/_index.scss index 90802d1dde..cf096cfced 100644 --- a/packages/core/src/components/_index.scss +++ b/packages/core/src/components/_index.scss @@ -1,15 +1,3 @@ -/* -Components - -Component class names follow the format: `ds-c-[BLOCK]__[ELEMENT]--[MODIFIER]` - -Components are designed, self-contained UI elements. In most cases a component will also have a corresponding React component. - -Weight: 30 - -Styleguide components -*/ - @import 'Alert/Alert'; @import 'Badge/Badge'; @import 'Button/Button'; @@ -17,6 +5,7 @@ Styleguide components @import 'ChoiceList/Select'; @import 'FormLabel/FormLabel'; @import 'List/List'; +@import 'SkipNav/SkipNav'; @import 'Table/Table'; @import 'Tabs/Tabs'; @import 'TextField/TextField'; diff --git a/packages/core/src/components/index.js b/packages/core/src/components/index.js index 57ff9acb8b..181883a4d8 100644 --- a/packages/core/src/components/index.js +++ b/packages/core/src/components/index.js @@ -7,9 +7,11 @@ export * from './ChoiceList/Choice'; export * from './ChoiceList/ChoiceList'; export * from './ChoiceList/Select'; export * from './FormLabel/FormLabel'; +export * from './SkipNav/SkipNav'; export * from './Tabs/Tab'; export * from './Tabs/Tabs'; export * from './Tabs/TabPanel'; export * from './TextField/TextField'; export * from './VerticalNav/VerticalNav'; export * from './VerticalNav/VerticalNavItem'; +export * from './VerticalNav/VerticalNavItemLabel'; diff --git a/packages/core/src/fonts/Bitter-Bold.eot b/packages/core/src/fonts/Bitter-Bold.eot deleted file mode 100644 index 0deb2ff4f5..0000000000 Binary files a/packages/core/src/fonts/Bitter-Bold.eot and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Bold.ttf b/packages/core/src/fonts/Bitter-Bold.ttf deleted file mode 100644 index 1390173b37..0000000000 Binary files a/packages/core/src/fonts/Bitter-Bold.ttf and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Bold.woff b/packages/core/src/fonts/Bitter-Bold.woff deleted file mode 100644 index 222cbe4f10..0000000000 Binary files a/packages/core/src/fonts/Bitter-Bold.woff and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Bold.woff2 b/packages/core/src/fonts/Bitter-Bold.woff2 deleted file mode 100644 index 983cc7a9ca..0000000000 Binary files a/packages/core/src/fonts/Bitter-Bold.woff2 and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Italic.eot b/packages/core/src/fonts/Bitter-Italic.eot deleted file mode 100644 index 76ecf10c28..0000000000 Binary files a/packages/core/src/fonts/Bitter-Italic.eot and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Italic.ttf b/packages/core/src/fonts/Bitter-Italic.ttf deleted file mode 100644 index f4f401ceb7..0000000000 Binary files a/packages/core/src/fonts/Bitter-Italic.ttf and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Italic.woff b/packages/core/src/fonts/Bitter-Italic.woff deleted file mode 100644 index aa491b1b5e..0000000000 Binary files a/packages/core/src/fonts/Bitter-Italic.woff and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Italic.woff2 b/packages/core/src/fonts/Bitter-Italic.woff2 deleted file mode 100644 index bd093f224a..0000000000 Binary files a/packages/core/src/fonts/Bitter-Italic.woff2 and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Regular.eot b/packages/core/src/fonts/Bitter-Regular.eot deleted file mode 100644 index e1c33eff4a..0000000000 Binary files a/packages/core/src/fonts/Bitter-Regular.eot and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Regular.ttf b/packages/core/src/fonts/Bitter-Regular.ttf deleted file mode 100644 index 3b66905adf..0000000000 Binary files a/packages/core/src/fonts/Bitter-Regular.ttf and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Regular.woff b/packages/core/src/fonts/Bitter-Regular.woff deleted file mode 100644 index eda03c7315..0000000000 Binary files a/packages/core/src/fonts/Bitter-Regular.woff and /dev/null differ diff --git a/packages/core/src/fonts/Bitter-Regular.woff2 b/packages/core/src/fonts/Bitter-Regular.woff2 deleted file mode 100644 index e11ec6e13c..0000000000 Binary files a/packages/core/src/fonts/Bitter-Regular.woff2 and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Bold-webfont.eot b/packages/core/src/fonts/OpenSans-Bold-webfont.eot deleted file mode 100644 index 9fc8af7f3e..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Bold-webfont.eot and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Bold-webfont.ttf b/packages/core/src/fonts/OpenSans-Bold-webfont.ttf deleted file mode 100644 index d473f40129..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Bold-webfont.ttf and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Bold-webfont.woff b/packages/core/src/fonts/OpenSans-Bold-webfont.woff deleted file mode 100644 index 99227d1937..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Bold-webfont.woff and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Bold-webfont.woff2 b/packages/core/src/fonts/OpenSans-Bold-webfont.woff2 deleted file mode 100644 index 247cd3f8c8..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Bold-webfont.woff2 and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Italic-webfont.eot b/packages/core/src/fonts/OpenSans-Italic-webfont.eot deleted file mode 100644 index 56172fb327..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Italic-webfont.eot and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Italic-webfont.ttf b/packages/core/src/fonts/OpenSans-Italic-webfont.ttf deleted file mode 100644 index 155572e4b3..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Italic-webfont.ttf and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Italic-webfont.woff b/packages/core/src/fonts/OpenSans-Italic-webfont.woff deleted file mode 100644 index da4b1ede23..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Italic-webfont.woff and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Italic-webfont.woff2 b/packages/core/src/fonts/OpenSans-Italic-webfont.woff2 deleted file mode 100644 index b6f41f3fa9..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Italic-webfont.woff2 and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Regular-webfont.eot b/packages/core/src/fonts/OpenSans-Regular-webfont.eot deleted file mode 100644 index f676af2bfb..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Regular-webfont.eot and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Regular-webfont.ttf b/packages/core/src/fonts/OpenSans-Regular-webfont.ttf deleted file mode 100644 index d8d9505393..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Regular-webfont.ttf and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Regular-webfont.woff b/packages/core/src/fonts/OpenSans-Regular-webfont.woff deleted file mode 100644 index b7e16ef27b..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Regular-webfont.woff and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Regular-webfont.woff2 b/packages/core/src/fonts/OpenSans-Regular-webfont.woff2 deleted file mode 100644 index 5272dc82c9..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Regular-webfont.woff2 and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Semibold-webfont.eot b/packages/core/src/fonts/OpenSans-Semibold-webfont.eot deleted file mode 100644 index 9cd03abc81..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Semibold-webfont.eot and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Semibold-webfont.ttf b/packages/core/src/fonts/OpenSans-Semibold-webfont.ttf deleted file mode 100644 index 389e47214a..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Semibold-webfont.ttf and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Semibold-webfont.woff b/packages/core/src/fonts/OpenSans-Semibold-webfont.woff deleted file mode 100644 index 90407e5dc2..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Semibold-webfont.woff and /dev/null differ diff --git a/packages/core/src/fonts/OpenSans-Semibold-webfont.woff2 b/packages/core/src/fonts/OpenSans-Semibold-webfont.woff2 deleted file mode 100644 index a0ec600e1f..0000000000 Binary files a/packages/core/src/fonts/OpenSans-Semibold-webfont.woff2 and /dev/null differ diff --git a/packages/core/src/index.js b/packages/core/src/index.js index 8f3b492259..8387674701 100644 --- a/packages/core/src/index.js +++ b/packages/core/src/index.js @@ -1,3 +1,3 @@ 'use strict'; -export * from './components'; +export * from './components'; // eslint-disable-line import/export diff --git a/packages/core/src/utilities/background-color.scss b/packages/core/src/utilities/background-color.scss index cff42d965b..e0f3d19b04 100644 --- a/packages/core/src/utilities/background-color.scss +++ b/packages/core/src/utilities/background-color.scss @@ -4,45 +4,34 @@ /* Background color -Use the background color utility to change the default background color of an element. Each background color group may have a `dark`, `darker`, `darkest`, `light`, `lighter` and `lightest` shade modifier. - -Color groups include: -- **primary** - The dominant brand color, used for things like links and call-to-actions -- **primary-alt** - A variation of the dominant brand color -- **secondary** - A secondary brand color that can be used for accents and call-to-action variations. -- **tertiary** - Complementary accent colors -- **state** - State indicator accents (success, warning, error) +Use the background color utility to change the default background color of an element. **Format**: `ds-u-fill--[COLOR NAME]-[SHADE]` -## Theming - -Each background (and text color) utility class utilizes a Sass color variable which can be overridden. The swatches below include the utility class name as well as the Sass variable name. - @hide-markup Markup: <% var groups = [ ['primary', 'primary-darker', 'primary-darkest'], ['primary-alt', 'primary-alt-dark', 'primary-alt-darkest', 'primary-alt-light', 'primary-alt-lightest'], - ['secondary', 'secondary-dark', 'secondary-darkest', 'secondary-light', 'secondary-lightest'], ['gray', 'gray-dark', 'gray-light', 'gray-lighter', 'gray-lightest'], ['gold', 'gold-light', 'gold-lighter', 'gold-lightest'], ['warn', 'warn-light', 'warn-lighter', 'warn-lightest'], ['green', 'green-light', 'green-lighter', 'green-lightest'], ['success', 'success-light', 'success-lighter', 'success-lightest'], + ['secondary', 'secondary-dark', 'secondary-darkest', 'secondary-light', 'secondary-lightest'], ['error', 'error-dark', 'error-darkest', 'error-light', 'error-lighter', 'error-lightest'], - ['base', 'background', 'background-inverse', 'white', 'transparent'] + ['base', 'white', 'background', 'background-inverse', 'transparent'] ]; -%> <% groups.forEach(group => { -%> -
    +
    <% group.forEach(color => { -%> -
    -
    - +
    +
    + .ds-u-fill--<%= color %> - <% if (color !== 'transparent') { %>
    $color-<%= color %><% } %>
    + #
    <% }) -%>
    diff --git a/packages/core/src/utilities/border-radius.scss b/packages/core/src/utilities/border-radius.scss index 4e444e2d9d..eb4e1c64d8 100644 --- a/packages/core/src/utilities/border-radius.scss +++ b/packages/core/src/utilities/border-radius.scss @@ -6,22 +6,17 @@ Border radius Apply rounded corners to an element with the border radius utility. -#### Available `border-radius` options: - -- `ds-u-radius` Applies the default `$border-radius` (3px) +- `ds-u-radius` applies the default radius (`3px`) - `ds-u-radius--pill` -- `ds-u-radius--circle` Can make a circle when combined with a fixed height and width. - -## Theming - -The following Sass variables can be overridden to theme the border radius utility: - -- `$border-radius` +- `ds-u-radius--circle` can make a circle when combined with a fixed height and width. Markup: -

    Round

    -

    Pill

    -

    +ds-u-radius +
    +ds-u-radius--pill +
    +ds-u-radius--circle +
    Style guide: utilities.border-radius */ @@ -36,3 +31,15 @@ Style guide: utilities.border-radius .ds-u-radius--circle { border-radius: $border-radius-circle; } + +/* +--- + +## Theming + +The following Sass variables can be overridden to theme the border radius utility: + +- `$border-radius` + +Style guide: utilities.border-radius.guidance +*/ diff --git a/packages/core/src/utilities/border.scss b/packages/core/src/utilities/border.scss index c712332258..4ebd9fa33a 100644 --- a/packages/core/src/utilities/border.scss +++ b/packages/core/src/utilities/border.scss @@ -4,23 +4,12 @@ /* Border -#### Border size: +Use the border utility classes to control the border size and color properties. -Choose between a border size of `0`, `1px` or `2px`. +The border utility class sets the `border-color` and `border-size`, with support for the following sizes: `0`, `1px`, or `2px`. **Format**: `ds-u-border-[x|y|bottom|left|right|top]--[SIZE]` -#### Border color: - -**Format**: `ds-u-border--[COLOR NAME]` - -## Theming - -The following Sass variables can be overridden to theme the border utility: - -- `$border-color` -- `$border-color-inverse` - @hide-markup Markup: @@ -31,17 +20,6 @@ Markup:
    <% } -%> <% }) -%> -

    Color

    -<% ['inverse', - 'error', 'error-light', 'error-lighter', - 'warn', 'warn-light', 'warn-lighter', - 'success', 'success-light', 'success-lighter'].forEach(color => { -%> -
    class="ds-u-fill--primary-darkest ds-u-padding--1"<% } -%>> -
    - ds-u-border--<%= color %> -
    -
    -<% }) -%> Style guide: utilities.border */ @@ -110,7 +88,27 @@ Style guide: utilities.border border-top: 0 !important; } -// Color +/* +Border color + +**Format**: `ds-u-border--[COLOR NAME]` + +@hide-markup + +Markup: +<% ['inverse', + 'error', 'error-light', 'error-lighter', + 'warn', 'warn-light', 'warn-lighter', + 'success', 'success-light', 'success-lighter'].forEach(color => { -%> +
    class="ds-u-fill--primary-darkest ds-u-padding--1"<% } -%>> +
    + ds-u-border--<%= color %> +
    +
    +<% }) -%> + +Style guide: utilities.border.color +*/ .ds-u-border--inverse { border-color: $border-color-inverse !important; } @@ -150,3 +148,16 @@ Style guide: utilities.border .ds-u-border--success-lighter { border-color: $color-success-lighter !important; } + +/* +--- + +## Theming + +The following Sass variables can be overridden to theme the border utility: + +- `$border-color` +- `$border-color-inverse` + +Style guide: utilities.border.guidance +*/ diff --git a/packages/core/src/utilities/color.scss b/packages/core/src/utilities/color.scss index de0e66ecda..5ba604dbaf 100644 --- a/packages/core/src/utilities/color.scss +++ b/packages/core/src/utilities/color.scss @@ -8,9 +8,7 @@ Use the color utility to change an element's text color. **Format**: `ds-u-color--[COLOR NAME]-[SHADE]` -## Theming - -See the [Background color](/utilities/background-color#theming) utility's theming instructions to learn how to override color values. +The options below offer color palette combinations that fall within the range of Section 508 compliant foreground/background color contrast ratios. To ensure that text remains accessible, **use only these permitted color combinations**. @hide-markup @@ -65,12 +63,12 @@ Markup: }; -%> <% Object.keys(groups).forEach(fill => { -%> <% groups[fill].forEach(color => { -%> -
    -

    - .ds-u-color--<%= color %> - on .ds-u-fill--<%= fill %> -

    -
    +
    + ds-u-color--<%= color %> +
    + on + ds-u-fill--<%= fill %> +
    <% }) -%> <% }) %> @@ -144,7 +142,5 @@ Style guide: utilities.color WCAG (Web Content Accessibility Guidelines) ensure that content is accessible by everyone, regardless of disability or user device. To meet these standards, text and interactive elements should have a color contrast ratio of [at least 4.5:1](http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html). This ensures that viewers who cannot see the full color spectrum are able to read the text. -The options below offer color palette combinations that fall within the range of Section 508 compliant foreground/background color contrast ratios. To ensure that text remains accessible, **use only these permitted color combinations**. - Style guide: utilities.color.guidance */ diff --git a/packages/core/src/utilities/display-visibility.scss b/packages/core/src/utilities/display-visibility.scss index 0a92009c4c..4db81a61a6 100644 --- a/packages/core/src/utilities/display-visibility.scss +++ b/packages/core/src/utilities/display-visibility.scss @@ -23,6 +23,14 @@ Display - `ds-u-display--flex` - `ds-u-display--none` +Markup: +<% ['ds-u-display--block', + 'ds-u-display--inline-block', + 'ds-u-display--flex', + 'ds-u-display--none'].forEach(util => { -%> +

    <%= util %>

    +<% }) %> + Style guide: utilities.display-visibility.display */ .ds-u-display--block { @@ -56,7 +64,7 @@ Visibility #### Accessibility -There may sometimes be a situation where you want to hide an element, but still want its text to be read by a screen reader. The `ds-u-visibility--screen-reader` class will hide the content visually, but provide the content to screen readers. +There may be times when you want to hide an element, but still want its text to be read by a screen reader. The `ds-u-visibility--screen-reader` class will hide the content visually, but provide the content to screen readers. Markup: I'm hidden @@ -86,13 +94,13 @@ Style guide: utilities.display-visibility.visibility } /* -Responsive +Toggling visibility by breakpoint @responsive -Use a [responsive prefix]({{root}}/guidelines/responsive) to show/hide content at specific breakpoints. +Use a [breakpoint prefix]({{root}}/guidelines/responsive) to show/hide content at specific breakpoints. -A responsive prefix is supported on all of the utility classes mentioned above, except for `ds-u-visibility--screen-reader`. +A breakpoint prefix is supported on all of the utility classes mentioned above, except for `ds-u-visibility--screen-reader`. Markup: <% ['sm', 'md', 'lg', 'xl'].forEach(breakpoint => { %> diff --git a/packages/core/src/utilities/flexbox.scss b/packages/core/src/utilities/flexbox.scss index af9e4cc1da..2bdb10331a 100644 --- a/packages/core/src/utilities/flexbox.scss +++ b/packages/core/src/utilities/flexbox.scss @@ -1,3 +1,4 @@ +/* stylelint-disable declaration-no-important */ @import '@cmsgov/design-system-support/src/index'; /* @@ -19,7 +20,7 @@ Use the `justify-content` utility class on a flexbox container to change the ali > The CSS `justify-content` property defines how the browser distributes space between and around content items along the main axis of their container. — [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) -The classes follow the format: `ds-u-justify-content--{value}` and `ds-u-{breakpoint}-justify-content--{value}` where `breakpoint` is one of the [responsive prefixes]({{root}}/guidelines/responsive), and `value` is one of: +The classes follow the format: `ds-u-justify-content--{value}` and `ds-u-{breakpoint}-justify-content--{value}` where `breakpoint` is one of the [breakpoint prefixes]({{root}}/guidelines/responsive), and `value` is one of: - `start` (browser default) - `end` @@ -30,7 +31,8 @@ The classes follow the format: `ds-u-justify-content--{value}` and `ds-u-{breakp Markup:
    <% ['start','end','center','between','around'].forEach(value => { %> -
    + ds-u-justify-content--<%= value %> +
    <%= value %>
    <%= value %>
    <%= value %>
    @@ -53,7 +55,7 @@ $_justify-content-values: ( // Example: .ds-u-justify-content--start .ds-u-justify-content--#{$name} { // Example: justify-content: flex-start - justify-content: $value; + justify-content: $value !important; } } @@ -66,7 +68,7 @@ $_justify-content-values: ( // Example: .ds-u-lg-justify-content--start .ds-u-#{$breakpoint}-justify-content--#{$name} { // Example: justify-content: flex-start - justify-content: $value; + justify-content: $value !important; } } } @@ -79,7 +81,7 @@ Use the `align-items` utility class on a flexbox container to change the alignme > The CSS `align-items` property defines how the browser distributes space between and around flex items along the cross-axis of their container. This means it works like `justify-content` but in the perpendicular direction. — [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) -The classes follow the format: `ds-u-align-items--{value}` and `ds-u-{breakpoint}-align-items--{value}` where `breakpoint` is one of the [responsive prefixes]({{root}}/guidelines/responsive), and `value` is one of: +The classes follow the format: `ds-u-align-items--{value}` and `ds-u-{breakpoint}-align-items--{value}` where `breakpoint` is one of the [breakpoint prefixes]({{root}}/guidelines/responsive), and `value` is one of: - `start` - `end` @@ -90,7 +92,8 @@ The classes follow the format: `ds-u-align-items--{value}` and `ds-u-{breakpoint Markup:
    <% ['start','end','center','baseline','stretch'].forEach(value => { %> -
    + ds-u-align-items--<%= value %> +
    <%= value %>
    <%= value %>
    <%= value %>
    @@ -113,7 +116,7 @@ $_align-items-values: ( // Example: .ds-u-align-items--start .ds-u-align-items--#{$name} { // Example: align-items: flex-start - align-items: $value; + align-items: $value !important; } } @@ -126,7 +129,64 @@ $_align-items-values: ( // Example: .ds-u-lg-align-items--start .ds-u-#{$breakpoint}-align-items--#{$name} { // Example: align-items: flex-start - align-items: $value; + align-items: $value !important; + } + } + } +} + +/* +Flex-wrap + +Use the `flex-wrap` utility class on a flexbox container to change how its child elements wrap. + +> The CSS `flex-wrap` property specifies whether flex items are forced into a single line or can be wrapped onto multiple lines. If wrapping is allowed, this property also enables you to control the direction in which lines are stacked. — [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) + +The classes follow the format: `ds-u-flex-wrap--{value}` and `ds-u-{breakpoint}-flex-wrap--{value}` where `breakpoint` is one of the [breakpoint prefixes]({{root}}/guidelines/responsive), and `value` is one of: + +- `nowrap` (browser default) +- `wrap` +- `reverse` + +Markup: +
    +<% ['nowrap','wrap','reverse'].forEach(value => { %> + ds-u-flex-wrap--<%= value %> +
    +
    <%= value %> element #1
    +
    <%= value %> element #2
    +
    <%= value %> element #3
    +
    +<% }) %> +
    + +Style guide: utilities.flexbox.flex-wrap +*/ +$_flex-wrap-values: ( + nowrap: nowrap, + wrap: wrap, + reverse: wrap-reverse +); + +@each $name in map-keys($_flex-wrap-values) { + $value: map-get($_flex-wrap-values, $name); + // Example: .ds-u-flex-wrap--start + .ds-u-flex-wrap--#{$name} { + // Example: flex-wrap: flex-start + flex-wrap: $value !important; + } +} + +@each $breakpoint in map-keys($breakpoints) { + $viewport: map-get($breakpoints, $breakpoint); + + @media (min-width: $viewport) { + @each $name in map-keys($_flex-wrap-values) { + $value: map-get($_flex-wrap-values, $name); + // Example: .ds-u-lg-flex-wrap--start + .ds-u-#{$breakpoint}-flex-wrap--#{$name} { + // Example: flex-wrap: flex-start + flex-wrap: $value !important; } } } diff --git a/packages/core/src/utilities/float.scss b/packages/core/src/utilities/float.scss index b989f75c08..9ae7ab135f 100644 --- a/packages/core/src/utilities/float.scss +++ b/packages/core/src/utilities/float.scss @@ -4,26 +4,20 @@ /* Float -Set an element's `float` property using the float utility. You can use the `ds-u-clearfix` utility class to clearfix your floats. +Set an element's `float` property using the float utility. + +You can use the [clearfix utility class]({{root}}/utilities/clearfix) to automatically clear your floats. **Format**: `ds-u-float--[VALUE]` Markup: +<% ['ds-u-float--left', 'ds-u-float--right', 'ds-u-float--none'].forEach(util => { -%>
    -
    - float: left -
    -
    -
    -
    - float: right -
    -
    -
    -
    - float: none -
    +

    + <%= util %> +

    +<% }) %> Style guide: utilities.float */ @@ -44,21 +38,21 @@ Responsive @responsive -Use a [responsive prefix]({{root}}/guidelines/responsive) to change how an element is floated at specific breakpoints. +Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change how an element is floated at specific breakpoints. Markup:
    - :) + Inline text
    - +

    float: none - - +

    +

    float: left - - +

    +

    float: right - +

    diff --git a/packages/core/src/utilities/font-family.scss b/packages/core/src/utilities/font-family.scss index 7262354291..3b2b970255 100644 --- a/packages/core/src/utilities/font-family.scss +++ b/packages/core/src/utilities/font-family.scss @@ -8,16 +8,11 @@ Change an element's typeface to either the sans-serif (Open Sans) or serif (Bitt **Format**: `ds-u-[serif|sans]` -## Theming - -The following Sass variables can be overridden to theme the font family utility: - -- `$font-sans` -- `$font-serif` - Markup: -

    Bitter, Georgia, serif

    -

    Open Sans, Helvetica, sans-serif

    +

    ds-u-sans (default)

    +

    Open Sans, Helvetica, sans-serif

    +

    ds-u-serif

    +

    Bitter, Georgia, serif

    Style guide: utilities.font-family */ @@ -28,3 +23,16 @@ Style guide: utilities.font-family .ds-u-serif { font-family: $font-serif !important; } + +/* +--- + +## Theming + +The following Sass variables can be overridden to theme the font family utility: + +- `$font-sans` +- `$font-serif` + +Style guide: utilities.font-family.guidance +*/ diff --git a/packages/core/src/utilities/font-size.scss b/packages/core/src/utilities/font-size.scss index 5ccbe41b67..e82b3b997d 100644 --- a/packages/core/src/utilities/font-size.scss +++ b/packages/core/src/utilities/font-size.scss @@ -10,7 +10,12 @@ Use the font size utility to make the text larger or smaller. Markup: <% ['display','title','h1','h2','h3', 'h4', 'lead','base','small'].forEach(size => { -%> -

    {{lorem-s}}

    +
    +

    + ds-u-font-size--<%= size %> +

    + {{lorem-s}} +
    <% }) -%> Style guide: utilities.font-size @@ -53,9 +58,9 @@ Style guide: utilities.font-size } /* -Responsive +Responsive font sizes -Use a [responsive prefix]({{root}}/guidelines/responsive) to change the font size at specific breakpoints. +Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change the font size at specific breakpoints. _Resize your browser to see each breakpoint in action:_ diff --git a/packages/core/src/utilities/font-style.scss b/packages/core/src/utilities/font-style.scss index f49be49a39..d7cc5bf80a 100644 --- a/packages/core/src/utilities/font-style.scss +++ b/packages/core/src/utilities/font-style.scss @@ -9,8 +9,10 @@ Change an element's `font-style` property using the font style utility. **Format**: `ds-u-font-style--[VALUE]` Markup: -

    {{ lorem-m }}

    -

    {{ lorem-m }}

    +

    ds-u-font-style--normal

    +
    {{ lorem-m }}
    +

    ds-u-font-style--italic

    +
    {{ lorem-m }}
    Style guide: utilities.font-style */ diff --git a/packages/core/src/utilities/font-weight.scss b/packages/core/src/utilities/font-weight.scss index 6621bc3c18..4d4ae0ebb2 100644 --- a/packages/core/src/utilities/font-weight.scss +++ b/packages/core/src/utilities/font-weight.scss @@ -9,9 +9,9 @@ Change an element's `font-weight` property using the font weight utility. **Format**: `ds-u-font-weight--[VALUE]` Markup: -

    Normal

    -

    Semibold

    -

    Bold

    +

    ds-u-font-weight--normal

    +

    ds-u-font-weight--semibold

    +

    ds-u-font-weight--bold

    Style guide: utilities.font-weight */ diff --git a/packages/core/src/utilities/line-height.scss b/packages/core/src/utilities/line-height.scss index 9fb900e521..5d6d1165f9 100644 --- a/packages/core/src/utilities/line-height.scss +++ b/packages/core/src/utilities/line-height.scss @@ -9,10 +9,14 @@ In CSS, the `line-height` property controls the leading (`led-ing`). Leading ref **Format**: `ds-u-leading--[NAME]` Markup: -

    {{lorem-m}}

    -

    {{lorem-l}}

    -

    {{lorem-l}}

    -

    {{lorem-s}}

    +

    ds-u-leading--lead

    +
    {{lorem-l}}
    +

    ds-u-leading--base

    +
    {{lorem-l}}
    +

    ds-u-leading--heading

    +
    {{lorem-l}}
    +

    ds-u-leading--reset

    +
    {{lorem-l}}
    Style guide: utilities.line-height */ diff --git a/packages/core/src/utilities/margin.scss b/packages/core/src/utilities/margin.scss index 64742c3261..1041732be0 100644 --- a/packages/core/src/utilities/margin.scss +++ b/packages/core/src/utilities/margin.scss @@ -4,10 +4,12 @@ /* Margin -Use the margin utility to change an element's margin. All margins are multiples of `8px` and can be inferred by the class name. For example, `ds-u-margin-top--3` can be understood as applying a `margin-top` of `24px` (`3 * 8px = 24px`). +Use the margin utility to change an element's margin. **Format**: `ds-u-margin-[x|y|bottom|left|right|top]--[MULTIPLE]` +[Read more about how the design system approaches spacing here.]({{root}}/layout/spacing) + @hide-markup Markup: @@ -97,9 +99,9 @@ Style guide: utilities.margin } /* -Responsive +Responsive margins -Use a [responsive prefix]({{root}}/guidelines/responsive) to change the margin at specific breakpoints. +Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change the margin at specific breakpoints. _Resize your browser to see each breakpoint in action:_ diff --git a/packages/core/src/utilities/measure.scss b/packages/core/src/utilities/measure.scss index af99233bc5..7721b7e702 100644 --- a/packages/core/src/utilities/measure.scss +++ b/packages/core/src/utilities/measure.scss @@ -15,9 +15,12 @@ The design system includes 3 measure modifiers: **Format**: `ds-u-measure--[NAME]` Markup: -

    {{ lorem-l }}

    -

    {{ lorem-l }}

    -

    {{ lorem-l }}

    +

    ds-u-measure--narrow

    +
    {{ lorem-l }}
    +

    ds-u-measure--base

    +
    {{ lorem-l }}
    +

    ds-u-measure--wide

    +
    {{ lorem-l }}
    Style guide: utilities.measure */ diff --git a/packages/core/src/utilities/overflow.scss b/packages/core/src/utilities/overflow.scss index 2687df6809..759f816c7d 100644 --- a/packages/core/src/utilities/overflow.scss +++ b/packages/core/src/utilities/overflow.scss @@ -10,11 +10,13 @@ Use the overflow utility to set the `overflow` property of an element. **Format**: `ds-u-overflow--[VALUE]` -#### Available `overflow` options: - -- `ds-u-overflow--hidden` -- `ds-u-overflow--scroll` -- `ds-u-overflow--auto` +Markup: +<% ['ds-u-overflow--hidden', 'ds-u-overflow--scroll', 'ds-u-overflow--auto'].forEach(util => { -%> + <%= util %> +
    +
    {{lorem-l }}
    +
    +<% }) -%> Style guide: utilities.overflow */ @@ -37,6 +39,13 @@ The clearfix utility can be applied to an element to clear floats around the ele **Format**: `ds-u-clearfix` +Markup: +
    +
    + Floated right +
    +
    + Style guide: utilities.clearfix */ .ds-u-clearfix { diff --git a/packages/core/src/utilities/padding.scss b/packages/core/src/utilities/padding.scss index c48dacae3a..c80748148e 100644 --- a/packages/core/src/utilities/padding.scss +++ b/packages/core/src/utilities/padding.scss @@ -4,17 +4,19 @@ /* Padding -Use the padding utility to change an element's padding. All padding values are multiples of `8px` and can be inferred by the class name. For example, `ds-u-padding-top--3` can be understood as applying a `padding-top` of `24px` (`3 * 8px = 24px`). +Use the padding utility to change an element's padding. **Format**: `ds-u-padding-[x|y|bottom|left|right|top]--[MULTIPLE]` +[Read more about how the design system approaches spacing here.]({{root}}/layout/spacing) + @hide-markup Markup: <% ['', '-x', '-y', '-bottom', '-left', '-right', '-top'].forEach(name => { -%> <% for (var i = 0; i < 8; i++) { %> -
    - ds-u-padding<%= name %>--<%= i %> +
    + ds-u-padding<%= name %>--<%= i %>
    <% } -%> <% }) -%> @@ -59,16 +61,16 @@ Style guide: utilities.padding } /* -Responsive +Responsive padding -Use a [responsive prefix]({{root}}/guidelines/responsive) to change the padding at specific breakpoints. +Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change the padding at specific breakpoints. _Resize your browser to see each breakpoint in action:_ Markup: -
    -
    - Responsive padding +
    +
    + Responsive padding
    diff --git a/packages/core/src/utilities/text-align.scss b/packages/core/src/utilities/text-align.scss index 368de8845b..8d0c120dc3 100644 --- a/packages/core/src/utilities/text-align.scss +++ b/packages/core/src/utilities/text-align.scss @@ -9,9 +9,18 @@ Align text using the `text-align` utility. **Format**: `ds-u-text-align--[VALUE]` Markup: -

    Center

    -

    Left

    -

    Right

    +
    + ds-u-text-align--center + Center +
    +
    + ds-u-text-align--left + Left +
    +
    + ds-u-text-align--right + Right +
    Style guide: utilities.text-align */ @@ -28,11 +37,11 @@ Style guide: utilities.text-align } /* -Responsive +Responsive text alignment @responsive -Use a [responsive prefix]({{root}}/guidelines/responsive) to change the text alignment at specific breakpoints. +Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change the text alignment at specific breakpoints. Markup:
    diff --git a/packages/core/src/utilities/text-decoration.scss b/packages/core/src/utilities/text-decoration.scss index eb580549e8..310665352a 100644 --- a/packages/core/src/utilities/text-decoration.scss +++ b/packages/core/src/utilities/text-decoration.scss @@ -9,8 +9,10 @@ Set whether text is underlined or not using the `text-decoration` utility. **Format**: `ds-u-text-decoration--[VALUE]` Markup: -

    Underlined text

    -Link text without underline +ds-u-text-decoration--underline +Underlined text +ds-u-text-decoration--none +Link text without underline Style guide: utilities.text-decoration */ diff --git a/packages/core/src/utilities/text-transform.scss b/packages/core/src/utilities/text-transform.scss index 76a12eca2e..42674306f6 100644 --- a/packages/core/src/utilities/text-transform.scss +++ b/packages/core/src/utilities/text-transform.scss @@ -9,9 +9,12 @@ Set the capitalization of text using the text transform utility. **Format**: `ds-u-text-transform--[VALUE]` Markup: -

    uppercase transform

    -

    Lowercase transform

    -

    capitalized transform

    +ds-u-text-transform--uppercase +
    {{lorem-m}}
    +ds-u-text-transform--lowercase +
    {{lorem-m}}
    +ds-u-text-transform--capitalize +
    {{lorem-m}}
    Style guide: utilities.text-transform */ diff --git a/packages/core/src/utilities/truncate.scss b/packages/core/src/utilities/truncate.scss index 60156d2334..6a00740ce7 100644 --- a/packages/core/src/utilities/truncate.scss +++ b/packages/core/src/utilities/truncate.scss @@ -4,14 +4,16 @@ /* Truncate -Use the truncate utility to limit a text string to one line. +Use the truncate utility (`ds-u-truncate`) to limit a text string to one line. ### Accessibility Place the full text in a `title` attribute so that itโ€™s accessible on hover. Markup: -

    {{lorem-l}}

    +

    + {{lorem-l}} +

    Style guide: utilities.truncate */ diff --git a/packages/core/src/utilities/vertical-align.scss b/packages/core/src/utilities/vertical-align.scss index 910d423b28..341faf5238 100644 --- a/packages/core/src/utilities/vertical-align.scss +++ b/packages/core/src/utilities/vertical-align.scss @@ -12,16 +12,25 @@ Markup: - - + + - - + + - - + +
    ATop alignmentA + ds-u-valign--top + Top alignment +
    BMiddle alignmentB + ds-u-valign--middle + Middle alignment +
    CBottom alignmentC + ds-u-valign--bottom + Bottom alignment +
    diff --git a/packages/docs/README.md b/packages/docs/README.md index 2376eb4dce..dd95734378 100644 --- a/packages/docs/README.md +++ b/packages/docs/README.md @@ -2,6 +2,6 @@ A static site where all the design system stuff lives. ## Contributing -To view the site locally, run `yarn start` from the repo's root. +To view the site locally, run `npm start` from the repo's root. To learn how documentation is generated, view the ["Writing documentation"](https://github.com/CMSgov/design-system/wiki/writing-documentation) page in the wiki. \ No newline at end of file diff --git a/packages/docs/package.json b/packages/docs/package.json index 3b850052ff..bccadcbb18 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -1,18 +1,18 @@ { "name": "@cmsgov/design-system-docs", - "version": "1.0.0-rc.2", + "version": "1.0.0", "private": true, "description": "Design system's documentation website", "repository": "CMSgov/design-system", "devDependencies": { "enzyme": "^2.9.1", - "react-element-to-jsx-string": "^10.1.0", + "react-element-to-jsx-string": "^12.0.0", "react-test-renderer": "^15.6.1" }, "dependencies": { - "@cmsgov/design-system-core": "^1.0.0-rc.2", - "@cmsgov/design-system-layout": "^1.0.0-rc.2", - "@cmsgov/design-system-support": "^1.0.0-rc.2", + "@cmsgov/design-system-core": "^1.0.0", + "@cmsgov/design-system-layout": "^1.0.0", + "@cmsgov/design-system-support": "^1.0.0", "classnames": "^2.2.5", "lodash": "^4.17.4", "prismjs": "^1.6.0", diff --git a/packages/docs/src/images/favicon.png b/packages/docs/src/images/favicon.png new file mode 100644 index 0000000000..0d0077a7d5 Binary files /dev/null and b/packages/docs/src/images/favicon.png differ diff --git a/packages/docs/src/pages/404.md b/packages/docs/src/pages/404.md new file mode 100644 index 0000000000..8bf72ddb7a --- /dev/null +++ b/packages/docs/src/pages/404.md @@ -0,0 +1,5 @@ +--- +title: Page not found +--- + +

    Sorry, the page you're looking for couldn't be found. It's possible that this page has moved, or the address may have been typed incorrectly.

    \ No newline at end of file diff --git a/packages/docs/src/pages/getting-started.md b/packages/docs/src/pages/getting-started.md new file mode 100644 index 0000000000..8763a1d64e --- /dev/null +++ b/packages/docs/src/pages/getting-started.md @@ -0,0 +1,150 @@ +--- +title: Getting started +weight: 0 +--- + +

    Installation

    + +The design system is available as NPM packages or via a .zip download. + +The design system consists of two packages which are installed separately. + +The [**core** package](https://www.npmjs.com/package/@cmsgov/design-system-core) includes the bulk of the design system: + +- Base styles +- Utility classes +- Sass/CSS and React components +- Sass mixins and variables +- Fonts and images + +``` +npm install --save @cmsgov/design-system-core +``` + +The [**layout** package](https://www.npmjs.com/package/@cmsgov/design-system-layout) includes: + +- Responsive flexbox grid framework + +``` +npm install --save @cmsgov/design-system-layout +``` + +#### Fonts and images + +Once you've downloaded the core package, copy the design system's `fonts` and `images` directories into the same directory as your site's CSS directory. + +By default, the design system expects a file structure like this: + +``` +โ”œโ”€โ”€ Your site's public assets directory/ + โ”œโ”€โ”€ css/ + โ”œโ”€โ”€ images/ + โ””โ”€โ”€ fonts/ +``` + +You can manually copy these directories, or you could integrate this step into your build process. [Here's an example of how this step could be accomplished using a Gulp task](https://github.com/CMSgov/design-system/blob/master/examples/react-app/Gulpfile.js). + +You can change the default paths by overriding the following Sass variables: + +- `$font-path` +- `$image-path` + +

    Usage

    + +We offer two versions of design system assets: a minified + compiled version (located in a `dist` directory), and an un-minified + non-compiled version (located in a `src` directory). Use the minified version in production environments. Use the un-minified version in a development environment to debug in the browser, or if you'd like to manage the un-compiled files with your own build system. + +Below are examples of the various ways you can reference the design system's styles and components: + +### Styles + +

    Minified CSS

    + +The easiest way to add the design system's styles to your site is by referencing its minified CSS. + +1. Copy the design system's `dist/css` folder into a relevant place in your code base โ€” likely a directory where you keep third-party libraries. In the example below, our directory is `css/vendor`. +1. Add a `` to the stylesheet in your site's `` + +For example: + +```html + +``` + +[View an example](https://github.com/CMSgov/design-system/blob/master/examples/article/index.html) + +

    Sass

    + +If you're already using Sass to style your site, another way to include the design system's styles is by importing its un-minified Sass file. + +1. First, make sure your build system is configured so that the `node_modules` directory is in the list of Sass [`includePaths`](https://github.com/sass/node-sass#includepaths). +2. Add the following to your Sass file: + ```css + @import '@cmsgov/design-system-core/src/index'; + ``` + +To override any of the design system's Sass variables, include the variable definitions _before_ the line where the design system is imported. For example: + +```css +@import 'variable-overrides'; +@import '@cmsgov/design-system-core/src/index'; +``` + +[View an example](https://github.com/CMSgov/design-system/blob/master/examples/react-app/src/index.scss) + +

    Applying styles to your page

    + +Once your page is loading the design system's CSS, you can then begin applying its styling to your pages. Below is an example of a project applying the [base-level of styles]({{root}}/style/base) and a [utility class]({{root}}/utilities/). + +```html + + + + + +

    Hello world

    + + +``` + +[Learn about the naming conventions]({{root}}/guidelines/code-conventions) + +### React components + +The examples below assume you've installed the design system using NPM and have already setup your build system. + +

    Default imports

    + +Individual components can be imported from their individual export file. + +```jsx +import Button from '@cmsgov/design-system-core/dist/components/Button/Button'; +``` + +

    Named imports

    + +Components can also be imported using the shorter syntax below. + +
    +
    +

    Performance note

    +

    + This approach may result in a much larger file than you intend. Depending on what module bundler you use, all of the design system's React components may be included in the bundled file even if you didn't specifically import them. This can be avoided by enabling features like [tree shaking in Webpack](https://webpack.js.org/guides/tree-shaking/). +

    +
    +
    + +```jsx +import { Button } from '@cmsgov/design-system-core'; +``` + +[View an example](https://github.com/CMSgov/design-system/blob/master/examples/react-app/src/index.js) + +

    Examples

    + +Additional examples of the design system in use can be viewed on GitHub. These projects demonstrate the various ways you can incorporate the design system into your development process and various use cases. + +Browse example projects + +

    Need help or ran into an issue?

    + +If you're having trouble installing or setting up the design system, or if you think you've found a bug, feel free to [open an issue on GitHub](https://github.com/CMSgov/design-system/issues). \ No newline at end of file diff --git a/packages/docs/src/pages/guidelines/code-conventions.md b/packages/docs/src/pages/guidelines/code-conventions.md index 53219c5131..f5e88442a1 100644 --- a/packages/docs/src/pages/guidelines/code-conventions.md +++ b/packages/docs/src/pages/guidelines/code-conventions.md @@ -2,11 +2,9 @@ title: Code conventions --- -

    - The design system favors clarity over succinctness. This means the design system may be verbose, but it should deliver clarity and resilience in exchange. Keeping CSS legible and scalable means sacrificing a shorter syntax. -

    +The design system favors clarity over succinctness. This means the design system may be verbose, but it should deliver clarity, predictability, and legibility in exchange. -## CSS naming convention +## CSS class naming convention @@ -20,10 +18,11 @@ Prefixes are added to class names to make it more apparent what job the class is | Prefix | Description | | ------ | ----------- | -| `l-` | Indicates layout-related styles. These classes may be used in any number of unrelated contexts. Example: `.ds-l-container` | +| `l-` | Indicates layout-related styles. Example: `.ds-l-container` | | `c-` | Indicates a component. Example: `.ds-c-button` | `u-` | Indicates a utility. Example: `.ds-u-color--base` | -| `is-`, `has-` | Indicates state. | + +These prefixes can sometimes be followed by a "breakpoint prefix". [Learn more about breakpoint prefixes.]({{root}}/guidelines/responsive/) ### BEM syntax @@ -31,9 +30,9 @@ Following the namespace and prefix is a name conforming to [BEM syntax](http://g Put all together, a CSS class can be broken down to these key parts: `[NAMESPACE]-[PREFIX]-[BLOCK]__[ELEMENT]--[MODIFIER]` -- **Block** is a standalone entity that is meaningful on its own. For example: `.ds-c-card`, `.ds-c-button` -- **Element** is a part of a block that has no standalone meaning and is semantically tied to its block, such as `.ds-c-card__title` -- **Modifier** is a flag on a block or element and is used to change appearance or behavior. For example: `.ds-c-button--primary`, `ds-u-color--primary`, `ds-u-margin--3` +- **Block** is a standalone entity that is meaningful on its own. For example: `ds-c-card`, `ds-c-button` +- **Element** is a part of a block that has no standalone meaning and is semantically tied to its block, such as `ds-c-card__title` +- **Modifier** is a flag on a block or element and is used to change appearance or behavior. For example: `ds-c-button--primary`, `ds-u-color--base`, `ds-l-col--3` [BEMโ€™s strict naming rules can be found here](http://getbem.com/naming/). diff --git a/packages/docs/src/pages/guidelines/forms.md b/packages/docs/src/pages/guidelines/forms.md index 7bc341cd1e..84d474bf0c 100644 --- a/packages/docs/src/pages/guidelines/forms.md +++ b/packages/docs/src/pages/guidelines/forms.md @@ -25,8 +25,8 @@ Below are some best practices your project should aim to follow in order to prov - Place hint text within the field's `