jekyll-v4-theme-primer 0.12.0 → 0.13.0

data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js

@@ -27,11 +27,16 @@ class PrimerTextFieldElement extends HTMLElement {
         _PrimerTextFieldElement_abortController.set(this, void 0);
     }
     connectedCallback() {
-        var _a;
-        (_a = __classPrivateFieldGet(this, _PrimerTextFieldElement_abortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
+        __classPrivateFieldGet(this, _PrimerTextFieldElement_abortController, "f")?.abort();
         const { signal } = (__classPrivateFieldSet(this, _PrimerTextFieldElement_abortController, new AbortController(), "f"));
-        this.inputElement.addEventListener('auto-check-success', () => {
-            this.clearError();
+        this.inputElement.addEventListener('auto-check-success', async (event) => {
+            const message = await event.detail.response.text();
+            if (message && message.length > 0) {
+                this.setSuccess(message);
+            }
+            else {
+                this.clearError();
+            }
         }, { signal });
         this.inputElement.addEventListener('auto-check-error', async (event) => {
             const errorMessage = await event.detail.response.text();
@@ -39,8 +44,7 @@ class PrimerTextFieldElement extends HTMLElement {
         }, { signal });
     }
     disconnectedCallback() {
-        var _a;
-        (_a = __classPrivateFieldGet(this, _PrimerTextFieldElement_abortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
+        __classPrivateFieldGet(this, _PrimerTextFieldElement_abortController, "f")?.abort();
     }
     clearContents() {
         this.inputElement.value = '';
@@ -49,12 +53,35 @@ class PrimerTextFieldElement extends HTMLElement {
     clearError() {
         this.inputElement.removeAttribute('invalid');
         this.validationElement.hidden = true;
-        this.validationMessageElement.textContent = '';
+        this.validationMessageElement.replaceChildren();
+    }
+    setValidationMessage(message) {
+        const template = document.createElement('template');
+        // eslint-disable-next-line github/no-inner-html
+        template.innerHTML = message;
+        const fragment = document.importNode(template.content, true);
+        this.validationMessageElement.replaceChildren(fragment);
+    }
+    toggleValidationStyling(isError) {
+        if (isError) {
+            this.validationElement.classList.remove('FormControl-inlineValidation--success');
+        }
+        else {
+            this.validationElement.classList.add('FormControl-inlineValidation--success');
+        }
+        this.validationSuccessIcon.hidden = isError;
+        this.validationErrorIcon.hidden = !isError;
+        this.inputElement.setAttribute('invalid', isError ? 'true' : 'false');
+    }
+    setSuccess(message) {
+        this.toggleValidationStyling(false);
+        this.setValidationMessage(message);
+        this.validationElement.hidden = false;
     }
     setError(message) {
-        this.validationMessageElement.textContent = message;
+        this.toggleValidationStyling(true);
+        this.setValidationMessage(message);
         this.validationElement.hidden = false;
-        this.inputElement.setAttribute('invalid', 'true');
     }
 };
 _PrimerTextFieldElement_abortController = new WeakMap();
@@ -67,6 +94,12 @@ __decorate([
 __decorate([
     target
 ], PrimerTextFieldElement.prototype, "validationMessageElement", void 0);
+__decorate([
+    target
+], PrimerTextFieldElement.prototype, "validationSuccessIcon", void 0);
+__decorate([
+    target
+], PrimerTextFieldElement.prototype, "validationErrorIcon", void 0);
 PrimerTextFieldElement = __decorate([
     controller
     // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars

data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.js

@@ -1,3 +1,4 @@
+/* eslint-disable custom-elements/expose-class-on-global */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -8,11 +9,15 @@ import { controller, target } from '@github/catalyst';
 let ToggleSwitchInputElement = class ToggleSwitchInputElement extends HTMLElement {
     connectedCallback() {
         this.addEventListener('toggleSwitchError', (event) => {
-            this.validationMessageElement.innerText = event.detail;
+            this.validationMessageElement.textContent = event.detail;
             this.validationElement.removeAttribute('hidden');
         });
         this.addEventListener('toggleSwitchSuccess', () => {
-            this.validationMessageElement.innerText = '';
+            this.validationMessageElement.textContent = '';
+            this.validationElement.setAttribute('hidden', 'hidden');
+        });
+        this.addEventListener('toggleSwitchLoading', () => {
+            this.validationMessageElement.textContent = '';
             this.validationElement.setAttribute('hidden', 'hidden');
         });
     }

data/_sass/@primer/view-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.1.8",
+  "version": "0.19.0",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -31,9 +31,7 @@
   ],
   "scripts": {
     "clean": "git clean -fdX -- app/",
-    "build:docs": "npm run --prefix ./docs/ build",
-    "build:docs:preview": "cd docs && npx gatsby build",
-    "prepare": "rm -rf docs/static && mkdir -p docs/static && script/build-assets && cp app/assets/**/primer_view_components.* docs/static/",
+    "prepare": "script/build-assets",
     "lint": "npm run lint:stylelint && npm run lint:eslint",
     "lint:stylelint": "stylelint 'app/components/**/*.pcss'",
     "lint:stylelint:fix": "stylelint 'app/components/**/*.pcss' --fix",
@@ -45,54 +43,55 @@
   },
   "dependencies": {
     "@github/auto-check-element": "^5.2.0",
-    "@github/auto-complete-element": "^3.3.4",
+    "@github/auto-complete-element": "^3.6.0",
     "@github/catalyst": "^1.6.0",
-    "@github/clipboard-copy-element": "^1.1.2",
+    "@github/clipboard-copy-element": "^1.3.0",
     "@github/details-menu-element": "^1.0.12",
     "@github/image-crop-element": "^5.0.0",
     "@github/include-fragment-element": "^6.1.1",
-    "@github/mini-throttle": "^2.1.0",
     "@github/relative-time-element": "^4.0.0",
     "@github/tab-container-element": "^3.1.2",
-    "@oddbird/popover-polyfill": "^0.1.1",
-    "@primer/behaviors": "^1.2.0"
+    "@oddbird/popover-polyfill": "^0.4.0",
+    "@primer/behaviors": "^1.3.4"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "^0.4.6",
+    "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.24.1",
+    "@github/axe-github": "^0.6.1",
     "@github/browserslist-config": "^1.0.0",
-    "@github/markdownlint-github": "^0.2.2",
-    "@github/prettier-config": "0.0.4",
-    "@playwright/test": "^1.27.1",
-    "@primer/css": "21.0.1",
-    "@primer/primitives": "^7.11.7",
-    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@github/markdownlint-github": "^0.6.0",
+    "@github/prettier-config": "0.0.6",
+    "@playwright/test": "^1.35.1",
+    "@primer/css": "21.1.1",
+    "@primer/primitives": "7.15.6",
+    "@primer/stylelint-config": "^12.7.2",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^8.3.3",
-    "@typescript-eslint/eslint-plugin": "^5.31.0",
-    "@typescript-eslint/parser": "^5.31.0",
-    "axe-core": "^4.6.2",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "axe-core": "^4.7.1",
     "chokidar-cli": "^3.0.0",
-    "cssnano": "^5.1.13",
+    "cssnano": "^6.0.1",
     "eslint": "^8.23.1",
-    "eslint-plugin-custom-elements": "^0.0.6",
-    "eslint-plugin-github": "^4.4.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "markdownlint-cli2": "^0.5.1",
+    "eslint-plugin-custom-elements": "^0.0.8",
+    "eslint-plugin-github": "^4.9.2",
+    "eslint-plugin-prettier": "^5.0.0",
+    "markdownlint-cli2": "^0.12.1",
     "mocha": "^10.0.0",
-    "playwright": "^1.27.1",
+    "playwright": "^1.35.1",
     "postcss": "^8.4.16",
-    "postcss-cli": "^10.0.0",
-    "postcss-import": "^14.1.0",
+    "postcss-cli": "^11.0.0",
+    "postcss-custom-properties-fallback": "^1.0.2",
+    "postcss-import": "^16.0.0",
     "postcss-mixins": "^9.0.3",
-    "postcss-preset-env": "^7.8.0",
-    "prettier": "2.7.1",
-    "rollup": "^2.77.1",
+    "postcss-preset-env": "^9.3.0",
+    "prettier": "3.2.5",
+    "rollup": "^2.79.1",
     "rollup-plugin-terser": "^7.0.2",
-    "stylelint": "^14.13.0",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^28.0.0",
+    "stylelint": "^16.1.0",
+    "stylelint-config-standard": "^36.0.0",
     "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "typescript": "^5.2.2"
   },
   "prettier": "@github/prettier-config",
   "browserslist": "extends @github/browserslist-config"