@cdc/core 4.22.10 → 4.22.11

package/styles/v2/components/accordion.scss

@@ -1,5 +1,5 @@
-@import "../utils/variables";
-@import "../themes/index";
+@import '../utils/variables';
+@import '../themes/index';
 
 .cove {
   .cove-accordion__item {
@@ -9,7 +9,7 @@
 
     .number-narrow {
       min-width: auto;
-      width: 75px
+      width: 75px;
     }
   }
 
@@ -22,7 +22,7 @@
     justify-content: space-between;
     position: relative;
     width: 100%;
-    padding: .3em 1em;
+    padding: 0.3em 1em;
     font-size: 1em;
     text-align: left;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
@@ -41,14 +41,14 @@
       position: absolute;
       top: 50%;
       transform: rotate(-45deg) translateX(0) translateY(-50%);
-      transition: .1s all;
+      transition: 0.1s all;
     }
 
     &[aria-expanded='true']::before,
     &[aria-selected='true']::before {
       transform: rotate(45deg) translateX(-2px) translateY(-70%);
       margin-right: 1.3em;
-      transition: .1s all;
+      transition: 0.1s all;
     }
 
     .cove-tooltip,
@@ -71,7 +71,7 @@
     }
 
     h5 {
-      font-size: .8em;
+      font-size: 0.8em;
     }
   }
 
@@ -114,7 +114,7 @@
   }
 
   .cove-accordion__small-inputs {
-    input[type="text"] {
+    input[type='text'] {
       display: block;
       width: 100%;
       height: 22px;
@@ -139,14 +139,14 @@
   }
 
   .cove-accordion__input-error {
-    color: #D8000C;
-    border: #D8000C 1px solid;
+    color: #d8000c;
+    border: #d8000c 1px solid;
   }
 
   .cove-accordion__panel-error {
-    color: #D8000C;
-    background-color: #FFD2D2;
-    border: #D8000C 1px solid;
+    color: #d8000c;
+    background-color: #ffd2d2;
+    border: #d8000c 1px solid;
     margin-top: 12px;
     padding: 4px 8px;
     line-height: 1.2em;

package/styles/v2/components/button.scss

@@ -1,5 +1,5 @@
-@import "../utils/variables";
-@import "../themes/index";
+@import '../utils/variables';
+@import '../themes/index';
 
 .sbdocs .cove-button {
   margin-right: 1rem;
@@ -56,7 +56,7 @@
         position: absolute;
         inset: 0;
         outline: 2px solid rgba(161, 161, 161, 0.6);
-        border-radius: .3125em;
+        border-radius: 0.3125em;
         margin: -2px;
         pointer-events: none;
       }

package/styles/v2/components/card.scss

@@ -2,6 +2,6 @@
   border: 1px solid #c7c7c7;
   border-radius: 0.25rem;
   background-color: #f2f2f2;
-  padding: .75rem;
+  padding: 0.75rem;
   height: 100%;
 }

package/styles/v2/components/data-designer.scss

@@ -1,10 +1,10 @@
-@import "../utils/variables";
-@import "../themes/color-definitions";
+@import '../utils/variables';
+@import '../themes/color-definitions';
 
 .cove-modal__content {
   .dataset-selector-container {
     padding: 1em;
-    
+
     .dataset-selector {
       margin: 0 0.5em;
       padding: 0.5em;
@@ -71,7 +71,7 @@
   }
 
   p {
-    font-size: .8rem;
+    font-size: 0.8rem;
     margin-bottom: 1rem;
   }
 
@@ -80,7 +80,7 @@
   }
 
   table {
-    font-size: .8rem;
+    font-size: 0.8rem;
     background-color: #fff;
     border: 1px solid $lightGray;
     border-collapse: collapse;
@@ -91,7 +91,8 @@
       background-color: $primary;
     }
 
-    th, td {
+    th,
+    td {
       padding: 0 5px;
       border-top: 1px solid $lightGray;
       border-bottom: 1px solid $lightGray;

package/styles/v2/components/editor.scss

@@ -1,12 +1,11 @@
-@import "../utils/variables";
-@import "../themes/index";
+@import '../utils/variables';
+@import '../themes/index';
 
 .cove-editor {
-
-  @import "./../base/reset";
+  @import './../base/reset';
   display: grid;
   grid-template-columns: auto 1fr;
-  grid-template-areas: "panel content";
+  grid-template-areas: 'panel content';
   height: 100vh;
 
   .cove-editor__panel {
@@ -24,7 +23,7 @@
   .cove-editor__heading {
     font-size: 1.125em;
     user-select: none;
-    padding: .625rem 1.125rem;
+    padding: 0.625rem 1.125rem;
   }
 
   .cove-editor__panel-container {
@@ -54,7 +53,7 @@
     border: 0;
     cursor: pointer;
     transition: left 400ms ease 65ms, background-color 200ms ease;
-    box-shadow: rgba(0, 0, 0, .5) 0 1px 2px;
+    box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
     user-select: none;
     z-index: 8;
 
@@ -63,7 +62,7 @@
       left: 50%;
       transform: translate(-50%, -50%);
       position: absolute;
-      content: "\00ab";
+      content: '\00ab';
     }
 
     &.collapsed {
@@ -71,12 +70,12 @@
       margin-left: 0;
 
       &:before {
-        content: "\00bb";
+        content: '\00bb';
       }
     }
 
     &:hover {
-      background-color: #ffffff
+      background-color: #ffffff;
     }
   }
 }
@@ -93,7 +92,7 @@
 
     > label {
       width: 48%;
-      margin-top: 0 !important
+      margin-top: 0 !important;
     }
   }
 
@@ -108,22 +107,22 @@
     border: $lightGray 1px solid;
 
     &:empty {
-      border: none !important
+      border: none !important;
     }
 
     li {
-      padding: .3em .5em;
+      padding: 0.3em 0.5em;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      font-size: .9em;
+      font-size: 0.9em;
 
       &:hover {
         background-color: $lightestGray;
       }
 
       span {
-        font-size: .8em;
+        font-size: 0.8em;
         color: #f00;
         cursor: pointer;
       }
@@ -141,7 +140,7 @@
 
   .guidance-link {
     margin: 2em 1em 0;
-    padding: .75em 1em;
+    padding: 0.75em 1em;
 
     svg {
       width: 60px;
@@ -158,7 +157,7 @@
     background: #565656;
     color: #fff;
     font-size: 1.1em;
-    padding: .6em 1em;
+    padding: 0.6em 1em;
     position: relative;
     border-bottom: #565656 3px solid;
     z-index: 3;
@@ -191,7 +190,8 @@
         width: 30%;
         display: inline-block;
 
-        input[type="text"], input[type="number"] {
+        input[type='text'],
+        input[type='number'] {
           width: 50px;
         }
       }
@@ -200,15 +200,15 @@
 
   .remove-column {
     margin: 0 auto;
-    color: #C32B2B;
-    font-size: .7em;
+    color: #c32b2b;
+    font-size: 0.7em;
     font-weight: bold;
     line-height: 1.6em;
     text-decoration: underline;
     text-transform: uppercase;
     border: 0;
     border-radius: 5px;
-    transition: .1s all;
+    transition: 0.1s all;
     float: right;
     outline: 0;
     cursor: pointer;
@@ -218,13 +218,14 @@
     padding-left: 1em;
     border: 0;
     border-left: rgba(0, 0, 0, 0.2) 4px solid;
-    transition: .2s all;
+    transition: 0.2s all;
 
     &:not(:first-child) {
       margin-top: 2em;
     }
 
-    input[type="text"], input[type="number"] {
+    input[type='text'],
+    input[type='number'] {
       font-size: 1em;
     }
 
@@ -238,13 +239,13 @@
 
     &:hover {
       border-left: rgba(0, 0, 0, 0.7) 4px solid;
-      transition: .2s all;
+      transition: 0.2s all;
     }
   }
 
   span.subtext {
     display: block;
-    color: rgba(0, 0, 0, .5);
+    color: rgba(0, 0, 0, 0.5);
     text-transform: none;
     font-weight: normal;
   }
@@ -257,25 +258,25 @@
     list-style: none;
 
     > li {
-      margin-right: .3em;
-      margin-bottom: .3em;
+      margin-right: 0.3em;
+      margin-bottom: 0.3em;
     }
 
     li > div {
       display: block;
       box-sizing: border-box;
-      border: 1px solid #D1D1D1;
+      border: 1px solid #d1d1d1;
       border-radius: 2px;
-      background: #F1F1F1;
-      padding: .4em .6em;
-      font-size: .8em;
-      margin-bottom: .3em;
+      background: #f1f1f1;
+      padding: 0.4em 0.6em;
+      font-size: 0.8em;
+      margin-bottom: 0.3em;
       cursor: move;
     }
   }
 
   .info {
-    font-size: .8em;
+    font-size: 0.8em;
     line-height: 1.4em;
     font-style: italic;
     padding-top: 10px;
@@ -290,11 +291,11 @@
     cursor: text;
 
     input.react-tags__search-input {
-      font-size: .8rem;
+      font-size: 0.8rem;
     }
 
     span {
-      display: inline
+      display: inline;
     }
 
     &.is-focused {
@@ -309,23 +310,23 @@
   .react-tags__selected-tag {
     display: inline-block;
     box-sizing: border-box;
-    border: 1px solid #D1D1D1;
+    border: 1px solid #d1d1d1;
     border-radius: 2px;
-    background: #F1F1F1;
-    padding: .4em .6em;
-    font-size: .8em;
-    margin-right: .3em;
-    margin-bottom: .3em;
+    background: #f1f1f1;
+    padding: 0.4em 0.6em;
+    font-size: 0.8em;
+    margin-right: 0.3em;
+    margin-bottom: 0.3em;
 
     &::after {
       content: '\2715';
-      color: #AAA;
+      color: #aaa;
       margin-left: 8px;
     }
 
     &:hover,
     &:focus {
-      border-color: #B1B1B1;
+      border-color: #b1b1b1;
     }
   }
 
@@ -337,7 +338,7 @@
       max-width: 100%;
       margin: 0;
       outline: none;
-      padding: .5em .3em;
+      padding: 0.5em 0.3em;
       font-size: inherit;
       line-height: inherit;
     }
@@ -364,7 +365,7 @@
       padding: 0;
       list-style: none;
       background: white;
-      border: 1px solid #D1D1D1;
+      border: 1px solid #d1d1d1;
       border-radius: 2px;
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     }
@@ -408,7 +409,7 @@
   text-align: left;
 
   p {
-    font-size: .8rem;
+    font-size: 0.8rem;
   }
 
   .advanced-toggle-link {
@@ -426,17 +427,17 @@
     }
 
     &:hover {
-      color: rgba(0, 0, 0, .7);
+      color: rgba(0, 0, 0, 0.7);
     }
   }
 
   textarea {
     height: 400px;
     width: 100%;
-    font-size: .9em;
-    padding: .5em;
+    font-size: 0.9em;
+    padding: 0.5em;
     font-family: monospace;
-    box-sizing: border-box
+    box-sizing: border-box;
   }
 }
 
@@ -469,7 +470,7 @@ ul.color-palette {
     }
 
     &.selected {
-      border: rgba(0, 0, 0, .8) 2px solid;
+      border: rgba(0, 0, 0, 0.8) 2px solid;
     }
 
     span {

package/styles/v2/components/guidance-block.scss

@@ -1,10 +1,10 @@
-@import "../utils/variables";
-@import "../themes/color-definitions";
+@import '../utils/variables';
+@import '../themes/color-definitions';
 
 .cove-guidance-block {
   display: block;
   position: relative;
-  padding: .75rem 1rem;
+  padding: 0.75rem 1rem;
   margin-left: 5px;
   color: #444;
   text-decoration: none;
@@ -14,7 +14,7 @@
   transition: all 200ms $transition-expo-out;
 
   &:before {
-    content: "";
+    content: '';
     position: absolute;
     top: -1px;
     left: -5px;
@@ -29,7 +29,7 @@
   &:active {
     background: $lightestGray;
     color: #444;
-    transition: .2s all;
+    transition: 0.2s all;
   }
 
   &:after {
@@ -70,5 +70,5 @@
 }
 
 .cove-guidance-block__content {
-  font-size: .875rem;
+  font-size: 0.875rem;
 }

package/styles/v2/components/input/_input-check-radio.scss

@@ -8,8 +8,8 @@
   align-items: center;
 
   label,
-  input[type="checkbox"],
-  input[type="radio"] {
+  input[type='checkbox'],
+  input[type='radio'] {
     cursor: pointer;
     user-select: none;
   }
@@ -17,14 +17,14 @@
   label {
     padding-right: 6px;
 
-    + input[type="checkbox"],
-    + input[type="radio"] {
+    + input[type='checkbox'],
+    + input[type='radio'] {
       margin-left: 0;
     }
   }
 
-  input[type="checkbox"],
-  input[type="radio"] {
+  input[type='checkbox'],
+  input[type='radio'] {
     display: inline-block;
     margin-right: 0;
     margin-left: 0;
@@ -35,7 +35,7 @@
     }
   }
 
-  input[type="radio"] {
+  input[type='radio'] {
     margin-bottom: 5px;
   }
 }

package/styles/v2/components/input/_input-group.scss

@@ -34,14 +34,14 @@
   }
 
   &.clear {
-    &[flow="left"] > {
+    &[flow='left'] > {
       :first-child {
         border: 0;
         left: 0;
       }
     }
 
-    &[flow="right"] > {
+    &[flow='right'] > {
       :last-child {
         border: 0;
         right: 0;

package/styles/v2/components/input/_input-slider.scss

@@ -91,7 +91,7 @@
     }
 
     .cove-input__slider-track {
-      box-shadow: inset 1px 1px 3px rgb(0 0 0 / 40%)
+      box-shadow: inset 1px 1px 3px rgb(0 0 0 / 40%);
     }
 
     &.active {
@@ -100,7 +100,7 @@
       }
 
       .cove-input__slider-track {
-        box-shadow: inset 1px 1px 3px rgb(0 0 0 / 60%)
+        box-shadow: inset 1px 1px 3px rgb(0 0 0 / 60%);
       }
     }
   }
@@ -150,7 +150,6 @@
 
   &.slider--3d {
     .cove-input__slider-button {
-
       &:after {
         width: calc(100% - 8px);
         height: calc(100% - 8px);

package/styles/v2/components/input/index.scss

@@ -1,7 +1,7 @@
-@import "../../utils/variables";
-@import "../../themes/index";
+@import '../../utils/variables';
+@import '../../themes/index';
 
-@import "input";
-@import "input-check-radio";
-@import "input-group";
-@import "input-slider";
+@import 'input';
+@import 'input-check-radio';
+@import 'input-group';
+@import 'input-slider';

package/styles/v2/components/loadspin.scss

@@ -15,7 +15,7 @@
     transform-origin: 40px 40px;
 
     &:after {
-      content: " ";
+      content: ' ';
       display: block;
       position: absolute;
       width: 7px;

package/styles/v2/components/modal.scss

@@ -1,5 +1,5 @@
-@import "../utils/variables";
-@import "../themes/index";
+@import '../utils/variables';
+@import '../themes/index';
 
 .cove-overlay {
   .cove-modal {

package/styles/v2/components/overlay.scss

@@ -1,5 +1,5 @@
-@import "../utils/variables";
-@import "../themes/index";
+@import '../utils/variables';
+@import '../themes/index';
 
 .cove-overlay {
   display: flex;
@@ -35,12 +35,12 @@
 
   &.show {
     .cove-overlay__bg {
-      opacity: 1
+      opacity: 1;
     }
 
     .cove-overlay__container {
       opacity: 1;
-      transform: translateY(0)
+      transform: translateY(0);
     }
   }
 }

package/styles/v2/layout/_alert.scss

@@ -1,9 +1,9 @@
 .cove-alert__error {
   display: flex;
   justify-content: space-between;
-  padding: .3rem 1rem;
-  font-size: .9rem;
-  background: #FFC2C2;
+  padding: 0.3rem 1rem;
+  font-size: 0.9rem;
+  background: #ffc2c2;
   border-radius: 0.1875rem;
 
   strong {
@@ -15,19 +15,19 @@
   }
 
   .cove-alert__error-dismiss {
-    font-size: .8rem;
+    font-size: 0.8rem;
     flex-shrink: 0;
     cursor: pointer;
   }
 }
 
 .cove-alert__warning {
-  padding: .75rem 1rem;
+  padding: 0.75rem 1rem;
   margin: 1rem 0;
   font-size: 0.8rem;
-  color: #D8000C;
-  background-color: #FFD2D2;
-  border: #D8000C 1px solid;
+  color: #d8000c;
+  background-color: #ffd2d2;
+  border: #d8000c 1px solid;
   border-radius: 0.1875rem;
 
   strong {

package/styles/v2/layout/_component.scss

@@ -27,7 +27,7 @@
   .cdc-data-bite-inner-container:not(.component--has-title) .cove-component__content:not(.no-borders) {
     border-top: 1px solid #ccc;
   }
-  
+
   .cove-component__content:not(.component--hideBackgroundColor) {
     background: $lightestGray;
   }