@7shifts/sous-chef 3.19.2-beta.1 → 3.20.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/actions/PaginationControls/constants.d.ts +4 -0
- package/dist/feedback/Skeleton/Skeleton.d.ts +13 -0
- package/dist/feedback/Skeleton/constants.d.ts +9 -0
- package/dist/feedback/Skeleton/index.d.ts +1 -0
- package/dist/feedback/Skeleton/types.d.ts +1 -0
- package/dist/forms/DateRangeField/DateRangeCalendar/DateRangeCalendar.d.ts +0 -1
- package/dist/icons/components/IconRocket.d.ts +12 -0
- package/dist/icons/components/index.d.ts +1 -0
- package/dist/index.css +214 -901
- package/dist/index.js +263 -234
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +264 -235
- package/dist/index.modern.js.map +1 -1
- package/dist/overlay/Calendar/Calendar.d.ts +0 -2
- package/dist/typography/KeyboardKey/KeyboardKey.d.ts +6 -0
- package/dist/typography/KeyboardKey/index.d.ts +1 -0
- package/dist/utils/date.d.ts +2 -2
- package/dist/utils/dom.d.ts +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SkeletonComponent } from './types';
|
|
2
|
+
import { PositionStyles } from '../../foundation/types';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
/** Set the skeleton shape to match an existing Sous-Chef component */
|
|
5
|
+
as?: SkeletonComponent;
|
|
6
|
+
/** Set a custom height on the Skeleton component */
|
|
7
|
+
height?: string | number;
|
|
8
|
+
/** Set a custom width on the Skeleton component */
|
|
9
|
+
width?: string | number;
|
|
10
|
+
testId?: string;
|
|
11
|
+
} & PositionStyles;
|
|
12
|
+
declare const Skeleton: ({ as, testId, width, height, ...positionStyles }: Props) => JSX.Element;
|
|
13
|
+
export default Skeleton;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const SKELETON_COMPONENT: {
|
|
2
|
+
readonly AVATAR: "avatar";
|
|
3
|
+
readonly AVATAR_SMALL: "avatar--small";
|
|
4
|
+
readonly AVATAR_MEDIUM: "avatar--medium";
|
|
5
|
+
readonly AVATAR_LARGE: "avatar--large";
|
|
6
|
+
readonly AVATAR_XLARGE: "avatar--xlarge";
|
|
7
|
+
readonly BUTTON: "button";
|
|
8
|
+
readonly PILL: "pill";
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Skeleton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type SkeletonComponent = 'avatar' | 'avatar--small' | 'avatar--medium' | 'avatar--large' | 'avatar--xlarge' | 'button' | 'pill';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconSize } from '../types';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
size?: IconSize;
|
|
5
|
+
color?: string;
|
|
6
|
+
testId?: string;
|
|
7
|
+
} & React.SVGProps<SVGSVGElement>;
|
|
8
|
+
declare const IconRocket: {
|
|
9
|
+
({ testId, ...props }: Props): JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export default IconRocket;
|
|
@@ -106,6 +106,7 @@ export { default as IconPrint } from './IconPrint';
|
|
|
106
106
|
export { default as IconQuestionCircle } from './IconQuestionCircle';
|
|
107
107
|
export { default as IconRepeat } from './IconRepeat';
|
|
108
108
|
export { default as IconReply } from './IconReply';
|
|
109
|
+
export { default as IconRocket } from './IconRocket';
|
|
109
110
|
export { default as IconSearch } from './IconSearch';
|
|
110
111
|
export { default as IconSignOut } from './IconSignOut';
|
|
111
112
|
export { default as IconSitemap } from './IconSitemap';
|