fictoan-react 1.2.7 → 1.2.8

package/CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## 1.2.8
+- Update README and publish new build
+
 ## 1.2.7
 - Add `button-font` for each `kind` too
 

package/README.md

@@ -57,6 +57,17 @@
     }
     ```
 
+---
+## Contributing
+Make changes to the source code and test them out in the Storybook environment. When ready, create a PR with the changes.  
+We’ll merge, and publish a new version to npm.
+---
+
+## Publishing
+```sh
+yarn build && yarn publish
+```
+
 ---
 
 ## Storybook

package/dist/components/Divider/Divider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["kind"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var o=e.forwardRef((function(o,a){var i=o.kind,l=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,t),u=[];return i&&u.push(i),e.createElement(r.Element,n({as:"hr","data-hrule":!0,ref:a,classNames:u},l))}));exports.Divider=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["kind","height"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var i=e.forwardRef((function(i,o){var a=i.kind,l=i.height,s=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(i,t),u=[];return a&&u.push(a),e.createElement(r.Element,n({as:"hr","data-hrule":!0,ref:o,classNames:u},s,{style:{height:l}}))}));exports.Divider=i;

package/dist/components/Divider/Divider.d.ts

@@ -2,7 +2,8 @@ import React from "react";
 import { CommonAndHTMLProps } from "../Element/constants";
 export interface DividerCustomProps {
     kind?: "primary" | "secondary" | "tertiary";
+    height?: string;
 }
 export type DividerElementType = HTMLHRElement;
 export type DividerProps = Omit<CommonAndHTMLProps<DividerElementType>, keyof DividerCustomProps> & DividerCustomProps;
-export declare const Divider: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHRElement>, "kind"> & DividerCustomProps & React.RefAttributes<HTMLHRElement>>;
+export declare const Divider: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHRElement>, keyof DividerCustomProps> & DividerCustomProps & React.RefAttributes<HTMLHRElement>>;

package/dist/components/Divider/Divider.js

@@ -1,6 +1,6 @@
 import r from "react";
 import { Element as e } from "../Element/Element.js";
-var t = ["kind"];
+var t = ["kind", "height"];
 function n() {
   return n = Object.assign ? Object.assign.bind() : function(r2) {
     for (var e2 = 1; e2 < arguments.length; e2++) {
@@ -29,9 +29,9 @@ function o(r2, e2) {
   }
   return o2;
 }
-var a = /* @__PURE__ */ r.forwardRef(function(a2, l) {
-  var f = a2.kind, i = o(a2, t), c = [];
-  return f && c.push(f), /* @__PURE__ */ r.createElement(e, n({ as: "hr", "data-hrule": true, ref: l, classNames: c }, i));
+var a = /* @__PURE__ */ r.forwardRef(function(a2, i) {
+  var l = a2.kind, f = a2.height, c = o(a2, t), s = [];
+  return l && s.push(l), /* @__PURE__ */ r.createElement(e, n({ as: "hr", "data-hrule": true, ref: i, classNames: s }, c, { style: { height: f } }));
 });
 export {
   a as Divider