add uui-css through the custom properties file to be able to override properties (the file name could probably be improved)

2022-08-10 12:07:36 +02:00
parent 3fd5899ab0
commit ecbb5891f1
4 changed files with 3 additions and 3 deletions
--- a/src/Umbraco.Web.UI.Client/.storybook/preview.js
+++ b/src/Umbraco.Web.UI.Client/.storybook/preview.js
@@ -1,5 +1,5 @@
+import '../src/css/custom-properties.css';
 import '@umbraco-ui/uui';
-import '@umbraco-ui/uui-css/dist/uui-css.css';

 import { initialize, mswDecorator } from 'msw-storybook-addon';

--- a/src/Umbraco.Web.UI.Client/src/css/custom-properties.css
+++ b/src/Umbraco.Web.UI.Client/src/css/custom-properties.css
@@ -1,3 +1,5 @@
+@import '@umbraco-ui/uui-css/dist/uui-css.css';
+
 :root {
 	--uui-color-positive: #1c874c;
 }
--- a/src/Umbraco.Web.UI.Client/src/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/index.ts
@@ -1,4 +1,3 @@
-import '@umbraco-ui/uui-css/dist/uui-css.css';
 import 'element-internals-polyfill';

 import { startMockServiceWorker } from './mocks/browser';
--- a/src/Umbraco.Web.UI.Client/web-test-runner.config.mjs
+++ b/src/Umbraco.Web.UI.Client/web-test-runner.config.mjs
@@ -16,7 +16,6 @@ export default {
  testRunnerHtml: (testFramework) =>
    `<html>
 			<head>
-				<link rel="stylesheet" href="/node_modules/@umbraco-ui/uui-css/dist/uui-css.css">
 				<link rel="stylesheet" href="/src/css/custom-properties.css">
 			</head>
      <body>