@trackunit/css-core - npm Package Compare versions

Comparing version 1.12.12 to 1.12.14

package.json

 {
   "name": "@trackunit/css-core",
-  "version": "1.12.12",
+  "version": "1.12.14",
   "main": "src/lib/core.css",
@@ -5,0 +5,0 @@ "repository": "https://github.com/Trackunit/manager",

src/lib/core.css

@@ -7,121 +7,125 @@ /*
 
-@import "tailwindcss";
-@import "./generated/tailwind-theme.generated.css";
-@import "./generated/tailwind-utilities.generated.css";
-@import "./generated/component-tokens.generated.css";
-@import "react-image-gallery/styles/css/image-gallery.css";
-@import "./theme/custom-properties.css";
-@import "./react-calendar.css";
-@import "./fonts.css";
-
-/* Load Tailwind plugins AFTER all imports */
-@plugin "@tailwindcss/typography";
-
-/* This loads all trackunit source files for tailwind to watch for changes */
-@source "../../../**/*.{ts,tsx,js,jsx,css}";
-
-/* Override to fix type="button" in safari */
-[type="button"] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-/* Hide scrollbar for Chrome, Safari and Opera */
-.no-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-/* Hide scrollbar for IE, Edge and Firefox */
-.no-scrollbar {
-  -ms-overflow-style: none; /* IE and Edge */
-  scrollbar-width: none; /* Firefox */
-}
-
-input[type="date"]::-webkit-datetime-edit-month-field:focus {
-  color: var(--color-primary-600);
-}
-
-input[type="date"]::-webkit-datetime-edit-day-field:focus {
-  color: var(--color-primary-600);
-}
-input[type="date"]::-webkit-datetime-edit-year-field:focus {
-  color: var(--color-primary-600);
-}
-
-h1,
-h2,
-h3,
-h4 {
-  text-wrap: balance;
-}
-
-input[type="color"] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: none;
-  padding: 0;
-}
-
-input[type="color"]::-webkit-color-swatch-wrapper {
-  padding: 0;
-}
-
-input[type="color"]::-webkit-color-swatch {
-  border: none;
-}
-
-input[type="color"]::-moz-color-swatch {
-  border: none;
-}
-
-tr > th[data-pinned="left"]:not(:has(+ th[data-pinned="left"])) {
-  border-right-width: 2px;
-}
-tr > td[data-pinned="left"]:not(:has(+ td[data-pinned="left"])) {
-  border-right-width: 2px;
-}
-
-tr > th[data-pinned=""] + th[data-pinned="right"] {
-  border-left-width: 2px;
-}
-tr > td[data-pinned=""] + td[data-pinned="right"] {
-  border-left-width: 2px;
-}
-
-/* Row focus (body rows only) */
-.row-focus:has(:focus-visible):not(:has([data-selection-cell] :focus-visible)) {
-  box-shadow: inset 0 0 0 2px var(--color-primary-600);
-  outline: none !important;
-}
-
-/* LEFT pinned — first cell in the block: left + top + bottom */
-.row-focus:has(:focus-visible) > td[data-pinned="left"] {
-  box-shadow:
-    inset 2px 0 0 var(--color-primary-600),
-    inset 0 2px 0 var(--color-primary-600),
-    inset 0 -2px 0 var(--color-primary-600);
-}
-
-/* LEFT pinned — all following cells in the block: only top + bottom (no inner vertical line) */
-.row-focus:has(:focus-visible) > td[data-pinned="left"] + td[data-pinned="left"] {
-  box-shadow:
-    inset 0 2px 0 var(--color-primary-600),
-    inset 0 -2px 0 var(--color-primary-600);
-}
-
-/* RIGHT pinned — last cell in the block: right + top + bottom */
-.row-focus:has(:focus-visible) > td[data-pinned="right"] {
-  box-shadow:
-    inset -2px 0 0 var(--color-primary-600),
-    inset 0 2px 0 var(--color-primary-600),
-    inset 0 -2px 0 var(--color-primary-600);
-}
-
-/* RIGHT pinned — all cells that have another right pinned cell on their right: only top + bottom */
-.row-focus:has(:focus-visible) > td[data-pinned="right"]:has(+ td[data-pinned="right"]) {
-  box-shadow:
-    inset 0 2px 0 var(--color-primary-600),
-    inset 0 -2px 0 var(--color-primary-600);
-}
+ @import "tailwindcss";
+ @import "./generated/tailwind-theme.generated.css";
+ @import "./generated/tailwind-utilities.generated.css";
+ @import "./generated/component-tokens.generated.css";
+ @import "react-image-gallery/styles/css/image-gallery.css";
+ @import "./theme/custom-properties.css";
+ @import "./react-calendar.css";
+ @import "./fonts.css";
+ 
+ /* Load Tailwind plugins AFTER all imports */
+ @plugin "@tailwindcss/typography";
+ 
+ /* This loads all your source files for tailwind to watch for changes in all libs folder */
+ @source "../../../../../libs/**/*.{ts,tsx,js,jsx,css}";
+ 
+ /* This loads all trackunit source files for tailwind to watch for changes */
+ @source "../../../**/*.{ts,tsx,js,jsx,css}";
+ 
+ /* Override to fix type="button" in safari */
+ [type="button"] {
+   -webkit-appearance: none;
+   -moz-appearance: none;
+   appearance: none;
+ }
+ 
+ /* Hide scrollbar for Chrome, Safari and Opera */
+ .no-scrollbar::-webkit-scrollbar {
+   display: none;
+ }
+ 
+ /* Hide scrollbar for IE, Edge and Firefox */
+ .no-scrollbar {
+   -ms-overflow-style: none; /* IE and Edge */
+   scrollbar-width: none; /* Firefox */
+ }
+ 
+ input[type="date"]::-webkit-datetime-edit-month-field:focus {
+   color: var(--color-primary-600);
+ }
+ 
+ input[type="date"]::-webkit-datetime-edit-day-field:focus {
+   color: var(--color-primary-600);
+ }
+ input[type="date"]::-webkit-datetime-edit-year-field:focus {
+   color: var(--color-primary-600);
+ }
+ 
+ h1,
+ h2,
+ h3,
+ h4 {
+   text-wrap: balance;
+ }
+ 
+ input[type="color"] {
+   -webkit-appearance: none;
+   -moz-appearance: none;
+   appearance: none;
+   border: none;
+   padding: 0;
+ }
+ 
+ input[type="color"]::-webkit-color-swatch-wrapper {
+   padding: 0;
+ }
+ 
+ input[type="color"]::-webkit-color-swatch {
+   border: none;
+ }
+ 
+ input[type="color"]::-moz-color-swatch {
+   border: none;
+ }
+ 
+ tr > th[data-pinned="left"]:not(:has(+ th[data-pinned="left"])) {
+   border-right-width: 2px;
+ }
+ tr > td[data-pinned="left"]:not(:has(+ td[data-pinned="left"])) {
+   border-right-width: 2px;
+ }
+ 
+ tr > th[data-pinned=""] + th[data-pinned="right"] {
+   border-left-width: 2px;
+ }
+ tr > td[data-pinned=""] + td[data-pinned="right"] {
+   border-left-width: 2px;
+ }
+ 
+ /* Row focus (body rows only) */
+ .row-focus:has(:focus-visible):not(:has([data-selection-cell] :focus-visible)) {
+   box-shadow: inset 0 0 0 2px var(--color-primary-600);
+   outline: none !important;
+ }
+ 
+ /* LEFT pinned — first cell in the block: left + top + bottom */
+ .row-focus:has(:focus-visible) > td[data-pinned="left"] {
+   box-shadow:
+     inset 2px 0 0 var(--color-primary-600),
+     inset 0 2px 0 var(--color-primary-600),
+     inset 0 -2px 0 var(--color-primary-600);
+ }
+ 
+ /* LEFT pinned — all following cells in the block: only top + bottom (no inner vertical line) */
+ .row-focus:has(:focus-visible) > td[data-pinned="left"] + td[data-pinned="left"] {
+   box-shadow:
+     inset 0 2px 0 var(--color-primary-600),
+     inset 0 -2px 0 var(--color-primary-600);
+ }
+ 
+ /* RIGHT pinned — last cell in the block: right + top + bottom */
+ .row-focus:has(:focus-visible) > td[data-pinned="right"] {
+   box-shadow:
+     inset -2px 0 0 var(--color-primary-600),
+     inset 0 2px 0 var(--color-primary-600),
+     inset 0 -2px 0 var(--color-primary-600);
+ }
+ 
+ /* RIGHT pinned — all cells that have another right pinned cell on their right: only top + bottom */
+ .row-focus:has(:focus-visible) > td[data-pinned="right"]:has(+ td[data-pinned="right"]) {
+   box-shadow:
+     inset 0 2px 0 var(--color-primary-600),
+     inset 0 -2px 0 var(--color-primary-600);
+ }
+ 

No alert changes

Improved metrics

Total package byte prevSize

343959

0.08%

Lines of code

1668

0.12%

No dependency changes