diff --git a/CHANGELOG.md b/CHANGELOG.md index 624612a5a4..b6fe2496f0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,6 +21,7 @@ should change the heading of the (upcoming) version to include a major version b ## @rjsf/core - Switched `Form` to use the new `validatorDataMerge()` function instead of the new deprecated `schemaUtils.mergeValidatorData()` +- Updated `MultiSchemaField` to handle the OpenAPI `discriminator` extension on `anyOf/oneOf` fields by passing it into `getClosestMatchingOption()` if it exists, fixing [#3512](https://github.com/rjsf-team/react-jsonschema-form/issues/3512) ## @rjsf/utils @@ -28,6 +29,10 @@ should change the heading of the (upcoming) version to include a major version b - As a result, the `mergeValidationData()` function was deprecated in favor of the new `validationDataMerge()` function that uses the refactored `toErrorList()` function - Refactored the `ROOT_SCHEMA_PREFIX` constant as well - Updated `ValidatorType` and `SchemaUtilsType` to deprecate the `toErrorList()` and `mergeValidationData()` functions, respectively +- Updated the `getClosestMatchingOption()` and `getFirstMatchingOption()` to pass the new `discriminatorField` to the `getMatchingOption()` function +- Updated `getMatchingOption()` to use `discriminatorField` when it is present in the `options` object properties to drill into the object to detect if that one field is valid +- Updated `SchemaUtilsType` and the associated forward functions in `createSchemaUtils` to add the new `discriminatorField?: string` optional parameter +- Updated `toIdSchema()` function to use `getSchemaType(schema) === 'object'` rather than `schema.type === 'object'` to get the proper pathing for ids, fixing [#2044](https://github.com/rjsf-team/react-jsonschema-form/issues/2044) ## @rjsf/validator-ajv6 diff --git a/packages/antd/test/__snapshots__/Object.test.tsx.snap b/packages/antd/test/__snapshots__/Object.test.tsx.snap index 75fedd6abf..6b1b6ad608 100644 --- a/packages/antd/test/__snapshots__/Object.test.tsx.snap +++ b/packages/antd/test/__snapshots__/Object.test.tsx.snap @@ -575,14 +575,14 @@ exports[`object fields object 1`] = ` `; -exports[`object fields with title and description additionalProperties 1`] = ` +exports[`object fields show add button and fields if additionalProperties is true and not an object 1`] = `
-
- -
-
- - a test description - -
+
`; -exports[`object fields with title and description from both additionalProperties 1`] = ` +exports[`object fields with title and description additionalProperties 1`] = ` - My Field + Test field
- a fancier description + a test description
`; -exports[`object fields with title and description from both object 1`] = ` +exports[`object fields with title and description from both additionalProperties 1`] = `
- -
-
- - - - + +
+
+
+
+ + + + +
+
+
-
- - a fancier item A description - -
-
-
- -
-
-
- -
-
+ +
+
-
- - - - - - - - - - -
-
-
+ +
-
-
+
+
+
-
+ + + +
+
+
+
+ +
+
+
+
+`; + +exports[`object fields with title and description from uiSchema additionalProperties 1`] = ` +
+
+
+
+
+ +
+
+ + a fancier description + +
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + + +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+`; + +exports[`object fields with title and description from uiSchema object 1`] = ` +
+
+
+
+
+ +
+
+ + a fancier description + +
+
+
+
+
+
+ +
+
+
+
+ + + + +
+
+
+ + a fancier item A description + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ + + + + + + + + + +
+
+ +
+
+ +
+
+
+
+ + a fancier item B description + +
+
+
+
+
+
+
+
+
+ +
+`; + +exports[`object fields with title and description from uiSchema show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+
+
+ +
+
+ + a fancier description + +
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + + +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+`; + +exports[`object fields with title and description object 1`] = ` +
+
+
+
+
+ +
+
+ + a test description + +
+
+
+
+
+
+ +
+
+
+
+ + + + +
+
+
+ + A description + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ + + + + + + + + + +
+
+ +
+
+ +
+
+
+
+ + B description + +
+
+
+
+
+
+
+
+
+ +
+`; + +exports[`object fields with title and description show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+
+
+ +
+
+ + a test description + +
+
+
+
+
+
+
+
+
+
`; -exports[`object fields with title and description from uiSchema object 1`] = ` +exports[`object fields with title and description with global label off additionalProperties 1`] = ` -
- -
-
- - a fancier description - -
+
- -
-
- - - - -
-
-
- - a fancier item A description - -
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
+ +
-
- - - - - - +
+ + - - + className="ant-input-suffix" + />
-
+
+
+
+
+
+
+
+
+
+
+
+ -
+ +
-
-
+
+
+
-
+ + + +
+
+
+
+ +
+
+
-
-`; - -exports[`object fields with title and description with global label off additionalProperties 1`] = ` -
-
-
-
- -
-
-
-
-
-
-
-
- -
-
-
-
- - - - -
-
-
-
-
-
-
-
-
-
-
-
-
- + + + +
+
- - +
+
-
-
-
- + B description + +
+
-
-
-
- -
-
-
+
+
+
+ +
+
+
- - - - -
-
- -
-
- - - -
- -
-
-`; diff --git a/packages/bootstrap-4/test/__snapshots__/Object.test.tsx.snap b/packages/bootstrap-4/test/__snapshots__/Object.test.tsx.snap index 7c8d75ffb7..ad1586b468 100644 --- a/packages/bootstrap-4/test/__snapshots__/Object.test.tsx.snap +++ b/packages/bootstrap-4/test/__snapshots__/Object.test.tsx.snap @@ -302,6 +302,186 @@ exports[`object fields object 1`] = ` `; +exports[`object fields show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+ +
+
+
+ +
+
+
+ + +
+
+
+
+ + + +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + exports[`object fields with title and description additionalProperties 1`] = `
`; -exports[`object fields with title and description object 1`] = ` +exports[`object fields with title and description from uiSchema show add button and fields if additionalProperties is true and not an object 1`] = `
- Test field + My Field
- a test description + a fancier description
- - - - A description - + + +
-
- - -
-
- -
- - + additionalProperty + + + +
+
+
+ +
+
+
+ +
+
+ +
+
+ + + +
+ +
+
+`; + +exports[`object fields with title and description object 1`] = ` +
+
+
+
+
+ Test field +
+
+
+
+
+ a test description +
+
+
+
+
+ +
+
+ + + + A description + +
+
+
+
+
+
+ +
+
+ + - B description - + B description + +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+
+
+ Test field +
+
+
+
+
+ a test description +
+
+
+
+
+ +
+
+
+ + +
+
+
+
+ + + +
+
+
+
+
+
+ +
+
@@ -1650,3 +2236,176 @@ exports[`object fields with title and description with global label off object 1
`; + +exports[`object fields with title and description with global label off show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+ +
+
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; diff --git a/packages/chakra-ui/test/__snapshots__/Object.test.tsx.snap b/packages/chakra-ui/test/__snapshots__/Object.test.tsx.snap index 1e83358c89..278aa976dd 100644 --- a/packages/chakra-ui/test/__snapshots__/Object.test.tsx.snap +++ b/packages/chakra-ui/test/__snapshots__/Object.test.tsx.snap @@ -444,30 +444,14 @@ exports[`object fields object 1`] = ` `; -exports[`object fields with title and description additionalProperties 1`] = ` +exports[`object fields show add button and fields if additionalProperties is true and not an object 1`] = ` .emotion-1 { - margin-top: 1px; - margin-bottom: 4px; -} - -.emotion-3 { - border: 0; - border-bottom-width: 1px; - width: 100%; -} - -.emotion-4 { - margin-top: 2px; - margin-bottom: 4px; -} - -.emotion-5 { display: grid; - grid-gap: 2px; + grid-gap: 6px; margin-bottom: 4px; } -.emotion-7 { +.emotion-3 { display: grid; grid-gap: 2px; -webkit-align-items: center; @@ -476,16 +460,16 @@ exports[`object fields with title and description additionalProperties 1`] = ` align-items: center; } -.emotion-10 { +.emotion-6 { display: block; text-align: start; } -.emotion-11 { +.emotion-7 { margin-bottom: 1px; } -.emotion-18 { +.emotion-14 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -515,7 +499,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` padding: 0px; } -.emotion-19 { +.emotion-15 { width: 1em; height: 1em; display: inline-block; @@ -527,11 +511,11 @@ exports[`object fields with title and description additionalProperties 1`] = ` vertical-align: middle; } -.emotion-20 { +.emotion-16 { justify-self: flex-end; } -.emotion-21 { +.emotion-17 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -560,7 +544,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` width: auto; } -.emotion-22 { +.emotion-18 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -575,7 +559,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` margin-inline-end: 0.5rem; } -.emotion-24 { +.emotion-20 { margin-top: 3px; } @@ -585,40 +569,21 @@ exports[`object fields with title and description additionalProperties 1`] = ` onSubmit={[Function]} >
+
-
- Test field -
-
-
-

- a test description -

-
@@ -690,7 +655,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` >
-
-
-
- -
- -`; - -exports[`object fields with title and description from uiSchema additionalProperties 1`] = ` -.emotion-1 { - margin-top: 1px; - margin-bottom: 4px; -} - -.emotion-3 { - border: 0; - border-bottom-width: 1px; - width: 100%; -} - -.emotion-4 { - margin-top: 2px; - margin-bottom: 4px; -} - -.emotion-5 { - display: grid; - grid-gap: 2px; - margin-bottom: 4px; -} - -.emotion-7 { - display: grid; - grid-gap: 2px; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-10 { - display: block; - text-align: start; -} - -.emotion-11 { - margin-bottom: 1px; -} - -.emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - white-space: nowrap; - vertical-align: middle; - outline: 2px solid transparent; - outline-offset: 2px; - width: auto; - padding: 0px; -} - -.emotion-19 { - width: 1em; - height: 1em; - display: inline-block; - line-height: 1em; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - color: currentColor; - vertical-align: middle; -} - -.emotion-20 { - justify-self: flex-end; -} - -.emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - white-space: nowrap; - vertical-align: middle; - outline: 2px solid transparent; - outline-offset: 2px; - width: auto; -} - -.emotion-22 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-margin-end: 0.5rem; - margin-inline-end: 0.5rem; -} - -.emotion-24 { - margin-top: 3px; -} - -
-
-
-
-
- My Field -
-
-
-

- a fancier description -

-
-
-
-
-
- - -
-
-
-
-
+ +
+ +`; + +exports[`object fields with title and description from uiSchema additionalProperties 1`] = ` +.emotion-1 { + margin-top: 1px; + margin-bottom: 4px; +} + +.emotion-3 { + border: 0; + border-bottom-width: 1px; + width: 100%; +} + +.emotion-4 { + margin-top: 2px; + margin-bottom: 4px; +} + +.emotion-5 { + display: grid; + grid-gap: 2px; + margin-bottom: 4px; +} + +.emotion-7 { + display: grid; + grid-gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-10 { + display: block; + text-align: start; +} + +.emotion-11 { + margin-bottom: 1px; +} + +.emotion-18 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; + padding: 0px; +} + +.emotion-19 { + width: 1em; + height: 1em; + display: inline-block; + line-height: 1em; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + color: currentColor; + vertical-align: middle; +} + +.emotion-20 { + justify-self: flex-end; +} + +.emotion-21 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; +} + +.emotion-22 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.emotion-24 { + margin-top: 3px; +} + +
+
+
+
+
+ My Field +
+
+
+

+ a fancier description +

+
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from uiSchema object 1`] = ` +.emotion-1 { + margin-top: 1px; + margin-bottom: 4px; +} + +.emotion-3 { + border: 0; + border-bottom-width: 1px; + width: 100%; +} + +.emotion-4 { + margin-top: 2px; + margin-bottom: 4px; +} + +.emotion-5 { + display: grid; + grid-gap: 2px; + margin-bottom: 4px; +} + +.emotion-8 { + margin-bottom: 1px; +} + +.emotion-9 { + display: block; + text-align: start; +} + +.emotion-11 { + margin-top: 2px; +} + +.emotion-18 { + margin-top: 3px; +} + +.emotion-19 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; +} + +
+
+
+
+
+ My Field +
+
+
+

+ a fancier description +

+
+
+
+
+
+ + +
+

+ a fancier item A description +

+
+
+
+
+
+
+
+ + +
+

+ a fancier item B description +

+
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from uiSchema show add button and fields if additionalProperties is true and not an object 1`] = ` +.emotion-1 { + margin-top: 1px; + margin-bottom: 4px; +} + +.emotion-3 { + border: 0; + border-bottom-width: 1px; + width: 100%; +} + +.emotion-4 { + margin-top: 2px; + margin-bottom: 4px; +} + +.emotion-5 { + display: grid; + grid-gap: 2px; + margin-bottom: 4px; +} + +.emotion-7 { + display: grid; + grid-gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-10 { + display: block; + text-align: start; +} + +.emotion-11 { + margin-bottom: 1px; +} + +.emotion-18 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; + padding: 0px; +} + +.emotion-19 { + width: 1em; + height: 1em; + display: inline-block; + line-height: 1em; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + color: currentColor; + vertical-align: middle; +} + +.emotion-20 { + justify-self: flex-end; +} + +.emotion-21 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; +} + +.emotion-22 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.emotion-24 { + margin-top: 3px; +} + +
+
+
+
+
+ My Field +
+
+
+

+ a fancier description +

+
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description object 1`] = ` +.emotion-1 { + margin-top: 1px; + margin-bottom: 4px; +} + +.emotion-3 { + border: 0; + border-bottom-width: 1px; + width: 100%; +} + +.emotion-4 { + margin-top: 2px; + margin-bottom: 4px; +} + +.emotion-5 { + display: grid; + grid-gap: 2px; + margin-bottom: 4px; +} + +.emotion-8 { + margin-bottom: 1px; +} + +.emotion-9 { + display: block; + text-align: start; +} + +.emotion-11 { + margin-top: 2px; +} + +.emotion-18 { + margin-top: 3px; +} + +.emotion-19 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; +} + +
+
+
+
+
+ Test field +
+
+
+

+ a test description +

+
+
+
+
+
+ + +
+

+ A description +

+
+
+
+
+
+
+
+ + +
+

+ B description +

+
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description show add button and fields if additionalProperties is true and not an object 1`] = ` +.emotion-1 { + margin-top: 1px; + margin-bottom: 4px; +} + +.emotion-3 { + border: 0; + border-bottom-width: 1px; + width: 100%; +} + +.emotion-4 { + margin-top: 2px; + margin-bottom: 4px; +} + +.emotion-5 { + display: grid; + grid-gap: 2px; + margin-bottom: 4px; +} + +.emotion-7 { + display: grid; + grid-gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-10 { + display: block; + text-align: start; +} + +.emotion-11 { + margin-bottom: 1px; +} + +.emotion-18 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; + padding: 0px; +} + +.emotion-19 { + width: 1em; + height: 1em; + display: inline-block; + line-height: 1em; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + color: currentColor; + vertical-align: middle; +} + +.emotion-20 { + justify-self: flex-end; +} + +.emotion-21 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; +} + +.emotion-22 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.emotion-24 { + margin-top: 3px; +} + +
+
+
+
+
+ Test field +
+
+
+

+ a test description +

+
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description with global label off additionalProperties 1`] = ` +.emotion-1 { + display: grid; + grid-gap: 6px; + margin-bottom: 4px; +} + +.emotion-3 { + display: grid; + grid-gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-6 { + display: block; + text-align: start; +} + +.emotion-7 { + margin-bottom: 1px; +} + +.emotion-13 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; + padding: 0px; +} + +.emotion-14 { + width: 1em; + height: 1em; + display: inline-block; + line-height: 1em; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + color: currentColor; + vertical-align: middle; +} + +.emotion-15 { + justify-self: flex-end; +} + +.emotion-16 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + width: auto; +} + +.emotion-17 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.emotion-19 { + margin-top: 3px; +} + +
+
+
+ +
+
+
+
+
+ + +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
@@ -1975,16 +3312,9 @@ exports[`object fields with title and description object 1`] = ` role="group" >
-
-

- B description -

@@ -2015,10 +3340,10 @@ exports[`object fields with title and description object 1`] = `
`; - -exports[`object fields with title and description with global label off object 1`] = ` -.emotion-1 { - display: grid; - grid-gap: 6px; - margin-bottom: 4px; -} - -.emotion-4 { - margin-bottom: 1px; -} - -.emotion-10 { - margin-top: 3px; -} - -.emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - white-space: nowrap; - vertical-align: middle; - outline: 2px solid transparent; - outline-offset: 2px; - width: auto; -} - -
-
-
- -
-
-
-
-
- -
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
- -
-
-`; diff --git a/packages/core/src/components/fields/MultiSchemaField.tsx b/packages/core/src/components/fields/MultiSchemaField.tsx index 8804bfb7b6..4241b2b1fd 100644 --- a/packages/core/src/components/fields/MultiSchemaField.tsx +++ b/packages/core/src/components/fields/MultiSchemaField.tsx @@ -1,6 +1,7 @@ import { Component } from 'react'; import get from 'lodash/get'; import isEmpty from 'lodash/isEmpty'; +import isString from 'lodash/isString'; import omit from 'lodash/omit'; import { deepEquals, @@ -90,9 +91,19 @@ class AnyOfField 0) { return option; } diff --git a/packages/core/test/Form.test.jsx b/packages/core/test/Form.test.jsx index 4277419b65..12ee80c5d5 100644 --- a/packages/core/test/Form.test.jsx +++ b/packages/core/test/Form.test.jsx @@ -2363,7 +2363,6 @@ describeRepeated('Form common', (createFormComponent) => { const { node, onError } = createFormComponent(formProps); submitForm(node); - console.log(onError.lastCall); sinon.assert.calledWithMatch(onError.lastCall, [ { message: 'must NOT have fewer than 4 characters', @@ -3670,7 +3669,7 @@ describe('Form omitExtraData and liveOmit', () => { { omitExtraData: true, liveOmit: true } ); - const textNode = node.querySelector('#root-key'); + const textNode = node.querySelector('#root_nested_key1-key'); Simulate.blur(textNode, { target: { value: 'key1new' }, }); diff --git a/packages/core/test/__snapshots__/ObjectSnap.test.jsx.snap b/packages/core/test/__snapshots__/ObjectSnap.test.jsx.snap index 4498133315..ead460bc9d 100644 --- a/packages/core/test/__snapshots__/ObjectSnap.test.jsx.snap +++ b/packages/core/test/__snapshots__/ObjectSnap.test.jsx.snap @@ -204,6 +204,128 @@ exports[`object fields object 1`] = ` `; +exports[`object fields show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+ +
+
+
+
+ + +
+
+
+ + +
+
+ +
+
+
+
+

+ +

+
+
+
+
+ +
+ +`; + exports[`object fields with title and description additionalProperties 1`] = `
`; +exports[`object fields with title and description from uiSchema show add button and fields if additionalProperties is true and not an object 1`] = ` + +
+
+ + My Field + +

+ a fancier description +

+
+
+
+
+ + +
+
+
+ + +
+
+ +
+
+
+
+

+ +

+
+
+
+
+ +
+ +`; + exports[`object fields with title and description object 1`] = `
`; +exports[`object fields with title and description show add button and fields if additionalProperties is true and not an object 1`] = ` + +
+
+ + Test field + +

+ a test description +

+
+
+
+
+ + +
+
+
+ + +
+
+ +
+
+
+
+

+ +

+
+
+
+
+ +
+ +`; + exports[`object fields with title and description with global label off additionalProperties 1`] = `
`; + +exports[`object fields with title and description with global label off show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+ +
+
+
+
+ + +
+
+
+ +
+
+ +
+
+
+
+

+ +

+
+
+
+
+ +
+ +`; diff --git a/packages/core/test/anyOf.test.jsx b/packages/core/test/anyOf.test.jsx index 9561256d7e..dba79caf7a 100644 --- a/packages/core/test/anyOf.test.jsx +++ b/packages/core/test/anyOf.test.jsx @@ -1434,6 +1434,74 @@ describe('anyOf', () => { expect(inputs).to.have.length.of(0); }); }); + describe('OpenAPI discriminator support', () => { + const schema = { + type: 'object', + definitions: { + Foo: { + title: 'Foo', + type: 'object', + properties: { + code: { title: 'Code', default: 'foo_coding', enum: ['foo_coding'], type: 'string' }, + }, + }, + Bar: { + title: 'Bar', + type: 'object', + properties: { + code: { title: 'Code', default: 'bar_coding', enum: ['bar_coding'], type: 'string' }, + }, + }, + Baz: { + title: 'Baz', + type: 'object', + properties: { + code: { title: 'Code', default: 'baz_coding', enum: ['baz_coding'], type: 'string' }, + }, + }, + }, + discriminator: { + propertyName: 'code', + mapping: { + foo_coding: '#/definitions/Foo', + bar_coding: '#/definitions/Bar', + baz_coding: '#/definitions/Baz', + }, + }, + anyOf: [{ $ref: '#/definitions/Foo' }, { $ref: '#/definitions/Bar' }, { $ref: '#/definitions/Baz' }], + }; + beforeEach(() => { + sandbox = createSandbox(); + sandbox.stub(console, 'warn'); + }); + afterEach(() => { + sandbox.restore(); + }); + it('Selects the first node by default when there is no formData', () => { + const { node } = createFormComponent({ + schema, + }); + const select = node.querySelector('select#root__anyof_select'); + expect(select.value).eql('0'); + }); + it('Selects the 3rd node by default when there is formData that points to it', () => { + const { node } = createFormComponent({ + schema, + formData: { code: 'baz_coding' }, + }); + const select = node.querySelector('select#root__anyof_select'); + expect(select.value).eql('2'); + }); + it('warns when discriminator.propertyName is not a string', () => { + const badSchema = { ...schema, discriminator: { propertyName: 5 } }; + const { node } = createFormComponent({ + schema: badSchema, + }); + const select = node.querySelector('select#root__anyof_select'); + expect(select.value).eql('0'); + expect(console.warn.calledWithMatch(/Expecting discriminator to be a string, got "number" instead/)).to.be.true; + }); + }); describe('Custom Field without ui:fieldReplacesAnyOrOneOf', function () { const schema = { diff --git a/packages/core/test/oneOf.test.jsx b/packages/core/test/oneOf.test.jsx index ba151f54d7..ae2182851e 100644 --- a/packages/core/test/oneOf.test.jsx +++ b/packages/core/test/oneOf.test.jsx @@ -1148,7 +1148,8 @@ describe('oneOf', () => { }); const outerOneOf = node.querySelector('select#root_0__oneof_select'); expect(outerOneOf.value).eql('1'); - const innerOneOf = node.querySelector('select#root__oneof_select'); + console.log(node.innerHTML); + const innerOneOf = node.querySelector('select#root_0_ipsum__oneof_select'); expect(innerOneOf.value).eql('1'); }); it('should update formData to remove unnecessary data when one of option changes', () => { @@ -1232,7 +1233,74 @@ describe('oneOf', () => { }, }); }); - + describe('OpenAPI discriminator support', () => { + const schema = { + type: 'object', + definitions: { + Foo: { + title: 'Foo', + type: 'object', + properties: { + code: { title: 'Code', default: 'foo_coding', enum: ['foo_coding'], type: 'string' }, + }, + }, + Bar: { + title: 'Bar', + type: 'object', + properties: { + code: { title: 'Code', default: 'bar_coding', enum: ['bar_coding'], type: 'string' }, + }, + }, + Baz: { + title: 'Baz', + type: 'object', + properties: { + code: { title: 'Code', default: 'baz_coding', enum: ['baz_coding'], type: 'string' }, + }, + }, + }, + discriminator: { + propertyName: 'code', + mapping: { + foo_coding: '#/definitions/Foo', + bar_coding: '#/definitions/Bar', + baz_coding: '#/definitions/Baz', + }, + }, + oneOf: [{ $ref: '#/definitions/Foo' }, { $ref: '#/definitions/Bar' }, { $ref: '#/definitions/Baz' }], + }; + beforeEach(() => { + sandbox = createSandbox(); + sandbox.stub(console, 'warn'); + }); + afterEach(() => { + sandbox.restore(); + }); + it('Selects the first node by default when there is no formData', () => { + const { node } = createFormComponent({ + schema, + }); + const select = node.querySelector('select#root__oneof_select'); + expect(select.value).eql('0'); + }); + it('Selects the 3rd node by default when there is formData that points to it', () => { + const { node } = createFormComponent({ + schema, + formData: { code: 'baz_coding' }, + }); + const select = node.querySelector('select#root__oneof_select'); + expect(select.value).eql('2'); + }); + it('warns when discriminator.propertyName is not a string', () => { + const badSchema = { ...schema, discriminator: { propertyName: 5 } }; + const { node } = createFormComponent({ + schema: badSchema, + }); + const select = node.querySelector('select#root__oneof_select'); + expect(select.value).eql('0'); + expect(console.warn.calledWithMatch(/Expecting discriminator to be a string, got "number" instead/)).to.be.true; + }); + }); describe('Custom Field without ui:fieldReplacesAnyOrOneOf', function () { const schema = { oneOf: [ diff --git a/packages/core/testSnap/objectTests.tsx b/packages/core/testSnap/objectTests.tsx index 0e1e94c822..dcdfedea7c 100644 --- a/packages/core/testSnap/objectTests.tsx +++ b/packages/core/testSnap/objectTests.tsx @@ -54,6 +54,16 @@ export default function arrayTests(Form: ComponentType) { const tree = renderer.create(
).toJSON(); expect(tree).toMatchSnapshot(); }); + test('show add button and fields if additionalProperties is true and not an object', () => { + const schema: RJSFSchema = { + additionalProperties: true, + }; + const formData: any = { + additionalProperty: 'should appear', + }; + const tree = renderer.create().toJSON(); + expect(tree).toMatchSnapshot(); + }); describe('with title and description', () => { test('object', () => { const schema: RJSFSchema = { @@ -76,6 +86,17 @@ export default function arrayTests(Form: ComponentType) { const tree = renderer.create().toJSON(); expect(tree).toMatchSnapshot(); }); + test('show add button and fields if additionalProperties is true and not an object', () => { + const schema: RJSFSchema = { + ...titleAndDesc, + additionalProperties: true, + }; + const formData: any = { + additionalProperty: 'should appear', + }; + const tree = renderer.create().toJSON(); + expect(tree).toMatchSnapshot(); + }); }); describe('with title and description from uiSchema', () => { test('object', () => { @@ -99,6 +120,18 @@ export default function arrayTests(Form: ComponentType) { .toJSON(); expect(tree).toMatchSnapshot(); }); + test('show add button and fields if additionalProperties is true and not an object', () => { + const schema: RJSFSchema = { + additionalProperties: true, + }; + const formData: any = { + additionalProperty: 'should appear', + }; + const tree = renderer + .create() + .toJSON(); + expect(tree).toMatchSnapshot(); + }); }); describe('with title and description from both', () => { test('object', () => { @@ -149,6 +182,19 @@ export default function arrayTests(Form: ComponentType) { .toJSON(); expect(tree).toMatchSnapshot(); }); + test('show add button and fields if additionalProperties is true and not an object', () => { + const schema: RJSFSchema = { + ...titleAndDesc, + additionalProperties: true, + }; + const formData: any = { + additionalProperty: 'should appear', + }; + const tree = renderer + .create() + .toJSON(); + expect(tree).toMatchSnapshot(); + }); }); }); } diff --git a/packages/docs/docs/api-reference/utility-functions.md b/packages/docs/docs/api-reference/utility-functions.md index 5fc97d7053..1811568547 100644 --- a/packages/docs/docs/api-reference/utility-functions.md +++ b/packages/docs/docs/api-reference/utility-functions.md @@ -852,6 +852,7 @@ The closest match is determined using the number of matching properties, and mor - [formData]: T | undefined - The current formData, if any, used to figure out a match - options: S[] - The list of options to find a matching options from - [selectedOption=-1]: number - The index of the currently selected option, defaulted to -1 if not specified +- [discriminatorField]: string | undefined - The optional name of the field within the options object whose value is used to determine which option is selected #### Returns @@ -868,6 +869,7 @@ Always returns the first option if there is nothing that matches. - [formData]: T | undefined - The current formData, if any, used to figure out a match - options: S[] - The list of options to find a matching options from - rootSchema: S - The root schema, used to primarily to look up `$ref`s +- [discriminatorField]: string | undefined - The optional name of the field within the options object whose value is used to determine which option is selected #### Returns @@ -884,6 +886,7 @@ Deprecated, use `getFirstMatchingOption()` instead. - [formData]: T | undefined - The current formData, if any, used to figure out a match - options: S[] - The list of options to find a matching options from - rootSchema: S - The root schema, used to primarily to look up `$ref`s +- [discriminatorField]: string | undefined - The optional name of the field within the options object whose value is used to determine which option is selected #### Returns diff --git a/packages/fluent-ui/test/__snapshots__/Object.test.tsx.snap b/packages/fluent-ui/test/__snapshots__/Object.test.tsx.snap index 685375d196..e5cca4f2c4 100644 --- a/packages/fluent-ui/test/__snapshots__/Object.test.tsx.snap +++ b/packages/fluent-ui/test/__snapshots__/Object.test.tsx.snap @@ -279,6 +279,120 @@ exports[`object fields object 1`] = ` `; +exports[`object fields show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+ +
+
+
+
+
+ +
+ +
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+`; + exports[`object fields with title and description additionalProperties 1`] = `
foo @@ -343,7 +457,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` Submit @@ -458,7 +572,7 @@ exports[`object fields with title and description from both additionalProperties @@ -468,7 +582,7 @@ exports[`object fields with title and description from both additionalProperties Submit @@ -583,7 +697,7 @@ exports[`object fields with title and description from both object 1`] = ` @@ -593,7 +707,7 @@ exports[`object fields with title and description from both object 1`] = ` My Item B @@ -647,7 +761,7 @@ exports[`object fields with title and description from both object 1`] = ` Submit @@ -767,7 +881,7 @@ exports[`object fields with title and description from uiSchema additionalProper @@ -777,7 +891,7 @@ exports[`object fields with title and description from uiSchema additionalProper Submit @@ -892,7 +1006,7 @@ exports[`object fields with title and description from uiSchema object 1`] = ` @@ -902,7 +1016,7 @@ exports[`object fields with title and description from uiSchema object 1`] = ` My Item B @@ -956,7 +1070,7 @@ exports[`object fields with title and description from uiSchema object 1`] = ` + Submit + + + + +
+ + +`; + +exports[`object fields with title and description from uiSchema show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+ + + a fancier description + +
+
+
+
+
+ +
+ +
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+`; + +exports[`object fields with title and description show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+ + + a test description + +
+
+
+
+
+ +
+ +
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+`; + +exports[`object fields with title and description with global label off show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ + + +
+ +
+ +`; + exports[`object fields with title and description additionalProperties 1`] = `
@@ -622,9 +852,6 @@ exports[`object fields with title and description additionalProperties 1`] = ` /> - @@ -632,7 +859,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
@@ -677,7 +901,7 @@ exports[`object fields with title and description from both additionalProperties className="MuiFormControl-root MuiFormControl-fullWidth" >
@@ -887,9 +1108,6 @@ exports[`object fields with title and description from both additionalProperties />
- @@ -897,7 +1115,7 @@ exports[`object fields with title and description from both additionalProperties
@@ -942,7 +1157,7 @@ exports[`object fields with title and description from both object 1`] = ` className="MuiFormControl-root MuiFormControl-fullWidth" >
@@ -1132,7 +1350,7 @@ exports[`object fields with title and description from uiSchema additionalProper className="MuiFormControl-root MuiFormControl-fullWidth" >
+
+ + +
+
+ +
+
+ + + +
+ +
+ +`; + +exports[`object fields with title and description object 1`] = ` +
+
+
+
+
+ Test field +
+
+
+
+ a test description +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +`; + +exports[`object fields with title and description show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+
+
+ Test field +
+
+
+
+ a test description +
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
@@ -1803,8 +2545,8 @@ exports[`object fields with title and description with global label off addition className="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth" > - @@ -1956,9 +2695,6 @@ exports[`object fields with title and description with global label off addition /> - @@ -1966,7 +2702,7 @@ exports[`object fields with title and description with global label off addition
@@ -2110,7 +2843,241 @@ exports[`object fields with title and description with global label off object 1
+ +
+ +`; + +exports[`object fields with title and description with global label off show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
diff --git a/packages/mui/test/__snapshots__/Object.test.tsx.snap b/packages/mui/test/__snapshots__/Object.test.tsx.snap index e7eb789321..4f7a0bb1fd 100644 --- a/packages/mui/test/__snapshots__/Object.test.tsx.snap +++ b/packages/mui/test/__snapshots__/Object.test.tsx.snap @@ -1834,7 +1834,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p `; -exports[`object fields with title and description additionalProperties 1`] = ` +exports[`object fields show add button and fields if additionalProperties is true and not an object 1`] = ` .emotion-0 { display: -webkit-inline-box; display: -webkit-inline-flex; @@ -1853,40 +1853,6 @@ exports[`object fields with title and description additionalProperties 1`] = ` } .emotion-1 { - margin-bottom: 8px; - margin-top: 8px; -} - -.emotion-2 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1.5rem; - line-height: 1.334; - letter-spacing: 0em; -} - -.emotion-3 { - margin: 0; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-width: 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: thin; -} - -.emotion-4 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.57; - letter-spacing: 0.00714em; -} - -.emotion-5 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -1905,15 +1871,15 @@ exports[`object fields with title and description additionalProperties 1`] = ` margin-left: -16px; } -.emotion-5>.MuiGrid-item { +.emotion-1>.MuiGrid-item { padding-top: 16px; } -.emotion-5>.MuiGrid-item { +.emotion-1>.MuiGrid-item { padding-left: 16px; } -.emotion-6 { +.emotion-2 { box-sizing: border-box; margin: 0; -webkit-flex-direction: row; @@ -1930,7 +1896,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } @media (min-width:600px) { - .emotion-6 { + .emotion-2 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1943,7 +1909,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } @media (min-width:900px) { - .emotion-6 { + .emotion-2 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1956,7 +1922,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } @media (min-width:1200px) { - .emotion-6 { + .emotion-2 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1969,7 +1935,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } @media (min-width:1536px) { - .emotion-6 { + .emotion-2 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1981,7 +1947,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } } -.emotion-7 { +.emotion-3 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -2004,15 +1970,15 @@ exports[`object fields with title and description additionalProperties 1`] = ` align-items: center; } -.emotion-7>.MuiGrid-item { +.emotion-3>.MuiGrid-item { padding-top: 16px; } -.emotion-7>.MuiGrid-item { +.emotion-3>.MuiGrid-item { padding-left: 16px; } -.emotion-8 { +.emotion-4 { box-sizing: border-box; margin: 0; -webkit-flex-direction: row; @@ -2029,7 +1995,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } @media (min-width:600px) { - .emotion-8 { + .emotion-4 { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; @@ -2042,7 +2008,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } @media (min-width:900px) { - .emotion-8 { + .emotion-4 { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; @@ -2055,7 +2021,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } @media (min-width:1200px) { - .emotion-8 { + .emotion-4 { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; @@ -2068,7 +2034,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } @media (min-width:1536px) { - .emotion-8 { + .emotion-4 { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; @@ -2080,7 +2046,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` } } -.emotion-9 { +.emotion-5 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -2097,7 +2063,7 @@ exports[`object fields with title and description additionalProperties 1`] = ` width: 100%; } -.emotion-10 { +.emotion-6 { color: rgba(0, 0, 0, 0.6); font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; @@ -2111,33 +2077,37 @@ exports[`object fields with title and description additionalProperties 1`] = ` white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - 24px); + max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); + -webkit-transform: translate(14px, -9px) scale(0.75); + -moz-transform: translate(14px, -9px) scale(0.75); + -ms-transform: translate(14px, -9px) scale(0.75); + transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; - pointer-events: none; + pointer-events: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -.emotion-10.Mui-focused { +.emotion-6.Mui-focused { color: #1976d2; } -.emotion-10.Mui-disabled { +.emotion-6.Mui-disabled { color: rgba(0, 0, 0, 0.38); } -.emotion-10.Mui-error { +.emotion-6.Mui-error { color: #d32f2f; } -.emotion-11 { +.emotion-7 { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1rem; @@ -2160,35 +2130,35 @@ exports[`object fields with title and description additionalProperties 1`] = ` border-radius: 4px; } -.emotion-11.Mui-disabled { +.emotion-7.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } -.emotion-11:hover .MuiOutlinedInput-notchedOutline { +.emotion-7:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { - .emotion-11:hover .MuiOutlinedInput-notchedOutline { + .emotion-7:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } -.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline { +.emotion-7.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #1976d2; border-width: 2px; } -.emotion-11.Mui-error .MuiOutlinedInput-notchedOutline { +.emotion-7.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #d32f2f; } -.emotion-11.Mui-disabled .MuiOutlinedInput-notchedOutline { +.emotion-7.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } -.emotion-12 { +.emotion-8 { font: inherit; letter-spacing: inherit; color: currentColor; @@ -2209,95 +2179,95 @@ exports[`object fields with title and description additionalProperties 1`] = ` padding: 16.5px 14px; } -.emotion-12::-webkit-input-placeholder { +.emotion-8::-webkit-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-12::-moz-placeholder { +.emotion-8::-moz-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-12:-ms-input-placeholder { +.emotion-8:-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-12::-ms-input-placeholder { +.emotion-8::-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-12:focus { +.emotion-8:focus { outline: 0; } -.emotion-12:invalid { +.emotion-8:invalid { box-shadow: none; } -.emotion-12::-webkit-search-decoration { +.emotion-8::-webkit-search-decoration { -webkit-appearance: none; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-webkit-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-webkit-input-placeholder { opacity: 0!important; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-moz-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-moz-placeholder { opacity: 0!important; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:-ms-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:-ms-input-placeholder { opacity: 0!important; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-ms-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-ms-input-placeholder { opacity: 0!important; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-webkit-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-webkit-input-placeholder { opacity: 0.42; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-moz-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-moz-placeholder { opacity: 0.42; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus:-ms-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus:-ms-input-placeholder { opacity: 0.42; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-ms-input-placeholder { opacity: 0.42; } -.emotion-12.Mui-disabled { +.emotion-8.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); } -.emotion-12:-webkit-autofill { +.emotion-8:-webkit-autofill { -webkit-animation-duration: 5000s; animation-duration: 5000s; -webkit-animation-name: mui-auto-fill; animation-name: mui-auto-fill; } -.emotion-12:-webkit-autofill { +.emotion-8:-webkit-autofill { border-radius: inherit; } -.emotion-13 { +.emotion-9 { text-align: left; position: absolute; bottom: 0; @@ -2315,7 +2285,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- border-color: rgba(0, 0, 0, 0.23); } -.emotion-14 { +.emotion-10 { float: unset; width: auto; overflow: hidden; @@ -2324,13 +2294,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- height: 11px; font-size: 0.75em; visibility: hidden; - max-width: 0.01px; - -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + max-width: 100%; + -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; white-space: nowrap; } -.emotion-14>span { +.emotion-10>span { padding-left: 5px; padding-right: 5px; display: inline-block; @@ -2338,7 +2308,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- visibility: visible; } -.emotion-17 { +.emotion-13 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -2354,51 +2324,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- vertical-align: top; } -.emotion-18 { - color: rgba(0, 0, 0, 0.6); - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.4375em; - letter-spacing: 0.00938em; - padding: 0; - position: relative; - display: block; - transform-origin: top left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: calc(133% - 32px); - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate(14px, -9px) scale(0.75); - -moz-transform: translate(14px, -9px) scale(0.75); - -ms-transform: translate(14px, -9px) scale(0.75); - transform: translate(14px, -9px) scale(0.75); - -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - z-index: 1; - pointer-events: auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.emotion-18.Mui-focused { - color: #1976d2; -} - -.emotion-18.Mui-disabled { - color: rgba(0, 0, 0, 0.38); -} - -.emotion-18.Mui-error { - color: #d32f2f; -} - -.emotion-19 { +.emotion-15 { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1rem; @@ -2420,58 +2346,35 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- border-radius: 4px; } -.emotion-19.Mui-disabled { +.emotion-15.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } -.emotion-19:hover .MuiOutlinedInput-notchedOutline { +.emotion-15:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { - .emotion-19:hover .MuiOutlinedInput-notchedOutline { + .emotion-15:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } -.emotion-19.Mui-focused .MuiOutlinedInput-notchedOutline { +.emotion-15.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #1976d2; border-width: 2px; } -.emotion-19.Mui-error .MuiOutlinedInput-notchedOutline { +.emotion-15.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #d32f2f; } -.emotion-19.Mui-disabled .MuiOutlinedInput-notchedOutline { +.emotion-15.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } -.emotion-22 { - float: unset; - width: auto; - overflow: hidden; - display: block; - padding: 0; - height: 11px; - font-size: 0.75em; - visibility: hidden; - max-width: 100%; - -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; - transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; - white-space: nowrap; -} - -.emotion-22>span { - padding-left: 5px; - padding-right: 5px; - display: inline-block; - opacity: 0; - visibility: visible; -} - -.emotion-23 { +.emotion-19 { box-sizing: border-box; margin: 0; -webkit-flex-direction: row; @@ -2479,7 +2382,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- flex-direction: row; } -.emotion-24 { +.emotion-20 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -2528,48 +2431,48 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- font-size: 1.125rem; } -.emotion-24::-moz-focus-inner { +.emotion-20::-moz-focus-inner { border-style: none; } -.emotion-24.Mui-disabled { +.emotion-20.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-24 { + .emotion-20 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-24:hover { +.emotion-20:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { - .emotion-24:hover { + .emotion-20:hover { background-color: transparent; } } -.emotion-24:hover { +.emotion-20:hover { background-color: rgba(211, 47, 47, 0.04); } @media (hover: none) { - .emotion-24:hover { + .emotion-20:hover { background-color: transparent; } } -.emotion-24.Mui-disabled { +.emotion-20.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } -.emotion-25 { +.emotion-21 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -2586,19 +2489,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- font-size: 1.5rem; } -.emotion-26 { - overflow: hidden; - pointer-events: none; - position: absolute; - z-index: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; -} - -.emotion-27 { +.emotion-22 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -2618,7 +2509,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- justify-content: flex-end; } -.emotion-29 { +.emotion-24 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -2665,52 +2556,52 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- color: #1976d2; } -.emotion-29::-moz-focus-inner { +.emotion-24::-moz-focus-inner { border-style: none; } -.emotion-29.Mui-disabled { +.emotion-24.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-29 { + .emotion-24 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-29:hover { +.emotion-24:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { - .emotion-29:hover { + .emotion-24:hover { background-color: transparent; } } -.emotion-29:hover { +.emotion-24:hover { background-color: rgba(25, 118, 210, 0.04); } @media (hover: none) { - .emotion-29:hover { + .emotion-24:hover { background-color: transparent; } } -.emotion-29.Mui-disabled { +.emotion-24.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } -.emotion-32 { +.emotion-26 { margin-top: 24px; } -.emotion-33 { +.emotion-27 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -2759,23 +2650,23 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } -.emotion-33::-moz-focus-inner { +.emotion-27::-moz-focus-inner { border-style: none; } -.emotion-33.Mui-disabled { +.emotion-27.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-33 { + .emotion-27 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-33:hover { +.emotion-27:hover { -webkit-text-decoration: none; text-decoration: none; background-color: #1565c0; @@ -2783,20 +2674,20 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- } @media (hover: none) { - .emotion-33:hover { + .emotion-27:hover { background-color: #1976d2; } } -.emotion-33:active { +.emotion-27:active { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } -.emotion-33.Mui-focusVisible { +.emotion-27.Mui-focusVisible { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } -.emotion-33.Mui-disabled { +.emotion-27.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); @@ -2808,37 +2699,14 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- onSubmit={[Function]} >
+
-
- Test field -
-
-
-
- a test description -
-
- foo Key + additionalProperty Key
@@ -2905,34 +2773,34 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
- foo + additionalProperty
@@ -2959,10 +2827,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
@@ -3054,10 +2916,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
`; -exports[`object fields with title and description from both additionalProperties 1`] = ` +exports[`object fields with title and description additionalProperties 1`] = ` .emotion-0 { display: -webkit-inline-box; display: -webkit-inline-flex; @@ -3360,18 +3219,22 @@ exports[`object fields with title and description from both additionalProperties white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - 24px); + max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); + -webkit-transform: translate(14px, -9px) scale(0.75); + -moz-transform: translate(14px, -9px) scale(0.75); + -ms-transform: translate(14px, -9px) scale(0.75); + transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; - pointer-events: none; + pointer-events: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .emotion-10.Mui-focused { @@ -3573,9 +3436,9 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- height: 11px; font-size: 0.75em; visibility: hidden; - max-width: 0.01px; - -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + max-width: 100%; + -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; white-space: nowrap; } @@ -3603,50 +3466,6 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- vertical-align: top; } -.emotion-18 { - color: rgba(0, 0, 0, 0.6); - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.4375em; - letter-spacing: 0.00938em; - padding: 0; - position: relative; - display: block; - transform-origin: top left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: calc(133% - 32px); - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate(14px, -9px) scale(0.75); - -moz-transform: translate(14px, -9px) scale(0.75); - -ms-transform: translate(14px, -9px) scale(0.75); - transform: translate(14px, -9px) scale(0.75); - -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - z-index: 1; - pointer-events: auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.emotion-18.Mui-focused { - color: #1976d2; -} - -.emotion-18.Mui-disabled { - color: rgba(0, 0, 0, 0.38); -} - -.emotion-18.Mui-error { - color: #d32f2f; -} - .emotion-19 { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; @@ -3697,29 +3516,6 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- border-color: rgba(0, 0, 0, 0.26); } -.emotion-22 { - float: unset; - width: auto; - overflow: hidden; - display: block; - padding: 0; - height: 11px; - font-size: 0.75em; - visibility: hidden; - max-width: 100%; - -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; - transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; - white-space: nowrap; -} - -.emotion-22>span { - padding-left: 5px; - padding-right: 5px; - display: inline-block; - opacity: 0; - visibility: visible; -} - .emotion-23 { box-sizing: border-box; margin: 0; @@ -3836,18 +3632,6 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- } .emotion-26 { - overflow: hidden; - pointer-events: none; - position: absolute; - z-index: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; -} - -.emotion-27 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -3867,7 +3651,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- justify-content: flex-end; } -.emotion-29 { +.emotion-28 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -3914,52 +3698,52 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- color: #1976d2; } -.emotion-29::-moz-focus-inner { +.emotion-28::-moz-focus-inner { border-style: none; } -.emotion-29.Mui-disabled { +.emotion-28.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-29 { + .emotion-28 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-29:hover { +.emotion-28:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { - .emotion-29:hover { + .emotion-28:hover { background-color: transparent; } } -.emotion-29:hover { +.emotion-28:hover { background-color: rgba(25, 118, 210, 0.04); } @media (hover: none) { - .emotion-29:hover { + .emotion-28:hover { background-color: transparent; } } -.emotion-29.Mui-disabled { +.emotion-28.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } -.emotion-32 { +.emotion-30 { margin-top: 24px; } -.emotion-33 { +.emotion-31 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -4008,23 +3792,23 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } -.emotion-33::-moz-focus-inner { +.emotion-31::-moz-focus-inner { border-style: none; } -.emotion-33.Mui-disabled { +.emotion-31.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-33 { + .emotion-31 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-33:hover { +.emotion-31:hover { -webkit-text-decoration: none; text-decoration: none; background-color: #1565c0; @@ -4032,20 +3816,20 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- } @media (hover: none) { - .emotion-33:hover { + .emotion-31:hover { background-color: #1976d2; } } -.emotion-33:active { +.emotion-31:active { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } -.emotion-33.Mui-focusVisible { +.emotion-31.Mui-focusVisible { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } -.emotion-33.Mui-disabled { +.emotion-31.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); @@ -4069,7 +3853,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
- My Field + Test field
- a fancier description + a test description
@@ -4303,10 +4081,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
`; -exports[`object fields with title and description from both object 1`] = ` +exports[`object fields with title and description from both additionalProperties 1`] = ` .emotion-0 { display: -webkit-inline-box; display: -webkit-inline-flex; @@ -4479,7 +4254,106 @@ exports[`object fields with title and description from both object 1`] = ` } } +.emotion-7 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-7>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-7>.MuiGrid-item { + padding-left: 16px; +} + .emotion-8 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:1536px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +.emotion-9 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -4493,9 +4367,10 @@ exports[`object fields with title and description from both object 1`] = ` margin: 0; border: 0; vertical-align: top; + width: 100%; } -.emotion-9 { +.emotion-10 { color: rgba(0, 0, 0, 0.6); font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; @@ -4509,33 +4384,37 @@ exports[`object fields with title and description from both object 1`] = ` white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - 24px); + max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); + -webkit-transform: translate(14px, -9px) scale(0.75); + -moz-transform: translate(14px, -9px) scale(0.75); + -ms-transform: translate(14px, -9px) scale(0.75); + transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; - pointer-events: none; + pointer-events: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -.emotion-9.Mui-focused { +.emotion-10.Mui-focused { color: #1976d2; } -.emotion-9.Mui-disabled { +.emotion-10.Mui-disabled { color: rgba(0, 0, 0, 0.38); } -.emotion-9.Mui-error { +.emotion-10.Mui-error { color: #d32f2f; } -.emotion-10 { +.emotion-11 { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1rem; @@ -4553,39 +4432,40 @@ exports[`object fields with title and description from both object 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; + width: 100%; position: relative; border-radius: 4px; } -.emotion-10.Mui-disabled { +.emotion-11.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } -.emotion-10:hover .MuiOutlinedInput-notchedOutline { +.emotion-11:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { - .emotion-10:hover .MuiOutlinedInput-notchedOutline { + .emotion-11:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } -.emotion-10.Mui-focused .MuiOutlinedInput-notchedOutline { +.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #1976d2; border-width: 2px; } -.emotion-10.Mui-error .MuiOutlinedInput-notchedOutline { +.emotion-11.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #d32f2f; } -.emotion-10.Mui-disabled .MuiOutlinedInput-notchedOutline { +.emotion-11.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } -.emotion-11 { +.emotion-12 { font: inherit; letter-spacing: inherit; color: currentColor; @@ -4606,95 +4486,95 @@ exports[`object fields with title and description from both object 1`] = ` padding: 16.5px 14px; } -.emotion-11::-webkit-input-placeholder { +.emotion-12::-webkit-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-11::-moz-placeholder { +.emotion-12::-moz-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-11:-ms-input-placeholder { +.emotion-12:-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-11::-ms-input-placeholder { +.emotion-12::-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-11:focus { +.emotion-12:focus { outline: 0; } -.emotion-11:invalid { +.emotion-12:invalid { box-shadow: none; } -.emotion-11::-webkit-search-decoration { +.emotion-12::-webkit-search-decoration { -webkit-appearance: none; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-webkit-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-webkit-input-placeholder { opacity: 0!important; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-moz-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-moz-placeholder { opacity: 0!important; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:-ms-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:-ms-input-placeholder { opacity: 0!important; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-ms-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-ms-input-placeholder { opacity: 0!important; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-webkit-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-webkit-input-placeholder { opacity: 0.42; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-moz-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-moz-placeholder { opacity: 0.42; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus:-ms-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus:-ms-input-placeholder { opacity: 0.42; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input-placeholder { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-placeholder { opacity: 0.42; } -.emotion-11.Mui-disabled { +.emotion-12.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); } -.emotion-11:-webkit-autofill { +.emotion-12:-webkit-autofill { -webkit-animation-duration: 5000s; animation-duration: 5000s; -webkit-animation-name: mui-auto-fill; animation-name: mui-auto-fill; } -.emotion-11:-webkit-autofill { +.emotion-12:-webkit-autofill { border-radius: inherit; } -.emotion-12 { +.emotion-13 { text-align: left; position: absolute; bottom: 0; @@ -4712,7 +4592,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input- border-color: rgba(0, 0, 0, 0.23); } -.emotion-13 { +.emotion-14 { float: unset; width: auto; overflow: hidden; @@ -4721,13 +4601,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input- height: 11px; font-size: 0.75em; visibility: hidden; - max-width: 0.01px; - -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + max-width: 100%; + -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; white-space: nowrap; } -.emotion-13>span { +.emotion-14>span { padding-left: 5px; padding-right: 5px; display: inline-block; @@ -4735,40 +4615,100 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input- visibility: visible; } -.emotion-14 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 0.75rem; - line-height: 1.66; - letter-spacing: 0.03333em; - color: rgba(0, 0, 0, 0.6); -} - -.emotion-24 { - margin-top: 24px; -} - -.emotion-25 { +.emotion-17 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; +} + +.emotion-19 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + border-radius: 4px; +} + +.emotion-19.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-19:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-19:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-19.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-19.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-19.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); +} + +.emotion-23 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} + +.emotion-24 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; border-radius: 0; padding: 0; cursor: pointer; @@ -4782,328 +4722,81 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input- -webkit-text-decoration: none; text-decoration: none; color: inherit; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.75; - letter-spacing: 0.02857em; - text-transform: uppercase; - min-width: 64px; - padding: 6px 16px; - border-radius: 4px; - -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: #fff; - background-color: #1976d2; - box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #d32f2f; + padding: 5px; + font-size: 1.125rem; } -.emotion-25::-moz-focus-inner { +.emotion-24::-moz-focus-inner { border-style: none; } -.emotion-25.Mui-disabled { +.emotion-24.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-25 { + .emotion-24 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-25:hover { - -webkit-text-decoration: none; - text-decoration: none; - background-color: #1565c0; - box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); +.emotion-24:hover { + background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { - .emotion-25:hover { - background-color: #1976d2; + .emotion-24:hover { + background-color: transparent; } } -.emotion-25:active { - box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); +.emotion-24:hover { + background-color: rgba(211, 47, 47, 0.04); } -.emotion-25.Mui-focusVisible { - box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); +@media (hover: none) { + .emotion-24:hover { + background-color: transparent; + } } -.emotion-25.Mui-disabled { +.emotion-24.Mui-disabled { + background-color: transparent; color: rgba(0, 0, 0, 0.26); - box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); } -
-
-
-
-
- My Field -
-
-
-
- a fancier description -
-
-
-
-
-
- -
- -
- - - My Item A - - -
-
-
- - a fancier item A description - -
-
-
-
-
-
-
- -
- -
- - - My Item B - - -
-
-
- - a fancier item B description - -
-
-
-
-
-
-
- -
-
-`; - -exports[`object fields with title and description from uiSchema additionalProperties 1`] = ` -.emotion-0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - min-width: 0; - padding: 0; - margin: 0; - border: 0; - vertical-align: top; - width: 100%; -} - -.emotion-1 { - margin-bottom: 8px; - margin-top: 8px; -} - -.emotion-2 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1.5rem; - line-height: 1.334; - letter-spacing: 0em; -} - -.emotion-3 { - margin: 0; +.emotion-25 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; - border-width: 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: thin; -} - -.emotion-4 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.57; - letter-spacing: 0.00714em; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; } -.emotion-5 { +.emotion-26 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -5117,253 +4810,105 @@ exports[`object fields with title and description from uiSchema additionalProper -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; - margin-top: -16px; - width: calc(100% + 16px); - margin-left: -16px; + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; } -.emotion-5>.MuiGrid-item { - padding-top: 16px; +.emotion-28 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #1976d2; } -.emotion-5>.MuiGrid-item { - padding-left: 16px; +.emotion-28::-moz-focus-inner { + border-style: none; } -.emotion-6 { - box-sizing: border-box; - margin: 0; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; +.emotion-28.Mui-disabled { + pointer-events: none; + cursor: default; } -@media (min-width:600px) { - .emotion-6 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; +@media print { + .emotion-28 { + -webkit-print-color-adjust: exact; + color-adjust: exact; } } -@media (min-width:900px) { - .emotion-6 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; - } -} - -@media (min-width:1200px) { - .emotion-6 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; - } -} - -@media (min-width:1536px) { - .emotion-6 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; - } -} - -.emotion-7 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin-top: -16px; - width: calc(100% + 16px); - margin-left: -16px; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-7>.MuiGrid-item { - padding-top: 16px; -} - -.emotion-7>.MuiGrid-item { - padding-left: 16px; -} - -.emotion-8 { - box-sizing: border-box; - margin: 0; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; -} - -@media (min-width:600px) { - .emotion-8 { - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; - } +.emotion-28:hover { + background-color: rgba(0, 0, 0, 0.04); } -@media (min-width:900px) { - .emotion-8 { - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; +@media (hover: none) { + .emotion-28:hover { + background-color: transparent; } } -@media (min-width:1200px) { - .emotion-8 { - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; - } +.emotion-28:hover { + background-color: rgba(25, 118, 210, 0.04); } -@media (min-width:1536px) { - .emotion-8 { - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; +@media (hover: none) { + .emotion-28:hover { + background-color: transparent; } } -.emotion-9 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - min-width: 0; - padding: 0; - margin: 0; - border: 0; - vertical-align: top; - width: 100%; -} - -.emotion-10 { - color: rgba(0, 0, 0, 0.6); - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.4375em; - letter-spacing: 0.00938em; - padding: 0; - position: relative; - display: block; - transform-origin: top left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: calc(100% - 24px); - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); - -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - z-index: 1; - pointer-events: none; -} - -.emotion-10.Mui-focused { - color: #1976d2; -} - -.emotion-10.Mui-disabled { - color: rgba(0, 0, 0, 0.38); +.emotion-28.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); } -.emotion-10.Mui-error { - color: #d32f2f; +.emotion-30 { + margin-top: 24px; } -.emotion-11 { - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.4375em; - letter-spacing: 0.00938em; - color: rgba(0, 0, 0, 0.87); - box-sizing: border-box; - position: relative; - cursor: text; +.emotion-31 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -5372,331 +4917,4441 @@ exports[`object fields with title and description from uiSchema additionalProper -webkit-box-align: center; -ms-flex-align: center; align-items: center; - width: 100%; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.75; + letter-spacing: 0.02857em; + text-transform: uppercase; + min-width: 64px; + padding: 6px 16px; border-radius: 4px; + -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #fff; + background-color: #1976d2; + box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } -.emotion-11.Mui-disabled { - color: rgba(0, 0, 0, 0.38); - cursor: default; +.emotion-31::-moz-focus-inner { + border-style: none; } -.emotion-11:hover .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.87); +.emotion-31.Mui-disabled { + pointer-events: none; + cursor: default; } -@media (hover: none) { - .emotion-11:hover .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.23); +@media print { + .emotion-31 { + -webkit-print-color-adjust: exact; + color-adjust: exact; } } -.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline { - border-color: #1976d2; - border-width: 2px; +.emotion-31:hover { + -webkit-text-decoration: none; + text-decoration: none; + background-color: #1565c0; + box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); } -.emotion-11.Mui-error .MuiOutlinedInput-notchedOutline { - border-color: #d32f2f; +@media (hover: none) { + .emotion-31:hover { + background-color: #1976d2; + } } -.emotion-11.Mui-disabled .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.26); +.emotion-31:active { + box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } -.emotion-12 { - font: inherit; - letter-spacing: inherit; - color: currentColor; - padding: 4px 0 5px; - border: 0; - box-sizing: content-box; - background: none; - height: 1.4375em; - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - padding: 16.5px 14px; -} - -.emotion-12::-webkit-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - -.emotion-12::-moz-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - -.emotion-12:-ms-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - -.emotion-12::-ms-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - -.emotion-12:focus { - outline: 0; +.emotion-31.Mui-focusVisible { + box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } -.emotion-12:invalid { +.emotion-31.Mui-disabled { + color: rgba(0, 0, 0, 0.26); box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); } -.emotion-12::-webkit-search-decoration { - -webkit-appearance: none; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-webkit-input-placeholder { - opacity: 0!important; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-moz-placeholder { - opacity: 0!important; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:-ms-input-placeholder { - opacity: 0!important; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-ms-input-placeholder { - opacity: 0!important; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-webkit-input-placeholder { - opacity: 0.42; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-moz-placeholder { - opacity: 0.42; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus:-ms-input-placeholder { - opacity: 0.42; -} - -label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-placeholder { - opacity: 0.42; -} - -.emotion-12.Mui-disabled { - opacity: 1; - -webkit-text-fill-color: rgba(0, 0, 0, 0.38); -} - -.emotion-12:-webkit-autofill { - -webkit-animation-duration: 5000s; - animation-duration: 5000s; - -webkit-animation-name: mui-auto-fill; - animation-name: mui-auto-fill; -} - -.emotion-12:-webkit-autofill { - border-radius: inherit; -} - -.emotion-13 { - text-align: left; - position: absolute; - bottom: 0; - right: 0; - top: -5px; - left: 0; - margin: 0; - padding: 0 8px; - pointer-events: none; - border-radius: inherit; - border-style: solid; - border-width: 1px; - overflow: hidden; - min-width: 0%; - border-color: rgba(0, 0, 0, 0.23); -} - -.emotion-14 { - float: unset; - width: auto; - overflow: hidden; - display: block; - padding: 0; - height: 11px; - font-size: 0.75em; - visibility: hidden; - max-width: 0.01px; - -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - white-space: nowrap; -} - -.emotion-14>span { - padding-left: 5px; - padding-right: 5px; - display: inline-block; - opacity: 0; - visibility: visible; -} - -.emotion-17 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - min-width: 0; - padding: 0; - margin: 0; - border: 0; - vertical-align: top; -} - -.emotion-18 { - color: rgba(0, 0, 0, 0.6); - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.4375em; - letter-spacing: 0.00938em; - padding: 0; - position: relative; - display: block; - transform-origin: top left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: calc(133% - 32px); - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate(14px, -9px) scale(0.75); - -moz-transform: translate(14px, -9px) scale(0.75); - -ms-transform: translate(14px, -9px) scale(0.75); - transform: translate(14px, -9px) scale(0.75); - -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - z-index: 1; - pointer-events: auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.emotion-18.Mui-focused { - color: #1976d2; -} - -.emotion-18.Mui-disabled { - color: rgba(0, 0, 0, 0.38); -} - -.emotion-18.Mui-error { - color: #d32f2f; -} - -.emotion-19 { - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.4375em; - letter-spacing: 0.00938em; - color: rgba(0, 0, 0, 0.87); - box-sizing: border-box; - position: relative; - cursor: text; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - border-radius: 4px; -} - -.emotion-19.Mui-disabled { - color: rgba(0, 0, 0, 0.38); - cursor: default; -} - -.emotion-19:hover .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.87); -} - -@media (hover: none) { - .emotion-19:hover .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.23); - } -} - -.emotion-19.Mui-focused .MuiOutlinedInput-notchedOutline { - border-color: #1976d2; - border-width: 2px; -} - -.emotion-19.Mui-error .MuiOutlinedInput-notchedOutline { - border-color: #d32f2f; -} - -.emotion-19.Mui-disabled .MuiOutlinedInput-notchedOutline { - border-color: rgba(0, 0, 0, 0.26); +
+
+
+
+
+ My Field +
+
+
+
+ a fancier description +
+
+
+
+
+
+ +
+ +
+ + + foo Key + + +
+
+
+
+
+
+
+ +
+ +
+ + + foo + + +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from both object 1`] = ` +.emotion-0 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1.5rem; + line-height: 1.334; + letter-spacing: 0em; +} + +.emotion-3 { + margin: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-width: 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: thin; +} + +.emotion-4 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.57; + letter-spacing: 0.00714em; +} + +.emotion-5 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; +} + +.emotion-5>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-5>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-6 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1536px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +.emotion-8 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; +} + +.emotion-9 { + color: rgba(0, 0, 0, 0.6); + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + padding: 0; + position: relative; + display: block; + transform-origin: top left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 24px); + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(14px, 16px) scale(1); + -moz-transform: translate(14px, 16px) scale(1); + -ms-transform: translate(14px, 16px) scale(1); + transform: translate(14px, 16px) scale(1); + -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + z-index: 1; + pointer-events: none; +} + +.emotion-9.Mui-focused { + color: #1976d2; +} + +.emotion-9.Mui-disabled { + color: rgba(0, 0, 0, 0.38); +} + +.emotion-9.Mui-error { + color: #d32f2f; +} + +.emotion-10 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + border-radius: 4px; +} + +.emotion-10.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-10:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-10:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-10.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-10.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-10.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); +} + +.emotion-11 { + font: inherit; + letter-spacing: inherit; + color: currentColor; + padding: 4px 0 5px; + border: 0; + box-sizing: content-box; + background: none; + height: 1.4375em; + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + padding: 16.5px 14px; +} + +.emotion-11::-webkit-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-11::-moz-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-11:-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-11::-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-11:focus { + outline: 0; +} + +.emotion-11:invalid { + box-shadow: none; +} + +.emotion-11::-webkit-search-decoration { + -webkit-appearance: none; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-webkit-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-moz-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-webkit-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-moz-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus:-ms-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input-placeholder { + opacity: 0.42; +} + +.emotion-11.Mui-disabled { + opacity: 1; + -webkit-text-fill-color: rgba(0, 0, 0, 0.38); +} + +.emotion-11:-webkit-autofill { + -webkit-animation-duration: 5000s; + animation-duration: 5000s; + -webkit-animation-name: mui-auto-fill; + animation-name: mui-auto-fill; +} + +.emotion-11:-webkit-autofill { + border-radius: inherit; +} + +.emotion-12 { + text-align: left; + position: absolute; + bottom: 0; + right: 0; + top: -5px; + left: 0; + margin: 0; + padding: 0 8px; + pointer-events: none; + border-radius: inherit; + border-style: solid; + border-width: 1px; + overflow: hidden; + min-width: 0%; + border-color: rgba(0, 0, 0, 0.23); +} + +.emotion-13 { + float: unset; + width: auto; + overflow: hidden; + display: block; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 0.01px; + -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + white-space: nowrap; +} + +.emotion-13>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; +} + +.emotion-14 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 0.75rem; + line-height: 1.66; + letter-spacing: 0.03333em; + color: rgba(0, 0, 0, 0.6); +} + +.emotion-24 { + margin-top: 24px; +} + +.emotion-25 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.75; + letter-spacing: 0.02857em; + text-transform: uppercase; + min-width: 64px; + padding: 6px 16px; + border-radius: 4px; + -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #fff; + background-color: #1976d2; + box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); +} + +.emotion-25::-moz-focus-inner { + border-style: none; +} + +.emotion-25.Mui-disabled { + pointer-events: none; + cursor: default; +} + +@media print { + .emotion-25 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-25:hover { + -webkit-text-decoration: none; + text-decoration: none; + background-color: #1565c0; + box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); +} + +@media (hover: none) { + .emotion-25:hover { + background-color: #1976d2; + } +} + +.emotion-25:active { + box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); +} + +.emotion-25.Mui-focusVisible { + box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); +} + +.emotion-25.Mui-disabled { + color: rgba(0, 0, 0, 0.26); + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); +} + +.emotion-26 { + overflow: hidden; + pointer-events: none; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; +} + +
+
+
+
+
+ My Field +
+
+
+
+ a fancier description +
+
+
+
+
+
+ +
+ +
+ + + My Item A + + +
+
+
+ + a fancier item A description + +
+
+
+
+
+
+
+ +
+ +
+ + + My Item B + + +
+
+
+ + a fancier item B description + +
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from uiSchema additionalProperties 1`] = ` +.emotion-0 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1.5rem; + line-height: 1.334; + letter-spacing: 0em; +} + +.emotion-3 { + margin: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-width: 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: thin; +} + +.emotion-4 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.57; + letter-spacing: 0.00714em; +} + +.emotion-5 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; +} + +.emotion-5>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-5>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-6 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1536px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +.emotion-7 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-7>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-7>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-8 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:1536px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +.emotion-9 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; +} + +.emotion-10 { + color: rgba(0, 0, 0, 0.6); + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + padding: 0; + position: relative; + display: block; + transform-origin: top left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 24px); + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(14px, 16px) scale(1); + -moz-transform: translate(14px, 16px) scale(1); + -ms-transform: translate(14px, 16px) scale(1); + transform: translate(14px, 16px) scale(1); + -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + z-index: 1; + pointer-events: none; +} + +.emotion-10.Mui-focused { + color: #1976d2; +} + +.emotion-10.Mui-disabled { + color: rgba(0, 0, 0, 0.38); +} + +.emotion-10.Mui-error { + color: #d32f2f; +} + +.emotion-11 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + position: relative; + border-radius: 4px; +} + +.emotion-11.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-11:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-11:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-11.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-11.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); +} + +.emotion-12 { + font: inherit; + letter-spacing: inherit; + color: currentColor; + padding: 4px 0 5px; + border: 0; + box-sizing: content-box; + background: none; + height: 1.4375em; + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + padding: 16.5px 14px; +} + +.emotion-12::-webkit-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-12::-moz-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-12:-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-12::-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-12:focus { + outline: 0; +} + +.emotion-12:invalid { + box-shadow: none; +} + +.emotion-12::-webkit-search-decoration { + -webkit-appearance: none; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-webkit-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-moz-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-webkit-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-moz-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus:-ms-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-placeholder { + opacity: 0.42; +} + +.emotion-12.Mui-disabled { + opacity: 1; + -webkit-text-fill-color: rgba(0, 0, 0, 0.38); +} + +.emotion-12:-webkit-autofill { + -webkit-animation-duration: 5000s; + animation-duration: 5000s; + -webkit-animation-name: mui-auto-fill; + animation-name: mui-auto-fill; +} + +.emotion-12:-webkit-autofill { + border-radius: inherit; +} + +.emotion-13 { + text-align: left; + position: absolute; + bottom: 0; + right: 0; + top: -5px; + left: 0; + margin: 0; + padding: 0 8px; + pointer-events: none; + border-radius: inherit; + border-style: solid; + border-width: 1px; + overflow: hidden; + min-width: 0%; + border-color: rgba(0, 0, 0, 0.23); +} + +.emotion-14 { + float: unset; + width: auto; + overflow: hidden; + display: block; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 0.01px; + -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + white-space: nowrap; +} + +.emotion-14>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; +} + +.emotion-17 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; +} + +.emotion-18 { + color: rgba(0, 0, 0, 0.6); + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + padding: 0; + position: relative; + display: block; + transform-origin: top left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(133% - 32px); + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(14px, -9px) scale(0.75); + -moz-transform: translate(14px, -9px) scale(0.75); + -ms-transform: translate(14px, -9px) scale(0.75); + transform: translate(14px, -9px) scale(0.75); + -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + z-index: 1; + pointer-events: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.emotion-18.Mui-focused { + color: #1976d2; +} + +.emotion-18.Mui-disabled { + color: rgba(0, 0, 0, 0.38); +} + +.emotion-18.Mui-error { + color: #d32f2f; +} + +.emotion-19 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + border-radius: 4px; +} + +.emotion-19.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-19:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-19:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-19.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-19.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-19.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); +} + +.emotion-22 { + float: unset; + width: auto; + overflow: hidden; + display: block; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 100%; + -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + white-space: nowrap; +} + +.emotion-22>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; +} + +.emotion-23 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} + +.emotion-24 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #d32f2f; + padding: 5px; + font-size: 1.125rem; +} + +.emotion-24::-moz-focus-inner { + border-style: none; +} + +.emotion-24.Mui-disabled { + pointer-events: none; + cursor: default; +} + +@media print { + .emotion-24 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-24:hover { + background-color: rgba(0, 0, 0, 0.04); +} + +@media (hover: none) { + .emotion-24:hover { + background-color: transparent; + } +} + +.emotion-24:hover { + background-color: rgba(211, 47, 47, 0.04); +} + +@media (hover: none) { + .emotion-24:hover { + background-color: transparent; + } +} + +.emotion-24.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +.emotion-25 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-26 { + overflow: hidden; + pointer-events: none; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; +} + +.emotion-27 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-29 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #1976d2; +} + +.emotion-29::-moz-focus-inner { + border-style: none; +} + +.emotion-29.Mui-disabled { + pointer-events: none; + cursor: default; +} + +@media print { + .emotion-29 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-29:hover { + background-color: rgba(0, 0, 0, 0.04); +} + +@media (hover: none) { + .emotion-29:hover { + background-color: transparent; + } +} + +.emotion-29:hover { + background-color: rgba(25, 118, 210, 0.04); +} + +@media (hover: none) { + .emotion-29:hover { + background-color: transparent; + } +} + +.emotion-29.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +.emotion-32 { + margin-top: 24px; +} + +.emotion-33 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.75; + letter-spacing: 0.02857em; + text-transform: uppercase; + min-width: 64px; + padding: 6px 16px; + border-radius: 4px; + -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #fff; + background-color: #1976d2; + box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); +} + +.emotion-33::-moz-focus-inner { + border-style: none; +} + +.emotion-33.Mui-disabled { + pointer-events: none; + cursor: default; +} + +@media print { + .emotion-33 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-33:hover { + -webkit-text-decoration: none; + text-decoration: none; + background-color: #1565c0; + box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); +} + +@media (hover: none) { + .emotion-33:hover { + background-color: #1976d2; + } +} + +.emotion-33:active { + box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); +} + +.emotion-33.Mui-focusVisible { + box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); +} + +.emotion-33.Mui-disabled { + color: rgba(0, 0, 0, 0.26); + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); +} + +
+
+
+
+
+ My Field +
+
+
+
+ a fancier description +
+
+
+
+
+
+ +
+ +
+ + + foo Key + + +
+
+
+
+
+
+
+ +
+ +
+ + + foo + + +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from uiSchema object 1`] = ` +.emotion-0 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1.5rem; + line-height: 1.334; + letter-spacing: 0em; +} + +.emotion-3 { + margin: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-width: 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: thin; +} + +.emotion-4 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.57; + letter-spacing: 0.00714em; +} + +.emotion-5 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; +} + +.emotion-5>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-5>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-6 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1536px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +.emotion-8 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; +} + +.emotion-9 { + color: rgba(0, 0, 0, 0.6); + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + padding: 0; + position: relative; + display: block; + transform-origin: top left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 24px); + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(14px, 16px) scale(1); + -moz-transform: translate(14px, 16px) scale(1); + -ms-transform: translate(14px, 16px) scale(1); + transform: translate(14px, 16px) scale(1); + -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + z-index: 1; + pointer-events: none; +} + +.emotion-9.Mui-focused { + color: #1976d2; +} + +.emotion-9.Mui-disabled { + color: rgba(0, 0, 0, 0.38); +} + +.emotion-9.Mui-error { + color: #d32f2f; +} + +.emotion-10 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + border-radius: 4px; +} + +.emotion-10.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-10:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-10:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-10.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-10.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-10.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); +} + +.emotion-11 { + font: inherit; + letter-spacing: inherit; + color: currentColor; + padding: 4px 0 5px; + border: 0; + box-sizing: content-box; + background: none; + height: 1.4375em; + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + padding: 16.5px 14px; +} + +.emotion-11::-webkit-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-11::-moz-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-11:-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-11::-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-11:focus { + outline: 0; +} + +.emotion-11:invalid { + box-shadow: none; +} + +.emotion-11::-webkit-search-decoration { + -webkit-appearance: none; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-webkit-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-moz-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-webkit-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-moz-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus:-ms-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input-placeholder { + opacity: 0.42; +} + +.emotion-11.Mui-disabled { + opacity: 1; + -webkit-text-fill-color: rgba(0, 0, 0, 0.38); +} + +.emotion-11:-webkit-autofill { + -webkit-animation-duration: 5000s; + animation-duration: 5000s; + -webkit-animation-name: mui-auto-fill; + animation-name: mui-auto-fill; +} + +.emotion-11:-webkit-autofill { + border-radius: inherit; +} + +.emotion-12 { + text-align: left; + position: absolute; + bottom: 0; + right: 0; + top: -5px; + left: 0; + margin: 0; + padding: 0 8px; + pointer-events: none; + border-radius: inherit; + border-style: solid; + border-width: 1px; + overflow: hidden; + min-width: 0%; + border-color: rgba(0, 0, 0, 0.23); +} + +.emotion-13 { + float: unset; + width: auto; + overflow: hidden; + display: block; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 0.01px; + -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + white-space: nowrap; +} + +.emotion-13>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; +} + +.emotion-14 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 0.75rem; + line-height: 1.66; + letter-spacing: 0.03333em; + color: rgba(0, 0, 0, 0.6); +} + +.emotion-24 { + margin-top: 24px; +} + +.emotion-25 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.75; + letter-spacing: 0.02857em; + text-transform: uppercase; + min-width: 64px; + padding: 6px 16px; + border-radius: 4px; + -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #fff; + background-color: #1976d2; + box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); +} + +.emotion-25::-moz-focus-inner { + border-style: none; +} + +.emotion-25.Mui-disabled { + pointer-events: none; + cursor: default; +} + +@media print { + .emotion-25 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-25:hover { + -webkit-text-decoration: none; + text-decoration: none; + background-color: #1565c0; + box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); +} + +@media (hover: none) { + .emotion-25:hover { + background-color: #1976d2; + } +} + +.emotion-25:active { + box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); +} + +.emotion-25.Mui-focusVisible { + box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); +} + +.emotion-25.Mui-disabled { + color: rgba(0, 0, 0, 0.26); + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); +} + +
+
+
+
+
+ My Field +
+
+
+
+ a fancier description +
+
+
+
+
+
+ +
+ +
+ + + My Item A + + +
+
+
+ + a fancier item A description + +
+
+
+
+
+
+
+ +
+ +
+ + + My Item B + + +
+
+
+ + a fancier item B description + +
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from uiSchema show add button and fields if additionalProperties is true and not an object 1`] = ` +.emotion-0 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1.5rem; + line-height: 1.334; + letter-spacing: 0em; +} + +.emotion-3 { + margin: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-width: 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: thin; +} + +.emotion-4 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.57; + letter-spacing: 0.00714em; +} + +.emotion-5 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; +} + +.emotion-5>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-5>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-6 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1536px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +.emotion-7 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-7>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-7>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-8 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:1536px) { + .emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +.emotion-9 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; +} + +.emotion-10 { + color: rgba(0, 0, 0, 0.6); + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + padding: 0; + position: relative; + display: block; + transform-origin: top left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(133% - 32px); + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(14px, -9px) scale(0.75); + -moz-transform: translate(14px, -9px) scale(0.75); + -ms-transform: translate(14px, -9px) scale(0.75); + transform: translate(14px, -9px) scale(0.75); + -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + z-index: 1; + pointer-events: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.emotion-10.Mui-focused { + color: #1976d2; +} + +.emotion-10.Mui-disabled { + color: rgba(0, 0, 0, 0.38); +} + +.emotion-10.Mui-error { + color: #d32f2f; +} + +.emotion-11 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + position: relative; + border-radius: 4px; +} + +.emotion-11.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-11:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-11:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-11.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-11.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); +} + +.emotion-12 { + font: inherit; + letter-spacing: inherit; + color: currentColor; + padding: 4px 0 5px; + border: 0; + box-sizing: content-box; + background: none; + height: 1.4375em; + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + padding: 16.5px 14px; +} + +.emotion-12::-webkit-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-12::-moz-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-12:-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-12::-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-12:focus { + outline: 0; +} + +.emotion-12:invalid { + box-shadow: none; +} + +.emotion-12::-webkit-search-decoration { + -webkit-appearance: none; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-webkit-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-moz-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-webkit-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-moz-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus:-ms-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-placeholder { + opacity: 0.42; +} + +.emotion-12.Mui-disabled { + opacity: 1; + -webkit-text-fill-color: rgba(0, 0, 0, 0.38); +} + +.emotion-12:-webkit-autofill { + -webkit-animation-duration: 5000s; + animation-duration: 5000s; + -webkit-animation-name: mui-auto-fill; + animation-name: mui-auto-fill; +} + +.emotion-12:-webkit-autofill { + border-radius: inherit; +} + +.emotion-13 { + text-align: left; + position: absolute; + bottom: 0; + right: 0; + top: -5px; + left: 0; + margin: 0; + padding: 0 8px; + pointer-events: none; + border-radius: inherit; + border-style: solid; + border-width: 1px; + overflow: hidden; + min-width: 0%; + border-color: rgba(0, 0, 0, 0.23); +} + +.emotion-14 { + float: unset; + width: auto; + overflow: hidden; + display: block; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 100%; + -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + white-space: nowrap; +} + +.emotion-14>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; +} + +.emotion-17 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; +} + +.emotion-19 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + border-radius: 4px; +} + +.emotion-19.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-19:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-19:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-19.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-19.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-19.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); +} + +.emotion-23 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} + +.emotion-24 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #d32f2f; + padding: 5px; + font-size: 1.125rem; +} + +.emotion-24::-moz-focus-inner { + border-style: none; +} + +.emotion-24.Mui-disabled { + pointer-events: none; + cursor: default; +} + +@media print { + .emotion-24 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-24:hover { + background-color: rgba(0, 0, 0, 0.04); +} + +@media (hover: none) { + .emotion-24:hover { + background-color: transparent; + } +} + +.emotion-24:hover { + background-color: rgba(211, 47, 47, 0.04); +} + +@media (hover: none) { + .emotion-24:hover { + background-color: transparent; + } +} + +.emotion-24.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +.emotion-25 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-26 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-28 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #1976d2; +} + +.emotion-28::-moz-focus-inner { + border-style: none; +} + +.emotion-28.Mui-disabled { + pointer-events: none; + cursor: default; +} + +@media print { + .emotion-28 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-28:hover { + background-color: rgba(0, 0, 0, 0.04); +} + +@media (hover: none) { + .emotion-28:hover { + background-color: transparent; + } +} + +.emotion-28:hover { + background-color: rgba(25, 118, 210, 0.04); +} + +@media (hover: none) { + .emotion-28:hover { + background-color: transparent; + } +} + +.emotion-28.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +.emotion-30 { + margin-top: 24px; +} + +.emotion-31 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.75; + letter-spacing: 0.02857em; + text-transform: uppercase; + min-width: 64px; + padding: 6px 16px; + border-radius: 4px; + -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #fff; + background-color: #1976d2; + box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); +} + +.emotion-31::-moz-focus-inner { + border-style: none; +} + +.emotion-31.Mui-disabled { + pointer-events: none; + cursor: default; +} + +@media print { + .emotion-31 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-31:hover { + -webkit-text-decoration: none; + text-decoration: none; + background-color: #1565c0; + box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); +} + +@media (hover: none) { + .emotion-31:hover { + background-color: #1976d2; + } +} + +.emotion-31:active { + box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); +} + +.emotion-31.Mui-focusVisible { + box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); +} + +.emotion-31.Mui-disabled { + color: rgba(0, 0, 0, 0.26); + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); +} + +
+
+
+
+
+ My Field +
+
+
+
+ a fancier description +
+
+
+
+
+
+ +
+ +
+ + + additionalProperty Key + + +
+
+
+
+
+
+
+ +
+ +
+ + + additionalProperty + + +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description object 1`] = ` +.emotion-0 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1.5rem; + line-height: 1.334; + letter-spacing: 0em; +} + +.emotion-3 { + margin: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-width: 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: thin; +} + +.emotion-4 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 500; + font-size: 0.875rem; + line-height: 1.57; + letter-spacing: 0.00714em; +} + +.emotion-5 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; +} + +.emotion-5>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-5>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-6 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } } -.emotion-22 { - float: unset; - width: auto; - overflow: hidden; - display: block; +@media (min-width:1536px) { + .emotion-6 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +.emotion-8 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; padding: 0; - height: 11px; - font-size: 0.75em; - visibility: hidden; - max-width: 100%; - -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; - transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + margin: 0; + border: 0; + vertical-align: top; +} + +.emotion-9 { + color: rgba(0, 0, 0, 0.6); + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + padding: 0; + position: relative; + display: block; + transform-origin: top left; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 24px); + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(14px, 16px) scale(1); + -moz-transform: translate(14px, 16px) scale(1); + -ms-transform: translate(14px, 16px) scale(1); + transform: translate(14px, 16px) scale(1); + -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + z-index: 1; + pointer-events: none; } -.emotion-22>span { - padding-left: 5px; - padding-right: 5px; - display: inline-block; - opacity: 0; - visibility: visible; +.emotion-9.Mui-focused { + color: #1976d2; } -.emotion-23 { - box-sizing: border-box; - margin: 0; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; +.emotion-9.Mui-disabled { + color: rgba(0, 0, 0, 0.38); } -.emotion-24 { +.emotion-9.Mui-error { + color: #d32f2f; +} + +.emotion-10 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -5705,229 +9360,203 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- -webkit-box-align: center; -ms-flex-align: center; align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; + border-radius: 4px; +} + +.emotion-10.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-10:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-10:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-10.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-10.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-10.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); +} + +.emotion-11 { + font: inherit; + letter-spacing: inherit; + color: currentColor; + padding: 4px 0 5px; border: 0; + box-sizing: content-box; + background: none; + height: 1.4375em; margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - text-align: center; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 1.5rem; - padding: 8px; - border-radius: 50%; - overflow: visible; - color: rgba(0, 0, 0, 0.54); - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: #d32f2f; - padding: 5px; - font-size: 1.125rem; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + padding: 16.5px 14px; } -.emotion-24::-moz-focus-inner { - border-style: none; +.emotion-11::-webkit-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-24.Mui-disabled { - pointer-events: none; - cursor: default; +.emotion-11::-moz-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -@media print { - .emotion-24 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } +.emotion-11:-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-24:hover { - background-color: rgba(0, 0, 0, 0.04); +.emotion-11::-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -@media (hover: none) { - .emotion-24:hover { - background-color: transparent; - } +.emotion-11:focus { + outline: 0; } -.emotion-24:hover { - background-color: rgba(211, 47, 47, 0.04); +.emotion-11:invalid { + box-shadow: none; } -@media (hover: none) { - .emotion-24:hover { - background-color: transparent; - } +.emotion-11::-webkit-search-decoration { + -webkit-appearance: none; } -.emotion-24.Mui-disabled { - background-color: transparent; - color: rgba(0, 0, 0, 0.26); +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-webkit-input-placeholder { + opacity: 0!important; } -.emotion-25 { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 1em; - height: 1em; - display: inline-block; - fill: currentColor; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - font-size: 1.5rem; +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-moz-placeholder { + opacity: 0!important; } -.emotion-26 { - overflow: hidden; - pointer-events: none; - position: absolute; - z-index: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:-ms-input-placeholder { + opacity: 0!important; } -.emotion-27 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-ms-input-placeholder { + opacity: 0!important; } -.emotion-29 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - text-align: center; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 1.5rem; - padding: 8px; - border-radius: 50%; - overflow: visible; - color: rgba(0, 0, 0, 0.54); - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: #1976d2; +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-webkit-input-placeholder { + opacity: 0.42; } -.emotion-29::-moz-focus-inner { - border-style: none; +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-moz-placeholder { + opacity: 0.42; } -.emotion-29.Mui-disabled { - pointer-events: none; - cursor: default; +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus:-ms-input-placeholder { + opacity: 0.42; } -@media print { - .emotion-29 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } +label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input-placeholder { + opacity: 0.42; } -.emotion-29:hover { - background-color: rgba(0, 0, 0, 0.04); +.emotion-11.Mui-disabled { + opacity: 1; + -webkit-text-fill-color: rgba(0, 0, 0, 0.38); } -@media (hover: none) { - .emotion-29:hover { - background-color: transparent; - } +.emotion-11:-webkit-autofill { + -webkit-animation-duration: 5000s; + animation-duration: 5000s; + -webkit-animation-name: mui-auto-fill; + animation-name: mui-auto-fill; } -.emotion-29:hover { - background-color: rgba(25, 118, 210, 0.04); +.emotion-11:-webkit-autofill { + border-radius: inherit; } -@media (hover: none) { - .emotion-29:hover { - background-color: transparent; - } +.emotion-12 { + text-align: left; + position: absolute; + bottom: 0; + right: 0; + top: -5px; + left: 0; + margin: 0; + padding: 0 8px; + pointer-events: none; + border-radius: inherit; + border-style: solid; + border-width: 1px; + overflow: hidden; + min-width: 0%; + border-color: rgba(0, 0, 0, 0.23); } -.emotion-29.Mui-disabled { - background-color: transparent; - color: rgba(0, 0, 0, 0.26); +.emotion-13 { + float: unset; + width: auto; + overflow: hidden; + display: block; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 0.01px; + -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + white-space: nowrap; } -.emotion-32 { +.emotion-13>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; +} + +.emotion-14 { + margin: 0; + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 0.75rem; + line-height: 1.66; + letter-spacing: 0.03333em; + color: rgba(0, 0, 0, 0.6); +} + +.emotion-24 { margin-top: 24px; } -.emotion-33 { +.emotion-25 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -5976,23 +9605,23 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } -.emotion-33::-moz-focus-inner { +.emotion-25::-moz-focus-inner { border-style: none; } -.emotion-33.Mui-disabled { +.emotion-25.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-33 { + .emotion-25 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-33:hover { +.emotion-25:hover { -webkit-text-decoration: none; text-decoration: none; background-color: #1565c0; @@ -6000,25 +9629,37 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input- } @media (hover: none) { - .emotion-33:hover { + .emotion-25:hover { background-color: #1976d2; } } -.emotion-33:active { +.emotion-25:active { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } -.emotion-33.Mui-focusVisible { +.emotion-25.Mui-focusVisible { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } -.emotion-33.Mui-disabled { +.emotion-25.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); } +.emotion-26 { + overflow: hidden; + pointer-events: none; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; +} +
- My Field + Test field
- a fancier description + a test description
+
+
+ +
+ +
+ + + A + + +
+
+
+ + A description + +
+
+
+
+
- foo Key + B
-
-
-
-
- -
- -
- - - foo - - -
-
-
-
-
-
- + B description +
-
-
- -
-
-
-
- -
- -
- - - My Item B - - -
-
-
+ + - a fancier item B description - -
+ className="MuiTouchRipple-root emotion-26" + /> +
`; -exports[`object fields with title and description object 1`] = ` +exports[`object fields with title and description with global label off additionalProperties 1`] = ` .emotion-0 { display: -webkit-inline-box; display: -webkit-inline-flex; @@ -7038,40 +11141,6 @@ exports[`object fields with title and description object 1`] = ` } .emotion-1 { - margin-bottom: 8px; - margin-top: 8px; -} - -.emotion-2 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 1.5rem; - line-height: 1.334; - letter-spacing: 0em; -} - -.emotion-3 { - margin: 0; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-width: 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: thin; -} - -.emotion-4 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.57; - letter-spacing: 0.00714em; -} - -.emotion-5 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -7090,15 +11159,15 @@ exports[`object fields with title and description object 1`] = ` margin-left: -16px; } -.emotion-5>.MuiGrid-item { +.emotion-1>.MuiGrid-item { padding-top: 16px; } -.emotion-5>.MuiGrid-item { +.emotion-1>.MuiGrid-item { padding-left: 16px; } -.emotion-6 { +.emotion-2 { box-sizing: border-box; margin: 0; -webkit-flex-direction: row; @@ -7115,7 +11184,7 @@ exports[`object fields with title and description object 1`] = ` } @media (min-width:600px) { - .emotion-6 { + .emotion-2 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -7128,7 +11197,33 @@ exports[`object fields with title and description object 1`] = ` } @media (min-width:900px) { - .emotion-6 { + .emotion-2 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1200px) { + .emotion-2 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } +} + +@media (min-width:1536px) { + .emotion-2 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -7140,33 +11235,106 @@ exports[`object fields with title and description object 1`] = ` } } +.emotion-3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-3>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-3>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-4 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; +} + +@media (min-width:600px) { + .emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + +@media (min-width:900px) { + .emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } +} + @media (min-width:1200px) { - .emotion-6 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; + .emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; max-width: 100%; } } @media (min-width:1536px) { - .emotion-6 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; + .emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; max-width: 100%; } } -.emotion-8 { +.emotion-5 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -7180,9 +11348,10 @@ exports[`object fields with title and description object 1`] = ` margin: 0; border: 0; vertical-align: top; + width: 100%; } -.emotion-9 { +.emotion-6 { color: rgba(0, 0, 0, 0.6); font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; @@ -7196,33 +11365,37 @@ exports[`object fields with title and description object 1`] = ` white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - 24px); + max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); + -webkit-transform: translate(14px, -9px) scale(0.75); + -moz-transform: translate(14px, -9px) scale(0.75); + -ms-transform: translate(14px, -9px) scale(0.75); + transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; - pointer-events: none; + pointer-events: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -.emotion-9.Mui-focused { +.emotion-6.Mui-focused { color: #1976d2; } -.emotion-9.Mui-disabled { +.emotion-6.Mui-disabled { color: rgba(0, 0, 0, 0.38); } -.emotion-9.Mui-error { +.emotion-6.Mui-error { color: #d32f2f; } -.emotion-10 { +.emotion-7 { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1rem; @@ -7240,39 +11413,40 @@ exports[`object fields with title and description object 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; + width: 100%; position: relative; border-radius: 4px; } -.emotion-10.Mui-disabled { +.emotion-7.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } -.emotion-10:hover .MuiOutlinedInput-notchedOutline { +.emotion-7:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { - .emotion-10:hover .MuiOutlinedInput-notchedOutline { + .emotion-7:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } -.emotion-10.Mui-focused .MuiOutlinedInput-notchedOutline { +.emotion-7.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #1976d2; border-width: 2px; } -.emotion-10.Mui-error .MuiOutlinedInput-notchedOutline { +.emotion-7.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #d32f2f; } -.emotion-10.Mui-disabled .MuiOutlinedInput-notchedOutline { +.emotion-7.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } -.emotion-11 { +.emotion-8 { font: inherit; letter-spacing: inherit; color: currentColor; @@ -7293,150 +11467,429 @@ exports[`object fields with title and description object 1`] = ` padding: 16.5px 14px; } -.emotion-11::-webkit-input-placeholder { +.emotion-8::-webkit-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-11::-moz-placeholder { +.emotion-8::-moz-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-8:-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-11:-ms-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +.emotion-8::-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-8:focus { + outline: 0; +} + +.emotion-8:invalid { + box-shadow: none; +} + +.emotion-8::-webkit-search-decoration { + -webkit-appearance: none; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-webkit-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-moz-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-ms-input-placeholder { + opacity: 0!important; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-webkit-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-moz-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus:-ms-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-ms-input-placeholder { + opacity: 0.42; +} + +.emotion-8.Mui-disabled { + opacity: 1; + -webkit-text-fill-color: rgba(0, 0, 0, 0.38); +} + +.emotion-8:-webkit-autofill { + -webkit-animation-duration: 5000s; + animation-duration: 5000s; + -webkit-animation-name: mui-auto-fill; + animation-name: mui-auto-fill; +} + +.emotion-8:-webkit-autofill { + border-radius: inherit; +} + +.emotion-9 { + text-align: left; + position: absolute; + bottom: 0; + right: 0; + top: -5px; + left: 0; + margin: 0; + padding: 0 8px; + pointer-events: none; + border-radius: inherit; + border-style: solid; + border-width: 1px; + overflow: hidden; + min-width: 0%; + border-color: rgba(0, 0, 0, 0.23); +} + +.emotion-10 { + float: unset; + width: auto; + overflow: hidden; + display: block; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 100%; + -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + white-space: nowrap; +} + +.emotion-10>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; +} + +.emotion-13 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; +} + +.emotion-15 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + border-radius: 4px; +} + +.emotion-15.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.emotion-15:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); +} + +@media (hover: none) { + .emotion-15:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); + } +} + +.emotion-15.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; +} + +.emotion-15.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; +} + +.emotion-15.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); } -.emotion-11::-ms-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +.emotion-19 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } -.emotion-11:focus { +.emotion-20 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #d32f2f; + padding: 5px; + font-size: 1.125rem; } -.emotion-11:invalid { - box-shadow: none; +.emotion-20::-moz-focus-inner { + border-style: none; } -.emotion-11::-webkit-search-decoration { - -webkit-appearance: none; +.emotion-20.Mui-disabled { + pointer-events: none; + cursor: default; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-webkit-input-placeholder { - opacity: 0!important; +@media print { + .emotion-20 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-moz-placeholder { - opacity: 0!important; +.emotion-20:hover { + background-color: rgba(0, 0, 0, 0.04); } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:-ms-input-placeholder { - opacity: 0!important; +@media (hover: none) { + .emotion-20:hover { + background-color: transparent; + } } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11::-ms-input-placeholder { - opacity: 0!important; +.emotion-20:hover { + background-color: rgba(211, 47, 47, 0.04); } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-webkit-input-placeholder { - opacity: 0.42; +@media (hover: none) { + .emotion-20:hover { + background-color: transparent; + } } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-moz-placeholder { - opacity: 0.42; +.emotion-20.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus:-ms-input-placeholder { - opacity: 0.42; +.emotion-21 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input-placeholder { - opacity: 0.42; +.emotion-22 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; } -.emotion-11.Mui-disabled { - opacity: 1; - -webkit-text-fill-color: rgba(0, 0, 0, 0.38); +.emotion-24 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #1976d2; } -.emotion-11:-webkit-autofill { - -webkit-animation-duration: 5000s; - animation-duration: 5000s; - -webkit-animation-name: mui-auto-fill; - animation-name: mui-auto-fill; +.emotion-24::-moz-focus-inner { + border-style: none; } -.emotion-11:-webkit-autofill { - border-radius: inherit; +.emotion-24.Mui-disabled { + pointer-events: none; + cursor: default; } -.emotion-12 { - text-align: left; - position: absolute; - bottom: 0; - right: 0; - top: -5px; - left: 0; - margin: 0; - padding: 0 8px; - pointer-events: none; - border-radius: inherit; - border-style: solid; - border-width: 1px; - overflow: hidden; - min-width: 0%; - border-color: rgba(0, 0, 0, 0.23); +@media print { + .emotion-24 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } } -.emotion-13 { - float: unset; - width: auto; - overflow: hidden; - display: block; - padding: 0; - height: 11px; - font-size: 0.75em; - visibility: hidden; - max-width: 0.01px; - -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - white-space: nowrap; +.emotion-24:hover { + background-color: rgba(0, 0, 0, 0.04); } -.emotion-13>span { - padding-left: 5px; - padding-right: 5px; - display: inline-block; - opacity: 0; - visibility: visible; +@media (hover: none) { + .emotion-24:hover { + background-color: transparent; + } +} + +.emotion-24:hover { + background-color: rgba(25, 118, 210, 0.04); +} + +@media (hover: none) { + .emotion-24:hover { + background-color: transparent; + } } -.emotion-14 { - margin: 0; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 400; - font-size: 0.75rem; - line-height: 1.66; - letter-spacing: 0.03333em; - color: rgba(0, 0, 0, 0.6); +.emotion-24.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); } -.emotion-24 { +.emotion-26 { margin-top: 24px; } -.emotion-25 { +.emotion-27 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -7485,23 +11938,23 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input- box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } -.emotion-25::-moz-focus-inner { +.emotion-27::-moz-focus-inner { border-style: none; } -.emotion-25.Mui-disabled { +.emotion-27.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-25 { + .emotion-27 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-25:hover { +.emotion-27:hover { -webkit-text-decoration: none; text-decoration: none; background-color: #1565c0; @@ -7509,20 +11962,20 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input- } @media (hover: none) { - .emotion-25:hover { + .emotion-27:hover { background-color: #1976d2; } } -.emotion-25:active { +.emotion-27:active { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } -.emotion-25.Mui-focusVisible { +.emotion-27.Mui-focusVisible { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } -.emotion-25.Mui-disabled { +.emotion-27.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); @@ -7539,32 +11992,9 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-11:focus::-ms-input-
+
-
- Test field -
-
-
-
- a test description -
-
- A + foo Key
- - A description -
-
-
-
-
-
- -
- +
- - B - - -
+ + + +
+
- +
+ +
+
+
+
+
+
+ + +
+
+ +`; -.emotion-20 { +exports[`object fields with title and description with global label off show add button and fields if additionalProperties is true and not an object 1`] = ` +.emotion-0 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; + min-width: 0; padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - text-align: center; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 1.5rem; - padding: 8px; - border-radius: 50%; - overflow: visible; - color: rgba(0, 0, 0, 0.54); - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: #d32f2f; - padding: 5px; - font-size: 1.125rem; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; } -.emotion-20::-moz-focus-inner { - border-style: none; +.emotion-1 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; } -.emotion-20.Mui-disabled { - pointer-events: none; - cursor: default; +.emotion-1>.MuiGrid-item { + padding-top: 16px; } -@media print { - .emotion-20 { - -webkit-print-color-adjust: exact; - color-adjust: exact; - } +.emotion-1>.MuiGrid-item { + padding-left: 16px; } -.emotion-20:hover { - background-color: rgba(0, 0, 0, 0.04); +.emotion-2 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; } -@media (hover: none) { - .emotion-20:hover { - background-color: transparent; +@media (min-width:600px) { + .emotion-2 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; } } -.emotion-20:hover { - background-color: rgba(211, 47, 47, 0.04); -} - -@media (hover: none) { - .emotion-20:hover { - background-color: transparent; +@media (min-width:900px) { + .emotion-2 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; } } -.emotion-20.Mui-disabled { - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - -.emotion-21 { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 1em; - height: 1em; - display: inline-block; - fill: currentColor; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - font-size: 1.5rem; +@media (min-width:1200px) { + .emotion-2 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } } -.emotion-22 { - overflow: hidden; - pointer-events: none; - position: absolute; - z-index: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; +@media (min-width:1536px) { + .emotion-2 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + max-width: 100%; + } } -.emotion-23 { +.emotion-3 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -8482,105 +12999,158 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-ms-input-p -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; - -webkit-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; -} - -.emotion-25 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + margin-top: -16px; + width: calc(100% + 16px); + margin-left: -16px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - text-align: center; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 1.5rem; - padding: 8px; - border-radius: 50%; - overflow: visible; - color: rgba(0, 0, 0, 0.54); - -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: #1976d2; } -.emotion-25::-moz-focus-inner { - border-style: none; +.emotion-3>.MuiGrid-item { + padding-top: 16px; +} + +.emotion-3>.MuiGrid-item { + padding-left: 16px; +} + +.emotion-4 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } -.emotion-25.Mui-disabled { - pointer-events: none; - cursor: default; +@media (min-width:600px) { + .emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } } -@media print { - .emotion-25 { - -webkit-print-color-adjust: exact; - color-adjust: exact; +@media (min-width:900px) { + .emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } } -.emotion-25:hover { - background-color: rgba(0, 0, 0, 0.04); +@media (min-width:1200px) { + .emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } } -@media (hover: none) { - .emotion-25:hover { - background-color: transparent; +@media (min-width:1536px) { + .emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } } -.emotion-25:hover { - background-color: rgba(25, 118, 210, 0.04); +.emotion-5 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + min-width: 0; + padding: 0; + margin: 0; + border: 0; + vertical-align: top; + width: 100%; } -@media (hover: none) { - .emotion-25:hover { - background-color: transparent; - } +.emotion-6 { + color: rgba(0, 0, 0, 0.6); + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + padding: 0; + position: relative; + display: block; + transform-origin: top left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 24px); + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(14px, 16px) scale(1); + -moz-transform: translate(14px, 16px) scale(1); + -ms-transform: translate(14px, 16px) scale(1); + transform: translate(14px, 16px) scale(1); + -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + z-index: 1; + pointer-events: none; } -.emotion-25.Mui-disabled { - background-color: transparent; - color: rgba(0, 0, 0, 0.26); +.emotion-6.Mui-focused { + color: #1976d2; } -.emotion-28 { - margin-top: 24px; +.emotion-6.Mui-disabled { + color: rgba(0, 0, 0, 0.38); } -.emotion-29 { +.emotion-6.Mui-error { + color: #d32f2f; +} + +.emotion-7 { + font-family: "Roboto","Helvetica","Arial",sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.4375em; + letter-spacing: 0.00938em; + color: rgba(0, 0, 0, 0.87); + box-sizing: border-box; + position: relative; + cursor: text; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -8589,456 +13159,190 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-ms-input-p -webkit-box-align: center; -ms-flex-align: center; align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; + width: 100%; position: relative; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - background-color: transparent; - outline: 0; - border: 0; - margin: 0; - border-radius: 0; - padding: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - -moz-appearance: none; - -webkit-appearance: none; - -webkit-text-decoration: none; - text-decoration: none; - color: inherit; - font-family: "Roboto","Helvetica","Arial",sans-serif; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.75; - letter-spacing: 0.02857em; - text-transform: uppercase; - min-width: 64px; - padding: 6px 16px; border-radius: 4px; - -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: #fff; - background-color: #1976d2; - box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } -.emotion-29::-moz-focus-inner { - border-style: none; +.emotion-7.Mui-disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; } -.emotion-29.Mui-disabled { - pointer-events: none; - cursor: default; +.emotion-7:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.87); } -@media print { - .emotion-29 { - -webkit-print-color-adjust: exact; - color-adjust: exact; +@media (hover: none) { + .emotion-7:hover .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.23); } } -.emotion-29:hover { - -webkit-text-decoration: none; - text-decoration: none; - background-color: #1565c0; - box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); +.emotion-7.Mui-focused .MuiOutlinedInput-notchedOutline { + border-color: #1976d2; + border-width: 2px; } -@media (hover: none) { - .emotion-29:hover { - background-color: #1976d2; - } +.emotion-7.Mui-error .MuiOutlinedInput-notchedOutline { + border-color: #d32f2f; } -.emotion-29:active { - box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); +.emotion-7.Mui-disabled .MuiOutlinedInput-notchedOutline { + border-color: rgba(0, 0, 0, 0.26); } -.emotion-29.Mui-focusVisible { - box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); +.emotion-8 { + font: inherit; + letter-spacing: inherit; + color: currentColor; + padding: 4px 0 5px; + border: 0; + box-sizing: content-box; + background: none; + height: 1.4375em; + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + padding: 16.5px 14px; } -.emotion-29.Mui-disabled { - color: rgba(0, 0, 0, 0.26); - box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); +.emotion-8::-webkit-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-8::-moz-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +} + +.emotion-8:-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -
-
-
- -
-
-
-
-
- -
- -
- - - foo Key - - -
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
- -
-
-
-
-
-
- -
-
-`; - -exports[`object fields with title and description with global label off object 1`] = ` -.emotion-0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - min-width: 0; - padding: 0; - margin: 0; - border: 0; - vertical-align: top; - width: 100%; +.emotion-8::-ms-input-placeholder { + color: currentColor; + opacity: 0.42; + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } -.emotion-1 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin-top: -16px; - width: calc(100% + 16px); - margin-left: -16px; +.emotion-8:focus { + outline: 0; } -.emotion-1>.MuiGrid-item { - padding-top: 16px; +.emotion-8:invalid { + box-shadow: none; } -.emotion-1>.MuiGrid-item { - padding-left: 16px; +.emotion-8::-webkit-search-decoration { + -webkit-appearance: none; } -.emotion-2 { - box-sizing: border-box; - margin: 0; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-webkit-input-placeholder { + opacity: 0!important; } -@media (min-width:600px) { - .emotion-2 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; - } +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-moz-placeholder { + opacity: 0!important; } -@media (min-width:900px) { - .emotion-2 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; - } +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:-ms-input-placeholder { + opacity: 0!important; } -@media (min-width:1200px) { - .emotion-2 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; - } +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8::-ms-input-placeholder { + opacity: 0!important; } -@media (min-width:1536px) { - .emotion-2 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - max-width: 100%; - } +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-webkit-input-placeholder { + opacity: 0.42; } -.emotion-4 { +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-moz-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus:-ms-input-placeholder { + opacity: 0.42; +} + +label[data-shrink=false]+.MuiInputBase-formControl .emotion-8:focus::-ms-input-placeholder { + opacity: 0.42; +} + +.emotion-8.Mui-disabled { + opacity: 1; + -webkit-text-fill-color: rgba(0, 0, 0, 0.38); +} + +.emotion-8:-webkit-autofill { + -webkit-animation-duration: 5000s; + animation-duration: 5000s; + -webkit-animation-name: mui-auto-fill; + animation-name: mui-auto-fill; +} + +.emotion-8:-webkit-autofill { + border-radius: inherit; +} + +.emotion-9 { + text-align: left; + position: absolute; + bottom: 0; + right: 0; + top: -5px; + left: 0; + margin: 0; + padding: 0 8px; + pointer-events: none; + border-radius: inherit; + border-style: solid; + border-width: 1px; + overflow: hidden; + min-width: 0%; + border-color: rgba(0, 0, 0, 0.23); +} + +.emotion-10 { + float: unset; + width: auto; + overflow: hidden; + display: block; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 0.01px; + -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; + white-space: nowrap; +} + +.emotion-10>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; +} + +.emotion-13 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9054,7 +13358,7 @@ exports[`object fields with title and description with global label off object 1 vertical-align: top; } -.emotion-5 { +.emotion-14 { color: rgba(0, 0, 0, 0.6); font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; @@ -9068,33 +13372,37 @@ exports[`object fields with title and description with global label off object 1 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - 24px); + max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; - -webkit-transform: translate(14px, 16px) scale(1); - -moz-transform: translate(14px, 16px) scale(1); - -ms-transform: translate(14px, 16px) scale(1); - transform: translate(14px, 16px) scale(1); + -webkit-transform: translate(14px, -9px) scale(0.75); + -moz-transform: translate(14px, -9px) scale(0.75); + -ms-transform: translate(14px, -9px) scale(0.75); + transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; - pointer-events: none; + pointer-events: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -.emotion-5.Mui-focused { +.emotion-14.Mui-focused { color: #1976d2; } -.emotion-5.Mui-disabled { +.emotion-14.Mui-disabled { color: rgba(0, 0, 0, 0.38); } -.emotion-5.Mui-error { +.emotion-14.Mui-error { color: #d32f2f; } -.emotion-6 { +.emotion-15 { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1rem; @@ -9116,189 +13424,297 @@ exports[`object fields with title and description with global label off object 1 border-radius: 4px; } -.emotion-6.Mui-disabled { +.emotion-15.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } -.emotion-6:hover .MuiOutlinedInput-notchedOutline { +.emotion-15:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { - .emotion-6:hover .MuiOutlinedInput-notchedOutline { + .emotion-15:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } -.emotion-6.Mui-focused .MuiOutlinedInput-notchedOutline { +.emotion-15.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #1976d2; border-width: 2px; } -.emotion-6.Mui-error .MuiOutlinedInput-notchedOutline { +.emotion-15.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #d32f2f; } -.emotion-6.Mui-disabled .MuiOutlinedInput-notchedOutline { +.emotion-15.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } -.emotion-7 { - font: inherit; - letter-spacing: inherit; - color: currentColor; - padding: 4px 0 5px; - border: 0; - box-sizing: content-box; - background: none; - height: 1.4375em; - margin: 0; - -webkit-tap-highlight-color: transparent; +.emotion-18 { + float: unset; + width: auto; + overflow: hidden; display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - padding: 16.5px 14px; + padding: 0; + height: 11px; + font-size: 0.75em; + visibility: hidden; + max-width: 100%; + -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; + white-space: nowrap; +} + +.emotion-18>span { + padding-left: 5px; + padding-right: 5px; + display: inline-block; + opacity: 0; + visibility: visible; } -.emotion-7::-webkit-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +.emotion-19 { + box-sizing: border-box; + margin: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } -.emotion-7::-moz-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +.emotion-20 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #d32f2f; + padding: 5px; + font-size: 1.125rem; } -.emotion-7:-ms-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +.emotion-20::-moz-focus-inner { + border-style: none; } -.emotion-7::-ms-input-placeholder { - color: currentColor; - opacity: 0.42; - -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +.emotion-20.Mui-disabled { + pointer-events: none; + cursor: default; } -.emotion-7:focus { - outline: 0; +@media print { + .emotion-20 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } } -.emotion-7:invalid { - box-shadow: none; +.emotion-20:hover { + background-color: rgba(0, 0, 0, 0.04); } -.emotion-7::-webkit-search-decoration { - -webkit-appearance: none; +@media (hover: none) { + .emotion-20:hover { + background-color: transparent; + } } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-webkit-input-placeholder { - opacity: 0!important; +.emotion-20:hover { + background-color: rgba(211, 47, 47, 0.04); } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-moz-placeholder { - opacity: 0!important; +@media (hover: none) { + .emotion-20:hover { + background-color: transparent; + } } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:-ms-input-placeholder { - opacity: 0!important; +.emotion-20.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-ms-input-placeholder { - opacity: 0!important; +.emotion-21 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-webkit-input-placeholder { - opacity: 0.42; +.emotion-22 { + overflow: hidden; + pointer-events: none; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-moz-placeholder { - opacity: 0.42; +.emotion-23 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus:-ms-input-placeholder { - opacity: 0.42; +.emotion-25 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + background-color: transparent; + outline: 0; + border: 0; + margin: 0; + border-radius: 0; + padding: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + -moz-appearance: none; + -webkit-appearance: none; + -webkit-text-decoration: none; + text-decoration: none; + color: inherit; + text-align: center; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1.5rem; + padding: 8px; + border-radius: 50%; + overflow: visible; + color: rgba(0, 0, 0, 0.54); + -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: #1976d2; } -label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-placeholder { - opacity: 0.42; +.emotion-25::-moz-focus-inner { + border-style: none; } -.emotion-7.Mui-disabled { - opacity: 1; - -webkit-text-fill-color: rgba(0, 0, 0, 0.38); +.emotion-25.Mui-disabled { + pointer-events: none; + cursor: default; } -.emotion-7:-webkit-autofill { - -webkit-animation-duration: 5000s; - animation-duration: 5000s; - -webkit-animation-name: mui-auto-fill; - animation-name: mui-auto-fill; +@media print { + .emotion-25 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } } -.emotion-7:-webkit-autofill { - border-radius: inherit; +.emotion-25:hover { + background-color: rgba(0, 0, 0, 0.04); } -.emotion-8 { - text-align: left; - position: absolute; - bottom: 0; - right: 0; - top: -5px; - left: 0; - margin: 0; - padding: 0 8px; - pointer-events: none; - border-radius: inherit; - border-style: solid; - border-width: 1px; - overflow: hidden; - min-width: 0%; - border-color: rgba(0, 0, 0, 0.23); +@media (hover: none) { + .emotion-25:hover { + background-color: transparent; + } } -.emotion-9 { - float: unset; - width: auto; - overflow: hidden; - display: block; - padding: 0; - height: 11px; - font-size: 0.75em; - visibility: hidden; - max-width: 0.01px; - -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; - white-space: nowrap; +.emotion-25:hover { + background-color: rgba(25, 118, 210, 0.04); } -.emotion-9>span { - padding-left: 5px; - padding-right: 5px; - display: inline-block; - opacity: 0; - visibility: visible; +@media (hover: none) { + .emotion-25:hover { + background-color: transparent; + } } -.emotion-18 { +.emotion-25.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +.emotion-28 { margin-top: 24px; } -.emotion-19 { +.emotion-29 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9347,23 +13763,23 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } -.emotion-19::-moz-focus-inner { +.emotion-29::-moz-focus-inner { border-style: none; } -.emotion-19.Mui-disabled { +.emotion-29.Mui-disabled { pointer-events: none; cursor: default; } @media print { - .emotion-19 { + .emotion-29 { -webkit-print-color-adjust: exact; color-adjust: exact; } } -.emotion-19:hover { +.emotion-29:hover { -webkit-text-decoration: none; text-decoration: none; background-color: #1565c0; @@ -9371,20 +13787,20 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p } @media (hover: none) { - .emotion-19:hover { + .emotion-29:hover { background-color: #1976d2; } } -.emotion-19:active { +.emotion-29:active { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } -.emotion-19.Mui-focusVisible { +.emotion-29.Mui-focusVisible { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } -.emotion-19.Mui-disabled { +.emotion-29.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); @@ -9396,7 +13812,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p onSubmit={[Function]} >
- + + additionalProperty Key +
-
-
-
-
-
+
+ +
+
+
+
+
+
diff --git a/packages/semantic-ui/test/__snapshots__/Object.test.tsx.snap b/packages/semantic-ui/test/__snapshots__/Object.test.tsx.snap index ccd0e96fd6..72794994b0 100644 --- a/packages/semantic-ui/test/__snapshots__/Object.test.tsx.snap +++ b/packages/semantic-ui/test/__snapshots__/Object.test.tsx.snap @@ -249,6 +249,157 @@ exports[`object fields object 1`] = ` `; +exports[`object fields show add button and fields if additionalProperties is true and not an object 1`] = ` +
+
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+ +
+ +
+
+ +
+
+
+