@trebired/frontend 4.0.0 → 4.0.2

package/dist/styles/utils/spacing/block.scss

@@ -0,0 +1,59 @@
+.gap-xs2 {
+  gap: var(--tbf-gap-xs2);
+}
+
+.gap-xs {
+  gap: var(--tbf-gap-xs);
+}
+
+.gap-sm {
+  gap: var(--tbf-gap-sm);
+}
+
+.gap-md {
+  gap: var(--tbf-gap-md);
+}
+
+.gap-lg {
+  gap: var(--tbf-gap-lg);
+}
+
+.mt-xs {
+  margin-top: var(--tbf-gap-xs);
+}
+
+.mt-xs2 {
+  margin-top: var(--tbf-gap-xs2);
+}
+
+.mt-sm {
+  margin-top: var(--tbf-gap-sm);
+}
+
+.mt-md {
+  margin-top: var(--tbf-gap-md);
+}
+
+.mt-lg {
+  margin-top: var(--tbf-gap-lg);
+}
+
+.mb-xs {
+  margin-bottom: var(--tbf-gap-xs);
+}
+
+.mb-xs2 {
+  margin-bottom: var(--tbf-gap-xs2);
+}
+
+.mb-sm {
+  margin-bottom: var(--tbf-gap-sm);
+}
+
+.mb-md {
+  margin-bottom: var(--tbf-gap-md);
+}
+
+.mb-lg {
+  margin-bottom: var(--tbf-gap-lg);
+}

package/dist/styles/utils/spacing/inline.scss

@@ -0,0 +1,71 @@
+.ml-xs {
+  margin-left: var(--tbf-gap-xs);
+}
+
+.ml-xs2 {
+  margin-left: var(--tbf-gap-xs2);
+}
+
+.ml-sm {
+  margin-left: var(--tbf-gap-sm);
+}
+
+.ml-md {
+  margin-left: var(--tbf-gap-md);
+}
+
+.ml-lg {
+  margin-left: var(--tbf-gap-lg);
+}
+
+.mr-xs {
+  margin-right: var(--tbf-gap-xs);
+}
+
+.mr-xs2 {
+  margin-right: var(--tbf-gap-xs2);
+}
+
+.mr-sm {
+  margin-right: var(--tbf-gap-sm);
+}
+
+.mr-md {
+  margin-right: var(--tbf-gap-md);
+}
+
+.mr-lg {
+  margin-right: var(--tbf-gap-lg);
+}
+
+.border {
+  border: var(--tbf-border-width) solid var(--tbf-border);
+}
+
+.border-0 {
+  border: 0;
+}
+
+.border-top {
+  border-top: var(--tbf-border-width) solid var(--tbf-border);
+}
+
+.border-bottom {
+  border-bottom: var(--tbf-border-width) solid var(--tbf-border);
+}
+
+.border-left {
+  border-left: var(--tbf-border-width) solid var(--tbf-border);
+}
+
+.border-right {
+  border-right: var(--tbf-border-width) solid var(--tbf-border);
+}
+
+.border-block {
+  border-block: var(--tbf-border-width) solid var(--tbf-border);
+}
+
+.border-inline {
+  border-inline: var(--tbf-border-width) solid var(--tbf-border);
+}

package/dist/styles/utils/text/core.scss

@@ -0,0 +1,49 @@
+.width-max {
+  width: 100% !important;
+  max-width: 100% !important;
+}
+
+.width-fit {
+  width: fit-content !important;
+  max-width: 100% !important;
+}
+
+.text-muted {
+  color: var(--tbf-text-muted, #000);
+}
+
+.text-xs {
+  font-size: 12px;
+}
+
+.text-sm,
+.text-small {
+  font-size: 14px;
+}
+
+.text-md {
+  font-size: 16px;
+}
+
+.text-lg {
+  font-size: 20px;
+}
+
+.text-break {
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.truncate-1 {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.no-select {
+  -webkit-user-select: none;
+  user-select: none;
+}

package/dist/styles/utils/text/extra.scss

@@ -0,0 +1,54 @@
+.text-break-word {
+  min-width: 0;
+  max-width: 100%;
+  white-space: normal;
+  overflow-wrap: break-word;
+  word-break: normal;
+  hyphens: auto;
+}
+
+.font-italic {
+  font-style: italic;
+}
+
+.font-mono {
+  font-family:
+  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+  "Courier New", monospace;
+  word-break: break-all;
+}
+
+.font-bold {
+  font-weight: bold;
+}
+
+.label {
+  color: var(--tbf-text-muted, #000);
+  font-size: 14px;
+}
+
+.bg-canvas {
+  background: var(--tbf-canvas-bg, var(--dot-grid)) !important;
+}
+
+.pre-wrap {
+  white-space: pre-wrap !important;
+}
+
+.bg-transparent {
+  background-color: transparent;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.cursor-auto {
+  cursor: auto;
+}
+
+.cursor-disabled,
+.disabled,
+[disabled] {
+  cursor: not-allowed;
+}