npm - @terraware/web-components - Versions diffs - 3.9.11 → 3.9.12 - Mend

@terraware/web-components 3.9.11 → 3.9.12

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 (28) hide show

package/components/AntSwitch/styles.scss +3 -3
package/components/Autocomplete/styles.scss +52 -52
package/components/Button/styles.scss +141 -141
package/components/DatePicker/styles.scss +31 -31
package/components/DialogBox/styles.scss +35 -35
package/components/EditableTable/index.d.ts +86 -0
package/components/EditableTable/index.d.ts.map +1 -0
package/components/EditableTable/index.js +179 -0
package/components/ErrorBox/styles.scss +16 -16
package/components/Icon/styles.scss +9 -9
package/components/Map/styles.scss +20 -20
package/components/Markdown/styles.scss +37 -37
package/components/Message/styles.scss +63 -63
package/components/MultiSelect/styles.scss +66 -66
package/components/Navbar/styles.scss +39 -39
package/components/Pill/styles.scss +10 -10
package/components/PillList/styles.scss +2 -2
package/components/PopoverMultiSelect/styles.scss +4 -4
package/components/ProgressCircle/styles.scss +24 -24
package/components/Select/styles.scss +107 -107
package/components/Textfield/styles.scss +108 -108
package/components/TimelineSlider/styles.scss +18 -18
package/components/ViewPhotosDialog/styles.scss +3 -3
package/license-report.html +1 -1
package/package.json +2 -1
package/stories/EditableTable.stories.d.ts +14 -0
package/stories/EditableTable.stories.d.ts.map +1 -0
package/style-dictionary-dist/terraware.scss +2 -1

package/components/Textfield/styles.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 @use 'sass:math';
-@import '../../style-dictionary-dist/terraware.scss';
+@use '../../style-dictionary-dist/terraware.scss';
 @font-face {
   font-family: 'Inter';
@@ -12,43 +12,43 @@
   flex-flow: row wrap;
   .textfield-label {
-    font-family: $tw-fnt-frm-fld-label-font-family;
-    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-txt-secondary;
-    margin-bottom: $tw-spc-base-xx-small;
+    font-family: terraware.$tw-fnt-frm-fld-label-font-family;
+    font-size: terraware.$tw-fnt-frm-fld-label-font-size;
+    font-weight: terraware.$tw-fnt-frm-fld-label-font-weight;
+    line-height: terraware.$tw-fnt-frm-fld-label-line-height;
+    color: terraware.$tw-clr-txt-secondary;
+    margin-bottom: terraware.$tw-spc-base-xx-small;
     display: block;
     width: 100%;
     max-width: 100%;
   }
   .textfield-help-text {
-    font-family: $tw-fnt-frm-fld-help-text-font-family;
-    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-txt-secondary;
+    font-family: terraware.$tw-fnt-frm-fld-help-text-font-family;
+    font-size: terraware.$tw-fnt-frm-fld-help-text-font-size;
+    font-weight: terraware.$tw-fnt-frm-fld-help-text-font-weight;
+    line-height: terraware.$tw-fnt-frm-fld-help-text-line-height;
+    color: terraware.$tw-clr-txt-secondary;
     display: block;
     width: 100%;
     max-width: 100%;
-    margin-top: $tw-spc-base-xx-small;
+    margin-top: terraware.$tw-spc-base-xx-small;
   }
   textarea {
-    font-family: $tw-fnt-frm-fld-text-value-font-family;
-    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-txt;
+    font-family: terraware.$tw-fnt-frm-fld-text-value-font-family;
+    font-size: terraware.$tw-fnt-frm-fld-text-value-font-size;
+    font-weight: terraware.$tw-fnt-frm-fld-text-value-font-weight;
+    line-height: terraware.$tw-fnt-frm-fld-text-value-line-height;
+    color: terraware.$tw-clr-txt;
     padding-top: 0;
     padding-bottom: 0;
     &::placeholder {
-      font-family: $tw-fnt-frm-fld-text-placeholder-font-family;
-      font-size: $tw-fnt-frm-fld-text-placeholder-font-size;
-      font-weight: $tw-fnt-frm-fld-text-placeholder-font-weight;
-      line-height: $tw-fnt-frm-fld-text-placeholder-line-height;
-      color: $tw-clr-txt-tertiary;
+      font-family: terraware.$tw-fnt-frm-fld-text-placeholder-font-family;
+      font-size: terraware.$tw-fnt-frm-fld-text-placeholder-font-size;
+      font-weight: terraware.$tw-fnt-frm-fld-text-placeholder-font-weight;
+      line-height: terraware.$tw-fnt-frm-fld-text-placeholder-line-height;
+      color: terraware.$tw-clr-txt-tertiary;
     }
     &:focus-visible {
       outline: none;
@@ -56,48 +56,48 @@
   }
   .textfield-value {
-    background-color: $tw-clr-bg;
-    border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
-    padding: #{$tw-spc-base-x-small - $tw-sz-frm-fld-text-input-stroke};
-    border-radius: $tw-sz-base-x-small;
+    background-color: terraware.$tw-clr-bg;
+    border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-secondary;
+    padding: #{terraware.$tw-spc-base-x-small - terraware.$tw-sz-frm-fld-text-input-stroke};
+    border-radius: terraware.$tw-sz-base-x-small;
     width: 100%;
     max-width: 100%;
     display: flex;
     &:hover {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-hover;
+      border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-hover;
     }
     &:active {
-      padding: #{$tw-spc-base-x-small - $tw-sz-frm-fld-text-input-stroke-active};
-      border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-hover;
-      outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-active;
+      padding: #{terraware.$tw-spc-base-x-small - terraware.$tw-sz-frm-fld-text-input-stroke-active};
+      border: terraware.$tw-sz-frm-fld-text-input-stroke-active solid terraware.$tw-clr-brdr-hover;
+      outline: terraware.$tw-sz-frm-fld-text-input-stroke-active solid terraware.$tw-clr-brdr-active;
     }
     &:focus-within {
-      padding: #{$tw-spc-base-x-small - $tw-sz-frm-fld-text-input-stroke-active};
-      border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-hover;
-      outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-active;
-      outline-offset: -$tw-sz-frm-fld-text-input-stroke-active;
+      padding: #{terraware.$tw-spc-base-x-small - terraware.$tw-sz-frm-fld-text-input-stroke-active};
+      border: terraware.$tw-sz-frm-fld-text-input-stroke-active solid terraware.$tw-clr-brdr-hover;
+      outline: terraware.$tw-sz-frm-fld-text-input-stroke-active solid terraware.$tw-clr-brdr-active;
+      outline-offset: -(terraware.$tw-sz-frm-fld-text-input-stroke-active);
     }
     input {
       border: none;
       width: 100%;
-      font-family: $tw-fnt-frm-fld-text-value-font-family;
-      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-txt;
+      font-family: terraware.$tw-fnt-frm-fld-text-value-font-family;
+      font-size: terraware.$tw-fnt-frm-fld-text-value-font-size;
+      font-weight: terraware.$tw-fnt-frm-fld-text-value-font-weight;
+      line-height: terraware.$tw-fnt-frm-fld-text-value-line-height;
+      color: terraware.$tw-clr-txt;
       background: transparent;
       padding-top: 0;
       padding-bottom: 0;
       &::placeholder {
-        font-family: $tw-fnt-frm-fld-text-placeholder-font-family;
-        font-size: $tw-fnt-frm-fld-text-placeholder-font-size;
-        font-weight: $tw-fnt-frm-fld-text-placeholder-font-weight;
-        line-height: $tw-fnt-frm-fld-text-placeholder-line-height;
-        color: $tw-clr-txt-tertiary;
+        font-family: terraware.$tw-fnt-frm-fld-text-placeholder-font-family;
+        font-size: terraware.$tw-fnt-frm-fld-text-placeholder-font-size;
+        font-weight: terraware.$tw-fnt-frm-fld-text-placeholder-font-weight;
+        line-height: terraware.$tw-fnt-frm-fld-text-placeholder-line-height;
+        color: terraware.$tw-clr-txt-tertiary;
       }
       &:focus-visible {
         outline: none;
@@ -105,11 +105,11 @@
     }
     &--display {
-      font-family: $tw-fnt-frm-fld-text-value-font-family;
-      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;
-      padding: $tw-spc-base-x-small 0;
+      font-family: terraware.$tw-fnt-frm-fld-text-value-font-family;
+      font-size: terraware.$tw-fnt-frm-fld-text-value-font-size;
+      font-weight: terraware.$tw-fnt-frm-fld-text-value-font-weight;
+      line-height: terraware.$tw-fnt-frm-fld-text-value-line-height;
+      padding: terraware.$tw-spc-base-x-small 0;
       margin: 0;
       &.preserve-newlines {
@@ -118,20 +118,20 @@
     }
     &--disabled {
-      opacity: $tw-opcty-semantic-off;
+      opacity: terraware.$tw-opcty-semantic-off;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-secondary;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-secondary;
         outline: 0;
-        padding: #{$tw-spc-base-x-small - $tw-sz-frm-fld-text-input-stroke};
+        padding: #{terraware.$tw-spc-base-x-small - terraware.$tw-sz-frm-fld-text-input-stroke};
       }
       &:focus-within {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-secondary;
         outline: 0;
       }
     }
@@ -143,85 +143,85 @@
     }
     &--icon-right {
-      width: $tw-fnt-frm-fld-text-value-line-height;
-      height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-icn-secondary;
-      margin-left: $tw-spc-base-x-small;
+      width: terraware.$tw-fnt-frm-fld-text-value-line-height;
+      height: terraware.$tw-fnt-frm-fld-text-value-line-height;
+      fill: terraware.$tw-clr-icn-secondary;
+      margin-left: terraware.$tw-spc-base-x-small;
       vertical-align: top;
       &--cancel {
-        width: $tw-sz-base-small;
-        height: $tw-sz-base-small;
-        fill: $tw-clr-icn-secondary;
-        margin-left: $tw-spc-base-x-small;
-        margin-right: $tw-spc-base-xx-small;
+        width: terraware.$tw-sz-base-small;
+        height: terraware.$tw-sz-base-small;
+        fill: terraware.$tw-clr-icn-secondary;
+        margin-left: terraware.$tw-spc-base-x-small;
+        margin-right: terraware.$tw-spc-base-xx-small;
         vertical-align: top;
       }
     }
     &--icon-left {
-      width: $tw-fnt-frm-fld-text-value-line-height;
-      height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-icn-secondary;
-      margin-right: $tw-spc-base-x-small;
+      width: terraware.$tw-fnt-frm-fld-text-value-line-height;
+      height: terraware.$tw-fnt-frm-fld-text-value-line-height;
+      fill: terraware.$tw-clr-icn-secondary;
+      margin-right: terraware.$tw-spc-base-x-small;
       flex-shrink: 0;
     }
     &--error {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
-      background-color: $tw-clr-bg-danger-tertiary;
+      border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-danger;
+      background-color: terraware.$tw-clr-bg-danger-tertiary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-hover;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-danger-hover;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-active;
-        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-danger-active;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-danger-active;
+        outline: terraware.$tw-sz-frm-fld-text-input-stroke-active solid terraware.$tw-clr-brdr-danger-active;
       }
       &:focus-within {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-active;
-        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-danger-active;
-        outline-offset: -$tw-sz-frm-fld-text-input-stroke;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-danger-active;
+        outline: terraware.$tw-sz-frm-fld-text-input-stroke-active solid terraware.$tw-clr-brdr-danger-active;
+        outline-offset: -(terraware.$tw-sz-frm-fld-text-input-stroke);
       }
     }
     &--warning {
-      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
-      background-color: $tw-clr-bg-warning-tertiary;
+      border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-warning;
+      background-color: terraware.$tw-clr-bg-warning-tertiary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-hover;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-warning-hover;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-active;
-        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-warning-active;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-warning-active;
+        outline: terraware.$tw-sz-frm-fld-text-input-stroke-active solid terraware.$tw-clr-brdr-warning-active;
       }
       &:focus-within {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-active;
-        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-warning-active;
-        outline-offset: -$tw-sz-frm-fld-text-input-stroke;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-warning-active;
+        outline: terraware.$tw-sz-frm-fld-text-input-stroke-active solid terraware.$tw-clr-brdr-warning-active;
+        outline-offset: -(terraware.$tw-sz-frm-fld-text-input-stroke);
       }
     }
     &--readonly {
-      background-color: $tw-clr-bg-secondary;
+      background-color: terraware.$tw-clr-bg-secondary;
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-secondary;
       }
       &:active {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-secondary;
         outline: 0;
-        padding: #{$tw-spc-base-x-small - $tw-sz-frm-fld-text-input-stroke};
+        padding: #{terraware.$tw-spc-base-x-small - terraware.$tw-sz-frm-fld-text-input-stroke};
       }
       &:focus-within {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        border: terraware.$tw-sz-frm-fld-text-input-stroke solid terraware.$tw-clr-brdr-secondary;
         outline: 0;
       }
     }
@@ -230,42 +230,42 @@
   .textfield-label-container {
     display: flex;
     width: 100%;
-    margin-top: $tw-spc-base-xx-small;
+    margin-top: terraware.$tw-spc-base-xx-small;
   }
   .textfield-error-text {
-    font-family: $tw-fnt-frm-fld-error-text-font-family;
-    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-txt-danger;
+    font-family: terraware.$tw-fnt-frm-fld-error-text-font-family;
+    font-size: terraware.$tw-fnt-frm-fld-error-text-font-size;
+    font-weight: terraware.$tw-fnt-frm-fld-error-text-font-weight;
+    line-height: terraware.$tw-fnt-frm-fld-error-text-line-height;
+    color: terraware.$tw-clr-txt-danger;
     display: block;
     width: 100%;
     max-width: 100%;
     &--icon {
-      fill: $tw-clr-icn-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;
+      fill: terraware.$tw-clr-icn-danger;
+      width: terraware.$tw-fnt-frm-fld-error-text-line-height;
+      height: terraware.$tw-fnt-frm-fld-error-text-line-height;
+      margin-right: terraware.$tw-spc-base-x-small;
     }
   }
   .textfield-warning-text {
-    font-family: $tw-fnt-frm-fld-warning-text-font-family;
-    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-txt-warning;
+    font-family: terraware.$tw-fnt-frm-fld-warning-text-font-family;
+    font-size: terraware.$tw-fnt-frm-fld-warning-text-font-size;
+    font-weight: terraware.$tw-fnt-frm-fld-warning-text-font-weight;
+    line-height: terraware.$tw-fnt-frm-fld-warning-text-line-height;
+    color: terraware.$tw-clr-txt-warning;
     display: block;
     width: 100%;
     max-width: 100%;
     &--icon {
-      fill: $tw-clr-icn-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;
+      fill: terraware.$tw-clr-icn-warning;
+      width: terraware.$tw-fnt-frm-fld-error-text-line-height;
+      height: terraware.$tw-fnt-frm-fld-error-text-line-height;
+      margin-right: terraware.$tw-spc-base-x-small;
     }
   }
 }

package/components/TimelineSlider/styles.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import '../../style-dictionary-dist/terraware.scss';
+@use '../../style-dictionary-dist/terraware.scss';
 .timeline {
   align-items: center;
@@ -7,27 +7,27 @@
 }
 .timeline-label {
-  font-family: $tw-fnt-frm-fld-label-font-family;
-  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-txt-secondary;
+  font-family: terraware.$tw-fnt-frm-fld-label-font-family;
+  font-size: terraware.$tw-fnt-frm-fld-label-font-size;
+  font-weight: terraware.$tw-fnt-frm-fld-label-font-weight;
+  line-height: terraware.$tw-fnt-frm-fld-label-line-height;
+  color: terraware.$tw-clr-txt-secondary;
 }
 .timeline-selected-label {
   border-radius: 8px;
-  background: $tw-clr-bg-secondary;
+  background: terraware.$tw-clr-bg-secondary;
   width: 140px;
   padding: 10px;
   justify-content: center;
   align-items: center;
   text-align: center;
   margin-left: 12px;
-  font-family: $tw-fnt-btn-label-small-font-family;
-  font-size: $tw-fnt-btn-label-small-font-size;
-  font-weight: $tw-fnt-mssg-title-font-weight;
-  line-height: $tw-fnt-btn-label-small-line-height;
-  color: $tw-clr-base-black;
+  font-family: terraware.$tw-fnt-btn-label-small-font-family;
+  font-size: terraware.$tw-fnt-btn-label-small-font-size;
+  font-weight: terraware.$tw-fnt-mssg-title-font-weight;
+  line-height: terraware.$tw-fnt-btn-label-small-line-height;
+  color: terraware.$tw-clr-base-black;
 }
 .timeline-container {
@@ -68,11 +68,11 @@
     left: 50%;
     transform: translateX(-50%);
     white-space: nowrap;
-    font-family: $tw-fnt-frm-fld-label-font-family;
-    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-txt-secondary;
+    font-family: terraware.$tw-fnt-frm-fld-label-font-family;
+    font-size: terraware.$tw-fnt-frm-fld-label-font-size;
+    font-weight: terraware.$tw-fnt-frm-fld-label-font-weight;
+    line-height: terraware.$tw-fnt-frm-fld-label-line-height;
+    color: terraware.$tw-clr-txt-secondary;
     &--top {
       bottom: 100%;
@@ -92,6 +92,6 @@
   left: 0;
   right: 0;
   height: 5px;
-  background-color: $tw-clr-base-gray-200;
+  background-color: terraware.$tw-clr-base-gray-200;
   transform: translateY(-50%);
 }

package/components/ViewPhotosDialog/styles.scss CHANGED Viewed

@@ -1,8 +1,8 @@
-@import '../../style-dictionary-dist/terraware.scss';
+@use '../../style-dictionary-dist/terraware.scss';
 .view-photos-dialog-container {
   min-height: 200px;
-  background: $tw-clr-bg;
+  background: terraware.$tw-clr-bg;
 }
 .view-photos-dialog-image {
@@ -14,5 +14,5 @@
 .photo-numbering {
   font-size: 12px;
-  color: $tw-clr-txt-info;
+  color: terraware.$tw-clr-txt-info;
 }

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">web-components</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.3.1</td><td class="string">6.1.0</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.14.0</td><td class="string">11.11.4</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</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.14.1</td><td class="string">11.11.5</td><td class="string">^11.11.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</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">6.0.1-beta.36</td><td class="string">6.0.1-beta.36</td><td class="string">^6.0.1-beta.36</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">7.29.4</td><td class="string">7.22.0</td><td class="string">^7.22.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.5.1</td><td class="string">2.5.1</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">geojson</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">http://github.com/caseycesari/geojson.js.git</td><td class="string">0.5.0</td><td class="string">0.5.0</td><td class="string">^0.5.0</td><td class="string">Casey Cesari</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.7.2</td><td class="string">3.4.4</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">marked</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/markedjs/marked.git</td><td class="string">16.4.2</td><td class="string">16.2.1</td><td class="string">^16.2.1</td><td class="string">Christopher Jeffrey</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.16.0</td><td class="string">9.10.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.6</td><td class="string">2.8.5</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.97.2</td><td class="string">1.77.2</td><td class="string">^1.75.0</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tslint</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">https://github.com/palantir/tslint.git</td><td class="string">6.1.3</td><td class="string">6.1.3</td><td class="string">^6.1.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">3.5.2</td><td class="string">3.5.2</td><td class="string">^3.5.2</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">web-components</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.3.1</td><td class="string">6.1.0</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.14.0</td><td class="string">11.11.4</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</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.14.1</td><td class="string">11.11.5</td><td class="string">^11.11.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</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">6.0.1-beta.36</td><td class="string">6.0.1-beta.36</td><td class="string">^6.0.1-beta.36</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">7.29.4</td><td class="string">7.22.0</td><td class="string">^7.22.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.5.1</td><td class="string">2.5.1</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">geojson</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">http://github.com/caseycesari/geojson.js.git</td><td class="string">0.5.0</td><td class="string">0.5.0</td><td class="string">^0.5.0</td><td class="string">Casey Cesari</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.7.2</td><td class="string">3.4.4</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">marked</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/markedjs/marked.git</td><td class="string">16.4.2</td><td class="string">16.2.1</td><td class="string">^16.2.1</td><td class="string">Christopher Jeffrey</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">material-react-table</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/KevinVandy/material-react-table.git</td><td class="string">3.2.1</td><td class="string">3.2.1</td><td class="string">^3.2.1</td><td class="string">KevinVandy</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.16.0</td><td class="string">9.10.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.6</td><td class="string">2.8.5</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.97.2</td><td class="string">1.77.2</td><td class="string">^1.75.0</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tslint</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">https://github.com/palantir/tslint.git</td><td class="string">6.1.3</td><td class="string">6.1.3</td><td class="string">^6.1.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</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">3.5.2</td><td class="string">3.5.2</td><td class="string">^3.5.2</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": "3.9.11",
+  "version": "3.9.12",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -26,6 +26,7 @@
     "geojson": "^0.5.0",
     "luxon": "^3.3.0",
     "marked": "^16.2.1",
+    "material-react-table": "^3.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.5.2",

package/stories/EditableTable.stories.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { Story } from '@storybook/react';
+import EditableTable from '../components/EditableTable';
+declare const _default: {
+    title: string;
+    component: typeof EditableTable;
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    rowCount: number;
+}>;
+export declare const WithFilters: Story;
+export declare const WithOccupationFilter: Story;
+export declare const WithoutPagination: Story;
+//# sourceMappingURL=EditableTable.stories.d.ts.map

package/stories/EditableTable.stories.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"EditableTable.stories.d.ts","sourceRoot":"","sources":["../../src/stories/EditableTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,aAAsC,MAAM,6BAA6B,CAAC;;;;;AAEjF,wBAGE;AAqLF,eAAO,MAAM,OAAO;cAFc,MAAM;EAEA,CAAC;AAMzC,eAAO,MAAM,WAAW,EAAE,KAgHzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA4GlC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmG/B,CAAC"}

package/style-dictionary-dist/terraware.scss CHANGED Viewed

@@ -1,3 +1,4 @@
+@use "sass:color";
 $tw-sz-btn-large-height: 48px;
 $tw-sz-btn-large-icon: 28px;
 $tw-sz-btn-large-min-width: 120px;
@@ -131,7 +132,7 @@ $tw-clr-bg-tertiary: #CBC6B7;
 $tw-clr-bg-tertiary-active: #B2AB93;
 $tw-clr-bg-tertiary-hover: linear-gradient(rgba(#B2AB93, 0.5), rgba(#B2AB93, 0.5)), linear-gradient(#CBC6B7, #CBC6B7);
 $tw-clr-brdr: #333025;
-$tw-clr-brdr-active: mix(#4658AA, #6172BE, 50%);
+$tw-clr-brdr-active: color.mix(#4658AA, #6172BE, 50%);
 $tw-clr-brdr-focus: #4658AA;
 $tw-clr-brdr-hover: #6172BE;
 $tw-clr-brdr-secondary: #7F775B;