feat(all): #1096 ssr #1103

faselbaum · 2024-05-15T19:15:04Z

Changes

`js-example-app` SSR

To demonstrate lit's server side rendering capabilities the js-example-app package was converted to a NodeJs Koa application. This includes client side hydration. The ability to perform a static build has been removed. As such the render.com deployment configuration needs to be updated.

Transition to ESM

Library packages such as @boiler/ui-library and @boiler/icons have been transitioned to "ESM only" to reduce complexity and enable a unified development approach on client and server.

To be ESM compliant all import specifiers have to be explicit. As a result all implicit imports have been adapted.

For now all bundle steps have been removed. Bundlers can be re-introduced should the need for minified production bundles arise. We now rely on tsc only. This yields accurate type definitions, source maps and makes debugging much easier since we don't ship garbled js to our consuming packages.

`lit` upgrade to 3.x

The @lit-labs/ssr package requires version of lit@^3.0.0. So all our lit dependencies had to be upgraded.

Furthermore lit@^3.0.0 dropped support for legacy decorators. This necessitates the switch to the new accessor syntax for decorated class fields. (lit docs)

https://lit.dev/docs/components/decorators/#decorators-babel
Note: Lit decorators only work with "version": "2023-05". Other versions, including the formerly supported "2018-09", are not supported.

The above is relevant for Storybook, which uses babel internally to transpile TS source files.

`@boiler/icons`

The icon generation step for the @boiler/icons package has been changed to inline all SVG icons as strings into one JavaScript icon module instead of relying on webpack's raw-loader syntax. This enables the use of icons from vanilla ES modules without the need for a bundler on consumer side.

Optimized icons have been removed from source control and are now being generated during the compile step.

Closes #1096

README.md

docs/CONTRIBUTING.md

packages/js-example-app/src/index.client.ts

packages/js-example-app/src/index.server.ts

angsherpa456

Overall looks good. Just curious regarding the step that needs to be taken to resolve the current slow loading issue. Just a hint: The lit-labs/ssr states that "@lit-labs/ssr is pre-release software, not quite ready for public consumption", there might be potential breaking changes required later on if it released the stable version.

packages/ui-library/src/components/loader/index.ts

packages/ui-library/src/components/radio-group/index.ts

packages/ui-library/src/components/radio/index.ts

packages/ui-library/src/components/slider-single-value/range-legend-slider/index.ts

packages/ui-library/src/components/slider-single-value/range-slider/index.ts

packages/ui-library/src/components/slider-single-value/range-slider/renderFunction.ts

packages/ui-library/src/components/slider-two-values/range-legend-min-max-slider/index.ts

packages/ui-library/src/components/slider-two-values/range-min-max-slider/index.ts

packages/ui-library/src/components/textarea/index.ts

packages/ui-library/src/components/toggle-switch/index.ts

faselbaum · 2024-06-12T11:57:43Z

@angsherpa456

Overall looks good. Just curious regarding the step that needs to be taken to resolve the current slow loading issue. Just a hint: The lit-labs/ssr states that "@lit-labs/ssr is pre-release software, not quite ready for public consumption", there might be potential breaking changes required later on if it released the stable version.

From my perspective it's still worth adopting the @lit-labs/ssr package now as it is the only way we can actually verify ssr capabilities with lit. SSR is still a common requirement for many projects. @thrbnhrtmnn, @ChristianHoffmannS2 and me had this discussion while you were on ADAC and we agreed to provide a test bed for further research and development. Imho not investigating ssr and later finding out that our components aren't ssr compatible at all would be far worse than adapting to breaking changes.

Regarding the slow speed: Let's tackle this in a follow up issue. This PR is mainly aimed at providing a development foundation.

thrbnhrtmnn · 2024-06-12T13:37:57Z

@angsherpa456

Overall looks good. Just curious regarding the step that needs to be taken to resolve the current slow loading issue. Just a hint: The lit-labs/ssr states that "@lit-labs/ssr is pre-release software, not quite ready for public consumption", there might be potential breaking changes required later on if it released the stable version.

From my perspective it's still worth adopting the @lit-labs/ssr package now as it is the only way we can actually verify ssr capabilities with lit. SSR is still a common requirement for many projects. @thrbnhrtmnn, @ChristianHoffmannS2 and me had this discussion while you were on ADAC and we agreed to provide a test bed for further research and development. Imho not investigating ssr and later finding out that our components aren't ssr compatible at all would be far worse than adapting to breaking changes.

Regarding the slow speed: Let's tackle this in a follow up issue. This PR is mainly aimed at providing a development foundation.

Thanks @faselbaum for the follow up task, I agree with everything you wrote. We should adopt the ssr package now and potentially adopt to breaking changes in the future rather than not verifying the ssr capabilities at all.

packages/ui-library/src/components/select/index.ts

* fix(ui-library): harmonize property naming (#940) Co-authored-by: Julius Walther <[email protected]> * fix(ui-library): fix icon button events (#1018) fix(ui-library): fix icon button events * fix(ui-library): remove margin in error state (#945) (#1060) * docs(getstarted): update getstarted documentation (#1063) Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): align hint and error message icons (#1059) Co-authored-by: Christian Hoffmann <[email protected]> Co-authored-by: Thorben Hartmann <[email protected]> * docs(contribute): update contributing documentation (#1057) * docs():Update CONTRIBUTING.md Signed-off-by: Thorben Hartmann <[email protected]> * docs(): Update CONTRIBUTING.md Signed-off-by: Thorben Hartmann <[email protected]> * docs(contribute): add full stops and optimize sentences Signed-off-by: Thorben Hartmann <[email protected]> * docs(contribute): update contributing documentation Signed-off-by: Thorben Hartmann <[email protected]> * docs(contribute): update contributing documentation Signed-off-by: Thorben Hartmann <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): #800 align checkbox props with design (#1058) Co-authored-by: Barkley <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> * fix(ui-library, storybook): #835 align radio-group prop names with design #1039 Co-authored-by: Barkley <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> * fix(ui-library, storybook): #875 align toggle prop names with design (#1022) Co-authored-by: Barkley <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> * fix(ui-library, storybook): #823 radio - align prop names with design (#962) Co-authored-by: Barkley <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> * fix(ui-library): updating js example app change events with values (#1066) * docs(all): distinguish contributors and core team (#1069) * docs(getstarted): distinguish contributors and core team Signed-off-by: Thorben Hartmann <[email protected]> * docs(contributing): update contributing doc Signed-off-by: Thorben Hartmann <[email protected]> * docs(readme): update readme Signed-off-by: Thorben Hartmann <[email protected]> * docs(getstarted): update team Signed-off-by: Thorben Hartmann <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> * docs(contributing): update pr process documentation (#1074) * docs(contributing): update pr process documentation Signed-off-by: Thorben Hartmann <[email protected]> * docs(contributing): fix typos Signed-off-by: Thorben Hartmann <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): rename tooltip component (#860) (#1076) * fix(ui-library, tokens): #1014 create & use tokens for inputfield icon (#1036) Co-authored-by: larserbach <[email protected]> * refactor(ui-library): change theming approach (#991) Co-authored-by: Julius Walther <[email protected]> * docs(ui-library): input-field-number, document stepper token usage (#1100) * fix(ui-library): input field text ui fixes (#1101) * fix(ui-library): input field text ui fixes * fix(ui-library): placeholder error state fix and remove border properties * fix(ui-library): reverted disabled as a class and added input color to the associated class * fix(ui-library): added disbaled to inner class * docs(getstarted): fixed a typo in dev lead touchpoint description (#1104) docs(getstarted): fixed a typo in dev lead touchpoint description Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): select component size fixed (#1102) * fix(ui-library): select component size fixed * fix(ui-library): remove border and replace by outline for select componet * fix(ui-library): input field text ui fixes (#1101) * fix(ui-library): input field text ui fixes * fix(ui-library): placeholder error state fix and remove border properties * fix(ui-library): reverted disabled as a class and added input color to the associated class * fix(ui-library): added disbaled to inner class * fix(ui-library): add outline and removed pressed state for select component --------- Co-authored-by: Thorben Hartmann <[email protected]> * fix(ui): adjust links (#1094) * fix(ui): adjust links * fix(ui): correct issues * fix(ui): review comments * fix(ui): review changes * fix(ui-library): align counter to right for text area with or without error (#1105) * fix(ui-library): align counter to right for text area with or without error * fix(ui-library): test case fixed * fix(ui-library): added new test cases for text area component * fix(ui-library): changed css structure for consistency * fix(ui-library): removed extra space and rebased with develop * fix(ui-library): added error message class for simplified styling * fix(ui-library): align counter to the right when hint message is empty * fix(tokens): #1032 improve contrast (#1110) * fix sys.disabled sem.buttons.silent cmp.stepperbutton * adds surface colors * fix danger color inverted dark * fix(ui-library): #971 align casing of tokens (part 1) (#1111) * init * renames blanket and captionGroup * renames captioncomponent -> formcaption * replaces underscrore with hyphens @ formacaption * replace hyphens with underscore * refactor style-dictionary config * fix form-caption index.css * fixes uppercase leftovers * all checbox tokens lower case * fix borderWidth tokenns at checkbox * renames sys sizing tokens to lower case * lowercase Checkbox and formlabel * checkbox size variant to lower case * fix checkbox indes.css * fix form caption group * fix toggle switch and radio * fix forms * fix checkbox size variants in index.ts * refactor sorting json * counter tokens to lower case * counter tokens to lower case * counter tokens to lower case * fix counter index css * fix(ci): don't override yarn version defined in .yarnrc (#1116) * feat(storybook): remove hasIcon/Unit props (#1092) * feat(storybook): remove hasIcon/Unit props --------- Co-authored-by: Thorben Hartmann <[email protected]> * fix(ui-library): #1120 fix checkbox in js example app (#1121) * feat(storybook): add a11y config (#1124) * fix(storybook): checkbox size issue (#1123) * fix(storybook): checkbox size issue * fix(storybook): removee border css (#1126) * feat(all): #1096 ssr (#1103) * refactor(ui-library): #1081 css tooling lit (#1095) * refactor(ui-library): change css tooling for validation and vscode intellisense * refactor(ui-library): adapt css to make use of new tooling configuration * fix(ui-library): fix stylelint errors * fix(ui-library): remove slot from select component (#1131) * fix(storybook): increase clickable area (#1130) * feat(ui-library): radio group - use slots instead of options array (#1079) * fix(ui-library): radio group size fix (#1139) (#1140) * feat(ui-library): tab bar - use slots for tab bar item (#1136) Co-authored-by: Barkley <[email protected]> * docs(getstarted): update getstarted (#1144) * docs: add disclaimers and update getstarted - split meetings into regular, optional and paused in getstarted doc - updated team overview in getstarted doc - added disclaimer for forked repositories to getstarted doc Signed-off-by: Thorben Hartmann <[email protected]> * docs: remove disclaimer - removed disclaimer again from getstarted page Signed-off-by: Thorben Hartmann <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> * fix(docs): marketing weekly (#1146) marketing weekly is a bi-weekly now Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): accessibility issue for text area background color (#1106) * fix(ui-library): accessibility issue for background color fixed for text area fix(ui-library): removed extra class and refactored css for text area * fix(ui-library): added missing semicolon * fix(ui-library): fixed eslint errors * fix(ui-library): remove slot from select component (#1131) * fix(storybook): increase clickable area (#1130) * feat(ui-library): radio group - use slots instead of options array (#1079) * fix(ui-library): radio group size fix (#1139) (#1140) * fix(ui-library): fixed css error state * fix(ui-library): updated package * fix(ui-library): updated package --------- Co-authored-by: Ang Dawa Sherpa <[email protected]> Co-authored-by: Barkley <[email protected]> * feat(storybook): select icon clickable (#1133) * feat(storybook): wip * fix(storybook): add open options on icon click * fix(storybook): wip * fix(storybook): delete centered layout --------- Co-authored-by: Thorben Hartmann <[email protected]> * feat(storybook): use outline instead of border (#1137) * feat(storybook): use outline instead of border * feat(ui): add offset * fix(storybook): adjust outline * fix(storybook): adjust outline * fix(storybook): wip * fix(storybook): wip * fix(storybook): wip * fix(storybook): wip * fix(storybook): add functionality (#1147) * fix(storybook): add functionality * fix(storybook): textarea size limitations * fix(storybook): add row describtion * fix(storybook): review changes --------- Co-authored-by: Thorben Hartmann <[email protected]> * fix(ui-library): checkbox component fixes (#1148) Co-authored-by: Thorben Hartmann <[email protected]> * fix(storybook): diable resize function (#1149) Co-authored-by: Thorben Hartmann <[email protected]> * fix(ui-library): component toggle-switch fixes (#1151) * fix(ui-library): checking pr * fix(ui-library): toggle switch component fixes * fix(ui-library): add hover states for active and inactive states * fix(ui-library): add more hover states for active and inactive states * fix(ui-library): update button icon and text test cases * fix(ui-library): input field number unit test case fixed * fix(ui-library): removed unused variable * fix(ui-library): add disabled and readonly state colors * fix(ui-library): pressed state and state changes fixed * fix(ui-library): eslint add new line * fix(tokens): #971 align casing of tokens pt2 (#1132) * renames stepperbutton tokens * renames icon tokens * renames stepperbutton border token * updates stepperbutton and icon index.css - lowercase everywhere * fix: dialog tokens * rename backgroundcolor -> bgcolor * feat: adds some internal figma only colors. * fix: color value * fix: counter text neutral receives correct token * fix(tokens): reduces inverse colors and rearanges some path items * fix toggleSwitch css and tabbar iconSizeVariant --------- Signed-off-by: larserbach <[email protected]> * initial (#1159) * fix(all): #1153 switch to DTCG token format & migrate to latest styledictionary and ts-transform (#1160) * using SD v4.00 and latest tokenStudio transforms * adds function to write themes_generated.cjs * removes themes.mjs * dynamically generated theme names and utilize them * renames theme: light -> light_value * renames theme: dark -> dark_value * moves radios.css into radio and radio-group directories * fix(ui-library): removed readonly state for checkbox radio radiogroup and toggle switch (#1167) * fix(ui-library): removed readonly state for checkbox radio radiogroup and toggle switch * rmv readonly tokens from checkbox, radio, radiogroup and toggleswitch * fixes radio css --------- Co-authored-by: Lars Erbach <[email protected]> * fix(tokens): #1168 move typotokens into sym (#1169) * fix semantic typo * fix: use sys tokens in component tokens * fix: moves elevations to sys * fixing inverse colors * fix(storybook): Input field number adjustment (#1152) * fix(storybook): readonly & disabled state * fix(storybook): readonly & disabled state * fix(storybook): button tests * fix(storybook): width of horizontal stepper * fix(storybook): fix background, value & unit color * fix(storybook): native stepper is shown in firefox * fix(ui): test issue * fix(ui): apply lowercase tokens * fix(ui): color and size review --------- Co-authored-by: Lars Erbach <[email protected]> * fix(ui-library): type errors fixed for lint analyze pipeline (#1171) * fix(ui-library): type errors fixed for lint analyze pipeline * fix(ui-library): fix eslint issue * feat(ci): improving release process using release-please (#1176) * feat(ui-library): introduce property sanitizer using preact and controller (#1175) * fix(ui-library): changed default params of value (#1173) * fix(ui-library): changed default params of value fix(ui-library): update value on readonly * fix(ui-library): type errors fixed for lint analyze pipeline (#1171) * fix(ui-library): type errors fixed for lint analyze pipeline * fix(ui-library): fix eslint issue * fix(ui-library): changed to develop code * fix(ui-library): update value on readonly --------- Signed-off-by: ashk1996 <[email protected]> * feat(tokens): use dynamic imports generate-json-structure.mjs for new theme approach (#1178) Co-authored-by: larserbach <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> Signed-off-by: larserbach <[email protected]> Signed-off-by: ashk1996 <[email protected]> Co-authored-by: JpunktWpunkt <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> Co-authored-by: Ang Dawa Sherpa <[email protected]> Co-authored-by: Thorben Hartmann <[email protected]> Co-authored-by: RubirajAccenture <[email protected]> Co-authored-by: Christian Hoffmann <[email protected]> Co-authored-by: Barkley <[email protected]> Co-authored-by: Barkley <[email protected]> Co-authored-by: David Kennedy <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: larserbach <[email protected]>

* fix(ui-library): harmonize property naming (#940) Co-authored-by: Julius Walther <[email protected]> * fix(ui-library): fix icon button events (#1018) fix(ui-library): fix icon button events * fix(ui-library): remove margin in error state (#945) (#1060) * docs(getstarted): update getstarted documentation (#1063) Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): align hint and error message icons (#1059) Co-authored-by: Christian Hoffmann <[email protected]> Co-authored-by: Thorben Hartmann <[email protected]> * docs(contribute): update contributing documentation (#1057) * docs():Update CONTRIBUTING.md Signed-off-by: Thorben Hartmann <[email protected]> * docs(): Update CONTRIBUTING.md Signed-off-by: Thorben Hartmann <[email protected]> * docs(contribute): add full stops and optimize sentences Signed-off-by: Thorben Hartmann <[email protected]> * docs(contribute): update contributing documentation Signed-off-by: Thorben Hartmann <[email protected]> * docs(contribute): update contributing documentation Signed-off-by: Thorben Hartmann <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): #800 align checkbox props with design (#1058) Co-authored-by: Barkley <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> * fix(ui-library, storybook): #835 align radio-group prop names with design #1039 Co-authored-by: Barkley <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> * fix(ui-library, storybook): #875 align toggle prop names with design (#1022) Co-authored-by: Barkley <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> * fix(ui-library, storybook): #823 radio - align prop names with design (#962) Co-authored-by: Barkley <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> * fix(ui-library): updating js example app change events with values (#1066) * docs(all): distinguish contributors and core team (#1069) * docs(getstarted): distinguish contributors and core team Signed-off-by: Thorben Hartmann <[email protected]> * docs(contributing): update contributing doc Signed-off-by: Thorben Hartmann <[email protected]> * docs(readme): update readme Signed-off-by: Thorben Hartmann <[email protected]> * docs(getstarted): update team Signed-off-by: Thorben Hartmann <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> * docs(contributing): update pr process documentation (#1074) * docs(contributing): update pr process documentation Signed-off-by: Thorben Hartmann <[email protected]> * docs(contributing): fix typos Signed-off-by: Thorben Hartmann <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): rename tooltip component (#860) (#1076) * fix(ui-library, tokens): #1014 create & use tokens for inputfield icon (#1036) Co-authored-by: larserbach <[email protected]> * refactor(ui-library): change theming approach (#991) Co-authored-by: Julius Walther <[email protected]> * docs(ui-library): input-field-number, document stepper token usage (#1100) * fix(ui-library): input field text ui fixes (#1101) * fix(ui-library): input field text ui fixes * fix(ui-library): placeholder error state fix and remove border properties * fix(ui-library): reverted disabled as a class and added input color to the associated class * fix(ui-library): added disbaled to inner class * docs(getstarted): fixed a typo in dev lead touchpoint description (#1104) docs(getstarted): fixed a typo in dev lead touchpoint description Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): select component size fixed (#1102) * fix(ui-library): select component size fixed * fix(ui-library): remove border and replace by outline for select componet * fix(ui-library): input field text ui fixes (#1101) * fix(ui-library): input field text ui fixes * fix(ui-library): placeholder error state fix and remove border properties * fix(ui-library): reverted disabled as a class and added input color to the associated class * fix(ui-library): added disbaled to inner class * fix(ui-library): add outline and removed pressed state for select component --------- Co-authored-by: Thorben Hartmann <[email protected]> * fix(ui): adjust links (#1094) * fix(ui): adjust links * fix(ui): correct issues * fix(ui): review comments * fix(ui): review changes * fix(ui-library): align counter to right for text area with or without error (#1105) * fix(ui-library): align counter to right for text area with or without error * fix(ui-library): test case fixed * fix(ui-library): added new test cases for text area component * fix(ui-library): changed css structure for consistency * fix(ui-library): removed extra space and rebased with develop * fix(ui-library): added error message class for simplified styling * fix(ui-library): align counter to the right when hint message is empty * fix(tokens): #1032 improve contrast (#1110) * fix sys.disabled sem.buttons.silent cmp.stepperbutton * adds surface colors * fix danger color inverted dark * fix(ui-library): #971 align casing of tokens (part 1) (#1111) * init * renames blanket and captionGroup * renames captioncomponent -> formcaption * replaces underscrore with hyphens @ formacaption * replace hyphens with underscore * refactor style-dictionary config * fix form-caption index.css * fixes uppercase leftovers * all checbox tokens lower case * fix borderWidth tokenns at checkbox * renames sys sizing tokens to lower case * lowercase Checkbox and formlabel * checkbox size variant to lower case * fix checkbox indes.css * fix form caption group * fix toggle switch and radio * fix forms * fix checkbox size variants in index.ts * refactor sorting json * counter tokens to lower case * counter tokens to lower case * counter tokens to lower case * fix counter index css * fix(ci): don't override yarn version defined in .yarnrc (#1116) * feat(storybook): remove hasIcon/Unit props (#1092) * feat(storybook): remove hasIcon/Unit props --------- Co-authored-by: Thorben Hartmann <[email protected]> * fix(ui-library): #1120 fix checkbox in js example app (#1121) * feat(storybook): add a11y config (#1124) * fix(storybook): checkbox size issue (#1123) * fix(storybook): checkbox size issue * fix(storybook): removee border css (#1126) * feat(all): #1096 ssr (#1103) * refactor(ui-library): #1081 css tooling lit (#1095) * refactor(ui-library): change css tooling for validation and vscode intellisense * refactor(ui-library): adapt css to make use of new tooling configuration * fix(ui-library): fix stylelint errors * fix(ui-library): remove slot from select component (#1131) * fix(storybook): increase clickable area (#1130) * feat(ui-library): radio group - use slots instead of options array (#1079) * fix(ui-library): radio group size fix (#1139) (#1140) * feat(ui-library): tab bar - use slots for tab bar item (#1136) Co-authored-by: Barkley <[email protected]> * docs(getstarted): update getstarted (#1144) * docs: add disclaimers and update getstarted - split meetings into regular, optional and paused in getstarted doc - updated team overview in getstarted doc - added disclaimer for forked repositories to getstarted doc Signed-off-by: Thorben Hartmann <[email protected]> * docs: remove disclaimer - removed disclaimer again from getstarted page Signed-off-by: Thorben Hartmann <[email protected]> --------- Signed-off-by: Thorben Hartmann <[email protected]> * fix(docs): marketing weekly (#1146) marketing weekly is a bi-weekly now Signed-off-by: Thorben Hartmann <[email protected]> * fix(ui-library): accessibility issue for text area background color (#1106) * fix(ui-library): accessibility issue for background color fixed for text area fix(ui-library): removed extra class and refactored css for text area * fix(ui-library): added missing semicolon * fix(ui-library): fixed eslint errors * fix(ui-library): remove slot from select component (#1131) * fix(storybook): increase clickable area (#1130) * feat(ui-library): radio group - use slots instead of options array (#1079) * fix(ui-library): radio group size fix (#1139) (#1140) * fix(ui-library): fixed css error state * fix(ui-library): updated package * fix(ui-library): updated package --------- Co-authored-by: Ang Dawa Sherpa <[email protected]> Co-authored-by: Barkley <[email protected]> * feat(storybook): select icon clickable (#1133) * feat(storybook): wip * fix(storybook): add open options on icon click * fix(storybook): wip * fix(storybook): delete centered layout --------- Co-authored-by: Thorben Hartmann <[email protected]> * feat(storybook): use outline instead of border (#1137) * feat(storybook): use outline instead of border * feat(ui): add offset * fix(storybook): adjust outline * fix(storybook): adjust outline * fix(storybook): wip * fix(storybook): wip * fix(storybook): wip * fix(storybook): wip * fix(storybook): add functionality (#1147) * fix(storybook): add functionality * fix(storybook): textarea size limitations * fix(storybook): add row describtion * fix(storybook): review changes --------- Co-authored-by: Thorben Hartmann <[email protected]> * fix(ui-library): checkbox component fixes (#1148) Co-authored-by: Thorben Hartmann <[email protected]> * fix(storybook): diable resize function (#1149) Co-authored-by: Thorben Hartmann <[email protected]> * fix(ui-library): component toggle-switch fixes (#1151) * fix(ui-library): checking pr * fix(ui-library): toggle switch component fixes * fix(ui-library): add hover states for active and inactive states * fix(ui-library): add more hover states for active and inactive states * fix(ui-library): update button icon and text test cases * fix(ui-library): input field number unit test case fixed * fix(ui-library): removed unused variable * fix(ui-library): add disabled and readonly state colors * fix(ui-library): pressed state and state changes fixed * fix(ui-library): eslint add new line * fix(tokens): #971 align casing of tokens pt2 (#1132) * renames stepperbutton tokens * renames icon tokens * renames stepperbutton border token * updates stepperbutton and icon index.css - lowercase everywhere * fix: dialog tokens * rename backgroundcolor -> bgcolor * feat: adds some internal figma only colors. * fix: color value * fix: counter text neutral receives correct token * fix(tokens): reduces inverse colors and rearanges some path items * fix toggleSwitch css and tabbar iconSizeVariant --------- Signed-off-by: larserbach <[email protected]> * initial (#1159) * fix(all): #1153 switch to DTCG token format & migrate to latest styledictionary and ts-transform (#1160) * using SD v4.00 and latest tokenStudio transforms * adds function to write themes_generated.cjs * removes themes.mjs * dynamically generated theme names and utilize them * renames theme: light -> light_value * renames theme: dark -> dark_value * moves radios.css into radio and radio-group directories * fix(ui-library): removed readonly state for checkbox radio radiogroup and toggle switch (#1167) * fix(ui-library): removed readonly state for checkbox radio radiogroup and toggle switch * rmv readonly tokens from checkbox, radio, radiogroup and toggleswitch * fixes radio css --------- Co-authored-by: Lars Erbach <[email protected]> * fix(tokens): #1168 move typotokens into sym (#1169) * fix semantic typo * fix: use sys tokens in component tokens * fix: moves elevations to sys * fixing inverse colors * fix(storybook): Input field number adjustment (#1152) * fix(storybook): readonly & disabled state * fix(storybook): readonly & disabled state * fix(storybook): button tests * fix(storybook): width of horizontal stepper * fix(storybook): fix background, value & unit color * fix(storybook): native stepper is shown in firefox * fix(ui): test issue * fix(ui): apply lowercase tokens * fix(ui): color and size review --------- Co-authored-by: Lars Erbach <[email protected]> * fix(ui-library): type errors fixed for lint analyze pipeline (#1171) * fix(ui-library): type errors fixed for lint analyze pipeline * fix(ui-library): fix eslint issue * feat(ci): improving release process using release-please (#1176) * feat(ui-library): introduce property sanitizer using preact and controller (#1175) * fix(ui-library): changed default params of value (#1173) * fix(ui-library): changed default params of value fix(ui-library): update value on readonly * fix(ui-library): type errors fixed for lint analyze pipeline (#1171) * fix(ui-library): type errors fixed for lint analyze pipeline * fix(ui-library): fix eslint issue * fix(ui-library): changed to develop code * fix(ui-library): update value on readonly --------- Signed-off-by: ashk1996 <[email protected]> * feat(tokens): use dynamic imports generate-json-structure.mjs for new theme approach (#1178) Co-authored-by: larserbach <[email protected]> * feat(chor): package json version number needs to be correct for release-please to work * feat(chor): set up pre release setting * Revert "feat(chor): set up pre release setting" This reverts commit 106b220. * fix(versioning): no major bumps when under version 1.x * fix(versioning): no major bumps for now * fix(versioning): no major bumps for now * fix(versioning): no major bumps for now * feat(ci): minor version bump force * fix(ui-library): pressed state removed and updated focus state for readonly (#1172) * fix(ui-library): pressed state removed and updated focus state for readonly * fix(ui-library): updated focus and hover state for text area and input field * fix(ui-library): eslint fix * fix: deletes all sem.inputfields....pressed tokens * fix: deletes inputflield border tokens pressed * fix: removed active states from css --------- Co-authored-by: Thorben Hartmann <[email protected]> Co-authored-by: Lars Erbach <[email protected]> * fix: removes range slider files, tokens and references * chore: release 0.4.0 Release-As: 0.4.0 * feat(release): trigger release using release please bot on dev branch (#1208) * feat(release): trigger release using release please bot on dev branch * chore(release): release v0.4.0 * feat(release): updated doc and release please pipeline * feat(ci): update release pipeline * feat(release): updated release workflow to trigger pr from main * fix(release): test * chore(release): implement release pelase workflow * chore(docs): documentation update for release workflow * feat(tokens): adds index-generator (#1204) * feat: adds index-generator * fix: file namings --------- Signed-off-by: Thorben Hartmann <[email protected]> Signed-off-by: larserbach <[email protected]> Signed-off-by: ashk1996 <[email protected]> Co-authored-by: JpunktWpunkt <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: David Kennedy <[email protected]> Co-authored-by: Ang Dawa Sherpa <[email protected]> Co-authored-by: Thorben Hartmann <[email protected]> Co-authored-by: RubirajAccenture <[email protected]> Co-authored-by: Christian Hoffmann <[email protected]> Co-authored-by: Barkley <[email protected]> Co-authored-by: Barkley <[email protected]> Co-authored-by: David Kennedy <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: Julius Walther <[email protected]> Co-authored-by: larserbach <[email protected]> Co-authored-by: christian.b.hoffmann <[email protected]>

faselbaum force-pushed the feat/1096_ssr branch 4 times, most recently from 61aaa63 to a7752c0 Compare May 31, 2024 08:38

faselbaum force-pushed the feat/1096_ssr branch 2 times, most recently from 46f2c95 to c7ef046 Compare June 7, 2024 14:18

faselbaum changed the title ~~feat(ui-library, js-example-app): #1096 ssr~~ feat(all): #1096 ssr Jun 7, 2024

faselbaum force-pushed the feat/1096_ssr branch 10 times, most recently from a9ca526 to a30c172 Compare June 11, 2024 13:42

faselbaum marked this pull request as ready for review June 11, 2024 14:09

faselbaum added the 🦹 needs:reviewers (code) The issue or pull request needs additional code reviewers label Jun 11, 2024

faselbaum force-pushed the feat/1096_ssr branch from a30c172 to 5b3750d Compare June 11, 2024 14:40