Merge remote-tracking branch 'origin/main' into feat/selection-panel-…

…size-s
sbb-design-systems · Aug 30, 2024 · b166ee5 · b166ee5
2 parents 668a71c + 75b44c2
commit b166ee5
Show file tree

Hide file tree

Showing 56 changed files with 1,090 additions and 731 deletions.
diff --git a/.github/workflows/continuous-integration.yml b/.github/workflows/continuous-integration.yml
@@ -50,7 +50,6 @@ jobs:
           node-version-file: .nvmrc
           cache: yarn
       - run: yarn install --frozen-lockfile --non-interactive
-
       - name: Install browser dependencies
         run: yarn playwright install-deps
       - name: Run tests

diff --git a/.release-please-manifest.json b/.release-please-manifest.json
@@ -1,4 +1,4 @@
 {
   "last-release-sha": "fed492ab6cb4e807cffcb07e26bf25ab585f1c6b",
-  ".": "1.8.0"
+  ".": "1.9.0"
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,25 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.9.0](https://github.com/sbb-design-systems/lyne-components/compare/v1.8.0...v1.9.0) (2024-08-29)
+
+
+### Features
+
+* **sbb-autocomplete:** introduce size s ([#3020](https://github.com/sbb-design-systems/lyne-components/issues/3020)) ([aa55e7f](https://github.com/sbb-design-systems/lyne-components/commit/aa55e7fc01f44735ff96a04ceace94c34ddf5ed1))
+* **sbb-stepper:** add size 's' ([#3026](https://github.com/sbb-design-systems/lyne-components/issues/3026)) ([6c965c5](https://github.com/sbb-design-systems/lyne-components/commit/6c965c503bda51c3f646eb1400fdf4620883870f))
+* **sbb-time-input:** add size 's' ([#3018](https://github.com/sbb-design-systems/lyne-components/issues/3018)) ([375bdad](https://github.com/sbb-design-systems/lyne-components/commit/375bdad9f8413ce00cbc1f50c6a815bb0d6e5016))
+
+
+### Bug Fixes
+
+* **sbb-container:** remove relative positioning for non-image case ([#3024](https://github.com/sbb-design-systems/lyne-components/issues/3024)) ([d0d928f](https://github.com/sbb-design-systems/lyne-components/commit/d0d928f8107b3e799185357f675fd2c27498bca4))
+* **sbb-datepicker-toggle:** fix datepicker toggle empty state synchronization ([#3032](https://github.com/sbb-design-systems/lyne-components/issues/3032)) ([cae910b](https://github.com/sbb-design-systems/lyne-components/commit/cae910b1e93b19e680c98967af4646617c1d9f1d))
+* **sbb-overlay:** fix padding block ([#3028](https://github.com/sbb-design-systems/lyne-components/issues/3028)) ([6b95be6](https://github.com/sbb-design-systems/lyne-components/commit/6b95be6871d5b18f50d1011ac0c9ad5ab608f384))
+* **sbb-select:** fix display value in SSR context ([#3027](https://github.com/sbb-design-systems/lyne-components/issues/3027)) ([f733b38](https://github.com/sbb-design-systems/lyne-components/commit/f733b38e2aa3f4fe5eef73749d6611f748f3f17e))
+* **sbb-toggle:** avoid console error on checked option click ([#3034](https://github.com/sbb-design-systems/lyne-components/issues/3034)) ([94fa2b6](https://github.com/sbb-design-systems/lyne-components/commit/94fa2b64a2691cea45322dd521da74eb4e29b7e1))
+* **step-list:** fix border radius of step list elements ([#3036](https://github.com/sbb-design-systems/lyne-components/issues/3036)) ([cf26d07](https://github.com/sbb-design-systems/lyne-components/commit/cf26d0703f15e84cd79da9d8ddac597ac8650b15))
+
 ## [1.8.0](https://github.com/sbb-design-systems/lyne-components/compare/v1.7.0...v1.8.0) (2024-08-22)
 
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -73,18 +73,18 @@
     "lit": "3.2.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "19.4.0",
-    "@commitlint/config-conventional": "19.2.2",
+    "@commitlint/cli": "19.4.1",
+    "@commitlint/config-conventional": "19.4.1",
     "@custom-elements-manifest/analyzer": "0.10.3",
     "@custom-elements-manifest/to-markdown": "0.1.0",
     "@eslint/eslintrc": "3.1.0",
-    "@eslint/js": "9.9.0",
+    "@eslint/js": "9.9.1",
     "@lit-labs/router": "^0.1.3",
     "@lit-labs/testing": "0.2.4",
     "@lit/react": "1.0.5",
     "@open-wc/lit-helpers": "0.7.0",
     "@open-wc/testing": "4.0.0",
-    "@sbb-esta/lyne-design-tokens": "1.1.1",
+    "@sbb-esta/lyne-design-tokens": "1.2.0",
     "@storybook/addon-a11y": "8.2.9",
     "@storybook/addon-actions": "8.2.9",
     "@storybook/addon-essentials": "8.2.9",
@@ -100,11 +100,11 @@
     "@storybook/web-components-vite": "8.2.9",
     "@types/glob": "8.1.0",
     "@types/mocha": "10.0.7",
-    "@types/node": "20.16.1",
+    "@types/node": "20.16.2",
     "@types/react": "18.3.4",
     "@types/react-dom": "18.3.0",
-    "@typescript-eslint/eslint-plugin": "8.2.0",
-    "@typescript-eslint/parser": "8.2.0",
+    "@typescript-eslint/eslint-plugin": "8.3.0",
+    "@typescript-eslint/parser": "8.3.0",
     "@web/test-runner": "0.18.3",
     "@web/test-runner-commands": "0.9.0",
     "@web/test-runner-playwright": "0.11.0",
@@ -115,10 +115,10 @@
     "date-fns": "3.6.0",
     "esbuild": "0.23.1",
     "esbuild-sass-plugin": "3.3.1",
-    "eslint": "9.9.0",
+    "eslint": "9.9.1",
     "eslint-config-prettier": "9.1.0",
-    "eslint-import-resolver-typescript": "3.6.1",
-    "eslint-plugin-import-x": "3.1.0",
+    "eslint-import-resolver-typescript": "3.6.3",
+    "eslint-plugin-import-x": "4.1.1",
     "eslint-plugin-lit": "1.14.0",
     "eslint-plugin-react": "7.35.0",
     "eslint-plugin-storybook": "0.8.0",
@@ -130,7 +130,7 @@
     "lit-analyzer": "2.0.3",
     "madge": "8.0.0",
     "npm-run-all2": "6.2.2",
-    "playwright": "1.44.1",
+    "playwright": "1.46.1",
     "postcss": "8.4.41",
     "prettier": "3.3.3",
     "react": "18.3.1",
@@ -139,24 +139,24 @@
     "sass": "1.77.8",
     "sinon": "18.0.0",
     "storybook": "8.2.9",
-    "stylelint": "16.8.2",
+    "stylelint": "16.9.0",
     "stylelint-config-prettier-scss": "1.0.0",
     "stylelint-config-standard-scss": "13.1.0",
-    "stylelint-scss": "6.5.0",
+    "stylelint-scss": "6.5.1",
     "ts-lit-plugin": "2.0.2",
     "typescript": "5.5.4",
-    "typescript-eslint": "8.2.0",
+    "typescript-eslint": "8.3.0",
     "urlpattern-polyfill": "10.0.0",
     "vite": "5.4.2",
     "vite-plugin-dts": "4.0.3"
   },
   "resolutions": {
-    "@types/node": "20.16.1",
+    "@types/node": "20.16.2",
     "@webcomponents/template-shadowroot": "0.2.1",
     "@web/dev-server-core": "0.7.1",
     "jackspeak": "2.1.1",
     "lit": "3.2.0",
-    "playwright": "1.44.1",
+    "playwright": "1.46.1",
     "prettier": "3.3.3"
   },
   "prettier": {

diff --git a/src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.stories.ts b/src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.stories.ts
@@ -141,6 +141,16 @@ const borderless: InputType = {
   },
 };
 
+const size: InputType = {
+  control: {
+    type: 'inline-radio',
+  },
+  options: ['m', 's'],
+  table: {
+    category: 'Form field',
+  },
+};
+
 const floatingLabel: InputType = {
   control: {
     type: 'boolean',
@@ -190,6 +200,7 @@ const defaultArgTypes: ArgTypes = {
   // Form field args
   negative,
   borderless,
+  size,
   floatingLabel,
 
   // Input args
@@ -218,6 +229,7 @@ const defaultArgs: Args = {
   // Form field args
   negative: false,
   borderless: false,
+  size: size.options![0],
   floatingLabel: false,
 
   // Input args
@@ -304,6 +316,7 @@ const Template = (args: Args): TemplateResult => html`
     <sbb-form-field
       ?negative=${args.negative}
       ?borderless=${args.borderless}
+      size=${args.size}
       ?floating-label=${args.floatingLabel}
       data-testid="form-field"
     >
@@ -337,6 +350,7 @@ const OptionGroupTemplate = (args: Args): TemplateResult => html`
       ?negative=${args.negative}
       ?borderless=${args.borderless}
       ?floating-label=${args.floatingLabel}
+      size=${args.size}
       data-testid="form-field"
     >
       <label>Label</label>
@@ -386,6 +400,13 @@ export const Negative: StoryObj = {
   play: isChromatic() ? playStory : undefined,
 };
 
+export const BasicSizeS: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, size: size.options![1] },
+  play: isChromatic() ? playStory : undefined,
+};
+
 export const Disabled: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
@@ -426,6 +447,27 @@ export const BorderlessNegative: StoryObj = {
   play: isChromatic() ? playStory : undefined,
 };
 
+export const BorderlessSizeS: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, borderless: true, size: size.options![1] },
+  play: isChromatic() ? playStory : undefined,
+};
+
+export const FloatingLabel: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, floatingLabel: true },
+  play: isChromatic() ? playStory : undefined,
+};
+
+export const FloatingLabelSizeS: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, floatingLabel: true, size: size.options![1] },
+  play: isChromatic() ? playStory : undefined,
+};
+
 export const BasicOpenAbove: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
@@ -463,6 +505,13 @@ export const WithOptionGroup: StoryObj = {
   play: isChromatic() ? playStory : undefined,
 };
 
+export const WithOptionGroupSizeS: StoryObj = {
+  render: OptionGroupTemplate,
+  argTypes: withGroupsArgTypes,
+  args: { ...withGroupsDefaultArgs, size: size.options![1] },
+  play: isChromatic() ? playStory : undefined,
+};
+
 export const WithOptionGroupNegative: StoryObj = {
   render: OptionGroupTemplate,
   argTypes: withGroupsArgTypes,