glints-aries 4.0.231 → 4.0.232

package/es/@next/Select/selectStoryHelper/Searchable.js

@@ -0,0 +1,85 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["data"];
+import React, { useEffect, useState } from 'react';
+import { Blue } from '../../utilities/colors';
+import { space8 } from '../../utilities/spacing';
+import { Select } from '../Select';
+import { StyledTag } from './SelectStoryStyle';
+export var SearchableSelect = function SearchableSelect(_ref) {
+  var data = _ref.data,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useState = useState(''),
+    inputValue = _useState[0],
+    setInputValue = _useState[1];
+  var _useState2 = useState([]),
+    selectedOptions = _useState2[0],
+    setSelectedOptions = _useState2[1];
+  var _useState3 = useState(false),
+    isSearchEmpty = _useState3[0],
+    setIsSearchEmpty = _useState3[1];
+  var _useState4 = useState(data),
+    options = _useState4[0],
+    setOptions = _useState4[1];
+  var handleInputChange = function handleInputChange(value) {
+    setInputValue(value);
+    if (value === '') {
+      setOptions(data);
+      return;
+    }
+    var filterRegex = new RegExp(value, 'i');
+    var filterOptions = options.filter(function (option) {
+      return option.label.match(filterRegex);
+    });
+    setOptions(filterOptions);
+  };
+  var handleSelect = function handleSelect(_ref2) {
+    var value = _ref2.value;
+    if (!selectedOptions.includes(value)) {
+      setSelectedOptions([].concat(selectedOptions, [value]));
+      return;
+    }
+    setSelectedOptions(selectedOptions.filter(function (option) {
+      return option !== value;
+    }));
+  };
+  var removeTag = function removeTag(tag) {
+    return function () {
+      var options = [].concat(selectedOptions);
+      options.splice(options.indexOf(tag), 1);
+      setSelectedOptions(options);
+    };
+  };
+  var tagsMarkup = selectedOptions.map(function (option) {
+    return /*#__PURE__*/React.createElement(StyledTag, {
+      key: "option-" + option,
+      onRemove: removeTag(option),
+      textColor: Blue.S99
+    }, option);
+  });
+  useEffect(function () {
+    if (options.length === 0) {
+      setIsSearchEmpty(true);
+    }
+    if (options.length > 0 && isSearchEmpty === true) {
+      setIsSearchEmpty(false);
+    }
+  }, [isSearchEmpty, options]);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, args, {
+    onSelect: handleSelect,
+    options: options,
+    selectedValues: selectedOptions,
+    width: "600px",
+    searchableProps: {
+      inputValue: inputValue,
+      onInputChange: function onInputChange(value) {
+        return handleInputChange(value);
+      }
+    },
+    label: "Label"
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: space8
+    }
+  }, tagsMarkup));
+};

package/es/@next/Select/selectStoryHelper/SelectStoryStyle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Tag").TagProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/es/@next/Select/selectStoryHelper/SelectStoryStyle.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+import { Tag } from '../../Tag';
+import { space8 } from '../../utilities/spacing';
+export var StyledTag = styled(Tag).withConfig({
+  displayName: "SelectStoryStyle__StyledTag",
+  componentId: "sc-1xv9wvg-0"
+})(["margin-right:", ";"], space8);

package/es/@next/Tag/Tag.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     value?: string;
-    onRemove?: (() => void) | null;
+    onRemove?: (() => void) | null | void;
     textColor?: string;
     disabled?: boolean;
 }

package/es/@next/Tag/TagStyle.js

@@ -6,7 +6,7 @@ import { space4, space8 } from '../utilities/spacing';
 export var TagContentStyle = styled.span.withConfig({
   displayName: "TagStyle__TagContentStyle",
   componentId: "sc-r1wv7a-0"
-})(["padding:", " ", ";transform:translateY(1px);&[data-removeable='true']{padding-right:0;}"], space4, space8);
+})(["padding:", " ", ";white-space:nowrap;transform:translateY(1px);&[data-removeable='true']{padding-right:0;}"], space4, space8);
 export var TagRemoveContainerStyle = styled.div.withConfig({
   displayName: "TagStyle__TagRemoveContainerStyle",
   componentId: "sc-r1wv7a-1"

package/es/@next/TextInput/TextInput.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["canClear", "suffix", "value", "onChange"];
+var _excluded = ["canClear", "suffix", "value", "onChange", "error"];
 import React, { useEffect, useState } from 'react';
 import { Icon } from '../Icon';
 import { Input } from '../Input/Input';
@@ -9,6 +9,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
     suffix = _ref.suffix,
     value = _ref.value,
     onChange = _ref.onChange,
+    error = _ref.error,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var ClearIcon = function ClearIcon() {
     return /*#__PURE__*/React.createElement(Icon, {
@@ -42,6 +43,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
     type: "text",
     suffix: suffixValue,
     value: value,
-    onChange: handleChange
+    onChange: handleChange,
+    error: error
   }, props));
 });

package/es/@next/index.d.ts

@@ -28,6 +28,7 @@ export { NumberInput, NumberInputProps } from './NumberInput';
 export { Pagination, PaginationProps, SimplePagination } from './Pagination';
 export { Popover, PopoverProps } from './Popover';
 export { RadioButton, RadioButtonProps } from './RadioButton';
+export { Select, SelectProps } from './Select';
 export { Spinner, SpinnerProps } from './Spinner';
 export { Tab, TabModel, TabProps, Tabs, TabsProps } from './Tabs';
 export { Tag, TagProps } from './Tag';

package/es/@next/index.js

@@ -29,6 +29,7 @@ export { NumberInput, NumberInputProps } from './NumberInput';
 export { Pagination, PaginationProps, SimplePagination } from './Pagination';
 export { Popover, PopoverProps } from './Popover';
 export { RadioButton, RadioButtonProps } from './RadioButton';
+export { Select, SelectProps } from './Select';
 export { Spinner, SpinnerProps } from './Spinner';
 export { Tab, TabModel, TabProps, Tabs, TabsProps } from './Tabs';
 export { Tag, TagProps } from './Tag';

package/es/Input/PhoneNumberInput/PhoneNumberInput.js

@@ -90,7 +90,7 @@ export var PhoneNumberInput = function PhoneNumberInput(_ref) {
     type: "button",
     onClick: toggleIsCallingCodeOpen,
     "data-testid": "calling-code-input-toggle"
-  }), "+", value.callingCode, /*#__PURE__*/React.createElement(S.CallingCodeInputOpenIndicator, null, isCallingCodeInputOpen ? /*#__PURE__*/React.createElement(ArrowDownIcon, null) : /*#__PURE__*/React.createElement(ArrowUpIcon, null))), /*#__PURE__*/React.createElement(S.SignificantNumberInput, {
+  }), "+", value.callingCode, /*#__PURE__*/React.createElement(S.CallingCodeInputOpenIndicator, null, isCallingCodeInputOpen ? /*#__PURE__*/React.createElement(ArrowUpIcon, null) : /*#__PURE__*/React.createElement(ArrowDownIcon, null))), /*#__PURE__*/React.createElement(S.SignificantNumberInput, {
     id: significantNumberInputId,
     "data-testid": "significant-number-input",
     type: "tel",

package/lib/@next/Checkbox/Checkbox.js

@@ -54,7 +54,9 @@ var Checkbox = /*#__PURE__*/_react["default"].forwardRef(function Checkbox(_ref,
     "aria-disabled": disabled,
     "data-error": hasError,
     "data-spacing": isPadded
-  }, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledRow, null, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledLeftColumn, null, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledCheckboxContainer, null, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledCheckbox, {
+  }, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledRow, {
+    className: "glints-checkbox-styled-row"
+  }, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledLeftColumn, null, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledCheckboxContainer, null, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledCheckbox, {
     role: "checkbox",
     "aria-labelledby": labelId,
     "aria-checked": checkedState,

package/lib/@next/IndexTable/IndexTable.js

@@ -12,6 +12,7 @@ var _Checkbox = require("../Checkbox");
 var _Row = require("./components/Row/Row");
 var _IndexTableStyle = require("./IndexTableStyle");
 var _LoadingState = require("./components/LoadingState");
+var _CheckboxStyle = require("./components/Checkbox/CheckboxStyle");
 var _excluded = ["bulkActions", "children", "itemCount", "selectedItemsCount", "loading", "emptyState"],
   _excluded2 = ["checked", "onChange"];
 var IndexTable = function IndexTable(_ref) {
@@ -26,11 +27,11 @@ var IndexTable = function IndexTable(_ref) {
     var checked = _ref2.checked,
       onChange = _ref2.onChange,
       props = (0, _objectWithoutPropertiesLoose2["default"])(_ref2, _excluded2);
-    return /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.CheckboxCellContentContainer, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, (0, _extends2["default"])({
       onChange: onChange,
       checked: checked,
       isPadded: false
-    }, props));
+    }, props)));
   };
   var checkbox = !loading && itemCount > 0 ? renderCheckboxHeader : undefined;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_IndexTableStyle.StyledIndexTable, null), /*#__PURE__*/_react["default"].createElement(_polarisGlints.IndexTable, (0, _extends2["default"])({

package/lib/@next/IndexTable/IndexTableStyle.js

@@ -3,5 +3,7 @@
 exports.__esModule = true;
 exports.StyledIndexTable = void 0;
 var _styledComponents = require("styled-components");
-var StyledIndexTable = (0, _styledComponents.createGlobalStyle)([":root{--p-surface:rgba(255,255,255,1);--p-surface-dark:rgba(32,33,35,1);--p-surface-subdued:rgba(250,251,251,1);--p-surface-disabled:rgba(250,251,251,1);--p-surface-hovered:rgba(246,246,247,1);--p-surface-hovered-dark:rgba(47,49,51,1);--p-surface-pressed:rgba(241,242,243,1);--p-surface-pressed-dark:rgba(62,64,67,1);--p-hint-from-direct-light:rgba(0,0,0,0.15);--p-border:rgba(140,145,150,1);--p-border-on-dark:rgba(80,83,86,1);--p-border-neutral-subdued:rgba(186,191,195,1);--p-border-disabled:rgba(210,213,216,1);--p-border-subdued:rgba(201,204,207,1);--p-border-depressed:rgba(87,89,89,1);--p-border-shadow-subdued:rgba(186,191,196,1);--p-divider:rgba(225,227,229,1);--p-icon:rgba(92,95,98,1);--p-icon-disabled:rgba(186,190,195,1);--p-text:rgba(32,34,35,1);--p-text-on-dark:rgba(227,229,231,1);--p-text-disabled:rgba(140,145,150,1);--p-text-subdued:rgba(109,113,117,1);--p-interactive:rgba(44,110,203,1);--p-interactive-hovered:rgba(31,81,153,1);--p-interactive-pressed:rgba(16,50,98,1);--p-focused:rgba(69,143,255,1);--p-surface-selected:rgba(242,247,254,1);--p-action-secondary-hovered:rgba(246,246,247,1);--p-action-secondary-pressed:rgba(241,242,243,1);--p-action-secondary-depressed:rgba(109,113,117,1);--p-text-on-primary:rgba(255,255,255,1);--p-surface-primary-selected:rgba(241,248,245,1);--p-surface-highlight-subdued:rgba(235,249,252,1);--p-shadow-base:0 0 0 0.0625rem rgba(63,63,68,0.05),0 0.0625rem 0.1875rem 0 rgba(63,63,68,0.15);--p-shadow-deep:0 0 0 0.0625rem rgba(6,44,82,0.1),0 0.125rem 1rem rgba(33,43,54,0.08);--p-shadow-button:0 0.0625rem 0 rgba(0,0,0,0.05);--p-shadow-popover:0 0.1875rem 0.375rem -0.1875rem rgba(23,24,24,0.08),0 0.5rem 1.25rem -0.25rem rgba(23,24,24,0.12);--p-duration-100:100ms;--p-border-radius-1:0.25rem;--p-border-radius-2:0.5rem;--p-border-width-1:0.0625rem;--p-border-divider:var(--p-border-width-1) solid var(--p-divider);--p-space-025:0.0625rem;--p-space-05:0.125rem;--p-space-1:0.25rem;--p-space-2:0.5rem;--p-space-3:0.75rem;--p-space-4:1rem;--p-space-5:1.25rem;}.Polaris-Text--root{margin:0;text-align:inherit;}.Polaris-Text--visuallyHidden{position:absolute !important;top:0;width:0.0625rem !important;height:0.0625rem !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important;}.Polaris-Text--regular{font-weight:400;}.Polaris-Text--bodySm{font-size:0.75rem;line-height:1rem;}.Polaris-Icon{display:block;height:1.25rem;width:1.25rem;max-height:100%;max-width:100%;margin:auto;}.Polaris-Icon__Svg{position:relative;display:block;width:100%;max-width:100%;max-height:100%;}.Polaris-Scrollable{--pc-scrollable-shadow-size:var(--p-space-5);--pc-scrollable-shadow-bottom:inset 0 calc(var(--pc-scrollable-shadow-size) * -1) var(--pc-scrollable-shadow-size) calc(var(--pc-scrollable-shadow-size) * -1) var(--p-hint-from-direct-light);--pc-scrollable-shadow-top:inset 0 var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) calc(var(--pc-scrollable-shadow-size) * -1) var(--p-hint-from-direct-light);--pc-scrollable-max-height:none;-webkit-overflow-scrolling:touch;position:relative;max-height:var(--pc-scrollable-max-height);overflow-x:hidden;overflow-y:hidden;}.Polaris-Scrollable:focus{outline:0.125rem solid var(--p-focused);outline-offset:var(--p-space-05);}.Polaris-Scrollable--horizontal{overflow-x:auto;}.Polaris-Scrollable--vertical{overflow-y:auto;}.Polaris-Scrollable--hasTopShadow{box-shadow:var(--pc-scrollable-shadow-top);}.Polaris-Scrollable--hasBottomShadow{box-shadow:var(--pc-scrollable-shadow-bottom);}.Polaris-Scrollable--hasTopShadow.Polaris-Scrollable--hasBottomShadow{box-shadow:var(--pc-scrollable-shadow-top),var(--pc-scrollable-shadow-bottom);}.Polaris-Popover{max-width:calc(100vw - 2rem);margin:0.3125rem var(--p-space-2) var(--p-space-4);box-shadow:var(--p-shadow-popover);border-radius:var(--p-border-radius-2);backface-visibility:hidden;will-change:left,top;}.Polaris-Popover__PopoverOverlay{opacity:0;transition:opacity var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1),transform var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);transform:translateY(-0.3125rem);}.Polaris-Popover__PopoverOverlay--entering{opacity:1;transform:translateY(0);}.Polaris-Popover__PopoverOverlay--open{opacity:1;transform:none;}.Polaris-Popover__PopoverOverlay--exiting{opacity:1;transform:translateY(0);transition-duration:0ms;}.Polaris-Popover--measuring:not(.Polaris-Popover__PopoverOverlay--exiting){opacity:0;transform:translateY(-0.3125rem);}.Polaris-Popover--fullWidth{margin:0.3125rem auto 0 auto;}.Polaris-Popover--fullWidth .Polaris-Popover__Content{max-width:none;}.Polaris-Popover--positionedAbove{margin:var(--p-space-4) var(--p-space-2) 0.3125rem;}.Polaris-Popover--positionedAbove.Polaris-Popover--fullWidth{margin:0 auto 0.3125rem auto;}.Polaris-Popover__Wrapper{position:relative;overflow:hidden;background-color:var(--p-surface);border-radius:var(--p-border-radius-2);outline:var(--p-border-width-1) solid transparent;}.Polaris-Popover__Content{position:relative;display:flex;flex-direction:column;border-radius:var(--p-border-radius-1);max-width:25rem;max-height:31.25rem;}.Polaris-Popover__Content:focus{outline:none;}.Polaris-Popover__Content--fullHeight{max-height:none;}.Polaris-Popover__Content--fluidContent{max-height:none;max-width:none;}.Polaris-Popover__Pane{flex:1 1;max-width:100%;}.Polaris-Popover__Pane + .Polaris-Popover__Pane{border-top:var(--p-border-divider);}.Polaris-Popover__Pane:focus{outline:none;}.Polaris-Popover__Pane--fixed{overflow:visible;flex:0 0 auto;}.Polaris-Popover__Pane--captureOverscroll{overscroll-behavior:contain;}.Polaris-Popover__Section{padding:var(--p-space-4);}.Polaris-Popover__Section + .Polaris-Popover__Section{border-top:var(--p-border-divider);}.Polaris-Popover__FocusTracker{position:absolute !important;top:0;width:0.0625rem !important;height:0.0625rem !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important;}@media print{.Polaris-Popover__PopoverOverlay--hideOnPrint{display:none !important;}}.Polaris-PositionedOverlay{position:absolute;z-index:400;}.Polaris-ActionList{outline:none;list-style:none;margin:0;padding:0;}.Polaris-ActionList__Section:not(:first-child){border-top:var(--p-border-divider);}.Polaris-ActionList__Section:not(:first-child) > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions{padding-top:var(--p-space-2);}.Polaris-ActionList__Actions{outline:none;list-style:none;margin:0;padding:var(--p-space-2);}.Polaris-ActionList > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions,.Polaris-ActionList__Section:first-child > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions{border-top:none;padding-top:var(--p-space-2);}.Polaris-ActionList .Polaris-ActionList__Section .Polaris-ActionList__Actions{padding-top:0;}.Polaris-ActionList__Item{--pc-action-list-image-size:1.25rem;--pc-action-list-item-min-height:2.5rem;--pc-action-list-item-vertical-padding:calc( (var(--pc-action-list-item-min-height) - 1.25rem) / 2 );appearance:none;margin:0;background:none;border:none;font-size:inherit;line-height:inherit;color:inherit;cursor:pointer;position:relative;display:block;width:100%;min-height:var(--pc-action-list-item-min-height);text-align:left;text-decoration:none;padding:var(--pc-action-list-item-vertical-padding) var(--p-space-2);border-radius:var(--p-border-radius-1);border-top:var(--p-border-width-1) solid transparent;}.Polaris-ActionList__Item:focus{outline:none;}.Polaris-ActionList__Item::after{content:'';position:absolute;z-index:1;top:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;left:-0.0625rem;display:block;pointer-events:none;box-shadow:0 0 0 -0.0625rem var(--p-focused);transition:box-shadow var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);border-radius:var(--p-border-radius-1);}.Polaris-ActionList__Item:hover{background-color:var(--p-surface-hovered);text-decoration:none;outline:0.1875rem solid transparent;}.Polaris-ActionList__Item:active{background-color:var(--p-surface-pressed);}.Polaris-ActionList__Item:active svg{fill:var(--p-interactive);}.Polaris-ActionList__Item:focus:not(:active){outline:0.1875rem solid transparent;}.Polaris-ActionList__Item:focus:not(:active)::after{box-shadow:0 0 0 0.125rem var(--p-focused);outline:var(--p-border-width-1) solid transparent;}.Polaris-ActionList__Item:visited{color:inherit;}.Polaris-ActionList__Item.Polaris-ActionList--active{background-color:var(--p-surface-selected);}.Polaris-ActionList__Item.Polaris-ActionList--active svg{fill:var(--p-interactive);}.Polaris-ActionList__Item.Polaris-ActionList--active::before{content:'';background-color:var(--p-interactive);position:absolute;top:0;left:calc(var(--p-space-2) * -1);height:100%;display:block;width:0.1875rem;border-top-right-radius:var(--p-border-radius-1);border-bottom-right-radius:var(--p-border-radius-1);}.Polaris-ActionList__Item.Polaris-ActionList--disabled{background-image:none;color:var(--p-text-disabled);}.Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Prefix svg,.Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Suffix svg{fill:var(--p-icon-disabled);}.Polaris-ActionList__Content{display:flex;align-items:center;}.Polaris-ActionList__Text{min-width:0;max-width:100%;flex:1 1 auto;}.Polaris-Box--listReset{list-style-type:none;margin-block-start:0;margin-block-end:0;outline:none;padding-inline-start:0;}.Polaris-Box{--pc-box-padding-block-end-xs:initial;--pc-box-padding-block-end-sm:initial;--pc-box-padding-block-end-md:initial;--pc-box-padding-block-end-lg:initial;--pc-box-padding-block-end-xl:initial;padding-block-end:var(--pc-box-padding-block-end-xs);--pc-box-padding-block-start-xs:initial;--pc-box-padding-block-start-sm:initial;--pc-box-padding-block-start-md:initial;--pc-box-padding-block-start-lg:initial;--pc-box-padding-block-start-xl:initial;padding-block-start:var(--pc-box-padding-block-start-xs);--pc-box-padding-inline-start-xs:initial;--pc-box-padding-inline-start-sm:initial;--pc-box-padding-inline-start-md:initial;--pc-box-padding-inline-start-lg:initial;--pc-box-padding-inline-start-xl:initial;padding-inline-start:var(--pc-box-padding-inline-start-xs);--pc-box-padding-inline-end-xs:initial;--pc-box-padding-inline-end-sm:initial;--pc-box-padding-inline-end-md:initial;--pc-box-padding-inline-end-lg:initial;--pc-box-padding-inline-end-xl:initial;padding-inline-end:var(--pc-box-padding-inline-end-xs);--pc-box-shadow:initial;--pc-box-background:initial;--pc-box-border-radius:initial;--pc-box-border-radius-end-start:initial;--pc-box-border-radius-end-end:initial;--pc-box-border-radius-start-start:initial;--pc-box-border-radius-start-end:initial;--pc-box-border:initial;--pc-box-border-block-end:initial;--pc-box-border-inline-start:initial;--pc-box-border-inline-end:initial;--pc-box-border-block-start:initial;--pc-box-color:initial;--pc-box-min-height:initial;--pc-box-min-width:initial;--pc-box-max-width:initial;--pc-box-overflow-x:initial;--pc-box-overflow-y:initial;--pc-box-width:initial;--pc-box-border-width:var(--p-border-width-1);--pc-box-inset-block-start:initial;--pc-box-inset-block-end:initial;--pc-box-inset-inline-start:initial;--pc-box-inset-inline-end:initial;inset-block-start:var(--pc-box-inset-block-start);inset-block-end:var(--pc-box-inset-block-end);inset-inline-start:var(--pc-box-inset-inline-start);inset-inline-end:var(--pc-box-inset-inline-end);background-color:var(--pc-box-background);box-shadow:var(--pc-box-shadow);border-radius:var(--pc-box-border-radius);border-end-start-radius:var( --pc-box-border-radius-end-start,var(--pc-box-border-radius) );border-end-end-radius:var( --pc-box-border-radius-end-end,var(--pc-box-border-radius) );border-start-start-radius:var( --pc-box-border-radius-start-start,var(--pc-box-border-radius) );border-start-end-radius:var( --pc-box-border-radius-start-end,var(--pc-box-border-radius) );border-block-end:var(--pc-box-border-block-end,var(--pc-box-border));border-inline-start:var( --pc-box-border-inline-start,var(--pc-box-border) );border-inline-end:var(--pc-box-border-inline-end,var(--pc-box-border));border-block-start:var(--pc-box-border-block-start,var(--pc-box-border));border-block-start-width:var( --pc-box-border-block-start-width,var(--pc-box-border-width) );border-block-end-width:var( --pc-box-border-block-end-width,var(--pc-box-border-width) );border-inline-start-width:var( --pc-box-border-inline-start-width,var(--pc-box-border-width) );border-inline-end-width:var( --pc-box-border-inline-end-width,var(--pc-box-border-width) );color:var(--pc-box-color);min-height:var(--pc-box-min-height);min-width:var(--pc-box-min-width);max-width:var(--pc-box-max-width);overflow-x:var(--pc-box-overflow-x);overflow-y:var(--pc-box-overflow-y);width:var(--pc-box-width);-webkit-overflow-scrolling:touch;}.Polaris-Button{--pc-button-slim-min-height:1.75rem;--pc-button-large-min-height:2.75rem;--pc-button-vertical-padding:calc( (2.25rem - 1.25rem - var(--p-space-05)) / 2 );--pc-button-slim-vertical-padding:calc( ( var(--pc-button-slim-min-height) - 1.25rem - var(--p-space-05) ) / 2 );--pc-button-large-vertical-padding:calc( ( var(--pc-button-large-min-height) - 1.25rem - var(--p-space-05) ) / 2 );--pc-button-spinner-size:1.25rem;--pc-button-segment:10;--pc-button-focused:20;--pc-button-disclosure-icon-offset:-0.375rem;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;min-width:2.25rem;margin:0;padding:calc( (2.25rem - 1.25rem - var(--p-space-05)) / 2 ) var(--p-space-4);background:var(--p-surface);box-shadow:var(--p-shadow-button);border-radius:var(--p-border-radius-1);color:var(--p-text);border:var(--p-border-width-1) solid var(--p-border-neutral-subdued);border-top-color:var(--p-border-subdued);border-bottom-color:var(--p-border-shadow-subdued);line-height:1;text-align:center;cursor:pointer;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent;}.Polaris-Button svg{fill:var(--p-icon);}.Polaris-Button::after{content:'';position:absolute;z-index:1;top:calc(var(--p-border-width-1) * -1 + -0.0625rem);right:calc(var(--p-border-width-1) * -1 + -0.0625rem);bottom:calc(var(--p-border-width-1) * -1 + -0.0625rem);left:calc(var(--p-border-width-1) * -1 + -0.0625rem);display:block;pointer-events:none;box-shadow:0 0 0 calc(var(--p-border-width-1) * -1 + -0.0625rem) var(--p-focused);transition:box-shadow var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);border-radius:var(--p-border-radius-1);}.Polaris-Button:hover{background:var(--p-action-secondary-hovered);outline:var(--p-border-width-1) solid transparent;}.Polaris-Button:focus{box-shadow:var(--p-shadow-button);outline:0;}.Polaris-Button:focus::after{box-shadow:0 0 0 0.125rem var(--p-focused);outline:var(--p-border-width-1) solid transparent;}.Polaris-Button:active{background:var(--p-action-secondary-pressed);box-shadow:var(--p-shadow-button);}.Polaris-Button:active::after{border:none;box-shadow:none;}.Polaris-Button.Polaris-Button--pressed{background:var(--p-action-secondary-depressed);box-shadow:inset 0 0.0625rem 0 rgba(0,0,0,0.15);color:var(--p-text-on-primary);border-color:var(--p-border-depressed);}.Polaris-Button.Polaris-Button--pressed svg{fill:currentColor;}@media (-ms-high-contrast:active){.Polaris-Button{border:var(--p-border-width-1) solid windowText;}}.Polaris-Button__Content{font-size:0.875rem;font-weight:500;line-height:1rem;text-transform:initial;letter-spacing:initial;position:relative;display:flex;justify-content:center;align-items:center;min-width:0.0625rem;min-height:0.0625rem;}.Polaris-Button:not(.Polaris-Button--plain) .Polaris-Button__Content{width:100%;}.Polaris-Button__Icon{margin-left:calc((var(--p-space-1)) * -1);}.Polaris-Button__Icon:last-child{margin-right:var(--pc-button-disclosure-icon-offset);margin-left:var(--p-space-1);}.Polaris-Button__Icon + *:not(.Polaris-Button__Icon){margin-left:var(--p-space-1);}.Polaris-Button--sizeSlim{min-height:var(--pc-button-slim-min-height);padding:var(--pc-button-slim-vertical-padding) var(--p-space-3);}[data-buttongroup-segmented='true'] .Polaris-Button,[data-buttongroup-segmented='true'] .Polaris-Button::after{border-radius:0;}[data-buttongroup-segmented='true'] > :first-child .Polaris-Button,[data-buttongroup-segmented='true'] > :first-child .Polaris-Button::after{border-radius:0;border-top-left-radius:var(--p-border-radius-1);border-bottom-left-radius:var(--p-border-radius-1);}[data-buttongroup-segmented='true'] > :last-child .Polaris-Button,[data-buttongroup-segmented='true'] > :last-child .Polaris-Button::after{border-radius:0;border-top-right-radius:var(--p-border-radius-1);border-bottom-right-radius:var(--p-border-radius-1);}[data-buttongroup-segmented='true'] > :last-child:first-child .Polaris-Button,[data-buttongroup-segmented='true'] > :last-child:first-child .Polaris-Button::after{border-radius:var(--p-border-radius-1);}[data-buttongroup-connected-top='true'] > :first-child .Polaris-Button,[data-buttongroup-connected-top='true'] > :first-child .Polaris-Button::after{border-top-left-radius:0;}[data-buttongroup-connected-top='true'] > :last-child .Polaris-Button,[data-buttongroup-connected-top='true'] > :last-child .Polaris-Button::after{border-top-right-radius:0;}[data-buttongroup-full-width='true'] .Polaris-Button{display:flex;width:100%;}.Polaris-Stack{--pc-stack-spacing:var(--p-space-4);display:flex;flex-wrap:wrap;align-items:stretch;margin-top:calc(var(--pc-stack-spacing) * -1);margin-left:calc(var(--pc-stack-spacing) * -1);}.Polaris-Stack > .Polaris-Stack__Item{margin-top:var(--pc-stack-spacing);margin-left:var(--pc-stack-spacing);max-width:100%;}.Polaris-Stack--noWrap{flex-wrap:nowrap;}.Polaris-Stack--spacingNone{--pc-stack-spacing:0;}.Polaris-Stack--alignmentCenter{align-items:center;}.Polaris-Stack__Item{flex:0 0 auto;min-width:0;}.Polaris-Inline{--pc-inline-gap-xs:initial;--pc-inline-gap-sm:initial;--pc-inline-gap-md:initial;--pc-inline-gap-lg:initial;--pc-inline-gap-xl:initial;gap:var(--pc-inline-gap-xs);display:flex;flex-wrap:var(--pc-inline-wrap);align-items:var(--pc-inline-block-align);justify-content:var(--pc-inline-align);}.Polaris-BulkActions__Group{--p-surface:var(--p-surface-dark);--p-text:var(--p-text-on-dark);--p-icon:var(--p-text-on-dark);--p-border-neutral-subdued:var(--p-border-on-dark);--p-border-subdued:var(--p-border-on-dark);--p-border-shadow-subdued:var(--p-border-on-dark);--p-action-secondary-hovered:var(--p-surface-hovered-dark);--p-action-secondary-pressed:var( --p-surface-pressed-dark );font-size:1rem;font-weight:400;line-height:1.5rem;border:none;text-transform:initial;letter-spacing:initial;display:flex;align-items:center;flex-wrap:wrap;opacity:0;width:100%;justify-content:center;transition:var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);transition-property:transform,opacity;transform:translateY(7.5rem);padding:0 var(--p-space-4);backface-visibility:hidden;will-change:transform,opacity;}@media (min-width:48em){.Polaris-BulkActions__Group{font-size:0.875rem;}}.Polaris-BulkActions__Group.Polaris-BulkActions--groupNotSticky{transform:none;opacity:1;}.Polaris-BulkActions__Group.Polaris-BulkActions__Group--entering,.Polaris-BulkActions__Group.Polaris-BulkActions__Group--exiting{opacity:0;display:flex;}.Polaris-BulkActions__Group.Polaris-BulkActions__Group--entered{opacity:1;display:flex;transform:translateY(0);}.Polaris-BulkActions__Group.Polaris-BulkActions__Group--exited{opacity:0;display:none;}.Polaris-BulkActions__Group.Polaris-BulkActions__Group--measuring{transition:none;display:flex;opacity:0;}.Polaris-BulkActions__ButtonGroupWrapper{width:auto;justify-content:flex-start;padding:var(--p-space-4);background:var(--p-surface);border-radius:var(--p-border-radius-2);box-shadow:var(--p-shadow-deep),var(--p-shadow-popover);max-width:100%;pointer-events:auto;margin-top:1rem;}.Polaris-BulkActions__Group--measuring .Polaris-BulkActions__ButtonGroupWrapper{position:absolute;width:auto;}.Polaris-BulkActions__BulkActionButton{white-space:nowrap;}.Polaris-BulkActions__BulkActionButton button{display:flex;}.Polaris-BulkActions__BulkActionButton button:hover{background-color:#666666;}.Polaris-BulkActions__BulkActionButton button:active{background-color:#666666 !important;}.Polaris-BulkActions--disabled{transition:none;box-shadow:none;border-color:var(--p-border-disabled);background:var(--p-surface-disabled);color:var(--p-text-disabled);cursor:default;pointer-events:none;}.Polaris-BulkActions--disabled svg{fill:var(--p-icon-disabled);}.Polaris-IndexTable{--pc-index-table-translate-offset:2.1875rem;--pc-index-table-table-header-offset:2.25rem;--pc-index-table-cell:1;--pc-index-table-sticky-cell:31;--pc-index-table-scroll-bar:35;--pc-index-table-bulk-actions:36;--pc-index-table-loading-panel:37;position:relative;border-radius:inherit;}.Polaris-IndexTable__IndexTableWrapper{border-radius:inherit;}.Polaris-IndexTable__IndexTableWrapperWithBulkActions{--pc-index-table-bulk-actions-offset:5.75rem;border-radius:0;}.Polaris-IndexTable__LoadingContainer--enter{opacity:0;transform:translateY(-100%);}.Polaris-IndexTable--loadingContainerEnterActive{opacity:1;transition:opacity var(--p-duration-100) cubic-bezier(0,0,0.58,1),transform var(--p-duration-100) cubic-bezier(0,0,0.58,1);transform:translateY(0);}.Polaris-IndexTable__LoadingContainer--exit{opacity:1;transform:translateY(0);}.Polaris-IndexTable--loadingContainerExitActive{opacity:0;transform:translateY(-100%);transition:opacity var(--p-duration-100) cubic-bezier(0.42,0,1,1),transform var(--p-duration-100) cubic-bezier(0.42,0,1,1);}.Polaris-IndexTable__LoadingPanel{position:absolute;z-index:var(--pc-index-table-loading-panel);top:0;left:0;display:flex;width:100%;justify-content:center;align-items:center;background:var(--p-surface);padding:var(--p-space-2) var(--p-space-4);box-shadow:var(--p-shadow-base);}.Polaris-IndexTable__LoadingPanel .Polaris-IndexTable__LoadingPanelRow{display:flex;flex-wrap:nowrap;width:100%;background:var(--p-surface-highlight-subdued);padding:var(--p-space-2);padding-bottom:var(--p-space-1);border-radius:var(--p-border-radius-1);}.Polaris-IndexTable__LoadingPanelText{margin-left:var(--p-space-3);color:var(--p-text);}.Polaris-IndexTable__Table{width:100%;min-width:100%;border-collapse:collapse;}.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell,.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first,.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--second{visibility:visible;background-color:var(--p-surface);}.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first{filter:drop-shadow(0.0625rem 0 0 var(--p-divider));}@media (min-width:30.625em){.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell,.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second{filter:drop-shadow(0.0625rem 0 0 var(--p-divider));}}.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second,.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child{filter:drop-shadow(0.0625rem 0 0 var(--p-divider));}.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second,.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child{visibility:visible;}.Polaris-IndexTable__TableRow{background-color:var(--p-surface);cursor:pointer;box-shadow:inset 0 -0.0625rem 0 #d4d5d8;}.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--unclickable{cursor:auto;}.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess,.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:var(--p-surface-primary-selected);}.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued,.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:var(--p-surface-subdued);}.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:#eaf9ff;}.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableHeading--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableHeading--second,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:#eaf9ff;}.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:#eaf9ff;}.Polaris-IndexTable__TableRow--subdued{color:var(--p-text-subdued);}.Polaris-IndexTable__TableRow--disabled{cursor:default;color:var(--p-text-subdued);}.Polaris-IndexTable__TableHeading{background:#f8fafc;padding:var(--p-space-2) var(--p-space-4);text-align:left;font-weight:600;color:#2d2d2d;font-size:1rem;line-height:1.5rem;letter-spacing:0.01563rem;white-space:nowrap;border:0;box-shadow:inset 0 -0.0625rem 0 #d4d5d8;font-family:'Noto Sans TC','Noto Sans SC','Noto Sans KR','Noto Sans JP','Noto Sans',sans-serif;}.Polaris-IndexTable__TableHeading--sortable{background:var(--p-surface-subdued);}.Polaris-IndexTable__TableHeading--flush{padding:0;}.Polaris-IndexTable__TableHeading--first{--pc-index-table-checkbox-offset-left:1rem;--pc-index-table-checkbox-offset-right:1.125rem;position:sticky;left:0;padding-left:var(--pc-index-table-checkbox-offset-left);padding-right:var(--pc-index-table-checkbox-offset-right);width:var(--p-space-5);}.Polaris-IndexTable__TableHeadingSortButton{position:static;background:none;padding:0;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:500;color:var(--p-text-subdued);font-size:0.75rem;}.Polaris-IndexTable__TableHeadingSortButton:hover .Polaris-IndexTable__TableHeadingSortIcon,.Polaris-IndexTable__TableHeadingSortButton:focus .Polaris-IndexTable__TableHeadingSortIcon{opacity:1;}.Polaris-IndexTable__TableHeadingSortIcon{order:1;opacity:0;height:var(--p-space-5);width:var(--p-space-5);transition:opacity 200ms cubic-bezier(0.42,0,1,1) var(--p-duration-100);}.Polaris-IndexTable__TableHeadingSortIcon--visible{opacity:1;}.Polaris-IndexTable__TableHeadingSortSvg{display:block;width:100%;max-width:100%;max-height:100%;}.Polaris-IndexTable__ColumnHeaderCheckboxWrapper{display:flex;}.Polaris-IndexTable__FirstStickyHeaderElement{padding-right:var(--p-space-05);}.Polaris-IndexTable__TableHeading--second:not( .Polaris-IndexTable__TableHeading--unselectable ){padding-left:var(--p-space-4);}.Polaris-IndexTable__TableCell{z-index:var(--pc-index-table-cell);text-align:left;padding:var(--p-space-2) var(--p-space-4);white-space:nowrap;}.Polaris-IndexTable__TableCell--flush{padding:0;}.Polaris-IndexTable__TableCell--first{position:sticky;left:0;z-index:var(--pc-index-table-sticky-cell);padding:var(--p-space-2) 0;vertical-align:middle;}.Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{left:var(--pc-checkbox-offset);padding-left:0;}@media (min-width:30.625em){.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{position:sticky;z-index:var(--pc-index-table-sticky-cell);}}@media (min-width:30.625em){.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second:not( .Polaris-IndexTable__TableHeading--unselectable ){position:sticky;z-index:auto;left:0;}}.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second.Polaris-IndexTable__TableHeading--unselectable{position:sticky;z-index:auto;left:0;}.Polaris-IndexTable__Table--unselectable.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell:first-child{left:0;background-color:var(--p-surface);z-index:var(--pc-index-table-sticky-cell);position:sticky;}.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell:first-child{background-color:var(--p-surface-primary-selected);}.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell:first-child{background-color:var(--p-surface-subdued);}.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell:first-child{background-color:var(--p-surface-hovered);}@media (min-width:30.625em){.Polaris-IndexTable--tableStickyScrolling .Polaris-IndexTable__TableCell:last-child,.Polaris-IndexTable--tableStickyScrolling .Polaris-IndexTable__TableHeading--last{filter:drop-shadow(-0.0625rem 0 0 var(--p-divider));}}@media (min-width:30.625em){.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableCell:last-child{position:sticky;right:0;background-color:var(--p-surface);z-index:var(--pc-index-table-sticky-cell);}}@media (min-width:30.625em){.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableHeading--last{position:sticky;right:0;background-color:var(--p-surface);z-index:auto;}}.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell:last-child{background-color:var(--p-surface-primary-selected);}.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell:last-child{background-color:var(--p-surface-subdued);}.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell:last-child{background-color:var(--p-surface-hovered);}.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell:last-child{background-color:var(--p-surface-selected);}.Polaris-IndexTable__Table--sortable .Polaris-IndexTable__TableHeading{background-color:var(--p-surface-subdued);}.Polaris-IndexTable__StickyTable{position:relative;top:0;left:0;right:0;visibility:hidden;z-index:var(--pc-index-table-loading-panel);}.Polaris-IndexTable__StickyTableHeader{position:absolute;display:flex;width:100%;}.Polaris-IndexTable__StickyTableHeader:not( .Polaris-IndexTable__StickyTableHeader--isSticky ){top:-62.5rem;left:-62.5rem;}.Polaris-IndexTable__StickyTableColumnHeader{flex:0 0 auto;}.Polaris-IndexTable__StickyTableHeadings{overflow:hidden;flex:1 1 auto;display:flex;}.Polaris-IndexTable__StickyTableHeading--second{padding-left:0;}@media (min-width:30.625em){.Polaris-IndexTable__StickyTableHeading--second{display:none;}}.Polaris-IndexTable__StickyTableHeading--second.Polaris-IndexTable--unselectable{display:none;}.Polaris-IndexTable--stickyTableHeadingSecondScrolling{padding:0 var(--p-space-025) 0 var(--p-space-4);display:none;}@media (min-width:30.625em){.Polaris-IndexTable--stickyTableHeadingSecondScrolling{display:block;}}.Polaris-IndexTable__StickyTableHeader--isSticky{visibility:visible;background-color:var(--p-surface);box-shadow:var(--p-shadow-base);}.Polaris-IndexTable:hover .Polaris-IndexTable__ScrollLeft{display:block;}.Polaris-IndexTable:hover .Polaris-IndexTable__ScrollRight{display:block;}.Polaris-IndexTable .Polaris-IndexTable__ScrollRight--onboarding{display:block;}.Polaris-IndexTable__BulkActionsWrapper{visibility:visible;position:absolute;z-index:var(--pc-index-table-bulk-actions);left:0;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;}.Polaris-IndexTable__BulkActionsWrapperSticky{position:fixed;top:auto;bottom:calc(2.5rem - var(--p-space-1));}.Polaris-IndexTable__SelectAllActionsWrapper{visibility:visible;position:relative;z-index:var(--pc-index-table-bulk-actions);top:0;left:0;right:0;padding:0 var(--p-space-2) 0 calc(var(--p-space-3) - var(--p-space-025));background:#f8fafc;}.Polaris-IndexTable__SelectAllActionsWrapper.Polaris-IndexTable__StickyTableHeader--condensed{padding-top:calc(var(--p-space-2) + var(--p-space-05));}.Polaris-IndexTable__ScrollBarContainer{position:sticky;z-index:var(--pc-index-table-scroll-bar);bottom:0;padding:var(--p-space-05);background-color:var(--p-surface);border-bottom-right-radius:var(--p-border-radius-2);border-bottom-left-radius:var(--p-border-radius-2);}.Polaris-IndexTable--scrollBarContainerCondensed{visibility:hidden;pointer-events:none;}.Polaris-IndexTable--scrollBarContainerHidden{display:none;}.Polaris-IndexTable__ScrollBar{overflow-x:scroll;width:100%;margin:0;padding:0;}.Polaris-IndexTable__ScrollBar::-webkit-scrollbar-track{border-radius:var(--p-border-radius-1);background-color:transparent;}.Polaris-IndexTable__ScrollBar::-webkit-scrollbar{appearance:none;height:var(--p-space-2);width:var(--p-space-2);background-color:transparent;}.Polaris-IndexTable__ScrollBar::-webkit-scrollbar-thumb{border-radius:var(--p-border-radius-1);background-color:var(--p-border-neutral-subdued);transition:background-color var(--p-duration-100) cubic-bezier(0,0,0.58,1);}.Polaris-IndexTable__ScrollBar:hover::-webkit-scrollbar-thumb{background-color:var(--p-border-depressed);}.Polaris-IndexTable--disableTextSelection{user-select:none;}.Polaris-IndexTable--selectMode{transform:translateY(calc(var(--pc-index-table-table-header-offset) * -1));margin-bottom:calc(var(--pc-index-table-table-header-offset) * -1);}.Polaris-IndexTable__EmptySearchResultWrapper{padding:var(--p-space-4);width:100%;}.Polaris-IndexTable--condensedRow{width:calc(100% + var(--pc-index-table-translate-offset));transform:translateX(calc(var(--pc-index-table-translate-offset) * -1));transition:transform cubic-bezier(0.25,0.1,0.25,1) 200ms;display:flex;border-top:var(--p-border-divider);filter:none;align-items:center;}[data-selectmode='true'] .Polaris-IndexTable--condensedRow{transform:none;}.Polaris-IndexTable__CondensedList{list-style-type:none;margin:0;padding:0;overflow:hidden;}.Polaris-IndexTable__HeaderWrapper{position:relative;display:flex;align-items:center;width:100%;min-height:3.25rem;padding:var(--p-space-2) var(--p-space-4);background-color:var(--p-surface);}.Polaris-IndexTable__HeaderWrapper.Polaris-IndexTable--unselectable{min-height:auto;padding:0;}.Polaris-IndexTable__StickyTable--condensed{visibility:visible;}.Polaris-IndexTable__StickyTableHeader--condensed{padding:var(--p-space-4) var(--p-space-4) var(--p-space-2);}.Polaris-IndexTable__ScrollBarContent{height:0.0625rem;width:var(--pc-index-table-scroll-bar-content-width);}.Polaris-IndexTable-Checkbox__TableCellContentContainer{display:flex;align-items:center;}.Polaris-IndexTable-Checkbox__Wrapper{display:flex;justify-content:center;align-items:center;}.Polaris-IndexTable-Checkbox--expanded{width:2.25rem;height:1.25rem;padding-left:var(--p-space-4);}.Polaris-IndexTable-Checkbox--condensed{min-width:3.125rem;min-height:2.75rem;margin-right:calc(var(--p-space-4) * -1);}.Polaris-IndexTable-ScrollContainer{overflow-x:auto;overscroll-behavior-x:contain;-ms-overflow-style:none;scrollbar-width:none;border-radius:inherit;}.Polaris-IndexTable-ScrollContainer::-webkit-scrollbar{display:none;}.Polaris-CheckableButton{color:var(--p-text);font-size:0.75rem;font-weight:500;line-height:1rem;text-transform:initial;letter-spacing:initial;display:flex;align-items:center;min-height:2.25rem;min-width:2.25rem;margin:0;padding:calc( (2.375rem - 1.25rem - var(--p-space-05)) / 2 ) var(--p-space-1) calc((2.375rem - 1.25rem - var(--p-space-05)) / 2) var(--p-space-4);cursor:pointer;user-select:none;text-decoration:none;text-align:left;border-radius:0.1875rem;width:auto;}.Polaris-CheckableButton:hover,.Polaris-CheckableButton:active{background:transparent;}.Polaris-CheckableButton:focus{outline:none;}.Polaris-CheckableButton__Checkbox{pointer-events:none;height:1.25rem;width:1.25rem;margin-left:calc( var(--p-space-2) * -1 - 0.125rem - var(--p-border-width-1) );}.Polaris-CheckableButton__Label{flex:1 1;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;font-size:1rem;font-weight:600;font-family:'Noto Sans TC','Noto Sans SC','Noto Sans KR','Noto Sans JP','Noto Sans',sans-serif;padding:var(--p-space-025) 0;margin-left:calc(var(--p-space-5) - 0.125rem);}.Polaris-SelectAllActions{display:flex;gap:var(--p-space-025);align-items:center;justify-content:flex-start;backface-visibility:hidden;will-change:opacity;}.Polaris-SelectAllActions__SelectAllActions--entering,.Polaris-SelectAllActions__SelectAllActions--exiting{opacity:0;display:flex;}.Polaris-SelectAllActions__SelectAllActions--entered{opacity:1;display:flex;}.Polaris-SelectAllActions__SelectAllActions--exited{opacity:0;display:none;}.Polaris-SelectAllActions__PaginatedSelectAll{font-size:0.75rem;font-weight:600;}.Polaris-SelectAllActions__AllAction{font-size:0.75rem;font-weight:600;border:0;background:none;padding:0;cursor:pointer;color:var(--p-interactive);position:relative;}.Polaris-SelectAllActions__AllAction::after{content:'';position:absolute;z-index:1;top:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;left:-0.0625rem;display:block;pointer-events:none;box-shadow:0 0 0 -0.0625rem var(--p-focused);transition:box-shadow var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);border-radius:var(--p-border-radius-1);}.Polaris-SelectAllActions__AllAction:hover,.Polaris-SelectAllActions__AllAction:focus{color:var(--p-interactive-hovered);}.Polaris-SelectAllActions__AllAction:active{color:var(--p-interactive-pressed);}.Polaris-SelectAllActions__AllAction:focus::after{content:none;}.Polaris-SelectAllActions__AllAction:focus:not(:active)::after{box-shadow:0 0 0 0.125rem var(--p-focused);outline:var(--p-border-width-1) solid transparent;}"]);
+var _borderRadius = require("../utilities/borderRadius");
+var _spacing = require("../utilities/spacing");
+var StyledIndexTable = (0, _styledComponents.createGlobalStyle)([":root{--p-surface:rgba(255,255,255,1);--p-surface-dark:rgba(32,33,35,1);--p-surface-subdued:rgba(250,251,251,1);--p-surface-disabled:rgba(250,251,251,1);--p-surface-hovered:rgba(246,246,247,1);--p-surface-hovered-dark:rgba(47,49,51,1);--p-surface-pressed:rgba(241,242,243,1);--p-surface-pressed-dark:rgba(62,64,67,1);--p-hint-from-direct-light:rgba(0,0,0,0.15);--p-border:rgba(140,145,150,1);--p-border-on-dark:rgba(80,83,86,1);--p-border-neutral-subdued:rgba(186,191,195,1);--p-border-disabled:rgba(210,213,216,1);--p-border-subdued:rgba(201,204,207,1);--p-border-depressed:rgba(87,89,89,1);--p-border-shadow-subdued:rgba(186,191,196,1);--p-divider:rgba(225,227,229,1);--p-icon:rgba(92,95,98,1);--p-icon-disabled:rgba(186,190,195,1);--p-text:rgba(32,34,35,1);--p-text-on-dark:rgba(227,229,231,1);--p-text-disabled:rgba(140,145,150,1);--p-text-subdued:rgba(109,113,117,1);--p-interactive:rgba(44,110,203,1);--p-interactive-hovered:rgba(31,81,153,1);--p-interactive-pressed:rgba(16,50,98,1);--p-focused:rgba(69,143,255,1);--p-surface-selected:rgba(242,247,254,1);--p-action-secondary-hovered:rgba(246,246,247,1);--p-action-secondary-pressed:rgba(241,242,243,1);--p-action-secondary-depressed:rgba(109,113,117,1);--p-text-on-primary:rgba(255,255,255,1);--p-surface-primary-selected:rgba(241,248,245,1);--p-surface-highlight-subdued:rgba(235,249,252,1);--p-shadow-base:0 0 0 0.0625rem rgba(63,63,68,0.05),0 0.0625rem 0.1875rem 0 rgba(63,63,68,0.15);--p-shadow-deep:0 0 0 0.0625rem rgba(6,44,82,0.1),0 0.125rem 1rem rgba(33,43,54,0.08);--p-shadow-button:0 0.0625rem 0 rgba(0,0,0,0.05);--p-shadow-popover:0 0.1875rem 0.375rem -0.1875rem rgba(23,24,24,0.08),0 0.5rem 1.25rem -0.25rem rgba(23,24,24,0.12);--p-duration-100:100ms;--p-border-radius-1:0.25rem;--p-border-radius-2:0.5rem;--p-border-width-1:0.0625rem;--p-border-divider:var(--p-border-width-1) solid var(--p-divider);--p-space-025:0.0625rem;--p-space-05:0.125rem;--p-space-1:0.25rem;--p-space-2:0.5rem;--p-space-3:0.75rem;--p-space-4:1rem;--p-space-5:1.25rem;}.Polaris-Text--root{margin:0;text-align:inherit;}.Polaris-Text--visuallyHidden{position:absolute !important;top:0;width:0.0625rem !important;height:0.0625rem !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important;}.Polaris-Text--regular{font-weight:400;}.Polaris-Text--bodySm{font-size:0.75rem;line-height:1rem;}.Polaris-Icon{display:block;height:1.25rem;width:1.25rem;max-height:100%;max-width:100%;margin:auto;}.Polaris-Icon__Svg{position:relative;display:block;width:100%;max-width:100%;max-height:100%;}.Polaris-Scrollable{--pc-scrollable-shadow-size:var(--p-space-5);--pc-scrollable-shadow-bottom:inset 0 calc(var(--pc-scrollable-shadow-size) * -1) var(--pc-scrollable-shadow-size) calc(var(--pc-scrollable-shadow-size) * -1) var(--p-hint-from-direct-light);--pc-scrollable-shadow-top:inset 0 var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) calc(var(--pc-scrollable-shadow-size) * -1) var(--p-hint-from-direct-light);--pc-scrollable-max-height:none;-webkit-overflow-scrolling:touch;position:relative;max-height:var(--pc-scrollable-max-height);overflow-x:hidden;overflow-y:hidden;}.Polaris-Scrollable:focus{outline:0.125rem solid var(--p-focused);outline-offset:var(--p-space-05);}.Polaris-Scrollable--horizontal{overflow-x:auto;}.Polaris-Scrollable--vertical{overflow-y:auto;}.Polaris-Scrollable--hasTopShadow{box-shadow:var(--pc-scrollable-shadow-top);}.Polaris-Scrollable--hasBottomShadow{box-shadow:var(--pc-scrollable-shadow-bottom);}.Polaris-Scrollable--hasTopShadow.Polaris-Scrollable--hasBottomShadow{box-shadow:var(--pc-scrollable-shadow-top),var(--pc-scrollable-shadow-bottom);}.Polaris-Popover{max-width:calc(100vw - 2rem);margin:0.3125rem var(--p-space-2) var(--p-space-4);box-shadow:var(--p-shadow-popover);border-radius:var(--p-border-radius-2);backface-visibility:hidden;will-change:left,top;}.Polaris-Popover__PopoverOverlay{opacity:0;transition:opacity var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1),transform var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);transform:translateY(-0.3125rem);}.Polaris-Popover__PopoverOverlay--entering{opacity:1;transform:translateY(0);}.Polaris-Popover__PopoverOverlay--open{opacity:1;transform:none;}.Polaris-Popover__PopoverOverlay--exiting{opacity:1;transform:translateY(0);transition-duration:0ms;}.Polaris-Popover--measuring:not(.Polaris-Popover__PopoverOverlay--exiting){opacity:0;transform:translateY(-0.3125rem);}.Polaris-Popover--fullWidth{margin:0.3125rem auto 0 auto;}.Polaris-Popover--fullWidth .Polaris-Popover__Content{max-width:none;}.Polaris-Popover--positionedAbove{margin:var(--p-space-4) var(--p-space-2) 0.3125rem;}.Polaris-Popover--positionedAbove.Polaris-Popover--fullWidth{margin:0 auto 0.3125rem auto;}.Polaris-Popover__Wrapper{position:relative;overflow:hidden;background-color:var(--p-surface);border-radius:var(--p-border-radius-2);outline:var(--p-border-width-1) solid transparent;}.Polaris-Popover__Content{position:relative;display:flex;flex-direction:column;border-radius:var(--p-border-radius-1);max-width:25rem;max-height:31.25rem;}.Polaris-Popover__Content:focus{outline:none;}.Polaris-Popover__Content--fullHeight{max-height:none;}.Polaris-Popover__Content--fluidContent{max-height:none;max-width:none;}.Polaris-Popover__Pane{flex:1 1;max-width:100%;}.Polaris-Popover__Pane + .Polaris-Popover__Pane{border-top:var(--p-border-divider);}.Polaris-Popover__Pane:focus{outline:none;}.Polaris-Popover__Pane--fixed{overflow:visible;flex:0 0 auto;}.Polaris-Popover__Pane--captureOverscroll{overscroll-behavior:contain;}.Polaris-Popover__Section{padding:var(--p-space-4);}.Polaris-Popover__Section + .Polaris-Popover__Section{border-top:var(--p-border-divider);}.Polaris-Popover__FocusTracker{position:absolute !important;top:0;width:0.0625rem !important;height:0.0625rem !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important;}@media print{.Polaris-Popover__PopoverOverlay--hideOnPrint{display:none !important;}}.Polaris-PositionedOverlay{position:absolute;z-index:400;}.Polaris-ActionList{outline:none;list-style:none;margin:0;padding:0;}.Polaris-ActionList__Section:not(:first-child){border-top:var(--p-border-divider);}.Polaris-ActionList__Section:not(:first-child) > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions{padding-top:var(--p-space-2);}.Polaris-ActionList__Actions{outline:none;list-style:none;margin:0;padding:var(--p-space-2);}.Polaris-ActionList > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions,.Polaris-ActionList__Section:first-child > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions{border-top:none;padding-top:var(--p-space-2);}.Polaris-ActionList .Polaris-ActionList__Section .Polaris-ActionList__Actions{padding-top:0;}.Polaris-ActionList__Item{--pc-action-list-image-size:1.25rem;--pc-action-list-item-min-height:2.5rem;--pc-action-list-item-vertical-padding:calc( (var(--pc-action-list-item-min-height) - 1.25rem) / 2 );appearance:none;margin:0;background:none;border:none;font-size:inherit;line-height:inherit;color:inherit;cursor:pointer;position:relative;display:block;width:100%;min-height:var(--pc-action-list-item-min-height);text-align:left;text-decoration:none;padding:var(--pc-action-list-item-vertical-padding) var(--p-space-2);border-radius:var(--p-border-radius-1);border-top:var(--p-border-width-1) solid transparent;}.Polaris-ActionList__Item:focus{outline:none;}.Polaris-ActionList__Item::after{content:'';position:absolute;z-index:1;top:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;left:-0.0625rem;display:block;pointer-events:none;box-shadow:0 0 0 -0.0625rem var(--p-focused);transition:box-shadow var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);border-radius:var(--p-border-radius-1);}.Polaris-ActionList__Item:hover{background-color:var(--p-surface-hovered);text-decoration:none;outline:0.1875rem solid transparent;}.Polaris-ActionList__Item:active{background-color:var(--p-surface-pressed);}.Polaris-ActionList__Item:active svg{fill:var(--p-interactive);}.Polaris-ActionList__Item:focus:not(:active){outline:0.1875rem solid transparent;}.Polaris-ActionList__Item:focus:not(:active)::after{box-shadow:0 0 0 0.125rem var(--p-focused);outline:var(--p-border-width-1) solid transparent;}.Polaris-ActionList__Item:visited{color:inherit;}.Polaris-ActionList__Item.Polaris-ActionList--active{background-color:var(--p-surface-selected);}.Polaris-ActionList__Item.Polaris-ActionList--active svg{fill:var(--p-interactive);}.Polaris-ActionList__Item.Polaris-ActionList--active::before{content:'';background-color:var(--p-interactive);position:absolute;top:0;left:calc(var(--p-space-2) * -1);height:100%;display:block;width:0.1875rem;border-top-right-radius:var(--p-border-radius-1);border-bottom-right-radius:var(--p-border-radius-1);}.Polaris-ActionList__Item.Polaris-ActionList--disabled{background-image:none;color:var(--p-text-disabled);}.Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Prefix svg,.Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Suffix svg{fill:var(--p-icon-disabled);}.Polaris-ActionList__Content{display:flex;align-items:center;}.Polaris-ActionList__Text{min-width:0;max-width:100%;flex:1 1 auto;}.Polaris-Box--listReset{list-style-type:none;margin-block-start:0;margin-block-end:0;outline:none;padding-inline-start:0;}.Polaris-Box{--pc-box-padding-block-end-xs:initial;--pc-box-padding-block-end-sm:initial;--pc-box-padding-block-end-md:initial;--pc-box-padding-block-end-lg:initial;--pc-box-padding-block-end-xl:initial;padding-block-end:var(--pc-box-padding-block-end-xs);--pc-box-padding-block-start-xs:initial;--pc-box-padding-block-start-sm:initial;--pc-box-padding-block-start-md:initial;--pc-box-padding-block-start-lg:initial;--pc-box-padding-block-start-xl:initial;padding-block-start:var(--pc-box-padding-block-start-xs);--pc-box-padding-inline-start-xs:initial;--pc-box-padding-inline-start-sm:initial;--pc-box-padding-inline-start-md:initial;--pc-box-padding-inline-start-lg:initial;--pc-box-padding-inline-start-xl:initial;padding-inline-start:var(--pc-box-padding-inline-start-xs);--pc-box-padding-inline-end-xs:initial;--pc-box-padding-inline-end-sm:initial;--pc-box-padding-inline-end-md:initial;--pc-box-padding-inline-end-lg:initial;--pc-box-padding-inline-end-xl:initial;padding-inline-end:var(--pc-box-padding-inline-end-xs);--pc-box-shadow:initial;--pc-box-background:initial;--pc-box-border-radius:initial;--pc-box-border-radius-end-start:initial;--pc-box-border-radius-end-end:initial;--pc-box-border-radius-start-start:initial;--pc-box-border-radius-start-end:initial;--pc-box-border:initial;--pc-box-border-block-end:initial;--pc-box-border-inline-start:initial;--pc-box-border-inline-end:initial;--pc-box-border-block-start:initial;--pc-box-color:initial;--pc-box-min-height:initial;--pc-box-min-width:initial;--pc-box-max-width:initial;--pc-box-overflow-x:initial;--pc-box-overflow-y:initial;--pc-box-width:initial;--pc-box-border-width:var(--p-border-width-1);--pc-box-inset-block-start:initial;--pc-box-inset-block-end:initial;--pc-box-inset-inline-start:initial;--pc-box-inset-inline-end:initial;inset-block-start:var(--pc-box-inset-block-start);inset-block-end:var(--pc-box-inset-block-end);inset-inline-start:var(--pc-box-inset-inline-start);inset-inline-end:var(--pc-box-inset-inline-end);background-color:var(--pc-box-background);box-shadow:var(--pc-box-shadow);border-radius:var(--pc-box-border-radius);border-end-start-radius:var( --pc-box-border-radius-end-start,var(--pc-box-border-radius) );border-end-end-radius:var( --pc-box-border-radius-end-end,var(--pc-box-border-radius) );border-start-start-radius:var( --pc-box-border-radius-start-start,var(--pc-box-border-radius) );border-start-end-radius:var( --pc-box-border-radius-start-end,var(--pc-box-border-radius) );border-block-end:var(--pc-box-border-block-end,var(--pc-box-border));border-inline-start:var( --pc-box-border-inline-start,var(--pc-box-border) );border-inline-end:var(--pc-box-border-inline-end,var(--pc-box-border));border-block-start:var(--pc-box-border-block-start,var(--pc-box-border));border-block-start-width:var( --pc-box-border-block-start-width,var(--pc-box-border-width) );border-block-end-width:var( --pc-box-border-block-end-width,var(--pc-box-border-width) );border-inline-start-width:var( --pc-box-border-inline-start-width,var(--pc-box-border-width) );border-inline-end-width:var( --pc-box-border-inline-end-width,var(--pc-box-border-width) );color:var(--pc-box-color);min-height:var(--pc-box-min-height);min-width:var(--pc-box-min-width);max-width:var(--pc-box-max-width);overflow-x:var(--pc-box-overflow-x);overflow-y:var(--pc-box-overflow-y);width:var(--pc-box-width);-webkit-overflow-scrolling:touch;}.Polaris-Button{--pc-button-slim-min-height:1.75rem;--pc-button-large-min-height:2.75rem;--pc-button-vertical-padding:calc( (2.25rem - 1.25rem - var(--p-space-05)) / 2 );--pc-button-slim-vertical-padding:calc( ( var(--pc-button-slim-min-height) - 1.25rem - var(--p-space-05) ) / 2 );--pc-button-large-vertical-padding:calc( ( var(--pc-button-large-min-height) - 1.25rem - var(--p-space-05) ) / 2 );--pc-button-spinner-size:1.25rem;--pc-button-segment:10;--pc-button-focused:20;--pc-button-disclosure-icon-offset:-0.375rem;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;min-width:2.25rem;margin:0;padding:calc( (2.25rem - 1.25rem - var(--p-space-05)) / 2 ) var(--p-space-4);background:var(--p-surface);box-shadow:var(--p-shadow-button);border-radius:var(--p-border-radius-1);color:var(--p-text);border:var(--p-border-width-1) solid var(--p-border-neutral-subdued);border-top-color:var(--p-border-subdued);border-bottom-color:var(--p-border-shadow-subdued);line-height:1;text-align:center;cursor:pointer;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent;}.Polaris-Button svg{fill:var(--p-icon);}.Polaris-Button::after{content:'';position:absolute;z-index:1;top:calc(var(--p-border-width-1) * -1 + -0.0625rem);right:calc(var(--p-border-width-1) * -1 + -0.0625rem);bottom:calc(var(--p-border-width-1) * -1 + -0.0625rem);left:calc(var(--p-border-width-1) * -1 + -0.0625rem);display:block;pointer-events:none;box-shadow:0 0 0 calc(var(--p-border-width-1) * -1 + -0.0625rem) var(--p-focused);transition:box-shadow var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);border-radius:var(--p-border-radius-1);}.Polaris-Button:hover{background:var(--p-action-secondary-hovered);outline:var(--p-border-width-1) solid transparent;}.Polaris-Button:focus{box-shadow:var(--p-shadow-button);outline:0;}.Polaris-Button:focus::after{box-shadow:0 0 0 0.125rem var(--p-focused);outline:var(--p-border-width-1) solid transparent;}.Polaris-Button:active{background:var(--p-action-secondary-pressed);box-shadow:var(--p-shadow-button);}.Polaris-Button:active::after{border:none;box-shadow:none;}.Polaris-Button.Polaris-Button--pressed{background:var(--p-action-secondary-depressed);box-shadow:inset 0 0.0625rem 0 rgba(0,0,0,0.15);color:var(--p-text-on-primary);border-color:var(--p-border-depressed);}.Polaris-Button.Polaris-Button--pressed svg{fill:currentColor;}@media (-ms-high-contrast:active){.Polaris-Button{border:var(--p-border-width-1) solid windowText;}}.Polaris-Button__Content{font-size:0.875rem;font-weight:500;line-height:1rem;text-transform:initial;letter-spacing:initial;position:relative;display:flex;justify-content:center;align-items:center;min-width:0.0625rem;min-height:0.0625rem;}.Polaris-Button:not(.Polaris-Button--plain) .Polaris-Button__Content{width:100%;}.Polaris-Button__Icon{margin-left:calc((var(--p-space-1)) * -1);}.Polaris-Button__Icon:last-child{margin-right:var(--pc-button-disclosure-icon-offset);margin-left:var(--p-space-1);}.Polaris-Button__Icon + *:not(.Polaris-Button__Icon){margin-left:var(--p-space-1);}.Polaris-Button--sizeSlim{min-height:var(--pc-button-slim-min-height);padding:var(--pc-button-slim-vertical-padding) var(--p-space-3);}[data-buttongroup-segmented='true'] .Polaris-Button,[data-buttongroup-segmented='true'] .Polaris-Button::after{border-radius:0;}[data-buttongroup-segmented='true'] > :first-child .Polaris-Button,[data-buttongroup-segmented='true'] > :first-child .Polaris-Button::after{border-radius:0;border-top-left-radius:var(--p-border-radius-1);border-bottom-left-radius:var(--p-border-radius-1);}[data-buttongroup-segmented='true'] > :last-child .Polaris-Button,[data-buttongroup-segmented='true'] > :last-child .Polaris-Button::after{border-radius:0;border-top-right-radius:var(--p-border-radius-1);border-bottom-right-radius:var(--p-border-radius-1);}[data-buttongroup-segmented='true'] > :last-child:first-child .Polaris-Button,[data-buttongroup-segmented='true'] > :last-child:first-child .Polaris-Button::after{border-radius:var(--p-border-radius-1);}[data-buttongroup-connected-top='true'] > :first-child .Polaris-Button,[data-buttongroup-connected-top='true'] > :first-child .Polaris-Button::after{border-top-left-radius:0;}[data-buttongroup-connected-top='true'] > :last-child .Polaris-Button,[data-buttongroup-connected-top='true'] > :last-child .Polaris-Button::after{border-top-right-radius:0;}[data-buttongroup-full-width='true'] .Polaris-Button{display:flex;width:100%;}.Polaris-Stack{--pc-stack-spacing:var(--p-space-4);display:flex;flex-wrap:wrap;align-items:stretch;margin-top:calc(var(--pc-stack-spacing) * -1);margin-left:calc(var(--pc-stack-spacing) * -1);}.Polaris-Stack > .Polaris-Stack__Item{margin-top:var(--pc-stack-spacing);margin-left:var(--pc-stack-spacing);max-width:100%;}.Polaris-Stack--noWrap{flex-wrap:nowrap;}.Polaris-Stack--spacingNone{--pc-stack-spacing:0;}.Polaris-Stack--alignmentCenter{align-items:center;}.Polaris-Stack__Item{flex:0 0 auto;min-width:0;}.Polaris-Inline{--pc-inline-gap-xs:initial;--pc-inline-gap-sm:initial;--pc-inline-gap-md:initial;--pc-inline-gap-lg:initial;--pc-inline-gap-xl:initial;gap:var(--pc-inline-gap-xs);display:flex;flex-wrap:var(--pc-inline-wrap);align-items:var(--pc-inline-block-align);justify-content:var(--pc-inline-align);}.Polaris-BulkActions__Group{--p-surface:var(--p-surface-dark);--p-text:var(--p-text-on-dark);--p-icon:var(--p-text-on-dark);--p-border-neutral-subdued:var(--p-border-on-dark);--p-border-subdued:var(--p-border-on-dark);--p-border-shadow-subdued:var(--p-border-on-dark);--p-action-secondary-hovered:var(--p-surface-hovered-dark);--p-action-secondary-pressed:var( --p-surface-pressed-dark );font-size:1rem;font-weight:400;line-height:1.5rem;border:none;text-transform:initial;letter-spacing:initial;display:flex;align-items:center;flex-wrap:wrap;opacity:0;width:100%;justify-content:center;transition:var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);transition-property:transform,opacity;transform:translateY(7.5rem);padding:0 var(--p-space-4);backface-visibility:hidden;will-change:transform,opacity;}@media (min-width:48em){.Polaris-BulkActions__Group{font-size:0.875rem;}}.Polaris-BulkActions__Group.Polaris-BulkActions--groupNotSticky{transform:none;opacity:1;}.Polaris-BulkActions__Group.Polaris-BulkActions__Group--entering,.Polaris-BulkActions__Group.Polaris-BulkActions__Group--exiting{opacity:0;display:flex;}.Polaris-BulkActions__Group.Polaris-BulkActions__Group--entered{opacity:1;display:flex;transform:translateY(0);}.Polaris-BulkActions__Group.Polaris-BulkActions__Group--exited{opacity:0;display:none;}.Polaris-BulkActions__Group.Polaris-BulkActions__Group--measuring{transition:none;display:flex;opacity:0;}.Polaris-BulkActions__ButtonGroupWrapper{width:auto;justify-content:flex-start;padding:var(--p-space-4);background:var(--p-surface);border-radius:var(--p-border-radius-2);box-shadow:var(--p-shadow-deep),var(--p-shadow-popover);max-width:100%;pointer-events:auto;margin-top:1rem;}.Polaris-BulkActions__Group--measuring .Polaris-BulkActions__ButtonGroupWrapper{position:absolute;width:auto;}.Polaris-BulkActions__BulkActionButton{white-space:nowrap;}.Polaris-BulkActions__BulkActionButton button{display:flex;}.Polaris-BulkActions__BulkActionButton button:hover{background-color:#666666;}.Polaris-BulkActions__BulkActionButton button:active{background-color:#666666 !important;}.Polaris-BulkActions--disabled{transition:none;box-shadow:none;border-color:var(--p-border-disabled);background:var(--p-surface-disabled);color:var(--p-text-disabled);cursor:default;pointer-events:none;}.Polaris-BulkActions--disabled svg{fill:var(--p-icon-disabled);}.Polaris-IndexTable{--pc-index-table-translate-offset:2.1875rem;--pc-index-table-table-header-offset:2.25rem;--pc-index-table-cell:1;--pc-index-table-sticky-cell:31;--pc-index-table-scroll-bar:35;--pc-index-table-bulk-actions:36;--pc-index-table-loading-panel:37;position:relative;border-radius:inherit;}.Polaris-IndexTable__IndexTableWrapper{border-radius:inherit;}.Polaris-IndexTable__IndexTableWrapperWithBulkActions{--pc-index-table-bulk-actions-offset:5.75rem;border-radius:0;}.Polaris-IndexTable__LoadingContainer--enter{opacity:0;transform:translateY(-100%);}.Polaris-IndexTable--loadingContainerEnterActive{opacity:1;transition:opacity var(--p-duration-100) cubic-bezier(0,0,0.58,1),transform var(--p-duration-100) cubic-bezier(0,0,0.58,1);transform:translateY(0);}.Polaris-IndexTable__LoadingContainer--exit{opacity:1;transform:translateY(0);}.Polaris-IndexTable--loadingContainerExitActive{opacity:0;transform:translateY(-100%);transition:opacity var(--p-duration-100) cubic-bezier(0.42,0,1,1),transform var(--p-duration-100) cubic-bezier(0.42,0,1,1);}.Polaris-IndexTable__LoadingPanel{position:absolute;z-index:var(--pc-index-table-loading-panel);top:0;left:0;display:flex;width:100%;justify-content:center;align-items:center;background:var(--p-surface);padding:var(--p-space-2) var(--p-space-4);box-shadow:var(--p-shadow-base);}.Polaris-IndexTable__LoadingPanel .Polaris-IndexTable__LoadingPanelRow{display:flex;flex-wrap:nowrap;width:100%;background:var(--p-surface-highlight-subdued);padding:var(--p-space-2);padding-bottom:var(--p-space-1);border-radius:var(--p-border-radius-1);}.Polaris-IndexTable__LoadingPanelText{margin-left:var(--p-space-3);color:var(--p-text);}.Polaris-IndexTable__Table{width:100%;min-width:100%;border-collapse:collapse;}.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell,.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first,.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--second{visibility:visible;background-color:var(--p-surface);}.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first{filter:drop-shadow(0.0625rem 0 0 var(--p-divider));}@media (min-width:30.625em){.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell,.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second{filter:drop-shadow(0.0625rem 0 0 var(--p-divider));}}.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second,.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child{filter:drop-shadow(0.0625rem 0 0 var(--p-divider));}.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second,.Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child{visibility:visible;}.Polaris-IndexTable__TableRow{background-color:var(--p-surface);cursor:pointer;box-shadow:inset 0 -0.0625rem 0 #d4d5d8;}.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--unclickable{cursor:auto;}.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess,.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:var(--p-surface-primary-selected);}.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued,.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:var(--p-surface-subdued);}.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:#eaf9ff;}.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableHeading--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableHeading--second,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:#eaf9ff;}.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first,.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{background-color:#eaf9ff;}.Polaris-IndexTable__TableRow--subdued{color:var(--p-text-subdued);}.Polaris-IndexTable__TableRow--disabled{cursor:default;color:var(--p-text-subdued);}.Polaris-IndexTable__TableHeading{background:#f8fafc;padding:var(--p-space-2) var(--p-space-4);text-align:left;font-weight:600;color:#2d2d2d;font-size:1rem;line-height:1.5rem;letter-spacing:0.01563rem;white-space:nowrap;border:0;box-shadow:inset 0 -0.0625rem 0 #d4d5d8;font-family:'Noto Sans TC','Noto Sans SC','Noto Sans KR','Noto Sans JP','Noto Sans',sans-serif;}.Polaris-IndexTable__TableHeading--sortable{background:var(--p-surface-subdued);}.Polaris-IndexTable__TableHeading--flush{padding:0;}.Polaris-IndexTable__TableHeading--first{--pc-index-table-checkbox-offset-left:1rem;--pc-index-table-checkbox-offset-right:1.125rem;position:sticky;left:0;padding-left:var(--pc-index-table-checkbox-offset-left);padding-right:var(--pc-index-table-checkbox-offset-right);width:var(--p-space-5);}.Polaris-IndexTable__TableHeadingSortButton{position:static;background:none;padding:0;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:500;color:var(--p-text-subdued);font-size:0.75rem;}.Polaris-IndexTable__TableHeadingSortButton:hover .Polaris-IndexTable__TableHeadingSortIcon,.Polaris-IndexTable__TableHeadingSortButton:focus .Polaris-IndexTable__TableHeadingSortIcon{opacity:1;}.Polaris-IndexTable__TableHeadingSortIcon{order:1;opacity:0;height:var(--p-space-5);width:var(--p-space-5);transition:opacity 200ms cubic-bezier(0.42,0,1,1) var(--p-duration-100);}.Polaris-IndexTable__TableHeadingSortIcon--visible{opacity:1;}.Polaris-IndexTable__TableHeadingSortSvg{display:block;width:100%;max-width:100%;max-height:100%;}.Polaris-IndexTable__ColumnHeaderCheckboxWrapper{display:flex;}.Polaris-IndexTable__FirstStickyHeaderElement{padding-right:var(--p-space-05);}.Polaris-IndexTable__TableHeading--second:not( .Polaris-IndexTable__TableHeading--unselectable ){padding-left:var(--p-space-4);}.Polaris-IndexTable__TableCell{z-index:var(--pc-index-table-cell);text-align:left;padding:var(--p-space-2) var(--p-space-4);white-space:nowrap;}.Polaris-IndexTable__TableCell--flush{padding:0;}.Polaris-IndexTable__TableCell--first{position:sticky;left:0;z-index:var(--pc-index-table-sticky-cell);padding:var(--p-space-2) 0;vertical-align:middle;}.Polaris-IndexTable__TableCellCheckbox:hover .checkbox-wrapper{background-color:rgba(1,126,183,0.2);border-radius:", ";}.Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{left:var(--pc-checkbox-offset);padding-left:0;}@media (min-width:30.625em){.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{position:sticky;z-index:var(--pc-index-table-sticky-cell);}}@media (min-width:30.625em){.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second:not( .Polaris-IndexTable__TableHeading--unselectable ){position:sticky;z-index:auto;left:0;}}.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second.Polaris-IndexTable__TableHeading--unselectable{position:sticky;z-index:auto;left:0;}.Polaris-IndexTable__Table--unselectable.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell:first-child{left:0;background-color:var(--p-surface);z-index:var(--pc-index-table-sticky-cell);position:sticky;}.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell:first-child{background-color:var(--p-surface-primary-selected);}.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell:first-child{background-color:var(--p-surface-subdued);}.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell:first-child{background-color:var(--p-surface-hovered);}@media (min-width:30.625em){.Polaris-IndexTable--tableStickyScrolling .Polaris-IndexTable__TableCell:last-child,.Polaris-IndexTable--tableStickyScrolling .Polaris-IndexTable__TableHeading--last{filter:drop-shadow(-0.0625rem 0 0 var(--p-divider));}}@media (min-width:30.625em){.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableCell:last-child{position:sticky;right:0;background-color:var(--p-surface);z-index:var(--pc-index-table-sticky-cell);}}@media (min-width:30.625em){.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableHeading--last{position:sticky;right:0;background-color:var(--p-surface);z-index:auto;}}.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell:last-child{background-color:var(--p-surface-primary-selected);}.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell:last-child{background-color:var(--p-surface-subdued);}.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell:last-child{background-color:var(--p-surface-hovered);}.Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell:last-child{background-color:var(--p-surface-selected);}.Polaris-IndexTable__Table--sortable .Polaris-IndexTable__TableHeading{background-color:var(--p-surface-subdued);}.Polaris-IndexTable__StickyTable{position:relative;top:0;left:0;right:0;visibility:hidden;z-index:var(--pc-index-table-loading-panel);}.Polaris-IndexTable__StickyTableHeader{position:absolute;display:flex;width:100%;}.Polaris-IndexTable__StickyTableHeader:not( .Polaris-IndexTable__StickyTableHeader--isSticky ){top:-62.5rem;left:-62.5rem;}.Polaris-IndexTable__StickyTableColumnHeader{flex:0 0 auto;}.Polaris-IndexTable__StickyTableHeadings{overflow:hidden;flex:1 1 auto;display:flex;}.Polaris-IndexTable__StickyTableHeading--second{padding-left:0;}@media (min-width:30.625em){.Polaris-IndexTable__StickyTableHeading--second{display:none;}}.Polaris-IndexTable__StickyTableHeading--second.Polaris-IndexTable--unselectable{display:none;}.Polaris-IndexTable--stickyTableHeadingSecondScrolling{padding:0 var(--p-space-025) 0 var(--p-space-4);display:none;}@media (min-width:30.625em){.Polaris-IndexTable--stickyTableHeadingSecondScrolling{display:block;}}.Polaris-IndexTable__StickyTableHeader--isSticky{visibility:visible;background-color:var(--p-surface);box-shadow:var(--p-shadow-base);}.Polaris-IndexTable:hover .Polaris-IndexTable__ScrollLeft{display:block;}.Polaris-IndexTable:hover .Polaris-IndexTable__ScrollRight{display:block;}.Polaris-IndexTable .Polaris-IndexTable__ScrollRight--onboarding{display:block;}.Polaris-IndexTable__BulkActionsWrapper{visibility:visible;position:absolute;z-index:var(--pc-index-table-bulk-actions);left:0;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;}.Polaris-IndexTable__BulkActionsWrapperSticky{position:fixed;top:auto;bottom:calc(2.5rem - var(--p-space-1));}.Polaris-IndexTable__SelectAllActionsWrapper{visibility:visible;position:relative;z-index:var(--pc-index-table-bulk-actions);top:0;left:0;right:0;padding:0 var(--p-space-2) 0 calc(var(--p-space-3) - var(--p-space-025));background:#f8fafc;}.Polaris-IndexTable__SelectAllActionsWrapper.Polaris-IndexTable__StickyTableHeader--condensed{padding-top:calc(var(--p-space-2) + var(--p-space-05));}.Polaris-IndexTable__ScrollBarContainer{position:sticky;z-index:var(--pc-index-table-scroll-bar);bottom:0;padding:var(--p-space-05);background-color:var(--p-surface);border-bottom-right-radius:var(--p-border-radius-2);border-bottom-left-radius:var(--p-border-radius-2);}.Polaris-IndexTable--scrollBarContainerCondensed{visibility:hidden;pointer-events:none;}.Polaris-IndexTable--scrollBarContainerHidden{display:none;}.Polaris-IndexTable__ScrollBar{overflow-x:scroll;width:100%;margin:0;padding:0;}.Polaris-IndexTable__ScrollBar::-webkit-scrollbar-track{border-radius:var(--p-border-radius-1);background-color:transparent;}.Polaris-IndexTable__ScrollBar::-webkit-scrollbar{appearance:none;height:var(--p-space-2);width:var(--p-space-2);background-color:transparent;}.Polaris-IndexTable__ScrollBar::-webkit-scrollbar-thumb{border-radius:var(--p-border-radius-1);background-color:var(--p-border-neutral-subdued);transition:background-color var(--p-duration-100) cubic-bezier(0,0,0.58,1);}.Polaris-IndexTable__ScrollBar:hover::-webkit-scrollbar-thumb{background-color:var(--p-border-depressed);}.Polaris-IndexTable--disableTextSelection{user-select:none;}.Polaris-IndexTable--selectMode{transform:translateY(calc(var(--pc-index-table-table-header-offset) * -1));margin-bottom:calc(var(--pc-index-table-table-header-offset) * -1);}.Polaris-IndexTable__EmptySearchResultWrapper{padding:var(--p-space-4);width:100%;}.Polaris-IndexTable--condensedRow{width:calc(100% + var(--pc-index-table-translate-offset));transform:translateX(calc(var(--pc-index-table-translate-offset) * -1));transition:transform cubic-bezier(0.25,0.1,0.25,1) 200ms;display:flex;border-top:var(--p-border-divider);filter:none;align-items:center;}[data-selectmode='true'] .Polaris-IndexTable--condensedRow{transform:none;}.Polaris-IndexTable__CondensedList{list-style-type:none;margin:0;padding:0;overflow:hidden;}.Polaris-IndexTable__HeaderWrapper{position:relative;display:flex;align-items:center;width:100%;min-height:3.25rem;padding:var(--p-space-2) var(--p-space-4);background-color:var(--p-surface);}.Polaris-IndexTable__HeaderWrapper.Polaris-IndexTable--unselectable{min-height:auto;padding:0;}.Polaris-IndexTable__StickyTable--condensed{visibility:visible;}.Polaris-IndexTable__StickyTableHeader--condensed{padding:var(--p-space-4) var(--p-space-4) var(--p-space-2);}.Polaris-IndexTable__ScrollBarContent{height:0.0625rem;width:var(--pc-index-table-scroll-bar-content-width);}.Polaris-IndexTable-Checkbox__TableCellContentContainer{display:flex;align-items:center;}.Polaris-IndexTable-Checkbox__Wrapper{display:flex;justify-content:center;align-items:center;}.Polaris-IndexTable-Checkbox--expanded{width:2.25rem;height:1.25rem;padding-left:var(--p-space-4);}.Polaris-IndexTable-Checkbox--condensed{min-width:3.125rem;min-height:2.75rem;margin-right:calc(var(--p-space-4) * -1);}.Polaris-IndexTable-ScrollContainer{overflow-x:auto;overscroll-behavior-x:contain;-ms-overflow-style:none;scrollbar-width:none;border-radius:inherit;}.Polaris-IndexTable-ScrollContainer::-webkit-scrollbar{display:none;}.Polaris-CheckableButton{color:var(--p-text);font-size:0.75rem;font-weight:500;line-height:1rem;text-transform:initial;letter-spacing:initial;display:flex;align-items:center;min-height:2.25rem;min-width:2.25rem;margin:0;padding:calc( (2.375rem - 1.25rem - var(--p-space-05)) / 2 ) var(--p-space-1) calc((2.375rem - 1.25rem - var(--p-space-05)) / 2) var(--p-space-4);cursor:pointer;user-select:none;text-decoration:none;text-align:left;border-radius:0.1875rem;width:auto;}.Polaris-CheckableButton:hover,.Polaris-CheckableButton:active{background:transparent;}.Polaris-CheckableButton:focus{outline:none;}.Polaris-CheckableButton__Checkbox{pointer-events:none;height:1.25rem;width:1.25rem;margin-left:calc( var(--p-space-2) * -1 - 0.125rem - var(--p-border-width-1) );}.Polaris-CheckableButton__Label{flex:1 1;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;font-size:1rem;font-weight:600;font-family:'Noto Sans TC','Noto Sans SC','Noto Sans KR','Noto Sans JP','Noto Sans',sans-serif;padding:var(--p-space-025) 0;margin-left:calc(var(--p-space-5) - 0.125rem);position:relative;bottom:-", ";}.Polaris-SelectAllActions{display:flex;gap:var(--p-space-025);align-items:center;justify-content:flex-start;backface-visibility:hidden;will-change:opacity;}.Polaris-SelectAllActions__SelectAllActions--entering,.Polaris-SelectAllActions__SelectAllActions--exiting{opacity:0;display:flex;}.Polaris-SelectAllActions__SelectAllActions--entered{opacity:1;display:flex;}.Polaris-SelectAllActions__SelectAllActions--exited{opacity:0;display:none;}.Polaris-SelectAllActions__PaginatedSelectAll{font-size:0.75rem;font-weight:600;}.Polaris-SelectAllActions__AllAction{font-size:0.75rem;font-weight:600;border:0;background:none;padding:0;cursor:pointer;color:var(--p-interactive);position:relative;}.Polaris-SelectAllActions__AllAction::after{content:'';position:absolute;z-index:1;top:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;left:-0.0625rem;display:block;pointer-events:none;box-shadow:0 0 0 -0.0625rem var(--p-focused);transition:box-shadow var(--p-duration-100) cubic-bezier(0.25,0.1,0.25,1);border-radius:var(--p-border-radius-1);}.Polaris-SelectAllActions__AllAction:hover,.Polaris-SelectAllActions__AllAction:focus{color:var(--p-interactive-hovered);}.Polaris-SelectAllActions__AllAction:active{color:var(--p-interactive-pressed);}.Polaris-SelectAllActions__AllAction:focus::after{content:none;}.Polaris-SelectAllActions__AllAction:focus:not(:active)::after{box-shadow:0 0 0 0.125rem var(--p-focused);outline:var(--p-border-width-1) solid transparent;}"], _borderRadius.borderRadius16, _spacing.space8);
 exports.StyledIndexTable = StyledIndexTable;

package/lib/@next/IndexTable/components/Checkbox/Checkbox.js

@@ -14,7 +14,9 @@ var Checkbox = function Checkbox() {
     selected = _useContext.selected,
     disabled = _useContext.disabled,
     onInteraction = _useContext.onInteraction;
-  return /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.CheckboxWrapper, null, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.CheckboxCellContentContainer, null, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.CheckboxWrapper, null, /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.CheckboxCellContentContainer, {
+    className: "checkbox-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     onClick: onInteraction
   }, /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, {
     id: itemId,

package/lib/@next/IndexTable/components/Checkbox/CheckboxStyle.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.CheckboxWrapper = exports.CheckboxCellContentContainer = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _borderRadius = require("../../../utilities/borderRadius");
 var CheckboxWrapper = _styledComponents["default"].div.withConfig({
   displayName: "CheckboxStyle__CheckboxWrapper",
   componentId: "sc-1utzl7w-0"
@@ -12,5 +13,5 @@ exports.CheckboxWrapper = CheckboxWrapper;
 var CheckboxCellContentContainer = _styledComponents["default"].div.withConfig({
   displayName: "CheckboxStyle__CheckboxCellContentContainer",
   componentId: "sc-1utzl7w-1"
-})(["display:flex;align-items:center;"]);
+})(["display:flex;align-items:center;height:32px;width:32px;justify-content:center;&:hover{background-color:rgba(1,126,183,0.2);border-radius:", ";}div{display:flex;align-items:center;}.glints-checkbox-styled-row{gap:unset;}"], _borderRadius.borderRadius16);
 exports.CheckboxCellContentContainer = CheckboxCellContentContainer;

package/lib/@next/Menu/Menu.d.ts

@@ -1,17 +1,24 @@
 import React from 'react';
-interface Option {
+export interface Option {
     disabled?: boolean;
     id?: string;
-    label: React.ReactNode;
+    label: string | React.ReactNode;
     value: string;
 }
+export interface Section {
+    title?: string;
+    options: Option[];
+}
 export interface MenuProps {
     id?: string;
-    onChange?: (selected: string[]) => void;
+    onClick?: ({ value }: {
+        value: string;
+    }) => void;
     options?: Option[];
     /** Selected value based on Option.value */
     selectedValues?: string[];
     title?: string;
+    allowMultiple?: boolean;
+    sections?: Section[];
 }
-export declare const Menu: ({ id, onChange, options, selectedValues, title, }: MenuProps) => JSX.Element;
-export {};
+export declare const Menu: ({ allowMultiple, id, onClick, options, sections, selectedValues, title, }: MenuProps) => JSX.Element;

package/lib/@next/Menu/Menu.js

@@ -8,44 +8,97 @@ var _reactIdGenerator = _interopRequireDefault(require("react-id-generator"));
 var _Typography = require("../Typography");
 var _colors = require("../utilities/colors");
 var _MenuStyle = require("./MenuStyle");
+var _MenuOptionLabel = require("./components/MenuOptionLabel");
+var _MenuOption = require("./components/MenuOption");
+var _MenuOptionCheckbox = require("./components/MenuOptionCheckbox");
 var Menu = function Menu(_ref) {
-  var id = _ref.id,
-    onChange = _ref.onChange,
+  var allowMultiple = _ref.allowMultiple,
+    id = _ref.id,
+    onClick = _ref.onClick,
     options = _ref.options,
+    sections = _ref.sections,
     selectedValues = _ref.selectedValues,
     title = _ref.title;
   var randomId = (0, _reactIdGenerator["default"])('glints-menu');
   var menuId = id ? id : randomId;
-  var handleClick = function handleClick(value) {
-    onChange([value]);
+  var renderTitle = function renderTitle(_ref2) {
+    var title = _ref2.title;
+    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+      variant: "subtitle2",
+      as: "span",
+      color: _colors.Neutral.B40
+    }, title));
+  };
+  var renderOptions = function renderOptions(_ref3) {
+    var options = _ref3.options;
+    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.StyledMenu, null, options == null ? void 0 : options.map(function (option) {
+      var value = option.value,
+        label = option.label,
+        disabled = option.disabled,
+        id = option.id;
+      var randomId = (0, _reactIdGenerator["default"])('glints-menu-option');
+      var menuOptionId = id ? id : randomId;
+      var isSelected = selectedValues == null ? void 0 : selectedValues.includes(value);
+      return /*#__PURE__*/_react["default"].createElement(_MenuOption.MenuOption, {
+        key: menuOptionId,
+        value: value,
+        disabled: disabled,
+        isSelected: isSelected,
+        onClick: onClick,
+        allowMultiple: allowMultiple
+      }, /*#__PURE__*/_react["default"].createElement(_MenuOptionLabel.MenuOptionLabel, {
+        label: label
+      }));
+    }));
+  };
+  var renderOptionsWithCheckbox = function renderOptionsWithCheckbox(_ref4) {
+    var options = _ref4.options;
+    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.StyledMenu, null, options == null ? void 0 : options.map(function (option) {
+      var value = option.value,
+        label = option.label,
+        disabled = option.disabled,
+        id = option.id;
+      var randomId = (0, _reactIdGenerator["default"])('glints-menu-option');
+      var menuOptionId = id ? id : randomId;
+      var isSelected = selectedValues == null ? void 0 : selectedValues.includes(value);
+      return /*#__PURE__*/_react["default"].createElement(_MenuOption.MenuOption, {
+        key: menuOptionId,
+        value: value,
+        disabled: disabled,
+        isSelected: isSelected,
+        onClick: onClick,
+        allowMultiple: allowMultiple
+      }, /*#__PURE__*/_react["default"].createElement(_MenuOptionCheckbox.MenuOptionCheckbox, {
+        isSelected: isSelected,
+        disabled: disabled,
+        label: label
+      }));
+    }));
   };
-  return /*#__PURE__*/_react["default"].createElement(_MenuStyle.StyledMenu, {
+  var renderSections = function renderSections(_ref5) {
+    var sections = _ref5.sections;
+    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.StyledSections, null, sections.map(function (section, index) {
+      return /*#__PURE__*/_react["default"].createElement("li", {
+        key: "menu-section-" + title + "-" + index
+      }, renderTitle({
+        title: section == null ? void 0 : section.title
+      }), allowMultiple ? renderOptionsWithCheckbox({
+        options: section == null ? void 0 : section.options
+      }) : renderOptions({
+        options: section == null ? void 0 : section.options
+      }));
+    }));
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
     id: menuId
-  }, title && /*#__PURE__*/_react["default"].createElement(_MenuStyle.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    variant: "subtitle2",
-    as: "span",
-    color: _colors.Neutral.B40
-  }, title)), options.map(function (option) {
-    var value = option.value,
-      label = option.label,
-      disabled = option.disabled,
-      id = option.id;
-    var isSelected = selectedValues == null ? void 0 : selectedValues.includes(value);
-    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.ListContainer, {
-      key: id
-    }, /*#__PURE__*/_react["default"].createElement("li", {
-      key: id,
-      "aria-disabled": disabled,
-      "data-active": isSelected,
-      value: value,
-      onClick: function onClick() {
-        return handleClick(value);
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-      as: "span",
-      variant: "body1",
-      color: _colors.Neutral.B18
-    }, label)));
+  }, title && renderTitle({
+    title: title
+  }), allowMultiple ? renderOptionsWithCheckbox({
+    options: options
+  }) : renderOptions({
+    options: options
+  }), sections && renderSections({
+    sections: sections
   }));
 };
 exports.Menu = Menu;

package/lib/@next/Menu/Menu.stories.d.ts

@@ -2,3 +2,5 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: any;
+export declare const AllowMultiple: any;
+export declare const WithSections: any;

package/lib/@next/Menu/MenuStyle.d.ts

@@ -2,3 +2,4 @@ import { MenuProps } from './Menu';
 export declare const StyledMenu: import("styled-components").StyledComponent<"ul", any, MenuProps, never>;
 export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSections: import("styled-components").StyledComponent<"ul", any, {}, never>;