testio-tailwind 0.2.2 → 0.2.4

package/README.md

@@ -1,6 +1,6 @@
 # Translation Space Designsystem
 
-[![CircleCI](https://dl.circleci.com/status-badge/img/gh/test-IO/translation-space-designsystem/tree/main.svg?style=svg&circle-token=60adcec1eb4c2df56fede063ffe512971f103889)](https://dl.circleci.com/status-badge/redirect/gh/test-IO/translation-space-designsystem/tree/main)
+[![CircleCI](https://dl.circleci.com/status-badge/img/gh/test-IO/testio-tailwind/tree/main.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/gh/test-IO/testio-tailwind/tree/main)
 
 --- (Live deployment)
 
@@ -41,3 +41,12 @@ npm run build
 * Make sure to update the version number in package.json file for every pull request
 * CircleCI will take care of publishing to npm and also adding a tag when the commits are merged to master
 * CircleCI will publish it only if the package version has been increased
+
+
+---
+
+### Integration of the design system into your app
+
+* If possible import `app.css` to get all relevant modules and files. 
+* Be sure to use `tailwind.config.js` from the package to have all relevant variables ready to use. Otherwise you might get errors due to missing variables.
+

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "testio-tailwind",
-	"version": "0.2.2",
+	"version": "0.2.4",
 	"description": "Tailwind based design system for Test IO",
 	"scripts": {
 		"clean": "del dist",
@@ -27,20 +27,20 @@
 		"cross-env": "^7.0.3",
 		"css-loader": "^5.0.1",
 		"del-cli": "^3.0.1",
-		"html-minifier": "^4.0.0",
 		"luxon": "^1.25.0",
 		"npm-run-all": "^4.1.5",
 		"postcss": "^8.1.0",
 		"postcss-cli": "^8.0.0",
-		"postcss-import": "^12.0.1",
+		"postcss-import": "^16.1.0",
 		"postcss-loader": "^4.0.4",
-		"postcss-nesting": "^7.0.1",
-		"pug-frontmatter-html-loader": "^0.1.2",
+		"postcss-nesting": "^13.0.1",
+		"pug-plugin": "^6.0.0",
 		"tailwindcss": "^2.2.16",
 		"webpack": "^5.x",
 		"webpack-cli": ">=4.x"
 	},
 	"dependencies": {
+		"@babel/plugin-transform-class-properties": "^7.27.1",
 		"@tailwindcss/forms": "^0.1.4",
 		"@tailwindcss/line-clamp": "^0.1.0",
 		"@tailwindcss/typography": "^0.4.0",
@@ -48,9 +48,10 @@
 		"dropzone": "^6.0.0-beta.2",
 		"echarts": "^5.6.0",
 		"hamljs": "^0.6.2",
+		"html-minifier-terser": "^7.2.0",
 		"jquery": "^3.6.0",
 		"markdown-it": "^14.1.0",
-		"postcss-simple-vars": "^5.0.2",
+		"postcss-simple-vars": "^7.0.1",
 		"select2": "^4.1.0-rc.0",
 		"tailwindcss": "^2.2.16",
 		"tom-select": "^2.3.1",

package/src/assets/stylesheets/components/markdown_trix_styles.css

@@ -33,6 +33,10 @@
     @apply px-xxs text-white font-normal not-italic bg-info rounded;
   }
 
+  em a, a em {
+    @apply px-xxs text-white font-normal not-italic bg-info rounded;
+  }
+
   code {
     @apply p-xxs mb-xs text-label bg-gray-lightest text-black font-mono rounded;
   }

package/src/pages/typography/markdown.md

@@ -35,7 +35,12 @@ ___
 ### Links
 
 [link text](http://test.io)
+
 [link with title](http://test.io "title text!")
+
+*[em with link inside](http://test.io)*
+
+[link with *em* inside](http://test.io)
 ___
 
 

package/src/pages/typography/trix_styles.haml

@@ -23,6 +23,14 @@ title: Trix content styles
   %hr
   %h3 Links
   %a{href:"http://test.io"} Text of link
+  %br
+  %a{href:"http://test.io"}
+    Link with 
+    %em em
+    inside
+  %br
+  %em
+    %a{href:"http://test.io"} em with link inside
   %hr
   %h3 Blockquotes
   %blockquote

package/utils/transforms.js

@@ -1,4 +1,4 @@
-const htmlmin = require("html-minifier");
+const htmlmin = require("html-minifier-terser");
 const isProduction = process.env.ELEVENTY_ENV === 'production';
 
 module.exports = {