@reportportal/ui-kit 0.0.1-alpha.0 → 0.0.1-alpha.2

package/dist/button.js

@@ -0,0 +1,8 @@
+import { B as o } from "./button-a4d3df83.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-e1346f99.js";
+export {
+  o as Button,
+  o as default
+};

package/dist/checkbox-3fd4bcc1.js

@@ -0,0 +1,74 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { c as m } from "./bind-e1346f99.js";
+import { useRef as d } from "react";
+var r = /* @__PURE__ */ ((c) => (c[c.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", c[c.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", c))(r || {});
+const f = "_checkbox_1gq3p_1", D = "_disabled_1gq3p_12", C = "_input_1gq3p_17", N = "_control_1gq3p_24", O = "_children_1gq3p_78", Y = {
+  checkbox: f,
+  disabled: D,
+  input: C,
+  control: N,
+  children: O
+}, n = m.bind(Y), R = ({
+  children: c,
+  disabled: e = !1,
+  onChange: i,
+  onFocus: p,
+  onBlur: E,
+  className: b,
+  value: a,
+  dataAutomationId: h,
+  form: u
+}) => {
+  const l = d(null), k = (o) => {
+    var _;
+    const { keyCode: s } = o;
+    if (s === r.SPACE_KEY_CODE) {
+      o.preventDefault();
+      return;
+    }
+    s === r.ENTER_KEY_CODE && (o.preventDefault(), (_ = l.current) == null || _.click());
+  };
+  return /* @__PURE__ */ x(
+    "label",
+    {
+      id: "rp-ui-kit-checkbox-label",
+      className: n("checkbox", b, {
+        disabled: e
+      }),
+      onFocus: p,
+      onBlur: E,
+      "data-automation-id": h,
+      children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: l,
+            tabIndex: 0,
+            type: "checkbox",
+            onKeyDown: k,
+            className: n("input"),
+            disabled: e,
+            onChange: i,
+            checked: a,
+            form: u
+          }
+        ),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            "aria-labelledby": "rp-ui-kit-checkbox-label",
+            role: "checkbox",
+            "aria-checked": a,
+            className: n("control", {
+              disabled: e
+            })
+          }
+        ),
+        c && /* @__PURE__ */ t("span", { className: n("children", { disabled: e }), children: c })
+      ]
+    }
+  );
+};
+export {
+  R as C
+};

package/dist/checkbox.js

@@ -0,0 +1,8 @@
+import { C as r } from "./checkbox-3fd4bcc1.js";
+import "react/jsx-runtime";
+import "./bind-e1346f99.js";
+import "react";
+export {
+  r as Checkbox,
+  r as default
+};

package/dist/components/button/button.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+type IconPlace = 'start' | 'end';
+type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
+interface ButtonProps {
+    children?: ReactNode;
+    icon?: string;
+    iconPlace?: IconPlace;
+    dataAutomationId?: string;
+    wide?: boolean;
+    disabled?: boolean;
+    type?: 'submit' | 'reset' | 'button';
+    onClick?: () => void;
+    form?: string;
+    title?: string;
+    className?: string;
+    variant?: ButtonVariant;
+}
+export declare const Button: FC<ButtonProps>;
+export {};

package/dist/components/button/index.d.ts

@@ -0,0 +1,3 @@
+import { Button } from './button';
+export { Button };
+export default Button;

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+interface CheckboxProps {
+    value: boolean;
+    children?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    dataAutomationId?: string;
+    onChange?: () => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    form?: string;
+}
+export declare const Checkbox: FC<CheckboxProps>;
+export {};

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import { Checkbox } from './checkbox';
+export { Checkbox };
+export default Checkbox;

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { Button } from './button';
+export { Checkbox } from './checkbox';
+export { SystemMessage } from './systemMessage';
+export { ThemeProvider } from './themeProvider';

package/dist/components/systemMessage/index.d.ts

@@ -0,0 +1,3 @@
+import { SystemMessage } from './systemMessage';
+export { SystemMessage };
+export default SystemMessage;

package/dist/components/systemMessage/systemMessage.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+type Mode = 'info' | 'warning' | 'error';
+interface SystemMessageProps {
+    children?: ReactNode;
+    mode?: Mode;
+    header?: string;
+    caption?: ReactNode;
+    widthByContent?: boolean;
+}
+export declare const SystemMessage: FC<SystemMessageProps>;
+export {};

package/dist/components/themeProvider/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProvider } from './themeProvider';
+export { ThemeProvider };
+export default ThemeProvider;

package/dist/components/themeProvider/themeProvider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type ThemeKey = 'light' | 'dark' | string;
+interface ITheme {
+    [themeKey: ThemeKey]: string;
+}
+interface IThemeProviderProps {
+    children?: ReactNode;
+    theme?: ThemeKey;
+    customThemes?: ITheme;
+}
+export declare function ThemeProvider({ children, theme, customThemes, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/constants/key-codes.d.ts

@@ -0,0 +1,4 @@
+export declare enum KeyCodes {
+    SPACE_KEY_CODE = 32,
+    ENTER_KEY_CODE = 13
+}

package/dist/index.js

@@ -0,0 +1,13 @@
+import { B as p } from "./button-a4d3df83.js";
+import { C as a } from "./checkbox-3fd4bcc1.js";
+import { S as f } from "./systemMessage-55cf51f4.js";
+import { T as h } from "./themeProvider-5800417e.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-e1346f99.js";
+export {
+  p as Button,
+  a as Checkbox,
+  f as SystemMessage,
+  h as ThemeProvider
+};

package/dist/style.css

@@ -0,0 +1 @@
+@font-face{font-family:Roboto;font-weight:400;font-display:swap;font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;font-style:normal;src:local("Roboto Medium"),local("Roboto-Medium"),url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;font-style:normal;src:local("Roboto-Bold"),local("Roboto-Bold"),url(./fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:300;font-display:swap;font-style:normal;src:local("Open Sans Light"),local("OpenSans-Light"),url(./fonts/OpenSans/OpenSans-Light.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:400;font-display:swap;font-style:normal;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(./fonts/OpenSans/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:600;font-display:swap;font-style:normal;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(./fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype")}:root{--rp-ui-kit-bg-000: #ffffff;--rp-ui-kit-error: #dc5959;--rp-ui-kit-error-hover: #f24a4a;--rp-ui-kit-error-pressed: #c54141;--rp-ui-kit-error-focused: #ffb1b1;--rp-ui-kit-topaz: #00829b;--rp-ui-kit-topaz-hover: #009dbb;--rp-ui-kit-topaz-focused: #00b0d1;--rp-ui-kit-topaz-pressed: #00758c;--rp-ui-kit-almost-black: #3f3f3f;--rp-ui-kit-e-100: #e3e7ec;--rp-ui-kit-e-200: #c1c7d0;--rp-ui-kit-e-300: #a2aab5;--rp-ui-kit-e-400: #8d95a1;--rp-ui-kit-dark-topaz-main: #1a9cb0;--rp-ui-kit-dark-topaz-hover: #1cb0c7;--rp-ui-kit-dark-topaz-focused: #1dbdd6;--rp-ui-kit-dark-topaz-pressed: #9ee7f2;--rp-ui-kit-dark-topaz-text: #3abcd0;--rp-ui-kit-dark-topaz-additional: #00505d;--rp-ui-kit-dark-e-50: #e8e8e8;--rp-ui-kit-dark-e-100: #cfcfcf;--rp-ui-kit-dark-e-150: #8f8f8f;--rp-ui-kit-dark-e-200: #626262;--rp-ui-kit-dark-e-300: #383838;--rp-ui-kit-dark-e-400: #262626;--rp-ui-kit-dark-e-500: #222222;--rp-ui-kit-sm-warning: #d78706;--rp-ui-kit-sm-warning-line-100: #fceecb;--rp-ui-kit-sm-warning-line-200: #fbe7b6;--rp-ui-kit-sm-error: #db3549;--rp-ui-kit-sm-error-line-100: #fccbcb;--rp-ui-kit-sm-error-line-200: #ffc0bd;--rp-ui-kit-sm-info-line-100: #ced3db;--rp-ui-kit-defect-type-AB: #ffc208;--rp-ui-kit-darkmode-bg: #101010;--rp-ui-kit-darkmode-bg-solid-98: #141414;--rp-ui-kit-darkmode-error-default: #ff4040;--rp-ui-kit-darkmode-error-text: #ff6666;--rp-ui-kit-darkmode-fatal: #c2352b;--rp-ui-kit-darkmode-error: #ff3222;--rp-ui-kit-bg-100: #f7f7f8;--rp-ui-kit-bg-200: #eceff4;--rp-ui-kit-tag-value-text: #394db6;--rp-ui-kit-tag-value-background: #ced8fc;--rp-ui-kit-tag-key-text: #6f4599;--rp-ui-kit-tag-key-background: #dac3e6;--rp-ui-kit-system-issue-group: #3e7be6;--rp-ui-kit-product-bug-group: #d32f2f;--rp-ui-kit-automation-bug-group: #ffc208;--rp-ui-kit-no-defect-bug-group: #76839b;--rp-ui-kit-test-execution-status-passed: #3aa76d;--rp-ui-kit-item-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-kit-item-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-kit-font-family-base: Roboto, Arial, Helvetica, sans-serif;--rp-ui-kit-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-kit-color-primary: var(--rp-ui-kit-topaz);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-topaz);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-text-2: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-e-400);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-kit-color-primary: var(--rp-ui-kit-topaz);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-topaz);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-text-2: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-e-400);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-kit-color-primary: var(--rp-ui-kit-dark-topaz-main);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-dark-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-dark-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-dark-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-dark-topaz-text);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-dark-e-50);--rp-ui-kit-color-text-2: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-color-disabled: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-dark-e-50);--rp-ui-kit-opacity-default: 50%}._system-message_14f2u_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-kit-bg-000);border-radius:8px;box-shadow:var(--rp-ui-kit-item-shadow);display:flex;flex-direction:column}._system-message_14f2u_1 ._stripes-info_14f2u_11{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-info-line-100),var(--rp-ui-kit-sm-info-line-100) 24px,var(--rp-ui-kit-e-200) 24px,var(--rp-ui-kit-e-200) 48px)}._system-message_14f2u_1 ._stripes-warning_14f2u_16{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-warning-line-100),var(--rp-ui-kit-sm-warning-line-100) 24px,var(--rp-ui-kit-sm-warning-line-200) 24px,var(--rp-ui-kit-sm-warning-line-200) 48px)}._system-message_14f2u_1 ._stripes-error_14f2u_21{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-error-line-100),var(--rp-ui-kit-sm-error-line-100) 24px,var(--rp-ui-kit-sm-error-line-200) 24px,var(--rp-ui-kit-sm-error-line-200) 48px)}._system-message_14f2u_1 ._text-container_14f2u_26{padding:12px 16px 16px}._system-message_14f2u_1 ._text-container_14f2u_26 ._message-header-info_14f2u_29{font-family:var(--rp-ui-kit-font-family-base);font-size:15px;line-height:24px;color:var(--rp-ui-kit-e-400);font-weight:500;text-transform:capitalize;margin-bottom:8px}._system-message_14f2u_1 ._text-container_14f2u_26 ._message-header-warning_14f2u_38{font-family:var(--rp-ui-kit-font-family-base);font-size:15px;line-height:24px;color:var(--rp-ui-kit-sm-warning);font-weight:500;text-transform:capitalize;margin-bottom:8px}._system-message_14f2u_1 ._text-container_14f2u_26 ._message-header-error_14f2u_47{font-family:var(--rp-ui-kit-font-family-base);font-size:15px;line-height:24px;color:var(--rp-ui-kit-sm-error);font-weight:500;text-transform:capitalize;margin-bottom:8px}._system-message_14f2u_1 ._text-container_14f2u_26 ._children_14f2u_56{text-indent:1px;font-family:var(--rp-ui-kit-font-family-base);font-size:13px;line-height:20px;color:var(--rp-ui-kit-almost-black);font-weight:700}._system-message_14f2u_1 ._text-container_14f2u_26 p{margin-top:4px;max-width:780px;font-family:var(--rp-ui-kit-font-family-base);font-size:11px;line-height:16px;color:var(--rp-ui-kit-e-400);font-weight:400}._content-width_14f2u_74{max-width:max-content}._checkbox_1gq3p_1{display:inline-flex;align-items:center;padding-left:24px;color:var(--rp-ui-kit-color-text-2);border-color:var(--rp-ui-kit-color-text-2);font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px}._checkbox_1gq3p_1 ._disabled_1gq3p_12{opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1gq3p_17{position:absolute;opacity:0;top:0;left:0}._control_1gq3p_24{position:absolute;width:16px;height:16px;border:1px solid var(--rp-ui-kit-e-200);border-radius:3px;margin-left:-24px;box-sizing:border-box;cursor:pointer}._input_1gq3p_17:checked+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:hover+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-gray-hover)}._input_1gq3p_17:active:not(:disabled)+._control_1gq3p_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._input_1gq3p_17:checked:hover+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:checked:active:not(:disabled)+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary-focused);background-color:var(--rp-ui-kit-color-primary-focused);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:disabled+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-disabled)}._input_1gq3p_17:checked:disabled+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E");opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1gq3p_17:focus+._control_1gq3p_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._children_1gq3p_78{cursor:pointer}._children_1gq3p_78 a{text-decoration:none;color:var(--rp-ui-kit-color-primary)}._children_1gq3p_78 a:focus,._children_1gq3p_78 a:focus-visible{outline:none;color:var(--rp-ui-kit-color-primary-focused);text-decoration:underline}._button_1b48w_1{display:inline-flex;justify-content:center;align-items:center;min-width:120px;height:36px;padding:9px 16px 7px;margin:0;outline:none;border-radius:3px;font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;box-sizing:border-box}._primary_1b48w_19{border:1px solid var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);color:var(--rp-ui-kit-bg-000)}._primary_1b48w_19:hover:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover)}._primary_1b48w_19:active:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-primary-pressed);background-color:var(--rp-ui-kit-color-primary-pressed)}._primary_1b48w_19:focus:not(._disabled_1b48w_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._ghost_1b48w_36{border:1px solid var(--rp-ui-kit-color-primary);background-color:transparent;color:var(--rp-ui-kit-color-text)}._ghost_1b48w_36:hover:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-primary-hover)}._ghost_1b48w_36:active:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-primary-pressed)}._ghost_1b48w_36:focus:not(._disabled_1b48w_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._danger_1b48w_51{border:1px solid var(--rp-ui-kit-color-error);background-color:var(--rp-ui-kit-color-error);color:var(--rp-ui-kit-bg-000)}._danger_1b48w_51:hover:not(._disabled_1b48w_24){opacity:.9}._danger_1b48w_51:active:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-error-pressed);background-color:var(--rp-ui-kit-color-error-pressed)}._danger_1b48w_51:focus:not(._disabled_1b48w_24,:active){border:2px solid var(--rp-ui-kit-color-error-focused)}._text_1b48w_67{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-kit-color-primary-text)}._text_1b48w_67:hover:not(._disabled_1b48w_24){color:var(--rp-ui-kit-color-primary-hover)}._text_1b48w_67:hover:not(._disabled_1b48w_24) svg *{fill:var(--rp-ui-kit-color-primary-hover)}._text_1b48w_67:active:not(._disabled_1b48w_24){color:var(--rp-ui-kit-color-primary-pressed)}._text_1b48w_67:active:not(._disabled_1b48w_24) svg *{fill:var(--rp-ui-kit-color-primary-pressed)}._text_1b48w_67:focus:not(._disabled_1b48w_24,:active){color:var(--rp-ui-kit-color-primary-focused)}._text_1b48w_67:focus:not(._disabled_1b48w_24,:active) svg *{fill:var(--rp-ui-kit-color-primary-focused)}._text_1b48w_67 svg *{fill:var(--rp-ui-kit-color-primary-text)}._disabled_1b48w_24{opacity:var(--rp-ui-kit-opacity-default);cursor:default}._wide_1b48w_103{padding:9px 47px 7px;margin:0}._icon_1b48w_108{display:inline-block;width:16px;height:16px}._icon-start_1b48w_114{margin:auto 8px auto 0}._icon-end_1b48w_118{margin:auto 0 auto 8px;order:1}

package/dist/systemMessage-55cf51f4.js

@@ -0,0 +1,30 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { c } from "./bind-e1346f99.js";
+const m = "_children_14f2u_56", o = {
+  "system-message": "_system-message_14f2u_1",
+  "stripes-info": "_stripes-info_14f2u_11",
+  "stripes-warning": "_stripes-warning_14f2u_16",
+  "stripes-error": "_stripes-error_14f2u_21",
+  "text-container": "_text-container_14f2u_26",
+  "message-header-info": "_message-header-info_14f2u_29",
+  "message-header-warning": "_message-header-warning_14f2u_38",
+  "message-header-error": "_message-header-error_14f2u_47",
+  children: m,
+  "content-width": "_content-width_14f2u_74"
+}, e = c.bind(o), h = ({
+  header: r,
+  caption: a,
+  children: i,
+  mode: n = "info",
+  widthByContent: _ = !1
+}) => /* @__PURE__ */ t("div", { className: e("system-message", { "content-width": _ }), children: [
+  /* @__PURE__ */ s("div", { className: e(`stripes-${n}`) }),
+  /* @__PURE__ */ t("div", { className: e("text-container"), children: [
+    r && /* @__PURE__ */ s("h1", { className: e(`message-header-${n}`), children: r }),
+    /* @__PURE__ */ s("div", { className: e("children"), children: i }),
+    a && /* @__PURE__ */ s("p", { children: a })
+  ] })
+] });
+export {
+  h as S
+};

package/dist/systemMessage.js

@@ -0,0 +1,7 @@
+import { S as e } from "./systemMessage-55cf51f4.js";
+import "react/jsx-runtime";
+import "./bind-e1346f99.js";
+export {
+  e as SystemMessage,
+  e as default
+};

package/dist/themeProvider-5800417e.js

@@ -0,0 +1,19 @@
+import { jsx as h } from "react/jsx-runtime";
+const e = {
+  light: "rp-ui-kit-theme-light",
+  dark: "rp-ui-kit-theme-dark"
+};
+function o({
+  children: t,
+  theme: i = "light",
+  customThemes: r = {}
+}) {
+  const s = {
+    ...e,
+    ...r
+  }[i] || e.light;
+  return /* @__PURE__ */ h("div", { className: s, children: t });
+}
+export {
+  o as T
+};

package/dist/themeProvider.js

@@ -0,0 +1,6 @@
+import { T as e } from "./themeProvider-5800417e.js";
+import "react/jsx-runtime";
+export {
+  e as ThemeProvider,
+  e as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-alpha.2",
   "type": "module",
   "scripts": {
     "dev": "storybook dev -p 6006",