UNPKG

@contensis/forms

Version:
1 lines 32.1 kB
{"version":3,"sources":["../src/themes/contensis.css"],"sourcesContent":[":root {\n /* --------------------------------------------------------*/\n /* Base styles */\n /* The following variables are used to define the base */\n /* styles for the form.\n /* --------------------------------------------------------*/\n\n --global-font-family: system-ui, sans-serif;\n --global-font-size: 1rem;\n --global-font-weight-bold: 600;\n --global-font-size-label: 1.1875rem;\n\n --color-accent: #00857e;\n --color-border: #949494;\n --color-border-subtle: #dbdbdb;\n --color-error: #d4351c;\n --color-focus: #4c9aff;\n --color-progress: var(--color-accent);\n\n --color-bg-light: #fff;\n --color-bg-subtle: #fafafa;\n\n --color-text: #444;\n --color-text-subtle: #595959;\n\n --color-text-title: var(--color-text);\n --color-text-description: var(--color-text-subtle);\n --color-text-label: var(--color-text);\n --color-text-hint: var(--color-text-subtle);\n --color-text-error: var(--color-error);\n\n --size-outline: 0.1875rem;\n\n --size-border: 0.1875rem;\n --size-border-small: 0.125rem;\n --size-border-large: 0.375rem;\n\n --size-border-radius: 0.1875rem;\n\n /* --------------------------------------------------------*/\n /* Form core styles */\n /* The following variables are used to define the core */\n /* component of the form. */\n /* --------------------------------------------------------*/\n --form-bg-color: var(--color-bg-subtle);\n --form-border-radius: var(--size-border-radius);\n --form-width: calc(68ch + 2ch + 0.125em);\n --form-text-size-title: calc(var(--global-font-size) * 2);\n --form-text-size-subtitle: calc(var(--global-font-size) * 1.5);\n --form-text-size-description: var(--global-font-size);\n --form-text-size-toolbar-title: var(--global-font-size);\n --form-text-size-toolbar-small: calc(14 / var(--global-font-size));\n /* --------------------------------------------------------*/\n /* Page header */\n /* --------------------------------------------------------*/\n\n --form-current-page-title-font-size: var(--form-text-size-subtitle);\n --form-current-page-description-font-size: var(--form-text-size-description);\n\n /* --------------------------------------------------------*/\n /* Progress indicator */\n /* --------------------------------------------------------*/\n --form-progress-label-color: var(--color-text-label);\n --form-progress-label-font-size: var(--global-font-size);\n --form-progress-bar-bg-color: #fff;\n --form-progress-value-bg-color: var(--color-progress);\n --form-progress-border-radius: var(--size-dimension-8);\n\n /* --------------------------------------------------------*/\n /* Form fields */\n /* --------------------------------------------------------*/\n --form-field-text-color: var(--color-text);\n --form-field-bg-color: var(--color-bg-light);\n --form-field-hover-bg-color: #effefc;\n --form-field-error-bg-color: #f9d7d7;\n --form-field-border-color: var(--color-border);\n --form-field-border-focus-color: var(--color-accent);\n --form-field-border-error-color: var(--color-error);\n\n --form-field-border-width: var(--size-border-small);\n --form-field-border-radius: var(--size-border-radius);\n --form-field-padding: var(--size-space-8);\n --form-field-border-width-error: var(--size-dimension-4);\n\n /* --------------------------------------------------------*/\n /* Buttons */\n /* --------------------------------------------------------*/\n --btn-background: var(--color-bg-light);\n --btn-text-color: var(--color-text);\n --btn-font-size: var(--global-font-size);\n --btn-font-weight: var(--global-font-weight-bold);\n --btn-padding-block: var(--size-space-8);\n --btn-padding-inline: var(--size-space-12);\n --btn-border-color: var(--color-border);\n --btn-border-radius: var(--size-border-radius);\n --btn-border-width: var(--size-border);\n\n --btn-primary-bg-color: var(--color-accent);\n --btn-primary-bg-color-hover: #006c67;\n --btn-primary-bg-color-focus: #006c67;\n --btn-primary-bg-color-disabled: #949494;\n\n --btn-primary-border-color: var(--color-accent);\n --btn-primary-border-color-hover: #006c67;\n --btn-primary-border-color-focus: #006c67;\n --btn-primary-border-color-disabled: #949494;\n\n --btn-primary-text-color: #fff;\n --btn-primary-text-color-hover: #fff;\n --btn-primary-text-color-focus: #fff;\n --btn-primary-text-color-disabled: #fff;\n\n --btn-secondary-bg-color: #ffffff;\n --btn-secondary-bg-color-hover: #f0f0f0;\n --btn-secondary-bg-color-focus: #ffffff;\n --btn-secondary-bg-color-disabled: #949494;\n\n --btn-secondary-border-color: #dbdbdb;\n --btn-secondary-border-color-hover: #dbdbdb;\n --btn-secondary-border-color-focus: #dbdbdb;\n --btn-secondary-border-color-disabled: #c9c9c9;\n\n --btn-secondary-text-color: #262626;\n --btn-secondary-text-color-hover: #262626;\n --btn-secondary-text-color-focus: #262626;\n --btn-secondary-text-color-disabled: #ffffff;\n\n /* --------------------------------------------------------*/\n /* Utility */\n /* --------------------------------------------------------*/\n\n --text-preset-5: 1rem;\n --text-preset-6: 0.875rem;\n\n --size-space-4: 0.25rem;\n --size-space-8: 0.5rem;\n --size-space-12: 0.75rem;\n --size-space-16: 1rem;\n --size-space-24: 1.5rem;\n --size-space-32: 2rem;\n\n --size-dimension-4: 0.25rem;\n --size-dimension-8: 0.5rem;\n --size-dimension-24: 1.5rem;\n --size-dimension-32: 2rem;\n --size-dimension-40: 2.5rem;\n\n --size-width-25: 25%;\n --size-width-33: 33.33%;\n --size-width-50: 50%;\n --size-width-66: 66.66%;\n --size-width-75: 75%;\n --size-width-100: 100%;\n\n --size-width-ch-2: calc(2ch + 2ch + var(--size-border));\n --size-width-ch-3: calc(3ch + 2ch + var(--size-border));\n --size-width-ch-4: calc(4ch + 2ch + var(--size-border));\n --size-width-ch-5: calc(5ch + 2ch + var(--size-border));\n --size-width-ch-10: calc(10ch + 2ch + var(--size-border));\n --size-width-ch-20: calc(20ch + 2ch + var(--size-border));\n --size-width-ch-30: calc(30ch + 2ch + var(--size-border));\n\n /* --------------------------------------------------------*/\n}\n\n*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\n.visually-hidden {\n display: none;\n}\n\nhtml {\n background-color: var(--color-bg-subtle);\n font-family: var(--global-font-family);\n color: var(--color-text);\n font-size: var(--global-font-size);\n}\n\n* {\n margin: 0;\n}\n\nbody {\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n}\n\nimg,\npicture,\nvideo,\ncanvas,\nsvg {\n display: block;\n max-inline-size: 100%;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\n.form {\n --background-color: var(--form-bg-color);\n --font-size: var(--global-font-size);\n --border-radius: var(--form-border-radius);\n --width: var(--form-width);\n\n display: flex;\n flex-direction: column;\n background-color: var(--background-color);\n font-size: var(--font-size);\n border-radius: var(--border-radius);\n margin: 3em auto;\n inline-size: var(--size-width-100);\n max-inline-size: var(--width);\n}\n\nlabel,\nlegend {\n padding: 0;\n}\n\n.form-load-error {\n color: var(--color-text-error);\n}\n\n/* --------------------------------------------------------*/\n/* Form header */\n/* --------------------------------------------------------*/\n\n.form-header {\n padding-block-end: var(--size-space-24);\n}\n\n.form-title {\n font-size: var(--form-text-size-title);\n padding-block-end: var(--size-space-8);\n color: var(--color-text-title);\n}\n\n.form-description {\n font-size: var(--form-text-size-description);\n color: var(--color-text-description);\n}\n\n/* --------------------------------------------------------*/\n/* Current page */\n/* --------------------------------------------------------*/\n\n.form-current-page {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-32);\n}\n\n.form-current-page-header {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-8);\n}\n\n.form-current-page-title {\n --font-size: var(--form-current-page-title-font-size);\n --font-weight: var(--global-font-weight-bold);\n\n font-size: var(--font-size);\n font-weight: var(--font-weight);\n margin: 0;\n color: var(--color-text-title);\n}\n\n.form-current-page-description {\n --font-size: var(--form-current-page-description-font-size);\n\n font-size: var(--font-size);\n color: var(--color-text-description);\n\n & p {\n margin: 0;\n }\n}\n\n/* --------------------------------------------------------*/\n/* Fields container */\n/* --------------------------------------------------------*/\n\n.form-fields-container {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-32);\n}\n\n/* --------------------------------------------------------*/\n/* Fieldset */\n/* --------------------------------------------------------*/\n\n.form-fieldset {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-4);\n border: none;\n padding: 0;\n}\n\n.form-fieldset-has-error {\n border-inline-start: var(--form-field-border-width-error) solid var(--color-error);\n padding-inline-start: var(--size-space-16);\n\n & .form-field-label-required,\n & .form-field-legend-required {\n color: var(--color-error);\n }\n}\n\n/* --------------------------------------------------------*/\n/* Field */\n/* --------------------------------------------------------*/\n\n.form-field {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-4);\n}\n\n.form-field-has-error {\n border-inline-start: var(--form-field-border-width-error) solid var(--color-error);\n padding-inline-start: var(--size-space-16);\n\n & .form-field-label-required,\n & .form-field-legend-required {\n color: var(--color-error);\n }\n}\n\n.form-field-label,\n.form-field-legend {\n font-size: var(--global-font-size-label);\n color: var(--color-text-label);\n font-weight: var(--global-font-weight-bold);\n display: block;\n text-wrap: pretty;\n /* Reduces orphans in form labels and legends */\n}\n\n.form-field-legend {\n margin-block-end: var(--size-space-4);\n}\n\n.form-field-error {\n color: var(--color-text-error);\n font-weight: var(--global-font-weight-bold);\n}\n\n.form-field-label-required,\n.form-field-legend-required {\n text-decoration: none;\n}\n\n.form-field-instructions {\n color: var(--color-text-subtle);\n line-height: 1.5;\n margin-block-end: var(--size-space-8);\n text-wrap: pretty;\n /* Reduces orphans */\n\n & p {\n margin: 0;\n }\n}\n\n/* --------------------------------------------------------*/\n/* Checkbox */\n/* --------------------------------------------------------*/\n\n.form-checkbox-field {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-4);\n}\n\n.form-checkbox-field-has-error {\n border-inline-start: var(--form-field-border-width-error) solid var(--color-error);\n padding-inline-start: var(--size-space-16);\n}\n\n.form-checkbox-field-label,\n.form-checkbox-field-legend {\n font-size: var(--global-font-size-label);\n color: var(--color-text-label);\n font-weight: var(--global-font-weight-bold);\n margin-inline-start: var(--size-space-12);\n align-self: center;\n}\n\n.form-checkbox-field-label-required {\n text-decoration: none;\n}\n\n.form-checkbox-field-error {\n color: var(--color-text-error);\n font-weight: var(--global-font-weight-bold);\n}\n\n.form-checkbox-field-instructions {\n color: var(--color-text-subtle);\n line-height: 1.5;\n margin-block-end: var(--size-space-8);\n}\n\n/* --------------------------------------------------------*/\n/* Validation summary */\n/* --------------------------------------------------------*/\n\n.form-validation-summary {\n border: var(--size-border) solid var(--color-error);\n background-color: var(--color-bg-light);\n padding: var(--size-space-16);\n\n &:focus {\n outline: var(--size-outline) solid var(--color-focus);\n outline-offset: 0;\n }\n}\n\n.form-validation-summary-title {\n font-size: var(--form-text-size-subtitle);\n margin-block-start: 0;\n}\n\n.form-validation-summary-list {\n color: var(--color-text-error);\n font-weight: var(--global-font-weight-bold);\n list-style-type: none;\n padding-inline-start: 0;\n margin: 0;\n\n & a {\n color: var(--color-text-error);\n }\n}\n\n/* --------------------------------------------------------*/\n/* Buttons */\n/* --------------------------------------------------------*/\n\n.form-footer {\n display: flex;\n justify-content: space-between;\n}\n\n.form-footer-page {\n align-self: center;\n}\n\n.form-actions {\n display: flex;\n gap: var(--size-space-16);\n justify-content: flex-end;\n padding-block: var(--size-space-32);\n}\n\n.form-button {\n border: var(--btn-border-width) solid var(--btn-border-color);\n border-radius: var(--btn-border-radius);\n padding: var(--btn-padding-block) var(--btn-padding-inline);\n font-size: var(--btn-font-size);\n font-weight: var(--btn-font-weight);\n\n &:focus {\n outline: var(--size-outline) solid var(--color-focus);\n outline-offset: 0;\n }\n}\n\n.form-button--primary {\n background-color: var(--btn-primary-bg-color);\n color: var(--btn-primary-text-color);\n border-color: var(--btn-primary-border-color);\n\n &:hover {\n background-color: var(--btn-primary-bg-color-hover);\n border-color: var(--btn-primary-border-color-hover);\n color: var(--btn-primary-text-color-hover);\n }\n\n &:focus {\n background-color: var(--btn-primary-bg-color-focus);\n border-color: var(--btn-primary-border-color-focus);\n color: var(--btn-primary-text-color-focus);\n }\n\n &:disabled {\n background-color: var(--btn-primary-bg-color-disabled);\n color: var(--btn-primary-text-color-disabled);\n border-color: var(--btn-primary-border-color-disabled);\n }\n}\n\n.form-button--secondary {\n background-color: var(--btn-secondary-bg-color);\n color: var(--btn-secondary-text-color);\n border-color: var(--btn-secondary-border-color);\n\n &:hover {\n background-color: var(--btn-secondary-bg-color-hover);\n border-color: var(--btn-secondary-border-color-hover);\n color: var(--btn-secondary-text-color-hover);\n }\n\n &:focus {\n background-color: var(--btn-secondary-bg-color-focus);\n border-color: var(--btn-secondary-border-color-focus);\n color: var(--btn-secondary-text-color-focus);\n }\n\n &:disabled {\n background-color: var(--btn-secondary-bg-color-disabled);\n color: var(--btn-secondary-text-color-disabled);\n border-color: var(--btn-secondary-border-color-disabled);\n }\n}\n\n/* --------------------------------------------------------*/\n/* Form standard inputs */\n/* --------------------------------------------------------*/\n.form-text-input,\n.form-email-input,\n.form-tel-input,\n.form-url-input,\n.form-select-input,\n.form-multiline-input,\n.form-integer-input,\n.form-decimal-input,\n.form-date-input,\n.form-date-time-input,\n.form-time-input,\n.form-date-day-input,\n.form-date-month-input,\n.form-date-year-input,\n.form-date-hour-input,\n.form-date-minute-input {\n --width: var(--size-width-100);\n\n padding: var(--form-field-padding);\n inline-size: var(--width);\n border: var(--form-field-border-width) solid var(--form-field-border-color);\n border-radius: var(--form-field-border-radius);\n min-block-size: var(--size-dimension-40);\n font-size: var(--global-font-size);\n background-color: var(--form-field-bg-color);\n\n &:hover {\n background-color: var(--form-field-hover-bg-color);\n }\n}\n\n.form-text-input:focus,\n.form-email-input:focus,\n.form-tel-input:focus,\n.form-url-input:focus,\n.form-select-input:focus,\n.form-radio-input:focus,\n.form-checkbox-input:focus,\n.form-multiline-input:focus,\n.form-integer-input:focus,\n.form-decimal-input:focus,\n.form-date-input:focus,\n.form-date-time-input:focus,\n.form-time-input:focus,\n.form-date-day-input:focus,\n.form-date-month-input:focus,\n.form-date-year-input:focus,\n.form-date-hour-input:focus,\n.form-date-minute-input:focus {\n outline: var(--size-outline) solid var(--color-focus);\n outline-offset: 0;\n box-shadow: inset 0 0 0 0.0625em var(--form-field-border-focus-color);\n border-color: var(--form-field-border-focus-color);\n}\n\n.form-text-input.form-text-input-has-error,\n.form-email-input.form-email-input-has-error,\n.form-tel-input.form-tel-input-has-error,\n.form-url-input.form-url-input-has-error,\n.form-select-input.form-select-input-has-error,\n.form-multiline-input.form-multiline-input-has-error,\n.form-integer-input.form-integer-input-has-error,\n.form-decimal-input.form-decimal-input-has-error,\n.form-date-input.form-date-input-has-error,\n.form-date-time-input.form-date-time-input-has-error,\n.form-time-input.form-time-input-has-error,\n.form-date-day-input.form-date-day-input-has-error,\n.form-date-month-input.form-date-month-input-has-error,\n.form-date-year-input.form-date-year-input-has-error,\n.form-date-hour-input.form-date-hour-input-has-error,\n.form-date-minute-input.form-date-minute-input-has-error {\n border: var(--form-field-border-width) solid var(--color-error);\n box-shadow: inset 0 0 0 0.0625em var(--form-field-border-error-color);\n background-color: var(--form-field-error-bg-color);\n}\n\n/* --------------------------------------------------------*/\n/* Select dropdown */\n/* --------------------------------------------------------*/\n\n.form-select-input {\n -webkit-appearance: none;\n background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);\n background-repeat: no-repeat, repeat;\n background-position:\n right 0.7em top 50%,\n 0 0;\n background-size:\n 0.65em auto,\n 100%;\n background-color: var(--form-field-bg-color);\n padding-inline-end: var(--size-space-32);\n}\n\n/* --------------------------------------------------------*/\n/* Radio and checkboxes */\n/* --------------------------------------------------------*/\n\n.form-radio-list {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-16);\n}\n\n.form-radio {\n display: flex;\n}\n\n.form-radio-label {\n margin-inline-start: var(--size-space-12);\n align-self: center;\n}\n\n.form-radio-input {\n inline-size: var(--size-dimension-32);\n block-size: var(--size-dimension-32);\n border: var(--form-field-border-width) solid var(--form-field-border-color);\n accent-color: var(--color-accent);\n margin: 0;\n}\n\n.form-checkbox-list {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-16);\n}\n\n.form-checkbox {\n display: flex;\n}\n\n.form-checkbox-label {\n margin-inline-start: var(--size-space-12);\n align-self: center;\n}\n\n.form-checkbox-input {\n inline-size: var(--size-dimension-32);\n block-size: var(--size-dimension-32);\n border: var(--form-field-border-width) solid var(--form-field-border-color);\n accent-color: var(--color-accent);\n margin: 0;\n}\n\n/* --------------------------------------------------------*/\n/* Date and time */\n/* --------------------------------------------------------*/\n\n.form-date-item {\n display: inline-block;\n}\n\n.form-date-day-input,\n.form-date-hour-input,\n.form-date-minute-input {\n max-inline-size: var(--size-width-ch-2);\n}\n\n.form-date-month-input {\n max-inline-size: var(--size-width-ch-3);\n}\n\n.form-date-year-input {\n max-inline-size: var(--size-width-ch-4);\n}\n\n.form-time-input {\n max-inline-size: var(--size-width-ch-10);\n}\n\n.form-date-input {\n max-inline-size: var(--size-width-ch-20);\n}\n\n.form-date-time-input {\n max-inline-size: var(--size-width-ch-30);\n}\n\n/* --------------------------------------------------------*/\n/* Progress bar\n/* --------------------------------------------------------*/\n\n.form-progress {\n display: flex;\n flex-direction: column;\n gap: var(--size-space-4);\n padding-block-end: var(--size-space-24);\n}\n\n.form-progress-label {\n font-size: var(--form-progress-label-font-size);\n font-weight: var(--global-font-weight-bold);\n color: var(--form-progress-label-color);\n}\n\nprogress[value] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none;\n\n block-size: var(--size-dimension-8);\n border-radius: var(--form-progress-border-radius);\n background: var(--form-progress-bar-bg-color);\n inline-size: var(--size-width-100);\n}\n\nprogress[value]::-webkit-progress-bar {\n border-radius: var(--form-progress-border-radius);\n background: var(--form-progress-bar-bg-color);\n}\n\nprogress[value]::-webkit-progress-value {\n border-radius: var(--form-progress-border-radius);\n background: var(--form-progress-value-bg-color);\n}\n\nprogress[value]::-moz-progress-bar {\n border-radius: var(--form-progress-border-radius);\n background: var(--form-progress-value-bg-color);\n}\n\n/* --------------------------------------------------------*/\n/* Character count\n/* --------------------------------------------------------*/\n\n.field-char-count {\n}\n\n.field-char-count-error {\n color: var(--color-text-error);\n font-weight: var(--global-font-weight-bold);\n}\n\n/* --------------------------------------------------------*/\n/*\n/* RTL Languages\n/*\n/* Most of the styles for RTL are handled by the browser\n/* using logical properties. but there are a few exceptions\n/* that need to be handled.\n/*\n/* --------------------------------------------------------*/\n\n[dir='rtl'] {\n /* Ensures that email address and telephone number inputs are left-aligned */\n & .form-tel-input,\n & .form-email-input {\n text-align: end;\n }\n\n /* Places the dropdown caret to the left hand side of the dropdown */\n & .form-select-input {\n background-position:\n left 0.7em top 50%,\n 0 0;\n }\n}\n"],"mappings":"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","names":[]}