@instincthub/react-ui 0.0.1 → 0.0.2

package/dist/assets/css/ui/editor.css

@@ -0,0 +1,161 @@
+.ihub-editor {
+  border: var(--borderDefault);
+  border-radius: 0.375rem;
+  overflow: hidden;
+}
+
+.ihub-editor-menu {
+  display: flex;
+  gap: 5px;
+  padding: 0.5rem;
+  border-bottom: var(--borderDefault);
+  overflow-x: scroll;
+  /* Hide scrollbar for IE, Edge and Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.ihub-editor-menu::-webkit-scrollbar {
+  display: none;
+}
+
+.ihub-editor-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  margin: 0.125rem;
+  padding: 0;
+  background: transparent;
+  border: none;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  color: var(--Gunmetal);
+}
+
+.ihub-editor-btn:hover {
+  background-color: var(--opacityBackground);
+}
+
+.ihub-editor-btn.is-active {
+  background-color: var(--opacityBackground);
+  color: var(--DarkCyan);
+}
+
+.ihub-editor-divider {
+  width: 1px;
+  height: 1.5rem;
+  margin: 0 0.5rem;
+  background-color: var(--opacityBackground);
+}
+
+.ihub-editor-content-wrapper {
+  min-height: 200px;
+  padding: 1rem;
+}
+.ihub-editor-content {
+  min-height: 190px;
+  border: none;
+  max-height: 70vh;
+  overflow-y: scroll;
+}
+.ihub-editor-content:focus-visible {
+  outline: none;
+}
+
+.ihub-editor-content-wrapper p.is-editor-empty:first-child::before {
+  color: #adb5bd;
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+
+.ihub-editor-char-count {
+  padding: 0.5rem;
+  border-top: var(--borderDefault);
+  display: flex;
+  justify-content: space-between;
+}
+.ihub-editor-char-count p {
+  font-size: 0.75rem;
+  color: #6c757d;
+  margin: 0px;
+}
+.ihub-editor-char-count p:empty {
+  width: 10px;
+  height: 5px;
+}
+
+/* Table styling */
+.ihub-editor .ProseMirror table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  margin: 1rem 0;
+  overflow: hidden;
+}
+
+.ihub-editor .ProseMirror td,
+.ihub-editor .ProseMirror th {
+  border: var(--borderDefault);
+  padding: 0.5rem;
+  position: relative;
+}
+
+.ihub-editor .ProseMirror th {
+  background-color: #f8f9fa;
+  font-weight: bold;
+}
+
+/* Code block styling */
+.ihub-editor .ProseMirror pre {
+  background-color: #f8f9fa;
+  padding: 0.75rem;
+  border-radius: 0.25rem;
+  overflow-x: auto;
+}
+
+/* Blockquote styling */
+.ihub-editor .ProseMirror blockquote {
+  border-left: 3px solid #e2e8f0;
+  padding-left: 1rem;
+  margin-left: 0;
+  color: #6c757d;
+}
+
+/* Task list styling */
+.ihub-editor .ProseMirror ul[data-type="taskList"] {
+  list-style-type: none;
+  padding: 0;
+}
+
+.ihub-editor .ProseMirror ul[data-type="taskList"] li {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 0.5rem;
+}
+
+.ihub-editor .ProseMirror ul[data-type="taskList"] li > label {
+  margin-right: 0.5rem;
+  user-select: none;
+}
+
+.ihub-editor .ProseMirror ul[data-type="taskList"] li > div {
+  flex: 1;
+}
+.ihub-editor .ProseMirror ul[data-type="taskList"] li > div p {
+  margin: 0px;
+}
+
+@media (max-width: 767px) {
+  .ihub-editor-char-count {
+    display: block;
+  }
+  .ihub-editor-char-count p {
+    display: inline-block;
+    margin-right: 1rem;
+  }
+}

package/dist/assets/css/ui/list-styles.css

@@ -0,0 +1,318 @@
+/* styles/list-styles.css */
+
+/* Standard Unordered List */
+.ihub-content-viewer ul.ihub-list-standard {
+  list-style: none;
+}
+
+.ihub-content-viewer ul.ihub-list-standard li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ul.ihub-list-standard li::before {
+  content: "+";
+  position: absolute;
+  left: 0;
+  width: 24px;
+  height: 24px;
+  color: var(--Gunmetal);
+  display: inline-block;
+}
+
+/* Circle style for nested lists */
+.ihub-content-viewer ul.ihub-list-circle {
+  list-style: none;
+}
+
+.ihub-content-viewer ul.ihub-list-circle li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ul.ihub-list-circle li::before {
+  content: "";
+  position: absolute;
+  left: 0.25rem;
+  top: 1px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: var(--DarkCyan);
+  color: var(--white) !important;
+  display: flex !important;
+  justify-content: space-around;
+  align-items: center;
+}
+
+/* Square style for deeply nested lists */
+.ihub-content-viewer ul.ihub-list-square {
+  list-style: none;
+}
+
+.ihub-content-viewer ul.ihub-list-square li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ul.ihub-list-square li::before {
+  content: "";
+  position: absolute;
+  left: 0.25rem;
+  /* top: 4px; */
+  width: 8px;
+  height: 8px;
+  background-color: var(--TurkishRose);
+}
+
+/* Primary Ordered List */
+.ihub-content-viewer ol.ihub-list-primary {
+  list-style: none;
+  counter-reset: item;
+}
+
+.ihub-content-viewer ol.ihub-list-primary li {
+  counter-increment: item;
+  position: relative;
+  padding-left: 2rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ol.ihub-list-primary li::before {
+  content: counter(item);
+  position: absolute;
+  left: 0;
+  width: 25px;
+  height: 25px;
+  background: var(--DarkCyan);
+  border-radius: 100%;
+  color: var(--White);
+  font-weight: 700;
+  text-align: center;
+  line-height: 25px;
+  font-size: 0.875rem;
+}
+
+/* Secondary Ordered List */
+.ihub-content-viewer ol.ihub-list-secondary li::before {
+  background-color: var(--TurkishRose);
+}
+
+/* Tertiary Ordered List */
+.ihub-content-viewer ol.ihub-list-tertiary li::before {
+  background-color: var(--ViridianGreen);
+}
+
+/* Base List Styling */
+.ihub-content-viewer ul,
+.ihub-content-viewer ol {
+  margin: 1.5rem 0;
+  padding-left: 0;
+}
+
+/* Standard Unordered List */
+.ihub-content-viewer ul:not([data-type="taskList"]) {
+  list-style: none;
+}
+
+.ihub-content-viewer ul:not([data-type="taskList"]) li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ul:not([data-type="taskList"]) li::before {
+  content: "+";
+  position: absolute;
+  left: 0;
+  width: 24px;
+  height: 24px;
+  color: var(--Gunmetal);
+  display: inline-block;
+}
+
+/* Custom Bullet List - checkmark style */
+.ihub-content-viewer ul.checkmark {
+  list-style: none;
+}
+
+.ihub-content-viewer ul.checkmark li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ul.checkmark li::before {
+  content: "\2713"; /* Unicode checkmark */
+  position: absolute;
+  left: 0;
+  font-weight: bold;
+  color: var(--DarkCyan);
+}
+
+/* Custom Bullet List - circle style */
+.ihub-content-viewer ul.circle {
+  list-style: none;
+}
+
+.ihub-content-viewer ul.circle li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ul.circle li::before {
+  content: "";
+  position: absolute;
+  left: 0.25rem;
+  top: 0.5rem;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: var(--DarkCyan);
+}
+
+/* Custom Bullet List - arrow style */
+.ihub-content-viewer ul.arrow {
+  list-style: none;
+}
+
+.ihub-content-viewer ul.arrow li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ul.arrow li::before {
+  content: "\2192"; /* Unicode right arrow */
+  position: absolute;
+  left: 0;
+  color: var(--DarkCyan);
+}
+
+/* Custom Bullet List - square style */
+.ihub-content-viewer ul.square {
+  list-style: none;
+}
+
+.ihub-content-viewer ul.square li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ul.square li::before {
+  content: "";
+  position: absolute;
+  left: 0.25rem;
+  top: 0.5rem;
+  width: 8px;
+  height: 8px;
+  background-color: var(--TurkishRose);
+}
+
+/* Styled Ordered List */
+.ihub-content-viewer ol {
+  list-style: none;
+  counter-reset: item;
+}
+
+.ihub-content-viewer ol li {
+  counter-increment: item;
+  position: relative;
+  padding-left: 2rem;
+  margin-bottom: 0.75rem;
+}
+
+.ihub-content-viewer ol li::before {
+  content: counter(item);
+  position: absolute;
+  left: 0;
+  width: 25px;
+  height: 25px;
+  background: var(--Gunmetal);
+  border-radius: 100%;
+  color: var(--White);
+  font-weight: 700;
+  text-align: center;
+  line-height: 25px;
+  font-size: 0.875rem;
+}
+
+/* Colored Ordered List Options */
+.ihub-content-viewer ol.primary li::before {
+  background-color: var(--DarkCyan);
+}
+
+.ihub-content-viewer ol.secondary li::before {
+  background-color: var(--TurkishRose);
+}
+
+.ihub-content-viewer ol.tertiary li::before {
+  background-color: var(--ViridianGreen);
+}
+
+/* Nested Lists */
+.ihub-content-viewer ul li ul,
+.ihub-content-viewer ol li ul,
+.ihub-content-viewer ol li ol,
+.ihub-content-viewer ul li ol {
+  margin: 0.5rem 0 0.5rem 0.5rem;
+}
+
+/* Styled List Variant with Background */
+.ihub-content-viewer .custom-ul-list ul,
+.ihub-content-viewer .custom-ul-list ol {
+  padding: 15px;
+  background-color: var(--OpacityBackground);
+  display: inline-block;
+  border-radius: 5px;
+  margin: 15px 0px;
+  width: 100%;
+}
+
+/* Task Lists - Additional Styling */
+.ihub-content-viewer ul[data-type="taskList"] {
+  background-color: transparent;
+  padding: 0;
+}
+
+.ihub-content-viewer ul[data-type="taskList"] li {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 0.5rem;
+  padding-left: 0;
+}
+
+.ihub-content-viewer ul[data-type="taskList"] li[data-checked="true"] {
+  text-decoration: line-through;
+  color: var(--ChineseSilver);
+}
+
+/* Two-column list for desktop */
+@media (min-width: 768px) {
+  .ihub-content-viewer ul.two-column,
+  .ihub-content-viewer ol.two-column {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .ihub-content-viewer ul.two-column li,
+  .ihub-content-viewer ol.two-column li {
+    width: 50%;
+    box-sizing: border-box;
+    padding-right: 1rem;
+  }
+}
+
+/* Print styles */
+@media print {
+  .ihub-content-viewer ul li::before,
+  .ihub-content-viewer ol li::before {
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+}

package/dist/assets/css/ui/parent-list-styles.css

@@ -0,0 +1,223 @@
+/* styles/parent-list-styles.css */
+
+/* Default list style when parent has .ihub-style-list class */
+.ihub-style-list ul {
+  list-style: none;
+  margin: 1.5rem 0;
+  padding-left: 0;
+}
+
+.ihub-style-list ul li {
+  position: relative;
+  padding-left: 1.75rem;
+  margin-bottom: 0.75rem;
+  font-family: var(--Nunito);
+  font-weight: 400;
+  color: var(--Gunmetal);
+}
+
+.ihub-style-list ul li::before {
+  content: "+";
+  position: absolute;
+  left: 0;
+  width: 24px;
+  height: 24px;
+  color: var(--Gunmetal);
+  display: inline-block;
+}
+
+/* Styled ordered lists */
+.ihub-style-list ol {
+  list-style: none;
+  counter-reset: item;
+  margin: 1.5rem 0;
+  padding-left: 0;
+}
+
+.ihub-style-list ol li {
+  counter-increment: item;
+  position: relative;
+  padding-left: 2rem;
+  margin-bottom: 0.75rem;
+  font-family: var(--Nunito);
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 28px;
+  color: var(--Gunmetal);
+}
+
+.ihub-style-list ol li::before {
+  content: counter(item);
+  position: absolute;
+  left: 0;
+  width: 25px;
+  height: 25px;
+  background: var(--Gunmetal);
+  border-radius: 100%;
+  color: var(--White);
+  font-weight: 700;
+  text-align: center;
+  line-height: 25px;
+  font-size: 0.875rem;
+}
+
+/* Nested list styles */
+.ihub-style-list ul ul li::before {
+  content: "";
+  position: absolute;
+  left: 0.25rem;
+  top: 0.5rem;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: var(--DarkCyan);
+}
+
+.ihub-style-list ul ul ul li::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  border-radius: 0;
+  background-color: var(--TurkishRose);
+}
+
+.ihub-style-list ol ol li::before {
+  background-color: var(--TurkishRose);
+}
+
+.ihub-style-list ol ol ol li::before {
+  background-color: var(--ViridianGreen);
+}
+
+/* Mixed nesting */
+.ihub-style-list ul ol li::before {
+  content: counter(item);
+  width: 25px;
+  height: 25px;
+  background-color: var(--DarkCyan);
+  border-radius: 100%;
+  color: var(--White);
+  font-weight: 700;
+  text-align: center;
+  line-height: 25px;
+  font-size: 0.875rem;
+}
+
+.ihub-style-list ol ul li::before {
+  content: "";
+  position: absolute;
+  left: 0.25rem;
+  top: 0.5rem;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: var(--DarkCyan);
+}
+
+/* Style variants through additional classes */
+
+/* Checkmark list style */
+.ihub-style-list.checkmark ul li::before {
+  content: "\2713"; /* Unicode checkmark */
+  color: var(--DarkCyan);
+  font-weight: bold;
+}
+
+/* Circle list style */
+.ihub-style-list.circle ul li::before {
+  content: "";
+  position: absolute;
+  left: 0.25rem;
+  top: 0.5rem;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: var(--DarkCyan);
+}
+
+/* Arrow list style */
+.ihub-style-list.arrow ul li::before {
+  content: "\2192"; /* Unicode right arrow */
+  color: var(--DarkCyan);
+}
+
+/* Square list style */
+.ihub-style-list.square ul li::before {
+  content: "";
+  position: absolute;
+  left: 0.25rem;
+  top: 0.5rem;
+  width: 8px;
+  height: 8px;
+  background-color: var(--TurkishRose);
+}
+
+/* Primary color ordered list */
+.ihub-style-list.primary ol li::before {
+  background-color: var(--DarkCyan);
+}
+
+/* Secondary color ordered list */
+.ihub-style-list.secondary ol li::before {
+  background-color: var(--TurkishRose);
+}
+
+/* Tertiary color ordered list */
+.ihub-style-list.tertiary ol li::before {
+  background-color: var(--ViridianGreen);
+}
+
+/* Boxed list variant */
+.ihub-style-list.boxed {
+  padding: 15px;
+  background-color: var(--OpacityBackground);
+  border-radius: 5px;
+  margin: 15px 0px;
+}
+
+/* Two column layout for desktop */
+@media (min-width: 768px) {
+  .ihub-style-list.two-column ul,
+  .ihub-style-list.two-column ol {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .ihub-style-list.two-column ul li,
+  .ihub-style-list.two-column ol li {
+    width: 50%;
+    box-sizing: border-box;
+    padding-right: 1rem;
+  }
+}
+
+/* Special handling for task lists from TipTap */
+.ihub-style-list ul[data-type="taskList"] {
+  list-style: none;
+  padding-left: 0;
+}
+
+.ihub-style-list ul[data-type="taskList"] li {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 0.5rem;
+  padding-left: 0;
+}
+
+.ihub-style-list ul[data-type="taskList"] li::before {
+  content: none;
+}
+
+.ihub-style-list ul[data-type="taskList"] li[data-checked="true"] {
+  text-decoration: line-through;
+  color: var(--ChineseSilver);
+}
+
+/* Print styles */
+@media print {
+  .ihub-style-list ul li::before,
+  .ihub-style-list ol li::before {
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+}

package/dist/node_modules/@babel/runtime/helpers/esm/extends.js

@@ -0,0 +1,2 @@
+function n(){return n=Object.assign?Object.assign.bind():function(n){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)({}).hasOwnProperty.call(a,t)&&(n[t]=a[t])}return n},n.apply(null,arguments)}export{n as default};
+//# sourceMappingURL=extends.js.map

package/dist/node_modules/@babel/runtime/helpers/esm/extends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extends.js","sources":["../../../../../../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["function _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nexport { _extends as default };"],"names":["_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply"],"mappings":"AAAA,SAASA,IACP,OAAOA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GACjE,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAAIF,UAAUD,GAClB,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAC9D,CACD,OAAOL,CACR,EAAEJ,EAASY,MAAM,KAAMN,UAC1B"}