@haiilo/catalyst 0.10.7 → 0.12.0

package/dist/catalyst/p-5ba5e33c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as n,h as e,H as i,g as o}from"./p-659073b5.js";import{l as r}from"./p-2ad6f8d8.js";import{C as a}from"./p-6fce43dd.js";var s,h,l="function"==typeof Map?new Map:(s=[],h=[],{has:function(t){return s.indexOf(t)>-1},get:function(t){return h[s.indexOf(t)]},set:function(t,n){-1===s.indexOf(t)&&(s.push(t),h.push(n))},delete:function(t){var n=s.indexOf(t);n>-1&&(s.splice(n,1),h.splice(n,1))}}),c=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(s){c=function(t){var n=document.createEvent("Event");return n.initEvent(t,!0,!1),n}}function u(t){var n=l.get(t);n&&n.destroy()}function d(t){var n=l.get(t);n&&n.update()}var f=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((f=function(t){return t}).destroy=function(t){return t},f.update=function(t){return t}):((f=function(t,n){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!l.has(t)){var n,e=null,i=null,o=null,r=function(){t.clientWidth!==i&&u()},a=function(n){window.removeEventListener("resize",r,!1),t.removeEventListener("input",u,!1),t.removeEventListener("keyup",u,!1),t.removeEventListener("autosize:destroy",a,!1),t.removeEventListener("autosize:update",u,!1),Object.keys(n).forEach((function(e){t.style[e]=n[e]})),l.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",a,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",u,!1),window.addEventListener("resize",r,!1),t.addEventListener("input",u,!1),t.addEventListener("autosize:update",u,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",l.set(t,{destroy:a,update:u}),"vertical"===(n=window.getComputedStyle(t,null)).resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),e="content-box"===n.boxSizing?-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),isNaN(e)&&(e=0),u()}function s(n){var e=t.style.width;t.style.width="0px",t.style.width=e,t.style.overflowY=n}function h(){if(0!==t.scrollHeight){var n=function(t){for(var n=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&n.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return n}(t),o=document.documentElement&&document.documentElement.scrollTop;t.style.height="",t.style.height=t.scrollHeight+e+"px",i=t.clientWidth,n.forEach((function(t){t.node.scrollTop=t.scrollTop})),o&&(document.documentElement.scrollTop=o)}}function u(){h();var n=Math.round(parseFloat(t.style.height)),e=window.getComputedStyle(t,null),i="content-box"===e.boxSizing?Math.round(parseFloat(e.height)):t.offsetHeight;if(i<n?"hidden"===e.overflowY&&(s("scroll"),h(),i="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight):"hidden"!==e.overflowY&&(s("hidden"),h(),i="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight),o!==i){o=i;var r=c("autosize:resized");try{t.dispatchEvent(r)}catch(t){}}}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],u),t},f.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],d),t});var p=f;const m=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0}:host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);margin-bottom:1rem}:host([hidden]){display:none}label{align-self:flex-start}label.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 105, 118, 135))}textarea{margin:0;padding:0.625rem 0.75rem;min-height:2.5rem;font:inherit;background:white;border-radius:0.25rem;border:none;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear}textarea:disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135));resize:none}textarea:hover:not(:disabled){box-shadow:0 0 0 2px #d7dbe0}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}";let b=0;const w=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-textarea-${b++}`;this.hasSlottedLabel=false;this.disabled=false;this.label="";this.labelHidden=false;this.name="";this.readonly=false;this.required=false;this.rows=3}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on textarea",this)}}componentDidLoad(){p(this.textarea)}async setFocus(t){this.textarea.focus(t)}render(){return e(i,null,(this.hasSlottedLabel||this.label)&&e("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},e("span",{part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label,!this.required&&e("span",{class:"input-optional","aria-hidden":"true"},"(Optional)"))),e("textarea",{ref:t=>this.textarea=t,id:this.id,disabled:this.disabled,maxlength:this.maxLength,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,rows:this.rows,value:this.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(a,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.textarea.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};w.style=m;export{w as cat_textarea};
+//# sourceMappingURL=p-5ba5e33c.entry.js.map

package/dist/catalyst/{p-c0b4200d.entry.js.map → p-5ba5e33c.entry.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../node_modules/autosize/dist/autosize.esm.js","src/components/cat-textarea/cat-textarea.scss?tag=cat-textarea&encapsulation=shadow","src/components/cat-textarea/cat-textarea.tsx"],"names":["e","t","n","Map","has","indexOf","get","set","o","push","delete","splice","Event","bubbles","document","createEvent","initEvent","r","destroy","i","update","l","window","getComputedStyle","Array","prototype","forEach","call","length","nodeName","d","clientWidth","c","a","removeEventListener","Object","keys","style","bind","height","resize","overflowY","overflowX","wordWrap","addEventListener","boxSizing","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","isNaN","u","width","s","scrollHeight","parentNode","Element","scrollTop","node","documentElement","Math","round","offsetHeight","dispatchEvent","catTextareaCss","nextUniqueId","CatTextarea","[object Object]","hostRef","this","id","hasSlottedLabel","disabled","label","labelHidden","name","readonly","required","rows","hostElement","querySelector","log","error","autosize","textarea","options","focus","h","Host","htmlFor","class","hidden","part","aria-hidden","ref","el","maxlength","maxLength","minlength","minLength","placeholder","value","onInput","onFocus","onBlur","hintSection","hasSlottedHint","hint","CatFormHint","slottedHint","event","catChange","emit","catFocus","catBlur"],"mappings":"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","sourcesContent":["var e,t,n=\"function\"==typeof Map?new Map:(e=[],t=[],{has:function(t){return e.indexOf(t)>-1},get:function(n){return t[e.indexOf(n)]},set:function(n,o){-1===e.indexOf(n)&&(e.push(n),t.push(o))},delete:function(n){var o=e.indexOf(n);o>-1&&(e.splice(o,1),t.splice(o,1))}}),o=function(e){return new Event(e,{bubbles:!0})};try{new Event(\"test\")}catch(e){o=function(e){var t=document.createEvent(\"Event\");return t.initEvent(e,!0,!1),t}}function r(e){var t=n.get(e);t&&t.destroy()}function i(e){var t=n.get(e);t&&t.update()}var l=null;\"undefined\"==typeof window||\"function\"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return function(e){if(e&&e.nodeName&&\"TEXTAREA\"===e.nodeName&&!n.has(e)){var t,r=null,i=null,l=null,d=function(){e.clientWidth!==i&&c()},a=function(t){window.removeEventListener(\"resize\",d,!1),e.removeEventListener(\"input\",c,!1),e.removeEventListener(\"keyup\",c,!1),e.removeEventListener(\"autosize:destroy\",a,!1),e.removeEventListener(\"autosize:update\",c,!1),Object.keys(t).forEach(function(n){e.style[n]=t[n]}),n.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener(\"autosize:destroy\",a,!1),\"onpropertychange\"in e&&\"oninput\"in e&&e.addEventListener(\"keyup\",c,!1),window.addEventListener(\"resize\",d,!1),e.addEventListener(\"input\",c,!1),e.addEventListener(\"autosize:update\",c,!1),e.style.overflowX=\"hidden\",e.style.wordWrap=\"break-word\",n.set(e,{destroy:a,update:c}),\"vertical\"===(t=window.getComputedStyle(e,null)).resize?e.style.resize=\"none\":\"both\"===t.resize&&(e.style.resize=\"horizontal\"),r=\"content-box\"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(r)&&(r=0),c()}function u(t){var n=e.style.width;e.style.width=\"0px\",e.style.width=n,e.style.overflowY=t}function s(){if(0!==e.scrollHeight){var t=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),n=document.documentElement&&document.documentElement.scrollTop;e.style.height=\"\",e.style.height=e.scrollHeight+r+\"px\",i=e.clientWidth,t.forEach(function(e){e.node.scrollTop=e.scrollTop}),n&&(document.documentElement.scrollTop=n)}}function c(){s();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r<t?\"hidden\"===n.overflowY&&(u(\"scroll\"),s(),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight):\"hidden\"!==n.overflowY&&(u(\"hidden\"),s(),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight),l!==r){l=r;var i=o(\"autosize:resized\");try{e.dispatchEvent(i)}catch(e){}}}}(e)}),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],r),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e});var d=l;export default d;\n","@use 'variables' as *;\n@use 'mixins' as *;\n@use 'src/components/cat-form-hint/cat-form-hint';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  @include cat-body('m');\n  margin-bottom: $cat-body-margin-bottom;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\nlabel {\n  align-self: flex-start;\n\n  &.hidden {\n    @include cat-visually-hidden;\n  }\n}\n\n.input-optional {\n  margin-left: 0.25rem;\n  @include cat-body('xs');\n  color: cat-token('color.ui.font.muted');\n}\n\ntextarea {\n  margin: 0;\n  padding: 0.625rem 0.75rem;\n  min-height: cat-size('m');\n  font: inherit;\n  background: cat-token('color.ui.background.input');\n  border-radius: cat-border-radius('m');\n  border: none;\n  box-shadow: 0 0 0 1px cat-token('color.ui.border.input');\n  transition: box-shadow cat-token('time.transition.s') linear;\n\n  &:disabled {\n    background: cat-token('color.ui.background.inputDisabled');\n    cursor: not-allowed;\n    color: cat-token('color.ui.font.muted');\n    resize: none;\n  }\n\n  &:hover:not(:disabled) {\n    box-shadow: 0 0 0 2px cat-token('color.ui.border.input');\n  }\n\n  &:focus {\n    outline: 2px solid cat-token('color.ui.border.focus');\n  }\n\n  &::placeholder {\n    color: cat-token('color.ui.font.muted');\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport autosize from 'autosize';\nimport log from 'loglevel';\nimport { CatFormHint } from '../cat-form-hint/cat-form-hint';\n\nlet nextUniqueId = 0;\n\n/**\n * Textarea specifies a control that allows user to write text over multiple\n * rows. Used when the expected user input is long. For shorter input, use the\n * input component.\n *\n * @slot hint - Optional hint element to be displayed with the textarea.\n * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.\n * @part label - The label content.\n */\n@Component({\n  tag: 'cat-textarea',\n  styleUrl: 'cat-textarea.scss',\n  shadow: true\n})\nexport class CatTextarea {\n  private readonly id = `cat-textarea-${nextUniqueId++}`;\n  private textarea!: HTMLTextAreaElement;\n\n  @Element() hostElement!: HTMLElement;\n\n  @State() hasSlottedLabel = false;\n\n  /**\n   * Whether the textarea is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Optional hint text(s) to be displayed with the textarea.\n   */\n  @Prop() hint?: string | string[];\n\n  /**\n   * The label for the textarea.\n   */\n  @Prop() label = '';\n\n  /**\n   * Visually hide the label, but still show it to assistive technologies like screen readers.\n   */\n  @Prop() labelHidden = false;\n\n  /**\n   * A maximum length (number of characters) for textual values.\n   */\n  @Prop() maxLength?: number;\n\n  /**\n   * A minimum length (number of characters) for textual values.\n   */\n  @Prop() minLength?: number;\n\n  /**\n   * The name of the form control. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name = '';\n\n  /**\n   * The placeholder text to display within the input.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The value is not editable.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * A value is required or must be check for the form to be submittable.\n   */\n  @Prop() required = false;\n\n  /**\n   * Specifies the initial number of lines in the textarea.\n   */\n  @Prop() rows = 3;\n\n  /**\n   * The initial value of the control.\n   */\n  @Prop({ mutable: true }) value?: string | number;\n\n  /**\n   * Emitted when the value is changed.\n   */\n  @Event() catChange!: EventEmitter;\n\n  /**\n   * Emitted when the textarea received focus.\n   */\n  @Event() catFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the textarea loses focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  componentWillRender(): void {\n    this.hasSlottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    if (!this.label && !this.hasSlottedLabel) {\n      log.error('[A11y] Missing ARIA label on textarea', this);\n    }\n  }\n\n  componentDidLoad(): void {\n    autosize(this.textarea);\n  }\n\n  /**\n   * Sets focus on the textarea. Use this method instead of `textarea.focus()`.\n   *\n   * @param options An optional object providing options to control aspects of\n   * the focusing process.\n   */\n  @Method()\n  async setFocus(options?: FocusOptions): Promise<void> {\n    this.textarea.focus(options);\n  }\n\n  render() {\n    return (\n      <Host>\n        {(this.hasSlottedLabel || this.label) && (\n          <label htmlFor={this.id} class={{ hidden: this.labelHidden }}>\n            <span part=\"label\">\n              {(this.hasSlottedLabel && <slot name=\"label\"></slot>) || this.label}\n              {!this.required && (\n                <span class=\"input-optional\" aria-hidden=\"true\">\n                  (Optional)\n                </span>\n              )}\n            </span>\n          </label>\n        )}\n        <textarea\n          ref={el => (this.textarea = el as HTMLTextAreaElement)}\n          id={this.id}\n          disabled={this.disabled}\n          maxlength={this.maxLength}\n          minlength={this.minLength}\n          name={this.name}\n          placeholder={this.placeholder}\n          readonly={this.readonly}\n          required={this.required}\n          rows={this.rows}\n          value={this.value}\n          onInput={this.onInput.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onBlur={this.onBlur.bind(this)}\n        ></textarea>\n        {this.hintSection}\n      </Host>\n    );\n  }\n\n  private get hintSection() {\n    const hasSlottedHint = !!this.hostElement.querySelector('[slot=\"hint\"]');\n    return (\n      (this.hint || hasSlottedHint) && (\n        <CatFormHint hint={this.hint} slottedHint={hasSlottedHint && <slot name=\"hint\"></slot>} />\n      )\n    );\n  }\n\n  private onInput(event: Event) {\n    this.value = this.textarea.value;\n    this.catChange.emit(event);\n  }\n\n  private onFocus(event: FocusEvent) {\n    this.catFocus.emit(event);\n  }\n\n  private onBlur(event: FocusEvent) {\n    this.catBlur.emit(event);\n  }\n}\n"]}
+{"version":3,"sources":["../node_modules/autosize/dist/autosize.esm.js","src/components/cat-textarea/cat-textarea.scss?tag=cat-textarea&encapsulation=shadow","src/components/cat-textarea/cat-textarea.tsx"],"names":["e","t","n","Map","has","indexOf","get","set","o","push","delete","splice","Event","bubbles","document","createEvent","initEvent","r","destroy","i","update","l","window","getComputedStyle","Array","prototype","forEach","call","length","nodeName","d","clientWidth","c","a","removeEventListener","Object","keys","style","bind","height","resize","overflowY","overflowX","wordWrap","addEventListener","boxSizing","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","isNaN","u","width","s","scrollHeight","parentNode","Element","scrollTop","node","documentElement","Math","round","offsetHeight","dispatchEvent","catTextareaCss","nextUniqueId","CatTextarea","[object Object]","hostRef","this","id","hasSlottedLabel","disabled","label","labelHidden","name","readonly","required","rows","hostElement","querySelector","log","error","autosize","textarea","options","focus","h","Host","htmlFor","class","hidden","part","aria-hidden","ref","el","maxlength","maxLength","minlength","minLength","placeholder","value","onInput","onFocus","onBlur","hintSection","hasSlottedHint","hint","CatFormHint","slottedHint","event","catChange","emit","catFocus","catBlur"],"mappings":"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","sourcesContent":["var e,t,n=\"function\"==typeof Map?new Map:(e=[],t=[],{has:function(t){return e.indexOf(t)>-1},get:function(n){return t[e.indexOf(n)]},set:function(n,o){-1===e.indexOf(n)&&(e.push(n),t.push(o))},delete:function(n){var o=e.indexOf(n);o>-1&&(e.splice(o,1),t.splice(o,1))}}),o=function(e){return new Event(e,{bubbles:!0})};try{new Event(\"test\")}catch(e){o=function(e){var t=document.createEvent(\"Event\");return t.initEvent(e,!0,!1),t}}function r(e){var t=n.get(e);t&&t.destroy()}function i(e){var t=n.get(e);t&&t.update()}var l=null;\"undefined\"==typeof window||\"function\"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return function(e){if(e&&e.nodeName&&\"TEXTAREA\"===e.nodeName&&!n.has(e)){var t,r=null,i=null,l=null,d=function(){e.clientWidth!==i&&c()},a=function(t){window.removeEventListener(\"resize\",d,!1),e.removeEventListener(\"input\",c,!1),e.removeEventListener(\"keyup\",c,!1),e.removeEventListener(\"autosize:destroy\",a,!1),e.removeEventListener(\"autosize:update\",c,!1),Object.keys(t).forEach(function(n){e.style[n]=t[n]}),n.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener(\"autosize:destroy\",a,!1),\"onpropertychange\"in e&&\"oninput\"in e&&e.addEventListener(\"keyup\",c,!1),window.addEventListener(\"resize\",d,!1),e.addEventListener(\"input\",c,!1),e.addEventListener(\"autosize:update\",c,!1),e.style.overflowX=\"hidden\",e.style.wordWrap=\"break-word\",n.set(e,{destroy:a,update:c}),\"vertical\"===(t=window.getComputedStyle(e,null)).resize?e.style.resize=\"none\":\"both\"===t.resize&&(e.style.resize=\"horizontal\"),r=\"content-box\"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(r)&&(r=0),c()}function u(t){var n=e.style.width;e.style.width=\"0px\",e.style.width=n,e.style.overflowY=t}function s(){if(0!==e.scrollHeight){var t=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),n=document.documentElement&&document.documentElement.scrollTop;e.style.height=\"\",e.style.height=e.scrollHeight+r+\"px\",i=e.clientWidth,t.forEach(function(e){e.node.scrollTop=e.scrollTop}),n&&(document.documentElement.scrollTop=n)}}function c(){s();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r<t?\"hidden\"===n.overflowY&&(u(\"scroll\"),s(),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight):\"hidden\"!==n.overflowY&&(u(\"hidden\"),s(),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight),l!==r){l=r;var i=o(\"autosize:resized\");try{e.dispatchEvent(i)}catch(e){}}}}(e)}),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],r),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e});var d=l;export default d;\n","@use 'variables' as *;\n@use 'mixins' as *;\n@use 'src/components/cat-form-hint/cat-form-hint';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  @include cat-body('m');\n  margin-bottom: $cat-body-margin-bottom;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\nlabel {\n  align-self: flex-start;\n\n  &.hidden {\n    @include cat-visually-hidden;\n  }\n}\n\n.input-optional {\n  margin-left: 0.25rem;\n  @include cat-body('xs');\n  color: cat-token('color.ui.font.muted');\n}\n\ntextarea {\n  margin: 0;\n  padding: 0.625rem 0.75rem;\n  min-height: cat-size('m');\n  font: inherit;\n  background: cat-token('color.ui.background.input');\n  border-radius: cat-border-radius('m');\n  border: none;\n  box-shadow: 0 0 0 1px cat-token('color.ui.border.input');\n  transition: box-shadow cat-token('time.transition.s') linear;\n\n  &:disabled {\n    background: cat-token('color.ui.background.inputDisabled');\n    cursor: not-allowed;\n    color: cat-token('color.ui.font.muted');\n    resize: none;\n  }\n\n  &:hover:not(:disabled) {\n    box-shadow: 0 0 0 2px cat-token('color.ui.border.input');\n  }\n\n  &:focus {\n    outline: 2px solid cat-token('color.ui.border.focus');\n  }\n\n  &::placeholder {\n    color: cat-token('color.ui.font.muted');\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport autosize from 'autosize';\nimport log from 'loglevel';\nimport { CatFormHint } from '../cat-form-hint/cat-form-hint';\n\nlet nextUniqueId = 0;\n\n/**\n * Textarea specifies a control that allows user to write text over multiple\n * rows. Used when the expected user input is long. For shorter input, use the\n * input component.\n *\n * @slot hint - Optional hint element to be displayed with the textarea.\n * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.\n * @part label - The label content.\n */\n@Component({\n  tag: 'cat-textarea',\n  styleUrl: 'cat-textarea.scss',\n  shadow: true\n})\nexport class CatTextarea {\n  private readonly id = `cat-textarea-${nextUniqueId++}`;\n  private textarea!: HTMLTextAreaElement;\n\n  @Element() hostElement!: HTMLElement;\n\n  @State() hasSlottedLabel = false;\n\n  /**\n   * Whether the textarea is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Optional hint text(s) to be displayed with the textarea.\n   */\n  @Prop() hint?: string | string[];\n\n  /**\n   * The label for the textarea.\n   */\n  @Prop() label = '';\n\n  /**\n   * Visually hide the label, but still show it to assistive technologies like screen readers.\n   */\n  @Prop() labelHidden = false;\n\n  /**\n   * A maximum length (number of characters) for textual values.\n   */\n  @Prop() maxLength?: number;\n\n  /**\n   * A minimum length (number of characters) for textual values.\n   */\n  @Prop() minLength?: number;\n\n  /**\n   * The name of the form control. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name = '';\n\n  /**\n   * The placeholder text to display within the input.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The value is not editable.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * A value is required or must be check for the form to be submittable.\n   */\n  @Prop() required = false;\n\n  /**\n   * Specifies the initial number of lines in the textarea.\n   */\n  @Prop() rows = 3;\n\n  /**\n   * The initial value of the control.\n   */\n  @Prop({ mutable: true }) value?: string | number;\n\n  /**\n   * Emitted when the value is changed.\n   */\n  @Event() catChange!: EventEmitter;\n\n  /**\n   * Emitted when the textarea received focus.\n   */\n  @Event() catFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the textarea loses focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  componentWillRender(): void {\n    this.hasSlottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    if (!this.label && !this.hasSlottedLabel) {\n      log.error('[A11y] Missing ARIA label on textarea', this);\n    }\n  }\n\n  componentDidLoad(): void {\n    autosize(this.textarea);\n  }\n\n  /**\n   * Sets focus on the textarea. Use this method instead of `textarea.focus()`.\n   *\n   * @param options An optional object providing options to control aspects of\n   * the focusing process.\n   */\n  @Method()\n  async setFocus(options?: FocusOptions): Promise<void> {\n    this.textarea.focus(options);\n  }\n\n  render() {\n    return (\n      <Host>\n        {(this.hasSlottedLabel || this.label) && (\n          <label htmlFor={this.id} class={{ hidden: this.labelHidden }}>\n            <span part=\"label\">\n              {(this.hasSlottedLabel && <slot name=\"label\"></slot>) || this.label}\n              {!this.required && (\n                <span class=\"input-optional\" aria-hidden=\"true\">\n                  (Optional)\n                </span>\n              )}\n            </span>\n          </label>\n        )}\n        <textarea\n          ref={el => (this.textarea = el as HTMLTextAreaElement)}\n          id={this.id}\n          disabled={this.disabled}\n          maxlength={this.maxLength}\n          minlength={this.minLength}\n          name={this.name}\n          placeholder={this.placeholder}\n          readonly={this.readonly}\n          required={this.required}\n          rows={this.rows}\n          value={this.value}\n          onInput={this.onInput.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onBlur={this.onBlur.bind(this)}\n        ></textarea>\n        {this.hintSection}\n      </Host>\n    );\n  }\n\n  private get hintSection() {\n    const hasSlottedHint = !!this.hostElement.querySelector('[slot=\"hint\"]');\n    return (\n      (this.hint || hasSlottedHint) && (\n        <CatFormHint hint={this.hint} slottedHint={hasSlottedHint && <slot name=\"hint\"></slot>} />\n      )\n    );\n  }\n\n  private onInput(event: Event) {\n    this.value = this.textarea.value;\n    this.catChange.emit(event);\n  }\n\n  private onFocus(event: FocusEvent) {\n    this.catFocus.emit(event);\n  }\n\n  private onBlur(event: FocusEvent) {\n    this.catBlur.emit(event);\n  }\n}\n"]}

package/dist/catalyst/scss/core/_base.scss

@@ -6,7 +6,6 @@
 body {
   @include cat-body('m');
   font-family: cat-body-font-family();
-  font-weight: cat-token('font.weight.body');
   color: cat-token('color.ui.font.body');
   background-color: cat-token('color.ui.background.canvas');
 }

package/dist/catalyst/scss/index.scss

@@ -68,7 +68,7 @@ section {
   padding: 2rem 0;
 
   &:not(:last-of-type) {
-    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    border-bottom: 1px solid rgba(0, 0, 0, 10%);
   }
 
   > h2:not(:first-child),

package/dist/catalyst/scss/utils/_layout.scss

@@ -43,8 +43,8 @@
 
 @include -layout-property('justify-items-start', 'justify-items', 'flex-start');
 @include -layout-property('justify-items-end', 'justify-items', 'flex-end');
-@include -layout-property('justify-items-center', 'justify-items', 'flex-center');
-@include -layout-property('justify-items-stretch', 'justify-items', 'flex-stretch');
+@include -layout-property('justify-items-center', 'justify-items', 'center');
+@include -layout-property('justify-items-stretch', 'justify-items', 'stretch');
 
 @include -layout-property('content-start', 'align-content', 'flex-start');
 @include -layout-property('content-end', 'align-content', 'flex-end');
@@ -55,8 +55,8 @@
 
 @include -layout-property('items-start', 'align-items', 'flex-start');
 @include -layout-property('items-end', 'align-items', 'flex-end');
-@include -layout-property('items-center', 'align-items', 'flex-center');
-@include -layout-property('items-stretch', 'align-items', 'flex-stretch');
+@include -layout-property('items-center', 'align-items', 'center');
+@include -layout-property('items-stretch', 'align-items', 'stretch');
 
 // -- Grid
 

package/dist/catalyst/scss/utils/_typography.mixins.scss

@@ -14,7 +14,7 @@
   @return cat-token('size.line.head.#{$size}');
 }
 
-@mixin cat-head($size, $weight: null) {
+@mixin cat-head($size, $weight: cat-token('font.weight.head')) {
   font-family: cat-head-font-family();
   font-size: cat-head-font-size($size);
   line-height: cat-head-line-height($size);
@@ -36,7 +36,7 @@
   @return cat-token('size.line.body.#{$size}');
 }
 
-@mixin cat-body($size, $weight: null) {
+@mixin cat-body($size, $weight: cat-token('font.weight.body')) {
   // skip font family, as it is set on the body
   // skip color, as it is set on the body
   font-size: cat-body-font-size($size);
@@ -58,7 +58,7 @@
   @return cat-token('size.line.mono.#{$size}');
 }
 
-@mixin cat-mono($size, $weight: null) {
+@mixin cat-mono($size, $weight: cat-token('font.weight.mono')) {
   font-family: cat-mono-font-family();
   font-size: cat-mono-font-size($size);
   line-height: cat-mono-line-height($size);