@webapp-suite/elements.card - npm Package Compare versions

Comparing version 0.2.0 to 0.3.0

lib/card.esm.js

@@ -1,1 +0,1 @@
-import{helpers as t,html as a,customElementDefineHelper as r,TSElement as o,unsafeCSS as e}from"@webapp-suite/elements";function d(t,a){for(var r=0;r<a.length;r++){var o=a[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function n(){return(n=Object.assign||function(t){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var i={CARD:"card"},s=(n({},t.classNamesToSelector(i)),"vertical"),p="full";function l(){var t,a,r=(t=['\n\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t<div\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\tdata-type="','"\n\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t?data-rtl="','"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t'],a||(a=t.slice(0)),t.raw=a,t);return l=function(){return r},r}var c=function(t){var r,n,c,h,b;function u(){var a=t.call(this)||this;return a.type="",a.size=p,a.orientation=s,a.rtl=!1,a.noPadding=!1,a.noHorizontalPadding=!1,a.noVerticalPadding=!1,a}return n=t,(r=u).prototype=Object.create(n.prototype),r.prototype.constructor=r,r.__proto__=n,u.prototype.render=function(){return a(l(),this.size,i.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},c=u,b=[{key:"styles",get:function(){return[o.styles,e(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],(h=null)&&d(c.prototype,h),b&&d(c,b),u}(o);r("ts-card",c);export{c as TSCard};
+import{helpers as t,html as a,customElementDefineHelper as r,TSElement as e,unsafeCSS as o}from"@webapp-suite/elements";function d(t,a){for(var r=0;r<a.length;r++){var e=a[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}function n(){return(n=Object.assign||function(t){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e])}return t}).apply(this,arguments)}var i={CARD:"card"},s=(n({},t.classNamesToSelector(i)),"vertical"),p="full";function c(){var t,a,r=(t=['\n\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t<div\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\tdata-type="','"\n\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t?data-rtl="','"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t'],a||(a=t.slice(0)),t.raw=a,t);return c=function(){return r},r}var l=function(t){var r,n,l,h,b;function v(){var a=t.call(this)||this;return a.type="",a.size=p,a.orientation=s,a.rtl=!1,a.noPadding=!1,a.noHorizontalPadding=!1,a.noVerticalPadding=!1,a}return n=t,(r=v).prototype=Object.create(n.prototype),r.prototype.constructor=r,r.__proto__=n,v.prototype.render=function(){return a(c(),this.size,i.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},l=v,b=[{key:"styles",get:function(){return[e.styles,o(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #ade5ff,0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-hover)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #ade5ff,0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-hover)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],(h=null)&&d(l.prototype,h),b&&d(l,b),v}(e);r("ts-card",l);export{l as TSCard};

lib/card.umd.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@webapp-suite/elements")):"function"==typeof define&&define.amd?define(["exports","@webapp-suite/elements"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).ts=t.ts||{},t.ts.elements=t.ts.elements||{},t.ts.elements.card=t.ts.elements.card||{}),t.ts.elements)}(this,(function(t,e){"use strict";function a(t,e){for(var a=0;a<e.length;a++){var o=e[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function o(){return(o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(t[o]=a[o])}return t}).apply(this,arguments)}var r={CARD:"card"},n=(o({},e.helpers.classNamesToSelector(r)),"vertical"),d="full";function i(){var t,e,a=(t=['\n\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t<div\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\tdata-type="','"\n\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t?data-rtl="','"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return i=function(){return a},a}var s=function(t){var o,s,l,p,c;function h(){var e=t.call(this)||this;return e.type="",e.size=d,e.orientation=n,e.rtl=!1,e.noPadding=!1,e.noHorizontalPadding=!1,e.noVerticalPadding=!1,e}return s=t,(o=h).prototype=Object.create(s.prototype),o.prototype.constructor=o,o.__proto__=s,h.prototype.render=function(){return e.html(i(),this.size,r.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},l=h,c=[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],(p=null)&&a(l.prototype,p),c&&a(l,c),h}(e.TSElement);e.customElementDefineHelper("ts-card",s),t.TSCard=s,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@webapp-suite/elements")):"function"==typeof define&&define.amd?define(["exports","@webapp-suite/elements"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).ts=t.ts||{},t.ts.elements=t.ts.elements||{},t.ts.elements.card=t.ts.elements.card||{}),t.ts.elements)}(this,(function(t,e){"use strict";function a(t,e){for(var a=0;a<e.length;a++){var o=e[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function o(){return(o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(t[o]=a[o])}return t}).apply(this,arguments)}var r={CARD:"card"},n=(o({},e.helpers.classNamesToSelector(r)),"vertical"),d="full";function i(){var t,e,a=(t=['\n\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t<div\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\tdata-type="','"\n\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t?data-rtl="','"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return i=function(){return a},a}var s=function(t){var o,s,p,l,c;function h(){var e=t.call(this)||this;return e.type="",e.size=d,e.orientation=n,e.rtl=!1,e.noPadding=!1,e.noHorizontalPadding=!1,e.noVerticalPadding=!1,e}return s=t,(o=h).prototype=Object.create(s.prototype),o.prototype.constructor=o,o.__proto__=s,h.prototype.render=function(){return e.html(i(),this.size,r.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},p=h,c=[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #ade5ff,0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-hover)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #ade5ff,0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-hover)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],(l=null)&&a(p.prototype,l),c&&a(p,c),h}(e.TSElement);e.customElementDefineHelper("ts-card",s),t.TSCard=s,Object.defineProperty(t,"__esModule",{value:!0})}));

package.json

 {
   "name": "@webapp-suite/elements.card",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "repository": {
@@ -18,6 +18,6 @@ "type": "git",
   "dependencies": {
-    "@webapp-suite/elements": "^0.2.0"
+    "@webapp-suite/elements": "^0.3.0"
   },
   "src": "src/card.js",
-  "gitHead": "760f636a6039bd5b820432b075ec23dde370ceb1"
+  "gitHead": "5181cc6eb0415a301a3f8bb39d64909e4296c78e"
 }

README.md

 <h1 align="center">
-    <a href="https://webapp-suitete.com/">
-      <img alt="webapp-suite" src="https://webapp-suitete.com/wp-content/themes/webapp-suite/img/brand/logo-black.png"/>
+    <a href="">
+      <img alt="webapp-suite" src="https://webapp-suite.com/wp-content/themes/webapp-suite/img/brand/logo-black.png"/>
     </a>
@@ -11,3 +11,3 @@ </h1>
   Part of the reusable webapp-suite UI Components as Web Components.
-    <a href="https://webapp-suitete.github.io/elements/?path=/story/ts-card--default">
+    <a href="https://webapp-suite.github.io/elements/?path=/story/ts-card--default">
       Demo
@@ -37,12 +37,18 @@ </a>
 
-| Property            | Attribute             | Type    | Default | Description |
-| ------------------- | --------------------- | ------- | ------- | ----------- |
-| type                | type                  | String  |         |             |
-| orientation         | orientation           | String  |         |             |
-| rtl                 | rtl                   | Boolean | false   |             |
-| size                | size                  | String  |         |             |
-| noPadding           | no-padding            | Boolean | false   |             |
-| noHorizontalPadding | no-horizontal-padding | Boolean | false   |             |
-| noVerticalPadding   | no-vertical-padding   | Boolean | false   |             |
+| Property            | Attribute             | Type    | Default               | Description |
+| ------------------- | --------------------- | ------- | --------------------- | ----------- |
+| type                | type                  | String  | ''                    |             |
+| orientation         | orientation           | String  | orientations.VERTICAL |             |
+| rtl                 | rtl                   | Boolean | false                 |             |
+| size                | size                  | String  | sizes.FULL            |             |
+| noPadding           | no-padding            | Boolean | false                 |             |
+| noHorizontalPadding | no-horizontal-padding | Boolean | false                 |             |
+| noVerticalPadding   | no-vertical-padding   | Boolean | false                 |             |
 
+## ➤ Slots
+
+| Name    | Description |
+| ------- | ----------- |
+| default |             |
+
 ## ➤ How to use it
@@ -68,3 +74,3 @@
 
-- Use it like [demo]("https://webapp-suitete.github.io/elements/?path=/story/ts-card--default")
+- Use it like [demo]("https://webapp-suite.github.io/elements/?path=/story/ts-card--default")
 
@@ -147,3 +153,3 @@ - Our components rely on having the `Open Sans` available, You can see the `font-weight` and `font-style` you need to load [here](https://github.com/webapp-suite/elements/blob/master/packages/core/src/fonts.css), or you can just load it from our package (for now)
 - You can always create forks on GitHub, submit Issues and Pull Requests.
-- You can only use webapp-suite Elements to make apps on a webapp-suite platform, e.g. webapp-suitete.com.
+- You can only use webapp-suite Elements to make apps on a webapp-suite platform, e.g. webapp-suite.com.
 - You can fix a bug until the bugfix is deployed by webapp-suite.
@@ -150,0 +156,0 @@ - You can host webapp-suite Elements yourself.

New alerts

AI-detected potential code anomaly

Supply chain risk

AI has identified unusual behaviors that may pose a security risk.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21294

0.3%

Number of lines in readme file

156

4%

Worsened metrics

Lines of code

68

-1.45%

Number of low supply chain risk alerts

3

50%

Dependency changes

• + Added

  @webapp-suite/elements@0.3.1
  (transitive)

• - Removed

  @webapp-suite/elements@0.2.0
  (transitive)

• Updated

  @webapp-suite/elements@^0.3.0