react-spectrum icon indicating copy to clipboard operation
react-spectrum copied to clipboard

Published 20 hours ago • verified publisher icon adobe

(DNM) RSP Toast with priority

Open LFDanLu opened this issue 1 year ago • 4 comments

Closes

✅ Pull Request Checklist:

  • [ ] Included link to corresponding React Spectrum GitHub Issue.
  • [ ] Added/updated unit tests and storybook for this change (for new code or code which already has tests).
  • [ ] Filled out test instructions.
  • [ ] Updated documentation (if it already exists for this component).
  • [ ] Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

LFDanLu avatar Apr 29 '24 23:04 LFDanLu

Build successful! 🎉

rspbot avatar Apr 29 '24 23:04 rspbot

@ktabors yep, thats because we have the flex-direction: column applied, I'll push a commit with that changed so it shows the higher priority ones at the bottom

LFDanLu avatar Apr 30 '24 00:04 LFDanLu

Build successful! 🎉

rspbot avatar Apr 30 '24 00:04 rspbot

## API Changes

unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any', access: 'private' } unknown top level export { type: 'any', access: 'private' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'identifier', name: 'Column' } unknown top level export { type: 'identifier', name: 'Column' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown type { type: 'link' } unknown type { type: 'link' } unknown type { type: 'link' } unknown type { type: 'link' } unknown type { type: 'link' } unknown type { type: 'link' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' }

@react-aria/color

useColorSwatch

changed by:

  • AriaColorSwatchProps
  • ColorSwatchAria
-useColorSwatch {
-  props: AriaColorSwatchProps
-  returnVal: undefined
-}
+

useColorChannelField

changed by:

  • AriaColorChannelFieldProps
  • ColorChannelFieldAria
-useColorChannelField {
-  props: AriaColorChannelFieldProps
-  state: ColorChannelFieldState
-  inputRef: RefObject<HTMLInputElement>
-  returnVal: undefined
-}
+

ColorAreaAria

 ColorAreaAria {
   colorAreaProps: DOMAttributes
+  gradientProps: DOMAttributes
   thumbProps: DOMAttributes
   xInputProps: InputHTMLAttributes<HTMLInputElement>
   yInputProps: InputHTMLAttributes<HTMLInputElement>
 }

it changed:

  • useColorArea

ColorFieldAria

 ColorFieldAria {
-  descriptionProps: DOMAttributes
-  errorMessageProps: DOMAttributes
-  inputProps: InputHTMLAttributes<HTMLInputElement>
+  inputProps: HTMLAttributes<HTMLInputElement>
   labelProps: LabelHTMLAttributes<HTMLLabelElement>
 }

it changed:

  • useColorField

AriaColorSwatchProps

-AriaColorSwatchProps {
-  color?: string | Color | null
-  colorName?: string
-}
+

it changed:

  • useColorSwatch

ColorSwatchAria

-ColorSwatchAria {
-  color: Color
-  colorSwatchProps: HTMLAttributes<HTMLElement>
-}
+

it changed:

  • useColorSwatch

AriaColorChannelFieldProps

-AriaColorChannelFieldProps {
 
-}

it changed:

  • useColorChannelField

ColorChannelFieldAria

-ColorChannelFieldAria {
 
-}

it changed:

  • useColorChannelField

@react-aria/combobox

AriaComboBoxProps

 AriaComboBoxProps<T> {
   allowsCustomValue?: boolean
   defaultInputValue?: string
   defaultItems?: Iterable<T>
   inputValue?: string
   items?: Iterable<T>
   menuTrigger?: MenuTriggerAction = 'input'
   onInputChange?: (string) => void
   onOpenChange?: (boolean, MenuTriggerAction) => void
-  onSelectionChange?: (Key | null) => void
+  onSelectionChange?: (Key | null) => any
   shouldFocusWrap?: boolean
 }

@react-aria/focus

isFocusable

-isFocusable {
-  element: HTMLElement
-  returnVal: undefined
-}
+

@react-aria/menu

useSubmenuTrigger

-useSubmenuTrigger<T> {
-  props: AriaSubmenuTriggerProps
-  state: SubmenuTriggerState
-  ref: RefObject<FocusableElement>
-  returnVal: undefined
-}
+

UNSTABLE_useSubmenuTrigger

-
+UNSTABLE_useSubmenuTrigger<T> {
+  props: AriaSubmenuTriggerProps
+  state: SubmenuTriggerState
+  ref: RefObject<FocusableElement>
+  returnVal: undefined
+}

@react-aria/overlays

UNSTABLE_PortalProvider

-UNSTABLE_PortalProvider {
 
-}

useUNSTABLE_PortalContext

-useUNSTABLE_PortalContext {
-  returnVal: undefined
-}
+

@react-aria/tree

TreeGridListItemAria

 TreeGridListItemAria {
   descriptionProps: DOMAttributes
-  expandButtonProps: AriaButtonProps
   gridCellProps: DOMAttributes
   rowProps: DOMAttributes
 }

it changed:

  • useTreeGridListItem

@react-spectrum/color

ColorArea

-ColorSwatch {
-  rounding?: 'default' | 'none' | 'full' = "default"
-  size?: 'XS' | 'S' | 'M' | 'L' = "M"
-}
+

ColorWheel

-ColorPicker {
-  children?: ReactNode
-  label?: ReactNode
-  rounding?: 'default' | 'none' | 'full' = "default"
-  size?: 'XS' | 'S' | 'M' | 'L' = "M"
-}
+

ColorSlider

-ColorEditor {
-  hideAlphaChannel?: boolean
-}
+

ColorField

-ColorSwatchPicker {
-  children: ReactNode
-  density?: 'compact' | 'regular' | 'spacious' = "regular"
-  rounding?: 'none' | 'default' | 'full' = "none"
-  size?: 'XS' | 'S' | 'M' | 'L' = "M"
-}
+

ColorSwatch

-parseColor {
-  value: string
-  returnVal: undefined
-}
+

ColorPicker

-getColorChannels {
-  colorSpace: ColorSpace
-  returnVal: undefined
-}
+

ColorEditor

 SpectrumColorAreaProps {
-  colorSpace?: ColorSpace
   isDisabled?: boolean
   onChange?: (Color) => void
   onChangeEnd?: (Color) => void
   size?: DimensionValue
   xName?: string
   yChannel?: ColorChannel
   yName?: string
 }

ColorSwatchPicker

 SpectrumColorFieldProps {
-  channel?: ColorChannel
-  colorSpace?: ColorSpace
   isQuiet?: boolean
   isWheelDisabled?: boolean
   onChange?: (Color | null) => void
 }

parseColor

 SpectrumColorSliderProps {
   channel: ColorChannel
-  colorSpace?: ColorSpace
   contextualHelp?: ReactNode
   onChange?: (Color) => void
   onChangeEnd?: (Color) => void
   showValueLabel?: boolean

SpectrumColorAreaProps

changed by:

  • Color
  • Color
-SpectrumColorSwatchProps {
-  rounding?: 'default' | 'none' | 'full' = "default"
-  size?: 'XS' | 'S' | 'M' | 'L' = "M"
-}
+

SpectrumColorFieldProps

changed by:

  • Color
  • Color
-SpectrumColorPickerProps {
-  children?: ReactNode
-  label?: ReactNode
-  rounding?: 'default' | 'none' | 'full' = "default"
-  size?: 'XS' | 'S' | 'M' | 'L' = "M"
-}
+

SpectrumColorSliderProps

changed by:

  • Color
  • Color
-SpectrumColorEditorProps {
-  hideAlphaChannel?: boolean
-}
+

SpectrumColorWheelProps

changed by:

  • Color
  • Color
-SpectrumColorSwatchPickerProps {
-  children: ReactNode
-  density?: 'compact' | 'regular' | 'spacious' = "regular"
-  rounding?: 'none' | 'default' | 'full' = "none"
-  size?: 'XS' | 'S' | 'M' | 'L' = "M"
-}
+

SpectrumColorSwatchProps

-Color {
-  clone: () => Color
-  formatChannelValue: (ColorChannel, string) => string
-  getChannelFormatOptions: (ColorChannel) => Intl.NumberFormatOptions
-  getChannelName: (ColorChannel, string) => string
-  getChannelRange: (ColorChannel) => ColorChannelRange
-  getChannelValue: (ColorChannel) => number
-  getColorChannels: () => [ColorChannel, ColorChannel, ColorChannel]
-  getColorName: (string) => string
-  getColorSpace: () => ColorSpace
-  getColorSpaceAxes: ({
-    xChannel?: ColorChannel
-  yChannel?: ColorChannel
-}) => ColorAxes
-  getHueName: (string) => string
-  toFormat: (ColorFormat) => Color
-  toHexInt: () => number
-  toString: (ColorFormat | 'css') => string
-  withChannelValue: (ColorChannel, number) => Color
-}
+

SpectrumColorPickerProps

-ColorSpace {
-  C: undefined
-}
+

SpectrumColorEditorProps

-ColorFormat {
-  C: undefined
-}
+

@react-spectrum/combobox

Section

 SpectrumComboBoxProps<T> {
   align?: 'start' | 'end' = 'end'
   allowsCustomValue?: boolean
   defaultInputValue?: string
   defaultItems?: Iterable<T>
   direction?: 'bottom' | 'top' = 'bottom'
   formValue?: 'text' | 'key' = 'text'
   inputValue?: string
   isQuiet?: boolean
   items?: Iterable<T>
   loadingState?: LoadingState
   menuTrigger?: MenuTriggerAction = 'input'
   menuWidth?: DimensionValue
   onInputChange?: (string) => void
   onOpenChange?: (boolean, MenuTriggerAction) => void
-  onSelectionChange?: (Key | null) => void
+  onSelectionChange?: (Key | null) => any
   shouldFlip?: boolean = true
   shouldFocusWrap?: boolean
 }

@react-spectrum/meter

Meter

 SpectrumMeterProps {
-  variant?: 'informative' | 'positive' | 'warning' | 'critical' = 'informative'
+  variant: 'positive' | 'warning' | 'critical'
 }

@react-stately/color

ColorSliderState

 ColorSliderState {
   getDisplayColor: () => Color
-  isDragging: boolean
   setValue: (string | Color) => void
   value: Color
 }

it changed:

  • useColorSliderState

ColorWheelState

 ColorWheelState {
   decrement: (number) => void
   getDisplayColor: () => Color
   getThumbPosition: (number) => {
     x: number
   y: number
 }
   hue: number
   increment: (number) => void
-  isDisabled: boolean
   isDragging: boolean
   pageStep: number
   setDragging: (boolean) => void
   setHue: (number) => void
   setValue: (string | Color) => void
   step: number
   value: Color
 }

it changed:

  • useColorWheelState

ColorChannelFieldProps

-ColorChannelFieldProps {
-  channel: ColorChannel
-  colorSpace?: ColorSpace
-}
+

ColorChannelFieldState

-ColorChannelFieldState {
-  colorValue: Color
-}
+

it changed:

  • useColorChannelFieldState

ColorChannelFieldStateOptions

-ColorChannelFieldStateOptions {
-  channel: ColorChannel
-  colorSpace?: ColorSpace
-  locale: string
-}
+

it changed:

  • useColorChannelFieldState

ColorPickerProps

-ColorPickerProps {
 
-}

it changed:

  • useColorPickerState

ColorPickerState

-ColorPickerState {
-  color: Color
-  setColor: (Color | null) => void
-}
+

it changed:

  • useColorPickerState

getColorChannels

-getColorChannels {
-  colorSpace: ColorSpace
-  returnVal: undefined
-}
+

useColorChannelFieldState

changed by:

  • ColorChannelFieldStateOptions
  • ColorChannelFieldState
-useColorChannelFieldState {
-  props: ColorChannelFieldStateOptions
-  returnVal: undefined
-}
+

useColorPickerState

changed by:

  • ColorPickerProps
  • ColorPickerState
-useColorPickerState {
-  props: ColorPickerProps
-  returnVal: undefined
-}
+

Color

changed by:

  • Color
 Color {
   clone: () => Color
   formatChannelValue: (ColorChannel, string) => string
-  getChannelFormatOptions: (ColorChannel) => Intl.NumberFormatOptions
   getChannelName: (ColorChannel, string) => string
   getChannelRange: (ColorChannel) => ColorChannelRange
   getChannelValue: (ColorChannel) => number
   getColorChannels: () => [ColorChannel, ColorChannel, ColorChannel]
   getColorName: (string) => string
-  getColorSpace: () => ColorSpace
+  getColorSpace: () => ColorFormat
   getColorSpaceAxes: ({
     xChannel?: ColorChannel
   yChannel?: ColorChannel
 }) => ColorAxes
   toFormat: (ColorFormat) => Color
   toHexInt: () => number
   toString: (ColorFormat | 'css') => string
   withChannelValue: (ColorChannel, number) => Color
 }

it changed:

  • AriaColorFieldProps
  • SpectrumColorAreaProps
  • SpectrumColorFieldProps
  • SpectrumColorSliderProps
  • SpectrumColorWheelProps
  • Color
  • ColorAreaProps
  • ColorFieldProps
  • ColorWheelProps

ColorAreaProps

changed by:

  • Color
  • Color
 ColorAreaProps {
-  colorSpace?: ColorSpace
   isDisabled?: boolean
   onChange?: (Color) => void
   onChangeEnd?: (Color) => void
   xChannel?: ColorChannel
 }

@react-stately/menu

useSubmenuTriggerState

-useSubmenuTriggerState {
-  props: SubmenuTriggerProps
-  state: RootMenuTriggerState
-  returnVal: undefined
-}
+

RootMenuTriggerState

 RootMenuTriggerState {
+  UNSTABLE_closeSubmenu: (Key, number) => void
+  UNSTABLE_expandedKeysStack: Array<Key>
+  UNSTABLE_openSubmenu: (Key, number) => void
   close: () => void
-  closeSubmenu: (Key, number) => void
-  expandedKeysStack: Array<Key>
   focusStrategy: FocusStrategy
   open: (FocusStrategy | null) => void
-  openSubmenu: (Key, number) => void
   toggle: (FocusStrategy | null) => void
 }

it changed:

  • useMenuTriggerState

UNSTABLE_useSubmenuTriggerState

-
+UNSTABLE_useSubmenuTriggerState {
+  props: SubmenuTriggerProps
+  state: RootMenuTriggerState
+  returnVal: undefined
+}

rspbot avatar Apr 30 '24 00:04 rspbot