# @knime/kds-styles

## 7.0.0

### Major Changes

- f9928f3: BREAKING CHANGES:

  - `KdsColorValue`: renamed the `alpha` component to `a` (matching `h`/`s`/`l`). Update any code reading `color.light.alpha` / `color.dark.alpha` to `.a`.

## 6.12.2

## 6.12.1

## 6.12.0

## 6.11.0

## 6.10.0

## 6.9.0

## 6.8.1

## 6.8.0

## 6.7.1

### Patch Changes

- 287e612: KDS-998: Add drag handle icon

## 6.7.0

## 6.6.1

### Patch Changes

- 02c9f3c: KDS-994: Add pause execution icon for loop nodes
- aba9f9c: Kds 993 Add missing workflow editor tokens for connector states

## 6.6.0

### Patch Changes

- 19c91aa: KDS-992: Add width tokens for content optimization e.g. of multi column layouts inside containers

## 6.5.0

## 6.4.0

## 6.3.1

## 6.3.0

## 6.2.0

### Patch Changes

- 2255054: KDS-988: Add icons for theme switcher

## 6.1.0

## 6.0.0

## 5.0.0

### Major Changes

- 0cc879e: BREAKING CHANGES:

  - `index.css`:
    - declare `color-scheme: light dark` on `:root`, so apps importing it follow the device light/dark preference instead of always rendering light. Every `--kds-*` color token resolves through `light-dark()`, so on a dark-mode device the UI — plus browser chrome such as scrollbars, form controls and the default canvas background — switches to dark with no opt-in on the consumer's side.
    - partially migrated apps are most affected: legacy `--knime-*` properties are hard-coded light and ignore `light-dark()`, so those parts stay light next to the now-dark tokenized parts.
    - to keep the previous always-light rendering, declare `:root { color-scheme: light; }` in the app. Apps importing only `kds-variables.css` are unaffected — see "Enabling Dark Mode" in the package README.

## 4.0.0

## 3.0.0

### Major Changes

- 356af93: Remove the KDS legacy theme.

  BREAKING CHANGES:

  - Removed the `kds-legacy-theme.css` export (`@import "@knime/kds-styles/kds-legacy-theme.css"`) and the generated legacy token files. Remove the import.

### Patch Changes

- 13cbb42: `kds.font.base.code.small` and `kds.font.base.code.xsmall` now use the light (300) weight of Roboto Mono. Adds a `kds.core.font-weight.light` (300) primitive token.

## 2.9.0

## 2.8.2

## 2.8.1

## 2.8.0

## 2.7.0

## 2.6.3

### Patch Changes

- 922a979: Adding echart tokens and exchange tokens in donut chart

## 2.6.2

## 2.6.1

## 2.6.0

## 2.5.1

### Patch Changes

- 8e4ebf0: KDS-959: Add token for node type widget

## 2.5.0

## 2.4.0

### Minor Changes

- b4222fa: Design tokens are now exported as structured TypeScript constants mirroring the
  token JSON structure (KDS-690). `@knime/kds-styles/tokens` exposes one constant
  per top-level token group (`color`, `dimension`, `spacing`, `border`,
  `borderRadius`, `borderWidth`, `elevation`, `boxShadow`, `fakeBorder`, `font`,
  `sizing`, `width`) plus the value types (`KdsColor`, `KdsDimension`,
  `KdsTypography`, ...). Color values are always `{ light, dark }` pairs of HSL
  component objects (`{ h, s, l, alpha }`); dimensional values are
  `{ value, unit }` objects; composite tokens (border, elevation, typography)
  stay structured objects. Every token additionally carries its CSS
  representation in `css`: the exact value from the emitted CSS custom
  properties (`css.value`, e.g. `light-dark(...)` for colors or the complete
  font shorthand for typography) and the custom property reference
  (`css.variable`, e.g. `var(--kds-color-surface-default)`). The exports are
  shipped precompiled (ESM `.js` + `.d.ts`), so they also work in plain Node.js
  without any TypeScript setup.

  The previous flat camelCase px constants (e.g.
  `kdsDimensionComponentHeight1p5x`) and the `kdsCore*` primitives were removed
  from `@knime/kds-styles/tokens`; they were only used internally in this
  repository and all usages have been migrated to the structured exports.

  The CSS variables now carry the exact hsl values authored in the token sources:
  the previously applied color transform rounded h/s/l components (e.g. `15.7%`
  became `16%`) and rewrote the hue of zero-saturation grays. CSS and TS color
  values are now numerically identical.

## 2.3.0

## 2.2.0

### Patch Changes

- 6850f24: Add and update icons

  Add insert-left and insert-right icons
  Update duration, expand-panel, more-connections and user icons

## 2.1.0

## 2.0.1

### Patch Changes

- d8bb77a: Kds 948 Rename tokens for components and metanodes to its real purpose

  - Adjust token names
  - Adjust node template

## 2.0.0

### Patch Changes

- b698be1: KDS-941: Add missing icons and update icons for node repository

  Updated community extension icon
  Update view-cards icon to fit placeholder template
  Add more ports icon
  Add view-tree and view-list for node repo display settings

## 1.3.1

## 1.3.0

## 1.2.1

## 1.2.0

## 1.1.5

## 1.1.4

## 1.1.3

## 1.1.2

## 1.1.1

## 1.1.0

## 1.0.0

## 0.31.4

## 0.31.3

## 0.31.2

## 0.31.1

### Patch Changes

- 304ec5a: Added kds.width.SideDrawer.default with 420px

## 0.31.0

## 0.30.5

### Patch Changes

- a63a3b8: add "feedback" icon

## 0.30.4

## 0.30.3

## 0.30.2

## 0.30.1

### Patch Changes

- ca41f9d: Fix line height issue by line-height: normal
  Fix icon rendering on low density screens by removing shape-rendering: geometricPrecision

## 0.30.0

## 0.29.3

## 0.29.2

### Patch Changes

- 61d2f6b: Added icons: `random-seed`, `login`, `validate`, `import-table`, `update-file`, `table`

## 0.29.1

## 0.29.0

## 0.28.10

## 0.28.9

### Patch Changes

- 06e0f1a: Export design tokens as javascript variables

## 0.28.8

## 0.28.7

### Patch Changes

- 18e22a5: Add files via upload

## 0.28.6

## 0.28.5

### Patch Changes

- 240a8cc: Add icons: `path-separator`, `table-statistics`, `column-width`, `cell-renderer`
- e0527c2: add token `kds.dimension.component.width.2x`
- 301bc01: added opacity to focus bg

## 0.28.4

## 0.28.3

## 0.28.2

## 0.28.1

## 0.28.0

## 0.27.0

## 0.26.2

### Patch Changes

- 0d63f39: added token: kds.color.Avatar.background.empty

## 0.26.1

## 0.26.0

### Patch Changes

- 2655181: Add collection svg file via upload

## 0.25.2

## 0.25.1

## 0.25.0

## 0.24.1

## 0.24.0

## 0.23.2

### Patch Changes

- 4cc5fb7: Added kds.color.background.info-bold color tokens

## 0.23.1

## 0.23.0

## 0.22.3

## 0.22.2

## 0.22.1

## 0.22.0

## 0.21.0

## 0.20.1

## 0.20.0

## 0.19.0

### Patch Changes

- a6ff5a2: Add `db-browse` icon
- 2448ae0: Add `db-fetch' icon

## 0.18.4

### Patch Changes

- d24f2f9: added colors for disabled donut chart in light and dark

## 0.18.3

### Patch Changes

- 522fb56: add color and size tokens for donut chart

## 0.18.2

## 0.18.1

## 0.18.0

## 0.17.2

## 0.17.1

## 0.17.0

### Patch Changes

- f421a2c: Kds 790 improve colors of live status

## 0.16.1

### Patch Changes

- a0f4960: Add KdsMenuButton

## 0.16.0

## 0.15.1

## 0.15.0

## 0.14.0

## 0.13.2

### Patch Changes

- 3d9c68c: KDS-775: Add stop icon

## 0.13.1

## 0.13.0

### Minor Changes

- 208eb81: Add kds.color.TextHighlight.background.default token

## 0.12.0

## 0.11.0

## 0.10.0

## 0.9.1

## 0.9.0

## 0.8.0

## 0.7.0

## 0.6.7

### Patch Changes

- 22a6cad: KDS-721: Update deploy, cloud sync and cloud pending changes icon

## 0.6.6

### Patch Changes

- 0454c56: KDS-719: Add service icon and update cloud pending changes

## 0.6.5

## 0.6.4

### Patch Changes

- 73b16d3: KDS-715: Add version team and add user icon

## 0.6.3

## 0.6.2

## 0.6.1

## 0.6.0

## 0.5.10

## 0.5.9

### Patch Changes

- a49aa87: Fix border for KdsValueSwitch

## 0.5.8

### Patch Changes

- 904359b: enh/kds 695 icon for secret store and key

## 0.5.7

## 0.5.6

### Patch Changes

- 80de341: KDS-689: Adjust circle error and info icons
- eccfa4f: KDS-688: FIx spacing in spread

## 0.5.5

## 0.5.4

## 0.5.3

### Patch Changes

- b54fab7: KDS-680: Added cloud sync and cloud pending icons

## 0.5.2

## 0.5.1

## 0.5.0

## 0.4.2

## 0.4.1

## 0.4.0

### Minor Changes

- 5bed877: Generate CSS font imports dynamically from used tokens

## 0.3.2

## 0.3.1

## 0.3.0

## 0.2.1

## 0.2.0

## 0.1.1

### Patch Changes

- e381c07: Add fonts to @knime/kds-styles/index.css. Also available standalone as @knime/kds-styles/fonts.css

## 0.1.0

## 0.0.16

### Patch Changes

- f43d7c8: added size.container.width.25x, 32x, 45x

## 0.0.15

### Patch Changes

- 6273d5e: added kds.spacing.offset.focus token

## 0.0.14

### Patch Changes

- 8469844: added disabled.primary, disabled.danger to legacy theme

## 0.0.13

### Patch Changes

- a277ce1: KDS-590: Add and update icons

## 0.0.12

### Patch Changes

- 3c052ec: KDS-619: Change transparent token to also have a width

## 0.0.11

### Patch Changes

- 9575244: KDS-577: Adding legacy theme to build

## 0.0.10

### Patch Changes

- 91a23d0: Fix missing border style on --kds-border-action-input

## 0.0.9

### Patch Changes

- 6dff857: Improved tokens