New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@instructure/ui-elements

Package Overview
Dependencies
Maintainers
35
Versions
928
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@instructure/ui-elements - npm Package Compare versions

Comparing version

6.16.1-rc.45
to
6.16.1-rc.46

50

package.json
{
"name": "@instructure/ui-elements",
"version": "6.16.1-rc.45+5f66affb8",
"version": "6.16.1-rc.46+bd78d0b2d",
"description": "A UI component library made by Instructure Inc.",

@@ -25,28 +25,28 @@ "author": "Instructure, Inc. Engineering and Product Design",

"devDependencies": {
"@instructure/ui-babel-preset": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-color-utils": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-test-locator": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-test-queries": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-test-utils": "6.16.1-rc.45+5f66affb8"
"@instructure/ui-babel-preset": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-color-utils": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-test-locator": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-test-queries": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-test-utils": "6.16.1-rc.46+bd78d0b2d"
},
"dependencies": {
"@babel/runtime": "^7.5.0",
"@instructure/console": "6.16.1-rc.45+5f66affb8",
"@instructure/debounce": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-a11y-content": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-a11y-utils": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-dom-utils": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-focusable": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-icons": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-layout": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-motion": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-overlays": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-prop-types": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-react-utils": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-spinner": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-testable": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-themeable": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-utils": "6.16.1-rc.45+5f66affb8",
"@instructure/ui-view": "6.16.1-rc.45+5f66affb8",
"@instructure/uid": "6.16.1-rc.45+5f66affb8",
"@instructure/console": "6.16.1-rc.46+bd78d0b2d",
"@instructure/debounce": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-a11y-content": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-a11y-utils": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-dom-utils": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-focusable": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-icons": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-layout": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-motion": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-overlays": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-prop-types": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-react-utils": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-spinner": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-testable": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-themeable": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-utils": "6.16.1-rc.46+bd78d0b2d",
"@instructure/ui-view": "6.16.1-rc.46+bd78d0b2d",
"@instructure/uid": "6.16.1-rc.46+bd78d0b2d",
"classnames": "^2",

@@ -63,3 +63,3 @@ "escape-html": "^1",

"sideEffects": false,
"gitHead": "5f66affb87be10e737020c617469d672699aa376"
"gitHead": "bd78d0b2d81e15ca1dd7d577d5c367af045c579c"
}

84

types/index.d.ts
import * as React from 'react';
export type AvatarSize = "auto" | "x-small" | "small" | "medium" | "large" | "x-large";
export type AvatarVariant = "circle" | "rectangle";
export interface AvatarProps {
name: string;
/**
* URL of the image to display as the background image
*/
src?: string;
/**
* Accessible label
*/
alt?: string;
size?: AvatarSize;
variant?: AvatarVariant;
/**
* 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?: any;
inline?: boolean;
/**
* Callback fired when the avatar image has loaded
*/
onImageLoaded?: (...args: any[])=>any;
/**
* the element type to render as
*/
as?: any;
elementRef?: (...args: any[])=>any;
}
export class Avatar extends React.Component<AvatarProps, any> {
render(): JSX.Element;
}
export type BadgeType = "count" | "notification";

@@ -273,44 +315,2 @@

export type AvatarSize = "auto" | "x-small" | "small" | "medium" | "large" | "x-large";
export type AvatarVariant = "circle" | "rectangle";
export interface AvatarProps {
name: string;
/**
* URL of the image to display as the background image
*/
src?: string;
/**
* Accessible label
*/
alt?: string;
size?: AvatarSize;
variant?: AvatarVariant;
/**
* 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?: any;
inline?: boolean;
/**
* Callback fired when the avatar image has loaded
*/
onImageLoaded?: (...args: any[])=>any;
/**
* the element type to render as
*/
as?: any;
elementRef?: (...args: any[])=>any;
}
export class Avatar extends React.Component<AvatarProps, any> {
render(): JSX.Element;
}
export type ProgressSize = "x-small" | "small" | "medium" | "large";

@@ -317,0 +317,0 @@