@mirai/ui 1.0.215 → 1.0.216

package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap

@@ -10,7 +10,7 @@ exports[`component:<Menu> prop:Template 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -22,7 +22,7 @@ exports[`component:<Menu> prop:children 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -34,7 +34,7 @@ exports[`component:<Menu> prop:options & visible 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -47,7 +47,7 @@ exports[`component:<Menu> prop:options & visible 1`] = `
       class="menu visible"
     >
       <div
-        class="pressable option divider"
+        class="pressable option divider enabled"
       >
         <div
           class="view row wide content"
@@ -60,7 +60,7 @@ exports[`component:<Menu> prop:options & visible 1`] = `
         </div>
       </div>
       <div
-        class="pressable option value"
+        class="pressable option value enabled"
       >
         <div
           class="view row wide content"
@@ -129,7 +129,7 @@ exports[`component:<Menu> prop:options & visible 1`] = `
         </div>
       </div>
       <div
-        class="pressable option value divider"
+        class="pressable option value divider enabled"
       >
         <div
           class="view row wide content"
@@ -142,7 +142,7 @@ exports[`component:<Menu> prop:options & visible 1`] = `
         </div>
       </div>
       <div
-        class="pressable option value"
+        class="pressable option value enabled"
       >
         <div
           class="view row wide content"
@@ -153,20 +153,20 @@ exports[`component:<Menu> prop:options & visible 1`] = `
             Item 4
           </span>
           <button
-            class="pressable button small"
+            class="pressable button active small default primary solid enabled"
           >
             Add
           </button>
         </div>
       </div>
       <div
-        class="pressable option"
+        class="pressable option enabled"
       >
         <div
           class="view row wide content"
         >
           <button
-            class="pressable button"
+            class="pressable button active default primary solid enabled"
           >
             Add
           </button>
@@ -181,7 +181,7 @@ exports[`component:<Menu> prop:options 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>
@@ -193,7 +193,7 @@ exports[`component:<Menu> prop:title 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button"
+      class="pressable button active default primary solid enabled"
     >
       Action
     </button>

package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap

@@ -15,7 +15,7 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
         class="view forceRow header"
       >
         <button
-          class="pressable button small squared transparent button"
+          class="pressable button active small squared primary transparent enabled button"
           data-testid="mirai-onClose-button-close"
         >
           <span
@@ -120,7 +120,7 @@ exports[`component:<Modal> prop:onBack 1`] = `
         class="view forceRow header"
       >
         <button
-          class="pressable button small squared transparent"
+          class="pressable button active small squared primary transparent enabled"
           data-testid="mirai-onBack-button-back"
         >
           <span
@@ -166,7 +166,7 @@ exports[`component:<Modal> prop:onClose 1`] = `
         class="view forceRow header"
       >
         <button
-          class="pressable button small squared transparent button"
+          class="pressable button active small squared primary transparent enabled button"
           data-testid="mirai-onClose-button-close"
         >
           <span

package/build/components/Notification/Notification.js

@@ -30,7 +30,7 @@ var Notification = function Notification(_ref) {
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     row: true,
     role: others.role || 'notification',
-    className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : info ? _NotificationModule.default.info : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, inline && _NotificationModule.default.inline, large ? _NotificationModule.default.large : small && _NotificationModule.default.small, wide && _NotificationModule.default.wide, others.className)
+    className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : info ? _NotificationModule.default.info : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, large ? _NotificationModule.default.large : small && _NotificationModule.default.small, wide && _NotificationModule.default.wide, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     headline: large,
     level: large ? 1 : undefined,

package/build/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n  children,\n  error,\n  info,\n  inline = false,\n  large,\n  small,\n  success,\n  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\n    role={others.role || 'notification'}\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n      inline ? style.inline : style.outlined,\n      inline && style.inline,\n      large ? style.large : small && style.small,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon\n      headline={large}\n      level={large ? 1 : undefined}\n      paragraph={small}\n      value={getIconState({ error, success, warning })}\n      className={style.icon}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {!large && onClose && (\n      <Pressable\n        onPress={onClose}\n        className={styles(style.pressable, style.icon)}\n        testId={others.testId ? `${others.testId}-button-close` : undefined}\n      >\n        <Icon value={ICON.CLOSE} paragraph={small} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  error: PropTypes.bool,\n  info: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}
+{"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n  children,\n  error,\n  info,\n  inline = false,\n  large,\n  small,\n  success,\n  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\n    role={others.role || 'notification'}\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n      inline ? style.inline : style.outlined,\n      large ? style.large : small && style.small,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon\n      headline={large}\n      level={large ? 1 : undefined}\n      paragraph={small}\n      value={getIconState({ error, success, warning })}\n      className={style.icon}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {!large && onClose && (\n      <Pressable\n        onPress={onClose}\n        className={styles(style.pressable, style.icon)}\n        testId={others.testId ? `${others.testId}-button-close` : undefined}\n      >\n        <Icon value={ICON.CLOSE} paragraph={small} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  error: PropTypes.bool,\n  info: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}

package/build/components/Notification/Notification.module.css

@@ -31,7 +31,7 @@
   color: var(--mirai-ui-content);
 }
 
-.notification.success:not(.inline) {
+.notification.success.outlined {
   background-color: var(--mirai-ui-success-background);
   border-color: var(--mirai-ui-success-border);
 }
@@ -40,7 +40,7 @@
   color: var(--mirai-ui-success);
 }
 
-.notification.error:not(.inline) {
+.notification.error.outlined {
   background-color: var(--mirai-ui-error-background);
   border-color: var(--mirai-ui-error-border);
 }
@@ -49,7 +49,7 @@
   color: var(--mirai-ui-error);
 }
 
-.notification.warning:not(.inline) {
+.notification.warning.outlined {
   background-color: var(--mirai-ui-warning-background);
   border-color: var(--mirai-ui-warning-border);
 }
@@ -58,7 +58,7 @@
   color: var(--mirai-ui-warning);
 }
 
-.notification.info:not(.inline) {
+.notification.info.outlined {
   background-color: var(--mirai-ui-info-background);
   border-color: var(--mirai-ui-info-border);
 }
@@ -67,12 +67,14 @@
   color: var(--mirai-ui-info);
 }
 
-.notification:not(.large):not(.small) .text {
+.notification .text {
   margin-left: var(--mirai-ui-notification-padding);
   margin-right: var(--mirai-ui-notification-padding);
 }
 
 .notification.large .text {
+  margin-left: var(--mirai-ui-notification-padding);
+  margin-right: var(--mirai-ui-notification-padding);
   margin-top: var(--mirai-ui-notification-padding-large);
   text-align: center;
 }
@@ -86,11 +88,11 @@
   flex: 1;
 }
 
-.notification.large:not(.outlined) .text {
+.notification.large.inline .text {
   color: var(--mirai-ui-content);
 }
 
-.notification:not(.large):not(.small) .icon {
+.notification .icon {
   margin-top: calc(calc(var(--mirai-ui-line-height-headline-3) - var(--mirai-ui-font-size-headline-3)) / 2);
 }
 
@@ -98,6 +100,7 @@
   font-size: var(--mirai-ui-space-XL);
   line-height: var(--mirai-ui-space-XL);
   height: var(--mirai-ui-space-XL);
+  margin-top: 0;
   width: var(--mirai-ui-space-XL);
 }
 

package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap

@@ -73,7 +73,7 @@ exports[`component:<Notification> prop:error 1`] = `
 exports[`component:<Notification> prop:info & inline 1`] = `
 <DocumentFragment>
   <div
-    class="view row notification info inline inline"
+    class="view row notification info inline"
   >
     <span
       class="icon headline-3 icon"
@@ -213,7 +213,7 @@ exports[`component:<Notification> prop:info 1`] = `
 exports[`component:<Notification> prop:inline 1`] = `
 <DocumentFragment>
   <div
-    class="view row notification inline inline"
+    class="view row notification inline"
   >
     <span
       class="icon headline-3 icon"
@@ -248,7 +248,7 @@ exports[`component:<Notification> prop:inline 1`] = `
 exports[`component:<Notification> prop:large & prop:inline 1`] = `
 <DocumentFragment>
   <div
-    class="view row notification inline inline large"
+    class="view row notification inline large"
   >
     <span
       class="icon headline-1 icon"
@@ -380,7 +380,7 @@ exports[`component:<Notification> prop:onClose 1`] = `
 exports[`component:<Notification> prop:small & prop:inline 1`] = `
 <DocumentFragment>
   <div
-    class="view row notification inline inline small"
+    class="view row notification inline small"
   >
     <span
       class="icon paragraph icon"
@@ -450,7 +450,7 @@ exports[`component:<Notification> prop:small 1`] = `
 exports[`component:<Notification> prop:success & inline 1`] = `
 <DocumentFragment>
   <div
-    class="view row notification success inline inline"
+    class="view row notification success inline"
   >
     <span
       class="icon headline-3 icon"
@@ -590,7 +590,7 @@ exports[`component:<Notification> prop:success 1`] = `
 exports[`component:<Notification> prop:warning & inline 1`] = `
 <DocumentFragment>
   <div
-    class="view row notification warning inline inline"
+    class="view row notification warning inline"
   >
     <span
       class="icon headline-3 icon"

package/build/components/Table/Table.Row.js

@@ -64,7 +64,7 @@ var Row = function Row(_ref) {
   return /*#__PURE__*/_react.default.createElement(_primitives.Primitive, _extends({
     tag: "tr"
   }, others, {
-    className: (0, _helpers.styles)(checked && _TableModule.default.selected, onPress && _TableModule.default.onPress)
+    className: (0, _helpers.styles)(checked ? _TableModule.default.selected : _TableModule.default.notSelected, onPress && _TableModule.default.onPress)
   }), Object.keys(schema).filter(function (field) {
     return !schema[field].hidden;
   }).map(function (field, index) {

package/build/components/Table/Table.Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","indeterminate","l10n","schema","sort","onFilter","onPress","onSelect","onSort","others","useState","focus","setFocus","isHead","undefined","testId","handlePress","field","event","target","type","includes","handleFocus","handleSelect","preventDefault","styles","style","selected","Object","keys","filter","hidden","map","index","hasFilter","label","hasSort","tooltip","fieldFilter","bind","React","createElement","Primitive","tag","key","onClick","column","selectable","value","checkbox","icons","ICON","UP","DOWN","icon","disabled","displayName","propTypes","PropTypes","bool","shape","L10N_SHAPE","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Primitive, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { Tooltip } from '../Tooltip';\nimport { ColumnFilter } from './Table.ColumnFilter';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];\n\nconst Row = ({\n  checked,\n  dataSource,\n  indeterminate,\n  l10n,\n  schema,\n  sort = {},\n  onFilter,\n  onPress,\n  onSelect,\n  onSort,\n  ...others\n}) => {\n  const [focus, setFocus] = useState();\n\n  const isHead = dataSource === undefined;\n  const { testId } = others;\n\n  const handlePress = (field, event) => {\n    const { target: { type } = {} } = event;\n    if (CUSTOM_EVENT_TYPES.includes(type)) return;\n\n    isHead ? onSort(field) : onPress ? onPress(dataSource, event) : undefined;\n  };\n\n  const handleFocus = (field) => {\n    setFocus(field);\n  };\n\n  const handleSelect = (dataSource, event) => {\n    event.preventDefault();\n    onSelect(dataSource, event);\n  };\n\n  return (\n    <Primitive tag=\"tr\" {...others} className={styles(checked && style.selected, onPress && style.onPress)}>\n      {Object.keys(schema)\n        .filter((field) => !schema[field].hidden)\n        .map((field, index) => {\n          const { filter: hasFilter = true, label, sort: hasSort = true, tooltip, type = 'text' } = schema[field];\n          const fieldFilter = schema[field]?.bind || field;\n\n          return React.createElement(\n            Primitive,\n            {\n              tag: isHead ? 'th' : 'td',\n              testId: testId ? `${testId}-${field}` : undefined,\n              key: field,\n              onClick: !isHead || hasSort ? (event) => handlePress(field, event) : undefined,\n            },\n            <View\n              forceRow\n              tag=\"span\"\n              className={styles(\n                style.column,\n                onSelect && index === 0 && style.selectable,\n                !isHead && !(onSelect && index === 0) && style[type],\n              )}\n            >\n              {onSelect && index === 0 && (\n                <InputOption\n                  checked={checked}\n                  indeterminate={indeterminate}\n                  name=\"checkbox\"\n                  onChange={(value, event) => handleSelect(dataSource, event)}\n                  className={style.checkbox}\n                  testId={testId ? `${testId}-checkbox` : undefined}\n                />\n              )}\n\n              {isHead ? (\n                tooltip ? (\n                  <Tooltip text={tooltip}>\n                    <Primitive className={style.tooltip}>{label}</Primitive>\n                  </Tooltip>\n                ) : (\n                  label\n                )\n              ) : (\n                dataSource[field]\n              )}\n\n              {isHead && ((onSort && hasSort) || (onFilter && hasFilter)) && (\n                <View row className={style.icons}>\n                  {onSort && hasSort && (\n                    <Icon\n                      value={sort[field] === false ? ICON.UP : ICON.DOWN}\n                      className={styles(style.icon, sort[field] === undefined && style.disabled)}\n                    />\n                  )}\n                  {onFilter && hasFilter && (\n                    <ColumnFilter\n                      field={fieldFilter}\n                      l10n={l10n}\n                      schema={schema}\n                      visible={fieldFilter === focus}\n                      onFocus={handleFocus}\n                      onSubmit={onFilter}\n                    />\n                  )}\n                </View>\n              )}\n            </View>,\n          );\n        })}\n    </Primitive>\n  );\n};\n\nRow.displayName = 'Component:Table:Row';\n\nRow.propTypes = {\n  checked: PropTypes.bool,\n  dataSource: PropTypes.shape({}),\n  indeterminate: PropTypes.bool,\n  l10n: L10N_SHAPE,\n  schema: PropTypes.shape({}).isRequired,\n  sort: PropTypes.shape({}),\n  onFilter: PropTypes.func,\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { Row };\n"],"mappings":"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"}
+{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","indeterminate","l10n","schema","sort","onFilter","onPress","onSelect","onSort","others","useState","focus","setFocus","isHead","undefined","testId","handlePress","field","event","target","type","includes","handleFocus","handleSelect","preventDefault","styles","style","selected","notSelected","Object","keys","filter","hidden","map","index","hasFilter","label","hasSort","tooltip","fieldFilter","bind","React","createElement","Primitive","tag","key","onClick","column","selectable","value","checkbox","icons","ICON","UP","DOWN","icon","disabled","displayName","propTypes","PropTypes","bool","shape","L10N_SHAPE","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Primitive, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { Tooltip } from '../Tooltip';\nimport { ColumnFilter } from './Table.ColumnFilter';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];\n\nconst Row = ({\n  checked,\n  dataSource,\n  indeterminate,\n  l10n,\n  schema,\n  sort = {},\n  onFilter,\n  onPress,\n  onSelect,\n  onSort,\n  ...others\n}) => {\n  const [focus, setFocus] = useState();\n\n  const isHead = dataSource === undefined;\n  const { testId } = others;\n\n  const handlePress = (field, event) => {\n    const { target: { type } = {} } = event;\n    if (CUSTOM_EVENT_TYPES.includes(type)) return;\n\n    isHead ? onSort(field) : onPress ? onPress(dataSource, event) : undefined;\n  };\n\n  const handleFocus = (field) => {\n    setFocus(field);\n  };\n\n  const handleSelect = (dataSource, event) => {\n    event.preventDefault();\n    onSelect(dataSource, event);\n  };\n\n  return (\n    <Primitive\n      tag=\"tr\"\n      {...others}\n      className={styles(checked ? style.selected : style.notSelected, onPress && style.onPress)}\n    >\n      {Object.keys(schema)\n        .filter((field) => !schema[field].hidden)\n        .map((field, index) => {\n          const { filter: hasFilter = true, label, sort: hasSort = true, tooltip, type = 'text' } = schema[field];\n          const fieldFilter = schema[field]?.bind || field;\n\n          return React.createElement(\n            Primitive,\n            {\n              tag: isHead ? 'th' : 'td',\n              testId: testId ? `${testId}-${field}` : undefined,\n              key: field,\n              onClick: !isHead || hasSort ? (event) => handlePress(field, event) : undefined,\n            },\n            <View\n              forceRow\n              tag=\"span\"\n              className={styles(\n                style.column,\n                onSelect && index === 0 && style.selectable,\n                !isHead && !(onSelect && index === 0) && style[type],\n              )}\n            >\n              {onSelect && index === 0 && (\n                <InputOption\n                  checked={checked}\n                  indeterminate={indeterminate}\n                  name=\"checkbox\"\n                  onChange={(value, event) => handleSelect(dataSource, event)}\n                  className={style.checkbox}\n                  testId={testId ? `${testId}-checkbox` : undefined}\n                />\n              )}\n\n              {isHead ? (\n                tooltip ? (\n                  <Tooltip text={tooltip}>\n                    <Primitive className={style.tooltip}>{label}</Primitive>\n                  </Tooltip>\n                ) : (\n                  label\n                )\n              ) : (\n                dataSource[field]\n              )}\n\n              {isHead && ((onSort && hasSort) || (onFilter && hasFilter)) && (\n                <View row className={style.icons}>\n                  {onSort && hasSort && (\n                    <Icon\n                      value={sort[field] === false ? ICON.UP : ICON.DOWN}\n                      className={styles(style.icon, sort[field] === undefined && style.disabled)}\n                    />\n                  )}\n                  {onFilter && hasFilter && (\n                    <ColumnFilter\n                      field={fieldFilter}\n                      l10n={l10n}\n                      schema={schema}\n                      visible={fieldFilter === focus}\n                      onFocus={handleFocus}\n                      onSubmit={onFilter}\n                    />\n                  )}\n                </View>\n              )}\n            </View>,\n          );\n        })}\n    </Primitive>\n  );\n};\n\nRow.displayName = 'Component:Table:Row';\n\nRow.propTypes = {\n  checked: PropTypes.bool,\n  dataSource: PropTypes.shape({}),\n  indeterminate: PropTypes.bool,\n  l10n: L10N_SHAPE,\n  schema: PropTypes.shape({}).isRequired,\n  sort: PropTypes.shape({}),\n  onFilter: PropTypes.func,\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { Row };\n"],"mappings":"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"}

package/build/components/Table/Table.module.css

@@ -50,10 +50,14 @@
   background-color: var(--mirai-ui-table-selected-background);
 }
 
-.table tbody tr:not(:last-child) {
+.table tbody tr {
   border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
 }
 
+.table tbody tr:last-child {
+  border-bottom: none;
+}
+
 .table th {
   user-select: none;
 }
@@ -172,7 +176,7 @@
     cursor: pointer;
   }
 
-  .table tbody tr:hover.onPress:not(.selected) td:first-child {
+  .table tbody tr:hover.onPress.notSelected td:first-child {
     background-color: var(--mirai-ui-table-selected-background);
   }