-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
106bf9f
commit 307c5e0
Showing
13 changed files
with
375 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,36 @@ | ||
## ✨ New! | ||
|
||
- Menu component [#576](https://github.com/Telefonica/mistica-design/issues/576) | ||
|
||
## ➕ Added | ||
|
||
- Include background color to poster card [#1283](https://github.com/Telefonica/mistica-design/issues/1283) | ||
|
||
## ⚠️ Breaking changes | ||
|
||
- MainSectionHeader without left padding in Mística Desktop [#1457](https://github.com/Telefonica/mistica-design/issues/1457) | ||
- NavBar in success, error and feedback screens [#1455](https://github.com/Telefonica/mistica-design/issues/1455) | ||
- Remove aligned prop from buttonLink component [#1383](https://github.com/Telefonica/mistica-design/issues/1383) | ||
- Remove deprecated components in 9.0.0 [#1338](https://github.com/Telefonica/mistica-design/issues/1338) | ||
- Remove image & video square fill / fit from figma [#1340](https://github.com/Telefonica/mistica-design/issues/1340) | ||
- Remove textLink variant from Title component [#1384](https://github.com/Telefonica/mistica-design/issues/1384) | ||
|
||
## 🔄 Changed | ||
|
||
- Chip-sim-card icon improvement [#1453](https://github.com/Telefonica/mistica-design/issues/1453) | ||
- Include background in radioButtons [#1463](https://github.com/Telefonica/mistica-design/issues/1463) | ||
- max height in buttons [#1454](https://github.com/Telefonica/mistica-design/issues/1454) | ||
- Unified components naming [#1445](https://github.com/Telefonica/mistica-design/issues/1445) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- Asset padding in poster card [#1465](https://github.com/Telefonica/mistica-design/issues/1465) | ||
- Button link in ButtonFixedFooterLayout is showing the navigation chevron at the end of the container [#1382](https://github.com/Telefonica/mistica-design/issues/1382) | ||
- Icon inverse in snapcards [#1473](https://github.com/Telefonica/mistica-design/issues/1473) | ||
- Inactive tag has different background in dark [#1062](https://github.com/Telefonica/mistica-design/issues/1062) | ||
|
||
## 📒 Documentation changes | ||
|
||
- Include background color to poster card [#1283](https://github.com/Telefonica/mistica-design/issues/1283) | ||
- Include slot in Media Card Asset in Design documentation [#1427](https://github.com/Telefonica/mistica-design/issues/1427) | ||
- Multiparagraph descriptions in sheets [#1466](https://github.com/Telefonica/mistica-design/issues/1466) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
## ➕ Added | ||
|
||
- Add badge to prop panel in Figma [#1470](https://github.com/Telefonica/mistica-design/issues/1470) | ||
|
||
## ⚠️ Breaking changes | ||
|
||
- Replace stackingGroup in AdvancedDataCard [#1505](https://github.com/Telefonica/mistica-design/issues/1505) | ||
- Stacking Group Figma improvements with flex size [#1444](https://github.com/Telefonica/mistica-design/issues/1444) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- Fix slot structure in list desktop [#1498](https://github.com/Telefonica/mistica-design/issues/1498) | ||
- Fixed footer component forces buttonlink width [#1499](https://github.com/Telefonica/mistica-design/issues/1499) | ||
|
||
## 🚹 Accessibility changes | ||
|
||
- Accessibility improvements in Buttons [#1443](https://github.com/Telefonica/mistica-design/issues/1443) | ||
|
||
## 📒 Documentation changes | ||
|
||
- Empty state required items code vs documentation [#1425](https://github.com/Telefonica/mistica-design/issues/1425) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
## ✨ New! | ||
|
||
- ProgressBar stepped [#1469](https://github.com/Telefonica/mistica-design/issues/1469) | ||
- PinField component [#931](https://github.com/Telefonica/mistica-design/issues/931) | ||
- → Accordion in desktop Library [#537](https://github.com/Telefonica/mistica-design/issues/537) | ||
- → Accordion in mobile library [#536](https://github.com/Telefonica/mistica-design/issues/536) | ||
|
||
## ➕ Added | ||
|
||
- ProgressBar stepped [#1469](https://github.com/Telefonica/mistica-design/issues/1469) | ||
- Web Navigation evolution for large navigations [#1209](https://github.com/Telefonica/mistica-design/issues/1209) | ||
- → Add Menu in UI Kit [#575](https://github.com/Telefonica/mistica-design/issues/575) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- Aspect ratio is forced to 1:1 in data cards [#1503](https://github.com/Telefonica/mistica-design/issues/1503) | ||
- DisplayDataCard aspect ratio bugged [#1477](https://github.com/Telefonica/mistica-design/issues/1477) | ||
|
||
## ✒️ Typography changes | ||
|
||
- Paragraph definition [#1479](https://github.com/Telefonica/mistica-design/issues/1479) | ||
|
||
## 📒 Documentation changes | ||
|
||
- Move Media Content in Cards to Primitive section in BF [#1483](https://github.com/Telefonica/mistica-design/issues/1483) | ||
- ProgressBar stepped [#1469](https://github.com/Telefonica/mistica-design/issues/1469) | ||
- → Accordion design documentation [#539](https://github.com/Telefonica/mistica-design/issues/539) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
## ➕ Added | ||
|
||
- Videogame icon in o2 [#1533](https://github.com/Telefonica/mistica-design/issues/1533) | ||
- Snackbar unhide with actions [#1476](https://github.com/Telefonica/mistica-design/issues/1476) | ||
- Actions in snackbar/crouton [#1461](https://github.com/Telefonica/mistica-design/issues/1461) | ||
- → Accordion in UI Kits [#538](https://github.com/Telefonica/mistica-design/issues/538) | ||
|
||
## 🔄 Changed | ||
|
||
- Align counter component styles to specs and separate from inputs [#1538](https://github.com/Telefonica/mistica-design/issues/1538) | ||
- Update text weight definition in component specs [#1515](https://github.com/Telefonica/mistica-design/issues/1515) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- Circle icon disappears on row lists [#1500](https://github.com/Telefonica/mistica-design/issues/1500) | ||
- Remove divider cause wrong list and accordion height [#1485](https://github.com/Telefonica/mistica-design/issues/1485) | ||
- Wrong fill in filled icons [#1517](https://github.com/Telefonica/mistica-design/issues/1517) | ||
|
||
## O<sub>2<sub> | ||
|
||
- Videogame icon in o2 [#1533](https://github.com/Telefonica/mistica-design/issues/1533) | ||
|
||
## ⚙️ Icon changes | ||
|
||
- Videogame icon in o2 [#1533](https://github.com/Telefonica/mistica-design/issues/1533) | ||
|
||
## 📒 Documentation changes | ||
|
||
- Remove last divider in list [#1478](https://github.com/Telefonica/mistica-design/issues/1478) | ||
- Snackbar unhide with actions [#1476](https://github.com/Telefonica/mistica-design/issues/1476) | ||
- textLink specs: update + Tokens [#1521](https://github.com/Telefonica/mistica-design/issues/1521) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,36 @@ | ||
## ✨ New! | ||
|
||
- Counter component [#1364](https://github.com/Telefonica/mistica-design/issues/1364) | ||
|
||
## ➕ Added | ||
|
||
- Add Subtract icon in O2 and Blau [#1544](https://github.com/Telefonica/mistica-design/issues/1544) | ||
|
||
## 🔄 Changed | ||
|
||
- Change AddMore icon size [#1549](https://github.com/Telefonica/mistica-design/issues/1549) | ||
- Change carousel peek to 40px [#1558](https://github.com/Telefonica/mistica-design/issues/1558) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- Android modal [#1056](https://github.com/Telefonica/mistica-design/issues/1056) | ||
- Avatar + badge alignment [#1408](https://github.com/Telefonica/mistica-design/issues/1408) | ||
- Avatar - parity in texts with development [#1475](https://github.com/Telefonica/mistica-design/issues/1475) | ||
- Documentación de Grid en Desktop Extra Large no se ajustan [#1557](https://github.com/Telefonica/mistica-design/issues/1557) | ||
- Secondary Buttons Inverse Bug [#1536](https://github.com/Telefonica/mistica-design/issues/1536) | ||
- Textfields error text height [#1539](https://github.com/Telefonica/mistica-design/issues/1539) | ||
|
||
## Vivo | ||
|
||
- Change backgroundBrandSecondary for Vivo New [#1349](https://github.com/Telefonica/mistica-design/issues/1349) | ||
|
||
## O<sub>2<sub> | ||
|
||
- Add Subtract icon in O2 and Blau [#1544](https://github.com/Telefonica/mistica-design/issues/1544) | ||
- Change AddMore icon size [#1549](https://github.com/Telefonica/mistica-design/issues/1549) | ||
|
||
## 🚹 Accessibility changes | ||
|
||
- → Accessibility: Components | Inputs [#1487](https://github.com/Telefonica/mistica-design/issues/1487) | ||
- → Accessibility: Components | Switch [#1492](https://github.com/Telefonica/mistica-design/issues/1492) | ||
- → Accessibility: Components | TextLink [#1490](https://github.com/Telefonica/mistica-design/issues/1490) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
## ➕ Added | ||
|
||
- Add delay prop in tooltips [#1550](https://github.com/Telefonica/mistica-design/issues/1550) | ||
- Tabs in inverse and alternative backgrounds [#1369](https://github.com/Telefonica/mistica-design/issues/1369) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- fix checkbox resource in lists [#1571](https://github.com/Telefonica/mistica-design/issues/1571) | ||
|
||
## 📒 Documentation changes | ||
|
||
- List specs - Update border radius [#1561](https://github.com/Telefonica/mistica-design/issues/1561) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
## 🔄 Changed | ||
|
||
- Change border of the unselected chip [#1213](https://github.com/Telefonica/mistica-design/issues/1213) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- Chevron icon misalignment [#1245](https://github.com/Telefonica/mistica-design/issues/1245) | ||
- Conflict between the background color of the image error case in inverse context with the design of the new component "Stacking Group" [#1218](https://github.com/Telefonica/mistica-design/issues/1218) | ||
- Fix backgroundSkeleton and backgroundSkeletonInverse in darkMode [#1235](https://github.com/Telefonica/mistica-design/issues/1235) | ||
- Icon bell tiene color harcodeado [#1247](https://github.com/Telefonica/mistica-design/issues/1247) | ||
- InputFields[D] disabled and readonly states [#1249](https://github.com/Telefonica/mistica-design/issues/1249) | ||
|
||
## 📒 Documentation changes | ||
|
||
- Allow images in snap cards | Design documentation [#1222](https://github.com/Telefonica/mistica-design/issues/1222) | ||
- Allow images in snap cards | Update specs [#1221](https://github.com/Telefonica/mistica-design/issues/1221) | ||
- Cards [Hover and pressed states] [#1202](https://github.com/Telefonica/mistica-design/issues/1202) | ||
- Evolve Chips to include navigation [#621](https://github.com/Telefonica/mistica-design/issues/621) | ||
- HorizontalScroll specs [#1244](https://github.com/Telefonica/mistica-design/issues/1244) | ||
- href / onPress Cards [#935](https://github.com/Telefonica/mistica-design/issues/935) | ||
- Image as asset in callout | Update callout specs [#1220](https://github.com/Telefonica/mistica-design/issues/1220) | ||
- Image Border | Design documentation [#1219](https://github.com/Telefonica/mistica-design/issues/1219) | ||
- Lists [Hover and pressed states] [#1204](https://github.com/Telefonica/mistica-design/issues/1204) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
## ✨ New! | ||
|
||
- StackingGroup component [#1100](https://github.com/Telefonica/mistica-design/issues/1100) | ||
- Grid component [#644](https://github.com/Telefonica/mistica-design/issues/644) | ||
|
||
## ➕ Added | ||
|
||
- Theme variant alternative + inverse/OverInverse fixes [#1185](https://github.com/Telefonica/mistica-design/issues/1185) | ||
- Add new Vivo Type with Vivinho in Figma [#1171](https://github.com/Telefonica/mistica-design/issues/1171) | ||
|
||
## 🔄 Changed | ||
|
||
- Change bordeLow to border in Circle component [#1254](https://github.com/Telefonica/mistica-design/issues/1254) | ||
- Dont use progressBar inside stepper component [#1152](https://github.com/Telefonica/mistica-design/issues/1152) | ||
- Remove background from Tabs component [#1271](https://github.com/Telefonica/mistica-design/issues/1271) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- Fix Image size in callout [#1214](https://github.com/Telefonica/mistica-design/issues/1214) | ||
- Header padding in inverse false [#1273](https://github.com/Telefonica/mistica-design/issues/1273) | ||
- TextSecondary in display media and posterCard [#1179](https://github.com/Telefonica/mistica-design/issues/1179) | ||
|
||
## ✒️ Typography changes | ||
|
||
- Add new Vivo Type with Vivinho in Figma [#1171](https://github.com/Telefonica/mistica-design/issues/1171) | ||
|
||
## 📒 Documentation changes | ||
|
||
- Include Avatars colors variants documentation [#1182](https://github.com/Telefonica/mistica-design/issues/1182) | ||
- StackingGroup component [#1100](https://github.com/Telefonica/mistica-design/issues/1100) | ||
- Theme variant alternative + inverse/OverInverse fixes [#1185](https://github.com/Telefonica/mistica-design/issues/1185) | ||
- Theme variant logic [#579](https://github.com/Telefonica/mistica-design/issues/579) | ||
- → Logo design documentation [#1030](https://github.com/Telefonica/mistica-design/issues/1030) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
## 🐞 Bugs fixed | ||
|
||
- Avatar size in Web/MainNavigationBar Browser component [#1303](https://github.com/Telefonica/mistica-design/issues/1303) | ||
- Fix badge size [#1275](https://github.com/Telefonica/mistica-design/issues/1275) | ||
|
||
## Movistar | ||
|
||
- add missing colors in movistar [#1288](https://github.com/Telefonica/mistica-design/issues/1288) | ||
|
||
## 📒 Documentation changes | ||
|
||
- Evolve Chips to include navigation | Design documentation [#1262](https://github.com/Telefonica/mistica-design/issues/1262) | ||
- href / onPress Cards [#935](https://github.com/Telefonica/mistica-design/issues/935) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,49 @@ | ||
## ➕ Added | ||
|
||
- Include BorderRadius variables [#1330](https://github.com/Telefonica/mistica-design/issues/1330) | ||
- Include Autolayout wrap [#1329](https://github.com/Telefonica/mistica-design/issues/1329) | ||
- Use max/min width in components [#1328](https://github.com/Telefonica/mistica-design/issues/1328) | ||
- Community folder in Figma [#1314](https://github.com/Telefonica/mistica-design/issues/1314) | ||
- Include right text in lists [#1284](https://github.com/Telefonica/mistica-design/issues/1284) | ||
- Include disabled states in lists [#1277](https://github.com/Telefonica/mistica-design/issues/1277) | ||
- Cursors in desktop [#1205](https://github.com/Telefonica/mistica-design/issues/1205) | ||
- → Template Kits: Content pages [#668](https://github.com/Telefonica/mistica-design/issues/668) | ||
|
||
## ⚠️ Breaking changes | ||
|
||
- Fix logo in navigation bar [#1334](https://github.com/Telefonica/mistica-design/issues/1334) | ||
- Include Autolayout wrap [#1329](https://github.com/Telefonica/mistica-design/issues/1329) | ||
- Include strokes in component layout | impact if you don't use autolayout in your screens [#1071](https://github.com/Telefonica/mistica-design/issues/1071) | ||
- Remove formerly deprecated components [#1337](https://github.com/Telefonica/mistica-design/issues/1337) | ||
|
||
## 🔄 Changed | ||
|
||
- Split button in different components [#1336](https://github.com/Telefonica/mistica-design/issues/1336) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- El spinner se ''rompe'' en el slot del switch [#1316](https://github.com/Telefonica/mistica-design/issues/1316) | ||
- Fix accessibility tool in BF [#1063](https://github.com/Telefonica/mistica-design/issues/1063) | ||
- Fix asset in DataCard [#1276](https://github.com/Telefonica/mistica-design/issues/1276) | ||
- Fix Button [D] wrong instances [#1345](https://github.com/Telefonica/mistica-design/issues/1345) | ||
- Header slot mantiene el fondo verde a pesar de meter un componente [#1272](https://github.com/Telefonica/mistica-design/issues/1272) | ||
|
||
## 📒 Documentation changes | ||
|
||
- [Figma only] Cards behavior in carousels [#1310](https://github.com/Telefonica/mistica-design/issues/1310) | ||
- Include disabled states in lists [#1277](https://github.com/Telefonica/mistica-design/issues/1277) | ||
- Include right text in lists [#1284](https://github.com/Telefonica/mistica-design/issues/1284) | ||
- Lists [Hover and pressed states] [#1204](https://github.com/Telefonica/mistica-design/issues/1204) | ||
- Navigation bars logo interaction in web | Update specs [#1267](https://github.com/Telefonica/mistica-design/issues/1267) | ||
- → Text constant project | Design documentation [#824](https://github.com/Telefonica/mistica-design/issues/824) | ||
|
||
|
||
## Migration notes | ||
|
||
### Autolayout changes | ||
|
||
We've evolved the auto-layout of the components to have the strokes included, which means that the height and width of multiple components in the library will increase 2px. In those artboards where the design is not using auto-layout, the spacing between elements will be affected (please review those cases). | ||
|
||
### Button split | ||
|
||
We've identified instances of the Button component that are not updating automatically with the release of the libraries. In order to identify those cases quickly in a file, the find feature of Figma (edit/find) can help to spot and select those instances to be swapped for the new ones. The buttons need to be selected and swapped by type, so you'll need to select all the primary instances and swap to `ButtonPrimary` component, all the secondary and swap to `buttonSecondary` and all the button link and swap to `buttonLink`. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
## ✨ New! | ||
|
||
- Title3 component [#1366](https://github.com/Telefonica/mistica-design/issues/1366) | ||
- Sheet Buttons new component [#1282](https://github.com/Telefonica/mistica-design/issues/1282) | ||
- Naked Card component [#1259](https://github.com/Telefonica/mistica-design/issues/1259) | ||
|
||
## ➕ Added | ||
|
||
- Circular image variant [#1371](https://github.com/Telefonica/mistica-design/issues/1371) | ||
- Image circular fallback [#1365](https://github.com/Telefonica/mistica-design/issues/1365) | ||
- Include slot in Media Card Asset [#1321](https://github.com/Telefonica/mistica-design/issues/1321) | ||
|
||
## 🔄 Changed | ||
|
||
- Button link alignment and title textLink replacement [#1378](https://github.com/Telefonica/mistica-design/issues/1378) | ||
- ButtonLink bleed properties [#1374](https://github.com/Telefonica/mistica-design/issues/1374) | ||
- Evolve Feedback Screen [#1252](https://github.com/Telefonica/mistica-design/issues/1252) | ||
- Title2 tokens size and weight [#1367](https://github.com/Telefonica/mistica-design/issues/1367) | ||
- Top actions fixes in color + inverse variant + overImage variant [#1360](https://github.com/Telefonica/mistica-design/issues/1360) | ||
|
||
## 🐞 Bugs fixed | ||
|
||
- Add radio with double interaction in lists [#1370](https://github.com/Telefonica/mistica-design/issues/1370) | ||
- Divider max-height in Figma libraries [#1355](https://github.com/Telefonica/mistica-design/issues/1355) | ||
- Set circle skeleton to fill / fill instead of fixed [#1381](https://github.com/Telefonica/mistica-design/issues/1381) | ||
|
||
## Vivo | ||
|
||
- Title2 tokens size and weight [#1367](https://github.com/Telefonica/mistica-design/issues/1367) | ||
|
||
## 📒 Documentation changes | ||
|
||
- Include slot in Media Card Asset [#1321](https://github.com/Telefonica/mistica-design/issues/1321) |
Oops, something went wrong.