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

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

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import type { ViewProps } from '@instructure/ui-view';
+import type { ViewProps } from '@instructure/ui-view/v11_6';
 import type { TagProps } from './props';
 /**
 ---

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tag/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAO3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC;;;;GAIG;AAEH,cACM,GAAI,SAAQ,SAAS,CAAC,QAAQ,CAAC;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,SAAQ;IAEnC,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,OAAO,YAEV;IAED,KAAK,aAEJ;IAED,WAAW,GAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,UAStD;IAED,SAAS,GAAI,SAAS,OAAO,GAAG,IAAI,UAMnC;IAED,MAAM;CAsCP;AAED,eAAe,GAAG,CAAA;AAClB,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/types/Tag/{props.d.ts → v1/props.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ViewProps } from '@instructure/ui-view';
+import type { ViewProps } from '@instructure/ui-view/v11_6';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { OtherHTMLAttributes, TagTheme } from '@instructure/shared-types';
 type TagOwnProps = {

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tag/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAE9E,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,IAAI,CAAA;IAChE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,WAAW,CAAA;AAEjC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,QAAQ,GAAG,WAAW,GACzB,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAClC,mBAAmB,CAAC,WAAW,CAAC,CAAA;AAElC,KAAK,QAAQ,GAAG,cAAc,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;AACvD,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tag/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GAAI,gBAAgB,QAAQ,EAAE,OAAO,QAAQ,KAAG,QAwLlE,CAAA;AAED,eAAe,aAAa,CAAA"}

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

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

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

@@ -0,0 +1,48 @@
+import { Component } from 'react';
+import type { ViewProps } from '@instructure/ui-view/latest';
+import type { TagProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class Tag extends Component<TagProps> {
+    static readonly componentId = "Tag";
+    static allowedProps: readonly (keyof {
+        className?: string;
+        text: string | React.ReactNode;
+        title?: string;
+        disabled?: boolean;
+        readOnly?: boolean;
+        dismissible?: boolean;
+        margin?: import("@instructure/emotion").Spacing;
+        onClick?: (event: React.MouseEvent<ViewProps & Element>) => void;
+        elementRef?: (element: Element | null) => void;
+        size?: "small" | "medium" | "large";
+        variant?: "default" | "inline";
+    })[];
+    static defaultProps: {
+        size: string;
+        dismissible: boolean;
+        variant: string;
+        disabled: boolean;
+        readOnly: boolean;
+    };
+    state: {
+        iconHovered: boolean;
+    };
+    ref: Element | null;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    get focused(): boolean;
+    focus: () => void;
+    handleIconMouseEnter: () => void;
+    handleIconMouseLeave: () => void;
+    handleClick: (e: React.MouseEvent<ViewProps & Element>) => void;
+    handleRef: (element: Element | null) => void;
+    getIconSize: () => "xs" | "sm" | "md";
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default Tag;
+export { Tag };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tag/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAM5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC;;;;GAIG;AAEH,cACM,GAAI,SAAQ,SAAS,CAAC,QAAQ,CAAC;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,SAAQ;IAEnC,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,KAAK;;MAEJ;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,OAAO,YAEV;IAED,KAAK,aAEJ;IAED,oBAAoB,aAEnB;IAED,oBAAoB,aAEnB;IAED,WAAW,GAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,UAStD;IAED,SAAS,GAAI,SAAS,OAAO,GAAG,IAAI,UAMnC;IAED,WAAW,2BAcV;IAED,MAAM;CAuDP;AAED,eAAe,GAAG,CAAA;AAClB,OAAO,EAAE,GAAG,EAAE,CAAA"}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import type { ViewProps } from '@instructure/ui-view/latest';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { OtherHTMLAttributes, TagTheme } from '@instructure/shared-types';
+type TagOwnProps = {
+    className?: string;
+    text: string | React.ReactNode;
+    /**
+     * @deprecated since version 10
+     * Use of the title attribute is highly problematic due to accessibility concerns
+     */
+    title?: string;
+    /**
+     * Whether or not to disable the tag
+     */
+    disabled?: boolean;
+    /**
+     * Works just like disabled but keeps the same styles as if it were active
+     */
+    readOnly?: boolean;
+    dismissible?: boolean;
+    /**
+     * Valid values are `0`, `none`, `auto`, `xxxx-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;
+    /**
+     * If you add an onClick prop, Tag renders as a clickable button
+     */
+    onClick?: (event: React.MouseEvent<ViewProps & Element>) => void;
+    /**
+     * Provides a reference to the underlying html root element
+     */
+    elementRef?: (element: Element | null) => void;
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'default' | 'inline';
+};
+type PropKeys = keyof TagOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type TagProps = TagOwnProps & WithStyleProps<TagTheme, TagStyle> & OtherHTMLAttributes<TagOwnProps>;
+type TagStyle = ComponentStyle<'tag' | 'text' | 'icon'>;
+declare const allowedProps: AllowedPropKeys;
+export type { TagProps, TagStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tag/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAE9E,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,IAAI,CAAA;IAChE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,WAAW,CAAA;AAEjC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,QAAQ,GAAG,WAAW,GACzB,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAClC,mBAAmB,CAAC,WAAW,CAAC,CAAA;AAElC,KAAK,QAAQ,GAAG,cAAc,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;AACvD,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,15 @@
+import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
+import type { TagProps, TagStyle } 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
+ * @param  {Object} sharedTokens the state 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["Tag"], props: TagProps, sharedTokens: SharedTokens) => TagStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tag/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGjD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,KAAK,CAAC,EACxC,OAAO,QAAQ,EACf,cAAc,YAAY,KACzB,QA8KF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/exports/a.d.ts

@@ -0,0 +1,3 @@
+export { Tag } from '../Tag/v1';
+export type { TagProps } from '../Tag/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,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,YAAY,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA"}

package/types/exports/b.d.ts

@@ -0,0 +1,3 @@
+export { Tag } from '../Tag/v2';
+export type { TagProps } from '../Tag/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,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,YAAY,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tag/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC;;;;GAIG;AAEH,cACM,GAAI,SAAQ,SAAS,CAAC,QAAQ,CAAC;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,SAAQ;IAEnC,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,OAAO,YAEV;IAED,KAAK,aAEJ;IAED,WAAW,GAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,UAStD;IAED,SAAS,GAAI,SAAS,OAAO,GAAG,IAAI,UAMnC;IAED,MAAM;CAsCP;AAED,eAAe,GAAG,CAAA;AAClB,OAAO,EAAE,GAAG,EAAE,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Tag/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAE9E,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,IAAI,CAAA;IAChE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,WAAW,CAAA;AAEjC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,QAAQ,GAAG,WAAW,GACzB,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAClC,mBAAmB,CAAC,WAAW,CAAC,CAAA;AAElC,KAAK,QAAQ,GAAG,cAAc,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;AACvD,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Tag/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GAAI,gBAAgB,QAAQ,EAAE,OAAO,QAAQ,KAAG,QAwLlE,CAAA;AAED,eAAe,aAAa,CAAA"}

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

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

package/types/index.d.ts

@@ -1,3 +0,0 @@
-export { Tag } from './Tag';
-export type { TagProps } from './Tag/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,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA"}