frey-ui 1.0.2 → 1.0.3

package/dist/index.esm.js

@@ -1,7 +1,49 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
 
-const MyComponent = ({ message }) => {
-    return (React.createElement("div", { style: { backgroundColor: 'black', color: 'white' } }, message));
+function styleInject(css, ref) {
+  if ( ref === undefined ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".Chip-module_chip_outlined__4LIzy{background-color:#fff;border:1px solid grey;border-radius:1rem}.Chip-module_chip_default__HKulX,.Chip-module_chip_outlined__4LIzy{align-items:center;color:#000;display:flex;font-size:.875rem;font-weight:500;justify-content:center;margin:auto;padding:.5rem .75rem}.Chip-module_chip_default__HKulX{background-color:#f1f1f1;border:none;border-radius:1rem}.Chip-module_chip_default_clickable__xoa6n:hover{background-color:#e9e9e9;cursor:pointer}.Chip-module_chip_outlined_clickable__JzWxJ:hover{background-color:#f1f1f1;cursor:pointer}.Chip-module_chip_text__jq7CH{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+var styles = {"chip_outlined":"Chip-module_chip_outlined__4LIzy","chip_default":"Chip-module_chip_default__HKulX","chip_default_clickable":"Chip-module_chip_default_clickable__xoa6n","chip_outlined_clickable":"Chip-module_chip_outlined_clickable__JzWxJ","chip_text":"Chip-module_chip_text__jq7CH"};
+styleInject(css_248z);
+
+const VariantDefaultMap = {
+    default: styles.chip_default,
+    outlined: styles.chip_outlined
+};
+const VariantClickableMap = {
+    default: styles.chip_default_clickable,
+    outlined: styles.chip_outlined_clickable
 };
+function Chip({ label, onClick, style, className, variant = 'default' }) {
+    return (jsx("button", { className: clsx(VariantDefaultMap[variant], {
+            [VariantClickableMap[variant]]: onClick
+        }, className), onClick: onClick, type: 'button', style: style, children: jsx("span", { className: styles.chip_text, children: label }) }));
+}
 
-export { MyComponent };
+export { Chip };

package/dist/index.js

@@ -1,9 +1,51 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
 
-const MyComponent = ({ message }) => {
-    return (React.createElement("div", { style: { backgroundColor: 'black', color: 'white' } }, message));
+function styleInject(css, ref) {
+  if ( ref === undefined ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".Chip-module_chip_outlined__4LIzy{background-color:#fff;border:1px solid grey;border-radius:1rem}.Chip-module_chip_default__HKulX,.Chip-module_chip_outlined__4LIzy{align-items:center;color:#000;display:flex;font-size:.875rem;font-weight:500;justify-content:center;margin:auto;padding:.5rem .75rem}.Chip-module_chip_default__HKulX{background-color:#f1f1f1;border:none;border-radius:1rem}.Chip-module_chip_default_clickable__xoa6n:hover{background-color:#e9e9e9;cursor:pointer}.Chip-module_chip_outlined_clickable__JzWxJ:hover{background-color:#f1f1f1;cursor:pointer}.Chip-module_chip_text__jq7CH{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+var styles = {"chip_outlined":"Chip-module_chip_outlined__4LIzy","chip_default":"Chip-module_chip_default__HKulX","chip_default_clickable":"Chip-module_chip_default_clickable__xoa6n","chip_outlined_clickable":"Chip-module_chip_outlined_clickable__JzWxJ","chip_text":"Chip-module_chip_text__jq7CH"};
+styleInject(css_248z);
+
+const VariantDefaultMap = {
+    default: styles.chip_default,
+    outlined: styles.chip_outlined
+};
+const VariantClickableMap = {
+    default: styles.chip_default_clickable,
+    outlined: styles.chip_outlined_clickable
 };
+function Chip({ label, onClick, style, className, variant = 'default' }) {
+    return (jsxRuntime.jsx("button", { className: clsx(VariantDefaultMap[variant], {
+            [VariantClickableMap[variant]]: onClick
+        }, className), onClick: onClick, type: 'button', style: style, children: jsxRuntime.jsx("span", { className: styles.chip_text, children: label }) }));
+}
 
-exports.MyComponent = MyComponent;
+exports.Chip = Chip;

package/dist/types/Chip/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type Variant = 'default' | 'outlined';
+export type ChipProps = {
+    label: string;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+    className?: string;
+    variant?: Variant;
+};
+declare function Chip({ label, onClick, style, className, variant }: Readonly<ChipProps>): import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { default as MyComponent } from './MyComponent';
-export type { MyComponentProps } from './MyComponent';
+export { default as Chip } from './Chip';
+export type { ChipProps } from './Chip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frey-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",

package/dist/types/MyComponent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface MyComponentProps {
-    message: string;
-}
-declare const MyComponent: React.FC<MyComponentProps>;
-export default MyComponent;