sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

refactor: add prefixes to icons

Browse Source
This commit is contained in:
woothu
2019-11-18 11:43:07 +01:00
parent 07a6b95380
commit 0bf951c64d
68 changed files with 5116 additions and 8553 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
+2 -59
View File
@@ -10,7 +10,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -849,7 +848,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
</p>
</div>
<!---->
</div>
</div>
@@ -859,7 +857,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -880,7 +877,7 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</small>
<code>
&lt;CButton color="facebook"&gt;&lt;CIcon name="facebook"/&gt;&lt;/CButton&gt;
&lt;CButton color="facebook"&gt;&lt;CIcon name="cib-facebook"/&gt;&lt;/CButton&gt;
</code>
<hr />
@@ -1479,7 +1476,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
</p>
</div>
<!---->
</div>
</div>
@@ -1489,7 +1485,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -1511,7 +1506,7 @@ exports[`BrandButtons.vue renders correctly 1`] = `
<code>
&lt;CButton color="facebook"&gt;&lt;CIcon name="facebook"/&gt;&lt;/CButton&gt;
&lt;CButton color="facebook"&gt;&lt;CIcon name="cib-facebook"/&gt;&lt;/CButton&gt;
</code>
@@ -1530,7 +1525,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
<p>
<button
class="btn btn-facebook btn-sm"
name="facebook"
type="button"
>
<span>
@@ -1539,7 +1533,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-twitter btn-sm"
name="twitter"
type="button"
>
<span>
@@ -1548,7 +1541,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-linkedin btn-sm"
name="linkedin"
type="button"
>
<span>
@@ -1557,7 +1549,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-flickr btn-sm"
name="flickr"
type="button"
>
<span>
@@ -1566,7 +1557,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-tumblr btn-sm"
name="tumblr"
type="button"
>
<span>
@@ -1575,7 +1565,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-xing btn-sm"
name="xing"
type="button"
>
<span>
@@ -1584,7 +1573,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-github btn-sm"
name="github"
type="button"
>
<span>
@@ -1593,7 +1581,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-stack-overflow btn-sm"
name="stack-overflow"
type="button"
>
<span>
@@ -1602,7 +1589,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-youtube btn-sm"
name="youtube"
type="button"
>
<span>
@@ -1611,7 +1597,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-dribbble btn-sm"
name="dribbble"
type="button"
>
<span>
@@ -1620,7 +1605,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-instagram btn-sm"
name="instagram"
type="button"
>
<span>
@@ -1629,7 +1613,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-pinterest btn-sm"
name="pinterest"
type="button"
>
<span>
@@ -1638,7 +1621,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-vk btn-sm"
name="vk"
type="button"
>
<span>
@@ -1647,7 +1629,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-yahoo btn-sm"
name="yahoo"
type="button"
>
<span>
@@ -1656,7 +1637,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-behance btn-sm"
name="behance"
type="button"
>
<span>
@@ -1665,7 +1645,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-reddit btn-sm"
name="reddit"
type="button"
>
<span>
@@ -1674,7 +1653,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-vimeo btn-sm"
name="vimeo"
type="button"
>
<span>
@@ -1690,7 +1668,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
<p>
<button
class="btn btn-facebook"
name="facebook"
type="button"
>
<span>
@@ -1699,7 +1676,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-twitter"
name="twitter"
type="button"
>
<span>
@@ -1708,7 +1684,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-linkedin"
name="linkedin"
type="button"
>
<span>
@@ -1717,7 +1692,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-flickr"
name="flickr"
type="button"
>
<span>
@@ -1726,7 +1700,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-tumblr"
name="tumblr"
type="button"
>
<span>
@@ -1735,7 +1708,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-xing"
name="xing"
type="button"
>
<span>
@@ -1744,7 +1716,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-github"
name="github"
type="button"
>
<span>
@@ -1753,7 +1724,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-stack-overflow"
name="stack-overflow"
type="button"
>
<span>
@@ -1762,7 +1732,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-youtube"
name="youtube"
type="button"
>
<span>
@@ -1771,7 +1740,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-dribbble"
name="dribbble"
type="button"
>
<span>
@@ -1780,7 +1748,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-instagram"
name="instagram"
type="button"
>
<span>
@@ -1789,7 +1756,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-pinterest"
name="pinterest"
type="button"
>
<span>
@@ -1798,7 +1764,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-vk"
name="vk"
type="button"
>
<span>
@@ -1807,7 +1772,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-yahoo"
name="yahoo"
type="button"
>
<span>
@@ -1816,7 +1780,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-behance"
name="behance"
type="button"
>
<span>
@@ -1825,7 +1788,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-reddit"
name="reddit"
type="button"
>
<span>
@@ -1834,7 +1796,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-vimeo"
name="vimeo"
type="button"
>
<span>
@@ -1856,7 +1817,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
<p>
<button
class="btn btn-facebook btn-lg"
name="facebook"
type="button"
>
<span>
@@ -1865,7 +1825,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-twitter btn-lg"
name="twitter"
type="button"
>
<span>
@@ -1874,7 +1833,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-linkedin btn-lg"
name="linkedin"
type="button"
>
<span>
@@ -1883,7 +1841,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-flickr btn-lg"
name="flickr"
type="button"
>
<span>
@@ -1892,7 +1849,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-tumblr btn-lg"
name="tumblr"
type="button"
>
<span>
@@ -1901,7 +1857,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-xing btn-lg"
name="xing"
type="button"
>
<span>
@@ -1910,7 +1865,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-github btn-lg"
name="github"
type="button"
>
<span>
@@ -1919,7 +1873,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-stack-overflow btn-lg"
name="stack-overflow"
type="button"
>
<span>
@@ -1928,7 +1881,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-youtube btn-lg"
name="youtube"
type="button"
>
<span>
@@ -1937,7 +1889,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-dribbble btn-lg"
name="dribbble"
type="button"
>
<span>
@@ -1946,7 +1897,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-instagram btn-lg"
name="instagram"
type="button"
>
<span>
@@ -1955,7 +1905,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-pinterest btn-lg"
name="pinterest"
type="button"
>
<span>
@@ -1964,7 +1913,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-vk btn-lg"
name="vk"
type="button"
>
<span>
@@ -1973,7 +1921,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-yahoo btn-lg"
name="yahoo"
type="button"
>
<span>
@@ -1982,7 +1929,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-behance btn-lg"
name="behance"
type="button"
>
<span>
@@ -1991,7 +1937,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-reddit btn-lg"
name="reddit"
type="button"
>
<span>
@@ -2000,7 +1945,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
<button
class="btn btn-vimeo btn-lg"
name="vimeo"
type="button"
>
<span>
@@ -2009,7 +1953,6 @@ exports[`BrandButtons.vue renders correctly 1`] = `
</button>
</p>
</div>
<!---->
</div>
</div>
</div>
tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
+23 -12
View File
@@ -11,7 +11,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -54,6 +53,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-secondary"
type="button"
>
Dropdown Button
</button>
@@ -124,6 +124,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-secondary"
type="button"
>
Dropdown with divider
</button>
@@ -174,6 +175,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-secondary"
type="button"
>
Dropdown with header
</button>
@@ -208,7 +210,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
@@ -218,7 +219,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -248,6 +248,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-primary"
type="button"
>
Left align
</button>
@@ -291,6 +292,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-primary"
type="button"
>
Right align
</button>
@@ -336,6 +338,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-info"
type="button"
>
Drop-Up
</button>
@@ -381,6 +384,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-secondary"
type="button"
>
Offset Dropdown
</button>
@@ -431,6 +435,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn btn-secondary"
type="button"
/>
<div
class="dropdown-menu"
@@ -465,7 +470,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
</div>
@@ -479,7 +483,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -509,6 +512,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn btn-lg btn-link"
type="button"
>
🔍
@@ -553,7 +557,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
@@ -563,7 +566,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -593,6 +595,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-lg btn-secondary"
type="button"
>
Large
</button>
@@ -641,6 +644,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn btn-lg btn-secondary"
type="button"
/>
<div
class="dropdown-menu"
@@ -683,6 +687,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-secondary"
type="button"
>
Small
</button>
@@ -731,6 +736,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn btn-sm btn-secondary"
type="button"
/>
<div
class="dropdown-menu"
@@ -765,7 +771,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
</div>
@@ -779,7 +784,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -809,6 +813,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-primary"
type="button"
>
Dropdown ARIA
</button>
@@ -895,7 +900,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
@@ -905,7 +909,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card"
>
<!---->
<header
class="card-header"
>
@@ -936,6 +939,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-primary"
type="button"
>
Primary
</button>
@@ -979,6 +983,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-secondary"
type="button"
>
Secondary
</button>
@@ -1022,6 +1027,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-success"
type="button"
>
Success
</button>
@@ -1065,6 +1071,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-warning"
type="button"
>
Warning
</button>
@@ -1108,6 +1115,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-danger"
type="button"
>
Danger
</button>
@@ -1151,6 +1159,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-info"
type="button"
>
Info
</button>
@@ -1194,6 +1203,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-light"
type="button"
>
Light
</button>
@@ -1237,6 +1247,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-dark"
type="button"
>
Dark
</button>
@@ -1280,6 +1291,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-link"
type="button"
>
Link
</button>
@@ -1316,7 +1328,6 @@ exports[`Dropdowns.vue renders correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
</div>
tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
+5 -5
View File
@@ -11,7 +11,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<ccard-stub>
<ccardheader-stub>
<cicon-stub
name="justify-center"
name="cil-justify-center"
/>
<strong>
@@ -191,7 +191,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<ccard-stub>
<ccardheader-stub>
<cicon-stub
name="justify-center"
name="cil-justify-center"
/>
<strong>
@@ -338,7 +338,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<ccard-stub>
<ccardheader-stub>
<cicon-stub
name="justify-center"
name="cil-justify-center"
/>
<strong>
Button group
@@ -490,7 +490,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<ccard-stub>
<ccardheader-stub>
<cicon-stub
name="justify-center"
name="cil-justify-center"
/>
<strong>
@@ -553,7 +553,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<ccard-stub>
<ccardheader-stub>
<cicon-stub
name="justify-center"
name="cil-justify-center"
/>
<strong>
tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+5 -5
View File
@@ -3865,7 +3865,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
type="button"
>
<cicon-stub
name="lightbulb"
name="cil-lightbulb"
/>
 Standard Button
@@ -3889,7 +3889,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
variant="outline"
>
<cicon-stub
name="lightbulb"
name="cil-lightbulb"
/>
 Outline Button
@@ -3912,7 +3912,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
type="button"
>
<cicon-stub
name="lightbulb"
name="cil-lightbulb"
/>
 Ghost Button
@@ -3936,7 +3936,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
type="button"
>
<cicon-stub
name="lightbulb"
name="cil-lightbulb"
/>
 Square Button
@@ -3960,7 +3960,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
type="button"
>
<cicon-stub
name="lightbulb"
name="cil-lightbulb"
/>
 Pill Button