From 7d1bede581aeac21d3e64f59f6d2e60cd707fbe9 Mon Sep 17 00:00:00 2001 From: Frenggi Date: Thu, 10 Dec 2020 21:31:15 +0100 Subject: [PATCH] docs: change links to design-specification (#42) * docs: Change links to design-specifications - change links to design-specifications to all patterns - correct some wrong links Co-authored-by: Hesaya Garg <> Co-authored-by: Franco Ehrat --- documentation/basics/brand/brand-de.md | 4 +-- documentation/basics/brand/brand-en.md | 4 +-- documentation/basics/divider/divider-de.md | 8 ++--- documentation/basics/divider/divider-en.md | 8 ++--- .../basics/typography/typography-de.md | 28 +++++++-------- .../basics/typography/typography-en.md | 28 +++++++-------- .../components/accordion/accordion-de.md | 4 +-- .../components/accordion/accordion-en.md | 4 +-- .../autocompletion/autocompletion-de.md | 12 +++---- .../autocompletion/autocompletion-en.md | 12 +++---- .../components/breadcrumb/breadcrumb-de.md | 10 +++--- .../components/breadcrumb/breadcrumb-en.md | 10 +++--- documentation/components/button/button-de.md | 28 +++++++-------- documentation/components/button/button-en.md | 28 +++++++-------- .../components/captcha/captcha-de.md | 4 +-- .../components/captcha/captcha-en.md | 4 +-- .../components/checkbox/checkbox-de.md | 16 ++++----- .../components/checkbox/checkbox-en.md | 16 ++++----- .../checkboxpanel/checkboxpanel-de.md | 30 ++++++++-------- .../checkboxpanel/checkboxpanel-en.md | 30 ++++++++-------- .../components/datepicker/datepicker-de.md | 34 +++++++++--------- .../components/datepicker/datepicker-en.md | 34 +++++++++--------- .../fileselector/fileselector-de.md | 6 ++-- .../fileselector/fileselector-en.md | 6 ++-- .../components/ghettobox/ghettobox-de.md | 6 ++-- .../components/ghettobox/ghettobox-en.md | 6 ++-- .../components/lightbox/lightbox-de.md | 4 +-- .../components/lightbox/lightbox-en.md | 4 +-- documentation/components/link/link-de.md | 36 +++++++++---------- documentation/components/link/link-en.md | 36 +++++++++---------- .../loadingindicator/loadingindicator-de.md | 8 ++--- .../loadingindicator/loadingindicator-en.md | 8 ++--- .../mediagallery/mediagallery-de.md | 8 ++--- .../mediagallery/mediagallery-en.md | 8 ++--- .../components/mediaslider/mediaslider-de.md | 4 +-- .../components/mediaslider/mediaslider-en.md | 4 +-- documentation/components/nbc/nbc-de.md | 24 ++++++------- documentation/components/nbc/nbc-en.md | 24 ++++++------- .../notification/notification-de.md | 8 ++--- .../notification/notification-en.md | 8 ++--- .../components/pagination/pagination-de.md | 12 +++---- .../components/pagination/pagination-en.md | 12 +++---- .../components/processflow/processflow-de.md | 2 +- .../components/processflow/processflow-en.md | 2 +- .../components/radiobutton/radiobutton-de.md | 16 ++++----- .../components/radiobutton/radiobutton-en.md | 16 ++++----- .../radiobuttonpanel/radiobuttonpanel-de.md | 30 ++++++++-------- .../radiobuttonpanel/radiobuttonpanel-en.md | 30 ++++++++-------- .../components/searchfield/searchfield-de.md | 16 ++++----- .../components/searchfield/searchfield-en.md | 16 ++++----- documentation/components/select/select-de.md | 22 ++++++------ documentation/components/select/select-en.md | 22 ++++++------ documentation/components/tab/tab-de.md | 16 ++++----- documentation/components/tab/tab-en.md | 16 ++++----- documentation/components/table/table-de.md | 6 ++-- documentation/components/table/table-en.md | 6 ++-- documentation/components/tag/tag-de.md | 12 +++---- documentation/components/tag/tag-en.md | 12 +++---- .../components/textarea/textarea-de.md | 8 ++--- .../components/textarea/textarea-en.md | 8 ++--- .../components/textexpand/textexpand-de.md | 4 +-- .../components/textexpand/textexpand-en.md | 4 +-- .../components/textfield/textfield-de.md | 18 +++++----- .../components/textfield/textfield-en.md | 18 +++++----- .../components/timefield/timefield-de.md | 10 +++--- .../components/timefield/timefield-en.md | 10 +++--- documentation/components/toggle/toggle-de.md | 16 ++++----- documentation/components/toggle/toggle-en.md | 16 ++++----- .../components/tooltip/tooltip-de.md | 8 ++--- .../components/tooltip/tooltip-en.md | 8 ++--- .../components/usermenu/usermenu-de.md | 12 +++---- .../components/usermenu/usermenu-en.md | 12 +++---- documentation/index-de.md | 7 ++-- documentation/index-en.md | 7 ++-- documentation/modules/footer/footer-de.md | 8 ++--- documentation/modules/footer/footer-en.md | 8 ++--- documentation/modules/header/header-de.md | 12 +++---- documentation/modules/header/header-en.md | 12 +++---- 78 files changed, 514 insertions(+), 520 deletions(-) diff --git a/documentation/basics/brand/brand-de.md b/documentation/basics/brand/brand-de.md index 1c98484..b5dc638 100644 --- a/documentation/basics/brand/brand-de.md +++ b/documentation/basics/brand/brand-de.md @@ -12,10 +12,10 @@ Das Logo wird bei allen SBB-Webseiten und -anwendungen eingesetzt. ![Darstellung des Standard SBB Logos](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/brand/images/logo_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326997646/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5z4D#Inspector) ### 3.2 SBB Cargo ![Darstellung des SBB Cargo Logos](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/brand/images/logo_cargo.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/331829763/inspect) \ No newline at end of file +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAJP#Inspector) \ No newline at end of file diff --git a/documentation/basics/brand/brand-en.md b/documentation/basics/brand/brand-en.md index fe3e8c8..e7f0fcf 100644 --- a/documentation/basics/brand/brand-en.md +++ b/documentation/basics/brand/brand-en.md @@ -12,10 +12,10 @@ The logo is used in all SBB applications. ![Image of the SBB logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/brand/images/logo_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326997646/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5z4D#Inspector) ### 3.2 SBB Cargo ![Darstellung des SBB Cargo Logos](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/brand/images/logo_cargo.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/331829763/inspect) \ No newline at end of file +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAJP#Inspector) \ No newline at end of file diff --git a/documentation/basics/divider/divider-de.md b/documentation/basics/divider/divider-de.md index 8b5008e..2b7b2e5 100644 --- a/documentation/basics/divider/divider-de.md +++ b/documentation/basics/divider/divider-de.md @@ -12,22 +12,22 @@ Keine ![Darstellung des Abstandshalter Typ dünn](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_thin.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003615/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMGM#Inspector) ### 4.2 Small ![Darstellung des Abstandshalter Typ klein](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_small.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003616/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzy3#Inspector) ### 4.3 Medium ![Darstellung des Abstandshalter Typ mittel](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_medium.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003617/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwDk#Inspector) ### 4.4 Big ![Darstellung des Abstandshalter Typ gross](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_big.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003618/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPJ4#Inspector) diff --git a/documentation/basics/divider/divider-en.md b/documentation/basics/divider/divider-en.md index f413662..c2422c0 100644 --- a/documentation/basics/divider/divider-en.md +++ b/documentation/basics/divider/divider-en.md @@ -12,22 +12,22 @@ None ![Image of the thin divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_thin.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003615/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMGM#Inspector) ### 4.2 Small ![Image of the small divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_small.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003616/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzy3#Inspector) ### 4.3 Medium ![Image of the medium divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_medium.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003617/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwDk#Inspector) ### 4.4 Big ![Image of the big divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_big.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003618/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPJ4#Inspector) diff --git a/documentation/basics/typography/typography-de.md b/documentation/basics/typography/typography-de.md index ebf4bf1..ee2e05e 100644 --- a/documentation/basics/typography/typography-de.md +++ b/documentation/basics/typography/typography-de.md @@ -11,7 +11,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Text der Überschrift soll dem Titel in der Navigation entsprechen. #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796872/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdV0O#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.2 Überschrift H2 @@ -21,7 +21,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Darf nicht ohne vorangehenden H1-Titel eingesetzt werden. #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796873/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREJm#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.3 Überschrift H3 @@ -30,7 +30,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Darf nicht ohne vorangehenden H2-Titel eingesetzt werden. #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796874/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVgP#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.4 Überschrift H4 @@ -39,14 +39,14 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Darf nicht ohne vorangehenden H3-Titel eingesetzt werden. #### Spezifikation -* [Design](lhttps://sbb.invisionapp.com/d/main#/console/15744722/331796875/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRD4#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.5 Lead ![Darstellung des Schriftstils Lead-Text](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_lead.png 'class: image') #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796876/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaOED#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) @@ -54,7 +54,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo ![Darstellung des Schriftstils Fliesstext](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image') #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796877/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlGR#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.7 Link @@ -63,14 +63,14 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Zusätzliche Ausführungen von Links sind unter [Link](https://digital.sbb.ch/de/websites/components/link) zu finden. #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796878/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7bOG#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.8 Subtext ![Darstellung des Schriftstils Subtext](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_subtext.png 'class: image') #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796879/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGpYz#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.9 Tabellenheader @@ -78,7 +78,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Definition der Tabelle als Komponente ist unter [Table](https://digital.sbb.ch/de/websites/components/table) zu finden. #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796882/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ1Yr#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.10 Tabellendaten @@ -86,7 +86,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Definition der Tabelle als Komponente ist unter [Table](https://digital.sbb.ch/de/websites/components/table) zu finden. #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796883/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKWL#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.11 Liste geordnet @@ -97,7 +97,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Wenn immer möglich, sollten kurze Beschreibungen für einen Listeneintrag (keine vielzeiligen Texte) definiert werden. #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796880/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8eW#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.12 Liste ungeordnet @@ -108,19 +108,19 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo * Wenn immer möglich, sollten kurze Beschreibungen für einen Listeneintrag (keine vielzeiligen Texte) definiert werden. #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796881/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWm5#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.13 Fieldset einfach ![Darstellung des Schriftstils Fieldset einfach](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_fieldset_default.png 'class: image') #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/328082546/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwWo#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.14 Fieldset verschachtelt ![Darstellung des Schriftstils Fieldset verschachtelt](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_fieldset_nested.png 'class: image') #### Spezifikation -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/328082547/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOobD8#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) diff --git a/documentation/basics/typography/typography-en.md b/documentation/basics/typography/typography-en.md index 8827b48..fdfd5cd 100644 --- a/documentation/basics/typography/typography-en.md +++ b/documentation/basics/typography/typography-en.md @@ -11,7 +11,7 @@ The font styles defined here form the basis of web applications and their compon * The text of the heading should be the same as the title in the navigation. #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796872/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdV0O#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.2 Heading H2 @@ -21,7 +21,7 @@ The font styles defined here form the basis of web applications and their compon * Cannot be used without a preceding H1 title. #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796873/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREJm#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.3 Heading H3 @@ -30,7 +30,7 @@ The font styles defined here form the basis of web applications and their compon * It cannot be used without a preceding H2 title. #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796874/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVgP#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.4 Heading H4 @@ -39,14 +39,14 @@ The font styles defined here form the basis of web applications and their compon * It cannot be used without a preceding H3 title. #### Specification -* [Design](lhttps://sbb.invisionapp.com/d/main#/console/15744722/331796875/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRD4#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.5 Lead ![Image of the lead text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_lead.png 'class: image') #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796876/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaOED#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) @@ -54,7 +54,7 @@ The font styles defined here form the basis of web applications and their compon ![Image of the body copy font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image') #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796877/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlGR#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.7 Link @@ -63,14 +63,14 @@ The font styles defined here form the basis of web applications and their compon * Further information about links can be found at [link](https://digital.sbb.ch/en/websites/components/link). #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796878/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7bOG#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.8 Subtext ![Image of the subtext font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_subtext.png 'class: image') #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796879/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGpYz#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.9 Table header @@ -78,7 +78,7 @@ The font styles defined here form the basis of web applications and their compon * The definition of the table as a component can be found under [table](https://digital.sbb.ch/en/websites/components/table). #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796882/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ1Yr#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.10 Table data @@ -86,7 +86,7 @@ The font styles defined here form the basis of web applications and their compon * The definition of the table as a component can be found under [table](https://digital.sbb.ch/en/websites/components/table). #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796883/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKWL#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.11 List structure @@ -97,7 +97,7 @@ The font styles defined here form the basis of web applications and their compon * Short descriptions should be defined for a list entry (no four-line texts) whenever possible. #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796880/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8eW#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.12 Unstructured list @@ -108,19 +108,19 @@ The font styles defined here form the basis of web applications and their compon * Short descriptions should be defined for a list entry (no four-line texts) whenever possible. #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796881/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWm5#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.13 Fieldset simple ![Image of the fieldset simple font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_fieldset_default.png 'class: image') #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/328082546/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwWo#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) ### 2.14 Fieldset complex ![Image of the fieldset font style complex](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_fieldset_nested.png 'class: image') #### Specification -* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/328082547/inspect) +* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOobD8#Inspector) * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography) diff --git a/documentation/components/accordion/accordion-de.md b/documentation/components/accordion/accordion-de.md index ce98e83..08cbe41 100644 --- a/documentation/components/accordion/accordion-de.md +++ b/documentation/components/accordion/accordion-de.md @@ -25,8 +25,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Akkordeon in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/accordion/images/accordion_default.png 'class: image') #### Design Spezifikation -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/332819509/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/332819510/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5d0L#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRqjr#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/accordion) \ No newline at end of file diff --git a/documentation/components/accordion/accordion-en.md b/documentation/components/accordion/accordion-en.md index bea140f..d1844a5 100644 --- a/documentation/components/accordion/accordion-en.md +++ b/documentation/components/accordion/accordion-en.md @@ -25,8 +25,8 @@ The component has the following statuses: ![Image of the accordion component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/accordion/images/accordion_default.png 'class: image') #### Design specification -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/332819509/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/332819510/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5d0L#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRqjr#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/accordion) \ No newline at end of file diff --git a/documentation/components/autocompletion/autocompletion-de.md b/documentation/components/autocompletion/autocompletion-de.md index 8c9ca1e..29dce40 100644 --- a/documentation/components/autocompletion/autocompletion-de.md +++ b/documentation/components/autocompletion/autocompletion-de.md @@ -23,8 +23,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Autocompletion in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/autocompletion/images/autocompletion_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327147336/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327147337/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgWp#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqWk#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/autocomplete) @@ -34,8 +34,8 @@ Optional zur Standard-Ausprägung kann diese Variante eingesetzt werden, wenn ei ![Darstellung der Komponente Autocompletion mit der Anzeige von weiteren Treffern](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/autocompletion/images/autocompletion_overflow.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/383235117/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/383235118/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLdd#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mavk8#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/autocomplete) @@ -44,8 +44,8 @@ Optional zur Standard-Ausprägung kann diese Variante eingesetzt werden, wenn ei ![Darstellung der Komponente Autocompletion mit statischen Einträgen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/autocompletion/images/autocompletion_static.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327147338/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327147339/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ2WA#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWejn#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/autocomplete) \ No newline at end of file diff --git a/documentation/components/autocompletion/autocompletion-en.md b/documentation/components/autocompletion/autocompletion-en.md index e1471a5..0962643 100644 --- a/documentation/components/autocompletion/autocompletion-en.md +++ b/documentation/components/autocompletion/autocompletion-en.md @@ -23,8 +23,8 @@ The component has the following statuses: ![Image of the autocompletion component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/autocompletion/images/autocompletion_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327147336/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327147337/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgWp#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqWk#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/autocomplete) @@ -34,8 +34,8 @@ As an option to the standard variant, this variant can be used when an auto-comp ![Image of the autocompletion component with display of hits](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/autocompletion/images/autocompletion_overflow.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/383235117/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/383235118/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLdd#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mavk8#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/autocomplete) @@ -44,8 +44,8 @@ As an option to the standard variant, this variant can be used when an auto-comp ![Image of the autocompletion component with static entries](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/autocompletion/images/autocompletion_static.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327147338/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327147339/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ2WA#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWejn#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/autocomplete) \ No newline at end of file diff --git a/documentation/components/breadcrumb/breadcrumb-de.md b/documentation/components/breadcrumb/breadcrumb-de.md index b8c79e4..5db6df8 100644 --- a/documentation/components/breadcrumb/breadcrumb-de.md +++ b/documentation/components/breadcrumb/breadcrumb-de.md @@ -24,8 +24,8 @@ Beim Viewport «Mobile» gibt es folgende Zustände: ![Darstellung der Komponente Breadcrumb in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/breadcrumb/images/breadcrumb_default.png 'class: image') #### Design Spezifikation -* [Default/Full](https://sbb.invisionapp.com/d/main#/console/15744722/328136674/inspect) -* [Hover/Overflow](https://sbb.invisionapp.com/d/main#/console/15744722/328136675/inspect) +* [Default/Full](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoPvQ#Inspector) +* [Hover/Overflow](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZlYz#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/breadcrumb) @@ -41,9 +41,9 @@ Diese Ausprägung hat zusätzlich folgende Zustände: * Die aktive Seite wird im Dropdown hervorgehoben. #### Design Spezifikation -* [Default / Full](https://sbb.invisionapp.com/d/main#/console/15744722/328136676/inspect) -* [Hover / Overflow](https://sbb.invisionapp.com/d/main#/console/15744722/328136677/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/328136678/inspect) +* [Default / Full](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp4o7#Inspector) +* [Hover / Overflow](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejDM#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM7zw#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/breadcrumb) \ No newline at end of file diff --git a/documentation/components/breadcrumb/breadcrumb-en.md b/documentation/components/breadcrumb/breadcrumb-en.md index 2c16df7..9866403 100644 --- a/documentation/components/breadcrumb/breadcrumb-en.md +++ b/documentation/components/breadcrumb/breadcrumb-en.md @@ -24,8 +24,8 @@ The following statuses exist for the ‘mobile’ viewport: ![Image of the breadcrumb component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/breadcrumb/images/breadcrumb_default.png 'class: image') #### Design specification -* [Default/Full](https://sbb.invisionapp.com/d/main#/console/15744722/328136674/inspect) -* [Hover/Overflow](https://sbb.invisionapp.com/d/main#/console/15744722/328136675/inspect) +* [Default/Full](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoPvQ#Inspector) +* [Hover/Overflow](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZlYz#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/breadcrumb) @@ -41,9 +41,9 @@ This variant also has the following statuses: * The active page is highlighted in the dropdown. #### Design specification -* [Default / Full](https://sbb.invisionapp.com/d/main#/console/15744722/328136676/inspect) -* [Hover / Overflow](https://sbb.invisionapp.com/d/main#/console/15744722/328136677/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/328136678/inspect) +* [Default / Full](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp4o7#Inspector) +* [Hover / Overflow](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejDM#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM7zw#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/breadcrumb) \ No newline at end of file diff --git a/documentation/components/button/button-de.md b/documentation/components/button/button-de.md index d2c90ed..724f570 100644 --- a/documentation/components/button/button-de.md +++ b/documentation/components/button/button-de.md @@ -28,10 +28,10 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Primary Button](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/button/images/button_primary.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326883321/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326883322/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326883323/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/326883324/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZ0w#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVamYJ#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWay#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xdar#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/button) @@ -40,10 +40,10 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Secondary Button](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/button/images/button_secondary.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896021/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896022/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896023/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/326896024/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrLW7#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDY9d#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1g4L#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ8xJ#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/button) @@ -52,9 +52,9 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Ghost Button](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/button/images/button_ghost.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896025/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896026/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896027/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG1ad#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRYm#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKja5L#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/button) @@ -63,9 +63,9 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Frameless Button](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/button/images/button_frameless.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896028/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896029/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896030/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMWM#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzl3#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9Jwok#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/button) \ No newline at end of file diff --git a/documentation/components/button/button-en.md b/documentation/components/button/button-en.md index abafec6..527bfd7 100644 --- a/documentation/components/button/button-en.md +++ b/documentation/components/button/button-en.md @@ -28,10 +28,10 @@ The component has the following statuses: ![Image of the primary button component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/button/images/button_primary.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326883321/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326883322/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326883323/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/326883324/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZ0w#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVamYJ#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWay#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xdar#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/button) @@ -40,10 +40,10 @@ The component has the following statuses: ![Image of the secondary button component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/button/images/button_secondary.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896021/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896022/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896023/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/326896024/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrLW7#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDY9d#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1g4L#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ8xJ#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/button) @@ -52,9 +52,9 @@ The component has the following statuses: ![Image of the ghost button component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/button/images/button_ghost.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896025/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896026/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896027/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG1ad#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRYm#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKja5L#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/button) @@ -63,9 +63,9 @@ The component has the following statuses: ![Image of the frameless button component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/button/images/button_frameless.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896028/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896029/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896030/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMWM#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzl3#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9Jwok#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/button) \ No newline at end of file diff --git a/documentation/components/captcha/captcha-de.md b/documentation/components/captcha/captcha-de.md index 41b557d..c43051f 100644 --- a/documentation/components/captcha/captcha-de.md +++ b/documentation/components/captcha/captcha-de.md @@ -17,8 +17,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Captcha](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/captcha/images/captcha_default.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/327768739/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327768740/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPW4#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zAD#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/captcha) \ No newline at end of file diff --git a/documentation/components/captcha/captcha-en.md b/documentation/components/captcha/captcha-en.md index 9c748e4..c840a90 100644 --- a/documentation/components/captcha/captcha-en.md +++ b/documentation/components/captcha/captcha-en.md @@ -17,8 +17,8 @@ The component has the following statuses: ![Image of the captcha component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/captcha/images/captcha_default.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/327768739/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327768740/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPW4#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zAD#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/captcha) \ No newline at end of file diff --git a/documentation/components/checkbox/checkbox-de.md b/documentation/components/checkbox/checkbox-de.md index 42414bd..a143ce9 100644 --- a/documentation/components/checkbox/checkbox-de.md +++ b/documentation/components/checkbox/checkbox-de.md @@ -29,12 +29,12 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Checkbox in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkbox/images/checkbox_default.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724165/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724166/inspect) -* [Focused checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724167/inspect) -* [Focused unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724168/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724169/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724170/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdALP#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVeO#Inspector) +* [Focused checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzRElm#Inspector) +* [Focused unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVeP#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRJ4#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRJb#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/checkbox) @@ -43,7 +43,7 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Checkbox als vertikale Gruppe](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkbox/images/checkbox_vertical.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327724171/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKja7j#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/checkbox) @@ -52,7 +52,7 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Checkbox als horizontale Gruppe](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkbox/images/checkbox_horizontal.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327724172/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKM2l#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/checkbox) \ No newline at end of file diff --git a/documentation/components/checkbox/checkbox-en.md b/documentation/components/checkbox/checkbox-en.md index 7da7fb1..2eeb152 100644 --- a/documentation/components/checkbox/checkbox-en.md +++ b/documentation/components/checkbox/checkbox-en.md @@ -29,12 +29,12 @@ The component has the following statuses: ![Image of the checkbox component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkbox/images/checkbox_default.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724165/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724166/inspect) -* [Focused checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724167/inspect) -* [Focused unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724168/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724169/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724170/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdALP#Inspector) +* [Unchecked](hhttps://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVeO#Inspector) +* [Focused checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzRElm#Inspector) +* [Focused unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVeP#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRJ4#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRJb#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/checkbox) @@ -43,7 +43,7 @@ The component has the following statuses: ![Image of the checkbox as a vertical group component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkbox/images/checkbox_vertical.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327724171/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKja7j#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/checkbox) @@ -52,7 +52,7 @@ The component has the following statuses: ![Image of the checkbox as a horizontal group component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkbox/images/checkbox_horizontal.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327724172/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKM2l#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/checkbox) \ No newline at end of file diff --git a/documentation/components/checkboxpanel/checkboxpanel-de.md b/documentation/components/checkboxpanel/checkboxpanel-de.md index f78f969..e55c337 100644 --- a/documentation/components/checkboxpanel/checkboxpanel-de.md +++ b/documentation/components/checkboxpanel/checkboxpanel-de.md @@ -24,11 +24,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Checkboxpanel in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkboxpanel/images/checkboxpanel_default.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024578/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024579/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360761207/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360761208/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390701887/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnz7v#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwmM#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPk1#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5z8x#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAWz#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/checkbox-panel) @@ -37,11 +37,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Checkboxpanel mit zusätzlichem Hinweistext](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkboxpanel/images/checkboxpanel_infotext.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024580/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024581/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360761209/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360761210/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390701888/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVeY#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREl8#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVez#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRJq#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaO7v#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/checkbox-panel) @@ -50,11 +50,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Checkboxpanel mit zusätzlichem Piktogramm oder Logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkboxpanel/images/checkboxpanel_picto.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024582/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024583/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360761211/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360761212/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390701889/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlEz#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7b8O#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGp44#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ1v9#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKOx#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/checkbox-panel) \ No newline at end of file diff --git a/documentation/components/checkboxpanel/checkboxpanel-en.md b/documentation/components/checkboxpanel/checkboxpanel-en.md index 0bff5c8..304012d 100644 --- a/documentation/components/checkboxpanel/checkboxpanel-en.md +++ b/documentation/components/checkboxpanel/checkboxpanel-en.md @@ -24,11 +24,11 @@ The component has the following statuses: ![Image of the checkbox panel component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkboxpanel/images/checkboxpanel_default.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024578/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024579/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360761207/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360761208/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390701887/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnz7v#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwmM#Inspector) +* [Disabled checked]https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPk1#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5z8x#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAWz#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/checkbox-panel) @@ -37,11 +37,11 @@ The component has the following statuses: ![Image of the checkbox panel component with additional information text](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkboxpanel/images/checkboxpanel_infotext.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024580/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024581/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360761209/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360761210/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390701888/inspect) +* [Checked]((https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVeY#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREl8#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVez#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRJq#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaO7v#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/checkbox-panel) @@ -50,11 +50,11 @@ The component has the following statuses: ![Image of the checkbox panel image with additional pictogram or logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/checkboxpanel/images/checkboxpanel_picto.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024582/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024583/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360761211/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360761212/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390701889/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlEz#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7b8O#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGp44#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ1v9#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKOx#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/checkbox-panel) \ No newline at end of file diff --git a/documentation/components/datepicker/datepicker-de.md b/documentation/components/datepicker/datepicker-de.md index 37d426c..c187294 100644 --- a/documentation/components/datepicker/datepicker-de.md +++ b/documentation/components/datepicker/datepicker-de.md @@ -32,10 +32,10 @@ Die Komponente hat folgende Zustände: * Leertaste / Enter: Auswahl des markierten Tages. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327605628/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327605629/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327605630/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/377703710/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8Rx#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPW8n#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwmG#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOob9A#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/datepicker) @@ -51,9 +51,9 @@ Die Komponente hat folgende Zustände: * In dieser Ausprägung ist immer ein gültige Datum vorausgewählt. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327605631/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327605632/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327605633/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5d7m#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRqDg#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgoq#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/datepicker) @@ -70,10 +70,10 @@ Die Komponente hat folgende Zustände: * Das Geburtsdatum wird im Format TT.MM.JJJJ dargestellt (Beispiel 02.09.1986). #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327605634/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327605635/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327605636/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/377703711/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqE2#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLa3#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mav8P#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ2xa#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/datepicker) @@ -89,12 +89,12 @@ defniert: 5. Bereich der einzelnen Tage. Wenn der Fokus im Bereich der Tageliegt, kann mittels Pfeiltasten links, rechts, auf und ab innerhalb der Tage navigiert werden. #### Design Spezifikation -* [Keine Auswahl](https://sbb.invisionapp.com/d/main#/console/15744722/327605637/inspect) -* [Datum gewählt](https://sbb.invisionapp.com/d/main#/console/15744722/327605638/inspect) -* [Datum mit Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327605639/inspect) -* [Auswahleinschränkungen](https://sbb.invisionapp.com/d/main#/console/15744722/327605640/inspect) -* [Datumsbereich innerhalb eines Monats](https://sbb.invisionapp.com/d/main#/console/15744722/327605641/inspect) -* [Datumsbereich über Monatsgrenze](https://sbb.invisionapp.com/d/main#/console/15744722/327605642/inspect) +* [Keine Auswahl](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWe8z#Inspector) +* [Datum gewählt](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoPk8#Inspector) +* [Datum mit Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZldj#Inspector) +* [Auswahleinschränkungen](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp4b8#Inspector) +* [Datumsbereich innerhalb eines Monats](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejnA#Inspector) +* [Datumsbereich über Monatsgrenze](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM7A7#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/datepicker) \ No newline at end of file diff --git a/documentation/components/datepicker/datepicker-en.md b/documentation/components/datepicker/datepicker-en.md index 9606486..1c4d5b8 100644 --- a/documentation/components/datepicker/datepicker-en.md +++ b/documentation/components/datepicker/datepicker-en.md @@ -32,10 +32,10 @@ The component has the following statuses: * Space / Enter: Selection of the marked day. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327605628/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327605629/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327605630/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/377703710/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8Rx#Inspector) +* [Focused]((https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPW8n#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwmG#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOob9A#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/datepicker) @@ -50,9 +50,9 @@ The component has the following statuses: * Space / Enter: Selection of the marked day. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327605631/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327605632/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327605633/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5d7m#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRqDg#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgoq#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/datepicker) @@ -69,10 +69,10 @@ The component has the following statuses: * The date of birth is shown in the format DD.MM.YYYY (example: 02.09.1986). #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327605634/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327605635/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327605636/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/377703711/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqE2#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLa3#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mav8P#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ2xa#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/datepicker) @@ -87,12 +87,12 @@ The tab sequence within the calender layer is defined as follows: 5. range of the individual days. If the focus is in the range of days, the arrow keys can be used to navigate left, right, up and down within the days. #### Design specification -* [No selection](https://sbb.invisionapp.com/d/main#/console/15744722/327605637/inspect) -* [Date selected](https://sbb.invisionapp.com/d/main#/console/15744722/327605638/inspect) -* [Date with hover](https://sbb.invisionapp.com/d/main#/console/15744722/327605639/inspect) -* [Selection restrictions](https://sbb.invisionapp.com/d/main#/console/15744722/327605640/inspect) -* [Date range within a month](https://sbb.invisionapp.com/d/main#/console/15744722/327605641/inspect) -* [Date range beyond a month](https://sbb.invisionapp.com/d/main#/console/15744722/327605642/inspect) +* [No selection](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWe8z#Inspector) +* [Date selected](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoPk8#Inspector) +* [Date with hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZldj#Inspector) +* [Selection restrictions](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp4b8#Inspector) +* [Date range within a month](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejnA#Inspector) +* [Date range beyond a month](hhttps://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM7A7#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/datepicker) \ No newline at end of file diff --git a/documentation/components/fileselector/fileselector-de.md b/documentation/components/fileselector/fileselector-de.md index 5b68444..d328f72 100644 --- a/documentation/components/fileselector/fileselector-de.md +++ b/documentation/components/fileselector/fileselector-de.md @@ -22,9 +22,9 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente zur Hochladen von Dateien](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/fileselector/images/fileselector_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/378105832/inspect) -* [Uploaded](https://sbb.invisionapp.com/d/main#/console/15744722/378105833/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/378105834/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZ8d#Inspector) +* [Uploaded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVamQj#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWbk#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/file-selector) \ No newline at end of file diff --git a/documentation/components/fileselector/fileselector-en.md b/documentation/components/fileselector/fileselector-en.md index 44f2901..3bfc524 100644 --- a/documentation/components/fileselector/fileselector-en.md +++ b/documentation/components/fileselector/fileselector-en.md @@ -22,9 +22,9 @@ The component has the following statuses: ![Image of the component for uploading files](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/fileselector/images/fileselector_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/378105832/inspect) -* [Uploaded](https://sbb.invisionapp.com/d/main#/console/15744722/378105833/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/378105834/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZ8d#Inspector) +* [Uploaded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVamQj#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWbk#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/file-selector) \ No newline at end of file diff --git a/documentation/components/ghettobox/ghettobox-de.md b/documentation/components/ghettobox/ghettobox-de.md index 86af4c7..80620f7 100644 --- a/documentation/components/ghettobox/ghettobox-de.md +++ b/documentation/components/ghettobox/ghettobox-de.md @@ -17,7 +17,7 @@ Bei Hinweisen und Störungen welche eine ganze Applikation betreffen. ![Darstellung der Komponente Ghettobox in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/ghettobox/images/ghettobox_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328136671/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xd8m#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/ghettobox) @@ -33,8 +33,8 @@ Diese Ausprägung hat folgende Zustände: * Die ganze Fläche der Ghettobox ist klickbar und öffnet den hinterlegten Link (ausser über dem X-Icon). #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328136672/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/328136673/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrLaA#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDYzl#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/ghettobox) \ No newline at end of file diff --git a/documentation/components/ghettobox/ghettobox-en.md b/documentation/components/ghettobox/ghettobox-en.md index 8c52025..ba026a2 100644 --- a/documentation/components/ghettobox/ghettobox-en.md +++ b/documentation/components/ghettobox/ghettobox-en.md @@ -17,7 +17,7 @@ For information and errors that concern an entire application. ![Image of the ghettobox component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/ghettobox/images/ghettobox_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328136671/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xd8m#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/ghettobox) @@ -33,8 +33,8 @@ This variant has the following statuses: * The entire area of the ghettobox can be clicked on and opens the link inserted (except above the X-icon). #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328136672/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/328136673/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrLaA#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDYzl#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/ghettobox) \ No newline at end of file diff --git a/documentation/components/lightbox/lightbox-de.md b/documentation/components/lightbox/lightbox-de.md index f3d9a50..7c4fcd1 100644 --- a/documentation/components/lightbox/lightbox-de.md +++ b/documentation/components/lightbox/lightbox-de.md @@ -18,7 +18,7 @@ Dient zur Darstellung von Detailinformationen einer Content-Seite. ![Darstellung der Komponente Lightbox in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/lightbox/images/lightbox_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/344969031/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1g5b#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/lightbox) @@ -32,7 +32,7 @@ Dient zur Darstellung von Detailinformationen einer Content-Seite. * Der Footer ist immer sticky und wird über die ganze Breite der Lightbox dargestellt (gleich wie Header). #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/344969032/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ8a0#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/lightbox) \ No newline at end of file diff --git a/documentation/components/lightbox/lightbox-en.md b/documentation/components/lightbox/lightbox-en.md index f295572..33d30c7 100644 --- a/documentation/components/lightbox/lightbox-en.md +++ b/documentation/components/lightbox/lightbox-en.md @@ -18,7 +18,7 @@ It is used to display detailed information of a content page. ![Image of the lightbox component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/lightbox/images/lightbox_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/344969031/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1g5b#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/lightbox) @@ -31,7 +31,7 @@ It is used to display detailed information of a content page. * The buttons of a form (‘cancel’, ‘apply’, other functions) may be inserted in the footer. * The footer is always sticky and is displayed across the entire width of the lightbox (the same as the header). #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/344969032/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ8a0#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/lightbox) \ No newline at end of file diff --git a/documentation/components/link/link-de.md b/documentation/components/link/link-de.md index e23b12d..824049d 100644 --- a/documentation/components/link/link-de.md +++ b/documentation/components/link/link-de.md @@ -20,9 +20,9 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Link in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_copy.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073493/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073494/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073495/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG15q#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRWb#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaQj#Inspector) #### Code Spezifikation Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Bereich [Typografie](https://digital.sbb.ch/de/websites/basics/typography) definiert. @@ -32,9 +32,9 @@ Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Berei ![Darstellung der Komponente Link zur Anwendung in einem Lead-Text](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_lead.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073496/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073497/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073498/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKM0l#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnz9v#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9Jw5M#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/links) @@ -43,9 +43,9 @@ Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Berei ![Darstellung der Komponente Link zur Anwendung nach einem Textabschnitt (Paragraph)](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_paragraph.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073499/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073500/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073501/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPm1#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zLx#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdA9z#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/links) @@ -54,9 +54,9 @@ Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Berei ![Darstellung der Komponente Link zur Anwendung nach Formularelementen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_form.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073502/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073503/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073504/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdV5Y#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzRE58#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVdz#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/links) @@ -65,9 +65,9 @@ Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Berei ![Darstellung der Komponente Link in Menüs](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_menu.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073505/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073506/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073507/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwR5q#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaO5v#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlqz#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/links) @@ -76,9 +76,9 @@ Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Berei ![Darstellung der Komponente Link als Absprung zu einem Social-Media Kanal](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_icon.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073508/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073509/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073510/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7bqO#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGpj4#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ199#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/links) \ No newline at end of file diff --git a/documentation/components/link/link-en.md b/documentation/components/link/link-en.md index 00d699b..8b31ace 100644 --- a/documentation/components/link/link-en.md +++ b/documentation/components/link/link-en.md @@ -20,9 +20,9 @@ The component has the following statuses: ![Image of the link component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_copy.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073493/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073494/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073495/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG15q#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRWb#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaQj#Inspector) #### Code specification The standard link is not an independent component but is instead defined directly in the [Typografie](https://digital.sbb.ch/en/websites/basics/typography) area. @@ -32,9 +32,9 @@ The standard link is not an independent component but is instead defined directl ![Image of the link component for use in a lead text](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_lead.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073496/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073497/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073498/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKM0l#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnz9v#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9Jw5M#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/links) @@ -43,9 +43,9 @@ The standard link is not an independent component but is instead defined directl ![Image of the link component for use after a paragraph](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_paragraph.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073499/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073500/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073501/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPm1#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zLx#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdA9z#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/links) @@ -54,9 +54,9 @@ The standard link is not an independent component but is instead defined directl ![Image of the link component for use after form elements](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_form.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073502/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073503/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073504/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdV5Y#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzRE58#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVdz#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/links) @@ -65,9 +65,9 @@ The standard link is not an independent component but is instead defined directl ![Image of the link component in menus](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_menu.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073505/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073506/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073507/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwR5q#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaO5v#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlqz#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/links) @@ -76,9 +76,9 @@ The standard link is not an independent component but is instead defined directl ![Image of the link component to jump to a social media channel](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/link/images/link_icon.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327073508/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/327073509/inspect) -* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/327073510/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7bqO#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGpj4#Inspector) +* [On-Click](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ199#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/links) \ No newline at end of file diff --git a/documentation/components/loadingindicator/loadingindicator-de.md b/documentation/components/loadingindicator/loadingindicator-de.md index 6a23b52..d7489f8 100644 --- a/documentation/components/loadingindicator/loadingindicator-de.md +++ b/documentation/components/loadingindicator/loadingindicator-de.md @@ -20,7 +20,7 @@ Zeigt an, dass eine länger dauernde Aktion durchgeführt wird. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327015704/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKZx#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/loading) @@ -29,7 +29,7 @@ Zeigt an, dass eine länger dauernde Aktion durchgeführt wird. ![Darstellung der Komponente Ladeindikator in der Grösse klein](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/loadingindicator/images/loadingindicator_small.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327015705/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8Ex#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/loading) @@ -38,7 +38,7 @@ Zeigt an, dass eine länger dauernde Aktion durchgeführt wird. ![Darstellung der Komponente Ladeindikator in der Grösse mittel](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/loadingindicator/images/loadingindicator_medium.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327015706/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWrn#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/loading) @@ -47,7 +47,7 @@ Zeigt an, dass eine länger dauernde Aktion durchgeführt wird. ![Darstellung der Komponente Ladeindikator in der Grösse gross](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/loadingindicator/images/loadingindicator_big.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327015707/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwJG#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/loading) \ No newline at end of file diff --git a/documentation/components/loadingindicator/loadingindicator-en.md b/documentation/components/loadingindicator/loadingindicator-en.md index 0f32ab1..1531287 100644 --- a/documentation/components/loadingindicator/loadingindicator-en.md +++ b/documentation/components/loadingindicator/loadingindicator-en.md @@ -19,7 +19,7 @@ It shows that a longer-lasting action is being carried out. ![Image of the tiny loading indicator component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/loadingindicator/images/loadingindicator_tiny.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327015704/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKZx#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/loading) @@ -28,7 +28,7 @@ It shows that a longer-lasting action is being carried out. ![Image of the small loading indicator component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/loadingindicator/images/loadingindicator_small.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327015705/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8Ex#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/loading) @@ -37,7 +37,7 @@ It shows that a longer-lasting action is being carried out. ![Image of the medium loading indicator component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/loadingindicator/images/loadingindicator_medium.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327015706/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWrn#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/loading) @@ -46,7 +46,7 @@ It shows that a longer-lasting action is being carried out. ![Image of the big loading indicator component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/loadingindicator/images/loadingindicator_big.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327015707/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwJG#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/loading) \ No newline at end of file diff --git a/documentation/components/mediagallery/mediagallery-de.md b/documentation/components/mediagallery/mediagallery-de.md index 7494810..307b70f 100644 --- a/documentation/components/mediagallery/mediagallery-de.md +++ b/documentation/components/mediagallery/mediagallery-de.md @@ -29,8 +29,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Mediengallerie in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/mediagallery/images/mediagallery_default.png 'class: image') ####Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345074098/inspect) -* [Details](https://sbb.invisionapp.com/d/main#/console/15744722/345074099/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOob5A#Inspector) +* [Details](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5dbm#Inspector) #### Code Spezifikation In Bearbeitung. @@ -39,8 +39,8 @@ In Bearbeitung. ![Darstellung der Komponente Mediengallerie mit zusätzlichem Text unter dem Bild](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/mediagallery/images/mediagallery_text.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345074100/inspect) -* [Details](https://sbb.invisionapp.com/d/main#/console/15744722/345074101/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRq5g#Inspector) +* [Details](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgDq#Inspector) #### Code Spezifikation In Bearbeitung. \ No newline at end of file diff --git a/documentation/components/mediagallery/mediagallery-en.md b/documentation/components/mediagallery/mediagallery-en.md index b034f99..74ec7f9 100644 --- a/documentation/components/mediagallery/mediagallery-en.md +++ b/documentation/components/mediagallery/mediagallery-en.md @@ -29,8 +29,8 @@ The component has the following statuses: ![Image of the media gallery component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/mediagallery/images/mediagallery_default.png 'class: image') ####Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345074098/inspect) -* [Details](https://sbb.invisionapp.com/d/main#/console/15744722/345074099/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOob5A#Inspector) +* [Details](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5dbm#Inspector) #### Code specification In progress. @@ -39,8 +39,8 @@ In progress. ![Image of the media gallery component with additional text under the image](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/mediagallery/images/mediagallery_text.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345074100/inspect) -* [Details](https://sbb.invisionapp.com/d/main#/console/15744722/345074101/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRq5g#Inspector) +* [Details](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgDq#Inspector) #### Code specification In progress. \ No newline at end of file diff --git a/documentation/components/mediaslider/mediaslider-de.md b/documentation/components/mediaslider/mediaslider-de.md index 275f614..c835627 100644 --- a/documentation/components/mediaslider/mediaslider-de.md +++ b/documentation/components/mediaslider/mediaslider-de.md @@ -24,7 +24,7 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Medienslider in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/mediaslider/images/mediaslider_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345075289/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqv2#Inspector) #### Code Spezifikation In Bearbeitung. @@ -33,7 +33,7 @@ In Bearbeitung. ![Darstellung der Komponente Medienslider mit zusätzlichem Text unter dem Bild](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/mediaslider/images/mediaslider_text.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345075290/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLx3#Inspector) #### Code Spezifikation In Bearbeitung. \ No newline at end of file diff --git a/documentation/components/mediaslider/mediaslider-en.md b/documentation/components/mediaslider/mediaslider-en.md index 819b081..4ed5786 100644 --- a/documentation/components/mediaslider/mediaslider-en.md +++ b/documentation/components/mediaslider/mediaslider-en.md @@ -24,7 +24,7 @@ The component has the following statuses: ![Image of the media slider component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/mediaslider/images/mediaslider_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345075289/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqv2#Inspector) #### Code specification In progress. @@ -33,7 +33,7 @@ In progress. ![Image of the media slider component with additional text under the image](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/mediaslider/images/mediaslider_text.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345075290/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLx3#Inspector) #### Code specification In progress. \ No newline at end of file diff --git a/documentation/components/nbc/nbc-de.md b/documentation/components/nbc/nbc-de.md index 567e3e8..696d476 100644 --- a/documentation/components/nbc/nbc-de.md +++ b/documentation/components/nbc/nbc-de.md @@ -18,9 +18,9 @@ Der Next Best Click Container hat keine Viewport übergreifenden Zustände, da s ![Darstellung der Komponente Next Best Click Container zur Auslösung von Aktionen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_action.png 'class: image') ####Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616913/inspect) -* [Double](https://sbb.invisionapp.com/d/main#/console/15744722/345616914/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616915/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mav9P#Inspector) +* [Double](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ2Aa#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWeqz#Inspector) #### Code Spezifikation In Bearbeitung. @@ -29,8 +29,8 @@ In Bearbeitung. ![Darstellung der Komponente Next Best Click Container als Information zu den Kontaktmöglichkeiten](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_contact.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616916/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616917/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoP58#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZlWj#Inspector) #### Code Spezifikation In Bearbeitung. @@ -39,8 +39,8 @@ In Bearbeitung. ![Darstellung der Komponente Next Best Click Container als Linkliste zu anderen Themen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_link.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616918/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616919/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp4q8#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejgA#Inspector) #### Code Spezifikation In Bearbeitung. @@ -49,9 +49,9 @@ In Bearbeitung. ![Darstellung der Komponente Next Best Click Container mit mehreren Download Dateien](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_download.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616920/inspect) -* [App](https://sbb.invisionapp.com/d/main#/console/15744722/345616921/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616922/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM757#Inspector) +* [App](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZqd#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVam9j#Inspector) #### Code Spezifikation In Bearbeitung. @@ -60,8 +60,8 @@ In Bearbeitung. ![Darstellung der Komponente Next Best Click Container zum Starten des Live-Chat](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_chat.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616923/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616924/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWrk#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xdqm#Inspector) #### Code Spezifikation In Bearbeitung. diff --git a/documentation/components/nbc/nbc-en.md b/documentation/components/nbc/nbc-en.md index 7dccd22..f823db9 100644 --- a/documentation/components/nbc/nbc-en.md +++ b/documentation/components/nbc/nbc-en.md @@ -18,9 +18,9 @@ The Next Best Click container does not have any cross-viewport statuses as they ![Image of the Next Best Click container image to trigger actions](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_action.png 'class: image') ####Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616913/inspect) -* [Double](https://sbb.invisionapp.com/d/main#/console/15744722/345616914/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616915/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mav9P#Inspector) +* [Double](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ2Aa#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWeqz#Inspector) #### Code specification In progress. @@ -29,8 +29,8 @@ In progress. ![Image of the Next Best Click container component as information on the contact options](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_contact.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616916/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616917/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoP58#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZlWj#Inspector) #### Code specification In progress. @@ -39,8 +39,8 @@ In progress. ![Image of the Next Best Click container component as a link list to other topics](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_link.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616918/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616919/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp4q8#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejgA#Inspector) #### Code specification In progress. @@ -49,9 +49,9 @@ In progress. ![Image of the Next Best Click container component with several download files](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_download.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616920/inspect) -* [App](https://sbb.invisionapp.com/d/main#/console/15744722/345616921/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616922/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM757#Inspector) +* [App](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZqd#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVam9j#Inspector) #### Code specification In progress. @@ -60,8 +60,8 @@ In progress. ![Image of the Next Best Click container component to start the live chat](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/nbc/images/nbc_chat.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345616923/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/345616924/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWrk#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xdqm#Inspector) #### Code specification In progress. diff --git a/documentation/components/notification/notification-de.md b/documentation/components/notification/notification-de.md index d97fa0a..6318080 100644 --- a/documentation/components/notification/notification-de.md +++ b/documentation/components/notification/notification-de.md @@ -14,7 +14,7 @@ Wenn ein Benutzer auf einer Seite eine Aktion ausgelöst hat und vom System ein ![Darstellung der Komponente Notification zur Darstellung von Bestätigungsmeldungen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/notification/images/notification_confirmation.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/332849832/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrL4A#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/notification) @@ -23,7 +23,7 @@ Wenn ein Benutzer auf einer Seite eine Aktion ausgelöst hat und vom System ein ![Darstellung der Komponente Notification zur Darstellung von Hinweismeldungen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/notification/images/notification_information.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/332849833/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDYMl#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/notification) @@ -32,7 +32,7 @@ Wenn ein Benutzer auf einer Seite eine Aktion ausgelöst hat und vom System ein ![Darstellung der Komponente Notification zur Darstellung von Fehlermeldungen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/notification/images/notification_error.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/332849834/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1g7b#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/notification) @@ -44,7 +44,7 @@ Wenn ein Benutzer auf einer Seite eine Aktion ausgelöst hat und vom System ein * Das Sprungmarkenziel ist immer auf derselben Seite wie die Notification (kein Absprung auf andere Seiten). #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/332849835/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ8E0#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/notification) \ No newline at end of file diff --git a/documentation/components/notification/notification-en.md b/documentation/components/notification/notification-en.md index dcaa8d3..2a77c8b 100644 --- a/documentation/components/notification/notification-en.md +++ b/documentation/components/notification/notification-en.md @@ -14,7 +14,7 @@ It is used to display messages that concern an entire page. ![Image of the notification component to display confirmation messages](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/notification/images/notification_confirmation.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/332849832/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrL4A#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/notification) @@ -23,7 +23,7 @@ It is used to display messages that concern an entire page. ![Image of the notification component to display information messages](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/notification/images/notification_information.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/332849833/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDYMl#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/notification) @@ -32,7 +32,7 @@ It is used to display messages that concern an entire page. ![Image of the notification component to display error messages](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/notification/images/notification_error.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/332849834/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1g7b#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/notification) @@ -44,7 +44,7 @@ It is used to display messages that concern an entire page. * The jump marker target is always on the same page as the notification (no jumping to other pages). #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/332849835/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ8E0#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/notification) \ No newline at end of file diff --git a/documentation/components/pagination/pagination-de.md b/documentation/components/pagination/pagination-de.md index 15a4089..ce5cace 100644 --- a/documentation/components/pagination/pagination-de.md +++ b/documentation/components/pagination/pagination-de.md @@ -23,10 +23,10 @@ Die Komponente hat folgende Zustände: * Die Kurzform «...» für versteckte Seiten kann nicht angesprungen werden. #### Design Spezifikation -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/328136679/inspect) -* [Middle](https://sbb.invisionapp.com/d/main#/console/15744722/328136680/inspect) -* [Last](https://sbb.invisionapp.com/d/main#/console/15744722/328136681/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/328136682/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG1Qq#Inspector) +* [Middle](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRyb#Inspector) +* [Last](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaEj#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMYl#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/pagination) @@ -42,8 +42,8 @@ Diese Ausprägung hat folgende Zustände: * Der Link-Text hat eine Maximalbreite entsprechend dem Layout. Längere Texte werden mittels «...» abgeschnitten. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328136683/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/328136684/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzqv#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwqM#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/pagination) \ No newline at end of file diff --git a/documentation/components/pagination/pagination-en.md b/documentation/components/pagination/pagination-en.md index 7af798c..46a6ea2 100644 --- a/documentation/components/pagination/pagination-en.md +++ b/documentation/components/pagination/pagination-en.md @@ -23,10 +23,10 @@ The component has the following statuses: * The abbreviated form ‘…’ for hidden pages cannot be jumped to. #### Design specification -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/328136679/inspect) -* [Middle](https://sbb.invisionapp.com/d/main#/console/15744722/328136680/inspect) -* [Last](https://sbb.invisionapp.com/d/main#/console/15744722/328136681/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/328136682/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG1Qq#Inspector) +* [Middle](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRyb#Inspector) +* [Last](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaEj#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMYl#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/pagination) @@ -42,8 +42,8 @@ This variant has the following statuses: * The link text has a maximum width in line with the layout. Longer texts are cut using ‘…’. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328136683/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/328136684/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzqv#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwqM#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/pagination) \ No newline at end of file diff --git a/documentation/components/processflow/processflow-de.md b/documentation/components/processflow/processflow-de.md index 94de66c..eb8f17c 100644 --- a/documentation/components/processflow/processflow-de.md +++ b/documentation/components/processflow/processflow-de.md @@ -14,7 +14,7 @@ Bei sämtlichen Prozessen bei denen ein Benutzer mehrere Schritte/Seiten durchl ![Darstellung der Komponente für Prozessschritte](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/processflow/images/processflow_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328136685/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPb1#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/processflow) \ No newline at end of file diff --git a/documentation/components/processflow/processflow-en.md b/documentation/components/processflow/processflow-en.md index d16ba60..625b640 100644 --- a/documentation/components/processflow/processflow-en.md +++ b/documentation/components/processflow/processflow-en.md @@ -14,7 +14,7 @@ ![Image of the component for process steps](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/processflow/images/processflow_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328136685/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPb1#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/processflow) \ No newline at end of file diff --git a/documentation/components/radiobutton/radiobutton-de.md b/documentation/components/radiobutton/radiobutton-de.md index 0c4ea74..3ba5cf3 100644 --- a/documentation/components/radiobutton/radiobutton-de.md +++ b/documentation/components/radiobutton/radiobutton-de.md @@ -28,12 +28,12 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Radiobutton in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobutton/images/radiobutton_default.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724157/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724158/inspect) -* [Focused checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724159/inspect) -* [Focused unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724160/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724161/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724162/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zrx#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAyz#Inspector) +* [Focused checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVrY#Inspector) +* [Focused unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREq8#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVyz#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRrq#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/radio-button) @@ -42,7 +42,7 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Radiobutton als vertikale Gruppe](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobutton/images/radiobutton_vertical.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327724163/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRy0#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/radio-button) @@ -51,7 +51,7 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Radiobutton als horizontale Gruppe](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobutton/images/radiobutton_horizontal.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327724164/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaEZ#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/radio-button) \ No newline at end of file diff --git a/documentation/components/radiobutton/radiobutton-en.md b/documentation/components/radiobutton/radiobutton-en.md index e0a5d40..8255901 100644 --- a/documentation/components/radiobutton/radiobutton-en.md +++ b/documentation/components/radiobutton/radiobutton-en.md @@ -28,12 +28,12 @@ The component has the following statuses: ![Image of the radio button component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobutton/images/radiobutton_default.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724157/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724158/inspect) -* [Focused checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724159/inspect) -* [Focused unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724160/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/327724161/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327724162/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zrx#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAyz#Inspector) +* [Focused checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVrY#Inspector) +* [Focused unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREq8#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVyz#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRrq#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/radio-button) @@ -42,7 +42,7 @@ The component has the following statuses: ![Image of the radio button component as a vertical group](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobutton/images/radiobutton_vertical.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327724163/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRy0#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/radio-button) @@ -51,7 +51,7 @@ The component has the following statuses: ![Image of the radio button component as a horizontal group](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobutton/images/radiobutton_horizontal.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327724164/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaEZ#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/radio-button) \ No newline at end of file diff --git a/documentation/components/radiobuttonpanel/radiobuttonpanel-de.md b/documentation/components/radiobuttonpanel/radiobuttonpanel-de.md index 82d9c5c..ae0def9 100644 --- a/documentation/components/radiobuttonpanel/radiobuttonpanel-de.md +++ b/documentation/components/radiobuttonpanel/radiobuttonpanel-de.md @@ -23,11 +23,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Radiobuttonpanel in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobuttonpanel/images/radiobuttonpanel_default.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024572/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024573/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360763123/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360763124/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390733305/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMYW#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzq7#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9Jwq5#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPbb#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zrZ#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/radio-button-panel) @@ -36,11 +36,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Radiobuttonpanel mit zusätzlichem Hinweistext](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobuttonpanel/images/radiobuttonpanel_infotext.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024574/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024575/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360763125/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360763126/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390733306/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAyj#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVr7#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREq4#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVyJ#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRrW#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/radio-button-panel) @@ -49,11 +49,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Radiobuttonpanel mit zusätzlichem Piktogramm oder Logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobuttonpanel/images/radiobuttonpanel_picto.png 'class: image') #### Design Spezifikation -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024576/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024577/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360763127/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360763128/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390733307/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaOyZ#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlr4#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7boy#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGpPV#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ1yP#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/radio-button-panel) \ No newline at end of file diff --git a/documentation/components/radiobuttonpanel/radiobuttonpanel-en.md b/documentation/components/radiobuttonpanel/radiobuttonpanel-en.md index dd4dbda..bab6017 100644 --- a/documentation/components/radiobuttonpanel/radiobuttonpanel-en.md +++ b/documentation/components/radiobuttonpanel/radiobuttonpanel-en.md @@ -23,11 +23,11 @@ The component has the following statuses: ![Image of the radio button panel component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobuttonpanel/images/radiobuttonpanel_default.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024572/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024573/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360763123/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360763124/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390733305/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMYW#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzq7#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9Jwq5#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPbb#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zrZ#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/radio-button-panel) @@ -36,11 +36,11 @@ The component has the following statuses: ![Image of the radio button panel component with additional info text](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobuttonpanel/images/radiobuttonpanel_infotext.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024574/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024575/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360763125/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360763126/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390733306/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAyj#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVr7#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREq4#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVyJ#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRrW#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/radio-button-panel) @@ -49,11 +49,11 @@ The component has the following statuses: ![Image of the radio button panel component with additional pictogram or logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/radiobuttonpanel/images/radiobuttonpanel_picto.png 'class: image') #### Design specification -* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/333024576/inspect) -* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/333024577/inspect) -* [Disabled checked](https://sbb.invisionapp.com/d/main#/console/15744722/360763127/inspect) -* [Disabled unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/360763128/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/390733307/inspect) +* [Checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaOyZ#Inspector) +* [Unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlr4#Inspector) +* [Disabled checked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7boy#Inspector) +* [Disabled unchecked](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGpPV#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ1yP#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/radio-button-panel) \ No newline at end of file diff --git a/documentation/components/searchfield/searchfield-de.md b/documentation/components/searchfield/searchfield-de.md index de6fbd5..e5a0dcb 100644 --- a/documentation/components/searchfield/searchfield-de.md +++ b/documentation/components/searchfield/searchfield-de.md @@ -29,9 +29,9 @@ Die Komponente hat folgende Zustände: * Empfehlung maximal 10 Einträge. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/344622859/inspect) -* [No Result](https://sbb.invisionapp.com/d/main#/console/15744722/344622860/inspect) -* [Suggested](https://sbb.invisionapp.com/d/main#/console/15744722/344622861/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKx3#Inspector) +* [No Result](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8qj#Inspector) +* [Suggested](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWRk#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/search) @@ -52,11 +52,11 @@ Diese Ausprägung hat folgende Zustände: * Während des Tippens werden maximal 4 Auto-Suggest Vorschläge angezeigt. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/344622862/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/344622863/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/344622864/inspect) -* [No Result](https://sbb.invisionapp.com/d/main#/console/15744722/344622865/inspect) -* [Suggested](https://sbb.invisionapp.com/d/main#/console/15744722/344622866/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwyk#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOobqa#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5dqd#Inspector) +* [No Result](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRq8K#Inspector) +* [Suggested](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgYV#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/search) \ No newline at end of file diff --git a/documentation/components/searchfield/searchfield-en.md b/documentation/components/searchfield/searchfield-en.md index 986dbad..e1bf533 100644 --- a/documentation/components/searchfield/searchfield-en.md +++ b/documentation/components/searchfield/searchfield-en.md @@ -29,9 +29,9 @@ The component has the following statuses: * A maximum of ten entries is recommended. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/344622859/inspect) -* [No Result](https://sbb.invisionapp.com/d/main#/console/15744722/344622860/inspect) -* [Suggested](https://sbb.invisionapp.com/d/main#/console/15744722/344622861/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKx3#Inspector) +* [No Result](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8qj#Inspector) +* [Suggested](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWRk#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/search) @@ -52,11 +52,11 @@ The component has the following statuses: * When typing a maximum of four auto-suggest proposals are shown. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/344622862/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/344622863/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/344622864/inspect) -* [No Result](https://sbb.invisionapp.com/d/main#/console/15744722/344622865/inspect) -* [Suggested](https://sbb.invisionapp.com/d/main#/console/15744722/344622866/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwyk#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOobqa#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5dqd#Inspector) +* [No Result](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRq8K#Inspector) +* [Suggested](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgYV#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/search) \ No newline at end of file diff --git a/documentation/components/select/select-de.md b/documentation/components/select/select-de.md index b1db145..efaf924 100644 --- a/documentation/components/select/select-de.md +++ b/documentation/components/select/select-de.md @@ -28,11 +28,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Select in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/select/images/select_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327200956/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327200957/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327200958/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/327200959/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327200960/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqyd#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLq5#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mavrw#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ248#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWeGP#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/select) @@ -41,8 +41,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Select mit Mehrfachauswahl](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/select/images/select_multi.png 'class: image') #### Design Spezifikation -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/327200961/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327200962/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoPQ1#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejde#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/select) @@ -51,8 +51,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Select mit gruppierten Einträgen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/select/images/select_grouped_single.png 'class: image') #### Design Spezifikation -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/327200963/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327200964/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp4ew#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZlmr#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/select) @@ -61,8 +61,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Select mit gruppierten Einträgen und Mehrfachauswahl](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/select/images/select_grouped_multi.png 'class: image') #### Design Spezifikation -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/327200965/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327200966/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM7Ql#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZJP#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/select) \ No newline at end of file diff --git a/documentation/components/select/select-en.md b/documentation/components/select/select-en.md index ad8839f..f2cfcae 100644 --- a/documentation/components/select/select-en.md +++ b/documentation/components/select/select-en.md @@ -28,11 +28,11 @@ The component has the following statuses: ![Image of the select component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/select/images/select_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327200956/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327200957/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327200958/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/327200959/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327200960/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqyd#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLq5#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mavrw#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ248#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWeGP#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/select) @@ -41,8 +41,8 @@ The component has the following statuses: ![Image of the select component with multiple choice](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/select/images/select_multi.png 'class: image') #### Design specification -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/327200961/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327200962/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoPQ1#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZlmr#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/select) @@ -51,8 +51,8 @@ The component has the following statuses: ![Image of the select component with grouped entries](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/select/images/select_grouped_single.png 'class: image') #### Design specification -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/327200963/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327200964/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp4ew#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejde#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/select) @@ -61,8 +61,8 @@ The component has the following statuses: ![Image of the select component with grouped entries and multiple choice](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/select/images/select_grouped_multi.png 'class: image') #### Design specification -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/327200965/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327200966/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM7Ql#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZJP#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/select) \ No newline at end of file diff --git a/documentation/components/tab/tab-de.md b/documentation/components/tab/tab-de.md index 27ddaa8..dd0bcb9 100644 --- a/documentation/components/tab/tab-de.md +++ b/documentation/components/tab/tab-de.md @@ -24,10 +24,10 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Tab in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tab/images/tab_default.png 'class: image') #### Design Spezifikation -* [Active](https://sbb.invisionapp.com/d/main#/console/15744722/332819501/inspect) -* [Inactive](https://sbb.invisionapp.com/d/main#/console/15744722/332819502/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/332819503/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/332819504/inspect) +* [Active](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVamvo#Inspector) +* [Inactive](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWQg#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xdzD#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrLVx#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/tabs) @@ -38,10 +38,10 @@ Die Komponente hat folgende Zustände: * Der Mengenindikator beinhaltet nur Zahlen, maximal 3-stellig. #### Design Spezifikation -* [Active](https://sbb.invisionapp.com/d/main#/console/15744722/332819505/inspect) -* [Inactive](https://sbb.invisionapp.com/d/main#/console/15744722/332819506/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/332819507/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/332819508/inspect) +* [Active](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDYoW#Inspector) +* [Inactive](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1gQ8#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ8vA#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG1pY#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/tabs) \ No newline at end of file diff --git a/documentation/components/tab/tab-en.md b/documentation/components/tab/tab-en.md index 0d9f850..47aacaa 100644 --- a/documentation/components/tab/tab-en.md +++ b/documentation/components/tab/tab-en.md @@ -24,10 +24,10 @@ The component has the following statuses: ![Image of the tab component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tab/images/tab_default.png 'class: image') #### Design specification -* [Active](https://sbb.invisionapp.com/d/main#/console/15744722/332819501/inspect) -* [Inactive](https://sbb.invisionapp.com/d/main#/console/15744722/332819502/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/332819503/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/332819504/inspect) +* [Active](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVamvo#Inspector) +* [Inactive](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWQg#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xdzD#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrLVx#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/tabs) @@ -38,10 +38,10 @@ The component has the following statuses: * The quantity indicator only contains numbers and is a maximum of three digits. #### Design specification -* [Active](https://sbb.invisionapp.com/d/main#/console/15744722/332819505/inspect) -* [Inactive](https://sbb.invisionapp.com/d/main#/console/15744722/332819506/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/332819507/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/332819508/inspect) +* [Active](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDYoW#Inspector) +* [Inactive](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1gQ8#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ8vA#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG1pY#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/tabs) \ No newline at end of file diff --git a/documentation/components/table/table-de.md b/documentation/components/table/table-de.md index f0ef11e..c700c67 100644 --- a/documentation/components/table/table-de.md +++ b/documentation/components/table/table-de.md @@ -22,7 +22,7 @@ Strukturierte Darstellung von Daten. ![Darstellung der Komponente Tabelle als einfache Tabelle](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/table/images/table_simple.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345267417/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRA0#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/table) @@ -31,7 +31,7 @@ Strukturierte Darstellung von Daten. ![Darstellung der Komponente Tabelle mit Untergruppen in den Zeilen](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/table/images/table_grouped.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345267418/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaeZ#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/table) @@ -40,7 +40,7 @@ Strukturierte Darstellung von Daten. ![Darstellung der Komponente Tabelle als Titel-Wert Auflistung](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/table/images/table_key_value.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345267419/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMeW#Inspector) #### ode Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/table) \ No newline at end of file diff --git a/documentation/components/table/table-en.md b/documentation/components/table/table-en.md index 61fd586..6cae11d 100644 --- a/documentation/components/table/table-en.md +++ b/documentation/components/table/table-en.md @@ -22,7 +22,7 @@ Structured display of data. ![Image of the table component as a simple table](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/table/images/table_simple.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345267417/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRA0#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/table) @@ -31,7 +31,7 @@ Structured display of data. ![Image of the table component with sub-groups in the lines](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/table/images/table_grouped.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345267418/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaeZ#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/table) @@ -40,7 +40,7 @@ Structured display of data. ![Image of the table component as a title value list](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/table/images/table_key_value.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/345267419/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMeW#Inspector) #### ode specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/table) \ No newline at end of file diff --git a/documentation/components/tag/tag-de.md b/documentation/components/tag/tag-de.md index 704f414..8b3b78c 100644 --- a/documentation/components/tag/tag-de.md +++ b/documentation/components/tag/tag-de.md @@ -29,10 +29,10 @@ Beispiel: ![](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tag/images/tag_filtertag_example.png 'class: image') #### Design Spezifikation -* [Active](https://sbb.invisionapp.com/d/main#/console/15744722/327768741/inspect) -* [Inactive](https://sbb.invisionapp.com/d/main#/console/15744722/327768742/inspect) -* [Hover active](https://sbb.invisionapp.com/d/main#/console/15744722/390754605/inspect) -* [Hover inactive](https://sbb.invisionapp.com/d/main#/console/15744722/390754606/inspect) +* [Active](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzQ7#Inspector) +* [Inactive](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwQ5#Inspector) +* [Hover active](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPZb#Inspector) +* [Hover inactive](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zZZ#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/tag) @@ -46,8 +46,8 @@ Beispiel: ![](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tag/images/tag_linktag_example.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327768743/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/390754607/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAGj#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVQ7#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/tag) \ No newline at end of file diff --git a/documentation/components/tag/tag-en.md b/documentation/components/tag/tag-en.md index a588320..67a38ef 100644 --- a/documentation/components/tag/tag-en.md +++ b/documentation/components/tag/tag-en.md @@ -29,10 +29,10 @@ Example: ![Image of an example for filter tag component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tag/images/tag_filtertag_example.png 'class: image') #### Design specification -* [Active](https://sbb.invisionapp.com/d/main#/console/15744722/327768741/inspect) -* [Inactive](https://sbb.invisionapp.com/d/main#/console/15744722/327768742/inspect) -* [Hover active](https://sbb.invisionapp.com/d/main#/console/15744722/390754605/inspect) -* [Hover inactive](https://sbb.invisionapp.com/d/main#/console/15744722/390754606/inspect) +* [Active](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzQ7#Inspector) +* [Inactive](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwQ5#Inspector) +* [Hover active](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPZb#Inspector) +* [Hover inactive](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zZZ#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/tag) @@ -46,8 +46,8 @@ Example: ![Image of an example for link tag component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tag/images/tag_linktag_example.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327768743/inspect) -* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/390754607/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAGj#Inspector) +* [Hover](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVQ7#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/tag) \ No newline at end of file diff --git a/documentation/components/textarea/textarea-de.md b/documentation/components/textarea/textarea-de.md index 28c16cc..97246d4 100644 --- a/documentation/components/textarea/textarea-de.md +++ b/documentation/components/textarea/textarea-de.md @@ -24,10 +24,10 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Textarea in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/textarea/images/textarea_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327171858/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327171859/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327171860/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/327171861/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREQ4#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVkJ#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwR1W#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaOJZ#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/textarea) diff --git a/documentation/components/textarea/textarea-en.md b/documentation/components/textarea/textarea-en.md index 662373f..6e86846 100644 --- a/documentation/components/textarea/textarea-en.md +++ b/documentation/components/textarea/textarea-en.md @@ -24,10 +24,10 @@ The component has the following statuses: ![Image of the text area component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/textarea/images/textarea_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327171858/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327171859/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327171860/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/327171861/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREQ4#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVkJ#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwR1W#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaOJZ#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/textarea) diff --git a/documentation/components/textexpand/textexpand-de.md b/documentation/components/textexpand/textexpand-de.md index 1e1a616..9a91ea6 100644 --- a/documentation/components/textexpand/textexpand-de.md +++ b/documentation/components/textexpand/textexpand-de.md @@ -22,8 +22,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Textexpander](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/textexpand/images/textexpand_default.png 'class: image') #### Design Spezifikation -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/327015708/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327015709/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlk4#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7b2y#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/textexpand) \ No newline at end of file diff --git a/documentation/components/textexpand/textexpand-en.md b/documentation/components/textexpand/textexpand-en.md index 1760da6..6668df6 100644 --- a/documentation/components/textexpand/textexpand-en.md +++ b/documentation/components/textexpand/textexpand-en.md @@ -22,8 +22,8 @@ The component has the following statuses: ![Image of the text expander component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/textexpand/images/textexpand_default.png 'class: image') #### Design specification -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/327015708/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/327015709/inspect) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlk4#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7b2y#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/textexpand) \ No newline at end of file diff --git a/documentation/components/textfield/textfield-de.md b/documentation/components/textfield/textfield-de.md index 4d57fbf..8181622 100644 --- a/documentation/components/textfield/textfield-de.md +++ b/documentation/components/textfield/textfield-de.md @@ -30,11 +30,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Eingabefeld Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/textfield/images/textfield_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327021294/inspect) -* [Hinted](https://sbb.invisionapp.com/d/main#/console/15744722/327021295/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327021296/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327021297/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/327021298/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGplV#Inspector) +* [Hinted](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ10P#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKR3#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8xj#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWjk#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/field) @@ -44,10 +44,10 @@ Die Komponente hat folgende Zustände: * Das Eingabefeld in der Ausprägung "Passwort" stellt keinen Zustand "Hinted" zur Verfügung. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327021299/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327021300/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327021301/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/327021302/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKw1k#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOobQa#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5dQd#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRqQK#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/field) \ No newline at end of file diff --git a/documentation/components/textfield/textfield-en.md b/documentation/components/textfield/textfield-en.md index f8d2b09..c098ce2 100644 --- a/documentation/components/textfield/textfield-en.md +++ b/documentation/components/textfield/textfield-en.md @@ -30,11 +30,11 @@ The component has the following statuses: ![Image of the entry field component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/textfield/images/textfield_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327021294/inspect) -* [Hinted](https://sbb.invisionapp.com/d/main#/console/15744722/327021295/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327021296/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327021297/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/327021298/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGplV#Inspector) +* [Hinted](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ10P#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKR3#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8xj#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWjk#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/field) @@ -44,10 +44,10 @@ The component has the following statuses: * The entry field in the ‘password’ variant does not provide a ‘hinted’ status. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327021299/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327021300/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327021301/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/327021302/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKw1k#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOobQa#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Ya5dQd#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/KPRqQK#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/field) \ No newline at end of file diff --git a/documentation/components/timefield/timefield-de.md b/documentation/components/timefield/timefield-de.md index b03a69b..9cf6b7e 100644 --- a/documentation/components/timefield/timefield-de.md +++ b/documentation/components/timefield/timefield-de.md @@ -21,11 +21,11 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Eingabefeld für Uhrzeiten](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/timefield/images/timefield_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327611017/inspect) -* [Hinted](https://sbb.invisionapp.com/d/main#/console/15744722/335006454/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327611018/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327611019/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/388876245/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgJV#Inspector) +* [Hinted](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqpd#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLQ5#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mav4w#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ2p8#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/time-input) \ No newline at end of file diff --git a/documentation/components/timefield/timefield-en.md b/documentation/components/timefield/timefield-en.md index 0a8d47f..63b4005 100644 --- a/documentation/components/timefield/timefield-en.md +++ b/documentation/components/timefield/timefield-en.md @@ -21,11 +21,11 @@ The component has the following statuses: ![Image of the entry field for times component](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/timefield/images/timefield_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327611017/inspect) -* [Hinted](https://sbb.invisionapp.com/d/main#/console/15744722/335006454/inspect) -* [Focused](https://sbb.invisionapp.com/d/main#/console/15744722/327611018/inspect) -* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/327611019/inspect) -* [Error](https://sbb.invisionapp.com/d/main#/console/15744722/388876245/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/wmQgJV#Inspector) +* [Hinted](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/qJVqpd#Inspector) +* [Focused](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/LgnLQ5#Inspector) +* [Disabled](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/7mav4w#Inspector) +* [Error](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/yaQ2p8#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/time-input) \ No newline at end of file diff --git a/documentation/components/toggle/toggle-de.md b/documentation/components/toggle/toggle-de.md index 9aeeacf..5ece273 100644 --- a/documentation/components/toggle/toggle-de.md +++ b/documentation/components/toggle/toggle-de.md @@ -18,8 +18,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Toggle-Button mit der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/toggle/images/toggle_default.png 'class: image') #### Design Spezifikation -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/332849836/inspect) -* [Second](https://sbb.invisionapp.com/d/main#/console/15744722/332849837/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWebP#Inspector) +* [Second](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoPz1#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/toggle) @@ -28,8 +28,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Toggle-Button mit Icons](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/toggle/images/toggle_icon.png 'class: image') #### Design Spezifikation -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/332849838/inspect) -* [Second](https://sbb.invisionapp.com/d/main#/console/15744722/332849839/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZlzr#Inspector) +* [Second](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp42w#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/toggle) @@ -38,8 +38,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Toggle-Button mit zusätzlichen Hinweistext](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/toggle/images/toggle_infotext.png 'class: image') #### Design Spezifikation -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/332849840/inspect) -* [Second](https://sbb.invisionapp.com/d/main#/console/15744722/332849841/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejwe#Inspector) +* [Second](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM72l#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/toggle) @@ -48,8 +48,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Toggle-Button mit zusätzlichem Eingabekontext](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/toggle/images/toggle_content.png 'class: image') #### Design Spezifikation -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/332849842/inspect) -* [Second](https://sbb.invisionapp.com/d/main#/console/15744722/332849843/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZ7P#Inspector) +* [Second](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVampo#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/toggle) diff --git a/documentation/components/toggle/toggle-en.md b/documentation/components/toggle/toggle-en.md index caec1b8..f495b1a 100644 --- a/documentation/components/toggle/toggle-en.md +++ b/documentation/components/toggle/toggle-en.md @@ -18,8 +18,8 @@ The component has the following statuses: ![Image of the toggle button component in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/toggle/images/toggle_default.png 'class: image') #### Design specification -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/332849836/inspect) -* [Second](https://sbb.invisionapp.com/d/main#/console/15744722/332849837/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/9aWebP#Inspector) +* [Second](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/PZoPz1#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/toggle) @@ -28,8 +28,8 @@ The component has the following statuses: ![Image of the toggle button component with icons](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/toggle/images/toggle_icon.png 'class: image') #### Design specification -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/332849838/inspect) -* [Second](https://sbb.invisionapp.com/d/main#/console/15744722/332849839/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/gLZlzr#Inspector) +* [Second](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/8Dp42w#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/toggle) @@ -38,8 +38,8 @@ The component has the following statuses: ![Image of the toggle button component with additional information text](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/toggle/images/toggle_infotext.png 'class: image') #### Design specification -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/332849840/inspect) -* [Second](https://sbb.invisionapp.com/d/main#/console/15744722/332849841/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/2vejwe#Inspector) +* [Second](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/MjM72l#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/toggle) @@ -48,8 +48,8 @@ The component has the following statuses: ![Image of the toggle button component with additional entry context](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/toggle/images/toggle_content.png 'class: image') #### Design specification -* [First](https://sbb.invisionapp.com/d/main#/console/15744722/332849842/inspect) -* [Second](https://sbb.invisionapp.com/d/main#/console/15744722/332849843/inspect) +* [First](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/5GoZ7P#Inspector) +* [Second](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/bVampo#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/toggle) diff --git a/documentation/components/tooltip/tooltip-de.md b/documentation/components/tooltip/tooltip-de.md index 1207a71..fbbe6b3 100644 --- a/documentation/components/tooltip/tooltip-de.md +++ b/documentation/components/tooltip/tooltip-de.md @@ -23,8 +23,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Tooltip mit obenliegender Textbox](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tooltip/images/tooltip_above.png 'class: image') #### Design Spezifikation -* [Hidden](https://sbb.invisionapp.com/d/main#/console/15744722/328424439/inspect) -* [Visible](https://sbb.invisionapp.com/d/main#/console/15744722/328424440/inspect) +* [Hidden](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWOg#Inspector) +* [Visible](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xdgD#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/tooltip) @@ -33,8 +33,8 @@ Die Komponente hat folgende Zustände: ![Darstellung der Komponente Tooltip mit untenliegender Textbox](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tooltip/images/tooltip_underneath.png 'class: image') #### Design Spezifikation -* [Hidden](https://sbb.invisionapp.com/d/main#/console/15744722/328424441/inspect) -* [Visible](https://sbb.invisionapp.com/d/main#/console/15744722/328424442/inspect) +* [Hidden](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrLEx#Inspector) +* [Visible](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDYOW#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/tooltip) \ No newline at end of file diff --git a/documentation/components/tooltip/tooltip-en.md b/documentation/components/tooltip/tooltip-en.md index 65e176b..4fd9305 100644 --- a/documentation/components/tooltip/tooltip-en.md +++ b/documentation/components/tooltip/tooltip-en.md @@ -23,8 +23,8 @@ The component has the following statuses: ![Image of the tooltip component with text box above it](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tooltip/images/tooltip_above.png 'class: image') #### Design specification -* [Hidden](https://sbb.invisionapp.com/d/main#/console/15744722/328424439/inspect) -* [Visible](https://sbb.invisionapp.com/d/main#/console/15744722/328424440/inspect) +* [Hidden](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/WmnWOg#Inspector) +* [Visible](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/34xdgD#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/tooltip) @@ -33,8 +33,8 @@ The component has the following statuses: ![Image of the tooltip component with text box below it](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/tooltip/images/tooltip_underneath.png 'class: image') #### Design specification -* [Hidden](https://sbb.invisionapp.com/d/main#/console/15744722/328424441/inspect) -* [Visible](https://sbb.invisionapp.com/d/main#/console/15744722/328424442/inspect) +* [Hidden](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/rvrLEx#Inspector) +* [Visible](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ndDYOW#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/tooltip) \ No newline at end of file diff --git a/documentation/components/usermenu/usermenu-de.md b/documentation/components/usermenu/usermenu-de.md index b4c9ba9..58a905d 100644 --- a/documentation/components/usermenu/usermenu-de.md +++ b/documentation/components/usermenu/usermenu-de.md @@ -22,17 +22,17 @@ Die Komponente hat folgende Zustände: * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/usermenu) #### Design Spezifikation -* [Logged Out](https://sbb.invisionapp.com/d/main#/console/15744722/344628068/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/344628069/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/344628070/inspect) +* [Logged Out](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1gZ8#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ81A#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG12Y#Inspector) ### 4.2 Mit Zusatzinfos ![Darstellung der Komponente Benutzermenü mit zusätzlichem Text](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/usermenu/images/usermenu_addinfo.png 'class: image') #### Design Spezifikation -* [Logged Out](https://sbb.invisionapp.com/d/main#/console/15744722/344628071/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/344628072/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/344628073/inspect) +* [Logged Out](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRv0#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaYZ#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMVW#Inspector) #### Code Spezifikation * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/public/components/usermenu) diff --git a/documentation/components/usermenu/usermenu-en.md b/documentation/components/usermenu/usermenu-en.md index 6de6ae4..99354f9 100644 --- a/documentation/components/usermenu/usermenu-en.md +++ b/documentation/components/usermenu/usermenu-en.md @@ -22,17 +22,17 @@ The component has the following statuses: * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/usermenu) #### Design specification -* [Logged Out](https://sbb.invisionapp.com/d/main#/console/15744722/344628068/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/344628069/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/344628070/inspect) +* [Logged Out](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/QJ1gZ8#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/xDQ81A#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/EwG12Y#Inspector) ### 4.2 With additional info ![Image of the user menu component with additional text.](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/components/usermenu/images/usermenu_addinfo.png 'class: image') #### Design specification -* [Logged Out](https://sbb.invisionapp.com/d/main#/console/15744722/344628071/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/344628072/inspect) -* [Expanded](https://sbb.invisionapp.com/d/main#/console/15744722/344628073/inspect) +* [Logged Out](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRv0#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/dKjaYZ#Inspector) +* [Expanded](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMVW#Inspector) #### Code specification * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/usermenu) diff --git a/documentation/index-de.md b/documentation/index-de.md index 42d25b7..7092707 100644 --- a/documentation/index-de.md +++ b/documentation/index-de.md @@ -26,11 +26,8 @@ Um die Library zu installieren, folgen Sie dem Link. So können Sie schnell und
-Sofern Sie Sketch nicht verwenden können oder wollen, können Sie die Design-Spezifikationen auch auf inVision einsehen.

-Login auf sbb.invisionapp.com
-User: designsysteme@sbb.ch
-Pw: ux4ever

-Die einzelnen Elemente, Module und Seitentypen enthalten jeweils Direkt-Links auf die entsprechenden Inhalte auf inVision. +Sofern Sie Sketch nicht verwenden können oder wollen, können Sie die Design-Spezifikationen auch auf der Sketch Cloud einsehen.

+Die einzelnen Komponenten und Module enthalten jeweils Direkt-Links auf die entsprechenden Inhalte auf der Sketch Cloud.
diff --git a/documentation/index-en.md b/documentation/index-en.md index f859399..0c159fa 100644 --- a/documentation/index-en.md +++ b/documentation/index-en.md @@ -26,11 +26,8 @@ To install the library, follow the link. This allows you to quickly and easily b
-If you cannot or do not want to use Sketch, you can also view the design specifications on inVision.

-Login to sbb.invisionapp.com
-User: designsysteme@sbb.ch
-Pw: ux4ever

-The individual elements, modules and page types each contain direct links to the corresponding content on inVision. +If you cannot or do not want to use Sketch, you can also view the design specifications on Sketch Cloud.

+The individual elements and modules each contain direct links to the corresponding content on Sketch Cloud.
diff --git a/documentation/modules/footer/footer-de.md b/documentation/modules/footer/footer-de.md index 83d6b9f..fd8fbb3 100644 --- a/documentation/modules/footer/footer-de.md +++ b/documentation/modules/footer/footer-de.md @@ -29,7 +29,7 @@ Ein Footer ist bei jeder Webseite / jeder Anwendung einzufügen. * Die letzte Spalte beinhaltet Links zu ausgewählten SBB-Inhalten. Diese sind je nach Kontext zu definieren. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985471/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnza7#Inspector) ### 4.2 Microsite mit einem Kontakt ![Darstellung des Moduls Footer für Microsites mit einem Kontakt](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/footer/images/footer_microsite_single_contact.png 'class: image') @@ -37,14 +37,14 @@ Ein Footer ist bei jeder Webseite / jeder Anwendung einzufügen. * Die zweite Spalte enthält Microsite-spezifische Informationen. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985472/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9Jwx5#Inspector) ### 4.3 Microsite mit mehreren Kontakten ![Darstellung des Moduls Footer für Microsites mit mehreren Kontakten](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/footer/images/footer_microsite_multi_contact.png 'class: image') * Die zweite Spalte enthält Microsite-spezifische Informationen. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985473/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPob#Inspector) ### 4.4 Microsite mit eigenem Logo ![Darstellung des Moduls Footer für Microsites mit eigenem Logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/footer/images/footer_microsite_logo.png 'class: image') @@ -54,4 +54,4 @@ Ein Footer ist bei jeder Webseite / jeder Anwendung einzufügen. * Das SBB-Logo ist mit [sbb.ch](https://sbb.ch) verlinkt. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985474/inspect) \ No newline at end of file +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zwZ#Inspector) \ No newline at end of file diff --git a/documentation/modules/footer/footer-en.md b/documentation/modules/footer/footer-en.md index 475299f..06a3285 100644 --- a/documentation/modules/footer/footer-en.md +++ b/documentation/modules/footer/footer-en.md @@ -29,7 +29,7 @@ A footer should be inserted on every webpage/application. * The last column contains links to certain SBB content. This is defined according to context. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985471/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnza7#Inspector) ### 4.2 Microsite with contact information ![Image of the footer module for microsite with contact information](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/footer/images/footer_microsite_single_contact.png 'class: image') @@ -37,14 +37,14 @@ A footer should be inserted on every webpage/application. * The second column contains microsite-specific information. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985472/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9Jwx5#Inspector) ### 4.3 Microsite with several pieces of contact information ![Image of the footer module for microsite with several peices ofcontact information](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/footer/images/footer_microsite_multi_contact.png 'class: image') * The second column contains microsite-specific information. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985473/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPob#Inspector) ### 4.4 Microsite with its own logo ![Image of the footer module for microsite with its own logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/footer/images/footer_microsite_logo.png 'class: image') @@ -54,4 +54,4 @@ A footer should be inserted on every webpage/application. * The SBB logo is linked with [sbb.ch](https://sbb.ch). #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985474/inspect) \ No newline at end of file +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5zwZ#Inspector) \ No newline at end of file diff --git a/documentation/modules/header/header-de.md b/documentation/modules/header/header-de.md index 443e66e..1d360aa 100644 --- a/documentation/modules/header/header-de.md +++ b/documentation/modules/header/header-de.md @@ -18,8 +18,8 @@ Das Modul hat folgende Zustände: ![Darstellung des Moduls Header in der Ausprägung Standard](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/header/images/header_default.png 'class: image') #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985465/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/326985466/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAjj#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdV27#Inspector) ### 4.2 Microsite Standard ![Darstellung des Moduls Header für Microsites](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/header/images/header_microsite.png 'class: image') @@ -28,8 +28,8 @@ Das Modul hat folgende Zustände: * Nebst dem Login wird nur noch die Suche angezeigt. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985467/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/326985468/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREd4#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVGJ#Inspector) ### 4.3 Microsite mit eigenem Logo ![Darstellung des Moduls Header für Microsites mit eigenem Logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/header/images/header_microsite_logo.png 'class: image') @@ -39,5 +39,5 @@ Das Modul hat folgende Zustände: * Nebst dem Login wird nur noch die Suche angezeigt. #### Design Spezifikation -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985469/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/326985470/inspect) \ No newline at end of file +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwR2W#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRva#Inspector) \ No newline at end of file diff --git a/documentation/modules/header/header-en.md b/documentation/modules/header/header-en.md index 6895fc4..b09922e 100644 --- a/documentation/modules/header/header-en.md +++ b/documentation/modules/header/header-en.md @@ -18,8 +18,8 @@ The module has the following statuses: ![Image of the header module in the standard variant](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/header/images/header_default.png 'class: image') #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985465/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/326985466/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAjj#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdV27#Inspector) ### 4.2 Microsite standard ![Image of the header module for a microsite](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/header/images/header_microsite.png 'class: image') @@ -28,8 +28,8 @@ The module has the following statuses: * In addition to the login, the search is also shown. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985467/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/326985468/inspect) +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREd4#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVGJ#Inspector) ### 4.3 Microsite with its own logo ![Image of the header module for a microsite with its own logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/modules/header/images/header_microsite_logo.png 'class: image') @@ -39,5 +39,5 @@ The module has the following statuses: * In addition to the login, the search is also shown. #### Design specification -* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326985469/inspect) -* [Collapsed](https://sbb.invisionapp.com/d/main#/console/15744722/326985470/inspect) \ No newline at end of file +* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwR2W#Inspector) +* [Collapsed](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/j9rRva#Inspector) \ No newline at end of file