@bcrumbs.net/bc-ui 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# bc-ui
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test bc-ui` to execute the unit tests via [Jest](https://jestjs.io).

package/index.d.ts

@@ -0,0 +1,26 @@
+export * from './lib/loading/loading';
+export * from './lib/textbox/bctextbox';
+export * from './lib/dropList/bcdrop-list';
+export * from './lib/checkbox/bccheckbox';
+export * from './lib/navigation/bcnavigation';
+export * from './lib/text/bctext';
+export * from './lib/table/bctable';
+export * from './lib/searchbox/bcsearchbox';
+export * from './lib/toaster';
+export * from './lib/icon/bcicon';
+export * from './lib/iconButton';
+export * from './lib/overlay';
+export * from './lib/popup';
+export * from './lib/scrollArea';
+export * from './lib/addButton/bcadd-button';
+export * from './lib/progress';
+export * from './lib/dropZone';
+export * from './lib/tooltip';
+export * from './lib/button/bcbutton';
+export * from './lib/block/bcblock';
+export * from './lib/hooks/withEnterAnimation';
+export * from './lib/hooks/useForm';
+export * from './lib/hooks/useForm/fieldsTypes';
+export * from './lib/hooks/useForm/validationConstant';
+export * from './lib/hooks/useInterval';
+export * from './lib/constants';

package/index.esm.css

@@ -0,0 +1,39 @@
+.checkbox-style {
+  padding-left: 40px;
+  padding-top: 8px;
+}
+.checkbox-style .checkmark {
+  position: absolute;
+  padding: 4px;
+  top: 2px;
+  left: 0;
+  height: 30px;
+  width: 30px;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 5px 10px;
+  cursor: pointer;
+  z-index: 1;
+}
+.checkbox-style .checkmark svg {
+  width: 20px;
+  height: 20px;
+}
+.checkbox-style input ~ .checkmark svg {
+  display: none;
+}
+.checkbox-style input:checked ~ .checkmark svg {
+  display: block;
+}
+
+.checkbox-style.small .checkmark {
+  height: 20px;
+  width: 20px;
+  border-width: 2px;
+  border-radius: 2px 5px;
+}
+.checkbox-style.small .checkmark svg {
+  width: 10px;
+  height: 10px;
+}
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}