-
Notifications
You must be signed in to change notification settings - Fork 1
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
Showing
15 changed files
with
878 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,48 @@ | ||
| <template> | ||
| <g> | ||
| <path | ||
| d="M23.5,1h-23C0.2,1,0,1.2,0,1.5v16C0,17.8,0.2,18,0.5,18H7v3.5c0,0.2,0.1,0.4,0.3,0.5c0.1,0,0.1,0,0.2,0 | ||
| c0.1,0,0.3-0.1,0.4-0.1l3.9-3.9h11.8c0.3,0,0.5-0.2,0.5-0.5v-16C24,1.2,23.8,1,23.5,1z M23,17H11.5c-0.1,0-0.3,0.1-0.4,0.1L8,20.3 | ||
| v-2.8C8,17.2,7.8,17,7.5,17H1V2h22V17z" | ||
| /> | ||
| <path | ||
| d="M11.5,11c0.3,0,0.5-0.2,0.5-0.5v-6C12,4.2,11.8,4,11.5,4S11,4.2,11,4.5v6C11,10.8,11.2,11,11.5,11z" | ||
| /> | ||
| <circle cx="11.5" cy="13" r="1" /> | ||
| </g> | ||
| </template> | ||
|
|
||
| <script> | ||
| /** | ||
| * Icons are used to visually communicate core parts of the product and | ||
| * available actions. Please be aware that all elements must have closing tags (not "self-closing"). | ||
| * To add additional icons, please consult [the instructions](/#/Adding%20Icons). | ||
| */ | ||
| export default { | ||
| name: "LuxIconExclamation", | ||
| status: "ready", | ||
| release: "3.1.1", | ||
| type: "Element", | ||
| } | ||
| </script> | ||
|
|
||
| <docs> | ||
| ```jsx | ||
| <div> | ||
| <!-- you can pass in a smaller `width` and `height` as props --> | ||
| <lux-icon-base width="12" height="12" icon-name="exclamation"> | ||
| <lux-icon-exclamation></lux-icon-exclamation> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or you can use the default, which is 18 --> | ||
| <lux-icon-base icon-name="exclamation"> | ||
| <lux-icon-exclamation></lux-icon-exclamation> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or make it a little bigger too, with colors :) --> | ||
| <lux-icon-base width="30" height="30" icon-name="exclamation" icon-color="red"> | ||
| <lux-icon-exclamation></lux-icon-exclamation> | ||
| </lux-icon-base> | ||
| </div> | ||
| ``` | ||
| </docs> |
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,72 @@ | ||
| <template> | ||
| <g> | ||
| <path | ||
| d="M3.5,9C3.776,9,4,8.776,4,8.5v-2C4,6.224,3.776,6,3.5,6S3,6.224,3,6.5v2C3,8.776,3.224,9,3.5,9z" | ||
| ></path> | ||
| <path | ||
| d="M10,6.5C10,6.224,9.776,6,9.5,6S9,6.224,9,6.5v2C9,8.776,9.224,9,9.5,9S10,8.776,10,8.5V6.5z" | ||
| ></path> | ||
| <path | ||
| d="M7.5,11C7.224,11,7,11.224,7,11.5v2C7,13.776,7.224,14,7.5,14S8,13.776,8,13.5v-2C8,11.224,7.776,11,7.5,11z" | ||
| ></path> | ||
| <path | ||
| d="M10,11.5c0-0.276-0.224-0.5-0.5-0.5S9,11.224,9,11.5v2C9,13.776,9.224,14,9.5,14s0.5-0.224,0.5-0.5V11.5z" | ||
| ></path> | ||
| <path | ||
| d="M8,8.5v-2C8,6.224,7.776,6,7.5,6h-2C5.224,6,5,6.224,5,6.5v2C5,8.776,5.224,9,5.5,9h2C7.776,9,8,8.776,8,8.5z M7,8H6V7h1V8 z" | ||
| ></path> | ||
| <path | ||
| d="M6,11.5C6,11.224,5.776,11,5.5,11h-2C3.224,11,3,11.224,3,11.5v2C3,13.776,3.224,14,3.5,14h2C5.776,14,6,13.776,6,13.5 V11.5z M5,13H4v-1h1V13z" | ||
| ></path> | ||
| <path | ||
| d="M7.5,19h2c0.276,0,0.5-0.224,0.5-0.5v-2c0-0.276-0.224-0.5-0.5-0.5h-2C7.224,16,7,16.224,7,16.5v2 C7,18.776,7.224,19,7.5,19z M8,17h1v1H8V17z" | ||
| ></path> | ||
| <path | ||
| d="M3,16.5v2C3,18.776,3.224,19,3.5,19S4,18.776,4,18.5v-2C4,16.224,3.776,16,3.5,16S3,16.224,3,16.5z" | ||
| ></path> | ||
| <path | ||
| d="M5.5,16C5.224,16,5,16.224,5,16.5v2C5,18.776,5.224,19,5.5,19S6,18.776,6,18.5v-2C6,16.224,5.776,16,5.5,16z" | ||
| ></path> | ||
| <path | ||
| d="M20.276,12.5c-0.95,0-2.07,0.491-2.776,1.784c-0.706-1.293-1.826-1.784-2.776-1.784c-1.585,0-3.224,1.323-3.224,3.537 c0,3.181,5.473,7.198,5.706,7.367c0.088,0.063,0.19,0.096,0.294,0.096s0.206-0.032,0.294-0.096 c0.233-0.169,5.706-4.187,5.706-7.367C23.5,13.823,21.861,12.5,20.276,12.5z M17.5,22.376c-1.63-1.246-5-4.253-5-6.339 c0-1.588,1.131-2.537,2.224-2.537c1.086,0,1.942,0.864,2.29,2.313c0.109,0.449,0.863,0.449,0.973,0 c0.348-1.448,1.204-2.313,2.29-2.313c1.093,0,2.224,0.949,2.224,2.537C22.5,18.121,19.13,21.13,17.5,22.376z" | ||
| ></path> | ||
| <path | ||
| d="M1,1h10v4.5C11,5.776,11.224,6,11.5,6H16v5h1V5.5c0-0.066-0.014-0.132-0.039-0.192c-0.025-0.062-0.063-0.115-0.108-0.162 l-4.998-4.999c-0.046-0.045-0.101-0.082-0.162-0.107C11.632,0.014,11.566,0,11.5,0h-11C0.224,0,0,0.224,0,0.5v21 C0,21.776,0.224,22,0.5,22h11.979v-1H1V1z M12,1.707L15.293,5H12V1.707z" | ||
| ></path> | ||
| </g> | ||
| </template> | ||
|
|
||
| <script> | ||
| /** | ||
| * Icons are used to visually communicate core parts of the product and | ||
| * available actions. Please be aware that all elements must have closing tags (not "self-closing"). | ||
| * To add additional icons, please consult [the instructions](/#/Adding%20Icons). | ||
| */ | ||
| export default { | ||
| name: "LuxIconFileHealthy", | ||
| status: "ready", | ||
| release: "4.1.0", | ||
| type: "Element", | ||
| } | ||
| </script> | ||
|
|
||
| <docs> | ||
| ```jsx | ||
| <div> | ||
| <!-- you can pass in a smaller `width` and `height` as props --> | ||
| <lux-icon-base width="12" height="12" icon-name="Healthy File"> | ||
| <lux-icon-file-healthy></lux-icon-file-healthy> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or you can use the default, which is 18 --> | ||
| <lux-icon-base icon-name="Healthy File"> | ||
| <lux-icon-file-healthy></lux-icon-file-healthy> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or make it a little bigger too, with colors :) --> | ||
| <lux-icon-base width="30" height="30" icon-name="Healthy File" icon-color="green"> | ||
| <lux-icon-file-healthy></lux-icon-file-healthy> | ||
| </lux-icon-base> | ||
| </div> | ||
| ``` | ||
| </docs> |
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,76 @@ | ||
| <template> | ||
| <g> | ||
| <path | ||
| d="M3.5,9C3.776,9,4,8.776,4,8.5v-2C4,6.224,3.776,6,3.5,6S3,6.224,3,6.5v2C3,8.776,3.224,9,3.5,9z" | ||
| ></path> | ||
| <path | ||
| d="M10,6.5C10,6.224,9.776,6,9.5,6S9,6.224,9,6.5v2C9,8.776,9.224,9,9.5,9S10,8.776,10,8.5V6.5z" | ||
| ></path> | ||
| <path | ||
| d="M7.5,11C7.224,11,7,11.224,7,11.5v2C7,13.776,7.224,14,7.5,14S8,13.776,8,13.5v-2C8,11.224,7.776,11,7.5,11z" | ||
| ></path> | ||
| <path | ||
| d="M10,11.5c0-0.276-0.224-0.5-0.5-0.5S9,11.224,9,11.5v2C9,13.776,9.224,14,9.5,14s0.5-0.224,0.5-0.5V11.5z" | ||
| ></path> | ||
| <path | ||
| d="M8,8.5v-2C8,6.224,7.776,6,7.5,6h-2C5.224,6,5,6.224,5,6.5v2C5,8.776,5.224,9,5.5,9h2C7.776,9,8,8.776,8,8.5z M7,8H6V7h1V8 z" | ||
| ></path> | ||
| <path | ||
| d="M6,11.5C6,11.224,5.776,11,5.5,11h-2C3.224,11,3,11.224,3,11.5v2C3,13.776,3.224,14,3.5,14h2C5.776,14,6,13.776,6,13.5 V11.5z M5,13H4v-1h1V13z" | ||
| ></path> | ||
| <path | ||
| d="M7.5,19h2c0.276,0,0.5-0.224,0.5-0.5v-2c0-0.276-0.224-0.5-0.5-0.5h-2C7.224,16,7,16.224,7,16.5v2 C7,18.776,7.224,19,7.5,19z M8,17h1v1H8V17z" | ||
| ></path> | ||
| <path | ||
| d="M3,16.5v2C3,18.776,3.224,19,3.5,19S4,18.776,4,18.5v-2C4,16.224,3.776,16,3.5,16S3,16.224,3,16.5z" | ||
| ></path> | ||
| <path | ||
| d="M5.5,16C5.224,16,5,16.224,5,16.5v2C5,18.776,5.224,19,5.5,19S6,18.776,6,18.5v-2C6,16.224,5.776,16,5.5,16z" | ||
| ></path> | ||
| <path | ||
| d="M23.892,23.166l-5.944-11.89c-0.17-0.338-0.725-0.338-0.895,0l-6,12c-0.077,0.155-0.069,0.339,0.021,0.486 C11.166,23.91,11.327,24,11.5,24h12c0.007,0,0.015,0,0.02,0c0.276,0,0.5-0.224,0.5-0.5C24.02,23.371,23.972,23.254,23.892,23.166z M12.309,23L17.5,12.618L22.691,23H12.309z" | ||
| ></path> | ||
| <path | ||
| d="M17,16.409v3.272c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5v-3.272c0-0.276-0.224-0.5-0.5-0.5S17,16.133,17,16.409z" | ||
| ></path> | ||
| <circle cx="17.5" cy="21.5" r="0.5"></circle> | ||
| <path | ||
| d="M11.5,6H16v4h1V5.5c0-0.066-0.014-0.132-0.039-0.192c-0.025-0.062-0.063-0.115-0.108-0.162l-4.998-4.999 c-0.046-0.045-0.101-0.082-0.162-0.107C11.632,0.014,11.566,0,11.5,0h-11C0.224,0,0,0.224,0,0.5v21C0,21.776,0.224,22,0.5,22H11v-1 H1V1h10v4.5C11,5.776,11.224,6,11.5,6z M12,1.707L15.293,5H12V1.707z" | ||
| ></path> | ||
| </g> | ||
| </template> | ||
|
|
||
| <script> | ||
| /** | ||
| * Icons are used to visually communicate core parts of the product and | ||
| * available actions. Please be aware that all elements must have closing tags (not "self-closing"). | ||
| * To add additional icons, please consult [the instructions](/#/Adding%20Icons). | ||
| */ | ||
| export default { | ||
| name: "LuxIconFileUnhealthy", | ||
| status: "ready", | ||
| release: "4.1.0", | ||
| type: "Element", | ||
| } | ||
| </script> | ||
|
|
||
| <docs> | ||
| ```jsx | ||
| <div> | ||
| <!-- you can pass in a smaller `width` and `height` as props --> | ||
| <lux-icon-base width="12" height="12" icon-name="Unhealthy File"> | ||
| <lux-icon-file-unhealthy></lux-icon-file-unhealthy> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or you can use the default, which is 18 --> | ||
| <lux-icon-base icon-name="Unhealthy File"> | ||
| <lux-icon-file-unhealthy></lux-icon-file-unhealthy> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or make it a little bigger too, with colors :) --> | ||
| <lux-icon-base width="30" height="30" icon-name="Unhealthy File" icon-color="red"> | ||
| <lux-icon-file-unhealthy></lux-icon-file-unhealthy> | ||
| </lux-icon-base> | ||
| </div> | ||
| ``` | ||
| </docs> |
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,40 @@ | ||
| <template> | ||
| <g> | ||
| <path class="st0" d="M23.5,0.5h-23l10,12.1v10.9l3-3v-7.9L23.5,0.5z" /> | ||
| </g> | ||
| </template> | ||
|
|
||
| <script> | ||
| /** | ||
| * Icons are used to visually communicate core parts of the product and | ||
| * available actions. Please be aware that all elements must have closing tags (not "self-closing"). | ||
| * To add additional icons, please consult [the instructions](/#/Adding%20Icons). | ||
| */ | ||
| export default { | ||
| name: "LuxIconFilter", | ||
| status: "ready", | ||
| release: "1.0.0", | ||
| type: "Element", | ||
| } | ||
| </script> | ||
|
|
||
| <docs> | ||
| ```jsx | ||
| <div> | ||
| <!-- you can pass in a smaller `width` and `height` as props --> | ||
| <lux-icon-base width="12" height="12" icon-name="filter"> | ||
| <lux-icon-filter></lux-icon-filter> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or you can use the default, which is 18 --> | ||
| <lux-icon-base icon-name="filter"> | ||
| <lux-icon-filter></lux-icon-filter> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or make it a little bigger too, with colors :) --> | ||
| <lux-icon-base width="30" height="30" icon-name="filter" icon-color="red"> | ||
| <lux-icon-filter></lux-icon-filter> | ||
| </lux-icon-base> | ||
| </div> | ||
| ``` | ||
| </docs> |
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,42 @@ | ||
| <template> | ||
| <path | ||
| d="M11.5,1C5.2,1,0,6.2,0,12.5S5.2,24,11.5,24C17.8,24,23,18.8,23,12.5S17.8,1,11.5,1z M11,6c0.6,0,1,0.4,1,1c0,0.6-0.4,1-1,1 | ||
| c-0.6,0-1-0.4-1-1C10,6.4,10.4,6,11,6z M14.5,20h-6C8.2,20,8,19.8,8,19.5S8.2,19,8.5,19H11v-8H9.5C9.2,11,9,10.8,9,10.5 | ||
| S9.2,10,9.5,10h2c0.3,0,0.5,0.2,0.5,0.5V19h2.5c0.3,0,0.5,0.2,0.5,0.5S14.8,20,14.5,20z" | ||
| /> | ||
| </template> | ||
|
|
||
| <script> | ||
| /** | ||
| * Icons are used to visually communicate core parts of the product and | ||
| * available actions. Please be aware that all elements must have closing tags (not "self-closing"). | ||
| * To add additional icons, please consult [the instructions](/#/Adding%20Icons). | ||
| */ | ||
| export default { | ||
| name: "LuxIconInfo", | ||
| status: "ready", | ||
| release: "1.0.0", | ||
| type: "Element", | ||
| } | ||
| </script> | ||
|
|
||
| <docs> | ||
| ```jsx | ||
| <div> | ||
| <!-- you can pass in a smaller `width` and `height` as props --> | ||
| <lux-icon-base width="12" height="12" icon-name="Add Item"> | ||
| <lux-icon-info></lux-icon-info> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or you can use the default, which is 18 --> | ||
| <lux-icon-base icon-name="Add Item"> | ||
| <lux-icon-info></lux-icon-info> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or make it a little bigger too, with colors :) --> | ||
| <lux-icon-base width="30" height="30" icon-name="Add Item" icon-color="red"> | ||
| <lux-icon-info></lux-icon-info> | ||
| </lux-icon-base> | ||
| </div> | ||
| ``` | ||
| </docs> |
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,45 @@ | ||
| <template> | ||
| <g> | ||
| <path | ||
| d="M12,14c-0.552,0-1,0.449-1,1c0,0.365,0.207,0.672,0.5,0.847V18.5c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5v-2.653 C12.793,15.672,13,15.365,13,15C13,14.449,12.552,14,12,14z" | ||
| ></path> | ||
| <path | ||
| d="M20.5,9H18V6c0-3.309-2.691-6-6-6S6,2.691,6,6v3H3.5C3.224,9,3,9.224,3,9.5v14C3,23.776,3.224,24,3.5,24h17 c0.276,0,0.5-0.224,0.5-0.5v-14C21,9.224,20.776,9,20.5,9z M7,6c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7V6z M20,23H4V10h2.5h11H20V23z " | ||
| ></path> | ||
| </g> | ||
| </template> | ||
|
|
||
| <script> | ||
| /** | ||
| * Icons are used to visually communicate core parts of the product and | ||
| * available actions. Please be aware that all elements must have closing tags (not "self-closing"). | ||
| * To add additional icons, please consult [the instructions](/#/Adding%20Icons). | ||
| */ | ||
| export default { | ||
| name: "LuxIconLockClose", | ||
| status: "ready", | ||
| release: "4.1.0", | ||
| type: "Element", | ||
| } | ||
| </script> | ||
|
|
||
| <docs> | ||
| ```jsx | ||
| <div> | ||
| <!-- you can pass in a smaller `width` and `height` as props --> | ||
| <lux-icon-base width="12" height="12" icon-name="Closed Lock"> | ||
| <lux-icon-lock-close></lux-icon-lock-close> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or you can use the default, which is 18 --> | ||
| <lux-icon-base icon-name="Closed Lock"> | ||
| <lux-icon-lock-close></lux-icon-lock-close> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or make it a little bigger too, with colors :) --> | ||
| <lux-icon-base width="30" height="30" icon-name="Closed Lock" icon-color="red"> | ||
| <lux-icon-lock-close></lux-icon-lock-close> | ||
| </lux-icon-base> | ||
| </div> | ||
| ``` | ||
| </docs> |
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,45 @@ | ||
| <template> | ||
| <g> | ||
| <path | ||
| d="M11.5,15.847V18.5c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5v-2.653C12.793,15.672,13,15.365,13,15c0-0.551-0.448-1-1-1 s-1,0.449-1,1C11,15.365,11.207,15.672,11.5,15.847z" | ||
| ></path> | ||
| <path | ||
| d="M20.5,9H18V6c0-3.309-2.691-6-6-6S6,2.691,6,6h1c0-2.757,2.243-5,5-5s5,2.243,5,5v3H3.5C3.224,9,3,9.224,3,9.5v14 C3,23.776,3.224,24,3.5,24h17c0.276,0,0.5-0.224,0.5-0.5v-14C21,9.224,20.776,9,20.5,9z M20,23H4V10h16V23z" | ||
| ></path> | ||
| </g> | ||
| </template> | ||
|
|
||
| <script> | ||
| /** | ||
| * Icons are used to visually communicate core parts of the product and | ||
| * available actions. Please be aware that all elements must have closing tags (not "self-closing"). | ||
| * To add additional icons, please consult [the instructions](/#/Adding%20Icons). | ||
| */ | ||
| export default { | ||
| name: "LuxIconLockOpen", | ||
| status: "ready", | ||
| release: "4.1.0", | ||
| type: "Element", | ||
| } | ||
| </script> | ||
|
|
||
| <docs> | ||
| ```jsx | ||
| <div> | ||
| <!-- you can pass in a smaller `width` and `height` as props --> | ||
| <lux-icon-base width="12" height="12" icon-name="Open Lock"> | ||
| <lux-icon-lock-open></lux-icon-lock-open> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or you can use the default, which is 18 --> | ||
| <lux-icon-base icon-name="Open Lock"> | ||
| <lux-icon-lock-open></lux-icon-lock-open> | ||
| </lux-icon-base> | ||
|
|
||
| <!-- or make it a little bigger too, with colors :) --> | ||
| <lux-icon-base width="30" height="30" icon-name="Open Lock" icon-color="green"> | ||
| <lux-icon-lock-open></lux-icon-lock-open> | ||
| </lux-icon-base> | ||
| </div> | ||
| ``` | ||
| </docs> |
Oops, something went wrong.