@arcanewizards/timecode-toolbox 0.1.0 → 0.1.1

package/dist/entrypoint.css

@@ -838,6 +838,9 @@ body.touch-mode * {
 .left-0 {
   left: 0px;
 }
+.m-0 {
+  margin: 0px;
+}
 .m-0\.25 {
   margin: calc(var(--arcane-spacing) / 8);
 }
@@ -864,15 +867,24 @@ body.touch-mode * {
 .h-1 {
   height: calc(var(--arcane-spacing) / 2);
 }
+.h-\[20\%\] {
+  height: 20%;
+}
 .h-full {
   height: 100%;
 }
 .h-screen {
   height: 100vh;
 }
+.max-h-\[420px\] {
+  max-height: 420px;
+}
 .min-h-\[36px\] {
   min-height: 36px;
 }
+.min-h-\[110px\] {
+  min-height: 110px;
+}
 .min-h-timecode-min-height {
   min-height: var(--timecode-min-height);
 }
@@ -885,6 +897,9 @@ body.touch-mode * {
 .basis-0 {
   flex-basis: 0px;
 }
+.transform {
+  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -915,6 +930,9 @@ body.touch-mode * {
 .gap-1 {
   gap: calc(var(--arcane-spacing) / 2);
 }
+.gap-2 {
+  gap: calc(var(--arcane-spacing));
+}
 .gap-px {
   gap: 1px;
 }
@@ -940,12 +958,27 @@ body.touch-mode * {
   border-top-style: var(--tw-border-style);
   border-top-width: 1px;
 }
+.border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
 .border-sigil-bg-light {
   border-color: var(--sigil-bg-light);
 }
 .border-sigil-border {
   border-color: var(--sigil-border);
 }
+.border-sigil-usage-blue-border {
+  border-color: var(--sigil-usage-blue-border);
+}
+.border-sigil-usage-blue-selected-border {
+  border-color: var(
+    --sigil-usage-blue-selected-border
+  );
+}
+.border-sigil-usage-orange-border {
+  border-color: var(--sigil-usage-orange-border);
+}
 .border-timecode-usage-foreground {
   border-color: var(--timecode-usage-foreground);
 }
@@ -958,6 +991,17 @@ body.touch-mode * {
 .bg-sigil-border {
   background-color: var(--sigil-border);
 }
+.bg-sigil-usage-blue-background {
+  background-color: var(--sigil-usage-blue-background);
+}
+.bg-sigil-usage-blue-selected-background {
+  background-color: var(
+    --sigil-usage-blue-selected-background
+  );
+}
+.bg-sigil-usage-orange-background {
+  background-color: var(--sigil-usage-orange-background);
+}
 .bg-sigil-usage-red-background {
   background-color: var(--sigil-usage-red-background);
 }
@@ -975,15 +1019,27 @@ body.touch-mode * {
 .p-1 {
   padding: calc(var(--arcane-spacing) / 2);
 }
+.p-2 {
+  padding: calc(var(--arcane-spacing));
+}
 .p-px {
   padding: 1px;
 }
 .px-1 {
   padding-inline: calc(var(--arcane-spacing) / 2);
 }
+.px-2 {
+  padding-inline: calc(var(--arcane-spacing));
+}
+.py-0\.5 {
+  padding-block: calc(var(--arcane-spacing) / 4);
+}
 .py-0\.25 {
   padding-block: calc(var(--arcane-spacing) / 8);
 }
+.pb-2 {
+  padding-bottom: calc(var(--arcane-spacing));
+}
 .text-center {
   text-align: center;
 }
@@ -1021,9 +1077,15 @@ body.touch-mode * {
 .text-sigil-foreground-muted {
   color: var(--sigil-foreground-muted);
 }
+.text-sigil-usage-blue-text {
+  color: var(--sigil-usage-blue-text);
+}
 .text-sigil-usage-hint-foreground {
   color: var(--sigil-usage-hint-foreground);
 }
+.text-sigil-usage-orange-text {
+  color: var(--sigil-usage-orange-text);
+}
 .text-sigil-usage-red-text {
   color: var(--sigil-usage-red-text);
 }
@@ -1045,6 +1107,9 @@ body.touch-mode * {
 .opacity-50 {
   opacity: 50%;
 }
+.filter {
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+}
 .text-hint-gradient {
   background: linear-gradient( to bottom right, var(--sigil-usage-hint-gradient-light), var(--sigil-usage-hint-gradient-dark) );
   -webkit-background-clip: text;
@@ -1059,6 +1124,15 @@ body.touch-mode * {
 .writing-mode-vertical-rl {
   writing-mode: vertical-rl;
 }
+.hover\:bg-sigil-usage-blue-selected-border {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(
+    --sigil-usage-blue-selected-border
+  );
+    }
+  }
+}
 .hover\:bg-timecode-backdrop-hover {
   &:hover {
     @media (hover: hover) {
@@ -1577,6 +1651,17 @@ body.touch-mode * {
   --tw-drop-shadow: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.5));
   filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
 }
+.sigil-control-button-primary {
+  --sigil-control-button-bg: var(--sigil-usage-hint-background);
+  --sigil-control-button-bg-hover: var(--sigil-usage-hint-border);
+  --sigil-control-button-bg-active: var(--sigil-usage-hint-border);
+  --sigil-control-button-fg: var(--sigil-usage-hint-text);
+  --sigil-control-button-fg-hover: var(--sigil-usage-hint-text);
+  --sigil-control-button-fg-active: var(--sigil-usage-hint-text);
+  --sigil-control-button-border: transparent;
+  --sigil-control-button-border-hover: transparent;
+  --sigil-control-button-border-active: transparent;
+}
 .outline-none {
   --tw-outline-style: none;
   outline-style: none;
@@ -1704,59 +1789,6 @@ body.touch-mode * {
   --sigil-control-button-border-hover: var(--sigil-border);
   --sigil-control-button-border-active: var(--sigil-bg-light);
 }
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
-  syntax: "*";
-  inherits: false;
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -2635,6 +2667,79 @@ body {
   user-select: none;
   --arcane-page-bg: #1f1f1f;
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -2660,6 +2765,11 @@ body {
       --tw-text-shadow-color: initial;
       --tw-text-shadow-alpha: 100%;
       --tw-content: "";
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;