@reapit/elements 4.0.5 → 4.1.1

package/dist/esm/storybook/render-html-markup.d.ts

@@ -1,8 +1,5 @@
-import React from 'react';
-type RenderHtmlMarkupProps = {
-    component: string;
-    story: string | string[];
-    label?: string;
-};
-export declare const RenderHtmlMarkup: ({ component, story, label }: RenderHtmlMarkupProps) => React.JSX.Element;
-export {};
+import { Dispatch, FC, SetStateAction } from 'react';
+import { SourceProps } from '@storybook/blocks';
+import { Args, Renderer, StoryContextForLoaders } from '@storybook/types';
+export declare const handleTransform: (setStoryContext: Dispatch<SetStateAction<StoryContextForLoaders<Renderer, Args> | null>>, storyContext: StoryContextForLoaders<Renderer, Args> | null, html: string) => (code: string, context: StoryContextForLoaders<Renderer, Args>) => string;
+export declare const RenderHtmlMarkup: FC<SourceProps>;

package/dist/esm/styles/flexbox.stories.d.ts

@@ -0,0 +1,116 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Flex: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IsFlexColumn: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexRow: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexRowReverse: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexColumn: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexColumnReverse: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexWrap: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexNoWrap: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexWrapReverse: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const Flex1: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexAuto: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexInitial: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexGrow: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexGrow0: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexShrink: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexShrink0: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexJustifyCenter: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexJustifyStart: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexJustifyEnd: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexJustifyBetween: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexJustifyAround: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexJustifyEvenly: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexAlignCenter: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexAlignStart: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexAlignEnd: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexAlignSelfCenter: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexAlignSelfStart: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FlexAlignSelfEnd: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/esm/styles/globals.d.ts

@@ -5,6 +5,7 @@ export declare const intentPending = "#ffa000";
 export declare const intentWarning = "#ff6000";
 export declare const intentDanger = "#f01830";
 export declare const intentDefault = "#607890";
+/** @peprecated - to remove in v5. */
 export declare const intentCritical = "##4e56ea";
 export declare const intentSecondary = "#4e56ea";
 export declare const elGlobals: import("@linaria/core").LinariaClassName;

package/dist/esm/styles/intent.d.ts

@@ -5,6 +5,9 @@ export declare const elIntentPending: import("@linaria/core").LinariaClassName;
 export declare const elIntentWarning: import("@linaria/core").LinariaClassName;
 export declare const elIntentDanger: import("@linaria/core").LinariaClassName;
 export declare const elIntentDefault: import("@linaria/core").LinariaClassName;
+/** @deprecated - will be removed in v5 */
 export declare const elIntentLow: import("@linaria/core").LinariaClassName;
+/** @deprecated - will be removed in v5 */
 export declare const elIntentSecondary: import("@linaria/core").LinariaClassName;
+/** @deprecated - will be removed in v5 */
 export declare const elIntentCritical: import("@linaria/core").LinariaClassName;

package/dist/esm/styles/theming.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const BasicExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/styles/utilities.stories.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Margin: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Padding: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const HeightAndWidth: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BorderRadiusAndBoxShadow: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};