npm - carbon-components-angular - Versions diffs - 5.68.0 → 5.70.0 - Mend

carbon-components-angular 5.68.0 → 5.70.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (348) hide show

package/docs/documentation/directives/Link.html CHANGED Viewed

@@ -207,6 +207,12 @@
                             <li>
                                 <a href="#inline" >inline</a>
                             </li>
+                            <li>
+                                <a href="#size" >size</a>
+                            </li>
+                            <li>
+                                <a href="#visited" >visited</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -226,6 +232,15 @@
                             <li>
                                 <a href="#class.cds--link" >class.cds--link</a>
                             </li>
+                            <li>
+                                <a href="#class.cds--link--lg" >class.cds--link--lg</a>
+                            </li>
+                            <li>
+                                <a href="#class.cds--link--md" >class.cds--link--md</a>
+                            </li>
+                            <li>
+                                <a href="#class.cds--link--sm" >class.cds--link--sm</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -239,6 +254,15 @@
                     <tr>
                         <td class="col-md-4">
                             <ul class="index-list">
+                                <li>
+                                    <a href="#sizeSm" >sizeSm</a>
+                                </li>
+                                <li>
+                                    <a href="#sizeMd" >sizeMd</a>
+                                </li>
+                                <li>
+                                    <a href="#sizeLg" >sizeLg</a>
+                                </li>
                                 <li>
                                     <a href="#disabled" >disabled</a>
                                 </li>
@@ -268,7 +292,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/link/link.directive.ts:47</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/link/link.directive.ts:69</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -306,6 +330,65 @@
                 <tr>
                     <td class="col-md-4">
                         <div class="io-description"><p>Set to true to show links inline in a sentence or paragraph.</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="size"></a>
+                        <b>size</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>&quot;sm&quot; | &quot;md&quot; | &quot;lg&quot;</code>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/link/link.directive.ts:44</a></div>
+                            </td>
+                        </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Set to <code>sm</code>, <code>md</code>, or <code>lg</code> to scale the link typography.</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="visited"></a>
+                        <b>visited</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>false</code>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/link/link.directive.ts:61</a></div>
+                            </td>
+                        </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Set to <code>true</code> to apply visited link styling.</p>
 </div>
                     </td>
                 </tr>
@@ -375,6 +458,84 @@
                     </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="class.cds--link--lg"></a>
+                    <span class="name">
+                        <span ><b>class.cds--link--lg</b></span>
+                        <a href="#class.cds--link--lg"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/link/link.directive.ts:54</a></div>
+                        </td>
+                    </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="class.cds--link--md"></a>
+                    <span class="name">
+                        <span ><b>class.cds--link--md</b></span>
+                        <a href="#class.cds--link--md"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/link/link.directive.ts:50</a></div>
+                        </td>
+                    </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="class.cds--link--sm"></a>
+                    <span class="name">
+                        <span ><b>class.cds--link--sm</b></span>
+                        <a href="#class.cds--link--sm"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/link/link.directive.ts:46</a></div>
+                        </td>
+                    </tr>
         </tbody>
     </table>
 </section>
@@ -400,7 +561,7 @@
             </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/link/link.directive.ts:56</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/link/link.directive.ts:78</a></div>
                         </td>
                     </tr>
@@ -484,6 +645,72 @@
     <h3 id="accessors">
         Accessors
     </h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="sizeSm"></a>
+                        <span class="name"><b>sizeSm</b><a href="#sizeSm"><span class="icon ion-ios-link"></span></a></span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="accessor"><b>get</b><code>sizeSm()</code></span>
+                    </td>
+                </tr>
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/link/link.directive.ts:46</a></div>
+                                </td>
+                            </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="sizeMd"></a>
+                        <span class="name"><b>sizeMd</b><a href="#sizeMd"><span class="icon ion-ios-link"></span></a></span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="accessor"><b>get</b><code>sizeMd()</code></span>
+                    </td>
+                </tr>
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/link/link.directive.ts:50</a></div>
+                                </td>
+                            </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="sizeLg"></a>
+                        <span class="name"><b>sizeLg</b><a href="#sizeLg"><span class="icon ion-ios-link"></span></a></span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="accessor"><b>get</b><code>sizeLg()</code></span>
+                    </td>
+                </tr>
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/link/link.directive.ts:54</a></div>
+                                </td>
+                            </tr>
+            </tbody>
+        </table>
         <table class="table table-sm table-bordered">
             <tbody>
                 <tr>
@@ -500,7 +727,7 @@
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/link/link.directive.ts:52</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/link/link.directive.ts:74</a></div>
                                 </td>
                             </tr>
@@ -511,7 +738,7 @@
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/link/link.directive.ts:47</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/link/link.directive.ts:69</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -601,6 +828,28 @@ export class Link {
 	@Input()
 	@HostBinding(&quot;class.cds--link--inline&quot;) inline &#x3D; false;
+	/**
+	 * Set to &#x60;sm&#x60;, &#x60;md&#x60;, or &#x60;lg&#x60; to scale the link typography.
+	 */
+	@Input() size: &quot;sm&quot; | &quot;md&quot; | &quot;lg&quot;;
+	@HostBinding(&quot;class.cds--link--sm&quot;) get sizeSm(): boolean {
+		return this.size &#x3D;&#x3D;&#x3D; &quot;sm&quot;;
+	}
+	@HostBinding(&quot;class.cds--link--md&quot;) get sizeMd(): boolean {
+		return this.size &#x3D;&#x3D;&#x3D; &quot;md&quot;;
+	}
+	@HostBinding(&quot;class.cds--link--lg&quot;) get sizeLg(): boolean {
+		return this.size &#x3D;&#x3D;&#x3D; &quot;lg&quot;;
+	}
+	/**
+	 * Set to &#x60;true&#x60; to apply visited link styling.
+	 */
+	@Input() @HostBinding(&quot;class.cds--link--visited&quot;) visited &#x3D; false;
 	/**
 	 * Set to true to disable link.
 	 */