glints-aries 4.0.230 → 4.0.232

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/es/@next/Button/ButtonStyle.js +1 -1
  2. package/es/@next/Checkbox/Checkbox.js +3 -1
  3. package/es/@next/IndexTable/IndexTable.js +3 -2
  4. package/es/@next/IndexTable/IndexTableStyle.js +3 -1
  5. package/es/@next/IndexTable/components/Checkbox/Checkbox.js +3 -1
  6. package/es/@next/IndexTable/components/Checkbox/CheckboxStyle.js +2 -1
  7. package/es/@next/Menu/Menu.d.ts +12 -5
  8. package/es/@next/Menu/Menu.js +84 -31
  9. package/es/@next/Menu/Menu.stories.d.ts +2 -0
  10. package/es/@next/Menu/MenuStyle.d.ts +1 -0
  11. package/es/@next/Menu/MenuStyle.js +7 -3
  12. package/es/@next/Menu/components/MenuOption.d.ts +12 -0
  13. package/es/@next/Menu/components/MenuOption.js +24 -0
  14. package/es/@next/Menu/components/MenuOptionCheckbox.d.ts +6 -0
  15. package/es/@next/Menu/components/MenuOptionCheckbox.js +12 -0
  16. package/es/@next/Menu/components/MenuOptionLabel.d.ts +4 -0
  17. package/es/@next/Menu/components/MenuOptionLabel.js +11 -0
  18. package/es/@next/Menu/components/index.d.ts +3 -0
  19. package/es/@next/Menu/components/index.js +3 -0
  20. package/es/@next/Menu/index.d.ts +1 -0
  21. package/es/@next/Menu/index.js +2 -1
  22. package/es/@next/Menu/menuStoryHelper/PopoverMenu.d.ts +7 -0
  23. package/es/@next/Menu/menuStoryHelper/PopoverMenu.js +52 -0
  24. package/es/@next/Select/Select.d.ts +36 -0
  25. package/es/@next/Select/Select.js +118 -0
  26. package/es/@next/Select/Select.stories.d.ts +11 -0
  27. package/es/@next/Select/SelectStyle.d.ts +6 -0
  28. package/es/@next/Select/SelectStyle.js +12 -0
  29. package/es/@next/Select/components/Activator/ActivatorContext.d.ts +17 -0
  30. package/es/@next/Select/components/Activator/ActivatorContext.js +17 -0
  31. package/es/@next/Select/components/Activator/ActivatorSelect.d.ts +10 -0
  32. package/es/@next/Select/components/Activator/ActivatorSelect.js +71 -0
  33. package/es/@next/Select/components/Activator/ActivatorStyle.d.ts +9 -0
  34. package/es/@next/Select/components/Activator/ActivatorStyle.js +28 -0
  35. package/es/@next/Select/components/Activator/ActivatorTextInput.d.ts +8 -0
  36. package/es/@next/Select/components/Activator/ActivatorTextInput.js +38 -0
  37. package/es/@next/Select/components/Activator/index.d.ts +2 -0
  38. package/es/@next/Select/components/Activator/index.js +2 -0
  39. package/es/@next/Select/components/Label/Label.d.ts +4 -0
  40. package/es/@next/Select/components/Label/Label.js +11 -0
  41. package/es/@next/Select/components/OptionList/OptionList.d.ts +15 -0
  42. package/es/@next/Select/components/OptionList/OptionList.js +46 -0
  43. package/es/@next/Select/components/OptionList/OptionListStyle.d.ts +6 -0
  44. package/es/@next/Select/components/OptionList/OptionListStyle.js +12 -0
  45. package/es/@next/Select/components/OptionList/index.d.ts +1 -0
  46. package/es/@next/Select/components/OptionList/index.js +1 -0
  47. package/es/@next/Select/components/index.d.ts +2 -0
  48. package/es/@next/Select/components/index.js +2 -0
  49. package/es/@next/Select/index.d.ts +2 -0
  50. package/es/@next/Select/index.js +2 -0
  51. package/es/@next/Select/selectStoryHelper/NonSearchableMultiSelect.d.ts +3 -0
  52. package/es/@next/Select/selectStoryHelper/NonSearchableMultiSelect.js +40 -0
  53. package/es/@next/Select/selectStoryHelper/NonSearchableSingleSelect.d.ts +3 -0
  54. package/es/@next/Select/selectStoryHelper/NonSearchableSingleSelect.js +27 -0
  55. package/es/@next/Select/selectStoryHelper/Searchable.d.ts +7 -0
  56. package/es/@next/Select/selectStoryHelper/Searchable.js +85 -0
  57. package/es/@next/Select/selectStoryHelper/SelectStoryStyle.d.ts +2 -0
  58. package/es/@next/Select/selectStoryHelper/SelectStoryStyle.js +7 -0
  59. package/es/@next/Tag/Tag.d.ts +1 -1
  60. package/es/@next/Tag/TagStyle.js +1 -1
  61. package/es/@next/TextInput/TextInput.js +4 -2
  62. package/es/@next/index.d.ts +1 -0
  63. package/es/@next/index.js +1 -0
  64. package/es/Input/PhoneNumberInput/PhoneNumberInput.js +1 -1
  65. package/lib/@next/Button/ButtonStyle.js +1 -1
  66. package/lib/@next/Checkbox/Checkbox.js +3 -1
  67. package/lib/@next/IndexTable/IndexTable.js +3 -2
  68. package/lib/@next/IndexTable/IndexTableStyle.js +3 -1
  69. package/lib/@next/IndexTable/components/Checkbox/Checkbox.js +3 -1
  70. package/lib/@next/IndexTable/components/Checkbox/CheckboxStyle.js +2 -1
  71. package/lib/@next/Menu/Menu.d.ts +12 -5
  72. package/lib/@next/Menu/Menu.js +83 -30
  73. package/lib/@next/Menu/Menu.stories.d.ts +2 -0
  74. package/lib/@next/Menu/MenuStyle.d.ts +1 -0
  75. package/lib/@next/Menu/MenuStyle.js +9 -4
  76. package/lib/@next/Menu/components/MenuOption.d.ts +12 -0
  77. package/lib/@next/Menu/components/MenuOption.js +30 -0
  78. package/lib/@next/Menu/components/MenuOptionCheckbox.d.ts +6 -0
  79. package/lib/@next/Menu/components/MenuOptionCheckbox.js +18 -0
  80. package/lib/@next/Menu/components/MenuOptionLabel.d.ts +4 -0
  81. package/lib/@next/Menu/components/MenuOptionLabel.js +17 -0
  82. package/lib/@next/Menu/components/index.d.ts +3 -0
  83. package/lib/@next/Menu/components/index.js +11 -0
  84. package/lib/@next/Menu/index.d.ts +1 -0
  85. package/lib/@next/Menu/index.js +6 -0
  86. package/lib/@next/Menu/menuStoryHelper/PopoverMenu.d.ts +7 -0
  87. package/lib/@next/Menu/menuStoryHelper/PopoverMenu.js +60 -0
  88. package/lib/@next/Select/Select.d.ts +36 -0
  89. package/lib/@next/Select/Select.js +125 -0
  90. package/lib/@next/Select/Select.stories.d.ts +11 -0
  91. package/lib/@next/Select/SelectStyle.d.ts +6 -0
  92. package/lib/@next/Select/SelectStyle.js +19 -0
  93. package/lib/@next/Select/components/Activator/ActivatorContext.d.ts +17 -0
  94. package/lib/@next/Select/components/Activator/ActivatorContext.js +25 -0
  95. package/lib/@next/Select/components/Activator/ActivatorSelect.d.ts +10 -0
  96. package/lib/@next/Select/components/Activator/ActivatorSelect.js +79 -0
  97. package/lib/@next/Select/components/Activator/ActivatorStyle.d.ts +9 -0
  98. package/lib/@next/Select/components/Activator/ActivatorStyle.js +39 -0
  99. package/lib/@next/Select/components/Activator/ActivatorTextInput.d.ts +8 -0
  100. package/lib/@next/Select/components/Activator/ActivatorTextInput.js +46 -0
  101. package/lib/@next/Select/components/Activator/index.d.ts +2 -0
  102. package/lib/@next/Select/components/Activator/index.js +8 -0
  103. package/lib/@next/Select/components/Label/Label.d.ts +4 -0
  104. package/lib/@next/Select/components/Label/Label.js +17 -0
  105. package/lib/@next/Select/components/OptionList/OptionList.d.ts +15 -0
  106. package/lib/@next/Select/components/OptionList/OptionList.js +53 -0
  107. package/lib/@next/Select/components/OptionList/OptionListStyle.d.ts +6 -0
  108. package/lib/@next/Select/components/OptionList/OptionListStyle.js +19 -0
  109. package/lib/@next/Select/components/OptionList/index.d.ts +1 -0
  110. package/lib/@next/Select/components/OptionList/index.js +6 -0
  111. package/lib/@next/Select/components/index.d.ts +2 -0
  112. package/lib/@next/Select/components/index.js +18 -0
  113. package/lib/@next/Select/index.d.ts +2 -0
  114. package/lib/@next/Select/index.js +15 -0
  115. package/lib/@next/Select/selectStoryHelper/NonSearchableMultiSelect.d.ts +3 -0
  116. package/lib/@next/Select/selectStoryHelper/NonSearchableMultiSelect.js +48 -0
  117. package/lib/@next/Select/selectStoryHelper/NonSearchableSingleSelect.d.ts +3 -0
  118. package/lib/@next/Select/selectStoryHelper/NonSearchableSingleSelect.js +35 -0
  119. package/lib/@next/Select/selectStoryHelper/Searchable.d.ts +7 -0
  120. package/lib/@next/Select/selectStoryHelper/Searchable.js +93 -0
  121. package/lib/@next/Select/selectStoryHelper/SelectStoryStyle.d.ts +2 -0
  122. package/lib/@next/Select/selectStoryHelper/SelectStoryStyle.js +13 -0
  123. package/lib/@next/Tag/Tag.d.ts +1 -1
  124. package/lib/@next/Tag/TagStyle.js +1 -1
  125. package/lib/@next/TextInput/TextInput.js +4 -2
  126. package/lib/@next/index.d.ts +1 -0
  127. package/lib/@next/index.js +4 -1
  128. package/lib/Input/PhoneNumberInput/PhoneNumberInput.js +1 -1
  129. package/package.json +2 -2
@@ -15,7 +15,7 @@ var buttonSizeStyleMap = {
15
15
  export var StyledButton = styled.button.withConfig({
16
16
  displayName: "ButtonStyle__StyledButton",
17
17
  componentId: "sc-8t0676-0"
18
- })(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";pointer-events:none;}&:disabled svg{fill:", ";}", " svg{width:16px;height:16px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-icon='true']{gap:4px;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";}"], borderRadius4, Neutral.B18, Neutral.B100, Neutral.B68, button, Neutral.B99, Neutral.B68, buttonFocused, Neutral.B95, Neutral.B68, insetButtonPressed, Neutral.B40, Neutral.B68, Neutral.B95, Neutral.B85, function (_ref) {
18
+ })(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";pointer-events:none;}&:disabled svg{fill:", ";}", " svg{width:16px;height:16px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-icon='true']{gap:4px;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";position:static;}"], borderRadius4, Neutral.B18, Neutral.B100, Neutral.B68, button, Neutral.B99, Neutral.B68, buttonFocused, Neutral.B95, Neutral.B68, insetButtonPressed, Neutral.B40, Neutral.B68, Neutral.B95, Neutral.B85, function (_ref) {
19
19
  var _ref$size = _ref.size,
20
20
  size = _ref$size === void 0 ? 'default' : _ref$size;
21
21
  var sizeStyle = buttonSizeStyleMap[size];
@@ -47,7 +47,9 @@ export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref)
47
47
  "aria-disabled": disabled,
48
48
  "data-error": hasError,
49
49
  "data-spacing": isPadded
50
- }, /*#__PURE__*/React.createElement(StyledRow, null, /*#__PURE__*/React.createElement(StyledLeftColumn, null, /*#__PURE__*/React.createElement(StyledCheckboxContainer, null, /*#__PURE__*/React.createElement(StyledCheckbox, {
50
+ }, /*#__PURE__*/React.createElement(StyledRow, {
51
+ className: "glints-checkbox-styled-row"
52
+ }, /*#__PURE__*/React.createElement(StyledLeftColumn, null, /*#__PURE__*/React.createElement(StyledCheckboxContainer, null, /*#__PURE__*/React.createElement(StyledCheckbox, {
51
53
  role: "checkbox",
52
54
  "aria-labelledby": labelId,
53
55
  "aria-checked": checkedState,
@@ -8,6 +8,7 @@ import { Checkbox } from '../Checkbox';
8
8
  import { Row } from './components/Row/Row';
9
9
  import { StyledIndexTable } from './IndexTableStyle';
10
10
  import { LoadingState } from './components/LoadingState';
11
+ import { CheckboxCellContentContainer } from './components/Checkbox/CheckboxStyle';
11
12
  var IndexTable = function IndexTable(_ref) {
12
13
  var bulkActions = _ref.bulkActions,
13
14
  children = _ref.children,
@@ -20,11 +21,11 @@ var IndexTable = function IndexTable(_ref) {
20
21
  var checked = _ref2.checked,
21
22
  onChange = _ref2.onChange,
22
23
  props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
23
- return /*#__PURE__*/React.createElement(Checkbox, _extends({
24
+ return /*#__PURE__*/React.createElement(CheckboxCellContentContainer, null, /*#__PURE__*/React.createElement(Checkbox, _extends({
24
25
  onChange: onChange,
25
26
  checked: checked,
26
27
  isPadded: false
27
- }, props));
28
+ }, props)));
28
29
  };
29
30
  var checkbox = !loading && itemCount > 0 ? renderCheckboxHeader : undefined;
30
31
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledIndexTable, null), /*#__PURE__*/React.createElement(PolarisIndexTable, _extends({
@@ -1,2 +1,4 @@
1
1
  import { createGlobalStyle } from 'styled-components';
2
- export var StyledIndexTable = 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;}"]);
2
+ import { borderRadius16 } from '../utilities/borderRadius';
3
+ import { space8 } from '../utilities/spacing';
4
+ export var StyledIndexTable = 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;}"], borderRadius16, space8);
@@ -8,7 +8,9 @@ var Checkbox = function Checkbox() {
8
8
  selected = _useContext.selected,
9
9
  disabled = _useContext.disabled,
10
10
  onInteraction = _useContext.onInteraction;
11
- return /*#__PURE__*/React.createElement(CheckboxWrapper, null, /*#__PURE__*/React.createElement(CheckboxCellContentContainer, null, /*#__PURE__*/React.createElement("div", {
11
+ return /*#__PURE__*/React.createElement(CheckboxWrapper, null, /*#__PURE__*/React.createElement(CheckboxCellContentContainer, {
12
+ className: "checkbox-wrapper"
13
+ }, /*#__PURE__*/React.createElement("div", {
12
14
  onClick: onInteraction
13
15
  }, /*#__PURE__*/React.createElement(GlintsCheckbox, {
14
16
  id: itemId,
@@ -1,4 +1,5 @@
1
1
  import styled from 'styled-components';
2
+ import { borderRadius16 } from '../../../utilities/borderRadius';
2
3
  export var CheckboxWrapper = styled.div.withConfig({
3
4
  displayName: "CheckboxStyle__CheckboxWrapper",
4
5
  componentId: "sc-1utzl7w-0"
@@ -6,4 +7,4 @@ export var CheckboxWrapper = styled.div.withConfig({
6
7
  export var CheckboxCellContentContainer = styled.div.withConfig({
7
8
  displayName: "CheckboxStyle__CheckboxCellContentContainer",
8
9
  componentId: "sc-1utzl7w-1"
9
- })(["display:flex;align-items:center;"]);
10
+ })(["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;}"], borderRadius16);
@@ -1,17 +1,24 @@
1
1
  import React from 'react';
2
- interface Option {
2
+ export interface Option {
3
3
  disabled?: boolean;
4
4
  id?: string;
5
- label: React.ReactNode;
5
+ label: string | React.ReactNode;
6
6
  value: string;
7
7
  }
8
+ export interface Section {
9
+ title?: string;
10
+ options: Option[];
11
+ }
8
12
  export interface MenuProps {
9
13
  id?: string;
10
- onChange?: (selected: string[]) => void;
14
+ onClick?: ({ value }: {
15
+ value: string;
16
+ }) => void;
11
17
  options?: Option[];
12
18
  /** Selected value based on Option.value */
13
19
  selectedValues?: string[];
14
20
  title?: string;
21
+ allowMultiple?: boolean;
22
+ sections?: Section[];
15
23
  }
16
- export declare const Menu: ({ id, onChange, options, selectedValues, title, }: MenuProps) => JSX.Element;
17
- export {};
24
+ export declare const Menu: ({ allowMultiple, id, onClick, options, sections, selectedValues, title, }: MenuProps) => JSX.Element;
@@ -2,44 +2,97 @@ import React from 'react';
2
2
  import nextId from 'react-id-generator';
3
3
  import { Typography } from '../Typography';
4
4
  import { Neutral } from '../utilities/colors';
5
- import { ListContainer, StyledMenu, TitleContainer } from './MenuStyle';
5
+ import { StyledMenu, StyledSections, TitleContainer } from './MenuStyle';
6
+ import { MenuOptionLabel } from './components/MenuOptionLabel';
7
+ import { MenuOption } from './components/MenuOption';
8
+ import { MenuOptionCheckbox } from './components/MenuOptionCheckbox';
6
9
  export var Menu = function Menu(_ref) {
7
- var id = _ref.id,
8
- onChange = _ref.onChange,
10
+ var allowMultiple = _ref.allowMultiple,
11
+ id = _ref.id,
12
+ onClick = _ref.onClick,
9
13
  options = _ref.options,
14
+ sections = _ref.sections,
10
15
  selectedValues = _ref.selectedValues,
11
16
  title = _ref.title;
12
17
  var randomId = nextId('glints-menu');
13
18
  var menuId = id ? id : randomId;
14
- var handleClick = function handleClick(value) {
15
- onChange([value]);
19
+ var renderTitle = function renderTitle(_ref2) {
20
+ var title = _ref2.title;
21
+ return /*#__PURE__*/React.createElement(TitleContainer, null, /*#__PURE__*/React.createElement(Typography, {
22
+ variant: "subtitle2",
23
+ as: "span",
24
+ color: Neutral.B40
25
+ }, title));
26
+ };
27
+ var renderOptions = function renderOptions(_ref3) {
28
+ var options = _ref3.options;
29
+ return /*#__PURE__*/React.createElement(StyledMenu, null, options == null ? void 0 : options.map(function (option) {
30
+ var value = option.value,
31
+ label = option.label,
32
+ disabled = option.disabled,
33
+ id = option.id;
34
+ var randomId = nextId('glints-menu-option');
35
+ var menuOptionId = id ? id : randomId;
36
+ var isSelected = selectedValues == null ? void 0 : selectedValues.includes(value);
37
+ return /*#__PURE__*/React.createElement(MenuOption, {
38
+ key: menuOptionId,
39
+ value: value,
40
+ disabled: disabled,
41
+ isSelected: isSelected,
42
+ onClick: onClick,
43
+ allowMultiple: allowMultiple
44
+ }, /*#__PURE__*/React.createElement(MenuOptionLabel, {
45
+ label: label
46
+ }));
47
+ }));
48
+ };
49
+ var renderOptionsWithCheckbox = function renderOptionsWithCheckbox(_ref4) {
50
+ var options = _ref4.options;
51
+ return /*#__PURE__*/React.createElement(StyledMenu, null, options == null ? void 0 : options.map(function (option) {
52
+ var value = option.value,
53
+ label = option.label,
54
+ disabled = option.disabled,
55
+ id = option.id;
56
+ var randomId = nextId('glints-menu-option');
57
+ var menuOptionId = id ? id : randomId;
58
+ var isSelected = selectedValues == null ? void 0 : selectedValues.includes(value);
59
+ return /*#__PURE__*/React.createElement(MenuOption, {
60
+ key: menuOptionId,
61
+ value: value,
62
+ disabled: disabled,
63
+ isSelected: isSelected,
64
+ onClick: onClick,
65
+ allowMultiple: allowMultiple
66
+ }, /*#__PURE__*/React.createElement(MenuOptionCheckbox, {
67
+ isSelected: isSelected,
68
+ disabled: disabled,
69
+ label: label
70
+ }));
71
+ }));
16
72
  };
17
- return /*#__PURE__*/React.createElement(StyledMenu, {
73
+ var renderSections = function renderSections(_ref5) {
74
+ var sections = _ref5.sections;
75
+ return /*#__PURE__*/React.createElement(StyledSections, null, sections.map(function (section, index) {
76
+ return /*#__PURE__*/React.createElement("li", {
77
+ key: "menu-section-" + title + "-" + index
78
+ }, renderTitle({
79
+ title: section == null ? void 0 : section.title
80
+ }), allowMultiple ? renderOptionsWithCheckbox({
81
+ options: section == null ? void 0 : section.options
82
+ }) : renderOptions({
83
+ options: section == null ? void 0 : section.options
84
+ }));
85
+ }));
86
+ };
87
+ return /*#__PURE__*/React.createElement("div", {
18
88
  id: menuId
19
- }, title && /*#__PURE__*/React.createElement(TitleContainer, null, /*#__PURE__*/React.createElement(Typography, {
20
- variant: "subtitle2",
21
- as: "span",
22
- color: Neutral.B40
23
- }, title)), options.map(function (option) {
24
- var value = option.value,
25
- label = option.label,
26
- disabled = option.disabled,
27
- id = option.id;
28
- var isSelected = selectedValues == null ? void 0 : selectedValues.includes(value);
29
- return /*#__PURE__*/React.createElement(ListContainer, {
30
- key: id
31
- }, /*#__PURE__*/React.createElement("li", {
32
- key: id,
33
- "aria-disabled": disabled,
34
- "data-active": isSelected,
35
- value: value,
36
- onClick: function onClick() {
37
- return handleClick(value);
38
- }
39
- }, /*#__PURE__*/React.createElement(Typography, {
40
- as: "span",
41
- variant: "body1",
42
- color: Neutral.B18
43
- }, label)));
89
+ }, title && renderTitle({
90
+ title: title
91
+ }), allowMultiple ? renderOptionsWithCheckbox({
92
+ options: options
93
+ }) : renderOptions({
94
+ options: options
95
+ }), sections && renderSections({
96
+ sections: sections
44
97
  }));
45
98
  };
@@ -2,3 +2,5 @@ import { Meta } from '@storybook/react';
2
2
  declare const _default: Meta<import("@storybook/react").Args>;
3
3
  export default _default;
4
4
  export declare const Basic: any;
5
+ export declare const AllowMultiple: any;
6
+ export declare const WithSections: any;
@@ -2,3 +2,4 @@ import { MenuProps } from './Menu';
2
2
  export declare const StyledMenu: import("styled-components").StyledComponent<"ul", any, MenuProps, never>;
3
3
  export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const ListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const StyledSections: import("styled-components").StyledComponent<"ul", any, {}, never>;
@@ -5,12 +5,16 @@ import { space16, space4, space8 } from '../utilities/spacing';
5
5
  export var StyledMenu = styled.ul.withConfig({
6
6
  displayName: "MenuStyle__StyledMenu",
7
7
  componentId: "sc-zm0l1a-0"
8
- })(["list-style:none;margin:", " 0;padding:0;li{display:flex;height:44px;position:relative;align-items:center;padding:0 ", ";margin-bottom:", ";&:hover{background:", ";border-radius:", ";cursor:pointer;}&:focus{outline:none;background:rgba(255,255,255,0.001);border:2px solid ", ";border-radius:", ";}&[aria-disabled='true']{cursor:default;pointer-events:none;span{color:", ";}}&[data-active='true']{background:", ";border-radius:", ";cursor:default;::before{content:'';display:block;position:absolute;top:0;left:-", ";height:44px;width:3px;background-color:", ";border-radius:0px 4px 4px 0px;}}}"], space8, space8, space4, Neutral.B99, borderRadius4, Blue.S54, space4, Neutral.B85, Blue.S08, borderRadius4, space8, Blue.S99);
8
+ })(["list-style:none;padding:0;margin:0;li{display:flex;height:44px;position:relative;align-items:center;padding:0 ", ";margin-bottom:", ";svg{height:24px;width:24px;}&:hover{background:", ";border-radius:", ";cursor:pointer;}&:focus{outline:none;background:rgba(255,255,255,0.001);border:2px solid ", ";border-radius:", ";}&[aria-disabled='true']{cursor:default;pointer-events:none;span{color:", ";}}&[data-active='true']{background:", ";border-radius:", ";cursor:default;::before{content:'';display:block;position:absolute;top:0;left:-", ";height:44px;width:3px;background-color:", ";border-radius:0px 4px 4px 0px;}&[data-multiple='true']{background:", ";::before{content:none;}}}}"], space8, space4, Neutral.B99, borderRadius4, Blue.S54, space4, Neutral.B85, Blue.S08, borderRadius4, space8, Blue.S99, Neutral.B100);
9
9
  export var TitleContainer = styled.div.withConfig({
10
10
  displayName: "MenuStyle__TitleContainer",
11
11
  componentId: "sc-zm0l1a-1"
12
- })(["padding:", " ", ";span{text-transform:uppercase;}"], space8, space16);
12
+ })(["margin:", " 0 ", ";padding:", " ", ";span{text-transform:uppercase;}"], space8, space4, space8, space16);
13
13
  export var ListContainer = styled.div.withConfig({
14
14
  displayName: "MenuStyle__ListContainer",
15
15
  componentId: "sc-zm0l1a-2"
16
- })(["padding:0 ", ";"], space8);
16
+ })(["padding:0 ", ";"], space8);
17
+ export var StyledSections = styled.ul.withConfig({
18
+ displayName: "MenuStyle__StyledSections",
19
+ componentId: "sc-zm0l1a-3"
20
+ })(["list-style:none;padding:0;margin:", " 0;"], space8);
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ export interface MenuOptionProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
3
+ id?: string;
4
+ disabled?: boolean;
5
+ isSelected?: boolean;
6
+ value: string;
7
+ onClick?({ value }: {
8
+ value: string;
9
+ }): void;
10
+ allowMultiple?: boolean;
11
+ }
12
+ export declare const MenuOption: ({ children, disabled, isSelected, onClick, value, allowMultiple, }: MenuOptionProps) => JSX.Element;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { ListContainer } from '../MenuStyle';
3
+ export var MenuOption = function MenuOption(_ref) {
4
+ var children = _ref.children,
5
+ disabled = _ref.disabled,
6
+ isSelected = _ref.isSelected,
7
+ onClick = _ref.onClick,
8
+ value = _ref.value,
9
+ allowMultiple = _ref.allowMultiple;
10
+ var handleClick = function handleClick(value) {
11
+ onClick({
12
+ value: value
13
+ });
14
+ };
15
+ return /*#__PURE__*/React.createElement(ListContainer, null, /*#__PURE__*/React.createElement("li", {
16
+ "aria-disabled": disabled,
17
+ "data-active": isSelected,
18
+ "data-multiple": allowMultiple,
19
+ value: value,
20
+ onClick: function onClick() {
21
+ return handleClick(value);
22
+ }
23
+ }, children));
24
+ };
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export declare const MenuOptionCheckbox: ({ disabled, isSelected, label, }: {
3
+ disabled: boolean;
4
+ isSelected: boolean;
5
+ label: React.ReactNode;
6
+ }) => JSX.Element;
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { Checkbox } from '../../Checkbox';
3
+ export var MenuOptionCheckbox = function MenuOptionCheckbox(_ref) {
4
+ var disabled = _ref.disabled,
5
+ isSelected = _ref.isSelected,
6
+ label = _ref.label;
7
+ return /*#__PURE__*/React.createElement(Checkbox, {
8
+ label: label,
9
+ checked: isSelected,
10
+ disabled: disabled
11
+ });
12
+ };
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const MenuOptionLabel: ({ label }: {
3
+ label: React.ReactNode;
4
+ }) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { Typography } from '../../Typography';
3
+ import { Neutral } from '../../utilities/colors';
4
+ export var MenuOptionLabel = function MenuOptionLabel(_ref) {
5
+ var label = _ref.label;
6
+ return /*#__PURE__*/React.createElement(Typography, {
7
+ as: "span",
8
+ variant: "body1",
9
+ color: Neutral.B18
10
+ }, label);
11
+ };
@@ -0,0 +1,3 @@
1
+ export { MenuOption, MenuOptionProps } from './MenuOption';
2
+ export { MenuOptionLabel } from './MenuOptionLabel';
3
+ export { MenuOptionCheckbox } from './MenuOptionCheckbox';
@@ -0,0 +1,3 @@
1
+ export { MenuOption, MenuOptionProps } from './MenuOption';
2
+ export { MenuOptionLabel } from './MenuOptionLabel';
3
+ export { MenuOptionCheckbox } from './MenuOptionCheckbox';
@@ -1 +1,2 @@
1
1
  export * from './Menu';
2
+ export * from './components';
@@ -1 +1,2 @@
1
- export * from './Menu';
1
+ export * from './Menu';
2
+ export * from './components';
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { MenuProps } from '../Menu';
3
+ interface PopoverMenuProps extends MenuProps {
4
+ activatorLabel?: string;
5
+ }
6
+ export declare const PopoverMenu: ({ activatorLabel, allowMultiple, ...props }: PopoverMenuProps) => JSX.Element;
7
+ export {};
@@ -0,0 +1,52 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
+ var _excluded = ["activatorLabel", "allowMultiple"];
4
+ import React, { useCallback, useState } from 'react';
5
+ import { Button } from '../../Button';
6
+ import { Popover } from '../../Popover';
7
+ import { Menu } from '../Menu';
8
+ export var PopoverMenu = function PopoverMenu(_ref) {
9
+ var _ref$activatorLabel = _ref.activatorLabel,
10
+ activatorLabel = _ref$activatorLabel === void 0 ? 'Menu' : _ref$activatorLabel,
11
+ allowMultiple = _ref.allowMultiple,
12
+ props = _objectWithoutPropertiesLoose(_ref, _excluded);
13
+ var _useState = useState(true),
14
+ popoverActive = _useState[0],
15
+ setPopoverActive = _useState[1];
16
+ var _useState2 = useState([]),
17
+ selectedOptions = _useState2[0],
18
+ setSelectedOptions = _useState2[1];
19
+ var togglePopoverActive = useCallback(function () {
20
+ return setPopoverActive(function (popoverActive) {
21
+ return !popoverActive;
22
+ });
23
+ }, []);
24
+ var handleSelect = function handleSelect(_ref2) {
25
+ var value = _ref2.value;
26
+ if (!allowMultiple) {
27
+ setSelectedOptions([value]);
28
+ return;
29
+ }
30
+ if (!selectedOptions.includes(value)) {
31
+ setSelectedOptions([].concat(selectedOptions, [value]));
32
+ return;
33
+ }
34
+ setSelectedOptions(selectedOptions.filter(function (option) {
35
+ return option !== value;
36
+ }));
37
+ };
38
+ var activator = /*#__PURE__*/React.createElement(Button, {
39
+ onClick: togglePopoverActive
40
+ }, activatorLabel);
41
+ return /*#__PURE__*/React.createElement(Popover, {
42
+ active: popoverActive,
43
+ activator: activator,
44
+ onClose: function onClose() {
45
+ return setPopoverActive(false);
46
+ }
47
+ }, /*#__PURE__*/React.createElement(Popover.Pane, null, /*#__PURE__*/React.createElement(Menu, _extends({}, props, {
48
+ allowMultiple: allowMultiple,
49
+ onClick: handleSelect,
50
+ selectedValues: selectedOptions
51
+ }))));
52
+ };