@madie/madie-design-system 1.2.39 → 1.2.41

package/styles/third-party/legacy-bootstrap/mixins/_opacity.scss

@@ -1,7 +1,7 @@
 // Opacity
 
 @mixin opacity($opacity) {
-  $opacity-ie: ($opacity * 100);  // IE8 filter
-  filter: alpha(opacity=$opacity-ie);
-  opacity: $opacity;
+	$opacity-ie: ($opacity * 100); // IE8 filter
+	filter: alpha(opacity=$opacity-ie);
+	opacity: $opacity;
 }

package/styles/third-party/legacy-bootstrap/mixins/_panels.scss

@@ -1,30 +1,30 @@
 // Panels
 @mixin panel-variant(
-  $border,
-  $heading-text-color,
-  $heading-bg-color,
-  $heading-border
+	$border,
+	$heading-text-color,
+	$heading-bg-color,
+	$heading-border
 ) {
-  border-color: $border;
+	border-color: $border;
 
-  & > .panel-heading {
-    color: $heading-text-color;
-    background-color: $heading-bg-color;
-    border-color: $heading-border;
+	& > .panel-heading {
+		color: $heading-text-color;
+		background-color: $heading-bg-color;
+		border-color: $heading-border;
 
-    + .panel-collapse > .panel-body {
-      border-top-color: $border;
-    }
+		+ .panel-collapse > .panel-body {
+			border-top-color: $border;
+		}
 
-    .badge {
-      color: $heading-bg-color;
-      background-color: $heading-text-color;
-    }
-  }
+		.badge {
+			color: $heading-bg-color;
+			background-color: $heading-text-color;
+		}
+	}
 
-  & > .panel-footer {
-    + .panel-collapse > .panel-body {
-      border-bottom-color: $border;
-    }
-  }
+	& > .panel-footer {
+		+ .panel-collapse > .panel-body {
+			border-bottom-color: $border;
+		}
+	}
 }

package/styles/third-party/legacy-bootstrap/mixins/_reset-filter.scss

@@ -3,5 +3,5 @@
 // When you need to remove a gradient background, do not forget to use this to reset
 // the IE filter for IE9 and below.
 @mixin reset-filter() {
-  filter: progid:dximagetransform.microsoft.gradient(enabled = false);
+	filter: progid:dximagetransform.microsoft.gradient(enabled = false);
 }

package/styles/third-party/legacy-bootstrap/mixins/_reset-text.scss

@@ -1,18 +1,18 @@
 @mixin reset-text() {
-  font-family: $font-family-base;
-  // We deliberately do NOT reset font-size.
-  font-style: normal;
-  font-weight: 400;
-  line-height: $line-height-base;
-  line-break: auto;
-  text-align: left; // Fallback for where `start` is not supported
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  word-wrap: normal;
-  white-space: normal;
+	font-family: $font-family-base;
+	// We deliberately do NOT reset font-size.
+	font-style: normal;
+	font-weight: 400;
+	line-height: $line-height-base;
+	line-break: auto;
+	text-align: left; // Fallback for where `start` is not supported
+	text-align: start;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	letter-spacing: normal;
+	word-break: normal;
+	word-spacing: normal;
+	word-wrap: normal;
+	white-space: normal;
 }

package/styles/third-party/legacy-bootstrap/mixins/_resize.scss

@@ -1,6 +1,6 @@
 // Resize anything
 
 @mixin resizable($direction) {
-  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
-  resize: $direction; // Options: horizontal, vertical, both
+	overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
+	resize: $direction; // Options: horizontal, vertical, both
 }

package/styles/third-party/legacy-bootstrap/mixins/_responsive-visibility.scss

@@ -1,25 +1,25 @@
 // [converter] $parent hack
 @mixin responsive-visibility($parent) {
-  #{$parent} {
-    display: block !important;
-  }
-  table#{$parent} {
-    display: table !important;
-  }
+	#{$parent} {
+		display: block !important;
+	}
+	table#{$parent} {
+		display: table !important;
+	}
 
-  tr#{$parent} {
-    display: table-row !important;
-  }
+	tr#{$parent} {
+		display: table-row !important;
+	}
 
-  th#{$parent},
-  td#{$parent} {
-    display: table-cell !important;
-  }
+	th#{$parent},
+	td#{$parent} {
+		display: table-cell !important;
+	}
 }
 
 // [converter] $parent hack
 @mixin responsive-invisibility($parent) {
-  #{$parent} {
-    display: none !important;
-  }
+	#{$parent} {
+		display: none !important;
+	}
 }

package/styles/third-party/legacy-bootstrap/mixins/_size.scss

@@ -1,10 +1,10 @@
 // Sizing shortcuts
 
 @mixin size($width, $height) {
-  width: $width;
-  height: $height;
+	width: $width;
+	height: $height;
 }
 
 @mixin square($size) {
-  @include size($size, $size);
+	@include size($size, $size);
 }

package/styles/third-party/legacy-bootstrap/mixins/_tab-focus.scss

@@ -1,9 +1,9 @@
 // WebKit-style focus
 
 @mixin tab-focus() {
-  // WebKit-specific. Other browsers will keep their default outline style.
-  // (Initially tried to also force default via `outline: initial`,
-  // but that seems to erroneously remove the outline in Firefox altogether.)
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
+	// WebKit-specific. Other browsers will keep their default outline style.
+	// (Initially tried to also force default via `outline: initial`,
+	// but that seems to erroneously remove the outline in Firefox altogether.)
+	outline: 5px auto -webkit-focus-ring-color;
+	outline-offset: -2px;
 }

package/styles/third-party/legacy-bootstrap/mixins/_table-row.scss

@@ -1,28 +1,28 @@
 // Tables
 
 @mixin table-row-variant($state, $background) {
-  // Exact selectors below required to override `.table-striped` and prevent
-  // inheritance to nested tables.
-  .table > thead > tr,
-  .table > tbody > tr,
-  .table > tfoot > tr {
-    > td.#{$state},
-    > th.#{$state},
-    &.#{$state} > td,
-    &.#{$state} > th {
-      background-color: $background;
-    }
-  }
+	// Exact selectors below required to override `.table-striped` and prevent
+	// inheritance to nested tables.
+	.table > thead > tr,
+	.table > tbody > tr,
+	.table > tfoot > tr {
+		> td.#{$state},
+		> th.#{$state},
+		&.#{$state} > td,
+		&.#{$state} > th {
+			background-color: $background;
+		}
+	}
 
-  // Hover states for `.table-hover`
-  // Note: this is not available for cells or rows within `thead` or `tfoot`.
-  .table-hover > tbody > tr {
-    > td.#{$state}:hover,
-    > th.#{$state}:hover,
-    &.#{$state}:hover > td,
-    &:hover > .#{$state},
-    &.#{$state}:hover > th {
-      background-color: darken($background, 5%);
-    }
-  }
+	// Hover states for `.table-hover`
+	// Note: this is not available for cells or rows within `thead` or `tfoot`.
+	.table-hover > tbody > tr {
+		> td.#{$state}:hover,
+		> th.#{$state}:hover,
+		&.#{$state}:hover > td,
+		&:hover > .#{$state},
+		&.#{$state}:hover > th {
+			background-color: darken($background, 5%);
+		}
+	}
 }

package/styles/third-party/legacy-bootstrap/mixins/_text-emphasis.scss

@@ -2,11 +2,11 @@
 
 // [converter] $parent hack
 @mixin text-emphasis-variant($parent, $color) {
-  #{$parent} {
-    color: $color;
-  }
-  a#{$parent}:hover,
-  a#{$parent}:focus {
-    color: darken($color, 10%);
-  }
+	#{$parent} {
+		color: $color;
+	}
+	a#{$parent}:hover,
+	a#{$parent}:focus {
+		color: darken($color, 10%);
+	}
 }

package/styles/third-party/legacy-bootstrap/mixins/_text-overflow.scss

@@ -2,7 +2,7 @@
 // Requires inline-block or block for proper styling
 
 @mixin text-overflow() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }

package/styles/third-party/legacy-bootstrap/mixins/_vendor-prefixes.scss

@@ -19,164 +19,164 @@
 // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
 // supported browsers that have box shadow capabilities now support it.
 @mixin box-shadow($shadow...) {
-  -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
-  box-shadow: $shadow;
+	-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
+	box-shadow: $shadow;
 }
 
 // Box sizing
 @mixin box-sizing($boxmodel) {
-  -webkit-box-sizing: $boxmodel;
-  -moz-box-sizing: $boxmodel;
-  box-sizing: $boxmodel;
+	-webkit-box-sizing: $boxmodel;
+	-moz-box-sizing: $boxmodel;
+	box-sizing: $boxmodel;
 }
 
 // CSS3 Content Columns
 @mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
-  -webkit-column-count: $column-count;
-  -moz-column-count: $column-count;
-  column-count: $column-count;
-  -webkit-column-gap: $column-gap;
-  -moz-column-gap: $column-gap;
-  column-gap: $column-gap;
+	-webkit-column-count: $column-count;
+	-moz-column-count: $column-count;
+	column-count: $column-count;
+	-webkit-column-gap: $column-gap;
+	-moz-column-gap: $column-gap;
+	column-gap: $column-gap;
 }
 
 // Placeholder text
 @mixin placeholder($color: $input-color-placeholder) {
-  // Firefox
-  &::-moz-placeholder {
-    color: $color;
-    opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
-  }
+	// Firefox
+	&::-moz-placeholder {
+		color: $color;
+		opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
+	}
 
-  &:-ms-input-placeholder {
-    color: $color;
-  } // Internet Explorer 10+
+	&:-ms-input-placeholder {
+		color: $color;
+	} // Internet Explorer 10+
 
-  &::-webkit-input-placeholder {
-    color: $color;
-  } // Safari and Chrome
+	&::-webkit-input-placeholder {
+		color: $color;
+	} // Safari and Chrome
 }
 
 // Transformations
 @mixin scale($ratio...) {
-  -webkit-transform: scale($ratio);
-  -ms-transform: scale($ratio); // IE9 only
-  -o-transform: scale($ratio);
-  transform: scale($ratio);
+	-webkit-transform: scale($ratio);
+	-ms-transform: scale($ratio); // IE9 only
+	-o-transform: scale($ratio);
+	transform: scale($ratio);
 }
 
 @mixin scaleX($ratio) {
-  -webkit-transform: scaleX($ratio);
-  -ms-transform: scaleX($ratio); // IE9 only
-  -o-transform: scaleX($ratio);
-  transform: scaleX($ratio);
+	-webkit-transform: scaleX($ratio);
+	-ms-transform: scaleX($ratio); // IE9 only
+	-o-transform: scaleX($ratio);
+	transform: scaleX($ratio);
 }
 
 @mixin scaleY($ratio) {
-  -webkit-transform: scaleY($ratio);
-  -ms-transform: scaleY($ratio); // IE9 only
-  -o-transform: scaleY($ratio);
-  transform: scaleY($ratio);
+	-webkit-transform: scaleY($ratio);
+	-ms-transform: scaleY($ratio); // IE9 only
+	-o-transform: scaleY($ratio);
+	transform: scaleY($ratio);
 }
 
 @mixin skew($x, $y) {
-  -webkit-transform: skewX($x) skewY($y);
-  -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-  -o-transform: skewX($x) skewY($y);
-  transform: skewX($x) skewY($y);
+	-webkit-transform: skewX($x) skewY($y);
+	-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
+	-o-transform: skewX($x) skewY($y);
+	transform: skewX($x) skewY($y);
 }
 
 @mixin translate($x, $y) {
-  -webkit-transform: translate($x, $y);
-  -ms-transform: translate($x, $y); // IE9 only
-  -o-transform: translate($x, $y);
-  transform: translate($x, $y);
+	-webkit-transform: translate($x, $y);
+	-ms-transform: translate($x, $y); // IE9 only
+	-o-transform: translate($x, $y);
+	transform: translate($x, $y);
 }
 
 @mixin translate3d($x, $y, $z) {
-  -webkit-transform: translate3d($x, $y, $z);
-  transform: translate3d($x, $y, $z);
+	-webkit-transform: translate3d($x, $y, $z);
+	transform: translate3d($x, $y, $z);
 }
 
 @mixin rotate($degrees) {
-  -webkit-transform: rotate($degrees);
-  -ms-transform: rotate($degrees); // IE9 only
-  -o-transform: rotate($degrees);
-  transform: rotate($degrees);
+	-webkit-transform: rotate($degrees);
+	-ms-transform: rotate($degrees); // IE9 only
+	-o-transform: rotate($degrees);
+	transform: rotate($degrees);
 }
 
 @mixin rotateX($degrees) {
-  -webkit-transform: rotateX($degrees);
-  -ms-transform: rotateX($degrees); // IE9 only
-  -o-transform: rotateX($degrees);
-  transform: rotateX($degrees);
+	-webkit-transform: rotateX($degrees);
+	-ms-transform: rotateX($degrees); // IE9 only
+	-o-transform: rotateX($degrees);
+	transform: rotateX($degrees);
 }
 
 @mixin rotateY($degrees) {
-  -webkit-transform: rotateY($degrees);
-  -ms-transform: rotateY($degrees); // IE9 only
-  -o-transform: rotateY($degrees);
-  transform: rotateY($degrees);
+	-webkit-transform: rotateY($degrees);
+	-ms-transform: rotateY($degrees); // IE9 only
+	-o-transform: rotateY($degrees);
+	transform: rotateY($degrees);
 }
 
 @mixin perspective($perspective) {
-  -webkit-perspective: $perspective;
-  -moz-perspective: $perspective;
-  perspective: $perspective;
+	-webkit-perspective: $perspective;
+	-moz-perspective: $perspective;
+	perspective: $perspective;
 }
 
 @mixin perspective-origin($perspective) {
-  -webkit-perspective-origin: $perspective;
-  -moz-perspective-origin: $perspective;
-  perspective-origin: $perspective;
+	-webkit-perspective-origin: $perspective;
+	-moz-perspective-origin: $perspective;
+	perspective-origin: $perspective;
 }
 
 @mixin transform-origin($origin) {
-  -webkit-transform-origin: $origin;
-  -moz-transform-origin: $origin;
-  -ms-transform-origin: $origin; // IE9 only
-  transform-origin: $origin;
+	-webkit-transform-origin: $origin;
+	-moz-transform-origin: $origin;
+	-ms-transform-origin: $origin; // IE9 only
+	transform-origin: $origin;
 }
 
 // Transitions
 @mixin transition($transition...) {
-  -webkit-transition: $transition;
-  -o-transition: $transition;
-  transition: $transition;
+	-webkit-transition: $transition;
+	-o-transition: $transition;
+	transition: $transition;
 }
 
 @mixin transition-property($transition-property...) {
-  -webkit-transition-property: $transition-property;
-  transition-property: $transition-property;
+	-webkit-transition-property: $transition-property;
+	transition-property: $transition-property;
 }
 
 @mixin transition-delay($transition-delay) {
-  -webkit-transition-delay: $transition-delay;
-  transition-delay: $transition-delay;
+	-webkit-transition-delay: $transition-delay;
+	transition-delay: $transition-delay;
 }
 
 @mixin transition-duration($transition-duration...) {
-  -webkit-transition-duration: $transition-duration;
-  transition-duration: $transition-duration;
+	-webkit-transition-duration: $transition-duration;
+	transition-duration: $transition-duration;
 }
 
 @mixin transition-timing-function($timing-function) {
-  -webkit-transition-timing-function: $timing-function;
-  transition-timing-function: $timing-function;
+	-webkit-transition-timing-function: $timing-function;
+	transition-timing-function: $timing-function;
 }
 
 @mixin transition-transform($transition...) {
-  -webkit-transition: -webkit-transform $transition;
-  -moz-transition: -moz-transform $transition;
-  -o-transition: -o-transform $transition;
-  transition: transform $transition;
+	-webkit-transition: -webkit-transform $transition;
+	-moz-transition: -moz-transform $transition;
+	-o-transition: -o-transform $transition;
+	transition: transform $transition;
 }
 
 // User select
 // For selecting text on the page
 @mixin user-select($select) {
-  -webkit-user-select: $select;
-  -moz-user-select: $select;
-  -ms-user-select: $select; // IE10+
-  user-select: $select;
+	-webkit-user-select: $select;
+	-moz-user-select: $select;
+	-ms-user-select: $select; // IE10+
+	user-select: $select;
 }

package/test/components/DateField.test.js

@@ -18,13 +18,11 @@ describe("DateField", () => {
                     disabled={false}
                 />
             );
-            
+
             const labelText = await findByText("Status Date");
             expect(labelText).toBeInTheDocument();
             expect(await findByText("Status Date")).toBeInTheDocument();
-            expect(
-                getByDisplayValue("04/17/2022")
-            ).toBeInTheDocument();
+            expect(getByDisplayValue("04/17/2022")).toBeInTheDocument();
         });
     });
 
@@ -33,20 +31,17 @@ describe("DateField", () => {
             const { findByText, container } = render(
                 <DateField
                     label="Status Date"
-                    
                     handleDateChange={() => console.log("Status Date")}
                     disabled={false}
                 />
             );
-            
+
             const labelText = await findByText("Status Date");
             expect(labelText).toBeInTheDocument();
             expect(await findByText("Status Date")).toBeInTheDocument();
-            
-                const dateDisplay =  container.querySelector('[value="04/17/2022"]');
-                expect(dateDisplay).toBeNull();
 
-            
+            const dateDisplay = container.querySelector('[value="04/17/2022"]');
+            expect(dateDisplay).toBeNull();
         });
     });
 });

package/test/components/DateTimeField.test.js

@@ -24,7 +24,9 @@ describe("DateTimeField", () => {
 
             const labelText = await findByText("Active Date/Time");
             expect(labelText).toBeInTheDocument();
-            expect(await findByTestId("active-date-time-input")).toBeInTheDocument();
+            expect(
+                await findByTestId("active-date-time-input")
+            ).toBeInTheDocument();
             expect(
                 getByDisplayValue("04/17/2022 03:30 PM")
             ).toBeInTheDocument();