@tableslayer/ui 0.1.3 → 0.1.4

package/src/lib/styles/globals.css

@@ -0,0 +1,108 @@
+@import 'reset.css';
+@import 'normalize.css';
+@import 'vars.css';
+@import 'utilities.css';
+
+/* license
+* Mota Italic Order# 23530
+*
+* The fonts listed in this notice are subject to the End User License
+* Agreement(s) entered into by the website owner. The fonts may not be
+* downloaded, linked to, or used (on or offline) by any other party.
+*
+* You may obtain a valid license directly at Mota Italic.
+*
+* Webfonts: Chikki
+* URL: http://www.motaitalic.com/product/chikki/
+* Copyright: Copyright 2015 Mota Italic. All rights reserved.
+*/
+
+/*  @font-face {  */
+/*  src: url('/Chikki-Variable.woff2') format('woff2');  */
+/*  font-family: 'Chikki Variable';  */
+/*  font-weight: 300 900;  */
+/*  font-style: normal;  */
+/*  font-display: swap;  */
+/*  }  */
+
+@font-face {
+  src: url('/RavenHellVariableGX.woff2') format('woff2');
+  font-family: 'Raven Hell';
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  src: url('/InterVariable.woff2') format('woff2');
+  font-family: 'Inter';
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+.light {
+  color-scheme: light;
+  --bg: #e5e5e5;
+  --fg: black;
+  --contrastFull: black;
+  --consttrastHighest: #111;
+  --contrastHigh: #222;
+  --contrastMedium: #ccc;
+  --contrastLow: #ddd;
+  --contrastLowest: #eee;
+  --contrastEmpty: #fff;
+  --fgPrimary: var(--primary-600);
+  --fgMuted: #666;
+  --fgDanger: var(--yellow-800);
+  --fgSuccess: var(--green-800);
+  --borderThin: solid var(--borderWidthThin) var(--contrastMedium);
+  --borderThick: solid var(--borderWidthThick) var(--contrastMedium);
+  --surfaceBg: var(--contrastLowest);
+  --inputBg: #f5f5f5;
+  --inputFocusBg: #fff;
+  --inputBorderColor: var(--contrastMedium);
+  --popoverBg: var(--contrastLowest);
+  --menuItemHover: var(--primary-50);
+  --menuItemBorderHover: solid 2px var(--primary-600);
+  color: var(--fg);
+}
+
+.dark {
+  color-scheme: dark;
+  --bg: #151515;
+  --fg: white;
+  --contrastFull: white;
+  --consttrastHighest: #eee;
+  --contrastHigh: #aaa;
+  --contrastMedium: #333;
+  --contrastLow: #222;
+  --contrastLowest: #111;
+  --contrastEmpty: #000;
+  --fgPrimary: var(--primary-500);
+  --fgMuted: #777;
+  --fgDanger: var(--yellow-200);
+  --fgSuccess: var(--green-200);
+  --borderThin: solid var(--borderWidthThin) var(--contrastMedium);
+  --borderThick: solid var(--borderWidthThick) var(--contrastMedium);
+  --surfaceBg: var(--contrastLowest);
+  --inputBg: #1c1c1c;
+  --inputFocusBg: #222;
+  --inputBorderColor: var(--contrastMedium);
+  --popoverBg: var(--bg);
+  --menuItemHover: var(--primary-950);
+  --menuItemBorderHover: solid 2px var(--primary-500);
+  color: var(--fg);
+}
+
+html {
+  font-family: var(--font-sans);
+  background-color: var(--bg);
+}
+
+.globalLoader {
+  position: fixed;
+  bottom: 2.5rem;
+  right: 2.5rem;
+  z-index: 2;
+}

package/src/lib/styles/normalize.css

@@ -0,0 +1,9 @@
+*:focus-visible {
+  outline: solid 2px var(--fg);
+  outline-offset: 2px;
+}
+
+html {
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: 'tnum', 'zero';
+}

package/src/lib/styles/reset.css

@@ -0,0 +1,133 @@
+/***
+    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
+    GitHub page: https://github.com/elad2412/the-new-css-reset
+***/
+
+/*
+    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
+    - The "symbol *" part is to solve Firefox SVG sprite bug
+    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
+ */
+*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
+  all: unset;
+  display: revert;
+}
+
+/* Preferred box-sizing value */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Fix mobile Safari increase font-size on landscape mode */
+html {
+  -moz-text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+}
+
+/* Reapply the pointer cursor for anchor tags */
+a,
+button {
+  cursor: revert;
+}
+
+/* Remove list styles (bullets/numbers) */
+ol,
+ul,
+menu,
+summary {
+  list-style: none;
+}
+
+/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
+ol {
+  counter-reset: revert;
+}
+
+/* For images to not be able to exceed their container */
+img {
+  max-inline-size: 100%;
+  max-block-size: 100%;
+}
+
+/* removes spacing between cells in tables */
+table {
+  border-collapse: collapse;
+}
+
+/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
+input,
+textarea {
+  -webkit-user-select: auto;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  /* display: none; <- Crashes Chrome on hover */
+  -webkit-appearance: none;
+  margin: 0;
+  /* <-- Apparently some margin are still there even though it's hidden */
+}
+
+input[type='number'] {
+  -moz-appearance: textfield;
+  /* Firefox */
+}
+
+/* revert the 'white-space' property for textarea elements on Safari */
+textarea {
+  white-space: revert;
+}
+
+/* minimum style to allow to style meter element */
+meter {
+  -webkit-appearance: revert;
+  appearance: revert;
+}
+
+/* preformatted text - use only for this feature */
+:where(pre) {
+  all: revert;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+/* reset default text opacity of input placeholder */
+::placeholder {
+  color: unset;
+}
+
+/* fix the feature of 'hidden' attribute.
+   display:revert; revert to element instead of attribute */
+:where([hidden]) {
+  display: none;
+}
+
+/* revert for bug in Chromium browsers
+   - fix for the content editable attribute will work properly.
+   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
+:where([contenteditable]:not([contenteditable='false'])) {
+  -moz-user-modify: read-write;
+  -webkit-user-modify: read-write;
+  overflow-wrap: break-word;
+  -webkit-line-break: after-white-space;
+  -webkit-user-select: auto;
+}
+
+/* apply back the draggable feature - exist only in Chromium and Safari */
+:where([draggable='true']) {
+  -webkit-user-drag: element;
+}
+
+/* Revert Modal native behavior */
+:where(dialog:modal) {
+  all: revert;
+  box-sizing: border-box;
+}
+
+/* Remove details summary webkit styles */
+::-webkit-details-marker {
+  display: none;
+}

package/src/lib/styles/utilities.css

@@ -0,0 +1,179 @@
+.flex {
+  display: flex;
+}
+
+.justify-normal {
+  justify-content: normal;
+}
+
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.justify-around {
+  justify-content: space-around;
+}
+
+.justify-evenly {
+  justify-content: space-evenly;
+}
+
+.justify-stretch {
+  justify-content: stretch;
+}
+
+.justify-items-start {
+  justify-items: start;
+}
+
+.justify-items-end {
+  justify-items: end;
+}
+
+.justify-items-center {
+  justify-items: center;
+}
+
+.justify-items-stretch {
+  justify-items: stretch;
+}
+
+.justify-self-auto {
+  justify-self: auto;
+}
+
+.justify-self-start {
+  justify-self: start;
+}
+
+.justify-self-end {
+  justify-self: end;
+}
+
+.justify-self-center {
+  justify-self: center;
+}
+
+.justify-self-stretch {
+  justify-self: stretch;
+}
+
+.content-normal {
+  align-content: normal;
+}
+
+.content-center {
+  align-content: center;
+}
+
+.content-start {
+  align-content: flex-start;
+}
+
+.content-end {
+  align-content: flex-end;
+}
+
+.content-between {
+  align-content: space-between;
+}
+
+.content-around {
+  align-content: space-around;
+}
+
+.content-evenly {
+  align-content: space-evenly;
+}
+
+.content-baseline {
+  align-content: baseline;
+}
+
+.content-stretch {
+  align-content: stretch;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-baseline {
+  align-items: baseline;
+}
+
+.items-stretch {
+  align-items: stretch;
+}
+
+.self-auto {
+  align-self: auto;
+}
+
+.self-start {
+  align-self: flex-start;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-stretch {
+  align-self: stretch;
+}
+
+.self-baseline {
+  align-self: baseline;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}