@atlassian/aui 9.12.5 → 9.12.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aui/aui-prototyping-browserfocus.css +1 -1
- package/dist/aui/aui-prototyping-browserfocus.css.map +1 -1
- package/dist/aui/aui-prototyping-darkmode.css +1 -1
- package/dist/aui/aui-prototyping-darkmode.css.map +1 -1
- package/dist/aui/aui-prototyping-design-tokens-api-full.js +1 -1
- package/dist/aui/aui-prototyping-design-tokens-api.js +1 -1
- package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css +1 -1
- package/dist/aui/aui-prototyping-design-tokens-base-themes-css.js +1 -1
- package/dist/aui/aui-prototyping-design-tokens-base-themes.js +1 -1
- package/dist/aui/aui-prototyping.css +3 -3
- package/dist/aui/aui-prototyping.css.map +1 -1
- package/dist/aui/aui-prototyping.js +2 -2
- package/dist/aui/aui-prototyping.nodeps.css +3 -3
- package/dist/aui/aui-prototyping.nodeps.css.map +1 -1
- package/dist/aui/aui-prototyping.nodeps.js +2 -2
- package/package.json +1 -1
- package/src/less/adg-header-quicksearch.less +7 -2
- package/src/less/aui-appheader.less +8 -0
- package/src/less/imports/aui-theme/core/colors.less +5 -1
package/package.json
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@border-color: var(--aui-appheader-quicksearch-border-color);
|
|
12
12
|
@text-color: var(--aui-appheader-quicksearch-text-color);
|
|
13
13
|
@placeholder-color: var(--aui-appheader-quicksearch-placeholder-text-color);
|
|
14
|
+
@hover-bg-color: var(--aui-appheader-quicksearch-hover-bg-color);
|
|
14
15
|
@focus-bg-color: var(--aui-appheader-quicksearch-focus-bg-color);
|
|
15
16
|
@focus-text-color: var(--aui-appheader-quicksearch-focus-text-color);
|
|
16
17
|
@width: 170px;
|
|
@@ -49,7 +50,7 @@
|
|
|
49
50
|
box-shadow: none;
|
|
50
51
|
box-sizing: border-box;
|
|
51
52
|
color: @text-color;
|
|
52
|
-
height: unit((
|
|
53
|
+
height: unit((32 / @aui-font-size-medium), em); // 32px effective - need height in ems so that user-specified font-sizes apply
|
|
53
54
|
font-family: inherit;
|
|
54
55
|
font-size: @aui-font-size-medium;
|
|
55
56
|
padding: 0 @padding-left-right 0 @icon-gutter;
|
|
@@ -57,7 +58,11 @@
|
|
|
57
58
|
width: @width;
|
|
58
59
|
|
|
59
60
|
&::placeholder {
|
|
60
|
-
|
|
61
|
+
opacity: 1;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
&:hover {
|
|
65
|
+
background-color: @hover-bg-color;
|
|
61
66
|
}
|
|
62
67
|
}
|
|
63
68
|
|
|
@@ -151,6 +151,14 @@ aui-header,
|
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
+
// Make hover shadow rounded for icon buttons
|
|
155
|
+
.aui-header-secondary > .aui-nav > li > a.aui-button-round {
|
|
156
|
+
height: auto;
|
|
157
|
+
border-radius: 100%;
|
|
158
|
+
padding: 4px;
|
|
159
|
+
margin: 0 unit((4 / @aui-font-size-medium), em);
|
|
160
|
+
}
|
|
161
|
+
|
|
154
162
|
// Special-case padding to separate non-nav items from nav items.
|
|
155
163
|
.aui-header-primary > .aui-nav > li > .aui-button,
|
|
156
164
|
.aui-header-primary > .aui-nav > li > .aui-buttons {
|
|
@@ -250,6 +250,7 @@
|
|
|
250
250
|
--aui-appheader-quicksearch-border-color: transparent;
|
|
251
251
|
--aui-appheader-quicksearch-text-color: @ak-color-B50;
|
|
252
252
|
--aui-appheader-quicksearch-placeholder-text-color: @ak-color-N80;
|
|
253
|
+
--aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);
|
|
253
254
|
--aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);
|
|
254
255
|
--aui-appheader-quicksearch-focus-text-color: @ak-color-B50;
|
|
255
256
|
|
|
@@ -601,6 +602,7 @@
|
|
|
601
602
|
--aui-appheader-quicksearch-border-color: transparent;
|
|
602
603
|
--aui-appheader-quicksearch-text-color: @ak-color-B50;
|
|
603
604
|
--aui-appheader-quicksearch-placeholder-text-color: @ak-color-N400;
|
|
605
|
+
--aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);
|
|
604
606
|
--aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);
|
|
605
607
|
--aui-appheader-quicksearch-focus-text-color: @ak-color-B50;
|
|
606
608
|
|
|
@@ -947,10 +949,12 @@
|
|
|
947
949
|
--aui-appheader-item-focus-text-color: var(--ds-text, @ak-color-B50);
|
|
948
950
|
--aui-appheader-item-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N90A);
|
|
949
951
|
--aui-appheader-item-active-text-color: var(--ds-text, @ak-color-B50);
|
|
950
|
-
|
|
952
|
+
//--aui-appheader-quicksearch-bg-color: var(--ds-background-neutral, @ak-color-N90A);
|
|
953
|
+
--aui-appheader-quicksearch-bg-color: var(--ds-background-input, @ak-color-N90A);
|
|
951
954
|
--aui-appheader-quicksearch-border-color: var(--ds-border-input);
|
|
952
955
|
--aui-appheader-quicksearch-text-color: var(--ds-text-subtlest, @ak-color-B50);
|
|
953
956
|
--aui-appheader-quicksearch-placeholder-text-color: var(--ds-text, @ak-color-N80);
|
|
957
|
+
--aui-appheader-quicksearch-hover-bg-color: var(--ds-background-input-hovered);
|
|
954
958
|
--aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);
|
|
955
959
|
--aui-appheader-quicksearch-focus-text-color: var(--ds-text-subtlest, @ak-color-B50);
|
|
956
960
|
|