@haiilo/catalyst 0.8.5 → 0.10.0

package/dist/catalyst/scss/core/_typography.scss

@@ -132,13 +132,13 @@ dl {
   }
 }
 
-nav {
-  ol,
-  ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-  }
+nav ol,
+nav ul,
+ol.cat-plain,
+ul.cat-plain {
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
 dt {

package/dist/catalyst/scss/index.scss

@@ -1,26 +1,21 @@
 // -- Reset
-
 @import '~sanitize.css/sanitize.css';
 @import '~sanitize.css/assets.css';
 @import '~sanitize.css/reduce-motion.css';
 
 // -- Vendor
-
 @import '~toastify-js/src/toastify.css';
 
 // -- Fonts
-
 @import 'fonts/fonts-mixins';
 
 // -- Core
-
 @import 'core/base';
 @import 'core/nav';
 @import 'core/toast';
 @import 'core/typography';
 
 // -- Utils
-
 @import 'utils/color';
 @import 'utils/display';
 @import 'utils/elevation';
@@ -31,5 +26,6 @@
 @import 'utils/visibility';
 @import 'utils/ratio';
 
+// -- Includes
 $cat-font-path: 'assets/fonts' !default;
 @include cat-fonts($cat-font-path);

package/dist/cjs/cat-alert_20.cjs.entry.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-936b777e.js');
 const loglevel = require('./loglevel-b5d158ad.js');
 const catFormHint = require('./cat-form-hint-25fdfed5.js');
-const catIconRegistry = require('./cat-icon-registry-b015a65f.js');
-const catNotification = require('./cat-notification-fe237312.js');
+const catNotification = require('./cat-notification-c2859ed7.js');
 
 const catAlertCss = ":host{display:block;margin-bottom:1rem}:host(:focus-visible){outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}:host([hidden]){display:none}.alert{font:inherit;color:rgb(var(--text));background-color:rgba(var(--bg), 0.1);box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);border-radius:0.25rem;padding:0.75rem 1rem}::slotted(:last-child){margin-bottom:0 !important}.alert-primary{--bg:var(--cat-primary-bg, 32, 127, 138);--text:var(--cat-primary-text, 32, 127, 138);--border:var(--cat-primary-text, 32, 127, 138)}.alert-secondary{--bg:105, 118, 135;--text:0, 0, 0;--border:105, 118, 135}.alert-success{--bg:0, 132, 88;--text:0, 132, 88;--border:0, 132, 88}.alert-warning{--bg:255, 206, 128;--text:159, 97, 0;--border:159, 97, 0}.alert-danger{--bg:217, 52, 13;--text:217, 52, 13;--border:217, 52, 13}";
 
@@ -452,7 +451,7 @@ const CatButton = class {
 };
 CatButton.style = catButtonCss;
 
-const catCardCss = ":host{display:block;margin-bottom:1rem;border-radius:0.5rem;background-color:white;padding:1.5rem}:host([hidden]){display:none}::slotted(nav){margin:-1rem -1.5rem !important}::slotted(:last-child){margin-bottom:0}";
+const catCardCss = ":host{display:block;margin-bottom:1rem;border-radius:0.5rem;background-color:white;padding:1.5rem}:host([hidden]){display:none}::slotted(nav){margin:-1rem -1.5rem !important}::slotted(:last-child){margin-bottom:0}::slotted(.cat-card-pull){margin:-1.5rem !important;width:calc(100% + 3rem) !important;height:calc(100% + 3rem) !important}::slotted(.cat-card-pull-h){margin-left:-1.5rem !important;margin-right:-1.5rem !important;width:calc(100% + 3rem) !important}::slotted(.cat-card-pull-v){margin-top:-1.5rem !important;margin-bottom:-1.5rem !important;height:calc(100% + 3rem) !important}::slotted(.cat-card-pull-t){margin-top:-1.5rem !important}::slotted(.cat-card-pull-l){margin-left:-1.5rem !important}::slotted(.cat-card-pull-r){margin-right:-1.5rem !important}::slotted(.cat-card-pull-b){margin-bottom:-1.5rem !important}";
 
 const CatCard = class {
   constructor(hostRef) {
@@ -546,7 +545,7 @@ const catIconCss = ":host{display:inline-flex;vertical-align:middle;-webkit-user
 const CatIcon = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.iconRegistry = catIconRegistry.CatIconRegistry.getInstance();
+    this.iconRegistry = catNotification.CatIconRegistry.getInstance();
     /**
      * The name of the icon.
      */
@@ -574,7 +573,7 @@ const CatInput = class {
     this.catChange = index.createEvent(this, "catChange", 7);
     this.catFocus = index.createEvent(this, "catFocus", 7);
     this.catBlur = index.createEvent(this, "catBlur", 7);
-    this.i18n = catIconRegistry.CatI18nRegistry.getInstance();
+    this.i18n = catNotification.CatI18nRegistry.getInstance();
     this.id = `cat-input-${nextUniqueId$6++}`;
     this.hasSlottedLabel = false;
     /**
@@ -11967,7 +11966,7 @@ const CatSelect = class {
     index.registerInstance(this, hostRef);
     this.catChange = index.createEvent(this, "catChange", 7);
     this.catSearch = index.createEvent(this, "catSearch", 7);
-    this.i18n = catIconRegistry.CatI18nRegistry.getInstance();
+    this.i18n = catNotification.CatI18nRegistry.getInstance();
     this.id = `cat-select-${nextUniqueId$3++}`;
     this.hasSlottedLabel = false;
     /**
@@ -12014,6 +12013,11 @@ const CatSelect = class {
       return;
     this.setChoices(choices, 'value', 'label', true);
   }
+  setValueHandler(value) {
+    if (this.multiple)
+      return;
+    this.setValue(value || []);
+  }
   componentWillRender() {
     this.hasSlottedLabel = !!this.hostElement.querySelector('[slot="label"]');
     if (!this.label && !this.hasSlottedLabel) {
@@ -12227,7 +12231,8 @@ const CatSelect = class {
   }
   get hostElement() { return index.getElement(this); }
   static get watchers() { return {
-    "choices": ["setChoicesHandler"]
+    "choices": ["setChoicesHandler"],
+    "value": ["setValueHandler"]
   }; }
 };
 CatSelect.style = catSelectCss;