npm - @terraware/web-components - Versions diffs - 1.0.47 → 1.0.49 - Mend

@terraware/web-components 1.0.47 → 1.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/components/Autocomplete/styles.scss +3 -2
package/components/Button/styles.scss +59 -58
package/components/DatePicker/styles.scss +9 -8
package/components/DialogBox/styles.scss +7 -6
package/components/ErrorBox/styles.scss +5 -4
package/components/Message/styles.scss +31 -30
package/components/Navbar/styles.scss +21 -20
package/components/Select/styles.scss +37 -36
package/components/Textfield/styles.scss +30 -29
package/components/table/index.d.ts +1 -1
package/components/table/index.d.ts.map +1 -1
package/components/table/index.js +8 -3
package/license-report.html +1 -1
package/package.json +1 -1

package/components/Autocomplete/styles.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../style-dictionary-dist/textfield_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -14,7 +15,7 @@
     font-size: $tw-fnt-frm-fld-label-font-size;
     font-weight: $tw-fnt-frm-fld-label-font-weight;
     line-height: $tw-fnt-frm-fld-label-line-height;
-    color: $tw-clr-frm-fld-label;
+    color: $tw-clr-txt-secondary;
     margin-bottom: $tw-spc-base-xx-small;
     display: block;
     width: 100%;
@@ -22,7 +23,7 @@
   }
   .MuiInputBase-root {
-    border: 1px solid $tw-clr-base-semantic-passive;
+    border: 1px solid $tw-clr-bg-info;
     position: unset;
     padding: 0;
   }

package/components/Button/styles.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../style-dictionary-dist/button_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -35,7 +36,7 @@
         left: calc(#{-$tw-sz-btn-stroke} * 2);
         right: calc(#{-$tw-sz-btn-stroke} * 2);
         border-radius: calc(#{$tw-sz-btn-small-height + $tw-sz-btn-stroke * 4} / 2);
-        border: $tw-sz-btn-stroke solid $tw-clr-btn-stroke-focus;
+        border: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
       }
     }
@@ -78,7 +79,7 @@
         left: calc(#{-$tw-sz-btn-stroke} * 2);
         right: calc(#{-$tw-sz-btn-stroke} * 2);
         border-radius: calc(#{$tw-sz-btn-medium-height + $tw-sz-btn-stroke * 4} / 2);
-        border: $tw-sz-btn-stroke solid $tw-clr-btn-stroke-focus;
+        border: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
       }
     }
     &.button-with-icon {
@@ -120,7 +121,7 @@
         left: calc(#{-$tw-sz-btn-stroke} * 2);
         right: calc(#{-$tw-sz-btn-stroke} * 2);
         border-radius: calc(#{$tw-sz-btn-large-height + $tw-sz-btn-stroke * 4} / 2);
-        border: $tw-sz-btn-stroke solid $tw-clr-btn-stroke-focus;
+        border: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
       }
     }
     &.button-with-icon {
@@ -161,7 +162,7 @@
         left: calc(#{-$tw-sz-btn-stroke} * 2);
         right: calc(#{-$tw-sz-btn-stroke} * 2);
         border-radius: calc(#{$tw-sz-btn-x-large-height + $tw-sz-btn-stroke * 4} / 2);
-        border: $tw-sz-btn-stroke solid $tw-clr-btn-stroke-focus;
+        border: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
       }
     }
     &.button-with-icon {
@@ -189,44 +190,44 @@
 }
 .productive-primary {
-  background-color: $tw-clr-btn-productive-primary-fill;
-  color: $tw-clr-btn-productive-primary-label;
+  background-color: $tw-clr-bg-brand;
+  color: $tw-clr-txt-on-brand;
   svg {
-    fill: $tw-clr-btn-productive-primary-label;
+    fill: $tw-clr-txt-on-brand;
   }
   &:hover {
-    background: $tw-clr-btn-productive-primary-fill-hover;
+    background: $tw-clr-bg-brand-hover;
   }
   &:active {
-    background-color: $tw-clr-btn-productive-primary-fill-active;
+    background-color: $tw-clr-bg-brand-active;
   }
   &:disabled {
-    background-color: rgba($tw-clr-btn-productive-primary-fill, 0.4);
-    color: rgba($tw-clr-btn-productive-primary-label, 0.4);
+    background-color: rgba($tw-clr-bg-brand, 0.4);
+    color: rgba($tw-clr-txt-on-brand, 0.4);
     svg {
-      fill: rgba($tw-clr-btn-productive-primary-label, 0.4);
+      fill: rgba($tw-clr-txt-on-brand, 0.4);
     }
   }
 }
 .productive-secondary {
-  background-color: $tw-clr-btn-productive-secondary-fill;
-  color: $tw-clr-btn-productive-secondary-label;
+  background-color: $tw-clr-bg-brand-ghost;
+  color: $tw-clr-txt-brand;
   svg {
-    fill: $tw-clr-btn-productive-secondary-label;
+    fill: $tw-clr-txt-brand;
   }
-  border: $tw-sz-btn-stroke solid $tw-clr-btn-productive-secondary-stroke;
+  border: $tw-sz-btn-stroke solid $tw-clr-brdr-brand;
   &:hover {
-    background: $tw-clr-btn-productive-secondary-fill-hover;
+    background: $tw-clr-bg-brand-ghost-hover;
   }
   &:active {
-    background-color: $tw-clr-btn-productive-secondary-fill-active;
+    background-color: $tw-clr-bg-brand-ghost-active;
   }
   &:focus {
@@ -267,51 +268,51 @@
   }
   &:disabled {
-    background-color: rgba($tw-clr-btn-productive-secondary-fill, 0.4);
-    border: $tw-sz-btn-stroke solid rgba($tw-clr-btn-productive-secondary-stroke, 0.4);
-    color: rgba($tw-clr-btn-productive-secondary-label, 0.4);
+    background-color: rgba($tw-clr-bg-brand-ghost, 0.4);
+    border: $tw-sz-btn-stroke solid rgba($tw-clr-brdr-brand, 0.4);
+    color: rgba($tw-clr-txt-brand, 0.4);
     svg {
-      fill: rgba($tw-clr-btn-productive-secondary-label, 0.4);
+      fill: rgba($tw-clr-txt-brand, 0.4);
     }
   }
 }
 .passive-primary {
-  background-color: $tw-clr-btn-passive-primary-fill;
-  color: $tw-clr-btn-passive-primary-label;
+  background-color: $tw-clr-bg-tertiary;
+  color: $tw-clr-txt;
   svg {
-    fill: $tw-clr-btn-passive-primary-label;
+    fill: $tw-clr-txt;
   }
   &:hover {
-    background: $tw-clr-btn-passive-primary-fill-hover;
+    background: $tw-clr-bg-tertiary-hover;
   }
   &:active {
-    background-color: $tw-clr-btn-passive-primary-fill-active;
+    background-color: $tw-clr-bg-tertiary-active;
   }
   &:disabled {
-    background-color: rgba($tw-clr-btn-passive-primary-fill, 0.4);
-    color: rgba($tw-clr-btn-passive-primary-label, 0.4);
+    background-color: rgba($tw-clr-bg-tertiary, 0.4);
+    color: rgba($tw-clr-txt, 0.4);
     svg {
-      fill: rgba($tw-clr-btn-passive-primary-label, 0.4);
+      fill: rgba($tw-clr-txt, 0.4);
     }
   }
 }
 .passive-secondary {
-  background-color: $tw-clr-btn-passive-secondary-fill;
-  color: $tw-clr-btn-passive-secondary-label;
+  background-color: $tw-clr-bg-ghost;
+  color: $tw-clr-txt;
   svg {
-    fill: $tw-clr-btn-passive-secondary-label;
+    fill: $tw-clr-txt;
   }
-  border: $tw-sz-btn-stroke solid $tw-clr-btn-passive-secondary-stroke;
+  border: $tw-sz-btn-stroke solid $tw-clr-brdr;
   &:hover {
-    background: $tw-clr-btn-passive-secondary-fill-hover;
+    background: $tw-clr-bg-ghost-hover;
   }
   &:active {
-    background-color: $tw-clr-btn-passive-secondary-fill-active;
+    background-color: $tw-clr-bg-ghost-active;
   }
   &:focus {
@@ -324,11 +325,11 @@
   }
   &:disabled {
-    background-color: rgba($tw-clr-btn-passive-secondary-fill, 0.4);
-    border: $tw-sz-btn-stroke solid rgba($tw-clr-btn-passive-secondary-stroke, 0.4);
-    color: rgba($tw-clr-btn-passive-secondary-label, 0.4);
+    background-color: rgba($tw-clr-bg-ghost, 0.4);
+    border: $tw-sz-btn-stroke solid rgba($tw-clr-brdr, 0.4);
+    color: rgba($tw-clr-txt, 0.4);
     svg {
-      fill: rgba($tw-clr-btn-passive-secondary-label, 0.4);
+      fill: rgba($tw-clr-txt, 0.4);
     }
   }
@@ -362,49 +363,49 @@
 }
 .destructive-primary {
-  background-color: $tw-clr-btn-destructive-primary-fill;
-  color: $tw-clr-btn-destructive-primary-label;
+  background-color: $tw-clr-bg-danger;
+  color: $tw-clr-txt-on-danger;
   svg {
-    fill: $tw-clr-btn-destructive-primary-label;
+    fill: $tw-clr-txt-on-danger;
   }
   &:hover {
-    background: $tw-clr-btn-destructive-primary-fill-hover;
+    background: $tw-clr-bg-danger-hover;
   }
   &:active {
-    background-color: $tw-clr-btn-destructive-primary-fill-active;
+    background-color: $tw-clr-bg-danger-active;
   }
   &:disabled {
-    background-color: rgba($tw-clr-btn-destructive-primary-fill, 0.4);
-    color: rgba($tw-clr-btn-destructive-primary-label, 0.4);
+    background-color: rgba($tw-clr-bg-danger, 0.4);
+    color: rgba($tw-clr-txt-on-danger, 0.4);
     svg {
-      fill: rgba($tw-clr-btn-destructive-primary-label, 0.4);
+      fill: rgba($tw-clr-txt-on-danger, 0.4);
     }
   }
 }
 .destructive-secondary {
-  background-color: $tw-clr-btn-destructive-secondary-fill;
-  color: $tw-clr-btn-destructive-secondary-label;
+  background-color: $tw-clr-bg-danger-ghost;
+  color: $tw-clr-txt-danger;
   svg {
-    fill: $tw-clr-btn-destructive-secondary-label;
+    fill: $tw-clr-txt-danger;
   }
-  border: $tw-sz-btn-stroke solid $tw-clr-btn-destructive-secondary-stroke;
+  border: $tw-sz-btn-stroke solid $tw-clr-brdr-danger;
   &:hover {
-    background: $tw-clr-btn-destructive-secondary-fill-hover;
+    background: $tw-clr-bg-danger-ghost-hover;
   }
   &:active {
-    background-color: $tw-clr-btn-destructive-secondary-fill-active;
+    background-color: $tw-clr-bg-danger-ghost-active;
   }
   &:disabled {
-    background-color: rgba($tw-clr-btn-destructive-secondary-fill, 0.4);
-    border: $tw-sz-btn-stroke solid rgba($tw-clr-btn-destructive-secondary-stroke, 0.4);
-    color: rgba($tw-clr-btn-destructive-secondary-label, 0.4);
+    background-color: rgba($tw-clr-bg-danger-ghost, 0.4);
+    border: $tw-sz-btn-stroke solid rgba($tw-clr-brdr-danger, 0.4);
+    color: rgba($tw-clr-txt-danger, 0.4);
     svg {
-      fill: rgba($tw-clr-btn-destructive-secondary-label, 0.4);
+      fill: rgba($tw-clr-txt-danger, 0.4);
     }
   }

package/components/DatePicker/styles.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../style-dictionary-dist/textfield_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -14,7 +15,7 @@
     font-size: $tw-fnt-frm-fld-label-font-size;
     font-weight: $tw-fnt-frm-fld-label-font-weight;
     line-height: $tw-fnt-frm-fld-label-line-height;
-    color: $tw-clr-frm-fld-label;
+    color: $tw-clr-txt-secondary;
     margin-bottom: $tw-spc-base-xx-small;
     display: block;
     width: 100%;
@@ -23,15 +24,15 @@
   &--error {
     .MuiInputBase-root {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
-      background-color: $tw-clr-frm-fld-text-input-fill-error;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
+      background-color: $tw-clr-bg-danger-tertiary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-frm-fld-text-input-stroke-error;
+        border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-danger;
       }
     }
   }
@@ -45,12 +46,12 @@
       font-size: $tw-fnt-frm-fld-error-text-font-size;
       font-weight: $tw-fnt-frm-fld-error-text-font-weight;
       line-height: $tw-fnt-frm-fld-error-text-line-height;
-      color: $tw-clr-frm-fld-error-text;
+      color: $tw-clr-txt-danger;
       width: 100%;
       max-width: 100%;
       &--icon {
-        fill: $tw-clr-frm-fld-error-text;
+        fill: $tw-clr-txt-danger;
         width: $tw-fnt-frm-fld-error-text-line-height;
         height: $tw-fnt-frm-fld-error-text-line-height;
         margin-right: $tw-spc-base-x-small;
@@ -59,7 +60,7 @@
   }
   .MuiInputBase-root {
-    border: 1px solid $tw-clr-base-semantic-passive;
+    border: 1px solid $tw-clr-bg-info;
     position: unset;
   }

package/components/DialogBox/styles.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../style-dictionary-dist/dialogBox_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -40,7 +41,7 @@
 }
 .dialog-box {
-  border: 1px solid $tw-clr-dvdr-fill;
+  border: 1px solid $tw-clr-brdr-tertiary;
   box-shadow: $tw-elvtn-base-800;
   border-radius: $tw-sz-base-small;
   display: flex;
@@ -69,7 +70,7 @@
   &--header {
     background-color: $tw-clr-base-gray-050;
-    border-bottom: 1px solid $tw-clr-dvdr-fill;
+    border-bottom: 1px solid $tw-clr-brdr-tertiary;
     padding: $tw-spc-base-small $tw-spc-base-medium;
     display: flex;
     justify-content: space-between;
@@ -80,14 +81,14 @@
       font-size: $tw-fnt-dlg-bx-title-font-size;
       font-weight: $tw-fnt-dlg-bx-title-font-weight;
       line-height: $tw-fnt-dlg-bx-title-line-height;
-      color: $tw-clr-text-fill;
+      color: $tw-clr-txt;
       text-align: center;
       margin: 0;
       width: 100%;
     }
     .icon-close {
-      fill: $tw-clr-icon-fill-passive;
+      fill: $tw-clr-icn-secondary;
       height: $tw-sz-base-medium;
       width: $tw-sz-base-medium;
     }
@@ -95,7 +96,7 @@
   &--body {
     background: $tw-clr-base-white;
-    border-bottom: 1px solid $tw-clr-dvdr-fill;
+    border-bottom: 1px solid $tw-clr-brdr-tertiary;
     padding: $tw-spc-base-medium;
     text-align: center;
     &.scrolled {
@@ -116,7 +117,7 @@
     font-size: $tw-fnt-dlg-bx-message-font-size;
     font-weight: $tw-fnt-dlg-bx-message-font-weight;
     line-height: $tw-fnt-dlg-bx-message-line-height;
-    color: $tw-clr-text-fill;
+    color: $tw-clr-txt;
     width: 100%;
     text-align: center;
   }

package/components/ErrorBox/styles.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../style-dictionary-dist/textfield_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -12,7 +13,7 @@
   background: $tw-clr-base-red-050;
   padding: 16px;
   margin: 0 auto;
-  border: 1px solid $tw-clr-icon-fill-critical;
+  border: 1px solid $tw-clr-icn-danger;
   border-radius: 8px;
   flex-direction: column;
@@ -31,7 +32,7 @@
   font-size: $tw-fnt-base-font-size-body-02;
   font-weight: $tw-fnt-frm-fld-error-text-font-weight;
   line-height: $tw-fnt-frm-fld-error-text-line-height;
-  color: $tw-clr-text-fill;
+  color: $tw-clr-txt;
   display: block;
   width: 100%;
   max-width: 100%;
@@ -44,7 +45,7 @@
   font-size: $tw-fnt-base-font-size-body-02;
   font-weight: $tw-fnt-base-headline-01-semi-bold-font-weight;
   line-height: $tw-fnt-frm-fld-error-text-line-height;
-  color: $tw-clr-text-fill;
+  color: $tw-clr-txt;
   display: block;
   width: 100%;
   max-width: 100%;
@@ -58,6 +59,6 @@
 }
 .error-icon {
-  fill: $tw-clr-frm-fld-error-text;
+  fill: $tw-clr-txt-danger;
   margin-right: $tw-spc-base-x-small;
 }

package/components/Message/styles.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../style-dictionary-dist/message_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -38,7 +39,7 @@
       font-size: $tw-fnt-mssg-title-font-size;
       font-weight: $tw-fnt-mssg-title-font-weight;
       line-height: $tw-fnt-mssg-title-line-height;
-      color: $tw-clr-text-fill;
+      color: $tw-clr-txt;
       padding: 0;
       margin: 0 0 $tw-spc-base-x-small 0;
     }
@@ -53,7 +54,7 @@
       font-size: $tw-fnt-mssg-body-font-size;
       font-weight: $tw-fnt-mssg-body-font-weight;
       line-height: $tw-fnt-mssg-body-line-height;
-      color: $tw-clr-text-fill;
+      color: $tw-clr-txt;
       padding: 0;
       margin: 0;
     }
@@ -84,7 +85,7 @@
     font-size: $tw-fnt-mssg-body-font-size;
     font-weight: $tw-fnt-mssg-body-font-weight;
     line-height: $tw-fnt-mssg-body-line-height;
-    color: $tw-clr-text-fill-productive;
+    color: $tw-clr-txt-brand;
     margin-left: $tw-spc-base-x-small;
     background: none;
     border: 0;
@@ -95,7 +96,7 @@
   &--left-side {
     padding: $tw-spc-base-small $tw-spc-base-small 0 $tw-spc-base-small;
     .left-side--icon {
-      fill: $tw-clr-icon-fill-text-inv;
+      fill: $tw-clr-icn-inverse;
       width: $tw-sz-base-medium;
       height: $tw-sz-base-medium;
     }
@@ -103,14 +104,14 @@
   .toast-message--close-icon {
     margin-left: $tw-spc-base-x-small;
-    fill: $tw-clr-icon-fill-passive;
+    fill: $tw-clr-icn-secondary;
     width: $tw-sz-base-medium;
     height: $tw-sz-base-medium;
   }
   .page-message--close-icon {
     margin-left: $tw-spc-base-x-small;
-    fill: $tw-clr-icon-fill-passive;
+    fill: $tw-clr-icn-secondary;
     width: $tw-sz-base-medium;
     height: $tw-sz-base-medium;
   }
@@ -124,72 +125,72 @@
   &--info {
     &.tw-message--page {
-      border: 1px solid $tw-clr-base-semantic-passive;
-      background-color: $tw-clr-base-semantic-passive-bg;
+      border: 1px solid $tw-clr-bg-info;
+      background-color: $tw-clr-bg-info-tertiary;
       .main-content--icon {
-        fill:$tw-clr-base-semantic-passive;
+        fill:$tw-clr-bg-info;
       }
     }
-    border: 1px solid $tw-clr-icon-fill-passive;
+    border: 1px solid $tw-clr-icn-secondary;
     &.tw-message--toast {
-      box-shadow: 0 2px $tw-clr-icon-fill-passive;
+      box-shadow: 0 2px $tw-clr-icn-secondary;
     }
     .tw-message--left-side {
-      background-color: $tw-clr-icon-fill-passive;
+      background-color: $tw-clr-icn-secondary;
     }
   }
   &--critical {
     &.tw-message--page {
-      border: 1px solid $tw-clr-base-semantic-critical;
-      background-color: $tw-clr-base-semantic-critical-bg;
+      border: 1px solid $tw-clr-bg-danger;
+      background-color: $tw-clr-bg-danger-tertiary;
       .main-content--icon {
-        fill: $tw-clr-base-semantic-critical
+        fill: $tw-clr-bg-danger
       }
     }
-    border: 1px solid $tw-clr-icon-fill-critical;
+    border: 1px solid $tw-clr-icn-danger;
     &.tw-message--toast {
-      box-shadow: 0 2px $tw-clr-icon-fill-critical;
+      box-shadow: 0 2px $tw-clr-icn-danger;
     }
     .tw-message--left-side {
-      background-color: $tw-clr-icon-fill-critical;
+      background-color: $tw-clr-icn-danger;
     }
   }
   &--warning {
     &.tw-message--page {
-      border: 1px solid $tw-clr-base-semantic-warning;
-      background-color: $tw-clr-base-semantic-warning-bg;
+      border: 1px solid $tw-clr-bg-warning;
+      background-color: $tw-clr-bg-warning-tertiary;
       .main-content--icon {
-        fill: $tw-clr-base-semantic-warning;
+        fill: $tw-clr-bg-warning;
       }
     }
-    border: 1px solid $tw-clr-icon-fill-warning;
+    border: 1px solid $tw-clr-icn-warning;
     &.tw-message--toast {
-      box-shadow: 0 2px $tw-clr-icon-fill-warning;
+      box-shadow: 0 2px $tw-clr-icn-warning;
     }
     .tw-message--left-side {
-      background-color: $tw-clr-icon-fill-warning;
+      background-color: $tw-clr-icn-warning;
     }
   }
   &--success {
     &.tw-message--page {
-      border: 1px solid $tw-clr-base-semantic-success;
-      background-color: $tw-clr-base-semantic-success-bg;
+      border: 1px solid $tw-clr-bg-success;
+      background-color: $tw-clr-bg-success-tertiary;
       .main-content--icon {
-        fill: $tw-clr-base-semantic-success;
+        fill: $tw-clr-bg-success;
       }
     }
-    border: 1px solid $tw-clr-icon-fill-success;
+    border: 1px solid $tw-clr-icn-success;
     &.tw-message--toast {
-      box-shadow: 0 2px $tw-clr-icon-fill-success;
+      box-shadow: 0 2px $tw-clr-icn-success;
     }
     .tw-message--left-side {
-      background-color: $tw-clr-icon-fill-success;
+      background-color: $tw-clr-icn-success;
     }
   }

package/components/Navbar/styles.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../style-dictionary-dist/navbar_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -6,7 +7,7 @@
 }
 .navbar {
-  background-color: $tw-clr-nvgtn-side-nav-item-fill;
+  background-color: $tw-clr-bg-hover;
   height: 100%;
   position: fixed;
   z-index: 1100;
@@ -15,7 +16,7 @@
   flex-direction: column;
   .logo {
-    background-color: $tw-clr-nvgtn-side-nav-item-fill;
+    background-color: $tw-clr-bg-hover;
     padding-bottom: $tw-spc-base-small 0;
     margin-bottom: $tw-spc-base-small 0;
@@ -25,10 +26,10 @@
     }
   }
   .nav-section {
-    background-color: $tw-clr-nvgtn-side-nav-section-fill;
+    background-color: $tw-clr-bg-hover;
     padding: $tw-spc-base-x-small $tw-spc-base-small;
     .divider {
-      border-top: $tw-sz-dvdr-stroke solid $tw-clr-dvdr-fill;
+      border-top: $tw-sz-dvdr-stroke solid $tw-clr-brdr-tertiary;
     }
     &--title {
@@ -37,7 +38,7 @@
       font-weight: $tw-fnt-nvgtn-side-nav-section-title-font-weight;
       line-height: $tw-fnt-nvgtn-side-nav-section-title-line-height;
       text-transform: $tw-fnt-nvgtn-side-nav-section-title-text-transform;
-      color: $tw-clr-nvgtn-side-nav-section-title;
+      color: $tw-clr-txt;
       display: block;
       margin-top: $tw-spc-base-small;
     }
@@ -48,8 +49,8 @@
     font-size: $tw-fnt-nvgtn-side-nav-item-label-font-size;
     font-weight: $tw-fnt-nvgtn-side-nav-item-label-font-weight;
     line-height: $tw-fnt-nvgtn-side-nav-item-label-line-height;
-    color: $tw-clr-nvgtn-side-nav-item-label;
-    background-color: $tw-clr-nvgtn-side-nav-item-fill;
+    color: $tw-clr-txt;
+    background-color: $tw-clr-bg-hover;
     .nav-item-content {
       padding: $tw-sz-base-small;
@@ -71,14 +72,14 @@
     }
     &:hover {
-      background-color: $tw-clr-nvgtn-side-nav-item-fill-hover;
+      background-color: $tw-clr-bg-secondary;
       // .nav-item {
-      //   background-color: $tw-clr-nvgtn-side-nav-item-fill-hover;
+      //   background-color: $tw-clr-bg-secondary;
       // }
     }
     &:active {
-      background-color: $tw-clr-nvgtn-side-nav-item-fill-active;
+      background-color: $tw-clr-bg-secondary-hover;
     }
     button {
@@ -89,27 +90,27 @@
     }
     &--children-selected {
-      background-color: $tw-clr-nvgtn-side-nav-item-fill-active;
+      background-color: $tw-clr-bg-secondary-hover;
       &:hover {
-        background-color: $tw-clr-nvgtn-side-nav-item-fill-active;
+        background-color: $tw-clr-bg-secondary-hover;
         & > .nav-item-content {
-          background-color: $tw-clr-nvgtn-side-nav-item-fill-hover;
+          background-color: $tw-clr-bg-secondary;
         }
       }
       .nav-item {
-        background-color: $tw-clr-nvgtn-side-nav-item-fill-active;
+        background-color: $tw-clr-bg-secondary-hover;
         &:hover {
-          background-color: $tw-clr-nvgtn-side-nav-item-fill-hover;
+          background-color: $tw-clr-bg-secondary;
         }
       }
     }
     &--selected {
-      background-color: $tw-clr-nvgtn-side-nav-item-fill-active;
+      background-color: $tw-clr-bg-secondary-hover;
       position: relative;
     }
@@ -121,11 +122,11 @@
       top: 0;
       bottom: 0;
       width: $tw-sz-nvgtn-side-nav-item-indicator;
-      background-color: $tw-clr-nvgtn-side-nav-item-indicator-fill;
+      background-color: $tw-clr-bg-selected;
     }
     &--icon {
-      fill: $tw-clr-icon-fill-text;
+      fill: $tw-clr-icn;
       margin-right: $tw-spc-base-x-small;
       line-height: $tw-sz-icon-small;
       height: $tw-sz-icon-small;
@@ -138,13 +139,13 @@
       margin-left: $tw-spc-base-x-small;
       path {
-        fill: $tw-clr-icon-fill-passive;
+        fill: $tw-clr-icn-secondary;
       }
     }
     .subnavbar .nav-item {
       padding-right: $tw-spc-base-small;
-      background-color: $tw-clr-nvgtn-side-nav-item-fill-active;
+      background-color: $tw-clr-bg-secondary-hover;
       &-content {
         padding-left: calc(#{$tw-spc-base-small} * 2);

package/components/Select/styles.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../style-dictionary-dist/textfield_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -34,7 +35,7 @@
     font-size: $tw-fnt-frm-fld-help-text-font-size;
     font-weight: $tw-fnt-frm-fld-help-text-font-weight;
     line-height: $tw-fnt-frm-fld-help-text-line-height;
-    color: $tw-clr-frm-fld-help-text;
+    color: $tw-clr-txt-secondary;
     display: block;
     width: 100%;
     max-width: 100%;
@@ -46,7 +47,7 @@
     font-size: $tw-fnt-frm-fld-text-value-font-size;
     font-weight: $tw-fnt-frm-fld-text-value-font-weight;
     line-height: $tw-fnt-frm-fld-text-value-line-height;
-    color: $tw-clr-frm-fld-value;
+    color: $tw-clr-txt;
     padding-top: 0;
     padding-bottom: 0;
     &::placeholder {
@@ -62,20 +63,20 @@
   }
   .textfield-value {
-    background-color: $tw-clr-frm-fld-text-input-fill;
-    border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+    background-color: $tw-clr-bg;
+    border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
     padding: $tw-spc-base-x-small;
     border-radius: $tw-rds-frm-fld-text-input;
     border-width: $tw-sz-frm-fld-text-input-stroke;
     display: flex;
     &:hover {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-hover;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-hover;
     }
     &:active {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-hover;
-      outline: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-hover;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-hover;
+      outline: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-hover;
     }
     input {
@@ -85,7 +86,7 @@
       font-size: $tw-fnt-frm-fld-text-value-font-size;
       font-weight: $tw-fnt-frm-fld-text-value-font-weight;
       line-height: $tw-fnt-frm-fld-text-value-line-height;
-      color: $tw-clr-frm-fld-value;
+      color: $tw-clr-txt;
       background: transparent;
       padding-top: 0;
       padding-bottom: 0;
@@ -114,62 +115,62 @@
       opacity: $tw-opcty-semantic-off;
       pointer-events: none;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
     }
     &--icon-right {
       width: $tw-fnt-frm-fld-text-value-line-height;
       height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-frm-fld-value;
+      fill: $tw-clr-txt;
     }
     &--icon-left {
       width: $tw-fnt-frm-fld-text-value-line-height;
       height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-frm-fld-value;
+      fill: $tw-clr-txt;
       margin-right: $tw-spc-base-x-small;
     }
     &--error {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
-      background-color: $tw-clr-frm-fld-text-input-fill-error;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
+      background-color: $tw-clr-bg-danger-tertiary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
-        outline: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
+        outline: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
       }
     }
     &--warning {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-warning;
-      background-color: $tw-clr-frm-fld-text-input-fill-warning;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
+      background-color: $tw-clr-bg-warning-tertiary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-warning;
-        outline: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
+        outline: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
       }
     }
     &--readonly {
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
     }
@@ -183,13 +184,13 @@
     font-size: $tw-fnt-frm-fld-error-text-font-size;
     font-weight: $tw-fnt-frm-fld-error-text-font-weight;
     line-height: $tw-fnt-frm-fld-error-text-line-height;
-    color: $tw-clr-frm-fld-error-text;
+    color: $tw-clr-txt-danger;
     display: block;
     width: 100%;
     max-width: 100%;
     &--icon {
-      fill: $tw-clr-frm-fld-error-text;
+      fill: $tw-clr-txt-danger;
       width: $tw-fnt-frm-fld-error-text-line-height;
       height: $tw-fnt-frm-fld-error-text-line-height;
       margin-right: $tw-spc-base-x-small;
@@ -201,13 +202,13 @@
     font-size: $tw-fnt-frm-fld-warning-text-font-size;
     font-weight: $tw-fnt-frm-fld-warning-text-font-weight;
     line-height: $tw-fnt-frm-fld-warning-text-line-height;
-    color: $tw-clr-frm-fld-warning-text;
+    color: $tw-clr-txt-warning;
     display: block;
     width: 100%;
     max-width: 100%;
     &--icon {
-      fill: $tw-clr-frm-fld-warning-text;
+      fill: $tw-clr-txt-warning;
       width: $tw-fnt-frm-fld-error-text-line-height;
       height: $tw-fnt-frm-fld-error-text-line-height;
       margin-right: $tw-spc-base-x-small;
@@ -228,8 +229,8 @@
     top: 42px;
     list-style-type: none;
     padding: $tw-spc-base-x-small 0;
-    background: $tw-clr-frm-fld-select-menu-fill;
-    border: 1px solid $tw-clr-frm-fld-select-menu-stroke;
+    background: $tw-clr-bg;
+    border: 1px solid $tw-clr-brdr-secondary;
     margin: 0;
     margin-top: $tw-spc-base-xx-small;
     border-radius: $tw-rds-frm-fld-text-input;
@@ -250,18 +251,18 @@
       cursor: pointer;
       &:hover {
-        background-color: $tw-clr-frm-fld-select-menu-item-fill-hover;
-        color: $tw-clr-frm-fld-value;
+        background-color: $tw-clr-bg-selected-ghost-hover;
+        color: $tw-clr-txt;
       }
       &:active {
-        background-color: $tw-clr-frm-fld-select-menu-item-fill-active;
-        color: $tw-clr-frm-fld-value;
+        background-color: $tw-clr-bg-selected-ghost-active;
+        color: $tw-clr-txt;
       }
       &--selected {
-        background-color: $tw-clr-frm-fld-select-menu-item-fill-selected;
-        color: $tw-clr-frm-fld-select-value-selected;
+        background-color: $tw-clr-bg-selected;
+        color: $tw-clr-txt-on-selected;
       }
       &--disabled {

package/components/Textfield/styles.scss CHANGED Viewed

@@ -1,6 +1,7 @@
 @use 'sass:math';
 @import '../../style-dictionary-dist/textfield_variables.scss';
+@import '../../style-dictionary-dist2/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -15,7 +16,7 @@
     font-size: $tw-fnt-frm-fld-label-font-size;
     font-weight: $tw-fnt-frm-fld-label-font-weight;
     line-height: $tw-fnt-frm-fld-label-line-height;
-    color: $tw-clr-frm-fld-label;
+    color: $tw-clr-txt-secondary;
     margin-bottom: $tw-spc-base-xx-small;
     display: block;
     width: 100%;
@@ -29,7 +30,7 @@
     &--icon-tooltip {
       width: $tw-fnt-frm-fld-label-line-height;
       height: $tw-fnt-frm-fld-label-line-height;
-      fill: $tw-clr-frm-fld-value;
+      fill: $tw-clr-txt;
     }
   }
@@ -38,7 +39,7 @@
     font-size: $tw-fnt-frm-fld-help-text-font-size;
     font-weight: $tw-fnt-frm-fld-help-text-font-weight;
     line-height: $tw-fnt-frm-fld-help-text-line-height;
-    color: $tw-clr-frm-fld-help-text;
+    color: $tw-clr-txt-secondary;
     display: block;
     width: 100%;
     max-width: 100%;
@@ -50,7 +51,7 @@
     font-size: $tw-fnt-frm-fld-text-value-font-size;
     font-weight: $tw-fnt-frm-fld-text-value-font-weight;
     line-height: $tw-fnt-frm-fld-text-value-line-height;
-    color: $tw-clr-frm-fld-value;
+    color: $tw-clr-txt;
     padding-top: 0;
     padding-bottom: 0;
     &::placeholder {
@@ -66,8 +67,8 @@
   }
   .textfield-value {
-    background-color: $tw-clr-frm-fld-text-input-fill;
-    border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+    background-color: $tw-clr-bg;
+    border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
     padding: $tw-spc-base-x-small;
     border-radius: $tw-rds-frm-fld-text-input;
     border-width: $tw-sz-frm-fld-text-input-stroke;
@@ -76,12 +77,12 @@
     display: flex;
     &:hover {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-hover;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-hover;
     }
     &:active {
-      border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-frm-fld-text-input-stroke-hover;
-      outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-frm-fld-text-input-stroke-hover;
+      border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-hover;
+      outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-hover;
     }
     input {
@@ -91,7 +92,7 @@
       font-size: $tw-fnt-frm-fld-text-value-font-size;
       font-weight: $tw-fnt-frm-fld-text-value-font-weight;
       line-height: $tw-fnt-frm-fld-text-value-line-height;
-      color: $tw-clr-frm-fld-value;
+      color: $tw-clr-txt;
       background: transparent;
       padding-top: 0;
       padding-bottom: 0;
@@ -119,11 +120,11 @@
     &--disabled {
       opacity: $tw-opcty-semantic-off;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
     }
@@ -135,50 +136,50 @@
     &--icon-right {
       width: $tw-fnt-frm-fld-text-value-line-height;
       height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-frm-fld-value;
+      fill: $tw-clr-txt;
     }
     &--icon-left {
       width: $tw-fnt-frm-fld-text-value-line-height;
       height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-frm-fld-value;
+      fill: $tw-clr-txt;
       margin-right: $tw-spc-base-x-small;
     }
     &--error {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
-      background-color: $tw-clr-frm-fld-text-input-fill-error;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
+      background-color: $tw-clr-bg-danger-tertiary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-frm-fld-text-input-stroke-error;
+        border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-danger;
       }
     }
     &--warning {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-warning;
-      background-color: $tw-clr-frm-fld-text-input-fill-warning;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
+      background-color: $tw-clr-bg-warning-tertiary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-frm-fld-text-input-stroke-warning;
+        border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-warning;
       }
     }
     &--readonly {
-      background-color: $tw-clr-frm-fld-text-input-fill-read-only;
+      background-color: $tw-clr-bg-secondary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
     }
   }
@@ -188,13 +189,13 @@
     font-size: $tw-fnt-frm-fld-error-text-font-size;
     font-weight: $tw-fnt-frm-fld-error-text-font-weight;
     line-height: $tw-fnt-frm-fld-error-text-line-height;
-    color: $tw-clr-frm-fld-error-text;
+    color: $tw-clr-txt-danger;
     display: block;
     width: 100%;
     max-width: 100%;
     &--icon {
-      fill: $tw-clr-frm-fld-error-text;
+      fill: $tw-clr-txt-danger;
       width: $tw-fnt-frm-fld-error-text-line-height;
       height: $tw-fnt-frm-fld-error-text-line-height;
       margin-right: $tw-spc-base-x-small;
@@ -206,13 +207,13 @@
     font-size: $tw-fnt-frm-fld-warning-text-font-size;
     font-weight: $tw-fnt-frm-fld-warning-text-font-weight;
     line-height: $tw-fnt-frm-fld-warning-text-line-height;
-    color: $tw-clr-frm-fld-warning-text;
+    color: $tw-clr-txt-warning;
     display: block;
     width: 100%;
     max-width: 100%;
     &--icon {
-      fill: $tw-clr-frm-fld-warning-text;
+      fill: $tw-clr-txt-warning;
       width: $tw-fnt-frm-fld-error-text-line-height;
       height: $tw-fnt-frm-fld-error-text-line-height;
       margin-right: $tw-spc-base-x-small;

package/components/table/index.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export interface Props<T> {
     columns: TableColumnType[];
     rows: T[];
     Renderer?: (props: RendererProps<T>) => JSX.Element;
-    onSelect?: (value: T) => void;
+    onSelect?: (value: T, fromColumn?: string) => void;
     DetailsRenderer?: (props: DetailsRendererProps) => JSX.Element;
     sortComparator?: (a: T, b: T, orderBy: keyof T) => number;
     sortHandler?: (order: SortOrder, orderBy: string) => void;

package/components/table/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,YAAY,EAAc,MAAM,eAAe,CAAC;AAClJ,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAuC,SAAS,EAAc,MAAM,QAAQ,CAAC;AAGpF,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAsBzC,MAAM,WAAW,QAAQ;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;~~IAC9B~~,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,oBAAY,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACjE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,EAAE,EACvC,EAAE,EACF,OAAO,EACP,IAAI,EACJ,KAAK,EAAE,MAAc,EACrB,OAAO,EAAE,QAAQ,EACjB,QAA4B,EAC5B,QAAQ,EACR,eAAe,EACf,cAAqC,EACrC,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAqB,EACrB,kBAAkB,EAClB,UAAU,EACV,YAAmB,GACpB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,~~CAmNxB~~;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,CAAC,EAAE,CAMjG"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,YAAY,EAAc,MAAM,eAAe,CAAC;AAClJ,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAuC,SAAS,EAAc,MAAM,QAAQ,CAAC;AAGpF,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAsBzC,MAAM,WAAW,QAAQ;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,oBAAY,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACjE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,EAAE,EACvC,EAAE,EACF,OAAO,EACP,IAAI,EACJ,KAAK,EAAE,MAAc,EACrB,OAAO,EAAE,QAAQ,EACjB,QAA4B,EAC5B,QAAQ,EACR,eAAe,EACf,cAAqC,EACrC,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAqB,EACrB,kBAAkB,EAClB,UAAU,EACV,YAAmB,GACpB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAqNxB;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,CAAC,EAAE,CAMjG"}

package/components/table/index.js CHANGED Viewed

@@ -222,7 +222,12 @@ function EnhancedTable(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTopBar && /*#__PURE__*/_react.default.createElement(_EnhancedTableToolbar.default, {
     numSelected: selectedRows ? selectedRows.length : 0,
     topBarButtons: topBarButtons
-  }), /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+  }), /*#__PURE__*/_react.default.createElement(_material.TableContainer, {
+    id: id,
+    sx: {
+      overflowX: 'visible'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_core.DndContext, {
     sensors: sensors,
     onDragEnd: handleDragEnd
   }, /*#__PURE__*/_react.default.createElement(_material.Table, {
@@ -284,7 +289,7 @@ function EnhancedTable(_ref) {
         column: c,
         value: row[c.key],
         onRowClick: onSelect && controlledOnSelect ? function () {
-          return onSelect(row);
+          return onSelect(row, c.key);
         } : _onClick,
         reloadData: reloadData
       });
@@ -292,7 +297,7 @@ function EnhancedTable(_ref) {
       index: index,
       row: row
     }));
-  })))), showPagination && /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }))))), showPagination && /*#__PURE__*/_react.default.createElement(_material.Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-end",

package/license-report.html CHANGED Viewed

@@ -45,6 +45,6 @@ th, td {
     padding: 15px;
 }
 </style>
-<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.4</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.9</td><td class="string">5.8.4</td><td class="string">^5.8.4</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.10</td><td class="string">5.10.1</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.10</td><td class="string">5.9.3</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.5</td><td class="string">5.0.0-beta.6</td><td class="string">^5.0.0-alpha.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.3.2</td><td class="string">2.3.1</td><td class="string">^2.3.1</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.29.3</td><td class="string">2.29.2</td><td class="string">^2.28.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.29.4</td><td class="string">2.29.1</td><td class="string">^2.29.1</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment-timezone</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment-timezone.git</td><td class="string">0.5.38</td><td class="string">0.5.37</td><td class="string">^0.5.37</td><td class="string">Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.0</td><td class="string">9.0.0-beta.10</td><td class="string">^9.0.0-beta.6</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.55.0</td><td class="string">1.35.1</td><td class="string">^1.35.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.4.2</td><td class="string">1.4.2</td><td class="string">^1.4.2</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">1.1.2</td><td class="string">1.1.2</td><td class="string">^1.0.1</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
+<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.4</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.9</td><td class="string">5.8.4</td><td class="string">^5.8.4</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.11</td><td class="string">5.10.1</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.10</td><td class="string">5.9.3</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.5</td><td class="string">5.0.0-beta.6</td><td class="string">^5.0.0-alpha.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.3.2</td><td class="string">2.3.1</td><td class="string">^2.3.1</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.29.3</td><td class="string">2.29.2</td><td class="string">^2.28.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.29.4</td><td class="string">2.29.1</td><td class="string">^2.29.1</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment-timezone</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment-timezone.git</td><td class="string">0.5.38</td><td class="string">0.5.37</td><td class="string">^0.5.37</td><td class="string">Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.0</td><td class="string">9.0.0-beta.10</td><td class="string">^9.0.0-beta.6</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.55.0</td><td class="string">1.35.1</td><td class="string">^1.35.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.4.2</td><td class="string">1.4.2</td><td class="string">^1.4.2</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">1.1.2</td><td class="string">1.1.2</td><td class="string">^1.0.1</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
 </body>
 </html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {