@adgytec/adgytec-web-ui-components 0.0.16 → 0.0.17

package/dist/BaseCard-C75SV55U.js

@@ -0,0 +1,32 @@
+import { jsx as _ } from "react/jsx-runtime";
+import './assets/BaseCard.css';var o = /* @__PURE__ */ ((t) => (t.transparent = "transparent", t.solid = "solid", t.solidLow = "solid-low", t.solidLowest = "solid-lowest", t.solidHigh = "solid-high", t.solidHighest = "solid-highest", t.gradient = "gradient", t))(o || {}), i = /* @__PURE__ */ ((t) => (t.none = "none", t.default = "default", t))(i || {});
+const a = "_card_1qj5t_1", d = "_transparent_1qj5t_21", r = "_solid_1qj5t_29", h = "_gradient_1qj5t_69", j = "_none_1qj5t_97", s = {
+  card: a,
+  transparent: d,
+  solid: r,
+  "solid-low": "_solid-low_1qj5t_37",
+  "solid-lowest": "_solid-lowest_1qj5t_45",
+  "solid-high": "_solid-high_1qj5t_53",
+  "solid-highest": "_solid-highest_1qj5t_61",
+  gradient: h,
+  none: j,
+  default: "_default_1qj5t_107"
+}, c = ({
+  padding: t = i.none,
+  background: l = o.transparent,
+  children: n,
+  ...e
+}) => /* @__PURE__ */ _(
+  "div",
+  {
+    ...e,
+    className: `${e.className} ${s.card} ${s[t]} ${s[l]}`,
+    "data-card": "true",
+    children: n
+  }
+);
+export {
+  c as B,
+  o as C,
+  i as a
+};

package/dist/assets/BaseCard.css

@@ -0,0 +1 @@
+._card_1qj5t_1{padding-inline:var(--_pi);padding-block:var(--_pb);border-radius:var(--radius);box-shadow:var(--elevation-1);background:var(--_bg)}._transparent_1qj5t_21{--_bg: transparent}._solid_1qj5t_29{--_bg: var(--color-surface-container)}._solid-low_1qj5t_37{--_bg: var(--color-surface-container-low)}._solid-lowest_1qj5t_45{--_bg: var(--color-surface-container-lowest)}._solid-high_1qj5t_53{--_bg: var(--color-surface-container-high)}._solid-highest_1qj5t_61{--_bg: var(--color-surface-container-highest)}._gradient_1qj5t_69{--_bg: radial-gradient( ellipse at top, var(--color-surface-container-low), transparent ), radial-gradient( ellipse at bottom, var(--color-surface-container-high), transparent )}._none_1qj5t_97{--_pi: 0;--_pb: 0}._default_1qj5t_107{--_pi: 1rem;--_pb: 1rem}

package/dist/components/Card/BaseCard/BaseCard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { BaseCardProps } from './types';
+export declare const BaseCard: React.FC<BaseCardProps>;

package/dist/components/Card/BaseCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './BaseCard';

package/dist/components/Card/BaseCard/index.js

@@ -0,0 +1,6 @@
+import { B as r, C as s, a as C } from "../../../BaseCard-C75SV55U.js";
+export {
+  r as BaseCard,
+  s as CardBackground,
+  C as CardPadding
+};

package/dist/components/Card/BaseCard/types.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export declare enum CardBackground {
+    transparent = "transparent",
+    solid = "solid",
+    solidLow = "solid-low",
+    solidLowest = "solid-lowest",
+    solidHigh = "solid-high",
+    solidHighest = "solid-highest",
+    gradient = "gradient"
+}
+export declare enum CardPadding {
+    none = "none",
+    default = "default"
+}
+export interface BaseCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    background?: CardBackground;
+    padding?: CardPadding;
+}
+export interface StyledBaseCardProps extends Omit<BaseCardProps, "background"> {
+}
+export type SolidCardBackground = CardBackground.solid | CardBackground.solidLow | CardBackground.solidLowest | CardBackground.solidHigh | CardBackground.solidHighest;
+export interface StyledSolidCardProps extends Omit<BaseCardProps, "background"> {
+    background?: SolidCardBackground;
+}

package/dist/components/Card/GradientCard/GradientCard.d.ts

@@ -0,0 +1,2 @@
+import { StyledBaseCardProps } from '../BaseCard';
+export declare const GradientCard: React.FC<StyledBaseCardProps>;

package/dist/components/Card/GradientCard/index.d.ts

@@ -0,0 +1 @@
+export * from './GradientCard';

package/dist/components/Card/GradientCard/index.js

@@ -0,0 +1,16 @@
+import { jsx as d } from "react/jsx-runtime";
+import { B as o, C as t, a as n } from "../../../BaseCard-C75SV55U.js";
+const i = ({
+  padding: a = n.default,
+  ...r
+}) => /* @__PURE__ */ d(
+  o,
+  {
+    ...r,
+    padding: a,
+    background: t.gradient
+  }
+);
+export {
+  i as GradientCard
+};

package/dist/components/Card/SolidCard/SolidCard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { StyledSolidCardProps } from '../BaseCard';
+export declare const SolidCard: React.FC<StyledSolidCardProps>;

package/dist/components/Card/SolidCard/index.d.ts

@@ -0,0 +1 @@
+export * from './SolidCard';

package/dist/components/Card/SolidCard/index.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { B as s, C as t, a as i } from "../../../BaseCard-C75SV55U.js";
+const m = ({
+  padding: a = i.default,
+  background: r = t.solid,
+  ...d
+}) => /* @__PURE__ */ o(s, { ...d, padding: a, background: r });
+export {
+  m as SolidCard
+};

package/dist/components/Card/TransparentCard/TransparentCard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { StyledBaseCardProps } from '../BaseCard';
+export declare const TransparentCard: React.FC<StyledBaseCardProps>;

package/dist/components/Card/TransparentCard/index.d.ts

@@ -0,0 +1 @@
+export * from './TransparentCard';

package/dist/components/Card/TransparentCard/index.js

@@ -0,0 +1,16 @@
+import { jsx as d } from "react/jsx-runtime";
+import { B as n, C as t, a as o } from "../../../BaseCard-C75SV55U.js";
+const p = ({
+  padding: a = o.default,
+  ...r
+}) => /* @__PURE__ */ d(
+  n,
+  {
+    ...r,
+    padding: a,
+    background: t.transparent
+  }
+);
+export {
+  p as TransparentCard
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adgytec/adgytec-web-ui-components",
   "private": false,
-  "version": "0.0.16",
+  "version": "0.0.17",
   "type": "module",
   "files": [
     "dist"
@@ -42,6 +42,22 @@
       "import": "./dist/components/Button/ToggleButton/index.js",
       "types": "./dist/components/Button/ToggleButton/index.d.ts"
     },
+    "./Card/BaseCard": {
+      "import": "./dist/components/Card/BaseCard/index.js",
+      "types": "./dist/components/Card/BaseCard/index.d.ts"
+    },
+    "./Card/GradientCard": {
+      "import": "./dist/components/Card/GradientCard/index.js",
+      "types": "./dist/components/Card/GradientCard/index.d.ts"
+    },
+    "./Card/SolidCard": {
+      "import": "./dist/components/Card/SolidCard/index.js",
+      "types": "./dist/components/Card/SolidCard/index.d.ts"
+    },
+    "./Card/TransparentCard": {
+      "import": "./dist/components/Card/TransparentCard/index.js",
+      "types": "./dist/components/Card/TransparentCard/index.d.ts"
+    },
     "./Disclosure/Disclosure": {
       "import": "./dist/components/Disclosure/Disclosure/index.js",
       "types": "./dist/components/Disclosure/Disclosure/index.d.ts"