@instructure/ui-pill 11.6.0 → 11.6.1-snapshot-129

package/types/Pill/{index.d.ts → v1/index.d.ts}

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import type { TooltipRenderChildrenArgs } from '@instructure/ui-tooltip';
+import type { TooltipRenderChildrenArgs } from '@instructure/ui-tooltip/v11_6';
 import type { PillProps, PillState } from './props';
 /**
 ---

package/types/Pill/v1/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pill/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAO9E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAChD,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAO;gBAE1B,KAAK,EAAE,SAAS;IAQ5B,iBAAiB;IAKjB,kBAAkB;IAIlB,aAAa;IAQb,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,UAAU,CACR,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC9C,eAAe,CAAC,EAAE,yBAAyB,CAAC,iBAAiB,CAAC;IA4DhE,MAAM;CAuBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Pill/v1/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pill/v1/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,CAAA;AACD,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAC7B,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CACjD,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,KAAK,SAAS,GAAG;IACf,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Pill/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Pill/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,SAAS,EACzB,OAAO,SAAS,KACf,SAyEF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Pill/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Pill/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,SAiC9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/Pill/v2/index.d.ts

@@ -0,0 +1,36 @@
+import { Component } from 'react';
+import type { TooltipRenderChildrenArgs } from '@instructure/ui-tooltip/latest';
+import type { PillProps, PillState } from './props';
+/**
+---
+category: components
+---
+**/
+declare class Pill extends Component<PillProps, PillState> {
+    static readonly componentId = "Pill";
+    static allowedProps: readonly (keyof {
+        as?: import("@instructure/shared-types").AsElementType;
+        color?: "primary" | "success" | "info" | "warning" | "error";
+        elementRef?: (element: Element | null) => void;
+        margin?: import("@instructure/emotion").Spacing;
+        children: React.ReactNode;
+        statusLabel?: string;
+        renderIcon?: React.ReactNode;
+    })[];
+    static defaultProps: {
+        color: string;
+    };
+    ref: Element | null;
+    ellipsisRef: HTMLElement | null;
+    constructor(props: PillProps);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    setTruncation(): void;
+    handleRef: (el: Element | null) => void;
+    renderPill(focused?: TooltipRenderChildrenArgs['focused'], getTriggerProps?: TooltipRenderChildrenArgs['getTriggerProps']): import("@emotion/react/jsx-runtime").JSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default Pill;
+export { Pill };
+export type { PillProps };
+//# sourceMappingURL=index.d.ts.map

package/types/Pill/v2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pill/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAM/E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AAEH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAChD,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAO;gBAE1B,KAAK,EAAE,SAAS;IAQ5B,iBAAiB;IAKjB,kBAAkB;IAIlB,aAAa;IAQb,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,UAAU,CACR,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC9C,eAAe,CAAC,EAAE,yBAAyB,CAAC,iBAAiB,CAAC;IA4DhE,MAAM;CAuBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA;AACf,YAAY,EAAE,SAAS,EAAE,CAAA"}

package/types/Pill/v2/props.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { AsElementType, PillTheme, OtherHTMLAttributes } from '@instructure/shared-types';
+type PillOwnProps = {
+    as?: AsElementType;
+    color?: 'primary' | 'success' | 'info' | 'warning' | 'error';
+    /**
+     * Provides a reference to the underlying HTML element
+     */
+    elementRef?: (element: Element | null) => void;
+    /**
+     * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+     * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+     * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+     */
+    margin?: Spacing;
+    children: React.ReactNode;
+    /**
+     * Adds a status label to the left of the main text.
+     */
+    statusLabel?: string;
+    /**
+     * An icon displayed to the left of the text.
+     */
+    renderIcon?: React.ReactNode;
+};
+type PropKeys = keyof PillOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type PillProps = PillOwnProps & WithStyleProps<PillTheme, PillStyle> & OtherHTMLAttributes<PillOwnProps>;
+type PillStyle = ComponentStyle<'pill' | 'text' | 'maxWidth' | 'status' | 'icon'>;
+declare const allowedProps: AllowedPropKeys;
+type PillState = {
+    truncated: boolean;
+};
+export type { PillProps, PillStyle, PillState };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Pill/v2/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pill/v2/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IAC5D;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,CAAA;AACD,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAC7B,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CACjD,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,KAAK,SAAS,GAAG;IACf,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Pill/v2/styles.d.ts

@@ -0,0 +1,14 @@
+import type { NewComponentTypes } from '@instructure/ui-themes';
+import type { PillProps, PillStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: NewComponentTypes["Pill"], props: PillProps) => PillStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/Pill/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Pill/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,MAAM,CAAC,EACzC,OAAO,SAAS,KACf,SAoEF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/exports/a.d.ts

@@ -0,0 +1,3 @@
+export { Pill } from '../Pill/v1';
+export type { PillProps } from '../Pill/v1/props';
+//# sourceMappingURL=a.d.ts.map

package/types/exports/a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}

package/types/exports/b.d.ts

@@ -0,0 +1,3 @@
+export { Pill } from '../Pill/v2';
+export type { PillProps } from '../Pill/v2/props';
+//# sourceMappingURL=b.d.ts.map

package/types/exports/b.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}

package/types/Pill/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Pill/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAOxE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAChD,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAO;gBAE1B,KAAK,EAAE,SAAS;IAQ5B,iBAAiB;IAKjB,kBAAkB;IAIlB,aAAa;IAQb,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,UAAU,CACR,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC9C,eAAe,CAAC,EAAE,yBAAyB,CAAC,iBAAiB,CAAC;IA4DhE,MAAM;CAuBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Pill/props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Pill/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,CAAA;AACD,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAC7B,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CACjD,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,KAAK,SAAS,GAAG;IACf,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Pill/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Pill/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,SAAS,EACzB,OAAO,SAAS,KACf,SAyEF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Pill/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Pill/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,SAiC9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/index.d.ts

@@ -1,3 +0,0 @@
-export { Pill } from './Pill';
-export type { PillProps } from './Pill/props';
-//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA"}