Change Log

12.0.0 Fundamental & 12.0.0 Web - 2024-06-27#

Added#

  • Figma: "Lidl Plus Pricebox" | Lidl Plus Pricebox

Changed#

  • Doc: "Component" | Lidl Plus Pricebox documentation with the new standards informations

11.1.0+doc.1 Fundamental & 11.1.0+doc.1 Web - 2022-10-04#

Changed#

  • Doc: "Ad-tag" | Legal popover explanation and updated reco slider example

11.1.0 Fundamental & 11.1.0 Web - 2022-09-05#

Changed#

  • Doc: "Button" | Changed color description for hover-focus-active state
  • Doc: "Floating action button" | Changed color description for hover-focus-active state

Removed#

  • Sketch, Doc: "Color" | Removed deprecated wine color theme

11.0.0 Fundamental & 11.0.0 Web - 2022-07-25#

Highlights#

  • Sketch, Doc: "LIDL Plus Coupon" | Updated LIDL Plus coupon with new legal info requirement
  • Sketch, Doc: "LIDL Plus Pricebox" | Updated LIDL Plus pricebox with new legal info requirement

Added#

  • Sketch, Doc: "Form" | Added text area component for long text input

10.0.0 Fundamental & 10.0.0 Web - 2022-05-30#

Added#

  • Doc: "Grid system" | Added design breakpoints
  • Sketch, Doc: "Ad-tag" | Added new component

Changed#

  • Sketch: "Grid system" | Changed grid settings
  • Sketch: "Accordion" | Adjusted to new grid settings
  • Doc: "Ad-tag" | Example reco slider with section head
  • Sketch: "Alert" | Adjusted to new grid settings
  • Sketch, Doc: "Banner" | Adjusted to new grid settings
  • Sketch: "Cookie alert" | Adjusted to new grid settings
  • Sketch, Doc: "Footer" | Adjusted to new grid settings
  • Sketch: "Form" | Adjusted input and select fields to new grid settings
  • Sketch, Doc: "Header" | Adjusted to new grid settings
  • Sketch, Doc: "Product tile" | Adjusted to new grid settings
  • Sketch: "Section head" | Adjusted to new grid settings
  • Sketch: "Teaser" | Adjusted to new grid settings
  • Sketch, Doc: "Theme slider" | Adjusted to new grid settings
  • Sketch, Doc: "Trustbar" | Adjusted to new grid settings

Removed#

  • Doc: "8pt Grid" | Removed layout resolutions
  • Doc: "Footer" | Removed danger hint text for the spacing and measurements
  • Doc: "Header" | Removed danger hint text for the spacing and measurements
  • Doc: "Theme slider" | Removed danger hint text for the spacing and measurements

9.0.0 Fundamental & 9.0.0 Web - 2022-05-03#

Changed#

  • Sketch, Doc: "8pt Grid" | Changed LG and XS px sizes
  • Sketch, Doc: "Grid system" | Changed grid settings
  • Sketch: "Accordion" | Adapted component to new grid settings
  • Sketch: "Alert" | Adapted component to new grid settings
  • Sketch: "Cookie Alert" | Adapted component to new grid settings
  • Sketch, Doc: "Footer" | Adapted component to new grid settings and marked documentation with deviating measurements
  • Sketch: "Form" | Adapted component input field and form select field to new grid settings
  • Sketch, Doc: "Header" | Adapted component to new grid settings and marked documentation with deviating measurements
  • Sketch: "Product tile" | Adapted component to new grid settings
  • Sketch: "Section head" | Adapted component to new grid settings
  • Sketch: "Teaser" | Adapted component to new grid settings
  • Sketch, Doc: "Theme slider" | Adapted component to new grid settings and marked documentation with deviating measurements
  • Sketch: "Trustbar" | Adapted component to new grid settings

8.9.0 Fundamental & 8.9.0 Web - 2022-03-21#

Added#

  • Doc: "Link" | Added small bold, basic bold and large bold to overall styling
  • Doc: "Availability badge" | Added soon available badge for online store

Deprecated#

  • Sketch, Doc: "Color" | Defined wine color theme is not necessary

Fixed#

  • Sketch: "Availability badge" | Fixed resizing issue after Sketch update
  • Doc: "Rating" | Jumpmark to what can be modified
  • Sketch: "Section head" | Fixed responsive behavior

8.8.0 Fundamental & 8.8.0 Web - 2022-02-21#

Highlights#

  • Sketch, Doc: "Icon" | Added energy efficiency labels 2021 and energy efficiency labels before 2021

Changed#

  • Doc: "Ribbon" | Updated documentation preview assets

8.7.0 Fundamental & 8.7.0 Web - 2022-02-10#

Highlights#

  • Sketch, Doc: "Icon" | Store locator pins are available
  • Sketch, Doc: "Availability badge" | Updated info badges and added no-data badges
  • Sketch, Doc: "Rating" | Component is available with the latest color definitions

Added#

  • Doc: "Icon" | Added icon hand-coins

Changed#

  • Sketch: "Icon" | All icons are updated with the latest versions from the brand portal

8.6.1 Fundamental & 8.6.1 Web - 2022-01-24#

Added#

  • Doc: "Breadcrumb" | Added behavior for MD-XS

8.6.0 Fundamental & 8.6.0 Web - 2021-12-20#

Highlights#

  • Doc: "Skeleton" | Skeleton screen guidelines

8.5.0 Fundamental & 8.5.0 Web - 2021-11-29#

Added#

  • Doc: "Typography" | Line height calculation is added to our workflow section
  • Doc: "Pricebox" | Added currencies examples

8.4.0 Fundamental & 8.4.0 Web - 2021-10-28#

Added#

  • Sketch, Doc: "Breadcrumb" | MD-XS component

Changed#

  • Sketch, Doc: "Breadcrumb" | Changed design and behavior

8.3.0 Fundamental & 8.3.0 Web - 2021-10-01#

Highlights#

  • Sketch, Doc: "Availability badges" | New availability badges are available

Fixed#

  • Doc: "Effect" | Fixed explanation of the browser focus setup
  • Sketch: "Header" | For MD a smart layout fix for main-nav title and sub-nav title

8.2.0 Fundamental & 8.2.0 Web - 2021-08-19#

Added#

  • Doc: "Typography" | Added font-weight to all the pricebox text styles

8.1.0 Fundamental & 8.1.0 Web - 2021-07-22#

Added#

  • Doc: "Setup" | Added Sketch smart links
  • Doc: "Color" | Added a note to explain why info has the same blue as brand-primary color
  • Sketch, Doc: "Icon" | Added solid "Smiley" icons
  • Doc: "Icon" | Added information about 8x8px icons

Changed#

  • Doc: "Grid system" | Clean up the documentation for the right structure and sentence case
  • Doc: "Spacing" | Clean up the documentation for the right structure and sentence case
  • Doc: "Setup" | Clean up the documentation for the right structure and sentence case
  • Doc: "Color" | Clean up the documentation for the right structure and sentence case
  • Doc: "Icon" | Clean up the documentation for the right structure and sentence case
  • Doc: "Image" | Clean up the documentation for the right structure and sentence case
  • Doc: "Logo" | Clean up the documentation for the right structure and sentence case
  • Doc: "Table" | Clean up the documentation for the right structure and sentence case
  • Doc: "Typography" | Clean up the documentation for the right structure and sentence case
  • Doc: "Accordion" | Clean up the documentation for the right structure and sentence case
  • Doc: "Alert" | Clean up the documentation for the right structure and sentence case
  • Doc: "Badge" | Clean up the documentation for the right structure and sentence case
  • Doc: "Banner" | Clean up the documentation for the right structure and sentence case
  • Doc: "Breadcrumb" | Clean up the documentation for the right structure and sentence case
  • Doc: "Button" | Clean up the documentation for the right structure and sentence case
  • Doc: "Button" | Changed horizontal spacing description
  • Doc: "Cookie alert" | Clean up the documentation for the right structure and sentence case
  • Doc: "Footer" | Clean up the documentation for the right structure and sentence case
  • Doc: "Form" | Clean up the documentation for the right structure and sentence case
  • Doc: "Header" | Clean up the documentation for the right structure and sentence case
  • Doc: "Pagination" | Clean up the documentation for the right structure and sentence case
  • Doc: "Popover" | Clean up the documentation for the right structure and sentence case
  • Doc: "Pricebox" | Clean up the documentation for the right structure and sentence case
  • Doc: "Product tile" | Clean up the documentation for the right structure and sentence case
  • Doc: "Ribbon" | Clean up the documentation for the right structure and sentence case
  • Doc: "Section head" | Clean up the documentation for the right structure and sentence case
  • Doc: "Slider button" | Clean up the documentation for the right structure and sentence case
  • Doc: "Tab" | Clean up the documentation for the right structure and sentence case
  • Doc: "Teaser" | Clean up the documentation for the right structure and sentence case
  • Doc: "Theme slider" | Clean up the documentation for the right structure and sentence case
  • Doc: "To top" | Clean up the documentation for the right structure and sentence case
  • Doc: "Trustbar" | Clean up the documentation for the right structure and sentence case
  • Doc: "LIDL Plus Coupon" | Clean up the documentation for the right structure and sentence case
  • Doc: "LIDL Plus Flap" | Clean up the documentation for the right structure and sentence case
  • Sketch, Doc: "Flap" | New text color from gray-darker to basic-black
  • Doc: "LIDL Plus Pricebox" | Clean up the documentation for the right structure and sentence case

Fixed#

  • Sketch, Doc: "Badge" | Fixed MD-XS small badge text style and horizontal spacings

8.0.0 Fundamental & 8.0.0 Web - 2021-06-24#

Highlights#

  • Sketch, Doc: "Pricebox" | Harmonized pricebox to be closer to the print pricebox with new text color, text size and spacings
  • Sketch, Doc: "LIDL Plus Pricebox" | Harmonized LIDL Plus pricebox to be closer to the print pricebox with new text color, text size and spacings

Added#

  • Sketch, Doc: "Typography" | New basic quantity, label text-style is available

Changed#

  • Sketch, Doc: "LIDL Plus Coupon" | New text color from gray-darker to basic-black

7.1.0 Fundamental & 7.1.0 Web - 2021-06-11#

Added#

  • Sketch, Doc: "Effect" | New strong shadow is available
  • Doc: "Badge" | Horizontal spacing & measurement for small badges MD-XS, defined valid vertical spacing & measurement

Changed#

  • Sketch, Doc: "Icon" | Changed transport and logistic box icon
  • Doc: "Slider button" | What can be modified part

Fixed#

  • Sketch, Doc: "Alert" | Line-height for alert-text has been set to 140% and documentation has been updated
  • Sketch: "Badge" | Top and bottom spacings are fixed

7.0.0 Fundamental & 7.0.0 Web - 2021-04-19#

Highlights#

  • Sketch, Doc: "Pricebox" | The info label is deleted and the documentation assets are replaced.

Added#

  • "Icon" | Expression (3): conversation-ballons-chat, lightbulb-off, piggy-bank
  • "Icon" | Food-Beverage (3): beer-glass, bottle, piece-of-cake
  • "Icon" | Interaction (1): invoice
  • "Icon" | Nature (1): ecology-2
  • "Icon" | Payment (2): voucher-euro, voucher-gift
  • "Icon" | Technology (3): e-charging-station, keyboard, power
  • "Icon" | Transport-logistic (5): box-multiple. box-return-30-days, box-return-90-days, express-delivery, packstation
  • "Icon" | Status icon: Heart regular, solid to icon list
  • "Icon" | Description purpose heartbeat, external-link
  • "Accordion" | Added description: Text length ends with ellipsis

Changed#

  • Doc "Color" | Changed description for disabled colors

Fixed#

  • Sketch: "Tab" | Text positioning was fixed for MD and SM+XS

6.0.1 Fundamental & 6.0.1 Web - 2021-03-23#

Changed#

  • "Section head" | Changed symbol (LG): Text Layer from SECTIONHEAD to SECTION HEAD

6.0.0 Fundamental & 6.0.0 Web - 2021-03-22#

Highlights#

  • Added New color: disabled
  • Added New layer-styles: forms
  • Changed Symbols and description: disabled buttons
  • Changed Symbols with radius symbol: alerts, accordions, buttons, slider-buttons, to top, forms (checkbox, input- & select-field)
  • Changed All symbols: with (new) layer-styles settings
  • Changed All symbols: with new text-styles settings
  • Removed All color symbols from LIDL CAKE UI Fundamental
  • Removed All shadow symbols from LIDL CAKE UI Fundamental

Added#

  • "Color" | Added new color and description: disabled (base, lighter)
  • "Effect" | Browser focus: Example on dark background
  • "Button" | Added description: usage of positive and negative buttons on light and dark backgrounds

Changed#

  • "Effect" | Browser focus: Update description
  • "Icon" | Changed naming of symbol, asset and description of "interaction"
    • "calender-clock" to "calendar-clock"
  • "Icon" | Changed symbol, asset and description of "interaction" (house)
  • "Icon" | Changed symbols: with layer-style settings
  • "Table" | Changed symbols: with layer-style settings
  • "Accordion" | Changed symbols: with radius symbol and layer styles
  • "Accordion" | Changed symbols: with layer-style settings
  • "Alert" | Changed symbols: with layer-style settings
  • "Alert" | Changed symbols: with radius symbol
  • "Banner" | Changed symbols: with layer-style settings
  • "Button" | Changed symbols and description: positive-primary- and positive-secondary-disabled buttons
    • background-color: from "brand-primary-base" to "brand-disabled-base"
    • text-color: from "brand-primary-base" to "brand-disabled-base"
  • "Button" | Changed symbols and description: negative-primary- and negative-secondary-disabled buttons
    • text-color: from "16% opacity" to "32% opacity"
  • "Button" | Changed symbols: with radius symbol and layer styles
  • "Extended Cookie alert" | Changed symbols: with layer-style settings
  • "Floating action button" | Changed symbols: with layer-style settings
  • "Footer" | Changed symbols: with layer-style settings
  • "Form" | Changed symbols: with layer-styles settings (checkbox, input- & select-field)
  • "Form" | Changed symbols: with radius symbol
  • "Header" | Changed symbols: with layer-style settings
  • "Pagination" | Changed symbols: with layer-style settings
  • "Popover" | Changed symbols: with layer-style settings
  • "Pricebox" | Changed symbols: with layer-style settings
  • "Product tile" | Changed symbols: with layer-style settings
  • "Ribbon" | Changed symbols: with layer-style settings
  • "Section head" | Changed symbols: with layer-style settings
  • "Slider button" | Changed symbols: with layer-style settings
  • "Slider button" | Changed symbols: with radius symbol and layer styles
  • "Tab" | Changed symbols: with layer-style settings
  • "Teaser" | Changed symbols: with layer-style settings
  • "Theme slider" | Changed symbols: with layer-style settings
  • "To top" | Changed symbols: with layer-style settings
  • "To top" | Changed symbols: with radius symbol and layer styles
  • "Trustbar" | Changed symbols: with layer-style settings
  • "LIDL Plus Coupon" | Changed symbols: with layer-style settings
  • "LIDL Plus Flap" | Changed symbols: with layer-style settings
  • "LIDL Plus Pricebox" | Changed symbols: with layer-style settings
  • "LIDL Plus Ribbon" | Changed symbols: with layer-style settings

Removed#

  • "Color" | Removed all color symbols from LIDL CAKE UI Fundamental
  • "Effect" | Removed symbols: "shadow" from LIDL CAKE UI Fundamental

5.7.0 Fundamental & 5.7.0 Web - 2021-02-18#

Highlights#

  • Added New text-styles: with alignment "left", "center", "right" for "Small", "Basic", "Large", "Display" & "Headline"
  • Added New text-styles: display

Added#

  • "Icon" | Added description: "interaction" (calender-clock)
  • "Typography" | Added text-alignment left, center, right: Small, Basic, Large, Display, Headline (LG & MD-XS)
  • "Typography" | Added text-style: display 1-5 (LG & MD-XS)
  • "Typography" | Added description: display
  • "Alert" | Added description: line-height

Fixed#

  • "Footer" | Fixed symbols: wrong smart layout and states

5.6.0 Fundamental & 5.6.0 Web - 2021-01-26#

Highlights#

  • Added New color variables: All document colors have been transmitted to the new color variables option of Sketch (v69.x)
  • Added Favicon: New favicon in SVG file format
  • Changed Symbols, text- and layer-styles: All components now use the new color variables option of Sketch (v69.x)

Added#

  • "Favicon" | Added new favicon in SVG file format

Changed#

  • "Form" | Changed description: checkbox
  • "Header" | Changed description: width from "480px" to "600px" (SM)

Fixed#

  • "Badge" | Fixed symbols: wrong padding
  • "Teaser" | Fixed symbols: overrides function and bar settings

5.5.0 Fundamental & 5.5.0 Web - 2020-11-19#

Highlights#

  • Added New description and assets: Favicon

5.4.0 Fundamental & 5.4.0 Web - 2020-10-22#

Changed#

  • "Icon" | Changed symbols: "interaction" (store, store-magnifier)

Fixed#

  • "Accordion" | Fixed symbols & description: wrong icon description for hover state
  • "Form" | Fixed description: disabled icon-color from "gray-darker" to "gray-base"
  • "Popover" | Fixed symbol: height of md-xs/left

5.3.0 Fundamental & 5.3.0 Web - 2020-09-24#

Highlights#

  • Added New symbols: Floating action button

Removed#

  • "Tab" | Removed symbols: duplicated symbols

Fixed#

  • "Footer" | Fixed symbols: wrong padding
  • "Pagination" | Fixed description: icon-color from gray-lighter to gray-light

5.2.0 Fundamental & 5.2.0 Web - 2020-08-27#

Highlights#

  • Added New symbols: Lidl Plus coupon and ribbon
  • Changed Showroom section: Additional specialities to LIDL Plus

Added#

  • "LIDL Plus Pricebox" | Added description: LIDL Plus pricebox to LIDL Plus section

Changed#

  • "LIDL Plus Flap" | Changed structure: LIDL Plus flap to own LIDL Plus section

Removed#

  • "Pricebox" | Removed description: LIDL Plus pricebox

5.1.1 Fundamental & 5.1.1 Web - 2020-08-03#

Fixed#

  • Added New symbols: share.svg & paper-plane.svg to assets folder

5.1.0 Fundamental & 5.1.0 Web - 2020-07-30#

Highlights#

  • Added New symbols: Lild Plus pricebox, radius (0px, 2px, 10px)
  • Added New description: Radius (0px, 2px, 10px)
  • Changed Setup: New description for newbies and advanced users

Added#

  • "Icon" | Added symbols: "interaction" (paper-plane, share)
  • "Alert" | Added description: primary
  • "Pricebox" | Added symbols: offer pricebox to standard section
  • "Pricebox" | Added symbols: lidl-plus pricebox to complete section
  • "Pricebox" | Added description: offer- and lidl plus pricebox

Fixed#

  • "Alert" | Fixed symbols: wrong background size and position
  • "Pricebox" | Fixed symbols: activated overrides function for label again
  • "Pricebox" | Fixed symbols: set priceboxes to original size
  • "Pricebox" | Fixed symbols: adjusted naming of XS standard

5.0.0+doc.1 Fundamental & 5.0.0+doc.1 Web - 2020-07-09#

Added#

  • Added Setup: Added Guide how to get access to the GitHub repositories

Removed#

  • Changed Migration guide: Removed repository changes from migration guide

5.0.0 Fundamental & 5.0.0 Web - 2020-06-25#

Highlights#

  • Changed Migration guide: New description of update version 4.x to 5.x
  • Changed Libraries: Renaming of sketch files LIDL CAKE UI Core to LIDL CAKE UI Fundamental

Added#

  • "Alert" | Added description: styling of closing cross
  • "Extended Cookie alert" | Added description: usage of button state

Changed#

  • "Table" | Moved symbols to sketch web kit
  • "Button" | Moved symbols to Sketch Web Kit
  • "Extended Cookie alert" | Changed symbols: set button state to "disabled" to comply with cookie regulations
  • "Form" | Moved symbols to sketch web kit
  • "Pricebox" | Changed symbols: basic structure of priceboxes refers to the new fundamental radius symbols

Removed#

  • "Simple cookie alert" | Removed symbols
  • "Simple Cookie Alert" | Removed simple cookie alert

Fixed#

  • "Form" | Fixed symbol: MD-XS input-field/default-hover icon from "arrow-down" to "placeholder"
  • "Pricebox" | Fixed symbols: adjust padding in every pricebox to match the styleguide description
  • "Pricebox" | Fixed symbols: rrp resizing behavior

4.4.1 Core & 4.4.1 Web - 2020-05-07#

Added#

  • "Alert" | Added description: styling and usage of links
  • "Banner" | Added description: line height to overall styling
  • "Product tile" | Added description: line height to overall styling

Fixed#

  • "Alert" | Fixed symbols: resizing and override function
  • "Tab" | Fixed symbols: line height and overall padding
  • "Teaser" | Fixed symbols: line height and height of bars
  • "Theme slider" | Fixed symbols: missing underline of hover and focus state

4.4.0 Core & 4.4.0 Web - 2020-04-09#

Highlights#

  • Added New symbol: LIDL Plus flap

Added#

  • "Typography" | Added description: page headlines and section headlines always semibold

Changed#

  • "Badge" | Changed description: of standard badge breakpoint use

Fixed#

  • "Header" | Fixed symbol: Brand-Claim (MD) color from basic-black to brand-primary-base
  • "Header" | Fixed assets: Brand-Claim (MD) Preview Images color from basic-black to brand-primary-base (Images: Brand-Claim & Measurements of Brand-Claim)
  • "Header" | Fixed overlay: opacity from "50%" to "72%"

4.3.0 Core & 4.3.0 Web - 2020-02-27#

Highlights#

  • Added New symbols icons categories: "animal", "expression", "food & beverage", "interaction", "nature", "payment", "status", "technology", "transport & logistic"

Added#

  • "Spacing" | Added description: usage of spacing
  • "Icon" | Added symbols: "animal" (dog, rabbit), "expression" (comment, gift-open, hook-square, lightbulb-on, stop-sign), "food & beverage" (apple), "interaction" (360-degree, arrow-left-circle, arrow-right-circle, bulletlist, external-link, magnifier-minus, magnifier-plus, map, shopping-cart-2, square, user-eighteen-plus), "nature" (cloud, heartbeat), "payment" (credit-card, voucher-percentage, wallet-coins), "status" (bell-solid, bookmark-solid, heart-solid, star-solid, thumbs-up-solid, thumbs-down-regular, thumbs-down-solid) "technology" (wifi), "transport & logistic" (bicycle, box-coins-return, box-return)
  • "Form" | Added description: color of arrow in select-field
  • "Form" | Added description: text-style and usage of labels

Changed#

  • "Icon" | Changed symbols: "expression" (gift-close)
  • "Icon" | Changed naming: from "gift" to "gift-close", from "shopping-cart" to "shopping-cart-1", from "bell" to "bell-regular", from "bookmark" to "bookmark-regular", from heart" to "heart-regular", from "star" to "star-regular", from "thumbs-up" to "thumbs-up-regular"
  • "Form" | Changed description: label
  • "Popover" | Changed symbol: color of text from "gray-base" to "gray-darker"

Removed#

  • "Form" | Removed symbol and description: "label/disabled" of input- and select-field

Fixed#

  • "Form" | Fixed symbol: color of arrow-down of MD-XS select-field/disabled from "gray-light" to "gray-darker"
  • "Popover" | Fixed symbol: resizing of top- and bottom-center (LG)
  • "Trustbar" | Fixed symbol: resizing of trustbar

4.2.0 Core & 4.2.0 Web - 2020-01-16#

Highlights#

  • Added New symbols: extended cookie alert, button (MD-XS)
  • Added New text-style: button (MD-XS)
  • Added Update symbols: layer styles: alert, badge, button, popover
  • Changed Update symbols: new smart layout feature of Sketch v58 (required for proper use): alert, banner, badge, breadcrumb, button, header, label, popover, product-tile, tab, teaser, trustbar
  • Changed Update symbol: font-, icon- & outline-color: alert

Added#

  • "Effect" | Added description: browser focus
  • "Effect" | Added description: overlay
  • "Typography" | Added text-style: button (MD-XS)
  • "Typography" | Added description: guidelines for capital letters
  • "Accordion" | Added symbols and description (MD-XS)
  • "Button" | Added symbols and description (MD-XS)
  • "Button" | Added description of usage
  • "Form" | Added symbols and description: input-fields, select-fields (MD-XS)
  • "Product tile" | Added description: text style use, column width, number of product tiles

Changed#

  • "Color" | Changed description of additional colors: "badge" to "info"
  • "Effect" | Changed description: title of "shadow" to "effects"
  • "Alert" | Changed symbols: color of text and icon to "darker"; color of outline to "base"
  • "Alert" | Changed description of "info": color of outline from "brand-primary-base" to "info-base"
  • "Alert" | Changed symbols to new smart layout of Sketch
  • "Alert" | Changed symbols with layer styles
  • "Badge" | Changed symbols: new smart layout of Sketch
  • "Badge" | Changed symbols: with layer styles
  • "Banner" | Changed symbols to new smart layout of Sketch
  • "Breadcrumb" | Changed symbols to new smart layout of Sketch
  • "Button" | Changed symbols to new smart layout of Sketch
  • "Button" | Changed symbols with layer styles
  • "Footer" | Changed symbols to new smart layout of Sketch
  • "Form" | Changed symbols to new smart layout of Sketch
  • "Header" | Changed symbols to new smart layout of Sketch
  • "Popover" | Changed symbols to new smart layout of Sketch
  • "Popover" | Changed symbols with layer styles
  • "Product tile" | Changed symbols to new smart layout of Sketch
  • "Tab" | Changed symbols to new smart layout of Sketch
  • "Teaser" | Changed symbols to new smart layout of Sketch
  • "Trustbar" | Changed symbols to new smart layout of Sketch

Removed#

  • "About" | Removed link "How to migrate CAKE 2.0 to 3.0" from migration guide

Fixed#

  • "Form" | Fixed symbols of checkbox, radio button, input- and select-field: color of disabled state from "gray-light" to "gray-base"
  • "Pricebox" | Fixed symbols: prefix
  • "Section head" | Fixed symbols for MD/XS: resizing

4.1.0 Core & 4.1.0 Web - 2019-11-07#

Highlights#

  • Added New description: link to "brand.lidl" and "info for further icons"

Added#

  • "Icon" | Added description: link to "brand.lidl" and "info for further icons"

Changed#

  • "Theme slider" | Changed symbols of items: padding to "8px"; spacing to "4px"

Removed#

  • "Theme slider" | Removed description: fixed height of complete symbol and item

Fixed#

  • "About" | Fixed description: migration guide
  • "Change logs" | Fixed change logs: wrong naming and link of "cookie alert", "form", "pricebox", "ribbon", "to top", "color", "typography"

4.0.0 Core & 4.0.0 Web - 2019-09-30#

Highlights#

  • Added New description: tailed list of modifiable options in each component
  • Changed Naming: from "LIDL CAKE UI Kit" to "LIDL CAKE UI Web"
  • Changed Update symbol: font-, icon- & outline-color: alert
  • Changed Update symbol: height: header/user-navigation (LG/MD)

Added#

  • "Grid system" | Added page: grid system to "Web"
  • "Product tile" | Added description: position

Changed#

  • "Alert" | Changed symbols: color of text, outline and icon to "dark"
  • "Header" | Changed symbols of user-navigation: height from "80px" to "88px" (LG); height from "72px" to "80px" (MD)
  • "Header" | Changed symbols of complete header: height from "200px" to "208px" (LG); height from "168px" to "176px" (MD)
  • "Header" | Changed symbols of user-navigation
  • "Tab" | Changed description: background-color of interactive state description from "gray-lighter" to "gray-lightest"
  • "To top" | Changed description: icon-size from "16x16px" to "24x24px"
  • "Sketch library files" | Changed naming: from "LIDL CAKE UI Kit" to "LIDL CAKE UI Web"
  • "Change logs" | Changed naming of headlines: from "Kit" to "Web"

Removed#

  • "Grid system" | Removed page: grid system from "Core"

Fixed#

  • "Badge" | Fixed symbols: correct rounded corners of the outline
  • "Sketch library files" | Fixed symbols: new overrides-function

3.4.0 Core & 3.4.0 Web - 2019-08-15#

Fixed#

  • lidl-theme Missing text-style in cookie alert symbol

3.4.0 Core & 3.4.0 Kit - 2019-08-15#

Highlights#

  • Added New symbol: badge

Added#

  • "Badge" | Added symbol: badge-standard, badge-addon for three digits
  • "Header" | Added symbol to main- and sub-navigation: badge-standard/small (SM/XS)

Changed#

  • "Icon" | Changed symbols: artboard size of either "height" or "width" to "60px"
  • "Badge" | Changed naming: from "user-navigation/batches" to "badge/addon"
  • "Header" | Changed text-style of subnavigation: active state from "basic" to "large" (SM & XS)
  • "To top" | Changed symbol: naming from "backtotop" to "to-top"

Fixed#

  • "Header" | Fixed symbols of brand-claim: wrong margin-left
  • "Header" | Fixed symbols of brand-navigation: wrong naming (MD-XS)

3.3.0 Core & 3.3.0 Kit - 2019-07-18#

Highlights#

  • Added New symbol: cookie alert

Added#

  • "Color" | Added naming to document colors: color, hex value - i.e. brand-primary-base (#0050AA)

Changed#

  • "Ribbon" | Changed symbols of ribbon/image: naming from "01-info-primary" to "01-primary"

Fixed#

  • "Grid system" | Fixed description: incorrect information for "artboards" and "viewports"

3.2.2 Core & 3.2.2 Kit - 2019-07-04#

Fixed#

  • "Typography" | Fixed description: incorrect image path for numbered lists
  • "Showroom" | Fixed description: missing merged updates of release v3.2.1

3.2.1 Core & 3.2.1 Kit - 2019-06-26#

Changed#

  • "Pricebox" | Changed description: labels

Fixed#

  • "Color" | Fixed description of color "mark": "RGB - lighter" from" 255, 241, 0" to "253, 253, 214", "RGB - light" from "255, 244, 88" to "255, 250, 173", "HEX - lighter" from ""#FFF100" to ""#FFFDD6", "HEX - light" from "#FFF458" to ""#FFFAAD"
  • "Typography" | Fixed description of text-style "button-text": line-height specification from "140%"" to "120%"
  • "Pricebox" | Fixed symbols of labels: height from "32px" to "30px" with padding-bottom of 12px (LG); height from "30px" to "28px" with padding-bottom of 12px (MD/SM)

3.2.0 Core & 3.2.0 Kit - 2019-06-06#

Highlights#

  • Added New symbols icon categories: "animal", "food & beverage", "nature", "payment", "technology", "transport & logistic"
  • Added New symbols icons to existing categories: "expression", "interaction"

Added#

  • "Icon" | Added symbols: "animal" (cattle, chicken, crab, deer, fish, goose, pig, shrimp, turkey), "expression" (award, certificate, dice-percentage, exclamation-ballon, gift, handshake, hook-shield, newspaper, questionmark-ballon, thumbs-up-ballon), "food & beverage" (bakery-products, barrel, bottles, bread, bun, cheese-1, cheese-2, chefs-hat, chocolate-bar, cupcake, cutlery-plate, different-bottles, food-1, food-2, glass-bottle-percentage, grapes, grill, mug-hot, olive-cheese, pretzel, salad-bowl, salami, shell, steak, vegetables, wine-glas-1, wine-glas-2, wine-glasses), "interaction" (arrows-expand, book-open, fingerprint, shopping-bag, store-magnifier, sync, thumbs-up, volume-up), "nature" (earth, earth-map-marker, ecology, leaf, snowflake, sun, thermometer), "payment" (contactless-payment, money-return, money), "technology" (computer-mouse, display, display-play, smartphone), "transport & logistic" (box-open, box, car, plane, truck)

Changed#

  • "Icon" | Changed symbols: "interaction" (house, upload)

Removed#

  • "Icon" | Removed symbols: "expression" (text-ballon), "interaction" (image)

3.1.0 Core & 3.1.0 Kit - 2019-05-24#

Added#

  • "Icon" | Added symbols: "interaction" (calendar)

Removed#

  • "Repositories" | Removed folder: "social-media icons" from "assets"
  • "Repositories" | Removed folder: example mockups from "00_Examples" folder in CAKE UI Web to own repository (CAKE UI Mockups)
  • "Repositories" | Removed folder: features from "01_Features" folder in CAKE UI Web to own repository (CAKE UI Mockups)

Fixed#

  • "Form" | Fixed symbols of radio-button: resizing options for "success"-state
  • “Form" | Fixed symbols of select-field: padding of text frame to "16px"