Update for Statamic 4 and TipTap 2

Author: martyf

composer.json

@@ -1,6 +1,6 @@
 {
     "name": "martyfriedel/les-mills-class-types",
-    "description": "A custom button for Bard to allow a span with a class to be added to selected text. In this instance, Les Mills group fitness class types.",
+    "description": "A custom button for Bard in Statamic 4 to allow a span with a class to be added to selected text. In this instance, Les Mills group fitness class types.",
     "type": "statamic-addon",
     "keywords": [
         "statamic",
@@ -18,12 +18,12 @@
         }
     ],
     "require": {
-        "statamic/cms": "^3.0"
+        "statamic/cms": "^4.0"
     },
     "extra": {
         "statamic": {
             "name": "Les Mills Class Types",
-            "description": "Les Mills Class Types addon for Bard in Statamic 3"
+            "description": "Les Mills Class Types addon for Bard in Statamic 4"
         },
         "laravel": {
             "providers": [

dist/css/fonts/icomoon.eot

@@ -1 +1,33 @@
-@font-face{font-family:icomoon;src:url('fonts/icomoon.eot?uxqiyd');src:url('fonts/icomoon.eot?uxqiyd#iefix') format('embedded-opentype'),url('fonts/icomoon.woff2?uxqiyd') format('woff2'),url('fonts/icomoon.ttf?uxqiyd') format('truetype'),url('fonts/icomoon.woff?uxqiyd') format('woff'),url('fonts/icomoon.svg?uxqiyd#icomoon') format('svg');font-weight:400;font-style:normal;font-display:block}.fa-les-mills{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-les-mills:before{content:"\e900"}.les-mills-class{text-transform:uppercase;font-weight:700}.les-mills-class.bodyattack{color:#fcc500}.les-mills-class.bodybalance{color:#b9d47d}.les-mills-class.bodypump{color:#ea4851}.les-mills-class.bodyvive{color:#752f8b}.les-mills-class.cxworx{color:#ed7402}.les-mills-class.les-mills-core{color:#444}.les-mills-class.les-mills-tone{color:#777}
+/* Class Type Styles */
+.les-mills-class {
+    text-transform: uppercase;
+    font-weight: bold;
+}
+
+.les-mills-class.bodyattack {
+    color: #FCC500;
+}
+
+.les-mills-class.bodybalance {
+    color: #b9d47d;
+}
+
+.les-mills-class.bodypump {
+    color: #ea4851;
+}
+
+.les-mills-class.bodyvive {
+    color: #752f8b;
+}
+
+.les-mills-class.cxworx {
+    color: #ED7402;
+}
+
+.les-mills-class.les-mills-core {
+    color: #444;
+}
+
+.les-mills-class.les-mills-tone {
+    color: #777;
+}

dist/css/fonts/icomoon.svg

@@ -9,14 +9,14 @@
         "production": "mix --production"
     },
     "devDependencies": {
-        "autoprefixer": "^10.1.0",
+        "autoprefixer": "^10.4.14",
         "cross-env": "^7.0",
         "laravel-mix": "^6.0",
-        "postcss": "^8.2.1",
-        "postcss-import": "^14.0.0",
+        "postcss": "^8.4.24",
+        "postcss-import": "^15.1.0",
         "postcss-nested": "^5.0.3",
         "postcss-preset-env": "^6.7.0",
-        "tailwindcss": "^2.0.2",
+        "tailwindcss": "^3.3.2",
         "v-click-outside": "^3.1.2",
         "vue-loader": "^15.9.7",
         "vue-template-compiler": "^2.6.12"