Merge pull request #4 from pennions/package/flightkit

Package/flightkit
pennions · Mar 27, 2024 · ea0ec29 · ea0ec29
2 parents da3f370 + c1f3dfb
commit ea0ec29
Show file tree

Hide file tree

Showing 107 changed files with 6,860 additions and 562 deletions.
diff --git a/aviancss/base/base.less b/aviancss/base/base.less
@@ -50,6 +50,13 @@ picture {
     display: block;
 }
 
+/** for default centering of lucide icons **/
+.lucide {
+    position: relative;
+    top: 3px;
+    left: 2px;
+}
+
 /** Remove all animations, transitions and smooth scroll for people that prefer not to see them */
 @media (prefers-reduced-motion: reduce) {
     html:focus-within {

diff --git a/aviancss/layout/display-utilities.less b/aviancss/layout/display-utilities.less
@@ -30,6 +30,10 @@
     display: block;
 }
 
+.hidden {
+    display: none;
+}
+
 /* manual device utilities */
 .mobile {
     @media (min-width: @md) {

diff --git a/aviancss/layout/margin.less b/aviancss/layout/margin.less
@@ -1,18 +1,18 @@
 .m-0 {
-    margin: var(--distance-0);
+    margin: var(--distance-0) !important;
 }
 .ml-0 {
-    margin-left: var(--distance-0);
+    margin-left: var(--distance-0) !important;
 }
 .mr-0 {
-    margin-right: var(--distance-0);
+    margin-right: var(--distance-0) !important;
 }
 .mt-0 {
-    margin-top: var(--distance-0);
+    margin-top: var(--distance-0) !important;
 }
 
 .mb-0 {
-    margin-bottom: var(--distance-0);
+    margin-bottom: var(--distance-0) !important;
 }
 
 .mx-0 {
@@ -21,23 +21,23 @@
 }
 
 .m-1 {
-    margin: var(--distance-1);
+    margin: var(--distance-1) !important;
 }
 
 .m-2 {
-    margin: var(--distance-2);
+    margin: var(--distance-2) !important;
 }
 
 .m-3 {
-    margin: var(--distance-3);
+    margin: var(--distance-3) !important;
 }
 
 .m-4 {
-    margin: var(--distance-4);
+    margin: var(--distance-4) !important;
 }
 
 .m-5 {
-    margin: var(--distance-5);
+    margin: var(--distance-5) !important;
 }
 
 .mx-auto {
@@ -96,79 +96,79 @@
 }
 
 .mt-auto {
-    margin-top: auto;
+    margin-top: auto !important;
 }
 .mt-1 {
-    margin-top: var(--distance-1);
+    margin-top: var(--distance-1) !important;
 }
 .mt-2 {
-    margin-top: var(--distance-2);
+    margin-top: var(--distance-2) !important;
 }
 .mt-3 {
-    margin-top: var(--distance-3);
+    margin-top: var(--distance-3) !important;
 }
 .mt-4 {
-    margin-top: var(--distance-4);
+    margin-top: var(--distance-4) !important;
 }
 .mt-5 {
-    margin-top: var(--distance-5);
+    margin-top: var(--distance-5) !important;
 }
 
 .ml-auto {
-    margin-left: auto;
+    margin-left: auto !important;
 }
 .ml-1 {
-    margin-left: var(--distance-1);
+    margin-left: var(--distance-1) !important;
 }
 .ml-2 {
-    margin-left: var(--distance-2);
+    margin-left: var(--distance-2) !important;
 }
 .ml-3 {
-    margin-left: var(--distance-3);
+    margin-left: var(--distance-3) !important;
 }
 .ml-4 {
-    margin-left: var(--distance-4);
+    margin-left: var(--distance-4) !important;
 }
 .ml-5 {
-    margin-left: var(--distance-5);
+    margin-left: var(--distance-5) !important;
 }
 
 .mr-auto {
-    margin-right: auto;
+    margin-right: auto !important;
 }
 .mr-1 {
-    margin-right: var(--distance-1);
+    margin-right: var(--distance-1) !important;
 }
 .mr-2 {
-    margin-right: var(--distance-2);
+    margin-right: var(--distance-2) !important;
 }
 .mr-3 {
-    margin-right: var(--distance-3);
+    margin-right: var(--distance-3) !important;
 }
 .mr-4 {
-    margin-right: var(--distance-4);
+    margin-right: var(--distance-4) !important;
 }
 .mr-5 {
-    margin-right: var(--distance-5);
+    margin-right: var(--distance-5) !important;
 }
 
 .mb-auto {
-    margin-bottom: auto;
+    margin-bottom: auto !important;
 }
 .mb-1 {
-    margin-bottom: var(--distance-1);
+    margin-bottom: var(--distance-1) !important;
 }
 .mb-2 {
-    margin-bottom: var(--distance-2);
+    margin-bottom: var(--distance-2) !important;
 }
 .mb-3 {
-    margin-bottom: var(--distance-3);
+    margin-bottom: var(--distance-3) !important;
 }
 .mb-4 {
-    margin-bottom: var(--distance-4);
+    margin-bottom: var(--distance-4) !important;
 }
 .mb-5 {
-    margin-bottom: var(--distance-5);
+    margin-bottom: var(--distance-5) !important;
 }
 
 @media (min-width: @md) and (max-width: @lg) {

diff --git a/aviancss/theme/buttons.less b/aviancss/theme/buttons.less
@@ -1,10 +1,14 @@
-summary.button,
 button {
     border-radius: 2px;
     padding: 0.6rem 1.5rem 0.9rem 1.5rem;
     background-color: transparent;
     border: 0;
 
+    /** if we have a span, then we do not need to adjust for lineheight **/
+    &:has(span) {
+        padding: 0.6rem 1.5rem;
+    }
+
     &:focus,
     &:active {
         outline: none;
@@ -14,67 +18,67 @@ button {
 
     &:not(.no-border) {
         .border();
-        background-color: var(--button-background);
+        background-color: var(--button-background) !important;
     }
 
     &:hover {
         cursor: pointer;
-        background-color: var(--button-hover);
+        background-color: var(--button-hover) !important;
     }
 
     &.icon {
         display: flex;
         flex-direction: column;
         width: auto;
         padding: 0;
-        color: var(--icon);
+        color: var(--icon) !important;
 
         &:disabled {
-            color: var(--icon-disabled);
+            color: var(--icon-disabled) !important;
 
             &:hover {
-                background-color: transparent;
+                background-color: transparent !important;
             }
         }
     }
 
     &.primary {
         border: 0;
-        color: var(--color-on-primary);
-        background-color: var(--primary);
+        color: var(--color-on-primary) !important;
+        background-color: var(--primary) !important;
 
         &:hover {
-            background-color: var(--primary-hover);
+            background-color: var(--primary-hover) !important;
         }
     }
 
     &.danger {
         border: 0;
-        color: var(--color-on-danger);
-        background-color: var(--danger);
+        color: var(--color-on-danger) !important;
+        background-color: var(--danger) !important;
 
         &:hover {
-            background-color: var(--danger-hover);
+            background-color: var(--danger-hover) !important;
         }
     }
 
     &.accent {
         border: 0;
-        color: var(--color-on-accent);
-        background-color: var(--accent);
+        color: var(--color-on-accent) !important;
+        background-color: var(--accent) !important;
 
         &:hover {
-            background-color: var(--accent-hover);
+            background-color: var(--accent-hover) !important;
         }
     }
 
     &.contrast {
         border: 0;
-        color: var(--color-on-contrast);
-        background-color: var(--contrast);
+        color: var(--color-on-contrast) !important;
+        background-color: var(--contrast) !important;
 
         &:hover {
-            background-color: var(--contrast-hover);
+            background-color: var(--contrast-hover) !important;
         }
     }
 
@@ -84,66 +88,66 @@ button {
     &.contrast {
         &:focus,
         &:active {
-            box-shadow: 0 0 0 1px var(--button-outline-color);
+            box-shadow: 0 0 0 1px var(--button-outline-color) !important;
         }
 
         &.disabled,
         &:disabled {
-            color: var(--colored-disabled-button-color);
+            color: var(--colored-disabled-button-color) !important;
             cursor: initial;
             outline: none;
 
             &:not(.link) {
-                background-color: var(--disabled-button-background);
-                border-color: var(--disabled-button-background);
+                background-color: var(--disabled-button-background) !important;
+                border-color: var(--disabled-button-background) !important;
             }
         }
     }
 
     &.outline-hover:hover {
         background-color: transparent;
-        outline: 0.5px solid var(--button-outline-color);
+        outline: 0.5px solid var(--button-outline-color) !important;
     }
 
     &.link {
         border: 0;
-        color: var(--primary);
-        background-color: transparent;
+        color: var(--primary) !important;
+        background-color: transparent !important;
         padding: 0;
 
         &.accent {
-            color: var(--accent);
+            color: var(--accent) !important;
         }
 
         &.contrast {
-            color: var(--contrast);
+            color: var(--contrast) !important;
         }
 
         &.danger {
-            color: var(--danger);
+            color: var(--danger) !important;
         }
 
         &:hover,
         &:focus,
         &:active {
-            text-decoration: underline;
-            background-color: transparent;
-            box-shadow: unset;
+            text-decoration: underline !important;
+            background-color: transparent !important;
+            box-shadow: unset !important;
         }
     }
 
     &.disabled,
     &:disabled {
-        color: var(--disabled-button-color);
+        color: var(--disabled-button-color) !important;
         cursor: initial;
 
         &:not(.link):not(.icon) {
-            background-color: var(--disabled-button-background);
-            border-color: var(--disabled-button-background);
+            background-color: var(--disabled-button-background) !important;
+            border-color: var(--disabled-button-background) !important;
         }
 
         &.link {
-            color: var(--disabled-button-color);
+            color: var(--disabled-button-color) !important;
         }
 
         &:hover {

diff --git a/aviancss/theme/table.less b/aviancss/theme/table.less
@@ -8,10 +8,6 @@ table {
         padding: 0.5rem 2.5rem 0.6rem 0.5rem;
     }
 
-    th {
-        padding-left: 0.3rem;
-    }
-
     &:not(.no-hover) tbody tr {
         &:hover {
             background-color: var(--table-hover);