@getvitops/core 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -0,0 +1,51 @@
+# @getvitops/core
+
+## 0.7.0
+
+### Patch Changes
+
+- @getvitops/utils@0.7.0
+
+## 0.6.0
+
+### Patch Changes
+
+- @getvitops/utils@0.6.0
+
+## 0.5.0
+
+### Patch Changes
+
+- @getvitops/utils@0.5.0
+
+## 0.4.0
+
+### Patch Changes
+
+- Updated dependencies [d7e6491]
+  - @getvitops/utils@0.4.0
+
+## 0.3.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @getvitops/utils@0.3.0
+
+## 0.2.1
+
+### Patch Changes
+
+- @getvitops/utils@0.2.1
+
+## 0.2.0
+
+### Minor Changes
+
+- Redesign the colour system: seeded OKLCH tonal scales plus functional semantic tokens
+  (`bg`/`text`/`solid`/`on-solid`, `muted`/`bold`), with named-alias back-compat. Updates the
+  framework CSS, the schema, and the generated docs to the new token model.
+
+### Patch Changes
+
+- @getvitops/utils@0.2.0

package/README.md

@@ -27,3 +27,9 @@ Most consumers don't import the CSS directly — they run
 [CLI](https://www.npmjs.com/package/@getvitops/cli) or
 [Vite plugin](https://www.npmjs.com/package/@getvitops/vite)) to emit a bundled stylesheet
 from their `design-system.json`, and load these JS bundles for interactivity.
+
+## Changelog
+
+This package's history: [`CHANGELOG.md`](./CHANGELOG.md) (shipped in the npm tarball, so it
+also reads from `node_modules/@getvitops/core/CHANGELOG.md`). `@getvitops/core`, `generator`,
+`utils`, `cli`, `vite` and `astro` share one version and are released together.

package/css/patterns/code.css

@@ -3,10 +3,10 @@
  * Consumes the generated token cascade (src/css/generated/tokens.css).
  */
 
-/* ── Inline code chip — prose <code> that isn't inside a <pre>. Element-level at
-   zero specificity (like the schema-generated button/link patterns) so bare
+/* ── Inline code — prose <code> that isn't inside a <pre>. Element-level at
+   zero specificity (like the schema-generated btn/link patterns) so bare
    <code> needs no class and any explicit class overrides it. .font-code styles
-   type only; this adds the chip. ── */
+   type only; this adds the boxed treatment. ── */
 :where(:not(pre) > code) {
   font-family: var(--font-mono);
   font-size: 0.85em;

package/css/patterns/list.css

@@ -3,7 +3,7 @@
  * Consumes the generated token cascade (src/css/generated/tokens.css).
  */
 
-/* ── List family — base list, facets, filtered search, virtual, chips ─────── */
+/* ── List family — base list, facets, filtered search, virtual, tag list ──── */
 .list {
   --_p: var(--p-list, var(--p-list-group, var(--p-default)));
   --_b: var(--b-list, var(--b-list-group, var(--b-default)));
@@ -216,11 +216,15 @@
   }
 }
 
-.chip-list {
-  --_p: var(--p-chip-list, var(--p-control, var(--p-default)));
-  --_b: var(--b-chip-list, var(--b-control, var(--b-default)));
-  --_br: var(--br-chip-list, var(--br-control, var(--br-default)));
-  --_fs: var(--fs-chip-list, var(--fs-control, var(--fs-default)));
+/* ── Tag list — a bordered field of dismissable tags plus a free-text input.
+   Items are the generated `.tag` pattern (+ `.tag__remove` from tag.css): a tag is
+   the editable/dismissable label, a badge is the static one — so this needs no
+   parallel item styling of its own. ── */
+.tag-list {
+  --_p: var(--p-tag-list, var(--p-control, var(--p-default)));
+  --_b: var(--b-tag-list, var(--b-control, var(--b-default)));
+  --_br: var(--br-tag-list, var(--br-control, var(--br-default)));
+  --_fs: var(--fs-tag-list, var(--fs-control, var(--fs-default)));
 
   display: flex;
   flex-wrap: wrap;
@@ -232,31 +236,7 @@
   align-items: center;
   font-size: var(--_fs);
 
-  .chip-list__chip {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.25rem;
-    padding: 0.25rem 0.5rem;
-    border-radius: var(--br-chip, var(--br-tag, 0.25rem));
-    font-size: 0.875rem;
-    background: var(--color-surface-muted);
-  }
-
-  .chip-list__chip-remove {
-    padding: 0;
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    opacity: 0.6;
-    line-height: 1;
-    transition: opacity 0.15s ease;
-
-    &:hover {
-      opacity: 1;
-    }
-  }
-
-  .chip-list__input {
+  .tag-list__input {
     flex: 1;
     min-inline-size: 6rem;
     border: none;
@@ -266,7 +246,7 @@
   }
 
   &:focus-within {
-    outline: 2px solid var(--chip-list-focus-color, var(--color-brand-primary-muted));
+    outline: 2px solid var(--tag-list-focus-color, var(--color-brand-primary-muted));
     outline-offset: 2px;
   }
 }

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@getvitops/core",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "The Vitops design-system framework — CSS partials, Lit web components, and browser polyfills.",
   "license": "MIT",
   "files": [
     "dist",
-    "css"
+    "css",
+    "CHANGELOG.md"
   ],
   "type": "module",
   "exports": {
@@ -29,6 +30,6 @@
     "lit": "^3.3.3",
     "scroll-timeline-polyfill": "^1.1.0",
     "temporal-polyfill": "^1.0.1",
-    "@getvitops/utils": "0.6.0"
+    "@getvitops/utils": "0.7.0"
   }
 }