@daoyi/nmtl-ui 2.0.1-beta.111 → 2.0.1-beta.114
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/lib/components/{Autocomplete-4d7fe6fc.js → Autocomplete-864269ac.js} +1 -1
- package/lib/components/Autocomplete.js +1 -1
- package/lib/components/Header.js +2 -2
- package/lib/components/{KeywordSearch-870cc232.js → KeywordSearch-d12e1b4f.js} +1 -1
- package/lib/components/KeywordSearch.js +2 -2
- package/package.json +1 -1
|
@@ -220,7 +220,7 @@ var useAutocomplete = (_ref => {
|
|
|
220
220
|
};
|
|
221
221
|
});
|
|
222
222
|
|
|
223
|
-
var css_248z = ".autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n flex-wrap: wrap;\n padding: 0px 8px;\n}\n.autocomplete .MuiChip-deleteIcon {\n width: 16px;\n height: 16px;\n}\n.autocomplete__icon {\n font-size: 1.25rem;\n margin-right: 8px;\n cursor: pointer;\n}\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n display: flex;\n flex-wrap: nowrap;\n padding: 4px 8px;\n}";
|
|
223
|
+
var css_248z = "@charset \"UTF-8\";\n/* 下拉選項鍵盤高亮可視化(R39):上下鍵挑選時 MUI 只給 data-focus=\"true\"+\n action.hover(4% 黑)底色,對使用者幾乎不可見(WCAG 2.4.7 精神)。\n 比照 R30 選單選項聚焦模式=亮底+2px 虛線內縮完整框。\n 顏色不寫死(R30-1a 教訓:彈窗底色各站不同,horror 為深底 paper):\n 外框 currentColor 跟隨選項文字色(文字對底 ≥4.5:1,外框對比自動達標)、\n 底色用中性半透明灰(深淺底皆可見)。\n 選單以 Popper 掛在 body,選擇器須在 .autocomplete 之外;\n 加 listbox 父層提高特異度(MUI JSS 同名規則注入較晚,同特異度會蓋掉本檔背景色) */\n.MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus=true] {\n background-color: rgba(127, 127, 127, 0.25);\n outline: 2px dashed currentColor;\n outline-offset: -4px;\n}\n\n.autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n flex-wrap: wrap;\n padding: 0px 8px;\n}\n.autocomplete .MuiChip-deleteIcon {\n width: 16px;\n height: 16px;\n}\n.autocomplete__icon {\n font-size: 1.25rem;\n margin-right: 8px;\n cursor: pointer;\n}\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n display: flex;\n flex-wrap: nowrap;\n padding: 4px 8px;\n}";
|
|
224
224
|
styleInject(css_248z);
|
|
225
225
|
|
|
226
226
|
var Autocomplete = function Autocomplete(props) {
|
package/lib/components/Header.js
CHANGED
|
@@ -6,7 +6,7 @@ import { d as debounce_1 } from './debounce-127da66c.js';
|
|
|
6
6
|
import { useHistory, useRouteMatch, NavLink } from 'react-router-dom';
|
|
7
7
|
import { Typography, IconButton } from '@material-ui/core';
|
|
8
8
|
import { SearchOutlined } from '@material-ui/icons';
|
|
9
|
-
import { K as KeywordSearch } from './KeywordSearch-
|
|
9
|
+
import { K as KeywordSearch } from './KeywordSearch-d12e1b4f.js';
|
|
10
10
|
import { S as Select } from './Select-52ab5299.js';
|
|
11
11
|
import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-b2edc79b.js';
|
|
12
12
|
import { getIntl } from './globalConfig';
|
|
@@ -14,7 +14,7 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
|
14
14
|
import './isObjectLike-e111475d.js';
|
|
15
15
|
import './_commonjsHelpers-70de2c37.js';
|
|
16
16
|
import 'axios';
|
|
17
|
-
import './Autocomplete-
|
|
17
|
+
import './Autocomplete-864269ac.js';
|
|
18
18
|
import '@material-ui/lab';
|
|
19
19
|
import './createSvgIcon-e3803ee1.js';
|
|
20
20
|
import './defaultTheme-ed7746fe.js';
|
|
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { c as classNames } from './index-b76a85f4.js';
|
|
5
5
|
import axios from 'axios';
|
|
6
6
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
7
|
-
import { A as Autocomplete } from './Autocomplete-
|
|
7
|
+
import { A as Autocomplete } from './Autocomplete-864269ac.js';
|
|
8
8
|
|
|
9
9
|
var css_248z = ".keywordSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px;\n}\n.keywordSearch--animation .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px;\n}\n.keywordSearch--focus {\n flex: 1;\n}\n.keywordSearch--focus .autocomplete {\n max-width: 100%;\n}\n.keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n border-radius: 10px;\n background-color: #ffffff66;\n}";
|
|
10
10
|
styleInject(css_248z);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { K as default } from './KeywordSearch-
|
|
1
|
+
export { K as default } from './KeywordSearch-d12e1b4f.js';
|
|
2
2
|
import './_rollupPluginBabelHelpers-a52356f6.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'prop-types';
|
|
5
5
|
import './index-b76a85f4.js';
|
|
6
6
|
import 'axios';
|
|
7
7
|
import './style-inject.es-1f59c1d0.js';
|
|
8
|
-
import './Autocomplete-
|
|
8
|
+
import './Autocomplete-864269ac.js';
|
|
9
9
|
import './debounce-127da66c.js';
|
|
10
10
|
import './isObjectLike-e111475d.js';
|
|
11
11
|
import './_commonjsHelpers-70de2c37.js';
|
package/package.json
CHANGED