@inglorious/ui 6.0.0 → 7.0.0

package/types/data-display/carousel.d.ts

@@ -0,0 +1,72 @@
+import type { TemplateResult, Api } from "@inglorious/web"
+
+export type CarouselAxis = "x" | "y"
+export type CarouselGap = "none" | "sm" | "md" | "lg" | "xl"
+export type CarouselAlign = "stretch" | "start" | "center" | "end"
+export type CarouselDirection = "previous" | "next"
+export type CarouselArrowPlacement = "inside" | "outside"
+export type CarouselArrowVariant = "default" | "outline" | "ghost"
+export type CarouselArrowColor =
+  | "primary"
+  | "secondary"
+  | "success"
+  | "warning"
+  | "error"
+  | "info"
+
+export interface CarouselProps {
+  id?: string
+  type?: string
+  label?: string
+
+  items?: unknown[]
+  /** Index of the item the viewport has settled on. */
+  page?: number
+  /** How many items are rotated off the front (infinite carousels only). */
+  rotation?: number
+
+  /** Wrap past the ends by rotating the items instead of stopping. */
+  isInfinite?: boolean
+
+  axis?: CarouselAxis
+  gap?: CarouselGap
+  align?: CarouselAlign
+
+  /** Whether the arrows float over the slides or sit beside them. */
+  arrowPlacement?: CarouselArrowPlacement
+  /** Button variant used for the arrows. */
+  arrowVariant?: CarouselArrowVariant
+  /** Button color used for the arrows. */
+  arrowColor?: CarouselArrowColor
+
+  hasArrows?: boolean
+  hasIndicators?: boolean
+  isFullWidth?: boolean
+
+  onPageChange?: (page: number) => void
+  [key: string]: unknown
+}
+
+export interface CarouselType {
+  create(entity: CarouselProps): void
+  indicatorSelect(
+    props: CarouselProps,
+    index: number,
+    viewport: HTMLElement | null | undefined,
+  ): void
+  pageChange(entity: CarouselProps, page: number): void
+  rotate(entity: CarouselProps, step: number): void
+
+  render(entity: CarouselProps, api: Api): TemplateResult
+  renderCarousel(props: CarouselProps): TemplateResult
+  renderViewport(props: CarouselProps): TemplateResult
+  renderItem(props: CarouselProps, item: unknown, index: number): TemplateResult
+  renderArrow(
+    props: CarouselProps,
+    direction: CarouselDirection,
+  ): TemplateResult
+  renderIndicators(props: CarouselProps): TemplateResult
+  renderIndicator(props: CarouselProps, index: number): TemplateResult
+}
+
+export declare const Carousel: CarouselType

package/types/index.d.ts

@@ -18,6 +18,8 @@ export type { RatingProps, RatingType } from "./controls/rating"
 export type { SelectProps, SelectType, SelectOption } from "./controls/select"
 export type { SliderProps, SliderType } from "./controls/slider"
 export type { SwitchProps, SwitchType } from "./controls/switch"
+export type { TextareaProps, TextareaType } from "./controls/textarea"
+export type { FileUploadProps, FileUploadType } from "./controls/file-upload"
 export type { ContainerProps, ContainerType } from "./layout/container"
 export type { FlexProps, FlexType } from "./layout/flex"
 export type { GridProps, GridType } from "./layout/grid"

package/types/layout/flex.d.ts

@@ -18,6 +18,7 @@ export interface FlexProps {
   align?: "stretch" | "start" | "center" | "end" | "baseline"
   gap?: "none" | "sm" | "md" | "lg" | "xl"
   padding?: "none" | "sm" | "md" | "lg" | "xl"
+  overflow?: "visible" | "hidden" | "clip" | "scroll" | "auto"
   isInline?: boolean
   isFullWidth?: boolean
   children?: Array<TemplateResult | string | number>