frey-ui 1.0.5 → 1.0.6

package/dist/index.esm.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+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__oJKLC{background-color:#fff;border:1px solid grey;border-radius:1rem}.chip-module_chip_default__JyfE6,.chip-module_chip_outlined__oJKLC{align-items:center;color:#000;cursor:default;display:flex;font-size:.875rem;font-weight:500;justify-content:center;margin:auto;padding:.5rem .75rem;transition:background-color .3s}.chip-module_chip_default__JyfE6{background-color:#f1f1f1;border:none;border-radius:1rem}.chip-module_chip_default_clickable__yYH4s:hover{background-color:#e9e9e9;cursor:pointer}.chip-module_chip_outlined_clickable__zn7-w:hover{background-color:#f1f1f1;cursor:pointer}.chip-module_chip_text__F3fEt{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+var styles = {"chip_outlined":"chip-module_chip_outlined__oJKLC","chip_default":"chip-module_chip_default__JyfE6","chip_default_clickable":"chip-module_chip_default_clickable__yYH4s","chip_outlined_clickable":"chip-module_chip_outlined_clickable__zn7-w","chip_text":"chip-module_chip_text__F3fEt"};
+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 { Chip };

package/dist/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+
+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__oJKLC{background-color:#fff;border:1px solid grey;border-radius:1rem}.chip-module_chip_default__JyfE6,.chip-module_chip_outlined__oJKLC{align-items:center;color:#000;cursor:default;display:flex;font-size:.875rem;font-weight:500;justify-content:center;margin:auto;padding:.5rem .75rem;transition:background-color .3s}.chip-module_chip_default__JyfE6{background-color:#f1f1f1;border:none;border-radius:1rem}.chip-module_chip_default_clickable__yYH4s:hover{background-color:#e9e9e9;cursor:pointer}.chip-module_chip_outlined_clickable__zn7-w:hover{background-color:#f1f1f1;cursor:pointer}.chip-module_chip_text__F3fEt{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+var styles = {"chip_outlined":"chip-module_chip_outlined__oJKLC","chip_default":"chip-module_chip_default__JyfE6","chip_default_clickable":"chip-module_chip_default_clickable__yYH4s","chip_outlined_clickable":"chip-module_chip_outlined_clickable__zn7-w","chip_text":"chip-module_chip_text__F3fEt"};
+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.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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frey-ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
@@ -39,6 +39,7 @@
     "typescript-plugin-css-modules": "^5.1.0"
   },
   "scripts": {
-    "build": "rollup -c"
+    "build": "rollup -c",
+    "pub": "pnpm run build && pnpm publish"
   }
 }