@pantoken/pantoken 0.2.6 → 0.2.7

package/dist/model.json

@@ -946,6 +946,7 @@
     "kind": "component",
     "className": ".instui-pill",
     "summary": "A compact status label; add a leading glyph with the shared `-icon-<name>` form.",
+    "remarks": "Unlike `badge`, which shows a count, or `tag`, which is removable, the pill is a static status label; its leading glyph is a masked `::before`, not an `<img>`.",
     "modifiers": [
       {
         "name": "-color-danger",
@@ -1272,7 +1273,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 758,
+      "line": 759,
       "column": 1
     }
   },
@@ -1686,7 +1687,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 856,
+      "line": 857,
       "column": 1
     }
   },
@@ -1775,7 +1776,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1241,
+      "line": 1242,
       "column": 1
     }
   },
@@ -1889,7 +1890,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1293,
+      "line": 1294,
       "column": 1
     }
   },
@@ -1971,7 +1972,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1387,
+      "line": 1388,
       "column": 1
     }
   },
@@ -2095,7 +2096,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1420,
+      "line": 1421,
       "column": 1
     }
   },
@@ -2273,7 +2274,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1486,
+      "line": 1487,
       "column": 1
     }
   },
@@ -2282,6 +2283,7 @@
     "kind": "component",
     "className": ".instui-img",
     "summary": "A styled `<img>` with display, crop, and effect modifiers that stack.",
+    "remarks": "Effects compose through the shared `--pantoken-img-filter` custom property, so `-with-grayscale` and `-with-blur` can apply together; the `-constrain-*` crop modifiers require the consumer to size the box explicitly.",
     "accessibility": "Provide meaningful `alt` text that describes the image, and use an empty `alt=\"\"` for purely decorative images so assistive tech skips them.",
     "modifiers": [
       {
@@ -2363,7 +2365,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1588,
+      "line": 1589,
       "column": 1
     }
   },
@@ -2491,7 +2493,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1643,
+      "line": 1645,
       "column": 1
     }
   },
@@ -2542,7 +2544,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1729,
+      "line": 1731,
       "column": 1
     }
   },
@@ -2589,7 +2591,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1759,
+      "line": 1761,
       "column": 1
     }
   },
@@ -2652,7 +2654,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1776,
+      "line": 1778,
       "column": 1
     }
   },
@@ -2722,7 +2724,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1818,
+      "line": 1820,
       "column": 1
     }
   },
@@ -2793,7 +2795,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1860,
+      "line": 1862,
       "column": 1
     }
   },
@@ -2869,7 +2871,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1887,
+      "line": 1889,
       "column": 1
     }
   },
@@ -3071,7 +3073,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 1933,
+      "line": 1935,
       "column": 1
     }
   },
@@ -3202,7 +3204,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 2040,
+      "line": 2042,
       "column": 1
     }
   },
@@ -3339,7 +3341,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 2118,
+      "line": 2120,
       "column": 1
     }
   },
@@ -3399,7 +3401,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 2193,
+      "line": 2195,
       "column": 1
     }
   },
@@ -3713,7 +3715,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 2221,
+      "line": 2223,
       "column": 1
     }
   },
@@ -3996,7 +3998,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 2492,
+      "line": 2494,
       "column": 1
     }
   },
@@ -4005,6 +4007,7 @@
     "kind": "component",
     "className": ".instui-spinner",
     "summary": "An animated loading ring; give it role=\"status\" and an aria-label.",
+    "remarks": "`-color-inverse` only repaints the animated top border segment, not the whole track, so it still reads correctly on a dark card without needing a separate track color.",
     "accessibility": "Give the spinner role=\"status\" and an aria-label so screen readers announce it as a live loading status.",
     "modifiers": [
       {
@@ -4122,7 +4125,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 2785,
+      "line": 2787,
       "column": 1
     }
   },
@@ -4546,7 +4549,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 2867,
+      "line": 2870,
       "column": 1
     }
   },
@@ -4643,7 +4646,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3095,
+      "line": 3098,
       "column": 1
     }
   },
@@ -4763,7 +4766,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3130,
+      "line": 3133,
       "column": 1
     }
   },
@@ -4831,7 +4834,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3197,
+      "line": 3200,
       "column": 1
     }
   },
@@ -4890,7 +4893,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3221,
+      "line": 3224,
       "column": 1
     }
   },
@@ -5080,7 +5083,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3242,
+      "line": 3245,
       "column": 1
     }
   },
@@ -5149,7 +5152,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3363,
+      "line": 3366,
       "column": 1
     }
   },
@@ -5206,7 +5209,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3396,
+      "line": 3399,
       "column": 1
     }
   },
@@ -5278,7 +5281,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3440,
+      "line": 3443,
       "column": 1
     }
   },
@@ -5402,7 +5405,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3475,
+      "line": 3478,
       "column": 1
     }
   },
@@ -5519,7 +5522,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3561,
+      "line": 3564,
       "column": 1
     }
   },
@@ -5528,6 +5531,7 @@
     "kind": "component",
     "className": ".instui-billboard",
     "summary": "A large empty-state or call-to-action block: a hero icon or image, a heading, and a message.",
+    "remarks": "The `.hero`/`.heading`/`.message` parts are composed by the consumer's markup, not enforced structure; `-clickable` only adds hover styling, so a real click target still needs `tabindex` and a keyboard handler.",
     "modifiers": [
       {
         "name": "-clickable",
@@ -5726,7 +5730,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3678,
+      "line": 3681,
       "column": 1
     }
   },
@@ -5850,7 +5854,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 3943,
+      "line": 3947,
       "column": 1
     }
   },
@@ -6004,7 +6008,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4006,
+      "line": 4010,
       "column": 1
     }
   },
@@ -6013,6 +6017,7 @@
     "kind": "component",
     "className": ".instui-context-view",
     "summary": "An elevated callout with a caret, positionable on any side; works as a native `[popover]`.",
+    "remarks": "The caret is two stacked `::before`/`::after` triangles (border then fill) so it reads correctly against a matching surface; as a `[popover]` it needs the same open/`popovertarget` wiring as `popover`, but unlike `tooltip`, it dismisses on outside click or Escape.",
     "modifiers": [
       {
         "name": "-color-inverse",
@@ -6151,7 +6156,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4113,
+      "line": 4117,
       "column": 1
     }
   },
@@ -6261,7 +6266,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4313,
+      "line": 4318,
       "column": 1
     }
   },
@@ -6379,7 +6384,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4374,
+      "line": 4379,
       "column": 1
     }
   },
@@ -6463,7 +6468,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4464,
+      "line": 4469,
       "column": 1
     }
   },
@@ -6904,7 +6909,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4511,
+      "line": 4516,
       "column": 1
     }
   },
@@ -7058,7 +7063,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4775,
+      "line": 4780,
       "column": 1
     }
   },
@@ -7149,7 +7154,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4880,
+      "line": 4885,
       "column": 1
     }
   },
@@ -7302,7 +7307,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 4934,
+      "line": 4939,
       "column": 1
     }
   },
@@ -7311,6 +7316,7 @@
     "kind": "component",
     "className": ".instui-file-drop",
     "summary": "A file dropzone with hover, accepted, and rejected states.",
+    "remarks": "The `-hover`/`-accepted`/`-rejected` classes are purely visual — actual drag-and-drop detection and file validation are the consumer's JS to wire up around the wrapped native input.",
     "accessibility": "Wrap a native `<input type=\"file\">` in the `<label>` drop zone so it stays a real, labelled file control that the keyboard and assistive tech can operate.",
     "modifiers": [
       {
@@ -7428,7 +7434,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5045,
+      "line": 5050,
       "column": 1
     }
   },
@@ -7521,7 +7527,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5101,
+      "line": 5107,
       "column": 1
     }
   },
@@ -7619,7 +7625,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5160,
+      "line": 5166,
       "column": 1
     }
   },
@@ -7812,7 +7818,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5211,
+      "line": 5217,
       "column": 1
     }
   },
@@ -7938,7 +7944,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5360,
+      "line": 5366,
       "column": 1
     }
   },
@@ -8038,7 +8044,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5461,
+      "line": 5467,
       "column": 1
     }
   },
@@ -8047,6 +8053,7 @@
     "kind": "component",
     "className": ".instui-popover",
     "summary": "An elevated surface for a native `[popover]`, positioned with CSS anchor positioning.",
+    "remarks": "Anchor positioning is Chromium-only; the `@supports` guard means `-placement-*` is silently inert elsewhere and the UA centers the popover in the top layer instead of failing.",
     "modifiers": [
       {
         "name": "-placement-bottom",
@@ -8168,7 +8175,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5506,
+      "line": 5512,
       "column": 1
     }
   },
@@ -8379,7 +8386,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5597,
+      "line": 5604,
       "column": 1
     }
   },
@@ -8388,6 +8395,7 @@
     "kind": "component",
     "className": ".instui-tooltip",
     "summary": "A CSS hover and focus tooltip bubble, positionable on any side.",
+    "remarks": "Toggling is pure CSS (`:hover`/`:focus-within`), so the bubble only reaches keyboard users through a focusable trigger; unlike `popover`, it isn't dismissible or click-triggered.",
     "accessibility": "Point the trigger at the bubble with aria-describedby and give the bubble role=\"tooltip\".",
     "modifiers": [
       {
@@ -8485,7 +8493,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5773,
+      "line": 5780,
       "column": 1
     }
   },
@@ -8494,6 +8502,7 @@
     "kind": "component",
     "className": ".instui-range-input",
     "summary": "A styled range slider with an inverse value bubble.",
+    "remarks": "Each vendor thumb/track pseudo-element needs its own separate rule — grouping them in one selector list would invalidate the whole rule in browsers that don't recognize the other vendor's pseudo.",
     "accessibility": "The control is a native `<input type=\"range\">`; give it an accessible name with `aria-label` or an associated `<label>`.",
     "modifiers": [
       {
@@ -8631,7 +8640,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 5857,
+      "line": 5865,
       "column": 1
     }
   },
@@ -8689,7 +8698,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6005,
+      "line": 6014,
       "column": 1
     }
   },
@@ -8733,7 +8742,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6041,
+      "line": 6050,
       "column": 1
     }
   },
@@ -8742,6 +8751,7 @@
     "kind": "component",
     "className": ".instui-heading",
     "summary": "Heading typography from `-level-h1` to `-level-h6`.",
+    "remarks": "The `-variant-*` presets override a `-level-*`'s font-size and font-weight, so combine only one of each family per element.",
     "accessibility": "These classes set the visual level only, so render a real `<h1>`–`<h6>` (or use `role=\"heading\"` with `aria-level`) to convey the heading level.",
     "modifiers": [
       {
@@ -8988,7 +8998,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6067,
+      "line": 6076,
       "column": 1
     }
   },
@@ -8997,6 +9007,7 @@
     "kind": "component",
     "className": ".instui-text",
     "summary": "Body-text typography with size, weight, colour, and style modifiers.",
+    "remarks": "The `-variant-*` presets and the `-color-*`/`-size-*`/`-weight-*` modifiers all compose on the same element; unlike `heading`, it renders no implicit semantic level.",
     "releaseStage": "stable",
     "modifiers": [
       {
@@ -9368,7 +9379,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6131,
+      "line": 6141,
       "column": 1
     }
   },
@@ -9377,6 +9388,7 @@
     "kind": "component",
     "className": ".instui-close-button",
     "summary": "A transparent icon button that draws its own × glyph, in three sizes plus an inverse variant.",
+    "remarks": "Always renders as an icon-only control with no visible label, so an `aria-label` is required, not optional; compare to `button`'s `-without-background` ghost variant, which keeps a text label.",
     "accessibility": "Give the icon-only button an `aria-label` (e.g. \"Close\").",
     "modifiers": [
       {
@@ -9484,7 +9496,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6330,
+      "line": 6341,
       "column": 1
     }
   },
@@ -9663,7 +9675,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6398,
+      "line": 6410,
       "column": 1
     }
   },
@@ -9872,7 +9884,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6526,
+      "line": 6538,
       "column": 1
     }
   },
@@ -10003,7 +10015,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6683,
+      "line": 6695,
       "column": 1
     }
   },
@@ -10114,7 +10126,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6781,
+      "line": 6793,
       "column": 1
     }
   },
@@ -10123,6 +10135,7 @@
     "kind": "component",
     "className": ".instui-text-input",
     "summary": "A styled native `<input>` — including `date`, `time`, and `datetime-local`, where the browser supplies the picker — with validation states and sizes.",
+    "remarks": "Shares its border, background, and state chrome with `text-area`, `simple-select`, `number-input`, and `input-group` via `fieldControlBase`; for `date`/`time`/`datetime-local` types the browser supplies its own picker UI, which this stylesheet doesn't style.",
     "modifiers": [
       {
         "name": "-disabled",
@@ -10320,7 +10333,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6867,
+      "line": 6879,
       "column": 1
     }
   },
@@ -10329,6 +10342,7 @@
     "kind": "component",
     "className": ".instui-text-area",
     "summary": "A styled, resizable native `<textarea>` with the same states and sizes as the text input.",
+    "remarks": "Shares `fieldControlBase` with `text-input` and `simple-select`, so it renders the same border, background, and focus states; only `resize: vertical` and the taller minimum height are unique to it.",
     "modifiers": [
       {
         "name": "-disabled",
@@ -10499,7 +10513,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 6934,
+      "line": 6947,
       "column": 1
     }
   },
@@ -10508,6 +10522,7 @@
     "kind": "component",
     "className": ".instui-simple-select",
     "summary": "A styled native `<select>` with a caret, matching the text-input states and sizes.",
+    "remarks": "Wraps a plain native `<select>` with no custom dropdown/menu markup, so browser-native option rendering and keyboard behavior apply as-is; it shares its field chrome with `text-input` via `fieldControlBase`.",
     "modifiers": [
       {
         "name": "-disabled",
@@ -10708,7 +10723,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 7000,
+      "line": 7014,
       "column": 1
     }
   },
@@ -10717,6 +10732,7 @@
     "kind": "component",
     "className": ".instui-input-group",
     "summary": "A facade around a text input with leading and trailing icon slots.",
+    "remarks": "Wraps the same field chrome as `text-input` with icon slots either side of it; `-should-not-wrap` is only needed when the group's contents would otherwise overflow onto a second line.",
     "modifiers": [
       {
         "name": "-disabled",
@@ -10920,7 +10936,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 7081,
+      "line": 7096,
       "column": 1
     }
   },
@@ -10929,6 +10945,7 @@
     "kind": "component",
     "className": ".instui-number-input",
     "summary": "A number-input facade with a +/- spinner column.",
+    "remarks": "The `.arrows` buttons are `aria-hidden` and purely presentational — incrementing/decrementing the value on click is the consumer's JS to wire up.",
     "accessibility": "Put the accessible name on the `<input>` (e.g. `aria-label`) so the field owns the value; the +/- spinner buttons are decorative and marked `aria-hidden=\"true\"`.",
     "modifiers": [
       {
@@ -11189,7 +11206,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 7165,
+      "line": 7181,
       "column": 1
     }
   },
@@ -11198,6 +11215,7 @@
     "kind": "component",
     "className": ".instui-in-place-edit",
     "summary": "A [contenteditable] that reads as text until focused, then shows input chrome.",
+    "remarks": "The input chrome only appears while focused; `-readonly` suppresses both the hover and focus affordances so the element always reads as plain inline text.",
     "accessibility": "Give the editable element `role=\"textbox\"` and an accessible name (`aria-label`).",
     "modifiers": [
       {
@@ -11282,7 +11300,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 7304,
+      "line": 7321,
       "column": 1
     }
   },
@@ -11738,7 +11756,7 @@
       "profiles": {}
     },
     "source": {
-      "line": 7354,
+      "line": 7372,
       "column": 1
     }
   },
@@ -11801,7 +11819,7 @@
     },
     "global": true,
     "source": {
-      "line": 7475,
+      "line": 7493,
       "column": 1
     }
   },
@@ -13030,7 +13048,7 @@
     },
     "global": true,
     "source": {
-      "line": 7501,
+      "line": 7519,
       "column": 1
     }
   },
@@ -13105,7 +13123,7 @@
     },
     "global": true,
     "source": {
-      "line": 7756,
+      "line": 7774,
       "column": 1
     }
   },
@@ -13210,7 +13228,7 @@
     },
     "global": true,
     "source": {
-      "line": 7776,
+      "line": 7794,
       "column": 1
     }
   },
@@ -13303,7 +13321,7 @@
     },
     "global": true,
     "source": {
-      "line": 7806,
+      "line": 7824,
       "column": 1
     }
   },
@@ -13385,7 +13403,7 @@
     },
     "global": true,
     "source": {
-      "line": 7832,
+      "line": 7850,
       "column": 1
     }
   },
@@ -13452,7 +13470,7 @@
     },
     "global": true,
     "source": {
-      "line": 7850,
+      "line": 7868,
       "column": 1
     }
   },
@@ -13645,7 +13663,7 @@
     },
     "global": true,
     "source": {
-      "line": 7866,
+      "line": 7884,
       "column": 1
     }
   },
@@ -13809,7 +13827,7 @@
     },
     "global": true,
     "source": {
-      "line": 7959,
+      "line": 7977,
       "column": 1
     }
   },
@@ -13862,7 +13880,7 @@
     },
     "global": true,
     "source": {
-      "line": 8030,
+      "line": 8048,
       "column": 1
     }
   },
@@ -13951,7 +13969,7 @@
     },
     "global": true,
     "source": {
-      "line": 8050,
+      "line": 8068,
       "column": 1
     }
   },
@@ -14034,7 +14052,7 @@
     },
     "global": true,
     "source": {
-      "line": 8449,
+      "line": 8467,
       "column": 1
     }
   },
@@ -14620,7 +14638,7 @@
     },
     "global": true,
     "source": {
-      "line": 8480,
+      "line": 8498,
       "column": 1
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantoken/pantoken",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "The unified pantoken package: Instructure design tokens, icons, and platform integrations, auto-aggregated from @pantoken/*.",
   "homepage": "https://pantoken.iywahl.com",
   "bugs": "https://github.com/thedannywahl/pantoken/issues",
@@ -83,16 +83,16 @@
   },
   "dependencies": {
     "@pantoken/android": "0.1.17",
-    "@pantoken/angular": "0.1.26",
+    "@pantoken/angular": "0.1.27",
     "@pantoken/astro": "0.1.17",
     "@pantoken/bootstrap": "0.1.2",
-    "@pantoken/cli": "0.1.26",
-    "@pantoken/components": "1.0.2",
+    "@pantoken/cli": "0.1.27",
+    "@pantoken/components": "1.0.3",
     "@pantoken/compose": "0.1.17",
     "@pantoken/css": "0.3.7",
     "@pantoken/css-in-js": "0.1.13",
     "@pantoken/docusaurus": "0.1.2",
-    "@pantoken/drupal": "0.1.23",
+    "@pantoken/drupal": "0.1.24",
     "@pantoken/dtcg": "0.1.12",
     "@pantoken/email": "0.1.13",
     "@pantoken/figma": "0.1.12",
@@ -105,7 +105,7 @@
     "@pantoken/mui": "0.1.13",
     "@pantoken/next": "0.1.2",
     "@pantoken/panda": "0.1.13",
-    "@pantoken/pendo": "0.3.12",
+    "@pantoken/pendo": "0.3.13",
     "@pantoken/plugin-colors": "0.1.2",
     "@pantoken/plugin-logos": "0.3.6",
     "@pantoken/plugin-primitives": "1.0.1",
@@ -116,7 +116,7 @@
     "@pantoken/plugin-transition": "1.0.3",
     "@pantoken/plugin-visual-debug": "0.1.15",
     "@pantoken/postcss": "0.1.17",
-    "@pantoken/react": "0.1.27",
+    "@pantoken/react": "0.1.28",
     "@pantoken/react-markdown": "0.1.12",
     "@pantoken/react-native": "0.1.13",
     "@pantoken/rehype": "0.1.10",
@@ -124,7 +124,7 @@
     "@pantoken/shadcn": "0.1.2",
     "@pantoken/storybook": "0.1.13",
     "@pantoken/stylus": "0.1.13",
-    "@pantoken/svelte": "0.1.27",
+    "@pantoken/svelte": "0.1.28",
     "@pantoken/swatches": "0.1.13",
     "@pantoken/swift": "0.1.17",
     "@pantoken/tailwind": "0.1.7",
@@ -132,8 +132,8 @@
     "@pantoken/vanilla": "0.1.12",
     "@pantoken/vite": "0.1.17",
     "@pantoken/vitepress": "0.2.1",
-    "@pantoken/vue": "0.1.27",
-    "@pantoken/web-components": "0.5.7",
+    "@pantoken/vue": "0.1.28",
+    "@pantoken/web-components": "0.5.8",
     "@pantoken/webpack": "0.1.17",
     "@pantoken/wordpress": "0.1.12"
   },