@enact/limestone 1.3.0 → 1.10.0

package/Button/tests/Button-specs.js

@@ -30,6 +30,32 @@ describe('Button', function () {
     var expected = 'focusExpand';
     expect(button).toHaveClass(expected);
   });
+  test('should be pressed when selected', function () {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {}));
+    var button = _react.screen.getByRole('button');
+
+    // Select by key
+    _react.fireEvent.keyDown(button, {
+      key: 'Enter',
+      code: 'Enter',
+      keyCode: 13,
+      which: 13
+    });
+    expect(button).toHaveClass('pressed');
+    _react.fireEvent.keyUp(button, {
+      key: 'Enter',
+      code: 'Enter',
+      keyCode: 13,
+      which: 13
+    });
+    expect(button).not.toHaveClass('pressed');
+
+    // Select by pointer
+    _react.fireEvent.mouseDown(button);
+    expect(button).toHaveClass('pressed');
+    _react.fireEvent.mouseUp(button);
+    expect(button).not.toHaveClass('pressed');
+  });
   test('should be able to disable the expand focus effect', function () {
     (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.ButtonBase, {
       focusEffect: "static"

package/CHANGELOG.md

@@ -2,6 +2,260 @@
 
 The following is a curated list of changes in the Enact limestone module, newest changes on the top.
 
+## [1.10.0] - 2026-05-08
+
+### Added
+
+- `limestone/Alert` `buttonDirection` prop to control button layout direction (`auto`, `horizontal`, `vertical`)
+- `limestone/Icon` supported icon list, adding new icon `f1`
+- `limestone/Input` props `marqueeInputField` to marquee inputField text on focus
+- `limestone/Inputfield` prop `caretToEndOnFocus` to move caret to the end of the input field on input activation via 5-way
+- `limestone/Inputfield` prop `marqueeContent` to marquee text on focus
+- `limestone/PageViews` `showFooterButtons` prop to show optional Close/Next buttons
+- `limestone/PageViews` `footerCloseLabel` prop to custom the Close button label
+- `limestone/PageViews` `onFooterCloseClick` prop to custom the Close button behavior when it is clicked
+- `limestone/Slider` `colorPicker` prop to change slider functionality
+- `limestone/ThemeDecorator` config `focusEffectClass` to support customization for spottable components
+
+### Changed
+
+- `limestone/Slider` styling to match the latest GUI
+- `@storybook/addon-docs` version to `^10.3.4`.
+- `@storybook/react-webpack5` version to `^10.3.4`.
+- `storybook` version to `^10.3.4`.
+
+### Fixed
+
+- `limestone/Card` `captionOverlayOnFocus` prop to work in `focusRing` mode
+- `limestone/Card` press motion to work with key press
+- `limestone/Dropdown` button to match `DropdownList` items size when `size` is `small`
+- `limestone/IconItem` press motion to work with key press
+- `limestone/MediaOverlay` press motion to work with key press
+- `limestone/Popup` to not flicker on transition
+- `limestone/Popup` to not delay when closed with pointer
+- `limestone/Slider` press motion to work with key press
+- `limestone/useScroll` to not scroll on hover right after scroll by wheel
+
+## [1.9.3] - 2026-04-20
+
+### Fixed
+
+- `limestone/Popup` to not delay when closed with pointer
+
+## [1.9.2] - 2026-03-10
+
+### Fixed
+
+- `limestone/Card` `captionOverlayOnFocus` prop to work in `focusRing` mode
+
+## [1.9.1] - 2026-02-26
+
+### Changed
+
+- `limestone/Slider` styling to match the latest GUI
+
+### Fixed
+
+- `limestone/Card` press motion to work with key press
+- `limestone/IconItem` press motion to work with key press
+- `limestone/MediaOverlay` press motion to work with key press
+- `limestone/Popup` to avoid popup content blinking into existence after render
+- `limestone/Slider` press motion to work with key press
+
+## [1.9.0] - 2026-01-28
+
+### Added
+
+- `limestone/Button` `focusEffect` prop to set the visual effect applied to the button when focused.
+- `limestone/Icon` supported icon list, adding new icons `btspeakermute`, `system`, `remotecontrolsetting`, `warning`, `filepdf`, `filedoc`, `filexls`, `subtitleru`, and `mypageru`
+
+### Changed
+
+- `limestone/Button` styling to match the latest GUI
+- `limestone/Card` styling to match the latest GUI
+- `limestone/Chip` styling to match the latest GUI
+- `limestone/IconItem` styling to match the latest GUI
+- `limestone/MediaOverlay` styling to match the latest GUI
+- `limestone/Slider` styling to match the latest GUI
+- `limestone/Spinner` to match the latest GUI
+
+### Fixed
+
+- `limestone/Card` to not overflow text when `withoutMarquee` is set
+- `limestone/Input` `overlay` `Back` button to not overflow the `InputField` in case the `Title` or `Subtitle` is not set
+- `limestone/PageViews` to properly navigate between multiple `PageViews`
+- `limestone/PageViews` to resume spotlight on unmount
+
+## [1.8.0] - 2025-12-30
+
+### Added
+
+- `limestone/MediaPlayer.MediaControls` `nextAriaLabel` prop to custom the aria-label of the next button
+- `limestone/MediaPlayer.MediaControls` `nextButtonDisabled` prop to disable the next button
+- `limestone/MediaPlayer.MediaControls` `nextIcon` prop to select the next button icon
+- `limestone/MediaPlayer.MediaControls` `noNextButton` prop to remove the next button
+- `limestone/MediaPlayer.MediaControls` `noPreviousButton` prop to remove the previous button
+- `limestone/MediaPlayer.MediaControls` `onNextButtonClick` prop to custom the next button behavior when it is clicked
+- `limestone/MediaPlayer.MediaControls` `onPreviousButtonClick` prop to custom the previous button behavior when it is clicked
+- `limestone/MediaPlayer.MediaControls` `previousAriaLabel` prop to custom the aria-label of the previous button
+- `limestone/MediaPlayer.MediaControls` `previousButtonDisabled` prop to disable the previous button
+- `limestone/MediaPlayer.MediaControls` `previousIcon` prop to select the previous button icon
+- `limestone/VideoPlayer` `onNext` prop to custom the next button behavior when it is clicked
+- `limestone/VideoPlayer` `onPrevious` prop to custom the previous button behavior when it is clicked
+- `limestone/VideoPlayer` `onWillNext` prop to custom the next button behavior before playing the next video when it is clicked
+- `limestone/VideoPlayer` `onWillPrevious` prop to custom the previous button behavior before playing the previous video when it is clicked
+
+### Changed
+
+- `limestone/TabLayout` styling to match the latest GUI
+- `limestone/VirtualList` warning condition so the message will be shown only when `itemSizes.minSize` and `cbScrollTo` are set
+
+### Fixed
+
+- `limestone/InputField` to not overflow the parent container.
+
+## [1.6.3] - 2025-12-26
+
+### Changed
+
+- `limestone/VideoPlayer.FeedbackTooltip` to match the latest GUI
+
+## [1.7.0] - 2025-12-08
+
+### Added
+
+- `limestone/Icon` supported icon list, adding new icons `link2` and `btspeakermute`
+- `limestone/Card` `aria-label` prop to allow user to custom the aria-label
+- `limestone/Card` `icon` prop to allow user to change the icon
+- `limestone/Card` added option for progressBar
+- `limestone/Card` `splitCaption` prop to allow user to split the content for the captions
+- `limestone/Card` `withoutMarquee` prop to allow user to remove the text marquee effect
+- `limestone/Chip` `checked` prop to allow user to mark `Chip` component as `checked`
+- `limestone/Chip` `isImage` and `imageSize` props to allow user to use `Image` instead of `Icon`
+- `limestone/PageViews` `bannerMode` prop to allow 5-way navigation between pages
+- `limestone/ThemeDecorator/screenTypes` value `wuhd` to support WUHD displays
+
+### Changed
+
+- `limestone/Card` to match the latest GUI
+- `limestone/Checkbox` to match the latest GUI
+- `limestone/ImageItem` to match the latest GUI
+- `limestone/RadioItem` to match the latest GUI
+- `limestone/useScroll.HoverToScroll` scroll animation speed
+- `limestone/VideoPlayer.FeedbackTooltip` to match the latest GUI
+
+### Fixed
+
+- `limetone/Card` voice control to select the Card
+- `limestone/ContextualPopupDecorator` to be positioned appropriately on dynamic resolution changes
+- `limestone/Panels.Header` to use correct positions for elements inside slotBefore and slotAfter
+- `limestone/VideoPlayer.FeedbackTooltip` to use correct font family
+
+## [1.6.2] - 2025-11-05
+
+### Fixed
+
+- `limestone/Panels.Header` to use same Header height with/without subtitle.
+
+## [1.6.1] - 2025-10-29
+
+### Added
+
+- `limestone/Card` audio guidance for disabled
+- `limestone/Icon` supported icon list, updating existing icons
+
+### Fixed
+
+- `limestone/ImageItem` to get custom `aria-label`
+- `limestone/Input` `fullscreen` to prevent the title in portrait mode from rendering over the close button
+- `limestone/Input` `overlay` to prevent the invalid tooltip from overflowing
+- `limestone/Panels.Header` to stop layout shifting on render
+- `limestone/Panels.Header` to stop layout shifting when `noCloseButton` is active
+- `limestone/TabLayout` automatic expand/collapse behavior on screen orientation changes
+- `limestone/VideoPlayer` feedback style
+
+## [1.6.0] - 2025-10-14
+
+### Added
+
+- `limestone/Dropdown` aria props for audio guidance
+- `limestone/Scroller` `scrollToContentContainerOnFocus` prop to scrolls to the content container when descendants get focused
+- `limestone/TabLayout` `blockExpandOnLandscape` prop to prevent the tab list from automatically expand when the screen orientation changes to landscape mode
+
+### Changed
+
+- `limestone/Panels` to match the latest GUI
+- `limestone/PopupTabLayout` to match the latest GUI
+- `limestone/TabLayout` vertical to be expanded in landscape mode
+- `limestone/VideoPlayer` to match the latest GUI
+
+### Fixed
+
+- `limestone/ContextualPopupDecorator` to focus content with timeout when popup opens
+- `limestone/Dropdown` audio guidance for DropdownList
+- `limestone/Panels.Header` to stop layout shifting when `slotAfter` or `slotBefore` are modified
+- `limestone/Scroller` with `editable` prop to have proper `aria-label` when item is selected
+- `limestone/TabLayout` to correctly scroll on tab change, when it is wrapped in `ContentContainerDecorator`
+
+## [1.5.0] - 2025-09-24
+
+### Added
+
+- `limestone/Card` `fitImage` prop to allow image to fit the container by height and be centered
+
+### Fixed
+
+- `limestone/FlexiblePopupPanels` to match the latest GUI
+- `limestone/Panels.Header` to match the latest GUI
+- `limestone/VideoPlayer` position of feedback content
+- `limestone/VirtualList.VirtualGridList` not to show overscroll effect when press down key
+
+## [1.4.0] - 2025-09-15
+
+### Added
+
+- `limestone/CheckboxItem` `CheckboxItemGroup` to wrap multiple checkbox items as a list
+- `limestone/Item` props `slotAfterAria` and `slotBeforeAria` for audio guidance of slotAfter and slotBefore
+- `limestone/RadioItem` `RadioItemGroup` to wrap multiple radio items as a list
+- `limestone/VirtualList` prop `continue5WayHold` to scroll continuously from in a VirtualList to the outer scroller.
+
+### Changed
+
+- `limestone/Chip` audio guidance for chip button and delete button
+- `limestone/ImageItem` audio guidance for selected
+
+### Fixed
+
+- `limestone/Alert` buttons styles for overlay `type`.
+- `limestone/Card` to block select on `keyDown` instead of `keyUp` when `disabled`
+- `limestone/ContextualPopupDecorator` to focus content with timeout when popup opens
+- `limestone/DatePicker` to match the latest GUI
+- `limestone/Dropdown` by removing unnecessary aria props
+- `limestone/Input` buttons styles for number `popupType`.
+- `limestone/InputField` to not clip icons in webOS system.
+- `limestone/MediaPlayer.MediaControls` enforced direction of buttons as `ltr` to prevent them from swapping in RTL locales
+- `limestone/Panels.Header` to match the latest GUI
+- `limestone/TimePicker` to match the latest GUI
+- `limestone/VideoPlayer` to read out the timestamp properly
+
+## [1.3.2] - 2025-09-02
+
+### Fixed
+
+- `limestone/Alert` to show the outline appropriately in high-contrast mode
+- `limestone/Button` icon color to support style override
+- `limestone/Card` audio guidance to translate
+- `limestone/Card` `background` and `border` for `focusRing` mode
+- `limestone/KeyGuide` to show the outline appropriately in high-contrast mode
+- `limestone/Scroller` with `editable` prop to remain focused on the selected item when completing edit by down or enter key in pointer mode
+- `limestone/PopupTabLayout` to show the background color appropriately in high-contrast mode
+
+## [1.3.1] - 2025-08-14
+
+### Changed
+
+- Global variable from `ILIB_SANDSTONE_PATH` to `ILIB_LIMESTONE_PATH`
+
 ## [1.3.0] - 2025-08-08
 
 ### Added

package/Card/Card.d.ts

@@ -10,16 +10,16 @@ type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 type Merge<M, N> = Omit<M, Extract<keyof M, keyof N>> & N;
 
 export interface CardBaseProps extends ui_Card_CardProps {
-  /**
-   * The primary caption displayed with the image.
-   */
-  children: string;
   /**
  * Source for the image.
 String value or Object of values used to determine which image will appear on
 a specific screenSize.
  */
   src: string | object;
+  /**
+   * The "aria-label" for the Card.
+   */
+  "aria-label"?: string;
   /**
  * Determines whether the caption will be placed over the image or not.
 It only applies when  `orientation`  is  `'vertical'` .
@@ -34,6 +34,10 @@ It only applies when  `orientation`  is  `'vertical'` .
    * Centers the captions when  `imageIconSrc`  is not provided.
    */
   centered?: boolean;
+  /**
+   * The primary caption displayed with the image.
+   */
+  children?: string;
   /**
  * Customizes the component by mapping the supplied collection of CSS class names to the
 corresponding internal elements and states of this component.
@@ -43,11 +47,19 @@ corresponding internal elements and states of this component.
    * Disables Card and becomes non-interactive.
    */
   disabled?: boolean;
+  /**
+   * Fits the image to its height and width and positions it on the center of the Card.
+   */
+  fitImage?: boolean;
   /**
  * Set to  `true`  to display a container with background color.
 When  `orientation`  is  `'horizontal'` , this prop is always  `true`  and provided value will be ignored.
  */
   hasContainer?: boolean;
+  /**
+   * Icon used when  `selected`  is  `true`
+   */
+  icon?: string;
   /**
  * Source for the image icon.
  * 
@@ -79,6 +91,10 @@ a specific screenSize. This prop is only used when  `orientation`  is  `'vertica
    * The primary badge image source.
    */
   primaryBadgeSrc?: string | object;
+  /**
+   * The progress displayed inside the ProgressBar
+   */
+  progress?: number;
   /**
    * Set to  `true`  to display the image with rounded corners.
    */
@@ -95,6 +111,19 @@ a specific screenSize. This prop is only used when  `orientation`  is  `'vertica
    * Applies a selected visual effect to the image.
    */
   selected?: boolean;
+  /**
+   * Activates the 'ProgressBar'.
+   */
+  showProgressBar?: boolean;
+  /**
+ * Splits the captions in two sections. This prop is only used when
+ `captionOverlayOnFocus`  or  `captionOverlay`  is  `true`  and  `orientation`  is  `'vertical'` .
+ */
+  splitCaption?: boolean;
+  /**
+   * Removes the marquee effect of caption and label text.
+   */
+  withoutMarquee?: boolean;
 }
 /**
  * A Limestone styled base component for   .
@@ -104,14 +133,13 @@ export class CardBase extends React.Component<
   Merge<React.HTMLProps<HTMLElement>, CardBaseProps>
 > {}
 
-export interface CardDecoratorProps
-  extends Merge<
-    Merge<
-      limestone_Marquee_MarqueeControllerProps,
-      spotlight_Spottable_SpottableProps
-    >,
-    limestone_Skinnable_SkinnableProps
-  > {}
+export interface CardDecoratorProps extends Merge<
+  Merge<
+    limestone_Marquee_MarqueeControllerProps,
+    spotlight_Spottable_SpottableProps
+  >,
+  limestone_Skinnable_SkinnableProps
+> {}
 export function CardDecorator<P>(
   Component: React.ComponentType<P> | string,
 ): React.ComponentType<P & CardDecoratorProps>;