@daoyi/nmtl-ui 2.0.1-beta.93 → 2.0.1-beta.95

package/lib/components/BackTop.js

@@ -84,10 +84,12 @@ var BackTop = function BackTop(props) {
     }
   }, children ? /*#__PURE__*/React__default.createElement("div", null, children) : /*#__PURE__*/React__default.createElement(NoSsr, null, /*#__PURE__*/React__default.createElement(Box, {
     className: "backTop__default",
-    color: "text.primary",
+    color: "primary.contrastText",
     bgcolor: "primary.main",
     borderColor: "text.secondary"
-  }, /*#__PURE__*/React__default.createElement(default_1, null), "Top"))));
+  }, /*#__PURE__*/React__default.createElement(default_1, {
+    "aria-hidden": "true"
+  }), "Top"))));
 };
 BackTop.defaultProps = {
   className: undefined,

package/lib/components/{ContactModal-1997d146.js → ContactModal-560b9bdd.js}

@@ -7,7 +7,7 @@ import { M as Modal } from './Modal-5a27951f.js';
 import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
 import { c as classNames } from './index-b76a85f4.js';
 import { Input, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
-import { S as Select } from './Select-e550d0a5.js';
+import { S as Select } from './Select-ac580a1f.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';

package/lib/components/ContactModal.js

@@ -1,4 +1,4 @@
-export { C as default } from './ContactModal-1997d146.js';
+export { C as default } from './ContactModal-560b9bdd.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
@@ -14,7 +14,7 @@ import './style-inject.es-1f59c1d0.js';
 import './Spin-8dc60bfe.js';
 import './globalConfig';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-e550d0a5.js';
+import './Select-ac580a1f.js';
 import './Empty-bf77164f.js';
 import './createSvgIcon-e3803ee1.js';
 import './defaultTheme-ed7746fe.js';

package/lib/components/{Drawer-b9855a54.js → Drawer-41d3a91f.js}

@@ -3,7 +3,7 @@ import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { List, ListItem, ListItemIcon, ListItemText, IconButton, Drawer as Drawer$1, Divider } from '@material-ui/core';
 import { DehazeRounded } from '@material-ui/icons';
-import { S as Select } from './Select-e550d0a5.js';
+import { S as Select } from './Select-ac580a1f.js';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/Drawer.js

@@ -1,10 +1,10 @@
-export { D as default } from './Drawer-b9855a54.js';
+export { D as default } from './Drawer-41d3a91f.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-e550d0a5.js';
+import './Select-ac580a1f.js';
 import './index-b76a85f4.js';
 import './Empty-bf77164f.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Footer.js

@@ -3,7 +3,7 @@ import React__default, { useState, useEffect } from 'react';
 import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import axios from 'axios';
-import { C as ContactModal } from './ContactModal-1997d146.js';
+import { C as ContactModal } from './ContactModal-560b9bdd.js';
 import { S as Spin } from './Spin-8dc60bfe.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
@@ -14,7 +14,7 @@ import '@material-ui/icons';
 import './Button-305b69a0.js';
 import './globalConfig';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-e550d0a5.js';
+import './Select-ac580a1f.js';
 import './Empty-bf77164f.js';
 import './createSvgIcon-e3803ee1.js';
 import './defaultTheme-ed7746fe.js';

package/lib/components/Header.js

@@ -7,8 +7,8 @@ import { useHistory, useRouteMatch, NavLink } from 'react-router-dom';
 import { Typography, IconButton } from '@material-ui/core';
 import { SearchOutlined } from '@material-ui/icons';
 import { K as KeywordSearch } from './KeywordSearch-33341dd3.js';
-import { S as Select } from './Select-e550d0a5.js';
-import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-b9855a54.js';
+import { S as Select } from './Select-ac580a1f.js';
+import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-41d3a91f.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';

package/lib/components/{Select-e550d0a5.js → Select-ac580a1f.js}

@@ -6,7 +6,7 @@ import { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@ma
 import { E as Empty } from './Empty-bf77164f.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".select__placeholder {\n  color: #999;\n}\n.select--small {\n  width: 100%;\n}\n.select--small .MuiSelect-root {\n  padding: 0.5rem 1.5rem 0.25rem;\n  color: white;\n}\n.select--small .MuiSelect-root .select__placeholder {\n  color: white;\n}\n.select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n  background: transparent;\n}\n.select--small .MuiSvgIcon-root {\n  color: white;\n}\n.select--small .MuiOutlinedInput-root {\n  border-radius: 45px;\n}";
+var css_248z = ".select .MuiSelect-nativeInput {\n  visibility: hidden;\n}\n.select__placeholder {\n  color: #6b6130;\n}\n.select--small {\n  width: 100%;\n}\n.select--small .MuiSelect-root {\n  padding: 0.5rem 1.5rem 0.25rem;\n  color: white;\n}\n.select--small .MuiSelect-root .select__placeholder {\n  color: white;\n}\n.select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n  background: transparent;\n}\n.select--small .MuiSvgIcon-root {\n  color: white;\n}\n.select--small .MuiOutlinedInput-root {\n  border-radius: 45px;\n}";
 styleInject(css_248z);
 
 var Select = function Select(props) {
@@ -41,14 +41,13 @@ var Select = function Select(props) {
     }),
     displayEmpty: true,
     disabled: disabled || loading
-    // WCAG 3.3.2 下拉選單需有可及名稱（含 MUI 隱藏 input），未提供時以 placeholder 代替
+    // WCAG 3.3.2 可及名稱：顯示層(role=button)預設以其文字內容(選中值/placeholder)為名稱；
+    // 僅在明確提供 ariaLabel/ariaLabelledby 時才覆蓋（避免蓋掉有意義的選中值文字）。
+    // 隱藏原生 input 由 select.scss 的 visibility:hidden 讓檢測工具略過，無需再標 label。
     ,
-    inputProps: {
-      'aria-label': ariaLabelledby ? undefined : ariaLabel || placeholder
-    },
     SelectDisplayProps: {
-      'aria-labelledby': ariaLabelledby,
-      'aria-label': ariaLabelledby ? undefined : ariaLabel || placeholder
+      'aria-labelledby': ariaLabelledby || undefined,
+      'aria-label': ariaLabelledby ? undefined : ariaLabel
     },
     renderValue: function renderValue(id) {
       var finder = itemFind(id);

package/lib/components/Select.js

@@ -1,4 +1,4 @@
-export { S as default } from './Select-e550d0a5.js';
+export { S as default } from './Select-ac580a1f.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.93",
+	"version": "2.0.1-beta.95",
 	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
 	"author": "daoyi",
 	"main": "lib/index.js",