.gitlab-ci.yml

@@ -15,7 +15,7 @@ build:
     - npm run build
   after_script:
     - TAG=`git describe --tags $(git rev-list --tags --max-count=1)`
-    - echo "{\"job_token\":\"$CI_JOB_TOKEN\", \"name\":\"$SITE_NAME\", \"tag\":\"$TAG\" }" > request.json
+    - echo "{\"name\":\"$SITE_NAME\", \"tag\":\"$TAG\" }" > request.json
     - "curl -H 'Content-Type: application/json' -X POST -d @request.json $WEBHOOK_URL"
   artifacts:
     expire_in: 30 min

package.json

 {
   "name": "edition-node-gulp",
   "description": "The gulp wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.",
-  "version": "1.8.0",
+  "version": "2.20.0",
   "dependencies": {
+    "@fullcalendar/core": "^6.1.5",
+    "@fullcalendar/daygrid": "^6.1.5",
+    "@fullcalendar/interaction": "^6.1.5",
+    "@fullcalendar/multimonth": "^6.1.6",
+    "@fullcalendar/vue": "^6.1.5",
     "browser-sync": "^2.26.7",
     "gulp": "^4.0.2",
     "kind-of": "^6.0.3",
@@ -12,7 +17,8 @@
     "styleguidekit-assets-default": "^3.0.0",
     "styleguidekit-mustache-default": "^3.0.0",
     "tailwindcss-elevation": "^0.3.4",
-    "vue": "^2.6.11",
+    "tippy.js": "^6.3.7",
+    "vue": "^2.7.14",
     "vue2-flip-countdown": "^0.10.0"
   },
   "resolutions": {
@@ -53,10 +59,11 @@
     "@rollup/stream": "^1.0.0",
     "acorn": "^6.4.1",
     "autoprefixer": "^9.5.1",
+    "chart.js": "^4.2.0",
     "color": "^3.1.2",
     "gulp-add-src": "^1.0.0",
     "gulp-concat": "^2.6.1",
-    "gulp-postcss": "^8.0.0",
+    "gulp-postcss": "^9.0.0",
     "gulp-rename": "^2.0.0",
     "lodash": "^4.17.15",
     "postcss-assets": "^5.0.0",
@@ -69,10 +76,10 @@
     "rollup-plugin-terser": "^6.1.0",
     "rollup-plugin-vue": "^5.1.9",
     "tailwind-css-variables": "^2.0.3",
-    "tailwindcss": "^1.4.6",
-    "tailwindcss-typography": "^3.1.0",
+    "tailwindcss": "^3.3.3",
+    "@tailwindcss/typography": "^0.5.10",
     "vinyl-buffer": "^1.0.1",
     "vinyl-source-stream": "^2.0.0",
-    "vue-template-compiler": "^2.6.11"
+    "vue-template-compiler": "^2.7.14"
   }
 }

source/_data/data.json

@@ -4,27 +4,27 @@
   "title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.",
   "img": {
     "avatar": {
-      "src": "http://placeimg.com/100/100/people",
+      "src": "https://picsum.photos/100",
       "alt": "Avatar"
     },
     "square": {
-      "src": "http://placeimg.com/300/300/nature",
+      "src": "https://picsum.photos/300",
       "alt": "Square"
     },
     "rectangle": {
-      "src": "http://placeimg.com/400/300/tech",
+      "src": "https://picsum.photos/400/300",
       "alt": "Rectangle"
     },
     "landscape-4x3": {
-      "src": "http://placeimg.com/400/300/tech",
+      "src": "https://picsum.photos/400/300",
       "alt": "4x3 Image"
     },
     "landscape-16x9": {
-      "src": "http://placeimg.com/640/360/tech",
+      "src": "https://picsum.photos/640/360",
       "alt": "16x9 Image"
     },
     "landscape-16x9-fullhd": {
-      "src": "https://loremflickr.com/1920/1080",
+      "src": "https://picsum.photos/1920/1080",
       "alt": "16x9 Image Full HD"
     }
   },
@@ -101,6 +101,7 @@
     "label": "Název políčka",
     "placeholder": "Placeholder"
   },
+  "calendarData": "[{\"title\": \"event 1\", \"date\": \"2024-03-02\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2024-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 3\", \"date\": \"2024-03-02\", \"url\": \"https://example.com\"}, {\"title\": \"event 4\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 5\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-10\", \"url\": \"https://example.com\"}]",
   "greyColors": [
     {"cls": "grey-50", "hex": "#f7f7f7", "name": "Grey 50"},
     {"cls": "grey-100", "hex": "#f3f3f3", "name": "Grey 100"},
@@ -124,7 +125,7 @@
     {
       "name": "Olive",
       "variants": [
-        {"cls": "olive-100", "name": "Olive 100", "hex": "#d6e8b3"},
+        {"cls": "olive-100", "name": "Olive 100", "hex": "#d6e8b3"}
       ]
     },
     {
@@ -139,7 +140,9 @@
       "name": "Yellow",
       "variants": [
         {"cls": "yellow-100", "name": "Yellow 100", "hex": "#fff7bf"},
-        {"cls": "yellow-200", "name": "Yellow 200", "hex": "#f7f38a"}
+        {"cls": "yellow-200", "name": "Yellow 200", "hex": "#f7f38a"},
+        {"cls": "yellow-300", "name": "Yellow 300", "hex": "#ffea5a"},
+        {"cls": "yellow-400", "name": "Yellow 400", "hex": "#fde119"}
       ]
     },
     {
@@ -183,6 +186,12 @@
       "variants": [
         {"cls": "red-600", "name": "Red 600", "hex": "#d60d53"}
       ]
+    },
+    {
+      "name": "Pirati",
+      "variants": [
+        {"cls": "pirati-yellow", "name": "Yellow", "hex": "#fec934"}
+      ]
     }
   ]
 }

source/_patterns/00-atoms/01-text/text-shadow.mustache

+<div>
+  <h1 class="head-alt-xl text-shadow-xs">{{ headline.short }}</h1>
+  <h1 class="head-alt-xl text-shadow-sm">{{ headline.short }}</h1>
+  <h1 class="head-alt-xl text-shadow">{{ headline.short }}</h1>
+  <h1 class="head-alt-xl text-shadow-md">{{ headline.short }}</h1>
+  <h1 class="head-alt-xl text-shadow-lg">{{ headline.short }}</h1>
+</div>

source/_patterns/00-atoms/03-buttons/00-basic-button.mustache

-<button class="btn {{ classes }}">
+<button class="btn {{ classes }}" {{# disabled }}disabled{{/ disabled }}>
   <div class="btn__body {{ bodyClasses }}">{{ cta }}</div>
 </button>

source/_patterns/00-atoms/03-buttons/01-icon-button.mustache

-<button class="btn btn--icon {{ classes }}">
+<button class="btn btn--icon {{ classes }}" {{# disabled }}disabled{{/ disabled }}>
   <div class="btn__body-wrap">
     <div class="btn__body {{ bodyClasses }}">{{ cta }}</div>
     <div class="btn__icon {{ iconClasses }}">

source/_patterns/00-atoms/03-buttons/02-button-colors.mustache

@@ -14,6 +14,21 @@
     {{> atoms-basic-button(classes: "btn--violet-500") }}
     {{> atoms-basic-button(classes: "btn--red-600") }}
   </div>
+  <div class="inline-flex flex-col space-y-2">
+    {{> atoms-basic-button(classes: "btn--black", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--grey-700", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--grey-500", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--grey-125", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--white", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--blue-300", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--cyan-200", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--green-400", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--green-300", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--orange-300", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--violet-400", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--violet-500", disabled: true) }}
+    {{> atoms-basic-button(classes: "btn--red-600", disabled: true) }}
+  </div>
   <div class="inline-flex flex-col space-y-2">
     {{> atoms-icon-button(classes: "btn--black") }}
     {{> atoms-icon-button(classes: "btn--grey-700") }}
@@ -29,4 +44,19 @@
     {{> atoms-icon-button(classes: "btn--violet-500") }}
     {{> atoms-icon-button(classes: "btn--red-600") }}
   </div>
+  <div class="inline-flex flex-col space-y-2">
+    {{> atoms-icon-button(classes: "btn--black", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--grey-700", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--grey-500", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--grey-125", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--white", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--blue-300", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--cyan-200", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--green-400", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--green-300", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--orange-300", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--violet-400", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--violet-500", disabled: true) }}
+    {{> atoms-icon-button(classes: "btn--red-600", disabled: true) }}
+  </div>
 </div>

source/_patterns/00-atoms/03-buttons/loading-button.mustache

+<div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8">
+  <div class="inline-flex flex-col space-y-2">
+    {{> atoms-basic-button(classes: "text-sm btn--loading" )}}
+    {{> atoms-basic-button(classes: "text-base btn--loading" )}}
+    {{> atoms-basic-button(classes: "text-lg btn--loading" )}}
+  </div>
+</div>

source/_patterns/00-atoms/04-animations/ping.mustache

+<span class="inline-flex h-4 w-4 mr-4 relative">
+  <span class="animate-ping absolute inline-flex h-full w-full rounded-full opacity-75 bg-green-400"></span>
+  <span class="relative inline-flex rounded-full w-4 h-4 mr-4 bg-green-400" title="Online"></span>
+</span>