@tight-embedded/react 6.0.2 → 6.1.0

package/dist/41.css

@@ -1,245 +0,0 @@
-:where(:root, :host) {
-    /* Brand Colors */
-    --Tight-colors-brand-primary-weak: #000000;
-    --Tight-colors-brand-primary: #000000;
-    --Tight-colors-brand-primary-strong: #000000;
-
-    --Tight-colors-brand-action-weak: rgba(0, 0, 0, 0.02);
-    --Tight-colors-brand-action: rgba(0, 0, 0, 0.04);
-    --Tight-colors-brand-action-strong: rgba(0, 0, 0, 0.06);
-
-    --Tight-colors-brand-success-weak: #b9ffbb;
-    --Tight-colors-brand-success: #33F28B;
-    --Tight-colors-brand-success-strong: rgb(37, 216, 117);
-
-    --Tight-colors-brand-warning-weak: #626262;
-    --Tight-colors-brand-warning: #626262;
-    --Tight-colors-brand-warning-strong: #000000;
-
-    --Tight-colors-brand-danger-weak: #FFAAAA;
-    --Tight-colors-brand-danger: #F0685F;
-    --Tight-colors-brand-danger-strong: #E12513;
-
-    /* Surface Colors */
-    --Tight-colors-surface-background: #FAFAFA;
-    --Tight-colors-surface-foreground: #FFFFFF;
-
-    --Tight-colors-surface-intent-success: #33F28B;
-    --Tight-colors-surface-intent-success-hover: rgb(37, 216, 117);
-
-    --Tight-colors-surface-intent-warning-hover: #000000;
-
-    /* Border Colors */
-    --Tight-colors-border-layout-weak: rgba(0, 0, 0, 0.10);
-    --Tight-colors-border-layout: rgba(0, 0, 0, 0.18);
-    --Tight-colors-border-layout-strong: rgba(0, 0, 0, 0.18);
-
-    --Tight-colors-border-intent-success: transparent;
-    --Tight-colors-border-intent-success-hover: transparent;
-    --Tight-colors-border-intent-success-active: transparent;
-
-    --Tight-colors-border-intent-warning: transparent;
-    --Tight-colors-border-intent-warning-hover: transparent;
-    --Tight-colors-border-intent-warning-active: transparent;
-
-    --Tight-colors-border-intent-danger: transparent;
-    --Tight-colors-border-intent-danger-hover: transparent;
-    --Tight-colors-border-intent-danger-active: transparent;
-
-    /* Money Colors */
-    --Tight-colors-money-positive: #00863A;
-    --Tight-colors-money-positive-weak: rgb(37, 216, 117);
-    --Tight-colors-money-negative: #F8645B;
-    --Tight-colors-money-negative-weak: #FD9390;
-
-    /* Custom Colors */
-    --zb-success-badge: rgb(141, 248, 181);
-    --zb-banner-default: #ededed;
-    --zb-banner-promo: #111112;
-    --zb-banner-error: #ffaaaa;
-    --zb-banner-info: #bed4ff;
-    --zb-banner-action: #b9ffbb;
-    --zb-banner-ai: #d1b5ff;
-
-    /* Layout */
-    --Tight-radii-sm: 4px;
-    --Tight-radii-md: 12px;
-    --Tight-radii-lg: 12px;
-
-    --Tight-shadows-box-shadow: 0 2px 10px 0 rgba(153, 153, 153, 0.5);
-
-    /* Typography */
-    --Tight-fontSizes-label: 16px;
-    --Tight-fontSizes-label-sub: 14px;
-    --Tight-fontSizes-label-strong: 16px;
-    --Tight-fontSizes-label-strongSub: 14px;
-
-    --Tight-fontWeights-md: 500;
-
-    --Tight-colors-typography-base: rgba(0, 0, 0, 0.93);
-    --Tight-colors-typography-base-weak: rgba(0, 0, 0, 0.74);
-
-    --Tight-colors-typography-intent-primary: #FFFFFF;
-    --Tight-colors-typography-intent-primary-hover: #FFFFFF;
-    --Tight-colors-typography-intent-primary-active: #FFFFFF;
-
-    --Tight-colors-typography-intent-action-hover: #6F7576;
-
-    --Tight-colors-typography-intent-warning: #FFFFFF;
-    --Tight-colors-typography-intent-warning-hover: #FFFFFF;
-    --Tight-colors-typography-intent-warning-active: #FFFFFF;
-}
-
-* {
-    font-family: "Inter", sans-serif;
-}
-.Tight-label {
-    line-height: 18px;
-}
-.Tight-strong-label {
-    line-height: 18px;
-}
-.Tight-sub-label {
-    line-height: 16px;
-}
-.Tight-strong-sub-label {
-    line-height: 16px;
-}
-
-.Tight-filter-bar {
-    background-color: var(--Tight-colors-surface-foreground);
-    border: 1px solid var(--Tight-colors-border-layout-strong);
-}
-
-.Tight-business-owner-table {
-    border: none;
-}
-.Tight-table-parent-row {
-    margin-bottom: 12px;
-    border: 1px solid var(--Tight-colors-border-layout-strong);
-    border-radius: var(--Tight-radii-md);
-    background-color: var(--Tight-colors-surface-foreground);
-}
-
-.Tight-popup {
-    background-color: var(--Tight-colors-surface-foreground);
-    border-radius: var(--Tight-radii-sm);
-    border: none;
-}
-.Tight-selector-row {
-    border: none;
-}
-
-.Tight-table-cell-divider {
-    display: none;
-}
-.Tight-badge {
-    border-radius: 9999px;
-    height: 28px;
-    padding-left: 12px;
-    padding-right: 12px;
-    border: none;
-}
-.Tight-success-badge {
-    background-color: var(--zb-success-badge);
-
-    &:focus-visible, &[data-state="open"] {
-        background-color: var(--Tight-colors-brand-success);
-    }
-    @media (hover: hover) and (pointer: fine) {
-        &:hover {
-            background-color: var(--Tight-colors-brand-success);
-        }
-    }
-}
-
-.Tight-drawer-header {
-    background-color: var(--Tight-colors-surface-background);
-    padding-left: 24px;
-    padding-right: 24px;
-}
-.Tight-form-header-border {
-    margin-right: 24px;
-    margin-left: 24px;
-}
-.Tight-form-body {
-    padding-left: 24px;
-    padding-right: 24px;
-}
-
-.Tight-button-base {
-    border-radius: var(--Tight-radii-sm);
-}
-.Tight-button-secondary {
-    border: 1px solid var(--Tight-colors-brand-primary-strong);
-    &:active:enabled, &[data-active="true"]:enabled {
-        background-color: #FFFFFF;
-        color: var(--Tight-colors-brand-primary-strong);
-        .Tight-text {
-            color: var(--Tight-colors-brand-primary-strong);
-        }
-        .Tight-icon > path {
-            stroke: var(--Tight-colors-brand-primary-strong);
-        }
-    }
-
-    @media (hover: hover) and (pointer: fine) {
-        &:hover:not(:disabled) {
-            background-color: #FFFFFF;
-            color: var(--Tight-colors-brand-primary-strong);
-
-            .Tight-text {
-                color: var(--Tight-colors-brand-primary-strong);
-            }
-
-            .Tight-icon > path {
-                stroke: var(--Tight-colors-brand-primary-strong);
-            }
-        }
-    }
-}
-
-.Tight-month-picker-left-button {
-    border-right: none;
-}
-.Tight-month-picker-right-button {
-    border-left: none;
-}
-
-.Tight-tile {
-    box-shadow: none;
-}
-.Tight-tile-header {
-    border-bottom: none;
-}
-
-.Tight-banner {
-    border-color: var(--Tight-colors-border-layout-weak);
-}
-.Tight-banner-high {
-    background-color: var(--zb-banner-action);
-}
-.Tight-banner-medium {
-    background-color: var(--zb-banner-default);
-}
-.Tight-banner-button { /* match zb solid black banner buttons */
-    background-color: var(--Tight-colors-surface-intent-primary);
-    border-color: var(--Tight-colors-border-intent-primary);
-    @media (hover: hover) and (pointer: fine) {
-        &:hover:not(:disabled) {
-            background-color: var(--Tight-colors-surface-intent-primary-hover);
-            border-color: var(--Tight-colors-border-intent-primary-hover);
-        }
-    }
-
-    &:active:enabled, &[data-active='true']:enabled {
-        background-color: var(--Tight-colors-surface-intent-primary-active);
-        border-color: var(--Tight-colors-border-intent-primary-active);
-    }
-}
-.Tight-banner-button-text {
-    color: var(--Tight-colors-typography-intent-primary);
-}
-.Tight-banner-button-icon > path {
-    stroke: var(--Tight-colors-icon-intent-primary);
-}

package/dist/gcentra.css

@@ -1,25 +0,0 @@
-/**
- * @license
- *
- * Font Family: G Centra
- * Designed by: Unknown
- *
- * Font Styles:
- *  G Centra Book (400)
- *  G Centra Medium (500)
- *
- */
-
-@font-face {
-  font-family: "G Centra";
-  src: url('./fonts/gcentra-book.woff') format('woff'), url('./fonts/gcentra-book.woff2') format('woff2'), url('./fonts/G centra-book.otf') format('opentype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "G Centra";
-  src: url('./fonts/gcentra-medium.woff') format('woff'), url('./fonts/gcentra-medium.woff2') format('woff2'), url('./fonts/G centra-medium.otf') format('opentype');
-  font-weight: 500;
-  font-style: normal;
-}

package/dist/inter.css

@@ -1,36 +0,0 @@
-@font-face {
-    font-family: 'Inter';
-    src: url('./fonts/Inter-ExtraLight.ttf') format('truetype');
-    font-weight: 200;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Inter';
-    src: url('./fonts/Inter-Light.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Inter';
-    src: url('./fonts/Inter-Regular.ttf') format('truetype');
-    font-weight: 400;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Inter';
-    src: url('./fonts/Inter-Medium.ttf') format('truetype');
-    font-weight: 500;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Inter';
-    src: url('./fonts/Inter-SemiBold.ttf') format('truetype');
-    font-weight: 600;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Inter';
-    src: url('./fonts/Inter-Bold.ttf') format('truetype');
-    font-weight: 700;
-    font-style: normal;
-}