UNPKG

@atlassian/aui

Version:

Atlassian User Interface Framework

1 lines 30.3 kB
{"version":3,"sources":["forms.less","imports/mixins.less","imports/aui-theme/components/buttons.less","../../node_modules/@atlaskit/util-shared-styles/src/fonts.less"],"names":[],"mappings":"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","sourcesContent":["@import './imports/global';\n\nform.aui {\n margin: 20px 0 0 0;\n position: relative;\n}\nform.aui:first-child {\n margin-top: 0;\n}\n\n/* Field styles */\nform.aui .text,\nform.aui .password,\nform.aui .upfile,\nform.aui .textarea,\nform.aui .select,\nform.aui .multi-select,\nform.aui .aui-select2-container {\n background: @aui-form-input-text-bg-color;\n color: @aui-text-color;\n font-family: inherit;\n font-size: 14px;\n}\nform.aui .text,\nform.aui .password,\nform.aui .textarea,\nform.aui .select,\nform.aui .multi-select,\nform.aui .aui-select2-container .select2-choices {\n border: 1px solid @aui-form-field-border-color;\n border-radius: @aui-form-field-border-radius;\n box-sizing: border-box;\n font-size: inherit;\n margin: 0;\n max-width: @aui-form-field-width-default;\n vertical-align: baseline;\n width: 100%;\n}\nform.aui .text,\nform.aui .password,\nform.aui .select,\nform.aui .aui-select2-container .select2-choices {\n height: @aui-form-field-height;\n line-height: 1.4285714285714;\n padding: 4px 5px;\n}\nform.aui .select {\n padding: 6px 5px 5px 5px; /* Firefox doesn't allow line-height to be adjusted and selects break horribly when the font-family is changed. Using padding instead */\n vertical-align: top;\n}\nform.aui .textarea,\nform.aui .select[size],\nform.aui .multi-select {\n height: auto;\n line-height: 1.4285714285714;\n margin: 0;\n padding: 4px 5px;\n}\nform.aui .textarea {\n overflow-y: auto;\n}\n/* Ensure AUI Select2's do not show as regular text fields */\nform.aui .aui-select2-container {\n border: 0;\n height: auto;\n max-width: @aui-form-field-width-default;\n padding: 0;\n vertical-align: baseline;\n width: 100%;\n}\nform.aui .aui-select2-container .select2-choices {\n height: auto;\n max-width: none;\n}\n/* Do not give file inputs a height or width because they break horribly in certain browsers. */\nform.aui .upfile {\n box-sizing: border-box;\n font-family: inherit;\n font-size: inherit;\n margin: 5px 0;\n padding: 0;\n}\nform.aui optgroup {\n background-color: @aui-form-optgroup-bg-color;\n color: @aui-form-optgroup-text-color;\n font-style: normal;\n font-weight: normal;\n}\nform.aui option,\nform.aui optgroup option {\n background-color: @aui-form-option-bg-color;\n color: @aui-text-color;\n}\n\n/* Disabled form element styles */\nform.aui .text[disabled],\nform.aui .password[disabled],\nform.aui .textarea[disabled],\nform.aui .select[disabled],\nform.aui .multi-select[disabled],\nform.aui .select[disabled] option,\nform.aui .select[disabled] optgroup,\nform.aui .multi-select[disabled] option,\nform.aui .multi-select[disabled] optgroup {\n background-color: @aui-form-disabled-field-bg-color;\n color: @aui-form-disabled-field-text-color;\n}\nform.aui .text[disabled],\nform.aui .password[disabled],\nform.aui .textarea[disabled],\nform.aui .select[disabled],\nform.aui .multi-select[disabled] {\n color: @aui-form-disabled-field-text-color;\n}\nform.aui .text[disabled],\nform.aui .password[disabled],\nform.aui .textarea[disabled],\nform.aui .select[disabled],\nform.aui .multi-select[disabled],\nform.aui .radio[disabled],\nform.aui .checkbox[disabled] {\n cursor: not-allowed;\n}\n\nform.aui {\n .text, .password, .textarea {\n #aui.placeholder(@aui-form-placeholder-text-color);\n }\n}\n\n// Fixing Safari search fields (https://ecosystem.atlassian.net/browse/AUI-4062)\nform.aui .text[type=search] {\n -webkit-appearance: textfield;\n outline-width: 5px;\n outline-offset: -2px;\n\n &::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n}\n\n/* Field widths\n * - don't add widths to file inputs - they break horribly\n */\nform.aui .short-field {\n max-width: @aui-form-field-width-short;\n}\n\nform.aui .medium-field {\n max-width: @aui-form-field-width-medium;\n}\n\nform.aui .medium-long-field {\n max-width: @aui-form-field-width-medium-long;\n}\n\nform.aui .long-field {\n max-width: @aui-form-field-width-long;\n}\n\nform.aui .full-width-field {\n max-width: @aui-form-field-width-full;\n}\n\n/* Structural elements */\nform.aui fieldset {\n border: 0;\n clear: both;\n display: block;\n margin: 0;\n padding: 0;\n position: relative;\n}\nform.aui legend,\nform.aui label {\n color: @aui-form-label-text-color;\n}\n\nform.aui .icon-required {\n left: 100%;\n position: absolute;\n top: 5px;\n\n &::before {\n content: \"*\";\n position: absolute;\n left: 0;\n top: 0;\n text-indent: initial;\n color: @aui-form-error-text-color;\n line-height: 1;\n font-size: @aui-font-size-small;\n }\n}\n\nform.aui div.description {\n color: @aui-form-description-text-color;\n font-size: 12px;\n line-height: 1.66666666666667;\n margin: 5px 0 0 0;\n}\nform.aui div.description:first-child {\n margin-top: 0;\n}\nform.aui .field-value {\n display: inline-block;\n font-weight: bold;\n padding-top: 5px;\n}\n/* TODO: don't support this in AUI Forms 2 */\nform.aui legend {\n display: none;\n}\nform.aui .field-group,\nform.aui .group,\nform.aui .date-select {\n box-sizing: border-box;\n clear: both;\n padding: 4px 0 4px 145px;\n position: relative;\n margin: 1px 0;\n width: 100%;\n}\nform.aui .group {\n padding-top: 0;\n}\nform.aui .field-group:before,\nform.aui .field-group:after,\nform.aui .group:before,\nform.aui .group:after,\nform.aui .date-select:before,\nform.aui .date-select:after {\n content: \" \";\n display: table;\n}\nform.aui .field-group:after,\nform.aui .group:after,\nform.aui .date-select:after {\n clear: both;\n}\nform.aui legend,\nform.aui .field-group > label,\nform.aui .field-group > aui-label {\n float: left;\n margin-left: -145px;\n padding: 5px 0 0 0;\n position: relative;\n text-align: right;\n width: 130px;\n word-wrap: break-word;\n}\n\nform.aui .checkbox > label,\nform.aui .radio > label {\n color: @aui-text-color;\n}\nform.aui div.checkbox > .checkbox[disabled] + label,\nform.aui div.radio > .radio[disabled] + label {\n color: @aui-form-disabled-field-label-color;\n cursor: not-allowed;\n}\nform.aui .field-group .error,\nform.aui .group .error,\nform.aui .checkbox .error,\nform.aui .radio .error {\n clear: both;\n color: @aui-form-error-text-color;\n display: block;\n margin: 5px 0 0 0;\n}\nform.aui .field-group .error:first-child,\nform.aui .checkbox .error:first-child,\nform.aui .radio .error:first-child {\n margin-top: 0;\n}\nform.aui .group legend,\nform.aui .date-select legend {\n display: block;\n}\nform.aui .group .field-group,\nform.aui .date-select .field-group {\n clear: none;\n padding-left: 0;\n padding-top: 0;\n}\nform.aui .date-select .field-group label {\n display: none;\n}\nform.aui div.checkbox,\nform.aui div.radio {\n margin: 5px 0 0 0;\n padding: 0 0 0 20px;\n position: relative;\n}\nform.aui legend + .field-group,\nform.aui legend + .checkbox,\nform.aui legend + .radio {\n margin-top: 0;\n padding-top: 5px;\n}\nform.aui div.checkbox:first-child,\nform.aui div.radio:first-child {\n margin-top: 0;\n}\nform.aui .matrix {\n padding-top: 5px;\n}\nform.aui div.radio input.radio,\nform.aui div.checkbox input.checkbox {\n box-sizing: border-box;\n font-size: 14px;\n height: 1.4285714285714em;\n left: 0;\n margin: 0;\n padding: 2px;\n position: absolute;\n vertical-align: baseline;\n}\n/* Buttons */\nform.aui .buttons-container {\n box-sizing: border-box;\n clear: both;\n margin: 1px 0 0 0;\n padding: 4px 0 4px 145px;\n position: relative;\n width: 100%;\n}\n\n/* Long Labels\n * add long-label class to form eg: <form class=\"aui long-label\">\n */\nform.aui.long-label .field-group,\nform.aui.long-label .group,\nform.aui.long-label .date-select,\nform.aui.long-label .buttons-container {\n padding-left: 250px;\n}\nform.aui.long-label .field-group > label,\nform.aui.long-label .field-group > aui-label,\nform.aui.long-label .group > legend {\n margin-left: -250px;\n width: 235px;\n}\nform.aui.long-label .group .field-group,\nform.aui.long-label .date-select .field-group {\n padding-left: 0;\n}\n/* End Long Labels */\n\n\n/* Top Labels\n * add top-label class to form eg: <form class=\"aui top-label\">\n * display all forms with top-labels for screen sizes < 768px\n */\n.top-labels() {\n .field-group {\n padding-left: 0;\n }\n\n .field-group > label,\n .field-group > aui-label {\n display: block;\n float: none;\n margin: 0 0 @aui-grid / 2 0;\n padding: 0;\n text-align: left;\n width: auto;\n }\n\n .icon-required {\n left: 0;\n position: relative;\n top: 0;\n }\n\n .group,\n .date-select {\n padding-left: 0;\n }\n\n .group legend,\n .date-select legend {\n float: none;\n margin: 0;\n text-align: left;\n width: auto;\n }\n\n .date-select label {\n display: none;\n }\n\n .buttons-container {\n padding-left: 0;\n }\n\n}\n\nform.aui.top-label {\n .top-labels();\n}\n\n/* End Top Labels */\n\n/* Deprecated button styling - use the new aui-button component */\n\n/* Basic Button Style */\nform.aui .button {\n #aui.box-sizing();\n #aui-buttons.aui-button-base();\n #aui-buttons.aui-button-style(normal);\n height: @aui-form-field-height;\n line-height: 1.4285714285714;\n margin: 0;\n padding: @aui-button-padding-y @aui-button-padding-x;\n text-decoration: none;\n vertical-align: baseline;\n white-space: nowrap;\n\n &:focus,\n &:hover {\n #aui-buttons.aui-button-style(hover);\n }\n\n &:active,\n &.active {\n #aui-buttons.aui-button-style(active);\n }\n\n &[disabled],\n &[disabled]:hover,\n &[disabled]:focus,\n &[disabled]:active {\n #aui-buttons.aui-button-style(disabled);\n }\n}\n\nform.aui .cancel {\n cursor: pointer;\n font-size: @aui-button-font-size;\n display: inline-block;\n padding: 5px 10px;\n vertical-align: baseline;\n}\n\n/* Create 10px effective gap; backwards compat for old and new buttons */\n/* zero font size hack to stop 4px magic number problems. */\nform.aui .buttons-container > .buttons {\n font-size: 0;\n}\n/* ensure zero font size hack doesn't kill other elements. */\nform.aui .buttons-container > .buttons > * {\n font-size: @aui-button-font-size;\n}\nform.aui .buttons-container .button + .button,\nform.aui .buttons-container .button + .aui-button,\nform.aui .buttons-container .aui-button + .button,\nform.aui .buttons-container .aui-button + .aui-button {\n margin-left: 10px;\n}\nform.aui .buttons-container .aui-button + .aui-button-link {\n margin-left: 9px; /* 1px diff due to border */\n}\n\n/* Message Interops */\nform.aui .aui-message + .field-group,\nform.aui .aui-message + .group,\nform.aui .aui-message + .date-select {\n margin-top: 10px;\n}\n\n/* Deprecated */\nform.aui span.content {\n left: -9999px;\n position: absolute;\n top: -9999px;\n}\nform.aui pre.aui-form {\n @size: 12px;\n background-color: @aui-form-pre-bg-color;\n border: 1px solid @aui-border-color;\n font-family: @aui-code-font-family;\n font-size: @size;\n line-height: unit(20 / @size);\n overflow-x: auto;\n overflow-y: visible;\n padding: @aui-grid * 1.5;\n}\n\n// Responsive Styles\n\n#aui.responsive-small({\n form.aui, form.aui.long-label {\n .top-labels();\n }\n});\n","@import 'aui-theme/components/messages';\n@import 'aui-theme/core/colors';\n\n@import './mixins/dropdown2-trigger-chevron-icon';\n@import './mixins/icon-pseudoelement';\n@import './mixins/media-queries';\n@import './mixins/shadows';\n@import './mixins/tab-indicator';\n@import './mixins/typography';\n\n#aui {\n .animation(@animation) {\n -webkit-animation: @animation;\n animation: @animation;\n }\n\n .border-radius(@radius) {\n border-radius: @radius;\n }\n\n .box-sizing(@sizing: border-box) {\n box-sizing: @sizing;\n }\n\n .prevent-text-selection() {\n -ms-user-select: none; // IE10+\n -moz-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n }\n\n .gradient {\n .vertical(@start-color: #fff, @end-color: #f2f2f2, @start-percent: 0%, @end-percent: 100%) {\n background: @end-color;\n background: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent);\n }\n }\n\n .rotate(@angle) {\n -webkit-transform: rotate(@angle);\n -ms-transform: rotate(@angle);\n transform: rotate(@angle);\n }\n\n .text-truncate() {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .transition(@transition) {\n // Using + is deliberate; it will comma-append the value to whatever value already exists.\n // See http://lesscss.org/features/#merge-feature-comma\n transition+: @transition;\n }\n\n .transition {\n .fadeIn(@length: 0.2s, @delay: 0s, @max-opacity: 1) {\n opacity: @max-opacity;\n transition: opacity @length;\n transition-delay: @delay;\n visibility: visible;\n }\n\n .fadeOut(@length: 0.2s, @delay: 0s) {\n opacity: 0;\n transition: opacity @length, visibility @length;\n transition-delay: @delay;\n visibility: hidden;\n }\n }\n\n .transform-rotate(@angle) {\n -ms-transform: rotate(@angle);\n -webkit-transform: rotate(@angle);\n transform: rotate(@angle);\n }\n\n .height-calc(@calc) {\n height: ~\"calc(@{calc})\";\n }\n\n .placeholder(@color) {\n // each rule for each browser must be in a different selector, as browsers will\n // ignore the whole line if it doesn't recognise something.\n // see https://css-tricks.com/almanac/selectors/p/placeholder/ for more details.\n\n // Affect Safari and Chrome.\n &::-webkit-input-placeholder {\n color: @color;\n opacity: 1;\n }\n // Affect Firefox 18+. The opacity is necessary to override browser defaults.\n &::-moz-placeholder {\n color: @color;\n opacity: 1;\n }\n // IE 10 implements placeholder text via a pseudo-class, not a pseudo-element;\n // that's why there's a single colon here instead of two.\n &:-ms-input-placeholder {\n color: @color;\n }\n // This is the likely official CSS spec way of achieving placeholder text.\n &::placeholder {\n color: @color;\n }\n // Target AUI's JS equivalent of the CSS proposal for the `:placeholder-shown` pseudo-class.\n &.aui-placeholder-shown, &.placeholder-shown {\n color: @color;\n }\n }\n\n //\n // Responsive mixins\n //\n .responsive-small(@rules) {\n html.aui-responsive {\n @media screen and (max-width: 767px) {\n @rules();\n }\n }\n }\n .responsive-medium(@rules) {\n html.aui-responsive {\n @media screen and (max-width: 800px) {\n @rules();\n }\n }\n }\n\n .responsive-large(@rules) {\n html.aui-responsive {\n @media screen and (max-width: 1023px) {\n @rules();\n }\n }\n }\n\n // messages / flags\n\n .icon-bar() {\n //The actual icon\n &::after {\n #aui.icon-pseudoelement(@aui-icon-font-family);\n color: @aui-color-white;\n font-size: @aui-message-icon-size;\n left: @aui-message-padding-left;\n line-height: @aui-message-line-height;\n position: absolute;\n top: @aui-message-vertical-padding;\n }\n\n // For the backward compatible changes\n &::before {\n display: none;\n }\n }\n\n .icon-glyph(@content, @color) {\n //The actual icon\n &::after {\n content: @content;\n color: @color;\n }\n }\n}\n","@import '../theme';\n@import '../../mixins';\n\n@aui-button-border-color: transparent;\n\n@aui-button-border-radius: @aui-border-radius-smallish;\n@aui-button-border-style: solid;\n@aui-button-border-width: 1px;\n@aui-button-font-size: @aui-font-size-medium;\n@aui-button-height: unit(30 / @aui-button-font-size, em);\n@aui-button-padding-x: 10px;\n@aui-button-padding-y: 4px;\n@aui-button-line-height: unit(30 / (@aui-button-font-size + @aui-button-padding-y + @aui-button-padding-y), em);\n\n// Default button\n@aui-button-default-bg-color: @ak-color-N30A;\n@aui-button-default-hover-bg-color: @ak-color-N40A;\n@aui-button-default-border-color: @aui-button-border-color;\n@aui-button-default-text-color: @ak-color-N600;\n@aui-button-default-icon-color: @aui-button-default-text-color;\n\n@aui-button-default-active-bg-color: @ak-color-B50;\n@aui-button-default-active-border-color: @aui-button-default-border-color;\n@aui-button-default-active-text-color: @ak-color-B400;\n@aui-button-default-active-icon-color: @aui-button-default-active-text-color;\n\n@aui-button-default-selected-bg-color: @ak-color-N600;\n@aui-button-default-selected-border-color: @aui-button-default-border-color;\n@aui-button-default-selected-text-color: @ak-color-N0;\n@aui-button-default-selected-icon-color: @aui-button-default-selected-text-color;\n\n@aui-button-default-disabled-bg-color: @ak-color-N20;\n@aui-button-default-disabled-border-color: @aui-button-border-color;\n@aui-button-default-disabled-text-color: @ak-color-N70;\n@aui-button-default-disabled-icon-color: @aui-button-default-disabled-text-color;\n\n@aui-button-light-bg-color: @ak-color-N0;\n\n// Primary button\n@aui-button-primary-bg-color: @ak-color-B400;\n@aui-button-primary-border-color: @aui-button-border-color;\n@aui-button-primary-text-color: @ak-color-N0;\n@aui-button-primary-icon-color: @ak-color-N0;\n\n@aui-button-primary-hover-bg-color: @ak-color-B300;\n@aui-button-primary-active-bg-color: @aui-button-primary-bg-color;\n@aui-button-primary-active-border-color: @aui-button-border-color;\n@aui-button-primary-active-text-color: @aui-button-primary-text-color;\n@aui-button-primary-active-icon-color: @aui-button-primary-active-text-color;\n\n@aui-button-primary-disabled-bg-color: @aui-button-default-disabled-bg-color;\n@aui-button-primary-disabled-border-color: @aui-button-border-color;\n@aui-button-primary-disabled-text-color: @aui-button-default-disabled-text-color;\n@aui-button-primary-disabled-icon-color: @aui-button-default-disabled-icon-color;\n\n@aui-button-subtle-text-color: @aui-button-default-text-color;\n@aui-button-subtle-dropdown2-trigger-arrow-color: @aui-button-border-color;\n\n@aui-button-subtle-border-color: @aui-button-border-color;\n\n@aui-grouped-button-spacing: 2px;\n\n#aui-buttons {\n .aui-button-base() {\n #aui.transition(background-color 0.1s ease-out);\n border-radius: @aui-button-border-radius;\n border-style: @aui-button-border-style;\n border-width: @aui-button-border-width;\n cursor: pointer;\n font-family: inherit;\n font-size: @aui-button-font-size;\n font-variant: normal;\n font-weight: @aui-font-weight-normal;\n }\n\n .aui-button-style(normal) {\n background-image: none;\n background-color: @aui-button-default-bg-color;\n border-color: @aui-button-default-border-color;\n color: @aui-button-default-text-color;\n text-decoration: none;\n }\n\n .aui-button-style(hover) {\n background-color: @aui-button-default-hover-bg-color;\n border-color: @aui-button-default-border-color;\n color: @aui-button-default-text-color;\n text-decoration: none;\n }\n\n .aui-button-style(active) {\n background-image: none;\n background-color: @aui-button-default-active-bg-color;\n border-color: @aui-button-default-active-border-color;\n color: @aui-button-default-active-text-color;\n text-decoration: none;\n }\n\n .aui-button-style(selected) {\n background-image: none;\n background-color: @aui-button-default-selected-bg-color;\n border-color: @aui-button-default-selected-border-color;\n color: @aui-button-default-selected-text-color;\n text-decoration: none;\n }\n\n .aui-button-style(disabled) {\n background-color: @aui-button-default-disabled-bg-color;\n border-color: @aui-button-default-disabled-border-color;\n color: @aui-button-default-disabled-text-color;\n cursor: default;\n }\n\n .aui-primary-button-style(normal) {\n background-image: none;\n background-color: @aui-button-primary-bg-color;\n border-color: @aui-button-primary-border-color;\n color: @aui-button-primary-text-color;\n text-decoration: none;\n font-weight: @aui-font-weight-semibold;\n }\n\n .aui-primary-button-style(hover) {\n background-color: @aui-button-primary-hover-bg-color;\n border-color: @aui-button-primary-active-border-color;\n color: @aui-button-primary-active-text-color;\n text-decoration: none;\n }\n\n .aui-primary-button-style(active) {\n background-image: none;\n background-color: @aui-button-primary-active-bg-color;\n border-color: @aui-button-primary-active-border-color;\n color: @aui-button-primary-active-text-color;\n text-decoration: none;\n }\n\n .aui-primary-button-style(disabled) {\n #aui-buttons.aui-button-style(disabled);\n }\n\n .aui-subtle-button-style(normal) {\n background: transparent none;\n border-color: transparent;\n color: @aui-button-default-text-color;\n text-decoration: none;\n }\n\n .aui-link-button-style(normal) {\n background-color: transparent;\n border-color: transparent;\n color: @aui-link-color;\n cursor: pointer;\n text-decoration: none;\n }\n\n .aui-link-button-style(hover) {\n color: @aui-link-color-hover;\n text-decoration: underline;\n }\n\n .aui-link-button-style(active) {\n color: @aui-link-color-active;\n text-decoration: none;\n }\n\n .aui-link-button-style(disabled) {\n background-color: transparent;\n border-color: transparent;\n color: @aui-button-default-disabled-text-color;\n text-decoration: none;\n }\n}\n","@ak-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n@ak-font-size-default: 14px;\n@ak-code-font-family: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Courier, monospace;\n"],"file":"forms.css"}