@madie/madie-design-system 1.2.39 → 1.2.41

package/storybook.log

@@ -0,0 +1,26 @@
+npm error code ERESOLVE
+npm error ERESOLVE could not resolve
+npm error
+npm error While resolving: @madie/madie-design-system@1.2.31
+npm error Found: @storybook/addon-knobs@6.4.0
+npm error node_modules/@storybook/addon-knobs
+npm error   dev @storybook/addon-knobs@"^8.0.1" from the root project
+npm error
+npm error Could not resolve dependency:
+npm error dev @storybook/addon-knobs@"^8.0.1" from the root project
+npm error
+npm error Conflicting peer dependency: @storybook/theming@8.3.0
+npm error node_modules/@storybook/theming
+npm error   peer @storybook/theming@"^8.0.0" from @storybook/addon-knobs@8.0.1
+npm error   node_modules/@storybook/addon-knobs
+npm error     dev @storybook/addon-knobs@"^8.0.1" from the root project
+npm error
+npm error Fix the upstream dependency conflict, or retry
+npm error this command with --force or --legacy-peer-deps
+npm error to accept an incorrect (and potentially broken) dependency resolution.
+npm error
+npm error
+npm error For a full report see:
+npm error /Users/43093/.npm/_logs/2024-09-16T14_12_59_900Z-eresolve-report.txt
+
+npm error A complete log of this run can be found in: /Users/43093/.npm/_logs/2024-09-16T14_12_59_900Z-debug-0.log

package/styles/_global.scss

@@ -3,104 +3,104 @@
 * https://github.com/ten1seven/what-input
 */
 
-[data-whatintent='mouse'] *:focus {
-  outline: none;
+[data-whatintent="mouse"] *:focus {
+	outline: none;
 }
 
-[data-whatintent='keyboard'] *:focus {
-  box-shadow: 0 0 0 3px orange !important;
-  outline: none;
+[data-whatintent="keyboard"] *:focus {
+	box-shadow: 0 0 0 3px orange !important;
+	outline: none;
 }
 
-a[href^='http'] span {
-  margin-left: 0;
+a[href^="http"] span {
+	margin-left: 0;
 }
 
 #panel {
-  section:first-of-type {
-    margin-top: 2rem;
-  }
+	section:first-of-type {
+		margin-top: 2rem;
+	}
 }
 
 svg.icon {
-  height: $font-size-base;
-  width: $font-size-base;
+	height: $font-size-base;
+	width: $font-size-base;
 }
 
 .glyphicon {
-  display: inline-block;
-  position: relative;
-  top: 1px;
+	display: inline-block;
+	position: relative;
+	top: 1px;
 }
 
 .glyphicon-chevron-up::before {
-  content: '\f077';
-  font-family: 'FontAwesome';
+	content: "\f077";
+	font-family: "FontAwesome";
 }
 
 .back-to-top .glyphicon-chevron-up {
-  color: $color-teal;
+	color: $color-teal;
 }
 
 .back-to-top:hover .glyphicon-chevron-up {
-  color: $color-white;
+	color: $color-white;
 }
 
 .link-large {
-  color: #006693;
-  font-size: 24px;
-  line-height: 1;
-  text-decoration: none;
+	color: #006693;
+	font-size: 24px;
+	line-height: 1;
+	text-decoration: none;
 }
 
 .boxes {
-  align-items: stretch;
-  display: flex;
-  flex-direction: column;
-  @include breakpoint(md) {
-    flex-direction: row;
-  }
-
-  .box {
-    border: 1px solid $color-gray-light;
-    margin: 0 1.5rem 1.5rem 0;
-    padding: 1.5rem;
-
-    &:last-of-type {
-      margin-right: 0;
-    }
-    @include breakpoint(md) {
-      margin-bottom: 0;
-    }
-  }
+	align-items: stretch;
+	display: flex;
+	flex-direction: column;
+	@include breakpoint(md) {
+		flex-direction: row;
+	}
+
+	.box {
+		border: 1px solid $color-gray-light;
+		margin: 0 1.5rem 1.5rem 0;
+		padding: 1.5rem;
+
+		&:last-of-type {
+			margin-right: 0;
+		}
+		@include breakpoint(md) {
+			margin-bottom: 0;
+		}
+	}
 }
 
 .skip {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  clip-path: inset(50%);
-  height: 1px;
-  left: 0;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  white-space: nowrap;
-  width: 1px;
-  z-index: 9999;
-  background-color: white;
-
-  &:active,
-  &:focus {
-    clip: auto;
-    clip-path: none;
-    height: auto;
-    overflow: visible;
-    white-space: normal;
-    width: auto;
-  }
+	border: 0;
+	clip: rect(0, 0, 0, 0);
+	clip-path: inset(50%);
+	height: 1px;
+	left: 0;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	top: 0;
+	white-space: nowrap;
+	width: 1px;
+	z-index: 9999;
+	background-color: white;
+
+	&:active,
+	&:focus {
+		clip: auto;
+		clip-path: none;
+		height: auto;
+		overflow: visible;
+		white-space: normal;
+		width: auto;
+	}
 }
 
 .hide {
-  display: none;
+	display: none;
 }

package/styles/_main.scss

@@ -1,15 +1,15 @@
 @charset "utf-8";
 
 // TODO: Remove @cmsgov/design-system dependancies from shared package
-$font-path: '~@cmsgov/design-system/dist/fonts';
-$image-path: '~@cmsgov/design-system/dist/images';
+$font-path: "~@cmsgov/design-system/dist/fonts";
+$image-path: "~@cmsgov/design-system/dist/images";
 
-@import '@cmsgov/design-system/dist/scss/index';
+@import "@cmsgov/design-system/dist/scss/index";
 
-@import 'paths';
+@import "paths";
 
-@import 'third-party/legacy-bootstrap';
+@import "third-party/legacy-bootstrap";
 
-@import 'qpp-style';
+@import "qpp-style";
 
-@import 'qppds';
+@import "qppds";

package/styles/_paths.scss

@@ -1 +1 @@
-$font-path: '../fonts/';
+$font-path: "../fonts/";

package/styles/_qpp-style.scss

@@ -1,37 +1,37 @@
 // import the style guide styles
-@import 'components/variables';
-@import 'utility/mixins';
-@import 'components/grid';
-@import 'utility/utilities';
-@import 'global';
+@import "components/variables";
+@import "utility/mixins";
+@import "components/grid";
+@import "utility/utilities";
+@import "global";
 
-@import 'components/fonts';
-@import 'components/accordion';
-@import 'components/alerts';
-@import 'components/buttons';
-@import 'components/panels';
-@import 'components/forms';
-@import 'components/links';
-@import 'components/madie-discard-dialog';
-@import 'components/madie-delete-dialog';
-@import 'components/madie-confirm-dialog';
-@import 'components/madie-alert';
-@import 'components/madie-tooltip';
-@import 'components/text-field-variable';
-@import 'components/pie-chart';
-@import 'components/score-chart';
-@import 'components/wells';
-@import 'components/tables';
-@import 'components/text';
-@import 'components/toggles';
-@import 'components/tooltip';
-@import 'components/modals';
-@import 'components/breadcrumbs';
-@import 'components/info-modal';
-@import 'components/tabs';
-@import 'components/error-page';
-@import 'components/notification-banner';
-@import 'components/flash-notification';
-@import 'components/autocomplete';
-@import 'components/spinner';
-@import 'components/toast';
+@import "components/fonts";
+@import "components/accordion";
+@import "components/alerts";
+@import "components/buttons";
+@import "components/panels";
+@import "components/forms";
+@import "components/links";
+@import "components/madie-discard-dialog";
+@import "components/madie-delete-dialog";
+@import "components/madie-confirm-dialog";
+@import "components/madie-alert";
+@import "components/madie-tooltip";
+@import "components/text-field-variable";
+@import "components/pie-chart";
+@import "components/score-chart";
+@import "components/wells";
+@import "components/tables";
+@import "components/text";
+@import "components/toggles";
+@import "components/tooltip";
+@import "components/modals";
+@import "components/breadcrumbs";
+@import "components/info-modal";
+@import "components/tabs";
+@import "components/error-page";
+@import "components/notification-banner";
+@import "components/flash-notification";
+@import "components/autocomplete";
+@import "components/spinner";
+@import "components/toast";