@redgate/brand-web-toolkit 0.0.7 → 0.0.9

package/tailwindcss/sql-server-central.css

@@ -8,6 +8,8 @@
       "Courier New", monospace;
     --text-xl: 20px;
     --text-xl--line-height: var(--line-height-10);
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
     --default-font-family: var(--font-family-body);
     --default-mono-font-family: var(--font-mono);
     --color-white: #FFFFFF;
@@ -106,6 +108,9 @@
     --spacing-360: 1440px;
     --spacing-400: 1600px;
     --spacing-480: 1920px;
+    --spacing-sm: var(--spacing-1-5);
+    --spacing-lg: var(--spacing-3);
+    --spacing-xl: var(--spacing-4);
     --radius-xxs: 2px;
     --radius-xs: 4px;
     --radius-sm: 6px;
@@ -149,14 +154,29 @@
     --fluid-line-height-max-16: 72;
     --fluid-line-height-min-17: 48;
     --fluid-line-height-max-17: 80;
+    --color-text-primary_on-accent-strongest-alt: var(--color-white);
     --color-text-secondary: var(--color-gray-700);
+    --color-text-secondary_hover: var(--color-gray-950);
+    --color-text-tertiary: var(--color-gray-600);
+    --color-text-tertiary_hover: var(--color-gray-700);
+    --color-border-primary: var(--color-gray-500);
+    --color-border-accent: var(--color-blue-600);
     --color-fg-accent-primary: var(--color-blue-600);
     --color-fg-accent-secondary: var(--color-blue-500);
+    --color-fg-error-secondary: var(--color-red-500);
+    --color-fg-warning-secondary: var(--color-yellow-500);
+    --color-fg-success-secondary: var(--color-green-500);
+    --color-fg-info-secondary: var(--color-blue-500);
     --color-bg-primary: var(--color-white);
+    --color-bg-primary_hover: var(--color-gray-50);
     --color-bg-secondary: var(--color-gray-50);
     --color-bg-tertiary: var(--color-gray-100);
+    --color-bg-accent-strongest: var(--color-yellow-200);
+    --color-bg-accent-strongest-alt: var(--color-blue-600);
+    --color-bg-accent-strongest-alt_hover: var(--color-blue-700);
     --default-font-color: var(--color-text-secondary);
     --default-background-color: var(--color-bg-primary);
+    --radius-button-default: var(--radius-xs);
     --font-family-display: 'Roboto', sans-serif;
     --font-family-body: 'Roboto', sans-serif;
   }
@@ -310,6 +330,9 @@
   }
 }
 @layer utilities {
+  .pointer-events-none {
+    pointer-events: none;
+  }
   .static {
     position: static;
   }
@@ -334,6 +357,9 @@
   .contents {
     display: contents;
   }
+  .flex {
+    display: flex;
+  }
   .grid {
     display: grid;
   }
@@ -343,12 +369,210 @@
   .inline {
     display: inline;
   }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .table {
+    display: table;
+  }
+  .grow {
+    flex-grow: 1;
+  }
   .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;
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .gap-5 {
+    gap: var(--spacing-5);
+  }
+  .gap-sm {
+    gap: var(--spacing-sm);
+  }
+  .overflow-clip {
+    overflow: clip;
+  }
+  .rounded-button-default {
+    border-radius: var(--radius-button-default);
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-l-10 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 10px;
+  }
+  .border-fg-error-secondary {
+    border-color: var(--color-fg-error-secondary);
+  }
+  .border-fg-info-secondary {
+    border-color: var(--color-fg-info-secondary);
+  }
+  .border-fg-success-secondary {
+    border-color: var(--color-fg-success-secondary);
+  }
+  .border-fg-warning-secondary {
+    border-color: var(--color-fg-warning-secondary);
+  }
+  .bg-bg-accent-strongest-alt {
+    background-color: var(--color-bg-accent-strongest-alt);
+  }
+  .bg-bg-primary {
+    background-color: var(--color-bg-primary);
+  }
+  .bg-bg-secondary {
+    background-color: var(--color-bg-secondary);
+  }
+  .p-5 {
+    padding: var(--spacing-5);
+  }
+  .px-xl {
+    padding-inline: var(--spacing-xl);
+  }
+  .py-lg {
+    padding-block: var(--spacing-lg);
+  }
+  .text-md {
+    font-size: var(--text-md);
+    line-height: var(--tw-leading, var(--text-md--line-height));
+  }
+  .font-bold {
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  .text-fg-error-secondary {
+    color: var(--color-fg-error-secondary);
+  }
+  .text-fg-info-secondary {
+    color: var(--color-fg-info-secondary);
+  }
+  .text-fg-success-secondary {
+    color: var(--color-fg-success-secondary);
+  }
+  .text-fg-warning-secondary {
+    color: var(--color-fg-warning-secondary);
+  }
+  .text-text-primary_on-accent-strongest-alt {
+    color: var(--color-text-primary_on-accent-strongest-alt);
+  }
+  .text-text-secondary {
+    color: var(--color-text-secondary);
+  }
+  .text-text-tertiary {
+    color: var(--color-text-tertiary);
+  }
   .lowercase {
     text-transform: lowercase;
   }
+  .inset-ring-1 {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .inset-ring-2 {
+    --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .inset-ring-border-accent {
+    --tw-inset-ring-color: var(--color-border-accent);
+  }
+  .hover\:bg-bg-accent-strongest-alt_hover {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-bg-accent-strongest-alt_hover);
+      }
+    }
+  }
+  .hover\:bg-bg-primary_hover {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-bg-primary_hover);
+      }
+    }
+  }
+  .hover\:text-text-secondary_hover {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text-secondary_hover);
+      }
+    }
+  }
+  .hover\:text-text-tertiary_hover {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text-tertiary_hover);
+      }
+    }
+  }
+  .disabled\:cursor-not-allowed {
+    &:disabled {
+      cursor: not-allowed;
+    }
+  }
+  .disabled\:bg-bg-accent-strongest {
+    &:disabled {
+      background-color: var(--color-bg-accent-strongest);
+    }
+  }
+  .disabled\:bg-bg-primary {
+    &:disabled {
+      background-color: var(--color-bg-primary);
+    }
+  }
+  .disabled\:text-text-primary_on-accent-strongest-alt {
+    &:disabled {
+      color: var(--color-text-primary_on-accent-strongest-alt);
+    }
+  }
+  .disabled\:text-text-secondary {
+    &:disabled {
+      color: var(--color-text-secondary);
+    }
+  }
+  .disabled\:text-text-tertiary {
+    &:disabled {
+      color: var(--color-text-tertiary);
+    }
+  }
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
+  }
+  .disabled\:inset-ring-1 {
+    &:disabled {
+      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .disabled\:inset-ring-2 {
+    &:disabled {
+      --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .disabled\:inset-ring-border-primary {
+    &:disabled {
+      --tw-inset-ring-color: var(--color-border-primary);
+    }
+  }
 }
 @layer base {
   html, :host {
@@ -470,6 +694,8 @@
     --color-fg-warning-secondary: var(--color-yellow-400);
     --color-fg-success-primary: var(--color-green-500);
     --color-fg-success-secondary: var(--color-green-400);
+    --color-fg-info-primary: var(--color-blue-500);
+    --color-fg-info-secondary: var(--color-blue-400);
     --color-bg-quaternary: var(--color-gray-700);
     --color-bg-quaternary-hover: var(--color-gray-700);
     --color-bg-overlay: var(--color-gray-800);
@@ -551,6 +777,80 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
 @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 {
@@ -559,6 +859,22 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-border-style: solid;
+      --tw-font-weight: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
     }
   }
 }

package/tailwindcss/src/pass/input.css

@@ -110,6 +110,8 @@
     --color-fg-warning-secondary: var(--color-yellow-500);
     --color-fg-success-primary: var(--color-green-600);
     --color-fg-success-secondary: var(--color-green-500);
+    --color-fg-info-primary: var(--color-blue-600);
+    --color-fg-info-secondary: var(--color-blue-500);
 
     --color-bg-quaternary: var(--color-gray-200);
     --color-bg-quaternary-hover: var(--color-gray-200);
@@ -308,6 +310,8 @@
         --color-fg-warning-secondary: var(--color-yellow-400);
         --color-fg-success-primary: var(--color-green-500);
         --color-fg-success-secondary: var(--color-green-400);
+        --color-fg-info-primary: var(--color-blue-500);
+        --color-fg-info-secondary: var(--color-blue-400);
 
         --color-bg-quaternary: var(--color-indigo-700);
         --color-bg-quaternary-hover: var(--color-indigo-700);

package/tailwindcss/src/redgate/input.css

@@ -103,6 +103,8 @@
     --color-fg-warning-secondary: var(--color-yellow-500);
     --color-fg-success-primary: var(--color-green-600);
     --color-fg-success-secondary: var(--color-green-500);
+    --color-fg-info-primary: var(--color-blue-600);
+    --color-fg-info-secondary: var(--color-blue-500);
     --color-bg-quaternary: var(--color-gray-200);
     --color-bg-quaternary-hover: var(--color-gray-200);
     --color-bg-overlay: var(--color-gray-950);
@@ -267,6 +269,8 @@
         --color-fg-warning-secondary: var(--color-yellow-400);
         --color-fg-success-primary: var(--color-green-500);
         --color-fg-success-secondary: var(--color-green-400);
+        --color-fg-info-primary: var(--color-blue-500);
+        --color-fg-info-secondary: var(--color-blue-400);
         --color-bg-quaternary: var(--color-gray-700);
         --color-bg-quaternary-hover: var(--color-gray-700);
         --color-bg-overlay: var(--color-gray-800);

package/tailwindcss/src/sql-server-central/input.css

@@ -106,6 +106,8 @@
     --color-fg-warning-secondary: var(--color-yellow-500);
     --color-fg-success-primary: var(--color-green-600);
     --color-fg-success-secondary: var(--color-green-500);
+    --color-fg-info-primary: var(--color-blue-600);
+    --color-fg-info-secondary: var(--color-blue-500);
 
     --color-bg-quaternary: var(--color-gray-200);
     --color-bg-quaternary-hover: var(--color-gray-200);
@@ -285,6 +287,8 @@
         --color-fg-warning-secondary: var(--color-yellow-400);
         --color-fg-success-primary: var(--color-green-500);
         --color-fg-success-secondary: var(--color-green-400);
+        --color-fg-info-primary: var(--color-blue-500);
+        --color-fg-info-secondary: var(--color-blue-400);
         --color-bg-quaternary: var(--color-gray-700);
         --color-bg-quaternary-hover: var(--color-gray-700);
         --color-bg-overlay: var(--color-gray-800);