@workday/canvas-kit-preview-react 8.0.0-alpha.116-next.1 → 8.0.0-alpha.123-next.3

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 (136) hide show
  1. package/breadcrumbs/index.ts +0 -4
  2. package/color-picker/README.md +1 -1
  3. package/color-picker/index.ts +1 -1
  4. package/color-picker/lib/ColorPicker.tsx +2 -3
  5. package/dist/commonjs/breadcrumbs/index.d.ts +0 -3
  6. package/dist/commonjs/breadcrumbs/index.d.ts.map +1 -1
  7. package/dist/commonjs/breadcrumbs/index.js +0 -4
  8. package/dist/commonjs/color-picker/index.d.ts +1 -1
  9. package/dist/commonjs/color-picker/index.d.ts.map +1 -1
  10. package/dist/commonjs/color-picker/index.js +2 -6
  11. package/dist/commonjs/color-picker/lib/ColorPicker.d.ts +1 -2
  12. package/dist/commonjs/color-picker/lib/ColorPicker.d.ts.map +1 -1
  13. package/dist/commonjs/color-picker/lib/ColorPicker.js +5 -4
  14. package/dist/commonjs/menu/index.d.ts +1 -4
  15. package/dist/commonjs/menu/index.d.ts.map +1 -1
  16. package/dist/commonjs/menu/index.js +1 -9
  17. package/dist/commonjs/menu/lib/Menu.d.ts +1 -1
  18. package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
  19. package/dist/commonjs/menu/lib/Menu.js +2 -1
  20. package/dist/commonjs/menu/lib/MenuItem.d.ts +1 -2
  21. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  22. package/dist/commonjs/menu/lib/MenuItem.js +2 -1
  23. package/dist/commonjs/pill/lib/Pill.d.ts +7 -0
  24. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  25. package/dist/commonjs/pill/lib/Pill.js +11 -4
  26. package/dist/commonjs/pill/lib/PillAvatar.d.ts +1 -0
  27. package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -1
  28. package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
  29. package/dist/commonjs/pill/lib/PillIcon.d.ts +1 -0
  30. package/dist/commonjs/pill/lib/PillIcon.d.ts.map +1 -1
  31. package/dist/commonjs/pill/lib/PillIcon.js +1 -1
  32. package/dist/commonjs/pill/lib/PillIconButton.d.ts +6 -0
  33. package/dist/commonjs/pill/lib/PillIconButton.d.ts.map +1 -1
  34. package/dist/commonjs/pill/lib/PillIconButton.js +17 -24
  35. package/dist/commonjs/pill/lib/PillLabel.d.ts +1 -0
  36. package/dist/commonjs/pill/lib/PillLabel.d.ts.map +1 -1
  37. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  38. package/dist/commonjs/pill/lib/usePillModel.d.ts +13 -0
  39. package/dist/commonjs/pill/lib/usePillModel.d.ts.map +1 -1
  40. package/dist/commonjs/pill/lib/usePillModel.js +7 -1
  41. package/dist/commonjs/select/index.d.ts +0 -3
  42. package/dist/commonjs/select/index.d.ts.map +1 -1
  43. package/dist/commonjs/select/index.js +0 -7
  44. package/dist/commonjs/select/lib/Select.d.ts +0 -1
  45. package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
  46. package/dist/commonjs/select/lib/Select.js +2 -6
  47. package/dist/commonjs/select/lib/SelectBase.d.ts +2 -2
  48. package/dist/commonjs/select/lib/SelectBase.d.ts.map +1 -1
  49. package/dist/commonjs/select/lib/SelectBase.js +6 -9
  50. package/dist/commonjs/select/lib/SelectMenu.d.ts +2 -2
  51. package/dist/commonjs/select/lib/SelectMenu.d.ts.map +1 -1
  52. package/dist/commonjs/select/lib/SelectMenu.js +2 -2
  53. package/dist/commonjs/select/lib/SelectOption.d.ts +1 -2
  54. package/dist/commonjs/select/lib/SelectOption.d.ts.map +1 -1
  55. package/dist/commonjs/select/lib/SelectOption.js +2 -1
  56. package/dist/commonjs/side-panel/index.d.ts +0 -3
  57. package/dist/commonjs/side-panel/index.d.ts.map +1 -1
  58. package/dist/commonjs/side-panel/index.js +0 -7
  59. package/dist/commonjs/side-panel/lib/SidePanel.d.ts +1 -2
  60. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
  61. package/dist/commonjs/side-panel/lib/SidePanel.js +3 -3
  62. package/dist/es6/breadcrumbs/index.d.ts +0 -3
  63. package/dist/es6/breadcrumbs/index.d.ts.map +1 -1
  64. package/dist/es6/breadcrumbs/index.js +0 -3
  65. package/dist/es6/color-picker/index.d.ts +1 -1
  66. package/dist/es6/color-picker/index.d.ts.map +1 -1
  67. package/dist/es6/color-picker/index.js +1 -1
  68. package/dist/es6/color-picker/lib/ColorPicker.d.ts +1 -2
  69. package/dist/es6/color-picker/lib/ColorPicker.d.ts.map +1 -1
  70. package/dist/es6/color-picker/lib/ColorPicker.js +2 -3
  71. package/dist/es6/menu/index.d.ts +1 -4
  72. package/dist/es6/menu/index.d.ts.map +1 -1
  73. package/dist/es6/menu/index.js +1 -4
  74. package/dist/es6/menu/lib/Menu.d.ts +1 -1
  75. package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
  76. package/dist/es6/menu/lib/Menu.js +1 -1
  77. package/dist/es6/menu/lib/MenuItem.d.ts +1 -2
  78. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  79. package/dist/es6/menu/lib/MenuItem.js +1 -1
  80. package/dist/es6/pill/lib/Pill.d.ts +7 -0
  81. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  82. package/dist/es6/pill/lib/Pill.js +11 -4
  83. package/dist/es6/pill/lib/PillAvatar.d.ts +1 -0
  84. package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -1
  85. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  86. package/dist/es6/pill/lib/PillIcon.d.ts +1 -0
  87. package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -1
  88. package/dist/es6/pill/lib/PillIcon.js +1 -1
  89. package/dist/es6/pill/lib/PillIconButton.d.ts +6 -0
  90. package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -1
  91. package/dist/es6/pill/lib/PillIconButton.js +18 -25
  92. package/dist/es6/pill/lib/PillLabel.d.ts +1 -0
  93. package/dist/es6/pill/lib/PillLabel.d.ts.map +1 -1
  94. package/dist/es6/pill/lib/PillLabel.js +1 -1
  95. package/dist/es6/pill/lib/usePillModel.d.ts +13 -0
  96. package/dist/es6/pill/lib/usePillModel.d.ts.map +1 -1
  97. package/dist/es6/pill/lib/usePillModel.js +8 -2
  98. package/dist/es6/select/index.d.ts +0 -3
  99. package/dist/es6/select/index.d.ts.map +1 -1
  100. package/dist/es6/select/index.js +0 -3
  101. package/dist/es6/select/lib/Select.d.ts +0 -1
  102. package/dist/es6/select/lib/Select.d.ts.map +1 -1
  103. package/dist/es6/select/lib/Select.js +1 -2
  104. package/dist/es6/select/lib/SelectBase.d.ts +2 -2
  105. package/dist/es6/select/lib/SelectBase.d.ts.map +1 -1
  106. package/dist/es6/select/lib/SelectBase.js +3 -4
  107. package/dist/es6/select/lib/SelectMenu.d.ts +2 -2
  108. package/dist/es6/select/lib/SelectMenu.d.ts.map +1 -1
  109. package/dist/es6/select/lib/SelectMenu.js +1 -2
  110. package/dist/es6/select/lib/SelectOption.d.ts +1 -2
  111. package/dist/es6/select/lib/SelectOption.d.ts.map +1 -1
  112. package/dist/es6/select/lib/SelectOption.js +1 -2
  113. package/dist/es6/side-panel/index.d.ts +0 -3
  114. package/dist/es6/side-panel/index.d.ts.map +1 -1
  115. package/dist/es6/side-panel/index.js +0 -3
  116. package/dist/es6/side-panel/lib/SidePanel.d.ts +1 -2
  117. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
  118. package/dist/es6/side-panel/lib/SidePanel.js +1 -2
  119. package/menu/index.ts +1 -6
  120. package/menu/lib/Menu.tsx +1 -1
  121. package/menu/lib/MenuItem.tsx +1 -3
  122. package/package.json +7 -6
  123. package/pill/lib/Pill.tsx +10 -2
  124. package/pill/lib/PillAvatar.tsx +1 -0
  125. package/pill/lib/PillIcon.tsx +2 -0
  126. package/pill/lib/PillIconButton.tsx +36 -32
  127. package/pill/lib/PillLabel.tsx +1 -0
  128. package/pill/lib/usePillModel.tsx +8 -1
  129. package/select/README.md +7 -7
  130. package/select/index.ts +0 -3
  131. package/select/lib/Select.tsx +1 -3
  132. package/select/lib/SelectBase.tsx +3 -5
  133. package/select/lib/SelectMenu.tsx +1 -3
  134. package/select/lib/SelectOption.tsx +1 -3
  135. package/side-panel/index.ts +0 -4
  136. package/side-panel/lib/SidePanel.tsx +1 -2
@@ -53,15 +53,12 @@ var __rest = (this && this.__rest) || function (s, e) {
53
53
  }
54
54
  return t;
55
55
  };
56
- var __importDefault = (this && this.__importDefault) || function (mod) {
57
- return (mod && mod.__esModule) ? mod : { "default": mod };
58
- };
59
56
  Object.defineProperty(exports, "__esModule", { value: true });
60
57
  exports.Select = void 0;
61
58
  var React = __importStar(require("react"));
62
59
  var common_1 = require("@workday/canvas-kit-react/common");
63
60
  var SelectMenu_1 = require("./SelectMenu");
64
- var SelectBase_1 = __importDefault(require("./SelectBase"));
61
+ var SelectBase_1 = require("./SelectBase");
65
62
  var utils_1 = require("./utils");
66
63
  var SelectContainer = /** @class */ (function (_super) {
67
64
  __extends(SelectContainer, _super);
@@ -504,7 +501,7 @@ var SelectContainer = /** @class */ (function (_super) {
504
501
  onOptionSelection: this.handleOptionSelection,
505
502
  }
506
503
  : {};
507
- return (React.createElement(SelectBase_1.default, __assign({ forwardedButtonRef: this.forwardedButtonRef, localButtonRef: this.localButtonRef, focusedOptionIndex: focusedOptionIndex, inputRef: this.inputRef, menuRef: this.menuRef, menuVisibility: menuVisibility, options: this.normalizedOptions, value: value }, eventHandlers, elemProps)));
504
+ return (React.createElement(SelectBase_1.SelectBase, __assign({ forwardedButtonRef: this.forwardedButtonRef, localButtonRef: this.localButtonRef, focusedOptionIndex: focusedOptionIndex, inputRef: this.inputRef, menuRef: this.menuRef, menuVisibility: menuVisibility, options: this.normalizedOptions, value: value }, eventHandlers, elemProps)));
508
505
  };
509
506
  SelectContainer.ErrorType = common_1.ErrorType;
510
507
  return SelectContainer;
@@ -519,4 +516,3 @@ exports.Select = common_1.createComponent('button')({
519
516
  ErrorType: common_1.ErrorType,
520
517
  },
521
518
  });
522
- exports.default = exports.Select;
@@ -137,6 +137,6 @@ export interface SelectBaseProps extends CoreSelectBaseProps, StyledType {
137
137
  }
138
138
  export declare const buttonBorderWidth = 1;
139
139
  export declare const buttonDefaultWidth = 280;
140
- declare const SelectBase: ({ "aria-labelledby": ariaLabelledBy, "aria-required": ariaRequired, as, forwardedButtonRef, localButtonRef, disabled, error, focusedOptionIndex, grow, inputRef, menuPlacement, menuRef, menuVisibility, onChange, onKeyDown, onClose, onOptionSelection, options, renderOption, renderSelected, required, shouldMenuAutoFlip, shouldMenuAutoFocus, value, ...elemProps }: SelectBaseProps) => JSX.Element;
141
- export default SelectBase;
140
+ export declare const SelectBase: ({ "aria-labelledby": ariaLabelledBy, "aria-required": ariaRequired, as, forwardedButtonRef, localButtonRef, disabled, error, focusedOptionIndex, grow, inputRef, menuPlacement, menuRef, menuVisibility, onChange, onKeyDown, onClose, onOptionSelection, options, renderOption, renderSelected, required, shouldMenuAutoFlip, shouldMenuAutoFocus, value, ...elemProps }: SelectBaseProps) => JSX.Element;
141
+ export {};
142
142
  //# sourceMappingURL=SelectBase.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectBase.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectBase.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectBase.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectBase.tsx"],"names":[],"mappings":"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"}
@@ -40,18 +40,15 @@ var __rest = (this && this.__rest) || function (s, e) {
40
40
  }
41
41
  return t;
42
42
  };
43
- var __importDefault = (this && this.__importDefault) || function (mod) {
44
- return (mod && mod.__esModule) ? mod : { "default": mod };
45
- };
46
43
  Object.defineProperty(exports, "__esModule", { value: true });
47
- exports.buttonDefaultWidth = exports.buttonBorderWidth = void 0;
44
+ exports.SelectBase = exports.buttonDefaultWidth = exports.buttonBorderWidth = void 0;
48
45
  var react_1 = __importStar(require("react"));
49
46
  var common_1 = require("@workday/canvas-kit-react/common");
50
47
  var tokens_1 = require("@workday/canvas-kit-react/tokens");
51
48
  var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
52
49
  var icon_1 = require("@workday/canvas-kit-react/icon");
53
- var SelectMenu_1 = __importDefault(require("./SelectMenu"));
54
- var SelectOption_1 = __importDefault(require("./SelectOption"));
50
+ var SelectMenu_1 = require("./SelectMenu");
51
+ var SelectOption_1 = require("./SelectOption");
55
52
  var scrolling_1 = require("./scrolling");
56
53
  var utils_1 = require("./utils");
57
54
  exports.buttonBorderWidth = 1;
@@ -151,7 +148,7 @@ var SelectBase = function (_a) {
151
148
  : {}));
152
149
  // Pass in additional information about the option state: focused, selected
153
150
  var normalizedOption = __assign(__assign({}, option), { focused: optionProps.focused, selected: !!optionProps['aria-selected'] });
154
- return react_1.default.createElement(SelectOption_1.default, __assign({}, optionProps), renderOption(normalizedOption));
151
+ return react_1.default.createElement(SelectOption_1.SelectOption, __assign({}, optionProps), renderOption(normalizedOption));
155
152
  });
156
153
  };
157
154
  // If the focused option changed, scroll the newly focused option into view (if
@@ -217,7 +214,7 @@ var SelectBase = function (_a) {
217
214
  e.preventDefault();
218
215
  }, ref: forwardedButtonRef, type: "button", value: selectedOptionValue }, elemProps), !!selectedOption && renderSelected(selectedOption)),
219
216
  react_1.default.createElement(SelectInput, { onChange: onChange, ref: inputRef, type: "text", value: selectedOptionValue }),
220
- hasOptions && menuVisibility !== 'closed' && (react_1.default.createElement(SelectMenu_1.default, { "aria-activedescendant": options[focusedOptionIndex].id, "aria-labelledby": ariaLabelledBy, "aria-required": ariaRequired || required ? true : undefined, buttonRef: localButtonRef, id: menuId, error: error, menuRef: menuRef, onKeyDown: onKeyDown, onClose: onClose, placement: menuPlacement, shouldAutoFlip: shouldMenuAutoFlip, shouldAutoFocus: shouldMenuAutoFocus, visibility: menuVisibility }, renderOptions(renderOption))),
217
+ hasOptions && menuVisibility !== 'closed' && (react_1.default.createElement(SelectMenu_1.SelectMenu, { "aria-activedescendant": options[focusedOptionIndex].id, "aria-labelledby": ariaLabelledBy, "aria-required": ariaRequired || required ? true : undefined, buttonRef: localButtonRef, id: menuId, error: error, menuRef: menuRef, onKeyDown: onKeyDown, onClose: onClose, placement: menuPlacement, shouldAutoFlip: shouldMenuAutoFlip, shouldAutoFocus: shouldMenuAutoFocus, visibility: menuVisibility }, renderOptions(renderOption))),
221
218
  react_1.default.createElement(SelectMenuIcon, { className: "menu-icon", icon: canvas_system_icons_web_1.caretDownSmallIcon, color: disabled ? tokens_1.colors.licorice100 : tokens_1.colors.licorice200, colorHover: disabled ? tokens_1.colors.licorice100 : tokens_1.colors.licorice500, size: menuIconSize })));
222
219
  };
223
- exports.default = SelectBase;
220
+ exports.SelectBase = SelectBase;
@@ -37,6 +37,6 @@ interface SelectMenuProps extends Themeable, React.HTMLAttributes<HTMLUListEleme
37
37
  visibility?: MenuVisibility;
38
38
  }
39
39
  export declare const menuAnimationDuration = 200;
40
- declare const SelectMenu: ({ buttonRef, children, error, menuRef, onClose, placement, shouldAutoFlip, shouldAutoFocus, visibility, ...elemProps }: SelectMenuProps) => JSX.Element;
41
- export default SelectMenu;
40
+ export declare const SelectMenu: ({ buttonRef, children, error, menuRef, onClose, placement, shouldAutoFlip, shouldAutoFocus, visibility, ...elemProps }: SelectMenuProps) => JSX.Element;
41
+ export {};
42
42
  //# sourceMappingURL=SelectMenu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAgC,SAAS,EAAS,MAAM,kCAAkC,CAAC;AAYlG,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAEtD,UAAU,eACR,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAwKzC,QAAA,MAAM,UAAU,2HAWb,eAAe,gBA2DjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAgC,SAAS,EAAS,MAAM,kCAAkC,CAAC;AAYlG,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAEtD,UAAU,eACR,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAwKzC,eAAO,MAAM,UAAU,2HAWpB,eAAe,gBA2DjB,CAAC"}
@@ -41,7 +41,7 @@ var __rest = (this && this.__rest) || function (s, e) {
41
41
  return t;
42
42
  };
43
43
  Object.defineProperty(exports, "__esModule", { value: true });
44
- exports.menuAnimationDuration = void 0;
44
+ exports.SelectMenu = exports.menuAnimationDuration = void 0;
45
45
  var react_1 = __importStar(require("react"));
46
46
  var common_1 = require("@workday/canvas-kit-react/common");
47
47
  var popup_1 = require("@workday/canvas-kit-react/popup");
@@ -235,4 +235,4 @@ var SelectMenu = function (_a) {
235
235
  react_1.default.createElement(Menu, { error: error, visibility: visibility, width: width },
236
236
  react_1.default.createElement(MenuList, __assign({ error: error, ref: menuRef, role: "listbox", tabIndex: -1 }, elemProps), children))));
237
237
  };
238
- exports.default = SelectMenu;
238
+ exports.SelectMenu = SelectMenu;
@@ -28,6 +28,5 @@ export interface SelectOptionProps extends Themeable, React.LiHTMLAttributes<HTM
28
28
  */
29
29
  value?: string;
30
30
  }
31
- declare const SelectOption: ({ children, focused, interactive, optionRef, value, ...elemProps }: SelectOptionProps) => JSX.Element;
32
- export default SelectOption;
31
+ export declare const SelectOption: ({ children, focused, interactive, optionRef, value, ...elemProps }: SelectOptionProps) => JSX.Element;
33
32
  //# sourceMappingURL=SelectOption.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,SAAS,EACT,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACzF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqED,QAAA,MAAM,YAAY,uEAOf,iBAAiB,gBAanB,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,SAAS,EACT,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACzF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqED,eAAO,MAAM,YAAY,uEAOtB,iBAAiB,gBAanB,CAAC"}
@@ -41,6 +41,7 @@ var __rest = (this && this.__rest) || function (s, e) {
41
41
  return t;
42
42
  };
43
43
  Object.defineProperty(exports, "__esModule", { value: true });
44
+ exports.SelectOption = void 0;
44
45
  var React = __importStar(require("react"));
45
46
  var common_1 = require("@workday/canvas-kit-react/common");
46
47
  var tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -99,4 +100,4 @@ var SelectOption = function (_a) {
99
100
  var children = _a.children, _b = _a.focused, focused = _b === void 0 ? false : _b, _c = _a.interactive, interactive = _c === void 0 ? true : _c, optionRef = _a.optionRef, value = _a.value, elemProps = __rest(_a, ["children", "focused", "interactive", "optionRef", "value"]);
100
101
  return (React.createElement(Option, __assign({ "data-value": value, focused: focused, interactive: interactive, ref: optionRef, role: "option" }, elemProps), children));
101
102
  };
102
- exports.default = SelectOption;
103
+ exports.SelectOption = SelectOption;
@@ -1,6 +1,3 @@
1
- import SidePanel from './lib/SidePanel';
2
- export default SidePanel;
3
- export { SidePanel };
4
1
  export * from './lib/hooks';
5
2
  export * from './lib/SidePanel';
6
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../side-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,eAAe,SAAS,CAAC;AACzB,OAAO,EAAC,SAAS,EAAC,CAAC;AACnB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../side-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}
@@ -9,13 +9,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
9
9
  var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
10
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
11
  };
12
- var __importDefault = (this && this.__importDefault) || function (mod) {
13
- return (mod && mod.__esModule) ? mod : { "default": mod };
14
- };
15
12
  Object.defineProperty(exports, "__esModule", { value: true });
16
- exports.SidePanel = void 0;
17
- var SidePanel_1 = __importDefault(require("./lib/SidePanel"));
18
- exports.SidePanel = SidePanel_1.default;
19
- exports.default = SidePanel_1.default;
20
13
  __exportStar(require("./lib/hooks"), exports);
21
14
  __exportStar(require("./lib/SidePanel"), exports);
@@ -66,7 +66,7 @@ export declare const SidePanelContext: React.Context<{
66
66
  state: string;
67
67
  origin: string;
68
68
  }>;
69
- declare const SidePanel: {
69
+ export declare const SidePanel: {
70
70
  ({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, variant, touched, ...elemProps }: SidePanelProps): jsx.JSX.Element;
71
71
  ToggleButton: ({ variant, icon, tooltipTextExpand: expandLabel, tooltipTextCollapse: collapseLabel, ...rest }: ToggleButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => jsx.JSX.Element;
72
72
  };
@@ -82,5 +82,4 @@ export declare type ToggleButtonProps = TertiaryButtonProps & {
82
82
  */
83
83
  tooltipTextCollapse?: string;
84
84
  };
85
- export default SidePanel;
86
85
  //# sourceMappingURL=SidePanel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,GAAG,EAAuB,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,oBAAY,gBAAgB,GAAG,UAAU,GAAG,WAAW,CAAC;AACxD,oBAAY,yBAAyB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AAE9F,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;;OAIG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAsCD,eAAO,MAAM,gBAAgB;;;EAG3B,CAAC;AAEH,QAAA,MAAM,SAAS;+KAcZ,cAAc;mHA0Gd,iBAAiB,GAAG,MAAM,oBAAoB,CAAC,iBAAiB,CAAC;CAxBnE,CAAC;AAEF,oBAAY,iBAAiB,GAAG,mBAAmB,GAAG;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAgDF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,GAAG,EAAuB,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,oBAAY,gBAAgB,GAAG,UAAU,GAAG,WAAW,CAAC;AACxD,oBAAY,yBAAyB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AAE9F,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;;OAIG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAsCD,eAAO,MAAM,gBAAgB;;;EAG3B,CAAC;AAEH,eAAO,MAAM,SAAS;+KAcnB,cAAc;mHA0Gd,iBAAiB,GAAG,MAAM,oBAAoB,CAAC,iBAAiB,CAAC;CAxBnE,CAAC;AAEF,oBAAY,iBAAiB,GAAG,mBAAmB,GAAG;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC"}
@@ -45,7 +45,7 @@ var __rest = (this && this.__rest) || function (s, e) {
45
45
  return t;
46
46
  };
47
47
  Object.defineProperty(exports, "__esModule", { value: true });
48
- exports.SidePanelContext = void 0;
48
+ exports.SidePanel = exports.SidePanelContext = void 0;
49
49
  /** @jsxRuntime classic */
50
50
  /** @jsx jsx */
51
51
  var React = __importStar(require("react"));
@@ -136,6 +136,7 @@ var SidePanel = function (_a) {
136
136
  origin: origin,
137
137
  } }, children)));
138
138
  };
139
+ exports.SidePanel = SidePanel;
139
140
  /**
140
141
  * A toggle button styled specifically for the side panel container.
141
142
  */
@@ -167,6 +168,5 @@ var ToggleButton = function (_a) {
167
168
  return (react_1.jsx(tooltip_1.Tooltip, { title: context.state === 'collapsed' ? expandLabel : collapseLabel, type: "muted" },
168
169
  react_1.jsx(button_1.TertiaryButton, __assign({ type: "button", css: buttonStyle, icon: icon, variant: variant }, rest))));
169
170
  };
170
- SidePanel.ToggleButton = ToggleButton;
171
- exports.default = SidePanel;
171
+ exports.SidePanel.ToggleButton = ToggleButton;
172
172
  var templateObject_1;
@@ -1,5 +1,2 @@
1
- import { Breadcrumbs } from './lib/Breadcrumbs';
2
- export default Breadcrumbs;
3
- export { Breadcrumbs };
4
1
  export * from './lib/Breadcrumbs';
5
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAC,WAAW,EAAC,CAAC;AACrB,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
@@ -1,4 +1 @@
1
- import { Breadcrumbs } from './lib/Breadcrumbs';
2
- export default Breadcrumbs;
3
- export { Breadcrumbs };
4
1
  export * from './lib/Breadcrumbs';
@@ -1,2 +1,2 @@
1
- export { default, default as ColorPicker, ColorPickerProps } from './lib/ColorPicker';
1
+ export { ColorPicker, ColorPickerProps } from './lib/ColorPicker';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC"}
@@ -1 +1 @@
1
- export { default, default as ColorPicker } from './lib/ColorPicker';
1
+ export { ColorPicker } from './lib/ColorPicker';
@@ -47,9 +47,8 @@ export interface ColorPickerProps extends React.HTMLAttributes<HTMLDivElement> {
47
47
  */
48
48
  resetLabel?: string;
49
49
  }
50
- declare const ColorPicker: {
50
+ export declare const ColorPicker: {
51
51
  ({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): JSX.Element;
52
52
  defaultColorSet: string[];
53
53
  };
54
- export default ColorPicker;
55
54
  //# sourceMappingURL=ColorPicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsGD,QAAA,MAAM,WAAW;kKAYd,gBAAgB;;CA0ClB,CAAC;AAGF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsGD,eAAO,MAAM,WAAW;kKAYrB,gBAAgB;;CA0ClB,CAAC"}
@@ -25,7 +25,7 @@ import { checkIcon } from '@workday/canvas-system-icons-web';
25
25
  import { ColorInput } from '@workday/canvas-kit-react/color-picker';
26
26
  import { SecondaryButton } from '@workday/canvas-kit-react/button';
27
27
  import * as React from 'react';
28
- import FormField from '@workday/canvas-kit-react/form-field';
28
+ import { FormField } from '@workday/canvas-kit-react/form-field';
29
29
  import styled from '@emotion/styled';
30
30
  import { ResetButton } from './parts/ColorReset';
31
31
  import { SwatchBook } from './parts/SwatchBook';
@@ -115,7 +115,7 @@ var isCustomColor = function (colors, hexCode) {
115
115
  var lowercaseHex = hexCode.toLowerCase();
116
116
  return !colors.includes(lowercaseHex);
117
117
  };
118
- var ColorPicker = function (_a) {
118
+ export var ColorPicker = function (_a) {
119
119
  var _b = _a.colorSet, colorSet = _b === void 0 ? defaultColorSet : _b, _c = _a.customHexInputLabel, customHexInputLabel = _c === void 0 ? 'Custom Hex Color' : _c, _d = _a.submitLabel, submitLabel = _d === void 0 ? 'Submit' : _d, onColorChange = _a.onColorChange, onColorReset = _a.onColorReset, onSubmitClick = _a.onSubmitClick, _e = _a.resetLabel, resetLabel = _e === void 0 ? 'Reset' : _e, resetColor = _a.resetColor, _f = _a.value, value = _f === void 0 ? '' : _f, _g = _a.showCustomHexInput, showCustomHexInput = _g === void 0 ? false : _g, elemProps = __rest(_a, ["colorSet", "customHexInputLabel", "submitLabel", "onColorChange", "onColorReset", "onSubmitClick", "resetLabel", "resetColor", "value", "showCustomHexInput"]);
120
120
  var _h = React.useState(''), validHexValue = _h[0], setValidHexValue = _h[1];
121
121
  var _j = React.useState(isCustomColor(colorSet, value) ? value : ''), customHexValue = _j[0], setCustomHexValue = _j[1];
@@ -140,4 +140,3 @@ var ColorPicker = function (_a) {
140
140
  React.createElement(CheckButton, { "aria-label": submitLabel, icon: checkIcon })))));
141
141
  };
142
142
  ColorPicker.defaultColorSet = defaultColorSet;
143
- export default ColorPicker;
@@ -1,6 +1,3 @@
1
- import Menu, { MenuProps } from './lib/Menu';
2
- import MenuItem from './lib/MenuItem';
3
- export { Menu, MenuItem, MenuProps };
4
- export default Menu;
1
+ export * from './lib/Menu';
5
2
  export * from './lib/MenuItem';
6
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,cAAc,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
@@ -1,5 +1,2 @@
1
- import Menu from './lib/Menu';
2
- import MenuItem from './lib/MenuItem';
3
- export { Menu, MenuItem };
4
- export default Menu;
1
+ export * from './lib/Menu';
5
2
  export * from './lib/MenuItem';
@@ -39,7 +39,7 @@ export interface MenuProps extends GrowthBehavior, React.HTMLAttributes<HTMLULis
39
39
  export interface MenuState {
40
40
  selectedItemIndex: number;
41
41
  }
42
- export default class Menu extends React.Component<MenuProps, MenuState> {
42
+ export declare class Menu extends React.Component<MenuProps, MenuState> {
43
43
  private id;
44
44
  private animateId;
45
45
  private menuRef;
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG,MAAM,WAAW,SAAU,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACnF;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,SAAS;IAe5B,kBAAkB,CAAC,SAAS,EAAE,SAAS;IAevC,iBAAiB;IAKjB,oBAAoB;IAIb,MAAM;IAmDN,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,MAAM,CAQjE;IAEK,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,IAAI,CAE/D;IAEF,OAAO,CAAC,uBAAuB,CA4E7B;IAEF,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,kBAAkB,CAWxB;IAEF,OAAO,CAAC,kBAAkB,CA+BxB;IAEF,OAAO,CAAC,sBAAsB,CAU5B;IAEF,OAAO,CAAC,sBAAsB,CAG5B;CACH"}
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG,MAAM,WAAW,SAAU,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACnF;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD,qBAAa,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAC7D,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,SAAS;IAe5B,kBAAkB,CAAC,SAAS,EAAE,SAAS;IAevC,iBAAiB;IAKjB,oBAAoB;IAIb,MAAM;IAmDN,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,MAAM,CAQjE;IAEK,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,IAAI,CAE/D;IAEF,OAAO,CAAC,uBAAuB,CA4E7B;IAEF,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,kBAAkB,CAWxB;IAEF,OAAO,CAAC,kBAAkB,CA+BxB;IAEF,OAAO,CAAC,sBAAsB,CAU5B;IAEF,OAAO,CAAC,sBAAsB,CAG5B;CACH"}
@@ -260,4 +260,4 @@ var Menu = /** @class */ (function (_super) {
260
260
  };
261
261
  return Menu;
262
262
  }(React.Component));
263
- export default Menu;
263
+ export { Menu };
@@ -43,11 +43,10 @@ export interface MenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
43
43
  */
44
44
  shouldClose?: boolean;
45
45
  }
46
- declare class MenuItem extends React.Component<MenuItemProps> {
46
+ export declare class MenuItem extends React.Component<MenuItemProps> {
47
47
  ref: React.RefObject<HTMLLIElement>;
48
48
  componentDidUpdate: (prevProps: MenuItemProps) => void;
49
49
  render(): React.ReactNode;
50
50
  private handleClick;
51
51
  }
52
- export default MenuItem;
53
52
  //# sourceMappingURL=MenuItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC1E;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAwLD,cAAM,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnD,GAAG,iCAAoC;IAEvC,kBAAkB,cAAe,aAAa,UAM5C;IAEF,MAAM,IAAI,KAAK,CAAC,SAAS;IAyCzB,OAAO,CAAC,WAAW,CAOjB;CACH;AAcD,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC1E;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAwLD,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,GAAG,iCAAoC;IAEvC,kBAAkB,cAAe,aAAa,UAM5C;IAEF,MAAM,IAAI,KAAK,CAAC,SAAS;IAyCzB,OAAO,CAAC,WAAW,CAOjB;CACH"}
@@ -203,6 +203,7 @@ var MenuItem = /** @class */ (function (_super) {
203
203
  };
204
204
  return MenuItem;
205
205
  }(React.Component));
206
+ export { MenuItem };
206
207
  /**
207
208
  * If we destructure props, shouldClose will be undefined because the value is only applied for the render method only.
208
209
  * We have to use defaultProps so that the value of shouldClose is applied for every method and therefore references in the Menu component.
@@ -214,4 +215,3 @@ MenuItem.defaultProps = {
214
215
  shouldClose: true,
215
216
  role: 'menuitem',
216
217
  };
217
- export default MenuItem;
@@ -10,8 +10,10 @@ export interface PillProps extends BoxProps {
10
10
  export declare const Pill: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillProps & Partial<{
11
11
  maxWidth: string | number;
12
12
  disabled: boolean;
13
+ id: string;
13
14
  }> & {} & {}, {
14
15
  state: {
16
+ id: string;
15
17
  maxWidth: string | number;
16
18
  disabled: boolean;
17
19
  };
@@ -19,6 +21,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
19
21
  }> & {
20
22
  Context: React.Context<{
21
23
  state: {
24
+ id: string;
22
25
  maxWidth: string | number;
23
26
  disabled: boolean;
24
27
  };
@@ -27,6 +30,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
27
30
  } & {
28
31
  Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./PillIcon").PillIconProps, {
29
32
  state: {
33
+ id: string;
30
34
  maxWidth: string | number;
31
35
  disabled: boolean;
32
36
  };
@@ -34,6 +38,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
34
38
  }>;
35
39
  Avatar: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./PillAvatar").PillAvatarProps, {
36
40
  state: {
41
+ id: string;
37
42
  maxWidth: string | number;
38
43
  disabled: boolean;
39
44
  };
@@ -42,6 +47,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
42
47
  Count: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("./PillCount").PillCountProps>;
43
48
  Label: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./PillLabel").PillLabelProps, {
44
49
  state: {
50
+ id: string;
45
51
  maxWidth: string | number;
46
52
  disabled: boolean;
47
53
  };
@@ -49,6 +55,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
49
55
  }>;
50
56
  IconButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./PillIconButton").PillIconButtonProps, {
51
57
  state: {
58
+ id: string;
52
59
  maxWidth: string | number;
53
60
  disabled: boolean;
54
61
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,QAAQ,EAA4B,MAAM,kCAAkC,CAAC;AAWrF,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;CAChD;AAgID,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Df,CAAC"}
1
+ {"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,QAAQ,EAA4B,MAAM,kCAAkC,CAAC;AAWrF,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;CAChD;AAsID,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Df,CAAC"}
@@ -105,7 +105,6 @@ var getRemovablePillColors = function (disabled) {
105
105
  };
106
106
  var pillBaseStyles = __assign(__assign({ display: 'inline-flex', alignItems: 'center', borderRadius: borderRadius.m, flexShrink: 0 }, type.levels.subtext.large), { color: colors.blackPepper400, boxShadow: 'none', outline: 'none', fontWeight: type.properties.fontWeights.medium, WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale', width: 'fit-content', padding: "2px " + space.xxs, height: space.m, position: 'relative' });
107
107
  var StyledBasePill = styled(BaseButton.as('button'))(__assign(__assign(__assign({}, pillBaseStyles), { '&:focus': {
108
- borderColor: colors.blueberry400,
109
108
  'span[data-count="ck-pill-count"]': {
110
109
  borderTop: "1px solid " + colors.blueberry400,
111
110
  borderBottom: "1px solid " + colors.blueberry400,
@@ -122,10 +121,18 @@ var StyledBasePill = styled(BaseButton.as('button'))(__assign(__assign(__assign(
122
121
  border: 'none',
123
122
  },
124
123
  },
125
- })), boxStyleFn);
124
+ })), function (_a) {
125
+ var variant = _a.variant;
126
+ return ({
127
+ '&:focus': {
128
+ borderColor: variant === 'removable' ? undefined : colors.blueberry400,
129
+ },
130
+ });
131
+ }, boxStyleFn);
126
132
  var StyledNonInteractivePill = styled(StyledBasePill)({
127
133
  cursor: 'default',
128
134
  overflow: 'revert',
135
+ position: 'relative',
129
136
  });
130
137
  export var Pill = createContainer('button')({
131
138
  modelHook: usePillModel,
@@ -139,7 +146,7 @@ export var Pill = createContainer('button')({
139
146
  })(function (_a, Element, model) {
140
147
  var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, maxWidth = _a.maxWidth, elemProps = __rest(_a, ["variant", "maxWidth"]);
141
148
  return (React.createElement(React.Fragment, null,
142
- variant === 'readOnly' && (React.createElement(StyledNonInteractivePill, __assign({ maxWidth: model.state.maxWidth, as: Element !== 'button' ? Element : 'span', border: "1px solid " + colors.licorice200 }, elemProps),
149
+ variant === 'readOnly' && (React.createElement(StyledNonInteractivePill, __assign({ maxWidth: model.state.maxWidth, as: Element !== 'button' ? Element : 'span', border: "1px solid " + colors.licorice200, id: model.state.id }, elemProps),
143
150
  React.createElement(PillLabel, null, elemProps.children))),
144
151
  variant === 'default' && (React.createElement(StyledBasePill, __assign({ colors: getButtonPillColors(), as: Element }, elemProps, { disabled: model.state.disabled }),
145
152
  React.createElement(HStack, { spacing: "xxxs", display: "inline-flex", alignItems: "center" }, React.Children.map(elemProps.children, function (child, index) {
@@ -148,7 +155,7 @@ export var Pill = createContainer('button')({
148
155
  }
149
156
  return (React.createElement(Stack.Item, { key: index, display: "inline-flex" }, child));
150
157
  })))),
151
- variant === 'removable' && (React.createElement(StyledNonInteractivePill, __assign({ colors: getRemovablePillColors(model.state.disabled), as: Element !== 'button' ? Element : 'span' }, elemProps),
158
+ variant === 'removable' && (React.createElement(StyledNonInteractivePill, __assign({ colors: getRemovablePillColors(model.state.disabled), as: Element !== 'button' ? Element : 'span', variant: variant }, elemProps),
152
159
  React.createElement(HStack, { spacing: "xxxs", display: "inline-flex", alignItems: "center", justifyContent: "center" }, React.Children.map(elemProps.children, function (child, index) {
153
160
  if (typeof child === 'string') {
154
161
  return React.createElement(PillLabel, { key: index }, child);
@@ -3,6 +3,7 @@ export interface PillAvatarProps extends AvatarProps {
3
3
  }
4
4
  export declare const PillAvatar: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillAvatarProps, {
5
5
  state: {
6
+ id: string;
6
7
  maxWidth: string | number;
7
8
  disabled: boolean;
8
9
  };
@@ -1 +1 @@
1
- {"version":3,"file":"PillAvatar.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGrE,MAAM,WAAW,eAAgB,SAAQ,WAAW;CAAG;AAKvD,eAAO,MAAM,UAAU;;;;;;EAcrB,CAAC"}
1
+ {"version":3,"file":"PillAvatar.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGrE,MAAM,WAAW,eAAgB,SAAQ,WAAW;CAAG;AAKvD,eAAO,MAAM,UAAU;;;;;;;EAerB,CAAC"}
@@ -19,5 +19,5 @@ import { usePillModel } from './usePillModel';
19
19
  export var PillAvatar = createSubcomponent('button')({
20
20
  modelHook: usePillModel,
21
21
  })(function (elemProps, Element, model) {
22
- return (React.createElement(Avatar, __assign({ style: { opacity: model.state.disabled ? '.7' : '1' }, as: "div", size: 18 }, elemProps, { disabled: model.state.disabled }), elemProps.children));
22
+ return (React.createElement(Avatar, __assign({ style: { opacity: model.state.disabled ? '.7' : '1' }, as: "div", size: 18, altText: undefined }, elemProps, { disabled: model.state.disabled }), elemProps.children));
23
23
  });
@@ -9,6 +9,7 @@ export interface PillIconProps extends Omit<SystemIconProps, 'icon'> {
9
9
  }
10
10
  export declare const PillIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", PillIconProps, {
11
11
  state: {
12
+ id: string;
12
13
  maxWidth: string | number;
13
14
  disabled: boolean;
14
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"PillIcon.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ;;;;;;EAanB,CAAC"}
1
+ {"version":3,"file":"PillIcon.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ;;;;;;;EAenB,CAAC"}
@@ -30,5 +30,5 @@ export var PillIcon = createSubcomponent('span')({
30
30
  modelHook: usePillModel,
31
31
  })(function (_a, Element) {
32
32
  var size = _a.size, icon = _a.icon, elemProps = __rest(_a, ["size", "icon"]);
33
- return (React.createElement(SystemIcon, __assign({ marginInlineStart: "-" + space.xxxs, display: "flex", as: Element, size: 20, icon: icon || plusIcon }, elemProps)));
33
+ return (React.createElement(SystemIcon, __assign({ marginInlineStart: "-" + space.xxxs, display: "flex", as: Element, size: 20, role: "img", "aria-label": "add", icon: icon || plusIcon }, elemProps)));
34
34
  });
@@ -6,9 +6,15 @@ export interface PillIconButtonProps extends Omit<SystemIconProps, 'icon'> {
6
6
  * @default `xSmallIcon`
7
7
  */
8
8
  icon?: CanvasSystemIcon;
9
+ /**
10
+ * The aria label for the removable icon
11
+ * @default 'remove'
12
+ */
13
+ 'aria-label'?: string;
9
14
  }
10
15
  export declare const PillIconButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillIconButtonProps, {
11
16
  state: {
17
+ id: string;
12
18
  maxWidth: string | number;
13
19
  disabled: boolean;
14
20
  };
@@ -1 +1 @@
1
- {"version":3,"file":"PillIconButton.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAuDD,eAAO,MAAM,cAAc;;;;;;EAuB1B,CAAC"}
1
+ {"version":3,"file":"PillIconButton.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA6CD,eAAO,MAAM,cAAc;;;;;;;EAgC1B,CAAC"}