Merge pull request #37 from Mojang/feature/main-6.7.0

added 2 svg and styled tooltip for form

README.md

@@ -36,6 +36,11 @@ In order to use the image assets and svg icons included in this package you need
 The svg icons also needs to be converted into a [svg-sprite](https://css-tricks.com/svg-sprites-use-better-icon-fonts/) using [svgstore](https://github.com/svgstore/svgstore) or similar tool.
 
 ### Changelog
+v6.7.0
+- Added new class `.form-tooltip`, `form-tooltip-text` 
+- Added svg `line-vector-export` and `line-vector-help` followed naming convention.
+- Removed svg `vector`
+
 v6.6.0
 - Added media query `@media (forced-colors: active)` for `.form-control:focus`
 - Added new class `.required:after`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mojang/web-theme-bootstrap",
-  "version": "6.6.0",
+  "version": "6.7.0",
   "description": "Contains the theme used on minecraft.net based on Boostrap 4",
   "repository": {
     "type": "git",

scss/components/_forms.scss

@@ -30,6 +30,39 @@ $label-color: $scorpion;
   color: $red;
 }
 
+.form-tooltip {
+  position: relative;
+  display: inline-block;
+}
+
+.form-tooltip .form-tooltip-text {
+  visibility: hidden;
+  background-color: #F8F5F4;
+  color: #000000;
+  border-radius: 8px;
+  padding: 8px;
+  position: absolute;
+  width: 336px;
+  transform: translate(-50%, 32%);
+  z-index:1;
+  font-size:14px;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+}
+
+.form-tooltip .form-tooltip-text::after {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  right: 50%;
+  border-width:8.66px;
+  border-style: solid;
+  border-color: transparent transparent #F8F5F4 transparent;
+}
+
+.form-tooltip:hover .form-tooltip-text {
+  visibility: visible;
+}
+
 label {
   color: $label-color;
   font-size: 14px;