npm - @synergy-design-system/mcp - Versions diffs - 2.15.0 → 3.0.0 - Mend

@synergy-design-system/mcp 2.15.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (531) hide show

package/metadata/packages/styles/CHANGELOG.md DELETED Viewed

@@ -1,188 +0,0 @@
-# Changelog
-## 2.0.3
-### Patch Changes
-- [#1246](https://github.com/synergy-design-system/synergy-design-system/pull/1246) [`5f0eb58`](https://github.com/synergy-design-system/synergy-design-system/commit/5f0eb58996be36571edf1764a7314f78bac96dd9) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-03-27
-  fix: 🐛 dependency updates (#258)
-- Updated dependencies [[`5f0eb58`](https://github.com/synergy-design-system/synergy-design-system/commit/5f0eb58996be36571edf1764a7314f78bac96dd9)]:
-  - @synergy-design-system/tokens@3.10.5
-## 2.0.2
-### Patch Changes
-- [#1223](https://github.com/synergy-design-system/synergy-design-system/pull/1223) [`60b2845`](https://github.com/synergy-design-system/synergy-design-system/commit/60b2845fc089c2508f7e4a2b068b359fad166288) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-03-09
-  fix: 🐛 dependency updates (#258)
-- Updated dependencies [[`60b2845`](https://github.com/synergy-design-system/synergy-design-system/commit/60b2845fc089c2508f7e4a2b068b359fad166288)]:
-  - @synergy-design-system/tokens@3.10.1
-## 2.0.1
-### Patch Changes
-- [#1182](https://github.com/synergy-design-system/synergy-design-system/pull/1182) [`460f8c2`](https://github.com/synergy-design-system/synergy-design-system/commit/460f8c22dfdc305d3990ba0af4b4aefc451fa8ea) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-02-19
-  fix: 🐛 Dependency updates (#258)
-- Updated dependencies [[`460f8c2`](https://github.com/synergy-design-system/synergy-design-system/commit/460f8c22dfdc305d3990ba0af4b4aefc451fa8ea)]:
-  - @synergy-design-system/tokens@3.2.1
-## 2.0.0
-### Major Changes
-- [#1160](https://github.com/synergy-design-system/synergy-design-system/pull/1160) [`669cbcb`](https://github.com/synergy-design-system/synergy-design-system/commit/669cbcb9cccce72134beac99ac12a2591f3e3c74) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-02-02
-  feat: 💥 Removal of variable fallbacks and token alignment
-  This release removes the compatibility layer that was introduced in Synergy v2 to support misaligned versions between styles and tokens packages.
-  **Key Changes:**
-  - **Breaking:** Variable fallbacks removed - all CSS custom property fallbacks have been eliminated to reduce bundle size
-  - **Breaking:** Token package alignment - styles now has a `peerDependency` on `@synergy-design-system/tokens@^3.0.0`
-  - Improved bundle size due to removal of fallback compatibility layer
-  **Migration Steps:**
-  - Ensure you're using the latest version of `@synergy-design-system/tokens` (v3.0.0 or higher)
-  - The tokens package is now automatically installed as a peer dependency
-  For detailed migration instructions, please refer to the [breaking changes documentation](https://synergy-design-system.github.io/?path=/docs/packages-styles-breaking-changes--docs).
-### Patch Changes
-- Updated dependencies [[`669cbcb`](https://github.com/synergy-design-system/synergy-design-system/commit/669cbcb9cccce72134beac99ac12a2591f3e3c74)]:
-  - @synergy-design-system/tokens@3.0.0
-## 1.9.1
-### Patch Changes
-- [#1148](https://github.com/synergy-design-system/synergy-design-system/pull/1148) [`73b7011`](https://github.com/synergy-design-system/synergy-design-system/commit/73b70118ae21bc58c83cbfeb9e2e8447873803a6) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-01-08
-  fix: 🐛 Minor dependency updates (#258)
-- Updated dependencies [[`73b7011`](https://github.com/synergy-design-system/synergy-design-system/commit/73b70118ae21bc58c83cbfeb9e2e8447873803a6)]:
-  - @synergy-design-system/tokens@2.48.2
-## 1.9.0
-### Minor Changes
-- [#1039](https://github.com/synergy-design-system/synergy-design-system/pull/1039) [`bc0bc63`](https://github.com/synergy-design-system/synergy-design-system/commit/bc0bc639a996fc75c57194244596d5733097389d) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-04
-  feat: ✨ changesets migration (#928)
-  This PR migrates Synergies ci/cd system from `semantic-release` to `changesets`.
-### Patch Changes
-- Updated dependencies [[`bc0bc63`](https://github.com/synergy-design-system/synergy-design-system/commit/bc0bc639a996fc75c57194244596d5733097389d)]:
-  - @synergy-design-system/tokens@2.38.0
-## 1.8.1
-(Released on: 2025-10-15)
-### Patch Changes
-- 🐛 Upgrade packages to latest versions - 10/25 ([#1035](https://github.com/synergy-design-system/synergy-design-system/issues/1035)) ([2fb5693](https://github.com/synergy-design-system/synergy-design-system/commit/2fb5693e536df706ea2c99a8ffc6e4d853442bbf))
-## 1.8.0
-(Released on: 2025-09-23)
-### Minor Changes
-- ✨ CD update for syn-spinner, syn-textarea, syn-link, syn-table ([#1010](https://github.com/synergy-design-system/synergy-design-system/issues/1010)) ([c472bab](https://github.com/synergy-design-system/synergy-design-system/commit/c472bab888e5fb9efd368456e1b8f60953970b63))
-## 1.7.2
-(Released on: 2025-06-20)
-### Patch Changes
-- 🐛 Upgrade packages to latest versions ([#905](https://github.com/synergy-design-system/synergy-design-system/issues/905)) ([64de3cd](https://github.com/synergy-design-system/synergy-design-system/commit/64de3cd72f7ab3c7eeb727a9de85d9d980b27055))
-## 1.7.1
-(Released on: 2025-03-31)
-### Patch Changes
-- 🐛 Upgrade packages to latest versions ([#830](https://github.com/synergy-design-system/synergy-design-system/issues/830)) ([f5fe54f](https://github.com/synergy-design-system/synergy-design-system/commit/f5fe54fb55732b1e3efdf3062d55ee517aef4e81))
-## 1.7.0
-(Released on: 2025-02-10)
-### Minor Changes
-- ✨Update shoelace and deps to latest version ([#769](https://github.com/synergy-design-system/synergy-design-system/issues/769)) ([143d88f](https://github.com/synergy-design-system/synergy-design-system/commit/143d88f0a50c47a996be0cb1527629802266800e))
-## 1.6.0
-(Released on: 2024-11-28)
-### Minor Changes
-- ✨ Update packages to latest versions ([#688](https://github.com/synergy-design-system/synergy-design-system/issues/688)) ([37fd055](https://github.com/synergy-design-system/synergy-design-system/commit/37fd055f0b4d067ea1afecb90a1bd1390de4d382))
-## 1.5.0
-(Released on: 2024-11-27)
-### Minor Changes
-- ✨ Create styles for a syn-link-list ([#678](https://github.com/synergy-design-system/synergy-design-system/issues/678)) ([ca3b99a](https://github.com/synergy-design-system/synergy-design-system/commit/ca3b99a828e2a078b538881f74324d0bee8fde66))
-## 1.4.0
-(Released on: 2024-10-11)
-### Minor Changes
-- ✨ Update Shoelace to 2.17.1 ([#641](https://github.com/synergy-design-system/synergy-design-system/issues/641)) ([86fd83b](https://github.com/synergy-design-system/synergy-design-system/commit/86fd83b528be24abc8dd8427604c7fd62e8c1ff2))
-## 1.3.0
-(Released on: 2024-08-26)
-### Minor Changes
-- ✨ link css ([#589](https://github.com/synergy-design-system/synergy-design-system/issues/589)) ([cdf54fc](https://github.com/synergy-design-system/synergy-design-system/commit/cdf54fcb348cc3b5a41993cff530424bdf6b6802))
-## 1.2.0
-(Released on: 2024-08-23)
-### Minor Changes
-- ✨ Upgrade packages to latest versions ([#592](https://github.com/synergy-design-system/synergy-design-system/issues/592)) ([e43c563](https://github.com/synergy-design-system/synergy-design-system/commit/e43c5630b6c43ef855af6815604c7649376104ee)), closes [#2078](https://github.com/synergy-design-system/synergy-design-system/issues/2078) [#2063](https://github.com/synergy-design-system/synergy-design-system/issues/2063) [#2041](https://github.com/synergy-design-system/synergy-design-system/issues/2041) [#2041](https://github.com/synergy-design-system/synergy-design-system/issues/2041) [#2116](https://github.com/synergy-design-system/synergy-design-system/issues/2116) [#2121](https://github.com/synergy-design-system/synergy-design-system/issues/2121) [#1992](https://github.com/synergy-design-system/synergy-design-system/issues/1992) [#2079](https://github.com/synergy-design-system/synergy-design-system/issues/2079) [#2009](https://github.com/synergy-design-system/synergy-design-system/issues/2009) [#1967](https://github.com/synergy-design-system/synergy-design-system/issues/1967) [#1947](https://github.com/synergy-design-system/synergy-design-system/issues/1947) [#1974](https://github.com/synergy-design-system/synergy-design-system/issues/1974) [#1985](https://github.com/synergy-design-system/synergy-design-system/issues/1985) [#2001](https://github.com/synergy-design-system/synergy-design-system/issues/2001)
-## 1.1.0
-(Released on: 2024-07-11)
-### Minor Changes
-- ✨ add table stylings ([#522](https://github.com/synergy-design-system/synergy-design-system/issues/522)) ([18a030b](https://github.com/synergy-design-system/synergy-design-system/commit/18a030be92344a9f0d038e5518c8347f0fbebb4e))
-## 1.0.1
-(Released on: 2024-07-08)
-### Patch Changes
-- 🤔 Styles package uses fixed peerDependency for tokens ([#541](https://github.com/synergy-design-system/synergy-design-system/issues/541)) ([1877291](https://github.com/synergy-design-system/synergy-design-system/commit/1877291490806ff83fb1cca56d8b06a5a831f4e9))
-# @synergy-design-system/styles-v1.0.0 (2024-06-18)
-### Features
-- ✨ Styles Package ([#495](https://github.com/synergy-design-system/synergy-design-system/issues/495)) ([5e7b3dc](https://github.com/synergy-design-system/synergy-design-system/commit/5e7b3dc54bc9d94060fafc8119648e9e01bd07b7))

package/metadata/packages/styles/README.md DELETED Viewed

@@ -1,132 +0,0 @@
-# @synergy-design-system/styles
-This package provides easy to use standalone helper classes based on the [Synergy Design Tokens](https://synergy-design-system.github.io/?path=/docs/packages-tokens--docs).
-The included styles use CSS features supported by the latest two versions of all major browsers (as defined by browserslist) and is actively linted and tested against those targets.
----
-## 1. Installation
-Please make sure to install the package as a dependency:
-```bash
-npm install --save @synergy-design-system/styles
-# Install the required design tokens
-# (only needed if you do not install peerDeps automatically)
-npm install --save @synergy-design-system/tokens
-```
----
-## 2. Loading the provided stylesheets
-### 2.1 Loading all styles (Recommended)
-To load all provided css classes at once, just include the default export into your application.
-It contains all styles found in the `src` directory.
-```html
-<!DOCTYPE html>
-  <head>
-    <link rel="stylesheet" href="/node_modules/@synergy-design-system/styles/dist/index.css" />
-  </head>
-  <body>
-  </body>
-</html>
-```
-We also provide a default export that points to the created `dist/index.css` file.
-This will be picked up and served when using a bundler (e.g. webpack or vite).
-For this to work, import the module directly in your project like this.
-```javascript
-import "@synergy-design-system/styles";
-```
----
-### 2.2 Loading single modules
-It is also possible to load only parts of the provided css files.
-> For a list of available modules, please have a look at the available modules section below.
-```html
-<!DOCTYPE html>
-  <head>
-    <!-- Loading typography only -->
-    <link rel="stylesheet" href="/node_modules/@synergy-design-system/styles/dist/typography.css" />
-  </head>
-  <body>
-  </body>
-</html>
-```
-```javascript
-// Loading typography only
-import "@synergy-design-system/styles/typography.css";
-```
----
-## 3. Available modules
-<!-- BEGIN INLINE COMMENT -->
-- link-list.css
-- link.css
-- tables.css
-  - table-cell.css
-  - table.css
-- typography.css
-  - body.css
-  - heading.css
-  - weight.css
-<!-- END INLINE COMMENT -->
----
-## Development
-### Building the styles
-This package makes use of `postcss` for creating a unified bundle for easier consumption in applications. Please run `pnpm build` in the root of this package to recreate the bundle file `dist/index.css`.
-### How it works
-1. The build will walk through the `src` directory and process all files named `index.css`. It automatically moves those files to the root `dist` directory, with the name of the folder it resides in. `src/typography/index.css` will automatically become `dist/typography.css`.
-2. All css files **not** named `index.css` will get copied over to the `dist` directory to make them available in the bundle. `src/typography/body.css` will get copied to `dist/typography/body.css`, however `dist/typography/index.css` will get renamed to `dist/typography.css` for easier inclusion.
-### Creating new modules
-1. Create a new folder `src/[MODULE_NAME]`.
-2. Create a new file `src/[MODULE_NAME]/index.css`.
-3. Add CSS statements to your liking. **Hint**: You may also split your code into multiple css files residing in the `src/[MODULE_NAME]` folder. Make sure to **import them into your `src/[MODULE_NAME]/index.css` file** to make them part of the build.
-4. Add js doc comments to your code to create controls for storybook automatically. This can be done by creating comments, as seen below.
-5. Run `pnpm build`. You should now see the a new file `dist/[MODULE_NAME].css` that holds all your previous code, as well as your created submodules (if you have splitted your code into multiple files).
-#### Bonus: Documenting your module with css comments
-When adding comments to your modules, please add a list of all variants of your module to your css file. Comments like this will take care that storybooks documentation is automatically updated:
-```css
-/**
- * The "variant" syn-fieldset takes care that two classes will exist in documentation. The first variant value will be the selected one:
- * - syn-fieldset-small and
- * - syn-fieldset-large
- * @variant {small | large } syn-fieldset
- *
- * The "variant" syn-shadow takes care that 4 classes will exist in documentation. There will be no default value selected via the NO_DEFAULT option:
- * @variant { NO_DEFAULT | bottom | top | start | end } syn-shadow
- *
- * The "boolean" syn-boolean-false will display as a boolean value in storybook with 'false' as default value
- * @variant syn-boolean-false This value will also be available as a class.
- *
- * The "boolean" syn-boolean-true will display as a boolean value in storybook with 'true' as default value
- * @boolean { true } syn-boolean-true This value will also be available as a class.
- *
- */
-```

package/metadata/packages/styles/index.css DELETED Viewed

@@ -1,300 +0,0 @@
-/**
- * @synergy-design-system/styles version 2.0.3
- * SICK Global UX Foundation
- */
-/**
- * Link styles
- * @variant {small | medium | large} syn-link The size of the link
- * @boolean { false } syn-link--quiet Applies the quiet link styling
- * @boolean { false } syn-link--disabled Applies the disabled link styling
- */
-.syn-link {
-  /* The size of the icon */
-  --syn-link-icon-size: 1em;
-  /* The gap that is used when there are pre or suffix icons */
-  --syn-link-icon-gap: 0.25em;
-  /* The font size used for the link */
-  --syn-link-font-size: 1em;
-  color: var(--syn-link-color);
-  display: inline;
-  font-family: var(--syn-font-sans);
-  font-size: var(--syn-link-font-size);
-  text-decoration: underline;
-  text-underline-offset: var(--syn-link-underline-outline);
-}
-.syn-link:has(syn-icon) {
-  align-items: center;
-  display: inline-flex;
-  gap: var(--syn-link-icon-gap);
-}
-.syn-link syn-icon {
-  font-size: var(--syn-link-icon-size);
-}
-.syn-link:not(.syn-link--disabled):hover {
-  color: var(--syn-link-color-hover);
-}
-.syn-link:not(.syn-link--disabled):active {
-  color: var(--syn-link-color-active);
-}
-.syn-link:not(.syn-link--disabled):focus-visible {
-  border-radius: var(--syn-focus-ring-border-radius);
-  outline: var(--syn-focus-ring);
-  outline-offset: var(--syn-focus-ring-offset);
-}
-/* Overrides for smaller links */
-.syn-link--small {
-  --syn-link-icon-size: var(--syn-spacing-medium);
-  --syn-link-icon-gap: var(--syn-spacing-2x-small);
-  --syn-link-font-size: var(--syn-font-size-small);
-}
-/*
- * Overrides for medium links.
- */
-.syn-link--medium {
-  --syn-link-icon-size: var(--syn-spacing-large);
-  --syn-link-icon-gap: var(--syn-spacing-x-small);
-  --syn-link-font-size: var(--syn-font-size-medium);
-}
-.syn-link--large {
-  --syn-link-icon-size: var(--syn-spacing-x-large);
-  --syn-link-icon-gap: var(--syn-spacing-small);
-  --syn-link-font-size: var(--syn-font-size-large);
-}
-/* Quite Variant of links use other colors */
-.syn-link--quiet:not(.syn-link--disabled) {
-  color: var(--syn-link-quiet-color);
-}
-.syn-link--quiet:not(.syn-link--disabled):hover {
-  color: var(--syn-link-quiet-color-hover);
-}
-.syn-link--quiet:not(.syn-link--disabled):active {
-  color: var(--syn-link-quiet-color-active);
-}
-/* Styling for disabled links */
-.syn-link--disabled:not([href]),
-a.syn-link:not([href]) {
-  cursor: not-allowed;
-  opacity: var(--syn-input-disabled-opacity);
-}
-/**
- * Link list
- * @variant {medium | small | large} syn-link-list The size of the link list
- * @boolean { false } syn-link-list--horizontal Applies horizontal styling to the link list
- */
-.syn-link-list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--syn-spacing-small);
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.syn-link-list--horizontal {
-  flex-flow: row wrap;
-  gap: var(--syn-spacing-small) var(--syn-spacing-large);
-}
-/* Reset list item styles, but only for the first level */
-.syn-link-list > li {
-  display: block;
-  margin: 0;
-  padding: 0;
-}
-/* Size modifiers */
-.syn-link-list--small {
-  gap: var(--syn-spacing-x-small);
-}
-.syn-link-list--medium {
-  gap: var(--syn-spacing-small);
-}
-.syn-link-list--large {
-  gap: var(--syn-spacing-medium);
-}
-/* Size modifiers for horizontal version */
-.syn-link-list--horizontal.syn-link-list--small {
-  gap: var(--syn-spacing-x-small) var(--syn-spacing-medium);
-}
-.syn-link-list--horizontal.syn-link-list--medium {
-  gap: var(--syn-spacing-small) var(--syn-spacing-large);
-}
-.syn-link-list--horizontal.syn-link-list--large {
-  gap: var(--syn-spacing-medium) var(--syn-spacing-x-large);
-}
-/**
- * Core typographic styles
- */
-/**
- * Typographic text classes
- * @variant {x-small | small | medium | large} syn-body The font size of the body text
- */
-.syn-body--x-small {
-  font: var(--syn-body-x-small-regular);
-}
-.syn-body--small {
-  font: var(--syn-body-small-regular);
-}
-.syn-body--medium {
-  font: var(--syn-body-medium-regular);
-}
-.syn-body--large {
-  font: var(--syn-body-large-regular);
-}
-/**
- * Typographic headline classes
- * @variant {3x-large | 2x-large | x-large | large} syn-heading The size of the headline
- */
-.syn-heading--large {
-  font: var(--syn-heading-large);
-}
-.syn-heading--x-large {
-  font: var(--syn-heading-x-large);
-}
-.syn-heading--2x-large {
-  font: var(--syn-heading-2x-large);
-}
-.syn-heading--3x-large {
-  font: var(--syn-heading-3x-large);
-}
-/**
- * Typographic weight classes
- * @variant {normal | semibold | bold} syn-weight The font weight to apply
- */
-.syn-weight--normal {
-  font-weight: var(--syn-font-weight-normal);
-}
-.syn-weight--semibold {
-  font-weight: var(--syn-font-weight-semibold);
-}
-.syn-weight--bold {
-  font-weight: var(--syn-font-weight-bold);
-}
-/**
- * Table / table cell styles
- */
-/**
- * Table classes
- * @boolean { false } syn-table Applies the styling to a table element
- * @boolean { true } syn-table--default Applies all default table stylings to a table and its children
- * @boolean { false } syn-table--alternating Applies all alternate table stylings to a table and its children
- * @boolean { false } syn-table--border Applies all border table stylings to a table and its children
- */
-.syn-table,
-.syn-table--default,
-.syn-table--alternating,
-.syn-table--border {
-  all: unset;
-  border-collapse: collapse;
-  border-spacing: var(--syn-border-width-none);
-  display: table;
-}
-/**
- * Table cell classes
- *
- * @boolean { true } syn-table-cell Applies the table cell styling
- * @boolean syn-table-cell--alternating Applies an alternating style to help separate rows visually
- * @boolean syn-table-cell--border-start Applies a border to the left of the table cell
- * @boolean syn-table-cell--border-end Applies a border to the right of the table cell
- * @boolean syn-table-cell--border-top Applies a border to the top of the table cell
- * @boolean syn-table-cell--border-bottom Applies a border to the bottom of the table cell
- * @boolean syn-table-cell--header Applies the table cell header styling
- * @variant { NO_DEFAULT | bottom | top | start | end } syn-table-cell--shadow Applies the selected shadow to the table cell
- * @boolean syn-table-cell--shadow-active Displays the table shadow
- */
-.syn-table-cell,
-.syn-table--default td,
-.syn-table--alternating td,
-.syn-table--border td {
-	background-color: var(--syn-table-background-color);
-	color: var(--syn-typography-color-text);
-	font: var(--syn-body-small-regular);
-	height: var(--syn-spacing-large);
-	padding: var(--syn-spacing-small) var(--syn-spacing-medium);
-	text-align: start;
-	vertical-align: top;
-}
-.syn-table-cell--alternating,
-.syn-table--alternating tr:nth-child(even) > td {
-	background-color: var(--syn-table-background-color-alternating);
-}
-/* Border */
-.syn-table-cell--border-start {
-	border-inline-start: var(--syn-border-width-small) solid var(--syn-table-border-color);
-}
-.syn-table-cell--border-end,
-.syn-table--border tr > td:not(:last-child) {
-	border-inline-end: var(--syn-border-width-small) solid var(--syn-table-border-color);
-}
-.syn-table-cell--border-top {
-	border-top: var(--syn-border-width-small) solid var(--syn-table-border-color);
-}
-.syn-table-cell--border-bottom,
-.syn-table--border tr:not(:last-child) > td {
-	border-bottom: var(--syn-border-width-small) solid var(--syn-table-border-color);
-}
-/* Header */
-.syn-table-cell--header,
-.syn-table--default th,
-.syn-table--alternating th,
-.syn-table--border th {
-	background-color: var(--syn-table-background-color-header);
-	color: var(--syn-typography-color-text);
-	font: var(--syn-body-small-semibold);
-	height: var(--syn-spacing-large);
-	padding: var(--syn-spacing-small) var(--syn-spacing-medium);
-	text-align: start;
-	vertical-align: top;
-}
-/* Shadow */
-.syn-table-cell--shadow-bottom::after,
-.syn-table-cell--shadow-top::after,
-.syn-table-cell--shadow-start::after,
-.syn-table-cell--shadow-end::after {
-  --shadow-start: var(--syn-table-shadow-start, rgb(49 55 58 / 15%));
-  --shadow-end: var(--syn-table-shadow-end, rgb(49 55 58 / 0%));
-	content: '';
-	opacity: 0;
-	pointer-events: none;
-	position: absolute;
-	transition-duration: 0.25s;
-	transition-property: opacity;
-	transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-.syn-table-cell--shadow-bottom::after,
-.syn-table-cell--shadow-top::after {
-	height: var(--syn-spacing-x-small);
-	left: 0;
-	right: 0;
-}
-.syn-table-cell--shadow-start::after,
-.syn-table-cell--shadow-end::after {
-	bottom: 0;
-	top: 0;
-	width: var(--syn-spacing-x-small);
-}
-.syn-table-cell--shadow-bottom::after {
-	background: linear-gradient(180deg, var(--shadow-start) 0%, var(--shadow-end) 100%);
-	bottom: calc(var(--syn-spacing-x-small) * -1);
-}
-.syn-table-cell--shadow-top::after {
-	background: linear-gradient(0deg,  var(--shadow-start) 0%, var(--shadow-end) 100%);
-	top: calc(var(--syn-spacing-x-small) * -1);
-}
-.syn-table-cell--shadow-start::after,
-:dir(rtl) .syn-table-cell--shadow-end::after {
-	background: linear-gradient(270deg,  var(--shadow-start) 0%, var(--shadow-end) 100%);
-	left: calc(var(--syn-spacing-x-small) * -1);
-	right: unset;
-}
-/* stylelint-disable-next-line no-descending-specificity */
-.syn-table-cell--shadow-end::after,
-:dir(rtl) .syn-table-cell--shadow-start::after {
-	background: linear-gradient(90deg,  var(--shadow-start) 0%, var(--shadow-end) 100%);
-	left: unset;
-	right: calc(var(--syn-spacing-x-small) * -1);
-}
-.syn-table-cell--shadow-active::after {
-	opacity: 1;
-}

package/metadata/packages/styles/link-list.css DELETED Viewed

@@ -1,47 +0,0 @@
-/**
- * @synergy-design-system/styles version 2.0.3
- * SICK Global UX Foundation
- */
-/**
- * Link list
- * @variant {medium | small | large} syn-link-list The size of the link list
- * @boolean { false } syn-link-list--horizontal Applies horizontal styling to the link list
- */
-.syn-link-list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--syn-spacing-small);
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.syn-link-list--horizontal {
-  flex-flow: row wrap;
-  gap: var(--syn-spacing-small) var(--syn-spacing-large);
-}
-/* Reset list item styles, but only for the first level */
-.syn-link-list > li {
-  display: block;
-  margin: 0;
-  padding: 0;
-}
-/* Size modifiers */
-.syn-link-list--small {
-  gap: var(--syn-spacing-x-small);
-}
-.syn-link-list--medium {
-  gap: var(--syn-spacing-small);
-}
-.syn-link-list--large {
-  gap: var(--syn-spacing-medium);
-}
-/* Size modifiers for horizontal version */
-.syn-link-list--horizontal.syn-link-list--small {
-  gap: var(--syn-spacing-x-small) var(--syn-spacing-medium);
-}
-.syn-link-list--horizontal.syn-link-list--medium {
-  gap: var(--syn-spacing-small) var(--syn-spacing-large);
-}
-.syn-link-list--horizontal.syn-link-list--large {
-  gap: var(--syn-spacing-medium) var(--syn-spacing-x-large);
-}